/* ===================================================== Dark Theme – PhysioNova GmbH Nur aktiv wenn gesetzt ist. Hauptdatei style.css bleibt unberührt. ===================================================== */ body.dark-theme { /* Caparol Moos 40 bleibt als Akzentfarbe – wirkt auf dunklem Hintergrund besonders schön */ --c-primary: lch(68 9 120); /* Moos 40 – unverändert */ --c-primary-dark: lch(74 10 120); /* heller für Text auf dunkel */ --c-primary-med: lch(62 9 120); --c-primary-lt: lch(32 8 120); /* Borders */ --c-primary-xl: lch(22 6 120); /* Card-Hintergründe */ --c-text: lch(92 3 120); /* Off-White mit grünem Ton */ --c-text-muted: lch(68 5 120); --c-white: lch(19 5 120); /* "Weiß" = dunkle Fläche */ --c-bg: lch(14 4 120); /* Haupt-Hintergrund */ --c-border: lch(28 6 120); --sh-sm: 0 1px 4px rgba(0,0,0,.4); --sh-md: 0 4px 16px rgba(0,0,0,.5); --sh-lg: 0 12px 36px rgba(0,0,0,.6); background: lch(14 4 120); color: lch(92 3 120); } /* Navbar */ body.dark-theme .navbar { background: lch(14 4 120 / 0.97); border-bottom-color: lch(28 6 120); } body.dark-theme .navbar.scrolled { box-shadow: 0 1px 12px rgba(0,0,0,.5); } body.dark-theme .logo-name { color: lch(92 3 120); } body.dark-theme .nav-link { color: lch(68 5 120); } body.dark-theme .nav-link:hover, body.dark-theme .nav-link.active { color: lch(74 10 120); background: lch(22 6 120); } /* Sections */ body.dark-theme .features { background: lch(17 5 120); } body.dark-theme .leistungen-section { background: lch(14 4 120); } body.dark-theme .team-section { background: lch(17 5 120); } body.dark-theme .kontakt-section { background: lch(14 4 120); } /* Cards */ body.dark-theme .feat-card, body.dark-theme .service-card, body.dark-theme .team-card { background: lch(19 5 120); border-color: lch(28 6 120); } body.dark-theme .feat-card:hover, body.dark-theme .service-card:hover, body.dark-theme .team-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.5); } /* Feature icons & service icons */ body.dark-theme .feat-icon, body.dark-theme .service-icon { background: lch(25 7 120); } /* Hero */ body.dark-theme .hero { background: lch(14 4 120); } body.dark-theme .hero::before { background: radial-gradient(ellipse 65% 80% at 88% 50%, lch(68 9 120 / 0.12) 0%, transparent 65%), radial-gradient(ellipse 45% 55% at 5% 90%, lch(68 9 120 / 0.08) 0%, transparent 60%); } body.dark-theme .hero-img-card { background: lch(19 5 120); border-color: lch(28 6 120); } body.dark-theme .hero-coming-soon { background: linear-gradient(150deg, lch(22 6 120) 0%, lch(26 7 120 / 0.5) 100%); } body.dark-theme .cs-icon-wrap { background: lch(28 7 120); } body.dark-theme .stat-card { background: lch(19 5 120); border-color: lch(28 6 120); } body.dark-theme .stat-n { color: lch(74 10 120); } /* Page Hero (Unterseiten) */ body.dark-theme .page-hero { background: linear-gradient(135deg, lch(17 5 120) 0%, lch(22 6 120) 100%); border-bottom-color: lch(28 6 120); } /* Booking banner bleibt grün, aber etwas angepasst */ body.dark-theme .booking-banner { background: linear-gradient(135deg, lch(32 10 120) 0%, lch(28 9 120) 100%); } /* Öffnungszeiten / Kontakt */ body.dark-theme .hours-table { background: lch(19 5 120); } body.dark-theme .h-row { border-color: lch(28 6 120); } body.dark-theme .h-row:not(.h-closed):hover { background: lch(22 6 120); } body.dark-theme .bopt { background: lch(19 5 120); border-color: lch(28 6 120); } body.dark-theme .bopt:hover { border-color: var(--c-primary); } body.dark-theme .bopt-icon, body.dark-theme .ci-icon { background: lch(25 7 120); } body.dark-theme .map-wrap { border-color: lch(28 6 120); } /* Footer wird noch dunkler */ body.dark-theme .footer { background: lch(10 3 120); } body.dark-theme .footer-grid { border-bottom-color: rgba(255,255,255,.07); } /* Buttons */ body.dark-theme .btn-outline { border-color: lch(68 9 120); color: lch(74 10 120); } body.dark-theme .btn-outline:hover { background: lch(22 6 120); }