

:root{
  --bg:#F2F7F4;
  --surface:#FFFFFF;
  --text:#16211C;
  --muted:#586660;
  --accent:#1F8A5B;
  --accent2:#274A3F;

  --site-bg:#F2F7F4;
  --site-surface:#FFFFFF;
  --site-text:#16211C;
  --site-muted:#586660;
  --site-accent:#1F8A5B;

  --wh-inset:#E8EFEB;
  --wh-line:rgba(39,74,63,.18);
  --wh-line-fein:rgba(39,74,63,.11);
  --wh-line-satt:rgba(39,74,63,.34);
  --wh-schatten:0 1px 2px rgba(22,33,28,.05);

  --wh-rail:88px;
  --wh-container:1100px;
  --wh-pad:56px;
  --wh-radius:6px}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  padding-left:var(--wh-rail);
  background:var(--bg);
  color:var(--text);
  font-family:"Public Sans",system-ui,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased}

img{max-width:100%;display:block}

h1,h2,h3,h4{
  font-family:"Zilla Slab",Georgia,serif;
  font-weight:700;
  line-height:1.12;
  color:var(--text);
  margin:0 0 .5em}
h1{font-size:clamp(2rem,4.4vw,3rem)}
h2{font-size:clamp(1.55rem,3vw,2.15rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}

p{margin:0 0 1em;max-width:72ch}

a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}

.wh-halt{
  width:100%;
  max-width:var(--wh-container);
  margin-inline:auto;
  padding-inline:clamp(20px,5vw,40px)}

.wh-band{
  padding-block:clamp(40px,6vw,var(--wh-pad));
  background:var(--bg)}
.wh-band--inset{background:var(--wh-inset)}

.wh-kicker{
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:.8rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--accent2);
  margin:0 0 .8rem}

.wh-ziffer{
  font-family:"Zilla Slab",serif;
  font-weight:700;
  font-size:2.4rem;
  line-height:1;
  color:var(--accent);
  opacity:.85}

.btn-acq{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:.98rem;
  line-height:1;
  padding:.75em 1.35em;
  border-radius:var(--wh-radius);
  border:1px solid transparent;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
  text-decoration:none}
.btn-acq:hover{text-decoration:none}
.btn-acq--primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-acq--primary:hover{background:var(--accent2);border-color:var(--accent2)}
.btn-acq--ghost{background:transparent;color:var(--accent2);border-color:var(--wh-line-satt)}
.btn-acq--ghost:hover{background:var(--surface);border-color:var(--accent2)}
.btn-acq:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
.btn-acq:disabled{opacity:.5;cursor:not-allowed}

.wh-feld{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.wh-feld > label,.wh-etikett{
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:.82rem;
  letter-spacing:.04em;
  color:var(--muted)}
.input-9te{
  width:100%;
  min-width:0;
  font-family:inherit;
  font-size:1rem;
  color:var(--text);
  background:var(--surface);
  border:1px solid var(--wh-line-satt);
  border-radius:var(--wh-radius);
  padding:.65em .75em;
  min-height:44px}
textarea.input-9te{min-height:130px;resize:vertical}
.input-9te::placeholder{color:var(--muted);opacity:.7}
.input-9te:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,138,91,.16)}

.tile-yuj{
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  padding:1.4rem;
  box-shadow:var(--wh-schatten)}
.chip-o9k{
  display:flex;width:fit-content;
  align-items:center;
  gap:.4em;
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--accent2);
  background:var(--wh-inset);
  border:1px solid var(--wh-line);
  border-radius:100px;
  padding:.3em .7em}

.wh-schiene{
  position:fixed;
  top:0;left:0;
  width:var(--wh-rail);
  height:100vh;
  background:var(--surface);
  border-right:1px solid var(--wh-line);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:18px 0;
  z-index:50}
.wh-schiene.is-scrolled{box-shadow:2px 0 8px rgba(22,33,28,.06)}

.wh-schiene_marke{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  color:var(--accent2);
  text-decoration:none}
.wh-schiene_logo{width:26px;height:26px}
.wh-schiene_wortmarke{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:"Zilla Slab",serif;
  font-weight:700;
  font-size:1.05rem;
  letter-spacing:.18em;
  color:var(--accent2)}

.wh-schiene_navi{
  margin-top:auto;
  margin-bottom:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px}
.wh-navi-hauptlink{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:.82rem;
  letter-spacing:.1em;
  color:var(--muted);
  text-decoration:none}
.wh-navi-hauptlink:hover,.wh-navi-hauptlink.is-active{color:var(--accent);text-decoration:none}

.wh-schiene_sozial{
  margin-top:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding-top:14px;
  border-top:1px solid var(--wh-line-fein)}
