/* Startseite als Brett - GL Tools, 30.10.2026. Nur auf body.start; alle anderen Seiten behalten seite.css.
   Richtung "dense-tiles" (taste-skill, Seed 559540116), Farben der Marke: Russschwarz, Weiss, GL-Gelb. */
body.start{
  --b-bg:#0f0f0f;--b-fl:#1a1a1a;--b-fl2:#262626;--b-ink:#fff;--b-leise:#b3b3b3;
  --b-gelb:#f5c000;--b-gelb2:#d9a900;--b-dunkelink:#0f0f0f;--b-weiss:#fff;--b-grau:#e8e8e3;
  --b-r:8px;--b-fuge:8px;--b-rand:16px;
  --s-klein:clamp(.875rem,.85rem + .1vw,.9375rem);
  --s-text:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --s-lead:clamp(1.25rem,1.1rem + .7vw,1.625rem);
  --s-kopf:clamp(2rem,1.3rem + 3.2vw,4rem);
  --s-riese:clamp(4rem,9vw,9.5rem);
  --b-feder:cubic-bezier(.22,1,.36,1);
  background:var(--b-bg);color:var(--b-ink)
}
@media(max-width:759px){body.start{--b-fuge:6px;--b-rand:16px}}
body.start main{display:block}
body.start ::selection{background:var(--b-gelb);color:var(--b-dunkelink)}
body.start :focus-visible{outline:3px solid var(--b-gelb);outline-offset:3px}

