/* Gemeinsame Gestaltung für alle Seiten auf wi-hh.de — Wüstenrot-CD, bewusst nur helles Erscheinungsbild (Grundfläche „wohnraum“ weiß) */
@font-face{font-family:"WW Type";src:url("ww-type-regular.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"WW Type";src:url("ww-type-bold.otf") format("opentype");font-weight:700;font-display:swap}
:root{
  --wuestenrot:#f84914;
  --wuestenrot-dunkel:#e53f0d;
  --wuestennacht:#141414;
  --wohnraum:#ffffff;
  --warmgrau:#eeeeee;
  --text-leise:#5c5653;
  --font:"WW Type","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{background:var(--wohnraum);color:var(--wuestennacht)}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wrap{max-width:460px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:40px 32px;display:flex;flex-direction:column;gap:28px}
.logo{padding-top:8px;display:flex;justify-content:flex-start}
.logo img{width:210px;max-width:70%;height:auto;display:block}
.eyebrow{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-leise)}
h1{font-weight:700;font-size:30px;line-height:1.1;margin:0;text-wrap:balance}
h2{font-weight:700;font-size:18px;line-height:1.25;margin:0;text-wrap:balance}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--wuestenrot);outline-offset:3px}
footer{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--text-leise);border-top:1px solid var(--warmgrau);padding-top:16px}
footer a{color:var(--text-leise)}
.zurueck{display:inline-flex;align-items:center;gap:8px;font-size:15px;text-decoration:none;font-weight:700}
.zurueck svg{width:18px;height:18px}

/* Rechtstexte */
.recht{display:flex;flex-direction:column;gap:22px}
.recht section{display:flex;flex-direction:column;gap:8px}
.recht p{margin:0}
.recht ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.recht .block{background:var(--warmgrau);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.recht .klein{font-size:14px;color:var(--text-leise)}
.recht a{overflow-wrap:anywhere}