.wh-schiene_sozial a{color:var(--muted);font-size:1rem}
.wh-schiene_sozial a:hover{color:var(--accent)}

.wh-schiene_umschalt{display:none}

.wh-schublade{
  position:fixed;
  top:0;right:0;
  height:100vh;
  width:min(78vw,320px);
  background:var(--surface);
  border-left:1px solid var(--wh-line);
  transform:translateX(100%);
  transition:transform .28s ease;
  z-index:80;
  padding:70px 26px 26px;
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow-y:auto}
.wh-schublade.is-open{transform:translateX(0)}
.wh-schublade a{
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:1.1rem;
  color:var(--text);
  padding:.6em 0;
  border-bottom:1px solid var(--wh-line-fein)}
.wh-schublade a:hover{color:var(--accent);text-decoration:none}
.wh-schublade_zu{
  position:absolute;top:16px;right:18px;
  background:none;border:none;font-size:1.4rem;color:var(--muted);cursor:pointer}
.wh-overlay{
  position:fixed;inset:0;
  background:rgba(22,33,28,.4);
  opacity:0;visibility:hidden;
  transition:opacity .25s ease;
  z-index:70}
.wh-overlay.is-open{opacity:1;visibility:visible}

.wh-fuss{
  background:var(--surface);
  border-top:1px solid var(--wh-line-satt)}
.wh-fuss_zeile{
  display:flex;
  flex-wrap:wrap;
  gap:8px 32px;
  padding:18px clamp(20px,5vw,40px);
  border-bottom:1px solid var(--wh-line);
  max-width:var(--wh-container);
  margin-inline:auto}
.wh-fuss_etikett{
  flex:0 0 200px;
  min-width:0;
  font-family:"Zilla Slab",serif;
  font-weight:700;
  font-size:.82rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent2);
  align-self:center}
.wh-fuss_wert{
  flex:1 1 300px;
  min-width:0;
  color:var(--muted);
  align-self:center}
.wh-fuss_wert a{color:var(--muted)}
.wh-fuss_wert a:hover{color:var(--accent)}
.wh-fuss_navi{display:flex;flex-wrap:wrap;gap:6px 22px}
.wh-fuss--schluss .wh-fuss_wert{font-size:.85rem}

.wh-kopf{background:var(--bg)}
.wh-kopf_raster{
  display:grid;
  grid-template-columns:1fr;
  gap:32px;
  align-items:start}
.wh-kopf_titel{}
.wh-kopf_lead{color:var(--muted);font-size:1.1rem;max-width:60ch}
.wh-kopf_aktion{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.4rem}

.wh-buchung{
  background:var(--surface);
  border:1px solid var(--wh-line-satt);
  border-radius:var(--wh-radius);
  box-shadow:var(--wh-schatten);
  overflow:hidden}
.wh-buchung_kopf{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:10px;
  padding:14px 18px;
  border-bottom:1px solid var(--wh-line);
  background:var(--wh-inset)}
.wh-buchung_kopf h3{margin:0}
.wh-buchung_zettel{padding:18px}
.wh-buchung_reihe{
  display:flex;
  flex-wrap:wrap;
  gap:14px}
.wh-buchung_reihe .wh-feld{flex:1 1 130px}
.wh-buchung_fuss{margin-top:16px}
.wh-buchung_fuss .btn-acq{width:100%;justify-content:center}
.wh-buchung_hinweis{
  font-size:.8rem;color:var(--muted);
  margin:12px 0 0;text-align:center}

.wh-phasen{display:flex;flex-direction:column}
.wh-phase{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  padding:26px 0;
  border-top:1px solid var(--wh-line)}
.wh-phase:last-child{border-bottom:1px solid var(--wh-line)}
.wh-phase_text{min-width:0}
.wh-phase_text p{margin-bottom:0;color:var(--muted)}

.wh-vergleich{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px}
.wh-vergleich_spalte{
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  padding:1.6rem}
.wh-vergleich_spalte--wir{border-color:var(--accent);border-width:1px;box-shadow:inset 0 0 0 1px var(--accent)}
.wh-vergleich_spalte h3{display:flex;align-items:center;gap:.5em}
.wh-vergleich_liste{list-style:none;margin:0;padding:0}
.wh-vergleich_liste li{
  display:flex;gap:.6em;flex-wrap:wrap;
  padding:.6em 0;border-top:1px solid var(--wh-line-fein);
  color:var(--muted)}
.wh-vergleich_liste li i{color:var(--accent);margin-top:.2em}
.wh-vergleich_spalte--sie .wh-vergleich_liste li i{color:var(--muted)}

