/* Eine Bildbühne und ein Verlauf für sämtliche lokalen FreeLife-Heros.
   Der quadratische Bildbereich bleibt gleich; Originalmotive werden nicht verzerrt. */
:root{
 --fl-hero-stage:clamp(560px,50vw,800px);
 --fl-hero-fade:linear-gradient(90deg,#071522 0%,#071522 41%,rgba(7,21,34,.96) 46%,rgba(7,21,34,.62) 54%,rgba(7,21,34,.12) 68%,rgba(7,21,34,0) 82%);
}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background,
#start.claude-hero.fl-hero-standard{position:relative;isolation:isolate;overflow:hidden;background:#071522;color:#fff}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background:before,
#start.claude-hero.fl-hero-standard .hero-shade{background:var(--fl-hero-fade)!important;inset:0;pointer-events:none;z-index:-1}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-inner{
 display:flex;align-items:center;max-width:1328px;min-height:var(--fl-hero-stage);padding:72px 24px;margin:0 auto;
}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-copy{width:48%;max-width:650px;position:relative;z-index:1;margin:0}
.fl-hero-standard .fl-hero-visual{
 position:absolute;z-index:-2;inset:50% 0 auto auto;transform:translateY(-50%);
 width:var(--fl-hero-stage);height:var(--fl-hero-stage);aspect-ratio:1;overflow:hidden;margin:0;padding:0;background:#071522;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%);mask-image:linear-gradient(90deg,transparent,#000 12%);
}
.fl-hero-standard .fl-hero-visual:before{
 content:"";position:absolute;inset:-30px;z-index:0;background-image:var(--fl-hero-image);background-size:cover;background-position:center;filter:blur(30px);opacity:.22;
}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.fl-hero-visual img.unified-backdrop,
#start.claude-hero.fl-hero-standard div.fl-hero-visual img.unified-backdrop{
 position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:1;object-fit:contain;object-position:center;transform:none;opacity:1;border:0;border-radius:0;box-shadow:none;margin:0;
 -webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)!important;
 mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)!important;
 -webkit-mask-composite:source-over;mask-composite:add;
}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.fl-hero-visual[data-hero-fit="right"] img.unified-backdrop,
#start.claude-hero.fl-hero-standard div.fl-hero-visual[data-hero-fit="right"] img.unified-backdrop{inset:0 0 0 auto;width:200%;object-position:right center}
#inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.fl-hero-visual[data-hero-fit="photo"] img.unified-backdrop{object-fit:cover;object-position:var(--fl-hero-focus,center)}
#start.claude-hero.fl-hero-standard .fl-home-hero-stage{position:relative;isolation:isolate;min-height:var(--fl-hero-stage)}
#start.claude-hero.fl-hero-standard .fl-home-hero-inner{display:flex;align-items:center;max-width:1328px;min-height:var(--fl-hero-stage);margin:0 auto;padding:72px 24px;box-sizing:border-box}
#start.claude-hero.fl-hero-standard .fl-home-hero-copy{position:relative;z-index:1;width:48%;max-width:650px}
#start.claude-hero.fl-hero-standard .fl-home-hero-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1280px;margin:0 auto;padding:0 24px 56px;box-sizing:content-box}
@media(min-width:901px){
 #start.claude-hero.fl-hero-standard h1{max-width:620px!important}
 #start.claude-hero.fl-hero-standard>div:not(.fl-hero-visual):not(.hero-shade)>p:not(:first-child){max-width:540px!important}
}
@media(max-width:1100px) and (min-width:901px){
 :root{--fl-hero-stage:560px}
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-inner{padding-block:60px}
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-copy{width:48%}
}
/* Alle Seiten wechseln am selben Punkt zum Bild unter dem Text. */
@media(max-width:900px){
 :root{--fl-hero-stage:min(100vw,560px)}
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background,
 #start.claude-hero.fl-hero-standard{--fl-hero-art-height:var(--fl-hero-stage)}
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-inner{display:block;min-height:0;padding:54px 24px calc(var(--fl-hero-stage) + 32px)}
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-copy{width:100%;max-width:740px}
 .fl-hero-standard .fl-hero-visual{inset:auto 0 0 auto;top:auto;bottom:0;transform:none;-webkit-mask-image:none;mask-image:none}
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background:before,
 #start.claude-hero.fl-hero-standard .hero-shade{background:linear-gradient(180deg,#071522 0%,#071522 calc(100% - var(--fl-hero-stage) - 12px),rgba(7,21,34,.22) calc(100% - var(--fl-hero-stage) + 60px),transparent 100%)!important}
 #start.claude-hero.fl-hero-standard .fl-home-hero-inner{display:block;min-height:0;padding:54px 24px calc(var(--fl-hero-stage) + 32px)}
 #start.claude-hero.fl-hero-standard .fl-home-hero-copy{width:100%;max-width:740px}
 #start.claude-hero.fl-hero-standard .fl-home-hero-paths{grid-template-columns:1fr;padding-bottom:44px}
}
@media(max-width:600px){
 #inhalt section.fl-hero-standard.unified-hero.unified-hero--background div.unified-inner{padding:44px 18px calc(var(--fl-hero-stage) + 28px)}
 #start.claude-hero.fl-hero-standard .fl-home-hero-inner{padding:44px 18px calc(var(--fl-hero-stage) + 28px)}
 #start.claude-hero.fl-hero-standard .fl-home-hero-paths{padding-inline:18px}
}