/* ═══════════════════════════════════════════════════════════════
   HW-SANITAER-V1 — Design-System »Klarwasser«
   hell + dunkelblau · Typo/Layout nach Referenz-Analyse (Konzept §3)
   docs/sanitaer-design-philosophie.md
   ═══════════════════════════════════════════════════════════════ */
@font-face{font-family:'Barlow';src:url('/cms-assets/fonts/barlow-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/cms-assets/fonts/barlow-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/cms-assets/fonts/barlow-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/cms-assets/fonts/barlow-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

:root{
  --kw-bg:#F6F9FC; --kw-bg-soft:#EAF1F7; --kw-ink:#0B2740; --kw-navy:#0E3557;
  --kw-blue:#1B6FAE; --kw-aqua:#31A8D8; --kw-line:#D7E3ED; --kw-muted:#4A6076;
  /* Vorgabe Bernd 2026-08-01: konsequent eckig — keine Rundungen, nirgends */
  --kw-radius:0; --kw-font:'Barlow','Arial Narrow',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--kw-font);font-size:1rem;line-height:1.7;color:var(--kw-ink);background:var(--kw-bg);-webkit-font-smoothing:antialiased}
.container{max-width:1180px;margin:0 auto;padding:0 24px}
section{padding:96px 0}
a{color:var(--kw-blue)}
img{max-width:100%}

/* Typografie */
.display{font-weight:900;text-transform:uppercase;font-size:clamp(2.8rem,9vw,7rem);line-height:.95;letter-spacing:-.01em}
h1{font-weight:900}
h2{font-weight:900;text-transform:uppercase;font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.02;letter-spacing:-.005em;margin-bottom:1.1rem}
h3{font-weight:700;font-size:1.15rem;line-height:1.3}
.eyebrow{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--kw-blue);margin-bottom:1.2rem}
.eyebrow--num::before{content:attr(data-num) " — ";color:var(--kw-aqua)}
.lead{font-size:1.15rem;max-width:62ch;color:var(--kw-muted)}
.accent{color:var(--kw-aqua)}
mark{background:none;color:var(--kw-aqua)}

