/* Theme Name: Kinderarztpraxis Dr. med. Anette Kühnle Theme URI: https://kinderarztpraxis-dr-med-anette-kuhnl-1.lead.bummeltech.com/ Author: bummeltech Description: Barrierefreies, hochwertiges Individual-Theme (Accessible & Ethical, WCAG-AAA orientiert) für die Kinderarztpraxis Dr. med. Anette Kühnle in Monheim-Baumberg. Vollständig im wp-admin pflegbar: Slider (CPT slide), Leistungen (CPT service), Team (CPT team), Hero/Texte/Farben über den Customizer. Version: 1.0.0 Requires at least: 6.0 Requires PHP: 7.4 License: GPL-2.0-or-later Text Domain: kinderarzt-kuehnle */ /* ========================================================================= DESIGN-SYSTEM — Accessible & Ethical (uiux --design-system) Palette ins Branchenpassende (Kinderarzt: ruhig, vertrauenswürdig) gezogen: Neutrale Off-White-Basis + ruhiges Navy/Blau + sanfter Care-Grün-Akzent. Alle Textkontraste WCAG-AA/AAA (>= 4.5:1, Fließtext auf BG > 15:1). ========================================================================= */ :root{ /* Farben (übersteuerbar via Customizer -> Inline-Style im ) */ --color-primary:#0F172A; /* Navy — Text/Headings/dunkle Flächen */ --color-primary-700:#1E293B; --color-accent:#0369A1; /* Blau — CTA/Links (5.5:1 auf Weiß) */ --color-accent-700:#075985; /* Hover / auf hellem BG (7:1+) */ --color-care:#0E7C66; /* ruhiger Grün-Akzent — Warmth/Icons */ --color-background:#F8FAFC; /* Off-White */ --color-surface:#FFFFFF; --color-surface-tint:#EEF5FB; /* sanfte Himmels-Tönung */ --color-foreground:#0F172A; /* Fließtext */ --color-fg-muted:#334155; /* gedämpfter Text (7:1 auf BG) */ --color-muted:#E8ECF1; --color-border:#D9E2EC; --color-ring:#0369A1; /* Focus-Ring */ --color-on-dark:#F1F5F9; --color-on-dark-muted:#CBD5E1; /* Design-System-Variablen (Vorgabe) */ --contrast-ratio:7; --font-size-min:16px; --focus-ring:3px; --touch-target:44px; /* Typografie */ --font-head:'Playfair Display', Georgia, 'Times New Roman', serif; --font-body:'Source Serif 4', Georgia, 'Times New Roman', serif; --font-ui:'Source Serif 4', system-ui, -apple-system, sans-serif; /* Radien & Schatten (Tiefe/Layering) */ --radius-sm:10px; --radius:16px; --radius-lg:24px; --shadow-1:0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08); --shadow-2:0 10px 24px -8px rgba(15,23,42,.18); --shadow-3:0 24px 60px -20px rgba(15,23,42,.28); --shadow-glass:0 8px 32px rgba(15,23,42,.12); /* Layout */ --wrap:1180px; --gap:clamp(1rem,3vw,2rem); --section-y:clamp(3.5rem,8vw,7rem); --header-h:76px; --ease:cubic-bezier(.22,.61,.36,1); } /* ---------- Reset / Basis ---------- */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} html:focus-within{scroll-padding-top:calc(var(--header-h) + 1rem)} body{ margin:0; font-family:var(--font-body); font-size:clamp(16px,1.05vw + 12px,18px); /* >= 16px Pflicht */ line-height:1.7; color:var(--color-foreground); background:var(--color-background); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; /* letzte Sicherung gegen H-Scroll */ } img,video,iframe,svg{max-width:100%;height:auto} img{display:block} a{color:var(--color-accent-700);text-underline-offset:.18em;text-decoration-thickness:.08em} a:hover{color:var(--color-accent)} h1,h2,h3,h4{font-family:var(--font-head);color:var(--color-primary);line-height:1.15;margin:0 0 .5em;font-weight:700} h1{font-size:clamp(2.3rem,5vw,3.6rem);letter-spacing:-.01em} h2{font-size:clamp(1.8rem,3.6vw,2.6rem)} h3{font-size:clamp(1.25rem,2vw,1.55rem)} p{margin:0 0 1.1em} :where(ul,ol){padding-left:1.3em} li{margin:.35em 0} strong{color:var(--color-primary)} /* ---------- Accessibility Basics ---------- */ :focus-visible{ outline:var(--focus-ring) solid var(--color-ring); outline-offset:3px; border-radius:4px; } .skip-link{ position:absolute;left:1rem;top:-100px;z-index:2000; background:var(--color-primary);color:#fff;padding:.85rem 1.25rem; border-radius:0 0 var(--radius-sm) var(--radius-sm);font-weight:600; text-decoration:none;transition:top .2s var(--ease); } .skip-link:focus{top:0;color:#fff} .sr-only{ position:absolute;width:1px;height:1px;padding:0;margin:-1px; overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; } .visually-hidden-focusable:focus{position:static;width:auto;height:auto;clip:auto} /* ---------- Layout Utilities ---------- */ .wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto} .section{padding-block:var(--section-y)} .section--tint{background:var(--color-surface-tint)} .section--dark{background:var(--color-primary);color:var(--color-on-dark)} .section--dark h2,.section--dark h3{color:#fff} .section--dark a{color:#bfe3fb} .eyebrow{ display:inline-flex;align-items:center;gap:.5rem; font-family:var(--font-ui);font-weight:600;letter-spacing:.14em; text-transform:uppercase;font-size:.8rem;color:var(--color-accent-700); margin:0 0 .9rem; } .section--dark .eyebrow{color:#7cc6f0} .section__head{max-width:52ch;margin-bottom:clamp(2rem,5vw,3.25rem)} .lead{font-size:1.15em;color:var(--color-fg-muted)} /* ---------- Buttons / CTA ---------- */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:.6rem; min-height:var(--touch-target);padding:.85rem 1.6rem; font-family:var(--font-ui);font-weight:600;font-size:1.02rem; border-radius:999px;border:2px solid transparent;cursor:pointer; text-decoration:none;transition:transform .18s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),color .2s var(--ease); } .btn .icon{width:1.2em;height:1.2em} .btn--primary{background:var(--color-accent-700);color:#fff;box-shadow:var(--shadow-2)} .btn--primary:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-3)} .btn--ghost{background:transparent;color:var(--color-primary);border-color:var(--color-border)} .btn--ghost:hover{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-accent-700);transform:translateY(-2px)} .section--dark .btn--ghost{color:#fff;border-color:rgba(255,255,255,.4)} .section--dark .btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff} .btn--light{background:#fff;color:var(--color-primary)} .btn--light:hover{background:var(--color-surface-tint);transform:translateY(-2px);color:var(--color-accent-700)} /* ---------- Header / Nav (Glassmorphism, sticky) ---------- */ .site-header{ position:sticky;top:0;z-index:1000; background:rgba(248,250,252,.82); backdrop-filter:saturate(180%) blur(14px); -webkit-backdrop-filter:saturate(180%) blur(14px); border-bottom:1px solid var(--color-border); } .site-header__inner{ display:flex;align-items:center;justify-content:space-between;gap:1.5rem; min-height:var(--header-h); } .brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--color-primary);flex-shrink:0} .brand__mark{ width:42px;height:42px;flex:0 0 auto;border-radius:12px; display:grid;place-items:center;color:#fff; background:linear-gradient(135deg,var(--color-accent-700),var(--color-care)); box-shadow:var(--shadow-2); } .brand__mark svg{width:24px;height:24px} .brand__text{display:flex;flex-direction:column;line-height:1.1} .brand__name{font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--color-primary)} .brand__sub{font-family:var(--font-ui);font-size:.72rem;letter-spacing:.06em;color:var(--color-fg-muted);text-transform:uppercase} .primary-nav{display:flex;align-items:center;gap:.35rem} .primary-nav ul{display:flex;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0} .primary-nav a{ display:inline-flex;align-items:center;min-height:44px;padding:.5rem .9rem; font-family:var(--font-ui);font-weight:600;font-size:1rem; color:var(--color-primary);text-decoration:none;border-radius:10px; transition:background .18s var(--ease),color .18s var(--ease); } .primary-nav a:hover,.primary-nav .current-menu-item>a{background:var(--color-muted);color:var(--color-accent-700)} .header-cta{display:flex;align-items:center;gap:.6rem;flex-shrink:0} .header-phone{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:700;color:var(--color-primary);text-decoration:none;min-height:44px} .header-phone .icon{width:20px;height:20px;color:var(--color-care)} /* Burger */ .nav-toggle{ display:none;align-items:center;justify-content:center; width:48px;height:48px;border:1px solid var(--color-border); background:var(--color-surface);border-radius:12px;cursor:pointer;color:var(--color-primary); } .nav-toggle .icon{width:26px;height:26px} .nav-toggle .icon-close{display:none} .nav-toggle[aria-expanded="true"] .icon-open{display:none} .nav-toggle[aria-expanded="true"] .icon-close{display:block} /* ---------- Hero (Parallax + Layering + 3D) ---------- */ .hero{position:relative;overflow:hidden;background:var(--color-primary);color:#fff;isolation:isolate} .hero__media{position:absolute;inset:0;z-index:-2} .hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 30%} .hero__media::after{ content:"";position:absolute;inset:0; background:linear-gradient(105deg,rgba(15,23,42,.94) 0%,rgba(15,23,42,.82) 42%,rgba(15,23,42,.35) 100%); } .hero__inner{position:relative;z-index:1;padding-block:clamp(4rem,11vw,8.5rem);max-width:44rem} .hero__badge{ display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.4rem; padding:.5rem 1rem;border-radius:999px; background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(8px);font-family:var(--font-ui);font-weight:600;font-size:.9rem;color:#fff; } .hero__badge .icon{width:18px;height:18px;color:#8fd3b6} .hero h1{color:#fff;margin-bottom:.6em} .hero__sub{font-size:1.2rem;color:var(--color-on-dark-muted);max-width:40ch;margin-bottom:2rem} .hero__actions{display:flex;flex-wrap:wrap;gap:1rem} .hero__facts{ display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;margin-top:2.75rem; padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.18); } .hero__fact{display:flex;flex-direction:column} .hero__fact b{font-family:var(--font-head);font-size:1.7rem;color:#fff} .hero__fact span{font-family:var(--font-ui);font-size:.9rem;color:var(--color-on-dark-muted)} /* ---------- Info-Bar (Öffnungszeiten Quick) ---------- */ .infobar{background:var(--color-care);color:#fff} .infobar__inner{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding-block:1rem} .infobar__item{display:flex;align-items:center;gap:.6rem;font-family:var(--font-ui);font-weight:600} .infobar__item .icon{width:22px;height:22px;flex:0 0 auto} .infobar a{color:#fff;text-decoration:underline} /* ---------- Cards / Grids ---------- */ .grid{display:grid;gap:clamp(1.1rem,2.5vw,1.75rem)} .grid--3{grid-template-columns:repeat(3,1fr)} .grid--2{grid-template-columns:repeat(2,1fr)} .grid--4{grid-template-columns:repeat(4,1fr)} .card{ background:var(--color-surface);border:1px solid var(--color-border); border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-1); transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease); height:100%; } .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-3);border-color:#bcd4e8} .card__icon{ width:56px;height:56px;border-radius:14px;display:grid;place-items:center; background:var(--color-surface-tint);color:var(--color-accent-700);margin-bottom:1.1rem; } .card__icon .icon{width:28px;height:28px} .card h3{margin-bottom:.4em} .card p{color:var(--color-fg-muted);margin-bottom:0} .card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-family:var(--font-ui);font-weight:600;text-decoration:none;color:var(--color-accent-700)} .card__link .icon{width:18px;height:18px;transition:transform .2s var(--ease)} .card__link:hover .icon{transform:translateX(4px)} /* Service-Karte mit Bild + 3D-Tilt */ .tilt{perspective:1000px} .tilt__inner{transition:transform .3s var(--ease),box-shadow .3s var(--ease);transform-style:preserve-3d;will-change:transform} .service-card{overflow:hidden;padding:0;display:flex;flex-direction:column} .service-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--color-muted)} .service-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)} .service-card:hover .service-card__media img{transform:scale(1.06)} .service-card__body{padding:1.5rem 1.6rem 1.7rem;display:flex;flex-direction:column;flex:1} /* ---------- Slider (CPT slide) ---------- */ .slider{position:relative} .slider__track{ display:flex;overflow-x:auto;scroll-snap-type:x mandatory; gap:clamp(1rem,2.5vw,1.75rem);scroll-behavior:smooth; padding-bottom:1rem;-webkit-overflow-scrolling:touch; scrollbar-width:thin; } .slider__slide{ flex:0 0 min(88%,560px);scroll-snap-align:center; position:relative;border-radius:var(--radius-lg);overflow:hidden; box-shadow:var(--shadow-2);background:var(--color-primary);color:#fff; min-height:380px;display:flex;align-items:flex-end; } .slider__slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .slider__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.35) 55%,rgba(15,23,42,.05) 100%);z-index:1} .slider__caption{position:relative;z-index:2;padding:1.75rem} .slider__caption h3{color:#fff;margin-bottom:.3em} .slider__caption p{color:var(--color-on-dark-muted);margin:0} .slider__controls{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem} .slider__btn{ width:48px;height:48px;border-radius:999px;border:1px solid var(--color-border); background:var(--color-surface);color:var(--color-primary);cursor:pointer; display:grid;place-items:center;transition:background .18s var(--ease),transform .18s var(--ease); } .slider__btn:hover{background:var(--color-muted);transform:translateY(-2px)} .slider__btn .icon{width:24px;height:24px} /* ---------- Split (Text + Bild, 3D) ---------- */ .split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.75rem,4vw,3.5rem);align-items:center} .split--reverse .split__media{order:-1} .split__media{position:relative} .split__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:100%;object-fit:cover;aspect-ratio:4/3} .split__badge{ position:absolute;bottom:-1.25rem;left:-1.25rem; background:var(--color-surface);border:1px solid var(--color-border); border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow-2); display:flex;align-items:center;gap:.75rem;max-width:250px; } .split__badge .icon{width:34px;height:34px;color:var(--color-care);flex:0 0 auto} .split__badge b{display:block;font-family:var(--font-head);font-size:1.1rem;color:var(--color-primary)} .split__badge span{font-family:var(--font-ui);font-size:.85rem;color:var(--color-fg-muted)} .check-list{list-style:none;padding:0;margin:1.5rem 0 0} .check-list li{display:flex;align-items:flex-start;gap:.7rem;margin:.7rem 0} .check-list .icon{width:24px;height:24px;color:var(--color-care);flex:0 0 auto;margin-top:.15em} /* ---------- Öffnungszeiten Tabelle ---------- */ .hours{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1)} .hours__row{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.3rem;border-bottom:1px solid var(--color-border)} .hours__row:last-child{border-bottom:0} .hours__row--head{background:var(--color-primary);color:#fff;font-family:var(--font-ui);font-weight:700} .hours__row dt,.hours__row dd{margin:0} .hours__row dt{font-family:var(--font-ui);font-weight:600;color:var(--color-primary)} .hours__row dd{color:var(--color-fg-muted);text-align:right} .hours__row--closed dd{color:#9aa7b5} /* ---------- Kontakt ---------- */ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start} .contact-list{list-style:none;padding:0;margin:0;display:grid;gap:1rem} .contact-list li{display:flex;align-items:flex-start;gap:.85rem} .contact-list .icon{width:22px;height:22px;flex:0 0 auto;color:var(--color-accent-700);margin-top:.2em} .contact-list b{display:block;font-family:var(--font-ui);color:var(--color-primary)} .contact-list a{color:var(--color-accent-700)} .map-embed{border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-1)} .map-embed iframe{display:block;width:100%;height:340px;border:0} /* ---------- Testimonials ---------- */ .quote-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-1);height:100%} .quote-card blockquote{margin:0;font-size:1.1rem;color:var(--color-primary);font-family:var(--font-head);font-style:italic} .quote-card .stars{display:flex;gap:.15rem;color:#E0A100;margin-bottom:.8rem} .quote-card .stars .icon{width:20px;height:20px} .quote-card cite{display:block;margin-top:1rem;font-family:var(--font-ui);font-style:normal;font-weight:600;color:var(--color-fg-muted);font-size:.92rem} /* ---------- Footer ---------- */ .site-footer{background:var(--color-primary);color:var(--color-on-dark-muted);padding-block:clamp(3rem,6vw,4.5rem) 2rem} .site-footer h3{color:#fff;font-size:1.15rem;margin-bottom:1rem} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem} .site-footer a{color:var(--color-on-dark-muted);text-decoration:none} .site-footer a:hover{color:#fff;text-decoration:underline} .footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:.55rem} .footer-contact{list-style:none;padding:0;margin:0;display:grid;gap:.7rem} .footer-contact li{display:flex;align-items:flex-start;gap:.6rem} .footer-contact .icon{width:20px;height:20px;flex:0 0 auto;color:#8fd3b6;margin-top:.15em} .footer-brand .brand__name{color:#fff} .footer-brand .brand__sub{color:var(--color-on-dark-muted)} .footer-brand p{margin-top:1rem;max-width:34ch} .footer-bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.88rem} .footer-bottom nav{display:flex;flex-wrap:wrap;gap:1.25rem} /* ---------- Content / Seiten (Gutenberg) ---------- */ .page-hero{background:var(--color-surface-tint);border-bottom:1px solid var(--color-border)} .page-hero__inner{padding-block:clamp(2.75rem,6vw,4.5rem)} .breadcrumb{font-family:var(--font-ui);font-size:.9rem;color:var(--color-fg-muted);margin-bottom:.75rem} .breadcrumb a{color:var(--color-accent-700);text-decoration:none} .entry-content{max-width:72ch;margin-inline:auto} .entry-content>*{margin-block:0 1.15em} .entry-content h2{margin-top:1.8em} .entry-content h3{margin-top:1.4em} .entry-content ul li::marker{color:var(--color-care)} .entry-content img{border-radius:var(--radius);box-shadow:var(--shadow-1)} .entry-content .wp-block-columns{gap:2rem} .entry-content .wp-block-group.has-background{padding:1.5rem 1.75rem;border-radius:var(--radius)} .entry-content blockquote{border-left:4px solid var(--color-care);padding-left:1.25rem;margin-left:0;color:var(--color-fg-muted);font-style:italic} .wpcf7,.entry-content form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem);box-shadow:var(--shadow-1)} .entry-content input[type=text],.entry-content input[type=email],.entry-content input[type=tel],.entry-content textarea,.entry-content select,.wpcf7 input,.wpcf7 textarea{ width:100%;min-height:44px;padding:.7rem .9rem;font-family:var(--font-ui);font-size:1rem; border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-foreground);margin-top:.3rem; } .wpcf7 textarea{min-height:130px} .wpcf7 input[type=submit],.entry-content input[type=submit]{width:auto;background:var(--color-accent-700);color:#fff;border:0;border-radius:999px;padding:.85rem 1.8rem;font-weight:600;cursor:pointer;min-height:44px} .wpcf7 input[type=submit]:hover{background:var(--color-accent)} .wpcf7 label{font-family:var(--font-ui);font-weight:600;color:var(--color-primary);display:block;margin-bottom:.75rem} /* ---------- Scroll-Reveal (nur bei aktivem JS ausblenden — sonst immer sichtbar) ---------- */ .has-js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)} .reveal.is-visible{opacity:1;transform:none} .reveal[data-delay="1"]{transition-delay:.09s} .reveal[data-delay="2"]{transition-delay:.18s} .reveal[data-delay="3"]{transition-delay:.27s} /* ---------- Notdienst-Callout ---------- */ .emergency{ display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;justify-content:space-between; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-700)); color:#fff;border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:var(--shadow-3); } .emergency__text{display:flex;align-items:center;gap:1rem;max-width:52ch} .emergency__text .icon{width:44px;height:44px;flex:0 0 auto;color:#8fd3b6} .emergency h3{color:#fff;margin:0 0 .2em} .emergency p{margin:0;color:var(--color-on-dark-muted)} /* ========================================================================= RESPONSIVE — Mobile First mitgebaut ========================================================================= */ @media (max-width:900px){ :root{--header-h:68px} .nav-toggle{display:inline-flex} .header-cta .btn{display:none} .primary-nav{ position:fixed;inset:var(--header-h) 0 0 0;z-index:999; flex-direction:column;justify-content:flex-start;align-items:stretch; background:rgba(248,250,252,.98);backdrop-filter:blur(16px); padding:1.5rem 1.5rem 3rem;gap:.5rem;overflow-y:auto; transform:translateX(100%);transition:transform .3s var(--ease); visibility:hidden; } .primary-nav.is-open{transform:none;visibility:visible} .primary-nav ul{flex-direction:column;align-items:stretch;gap:.25rem;width:100%} .primary-nav a{font-size:1.15rem;padding:.9rem 1rem;border-radius:12px} .primary-nav .menu-item{width:100%} .header-phone .header-phone__txt{display:none} .split{grid-template-columns:1fr} .split--reverse .split__media{order:0} .grid--3,.grid--4{grid-template-columns:repeat(2,1fr)} .contact-grid{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr 1fr} } @media (max-width:600px){ .grid--2,.grid--3,.grid--4{grid-template-columns:1fr} .footer-grid{grid-template-columns:1fr} .hero__actions{flex-direction:column;align-items:stretch} .hero__actions .btn{width:100%} .hero__fact b{font-size:1.4rem} .split__badge{position:static;margin-top:1rem;max-width:none} .emergency{flex-direction:column;align-items:flex-start} .footer-bottom{flex-direction:column} .slider__slide{flex-basis:88%} } /* ---------- Reduced Motion ---------- */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} .reveal{opacity:1;transform:none} .tilt__inner{transform:none!important} } /* ---------- Print ---------- */ @media print{.site-header,.site-footer,.nav-toggle,.slider__controls{display:none}}