/* Frank Ohlsen Unternehmensseiten 2.1.1 – Korrekturen für importierte Standalone-Seiten */

/* Die alten Standalone-Navigationen und -Footer werden durch den zentralen Plugin-Header/-Footer ersetzt. */
.fou-legacy-page #content > .fou-legacy-scope > nav,
.fou-legacy-page #content > .fou-legacy-scope > header,
.fou-legacy-page #content > .fou-legacy-scope > footer,
.fou-legacy-page #content > .fou-legacy-scope > main > nav,
.fou-legacy-page #content > .fou-legacy-scope > main > header,
.fou-legacy-page #content > .fou-legacy-scope > main > footer {
  display:none !important;
}

/* Zentraler Header/Footer müssen auch dann stabil bleiben, wenn alte CSS-Dateien generische nav/body/footer-Regeln enthalten. */
.fou-body .fou-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--fou-line)!important;padding:0!important;height:auto!important;display:block!important;}
.fou-body .fou-header .fou-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:78px!important;}
.fou-body .fou-header .fou-nav{display:flex!important;align-items:center!important;gap:18px!important;position:static!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;flex-direction:row!important;}
.fou-body .fou-header .fou-nav a{font-size:.94rem!important;text-decoration:none!important;padding:0!important;border-radius:0!important;color:#44515c!important;background:transparent!important;}
.fou-body .fou-header .fou-nav .fou-nav-cta{background:var(--fou-orange)!important;color:#fff!important;padding:10px 16px!important;border-radius:999px!important;}
.fou-body .fou-footer{display:block!important;position:static!important;background:#fff!important;color:var(--fou-muted)!important;border-top:1px solid var(--fou-line)!important;padding:36px 0 48px!important;height:auto!important;}

/* Altersvorsorge: dort darf niemals das Stressintelligenz-Hero erscheinen. */
.fou-page-altersvorsorge .hero-bg,
.fou-page-av-rechner .hero-bg,
.fou-page-av-foerderung .hero-bg,
.fou-page-av-kinderzulage .hero-bg,
.fou-page-av-etf .hero-bg,
.fou-page-av-riester .hero-bg,
.fou-page-av-selbstaendige .hero-bg,
.fou-page-av-berufseinsteiger .hero-bg,
.fou-page-altersvorsorge img[src*="hero-maennergruppe"],
.fou-page-altersvorsorge [style*="hero-maennergruppe"]{
  display:none!important;
  background-image:none!important;
}

/* Stressintelligenz: bessere Lesbarkeit der Hero-Überschrift auf dem Foto. */
.fou-page-stressintelligenz .hero-bg{
  background-image:
    linear-gradient(90deg,rgba(10,16,21,.82) 0%,rgba(10,16,21,.70) 38%,rgba(10,16,21,.44) 66%,rgba(10,16,21,.22) 100%),
    url('../../legacy/stressintelligenz/hero-maennergruppe.jpg')!important;
}
.fou-page-stressintelligenz .hero h1{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.75)!important;
}
.fou-page-stressintelligenz .hero .eyebrow{
  color:#fff!important;
  background:rgba(10,16,21,.46)!important;
  border-color:rgba(255,255,255,.28)!important;
  backdrop-filter:blur(5px);
}

@media(max-width:980px){
  .fou-body .fou-header .fou-nav{display:none!important;position:absolute!important;left:18px!important;right:18px!important;top:70px!important;background:#fff!important;border:1px solid var(--fou-line)!important;border-radius:16px!important;padding:16px!important;box-shadow:var(--fou-shadow)!important;flex-direction:column!important;align-items:stretch!important;}
  .fou-body .fou-header .fou-nav.is-open{display:flex!important;}
  .fou-body .fou-header .fou-nav a{padding:8px 4px!important;}
  .fou-body .fou-header .fou-nav .fou-nav-cta{padding:10px 16px!important;text-align:center!important;}
}


/* 2.1.2 – Hero-Bereiche eindeutig pro Seite trennen. */
/* Altersvorsorge: ausschließlich der helle Markenverlauf, niemals Natur-/Stressbilder. */
.fou-page-altersvorsorge .fou-legacy-scope .hero,
.fou-page-av-rechner .fou-legacy-scope .hero,
.fou-page-av-foerderung .fou-legacy-scope .hero,
.fou-page-av-kinderzulage .fou-legacy-scope .hero,
.fou-page-av-etf .fou-legacy-scope .hero,
.fou-page-av-riester .fou-legacy-scope .hero,
.fou-page-av-selbstaendige .fou-legacy-scope .hero,
.fou-page-av-berufseinsteiger .fou-legacy-scope .hero {
  background-image:radial-gradient(circle at 80% 10%,rgba(232,144,45,.16),transparent 32%),linear-gradient(180deg,#fbfaf7 0%,#f7f5f0 100%)!important;
  background-color:#f7f5f0!important;
}
.fou-page-altersvorsorge .fou-legacy-scope .hero::before,
.fou-page-altersvorsorge .fou-legacy-scope .hero::after,
.fou-page-av-rechner .fou-legacy-scope .hero::before,
.fou-page-av-rechner .fou-legacy-scope .hero::after,
.fou-page-av-foerderung .fou-legacy-scope .hero::before,
.fou-page-av-foerderung .fou-legacy-scope .hero::after,
.fou-page-av-kinderzulage .fou-legacy-scope .hero::before,
.fou-page-av-kinderzulage .fou-legacy-scope .hero::after,
.fou-page-av-etf .fou-legacy-scope .hero::before,
.fou-page-av-etf .fou-legacy-scope .hero::after,
.fou-page-av-riester .fou-legacy-scope .hero::before,
.fou-page-av-riester .fou-legacy-scope .hero::after,
.fou-page-av-selbstaendige .fou-legacy-scope .hero::before,
.fou-page-av-selbstaendige .fou-legacy-scope .hero::after,
.fou-page-av-berufseinsteiger .fou-legacy-scope .hero::before,
.fou-page-av-berufseinsteiger .fou-legacy-scope .hero::after {content:none!important;background:none!important;display:none!important;}
.fou-page-altersvorsorge .fou-legacy-scope .hero-bg,
.fou-page-av-rechner .fou-legacy-scope .hero-bg,
.fou-page-av-foerderung .fou-legacy-scope .hero-bg,
.fou-page-av-kinderzulage .fou-legacy-scope .hero-bg,
.fou-page-av-etf .fou-legacy-scope .hero-bg,
.fou-page-av-riester .fou-legacy-scope .hero-bg,
.fou-page-av-selbstaendige .fou-legacy-scope .hero-bg,
.fou-page-av-berufseinsteiger .fou-legacy-scope .hero-bg,
.fou-page-altersvorsorge .fou-legacy-scope .hero-image,
.fou-page-av-rechner .fou-legacy-scope .hero-image,
.fou-page-av-foerderung .fou-legacy-scope .hero-image,
.fou-page-av-kinderzulage .fou-legacy-scope .hero-image,
.fou-page-av-etf .fou-legacy-scope .hero-image,
.fou-page-av-riester .fou-legacy-scope .hero-image,
.fou-page-av-selbstaendige .fou-legacy-scope .hero-image,
.fou-page-av-berufseinsteiger .fou-legacy-scope .hero-image {display:none!important;background:none!important;background-image:none!important;}

/* Analysegespräch: nicht länger das Stressintelligenz-Foto verwenden. */
.fou-page-analyse .fou-legacy-scope .hero{background:linear-gradient(135deg,#173b5f 0%,#21463c 100%)!important;min-height:auto!important;padding:100px 0 82px!important;color:#fff!important;overflow:visible!important;}
.fou-page-analyse .fou-legacy-scope .hero-bg{display:none!important;background:none!important;background-image:none!important;}
.fou-page-analyse .fou-legacy-scope .hero h1,
.fou-page-analyse .fou-legacy-scope .hero p,
.fou-page-analyse .fou-legacy-scope .hero .eyebrow{color:#fff!important;text-shadow:none!important;}
.fou-page-analyse .fou-legacy-scope .hero-content{position:relative!important;z-index:1!important;}

/* WegGespräch: ausschließlich das eigene WegGespräch-Motiv, niemals Stressintelligenz. */
.fou-page-weggespraech .fou-legacy-scope .hero-image{
  background-image:url('../../legacy/weggespraech/images/weggespraech-maenner-hero.jpg')!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.fou-page-weggespraech .fou-legacy-scope .hero-bg{display:none!important;background-image:none!important;}

/* Stressintelligenz bleibt die einzige Seite mit hero-maennergruppe.jpg. */
.fou-page-stressintelligenz .fou-legacy-scope .hero-bg{display:block!important;}

/* 2.1.3 – Altersvorsorge: Textkontrast in hellen Karten erzwingen. */
.fou-page-altersvorsorge .fou-legacy-scope .calc-card,
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .calc-line,
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .calc-line span,
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .calc-line strong,
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .calc-total,
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .calc-total > div,
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .fine {
  color:#202427!important;
}
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .eyebrow{color:#2f5d50!important;}
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .calc-total .big{color:#21463c!important;}
.fou-page-altersvorsorge .fou-legacy-scope .calc-card .fine{color:#687078!important;}

/* Gleiches Kontrast-Fundament für die ausgelagerten Altersvorsorge-Unterseiten. */
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .calculator,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .calculator label,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .calculator span,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .calculator strong,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .calculator p,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .calculator h3 {color:#202427;}

/* 2.1.4 – Kontrastkorrekturen für importierte Standalone-Bereiche */
.fou-legacy-page .fou-legacy-scope a:focus-visible,
.fou-legacy-page .fou-legacy-scope button:focus-visible{outline:3px solid #e67e22!important;outline-offset:3px!important}
.fou-legacy-page .fou-legacy-scope .btn:not(.ghost):not(.btn-light):hover,
.fou-legacy-page .fou-legacy-scope .btn:not(.ghost):not(.btn-light):focus{color:#fff!important}
.fou-page-altersvorsorge .fou-legacy-scope .btn:hover,
.fou-page-altersvorsorge .fou-legacy-scope .btn:focus,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .btn:hover,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .btn:focus{color:#fff!important;background:#21463c!important;border-color:#21463c!important}
.fou-page-altersvorsorge .fou-legacy-scope .btn.ghost:hover,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .btn.ghost:hover{color:#fff!important;background:#21463c!important}
.fou-page-altersvorsorge .fou-legacy-scope .card:hover,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .card:hover{color:#202427!important;background:#fff!important}
.fou-page-altersvorsorge .fou-legacy-scope .card:hover h3,
.fou-page-altersvorsorge .fou-legacy-scope .card:hover p,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .card:hover h3,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .card:hover p{color:#202427!important}
.fou-page-stressintelligenz .fou-legacy-scope .card:hover{color:inherit!important}
.fou-page-stressintelligenz .fou-legacy-scope .btn-primary:hover{color:#fff!important}
.fou-page-analyse .fou-legacy-scope .btn-primary:hover{color:#fff!important}
.fou-page-praevention .fou-legacy-scope a:hover{filter:none!important}

/* 2.1.4 – zusätzliche Hover- und Beispielkontraste */
.fou-legacy-page .fou-legacy-scope .card,
.fou-legacy-page .fou-legacy-scope .seo-callout,
.fou-legacy-page .fou-legacy-scope .cta-panel,
.fou-legacy-page .fou-legacy-scope .calculator,
.fou-legacy-page .fou-legacy-scope .delay-box,
.fou-legacy-page .fou-legacy-scope .msci-box{isolation:isolate}
.fou-legacy-page .fou-legacy-scope .card a:hover,
.fou-legacy-page .fou-legacy-scope .card a:focus,
.fou-legacy-page .fou-legacy-scope .seo-callout a:hover,
.fou-legacy-page .fou-legacy-scope .seo-callout a:focus{color:#173b5f!important}
.fou-page-stressintelligenz .fou-legacy-scope .hero .btn-secondary:hover,
.fou-page-stressintelligenz .fou-legacy-scope .hero .btn-secondary:focus{background:#fff!important;color:#173b5f!important;border-color:#fff!important}
.fou-page-analyse .fou-legacy-scope .hero .btn-secondary:hover,
.fou-page-analyse .fou-legacy-scope .hero .btn-secondary:focus{background:#fff!important;color:#173b5f!important;border-color:#fff!important}
.fou-page-praevention .fou-legacy-scope .hero .btn-secondary:hover,
.fou-page-praevention .fou-legacy-scope .hero .btn-secondary:focus{background:#fff!important;color:#173b5f!important;border-color:#fff!important}
.fou-page-praevention .fou-legacy-scope .quote-banner,
.fou-page-praevention .fou-legacy-scope .quote-banner *{color:#fff!important}
.fou-page-praevention .fou-legacy-scope .reality-box,
.fou-page-praevention .fou-legacy-scope .reality-box p,
.fou-page-praevention .fou-legacy-scope .reality-box strong{color:#202427!important}
.fou-page-altersvorsorge .fou-legacy-scope .result-hero,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .result-hero{color:#fff!important}
.fou-page-altersvorsorge .fou-legacy-scope .result-hero *,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .result-hero *{color:#fff!important}
.fou-page-altersvorsorge .fou-legacy-scope .delay-box,
.fou-page-altersvorsorge .fou-legacy-scope .delay-box *,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .delay-box,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .delay-box *{color:#202427!important}
.fou-page-altersvorsorge .fou-legacy-scope .msci-box,
.fou-page-altersvorsorge .fou-legacy-scope .msci-box *,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .msci-box,
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .msci-box *{color:#202427!important}


/* 2.1.6 – Altersvorsorge-Unterseiten kompakter und visuell abwechslungsreicher */
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .hero{padding:44px 0 34px!important;min-height:0!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .hero .wrap{max-width:1140px!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .hero h1{font-size:clamp(2.35rem,5vw,4.25rem)!important;max-width:980px!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .hero .lead{max-width:800px!important;margin-bottom:20px!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .section{padding:66px 0!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .section:nth-of-type(even){background:#f0eee8!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .section.white:nth-of-type(odd){background:#fff!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .cta-panel{background:linear-gradient(145deg,#fff1df,#f7ead9)!important}
.fou-body[class*="fou-page-av-"] .fou-legacy-scope .card{box-shadow:0 10px 30px rgba(33,43,39,.06)!important}
@media(max-width:620px){.fou-body[class*="fou-page-av-"] .fou-legacy-scope .hero{padding:34px 0 26px!important}.fou-body[class*="fou-page-av-"] .fou-legacy-scope .section{padding:48px 0!important}}