/* Buttons */
.btn{display:inline-block;padding:16px 34px;border-radius:0;font-weight:700;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.btn--primary{background:var(--kw-blue);color:#fff;box-shadow:0 0 0 0 rgba(49,168,216,.45);animation:kw-glow 2.6s ease-in-out infinite}
.btn--primary:hover{transform:translateY(-2px)}
.btn--ghost{border:1.5px solid var(--kw-line);color:var(--kw-ink);background:#fff}
.btn--ghost:hover{border-color:var(--kw-blue);transform:translateY(-2px)}
.btn--onNavy{background:var(--kw-aqua);color:var(--kw-navy);animation:none}
@keyframes kw-glow{0%,100%{box-shadow:0 0 0 0 rgba(49,168,216,.40)}50%{box-shadow:0 0 0 12px rgba(49,168,216,0)}}

/* Header (dunkelblau, weisse Schrift — Vorgabe Bernd 2026-08-01) */
.site-header{position:sticky;top:0;z-index:50;background:rgba(14,53,87,.94);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:box-shadow .25s ease,border-color .25s ease}
.site-header--scrolled{border-color:rgba(255,255,255,.14);box-shadow:0 6px 24px rgba(4,16,28,.35)}
.site-header__inner{display:flex;align-items:center;gap:28px;height:76px}
.brand{font-weight:900;font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;color:#fff}
.brand b{color:var(--kw-aqua);font-weight:900}
.brand i{font-style:normal;color:var(--kw-aqua)}
.site-nav{display:flex;gap:26px;margin-left:auto}
.site-nav a{text-decoration:none;color:#B9CFE2;font-weight:500;font-size:.95rem}
.site-nav a span{color:var(--kw-aqua);font-weight:700;font-size:.72rem;vertical-align:super;margin-right:3px}
.site-nav a:hover{color:#fff}
.header-cta{white-space:nowrap;padding:11px 22px;font-size:.85rem}
.header-tel{text-decoration:none;color:#fff;font-weight:700;white-space:nowrap;font-size:.95rem}
@media(max-width:900px){.site-nav,.header-tel{display:none}}

/* Hero (dunkelblau, weisse Schrift, JS-Rotationswort hellblau) */
.hero{padding:110px 0 80px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(165deg,#0B2740,#0E3557 55%,#0C2E4E)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(185,207,226,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(185,207,226,.16) 1px,transparent 1px);background-size:72px 72px;opacity:.5;mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 20%,#000 0%,transparent 75%)}
.hero__inner{position:relative}
.hero .display{color:#fff}
.hero__badge{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#B9CFE2;margin-bottom:2rem}
.hero__badge::before{content:"";width:26px;height:2px;background:var(--kw-aqua)}
.hero__word{display:inline-block;min-width:5.2ch;color:var(--kw-aqua)}
.hero__lead{margin:2rem 0 2.4rem;color:#B9CFE2}
.hero__ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:2.6rem}
.hero .btn--ghost{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.hero .btn--ghost:hover{border-color:var(--kw-aqua)}
.hero__trust{display:flex;gap:10px 26px;flex-wrap:wrap;font-size:.85rem;font-weight:500;color:#B9CFE2}
.hero__trust span::before{content:"✓ ";color:var(--kw-aqua);font-weight:900}

/* Stat-Band */
.stats{padding:0}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--kw-line);border-bottom:1px solid var(--kw-line)}
.stat{padding:34px 20px;text-align:center;border-left:1px solid var(--kw-line)}
.stat:first-child{border-left:0}
.stat__num{font-weight:900;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;color:var(--kw-navy)}
.stat__num i{font-style:normal;color:var(--kw-aqua)}
.stat__label{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kw-muted);margin-top:6px}
@media(max-width:760px){.stats__grid{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-left:0}}

/* Notfall-Leiste */
.notfall{padding:0;margin-top:64px}
.notfall__bar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#fff;border:1.5px solid var(--kw-line);border-left:6px solid var(--kw-aqua);border-radius:var(--kw-radius);padding:22px 28px}
.notfall__title{font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.notfall__text{color:var(--kw-muted);flex:1;min-width:260px;font-size:.98rem}
.notfall__text b{color:var(--kw-ink)}

/* Sektionen & Karten */
.section--soft{background:var(--kw-bg-soft)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:2.6rem}
@media(max-width:960px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--kw-line);border-radius:var(--kw-radius);padding:30px 26px;display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,39,64,.08)}
.card__icon{width:44px;height:44px;color:var(--kw-blue)}
.card__icon svg{width:100%;height:100%}
.card p{color:var(--kw-muted);font-size:.97rem;flex:1}
.card__link{font-weight:700;text-decoration:none;font-size:.95rem}
.card__link:hover{color:var(--kw-aqua)}

/* Ortsteile */
.orte{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:1.8rem}
.orte li{border:1px solid var(--kw-line);background:#fff;border-radius:0;padding:7px 16px;font-size:.88rem;font-weight:500;color:var(--kw-muted)}

/* USPs */
.usps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:2.6rem}
@media(max-width:960px){.usps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.usps{grid-template-columns:1fr}}
.usp__num{font-weight:900;font-size:2.6rem;color:transparent;-webkit-text-stroke:1.5px var(--kw-aqua);line-height:1;margin-bottom:14px}
.usp h3{margin-bottom:8px}
.usp p{color:var(--kw-muted);font-size:.95rem}

/* Prozess (navy) */
.section--navy{background:var(--kw-navy);color:#fff}
.section--navy .eyebrow{color:var(--kw-aqua)}
.section--navy .lead{color:#B9CFE2}
.prozess{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:2.8rem}
@media(max-width:960px){.prozess{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.prozess{grid-template-columns:1fr}}
.schritt{border-top:2px solid rgba(255,255,255,.18);padding-top:20px;position:relative}
.schritt__meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.schritt__num{font-weight:900;font-size:1.9rem;color:var(--kw-aqua)}
.schritt__dauer{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#8FB3CE}
.schritt h3{color:#fff;margin-bottom:8px}
.schritt p{color:#B9CFE2;font-size:.95rem}
.prozess-cta{margin-top:3rem;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.prozess-cta .header-tel{color:#fff;display:inline}

/* Interstitial */
.interstitial{padding:130px 0;text-align:center}
.interstitial p{font-weight:900;text-transform:uppercase;font-size:clamp(1.8rem,5.2vw,4rem);line-height:1.05;letter-spacing:-.005em;max-width:20ch;margin:0 auto}

/* FAQ */
.faq{max-width:820px;margin-top:2.2rem}
.faq__item{border-bottom:1px solid var(--kw-line)}
.faq__item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 4px;font-weight:700;font-size:1.05rem}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";font-weight:400;font-size:1.6rem;color:var(--kw-aqua);line-height:1}
.faq__item[open] summary::after{content:"–"}
.faq__a{padding:0 4px 24px;color:var(--kw-muted);max-width:68ch}

/* ═══ Konfigurator-Widget im Klarwasser-Look ═══
   Das Widget-CSS (hw-configurator.css, Pink #e22278) lädt NACH diesem Stylesheet
   im Body → Overrides brauchen höhere Spezifität (.hw-configurator-wrapper-Präfix)
   + !important. Selektor-Mapping 1:1 aus dem Widget-CSS extrahiert (2026-08-01). */
.konfig{background:var(--kw-bg-soft)}
.konfig .hw-configurator-wrapper{margin-top:2.4rem}
.hw-configurator-wrapper,.hw-configurator-wrapper *,.hw-configurator-wrapper *::before,.hw-configurator-wrapper *::after{border-radius:0!important;font-family:var(--kw-font)!important}
.hw-configurator-wrapper a{color:var(--kw-blue)!important}
/* Fortschritt + Step-Label + Dots */
.hw-configurator-wrapper .hw-cfg-progress{background:var(--kw-line)!important}
.hw-configurator-wrapper .hw-cfg-progress-bar{background:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-step-label{color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-section-title{border-bottom-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-dot.active,.hw-configurator-wrapper .hw-cfg-dot.done{background:var(--kw-blue)!important}
/* Auswahl-Karten (Gewerke/Leistungen) */
.hw-configurator-wrapper .hw-cfg-gewerk-card:hover{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-gewerk-card.selected{border:2px solid var(--kw-blue)!important;background:#EAF3FA!important}
.hw-configurator-wrapper .hw-cfg-gewerk-card.selected .hw-cfg-gewerk-label{color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-gewerk-check{color:var(--kw-aqua)!important}
/* Badges (Dringlichkeit) */
.hw-configurator-wrapper .hw-cfg-badge:hover{border-color:var(--kw-blue)!important;color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-badge.selected{border-color:var(--kw-blue)!important;background:var(--kw-blue)!important;color:#fff!important}
/* Objekt-/Detail-Optionen */
.hw-configurator-wrapper .hw-cfg-obj-card:hover{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-obj-option:hover{color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-obj-option.selected{background:var(--kw-blue)!important;color:#fff!important}
.hw-configurator-wrapper .hw-cfg-detail-opt:hover{border-color:var(--kw-blue)!important;color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-detail-opt.active{border-color:var(--kw-blue)!important;background:var(--kw-blue)!important;color:#fff!important}
/* Eingaben + Upload */
.hw-configurator-wrapper .hw-cfg-input:focus,.hw-configurator-wrapper .hw-cfg-textarea:focus,
.hw-configurator-wrapper .hw-cfg-detail-textfeld:focus,.hw-configurator-wrapper .hw-cfg-sqm-input:focus{border-color:var(--kw-blue)!important;box-shadow:0 0 0 2px rgba(27,111,174,.15)!important}
.hw-configurator-wrapper .hw-cfg-upload-zone:hover,.hw-configurator-wrapper .hw-cfg-upload-zone.drag-over{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-upload-btn:hover{background:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-checkbox-wrap input[type="checkbox"]{accent-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-checkbox-label a{color:var(--kw-blue)!important}
/* Profil-Karten */
.hw-configurator-wrapper .hw-cfg-profil-group-title{color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-profil-card:hover,.hw-configurator-wrapper .hw-cfg-profil-card.selected{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-profil-card-check{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-profil-card-check::after{border-color:var(--kw-blue)!important}
/* Kontakt-/Buchungs-Karten (Telefontermin/Begehung) */
.hw-configurator-wrapper .hw-cfg-booking-card:hover{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-booking-card.selected{border-color:var(--kw-blue)!important;background:#EAF3FA!important}
.hw-configurator-wrapper .hw-booking-recommended.selected{border-color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-booking-badge-recommended{background:var(--kw-aqua)!important;color:var(--kw-navy)!important}
.hw-configurator-wrapper .hw-cfg-booking-card-price{color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-bc-empfohlen{background:var(--kw-aqua)!important;color:var(--kw-navy)!important}
.hw-configurator-wrapper .hw-cfg-bc-price.paid{background:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-bc-v2.selected{border:2px solid var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-bc-check-item::first-letter{color:var(--kw-aqua)!important}
/* Info-Boxen */
.hw-configurator-wrapper .hw-cfg-nlp-box,.hw-configurator-wrapper .hw-cfg-summary,
.hw-configurator-wrapper .hw-cfg-re-adresse-block{border-left-color:var(--kw-aqua)!important}
/* Buttons */
.hw-configurator-wrapper .hw-cfg-btn-next,.hw-configurator-wrapper .hw-cfg-btn-submit{background-color:var(--kw-blue)!important;color:#fff!important;text-transform:uppercase;letter-spacing:.04em;font-weight:700!important}
.hw-configurator-wrapper .hw-cfg-btn-next:hover,.hw-configurator-wrapper .hw-cfg-btn-submit:hover{color:var(--kw-blue)!important;border:1px solid var(--kw-blue)!important}
/* Sonderfelder + Erfolg */
.hw-configurator-wrapper .hw-cfg-abw-label:hover{border-color:var(--kw-blue)!important;color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-abw-checkbox:checked + .hw-cfg-abw-label{border-color:var(--kw-blue)!important;color:var(--kw-blue)!important}
.hw-configurator-wrapper .hw-cfg-success-check{border-color:var(--kw-aqua)!important}
.hw-configurator-wrapper .hw-cfg-success-check::after{border-color:var(--kw-aqua)!important}
.hw-configurator-wrapper .hw-cfg-s5-hero-check{border-color:var(--kw-aqua)!important}
.hw-configurator-wrapper .hw-cfg-s5-hero-check svg{stroke:var(--kw-aqua)!important}

/* Marquee */
.marquee{border-top:1px solid var(--kw-line);border-bottom:1px solid var(--kw-line);overflow:hidden;white-space:nowrap;padding:18px 0;background:#fff}
.marquee__track{display:inline-block;animation:kw-marquee 28s linear infinite}
.marquee span{font-weight:900;text-transform:uppercase;font-size:1.1rem;letter-spacing:.14em;color:var(--kw-navy);margin:0 14px}
.marquee i{font-style:normal;color:var(--kw-aqua)}
@keyframes kw-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Footer */
.site-footer{background:var(--kw-navy);color:#B9CFE2;padding:72px 0 34px}
.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:44px}
@media(max-width:860px){.site-footer__grid{grid-template-columns:1fr}}
.site-footer .brand{color:#fff;display:inline-block;margin-bottom:14px}
.site-footer .brand b{color:var(--kw-aqua)}
.site-footer h3{color:#fff;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:9px}
.site-footer a{color:#B9CFE2;text-decoration:none;font-size:.95rem}
.site-footer a:hover{color:#fff}
.site-footer__legal{margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem}
.site-footer__note{margin-top:26px;font-size:.8rem;color:#7F9FBC;max-width:900px;line-height:1.6}
.site-footer__note a{color:#7F9FBC;text-decoration:underline}

/* Legal-Seiten (Impressum/Datenschutz) */
.legal-content{padding:80px 0;max-width:820px;margin:0 auto}
.legal-content h1{font-size:clamp(2rem,5vw,3.4rem);text-transform:uppercase;margin-bottom:1.6rem}
.legal-content h2{font-size:1.4rem;text-transform:none;letter-spacing:0;margin:2.2rem 0 .6rem}
.legal-content h3{margin:1.6rem 0 .4rem}
.legal-content p,.legal-content li{color:var(--kw-muted)}
.legal-content ul,.legal-content ol{padding-left:1.2rem;margin:.6rem 0}

/* Karriere / Stellen */
.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:2.4rem}
@media(max-width:960px){.jobs{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.jobs{grid-template-columns:1fr}}
.job__meta{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 6px}
.job__meta span{border:1px solid var(--kw-line);background:var(--kw-bg);padding:4px 12px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kw-muted)}
.bewerbung-steps{margin:2.2rem 0 1.4rem;padding:18px 24px;background:var(--kw-bg-soft);border-left:6px solid var(--kw-aqua)}
.bewerbung-steps b{color:var(--kw-aqua)}
.karriere__alt{margin-top:1.6rem;color:var(--kw-muted)}
.karriere__alt a{font-weight:700}

/* Telefontermin-/Bewerbungs-Widget (hw-booking) im Klarwasser-Look:
   Original-CSS (telefontermin.css) nutzt Pink #e22278 + Radien → scoped Overrides */
.hw-booking{margin-top:2rem}
.hw-booking,.hw-booking *,.hw-booking *::before,.hw-booking *::after{border-radius:0!important;font-family:var(--kw-font)!important}
.hw-booking .hw-tt-head{border-color:var(--kw-line)!important}
.hw-booking .hw-tt-eyebrow{color:var(--kw-blue)!important}
.hw-booking .hw-tt-nav button:hover:not(:disabled){color:var(--kw-blue)!important;border-color:var(--kw-blue)!important}
.hw-booking .hw-tt-day.available{color:var(--kw-blue)!important}
.hw-booking .hw-tt-day.available:hover{background:var(--kw-bg-soft)!important;border-color:var(--kw-blue)!important}
.hw-booking .hw-tt-day.selected,.hw-booking .hw-tt-day.selected:hover{background:var(--kw-blue)!important;border-color:var(--kw-blue)!important;color:#fff!important}
.hw-booking .hw-tt-time:hover{border-color:var(--kw-blue)!important;color:var(--kw-blue)!important}
.hw-booking .hw-tt-time.selected{background:var(--kw-blue)!important;border-color:var(--kw-blue)!important;color:#fff!important}
.hw-booking .hw-tt-back{color:var(--kw-blue)!important}
.hw-booking .hw-tt-chosen{color:var(--kw-ink)!important}
.hw-booking .hw-tt-chosen svg{stroke:var(--kw-aqua)!important;color:var(--kw-aqua)!important}
.hw-booking .hw-tt-input:focus,.hw-booking .hw-tt-textarea:focus{border-color:var(--kw-blue)!important;box-shadow:0 0 0 2px rgba(27,111,174,.18)!important}
.hw-booking .hw-tt-consent input{accent-color:var(--kw-blue)}
.hw-booking .hw-tt-btn{background:var(--kw-blue)!important;color:#fff!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em}
.hw-booking .hw-tt-btn:hover{filter:brightness(1.08)}
.hw-booking .hw-tt-success-check{background:var(--kw-aqua)!important}

/* Reveal-Animationen */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}
.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  html{scroll-behavior:auto}
}