/* ─────────── Brand-Tokens — überall verfügbar ─────────── */ :root { /* ── Fluide Root-Schriftgröße ──────────────────────────────────────── Skaliert von 16 px (≤ 360 px Viewport) bis 21 px (≥ 1920 px). Formel: clamp(min, slope·vw + intercept, max) slope = (21−16) / (1920−360) × 100 = 0.3205 intercept = 16 − 0.003205 × 360 = 14.84 px Alle rem-Werte in Elementor skalieren damit automatisch. */ font-size: clamp(18px, 0.1923vw + 17.31px, 21px); /* Typografie */ --ff-font-display: "futura-pt", sans-serif; --ff-font-body: "futura-pt", sans-serif; /* Brand-Farben (immer gleich) */ --ff-color-bg: #ffffff; --ff-color-text-default: #1a1a1a; --ff-color-text-muted: rgba(26, 26, 26, 0.7); --ff-color-border: rgba(26, 26, 26, 0.12); /* Plenary / Status-Farben (editionsübergreifend einheitlich) */ --ff-color-plenary-yellow: #FFD200; --ff-color-plenary-pink: #FF8DE6; /* Spacing-Tokens in rem (skalieren mit der fluid root font-size) */ --ff-radius-sm: 0.25rem; /* 4px @ 16px root */ --ff-radius-md: 0.5rem; /* 8px @ 16px root */ --ff-space-xs: 0.25rem; /* 4px @ 16px root */ --ff-space-sm: 0.5rem; /* 8px @ 16px root */ --ff-space-md: 1rem; /* 16px @ 16px root */ --ff-space-lg: 1.5rem; /* 24px @ 16px root */ --ff-space-xl: 2.5rem; /* 40px @ 16px root */ /* Utility: abgeschrägte Ecken für Elementor-Container/Divs */ --ff-cut-corner-size: clamp(18px, 2vw, 36px); --ff-cut-corner-x: var(--ff-cut-corner-size); --ff-cut-corner-y: var(--ff-cut-corner-size); --ff-cut-corner-padding: 35px; } .ff-cut-corners--flat-tall, .ff-cut-corners--abgeflacht-hoch { --ff-cut-corner-x: 15%; --ff-cut-corner-y: 4%; } .ff-cut-corners--flat-wide, .ff-cut-corners--abgeflacht-quer { --ff-cut-corner-x: 4%; --ff-cut-corner-y: 15%; } .ff-cut-corners, .ff-cut-corners > .elementor-widget-container, .ff-cut-corners .elementor-flip-box, .ff-cut-corners .elementor-flip-box__layer, .elementor-widget-flip-box.ff-cut-corners .elementor-flip-box, .elementor-widget-flip-box.ff-cut-corners .elementor-flip-box__layer { overflow: hidden; clip-path: polygon( var(--ff-cut-corner-x) 0, calc(100% - var(--ff-cut-corner-x)) 0, 100% var(--ff-cut-corner-y), 100% calc(100% - var(--ff-cut-corner-y)), calc(100% - var(--ff-cut-corner-x)) 100%, var(--ff-cut-corner-x) 100%, 0 calc(100% - var(--ff-cut-corner-y)), 0 var(--ff-cut-corner-y) ); } .ff-cut-corners--diagonal, .ff-cut-corners--diagonal > .elementor-widget-container, .ff-cut-corners--diagonal .elementor-flip-box, .ff-cut-corners--diagonal .elementor-flip-box__layer, .elementor-widget-flip-box.ff-cut-corners--diagonal .elementor-flip-box, .elementor-widget-flip-box.ff-cut-corners--diagonal .elementor-flip-box__layer { overflow: hidden; clip-path: polygon( 0 0, calc(100% - var(--ff-cut-corner-x)) 0, 100% var(--ff-cut-corner-y), 100% 100%, var(--ff-cut-corner-x) 100%, 0 calc(100% - var(--ff-cut-corner-y)) ); } .ff-cut-corners :is(img, video, picture), .ff-cut-corners--diagonal :is(img, video, picture) { display: block; width: 100%; height: 100%; object-fit: cover; } .ff-cut-corners .elementor-flip-box__layer, .ff-cut-corners--diagonal .elementor-flip-box__layer { border-radius: 0 !important; } .ff-cut-corners .elementor-flip-box__layer__overlay, .ff-cut-corners--diagonal .elementor-flip-box__layer__overlay { padding: var(--ff-cut-corner-padding) !important; } body:not(.elementor-editor-active) .site-content .elementor-widget-flip-box .elementor-flip-box { height: var(--ff-flipbox-row-height, 280px); min-height: var(--ff-flipbox-row-height, 280px); } .site-content .elementor-widget-flip-box :is(.elementor-flip-box__layer__title, .elementor-flip-box__layer__description) { font-family: var(--e-global-typography-body_small-font-family), Sans-serif; font-size: var(--e-global-typography-body_small-font-size); font-weight: var(--e-global-typography-body_small-font-weight); line-height: var(--e-global-typography-body_small-line-height); text-transform: var(--e-global-typography-body_small-text-transform); } .ff-card-grid { align-items: stretch; overflow: visible !important; } .ff-card-grid > .e-con-inner { overflow: visible !important; } .ff-track-card { --ff-card-duration: 680ms; --ff-card-ease: cubic-bezier(0.2, 0.8, 0.2, 1); --ff-cut-corner-size: 24px; --ff-card-face-inset: clamp(0.75rem, 1.2vw, 1.5rem); display: grid !important; grid-template: 1fr / 1fr; min-height: clamp(18rem, 30vw, 36rem); perspective: 1200px; transform-style: preserve-3d; isolation: isolate; overflow: visible !important; clip-path: none !important; contain: none !important; } .ff-track-card:is(:hover, :focus-within, :focus-visible) { z-index: 20; } .ff-track-card > .e-con-inner { display: grid; grid-template: 1fr / 1fr; width: 100%; height: 100%; overflow: visible !important; clip-path: none !important; transform-style: preserve-3d; } .ff-track-card > .ff-track-card__face, .ff-track-card > .e-con-inner > .ff-track-card__face { grid-area: 1 / 1; min-width: 0; min-height: calc(100% - (var(--ff-card-face-inset) * 2)); width: calc(100% - (var(--ff-card-face-inset) * 2)); height: calc(100% - (var(--ff-card-face-inset) * 2)); align-self: center; justify-self: center; backface-visibility: hidden; transform-origin: center; transform-style: preserve-3d; padding-block: clamp(1.25rem, 2vw, 2rem); overflow: hidden !important; z-index: 1; clip-path: polygon( var(--ff-cut-corner-x) 0, calc(100% - var(--ff-cut-corner-x)) 0, 100% var(--ff-cut-corner-y), 100% calc(100% - var(--ff-cut-corner-y)), calc(100% - var(--ff-cut-corner-x)) 100%, var(--ff-cut-corner-x) 100%, 0 calc(100% - var(--ff-cut-corner-y)), 0 var(--ff-cut-corner-y) ) !important; transition: opacity var(--ff-card-duration) var(--ff-card-ease), transform var(--ff-card-duration) var(--ff-card-ease), filter var(--ff-card-duration) var(--ff-card-ease); will-change: opacity, transform; } body.edition-2025 .ff-card-demo-section .ff-track-card > .ff-track-card__face, body.edition-2025 .ff-card-demo-section .ff-track-card > .e-con-inner > .ff-track-card__face { padding-bottom: clamp(2rem, 3vw, 3rem) !important; } .ff-track-card--flip > .ff-track-card__front, .ff-track-card--flip > .e-con-inner > .ff-track-card__front { z-index: 2; transform: rotateX(0deg); } .ff-track-card--flip > .ff-track-card__back, .ff-track-card--flip > .e-con-inner > .ff-track-card__back { z-index: 1; transform: rotateX(180deg); } .ff-track-card--flip:is(:hover, :focus-within, :focus-visible) > .ff-track-card__front, .ff-track-card--flip:is(:hover, :focus-within, :focus-visible) > .e-con-inner > .ff-track-card__front { z-index: 3; transform: rotateX(-180deg); } .ff-track-card--flip:is(:hover, :focus-within, :focus-visible) > .ff-track-card__back, .ff-track-card--flip:is(:hover, :focus-within, :focus-visible) > .e-con-inner > .ff-track-card__back { z-index: 3; transform: rotateX(0deg); } .ff-track-card--reveal > .ff-track-card__back, .ff-track-card--reveal > .e-con-inner > .ff-track-card__back { z-index: 2; opacity: 0; transform: translateY(102%); } .ff-track-card--reveal:is(:hover, :focus-within, :focus-visible) > .ff-track-card__front, .ff-track-card--reveal:is(:hover, :focus-within, :focus-visible) > .e-con-inner > .ff-track-card__front { filter: saturate(1.12) brightness(0.92); } .ff-track-card--reveal:is(:hover, :focus-within, :focus-visible) > .ff-track-card__back, .ff-track-card--reveal:is(:hover, :focus-within, :focus-visible) > .e-con-inner > .ff-track-card__back { opacity: 1; transform: translateY(0); } .ff-track-card__face :is(.elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor li, .elementor-widget-text-editor div) { font-family: "Berlin Type", sans-serif; } .ff-track-card__back-title .elementor-heading-title { font-family: var(--e-global-typography-h6_typography-font-family, "futura-pt"), sans-serif; font-size: var(--e-global-typography-h6_typography-font-size, 1rem); font-weight: var(--e-global-typography-h6_typography-font-weight, 600); line-height: var(--e-global-typography-h6_typography-line-height, 1.3em); text-transform: var(--e-global-typography-h6_typography-text-transform, none); } @media (prefers-reduced-motion: reduce) { .ff-track-card > .ff-track-card__face, .ff-track-card > .e-con-inner > .ff-track-card__face { transition-duration: 1ms; } } /* ─────────── Layout-Tokens (editionsübergreifend) ─────────── Diese Werte gelten für ALLE Editionen, damit Header (Elementor #3962, per Theme-Builder include/general), Footer (Elementor) und Content in der gleichen Maximalbreite und mit dem gleichen Gutter laufen — neue Edition wie Archiv. Editionspezifisch bleibt nur die Farb- palette (siehe Blöcke pro Edition unten). */ body.edition-2026, body.edition-2025, body.edition-2027 { /* Globale Elementor-Farbe: "Automatische Farbe" */ --e-global-color-auto_color: var(--ff-color-accent); font-variant-numeric: tabular-nums; --ff-page-max-width: 1920px; --ff-page-gutter: clamp(20px, 4vw, 80px); --ff-page-boxed-width: min(calc(100vw - (var(--ff-page-gutter) * 2)), var(--ff-page-max-width)); --ff-rhythm-section: 0px; --ff-rhythm-compact: clamp(24px, 3vw, 48px); --ff-rhythm-stack: clamp(14px, 2vw, 24px); --ff-rhythm-inline: clamp(20px, 3vw, 48px); } /* ─────────── Edition 2026 (aktuell) — nur Farben ─────────── */ body.edition-2026 { --ff-color-accent: #8f4ef3; --ff-color-track-business: #3771C8; --ff-color-track-society: #9CF8D6; --ff-color-track-planet: #1F4E8F; } /* .ast-container bleibt 100% breit — der Elementor-Canvas darin darf Full-Width-Container nutzen, ohne durch Astras Wrapper geclipt zu werden. Container-Breite/Padding wird ausschließlich über die Elementor-Container-Settings (Boxed/Full) und unsere Padding-Formel für Boxed-/Bg-Container gesteuert. */ /* Gutenberg-Content-Elemente (kein Elementor): direkte Kinder von .entry-content ODER .ast-container werden boxed-zentriert, damit Klassik-Editor-Pages und Astra-Page-Builder-Pages (die ohne entry-content-Wrapper rendern, z.B. /program/) das gleiche 1920px-Layout bekommen. Gilt für alle Editionen. Elementor-Canvases (.elementor) und Theme-Builder-Wrapper (header/footer mit data-elementor-type) bleiben unangetastet. */ :is(body.edition-2026, body.edition-2025, body.edition-2027) :where( .entry-header, .ast-single-post .entry-header, .page .entry-header, .entry-content > p, .entry-content > h1, .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6, .entry-content > ul, .entry-content > ol, .entry-content > blockquote, .entry-content > .wp-block-group, .entry-content > .wp-block-columns, .entry-content > .wp-block-shortcode, .entry-content > .wp-block-heading, .entry-content > .wp-block-paragraph, .ast-container > p, .ast-container > h1, .ast-container > h2, .ast-container > h3, .ast-container > h4, .ast-container > h5, .ast-container > h6, .ast-container > ul, .ast-container > ol, .ast-container > blockquote, .ast-container > .wp-block-group, .ast-container > .wp-block-columns, .ast-container > .wp-block-shortcode, .ast-container > .wp-block-heading, .ast-container > .wp-block-paragraph ) { width: var(--ff-page-boxed-width); max-width: none; margin-left: auto; margin-right: auto; box-sizing: border-box; } /* (Astra-Header-/Footer-DOM-Beschränkungen entfernt — wir verwenden jetzt Elementor Theme-Builder Header #3962 + Footer #364/3754/3772; die alten #ast-desktop-header, #ast-mobile-header, #colophon-Selektoren wären Dead Code, weil diese Elemente nicht mehr gerendert werden.) */ /* Vertikaler Rhythmus: Section-, Stack- und Inline-Abstände kommen aus wenigen Tokens statt aus Einzelkorrekturen je Elementor-Block. */ :is(body.edition-2026, body.edition-2025, body.edition-2027) .site-content .elementor { display: flex; flex-direction: column; row-gap: var(--ff-rhythm-section); } /* Section-Margins respektieren: --margin-top/-bottom werden von Elementor je Container gesetzt (z.B. Team-Page 100px/150px für vertikalen Rhythmus zwischen Mitgliedern). Vorher hartes margin:0 !important hat alle Abstände pro Container zerstört. Jetzt mit var()-Fallback: wenn der Container ein Margin im Editor gesetzt hat, gilt es; sonst 0. */ :is(body.edition-2026, body.edition-2025, body.edition-2027) .site-content .elementor > .e-con.e-parent { margin-top: var(--margin-top, 0) !important; margin-bottom: var(--margin-bottom, 0) !important; } /* Text-Editor-Widget: erstes/letztes Kind-Element kriegt 0 vertikaler Margin. Browser-Defaults (`p { margin-block: 1em }`, `h2 { margin-block-start: 0.83em }` etc.) erzeugen sonst eine "Geistermarge" innerhalb des Widgets, die als Lücke zwischen aufeinanderfolgenden Text-Editor-Widgets in einem flex-Container sichtbar wird — selbst wenn der Container flex_gap:0 hat. Mit dieser Regel ist Container-flex_gap die einzige Quelle für vertikale Abstände zwischen Text-Editor-Widgets. Interne mehrzeilige Texte behalten ihre Paragraf-Abstände, weil nur :first/:last-child gestrippt werden. */ .elementor-widget-text-editor > .elementor-widget-container > :first-child { margin-block-start: 0; } .elementor-widget-text-editor > .elementor-widget-container > :last-child { margin-block-end: 0; } /* Heading-Widget koppelt jede .elementor-heading-title per hart codiertem Default an die globale Primary-Typografie. Generische Regel '.elementor-widget-heading .elementor-heading-title { font-size: var(--e-global-typography-primary-font-size) }' (Spezifität 0,2,0) schlägt die Kit-Regel '.elementor-kit-12 hN' (0,1,1). Erste Idee: Variable per h-Tag-Scope auf 'initial' setzen — funktioniert nicht, weil var()-IACVT die Property auf inherit setzt (h1 wurde 1rem statt 4rem). Stattdessen explizite Per-Tag-Overrides mit Spezifität (0,3,1) > Widget-Regel. Werte spiegeln Kit-Einstellungen (Website-Einstellungen → Theme Style → Typography → H1...H6) — wenn du die änderst, diese Regel mitziehen. */ /* Fluide Typografie-Skala wird nun direkt von Elementor-Website-Einstellungen verwaltet. */ /* (gelöscht) — Globaler Standard-Rhythmus auf jedem .e-con setzte --row-gap/--column-gap mit höherer Spezifität als Elementors per-Container-Inline-CSS. Effekt: Container-flex_gap aus dem Elementor-UI (z. B. mm1txt = 0) wurde stillschweigend überschrieben. Per-Container-Settings im CMS sind jetzt die Quelle der Wahrheit; Container ohne explizites Gap erben Elementor-Defaults (oder können global in Website-Einstellungen → Theme Style → Container setzen). */ :is( [data-elementor-type="footer"], .elementor-location-footer ) { display: flex; flex-direction: column; row-gap: 0; } /* (gelöscht) — Footer-Container-Gap- und -Padding-Overrides. Genau wie die globale Rhythmus-Regel ein paar Zeilen darüber: diese Regeln überschrieben die per-Container flex_gap und Padding aus dem Elementor-UI. Statt CSS-Defaults sollen die einzelnen Footer-Container ihre Padding/Gap-Werte direkt in Elementor halten (Layout-Tab → Items Gap / Advanced > Layout → Padding). */ /* Die globalen Breiten- und Padding-Formeln wurden auf Wunsch entfernt. Elementor steuert ab sofort alle Container-Breiten zu 100% nativ. */ /* ========================================================================= FLUIDES BOXED-PADDING (Elementor-Default-Override) Elementor-Nutzer setzen oft versehentlich das Padding auf 0 (z.B. im Header/Footer). Um zu verhindern, dass Inhalte am Rand kleben, erzwingen wir hier als Minimum den Wert aus den globalen Elementor "Website-Einstellungen" (Container Padding). Wir nutzen max() und !important auf dem äußeren Container, um versehentliche 0px zu überstimmen, ohne ein Doppel-Padding auszulösen. Größere manuelle Werte (z.B. 100px) werden durch max() aber weiterhin respektiert! ========================================================================= */ .e-con-boxed { padding-left: max(var(--container-default-padding-left, 20px), var(--padding-left, 0px)) !important; padding-right: max(var(--container-default-padding-right, 20px), var(--padding-right, 0px)) !important; } /* Full-Width-Container sollen standardmäßig KEINEN Gutter haben, damit z.B. Hero-Bilder randlos laufen können. */ .e-con-full { --container-default-padding-left: 0px !important; --container-default-padding-right: 0px !important; } /* Footer-Nav: Elementor rendert zusätzlich zum vertikalen Hauptmenü immer ein Dropdown-Markup für responsive Menüs. Im Footer darf diese Kopie nie sichtbar sein, sonst erscheinen Menüpunkte doppelt und die Dropdown-Aktivfarben (grün/pink) überschreiben die Footer-Farben. */ :is( [data-elementor-type="footer"], .elementor-location-footer ) .elementor-widget-nav-menu .elementor-nav-menu--dropdown, :is( [data-elementor-type="footer"], .elementor-location-footer ) .elementor-widget-nav-menu .elementor-menu-toggle { display: none !important; visibility: hidden !important; } :is( [data-elementor-type="footer"], .elementor-location-footer ) .elementor-widget-nav-menu .elementor-nav-menu--main { display: block !important; } /* Barrierefreiheits-Fokussystem: - keine dotted outline - flächige, transparente Akzent-Überlagerung - 3px größere Fokusfläche via box-shadow - Akzentfarbe bei 15% Deckkraft als dezentes Fokus-Highlight. Hinweis: 15% unterschreitet die 3:1-Kontrastschwelle für Fokus- Indikatoren (WCAG 2.4.7/2.4.11) — bewusst so gewünscht. */ body { --ff-focus-surface: color-mix(in srgb, var(--e-global-color-accent, var(--ff-color-accent, #A6007D)) 15%, transparent); --ff-focus-text: #0A0A0A; } ::selection { background-color: var(--e-global-color-accent, var(--ff-color-accent, #A6007D)) !important; color: #FFFFFF !important; } ::-moz-selection { background-color: var(--e-global-color-accent, var(--ff-color-accent, #A6007D)) !important; color: #FFFFFF !important; } /* Dynamische Button-Farbe für den Footer (z.B. Newsletter) */ body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-button { background-color: var(--e-global-color-accent, var(--ff-color-accent, #A6007D)) !important; } body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-button:hover, body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-button:focus { background-color: color-mix(in srgb, var(--e-global-color-accent, var(--ff-color-accent, #A6007D)) 85%, black) !important; } /* Footer-Textlinks (z.B. §STN.) Hover-Effekt: 2px Linie in Akzentfarbe */ body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-text-editor a:not(.elementor-button), body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-widget-text-editor a:not(.elementor-button) { transition: text-decoration-color .16s ease !important; } body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-text-editor a:not(.elementor-button):hover, body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-widget-text-editor a:not(.elementor-button):hover, body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-text-editor a:not(.elementor-button):focus, body:not(.elementor-editor-active) [data-elementor-type="footer"] .elementor-widget-text-editor a:not(.elementor-button):focus { text-decoration-line: underline !important; text-decoration-thickness: 2px !important; text-decoration-color: var(--e-global-color-accent, var(--ff-color-accent)) !important; } html:not([lang^="en"]) .ff-footer-credit__en, html[lang^="en"] .ff-footer-credit__de { display: none; } :where( a[href], button, summary, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"]), .elementor-button, .elementor-menu-toggle ):focus { outline: none !important; } :where( a[href], button, summary, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"]), .elementor-button, .elementor-menu-toggle ):focus-visible { outline: none !important; background-color: var(--ff-focus-surface) !important; box-shadow: 0 0 0 3px var(--ff-focus-surface) !important; color: var(--ff-focus-text) !important; fill: var(--ff-focus-text) !important; text-decoration-color: transparent !important; } body:not(.elementor-editor-active) :where( a[href], button, summary, [role="button"], [tabindex]:not([tabindex="-1"]), .elementor-button, .elementor-menu-toggle ):focus-visible { border-radius: 0; } :where(input, select, textarea):focus-visible { border-color: var(--ff-focus-surface) !important; } body.error404 .search-form:focus-within .search-field, body.error404 .search-form .search-field:is(:active, :focus, :focus-visible) { border-color: var(--ff-color-accent, var(--e-global-color-accent, #cf369d)) !important; background-color: #fff !important; box-shadow: none !important; color: var(--e-global-color-text, #2B2E34) !important; } :where( a[href], button, .elementor-button, .elementor-menu-toggle ):focus-visible :is(svg, path, span) { color: var(--ff-focus-text) !important; fill: var(--ff-focus-text) !important; } [data-elementor-type="header"] .elementor-menu-toggle, .elementor-location-header .elementor-menu-toggle { inline-size: 44px !important; block-size: 44px !important; min-inline-size: 44px !important; min-block-size: 44px !important; max-inline-size: 44px !important; max-block-size: 44px !important; box-sizing: border-box !important; padding: 0 !important; } [data-elementor-type="header"] .elementor-menu-toggle:not(:focus-visible), .elementor-location-header .elementor-menu-toggle:not(:focus-visible) { background: transparent !important; box-shadow: none !important; } [data-elementor-type="header"] .elementor-menu-toggle:hover:not(:focus-visible), [data-elementor-type="header"] .elementor-menu-toggle.elementor-active:not(:focus-visible), .elementor-location-header .elementor-menu-toggle:hover:not(:focus-visible), .elementor-location-header .elementor-menu-toggle.elementor-active:not(:focus-visible) { background: transparent !important; box-shadow: none !important; } [data-elementor-type="header"] .elementor-menu-toggle :is( svg, i[class*="eicon"], .elementor-menu-toggle__icon--open, .elementor-menu-toggle__icon--close ), .elementor-location-header .elementor-menu-toggle :is( svg, i[class*="eicon"], .elementor-menu-toggle__icon--open, .elementor-menu-toggle__icon--close ) { inline-size: 32px !important; block-size: 32px !important; font-size: 32px !important; line-height: 1 !important; } /* Menü-Hover: Unterstreichungen dürfen nicht erst von der Textfarbe (schwarz) zur Akzentfarbe animieren. Elementor zeichnet seine Pointer-Linie über ::before/::after; Browser-Textdekorationen ziehen sonst kurz currentColor. Daher beide Quellen direkt einfärben. */ body:not(.elementor-editor-active) :is( [data-elementor-type="header"], [data-elementor-type="footer"], .elementor-location-header, .elementor-location-footer ) .elementor-widget-nav-menu :is(a, a:hover, a:focus, a.elementor-item-active) { text-decoration-color: var(--e-global-color-accent, var(--ff-color-accent)) !important; } body:not(.elementor-editor-active) :is( [data-elementor-type="header"], [data-elementor-type="footer"], .elementor-location-header, .elementor-location-footer ) .elementor-widget-nav-menu :is(a::before, a::after) { background-color: var(--e-global-color-accent, var(--ff-color-accent)) !important; border-color: var(--e-global-color-accent, var(--ff-color-accent)) !important; } /* Globale Korrektur der vertikalen Ausrichtung für Checkboxen und Radiobuttons in allen Elementor-Formularen */ body:not(.elementor-editor-active) .elementor-widget-form .elementor-field-option { display: inline-flex; align-items: center; } body:not(.elementor-editor-active) .elementor-widget-form .elementor-field-option :is(input[type="radio"], input[type="checkbox"]) { flex: 0 0 auto; margin: 0 8px 0 0 !important; } body:not(.elementor-editor-active) .elementor-widget-form .elementor-subgroup-inline .elementor-field-option:not(:last-child) { margin-right: 16px; } /* ─── Mobiles Menü (Elementor Nav-Menu-Dropdown) ─── Wichtig: `.elementor-nav-menu--dropdown` ist KEIN mobile-exklusiver Selektor — Elementor verwendet ihn auch für Desktop-Submenüs (