:root{--rand:clamp(20px,11vw,180px)}
html{scroll-padding-top:calc(var(--rahmen-kopf-h) + 16px)}
body.v2-seite{background:var(--papier)}
.v2-seite :focus-visible{outline:2px solid var(--zinnober);outline-offset:4px}

.v2-seite .seitenkopf{position:relative;isolation:isolate;overflow:hidden;min-height:min(76vh,780px);display:flex;flex-direction:column;justify-content:flex-end;
  padding-top:calc(var(--rahmen-kopf-h) + clamp(56px,9vh,120px));padding-bottom:clamp(56px,9vh,110px);background:#121211;color:var(--papier)}
.v2-seite .seitenkopf::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:1;-webkit-mask-image:none;mask-image:none;
  background:var(--v2-bild,radial-gradient(120% 90% at 78% 30%,#3a1a10 0%,#1b1512 38%,#101010 70%)) center/cover no-repeat;transform:scale(1.06);animation:v2-zoom 26s ease-out both}
.v2-seite .seitenkopf::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(14,14,13,.9) 0%,rgba(14,14,13,.7) 50%,rgba(14,14,13,.5) 100%)}
@keyframes v2-zoom{from{transform:scale(1.06)}to{transform:scale(1.01)}}
.v2-seite .seitenkopf>*{position:relative}
.v2-seite .seitenkopf .label,.v2-seite .seitenkopf .brotkrumen{font:400 .75rem/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(250,250,248,.88);display:flex;align-items:center;gap:14px;margin-bottom:22px}
.v2-seite .seitenkopf .label::before,.v2-seite .seitenkopf .brotkrumen::before{content:"";flex:none;width:34px;height:2px;background:var(--zinnober)}
.v2-seite .seitenkopf .brotkrumen a{color:inherit}
.v2-seite .seitenkopf .h1{font-size:clamp(2.25rem,5.8vw,5.75rem);font-weight:850;line-height:1.04;letter-spacing:-.025em;text-transform:uppercase;max-width:11.5925em;color:var(--papier);hyphens:auto;hyphenate-limit-chars:12 5 5;-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:5;margin-bottom:28px}
.v2-seite .seitenkopf .lead{color:rgba(250,250,248,.86);max-width:60ch}
.v2-seite .seitenkopf a{color:var(--papier)}
.v2-seite .seitenkopf .meta-leiste,.v2-seite .seitenkopf .meta-leiste dt{color:rgba(250,250,248,.75)}
.v2-seite .seitenkopf .meta-leiste dd{color:var(--papier)}
/*! Seitenbilder: KI-erzeugt (06.10.2026); Rechtliches ohne Bild. */
.seite--leistungen,.seite--partner,.seite--studio{--v2-bild:url("/media/hand.webp")}
.seite--ablauf,.seite--termin{--v2-bild:url("/media/ablauf.webp")}
.seite--preise,[class*="seite--website-check"]{--v2-bild:url("/media/check.webp")}
.seite--arbeiten,.seite--grundsaetze,[class*="seite--case-"]{--v2-bild:url("/media/start.webp")}
.seite--faq,.seite--kontakt,.seite--danke,.seite--fehler{--v2-bild:url("/media/befund.webp")}
@media (max-width:600px){
  .seite--leistungen,.seite--partner,.seite--studio{--v2-bild:url("/media/hand-handy.webp")}
  .seite--ablauf,.seite--termin{--v2-bild:url("/media/ablauf-handy.webp")}
  .seite--preise,[class*="seite--website-check"]{--v2-bild:url("/media/check-handy.webp")}
  .seite--arbeiten,.seite--grundsaetze,[class*="seite--case-"]{--v2-bild:url("/media/start-handy.webp")}
  .seite--faq,.seite--kontakt,.seite--danke,.seite--fehler{--v2-bild:url("/media/befund-handy.webp")}
  .v2-seite .seitenkopf{min-height:0}
  .v2-seite .seitenkopf::after{background:rgba(14,14,13,.8)}
}

.v2-seite main .h2,.v2-seite main h2:not(.h3){font-weight:850;text-transform:uppercase;letter-spacing:-.02em;line-height:1.04;font-size:clamp(1.75rem,3.4vw,3.375rem);max-width:20ch;hyphens:auto;hyphenate-limit-chars:12 5 5;-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:5}
.v2-seite main .randspalte h2{font:inherit;text-transform:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;hyphens:manual;max-width:none;margin:0;text-wrap:inherit;overflow-wrap:inherit}
.v2-seite main .h3,.v2-seite main h3{font-weight:750}
.v2-seite .abschnitt{border-top-color:rgba(20,20,20,.14)}
.v2-seite .knopf{border-radius:999px;min-height:52px;padding:0 28px;font-weight:700;letter-spacing:.02em}
.v2-seite .knopf:hover{background:var(--zinnober-text);border-color:var(--zinnober-text);color:#fff}
.v2-seite .dunkel .knopf--hell:hover{background:var(--zinnober-text);border-color:var(--zinnober-text);color:#fff}
.v2-seite .kasten{border-left-width:4px}
.v2-seite .kontakt-cta{padding-top:clamp(80px,12vh,150px);padding-bottom:clamp(80px,12vh,150px)}
.v2-seite .kontakt-cta .h2{max-width:16ch}

@media (min-width:821px){
  .v2-seite .rahmen-kanaele{top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;padding:6px 0}
  :root{--rand:clamp(130px,11vw,180px)}
}
@media (max-width:820px){:root{--rand:20px}}
@media (min-width:821px) and (max-width:1099px){
  :root{--rand:clamp(72px,8vw,110px)}
  .satz{grid-template-columns:96px minmax(0,1fr)}
  .satz>.inhalt,.satz--breit>.inhalt{grid-column:2}
  .plakette{display:none}
}
@media (max-height:480px){.plakette{display:none}}

.seite--kontakt .plakette,.seite--termin .plakette,.seite--website-check .plakette,.seite--danke .plakette,.seite--fehler .plakette,
.seite--website-check-danke .plakette,.seite--website-check-ohne-js .plakette{display:none}   
.schluss{background:var(--tinte);color:var(--papier);padding:clamp(40px,6vh,72px) 0 clamp(24px,4vh,40px);border-top:1px solid rgba(250,250,248,.12)}
.schluss .abspann{padding-top:0}

@media (prefers-reduced-motion:reduce){.v2-seite .seitenkopf::before{animation:none;transform:none}}
@media print{.v2-seite .seitenkopf{min-height:0;color:#000;background:#fff}.v2-seite .seitenkopf::before,.v2-seite .seitenkopf::after{display:none}.v2-seite .seitenkopf .h1,.v2-seite .seitenkopf .lead{color:#000}
    .v2-seite .seitenkopf{padding-top:0;padding-bottom:24px}
  .v2-seite .seitenkopf :is(.label,.brotkrumen,.brotkrumen a,.meta-leiste,.meta-leiste dt,.meta-leiste dd,.meta-leiste dd a,.lead a){color:#000}
    .schluss{background:none;color:#000;border-top:1px solid #000;padding:12px 0 0;break-inside:avoid}
  .schluss .abspann{color:#000;padding-top:0}
  .schluss .abspann__nav,.schluss .abspann p:last-child{display:none}
    body.v2-seite,.preis-karte,.wartung-stufe,.kasten{background:#fff}}