/* RAUMRISS · Grundlage für Inhaltsseiten im neuen Stil (Apps, Über uns). Menü und Fuß kommen aus rr.css. */
body{margin:0;background:#fff;color:var(--rr-tinte);font-family:var(--rr-schrift);font-size:17px;line-height:1.47;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--rr-akzent);outline-offset:3px}
.breite{max-width:1024px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px))}
.breit-xl{max-width:1240px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px))}
h1,h2,h3{font-family:var(--rr-anzeige);font-weight:600;margin:0;text-wrap:balance}
.anzeige{font-size:clamp(44px,7vw,88px);line-height:1.04;letter-spacing:-.04em}
.titel-l{font-size:clamp(32px,4.6vw,56px);line-height:1.07;letter-spacing:-.03em}
.titel-m{font-size:clamp(26px,3vw,36px);line-height:1.12;letter-spacing:-.025em}
.eyebrow{display:block;font-size:clamp(17px,1.6vw,21px);font-weight:600;letter-spacing:-.01em;margin-bottom:10px;color:var(--rr-akzent)}
.unter{font-size:clamp(19px,1.9vw,24px);line-height:1.35;letter-spacing:-.015em;font-weight:500}
.zweit{color:var(--rr-zweit)}
.zentriert{text-align:center}
.knoepfe{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.zentriert .knoepfe{justify-content:center}
.hell{background:var(--rr-hell)}
.dunkel{background:#000;color:#f5f5f7}
.dunkel .zweit{color:#a1a1a6}
.abschnitt{padding:clamp(88px,11vw,140px) 0}
.kopfraum{padding-top:calc(76px + env(safe-area-inset-top,0px))}
.rr-js .rr-zeigen{opacity:0;transform:translateY(40px);transition:opacity 1s var(--rr-feder),transform 1.2s var(--rr-feder)}
.rr-js .rr-zeigen.da{opacity:1;transform:none}
.kachel{border-radius:28px;padding:clamp(28px,3.4vw,44px);background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06);position:relative;overflow:hidden}
.hell .kachel{background:#fff}
.beispiel{font-size:11px;color:#86868b}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}