/* Mehr Markenfarbe auf der Homepage: Originalfarben, klar getrennte Flächen. */
.page-home .hero-stage{background:var(--soft);border-top:1px solid #e7e0f1;overflow:hidden}
.page-home .hero{padding-top:54px;padding-bottom:70px;gap:64px;grid-template-columns:1.05fr 1fr}
.page-home .hero-brand-panel{position:absolute;right:-18px;bottom:29px;width:218px;background:white;padding:9px 9px 12px;border-radius:6px;box-shadow:0 12px 28px #22212718;transform:rotate(3deg)}
.page-home .hero-brand-logo{width:100%;height:auto;object-fit:contain;border-radius:2px;margin:0}
.page-home .hero-brand-panel>span{display:block;text-align:center;font-size:12px;color:var(--purple);margin-top:8px;font-weight:600}
.page-home .hero h1{color:var(--purple);font-size:clamp(44px,4.6vw,66px);font-weight:600;line-height:1.09;letter-spacing:-.055em}
.page-home .hero-copy>p{font-size:18px;max-width:460px;line-height:1.7;margin:27px 0 32px}
.page-home .hero .location{letter-spacing:0;font-weight:500;margin-bottom:20px}
.page-home .hero-image{isolation:isolate}
.page-home .hero-image:before{background:var(--gold);inset:24px -18px 22px 26px;border-radius:95px 4px 4px 4px}
.page-home .hero-image>img{height:525px;border-radius:95px 4px 4px 4px}
.page-home .hero .image-label{position:static;background:transparent;color:var(--muted);border:0;box-shadow:none;padding:16px 0 0;font-size:12px;line-height:1.5}
.page-home .hero-note{color:var(--purple)}
.page-home .trust-strip{background:var(--purple);border-bottom:5px solid var(--gold)}
.page-home .trust{border:0;color:white;padding:29px 0}
.page-home .trust>div{border-color:#8d7da9}
.page-home .trust svg{color:var(--gold)}
.page-home .trust small{color:#eee8f6}
.page-home .repair{background:#fff5e1}
.page-home .repair .section-intro{padding-right:15px}
.page-home .repair details{padding:0 20px;border-radius:5px}
.page-home .repair details[open]{background:#ffffffb3;border-bottom-color:transparent;margin-bottom:6px}
.page-home .repair details{border-color:#d8c8ab}
.page-home .repair summary{color:var(--purple)}
.page-home .story{background:var(--purple);color:white}
.page-home .story .section-label,.page-home .story .textlink{color:#fff}
.page-home .story .section-intro>p{color:#eee8f6}
.page-home .story-art{background:var(--gold);color:var(--purple)}
.page-home .story-art .year,.page-home .story-art p{color:var(--purple)}
.page-home .story-art .small-line{background:var(--purple)}
.page-home .story a:focus-visible{outline-color:var(--gold)}
.page-home .step-number{font-weight:700}
.page-home .step-number:after{background:var(--gold);height:2px}
.page-home .local{background:var(--soft)}
.page-home .local-symbol{background:var(--gold)}
.page-home .contact-band{border-top:6px solid var(--gold)}
.page-home .contact-band .button{background:var(--gold);border-color:var(--gold);color:var(--purple)}
.page-home .contact-band .button:hover{background:#f6c982}
.page-home .contact-band a:focus-visible{outline-color:var(--gold)}
@media(max-width:1100px){.page-home .hero{gap:35px}.page-home .hero-image>img{height:530px}.page-home .hero-brand-panel{width:185px;right:-10px}}
@media(max-width:760px){
 .page-home .hero{padding-top:35px;padding-bottom:35px;gap:28px;grid-template-columns:1fr}
 .page-home .hero h1{font-size:clamp(39px,10.6vw,56px)}
 .page-home .hero-copy>p{font-size:17px;margin:23px 0 26px}
 .page-home .hero-image>img{height:340px;border-radius:65px 4px 4px 4px}
 .page-home .hero-image:before{inset:17px -10px 24px 20px;border-radius:65px 4px 4px 4px}
 .page-home .hero-brand-panel{width:165px;bottom:44px;right:-4px}
 .page-home .hero-brand-panel>span{font-size:11px}
 .page-home .hero .image-label{font-size:12px;padding-top:18px;max-width:280px}
 .page-home .hero .actions{gap:14px 22px}
 .page-home .hero .actions>.button{flex:1;max-width:310px}
 .page-home .hero-note{font-size:13px}
 .page-home .repair .section-intro{padding-right:0}
 .page-home .repair details{padding:0 14px}
 .page-home .trust{gap:18px;padding:27px 0}
}

/* Transformation hero */
.header-logo{display:block;flex-shrink:0;padding:10px 0}
.header-logo img{width:146px;height:auto;object-fit:contain;border-radius:3px}
.page-home .hero{grid-template-columns:.9fr 1.25fr;gap:50px}
.page-home .hero h1{font-size:clamp(44px,4.5vw,65px);max-width:480px}
.page-home .hero-copy>.hero-tagline{font-size:clamp(32px,3.4vw,48px);line-height:1.2;color:var(--purple);margin:17px 0 28px;letter-spacing:-.035em}
.hero-location-card{display:inline-flex;align-items:center;gap:13px;background:var(--gold);color:var(--purple);border-radius:6px;padding:15px 19px;margin-bottom:32px;font-size:15px;font-weight:600}
.hero-location-card svg{width:25px;height:25px;flex-shrink:0}
.page-home .hero-video video{display:block;width:100%;aspect-ratio:1662/1246;object-fit:contain;background:var(--purple);border-radius:18px 4px 4px 4px}
.page-home .hero-video:before{border-radius:18px 4px 4px 4px;inset:18px -16px 20px 22px}
@media(max-width:760px){
 .header-logo img{width:110px}
 .page-home .hero{grid-template-columns:1fr;gap:25px}
 .page-home .hero h1{font-size:clamp(42px,11vw,60px)}
 .page-home .hero-copy>.hero-tagline{font-size:36px;margin:12px 0 23px}
 .hero-location-card{font-size:14px;padding:13px 15px;margin-bottom:26px}
 .page-home .hero-video{margin-inline:0 10px}
 .page-home .hero-video:before{inset:12px -10px 24px 17px}
}