.wh-bewertung{
  width:100%;
  border-collapse:collapse;
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  overflow:hidden;
  font-size:.95rem}
.wh-bewertung th,.wh-bewertung td{
  text-align:left;
  padding:.8em 1em;
  border-bottom:1px solid var(--wh-line)}
.wh-bewertung thead th{
  font-family:"Zilla Slab",serif;
  font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent2);background:var(--wh-inset)}
.wh-bewertung td:last-child,.wh-bewertung th:last-child{text-align:right}
.wh-bewertung tbody tr:last-child td{border-bottom:none}
.wh-bewertung_wert{font-family:"Zilla Slab",serif;font-weight:700;color:var(--text)}
.wh-tabelle-huelle{overflow-x:auto}

.wh-zahlen{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:1px;
  background:var(--wh-line);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  overflow:hidden}
.wh-zahl{
  background:var(--surface);
  padding:1.6rem 1.2rem;
  text-align:center}
.wh-zahl_wert{
  font-family:"Zilla Slab",serif;font-weight:700;
  font-size:clamp(2rem,4vw,2.8rem);line-height:1;color:var(--accent)}
.wh-zahl_text{color:var(--muted);font-size:.9rem;margin-top:.5rem}

.wh-zahlen--vier{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

.wh-zahlen-satz{
  font-family:"Zilla Slab",serif;
  font-size:clamp(1.4rem,3vw,2rem);
  line-height:1.5}
.wh-zahlen-satz b{color:var(--accent);font-weight:700}

.wh-anlaesse{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:16px}
.wh-anlass{
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  padding:1.4rem;
  text-align:center}
.wh-anlass_icon{
  font-size:1.7rem;color:var(--accent);margin-bottom:.7rem}
.wh-anlass h3{font-size:1.1rem;margin-bottom:.3rem}
.wh-anlass p{color:var(--muted);font-size:.9rem;margin:0}

.wh-sektoren{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:22px}
.wh-sektor{
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  overflow:hidden;
  display:flex;flex-direction:column}
.wh-sektor_bild{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--wh-line)}
.wh-sektor_bild img{width:100%;height:100%;object-fit:cover}
.wh-sektor_inhalt{padding:1.4rem}
.wh-sektor_inhalt p{color:var(--muted);margin-bottom:0}

.wh-faq{
  border-top:1px solid var(--wh-line)}
.wh-faq_frage{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  background:none;
  border:none;
  border-bottom:1px solid var(--wh-line);
  padding:1.05em 0;
  font-family:"Zilla Slab",serif;
  font-weight:500;
  font-size:1.08rem;
  color:var(--text);
  text-align:left;
  cursor:pointer}
.wh-faq_frage span{min-width:0;flex:1 1 auto}
.wh-faq_frage i{color:var(--accent);transition:transform .25s ease}
[data-fold].is-open .wh-faq_frage i{transform:rotate(45deg)}
.wh-faq_antwort{max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid var(--wh-line)}
[data-fold].is-open .wh-faq_antwort{max-height:600px}
.wh-faq_antwort p{color:var(--muted);padding:.4em 0 1.2em;margin:0}

.wh-faq--zwei{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:0 40px;
  border-top:none}

.wh-schritte{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1px;
  background:var(--wh-line);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  overflow:hidden}
.wh-schritt{background:var(--surface);padding:1.6rem 1.3rem}
.wh-schritt h3{font-size:1.1rem;margin:.6rem 0 .3rem}
.wh-schritt p{color:var(--muted);font-size:.92rem;margin:0}

.wh-zeitachse{list-style:none;margin:0;padding:0}
.wh-zeitachse_punkt{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:20px;
  padding-bottom:26px;
  position:relative}
.wh-zeitachse_marke{
  display:flex;flex-direction:column;align-items:center;gap:8px}
.wh-zeitachse_marke .wh-ziffer{font-size:1.6rem}
.wh-zeitachse_linie{
  flex:1;width:1px;background:var(--wh-line);min-height:20px}
.wh-zeitachse_punkt:last-child .wh-zeitachse_linie{display:none}
.wh-zeitachse_text{min-width:0;padding-bottom:6px}
.wh-zeitachse_text p{color:var(--muted);margin:0}

.wh-standards{list-style:none;margin:0;padding:0;border-top:1px solid var(--wh-line)}
.wh-standard{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px 20px;
  padding:1em 0;
  border-bottom:1px solid var(--wh-line)}
.wh-standard_name{font-family:"Zilla Slab",serif;font-weight:500;font-size:1.05rem;min-width:0}
.wh-standard_jahr{
  font-family:"Zilla Slab",serif;font-weight:700;color:var(--accent)}
