/* STEP 38 · Unterseiten: Design 35/36, vorhandene Navigation/Funktionalität bleibt unangetastet. */
:root{--s38-ink:#111210;--s38-paper:#f5f3ee;--s38-lime:#d9ff1f;--s38-peach:#efc8b5;--s38-sage:#d4dccb;--s38-sky:#d8e5f7}
html,body.step38-sub{background:var(--s38-paper)!important;color:var(--s38-ink)!important}
body.step38-sub::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(217,255,31,.16),transparent 22%),radial-gradient(circle at 88% 18%,rgba(216,229,247,.23),transparent 24%),linear-gradient(180deg,#f6f4ef 0%,#f0eee9 100%)}
/* Header/navigation deliberately NOT replaced: Step33 structure stays. */
.step38-sub .site-header{background:rgba(245,243,238,.88)!important;border-bottom:1px solid rgba(17,18,16,.08)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.step38-sub .page-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#faf9f5 0%,#f1f0eb 60%,#e2e7dd 100%)!important;border-bottom:1px solid rgba(17,18,16,.08)!important}
.step38-sub .page-hero::before{content:"";position:absolute;width:46vw;height:46vw;right:-12vw;top:-22vw;border-radius:50%;background:radial-gradient(circle,rgba(217,255,31,.22),transparent 62%);filter:blur(18px);pointer-events:none}
.step38-sub .page-hero>.wrap{position:relative;z-index:2;padding-top:clamp(72px,8vw,118px)!important;padding-bottom:clamp(74px,9vw,130px)!important}
.step38-sub .page-hero .kicker,.step38-sub .section .kicker,.step38-sub .brief-card .kicker{letter-spacing:.22em!important;color:#5f655f!important}
.step38-sub .page-hero h1{font-size:clamp(3.6rem,8vw,7.8rem)!important;line-height:.83!important;letter-spacing:-.075em!important;max-width:10ch!important;color:var(--s38-ink)!important}
.step38-sub .page-hero .lead{font-size:clamp(1.08rem,1.5vw,1.35rem)!important;line-height:1.5!important;max-width:38ch!important;color:#434843!important}
.step38-sub .section{background:transparent!important;padding-top:clamp(72px,8vw,118px)!important;padding-bottom:clamp(72px,8vw,118px)!important}
.step38-sub .section-head h2{font-size:clamp(2.7rem,5vw,5.2rem)!important;line-height:.9!important;letter-spacing:-.06em!important;color:var(--s38-ink)!important}
.step38-sub .section-head .lead{color:#5f655f!important}
.step38-sub .card,.step38-sub .brief-card,.step38-sub .form-shell{border-radius:24px!important;border:1px solid rgba(17,18,16,.1)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 18px 45px rgba(17,18,16,.06)!important;backdrop-filter:blur(10px)}
.step38-sub .grid-3 .card:nth-child(2n){background:rgba(217,255,31,.22)!important}.step38-sub .grid-3 .card:nth-child(3n){background:rgba(216,229,247,.40)!important}.step38-sub .grid-3 .card:nth-child(4n){background:rgba(239,200,181,.43)!important}
.step38-sub .service-icon{border-radius:14px!important;background:var(--s38-ink)!important;color:var(--s38-lime)!important}
.step38-sub .btn{border-radius:999px!important}
.step38-sub .btn--primary{background:var(--s38-ink)!important;color:white!important;border-color:var(--s38-ink)!important}
.step38-sub .btn--primary:hover,.step38-sub .btn--primary:focus-visible{background:#000!important;transform:translateY(-2px)!important}
.step38-sub .choice label{border-radius:20px!important;background:rgba(255,255,255,.72)!important}
.step38-sub .choice input:checked+label{background:var(--s38-lime)!important;color:var(--s38-ink)!important;border-color:var(--s38-ink)!important}
.step38-sub .name-bridge{background:linear-gradient(180deg,#111210,#171a17)!important}
.step38-sub .site-footer{background:linear-gradient(180deg,#101110,#171a17)!important;color:#f7f5ef!important}
.step38-sub .site-footer a{color:inherit!important}
@media(max-width:760px){.step38-sub .page-hero>.wrap{padding-top:54px!important;padding-bottom:72px!important}.step38-sub .page-hero h1{font-size:clamp(3rem,15vw,5.3rem)!important}.step38-sub .grid-3{grid-template-columns:1fr!important}}