/* Full-bleed arrival → quiet, inset frame. The image is cropped, never stretched;
   copy keeps its original size. A short sticky passage preserves continuity. */
.hero.hero-recede{padding:0;margin:0;max-width:none;height:100svh;min-height:680px;overflow:visible;color:#fff}
.hero-recede .hero-recede-stage{position:relative;height:100svh;min-height:680px}
.hero-recede .hero-recede-frame{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;overflow:hidden;isolation:isolate;background:#171817;color:#fff;clip-path:inset(var(--recede-top,0px) var(--recede-side,0px) var(--recede-bottom,0px) round var(--recede-radius,0px))}
.hero-motion-ready .hero-recede{height:142svh;min-height:0}
.hero-motion-ready .hero-recede-stage{position:sticky;top:0}
.hero-recede.is-in-view .hero-recede-frame{will-change:clip-path}
.hero-recede .cinema-copy{left:calc(var(--gutter) + var(--recede-copy,0px));bottom:150px}
.hero-recede .cinema-bottom{inset-inline:calc(var(--gutter) + var(--recede-copy,0px));bottom:63px}
.hero-recede .corporate-copy{padding-left:calc(var(--gutter) + var(--recede-copy,0px));padding-top:calc(var(--header) + 40px);padding-bottom:130px;width:65%;max-width:880px}
.hero-recede .corporate-bottom{inset-inline:calc(var(--gutter) + var(--recede-copy,0px));bottom:63px}
.hero-recede .corporate-photo{inset:0 0 0 25%}
html[data-hero=corporate] .header:not(.scrolled):not(.menu-open){background:transparent;color:#fff}
html[data-hero=corporate] .header:not(.scrolled):not(.menu-open) .logo-dark{display:none}
html[data-hero=corporate] .header:not(.scrolled):not(.menu-open) .logo-light{display:block}
html[data-hero=corporate] .header:not(.scrolled):not(.menu-open) .header-book{background:var(--gold);border-color:var(--gold);color:#171817}
/* One photographic series, with responsive local files and matching crops. */
.care-photo>img{filter:none;object-position:50% 50%}
#angebot-dermatologie .care-photo>img,#angebot-lasermedizin .care-photo>img{object-position:50% 50%}
@media(max-width:850px){
 .hero-recede .corporate-photo{inset:0}
 .hero-corporate .hero-recede-frame:after{content:'';position:absolute;inset:0 0 auto;height:170px;pointer-events:none;background:linear-gradient(180deg,rgba(15,18,15,.58),transparent);z-index:1}
 .hero-recede .corporate-copy,.hero-recede .corporate-bottom{z-index:2}
 .hero-recede .corporate-copy{width:100%;max-width:690px;justify-content:flex-end;padding:0 calc(var(--gutter) + var(--recede-copy,0px)) 160px}
}
@media(max-width:700px){
 .hero.hero-recede{height:100svh;min-height:660px;max-height:none}
 .hero-recede .hero-recede-stage{height:100svh;min-height:660px}
 .hero-motion-ready .hero-recede{height:132svh;min-height:calc(660px + 32svh)}
 .hero-recede .cinema-copy{inset:auto calc(var(--gutter) + var(--recede-copy,0px)) 156px}
 .hero-recede .cinema-copy h1{font-size:clamp(43px,11.2vw,62px)}
 .hero-recede .cinema-bottom,.hero-recede .corporate-bottom{inset-inline:calc(var(--gutter) + var(--recede-copy,0px));bottom:102px}
 .hero-recede .corporate-copy{padding:0 calc(var(--gutter) + var(--recede-copy,0px)) 170px}
 .hero-recede .corporate-copy h1{font-size:clamp(34px,9vw,55px)}
 .hero-recede .corporate-copy h1 em{white-space:normal}
 .hero-recede .corporate-copy p{font-size:16px;margin:22px 0 27px}
 .hero-recede .corporate-photo{inset:0}
 #angebot-aesthetik .care-photo>img{object-position:50% 43%}
}
@media(prefers-reduced-motion:reduce){
 .hero-motion-ready .hero-recede{height:100svh;min-height:680px}
 .hero-recede .hero-recede-stage{position:relative}
 .hero-recede .hero-recede-frame{clip-path:none;will-change:auto}
}