.wh-standard_text{flex:1 1 100%;color:var(--muted);font-size:.9rem;margin:0}

.wh-fall{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1px;
  background:var(--wh-line);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  overflow:hidden}
.wh-fall_akt{background:var(--surface);padding:1.7rem 1.4rem}
.wh-fall_akt .wh-kicker{margin-bottom:.6rem}
.wh-fall_akt p{color:var(--muted);margin:0}

.wh-preise{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px}
.wh-preis{
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  padding:1.7rem;
  display:flex;flex-direction:column;gap:1rem}
.wh-preis--hervor{
  border-color:var(--accent);
  box-shadow:inset 0 0 0 1px var(--accent)}
.wh-preis_kopf{border-bottom:1px solid var(--wh-line);padding-bottom:1rem}
.wh-preis_betrag{
  font-family:"Zilla Slab",serif;font-weight:700;
  font-size:2.2rem;line-height:1;color:var(--text)}
.wh-preis_betrag small{font-size:.9rem;font-weight:500;color:var(--muted)}
.wh-preis_liste{list-style:none;margin:0;padding:0;flex:1}
.wh-preis_liste li{
  display:flex;gap:.6em;flex-wrap:wrap;
  padding:.5em 0;border-top:1px solid var(--wh-line-fein);color:var(--muted)}
.wh-preis_liste li i{color:var(--accent);margin-top:.25em}

.wh-einzelpreis{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:0;
  background:var(--surface);
  border:1px solid var(--wh-line);
  border-radius:var(--wh-radius);
  overflow:hidden}
.wh-einzelpreis_marke{
  padding:2rem;border-right:1px solid var(--wh-line);
  display:flex;flex-direction:column;justify-content:center;gap:.5rem;
  background:var(--wh-inset)}
.wh-einzelpreis_marke .wh-preis_betrag{font-size:2.8rem}
.wh-einzelpreis_liste{list-style:none;margin:0;padding:1.6rem}
.wh-einzelpreis_liste li{
  display:flex;gap:.6em;flex-wrap:wrap;
  padding:.6em 0;border-bottom:1px solid var(--wh-line-fein);color:var(--muted)}
.wh-einzelpreis_liste li:last-child{border-bottom:none}
.wh-einzelpreis_liste li i{color:var(--accent);margin-top:.25em}

