/* One canvas for all managed pages, independent of theme and page-builder CSS. */
html{box-sizing:border-box;min-width:0;background:#f7f8f9;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
body.flh-native{width:100%;max-width:1680px;margin:0 auto!important;min-height:100vh;position:relative}
body.flh-native>main{margin:0;padding:0;width:100%;max-width:none}
body.flh-native .fl-wrap{margin-inline:auto}
body.flh-native .fl-bio-sheet,body.flh-native .fl-bio-sheet:hover,body.flh-native .fl-bio-sheet:focus{background:#fff;color:#152d3b}
img{max-width:100%;height:auto;vertical-align:middle}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a77d24;outline-offset:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Keep the WordPress toolbar outside the centered page canvas. */
body.flh-native.admin-bar #wpadminbar{position:fixed;top:0;left:0;width:100%;max-width:none}

/* Preserve headroom for the current portrait in the mobile detail hero. */
@media(max-width:760px){.fl-detail-hero figure img[src*="valeri-schick-portraet-aktuell-20261009"]{object-position:50% 25%}}


/* Founder portrait: copy left, generous portrait right, fading into the page. */
body.flh-native #gruender.fl-founder{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:clamp(36px,5vw,80px);row-gap:24px;align-items:center;background:#fff}
body.flh-native #gruender.fl-founder>div{grid-column:1;grid-row:1;min-width:0}
body.flh-native #gruender.fl-founder>figure{grid-column:2;grid-row:1;position:relative;margin:0;width:100%;height:clamp(620px,60vw,780px);overflow:hidden;align-self:center}
body.flh-native #gruender.fl-founder>figure img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:78% top;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)}
body.flh-native #gruender.fl-founder>figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 16%,rgba(255,255,255,0) 90%,#fff 100%)}
body.flh-native #gruender.fl-founder>.fl-focus-author{grid-column:2;grid-row:2;margin:0;align-self:start}
@media(max-width:1050px) and (min-width:761px){body.flh-native #gruender.fl-founder{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:30px;row-gap:24px}body.flh-native #gruender.fl-founder>figure{height:620px}}
@media(max-width:760px){body.flh-native #gruender.fl-founder{grid-template-columns:minmax(0,1fr);gap:20px}body.flh-native #gruender.fl-founder>figure{grid-column:1;grid-row:1;width:min(100%,480px);height:clamp(380px,100vw,510px);justify-self:center}body.flh-native #gruender.fl-founder>div{grid-column:1;grid-row:2}body.flh-native #gruender.fl-founder>.fl-focus-author{grid-column:1;grid-row:3;margin-top:8px}body.flh-native #gruender.fl-founder>figure img{object-position:78% top}}

/* Podcast layout – 2026-10-15 */
.fl-podcast-hero{padding:38px 0 64px;background:#f7f7f2}
.fl-podcast-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:center}
.fl-podcast-hero-copy{max-width:710px}
.fl-podcast-kicker{display:flex;flex-wrap:wrap;gap:12px 20px;margin:24px 0 18px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.fl-podcast-status{color:#526748}
.fl-podcast-hero h1{margin:0 0 18px;font-size:clamp(40px,4.5vw,66px);line-height:1.08}
.fl-podcast-claim{font-size:clamp(23px,2.5vw,34px);line-height:1.4;margin:0 0 24px}
.fl-podcast-claim em{color:#87733e}
.fl-podcast-opening{font-size:17px;line-height:1.8;margin:0 0 26px}
.fl-podcast-cover{width:300px;max-width:100%;margin:0;justify-self:center}
.fl-podcast-cover img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 18px 40px #152d3b20}
.fl-podcast-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;background:#173c39;color:#fff!important;border-radius:5px;text-decoration:none;font-weight:600;line-height:1.5}
.fl-podcast-button:hover{background:#27534c}
.fl-podcast-button:focus-visible{outline:3px solid #a88d48;outline-offset:4px}
.fl-podcast-story{padding-top:68px;padding-bottom:68px;max-width:920px}
.fl-podcast-story h2,.fl-podcast-perspectives h2,.fl-podcast-episodes h2{font-size:clamp(30px,3.4vw,45px);line-height:1.2;margin:14px 0 24px}
.fl-podcast-story p{line-height:1.85;margin-bottom:18px}
.fl-podcast-perspectives{background:#f7f7f2;padding:64px 0}
.fl-podcast-perspective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.fl-podcast-perspective-grid article{padding:28px;background:#fff;border:1px solid #e6e5da;border-radius:10px}
.fl-podcast-perspective-grid h3{margin:12px 0;font-size:25px}
.fl-podcast-perspective-grid p{line-height:1.8}
.fl-podcast-episodes{padding:64px 0;background:#edf1eb}
.fl-podcast-episodes-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:50px;align-items:center}
.fl-podcast-coming{padding:30px;background:#fff;border-radius:10px}
.fl-podcast-episodes p{line-height:1.8;margin-bottom:20px}
@media(max-width:900px){.fl-podcast-hero-grid{grid-template-columns:minmax(0,1fr) 240px;gap:30px}.fl-podcast-cover{width:240px}.fl-podcast-perspective-grid{grid-template-columns:1fr}.fl-podcast-episodes-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:650px){.fl-podcast-hero{padding:26px 0 40px}.fl-podcast-hero-grid{grid-template-columns:1fr;gap:32px}.fl-podcast-cover{width:220px}.fl-podcast-hero h1{font-size:42px}.fl-podcast-opening{font-size:16px}.fl-podcast-kicker{font-size:11px;gap:10px}.fl-podcast-story{padding-top:44px;padding-bottom:44px}.fl-podcast-perspectives,.fl-podcast-episodes{padding:44px 0}}