/* Kopf: eine ruhige Leiste auf dem Grund */
body.start .kopf{background:var(--b-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}
body.start .insel{max-width:none;padding:8px var(--b-rand);min-height:60px}
body.start .menue a{color:var(--b-leise)}
body.start .menue a:hover,body.start .menue a[aria-current]{color:var(--b-ink)}
body.start .wortmarke{color:var(--b-ink)}
body.start .zeichen{background:var(--b-gelb);color:var(--b-dunkelink)}
body.start .zeichen::after{background:var(--b-ink)}
body.start .nav-cta{background:var(--b-gelb);border-color:var(--b-gelb);color:var(--b-dunkelink)}
body.start .mobil summary{background:var(--b-fl);border-color:var(--b-fl)}
body.start .mobil summary span{background:var(--b-ink)}
body.start .insel a:not(.marke):not(.nav-cta):not(.knopf),body.start .insel span{color:var(--b-ink)!important}
body.start .insel a[hreflang]{color:var(--b-leise)!important}
body.start .insel .sprache b{color:var(--b-ink)}

/* Gemeinsame Teile */
.b-kachel{border-radius:var(--b-r);padding:clamp(20px,2vw,28px);background:var(--b-fl);color:var(--b-ink);min-width:0;position:relative;overflow:hidden}
.b-gelb{background:var(--b-gelb);color:var(--b-dunkelink)}
.b-weiss{background:var(--b-weiss);color:var(--b-dunkelink)}
.b-grau{background:var(--b-grau);color:var(--b-dunkelink)}
.b-dunkel{background:var(--b-fl);color:var(--b-ink)}
.b-gelb a,.b-weiss a,.b-grau a{color:var(--b-dunkelink)}
.b-dunkel a,.b-kachel:not(.b-gelb):not(.b-weiss):not(.b-grau) a{color:var(--b-ink)}
.b-gross{display:block;font-size:var(--s-riese);font-weight:500;letter-spacing:-.05em;line-height:.95;margin:0 0 .15em;font-variant-numeric:tabular-nums}
.b-knopf{box-shadow:none!important;border:0;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:999px;background:var(--b-gelb);color:var(--b-dunkelink)!important;font-weight:600;font-size:var(--s-text);text-decoration:none;transition:transform .35s var(--b-feder),background-color .25s}
.b-knopf:hover{background:#ffd23a;transform:translateY(-2px)}
.b-knopf:active{transform:translateY(1px)}
.b-knopf-dunkel,.b-gelb .b-knopf{background:var(--b-dunkelink);color:var(--b-ink)!important}
.b-knopf-dunkel:hover,.b-gelb .b-knopf:hover{background:#2a2a2a}
body.start h2,body.start h3{text-wrap:balance}
body.start section{scroll-margin-top:72px}

/* 1 Held: Zwei-mal-zwei-Brett */
.b-held{display:grid;gap:var(--b-fuge);padding:0 var(--b-rand) var(--b-fuge);grid-template-columns:1fr 1fr;grid-template-rows:minmax(300px,calc((100svh - 60px - 3*var(--b-fuge)) / 2)) minmax(300px,calc((100svh - 60px - 3*var(--b-fuge)) / 2)) auto}
.b-name{background:var(--b-weiss);color:var(--b-dunkelink);display:flex;align-items:flex-end}
.b-name h1{margin:0;font-weight:500;line-height:1}
.b-wort{display:block;font-size:var(--s-riese);letter-spacing:-.055em;line-height:.9;white-space:nowrap}
.b-was{display:block;font-size:var(--s-lead);font-weight:450;letter-spacing:-.01em;line-height:1.25;margin-top:18px;max-width:30ch}
.b-film,.b-bild{padding:0;background:#000;margin:0}
.b-film video,.b-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.b-film figcaption,.b-bildtext{position:absolute;left:12px;top:12px;font-size:var(--s-klein);background:var(--b-bg);color:var(--b-ink);padding:6px 10px;border-radius:6px}
.b-bild{display:block;color:inherit}
.b-bild img{transition:transform 1.2s var(--b-feder)}
.b-bild:hover img{transform:scale(1.04)}
.b-paar{display:grid;grid-template-columns:1fr 1fr;gap:var(--b-fuge)}
.b-satz{font-size:var(--s-lead);line-height:1.3;margin:0 0 20px;letter-spacing:-.01em}
.b-paar .b-kachel{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.b-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.b-leise-knopf{background:transparent!important;border:2px solid var(--b-dunkelink)!important;color:var(--b-dunkelink)!important;border-radius:999px;box-shadow:none!important;min-height:52px}
.b-leise-knopf:hover{background:var(--b-dunkelink)!important;color:var(--b-gelb)!important}
.b-zusage{grid-column:1/-1;margin:4px 0 0;color:var(--b-leise);font-size:var(--s-klein)}
@media(prefers-reduced-motion:no-preference){
  .b-shutter{animation:b-shutter 1.1s var(--b-feder) .15s both}
  .b-shutter video{animation:b-setzen 1.6s var(--b-feder) .15s both}
  .b-name .b-wort{animation:b-steigen .9s var(--b-feder) both}
  .b-name .b-was{animation:b-steigen .9s var(--b-feder) .12s both}
  .b-paar .b-kachel{animation:b-steigen .9s var(--b-feder) .3s both}
  .b-paar .b-kachel+.b-kachel{animation-delay:.38s}
}
@keyframes b-shutter{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes b-setzen{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes b-steigen{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:759px){
  .b-held{grid-template-columns:1fr;grid-template-rows:none}
  .b-name{min-height:34svh}
  .b-wort{font-size:clamp(3.5rem,21vw,6rem)}
  .b-film{aspect-ratio:4/3}
  .b-bild{aspect-ratio:16/10;order:5}
  .b-paar{order:4}
  .b-paar{grid-template-columns:1fr}
  .b-paar .b-kachel{min-height:0}
  .b-satz{font-size:1.125rem}
  .b-zusage{order:6}
}

/* 2 Scrollstop: Flug durch die Demo-Seiten */
.b-flug{position:relative;margin-top:calc(var(--b-fuge) * 2)}
.b-buehne{position:relative;height:100svh;overflow:hidden;perspective:1300px;perspective-origin:50% 50%;background:var(--b-bg)}
.b-flugtitel{position:absolute;z-index:3;left:var(--b-rand);top:clamp(16px,4vh,48px);margin:0;max-width:14ch;background:var(--b-bg);padding:0 16px 12px 0;border-radius:0 0 var(--b-r) 0;font-size:var(--s-kopf);font-weight:500;letter-spacing:-.04em;line-height:1}
.b-flugtext{position:absolute;z-index:3;left:var(--b-rand);bottom:clamp(16px,4vh,40px);margin:0;max-width:38ch;background:var(--b-bg);padding:12px 16px 0 0;font-size:var(--s-text);color:var(--b-ink)}
.b-flugknopf{position:absolute;z-index:3;right:var(--b-rand);bottom:clamp(16px,4vh,40px)}
.b-welt{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(calc(var(--p,0) * var(--n) * 400px))}
.b-flugkarte{position:absolute;left:58%;top:54%;width:min(54vw,760px);aspect-ratio:16/10;border-radius:var(--b-r);overflow:hidden;display:block;color:var(--b-ink);text-decoration:none;
  transform:translate(-50%,-50%) translate3d(calc(var(--x) * .6vw),calc(var(--y) * .8vh),calc(var(--i) * -400px - 300px)) rotateY(calc(var(--dreh) * 1deg));
  opacity:clamp(0,min(calc((var(--p,0) * var(--n) - var(--i) + 9) / 3),calc((1.9 - var(--p,0) * var(--n) + var(--i)) / .6)),1);will-change:transform,opacity}
.b-flugkarte img{width:100%;height:100%;object-fit:cover;display:block}
.b-flugkarte span{position:absolute;left:10px;bottom:10px;background:var(--b-bg);padding:5px 10px;border-radius:6px;font-size:var(--s-klein)}
.b-flugkarte:hover span{background:var(--b-gelb);color:var(--b-dunkelink)}
/* Ohne Skript, vor dem Start und bei reduzierter Bewegung: eine ruhige Wand aus allen Seiten */
html:not([data-gl-motion="on"]) .b-buehne{height:auto;perspective:none;overflow:visible;padding:0 var(--b-rand)}
html:not([data-gl-motion="on"]) .b-flugtitel,html:not([data-gl-motion="on"]) .b-flugtext,html:not([data-gl-motion="on"]) .b-flugknopf{position:static;margin:0 0 16px}
html:not([data-gl-motion="on"]) .b-flugtitel{max-width:none;padding-top:24px}
html:not([data-gl-motion="on"]) .b-welt{position:static;transform:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--b-fuge);margin:0 0 16px}
html:not([data-gl-motion="on"]) .b-flugkarte{position:relative;left:auto;top:auto;width:auto;transform:none;opacity:1}
@media(max-width:759px){
  .b-flugkarte{left:50%;width:84vw;transform:translate(-50%,-50%) translate3d(calc(var(--x) * .25vw),calc(var(--y) * 1.2vh),calc(var(--i) * -400px - 300px)) rotateY(calc(var(--dreh) * .5deg))}
  .b-flugtitel{max-width:none;font-size:2rem}
  .b-flugknopf{left:var(--b-rand);right:auto;bottom:150px}
  .b-flugtext{bottom:16px}
}

/* 3 Abfahrtstafel - das eine Lebendige */
.b-tafel{padding:clamp(120px,14vw,200px) var(--b-rand) 0}
.b-tafelkopf{display:grid;grid-template-columns:7fr 5fr;gap:var(--b-fuge);align-items:end;margin-bottom:24px}
.b-tafelkopf h2{margin:0;font-size:var(--s-kopf);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.b-suche label{display:block;font-size:var(--s-klein);color:var(--b-leise);margin-bottom:6px}
.b-suche input{width:100%;box-sizing:border-box;min-height:56px;padding:12px 18px;border-radius:999px;border:2px solid var(--b-fl2);background:var(--b-fl);color:var(--b-ink);font:inherit;font-size:var(--s-text)}
.b-suche input:focus{border-color:var(--b-gelb);outline:0}
.b-treffer,.b-keiner{margin:10px 0 0;font-size:var(--s-klein);color:var(--b-leise);min-height:1.4em}
.b-keiner a{color:var(--b-gelb)}
.b-reihen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.b-reihe{background:var(--b-fl);border-radius:6px;overflow:hidden;transition:background-color .3s}
.b-zeile{all:unset;box-sizing:border-box;cursor:pointer;width:100%;min-height:72px;display:grid;grid-template-columns:5fr 2fr 3fr 88px;align-items:center;gap:16px;padding:10px 12px 10px 20px;font-size:clamp(1.125rem,.9rem + .9vw,1.75rem);letter-spacing:-.02em}
.b-zeile:hover{background:var(--b-fl2)}
.b-zeile:focus-visible{outline:3px solid var(--b-gelb);outline-offset:-3px}
.b-z-branche,.b-z-technik{font-size:var(--s-text);color:var(--b-leise);letter-spacing:0}
.b-z-status{justify-self:end;background:var(--b-gelb);color:var(--b-dunkelink);font-size:var(--s-klein);font-weight:600;padding:6px 14px;border-radius:4px}
.b-z-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.b-detail{display:none;grid-template-columns:minmax(0,60ch) auto;gap:16px 32px;padding:0 20px 20px;align-items:center}
.b-detail p{margin:0;font-size:var(--s-text);max-width:60ch;line-height:1.5}
.b-detail .b-knopf{justify-self:start}
.b-reihe.ist-offen{background:var(--b-gelb);color:var(--b-dunkelink)}
.b-reihe.ist-offen .b-zeile:hover{background:transparent}
.b-reihe.ist-offen .b-z-branche,.b-reihe.ist-offen .b-z-technik{color:var(--b-dunkelink)}
.b-reihe.ist-offen .b-z-status{background:var(--b-dunkelink);color:var(--b-ink)}
.b-reihe.ist-offen .b-detail{display:grid}
html:not(.b-js) .b-detail{display:grid}
.b-reihe.ist-weg{display:none}
@media(max-width:759px){
  .b-tafelkopf{grid-template-columns:1fr}
  .b-zeile{grid-template-columns:1fr auto;min-height:64px;padding-left:14px;font-size:1.25rem}
  .b-z-branche,.b-z-technik{display:none}
  .b-detail{grid-template-columns:1fr;padding:0 14px 16px}
}

/* 4 Pruefstand: grosse Zahlen auf Kacheln */
.b-pruef{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--b-fuge);padding:clamp(120px,14vw,200px) var(--b-rand) 0;grid-auto-flow:dense}
.b-pruefkopf{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between}
.b-pruefkopf h2{margin:0 0 24px;font-size:var(--s-kopf);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.b-pruefkopf p{margin:0;font-size:var(--s-lead);line-height:1.3;max-width:34ch}
.b-marks{display:contents;list-style:none}
.b-mark{aspect-ratio:3/2;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}
.b-mark .b-mark-name{margin-top:auto}
.b-mark-name span{font-weight:400;color:var(--b-leise)}
.b-mark p{margin:0}
.b-mark-name{font-size:var(--s-text);font-weight:600}
.b-mark-zahl{font-size:clamp(2rem,1.2rem + 2.6vw,3.5rem);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.b-mark-was{font-size:var(--s-klein);color:var(--b-leise)}
@media(max-width:759px){
  .b-pruef{grid-template-columns:1fr 1fr}
  .b-pruefkopf{grid-column:1/-1;grid-row:auto}
  .b-mark{aspect-ratio:auto;min-height:150px}
  .b-mark-zahl{font-size:1.75rem}
  .b-mark-name{font-size:.9375rem}
}

/* 5 Leistungen: Mosaik ungleicher Kacheln */
.b-leistungen{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--b-fuge);padding:clamp(120px,14vw,200px) var(--b-rand) 0;grid-auto-flow:dense}
.b-leistungen>*{grid-column:span 3;margin:0}
.b-lkopf{grid-column:span 6;grid-row:span 2;background:var(--b-weiss);color:var(--b-dunkelink)}
.b-lkopf h2{margin:0 0 20px;font-size:var(--s-kopf);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.b-lkopf p{font-size:var(--s-lead);line-height:1.3;margin:0;max-width:30ch}
.b-zahl{background:var(--b-gelb);color:var(--b-dunkelink)}
.b-zahl p{margin:0;font-size:var(--s-text)}
.b-zahl p.b-gross{font-size:var(--s-riese)}
.b-nicht{grid-row:span 2}
.b-nicht h3{margin:0 0 14px;font-size:var(--s-lead);font-weight:500}
.b-nicht ul{margin:0;padding-left:1.1em;font-size:var(--s-text);line-height:1.5}
.b-leistung{display:flex;flex-direction:column}
.b-ltext{display:flex;flex-direction:column;flex:1}
.b-mit-bild{grid-column:span 6!important;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.b-mit-bild img{width:calc(100% + clamp(20px,2vw,28px));height:calc(100% + 2 * clamp(20px,2vw,28px));margin:calc(-1 * clamp(20px,2vw,28px)) 0 0 calc(-1 * clamp(20px,2vw,28px));object-fit:cover;display:block;order:0}
.b-leistung h3{margin:0 0 10px;font-size:var(--s-lead);font-weight:500;letter-spacing:-.02em;line-height:1.15}
.b-leistung p{margin:0 0 12px;font-size:var(--s-text);line-height:1.45}
.b-leistung .b-ab{margin-top:auto;font-weight:600;font-variant-numeric:tabular-nums}
.b-wege{display:flex;gap:16px;margin:0!important}
.b-wege a{font-weight:600;text-underline-offset:4px}
.b-wege a:hover{text-decoration-thickness:3px}
.b-sonst{grid-column:span 6!important;font-size:var(--s-lead);line-height:1.3}
.b-sonst a{color:var(--b-dunkelink)!important;font-weight:600}
@media(max-width:1099px){.b-leistungen>*{grid-column:span 6}.b-lkopf,.b-mit-bild,.b-sonst{grid-column:1/-1!important;grid-row:auto}.b-nicht{grid-row:auto}}
@media(max-width:600px){.b-leistungen>*{grid-column:1/-1}.b-mit-bild{grid-template-columns:1fr}.b-mit-bild img{width:calc(100% + 2 * 20px);height:auto;aspect-ratio:16/10;margin:-20px -20px 0}}

/* 6 Ablauf: Akkordeon getoenter Tafeln, dunkel nach hell */
.b-ablauf{padding:clamp(120px,14vw,200px) var(--b-rand) 0}
.b-ablaufkopf{display:grid;grid-template-columns:5fr 1fr 6fr;margin-bottom:56px}
.b-ablaufkopf h2{grid-column:1;margin:0;font-size:var(--s-kopf);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.b-ablaufkopf p{grid-column:3;margin:0;font-size:var(--s-lead);line-height:1.35;align-self:end}
.b-stufen{list-style:none;margin:0;padding:0;display:flex;height:520px;border-radius:var(--b-r);overflow:hidden}
.b-stufe{flex:1 1 0;min-width:72px;position:relative;transition:flex-grow .45s var(--b-feder);background:var(--ton);color:var(--tink)}
.b-stufe:nth-child(1){--ton:#2b2410;--tink:#fff}
.b-stufe:nth-child(2){--ton:#4d3f12;--tink:#fff}
.b-stufe:nth-child(3){--ton:#7d6414;--tink:#fff}
.b-stufe:nth-child(4){--ton:#bf9612;--tink:#0f0f0f}
.b-stufe:nth-child(5){--ton:#f5c000;--tink:#0f0f0f}
.b-stufe.ist-offen{flex-grow:6}
.b-stufenknopf{all:unset;box-sizing:border-box;cursor:pointer;position:absolute;inset:0;display:flex;align-items:flex-end;padding:20px}
.b-stufenknopf span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.25rem;font-weight:600;white-space:nowrap}
.b-stufenknopf:focus-visible{outline:3px solid var(--b-ink);outline-offset:-6px}
.b-stufe:nth-child(n+4) .b-stufenknopf:focus-visible{outline-color:var(--b-dunkelink)}
.b-stufentext{position:absolute;inset:0;padding:28px;display:none;flex-direction:column;justify-content:space-between}
.b-stufentext h3{margin:0;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);font-weight:500;letter-spacing:-.03em}
.b-stufentext p{margin:0;max-width:36ch;font-size:var(--s-text);line-height:1.5}
.b-stufe.ist-offen .b-stufentext{display:flex}
@media(prefers-reduced-motion:no-preference){.b-stufe.ist-offen .b-stufentext{animation:b-steigen .6s var(--b-feder) .15s both}}
.b-stufe.ist-offen .b-stufenknopf{pointer-events:none}
.b-stufe.ist-offen .b-stufenknopf span{visibility:hidden}
html:not(.b-js) .b-stufen{flex-direction:column;height:auto}
html:not(.b-js) .b-stufentext{position:static;display:flex}
html:not(.b-js) .b-stufenknopf{display:none}
@media(max-width:899px){
  .b-ablaufkopf{grid-template-columns:1fr;gap:16px}.b-ablaufkopf p{grid-column:1}
  .b-stufen{flex-direction:column;height:auto}
  .b-stufe{flex:none;min-height:64px}
  .b-stufenknopf{position:relative;min-height:64px;align-items:center}
  .b-stufenknopf span{writing-mode:horizontal-tb;transform:none;font-size:1.125rem}
  .b-stufentext{position:static;display:none;padding:0 20px 20px}
  .b-stufe.ist-offen .b-stufentext{display:flex}
  .b-stufe.ist-offen .b-stufenknopf{display:none}
}

/* 7 Preise: Plaene, die wie Balken steigen */
.b-preise{position:relative;padding:clamp(120px,14vw,200px) var(--b-rand) 0}
.b-preiskopf{position:absolute;left:var(--b-rand);width:calc((100% - 2 * var(--b-rand)) * .64);z-index:1}
.b-preiskopf h2{margin:0 0 14px;font-size:var(--s-kopf);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.b-preiskopf p{margin:0;font-size:var(--s-text);max-width:62ch;line-height:1.5}
.b-plaene{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--b-fuge);align-items:end;height:620px}
.b-plan{border-radius:var(--b-r);padding:28px 28px 92px;position:relative;overflow:hidden;box-sizing:border-box}
.b-plan h3{margin:0 0 6px;font-size:1.75rem;font-weight:600}
.b-plan .b-preis{margin:0 0 14px;font-size:clamp(2.5rem,1.6rem + 2.6vw,3.5rem);font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1}
.b-plan p{font-size:var(--s-text);margin:0}
.b-plan-0{height:300px;background:var(--b-fl);color:var(--b-ink);--strip:#262626}
.b-plan-1{height:420px;background:var(--b-weiss);color:var(--b-dunkelink);--strip:#e3e3dd}
.b-plan-2{height:620px;background:var(--b-gelb);color:var(--b-dunkelink);--strip:var(--b-gelb2)}
.b-planknopf{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;padding:0 28px;background:var(--strip);color:inherit!important;font-weight:600;text-decoration:none;transition:padding-left .35s var(--b-feder)}
.b-planknopf:hover{padding-left:38px}
@media(max-width:899px){
  .b-preiskopf{position:static;width:auto;margin-bottom:24px}
  .b-plaene{grid-template-columns:1fr;height:auto}
  .b-plan{height:auto!important;min-height:220px}
}

/* Mittelteil auf Papier: Bausaetze, drei Wege, Beweis (Bausteine aus seite.css) */
.b-papier{background:#fff;color:#14203a;margin-top:clamp(120px,14vw,200px);padding:8px 0 clamp(72px,8vw,120px);border-radius:var(--b-r) var(--b-r) 0 0}
.b-papier .abschnitt:first-child{padding-top:clamp(56px,7vw,96px)}

/* 8 Fragen: ein Band je Frage */
.b-fragen{margin-top:0}
.b-band{display:block;padding:56px var(--b-rand);overflow:hidden}
.b-band:nth-child(even){background:var(--b-fl)}
.b-band summary{float:left;width:42%;list-style:none;cursor:pointer;margin:0;font-size:clamp(1.375rem,1rem + 1vw,2rem);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.b-band summary::-webkit-details-marker{display:none}
.b-band summary:hover{color:var(--b-gelb)}
.b-band p{margin:0 0 0 50%;font-size:var(--s-text);line-height:1.55;max-width:62ch}
.b-band:not([open]) summary{float:none;width:auto}
.b-bandkopf{background:var(--b-gelb)!important;color:var(--b-dunkelink);min-height:40svh;box-sizing:border-box;display:flex;align-items:flex-end}
.b-bandkopf h2{margin:0;font-size:clamp(2.75rem,7vw,7rem);font-weight:500;letter-spacing:-.05em;line-height:.95}
@media(max-width:759px){
  .b-band{padding:32px 20px}
  .b-band summary{float:none;width:auto;font-size:1.375rem;margin-bottom:12px}.b-band p{margin:0}
  .b-bandkopf{min-height:30svh}.b-bandkopf h2{font-size:13vw}
}

/* 9 Schluss: die Handlungs-Kachel in einer angeschnittenen Reihe */
.b-schluss{display:grid;grid-template-columns:2fr 8fr 2fr;gap:14px;padding:clamp(120px,14vw,200px) 0 0;overflow:hidden}
.b-flanke{min-height:360px;padding:0}
.b-schluss>.b-flanke:first-child{border-radius:0 var(--b-r) var(--b-r) 0}
.b-schluss>.b-flanke:last-child{border-radius:var(--b-r) 0 0 var(--b-r)}
.b-schlusskachel{padding:40px clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}
.b-schlusskachel h2{margin:0;font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:500;letter-spacing:-.04em;line-height:1.05}
.b-schlusskachel p{margin:0;font-size:var(--s-text);max-width:56ch}
.b-schlusskachel .zusicherung{font-size:var(--s-klein)}
.b-schlusskachel .gratis-weg a{font-weight:600}
@media(max-width:759px){
  .b-schluss{grid-template-columns:1fr 1fr;padding-left:var(--b-rand);padding-right:var(--b-rand);gap:var(--b-fuge)}
  .b-schlusskachel{grid-column:1/-1;order:-1;padding:28px 20px}
  .b-flanke{min-height:120px;border-radius:var(--b-r)!important}
}

/* 10 Die Marke als Bau */
.b-marke{display:flex;align-items:flex-end;gap:4px;height:34svh;min-height:180px;padding:clamp(120px,14vw,200px) var(--b-rand) var(--b-fuge)}
.b-block{flex:1 1 0;height:calc(var(--h) * 1%);border-radius:6px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;
  font-size:calc(var(--h) * .24svh + 1.5vw);font-weight:600;line-height:.78;letter-spacing:-.04em;color:var(--b-bg);background:var(--b-ink)}
.b-block:nth-child(1){background:var(--b-gelb)}
.b-block:nth-child(5),.b-block:nth-child(8){background:var(--b-gelb)}
.b-block:nth-child(4){background:var(--b-grau)}
.b-luecke{flex:0 0 clamp(8px,2vw,32px)}
@media(prefers-reduced-motion:no-preference){
  .b-marke.is-in .b-block{animation:b-block .9s var(--b-feder) both;animation-delay:calc(var(--h) * 4ms)}
}
@keyframes b-block{from{transform:translateY(40%);opacity:0}to{transform:none;opacity:1}}
@media(max-width:759px){.b-marke{height:22svh;min-height:120px}.b-block{font-size:calc(var(--h) * .15svh + 2vw)}}

/* Fuss auf dem Grund */
body.start .fuss{margin-top:0;background:var(--b-bg);border-top:0;padding-top:40px}
body.start .fuss .leise{color:var(--b-leise)}

/* Papier-Mittelteil: die erprobten Bausteine in der Hausordnung (Flaechen statt Rahmen, keine Etiketten ueber Titeln) */
.b-papier .schale{border:0;box-shadow:none;background:#f1f1ec}
.b-papier .schale[data-ui]{background:#f1f1ec}
.b-papier .etikett,.b-papier .augenbraue{display:none}
.b-papier .kurzpreise,.b-papier .kurzpreise li{border:0!important}
.b-papier .kurzpreise li{background:#f1f1ec;border-radius:6px;margin-bottom:4px}
.b-papier .leise,.b-papier small{font-size:14px}
.b-papier .knopf{box-shadow:none}
.b-papier .dunkel-kachel{background:#0f0f0f}
@media(max-width:759px){.b-papier .karte h3{font-size:1.25rem}}
.b-papier [data-ui],.b-papier [data-ui] *{font-family:Geist,ui-sans-serif,system-ui,sans-serif!important}
.b-papier .al-icon,.b-papier .al-ok{display:none}
.b-papier .station::before{content:"";flex:none;width:12px;height:12px;border-radius:3px;background:#f5c000;margin-right:8px;display:inline-block}
.b-papier .al-flaeche{background-image:none!important;background-color:#e9e9e4!important}
.b-papier li{border-top:0!important;border-bottom:0!important}
body.start .glh-knopf{box-shadow:none;background:var(--b-gelb);color:var(--b-dunkelink)}
@media(max-width:759px){.b-papier h2{font-size:1.375rem;line-height:1.2}}