/* MR Fonts subsettet (7 Schnitte, lokal, Latin+Latin-Ext) — 7.7.2026 */ @font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/Inter-Regular.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/Inter-Medium.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/Inter-SemiBold.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} @font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/Inter-Bold.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} @font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/LibreFranklin-SemiBold.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} @font-face{font-family:'Libre Franklin';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/LibreFranklin-Bold.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} @font-face{font-family:'Libre Franklin';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/fonts/LibreFranklin-ExtraBold.woff2?v=2') format('woff2');unicode-range:U+0000-00FF,U+0100-017F,U+0218-021B,U+2000-206F,U+2074,U+20AC,U+2113,U+2122,U+2190-2193,U+2212,U+2215,U+2022,U+25CF,U+FEFF,U+FFFD} body{font-synthesis:none} /* ============================================================ medizinrecht-graf.de · Custom CSS · FINALE VERSION Premium-Boutique-Anmutung für eine Fachanwaltskanzlei. Blocksy- & Gutenberg-kompatibel · Mobile First · DSGVO (nur lokale Fonts). EINBINDEN (empfohlen): Child-Theme von Blocksy -> Datei per wp_enqueue_style laden. Schnellweg: Customizer > Zusätzliches CSS (Blocksy: Anpassen > Zusätzliches CSS). FONTS lokal hochladen nach /wp-content/uploads/fonts/ : Inter Regular (400), Medium (500), SemiBold (600) Libre Franklin Medium (500), SemiBold (600) (woff2 + woff). Blocksy > Typografie auf "System/Standard" stellen, damit keine Google-Fonts geladen werden. ============================================================ */ /* ---------- 1) Lokale Fonts (DSGVO-konform, kein Google-CDN) ---------- */ /* ---------- 2) Design-Tokens ---------- */ :root{ --mr-navy:#0D3B78;--mr-navy-flaeche:#0D3B78;--mr-schattenton:13,59,120;--mr-navy-hover:#12488F;--mr-navy-btn:#0D3B78;--mr-navy-btn-line:#0D3B78; /* Primär */ --mr-navy-deep:#082C5C; /* dunkle Bänder, Footer, CTA */ --mr-ink:#22272E; /* Fließtext */ --mr-muted:#5B6573; /* sekundärer Text */ --mr-slate:#6B7686; /* Eyebrows / Labels */ --mr-line:#E7E4DD; /* warme Hairline */ /* sehr helle Blaufläche: Hero + abwechselnde Bänder (Rhythmus) */ --mr-white:#FFFFFF; --mr-steel:#9FB3CE; /* Labels auf dunklem Grund */ --mr-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; --mr-font-head:'Libre Franklin',var(--mr-font-body); /* Premium-Alternative (Serife nur für Headlines): einfach umschalten: --mr-font-head:'Source Serif 4',Georgia,serif; + passendes @font-face ergänzen */ --mr-radius:14px; --mr-schatten-leicht:0 1px 2px rgba(13,59,120,.04),0 8px 24px rgba(8,44,92,.06); } /* ---------- 3) Typografie ---------- */ body{font-family:var(--mr-font-body);font-weight:400;color:var(--mr-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} .wp-block-heading,h1,h2,h3,h4{font-family:var(--mr-font-head);font-weight:600;letter-spacing:-0.012em;line-height:1.2;color:var(--mr-navy)} .mr-h1{font-size:clamp(2.4rem,1.4rem + 3.6vw,3.5rem) !important;letter-spacing:-0.022em} .wp-block-group h2.wp-block-heading{font-size:clamp(1.55rem,1.1rem + 1.6vw,2.05rem)} .wp-block-group p{line-height:1.72;font-size:1.0625rem} .mr-eyebrow{font-family:var(--mr-font-body);font-weight:600;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-slate);margin-bottom:.4rem} a{color:var(--mr-navy);text-underline-offset:2px} a:hover{color:var(--mr-navy-deep)} /* ---------- 4) Hero ---------- */ /* Heller, kühler Verlaufshintergrund mit Tiefe (weiß -> sehr helles Blau/Grau); Spacing knapp nach unten, damit Hero und Karten zusammenrücken. Keine Inline-Styles. */ .mr-hero{ /* durchgehend hellblau (kein weißer Lichtschein oben), nur dezente Tiefe nach unten */ background:linear-gradient(180deg,var(--mr-sky) 0%,#E2EBF6 100%); padding:3.25rem 1.5rem 1.75rem; } @media(min-width:782px){.mr-hero{padding:4.25rem 1.5rem 2rem}} .mr-logo img,.mr-logo .custom-logo{max-width:220px;width:100%;height:auto;margin:0 auto;display:block} /* Archiv-/Übersichts-Hero (z. B. Fachbeiträge): hellblau + großzügiges Top-Padding, damit der transparente Header und das Logo den Inhalt nicht überlagern. Top-Wert bei Bedarf an die reale Headerhöhe anpassen. */ .mr-archive-hero{background:var(--mr-sky);padding:6.5rem 1.5rem 2.5rem} @media(min-width:782px){.mr-archive-hero{padding:8.5rem 1.5rem 3rem}} .mr-hero-logo{margin-bottom:1.2rem} .mr-h1{margin-top:.2rem} .mr-hero-lead{margin-top:.85rem;color:var(--mr-ink);font-size:1.0625rem} /* Beide Hero-Buttons exakt gleich breit & gleichwertig (Navy-Fill + Türkis-Fill) */ .mr-hero-btns.wp-block-buttons{margin-top:1.7rem;gap:.85rem} .mr-hero-btns .wp-block-button__link{padding:.82rem 1.8rem;font-size:1rem;min-width:260px;text-align:center} /* Trust-Leiste unter den Buttons: zentriert, türkise Kreis-Häkchen, grauer Text, dezente vertikale Trenner (wie Referenz) */ .mr-hero-trust.wp-block-list{ list-style:none;margin:1.6rem 0 0;padding:0; display:flex;flex-wrap:wrap;justify-content:center;align-items:center; font-size:.92rem;color:var(--mr-muted);line-height:1.4; } .mr-hero-trust li{ margin:0;padding:0 1.4rem;border:0; display:flex;align-items:center;gap:.5rem; } .mr-hero-trust li:not(:last-child){border-right:1px solid var(--mr-line)} .mr-hero-trust li::before{ content:"";flex:0 0 auto;width:18px;height:18px; } @media(max-width:600px){ .mr-hero-trust li{padding:.25rem 1rem} .mr-hero-trust li:not(:last-child){border-right:0} } /* ---------- 5) Karten ---------- */ .mr-card{ background:var(--mr-white);border:1px solid var(--mr-line);border-radius:var(--mr-radius); padding:2.25rem;box-shadow:var(--mr-schatten-leicht); transition:transform .2s ease,box-shadow .2s ease;height:100%; } .mr-card:hover{transform:translateY(-3px);box-shadow:var(--mr-schatten)} .mr-card h3{margin-top:.15rem} .mr-list{list-style:none;padding:0;margin:.25rem 0 1.25rem} .mr-list li{padding:.4rem 0;border-bottom:1px solid var(--mr-line)} .mr-list li:last-child{border-bottom:0} .mr-list a{font-weight:500;text-decoration:none} .mr-list a:hover{text-decoration:underline} .mr-photo-box{border:1px dashed #C7CBC2;color:var(--mr-slate)} .mr-contact-label.wp-block-heading{color:var(--mr-steel);font-size:1.05rem} /* ---------- 6) Buttons (Primär = gefüllt, Sekundär = Ghost) ---------- */ .wp-block-button__link{ font-family:var(--mr-font-body);font-weight:600;font-size:.95rem;letter-spacing:.01em; border-radius:999px;width:auto;display:inline-block; padding:.62rem 1.4rem;line-height:1.3; transition:background-color .18s ease,color .18s ease,border-color .18s ease; } .mr-btn-primary .wp-block-button__link{background:var(--mr-navy);color:#fff} .mr-btn-primary .wp-block-button__link:hover{background:var(--mr-navy-deep)} .mr-btn-secondary .wp-block-button__link, .mr-btn-outline .wp-block-button__link{background:transparent;color:var(--mr-navy);border:1px solid var(--mr-navy)} /* Outline-Hover: dezenter Navy-Tint, Border bleibt sichtbar (kein Voll-Fill) – so wirkt der Outline-Button gleichwertig stabil, nicht erst "beim Hover aktiv". */ .mr-btn-secondary .wp-block-button__link:hover, .mr-btn-outline .wp-block-button__link:hover{background:rgba(13,59,120,.07);color:var(--mr-navy);border-color:var(--mr-navy)} /* Türkis-Fill – ausschließlich für den Hero-Button „Für Ärzte & Zahnärzte", als gleichwertiger Einstieg neben dem Navy-Fill. Navy-Text auf #56B7C5 = 4,7:1 (WCAG AA), harmoniert mit dem Navy-Button daneben. Hover etwas dunkler. NICHT in den Karten verwenden. */ .mr-btn-teal .wp-block-button__link{background:var(--mr-brass-solid);color:#fff} .mr-btn-teal .wp-block-button__link:hover, .mr-btn-teal .wp-block-button__link:focus, .mr-btn-teal .wp-block-button__link:active{background:var(--mr-brass-hover);color:#fff} .mr-btn-teal .wp-block-button__link:focus-visible{outline:2px solid var(--mr-navy);outline-offset:3px;color:#fff} /* Fokus sichtbar (Barrierefreiheit) */ .wp-block-button__link:focus-visible{outline:2px solid var(--mr-navy);outline-offset:3px} /* Mobil: Buttons untereinander, ab Tablet nebeneinander */ @media(max-width:600px){ .mr-btns.wp-block-buttons{flex-direction:column;align-items:stretch} .mr-btns .wp-block-button{width:100%} .mr-btns .wp-block-button__link{display:block;text-align:center} } /* ---------- 7) Fachbeiträge ---------- */ .mr-posts.is-grid{gap:1.5rem} .mr-posts li{border:1px solid var(--mr-line);border-radius:var(--mr-radius);overflow:hidden;background:#fff} .mr-posts .wp-block-latest-posts__post-title{display:block;margin:.8rem 1rem .2rem;color:var(--mr-navy);font-family:var(--mr-font-head);font-weight:600} .mr-posts .wp-block-latest-posts__post-excerpt, .mr-posts .wp-block-latest-posts__post-date{padding:0 1rem;color:var(--mr-muted)} .mr-posts .wp-block-latest-posts__post-date{margin-bottom:.9rem} /* ---------- 8) Responsive Feinschliff ---------- */ /* Tablet: zweispaltige Karten bleiben nebeneinander (Gutenberg-Default) */ /* Große Monitore: Lesbarkeit leicht anheben, Inhalt nicht überdehnen */ @media(min-width:1600px){ .wp-block-group p{font-size:1.1rem} .mr-card{padding:2.5rem} } /* ---------- 9) Blocksy-Sicherheit (volle Breite) ---------- */ /* Blocksy rendert alignfull i. d. R. korrekt; diese Regel ist nur Fallback, falls die Seite NICHT auf "Volle Breite/keine Sidebar" steht. */ .alignfull{max-width:100vw} /* ============================================================ 10) Routing-Karten · Welten-Weiche (Patienten / Ärzte & Zahnärzte) Der visuelle Mittelpunkt der Startseite. Türkis #56B7C5 wird hier bewusst NUR als dezenter Akzent eingesetzt (Eyebrow, Icon, Akzentlinie, Hover, Trust-Haken) – Navy bleibt Primärfarbe, keine türkisen Flächen. Reine Core-Blöcke; reuse von .mr-card, .mr-btn-primary, .mr-list. ============================================================ */ /* Sektion: knapper Abstand zum Hero; Hintergrund/Spacing klassenbasiert (kein Inline) */ /* Routing-Sektion bewusst WEISS -> die Karten (mit Schatten) stechen maximal hervor */ .mr-route-section{background:var(--mr-white);padding:1rem 1.5rem 4.5rem} @media(min-width:782px){.mr-route-section{padding:1.25rem 1.5rem 5rem}} .mr-route-sub{margin:0 auto 2.75rem;color:var(--mr-muted);max-width:48ch} /* Grid: Mobile First (eine Spalte), ab Tablet zweispaltig & gleich hoch */ .mr-route-cols.wp-block-columns{gap:1.5rem} @media(min-width:782px){ /* Grid statt Flex: erzwingt pixelgenau gleiche Breite (1fr 1fr) UND gleiche Höhe (align-items:stretch ist Grid-Standard) – unabhängig von Theme-/Core-Flexregeln für .wp-block-columns, die ein reines align-items:stretch aushebeln. */ .mr-route-cols.wp-block-columns{ display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:stretch; } .mr-route-cols.wp-block-columns>.wp-block-column{ width:auto;max-width:none;margin:0;flex:initial; } /* feste 2-Zeilen-Reserve -> CTA + Trust fluchten exakt; Mobile bleibt unverändert */ .mr-trust.wp-block-list{min-height:3.1rem} } /* Karte: groß, großzügig, Premium-Schatten, Radius 20px */ .mr-card--route{ position:relative;overflow:hidden; display:flex;flex-direction:column;height:100%; padding:3.5rem 3.25rem; border:1px solid rgba(34,39,46,.06);border-radius:24px; background:var(--mr-white); /* mehrschichtiger Schatten: subtil, aber mit Tiefe (Boutique-Anmutung) */ box-shadow:0 2px 4px rgba(var(--mr-schattenton),.04),0 12px 28px rgba(var(--mr-schattenton),.06),0 28px 54px rgba(var(--mr-schattenton),.05); transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s ease; } /* dezente Türkis-Akzentlinie oben – wächst beim Hover ein (Farbverstärkung) */ .mr-card--route::before{ content:"";position:absolute;top:0;left:0;right:0;height:3px; background:var(--mr-brass-solid); transform:scaleX(0);transform-origin:left; transition:transform .35s ease; } .mr-card--route:hover, .mr-card--route:focus-within{ transform:translateY(-5px); box-shadow:0 4px 8px rgba(var(--mr-schattenton),.05),0 18px 40px rgba(var(--mr-schattenton),.09),0 36px 72px rgba(var(--mr-schattenton),.10); } .mr-card--route:hover::before, .mr-card--route:focus-within::before{transform:scaleX(1)} /* Icon-Badge (Türkis-Akzent) – füllt beim Hover */ .mr-route-icon{ width:64px;height:64px;border-radius:18px; display:flex;align-items:center;justify-content:center; background:var(--mr-brass-tint);color:var(--mr-brass-txt); margin-bottom:1.5rem; transition:background-color .28s ease,color .28s ease,transform .28s ease; } .mr-route-icon svg{width:30px;height:30px;display:block} .mr-card--route:hover .mr-route-icon, .mr-card--route:focus-within .mr-route-icon{ background:var(--mr-brass-solid);color:#fff;transform:scale(1.05); } /* Eyebrow im Türkis-Akzent – ruhig & hochwertig (weniger Sperrung, mehr Luft) */ .mr-card--route .mr-eyebrow{color:var(--mr-brass-txt);font-size:.72rem;letter-spacing:.12em;font-weight:600;margin-bottom:.7rem} /* Große, prominente Überschrift */ .mr-route-title.wp-block-heading{ font-size:clamp(1.8rem,1.45rem + 1.3vw,2.2rem); line-height:1.14;margin:.15rem 0 .75rem;color:var(--mr-navy);letter-spacing:-.015em; } /* Nutzen-Text (2–3 Zeilen) */ .mr-route-text{ color:var(--mr-ink);font-size:1.05rem;line-height:1.65; margin:0 0 1rem;max-width:36ch; } /* Dezente Themen-Zeile (interne Verlinkung der Leistungsbereiche) – bewusst zurückhaltend, damit die Karte primär Entscheidungs-Weiche bleibt */ .mr-topics{ margin:0 0 1.6rem; font-size:.85rem;line-height:1.75; color:var(--mr-slate); /* Trennzeichen dezent in Schiefer */ } .mr-topics a{ color:var(--mr-navy);font-weight:500;text-decoration:none; } .mr-topics a:hover, .mr-topics a:focus-visible{ color:var(--mr-navy-deep);text-decoration:underline;text-underline-offset:2px; } /* Primärer CTA unten verankert -> beide Karten gleich hoch, CTAs auf einer Linie */ .mr-route-cta.wp-block-buttons{margin-top:auto} .mr-card--route .mr-route-cta .wp-block-button{width:100%} .mr-card--route .mr-route-cta .wp-block-button__link{ display:block;text-align:center;padding:.85rem 1.4rem;font-size:1rem; } /* Pfeil im CTA – rein per CSS (kein Inline-Markup); schiebt beim Hover leicht nach rechts */ .mr-route-cta .wp-block-button__link::after{ content:"→";margin-left:.55rem;display:inline-block;transition:transform .2s ease; } .mr-card--route:hover .mr-route-cta .wp-block-button__link::after, .mr-card--route:focus-within .mr-route-cta .wp-block-button__link::after{transform:translateX(3px)} /* Beide CTAs in Navy (mr-btn-primary). Türkis bleibt reiner Akzent: Eyebrow, Icon-Badge, Akzentlinie, Hover, Trust-Haken, CTA-Pfeil. */ /* Drei Vertrauensmerkmale (reuse .mr-list) – IMMER am Kartenboden. Inhalt unten verankert (align-content:flex-end); die feste 2-Zeilen-Reserve (min-height, nur Desktop) gleicht unterschiedliche Textlängen aus, sodass der CTA in beiden Karten exakt auf gleicher Höhe sitzt – ganz ohne Platzhalter. */ .mr-trust.wp-block-list{ list-style:none;display:flex;flex-wrap:wrap;align-content:flex-end; gap:.5rem 1.3rem;margin:2rem 0 0;padding:0;border:0;line-height:1.4; } .mr-trust li{ margin:0;padding:0;border:0; display:flex;align-items:center;gap:.45rem;line-height:1.4; font-size:.9rem;font-weight:500;color:var(--mr-muted); } .mr-trust li::before{ content:"";flex:0 0 auto;width:16px;height:16px; background-repeat:no-repeat;background-position:center;background-size:contain; } /* Mobile-Feinschliff: Innenabstand bleibt großzügig (>= 2.5rem) */ @media(max-width:600px){ .mr-card--route{padding:2.5rem 1.6rem;border-radius:18px} .mr-route-icon{width:56px;height:56px;border-radius:16px} .mr-route-icon svg{width:26px;height:26px} .mr-route-text{max-width:none} } /* Reduzierte Bewegung respektieren (Barrierefreiheit) */ @media(prefers-reduced-motion:reduce){ .mr-card--route,.mr-route-icon,.mr-card--route::before{transition:none} .mr-card--route:hover,.mr-card--route:focus-within{transform:none} } /* ============================================================ 11) Mobile Off-Canvas-Navigation (Blocksy) – Boutique-Premium ------------------------------------------------------------ EINMALIG IN WP EINRICHTEN (siehe Mobile-Navigation_Setup.md): 1) Menü gruppieren: in Design > Menüs drei „Individuelle Links" (URL = #) mit Text „Fachgebiete", „Informationen", „Service" anlegen und jedem die CSS-Klasse menu-group-label geben (Ansicht-Optionen > CSS-Klassen aktivieren). Die jeweiligen Menüpunkte darunter einsortieren (gleiche Ebene genügt). 2) Logo + Kanzleiname: im Blocksy Header-Builder ins „Offcanvas/Panel" ein Logo-Element ziehen (Logo-Typ mit Text). 3) Kontakt-Button: im Header-Builder in die MOBILE Header-Zeile rechts neben den Burger ein Button-Element legen, Text „☏ Kontakt", Link /kontakt/ (oder tel:+497731994440), CSS-Klasse mr-mobile-contact . ============================================================ */ /* --- Overlay hinter dem Panel: hochwertiger, leicht geblurrt --- */ #offcanvas.ct-panel{ --panel-width:min(82vw,430px); } #offcanvas.ct-panel{ -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px); } /* --- Panel: dunkles Navy mit leichter Transparenz --- */ #offcanvas .ct-panel-inner{ width:min(82vw,430px) !important;max-width:430px !important; box-shadow:-24px 0 70px rgba(0,0,0,.4); padding:1.1rem 1.35rem 1.5rem; } /* --- Kopfbereich (Logo/Name + Schließen) --- */ /* Kopf: Schließen-Button (X) oben rechts ABSOLUT positioniert -> nimmt keine eigene Zeile ein, sodass das Logo nach ganz oben auf X-Höhe rückt. KEINE Trennlinie hier (die kommt unter das Logo). */ #offcanvas .ct-panel-inner{position:relative} #offcanvas .ct-panel-actions{ position:absolute;top:1rem;right:1.35rem;left:auto; margin:0;padding:0;border:0;min-height:0;z-index:3; } #offcanvas .ct-panel-heading{display:none} /* Logo + Kanzleiname GANZ OBEN (auf X-Höhe), großzügiger Weißraum. margin-bottom = Abstand Logo -> Trennlinie (~26 px). Logohöhe NICHT per CSS fixiert -> über den Blocksy-Regler „Logo Höhe" steuern. */ #offcanvas .site-logo-container, #offcanvas .ct-logo-container, #offcanvas [data-id="logo"]{ margin:0 0 1.6rem !important; } /* nur auf Mobil/Tablet sichtbar (Desktop hat eigene Kontakt-Lösung) */ /* ============================================================ 12) Leistungs-Karten exakt gleich hoch (Bereiche „Für Patienten" / „Für Ärzte & Zahnärzte"). Reine Layout-Ergänzung – KEIN Markup-, Klassen- oder Designwechsel. Greift via :has() nur auf die mr-card-Spalten dieser Sektionen, NICHT auf die Routing-Karten (.mr-route-cols). Mobile bleibt gestapelt. ============================================================ */ @media(min-width:782px){ /* Spalten als Grid -> exakt gleiche Kartenhöhe (Stretch ist Grid-Default), Spaltenabstand wie gehabt (1,5 rem). */ .wp-block-columns:not(.mr-route-cols):has(> .wp-block-column.mr-card){ display:grid;grid-auto-flow:column;grid-auto-columns:1fr; align-items:stretch;gap:1.5rem; } /* Karte als Flex-Spalte, damit Titel/Text oben bleiben und der CTA unten andockt */ .wp-block-columns:not(.mr-route-cols) > .wp-block-column.mr-card{ display:flex;flex-direction:column; } /* letzter Absatz = CTA-Link -> ans Kartenende, auf eine gemeinsame Linie */ .wp-block-columns:not(.mr-route-cols) > .wp-block-column.mr-card > p:last-child{ margin-top:auto;padding-top:1rem;margin-bottom:0; } } /* ============================================================ 13) Forminator – an das Seitendesign angepasst (Navy/Türkis/Hellblau) Scope: .forminator-custom-form. Falls deine Forminator-Version abweichende Klassen nutzt, Selektoren bei Bedarf nachziehen (Browser-Inspektor). ============================================================ */ .forminator-custom-form{font-family:var(--mr-font-body);color:var(--mr-ink)} /* Überschriften/Labels/Beschreibungen */ .forminator-custom-form .forminator-label, .forminator-custom-form label{color:var(--mr-ink);font-weight:600} /* Pflichtfeld-Sternchen · 09.08.2026 Forminator liefert die Farbe aus style-270.css mit einem ID-Selektor (.forminator-ui#forminator-module-270…, Spezifitaet 1,4,0) und schlaegt damit jede klassenbasierte Regel. DESIGN.md §10 Regel 3 empfiehlt :is(#id, …) — bewusst nicht genommen: Die Modul-ID erzeugt das Plugin je Formular. Wird das Kontaktformular neu gebaut, stirbt eine ID-gekoppelte Regel STILL und das Sternchen faellt zurueck auf 3,84 : 1. Die Plugin-Einstellung scheidet aus, weil sie keine Rolle tragen und damit nicht zwischen Tag und Nacht wechseln kann. Gemessen mit --mr-brass-txt: Tag 6,40 · Nacht 11,90. Je Selektor eine Regel. */ .forminator-custom-form .forminator-required{color:var(--mr-brass-txt)!important} .forminator-custom-form .forminator-label .forminator-required-sign{color:var(--mr-brass-txt)!important} .forminator-custom-form .forminator-description, .forminator-custom-form .forminator-field-description{color:var(--mr-muted)} /* Eingabefelder */ .forminator-custom-form input.forminator-input, .forminator-custom-form textarea.forminator-textarea, .forminator-custom-form select.forminator-select, .forminator-custom-form .forminator-input{ border:1px solid var(--mr-line) !important; border-radius:8px !important; color:var(--mr-ink); background:#fff; } .forminator-custom-form input.forminator-input:focus, .forminator-custom-form textarea.forminator-textarea:focus, .forminator-custom-form select.forminator-select:focus{ border-color:var(--mr-navy) !important; box-shadow:0 0 0 3px rgba(var(--mr-schattenton),.12) !important; outline:none; } /* Radio / Checkbox – Türkis-Akzent */ .forminator-custom-form input[type=radio], .forminator-custom-form input[type=checkbox]{accent-color:var(--mr-brass-solid)} /* Buttons: Weiter/Absenden = Navy gefüllt, Zurück = Outline */ .forminator-custom-form .forminator-button, .forminator-custom-form .forminator-button-submit, .forminator-custom-form .forminator-button-next, .forminator-custom-form button[type=submit]{ background:var(--mr-navy) !important;color:#fff !important;border:0 !important; border-radius:999px !important;font-family:var(--mr-font-body);font-weight:600 !important; padding:.72rem 1.6rem !important;transition:background-color .18s ease; } .forminator-custom-form .forminator-button:hover, .forminator-custom-form .forminator-button-submit:hover, .forminator-custom-form .forminator-button-next:hover, .forminator-custom-form button[type=submit]:hover{background:var(--mr-navy-deep) !important} .forminator-custom-form .forminator-button-back, .forminator-custom-form .forminator-button-prev{ background:transparent !important;color:var(--mr-navy) !important; border:1px solid var(--mr-navy) !important;border-radius:999px !important; } .forminator-custom-form .forminator-button-back:hover, .forminator-custom-form .forminator-button-prev:hover{background:rgba(13,59,120,.07) !important} /* Fortschrittsanzeige (mehrseitig) – schlanke Punkte ohne „Seite N"-Text */ /* Progressbar-Variante (falls aktiviert) */ .forminator-custom-form .forminator-progress-bar .forminator-bar, .forminator-custom-form .forminator-progress-bar span{background-color:var(--mr-navy) !important;color:#fff} /* Schritt-Variante: Labels dezent (zeigt eigene Schrittnamen aus den Page-Breaks) */ .forminator-custom-form .forminator-pagination-steps .forminator-step-label{ font-size:.72rem !important;font-weight:600 !important;color:var(--mr-muted) !important; background:transparent !important;letter-spacing:.01em} .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-active .forminator-step-label, .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-current .forminator-step-label{ color:var(--mr-navy) !important} /* kein Hintergrund-Rechteck am aktiven Schritt */ .forminator-custom-form .forminator-pagination-steps .forminator-step, .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-current, .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-active, .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-complete{ background:transparent !important} /* Punkte + erledigte Verbindungslinie in Markenfarbe */ .forminator-custom-form .forminator-pagination-steps .forminator-step:before{ border-color:var(--mr-navy) !important;background:#fff !important} .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-complete:before, .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-active:before, .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-current:before{ background:var(--mr-navy) !important;border-color:var(--mr-navy) !important} .forminator-custom-form .forminator-pagination-steps .forminator-step.forminator-complete:after{ background:var(--mr-navy) !important} /* Mobil: Schritt-Leiste ausblenden (sauber, Zurück/Weiter führt durch). */ @media(max-width:782px){ .forminator-custom-form .forminator-pagination-steps{display:none !important} } /* Links (z. B. Datenschutz im GDPR-Feld) */ .forminator-custom-form a{color:var(--mr-navy);text-underline-offset:2px} .forminator-custom-form a:hover{color:var(--mr-navy-deep)} /* Ergebnis-/Hinweis-Blöcke wie Karten: dem HTML-Feld die Klasse mr-check-result geben */ .forminator-custom-form .mr-check-result{ background:#fff;border:1px solid var(--mr-line);border-radius:14px; padding:1.6rem 1.8rem;box-shadow:var(--mr-schatten-leicht); } .forminator-custom-form .mr-check-result h2, .forminator-custom-form .mr-check-result h3, .forminator-custom-form .mr-check-result strong{color:var(--mr-navy)} /* Eil-/Verjährungs-Hinweis dezent hervorheben (Klasse mr-check-eil am HTML-Feld) */ .forminator-custom-form .mr-check-eil{border-left:3px solid var(--mr-brass-line); border-radius:8px;padding:1rem 1.2rem;color:var(--mr-ink)} /* Rohes Score-/Calculation-Feld vor dem Nutzer verbergen. Robust über den Feldtyp (Klasse wird beim Import nicht zuverlässig gesetzt). Das Rechenfeld arbeitet bei display:none weiter – Ergebnisblöcke greifen normal. */ .forminator-custom-form .mr-score-hidden, .forminator-custom-form .forminator-calculation, .forminator-custom-form .forminator-field-calculation, .forminator-custom-form .forminator-row:has(.forminator-calculation){display:none !important} /* Check-Seite: Abstand nach oben, damit Fortschrittsleiste nicht unter den transparenten Header rutscht. Klasse mr-check-page an die Gruppe um das Formular. */ .mr-check-page{padding-top:7rem} @media(min-width:782px){.mr-check-page{padding-top:9.5rem}} /* ===== Suchmodal Lesbarkeit (helles Markendesign) ===== */ .ct-panel input[type="search"]{ color:var(--mr-navy) !important; border-bottom-color:var(--mr-brass-line) !important; } .ct-panel input[type="search"]::placeholder{ color:var(--mr-muted-5) !important; opacity:1 !important; } .ct-panel .ct-toggle-close, .ct-panel .ct-toggle-close svg{ color:var(--mr-navy) !important; } /* Suchmodal – Submit-Button in Markenfarbe */ .ct-panel form button.wp-element-button{ background-color:var(--mr-navy-btn) !important; border-color:var(--mr-navy-btn) !important; }.ct-panel form button.wp-element-button{box-shadow:inset 0 0 0 1.5px var(--mr-navy-btn-line)} .ct-panel form button.wp-element-button:hover{ background-color:var(--mr-brass-solid) !important; border-color:var(--mr-brass-line) !important; } /* Suchmodal Transparenz – Seite schimmert leicht durch */ #search-modal{ -webkit-backdrop-filter:blur(18px) saturate(1.25); backdrop-filter:blur(18px) saturate(1.25); } /* Globale Pre-Footer-CTA */ .mr-cta-band{background:#ffffff;margin-bottom:30px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}footer .ct-container{padding-top:0 !important}.mr-cta-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;padding:1.9rem 1.5rem}.mr-cta-t{display:block;color:var(--mr-navy);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;font-family:"Libre Franklin",Inter,sans-serif}.mr-cta-s{display:block;color:var(--mr-brass-txt);font-size:.95rem;margin-top:.25rem}.mr-cta-btns{display:flex;gap:.7rem;flex-wrap:wrap}.mr-cta-primary{padding:.8rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block}.mr-cta-ghost{padding:.8rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-block}@media(max-width:782px){.mr-cta-inner{justify-content:center;text-align:center;padding:1.6rem 1.4rem}} /* Pre-Footer-CTA bündig: 20px-Streifen entfernen */ #main>.ct-container-full,#main>.ct-container{padding-bottom:0 !important} /* Navy-Vertrauensleiste: Items mobil linksbündig ausrichten */ @media(max-width:782px){[style*="background-color:#0D3B78"] [style*="flex:1 1 290px"]{justify-content:flex-start !important;max-width:290px !important}} /* Dropdown-Untermenü an Inhalt anpassen (lange Begriffe) */ .header-menu-1 .sub-menu{width:max-content !important;min-width:200px} .header-menu-1 .sub-menu a{white-space:nowrap} /* Menue-CTA Termin vereinbaren */ .header-menu-1 .mr-menu-cta{display:flex;align-items:center;margin-left:.55rem} .header-menu-1 .mr-menu-cta > .ct-menu-link{background:var(--mr-brass-solid);color:#fff !important;border-radius:999px;height:40px !important;min-height:0 !important;padding:0 1.15rem !important;display:inline-flex !important;align-items:center;align-self:center !important;line-height:1 !important;transition:background .15s ease} .header-menu-1 .mr-menu-cta > .ct-menu-link:hover,.header-menu-1 .mr-menu-cta > .ct-menu-link:focus{background:var(--mr-brass-hover);color:#fff !important} .header-menu-1 .mr-menu-cta > .ct-menu-link::before,.header-menu-1 .mr-menu-cta > .ct-menu-link::after{display:none !important} /* Hauptmenue: Navy nur oberste Ebene, Tuerkis bei Hover/Aktiv (mr-menu-navy) */ .header-menu-1 li > .ct-menu-link{color:var(--mr-navy) !important} .header-menu-1 li > .ct-menu-link:hover,.header-menu-1 li > .ct-menu-link:focus{color:var(--mr-brass-txt)!important} .header-menu-1 .current-menu-item > .ct-menu-link,.header-menu-1 .current-menu-parent > .ct-menu-link,.header-menu-1 .current-menu-ancestor > .ct-menu-link,.header-menu-1 .current_page_item > .ct-menu-link{color:var(--mr-brass-txt) !important} .header-menu-1 .mr-menu-cta > .ct-menu-link{color:#fff !important} /* Untermenues: weisse Schrift auf Navy-Hintergrund */ .header-menu-1 .sub-menu .ct-menu-link{color:#ffffff !important} .header-menu-1 .sub-menu .ct-menu-link:hover,.header-menu-1 .sub-menu .ct-menu-link:focus,.header-menu-1 .sub-menu .current-menu-item > .ct-menu-link{color:#ffffff !important} /* Kontakt-Karten: elegante Hover-Animation (mr-contact-card) */ .mr-contact-card{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease} .mr-contact-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mr-navy-btn),var(--mr-brass-solid));transform:scaleX(0);transform-origin:left;transition:transform .35s ease;z-index:2} .mr-contact-card:hover{transform:translateY(-6px) !important;box-shadow:0 2px 4px rgba(var(--mr-schattenton),.05),0 22px 48px rgba(var(--mr-schattenton),.15) !important} .mr-contact-card:hover::before{transform:scaleX(1)} /* CTA-Kacheln Startseite: Hover (mr-cta-tile) */ .mr-cta-tile{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,filter .3s ease} .mr-cta-tile > span:last-child{transition:transform .3s ease} .mr-cta-tile:hover{transform:translateY(-4px) !important;box-shadow:0 4px 10px rgba(var(--mr-schattenton),.15),0 22px 48px rgba(var(--mr-schattenton),.22) !important;filter:brightness(1.06)} .mr-cta-tile:hover > span:last-child{transform:translateX(5px)} /* Route-Karten: Streifen als Navy->Tuerkis-Verlauf */ .mr-card--route::before{background:linear-gradient(90deg,var(--mr-navy-btn),var(--mr-brass-solid)) !important} /* Sprungmarken /termin/: sanftes Scrollen + Header-Offset */ html{scroll-behavior:smooth} #erstberatung,#folgetermin{scroll-margin-top:100px} /* Termin-Seite: Termintypen als Ein-Screen-Panels + kompakte Schritte */ .mr-screen{min-height:calc(100vh - 74px);display:flex;flex-direction:column;justify-content:center} @media(max-width:781px){.mr-screen{min-height:0}} .mr-step{padding:1.25rem 1.35rem !important} .mr-step-num{color:var(--mr-brass-txt);font-weight:700;font-size:1.5rem;line-height:1;margin:0 0 .45rem} .mr-step-h{color:var(--mr-navy);font-size:1.05rem;margin:.1rem 0 .5rem} .mr-step-t{color:var(--mr-ink);font-size:.94rem;line-height:1.5;margin:0} .mr-kond .wp-block-column p{margin:.22rem 0} /* Buchungs-Buttons /termin/: groesser + elegante Animation */ .mr-book .wp-block-button__link{padding:1rem 2.5rem !important;font-size:1.08rem !important;font-weight:600;border-radius:999px;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,background-color .2s ease} .mr-book .wp-block-button__link::after{content:'\2192';margin-left:.55rem;display:inline-block;transition:transform .28s ease} .mr-book .wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(var(--mr-schattenton),.16),0 18px 36px rgba(var(--mr-schattenton),.20)} .mr-book .wp-block-button__link:hover::after{transform:translateX(5px)} /* Alle Buttons: einheitlich etwas groesser + elegante Hover-Animation */ .wp-block-button__link{padding:.9rem 2rem !important;font-weight:600;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background-color .18s ease,color .18s ease} .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(var(--mr-schattenton),.13),0 14px 30px rgba(var(--mr-schattenton),.15)} .header-menu-1 .mr-menu-cta > .ct-menu-link{transition:transform .22s ease,background-color .15s ease} .header-menu-1 .mr-menu-cta:hover > .ct-menu-link{transform:translateY(-2px)} /* Hero-Buttons (Startseite) an globalen Button-Stil angleichen */ .mr-hero2-btns a{padding:.9rem 2rem !important;font-weight:600;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background-color .18s ease,color .18s ease} .mr-hero2-btns a:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(var(--mr-schattenton),.13),0 14px 30px rgba(var(--mr-schattenton),.15)} /* Schulungen-Seite */ .mr-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem} @media(max-width:900px){.mr-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.mr-theme-grid{grid-template-columns:1fr}} .mr-goals{list-style:none;max-width:640px;margin:1.2rem auto 0;padding:0} .mr-goals li{position:relative;padding:.4rem 0 .4rem 1.9rem;color:var(--mr-ink);border-bottom:1px solid #E7E4DD} .mr-goals li:last-child{border-bottom:0} .mr-goals li::before{content:'\2713';position:absolute;left:.15rem;top:.4rem;color:var(--mr-brass-txt);font-weight:700} .mr-pills{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.4rem} .mr-pills span{background:#fff;border:1px solid #D9E4F0;color:var(--mr-navy);border-radius:999px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:500} /* Haftungs-Grid 4x2 */ .mr-haftung-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2.6rem} @media (max-width:1024px){.mr-haftung-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:600px){.mr-haftung-grid{grid-template-columns:1fr}} .mr-haftung-grid .mr-card{padding:1.9rem 1.5rem;border:1px solid #D4E0EF;border-radius:18px;height:100%} .mr-haftung-grid .mr-card h3{font-size:1.18rem;line-height:1.3;margin:1rem 0 .5rem} .mr-haftung-grid .mr-card p{font-size:.95rem;line-height:1.65} .mr-haftung-grid .mr-route-icon{width:58px;height:58px} .mr-haftung-grid .mr-route-icon svg{width:30px;height:30px} /* Mangel oder Behandlungsfehler Infografik */ .mr-mb{max-width:1200px;margin:0 auto} .mr-mb-head{text-align:center;margin-bottom:2.8rem} .mr-mb-head h2{margin:0 0 .5rem;color:var(--mr-navy)} .mr-mb-sub{color:var(--mr-muted-4);font-size:1.05rem;margin:0} .mr-mb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} @media(max-width:1024px){.mr-mb-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.mr-mb-grid{grid-template-columns:1fr}} .mr-mb-card{background:#fff;border:1px solid #D4E0EF;border-radius:18px;padding:1.7rem 1.6rem;box-shadow:0 6px 20px rgba(var(--mr-schattenton),.05);display:flex;flex-direction:column;opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease,box-shadow .25s ease} .mr-mb-card.is-in{opacity:1;transform:none} .mr-mb-card:hover{box-shadow:0 16px 36px rgba(var(--mr-schattenton),.12);transform:translateY(-4px)} .mr-mb-top{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem} .mr-mb-icon{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--mr-tint-kuehl-fest);display:flex;align-items:center;justify-content:center;color:var(--mr-navy)} .mr-mb-icon svg{width:26px;height:26px} .mr-mb-top h3{margin:0;font-size:1.1rem;line-height:1.25;color:var(--mr-navy);font-weight:700} .mr-mb-th-sub{display:block;font-size:.82em;font-weight:600;margin-top:.15rem;color:var(--mr-ink-6)} .mr-mb-top h3::after{content:'';display:block;width:34px;height:3px;background:var(--mr-brass-solid);border-radius:2px;margin-top:.55rem} .mr-mb-card p{font-size:.95rem;line-height:1.6;color:var(--mr-ink-5);margin:.25rem 0} .mr-mb-label{color:var(--mr-brass-txt);font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;margin-top:1rem} .mr-mb-checks{list-style:none;margin:.5rem 0 0;padding:0} .mr-mb-checks li{display:flex;align-items:center;gap:.6rem;margin:.5rem 0;font-size:.95rem;color:var(--mr-ink-5)} .mr-mb-ck{flex:0 0 auto;color:var(--mr-brass-txt);display:inline-flex}.mr-mb-ck svg{width:18px;height:18px} .mr-mb-split{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-top:.9rem;padding-top:1rem;border-top:1px solid #E3EAF4} .mr-mb-subh{color:var(--mr-brass-txt);font-weight:700;font-size:.9rem;margin:0 0 .3rem} .mr-mb-mini{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;margin:0 0 .3rem}.mr-mb-mini svg{width:16px;height:16px;flex:0 0 auto} .mr-mb-mini.ok{color:#1f9d74}.mr-mb-mini.no{color:#c65a34} .mr-mb-split p{font-size:.85rem;line-height:1.5;margin:.2rem 0 0;color:var(--mr-ink-7)} .mr-mb-note{display:flex;gap:.7rem;background:#EAF1FA;border:1px solid #DCE7F5;border-radius:12px;padding:.85rem 1rem;margin-top:auto} .mr-mb-i{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--mr-brass-txt);display:flex;align-items:center;justify-content:center;font-style:italic;font-weight:700;font-size:.9rem;line-height:1} .mr-mb-note p{margin:0;font-size:.85rem;line-height:1.5;color:var(--mr-muted-4)} .mr-mb-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:1.6rem;align-items:center;background:#fff;border:1px solid #D4E0EF;border-radius:18px;padding:1.6rem 1.9rem;margin-top:1.6rem;box-shadow:0 6px 20px rgba(var(--mr-schattenton),.05)} @media(max-width:900px){.mr-mb-bottom{grid-template-columns:1fr;gap:1.3rem;text-align:center}.mr-mb-b1,.mr-mb-b2{justify-content:center}} .mr-mb-b1,.mr-mb-b2{display:flex;gap:1rem;align-items:flex-start;text-align:left} .mr-mb-bicon,.mr-mb-bicon2{flex:0 0 auto;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center} .mr-mb-bicon{background:var(--mr-navy-btn);color:#fff}.mr-mb-bicon{box-shadow:inset 0 0 0 1.5px var(--mr-navy-btn-line)}.mr-mb-bicon2{background:var(--mr-tint-kuehl-fest);color:var(--mr-navy)} .mr-mb-bicon svg,.mr-mb-bicon2 svg{width:26px;height:26px} .mr-mb-bottom strong{display:block;color:var(--mr-navy);font-size:1.05rem;margin-bottom:.25rem} .mr-mb-bottom p{margin:0;font-size:.9rem;line-height:1.5;color:var(--mr-muted-4)} .mr-mb-b3{text-align:center} .mr-mb-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--mr-navy-btn);color:#fff;padding:.95rem 1.7rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.mr-mb-btn{box-shadow:inset 0 0 0 1.5px var(--mr-navy-btn-line)} .mr-mb-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(var(--mr-schattenton),.28);color:#fff} .mr-mb-trust{display:flex!important;align-items:center;justify-content:center;gap:.45rem;margin:.8rem 0 0!important;font-size:.85rem;color:var(--mr-navy);font-weight:600} .mr-mb-tsh{width:17px;height:17px;color:var(--mr-brass-txt);flex:0 0 auto} /* Dezentes Einblenden beim Scrollen (JS-gesteuert, universell) */ .mr-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform} .mr-reveal.mr-in{opacity:1;transform:none} @media (prefers-reduced-motion: reduce){.mr-reveal{opacity:1;transform:none;transition:none}} /* Cookie-Reopener (Complianz) – kompakter Floating-Button */ button.cmplz-manage-consent.cmplz-btn{position:fixed !important;bottom:22px !important;right:22px !important;left:auto !important;top:auto !important;width:54px !important;height:54px !important;min-width:0 !important;padding:0 !important;border-radius:50% !important;background:var(--mr-navy-btn) !important;color:#ffffff !important;border:none !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:.5rem;overflow:hidden !important;white-space:nowrap !important;font-size:0 !important;line-height:1 !important;box-shadow:0 10px 26px -8px rgba(var(--mr-schattenton),.6) !important;transition:width .3s ease,border-radius .3s ease,padding .3s ease,background .2s ease !important;cursor:pointer;z-index:9999} button.cmplz-manage-consent.cmplz-btn::before{content:"";flex:0 0 auto;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203a9%209%200%201%200%209%209%203%203%200%200%201-3-3%203%203%200%200%201-3-3%203%203%200%200%201-3-3z'%2F%3E%3Ccircle%20cx%3D'8.5'%20cy%3D'10'%20r%3D'.7'%20fill%3D'%23ffffff'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'12.5'%20cy%3D'8.2'%20r%3D'.7'%20fill%3D'%23ffffff'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'14.6'%20cy%3D'13'%20r%3D'.7'%20fill%3D'%23ffffff'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'14.6'%20r%3D'.7'%20fill%3D'%23ffffff'%20stroke%3D'none'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'.7'%20fill%3D'%23ffffff'%20stroke%3D'none'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat} button.cmplz-manage-consent.cmplz-btn:hover,button.cmplz-manage-consent.cmplz-btn:focus-visible{width:auto !important;border-radius:28px !important;padding:0 22px 0 15px !important;font-size:.92rem !important;font-weight:600 !important;background:#0a2f60 !important} @media (max-width:600px){button.cmplz-manage-consent.cmplz-btn{width:48px !important;height:48px !important;bottom:16px !important;right:16px !important}} /* Einzelbeitrag: Titel-Abstand unter transparentem Header */ body.single-post .site-main{padding-top:150px} @media (max-width:768px){body.single-post .site-main{padding-top:100px}} /* Einzelbeitrag: Beitragsbild über Titel – Größe & Rundung */ .single-post article.post > .ct-featured-image{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:10px} .single-post article.post > .ct-featured-image img{border-radius:16px} @media (max-width:768px){.single-post article.post > .ct-featured-image{max-width:100%}} /* Fachbeitrag-Karten: Titelbild bündig über volle Kartenbreite */ .mr-posts .wp-block-latest-posts__featured-image{display:block;width:100%;margin:0 0 1rem} .mr-posts .wp-block-latest-posts__featured-image a{display:block;width:100%} .mr-posts .wp-block-latest-posts__featured-image img{width:100%!important;height:auto!important;display:block;aspect-ratio:3/2;object-fit:cover} /* Patienten-Route-Karte: Navy-Variante (analog Behandler/Teal) */ .mr-card--navy .mr-route-icon{background:rgba(13,59,120,.1);color:var(--mr-navy)} .mr-card--navy:hover .mr-route-icon,.mr-card--navy:focus-within .mr-route-icon{background:var(--mr-navy-btn);color:#fff} .mr-card--navy::before{background:var(--mr-navy-btn)} /* Sidebar Neueste Beiträge: Einträge klar trennen */ .ct-sidebar .wp-block-latest-posts__list{list-style:none;margin:0;padding:0} .ct-sidebar .wp-block-latest-posts__list li{margin:0;padding:14px 0;border-bottom:1px solid #D4E0EF} .ct-sidebar .wp-block-latest-posts__list li:first-child{padding-top:0} .ct-sidebar .wp-block-latest-posts__list li:last-child{padding-bottom:0;border-bottom:0} .ct-sidebar .wp-block-latest-posts__list li a{display:block;line-height:1.4;transition:color .2s} .ct-sidebar .wp-block-latest-posts__list li a:hover{color:var(--mr-brass-txt)} /* Sidebar-Suche: Button-Radius wie Menü-Button */ .ct-sidebar .wp-block-search__button{border-radius:999px} .ct-sidebar .wp-block-search__input{border-radius:9px} /* Fachbeitrag-Bausteine (native Blöcke) */ .entry-content .mr-merksatz{background:var(--mr-tint-kuehl-fest);border-left:5px solid var(--mr-brass-line);border-radius:12px;padding:22px 26px} .entry-content .mr-merksatz .mr-merksatz-title{color:var(--mr-navy);font-size:1.05rem;font-weight:700;margin:0 0 6px} .entry-content .mr-merksatz p{color:var(--mr-ink-2);line-height:1.6;margin:0} .entry-content .mr-cta{background:var(--mr-navy-flaeche);border-radius:18px;padding:34px 38px} .entry-content .mr-cta .mr-cta-title{color:#ffffff;margin:0 0 8px} .entry-content .mr-cta .mr-cta-text{color:#CBD9EC;line-height:1.6;max-width:640px;margin:0 0 20px} .entry-content .mr-cta .wp-block-button__link{font-weight:600;border-radius:999px;padding:13px 24px;display:inline-flex;align-items:center;gap:.5em} .single-post .mr-cta .wp-block-button__link::before{content:"";width:1.05em;height:1.05em;flex:0 0 auto} .entry-content .mr-post-note{color:var(--mr-muted-3);font-size:.9rem} /* CTA-Button-Icon sichtbar machen (Theme versteckt ::before) */ .single-post .mr-cta .wp-block-button__link::before{display:inline-block!important;content:""!important;width:1.05em;height:1.05em;vertical-align:-.15em} /* CTA-Button-Icon v2 – Icon als Button-Hintergrund (robust ggü. Theme-::before) */ .single-post .mr-cta .wp-block-button__link{padding:13px 26px 13px 50px!important;gap:0!important} .single-post .mr-cta .wp-block-button__link::before,.single-post .mr-cta .wp-block-button__link::after{display:none!important;content:none!important} /* CTA-Text linksbündig (Layout-Zentrierung aufheben) */ .entry-content .mr-cta .mr-cta-text{margin-left:0!important;margin-right:auto!important} /* Fachbeitrag-Grid: 3 Spalten nebeneinander (statt Flex-Umbruch) */ .mr-posts{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important} .mr-posts li{width:auto!important;max-width:none!important;margin:0!important} @media (max-width:1000px){.mr-posts{grid-template-columns:repeat(2,1fr)!important}} @media (max-width:680px){.mr-posts{grid-template-columns:1fr!important}} /* Warum-Schulungen: 4-Spalten-Karten */ .mr-why-grid{display:grid!important;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:1.8rem} .mr-why-grid .mr-card{margin:0;padding:28px 24px;height:100%} .mr-why-grid .mr-card h3{margin:0 0 .4rem} @media (max-width:1000px){.mr-why-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:560px){.mr-why-grid{grid-template-columns:1fr}} /* Mockup-Karten: Hover (wie .mr-card) */ .mr-sit-card,.mr-serv-card,.mr-wm-card,.mr-wp-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s} .mr-sit-card:hover,.mr-serv-card:hover,.mr-wm-card:hover,.mr-wp-card:hover{transform:translateY(-3px);box-shadow:var(--mr-schatten,0 10px 34px rgba(var(--mr-schattenton),.12));} @media (prefers-reduced-motion:reduce){.mr-sit-card,.mr-serv-card,.mr-wm-card,.mr-wp-card{transition:none}.mr-sit-card:hover,.mr-serv-card:hover,.mr-wm-card:hover,.mr-wp-card:hover{transform:none}} /* ===== MR MEGA MENU ===== */ @media(min-width:1000px){ .ct-header{position:relative;overflow:visible} #menu-item-116,#menu-item-117{position:static!important} #menu-item-116>.sub-menu,#menu-item-117>.sub-menu{left:50%!important;right:auto!important;top:100%!important;transform:translateX(-50%) translateY(10px)!important;width:min(1140px,94vw)!important;max-width:94vw!important;padding:22px 24px!important;background:var(--mr-glas-panel)!important;border:1px solid var(--mr-kante)!important;border-radius:var(--mr-radius-huelle)!important;box-shadow:0 26px 60px rgba(var(--mr-schattenton),.16)!important;display:grid!important;grid-template-columns:1fr 1fr 290px!important;gap:0 28px!important;align-items:stretch!important;z-index:100!important} #menu-item-116:hover>.sub-menu,#menu-item-117:hover>.sub-menu{transform:translateX(-50%) translateY(6px)!important} #menu-item-116>.sub-menu>li,#menu-item-117>.sub-menu>li{position:static!important;width:auto!important;border:0!important} .header-menu-1 .mega-head>.ct-menu-link{font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--mr-brass-txt)!important;font-weight:600!important;padding:4px 8px 9px!important;border-bottom:1px solid var(--mr-kante)!important;margin-bottom:6px!important;cursor:default!important} .header-menu-1 .mega-head>.ct-menu-link .ct-toggle-dropdown-desktop{display:none!important} .header-menu-1 .mega-head>.sub-menu{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;background:0 0!important;padding:0!important;width:auto!important;min-width:0!important;display:block!important} .header-menu-1 .mega-head>.sub-menu>li{border:0!important} .header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link{display:flex!important;align-items:center!important;gap:11px!important;padding:9px 8px!important;border-radius:10px!important;color:var(--mr-navy)!important;font-weight:500!important;font-size:13.5px!important;line-height:1.25!important;position:relative!important} .header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link:hover{background:#EEF4FB!important} .header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link::before{content:''!important;flex:0 0 auto!important;width:32px!important;height:32px!important;border-radius:9px!important;} .header-menu-1 .mega-cta{grid-column:3!important;display:flex!important} .header-menu-1 .mega-cta>.ct-menu-link{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;width:100%!important;min-height:150px!important;background:var(--mr-navy-btn)!important;color:#fff!important;border-radius:14px!important;padding:20px 18px!important;font-weight:600!important;font-size:15px!important}.header-menu-1 .mega-cta>.ct-menu-link{box-shadow:inset 0 0 0 1.5px var(--mr-navy-btn-line)} .header-menu-1 .mega-cta>.ct-menu-link:hover{background:#12488F!important} } /* MEGA-FIX-ICONS-CTA */ @media(min-width:1000px){ .header-menu-1 .mega-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important}.header-menu-1 .mega-head>.sub-menu{width:100%!important}.header-menu-1 .mega-head>.sub-menu>li{width:100%!important;display:block!important}.header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link{white-space:normal!important;width:100%!important;padding-left:9px!important}#menu-item-116>.sub-menu,#menu-item-117>.sub-menu{align-items:start!important}.header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link::after{content:''!important;position:absolute!important;left:20px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;background:var(--mr-navy-btn)!important;pointer-events:none!important;-webkit-mask:var(--mi) center/contain no-repeat;mask:var(--mi) center/contain no-repeat}.header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link:hover::before{background:var(--mr-brass-solid)!important}.header-menu-1 .mega-head>.sub-menu>li>.ct-menu-link:hover::after{background:var(--mr-brass)!important}#menu-item-30>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4C5.5 4 4 5.6 4 8c0 2.4 1 3.6 1.4 6.6.2 1.8.4 4.4 1.6 4.4 1.1 0 1.2-2.6 2.2-2.6h1.6c1 0 1.1 2.6 2.2 2.6 1.2 0 1.4-2.6 1.6-4.4C15 11.6 16 10.4 16 8c0-2.4-1.5-4-3.5-4-1.2 0-1.8.6-2.5.6S8.7 4 7.5 4z'/%3E%3C/svg%3E")}#menu-item-32>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v2'/%3E%3Cpath d='M4 12a8 8 0 0 1 16 0z'/%3E%3Cpath d='M12 12v6a2.5 2.5 0 0 1-5 0'/%3E%3C/svg%3E")}#menu-item-208>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2 5 4-13 3 8h5'/%3E%3C/svg%3E")}#menu-item-209>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16'/%3E%3Cpath d='M6 20h12'/%3E%3Cpath d='M5 8h14'/%3E%3Cpath d='M5 8l-2.5 5a3 3 0 0 0 5 0z'/%3E%3Cpath d='M19 8l-2.5 5a3 3 0 0 0 5 0z'/%3E%3C/svg%3E")}#menu-item-213>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 9.2a3.6 3.6 0 1 0 0 5.6'/%3E%3Cpath d='M7.5 11.3h5'/%3E%3Cpath d='M7.5 13.3h4'/%3E%3C/svg%3E")}#menu-item-284>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2 5 4-13 3 8h5'/%3E%3C/svg%3E")}#menu-item-285>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-6.5-4.2-6.5-8.5A3.5 3.5 0 0 1 12 8.5 3.5 3.5 0 0 1 18.5 11.5C18.5 15.8 12 20 12 20z'/%3E%3C/svg%3E")}#menu-item-286>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15.5 9.2a3.6 3.6 0 1 0 0 5.6'/%3E%3Cpath d='M7.5 11.3h5'/%3E%3Cpath d='M7.5 13.3h4'/%3E%3C/svg%3E")}#menu-item-287>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7'/%3E%3Cpath d='M6 10v9h12v-9'/%3E%3C/svg%3E")}#menu-item-288>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6l8-3 8 3v15'/%3E%3Cpath d='M9 21v-4h6v4'/%3E%3Cpath d='M8 9h2M14 9h2M8 13h2M14 13h2'/%3E%3C/svg%3E")}#menu-item-289>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6z'/%3E%3C/svg%3E")}#menu-item-389>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-4 9 4-9 4z'/%3E%3Cpath d='M7 11v5c0 1.2 2.5 2 5 2s5-.8 5-2v-5'/%3E%3C/svg%3E")}#menu-item-391>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4C5.5 4 4 5.6 4 8c0 2.4 1 3.6 1.4 6.6.2 1.8.4 4.4 1.6 4.4 1.1 0 1.2-2.6 2.2-2.6h1.6c1 0 1.1 2.6 2.2 2.6 1.2 0 1.4-2.6 1.6-4.4C15 11.6 16 10.4 16 8c0-2.4-1.5-4-3.5-4-1.2 0-1.8.6-2.5.6S8.7 4 7.5 4z'/%3E%3C/svg%3E")}#menu-item-393>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E")}#menu-item-395>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E")}#menu-item-397>.ct-menu-link{--mi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 4C5.5 4 4 5.6 4 8c0 2.4 1 3.6 1.4 6.6.2 1.8.4 4.4 1.6 4.4 1.1 0 1.2-2.6 2.2-2.6h1.6c1 0 1.1 2.6 2.2 2.6 1.2 0 1.4-2.6 1.6-4.4C15 11.6 16 10.4 16 8c0-2.4-1.5-4-3.5-4-1.2 0-1.8.6-2.5.6S8.7 4 7.5 4z'/%3E%3C/svg%3E")}.header-menu-1 .mega-cta>.ct-menu-link{align-items:flex-start!important;justify-content:flex-end!important;gap:6px!important;position:relative!important;min-height:170px!important;font-size:16px!important;line-height:1.25!important}.header-menu-1 .mega-cta>.ct-menu-link::before{content:'Schnelleinstieg'!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--mr-brass-on-navy)!important;font-weight:600!important;margin-bottom:auto!important}.header-menu-1 .mega-cta>.ct-menu-link::after{content:'\2192'!important;font-size:20px!important;color:var(--mr-brass-on-navy)!important;margin-top:2px!important}.header-menu-1 .mega-cta>.ct-menu-link .ct-toggle-dropdown-desktop{display:none!important} } /* MEGA-MOBILE */ @media(max-width:999px){ .mobile-menu .mega-head>.ct-sub-menu-parent>.ct-menu-link{font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--mr-brass-on-navy)!important;font-weight:600!important;padding-top:16px!important;padding-bottom:2px!important;pointer-events:none!important}.mobile-menu .mega-head>.ct-sub-menu-parent>.ct-toggle-dropdown-mobile,.mobile-menu .mega-head>.ct-sub-menu-parent button{display:none!important}.mobile-menu .mega-head>.sub-menu{display:block!important;max-height:none!important;height:auto!important;opacity:1!important;visibility:visible!important;overflow:visible!important;margin:0!important;padding-left:2px!important}.mobile-menu .mega-head>.sub-menu .ct-menu-link{font-size:16px!important;font-weight:500!important;padding:9px 6px!important}.mobile-menu .mega-cta>.ct-menu-link{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--mr-brass-solid)!important;color:#fff!important;border-radius:999px!important;padding:12px 18px!important;margin:12px 0 4px!important;font-weight:600!important}.mobile-menu .mega-cta>.ct-menu-link::after{content:'\2192'!important;font-weight:700!important} } /* MEGA-STACKFIX: relative li + JS-centering */ @media(min-width:1000px){ #menu-item-116,#menu-item-117{position:relative!important} #menu-item-116 > .sub-menu,#menu-item-117 > .sub-menu{left:0!important;right:auto!important;top:100%!important;transform:none!important} #menu-item-116:hover > .sub-menu,#menu-item-117:hover > .sub-menu{transform:none!important} } /* MEGA-HEADER-ISOLATE: fix mega click stacking */ #header.ct-header{isolation:isolate!important} /* MEGA-NAV-FULLWIDTH: Header-Grid ausbalancieren, damit alle Menuepunkte passen (kein "Mehr") */ @media(min-width:1000px){ [data-row="middle"] > .ct-container{ grid-template-columns: max-content minmax(0,1fr) !important; } } /* ===== Türkis-Ton: funktionales Türkis dunkler (#3C97A4) — Aug 2026 ===== Nur Buttons & Icons; scoped auf die TÜRKISEN Elemente. Navy-Buttons unberührt. Signaturbalken, Logo und Deko behalten das helle #56B7C5. */ :root{ } .mr-btn-teal .wp-block-button__link,.header-menu-1 .mr-menu-cta>.ct-menu-link,a.mr-hero2-teal{background:var(--mr-brass-solid)!important;color:#fff!important} .mr-btn-teal .wp-block-button__link:hover,.mr-btn-teal .wp-block-button__link:active,.header-menu-1 .mr-menu-cta>.ct-menu-link:hover,.header-menu-1 .mr-menu-cta>.ct-menu-link:focus,a.mr-hero2-teal:hover{background:var(--mr-brass-hover)!important;color:#fff!important} .mr-mb-label,.mr-mb-subh{color:var(--mr-brass-txt)!important} .mr-step-num{color:#fff!important} .mr-goals li::before,.mr-mb-ck,.mr-mb-i,.mr-mb-tsh, .mr-infocard svg,.mr-hero2-checks .ct-icon,.mr-hero2-checks svg,.mr-contact-card svg{color:var(--mr-brass-txt)!important;stroke:var(--mr-brass-txt)!important} /* ===== Ende Türkis-Ton ===== */ /* ===== Termin: Erstberatung-Pfad durchgängig navy — Aug 2026 ===== Oben ist die Auswahl "Erstberatung" navy; der Buchen-Button war türkis. Angleichen an navy. */ #erstberatung a.wp-block-button__link[href*="erstberatung-medizinrecht"]{background:var(--mr-navy-btn)!important;color:#fff!important;box-shadow:0 8px 20px rgba(var(--mr-schattenton),.22)!important} #erstberatung a.wp-block-button__link[href*="erstberatung-medizinrecht"]:hover, #erstberatung a.wp-block-button__link[href*="erstberatung-medizinrecht"]:focus{background:#082C5C!important;color:#fff!important} /* ===== Ende Termin-Erstberatung ===== */ /* ===== Türkise Schrift = funktionales Türkis #3C97A4 (harmonisch zu den Buttons) — Aug 2026 ===== Akzentwort, CTA-Subtext, Mega-Menü-Rubriken sowie inline gefärbte Kontaktlinks/Pfeile/Icons. NICHT betroffen: navy Link mit türkiser Unterstreichung (color:var(--mr-navy)) und Türkis-Button (color:#fff). */ .mr-kern-h span, .mr-cta-s, .header-menu-1 .mega-head > .ct-menu-link:hover, .header-menu-1 .mega-head > .ct-menu-link:focus{color:var(--mr-brass-txt)!important} a[style*="color:var(--mr-brass-txt)"], span[style*="color:var(--mr-brass-txt)"]{color:var(--mr-brass-txt)!important} /* ===== Ende Türkise Schrift ===== */ /* ============================================================ Komponenten aus dem Seiteninhalt — zusammengefuehrt 07.08.2026 Diese vier Bloecke lagen als