/* Honest Services. Gestaltung laut DESIGN.md (Fassung 4, 14.10.2026): hell, corporate, Fotos randlos, Gold nur als Akzent.
   Breite: fluider Inhaltsrahmen bis 2160 px, Schrift wächst ab 1280 px mit (html font-size). Keine Deko-Linien vor Überschriften. */
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-latin.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";src:url(/assets/fonts/archivo-latin-ext.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --weiss:#fff;--nebel:#F6F4EF;--nebel-2:#ECE9E1;--linie:#E5E1D8;--linie-d:#CFCAC0;--anthrazit:#1E1D1B;--anthrazit-2:#292825;--anthrazit-3:#3B3A36;--grau:#5E5B54;--grau-h:#A8A49B;
  --gold:#C9A13B;--gold-h:#D6B254;--gold-d:#7A5C14;--gold-em:#A9781B;--gold-licht:#E3C45C;--gold-hell:#F6F1E2;--kupfer:#9C2F22;
  --dunkel-bg:radial-gradient(120% 80% at 80% 10%,#3A3324 0%,#1C1B19 55%,#141312 100%);
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;--s9:7rem;
  --inhalt:clamp(1000px,88vw,2240px);--rand:16px;--ecke:12px;--ecke-k:8px;
  --schatten:0 24px 60px -24px rgba(28,29,31,.28),0 2px 6px rgba(28,29,31,.05);
  --schatten-k:0 10px 30px -14px rgba(28,29,31,.22);
  --ease:cubic-bezier(.22,1,.36,1);
  --f:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --abschnitt:var(--s8);
}
@media(min-width:768px){:root{--rand:32px}}
@media(min-width:1000px){:root{--abschnitt:clamp(5.5rem,2rem + 5vw,9rem);--rand:40px}}
/* Große Schirme: alles wächst gleichmäßig mit (16 px bei 1440, 18 px bei 1920, 19 px ab 2200) */
html{font-size:clamp(100%,calc(.42vw + 10px),118.75%)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:6rem;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--weiss);color:var(--anthrazit);font-family:var(--f);font-size:1.0625rem;line-height:1.6;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;font-kerning:normal}
::selection{background:var(--gold);color:var(--anthrazit)}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:var(--gold-d);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--anthrazit)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-weight:820;font-stretch:110%;line-height:1.04;letter-spacing:-.02em;margin:0 0 var(--s4);text-wrap:balance;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;color:var(--anthrazit)}
h1{font-size:clamp(2.1rem,1.3rem + 2.6vw,4rem)}
h2{font-size:clamp(1.75rem,1.15rem + 1.75vw,3.1rem)}
h3{font-size:1.2rem;font-weight:700;font-stretch:100%;letter-spacing:-.01em;margin-top:var(--s6);line-height:1.2}
h1 em,h2 em,h3 em,.typo-zeile em{font-style:normal;color:var(--gold-em)}
.dunkel h1 em,.dunkel h2 em,.dunkel h3 em,.grund-dunkel em,.konfigurator h2 em,.typo-moment.dunkel em{color:var(--gold-licht)}
.grund-gold h2 em,.grund-gold h3 em{color:#6B4508}
/* Produkt- und Ortsetikett wie in den Anzeigen (kein Kicker-Strich) */
.etikett{display:inline-block;font-size:.84rem;font-weight:800;line-height:1.2;padding:.4rem .7rem;border-radius:5px;background:var(--anthrazit);color:#fff;margin:0 0 var(--s4);letter-spacing:.005em}
.dunkel .etikett,.grund-dunkel .etikett,.konfigurator .etikett{background:var(--gold-licht);color:var(--anthrazit)}
.grund-gold .etikett{background:var(--anthrazit);color:#F3E3B0}
p{margin:0 0 var(--s4);text-wrap:pretty}
strong,b{font-weight:650}
.ic{width:1.15em;height:1.15em;flex:0 0 auto;display:inline-block;vertical-align:-.18em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.klein{font-size:.88rem;color:var(--grau)}
.huelle{max-width:calc(var(--inhalt) + 2 * var(--rand));margin:0 auto;padding:0 var(--rand)}
.skip{position:absolute;left:-9999px;top:0;background:var(--anthrazit);color:#fff;padding:12px 16px;z-index:100}
.skip:focus{left:8px;top:8px}
.vorschau{background:var(--anthrazit);color:#E7E8EA;font-size:.8rem;text-align:center;padding:6px var(--rand);line-height:1.4}
/* Raster mit randlosen Flächen: Inhalt bleibt im Rahmen, Fotos laufen bis an den Bildschirmrand */
.bleed{display:grid;grid-template-columns:[voll-start] minmax(var(--rand),1fr) [inhalt-start] minmax(0,calc(var(--inhalt) / 2)) [mitte] minmax(0,calc(var(--inhalt) / 2)) [inhalt-end] minmax(var(--rand),1fr) [voll-end]}

/* Knöpfe */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 22px;border-radius:var(--ecke-k);border:1px solid transparent;background:var(--anthrazit);color:#fff;font:inherit;font-weight:650;font-size:1rem;line-height:1.2;text-decoration:none;cursor:pointer;text-align:center;transition:background-color .25s var(--ease),border-color .25s var(--ease),transform .2s var(--ease),box-shadow .25s var(--ease)}
.knopf:hover{background:#000;color:#fff}
.knopf:active{transform:scale(.985)}
.knopf .pf{transition:transform .3s var(--ease)}
.knopf:hover .pf{transform:translateX(3px)}
.knopf.gold{background:var(--gold);color:var(--anthrazit);box-shadow:0 8px 20px -10px rgba(122,92,20,.55)}
.knopf.gold:hover{background:var(--gold-h);color:var(--anthrazit);box-shadow:0 12px 24px -10px rgba(122,92,20,.6)}
.knopf.dunkel{background:var(--anthrazit);color:#fff}
.knopf.hell{background:#fff;color:var(--anthrazit);border-color:var(--linie-d)}
.knopf.hell .ic{color:var(--gold-d)}
.knopf.hell:hover{border-color:var(--anthrazit);background:#fff;color:var(--anthrazit)}
.knopf.leise{background:transparent;color:var(--anthrazit);border-color:transparent;padding-left:6px;padding-right:6px;text-decoration:underline;text-underline-offset:4px}
.knopf.leise:hover{background:transparent;color:var(--anthrazit)}
.knopf.breit{width:100%}
.knopf.klein-k{min-height:44px;padding:10px 18px;font-size:.95rem}
.knopf.gross-k{min-height:3.6rem;padding:1rem 1.75rem;font-size:1.06rem}
.knopf:disabled{opacity:.6;cursor:wait}
a.pfeil{font-weight:650;color:var(--anthrazit);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:2px solid var(--gold);padding-bottom:2px;transition:border-color .2s var(--ease)}
a.pfeil::after{content:"";width:14px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.5L12 5 8.5 8.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'%3E%3Cpath d='M0 5h12M8.5 1.5L12 5 8.5 8.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
a.pfeil:hover{border-color:var(--anthrazit)}
a.pfeil:hover::after{transform:translateX(3px)}
.cta-zeile{margin:var(--s6) 0 0}

/* Kopfleiste */
.kopf{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--linie);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px)}
.kopf .huelle{display:flex;align-items:center;gap:var(--s5);min-height:4.75rem}
.marke{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--anthrazit);flex:0 0 auto}
.marke img{width:2.6rem;height:2.6rem}
.marke span{font-weight:750;font-stretch:118%;letter-spacing:.05em;font-size:.95rem;line-height:1.05;text-transform:uppercase}
.marke small{display:block;font-size:.72rem;letter-spacing:.04em;font-weight:500;color:var(--grau);margin-top:4px;text-transform:none;font-stretch:100%}
.nav{margin-left:auto;flex:0 1 auto;min-width:0}
.nav>ul{list-style:none;display:flex;gap:2px;margin:0;padding:0}
.nav li{position:relative;margin:0}
.nav>ul>li>a{display:block;white-space:nowrap;padding:10px 12px;color:var(--anthrazit);text-decoration:none;font-weight:550;font-size:.97rem;border-radius:6px;transition:background-color .2s var(--ease),color .2s var(--ease)}
.nav>ul>li>a:hover,.nav>ul>li:focus-within>a{background:var(--nebel)}
.nav a[aria-current=page]{color:var(--gold-d)}
.nav .hat-unter>a::after{content:"";display:inline-block;width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:8px;opacity:.6}
.unter{position:absolute;left:0;top:100%;min-width:17rem;list-style:none;margin:0;padding:8px;background:#fff;border-radius:var(--ecke);box-shadow:var(--schatten);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s var(--ease),transform .25s var(--ease),visibility .2s}
.nav li:hover>.unter,.nav li:focus-within>.unter{opacity:1;visibility:visible;transform:none}
.unter a{display:block;padding:9px 12px;border-radius:6px;color:var(--anthrazit);text-decoration:none;font-size:.95rem}
.unter a:hover{background:var(--nebel)}
.kopf-aktion{display:flex;align-items:center;gap:var(--s4);flex:0 0 auto}
.kopf-tel{display:inline-flex;align-items:center;gap:8px;color:var(--anthrazit);text-decoration:none;font-weight:650;white-space:nowrap}
.kopf-tel .ic{color:var(--gold-d);width:20px;height:20px}
.kopf-tel:hover{color:var(--gold-d)}
.menue{display:none}
@media(max-width:1179px){
  .nav{display:none}
  .kopf-aktion{margin-left:auto}
  .menue{display:block;position:static}
  .menue summary{list-style:none;cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 4px}
  .menue summary::-webkit-details-marker{display:none}
  .burger{width:20px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
  .burger::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}
  .menue[open] .menue-liste{display:block}
  .menue-liste{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linie);box-shadow:var(--schatten-k);padding:var(--s3) var(--rand) var(--s5);max-height:calc(100dvh - 80px);overflow:auto}
  .menue-liste ul{list-style:none;padding:0;margin:0 0 var(--s4)}
  .menue-liste li{margin:0;border-bottom:1px solid var(--linie)}
  .menue-liste a{display:block;padding:13px 0;color:var(--anthrazit);text-decoration:none;font-weight:600}
  .menue-liste .eingerueckt a{padding-left:var(--s4);font-weight:450}
}
@media(max-width:760px){
  .kopf .huelle{min-height:64px;gap:var(--s3)}
  .kopf-aktion .knopf{display:none}
  .kopf-tel span{display:none}
  .kopf-tel{width:44px;height:44px;justify-content:center;border:1px solid var(--linie);border-radius:var(--ecke-k)}
  .marke img{width:36px;height:36px}
  .marke span{font-size:.82rem}
  .marke small{font-size:.7rem}
  .menue-wort{display:none}
  .menue summary{width:44px;justify-content:center;border:1px solid var(--linie);border-radius:var(--ecke-k)}
}

/* Abschnitte */
.abschnitt{padding:var(--abschnitt) 0}
.abschnitt.eng{padding:var(--s7) 0}
.abschnitt.nebel{background:var(--nebel)}
.abschnitt.dunkel{background:var(--anthrazit);color:#D7D9DD}
.abschnitt.dunkel h2,.abschnitt.dunkel h3{color:#fff}
.abschnitt-kopf{max-width:46rem;margin-bottom:var(--s7)}
.abschnitt-kopf p{color:var(--grau);font-size:1.12rem;margin:0}
.abschnitt-kopf.zeile{max-width:none;display:grid;gap:var(--s3) var(--s7);align-items:end}
@media(min-width:900px){.abschnitt-kopf.zeile{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.abschnitt-kopf.zeile h2{margin:0}.abschnitt-kopf.zeile p{max-width:40rem}}
.abschnitt-kopf .pfeil{margin-left:4px}

/* Kopf der Startseite: Text links, randloses Foto rechts mit Schnellstart-Karte */
.held{background:var(--nebel);position:relative}
.held-raster{display:grid;grid-template-columns:minmax(0,1fr)}
.held-text{padding:var(--s6) var(--rand) var(--s6)}
.held h1{font-size:clamp(2.05rem,.6rem + 3.35vw,6rem);line-height:.98;letter-spacing:-.025em;font-weight:860;font-stretch:112%;margin:0 0 var(--s5);max-width:none}
.held-satz{font-size:clamp(1.08rem,1rem + .35vw,1.35rem);color:#3E4148;max-width:44ch;margin-bottom:var(--s5);line-height:1.55}
.held .kopf-knoepfe{margin-top:0}
.held-zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:var(--s6) 0 0;border-top:1px solid #D5D8DD}
.held-zahlen div{padding:var(--s4) var(--s4) var(--s4) 0;border-bottom:1px solid #D5D8DD}
.held-zahlen div:nth-child(odd){border-right:1px solid #D5D8DD}
.held-zahlen div:nth-child(even){padding-left:var(--s4)}
.held-zahlen dt{font-size:.78rem;color:var(--grau);letter-spacing:.01em;margin-bottom:4px}
.held-zahlen dd{margin:0;display:flex;flex-direction:column;line-height:1.25}
.held-zahlen b{font-size:clamp(1.35rem,1.1rem + .9vw,2.1rem);font-weight:720;letter-spacing:-.02em;line-height:1.1}
.held-zahlen dd>span{font-weight:600;font-size:.92rem}
.held-zahlen div:last-child b{font-size:clamp(1.1rem,.9rem + .6vw,1.6rem);padding-bottom:.2em}
.held-zahlen small{color:var(--grau);font-size:.8rem;margin-top:2px}
.angebot-streifen{margin:var(--s5) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.angebot-streifen a{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 14px;text-decoration:none;color:var(--anthrazit);background:#fff;border:1px solid var(--linie-d);border-radius:var(--ecke-k);padding:10px 14px;transition:border-color .2s var(--ease)}
.angebot-streifen a:hover{border-color:var(--anthrazit)}
.angebot-streifen strong{font-weight:680}
.angebot-streifen span{display:inline-flex;align-items:center;gap:6px;color:var(--gold-d);font-weight:600;font-size:.92rem}
.angebot-streifen span .ic{width:16px;height:16px}
.streifen-vermerk{font-size:.78rem;color:var(--grau)}
.held-bild{position:relative;padding:0 var(--rand) var(--s6)}
.held-foto{margin:0;border-radius:var(--ecke);overflow:hidden;background:var(--nebel-2)}
.held-foto img{width:100%;aspect-ratio:3/2;object-fit:cover}
.schnellstart{background:#fff;border-radius:var(--ecke);box-shadow:var(--schatten);padding:var(--s5);position:relative;margin:-3rem var(--s3) 0;z-index:2}
.schnell-titel{font-weight:700;font-size:1.12rem;margin:0 0 var(--s3);letter-spacing:-.01em}
.schnellstart ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.schnellstart li{margin:0}
.schnellstart a{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:6px 10px 6px 6px;border-radius:var(--ecke-k);background:var(--nebel);color:var(--anthrazit);text-decoration:none;font-weight:620;transition:background-color .2s var(--ease),box-shadow .2s var(--ease)}
.schnellstart a:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--anthrazit)}
.s-bild{display:block;border-radius:6px;overflow:hidden;aspect-ratio:3/2;background:var(--nebel-2)}
.s-bild img{width:100%;height:100%;object-fit:cover}
.schnellstart a .ic{color:var(--gold-d);transition:transform .25s var(--ease)}
.schnellstart a:hover .ic{transform:translateX(3px)}
.schnell-fuss{font-size:.82rem;color:var(--grau);margin:var(--s3) 0 0}
@media(min-width:600px){.schnellstart ul{grid-template-columns:1fr 1fr}.held-zahlen{grid-template-columns:repeat(4,minmax(0,1fr))}.held-zahlen div,.held-zahlen div:nth-child(even){padding:var(--s4) var(--s4) var(--s4) var(--s4);border-right:1px solid #D5D8DD}.held-zahlen div:first-child{padding-left:0}.held-zahlen div:last-child{border-right:0}}
@media(min-width:1000px){
  .held-raster{grid-template-columns:[voll-start] minmax(var(--rand),1fr) [inhalt-start] minmax(0,calc(var(--inhalt) * .56)) [mitte] minmax(0,calc(var(--inhalt) * .44)) [inhalt-end] minmax(var(--rand),1fr) [voll-end];min-height:min(48rem,calc(100vh - 6rem))}
  .held-text{grid-column:inhalt-start / mitte;grid-row:1;padding:clamp(3rem,6vh,6rem) clamp(1.5rem,3vw,5rem) clamp(3rem,6vh,6rem) 0;align-self:center}
  .held-bild{grid-column:mitte / voll-end;grid-row:1;padding:0;position:relative}
  .held-foto{position:absolute;inset:0;border-radius:0}
  .held-foto picture,.held-foto img{height:100%}
  .held-foto img{aspect-ratio:auto}
  .schnellstart{position:absolute;left:clamp(1.5rem,3vw,4rem);bottom:clamp(1.5rem,4vh,4rem);width:min(30rem,calc(100% - 3rem));margin:0}
  .held-zahlen{max-width:52rem}
}
@media(min-width:1000px) and (max-width:1279px){.held-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}.held-zahlen div:nth-child(2){border-right:0}.held-zahlen div:nth-child(3){padding-left:0}}
@media(min-width:1800px){.schnellstart{width:34rem}}

/* Problem */
.problem-raster{display:grid;gap:var(--s6)}
@media(min-width:900px){.problem-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s8);align-items:start}.problem-kopf{position:sticky;top:7.5rem}}
@media(min-width:1600px){.problem-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.probleme{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--s7)}}
.problem-kopf p{color:var(--grau);font-size:1.12rem;max-width:34rem}
.problem-bild{margin:var(--s6) 0 0;border-radius:var(--ecke);overflow:hidden;background:var(--nebel-2)}
.problem-bild img{width:100%;aspect-ratio:3/2;object-fit:cover}
.problem-bild figcaption,.bildband figcaption,.schritt-bild figcaption{font-size:.8rem;color:var(--grau);padding-top:8px;line-height:1.4}
.probleme{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.probleme li{margin:0;padding:var(--s5) 0;border-bottom:1px solid var(--linie);display:grid;gap:6px}
.probleme strong{font-size:clamp(1.2rem,1.05rem + .55vw,1.6rem);font-weight:650;letter-spacing:-.015em;line-height:1.25}
.probleme span{color:var(--grau)}
.probleme em{font-style:normal;font-size:.86rem;color:var(--gold-d);font-weight:600}

/* Leistungen als Fotokacheln */
.bildkacheln{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4);grid-template-columns:1fr}
.bildkacheln li{margin:0;min-width:0}
.bildkacheln a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--anthrazit);border-radius:var(--ecke);overflow:hidden;background:var(--nebel);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.bildkacheln a:hover{box-shadow:var(--schatten);transform:translateY(-3px)}
.k-bild{overflow:hidden;aspect-ratio:3/2;background:var(--nebel-2);position:relative}
.k-bild picture{height:100%}
.k-bild img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.bildkacheln a:hover .k-bild img{transform:scale(1.04)}
.k-text{padding:var(--s4) var(--s5) var(--s5);display:flex;flex-direction:column;gap:4px;flex:1}
.k-text strong{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:1.14rem;font-weight:650;letter-spacing:-.01em}
.k-text strong .ic{color:var(--gold-d);transition:transform .3s var(--ease)}
.bildkacheln a:hover .k-text strong .ic{transform:translateX(3px)}
.k-text span{color:var(--grau);font-size:.95rem;line-height:1.45}
.k-cta a{background:var(--anthrazit);color:#fff;justify-content:flex-end}
.k-cta .k-text{padding:var(--s6) var(--s5);justify-content:flex-end}
.k-zahl{font-size:clamp(2.6rem,2rem + 2vw,4.2rem)!important;font-weight:740;letter-spacing:-.03em;color:var(--gold)!important;line-height:1!important;margin-bottom:var(--s3)}
.k-cta .k-text strong{font-size:1.4rem;color:#fff}
.k-cta .k-text strong .ic{color:var(--gold)}
.k-cta .k-text span{color:#C9CCD1}
@media(min-width:600px){.bildkacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.k-gross{grid-column:1 / -1}.k-cta{grid-column:1 / -1}}
@media(min-width:1000px){
  .bildkacheln{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}
  .k-gross{grid-column:span 2;grid-row:span 2}
  .k-gross .k-bild{aspect-ratio:auto;flex:1;min-height:20rem}
  .k-gross .k-bild picture{position:absolute;inset:0}
  .k-gross .k-text{flex:0 0 auto}
  .k-gross .k-text strong{font-size:1.6rem}
  .k-cta{grid-column:span 2}
}
@media(min-width:1700px){
  .bildkacheln{grid-template-columns:repeat(5,minmax(0,1fr))}
  .k-cta{grid-column:1 / -1}
  .k-cta .k-text{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s6);padding:var(--s5) var(--s6)}
  .k-cta .k-zahl{margin-bottom:0}
  .k-cta .k-text strong{flex:0 0 auto;gap:12px}
  .k-cta .k-text span:last-child{max-width:62ch;margin-left:auto}
}

/* Angebots-Baustein (austauschbar) */
.versprechen{background:var(--anthrazit);color:#fff;border-radius:var(--ecke);padding:var(--s6) var(--s5);position:relative;overflow:hidden}
.v-name{font-size:.86rem;color:var(--gold);font-weight:600;margin:0 0 var(--s2);letter-spacing:.01em}
.versprechen .v-titel{color:#fff;margin-bottom:var(--s3)}
.versprechen .v-satz{color:#D7D9DD;font-size:1.12rem;max-width:56ch;margin:0}
.v-kopf{margin-bottom:var(--s6)}
.v-liste{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--anthrazit-3)}
.v-liste li{margin:0;display:flex;gap:14px;padding:var(--s5) 0;border-bottom:1px solid var(--anthrazit-3)}
.v-liste .ic{color:var(--gold);width:24px;height:24px;margin-top:1px}
.v-liste strong{display:block;font-size:1.08rem;font-weight:650;color:#fff;margin-bottom:2px}
.v-liste span{color:#C9CCD1;font-size:.97rem;line-height:1.5}
.v-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s6)}
.v-bedingung{font-size:.86rem;color:#B5B9C0;margin:0;flex:1 1 280px}
.vermerk{display:inline-block;font-size:.78rem;color:var(--grau);background:#fff;border:1px dashed #B9BDC4;border-radius:6px;padding:3px 9px;margin:var(--s3) 0 0;line-height:1.4}
.versprechen .vermerk{background:transparent;color:#C9CCD1;border-color:#5A5D63;margin:0}
@media(min-width:760px){.versprechen{padding:var(--s7)}.v-liste{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s7)}}
@media(min-width:1100px){.versprechen.gross{padding:var(--s8) var(--s8) var(--s7)}.versprechen.gross .v-kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2) var(--s7);align-items:end}.versprechen.gross .v-name{grid-column:1 / -1}.versprechen.gross .v-titel{font-size:clamp(2rem,1.3rem + 2vw,3.4rem);margin:0}.versprechen.gross .v-liste{grid-template-columns:repeat(3,minmax(0,1fr))}}
.abschnitt.eng + .huelle.inhalt{padding-top:0}

/* Ablauf in drei Schritten (Überschriften stehen in jeder Spalte auf gleicher Höhe) */
.schritte{list-style:none;margin:0;padding:0;display:grid;gap:var(--s6);counter-reset:s}
.schritte li{counter-increment:s;margin:0;display:flex;flex-direction:column;gap:6px;align-content:start}
.schritte .schritt-bild{margin:0 0 var(--s4);border-radius:var(--ecke);overflow:hidden;background:var(--nebel-2);order:-2}
.schritte .schritt-bild img{width:100%;aspect-ratio:3/2;object-fit:cover}
.schritte li::before{content:"0" counter(s);order:-1;font-size:.86rem;font-weight:700;color:var(--gold-d);letter-spacing:.04em;padding-top:var(--s3);border-top:2px solid var(--anthrazit);margin-bottom:var(--s2)}
.schritte strong{font-size:1.3rem;font-weight:680;letter-spacing:-.015em;line-height:1.25}
.schritte span{color:var(--grau)}
@media(min-width:800px){.schritte{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6)}}
@media(min-width:1400px){.schritte{gap:var(--s7)}}

/* Detail-Band: Foto randlos links, Text rechts */
.detail{background:var(--nebel)}
.detail-raster{display:grid}
.detail-bild{margin:0;background:var(--nebel-2)}
.detail-bild img{width:100%;aspect-ratio:3/2;object-fit:cover}
.detail-text{padding:var(--s7) var(--rand)}
.detail-text p{color:#3E4148;max-width:38rem}
.detail-zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin:var(--s6) 0;max-width:38rem}
.detail-zahlen div{border-top:2px solid var(--anthrazit);padding-top:var(--s3)}
.detail-zahlen b{display:block;font-size:clamp(2.4rem,1.8rem + 2vw,4rem);font-weight:740;letter-spacing:-.03em;line-height:1;color:var(--anthrazit)}
.detail-zahlen span{display:block;font-size:.92rem;color:var(--grau);margin-top:6px;line-height:1.4}
.quelle{font-size:.8rem;color:var(--grau)}
@media(min-width:1000px){
  .detail-raster{grid-template-columns:[voll-start] minmax(var(--rand),1fr) [inhalt-start] minmax(0,calc(var(--inhalt) * .5)) [mitte] minmax(0,calc(var(--inhalt) * .5)) [inhalt-end] minmax(var(--rand),1fr) [voll-end]}
  .detail-bild{grid-column:voll-start / mitte;grid-row:1;position:relative;min-height:36rem}
  .detail-bild picture{position:absolute;inset:0}
  .detail-bild img{height:100%;aspect-ratio:auto}
  .detail-text{grid-column:mitte / inhalt-end;grid-row:1;padding:var(--abschnitt) 0 var(--abschnitt) clamp(2.5rem,5vw,7rem);align-self:center}
  .detail.rechts .detail-bild{grid-column:mitte / voll-end}
  .detail.rechts .detail-text{grid-column:inhalt-start / mitte;padding:var(--abschnitt) clamp(2.5rem,5vw,7rem) var(--abschnitt) 0}
}

/* Zielgruppen */
.zielkarten{list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}
.zielkarten li{margin:0}
.zielkarten a{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--s4);align-items:stretch;background:#fff;border-radius:var(--ecke);overflow:hidden;text-decoration:none;color:var(--anthrazit);height:100%;transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.zielkarten a:hover{box-shadow:var(--schatten);transform:translateY(-2px)}
.z-bild{background:var(--nebel-2);min-height:9.5rem;overflow:hidden}
.z-bild picture,.z-bild img{width:100%;height:100%;object-fit:cover}
.z-bild img{transition:transform .9s var(--ease)}
.zielkarten a:hover .z-bild img{transform:scale(1.04)}
.z-text{padding:var(--s4) var(--s4) var(--s4) 0;display:flex;flex-direction:column;gap:6px}
.z-text strong{font-size:1.15rem;font-weight:650;letter-spacing:-.01em;line-height:1.25}
.z-text span{color:var(--grau);font-size:.95rem;line-height:1.45}
.z-text em{font-style:normal;font-weight:650;font-size:.92rem;margin-top:auto;padding-top:var(--s2);display:inline-flex;align-items:center;gap:6px;color:var(--gold-d)}
@media(min-width:600px){.zielkarten a{grid-template-columns:12rem minmax(0,1fr);gap:var(--s5)}.z-text{padding:var(--s5) var(--s5) var(--s5) 0}}
@media(min-width:1000px){.zielkarten{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}}
@media(min-width:1800px){.zielkarten{grid-template-columns:repeat(4,minmax(0,1fr))}.zielkarten a{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0}.z-bild{aspect-ratio:3/2;min-height:0}.z-text{padding:var(--s5)}}

/* Vergleich */
.vergleich-roll{overflow-x:auto;border-radius:var(--ecke);background:#fff;box-shadow:var(--schatten-k)}
.vergleich{width:100%;border-collapse:collapse;min-width:620px}
.vergleich th,.vergleich td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--linie);vertical-align:top;line-height:1.45}
.vergleich thead th{font-size:.9rem;font-weight:650;color:var(--grau);background:#fff;border-bottom:1px solid var(--linie-d)}
.vergleich thead th:last-child{color:var(--anthrazit)}
.vergleich tbody th{font-weight:650;width:16%;font-size:.95rem}
.vergleich .v-alt{color:var(--grau);width:30%}
.vergleich .v-neu{font-weight:550}
.vergleich tbody tr{transition:background-color .2s var(--ease)}
.vergleich tbody tr:hover{background:#FAFAFB}
.v-neu-in{display:flex;gap:10px;align-items:flex-start}
.vergleich .v-neu .ic{color:var(--gold-d);width:20px;height:20px;margin-top:1px}
.vergleich tbody tr:last-child th,.vergleich tbody tr:last-child td{border-bottom:0}
.vergleich-roll + .vermerk{margin-top:var(--s4)}
@media(max-width:699px){
  .vergleich-roll{overflow:visible;background:transparent;box-shadow:none}
  .vergleich{min-width:0}
  .vergleich thead{display:none}
  .vergleich,.vergleich tbody,.vergleich tr,.vergleich th,.vergleich td{display:block;width:auto}
  .vergleich tr{background:#fff;border-radius:var(--ecke);margin-bottom:var(--s3);padding:var(--s4)}
  .vergleich th,.vergleich td{padding:0;border:0}
  .vergleich tbody th{font-size:.82rem;color:var(--grau);margin-bottom:6px;width:auto}
  .vergleich .v-alt{width:auto;font-size:.92rem;margin-bottom:8px}
  .vergleich .v-alt::before{content:"Üblich: "}
}

/* Aus Münster */
.ort-raster{display:grid;gap:var(--s6)}
.ort-bilder{display:grid;gap:var(--s4);grid-template-columns:1.35fr 1fr;align-items:start}
.ort-bilder .foto-breit{margin:0}
.ort-bilder .foto-breit img{aspect-ratio:4/5}
.ort-bilder .foto-breit:last-child{margin-top:var(--s8)}
@media(max-width:599px){.ort-bilder{grid-template-columns:1fr 1fr}.ort-bilder .foto-breit:last-child{margin-top:var(--s7)}}
.ort-bilder figcaption{font-size:.82rem}
.ort-daten{margin:var(--s5) 0;display:grid;gap:0;border-top:1px solid var(--linie)}
.ort-daten div{display:grid;grid-template-columns:7em 1fr;gap:var(--s3);padding:10px 0;border-bottom:1px solid var(--linie)}
.ort-daten dt{color:var(--grau);font-size:.92rem}
.ort-daten dd{margin:0;font-weight:600}
@media(min-width:1000px){.ort-raster{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--s8);align-items:center}}

/* Bildband: randlos über die ganze Breite */
.bildband{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72vw,1fr);gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--rand) var(--s2);scrollbar-width:thin}
.bildband figure{margin:0;scroll-snap-align:start;min-width:0}
.bildband img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--ecke-k);background:var(--nebel-2)}
.bildband figcaption{padding-left:2px}
@media(min-width:900px){.bildband{grid-auto-flow:row;grid-template-columns:repeat(var(--n),minmax(0,1fr));overflow:visible;padding:0 var(--s3)}.bildband img{border-radius:6px;aspect-ratio:3/2}.bildband figure:nth-child(even) img{aspect-ratio:3/2}}
@media(min-width:1600px){.bildband img{aspect-ratio:4/3}}

/* Einsatzgebiet */
.einsatz{display:grid;gap:var(--s6);margin-top:var(--s6)}
.einsatz-titel{font-weight:700;font-size:1.1rem;margin:0 0 var(--s2)}
.einsatz p{color:#3E4148}
.einsatz-orte{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.einsatz-orte li{margin:0;padding:10px 0;border-bottom:1px solid var(--linie);display:grid;grid-template-columns:5.5em 1fr;gap:var(--s3);font-size:.95rem}
.einsatz-orte span{color:var(--grau)}
@media(min-width:900px){.einsatz{grid-template-columns:1fr 1.3fr;gap:var(--s7)}}

/* FAQ */
.faq-raster{display:grid;gap:var(--s6)}
.faq-kopf p{color:var(--grau)}
@media(min-width:900px){.faq-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s8)}.faq-kopf{position:sticky;top:7.5rem;align-self:start}}
@media(min-width:1600px){.faq-raster{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.fragen{margin:0 0 var(--s6);border-top:1px solid var(--linie)}
.faq-raster .fragen{margin:0}
.fragen details{border-bottom:1px solid var(--linie)}
.fragen summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;font-weight:650;font-size:1.06rem;position:relative;line-height:1.4;transition:color .2s var(--ease)}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(var(--anthrazit),var(--anthrazit)) center/14px 2px no-repeat,linear-gradient(var(--anthrazit),var(--anthrazit)) center/2px 14px no-repeat;transition:transform .3s var(--ease)}
.fragen details[open] summary::after{transform:rotate(45deg)}
.fragen summary:hover{color:var(--gold-d)}
.antwort{padding:0 0 var(--s5);color:#3E4148;max-width:68ch}
.antwort p:last-child{margin:0}

.ratgeber-links{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}
.ratgeber-links li{margin:0}
.ratgeber-links a{display:flex;flex-direction:column;gap:6px;height:100%;padding:var(--s4) var(--s5) var(--s5);background:var(--nebel);border-radius:var(--ecke);color:var(--anthrazit);text-decoration:none;font-weight:620;line-height:1.35;transition:background-color .25s var(--ease)}
.ratgeber-links a small{font-weight:450;color:var(--grau);font-size:.85rem}
.ratgeber-links a:hover{background:var(--nebel-2)}
@media(min-width:700px){.ratgeber-links{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.ratgeber-links{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1700px){.ratgeber-links{grid-template-columns:repeat(6,1fr)}}
.ratgeber-leiste{padding-bottom:var(--abschnitt)}

/* Kopf der Unterseiten: Text im Rahmen, Foto randlos bis zum rechten Rand */
.seitenkopf{background:var(--nebel)}
.sk-raster{display:grid;grid-template-columns:minmax(0,1fr)}
.sk-text{padding:var(--s5) var(--rand) var(--s7)}
.seitenkopf h1{max-width:none}
.seitenkopf .einl{font-size:clamp(1.05rem,1rem + .3vw,1.25rem);color:#3E4148;max-width:58ch;margin-bottom:0}
.kopf-knoepfe{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.seitenkopf .haken{margin-top:var(--s5)}
.sk-meta{font-size:.86rem;color:var(--grau);margin:var(--s4) 0 0}
.sk-foto{margin:0;background:var(--nebel-2);overflow:hidden}
.sk-foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
@media(max-width:999px){.sk-foto{order:-1}.seitenkopf.mit-foto .sk-text{padding-top:var(--s5)}}
@media(min-width:1000px){
  .sk-raster{grid-template-columns:[voll-start] minmax(var(--rand),1fr) [inhalt-start] minmax(0,calc(var(--inhalt) * .54)) [mitte] minmax(0,calc(var(--inhalt) * .46)) [inhalt-end] minmax(var(--rand),1fr) [voll-end]}
  .sk-text{grid-column:inhalt-start / inhalt-end;padding:var(--s6) 0 var(--s8)}
  .seitenkopf.mit-foto .sk-text{grid-column:inhalt-start / mitte;padding:var(--s6) clamp(2rem,4vw,5rem) var(--s8) 0;align-self:center}
  .sk-foto{grid-column:mitte / voll-end;grid-row:1;position:relative;min-height:30rem}
  .sk-foto picture{position:absolute;inset:0}
  .sk-foto img{height:100%;aspect-ratio:auto}
  .seitenkopf h1{margin-top:var(--s3)}
}
.haken{list-style:none;padding:0;margin:var(--s5) 0 0;display:grid;gap:10px}
.haken li{display:flex;gap:10px;align-items:flex-start;margin:0;font-weight:550;line-height:1.4}
.haken .ic{color:var(--gold-d);width:20px;height:20px;margin-top:1px}
.brot ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px;margin:0 0 var(--s4);padding:0;font-size:.85rem;color:var(--grau)}
.brot li{margin:0}
.brot li+li::before{content:"›";margin-right:6px;color:#9A9EA5}
.brot a{color:var(--grau);text-decoration:none}
.brot a:hover{color:var(--anthrazit);text-decoration:underline}
.faktenleiste{border-bottom:1px solid var(--linie)}
.fakten{display:grid;grid-template-columns:1fr;margin:0}
.fakten div{padding:var(--s3) 0;border-bottom:1px solid var(--linie);display:grid;grid-template-columns:9em 1fr;gap:var(--s3)}
.fakten div:last-child{border-bottom:0}
.fakten dt{color:var(--grau);font-size:.86rem}
.fakten dd{margin:0;font-weight:600;line-height:1.4}
@media(min-width:800px){.fakten{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));column-gap:var(--s6)}.fakten div{display:block;border-bottom:0;padding:var(--s5) 0}.fakten dt{margin-bottom:4px}.fakten div+div{border-left:1px solid var(--linie);padding-left:var(--s5)}}
@media(min-width:1000px){.fakten:has(div:nth-child(5)){grid-template-columns:repeat(4,minmax(0,1fr))}.fakten:has(div:nth-child(5)) div{border-bottom:1px solid var(--linie)}.fakten:has(div:nth-child(5)) div:nth-child(4n+1){border-left:0;padding-left:0}}

/* Inhalt der Unterseiten: Inhaltsverzeichnis | Text | Randspalte */
.inhalt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);padding-top:var(--s8);padding-bottom:var(--s9)}
@media(min-width:1000px){.inhalt{grid-template-columns:minmax(0,1fr) 20rem;column-gap:var(--s8)}.inhalt>.toc{grid-column:1}.inhalt>.fliess{grid-column:1}.inhalt>.rand{grid-column:2;grid-row:1 / span 2}}
@media(min-width:1600px){
  .inhalt{grid-template-columns:minmax(14rem,1fr) minmax(0,46rem) minmax(18rem,1fr);column-gap:clamp(3rem,4vw,6rem)}
  .inhalt>.toc{grid-column:1;grid-row:1;position:sticky;top:7rem;align-self:start;background:transparent;padding:0}
  .inhalt>.fliess{grid-column:2;grid-row:1}
  .inhalt>.rand{grid-column:3;grid-row:1}
  .inhalt:not(.mit-toc)>.fliess{grid-column:1 / span 2;max-width:52rem;justify-self:center}
  .inhalt>.toc ol{columns:1!important}
  .rand-innen{max-width:30rem}
}
.text{max-width:72ch}
.fliess h2{margin-top:var(--s8);font-size:clamp(1.5rem,1.2rem + 1vw,2.2rem)}
.fliess>h2:first-child,.fliess>.toc+h2{margin-top:0}
.fliess ul,.fliess ol{padding-left:1.25em;margin:0 0 var(--s5)}
.fliess li{margin-bottom:6px}
.fliess li::marker{color:var(--gold-d)}
.fliess .tabelle-roll{overflow-x:auto;margin:var(--s5) 0 var(--s6)}
.fliess table{width:100%;border-collapse:collapse;font-size:.96rem}
.fliess th,.fliess td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--linie);vertical-align:top}
.fliess th{font-weight:650;font-size:.84rem;color:var(--grau);border-bottom:1px solid var(--anthrazit)}
.fliess tbody tr:hover td{background:#FAFAFB}
.fliess hr{border:0;border-top:1px solid var(--linie);margin:var(--s6) 0}
.fliess blockquote{margin:var(--s5) 0;padding:var(--s4) var(--s5);background:var(--nebel);border-radius:var(--ecke-k)}
.fliess .cta-zeile{margin:var(--s6) 0}
.fliess figure.bild-text{margin:var(--s6) 0}
.fliess figure.bild-text img{border-radius:var(--ecke);width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--nebel-2)}
.fliess figure.bild-text figcaption{font-size:.85rem;color:var(--grau);margin-top:8px}
.einl{font-size:1.15rem}
.foto-breit{margin:var(--s5) 0}
.foto-breit img{width:100%;aspect-ratio:1080/608;object-fit:cover;background:var(--nebel-2);border-radius:var(--ecke)}
.foto-breit figcaption{font-size:.85rem;color:var(--grau);margin-top:8px}
.toc{margin:0;padding:var(--s5);background:var(--nebel);border-radius:var(--ecke)}
.toc-titel{font-weight:650;margin:0 0 var(--s3);font-size:.95rem}
.toc ol,.fliess .toc ol{list-style:none;padding:0;margin:0;counter-reset:t}
.toc li{counter-increment:t;margin:0;border-top:1px solid #DCDFE3}
.toc a{display:flex;gap:12px;padding:9px 0;color:var(--anthrazit);text-decoration:none;font-weight:550;font-size:.95rem;line-height:1.35;transition:color .2s var(--ease)}
.toc a::before{content:counter(t,decimal-leading-zero);color:var(--gold-d);font-weight:650;min-width:1.6em;font-size:.85rem;padding-top:1px}
.toc a:hover{color:var(--gold-d)}
@media(min-width:700px){.toc ol,.fliess .toc ol{columns:2;column-gap:var(--s6)}.toc li{break-inside:avoid}}
.ablauf{list-style:none;padding:0;margin:var(--s5) 0 var(--s6);counter-reset:a}
.fliess .ablauf{padding:0}
.ablauf li{counter-increment:a;display:grid;grid-template-columns:2.75rem minmax(0,1fr);column-gap:var(--s3);padding:var(--s4) 0;border-top:1px solid var(--linie);margin:0}
.ablauf li::before{content:counter(a);grid-row:1 / span 2;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--nebel);color:var(--gold-d);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}
.ablauf strong{display:block;font-weight:650}
.ablauf span{color:var(--grau)}
.rechenweg{width:100%;border-collapse:collapse;font-size:.95rem;margin:var(--s3) 0}
.rechenweg caption{text-align:left;font-weight:650;padding-bottom:var(--s3);font-size:1rem}
.rechenweg td{padding:8px 0;border-bottom:1px solid var(--linie);vertical-align:baseline}
.rechenweg td.op{width:1.6em;color:var(--grau-h);font-weight:600}
.rechenweg td.w{text-align:right;white-space:nowrap;padding-left:var(--s4);font-weight:600}
.rechenweg tr.zw td{font-weight:650}
.rechenweg tr.summe td{border-bottom:3px double var(--gold-d);font-weight:750;font-size:1.06rem;padding-top:12px}
.rechenweg tr.summe td.w{color:var(--gold-d)}
.beispiel{background:#fff;border:1px solid var(--linie);border-radius:var(--ecke);padding:var(--s5);margin:var(--s5) 0 var(--s6)}
.beispiel .klein{margin:var(--s3) 0 0}
.liste-links{list-style:none;padding:0;margin:var(--s4) 0 var(--s6);display:grid;gap:0;border-top:1px solid var(--linie)}
.fliess .liste-links{padding:0}
.liste-links li{margin:0;padding:var(--s3) 0 var(--s4);border-bottom:1px solid var(--linie)}
.liste-links a{font-weight:650;color:var(--anthrazit);text-decoration-color:var(--gold);text-decoration-thickness:2px}
.liste-links span{display:block;color:var(--grau);font-size:.94rem}
.kacheln{list-style:none;padding:0;margin:var(--s5) 0 var(--s6);display:grid;gap:var(--s3);grid-template-columns:1fr}
.fliess .kacheln{padding:0}
@media(min-width:600px){.kacheln{grid-template-columns:1fr 1fr}}
.kacheln li{margin:0}
.kacheln a{display:block;height:100%;padding:var(--s4) var(--s5);background:var(--nebel);border-radius:var(--ecke);color:var(--anthrazit);text-decoration:none;transition:background-color .2s var(--ease)}
.kacheln a:hover{background:var(--nebel-2)}
.kacheln strong{display:block;font-weight:650}
.kacheln span{color:var(--grau);font-size:.94rem}
.adresse{font-style:normal;line-height:1.7}
.checkliste{list-style:none!important;padding:0!important;margin:var(--s4) 0 var(--s6)!important;border-top:1px solid var(--linie)}
.checkliste li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--linie);margin:0!important}
.checkliste li::before{content:"";width:1.15rem;height:1.15rem;border:1.5px solid var(--anthrazit);border-radius:4px;margin-top:.2rem}
.checkliste strong{display:block}
.checkliste span{color:var(--grau);font-size:.95rem}

/* Randspalte */
.rand-innen{display:grid;gap:var(--s5)}
@media(min-width:1000px){.rand-innen{position:sticky;top:6.5rem}}
.rand-block{background:var(--nebel);border-radius:var(--ecke);padding:var(--s5)}
.rand-block h2{font-size:1.1rem;margin:0 0 var(--s3);letter-spacing:-.01em}
.rand-block p{font-size:.95rem;color:var(--grau)}
.rand-block p:last-child{margin:0}
.rand-block ul{list-style:none;margin:0;padding:0}
.rand-block li{margin:0;border-top:1px solid #DCDFE3}
.rand-block li a{display:block;padding:9px 0;color:var(--anthrazit);text-decoration:none;font-weight:550;font-size:.95rem;transition:color .2s var(--ease)}
.rand-block li a:hover{color:var(--gold-d)}
.rand-block.anfrage{background:#fff;box-shadow:var(--schatten);border:0}
.rand-block .tel{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--anthrazit);font-size:1.1rem;text-decoration:none}
.rand-block .tel .ic{color:var(--gold-d)}

/* Fuß */
.fuss{background:var(--anthrazit);color:#C9CCD1;padding-bottom:calc(var(--s7) + 64px)}
@media(min-width:900px){.fuss{padding-bottom:var(--s7)}}
.fuss a{color:#E7E8EA;text-decoration:none;transition:color .2s var(--ease)}
.fuss a:hover{color:var(--gold)}
.abschluss{display:grid;gap:var(--s5);padding:var(--s8) 0;border-bottom:1px solid var(--anthrazit-3);margin-bottom:var(--s7)}
.abschluss-titel{font-weight:720;letter-spacing:-.025em;line-height:1.05;font-size:clamp(2rem,1.2rem + 2.8vw,3.8rem);color:#fff;margin:0 0 var(--s4);max-width:16ch;text-wrap:balance}
.abschluss p{max-width:52ch}
.abschluss-wege{display:flex;flex-wrap:wrap;gap:var(--s5);align-items:center}
.abschluss-tel{display:inline-flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:700;color:#fff!important}
.abschluss-tel .ic{color:var(--gold);width:26px;height:26px}
.abschluss-tel small{display:block;font-size:.8rem;font-weight:500;color:#A9ADB4}
@media(min-width:900px){.abschluss{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center}.abschluss-wege{justify-content:flex-end}}
.spalten{display:grid;gap:var(--s6);grid-template-columns:1fr}
@media(min-width:640px){.spalten{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.spalten{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.fuss .marke{color:#fff}
.fuss .marke small{color:#A9ADB4}
.fuss .adresse{margin-top:var(--s4);font-size:.95rem}
.fuss h2{font-size:.82rem;color:#A9ADB4;margin:0 0 var(--s3);font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.fuss h2.zweite{margin-top:var(--s5)}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:0 0 8px;font-size:.95rem}
.fuss .recht{border-top:1px solid var(--anthrazit-3);margin-top:var(--s7);padding-top:var(--s5);font-size:.82rem;color:#A9ADB4}

/* Handy-Leiste */
.leiste{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:8px;padding:10px var(--rand) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--linie);box-shadow:0 -10px 30px -18px rgba(28,29,31,.35)}
.leiste .knopf{flex:1;min-height:50px;min-width:0}
.leiste .knopf.hell{flex:0 0 auto;padding:0 16px}
@media(min-width:900px){.leiste{display:none}}

/* ===================== Anfrage-Konfigurator (ohne Preise) ===================== */
.konfigurator{background:var(--nebel);scroll-margin-top:4.5rem}
.konf-kopf{display:grid;gap:var(--s3) var(--s7);margin-bottom:var(--s6);align-items:end}
.konf-kopf h2{margin:0}
.konf-kopf p{color:var(--grau);font-size:1.08rem;margin:0;max-width:44rem}
@media(min-width:1000px){.konf-kopf{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.rechner-seite{padding-top:var(--s6)}
.rechner{container:rechner / inline-size;background:#fff;color:var(--anthrazit);padding:var(--s5) var(--s4);border-radius:var(--ecke);position:relative;scroll-margin-top:6rem;box-shadow:var(--schatten);border:1px solid #EDEEF1}
@media(min-width:600px){.rechner{padding:var(--s6)}}
@media(min-width:1400px){.konfigurator .rechner{padding:var(--s7)}}
.r-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px var(--s4);margin-bottom:var(--s4)}
.r-titel{font-size:clamp(1.4rem,1.2rem + .6vw,1.9rem);margin:0;letter-spacing:-.02em}
.r-unter{margin:4px 0 0;color:var(--grau);font-size:.92rem}
.r-schritte{margin:0;font-size:.85rem;color:var(--grau);font-weight:600}
.r-stufen{list-style:none;margin:0 0 var(--s6);padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;counter-reset:r}
.r-stufen li{margin:0;counter-increment:r;font-size:.76rem;font-weight:600;color:var(--grau-h);padding-top:10px;position:relative;letter-spacing:.01em}
.r-stufen li::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:2px;background:var(--nebel-2);transition:background-color .4s var(--ease)}
.rechner .r-stufen li:nth-child(1),.rechner[data-stufe="2"] .r-stufen li:nth-child(-n+2),.rechner[data-stufe="3"] .r-stufen li:nth-child(-n+3),.rechner[data-stufe="4"] .r-stufen li,.rechner[data-stufe="5"] .r-stufen li{color:var(--anthrazit)}
.rechner .r-stufen li:nth-child(1)::before,.rechner[data-stufe="2"] .r-stufen li:nth-child(-n+2)::before,.rechner[data-stufe="3"] .r-stufen li:nth-child(-n+3)::before,.rechner[data-stufe="4"] .r-stufen li::before,.rechner[data-stufe="5"] .r-stufen li::before{background:var(--gold)}
.r-form fieldset{border:0;margin:0 0 var(--s5);padding:0;min-width:0}
.r-form legend,.r-label,.r-feld>label,.r-frage,.r-block>label,.r-block-kopf>label,.r-zwei label{display:flex;align-items:center;gap:10px;font-weight:650;margin-bottom:var(--s3);padding:0;font-size:1.02rem}
.r-label-klein,.r-feld .r-label-klein{display:block;font-weight:600;font-size:.92rem;margin-bottom:var(--s2)}
.r-opt{font-weight:400;color:var(--grau);font-size:.9rem}

/* Schritt 1: Eingabe | Ergebnis mit Rechenweg | Leistungsverzeichnis */
.r-s1{display:grid;gap:var(--s5)}
.r-ein{counter-reset:rb;min-width:0}
.r-block{margin:0 0 var(--s5);padding:0;border:0;min-width:0}
.r-block[data-block]{counter-increment:rb}
.r-nr{flex:0 0 auto;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--nebel);border:1.5px solid var(--linie-d);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--grau);transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}
.r-nr::before{content:counter(rb)}
.r-block.fertig .r-nr{background:var(--gold);border-color:var(--gold);color:var(--anthrazit)}
.r-block.fertig .r-nr::before{content:"";width:.8rem;height:.8rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.6 3.6L15.5 6' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.6 3.6L15.5 6' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
/* Objektkacheln mit Foto */
.r-kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.r-kachel{position:relative;cursor:pointer;display:flex;flex-direction:column;border-radius:var(--ecke-k);background:var(--nebel);overflow:hidden;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease)}
.r-kachel input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}
.r-k-bild{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--nebel-2)}
.r-k-bild picture,.r-k-bild img{width:100%;height:100%;object-fit:cover}
.r-k-bild img{transition:transform .6s var(--ease),filter .3s var(--ease);filter:saturate(.85)}
.r-k-text{display:flex;flex-direction:column;padding:10px 12px 12px;line-height:1.25}
.r-k-text strong{font-size:.98rem;font-weight:680}
.r-k-text small{font-size:.78rem;color:var(--grau);margin-top:3px}
.r-kachel:hover{background:#fff;box-shadow:inset 0 0 0 1.5px #B9BDC4}
.r-kachel:hover .r-k-bild img{transform:scale(1.05);filter:none}
.r-kachel:has(input:checked){background:#fff;box-shadow:inset 0 0 0 2px var(--anthrazit),0 10px 24px -14px rgba(28,29,31,.4)}
.r-kachel:has(input:checked) .r-k-bild img{filter:none}
.r-kachel:has(input:checked)::after{content:"";position:absolute;top:8px;right:8px;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.5 10.5l3.6 3.6L15.5 6' fill='none' stroke='%231C1D1F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.r-kachel:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:2px}
.r-k-privat{background:transparent;box-shadow:inset 0 0 0 1.5px var(--linie);justify-content:center}
.r-k-privat .r-k-text strong{font-weight:600;font-size:.9rem}
.r-k-privat:has(input:checked)::after{display:none}
/* Fläche: Zahlenfeld + Schieberegler */
.r-block-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s2) var(--s4);margin-bottom:var(--s3)}
.r-block-kopf>label{margin:0}
.r-zahlfeld{display:inline-flex;align-items:center;border:1.5px solid var(--linie-d);border-radius:var(--ecke-k);background:#fff;padding-right:12px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.r-zahlfeld:focus-within{border-color:var(--anthrazit);box-shadow:0 0 0 4px rgba(201,161,59,.35)}
.r-zahlfeld input{width:6.5rem;border:0!important;box-shadow:none!important;min-height:48px;padding:8px 6px 8px 14px;font:inherit;font-size:1.3rem;font-weight:700;text-align:right;background:transparent;color:var(--anthrazit);-moz-appearance:textfield;appearance:textfield}
.r-zahlfeld input:focus{outline:0}
.r-zahlfeld input::-webkit-outer-spin-button,.r-zahlfeld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.r-zahlfeld span{font-weight:600;color:var(--grau)}
.r-regler{--p:30%;-webkit-appearance:none;appearance:none;width:100%;height:2.25rem;background:transparent;margin:0;cursor:pointer}
.r-regler::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--gold) 0 var(--p),var(--nebel-2) var(--p) 100%)}
.r-regler::-moz-range-track{height:6px;border-radius:3px;background:var(--nebel-2)}
.r-regler::-moz-range-progress{height:6px;border-radius:3px;background:var(--gold)}
.r-regler::-webkit-slider-thumb{-webkit-appearance:none;width:1.65rem;height:1.65rem;margin-top:calc(3px - .825rem);border-radius:50%;background:#fff;border:2px solid var(--anthrazit);box-shadow:0 3px 8px rgba(28,29,31,.25);transition:transform .15s var(--ease)}
.r-regler::-moz-range-thumb{width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;border:2px solid var(--anthrazit);box-shadow:0 3px 8px rgba(28,29,31,.25)}
.r-regler:active::-webkit-slider-thumb{transform:scale(1.12)}
.r-regler:focus-visible{outline:0}
.r-regler:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(201,161,59,.45)}
.r-skala{display:flex;justify-content:space-between;font-size:.74rem;color:var(--grau);margin-top:-2px}
.r-skala span{position:relative;padding-top:6px}
.r-skala span::before{content:"";position:absolute;top:0;left:50%;width:1px;height:4px;background:var(--linie-d)}
.r-skala span:first-child::before{left:0}.r-skala span:last-child::before{left:auto;right:0}
/* Wochenleiste */
.r-woche{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.r-tag-w{position:relative;min-height:4rem;border:1.5px solid var(--linie);background:var(--nebel);border-radius:var(--ecke-k);font:inherit;font-weight:700;font-size:1.05rem;color:var(--anthrazit);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .15s var(--ease)}
.r-tag-w::after{content:"";position:absolute;left:22%;right:22%;bottom:8px;height:3px;border-radius:2px;background:transparent;transition:background-color .2s var(--ease)}
.r-tag-w:hover{background:#fff;border-color:#B9BDC4}
.r-tag-w:active{transform:scale(.97)}
.r-tag-w[aria-pressed=true]{background:var(--anthrazit);border-color:var(--anthrazit);color:#fff}
.r-tag-w[aria-pressed=true]::after{background:var(--gold)}
.r-woche-info{font-size:.86rem;color:var(--grau);margin:var(--s2) 0 0;min-height:1.4em}
.r-chips{display:flex;flex-wrap:wrap;gap:8px}
.r-chip{position:relative;cursor:pointer}
.r-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.r-chip span{display:inline-flex;align-items:center;min-height:48px;padding:8px 16px;background:var(--nebel);border:1.5px solid var(--nebel);border-radius:var(--ecke-k);font-weight:600;transition:border-color .2s var(--ease),background-color .2s var(--ease)}
.r-chip:hover span{border-color:#B9BDC4;background:#fff}
.r-chip input:checked+span{background:var(--anthrazit);color:#fff;border-color:var(--anthrazit)}
.r-chip input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.r-zeile{position:relative;display:flex;gap:12px;align-items:flex-start;padding:10px 12px;margin:0 0 6px;font-weight:500;line-height:1.4;background:var(--nebel);border-radius:var(--ecke-k);cursor:pointer;transition:background-color .2s var(--ease)}
.r-zeile:hover{background:#ECEEF1}
.r-zeile:has(input:checked){background:#fff;box-shadow:inset 0 0 0 1.5px var(--anthrazit)}
.r-zeile input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--anthrazit)}
.r-feld{margin-bottom:var(--s5)}
.r-block input[type=number]:not(.r-zahlfeld input),.r-block input[type=text],.r-feld input[type=number],.r-feld input[type=text],.r-feld input[type=tel],.r-feld input[type=email],.r-feld input[type=month],.r-feld select,.r-feld textarea{width:100%;min-height:52px;padding:12px 14px;font:inherit;font-size:1rem;color:var(--anthrazit);background:#fff;border:1.5px solid var(--linie-d);border-radius:var(--ecke-k);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.r-block input::placeholder,.r-feld input::placeholder,.r-feld textarea::placeholder{color:#7C8088}
.r-feld textarea{min-height:96px;resize:vertical}
.r-block input:hover,.r-feld input:hover,.r-feld select:hover,.r-feld textarea:hover{border-color:#8E929A}
.r-block input:focus,.r-feld input:focus,.r-feld select:focus,.r-feld textarea:focus{outline:0;border-color:var(--anthrazit);box-shadow:0 0 0 4px rgba(201,161,59,.35)}
.r-block input[aria-invalid=true]{border-color:var(--kupfer)}
.r-zwei{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
.r-zwei label{margin-bottom:var(--s2)}
@media(max-width:420px){.r-zwei.r-feld:has(input[type=email]){grid-template-columns:1fr}}
.r-plz input{max-width:10em}
.r-groesse{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}
.r-groesse input[type=number]:not(.r-zahlfeld input){width:9em;max-width:9em}
.r-hilfe{font-size:.86rem;color:var(--grau);margin:8px 0 0}
.r-fein{margin:0 0 var(--s4);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:var(--s3) 0}
.r-fein summary{cursor:pointer;font-weight:650;font-size:.95rem;list-style:none;display:flex;justify-content:space-between;align-items:center}
.r-fein summary::-webkit-details-marker{display:none}
.r-fein summary::after{content:"+";font-weight:400;font-size:1.3rem;color:var(--gold-d)}
.r-fein[open] summary::after{content:"\2212"}
.r-fein[open] summary{margin-bottom:var(--s4)}
.r-privat{background:var(--nebel);padding:var(--s4);margin-bottom:var(--s4);border-radius:var(--ecke-k)}
.r-privat p:last-child{margin:0}
/* Ergebnis-Tafel: immer dunkel, Formel mit Platzhaltern bis die Eingabe vollständig ist */
.r-aus{min-width:0}
.r-ergebnis{background:var(--anthrazit);color:#fff;padding:var(--s5);border-radius:var(--ecke);position:relative}
.r-ergebnis:empty{display:none}
.r-e-titel{font-size:.82rem;color:var(--gold);font-weight:650;margin:0 0 var(--s2);letter-spacing:.01em}
.r-leer{color:#B5B9C0;font-size:.92rem;margin:var(--s4) 0 0}
@keyframes r-auf{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* Sichtbarer Rechenweg */
.r-hinweis{font-size:.85rem;color:#C9CCD1;margin:var(--s3) 0 0}
.r-gebiet{color:#F0D58C}
.rechner>noscript .r-hinweis{color:var(--grau)}
.r-glas{font-size:.9rem;color:#E2E4E8;margin:var(--s3) 0 0}
.r-fehler{color:var(--kupfer);font-weight:600;margin:var(--s3) 0 0}
.r-navi{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4);align-items:center;margin-top:var(--s4)}
.r-navi .knopf.gold,.r-navi .knopf.dunkel{flex:1 1 auto}
.r-navi .knopf.leise{flex:0 0 auto}
.r-navi .r-hilfe{flex-basis:100%}
/* Leistungsverzeichnis-Vorschau */
.r-lv{min-width:0}
.lv-block{border:1px solid var(--linie);border-radius:var(--ecke);padding:var(--s5);background:#fff}
.lv-leer{background:var(--nebel);border-color:var(--nebel)}
.lv-leer p:last-child{margin:0;color:var(--grau);font-size:.92rem}
.lv-titel{font-weight:700;font-size:1.02rem;margin:0 0 var(--s3);display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.lv-titel span{font-weight:500;font-size:.82rem;color:var(--grau)}
.lv-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.lv-liste li{margin:0;padding:10px 0;border-bottom:1px solid var(--linie);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--s3);font-size:.9rem;line-height:1.4;animation:r-auf .35s var(--ease) both}
.lv-liste li:nth-child(2){animation-delay:.04s}.lv-liste li:nth-child(3){animation-delay:.08s}.lv-liste li:nth-child(4){animation-delay:.12s}.lv-liste li:nth-child(5){animation-delay:.16s}.lv-liste li:nth-child(6){animation-delay:.2s}
.lv-bereich{font-weight:650;grid-column:1}
.lv-turnus{grid-column:2;grid-row:1;font-size:.76rem;color:var(--gold-d);font-weight:600;text-align:right;white-space:nowrap}
.lv-arbeit{grid-column:1 / -1;color:var(--grau)}
.lv-fuss{font-size:.84rem;color:var(--grau);margin:var(--s3) 0 0}
.lv-fuss a{font-weight:600;white-space:nowrap}
@container rechner (min-width:760px){
  .r-s1{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:var(--s6);row-gap:var(--s5);align-items:start}
  .r-ein{grid-column:1;grid-row:1 / span 2}
  .r-aus{grid-column:2;grid-row:1}
  .r-lv{grid-column:2;grid-row:2}
  .r-kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}
  .r-eng{max-width:40rem}
}
@container rechner (min-width:1380px){
  .r-s1{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.78fr);grid-template-rows:auto;column-gap:var(--s7)}
  .r-ein{grid-row:1}
  .r-aus{grid-column:2;grid-row:1;position:sticky;top:6.5rem}
  .r-lv{grid-column:3;grid-row:1;position:sticky;top:6.5rem}
  .r-eng{max-width:44rem}
}
.r-honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.r-einw{font-size:.9rem}
.r-tage{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:var(--s4);scroll-snap-type:x mandatory}
.r-tag{flex:0 0 auto;scroll-snap-align:start;min-width:70px;min-height:60px;padding:6px 10px;background:var(--nebel);border:1.5px solid var(--nebel);border-radius:var(--ecke-k);font:inherit;font-weight:650;font-size:.92rem;cursor:pointer;line-height:1.2;color:var(--anthrazit)}
.r-tag span{display:block;font-weight:450;font-size:.78rem;color:var(--grau)}
.r-tag[aria-pressed=true]{background:var(--anthrazit);color:#fff;border-color:var(--anthrazit)}
.r-tag[aria-pressed=true] span{color:#D7D9DD}
.r-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:var(--s3)}
.r-slot{min-height:48px;background:var(--nebel);border:1.5px solid var(--nebel);border-radius:var(--ecke-k);font:inherit;font-weight:600;cursor:pointer;color:var(--anthrazit)}
.r-slot:hover,.r-tag:hover{border-color:#B9BDC4}
.r-slot[aria-pressed=true]{background:var(--gold);border-color:var(--gold)}
.r-tag:focus-visible,.r-slot:focus-visible,.r-tag-w:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.r-auswahl{font-weight:650;min-height:1.6em}
.r-gross{font-weight:720;font-size:1.5rem;line-height:1.3;letter-spacing:-.015em}
.r-fertig:focus{outline:0}
.r-vertrauen{display:flex;gap:8px;align-items:flex-start;margin:var(--s4) 0 0;padding-top:var(--s4);border-top:1px solid var(--linie);font-size:.86rem;color:var(--grau)}
.r-vertrauen .ic{color:var(--gold-d);width:18px;height:18px}
.rechner:not([data-stufe="1"]) .r-vertrauen{display:none}
.r-dialog{width:min(76rem,calc(100vw - 32px));max-width:100vw;max-height:100dvh;margin:auto;padding:0;border:0;border-radius:var(--ecke);background:transparent;box-shadow:0 40px 90px -30px rgba(0,0,0,.5)}
.r-dialog::backdrop{background:rgba(28,29,31,.6);backdrop-filter:blur(3px)}
.r-dialog .rechner{max-height:calc(100dvh - 32px);overflow:auto;padding-top:var(--s7);box-shadow:none;border:0}
@media(max-width:600px){.r-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}.r-dialog .rechner{min-height:100dvh;max-height:100dvh;border-radius:0}}
.r-zu{position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:transparent;font-size:1.9rem;line-height:1;cursor:pointer;color:var(--anthrazit);border-radius:var(--ecke-k);z-index:3}
.r-zu:hover{background:var(--nebel)}
.fliess>.rechner{margin-bottom:var(--s6)}

.fliess,.fakten dd,.rand-block{overflow-wrap:break-word}
.fakten dd a{overflow-wrap:anywhere}
@media(max-width:480px){.fliess table{font-size:.88rem}.fakten div{grid-template-columns:7.5em 1fr}}

/* ===================== Gestaltete Objekte (aus den Anzeigen Runde 3) ===================== */
@font-face{font-family:"HS Marker";src:url(/assets/fonts/marker.woff2) format("woff2");font-display:swap}
@font-face{font-family:"HS Hand";src:url(/assets/fonts/caveat.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"HS Mono";src:url(/assets/fonts/plexmono.woff2) format("woff2");font-display:swap}
/* Bühne: 1 em = 10 px im Entwurf. Die Schrift folgt der Bühnenbreite (--bw in em), höchstens Entwurfsgröße. */
.o-buehne{container-type:inline-size;width:100%;display:flex;justify-content:center;align-items:center;position:relative}
.o-skala{font-size:min(calc(100cqi / var(--bw)), var(--omax,10px));display:flex;justify-content:center;align-items:center;padding:3em 0;line-height:1.3;color:var(--anthrazit);font-family:var(--f);font-variant-numeric:normal}
.o-skala p{margin:0}
.o-papier{background:#FFFEFB;border-radius:.6em;box-shadow:0 4em 8em rgba(20,15,5,.26),0 1em 2.2em rgba(20,15,5,.13);position:relative;color:#1E1D1B}
.o-balken{display:inline-block;height:1.4em;border-radius:.7em;background:#E7E4DC}
.o-mono{font-family:"HS Mono",ui-monospace,monospace}
.o-marker{font-family:"HS Marker",cursive}
.o-hand{font-family:"HS Hand",cursive;font-weight:700}
.o-klein{font-size:1.7em;color:#9B978D}
/* Rechnung */
.o-rg{width:64em;padding:4.4em 4.8em 4em;transform:rotate(-3deg)}
.o-rg-kopf{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3em}
.o-rg-kopf>div{display:flex;flex-direction:column;gap:.9em}
.o-rg-kopf .o-rechts{align-items:flex-end}
.o-rg-titel{font-family:var(--f);font-size:3.4em;font-weight:850;letter-spacing:.14em;font-stretch:115%;margin:0 0 .65em!important}
.o-rg-zeile{display:flex;justify-content:space-between;align-items:center;font-size:2em;padding:.75em 0;border-bottom:1.5px dashed #DAD6CC;gap:1em}
.o-rg-zeile .o-balken{height:.6em;flex:0 0 auto}
.o-rg-summe{display:flex;justify-content:space-between;align-items:center;margin-top:.8em;font-size:3em;font-weight:800;position:relative}
.o-sum-wert{position:relative}
.o-strich{position:absolute;left:-.66em;top:-.53em;width:11em;height:2.67em}
.o-stempel{position:absolute;color:#B0261E;mix-blend-mode:multiply;opacity:.92}
.o-rund{width:30em;height:30em;right:-11em;top:4em;transform:rotate(14deg)}
.o-lupe{position:absolute;left:20em;top:20em;width:30em;height:30em;border-radius:50%;border:1.6em solid #1E1D1B;box-shadow:0 3em 6em rgba(0,0,0,.35),inset 0 0 0 .4em rgba(255,255,255,.6);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.12) 45%,rgba(255,255,255,.05));z-index:5}
.o-lupe::after{content:"";position:absolute;width:4.4em;height:17em;background:linear-gradient(90deg,#2B2A27,#111);border-radius:2.2em;right:-7em;bottom:-14em;transform:rotate(-45deg)}
.o-m1,.o-m2{position:absolute;font-size:4.6em;color:#D2261C;z-index:6;white-space:nowrap}
.o-m1{right:-.6em;top:2.6em;transform:rotate(8deg)}
.o-m2{right:-.9em;bottom:-.9em;transform:rotate(-6deg)}
/* Kalender */
.o-kal{width:66em;overflow:hidden;transform:rotate(2deg)}
.o-kal-kopf{background:#1E1D1B;color:#fff;padding:2.6em 3.6em;display:flex;justify-content:space-between;align-items:baseline}
.o-kal-kopf b{font-size:4em;font-weight:850;font-stretch:115%}
.o-kal-kopf span{font-size:2.2em;color:#E3C45C;font-weight:700}
.o-kal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1em;padding:2.4em 3em 3em}
.o-wt{font-size:1.8em;font-weight:800;letter-spacing:.12em;text-align:center;color:#8D897F}
.o-tag{height:3.4em;border-radius:.37em;background:#F3F1EB;font-size:2.2em;font-weight:700;padding:.35em .45em;position:relative;color:#5B5A57}
.o-tag.r{background:#FBF1D2;color:#1E1D1B}
.o-tag.r::after{content:"";position:absolute;right:.45em;bottom:.45em;width:1.27em;height:1.27em;border-radius:50%;background:#C9A13B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5L17.5 8.5' stroke='%231E1D1B' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat}
.o-nullstempel{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%) rotate(-12deg);border:.8em solid #fff;outline:.6em solid #B0261E;border-radius:2.2em;padding:1.2em 4.4em 2em;text-align:center;background:#B0261E;color:#fff;box-shadow:0 2.4em 5em rgba(80,0,0,.35)}
.o-nullstempel b{display:block;font-size:15em;font-weight:900;font-stretch:120%;line-height:1}
.o-nullstempel span{display:block;font-size:3em;font-weight:900;letter-spacing:.3em}
/* Kassenbon */
.o-bon{width:56em;padding:4em 4.4em 5.6em;transform:rotate(-2deg);-webkit-mask:radial-gradient(circle 1.2em at 50% 100%,transparent 1.1em,#000 1.2em) bottom/3.2em 100% repeat-x;mask:radial-gradient(circle 1.2em at 50% 100%,transparent 1.1em,#000 1.2em) bottom/3.2em 100% repeat-x;border-radius:.4em .4em 0 0}
.o-bon-t{font-size:1.8em;letter-spacing:.24em;text-transform:uppercase;color:#8D897F;text-align:center;margin-bottom:1.45em}
.o-bon-schritt{display:grid;grid-template-columns:4.4em 1fr;gap:1.8em;padding:1.8em 0;border-bottom:1.5px dashed #DAD6CC}
.o-punkt{width:2.2em;height:2.2em;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2em}
.o-punkt.rot{background:#F6D7D3;color:#B0261E}.o-punkt.hell{background:#FBF1D2}.o-punkt.gold{background:#C9A13B}
.o-bon-schritt b{display:block;font-size:2.4em;margin-bottom:.15em}
.o-bon-schritt span{font-size:2em;color:#6E6B63}
.o-bon-end{display:flex;justify-content:space-between;align-items:baseline;margin-top:2.4em}
.o-bon-end span{font-size:2.2em;font-weight:700}
.o-bon-end b{font-family:var(--f);font-size:5.8em;font-weight:850;font-stretch:115%}
/* Brief mit Zettel */
.o-brief-wrap{position:relative;margin-right:8em}
.o-brief{width:62em;padding:5.6em 5.6em 6em;transform:rotate(-2.5deg)}
.o-abs{font-size:1.5em;color:#9B978D;margin-bottom:1.9em;letter-spacing:.04em}
.o-brief-h{font-size:2.3em;font-weight:800;margin:1.3em 0 .8em!important}
.o-brief p:not(.o-brief-h){font-size:2em;line-height:1.55;color:#4A4843;margin-bottom:.6em}
.o-luecke{display:inline-block;width:7.5em;border-bottom:2px solid #BDB8AC;height:1em;vertical-align:baseline}
.o-unterschrift{margin-top:2.4em;border-top:2px solid #BDB8AC;width:16em;padding-top:.5em;font-size:1.6em;color:#9B978D}
.o-zettel{position:absolute;right:-13em;top:-5em;width:30em;padding:3em 3em 3.4em;background:linear-gradient(180deg,#FBE38A,#F6D560);box-shadow:0 2.2em 4em rgba(60,40,0,.3);transform:rotate(6deg);z-index:4}
.o-zettel .o-hand{font-size:4.6em;line-height:1.02;color:#2A2416}
.o-rabatt{position:absolute;left:-7em;bottom:-6em;transform:rotate(-10deg);background:#1E1D1B;color:#fff;border-radius:1.6em;padding:2em 3em;box-shadow:0 2em 4em rgba(0,0,0,.3);z-index:5}
.o-rabatt span{display:block;font-size:2.2em;font-weight:800;letter-spacing:.2em;color:#E3C45C}
.o-rabatt b{display:block;font-size:7.4em;font-weight:900;font-stretch:118%;line-height:1}
/* Gutschein */
.o-gs{width:76em;height:40em;border-radius:2.2em;position:relative;overflow:hidden;transform:rotate(-4deg);background:linear-gradient(125deg,#1E1D1B 0%,#2E2A22 55%,#1E1D1B 100%);color:#fff;box-shadow:0 5em 9em rgba(0,0,0,.35);-webkit-mask:radial-gradient(circle 3em at 0 50%,transparent 2.9em,#000 3em) left/51% 100% no-repeat,radial-gradient(circle 3em at 100% 50%,transparent 2.9em,#000 3em) right/51% 100% no-repeat;mask:radial-gradient(circle 3em at 0 50%,transparent 2.9em,#000 3em) left/51% 100% no-repeat,radial-gradient(circle 3em at 100% 50%,transparent 2.9em,#000 3em) right/51% 100% no-repeat}
.o-gs::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(227,196,92,.07) 0 2px,transparent 2px 1.8em)}
.o-gs-in{position:absolute;inset:0;padding:4.4em 6.4em;display:flex;flex-direction:column;justify-content:space-between}
.o-gs-l{font-size:2em;letter-spacing:.36em;color:#E3C45C;font-weight:800}
.o-gs-w{font-size:9.6em;font-weight:900;font-stretch:118%;line-height:.95;background:linear-gradient(100deg,#B98A2A,#F5DD8A 40%,#C99A35 70%,#F0D57E);-webkit-background-clip:text;background-clip:text;color:transparent}
.o-gs-u{font-size:3.4em;font-weight:700;margin-top:.3em}
.o-gs-d{display:flex;justify-content:space-between;font-size:2.1em;color:#D8D3C6;border-top:2px dashed rgba(227,196,92,.45);padding-top:.85em}
/* Handy */
.o-handy{width:43em;height:88em;border-radius:6.6em;background:#0E0E0E;padding:1.6em;box-shadow:0 6em 11em rgba(0,0,0,.45),inset 0 0 0 .3em #333;position:relative;transform:rotate(-3deg)}
.o-screen{position:relative;width:100%;height:100%;border-radius:5.2em;overflow:hidden;color:#fff;background:#222}
.o-wall{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.9)}
.o-insel{position:absolute;top:1.6em;left:50%;transform:translateX(-50%);width:12em;height:3.4em;border-radius:2em;background:#000}
.o-zeit{position:absolute;top:9.6em;width:100%;text-align:center}
.o-zeit small{display:block;font-size:2em;font-weight:600;opacity:.9}
.o-zeit b{display:block;font-size:10.4em;font-weight:600;letter-spacing:-.02em;line-height:1}
.o-noti{position:absolute;left:1.4em;right:1.4em;border-radius:2.6em;padding:1.8em 2em;background:rgba(245,245,245,.84);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#111;display:grid;grid-template-columns:5.2em 1fr;gap:1.4em}
.o-noti.honest{background:rgba(255,250,235,.95);box-shadow:0 0 0 .3em #E3C45C}
.o-n-ic{width:5.2em;height:5.2em;border-radius:1.3em;display:flex;align-items:center;justify-content:center}
.o-n-ic.grau{background:#E5E2DA}.o-n-ic.dunkel{background:#1E1D1B}
.o-n-ic svg{width:3em;height:3em}.o-n-ic img{width:4em;height:4em}
.o-n-k{display:flex;justify-content:space-between;font-size:1.7em;font-weight:700}
.o-n-k span{font-weight:500;opacity:.55}
.o-noti p{font-size:1.9em;line-height:1.3;margin-top:.15em!important}
/* Polaroids */
.o-pols{position:relative;width:92em;height:62em}
.o-pol{position:absolute;background:#fff;padding:1.8em 1.8em 7em;box-shadow:0 3em 6em rgba(0,0,0,.26)}
.o-pol img{display:block;width:100%;height:100%;object-fit:cover}
.o-pol.p1{left:2em;top:6em;width:36em;height:44em;transform:rotate(-7deg)}
.o-pol.p2{left:52em;top:3em;width:36em;height:44em;transform:rotate(6deg)}
.o-pol.p3{left:27em;top:13em;width:38em;height:46em;transform:rotate(-1deg);z-index:2}
.o-cap{position:absolute;left:.6em;right:.6em;bottom:.4em;font-size:3.6em;color:#2A2416}
.o-kreis{position:absolute;border:.6em solid #D2261C;border-radius:50%;opacity:.9}
/* Urkunde */
.o-urk{width:70em;padding:6em 6.2em;transform:rotate(-1.5deg);background:#FFFDF6;background-image:repeating-radial-gradient(circle at 50% 120%,rgba(201,161,59,.09) 0 2px,transparent 2px .9em)}
.o-rahmen{position:absolute;inset:1.8em;border:.3em double #C9A13B;border-radius:.4em;pointer-events:none}
.o-urk-l{font-size:1.8em;letter-spacing:.34em;color:#A9781B;font-weight:800;text-align:center}
.o-urk-h{font-size:6.2em;font-weight:900;font-stretch:118%;text-align:center;margin:.22em 0 .42em!important;letter-spacing:.02em}
.o-urk-zeile{display:flex;justify-content:space-between;gap:1em;font-size:2.2em;padding:.64em 0;border-bottom:1.5px solid #E8E1CC}
.o-urk-zeile b{font-weight:800}
.o-urk-fuss{display:flex;justify-content:space-between;margin-top:2.75em;font-size:1.6em;color:#9B978D}
.o-urk-fuss span{border-top:2px solid #BDB8AC;padding-top:.5em;width:13.75em}
.o-siegel{position:absolute;width:21em;height:21em;right:-5.6em;bottom:-6em;z-index:5;filter:drop-shadow(0 1em 1.6em rgba(80,50,0,.35))}
/* Rechner-Karte */

/* ===================== Fassung 4: Anzeigen-Stil ===================== */
.abschnitt.dunkel,.typo-moment.dunkel,.konfigurator{background:var(--dunkel-bg);color:#D8D3C6}
.konfigurator .konf-kopf h2{color:#fff}
.konfigurator .konf-kopf p{color:#C9C4B8}
/* Großer Angebots-Block */
.angebot-band{position:relative;overflow:hidden}
.grund-weiss{background:#fff}
.grund-creme{background:var(--nebel)}
.grund-dunkel{background:var(--dunkel-bg);color:#D8D3C6}
.grund-dunkel h2,.grund-dunkel h3{color:#fff}
.grund-gold{background:linear-gradient(160deg,#F3E3B0 0%,#E6C96F 55%,#D2AE4E 100%);color:var(--anthrazit)}
.ad-raster{display:grid;gap:var(--s6);align-items:center}
.ad-h{font-size:clamp(2.1rem,.9rem + 3.1vw,5.4rem);font-weight:860;font-stretch:112%;line-height:1;letter-spacing:-.022em;margin:0 0 var(--s4);max-width:16ch}
.ad-text{font-size:clamp(1.05rem,1rem + .35vw,1.35rem);line-height:1.45;max-width:40ch;margin:0 0 var(--s5);opacity:.92}
.ad-text b{font-weight:750}
.angebot-band .v-liste{border-top-color:rgba(30,29,27,.18);margin-bottom:var(--s5)}
.angebot-band .v-liste li{border-bottom-color:rgba(30,29,27,.18)}
.angebot-band .v-liste strong{color:var(--anthrazit)}
.angebot-band .v-liste span{color:#3F3A2C}
.angebot-band .v-liste .ic{color:var(--anthrazit)}
.grund-dunkel .v-liste strong{color:#fff}.grund-dunkel .v-liste span{color:#C9C4B8}.grund-dunkel .v-liste .ic{color:var(--gold-licht)}
.angebot-band .v-bedingung{color:inherit;opacity:.7}
.angebot-band .v-fuss{margin-top:0}
@media(min-width:1000px){.ad-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,6rem)}.angebot-band .v-liste{grid-template-columns:1fr 1fr;column-gap:var(--s6)}}
@media(min-width:1700px){.angebot-band .v-liste{grid-template-columns:1fr 1fr 1fr}}
.ad-objekt .o-skala{--omax:12px}
@media(min-width:1700px){.ad-objekt .o-skala{--omax:13px}}
/* Unsere Zusagen: Objekt-Kacheln */
.zusagen-band{background:var(--nebel)}
.zusagen{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:row dense;gap:var(--s4);grid-template-columns:minmax(0,1fr)}
.zk{margin:0;border-radius:var(--ecke);overflow:hidden;display:flex;flex-direction:column;padding:var(--s5) var(--s5) var(--s5);position:relative;box-shadow:0 1px 0 rgba(30,29,27,.04)}
.zk.grund-creme{background:#fff}
.zusagen-band .zk.grund-weiss{background:#fff}
.zusagen-band .zk.grund-creme{background:#FBFAF6;box-shadow:inset 0 0 0 1px var(--linie)}
.zk .ad-h{font-size:clamp(1.65rem,1.1rem + 1.5vw,2.6rem);max-width:18ch}
.zk .ad-text{font-size:1rem;max-width:44ch}
.zk-objekt{flex:1;display:flex;align-items:center;min-height:0;margin:var(--s2) calc(-1 * var(--s3))}
.zk-objekt .o-skala{--omax:9px}
.zk-fuss{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start;margin-top:var(--s3)}
.zk-klein{font-size:.8rem;opacity:.65;margin:0}
.zk .vermerk{margin:0}
@media(min-width:900px){.zusagen{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.zk{padding:var(--s6)}.zk.breit{grid-column:span 2}.zk.breit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:var(--s6)}.zk.breit .zk-text{grid-column:1;grid-row:1}.zk.breit .zk-fuss{grid-column:1;grid-row:2;align-self:end}.zk.breit .zk-objekt{grid-column:2;grid-row:1 / span 2}}
@media(min-width:1700px){.zusagen{grid-template-columns:repeat(3,minmax(0,1fr))}.zk-objekt .o-skala{--omax:10px}}
/* Große Typo-Momente quer über die Breite */
.typo-moment{padding:clamp(3.5rem,2rem + 5vw,8rem) 0;overflow:hidden;background:#fff}
.typo-zeile{font-size:clamp(2.4rem,1rem + 5.6vw,9.5rem);font-weight:880;font-stretch:114%;line-height:.98;letter-spacing:-.03em;margin:0;color:var(--anthrazit);text-wrap:balance}
.typo-zeile.gross{font-size:clamp(2.6rem,.5rem + 7.4vw,12.5rem)}
.typo-moment.dunkel .typo-zeile{color:#fff}
.typo-unter{margin:var(--s5) 0 0;max-width:52ch;font-size:1.05rem;color:var(--grau)}
.typo-moment.dunkel .typo-unter{color:#C9C4B8}
.typo-moment.dunkel a{color:var(--gold-licht)}
/* Randloses Bildband mit Parallax (CSS scroll-driven, ohne JS) */
.parallax-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#fff;overflow:hidden}
.parallax-band figure{margin:0;overflow:hidden;aspect-ratio:3/4;background:var(--nebel-2);position:relative}
.parallax-band picture,.parallax-band img{width:100%;height:100%;object-fit:cover}
.parallax-band img{transform:scale(1.14)}
@media(max-width:699px){.parallax-band{grid-template-columns:repeat(2,minmax(0,1fr))}.parallax-band figure{aspect-ratio:1}}
@media(min-width:1600px){.parallax-band figure{aspect-ratio:4/5}}
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .parallax-band figure:nth-child(odd) img{animation:hs-px-a linear both;animation-timeline:view()}
    .parallax-band figure:nth-child(even) img{animation:hs-px-b linear both;animation-timeline:view()}
    [data-drift]{animation:hs-drift linear both;animation-timeline:view()}
  }
}
@keyframes hs-px-a{from{transform:translateY(-7%) scale(1.16)}to{transform:translateY(7%) scale(1.16)}}
@keyframes hs-px-b{from{transform:translateY(7%) scale(1.16)}to{transform:translateY(-7%) scale(1.16)}}
@keyframes hs-drift{from{transform:translateX(4%)}to{transform:translateX(-4%)}}
/* Ablauf als Sticky-Geschichte */
.ablauf-story{background:#fff;padding:var(--abschnitt) 0}
.story-raster{display:grid;gap:var(--s6)}
.story-text h2{margin-bottom:var(--s6)}
.story-schritte{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.story-schritte li{margin:0;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--linie);transition:opacity .45s var(--ease)}
.story-schritte b{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.6rem);font-weight:880;font-stretch:112%;color:var(--gold-em);line-height:1}
.story-schritte strong{display:block;font-size:clamp(1.2rem,1.05rem + .5vw,1.6rem);font-weight:780;letter-spacing:-.015em;margin-bottom:4px}
.story-schritte span{color:var(--grau)}
.story-fort{display:none}
.story-bild{display:grid;grid-auto-flow:column;grid-auto-columns:80%;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory}
.story-bild figure{margin:0;scroll-snap-align:start}
.story-bild img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--ecke);background:var(--nebel-2)}
.story-bild figcaption{font-size:.82rem;color:var(--grau);padding-top:8px}
@media(min-width:1000px){
  .story-raster{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,5vw,7rem);align-items:center}
  .story-bild{display:block;position:relative;aspect-ratio:4/3;overflow:visible}
  .story-bild figure{position:absolute;inset:0}
  .story-bild figure+figure{display:none}
  .story-bild img{height:100%;aspect-ratio:auto;border-radius:var(--ecke);box-shadow:var(--schatten)}
  .story-bild figcaption{position:absolute;left:var(--s4);bottom:var(--s4);background:rgba(255,255,255,.94);color:var(--anthrazit);padding:.45rem .75rem;border-radius:6px;font-weight:600}
  /* Mit JS: der Abschnitt bleibt stehen, Schritte wechseln beim Scrollen */
  .js .ablauf-story{height:300vh;padding:0}
  .js .story-sticky{position:sticky;top:4.75rem;height:calc(100vh - 4.75rem);display:flex;align-items:center}
  .js .story-sticky .huelle{width:100%}
  .js .story-bild figure+figure{display:block}
  .js .story-bild figure{opacity:0;transform:scale(1.04);transition:opacity .7s var(--ease),transform 1.1s var(--ease)}
  .js .ablauf-story[data-aktiv="1"] figure[data-i="1"],.js .ablauf-story[data-aktiv="2"] figure[data-i="2"],.js .ablauf-story[data-aktiv="3"] figure[data-i="3"]{opacity:1;transform:none}
  .js .story-schritte li{opacity:.32}
  .js .ablauf-story[data-aktiv="1"] li[data-i="1"],.js .ablauf-story[data-aktiv="2"] li[data-i="2"],.js .ablauf-story[data-aktiv="3"] li[data-i="3"]{opacity:1}
  .js .story-fort{display:block;height:4px;background:var(--nebel-2);border-radius:2px;margin-top:var(--s5);overflow:hidden}
  .js .story-fort i{display:block;height:100%;width:calc(var(--fort,0) * 100%);background:var(--gold);border-radius:2px}
}
@media(min-width:1000px) and (max-height:760px){.js .story-text h2{font-size:2rem;margin-bottom:var(--s4)}.js .story-schritte li{padding:var(--s3) 0}}
@media(prefers-reduced-motion:reduce){.js .ablauf-story{height:auto!important;padding:var(--abschnitt) 0!important}.js .story-sticky{position:static!important;height:auto!important}.js .story-schritte li{opacity:1!important}}

/* Konfigurator: Zusammenfassung auf hellem Gold */
.r-ergebnis{background:var(--gold-hell);color:var(--anthrazit);border:1px solid #EADFBF}
.r-e-titel{color:var(--gold-d)}
.r-leer{color:var(--grau)}
.r-hinweis{color:var(--grau)}
.r-gebiet{color:var(--kupfer)}
.r-glas{color:var(--anthrazit)}
.r-kachel:has(input:checked){box-shadow:inset 0 0 0 2px var(--anthrazit),0 10px 24px -14px rgba(30,29,27,.4)}
.konfigurator .rechner{border:0;box-shadow:0 50px 100px -30px rgba(0,0,0,.6)}

/* ===================== Scroll-Animationen (nur mit JS und ohne reduzierte Bewegung) ===================== */
@media(prefers-reduced-motion:no-preference){
  /* Rechnung: Summe wird durchgestrichen, dann gestempelt */
  .js .o-buehne .o-strich path{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset .7s cubic-bezier(.6,0,.3,1)}
  .js .o-buehne .o-strich path+path{transition-delay:.35s}
  .js .o-buehne.an .o-strich path{stroke-dashoffset:0}
  .js .o-buehne .o-rund{opacity:0;transform:rotate(30deg) scale(1.7)}
  .js .o-buehne.an .o-rund{animation:hs-stempel .45s cubic-bezier(.3,1.4,.5,1) 1.15s both}
  @keyframes hs-stempel{0%{opacity:0;transform:rotate(30deg) scale(1.7)}70%{opacity:.95;transform:rotate(12deg) scale(.94)}100%{opacity:.92;transform:rotate(14deg) scale(1)}}
  /* Lupe fährt über die Rechnung, Marker erscheinen */
  .js .o-buehne .o-lupe{transform:translate(-14em,-12em);opacity:0;transition:transform 1.2s var(--ease),opacity .4s}
  .js .o-buehne.an .o-lupe{transform:none;opacity:1}
  .js .o-buehne .o-m1,.js .o-buehne .o-m2{opacity:0;scale:.6;transition:opacity .3s,scale .45s cubic-bezier(.3,1.5,.5,1)}
  .js .o-buehne.an .o-m1{opacity:1;scale:1;transition-delay:1s}
  .js .o-buehne.an .o-m2{opacity:1;scale:1;transition-delay:1.4s}
  /* Kassenbon druckt Zeile für Zeile */
  .js .o-buehne .o-bon{clip-path:inset(0 0 100% 0);transition:clip-path 1.6s steps(14,end)}
  .js .o-buehne.an .o-bon{clip-path:inset(0 0 -2em 0)}
  .js .o-buehne .o-bon-schritt,.js .o-buehne .o-bon-end{opacity:0;transform:translateY(-.8em);transition:opacity .4s,transform .4s}
  .js .o-buehne.an .o-bon-schritt,.js .o-buehne.an .o-bon-end{opacity:1;transform:none}
  .js .o-buehne.an .o-bon-schritt:nth-of-type(2){transition-delay:.35s}.js .o-buehne.an .o-bon-schritt:nth-of-type(3){transition-delay:.75s}.js .o-buehne.an .o-bon-schritt:nth-of-type(4){transition-delay:1.15s}.js .o-buehne.an .o-bon-end{transition-delay:1.6s}
  /* Siegel wird aufgedrückt */
  .js .o-buehne .o-siegel{opacity:0;transform:scale(2) rotate(-40deg)}
  .js .o-buehne.an .o-siegel{animation:hs-siegel .6s cubic-bezier(.3,1.45,.5,1) .7s both}
  @keyframes hs-siegel{0%{opacity:0;transform:scale(2) rotate(-40deg)}60%{opacity:1;transform:scale(.9) rotate(4deg)}100%{opacity:1;transform:none}}
  /* Handy: Benachrichtigungen kommen nacheinander */
  .js .o-buehne .o-noti{opacity:0;transform:translateY(-2.5em) scale(.96);transition:opacity .45s var(--ease),transform .6s cubic-bezier(.3,1.3,.5,1)}
  .js .o-buehne.an .o-noti{opacity:1;transform:none;transition-delay:.4s}
  .js .o-buehne.an .o-noti.honest{transition-delay:1.6s}
  /* Polaroids: rote Kreise werden gezeichnet */
  @property --hs-a{syntax:"<angle>";inherits:false;initial-value:0deg}
  .js .o-buehne .o-kreis{-webkit-mask:conic-gradient(#000 var(--hs-a),transparent 0);mask:conic-gradient(#000 var(--hs-a),transparent 0);--hs-a:0deg;transition:--hs-a .9s ease-in-out}
  .js .o-buehne.an .o-kreis{--hs-a:360deg}
  .js .o-buehne.an .o-pol.p1 .o-kreis{transition-delay:.3s}.js .o-buehne.an .o-pol.p3 .o-kreis{transition-delay:.9s}.js .o-buehne.an .o-pol.p2 .o-kreis{transition-delay:1.5s}
  .js .o-buehne .o-pol{transition:transform .9s var(--ease),opacity .6s}
  .js .o-buehne:not(.an) .o-pol{opacity:0;transform:translateY(3em) rotate(0deg)}
  .js .o-buehne.an .o-pol.p2{transition-delay:.15s}.js .o-buehne.an .o-pol.p3{transition-delay:.3s}
  .js .o-buehne .o-cap{opacity:0;transition:opacity .4s}
  .js .o-buehne.an .o-cap{opacity:1;transition-delay:1.9s}
  /* Kalender: Haken nacheinander, dann Stempel */
  .js .o-buehne .o-tag.r::after{transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
  .js .o-buehne.an .o-tag.r::after{transform:none}
  .js .o-buehne.an .o-tag:nth-child(n+6)::after{transition-delay:.15s}.js .o-buehne.an .o-tag:nth-child(n+11)::after{transition-delay:.3s}.js .o-buehne.an .o-tag:nth-child(n+16)::after{transition-delay:.45s}.js .o-buehne.an .o-tag:nth-child(n+21)::after{transition-delay:.6s}
  .js .o-buehne .o-nullstempel{opacity:0}
  .js .o-buehne.an .o-nullstempel{animation:hs-null .45s cubic-bezier(.3,1.4,.5,1) 1.1s both}
  @keyframes hs-null{0%{opacity:0;transform:translate(-50%,-50%) rotate(-30deg) scale(1.8)}100%{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(1)}}
  /* Brief: Zettel klebt, Rabatt wird aufgedrückt */
  .js .o-buehne .o-zettel{opacity:0;transform:translate(4em,-4em) rotate(18deg);transition:opacity .4s,transform .7s cubic-bezier(.3,1.3,.5,1) .3s}
  .js .o-buehne.an .o-zettel{opacity:1;transform:rotate(6deg)}
  .js .o-buehne .o-rabatt{opacity:0}
  .js .o-buehne.an .o-rabatt{animation:hs-rabatt .45s cubic-bezier(.3,1.4,.5,1) 1s both}
  @keyframes hs-rabatt{0%{opacity:0;transform:rotate(-25deg) scale(1.7)}100%{opacity:1;transform:rotate(-10deg) scale(1)}}
  /* Gutschein: Lichtkante */
  .js .o-buehne .o-gs::after{content:"";position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 40%,rgba(255,240,190,.28) 50%,transparent 60%);transform:translateX(-80%)}
  .js .o-buehne.an .o-gs::after{animation:hs-glanz 1.6s ease-in-out .4s both}
  @keyframes hs-glanz{to{transform:translateX(80%)}}
  /* Rechner-Karte: Regler fährt auf 300 m², Ergebnis erscheint */
  /* allgemein: Objekte kommen leicht herein */
  .js .o-buehne>.o-skala{transition:transform 1s var(--ease),opacity .7s}
  .js .o-buehne:not(.an)>.o-skala{transform:translateY(2.5em);opacity:.001}
}
/* Hochzählende Zahlen behalten ihre Breite (kein Layoutsprung) */
[data-zaehl]{display:inline-block;min-width:var(--zw,auto)}
.o-buehne.ob-handy .o-skala{--omax:6px}
.ad-objekt .o-buehne.ob-handy .o-skala{--omax:7.5px}
@media(max-width:899px){.o-buehne.ob-handy .o-skala{--omax:5.4px}}

@media(min-width:1000px){.story-bild picture{height:100%}}
.seitenkopf h1{font-size:clamp(1.75rem,.9rem + 2.4vw,3.8rem)}

/* Überschriften nie trennen, Größe passt sich an */
h1,h2,h3,.ad-h,.typo-zeile{hyphens:manual;-webkit-hyphens:manual}
.zusagen>.zk{container-type:inline-size}
.zk .ad-h{font-size:clamp(1.45rem,7.4cqi,2.6rem)}
.zk.breit .ad-h{font-size:clamp(1.45rem,4.6cqi,2.6rem)}
@media(max-width:480px){h1{font-size:clamp(1.75rem,8.6vw,2.4rem)}h2,.ad-h{font-size:clamp(1.55rem,7.6vw,2.2rem)}.held h1{font-size:clamp(1.9rem,9.6vw,2.6rem)}.typo-zeile{font-size:clamp(1.9rem,9.4vw,2.6rem)}}
/* Kopf auf großen Schirmen: Unterzeile und Zahlenleiste breiter */
@media(min-width:1700px){.held-satz{max-width:60ch}.held-zahlen{max-width:none}}
/* Terminkarte */
.o-termin{width:60em;transform:rotate(2deg);overflow:hidden}
.o-t-kopf{background:#1E1D1B;color:#fff;padding:2.4em 3.4em;display:flex;flex-direction:column;gap:.3em}
.o-t-kopf span{font-size:1.6em;letter-spacing:.24em;color:#E3C45C;font-weight:800}
.o-t-kopf b{font-size:4em;font-weight:850;font-stretch:115%}
.o-t-mitte{display:grid;grid-template-columns:auto 1fr;gap:3em;padding:3em 3.4em;align-items:center}
.o-t-tag{width:15em;border-radius:1.4em;background:#FBF1D2;text-align:center;padding:1.8em 0}
.o-t-tag small{display:block;font-size:2.2em;font-weight:800;letter-spacing:.2em;color:#A9781B}
.o-t-tag b{display:block;font-size:4.8em;font-weight:900;font-stretch:112%;line-height:1}
.o-t-zeilen div{display:flex;justify-content:space-between;gap:1em;font-size:2.1em;padding:.55em 0;border-bottom:1.5px dashed #DAD6CC}
.o-t-zeilen span{color:#8D897F}
.o-t-zeilen b{font-weight:800}
.o-t-fuss{display:flex;align-items:center;gap:1.6em;padding:2.2em 3.4em 2.8em;border-top:1.5px solid #ECE9E1}
.o-t-fuss b{font-size:2.3em;font-weight:800}
.o-t-box{width:4.4em;height:4.4em;border-radius:.9em;border:.3em solid #1E1D1B;display:flex;align-items:center;justify-content:center;background:#C9A13B}
.o-t-box svg{width:3em;height:3em}
@media(prefers-reduced-motion:no-preference){
  .js .o-buehne .o-t-box{background:#fff}
  .js .o-buehne .o-t-box path{stroke-dasharray:30;stroke-dashoffset:30;transition:stroke-dashoffset .45s ease-out 1s}
  .js .o-buehne.an .o-t-box{background:#C9A13B;transition:background-color .3s 1s}
  .js .o-buehne.an .o-t-box path{stroke-dashoffset:0}
}
@media(max-width:480px){.held h1{font-size:clamp(1.7rem,8.1vw,2.6rem)}.seitenkopf h1{font-size:clamp(1.6rem,7.3vw,2.3rem)}.fliess h2{font-size:clamp(1.25rem,6.1vw,1.8rem)}}
.sk-text{container-type:inline-size}
.seitenkopf h1{font-size:min(clamp(1.6rem,.9rem + 2.4vw,3.8rem),6.6cqi)}

/* ===================== Fassung 5: „So arbeiten wir“ statt Angebots-Kacheln ===================== */
.so-arbeiten{background:#fff;padding:var(--abschnitt) 0}
.sa-raster{display:grid;gap:var(--s7)}
.sa-text{padding:0 var(--rand)}
.sa-einl{font-size:clamp(1.05rem,1rem + .3vw,1.25rem);color:#3E4148;max-width:46ch;margin-bottom:var(--s6)}
.sa-liste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie);display:grid}
.sa-liste li{margin:0;display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:var(--s3);padding:var(--s5) 0;border-bottom:1px solid var(--linie)}
.sa-nr{font-size:.86rem;font-weight:800;color:var(--gold-d);letter-spacing:.04em;padding-top:.35rem}
.sa-liste h3{margin:0 0 6px;font-size:clamp(1.2rem,1.05rem + .5vw,1.6rem);font-weight:780;font-stretch:108%}
.sa-liste p{color:var(--grau);margin:0 0 var(--s2);max-width:52ch}
.sa-liste .pfeil{font-size:.92rem}
.sa-bild{position:relative;min-height:0}
.sa-foto{margin:0;background:var(--nebel-2);overflow:hidden}
.sa-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sa-objekt{margin:-5rem var(--rand) 0;position:relative;z-index:2}
.sa-objekt .o-skala{--omax:9px;padding-top:0}
.zusage-satz{display:flex;gap:10px;align-items:flex-start;margin:var(--s5) 0 0;padding:var(--s4) 0 0;border-top:1px solid var(--linie);color:#3E4148;max-width:60ch}
.zusage-satz .ic{color:var(--gold-d);width:20px;height:20px;margin-top:2px}
.zusage-satz small{display:block;color:var(--grau);font-size:.82rem;margin-top:4px}
.zusage-zeile .zusage-satz{margin:var(--s5) 0}
@media(min-width:1000px){
  .sa-raster{grid-template-columns:[voll-start] minmax(var(--rand),1fr) [inhalt-start] minmax(0,calc(var(--inhalt) * .5)) [mitte] minmax(0,calc(var(--inhalt) * .5)) [inhalt-end] minmax(var(--rand),1fr) [voll-end];align-items:center}
  .sa-text{grid-column:inhalt-start / mitte;grid-row:1;padding:0 clamp(2rem,4vw,6rem) 0 0}
  .sa-bild{grid-column:mitte / voll-end;grid-row:1;align-self:stretch;min-height:44rem}
  .sa-foto{position:absolute;inset:0}
  .sa-foto picture,.sa-foto img{height:100%}
  .sa-foto img{aspect-ratio:auto}
  .sa-objekt{position:absolute;left:clamp(-6rem,-4vw,-2rem);right:clamp(2rem,6vw,8rem);bottom:clamp(2rem,6vh,5rem);margin:0}
  .sa-objekt .o-skala{--omax:10px;justify-content:flex-start;padding:0}
}
@media(min-width:1700px){.sa-liste{grid-template-columns:1fr 1fr;column-gap:var(--s6)}.sa-objekt .o-skala{--omax:12px}}
/* Leistungsverzeichnis-Blatt (einziges gebautes Objekt) */
.o-lv{width:64em;padding:4.4em 4.8em 3.6em;transform:rotate(-1.5deg)}
.o-lv-kopf{display:flex;flex-direction:column;gap:.4em;margin-bottom:2.4em}
.o-lv-kopf span{font-size:1.6em;letter-spacing:.3em;color:#A9781B;font-weight:800}
.o-lv-kopf b{font-size:4.4em;font-weight:880;font-stretch:115%;line-height:1}
.o-lv-kopf small{font-size:1.8em;color:#8D897F}
.o-lv-zeile{display:grid;grid-template-columns:2.6em 13em 1fr auto;gap:1.4em;align-items:center;font-size:1.9em;padding:.75em 0;border-bottom:1.5px dashed #DAD6CC}
.o-lv-zeile:first-child{border-top:2px solid #1E1D1B}
.o-lv-zeile span:not(.o-lv-haken){color:#6E6B63}
.o-lv-zeile i{font-style:normal;font-weight:700;color:#7A5C14;font-size:.85em;white-space:nowrap}
.o-lv-haken{width:1.5em;height:1.5em;border-radius:.3em;border:2px solid #1E1D1B;background:#C9A13B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' stroke='%231E1D1B' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.o-lv-fuss{display:flex;justify-content:space-between;align-items:baseline;margin-top:2.2em;padding-top:1.4em;border-top:2px solid #1E1D1B}
.o-lv-fuss span{font-size:2em;font-weight:700}
.o-lv-fuss b{font-size:2.6em;font-weight:880;font-stretch:112%}
@media(prefers-reduced-motion:no-preference){
  .js .o-buehne .o-lv-haken{background-color:#fff;background-size:0;transition:background-color .25s,background-size .3s cubic-bezier(.3,1.6,.5,1)}
  .js .o-buehne.an .o-lv-haken{background-color:#C9A13B;background-size:80%}
  .js .o-buehne.an .o-lv-zeile:nth-child(2) .o-lv-haken{transition-delay:.35s}.js .o-buehne.an .o-lv-zeile:nth-child(3) .o-lv-haken{transition-delay:.7s}.js .o-buehne.an .o-lv-zeile:nth-child(4) .o-lv-haken{transition-delay:1.05s}.js .o-buehne.an .o-lv-zeile:nth-child(5) .o-lv-haken{transition-delay:1.4s}
}
@media(max-width:600px){.o-lv-zeile{grid-template-columns:2.6em 11em 1fr}.o-lv-zeile i{grid-column:2 / -1}}
.o-lv-zeile{grid-template-columns:2.6em minmax(0,1fr) auto;row-gap:.2em}
.o-lv-zeile .o-lv-haken{grid-row:1 / span 2}
.o-lv-zeile b{grid-column:2}
.o-lv-zeile i{grid-column:3;grid-row:1}
.o-lv-zeile span:not(.o-lv-haken){grid-column:2 / -1;grid-row:2;font-size:.9em}
@media(max-width:600px){.o-lv-zeile{grid-template-columns:2.6em minmax(0,1fr) auto}.o-lv-zeile i{grid-column:3}}

/* Fassung 6: Zusammenfassung statt Preis */
.r-objekt-zeile{font-weight:850;font-stretch:110%;font-size:clamp(1.35rem,1.1rem + 1vw,2.1rem);line-height:1.15;letter-spacing:-.02em;margin:0;color:var(--anthrazit)}
.r-objekt-zeile small{display:block;font-size:.9rem;font-weight:600;font-stretch:100%;color:var(--grau);letter-spacing:0;margin-top:6px}
.r-objekt-zeile.leer{color:#B3AA92}
.r-e-zwei{margin-top:var(--s5)!important;padding-top:var(--s4);border-top:1px solid #E2D6B4}
.r-weiter{list-style:none;margin:0;padding:0;counter-reset:w;display:grid;gap:6px}
.r-weiter li{counter-increment:w;display:grid;grid-template-columns:1.7rem 1fr;gap:10px;align-items:baseline;font-size:.95rem;margin:0}
.r-weiter li::before{content:counter(w);width:1.5rem;height:1.5rem;border-radius:50%;background:#fff;border:1.5px solid #D5C9A6;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--gold-d)}
.r-ergebnis.voll .r-weiter li:first-child::before{background:var(--gold);border-color:var(--gold);color:var(--anthrazit)}
.r-job{font-size:.86rem;color:var(--grau);margin:var(--s3) 0 var(--s4)}
/* Fassung 6: Zahlenleiste mit Text-Fakten, 2 × 2 bis 1.700 px, darüber 4 Spalten */
.held-zahlen b,.held-zahlen div:last-child b{font-size:clamp(1.15rem,.85rem + .7vw,1.65rem);padding-bottom:.1em;overflow-wrap:break-word}
@media(min-width:600px) and (max-width:1699px){
  .held-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .held-zahlen div,.held-zahlen div:nth-child(even){padding:var(--s4);border-right:0}
  .held-zahlen div:nth-child(odd){padding-left:0;border-right:1px solid #D5D8DD}
}
@media(min-width:1700px){.held-zahlen{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===================== Fassung 7: Privathaushalte ===================== */
.etikett-privat{background:#fff;color:var(--anthrazit);box-shadow:inset 0 0 0 1.5px var(--anthrazit)}
.privat-band{background:#fff;padding:var(--abschnitt) 0}
.pb-raster{display:grid;gap:var(--s6);align-items:center}
.pb-foto{margin:0;border-radius:var(--ecke);overflow:hidden;background:var(--nebel-2)}
.pb-foto img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pb-text h2{font-size:clamp(1.55rem,1.1rem + 1.3vw,2.4rem);max-width:22ch}
.pb-einl{color:var(--grau);max-width:52ch;font-size:1.05rem}
.pb-liste{list-style:none;margin:var(--s4) 0 var(--s4);padding:0;border-top:1px solid var(--linie);display:grid}
.pb-liste li{margin:0;border-bottom:1px solid var(--linie)}
.pb-liste a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px var(--s3);padding:var(--s3) 0;color:var(--anthrazit);text-decoration:none;align-items:center;transition:color .2s var(--ease)}
.pb-liste strong{font-weight:700;grid-column:1}
.pb-liste span{grid-column:1;color:var(--grau);font-size:.9rem}
.pb-liste .ic{grid-column:2;grid-row:1 / span 2;color:var(--gold-d);transition:transform .25s var(--ease)}
.pb-liste a:hover{color:var(--gold-d)}
.pb-liste a:hover .ic{transform:translateX(3px)}
.pb-mehr{margin:0}
@media(min-width:1000px){.pb-raster{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2.5rem,5vw,6rem)}.pb-liste{grid-template-columns:1fr 1fr;column-gap:var(--s6)}}
@media(min-width:1700px){.pb-raster{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.privat-kacheln{grid-template-columns:1fr}
@media(min-width:600px){.privat-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.privat-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
.privat-kacheln .k-bild{aspect-ratio:3/2}
.r-datum{max-width:14em}
@media(min-width:1000px){.spalten{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr}}

/* ---------- Fassung 8: Einwilligung, Nachweise, Auswahlfeld ---------- */
.r-feld select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%231E1D1B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.einw{position:fixed;z-index:80;left:12px;right:12px;bottom:12px;max-height:min(70dvh,560px);overflow:auto;overscroll-behavior:contain;background:#fff;color:var(--anthrazit);border:1px solid var(--linie);border-radius:var(--ecke);box-shadow:0 30px 70px -20px rgba(28,29,31,.45),0 2px 8px rgba(28,29,31,.08);padding:18px 18px calc(16px + env(safe-area-inset-bottom));font-size:.92rem;line-height:1.5}
.einw[hidden]{display:none}
.einw-titel{font-weight:700;font-size:1.02rem;margin:0 0 6px}
.einw-text{margin:0 0 14px;color:var(--grau)}
.einw-text a{color:var(--gold-d)}
.einw-wahl{display:grid;gap:6px;margin:0 0 14px}
.einw-kat{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;background:var(--nebel);border-radius:var(--ecke-k);cursor:pointer}
.einw-kat[hidden]{display:none}
.einw-kat input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:var(--anthrazit)}
.einw-kat input:disabled{cursor:default}
.einw-kat b{display:block;font-weight:650;color:var(--anthrazit)}
.einw-kat span{color:var(--grau);font-size:.88rem}
.einw-knoepfe{display:grid;grid-template-columns:1fr;gap:8px}
.einw-k{min-height:46px;padding:10px 14px;font:inherit;font-weight:650;font-size:.95rem;color:var(--anthrazit);background:#fff;border:1.5px solid var(--anthrazit);border-radius:var(--ecke-k);cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}
@media(hover:hover){.einw-k:hover{background:var(--anthrazit);color:#fff}}
.einw-k[hidden]{display:none}
@media(min-width:520px){.einw-knoepfe{grid-template-columns:repeat(3,minmax(0,1fr))}.einw-k{padding:10px 8px}}
@media(min-width:900px){.einw{left:24px;right:auto;bottom:24px;width:min(560px,calc(100vw - 48px));padding:22px 22px 20px}}
.fuss-einw{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.fuss-einw:hover{color:#fff}
.fuss-einw-wrap[hidden]{display:none}
.nw-anfrage{margin:var(--s7) 0 var(--s6);padding:var(--s5);background:var(--nebel);border-radius:var(--ecke)}
.nw-anfrage h2{margin-top:0}
.nw-anfrage .r-zeile{background:#fff}
.nw-anfrage .r-zeile:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--anthrazit)}
.nw-anfrage .knopf{width:100%;margin-top:var(--s3)}
.nw-fertig .r-gross{font-weight:700;font-size:1.25rem;margin:0 0 8px}
@media(min-width:700px){.nw-anfrage{padding:var(--s6)}.nw-anfrage .knopf{width:auto}}
@media(max-width:600px){.nw-anfrage .r-zwei{grid-template-columns:1fr}}
.einw-knoepfe{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));background:#fff;padding:10px 0 2px;margin-top:-10px;grid-template-columns:1fr 1fr}
.einw-knoepfe [data-einw=einstellungen],.einw-knoepfe [data-einw=speichern]{grid-column:1 / -1}
@media(min-width:520px){.einw-knoepfe [data-einw=einstellungen],.einw-knoepfe [data-einw=speichern]{grid-column:auto}}
@media(min-width:900px){.einw-knoepfe{bottom:-20px}}
.tel-mobil{align-self:center;font-size:.9rem;font-weight:600;color:inherit;text-underline-offset:3px;white-space:nowrap}
.tel-mobil-zeile{margin:.5rem 0 0;text-align:center;font-size:.9rem;font-weight:600}
.ort-daten div{min-width:0}.ort-daten dd{min-width:0;overflow-wrap:anywhere}
@media(max-width:480px){.ort-daten div{grid-template-columns:minmax(0,5.5em) minmax(0,1fr)}}
.fakten div{min-width:0}.fakten dt,.fakten dd{min-width:0}
@media(max-width:480px){.fakten div{grid-template-columns:minmax(0,7.5em) minmax(0,1fr)}.fakten dt{hyphens:auto;overflow-wrap:break-word}}
/* Kopf auf Laptop-Breiten: Menü, Nummer und Knopf dürfen sich nie überlappen */
@media(min-width:1180px) and (max-width:1459px){
  .kopf .huelle{gap:var(--s4)}
  .marke img{width:2.25rem;height:2.25rem}
  .marke span{font-size:.86rem}
  .marke small{font-size:.66rem}
  .nav>ul>li>a{padding:9px 8px;font-size:.92rem}
  .kopf-aktion{gap:var(--s3)}
  .kopf-aktion .knopf{padding-left:1rem;padding-right:1rem}
}
@media(min-width:1180px) and (max-width:1319px){
  .kopf-tel span{display:none}
  .kopf-tel{width:44px;height:44px;justify-content:center;border:1px solid var(--linie);border-radius:var(--ecke-k)}
}