
/* Compact header, visible navigation in the logo row on desktop. */
@media(min-width:1341px){
 .site-header.fc-social-enabled{flex-wrap:nowrap;gap:12px;padding:14px 32px}
 .fc-social-enabled .main-nav{order:0;flex-basis:auto;width:auto;margin-left:auto;gap:3px;justify-content:flex-start;font-size:clamp(15px,1.05vw,17px);font-weight:500;border:0;padding:0}
 .fc-social-enabled .main-nav a{padding:10px 4px;min-height:44px}
 .fc-social-enabled .call-btn{margin-left:0;padding:12px 14px}
}
/* Less green height; no named slide tabs. */
.portrait-hero{min-height:0}
.portrait-copy{padding:38px var(--gx) 72px;width:58%;max-width:900px}
.portrait-copy h1{font-size:12px;line-height:1.5;margin-bottom:18px;max-width:520px}
.portrait-headline{font-size:clamp(40px,3.65vw,57px);line-height:1.03;margin-bottom:20px}
.portrait-intro{font-size:17px;line-height:1.5;margin-bottom:19px;max-width:520px}
.portrait-budget{font-size:14px;line-height:1.5;margin:0 0 20px;max-width:520px}
.portrait-actions a{padding:14px 20px;min-height:50px;font-size:15px}
.portrait-trust{margin-top:22px;padding-top:16px;font-size:12px;gap:16px}
.portrait-controls{position:absolute;right:32px;bottom:16px;padding:0;gap:0;z-index:4;justify-content:flex-end;flex-wrap:nowrap}
.portrait-controls button[data-person]{width:36px;min-width:36px;height:40px;min-height:40px;padding:0;border:0;background:transparent;backdrop-filter:none}
.portrait-controls button[data-person]::after{content:"";display:block;width:8px;height:8px;margin:auto;border:1px solid white;border-radius:50%;background:transparent}
.portrait-controls button[data-person][aria-pressed="true"]::after{background:white}
.portrait-controls .portrait-pause{width:36px;min-width:36px;height:36px;min-height:36px;font-size:17px;padding:0;margin-left:8px}
.portrait-image-credit{position:absolute;bottom:13px;left:var(--gx);text-align:left;padding:0;margin:0;font-size:10px;z-index:3}
@media(min-width:701px){.portrait-note{top:74%;right:1%;width:67%;font-size:clamp(30px,2.5vw,40px)}}
@media(min-width:701px) and (max-width:1100px){.portrait-copy{width:68%;padding-top:32px}.portrait-headline{font-size:44px}.portrait-intro{font-size:16px}.portrait-budget{font-size:13px}.portrait-trust{gap:10px;font-size:11px}}
@media(max-width:700px){
 .portrait-hero{padding-bottom:44px}
 .portrait-copy{padding:10px var(--gx) 26px;width:100%;max-width:none}
 .portrait-images{height:270px}
 .portrait-shade{height:270px}
 .portrait-note{top:auto;bottom:30px;right:1%;width:80%;font-size:23px}
 .portrait-headline{font-size:39px}
 .portrait-copy h1{font-size:11px}
 .portrait-intro{font-size:16px}
 .portrait-budget{font-size:13px}
 .portrait-actions a{flex-basis:100%;font-size:15px}
 .portrait-trust{gap:12px}
 .portrait-controls{right:12px;bottom:7px}
 .portrait-controls button[data-person]{width:30px;min-width:30px}
 .portrait-image-credit{bottom:55px;left:18px;font-size:9px}
}
@media(min-width:1341px){.site-header.fc-social-enabled{justify-content:flex-start}.fc-social-enabled .main-nav{margin-left:20px}.fc-social-enabled .call-btn{margin-left:auto}}
@media(min-width:1101px){
 .portrait-copy{padding-top:30px;padding-bottom:52px}
 .portrait-copy h1{margin-bottom:14px}
 .portrait-headline{font-size:clamp(40px,3.3vw,52px);margin-bottom:17px}
 .portrait-intro{font-size:16px;max-width:540px;margin-bottom:16px}
 .portrait-budget{font-size:13px;margin-bottom:17px}
 .portrait-trust{margin-top:18px;padding-top:14px}
}
/* Entwurf: groessere Leitzeile und weicher linker Fotorand. */
@media(min-width:701px){
 .portrait-headline{position:relative;z-index:2;font-size:clamp(43px,4vw,63px);max-width:720px;width:max-content;max-width:min(720px,calc(100vw - 2 * var(--gx)))}
 .portrait-headline span{font-size:.82em}
 .portrait-images{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 6%,rgba(0,0,0,.72) 17%,#000 28%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 6%,rgba(0,0,0,.72) 17%,#000 28%)}
 .portrait-shade{background:linear-gradient(90deg,#103d39 0%,#103d39 35%,rgba(16,61,57,.94) 42%,rgba(16,61,57,.52) 50%,rgba(16,61,57,.06) 62%,transparent 70%),linear-gradient(0deg,rgba(5,32,29,.45),transparent 30%)}
 .portrait-hero:has(.portrait:first-child.active) .portrait-shade{background:linear-gradient(90deg,#103d39 0%,#103d39 34%,rgba(16,61,57,.93) 40%,rgba(16,61,57,.40) 47%,rgba(16,61,57,.02) 56%,transparent 61%),linear-gradient(0deg,rgba(5,32,29,.4),transparent 28%)}
}

@media(min-width:1101px){.portrait-headline{font-size:clamp(62px,5.2vw,82px)}.portrait-headline span{font-size:.66em}}

@media(min-width:1101px){.portrait-headline span{display:block;line-height:1.06}}

/* User correction: slightly larger navigation and more breathing room. */
@media(min-width:1341px){.fc-social-enabled .main-nav{font-size:16px;gap:7px}.fc-social-enabled .main-nav a{padding:12px 6px}}
@media(min-width:1450px){.fc-social-enabled .main-nav{font-size:17px;gap:10px}}