.wh-cta{
  background:var(--accent2);
  border-radius:var(--wh-radius);
  padding:clamp(28px,5vw,48px);
  color:#fff}
.wh-cta h2,.wh-cta h3{color:#fff}
.wh-cta p{color:rgba(255,255,255,.82);margin-bottom:1.4rem}
.wh-cta .btn-acq--primary{background:var(--accent);border-color:var(--accent)}
.wh-cta .btn-acq--primary:hover{background:#fff;color:var(--accent2);border-color:#fff}
.wh-cta .btn-acq--ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.wh-cta .btn-acq--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.wh-cta_aktion{display:flex;flex-wrap:wrap;gap:12px}

.wh-cta--geteilt{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:28px;align-items:center}
.wh-cta_kontakt{list-style:none;margin:0;padding:0}
.wh-cta_kontakt li{display:flex;flex-wrap:wrap;gap:.5em;padding:.35em 0;color:rgba(255,255,255,.85)}
.wh-cta_kontakt a{color:#fff}
.wh-cta_kontakt i{color:var(--accent)}

.wh-cta--karte{
  background:var(--surface);
  color:var(--text);
  border:1px solid var(--wh-line-satt);
  text-align:center;
  max-width:640px;margin-inline:auto}
.wh-cta--karte h2,.wh-cta--karte h3{color:var(--text)}
.wh-cta--karte p{color:var(--muted)}
.wh-cta--karte .wh-cta_aktion{justify-content:center}
.wh-cta--karte .btn-acq--primary:hover{background:var(--accent2);color:#fff;border-color:var(--accent2)}

.wh-seiten-kopf{padding-block:clamp(40px,6vw,var(--wh-pad))}

.wh-seiten-kopf--bild .wh-seiten-kopf_raster{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:32px;align-items:center}
.wh-seiten-kopf_bild{
  aspect-ratio:4/3;border-radius:var(--wh-radius);overflow:hidden;
  border:1px solid var(--wh-line)}
.wh-seiten-kopf_bild img{width:100%;height:100%;object-fit:cover}

.wh-seiten-kopf--zentriert{text-align:center}
.wh-seiten-kopf--zentriert .wh-kopf_lead{margin-inline:auto}

.wh-seiten-kopf--band{background:var(--wh-inset);border-bottom:1px solid var(--wh-line)}

.wh-seiten-kopf--typo{padding-block:clamp(52px,8vw,80px)}
.wh-seiten-kopf--typo .wh-kopf_titel{}

.wh-prosa{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:start}
.wh-prosa_text{min-width:0}
.wh-prosa_text p{color:var(--muted)}
.wh-checkliste{list-style:none;margin:0;padding:0}
.wh-checkliste li{
  display:flex;gap:.7em;flex-wrap:wrap;
  padding:.7em 0;border-top:1px solid var(--wh-line);color:var(--text)}
.wh-checkliste li i{color:var(--accent);margin-top:.2em}

.wh-zitat{
  border-left:3px solid var(--accent);
  padding:.4rem 0 .4rem 1.4rem;
  margin:0}
.wh-zitat blockquote{
  font-family:"Zilla Slab",serif;font-weight:500;
  font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.4;margin:0;
  color:var(--accent2);max-width:46ch}
.wh-zitat cite{display:block;margin-top:.8rem;font-style:normal;color:var(--muted);font-size:.9rem}

.wh-kontakt{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:32px;align-items:start}
.wh-formular{display:flex;flex-direction:column;gap:16px}
.wh-formular_reihe{display:flex;flex-wrap:wrap;gap:16px}
.wh-formular_reihe .wh-feld{flex:1 1 200px}
.wh-kontakt_angaben{list-style:none;margin:0;padding:0;border-top:1px solid var(--wh-line)}
.wh-kontakt_angaben li{
  display:grid;grid-template-columns:auto 1fr;gap:16px;
  padding:1em 0;border-bottom:1px solid var(--wh-line)}
.wh-kontakt_angaben .wh-etikett{align-self:start}
.wh-kontakt_angaben a{color:var(--text)}
.wh-kontakt_angaben a:hover{color:var(--accent)}

.carousel-y92{padding-bottom:44px}
.carousel-y92 .swiper-slide{height:auto}
.swiper-pagination-bullet{background:var(--muted);opacity:.4}
.swiper-pagination-bullet-active{background:var(--accent);opacity:1}
.swiper-button-prev,.swiper-button-next{color:var(--accent2)}
.swiper-button-prev::after,.swiper-button-next::after{font-size:1.4rem}

.site-modal,.overlay-box-gum{
  position:fixed;inset:0;
  display:none;
  align-items:center;justify-content:center;
  padding:20px;
  background:rgba(22,33,28,.5);
  z-index:120}
.site-modal.is-open,.overlay-box-gum.is-open{display:flex}
.site-modal_dialog,.wh-dialog{
  background:var(--surface);
  border:1px solid var(--wh-line-satt);
  border-radius:var(--wh-radius);
  padding:clamp(24px,4vw,36px);
  max-width:460px;width:100%;
  box-shadow:0 12px 40px rgba(22,33,28,.2)}
.wh-dialog h3{margin-top:0}
.wh-dialog_zu{margin-top:1.2rem}

#dock-ahc{
  position:fixed;bottom:20px;right:20px;z-index:60}
#top-btn-x7y{
  width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent2);color:#fff;
  border:none;border-radius:var(--wh-radius);
  cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .25s ease,transform .25s ease,background .15s ease}
#top-btn-x7y.is-visible{opacity:1;visibility:visible;transform:none}
#top-btn-x7y:hover{background:var(--accent)}

.wh-recht{padding-block:clamp(40px,6vw,var(--wh-pad))}
.wh-recht h2{margin-top:2rem}
.wh-recht p,.wh-recht li{color:var(--muted)}
.wh-recht a{word-break:break-word}

[data-aos]{will-change:opacity,transform}

@media (max-width:900px){
  body{padding-left:0;padding-top:60px}
  .wh-schiene{
    flex-direction:row;
    width:100%;height:60px;
    border-right:none;border-bottom:1px solid var(--wh-line);
    padding:0 16px;
    justify-content:space-between;
    align-items:center}
  .wh-schiene_marke{flex-direction:row;gap:10px}
  .wh-schiene_wortmarke{writing-mode:horizontal-tb;transform:none;font-size:1.15rem;letter-spacing:.06em}
  .wh-schiene_navi{display:none}
  .wh-schiene_sozial{
    flex-direction:row;margin:0;padding:0;border:none}
  .wh-schiene_umschalt{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:42px;height:42px;background:none;border:none;cursor:pointer;padding:8px}
  .wh-schiene_umschalt span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px}
}
@media (min-width:901px){
  .wh-schublade,.wh-overlay,.wh-schiene_umschalt{display:none!important}
}

@media (min-width:760px){
  .wh-kopf_raster{grid-template-columns:1.2fr .9fr;gap:44px}
  .wh-buchung{position:sticky;top:20px}
}
@media (max-width:900px){
  .wh-buchung{position:static}
}

.privacy-note-u1p-overlay{position:fixed;inset:0;opacity:0;visibility:hidden;transition:.25s;z-index:9998}
.privacy-note-u1p-overlay.is-open{opacity:1;visibility:visible}
.privacy-note-u1p-panel{position:fixed;background:var(--site-surface,#fff);color:var(--site-text,#1a1a1a);
  box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px;opacity:0;visibility:hidden;transition:.25s;z-index:9999}
.privacy-note-u1p-panel.is-open{opacity:1;visibility:visible}
.privacy-note-u1p-panel h3{margin:0 0 8px;font-size:1.2rem}
.privacy-note-u1p-panel>p{margin:0 0 16px;color:var(--site-muted,#666);font-size:.95rem}
.privacy-note-u1p-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(128,128,128,.2)}
.privacy-note-u1p-cat h4{margin:0 0 2px;font-size:.98rem}
.privacy-note-u1p-cat p{margin:0;color:var(--site-muted,#777);font-size:.85rem}
.privacy-note-u1p-switch{position:relative;flex:0 0 auto;width:44px;height:24px}
.privacy-note-u1p-switch input{opacity:0;width:0;height:0;position:absolute}
.privacy-note-u1p-switch span{position:absolute;inset:0;background:#c9c9c9;border-radius:999px;transition:.2s;cursor:pointer}
.privacy-note-u1p-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.privacy-note-u1p-switch input:checked+span{background:var(--site-accent,#2b7)}
.privacy-note-u1p-switch input:checked+span::before{transform:translateX(20px)}
.privacy-note-u1p-switch input:disabled+span{opacity:.6;cursor:not-allowed}
.privacy-note-u1p-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.privacy-note-u1p-actions button{flex:1;min-width:140px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.privacy-note-u1p-actions #privacy-note-u1p-all{background:var(--site-accent,#2b7);color:#fff}
.privacy-note-u1p-actions #privacy-note-u1p-save{background:transparent;color:var(--site-text,#222);border:1px solid rgba(128,128,128,.4)}
.privacy-note-u1p-links{display:flex;gap:16px;margin-top:14px;font-size:.85rem}
.privacy-note-u1p-links a{color:var(--site-accent,#2b7);text-decoration:underline}
.privacy-note-u1p-trigger{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--site-surface,#fff);color:var(--site-accent,#2b7);box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:9997;font-size:1.1rem}

.privacy-note-u1p-overlay{background:rgba(0,0,0,.5)}
.privacy-note-u1p-panel{left:50%;bottom:24px;transform:translate(-50%,20px);width:min(560px,calc(100% - 32px));border-radius:16px}
.privacy-note-u1p-panel.is-open{transform:translate(-50%,0)}
@media(max-width:520px){.privacy-note-u1p-actions button{min-width:100%}}
#dock-ahc{left:auto !important;right:18px !important}
@media(max-width:520px){#dock-ahc{right:12px !important}}

.reply-box-awn{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(8,10,14,.55);backdrop-filter:blur(2px)}
.reply-box-awn.is-open{display:flex}
.reply-box-awn__box{width:min(420px,100%);background:var(--site-surface,#fff);color:var(--site-text,#15181d);
  border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:reply-box-awn-in .22s ease-out}
@keyframes reply-box-awn-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.reply-box-awn__mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;
  background:var(--site-accent,#2e7d5b);color:#fff}
.reply-box-awn__title{margin:0 0 10px;font-size:1.35rem;line-height:1.25}
.reply-box-awn__text{margin:0 0 24px;line-height:1.6;color:var(--site-muted,#5b6472)}
.reply-box-awn__close{display:inline-block;cursor:pointer;border:0;border-radius:999px;
  padding:12px 30px;font:inherit;font-weight:600;background:var(--site-accent,#2e7d5b);color:#fff}
.reply-box-awn__close:hover{filter:brightness(1.08)}
.reply-box-awn__close:focus-visible{outline:2px solid var(--site-text,#15181d);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.reply-box-awn__box{animation:none}}

*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
img,svg,video,iframe,canvas{max-width:100%}
table{max-width:100%}

.simpleParallax{display:block;width:100%;height:100%}
.simpleParallax img{width:100%;height:100%;object-fit:cover}

blockquote, figure { margin-left: 0; margin-right: 0}

figure > blockquote, figure > figcaption { margin-left: 0; margin-right: 0}

html.no-aos [data-aos]{opacity:1 !important;transform:none !important}

@media(prefers-reduced-motion:reduce){
  [data-aos]{opacity:1 !important;transform:none !important;transition:none !important}
}

.legal-doc{max-width:72ch;margin:0 auto;padding:64px 20px;line-height:1.7}
.legal-doc h1{margin:0 0 .6em}
.legal-doc h2{margin:1.8em 0 .5em}
.legal-doc h3{margin:1.4em 0 .4em}
.legal-doc p,.legal-doc li{margin:0 0 .8em}
.legal-doc ul,.legal-doc ol{padding-left:1.4em;margin:0 0 1em}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em}
.legal-doc th,.legal-doc td{border:1px solid currentColor;padding:.5em;text-align:left}

@media (max-width: 720px) {
  body { overflow-x: hidden}
  h1, h2, h3, p, li, td { overflow-wrap: break-word}
  
  input, select, textarea { max-width: 100%; min-width: 0}
  
  img, svg, video, iframe, table { max-width: 100%}
}

#nav-panel-nb5{position:fixed;top:0;right:0;bottom:0;width:min(84vw,360px);padding:72px 28px 28px;background:var(--site-surface,#fff);color:var(--site-text,#111);box-shadow:-12px 0 40px rgba(0,0,0,.18);transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility .28s;z-index:9999;overflow-y:auto}
#nav-panel-nb5.is-open{transform:none;visibility:visible}
#nav-panel-nb5 a{display:block;padding:.6em 0;font-size:1.1rem;color:inherit;text-decoration:none}
#nav-overlay-tsh{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:.25s;z-index:9998}
#nav-overlay-tsh.is-open{opacity:1;visibility:visible}
#nav-toggle-zky{appearance:none;-webkit-appearance:none;background:none;border:0;padding:.4em;color:inherit;font:inherit;cursor:pointer;line-height:1}
#shut-1m9{appearance:none;-webkit-appearance:none;background:none;border:0;padding:.4em;color:inherit;font:inherit;cursor:pointer;line-height:1}

@media (max-width: 720px) {
  
.btn-acq,
.wh-feld,
.chip-o9k,
.wh-schiene,
.wh-schiene_marke,
.wh-schiene_navi,
.wh-schiene_sozial,
.wh-schublade,
.wh-phasen,
.wh-vergleich_spalte h3,
.wh-sektor,
.wh-zeitachse_marke,
.wh-preis,
.wh-einzelpreis_marke,
.wh-formular,
.site-modal.is-open,.overlay-box-gum.is-open,
#top-btn-x7y,
.privacy-note-u1p-cat,
.privacy-note-u1p-links,
.reply-box-awn.is-open,
.reply-box-awn__mark { flex-wrap: wrap}
  
.btn-acq > *,
.wh-feld > *,
.chip-o9k > *,
.wh-schiene > *,
.wh-schiene_marke > *,
.wh-schiene_navi > *,
.wh-schiene_sozial > *,
.wh-schublade > *,
.wh-phasen > *,
.wh-vergleich_spalte h3 > *,
.wh-sektor > *,
.wh-zeitachse_marke > *,
.wh-preis > *,
.wh-einzelpreis_marke > *,
.wh-formular > *,
.site-modal.is-open,.overlay-box-gum.is-open > *,
#top-btn-x7y > *,
.privacy-note-u1p-cat > *,
.privacy-note-u1p-links > *,
.reply-box-awn.is-open > *,
.reply-box-awn__mark > * { min-width: 0}
}

.privacy-note-u1p-overlay{position:fixed;inset:0;opacity:0;visibility:hidden;transition:.25s;z-index:9998;}
.privacy-note-u1p-overlay.is-open{opacity:1;visibility:visible;}
.privacy-note-u1p-panel{position:fixed;background:var(--site-surface,#fff);color:var(--site-text,#1a1a1a);
  box-shadow:0 20px 60px rgba(0,0,0,.28);padding:24px;opacity:0;visibility:hidden;transition:.25s;z-index:9999;}
.privacy-note-u1p-panel.is-open{opacity:1;visibility:visible;}
.privacy-note-u1p-panel h3{margin:0 0 8px;font-size:1.2rem;}
.privacy-note-u1p-panel>p{margin:0 0 16px;color:var(--site-muted,#666);font-size:.95rem;}
.privacy-note-u1p-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(128,128,128,.2);}
.privacy-note-u1p-cat h4{margin:0 0 2px;font-size:.98rem;}
.privacy-note-u1p-cat p{margin:0;color:var(--site-muted,#777);font-size:.85rem;}
.privacy-note-u1p-switch{position:relative;flex:0 0 auto;width:44px;height:24px;}
.privacy-note-u1p-switch input{opacity:0;width:0;height:0;position:absolute;}
.privacy-note-u1p-switch span{position:absolute;inset:0;background:#c9c9c9;border-radius:999px;transition:.2s;cursor:pointer;}
.privacy-note-u1p-switch span::before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;}
.privacy-note-u1p-switch input:checked+span{background:var(--site-accent,#2b7);}
.privacy-note-u1p-switch input:checked+span::before{transform:translateX(20px);}
.privacy-note-u1p-switch input:disabled+span{opacity:.6;cursor:not-allowed;}
.privacy-note-u1p-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.privacy-note-u1p-actions button{flex:1;min-width:140px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;}
.privacy-note-u1p-actions #privacy-note-u1p-all{background:var(--site-accent,#2b7);color:#fff;}
.privacy-note-u1p-actions #privacy-note-u1p-save{background:transparent;color:var(--site-text,#222);border:1px solid rgba(128,128,128,.4);}
.privacy-note-u1p-links{display:flex;gap:16px;margin-top:14px;font-size:.85rem;}
.privacy-note-u1p-links a{color:var(--site-accent,#2b7);text-decoration:underline;}
.privacy-note-u1p-trigger{position:fixed;left:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:var(--site-surface,#fff);color:var(--site-accent,#2b7);box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:9997;font-size:1.1rem;}

.privacy-note-u1p-overlay{background:rgba(0,0,0,.5);}
.privacy-note-u1p-panel{left:50%;bottom:24px;transform:translate(-50%,20px);width:min(560px,calc(100% - 32px));border-radius:16px;}
.privacy-note-u1p-panel.is-open{transform:translate(-50%,0);}
@media(max-width:520px){.privacy-note-u1p-actions button{min-width:100%;}}
#dock-ahc{left:auto !important;right:18px !important;}
@media(max-width:520px){#dock-ahc{right:12px !important;}}

.reply-box-awn{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(8,10,14,.55);backdrop-filter:blur(2px);}
.reply-box-awn.is-open{display:flex;}
.reply-box-awn__box{width:min(420px,100%);background:var(--site-surface,#fff);color:var(--site-text,#15181d);
  border-radius:16px;padding:32px 28px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.28);
  animation:reply-box-awn-in .22s ease-out;}
@keyframes reply-box-awn-in{from{opacity:0;transform:translateY(12px) scale(.97);}to{opacity:1;transform:none;}}
.reply-box-awn__mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;font-size:26px;line-height:1;
  background:var(--site-accent,#2e7d5b);color:#fff;}
.reply-box-awn__title{margin:0 0 10px;font-size:1.35rem;line-height:1.25;}
.reply-box-awn__text{margin:0 0 24px;line-height:1.6;color:var(--site-muted,#5b6472);}
.reply-box-awn__close{display:inline-block;cursor:pointer;border:0;border-radius:999px;
  padding:12px 30px;font:inherit;font-weight:600;background:var(--site-accent,#2e7d5b);color:#fff;}
.reply-box-awn__close:hover{filter:brightness(1.08);}
.reply-box-awn__close:focus-visible{outline:2px solid var(--site-text,#15181d);outline-offset:3px;}
@media(prefers-reduced-motion:reduce){.reply-box-awn__box{animation:none;}}

*,*::before,*::after{box-sizing:border-box;}
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%;}
img,svg,video,iframe,canvas{max-width:100%;}
table{max-width:100%;}

.simpleParallax{display:block;width:100%;height:100%;}
.simpleParallax img{width:100%;height:100%;object-fit:cover;}

blockquote, figure { margin-left: 0; margin-right: 0; }

figure > blockquote, figure > figcaption { margin-left: 0; margin-right: 0; }

html.no-aos [data-aos]{opacity:1 !important;transform:none !important;}

@media(prefers-reduced-motion:reduce){
  [data-aos]{opacity:1 !important;transform:none !important;transition:none !important;}
}

.legal-doc{max-width:72ch;margin:0 auto;padding:64px 20px;line-height:1.7;}
.legal-doc h1{margin:0 0 .6em;}
.legal-doc h2{margin:1.8em 0 .5em;}
.legal-doc h3{margin:1.4em 0 .4em;}
.legal-doc p,.legal-doc li{margin:0 0 .8em;}
.legal-doc ul,.legal-doc ol{padding-left:1.4em;margin:0 0 1em;}
.legal-doc table{width:100%;border-collapse:collapse;margin:0 0 1.2em;}
.legal-doc th,.legal-doc td{border:1px solid currentColor;padding:.5em;text-align:left;}

@media (max-width: 720px) {
  body { overflow-x: hidden; }
  h1, h2, h3, p, li, td { overflow-wrap: break-word; }
  
  input, select, textarea { max-width: 100%; min-width: 0; }
  
  img, svg, video, iframe, table { max-width: 100%; }
}
