/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /* ========================================== ADCLIP – TYPOGRAPHY SYSTEM ========================================== */ /* 01. Schriftgroessen definieren */ :root { --ac-font-hero: clamp(34px, 2.2vw + 14px, 56px); --ac-font-price: clamp(36px, 2.4vw + 18px, 60px); --ac-font-h2: clamp(28px, 1.3vw + 14px, 40px); --ac-font-h3: clamp(22px, 0.8vw + 12px, 28px); --ac-font-big: clamp(24px, 1.2vw + 12px, 32px); --ac-font-card: clamp(18px, 0.6vw + 10px, 22px); --ac-font-body: clamp(16px, 0.2vw + 12px, 18px); --ac-font-small: 14px; } /* ------------------------------------------ 02. Globale Special Headings ------------------------------------------ */ /* H1 */ #top .av-special-heading h1.av-special-heading-tag { font-size: var(--ac-font-hero) !important; line-height: 1.1; hyphens: manual; -webkit-hyphens: manual; word-break: normal; overflow-wrap: break-word; text-wrap: balance; } /* H2 */ #top .av-special-heading h2.av-special-heading-tag { font-size: var(--ac-font-h2) !important; line-height: 1.2; -webkit-hyphens: manual; word-break: normal; overflow-wrap: break-word; text-wrap: balance; } /* H3 */ #top .av-special-heading h3.av-special-heading-tag { font-size: var(--ac-font-h3) !important; line-height: 1.25; } /* ========================================== ADCLIP – HEADING WORD WRAPPING ========================================== */ #top .av-special-heading .av-special-heading-tag { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } /* ------------------------------------------ 03. Optionale Schriftgroessen ------------------------------------------ */ /* Grosse Zwischenueberschrift */ #top .av-special-heading.ac-font-big .av-special-heading-tag { font-size: var(--ac-font-big) !important; line-height: 1.2; hyphens: manual; -webkit-hyphens: manual; word-break: normal; overflow-wrap: break-word; text-wrap: balance; } /* Grosse Zwischenueberschrift */ #top .av-special-heading.ac-font-price .av-special-heading-tag { font-size: var(--ac-font-price) !important; } /* Kacheltitel */ #top .av-special-heading.ac-font-card .av-special-heading-tag { font-size: var(--ac-font-card) !important; line-height: 1.3; } /* ------------------------------------------ 04. Fliesstext ------------------------------------------ */ #top .entry-content p { font-size: var(--ac-font-body); line-height: 1.6; } /* ------------------------------------------ 05. Kleine Texte / Eyebrow ------------------------------------------ */ /* Enfold Untertitel oberhalb */ #top .av-special-heading .av-subheading_above, #top .av-special-heading .av-subheading_above p { font-size: var(--ac-font-small) !important; line-height: 1.4; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } /* Enfold Untertitel unterhalb */ #top .av-special-heading .av-subheading_below, #top .av-special-heading .av-subheading_below p { font-size: var(--ac-font-body) !important; line-height: 1.5; text-transform: none; letter-spacing: normal; } /* ========================================== ADCLIP – SECTION CONTENT WIDTH ========================================== */ @media only screen and (min-width: 768px) { /* Content-Breite 80% */ #top .ac-width-80 .container { width: 80% !important; min-width: 0 !important; max-width: none!important; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } /* Content-Breite 90% */ #top .ac-width-90 .container { width: 90% !important; min-width: 0 !important; max-width: none!important; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } /* Content-Breite 100% */ #top .ac-width-100 .container { width: 100% !important; min-width: 0 !important; max-width: none!important; padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; } } /* ========================================== ADCLIP – RESPONSIVE 4-COLUMN GRID Tablet: 2x2 mit gleicher Kachelhoehe ========================================== */ @media only screen and (min-width: 768px) and (max-width: 1399px) { /* Enfold Equal-Height-Container */ #top .ac-grid-4 .flex_column_table { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px !important; width: 100% !important; } /* Enfold-Abstandsplatzhalter entfernen */ #top .ac-grid-4 .av-flex-placeholder { display: none !important; } /* Einzelne Kacheln */ #top .ac-grid-4 .flex_column_table > .flex_column { display: block !important; width: auto !important; min-width: 0; height: auto !important; margin: 0 !important; float: none !important; clear: none !important; } } /* Enfold Grid: Kacheln einheitlich ausrichten */ @media only screen and (min-width: 768px) and (max-width: 1399px) { #top .ac-grid-4 .flex_column_table { align-items: stretch !important; } #top .ac-grid-4 .flex_column_table > .flex_column { margin-top: 0 !important; align-self: stretch !important; } } .special_amp { color: inherit!important; font-family: inherit; font-size: inherit; font-style: inherit!important; font-weight: inherit!important;} /* Automatische Silbentrennung */ #top .ac-card-title { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } /* ========================================== ADCLIP – COLUMN HOVER EFFECT ========================================== */ .ac-col-hover { transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover nur auf geeigneten Geräten */ @media (hover: hover) and (pointer: fine) { .ac-col-hover:hover { transform: scale(1.03); opacity: 0.85; position: relative; z-index: 2; } } /* Reduzierte Animation bei entsprechender Systemeinstellung */ @media (prefers-reduced-motion: reduce) { .ac-col-hover { transition: none; } } /* ========================================== ADCLIP – VERTICAL CONTENT ALIGNMENT ========================================== */ /* Inhalt in Color Sections vertikal unten ausrichten */ #top .avia-section.ac-content-bottom.av-minimum-height .container .content { vertical-align: bottom; } #socket { font-size: 14px; } .avia-tooltip { max-width: 350px !important; width: auto !important; }