/* Schriften lokal eingebunden (keine Verbindung zu Google) */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/playfair-display-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:500;font-display:swap;src:url("/fonts/playfair-display-latin-500-italic.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/playfair-display-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/playfair-display-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300;font-display:swap;src:url("/fonts/open-sans-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/open-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/open-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/open-sans-latin-700-normal.woff2") format("woff2")}
/* ==========================================================
   Marion Siegle – Premium Coaching & Mentoring für Frauen ab 40
   Markenfarben & Schriften – zentral hier anpassen
   ========================================================== */
:root{
  /* Markenfarben */
  --gold:#CBB284;        /* Gold */
  --white:#FFFFFF;       /* Weiß */
  --ink:#2B2B27;         /* Dunkelgrau – Text, Buttons, dunkle Flächen */

  /* daraus abgeleitete Töne */
  --bg:var(--white);     /* Seitenhintergrund */
  --bg-tint:#F8F5EF;     /* zarter Gold-Hauch für jede zweite Sektion */
  --card:#FFFFFF;        /* Karten */
  --card-strong:#FFFFFF;
  --gold-soft:#F1EADC;   /* helles Gold für Icon-Kreise, Tags */
  --gold-dark:#8F7542;   /* dunkleres Gold für kleine Schrift (besser lesbar) */
  --muted:#5F5E57;       /* Fließtext gedämpft */
  --line:#E8E0CF;        /* Linien */
  --brand:var(--ink);    /* Haupt-Buttons */
  --brand-dark:#000000;
  --deep:#2B2B27;
  --radius:16px;
  --shadow:0 10px 30px -14px rgba(43,43,39,.22);
  --shadow-lg:0 30px 60px -22px rgba(43,43,39,.32);
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Open Sans",-apple-system,"Segoe UI",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2rem,4.3vw,3.3rem)}
h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
h3{font-size:1.45rem}
p{margin:0 0 1em}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.container.narrow{max-width:820px}
.center{text-align:center}

/* Icons (Linien-SVG) */
.ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border-radius:10px;padding:13px 24px;transition:.25s;cursor:pointer;border:1px solid transparent;font-size:.95rem}
.btn-primary{background:var(--brand);color:#FFFFFF;box-shadow:0 8px 20px -8px rgba(43,43,39,.55)}
.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px)}
.btn-soft{background:var(--gold-soft);color:var(--ink)}
.btn-soft:hover{background:#E9DFC9}
.btn-outline{border-color:var(--line);background:var(--card-strong);color:var(--ink);font-size:.85rem;padding:10px 18px}
.btn-outline:hover{border-color:var(--brand)}
.btn-gold{background:var(--gold);color:var(--deep)}
.btn-gold:hover{background:#D6C29C;transform:translateY(-2px)}
.btn-lg{padding:18px 32px;font-size:1.05rem}
.btn-sm{padding:9px 16px;font-size:.82rem}
.btn-block{width:100%}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:6px 14px;border-radius:999px;background:var(--card-strong);border:1px solid var(--line);color:var(--ink);margin-bottom:22px}
.badge .ic{width:14px;height:14px;color:var(--brand)}
.badge.dark{background:rgba(203,178,132,.15);border-color:rgba(203,178,132,.35);color:#F1EADC}
.badge.dark .ic{color:var(--gold)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,224,207,.6);transition:box-shadow .3s}
.site-header.scrolled{box-shadow:0 6px 20px -12px rgba(43,43,39,.3)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:84px}
.logo img{height:66px;width:auto}
.main-nav{display:flex;align-items:center;gap:24px;font-size:.88rem;white-space:nowrap;color:var(--ink)}
.main-nav>a:not(.btn):hover{color:var(--brand)}
.pill-new{font-size:.62rem;font-weight:700;background:var(--card-strong);border:1px solid var(--line);padding:2px 7px;border-radius:999px;margin-left:4px;vertical-align:middle}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--ink)}
.menu-toggle svg{width:26px;height:26px}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(to bottom,#F8F5EF,var(--bg) 60%);padding:70px 0 100px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.hl{color:var(--gold-dark);background:linear-gradient(transparent 86%,var(--gold) 86%);padding-bottom:2px}
.lead{font-size:1.12rem;color:var(--muted);font-weight:300;max-width:600px;margin-bottom:28px}
.check-grid{list-style:none;padding:0;margin:0 0 34px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:.92rem}
.check-grid li{display:flex;align-items:flex-start;gap:10px}
.ic-check{width:20px;height:20px;flex:none;color:var(--brand);margin-top:1px}
.trust{display:flex;align-items:center;gap:18px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.avatars{display:flex}
.avatars img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--bg);margin-left:-10px}
.avatars img:first-child{margin-left:0}
.stars{color:var(--gold);letter-spacing:2px;font-size:.95rem}
.stars strong{color:var(--ink);letter-spacing:0;margin-left:6px;font-size:.88rem}
.trust small{color:var(--muted);font-size:.8rem}

.hero-visual{position:relative}
.portrait-card{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);transform:rotate(1deg)}
.portrait-card img{width:100%;height:560px;object-fit:cover;object-position:center top}
.cert-badge{position:absolute;top:-22px;right:-14px;z-index:3;display:flex;align-items:center;gap:12px;background:var(--card-strong);border:1px solid var(--line);border-radius:14px;padding:12px 18px;box-shadow:var(--shadow)}
.cert-badge .ic{width:24px;height:24px;color:var(--brand)}
.cert-badge small{display:block;font-size:.62rem;letter-spacing:.1em;color:var(--muted);font-weight:600}
.cert-badge strong{font-size:.85rem}
.quote-card{position:absolute;left:20px;right:20px;bottom:20px;display:flex;gap:14px;align-items:center;background:rgba(246,243,236,.92);backdrop-filter:blur(8px);border-radius:14px;padding:16px 18px;border:1px solid rgba(232,224,207,.8)}
.quote-card p{font-family:var(--serif);font-style:italic;font-size:.92rem;margin:0 0 4px;line-height:1.4}
.quote-card small{font-size:.68rem;letter-spacing:.1em;font-weight:700;color:var(--gold-dark)}
.mono{flex:none;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:#FFFFFF;font-family:var(--serif);font-weight:700}
.mono.sm{width:40px;height:40px;font-size:.85rem;background:var(--gold-soft);color:var(--brand)}

/* ---------- Sections ---------- */
.section{padding:110px 0}
.tint{background:var(--bg-tint)}
.section-head{margin-bottom:56px}
.section-head.center{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
.section-head p{color:var(--muted);font-weight:300}
.section-head.split{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.section-head.split>div{max-width:620px}

/* Über mich */
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}
.about-photo{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);background:#111}
.about-photo img{width:100%;height:540px;object-fit:cover;filter:grayscale(1)}
.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),transparent 50%)}
.about-caption{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff}
.about-caption small{font-size:.7rem;letter-spacing:.14em;color:var(--gold);font-weight:600}
.about-caption h3{color:#fff;font-size:1.8rem;margin:.2em 0}
.about-caption p{font-size:.85rem;opacity:.85;margin:0}
.about-text p{color:var(--muted);font-weight:300}
.about-text .btn{margin-top:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}
.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;text-align:center}
.feature-num{font-family:var(--serif);font-size:2.6rem;font-weight:700;color:var(--brand);line-height:1;margin-bottom:10px}
.feature-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:14px;background:var(--gold-soft);display:grid;place-items:center;color:var(--brand)}
.feature-icon svg{width:24px;height:24px}
.feature h4{font-size:1.15rem;margin-bottom:6px}
.feature p{color:var(--muted);font-size:.9rem;margin:0}

/* Programme */
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}
.program{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 30px;box-shadow:var(--shadow);transition:transform .3s}
.program:hover{transform:translateY(-4px)}
.program.featured{background:var(--ink);color:#fff;border:2px solid var(--gold);transform:scale(1.03);box-shadow:var(--shadow-lg)}
.program.featured:hover{transform:scale(1.03) translateY(-4px)}
.ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--brand);color:#FFFFFF;font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:6px 14px;border-radius:999px;white-space:nowrap}
.program-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}
.eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.12em;color:var(--gold-dark)}
.duration{font-size:.72rem;color:var(--muted);text-align:right}
.program h3{font-size:1.5rem;margin-bottom:6px}
.program .sub{font-size:.82rem;font-weight:600;margin-bottom:14px}
.program .desc{color:var(--muted);font-size:.9rem;font-weight:300;padding-bottom:20px;border-bottom:1px solid var(--line)}
.program h5{font-size:.68rem;letter-spacing:.12em;margin:4px 0 12px}
.ticks{list-style:none;padding:0;margin:0 0 30px;flex:1}
.ticks li{position:relative;padding-left:24px;font-size:.86rem;margin-bottom:10px}
.ticks li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}
.check-strip{display:flex;align-items:center;gap:22px;max-width:760px;margin:60px auto 0;background:var(--card-strong);border:1px solid var(--line);border-radius:16px;padding:20px 26px;box-shadow:var(--shadow)}
.strip-num{flex:none;width:62px;height:62px;border-radius:50%;background:var(--gold-soft);display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--brand)}
.check-strip p{margin:0;font-size:.84rem;color:var(--muted)}
.check-strip strong{font-family:var(--serif)}
.strip-link{margin-left:auto;font-weight:600;font-size:.86rem;white-space:nowrap;color:var(--brand)}

/* Tipps + Testimonials */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tip,.testi{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;flex-direction:column;margin:0;transition:transform .3s,box-shadow .3s}
.tip:hover,.testi:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tip-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted);margin-bottom:18px}
.tag{background:var(--gold-soft);color:var(--gold-dark);font-weight:600;padding:4px 12px;border-radius:999px}
.tip h3{font-size:1.3rem}
.tip p{color:var(--muted);font-size:.9rem;flex:1}
.tip-foot{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}
.tip-foot a{font-weight:600;color:var(--brand)}
.testi .stars{margin-bottom:12px}
.testi h4{font-size:1.1rem}
.testi blockquote{margin:0 0 24px;font-style:italic;color:var(--ink);font-size:.93rem;flex:1}
.testi figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line)}
.testi figcaption strong{display:block;font-size:.9rem}
.testi figcaption small{color:var(--muted);font-size:.78rem}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px;padding-top:50px;border-top:1px solid var(--line);text-align:center}
.stats strong{display:block;font-family:var(--serif);font-size:2.8rem;color:var(--brand);line-height:1.1}
.stats span{color:var(--muted);font-size:.9rem}

/* FAQ */
.faq{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px 30px;box-shadow:var(--shadow)}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--serif);font-weight:700;font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details p{color:var(--muted);font-size:.93rem;padding-bottom:20px;margin:0}

/* CTA */
.cta{position:relative;padding:120px 0;background:linear-gradient(135deg,#2B2B27,#3A3933 50%,#2B2B27);color:#F1EADC;overflow:hidden}
.cta::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(rgba(203,178,132,.18),transparent 70%);top:-200px;right:-150px}
.cta .container{position:relative}
.cta h2{color:#FFFFFF;font-size:clamp(2rem,4.2vw,3rem)}
.cta p{font-weight:300;font-size:1.08rem;max-width:560px;margin:0 auto 34px;opacity:.9}
.cta-points{list-style:none;padding:0;margin:40px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:16px 34px;font-size:.82rem;opacity:.8}

/* Footer */
.site-footer{background:#22221F;color:#D9D7CF;padding:70px 0 30px;font-size:.88rem}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-brand strong{font-family:var(--serif);font-size:1.35rem;color:#FFFFFF}
.footer-brand .mono{background:var(--gold);color:var(--deep);width:40px;height:40px}
.site-footer h5{font-family:var(--serif);color:var(--gold);letter-spacing:.12em;font-size:.82rem;margin:6px 0 16px}
.site-footer a,.fline{display:block;margin-bottom:9px}
.site-footer a:hover{color:var(--gold)}
.site-footer p{opacity:.8}
.social{display:flex;gap:10px}
.social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center}
.social svg{width:17px;height:17px}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;opacity:.75}
.footer-bottom nav{display:flex;gap:22px}
.footer-bottom a{margin:0}

/* Einblend-Animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ---------- Responsive ---------- */
@media (max-width:1240px){
  .main-nav{position:fixed;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--card-strong);border-bottom:1px solid var(--line);padding:10px 24px 24px;box-shadow:var(--shadow);transform:translateY(-130%);transition:transform .35s;z-index:-1}
  .main-nav.open{transform:none}
  .main-nav>a{padding:14px 0;border-bottom:1px solid var(--line)}
  .main-nav .btn{margin-top:16px;border:0}
  .menu-toggle{display:block}
}
@media (max-width:1080px){
  .hero-grid,.about-grid{grid-template-columns:1fr;gap:56px}
  .hero-visual{max-width:520px;margin:0 auto;width:100%}
  .program-grid,.card-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .program.featured,.program.featured:hover{transform:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .container{padding:0 16px}
  .header-inner{height:72px}
  .logo img{height:52px}
  .main-nav{top:72px}
  .section{padding:80px 0}
  .hero{padding:40px 0 70px}
  .check-grid{grid-template-columns:1fr}
  .btn-lg{width:100%;padding:16px 20px}
  .portrait-card img{height:460px}
  .cert-badge{right:6px;top:-18px}
  .about-photo img{height:460px}
  .feature-grid,.stats{grid-template-columns:1fr}
  .section-head.split{flex-direction:column;align-items:flex-start}
  .check-strip{flex-direction:column;text-align:center}
  .strip-link{margin:0}
  .faq{padding:4px 20px}
  .footer-grid{grid-template-columns:1fr}
}

/* Hervorgehobenes Programm (dunkel) */
.program.featured h3,.program.featured h5{color:#fff}
.program.featured .sub{color:var(--gold)}
.program.featured .desc{color:#CFCDC5;border-color:rgba(255,255,255,.15)}
.program.featured .eyebrow{color:var(--gold)}
.program.featured .duration{color:#BDBBB2}
.program.featured .ticks li::before{color:var(--gold)}
.program.featured .btn-primary{background:var(--gold);color:var(--ink);box-shadow:none}
.program.featured .btn-primary:hover{background:#D6C29C}
.ribbon{background:var(--gold)!important;color:var(--ink)!important}

/* Hero – neue Texte (Okt. 2026) */
.lead-strong{color:var(--ink);font-weight:400;margin-bottom:12px}
.microcopy{font-size:.8rem;color:var(--muted);margin:12px 0 0}
.trustline{list-style:none;padding:26px 0 0;margin:30px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 0;font-size:.82rem;color:var(--muted)}
.trustline li{display:flex;align-items:center}
.trustline li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold);margin:0 14px}
.trustline strong{color:var(--ink);margin-right:4px}
@media (max-width:640px){.trustline{flex-direction:column}.trustline li+li::before{display:none}}
.nw{white-space:nowrap}

/* Deine Themen */
.section-head p strong{color:var(--ink);font-weight:600}
.themes-q{font-family:var(--serif);font-size:1.35rem;color:var(--ink)!important;font-weight:600!important;margin-top:28px}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.theme{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .3s,box-shadow .3s}
.theme:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.theme-icon{width:48px;height:48px;border-radius:14px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold-dark);margin-bottom:18px}
.theme-icon svg{width:22px;height:22px}
.theme h3{font-size:1.2rem;margin-bottom:10px}
.theme-lead{font-weight:600;font-size:.9rem;color:var(--gold-dark);margin-bottom:12px}
.dash{list-style:none;padding:0;margin:0}
.dash li{position:relative;padding-left:20px;font-size:.9rem;color:var(--muted);margin-bottom:10px;line-height:1.55}
.dash li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1.5px;background:var(--gold)}
.dash li strong{color:var(--ink)}
.themes-outro{max-width:700px;margin:64px auto 0;text-align:center;color:var(--muted)}
.themes-outro strong{color:var(--ink);font-weight:600}
.outro-strong{font-family:var(--serif);font-size:1.5rem;color:var(--ink);font-weight:600}
.themes-outro .btn{margin-top:18px}
@media (max-width:1080px){.theme-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.theme-grid{grid-template-columns:1fr}.themes-outro br{display:none}}

/* Über Marion – neue Texte */
.about-grid{align-items:start}
.about-photo{position:sticky;top:110px}
.about-text h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.about-text p strong{color:var(--ink);font-weight:600}
.about-caption .cap-strong{opacity:1;font-weight:600;margin-bottom:4px}
.feature h3{font-size:1.15rem;margin-bottom:8px}
@media (max-width:1080px){.about-photo{position:relative;top:0}}

/* Coaching & Mentoring – neue Angebotslogik */
.section-head.center p+p{margin-top:-4px}
.program .eyebrow{display:block;margin-bottom:12px}
.program h3{font-size:1.55rem;margin-bottom:8px}
.program .frame{font-size:.84rem;font-weight:600;color:var(--ink);padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.program .desc{border:0;padding:0;margin-bottom:20px}
.result{background:var(--bg-tint);border-left:3px solid var(--gold);border-radius:10px;padding:14px 16px;margin:0 0 24px}
.result h5{margin:0 0 6px}
.result p{font-size:.86rem;margin:0;color:var(--ink)}
.program .ticks{flex:none}.program .result{margin-top:auto}
.entry-strip,.followup-strip{display:flex;align-items:center;gap:30px;border-radius:18px;padding:26px 32px}
.entry-strip{background:var(--card);border:1px solid var(--gold);box-shadow:var(--shadow);margin:0 auto 44px;max-width:1000px}
.followup-strip{background:transparent;border:1px dashed var(--gold);margin:44px auto 0;max-width:1000px}
.entry-strip strong,.followup-strip strong{display:block;font-family:var(--serif);font-size:1.15rem;margin:4px 0 6px}
.entry-strip p,.followup-strip p{margin:0;font-size:.9rem;color:var(--muted)}
.entry-strip .btn,.followup-strip .strip-link{flex:none;margin-left:auto}
.programs-outro{max-width:720px;margin:60px auto 0;text-align:center;color:var(--muted)}
.programs-outro .btn{margin-top:10px}
@media (max-width:860px){.entry-strip,.followup-strip{flex-direction:column;align-items:flex-start;padding:24px}.entry-strip .btn,.followup-strip .strip-link{margin-left:0}}
@media (max-width:640px){.entry-strip .btn{width:100%}}
.tip .tag{font-size:.66rem;letter-spacing:.08em}
.tip-foot{justify-content:flex-start}

/* Erfolgsgeschichten – neue Texte */
.testi h3{font-size:1.15rem;line-height:1.3;margin-bottom:12px}
.stats strong{font-size:1.6rem;line-height:1.25;margin-bottom:6px}

/* FAQ – Ziehharmonika */
.faq summary h3{font-size:1.05rem;margin:0;line-height:1.4;font-weight:600}
.faq summary:hover h3{color:var(--gold-dark)}
.faq summary::after{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;transform:none;background:center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2B27' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");transition:transform .3s,background-color .3s}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--gold-soft);border-color:var(--gold)}
.faq-a{overflow:hidden;padding-bottom:20px}
.faq-a p{color:var(--muted);font-size:.93rem;margin:0 0 .8em;padding:0}
.faq-a p:last-child{margin:0}
.faq details[open] .faq-a{animation:faqOpen .35s ease}
@keyframes faqOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Abschluss & Footer – neue Texte */
.cta p+p{margin-top:-18px}
.cta-micro{font-size:.82rem!important;opacity:.7!important;margin:18px auto 0!important}
.footer-brand small{display:block;font-size:.62rem;letter-spacing:.18em;color:var(--gold)}
.footer-brand strong{display:block;line-height:1.1}
.f-social-text{font-size:.82rem;margin-top:14px}
.fline{color:#D9D7CF}
.f-gap{margin-top:14px}
.f-cta{color:var(--gold)!important;font-weight:600}
.nl-placeholder{font-style:italic;opacity:.75}
.nl-form{display:flex;gap:8px;margin:12px 0 8px}
.nl-form input{flex:1;min-width:0;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:.82rem}
.nl-form .btn[disabled]{opacity:.6;cursor:not-allowed}
.nl-note{font-size:.7rem;opacity:.55}
.footer-claim{margin-top:48px;text-align:center;font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--gold)}
.footer-bottom{margin-top:22px}

/* Alle Buttons in Gold (Wunsch Okt. 2026) */
.btn-primary,.btn-soft,.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 8px 20px -10px rgba(143,117,66,.6)}
.btn-primary:hover,.btn-soft:hover,.btn-gold:hover{background:#BFA470;color:var(--ink);transform:translateY(-2px)}

/* H1 in Versalien */
h1{text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.8rem,3.6vw,2.85rem);line-height:1.15}
.hl{background:linear-gradient(transparent 88%,var(--gold) 88%)}

/* Vertrauenszeile als drei gleichwertige Kästen */
.trustline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:0;padding:0;margin:34px 0 0;flex-direction:initial}
.trustline li{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px;box-shadow:0 6px 18px -14px rgba(43,43,39,.35);font-size:.8rem;line-height:1.4;color:var(--muted)}
.trustline li+li::before{display:none}
.trustline strong{font-family:var(--serif);font-size:1rem;color:var(--ink);margin:0}
.t-ic{width:34px;height:34px;border-radius:10px;background:var(--gold-soft);display:grid;place-items:center;color:var(--gold-dark);margin-bottom:8px}
.t-ic svg{width:17px;height:17px}
@media (max-width:640px){.trustline{grid-template-columns:1fr}.trustline li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.t-ic{grid-row:span 2;margin:0}}

/* ==========================================================
   VOLLFORMAT / SCREENFÜLLEND (Okt. 2026)
   Inhalte wachsen mit der Bildschirmbreite mit,
   Seitenränder skalieren (16px Handy … ca. 96px großer Desktop).
   ========================================================== */
:root{--gutter:clamp(16px,5vw,96px);--header-h:84px}
.container{max-width:1760px;padding-left:var(--gutter);padding-right:var(--gutter)}
.container.narrow{max-width:960px}
.section{padding:clamp(72px,9vw,140px) 0}

/* Hero füllt immer den ersten Bildschirm */
.hero{min-height:calc(100vh - var(--header-h));min-height:calc(100svh - var(--header-h));display:flex;align-items:center;padding:clamp(32px,5vh,72px) 0}
.hero>.container{width:100%}
@media (min-width:1081px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,110px)}}
.portrait-card img{height:clamp(420px,68vh,820px)}
h1{font-size:clamp(1.9rem,3.4vw,4.2rem)}
h2{font-size:clamp(1.8rem,2.6vw,3.2rem)}
.lead{max-width:none;font-size:clamp(1rem,1.05vw,1.3rem)}
body{font-size:clamp(16px,.95vw,18px)}

/* Raster dürfen breiter werden */
.section-head.center{max-width:980px}
@media (min-width:1081px){.about-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,110px)}}
.about-photo img{height:clamp(460px,72vh,860px)}
.about-text{max-width:820px}
.program-grid,.card-grid,.theme-grid{gap:clamp(20px,2vw,36px)}
.entry-strip,.followup-strip,.check-strip{max-width:1200px}
.themes-outro,.programs-outro{max-width:820px}

/* Sehr große Bildschirme: Themen in 3 Spalten bleiben, Karten luftiger */
@media (min-width:1800px){.theme,.program,.tip,.testi{padding:40px}}

/* iPad quer / kleine Laptops (861–1080px): zweispaltig bleiben */
@media (min-width:861px) and (max-width:1080px){
  .hero-grid{grid-template-columns:1fr 1fr;gap:36px}
  .about-grid{grid-template-columns:1fr 1fr;gap:36px}
  .about-photo{position:sticky;top:100px}
  .hero-visual{max-width:none}
  .card-grid{grid-template-columns:repeat(3,1fr);max-width:none}
  .program-grid{grid-template-columns:repeat(3,1fr);max-width:none}
  .program{padding:28px 22px}
  .trustline{grid-template-columns:1fr}
  .trustline li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
  .t-ic{grid-row:span 2;margin:0}
}
/* iPad hoch & kleiner (≤860px): einspaltig, Hero nicht künstlich gestreckt */
@media (max-width:860px){
  .hero-grid,.about-grid{grid-template-columns:1fr;gap:48px}
  .hero{min-height:0}
  .portrait-card img{height:clamp(420px,60vh,620px)}
  .card-grid,.program-grid{max-width:640px}
}
@media (max-width:640px){:root{--header-h:72px}}

/* Hero-Foto: gerade, volle Höhe der Textspalte, Zitat unten (Okt. 2026) */
.portrait-card{transform:none}
.hero-grid{align-items:stretch}
.hero-visual{display:flex;flex-direction:column}
.portrait-card{flex:1;display:flex}
.portrait-card img{height:auto;min-height:100%;flex:1;object-fit:cover;object-position:50% 18%}
.quote-card{left:16px;right:16px;bottom:16px;padding:12px 16px}
.quote-card p{font-size:.85rem}
.cert-badge{top:16px;right:16px}
/* Vertrauens-Kästen über die ganze Breite */
.hero .trustline{grid-column:1/-1;margin-top:clamp(8px,1vw,16px)}
.hero .trustline li{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center;padding:18px 22px}
.hero .trustline .t-ic{grid-row:span 2;margin:0;width:42px;height:42px}
.hero .trustline strong{font-size:1.1rem}
.hero .trustline{grid-template-columns:1fr}
@media (min-width:1081px){.hero .trustline{grid-template-columns:repeat(3,1fr)}}
@media (min-width:600px) and (max-width:1080px){.hero .trustline{grid-template-columns:repeat(3,1fr)}.hero .trustline li{grid-template-columns:1fr;row-gap:2px;padding:16px}.hero .trustline .t-ic{grid-row:auto;margin-bottom:8px}}
@media (max-width:860px){
  .portrait-card{flex:none}
  .portrait-card img{min-height:0;height:clamp(440px,70vh,640px)}
}

/* Navigation in Versalien */
.main-nav>a:not(.btn){text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:600}
@media (max-width:1240px){.main-nav>a:not(.btn){font-size:.85rem}}
.logo{flex:none}
@media (min-width:1241px) and (max-width:1440px){.main-nav{gap:18px}.main-nav>a:not(.btn){font-size:.7rem;letter-spacing:.06em}.logo img{height:56px}}

/* ===== Korrekturen Okt. 2026 (Runde 2) ===== */
/* Logo größer */
.logo img{height:78px!important}
@media (max-width:640px){.logo img{height:58px!important}}
/* Eyebrow über H1 */
.hero-text .badge{letter-spacing:.1em;font-size:.7rem}
/* Button + Microcopy als Einheit, Microcopy mittig darunter */
.cta-stack{display:inline-flex;flex-direction:column;align-items:center;gap:10px}
.cta-stack .microcopy{margin:0;text-align:center}
.themes-outro .cta-stack{margin-top:18px}
.themes-outro .cta-stack .btn{margin-top:0}
@media (max-width:640px){.cta-stack{display:flex;width:100%}}
/* Vertrauens-Kästen: Band über die ganze Bildschirmbreite */
.hero .trustline{width:100vw;margin-left:calc(50% - 50vw);margin-right:0;padding:clamp(18px,2.2vw,32px) var(--gutter);background:var(--bg-tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* Deine Themen: Einstiegszeile + Striche in Button-Gold */
.theme-lead{color:var(--gold)!important;font-weight:700}
.dash li::before{background:var(--gold);height:2px}
/* Angebote: Goldtöne von hell nach dunkler */
.program.tone-1{background:#FBF8F1;border-color:#EFE5D2}
.program.tone-2{background:#F3EBDC;border-color:#E4D6BA}
.program.tone-3{background:#E8DCC3;border-color:#D6C49F}
.program.tone-1 .result{background:#F3EBDC}
.program.tone-2 .result{background:#FBF8F1}
.program.tone-3 .result{background:#F6F0E4}
.program .frame,.program .desc,.program h5{border-color:rgba(143,117,66,.25)}
.header-inner{height:96px}
:root{--header-h:96px}
html{scroll-padding-top:104px}
@media (max-width:1240px){.main-nav{top:96px}}
@media (min-width:1241px) and (max-width:1440px){.logo img{height:66px!important}}
@media (max-width:640px){.header-inner{height:76px}:root{--header-h:76px}.main-nav{top:76px}}
/* Logo (zugeschnitten, ohne Leerraum) */
.logo img{height:60px!important}
@media (min-width:1241px) and (max-width:1440px){.logo img{height:52px!important}}
@media (max-width:640px){.logo img{height:42px!important}}
.logo{margin-right:28px}
@media (min-width:1241px) and (max-width:1440px){.logo img{height:44px!important}}
@media (min-width:1441px) and (max-width:1680px){.logo img{height:52px!important}}

/* ===== Korrekturen Runde 3 ===== */
/* SVG-Logo */
.logo img{width:auto}
/* Praxis-Tipps verlinkt */
a.tip{color:inherit;text-decoration:none}
.tip-sub{display:block;font-weight:500;font-size:.88em;margin-top:4px}
.tip-link{font-weight:600;color:var(--gold-dark)}
a.tip:hover .tip-link{color:var(--ink)}
/* Erfolgsgeschichten: ganzer Bereich in Gold */
#erfolge{background:var(--gold)}
#erfolge .badge{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.7)}
#erfolge .section-head p{color:var(--ink)}
#erfolge .testi{background:#FFFFFF;border-color:transparent}
#erfolge .testi .stars{color:var(--gold)}
#erfolge .stats{border-top-color:rgba(43,43,39,.18)}
#erfolge .stats strong{color:var(--ink)}
#erfolge .stats span{color:#3E3B33}
/* FAQ: Muster-Hintergrund (heller oberer Teil, 30 %) */
#faq{position:relative;isolation:isolate;overflow:hidden}
#faq::before{content:"";position:absolute;inset:0;z-index:-1;background:url("/images/faq-muster.jpg") center top/cover no-repeat;opacity:.3}
/* Finaler CTA heller */
.cta{background:#D3CBD1;color:var(--ink)}
.cta::before{background:radial-gradient(rgba(255,255,255,.45),transparent 70%)}
.cta h2{color:var(--ink)}
.cta p{color:#3E3B33;opacity:1}
.cta .badge.dark{background:rgba(255,255,255,.55);border-color:rgba(43,43,39,.15);color:var(--ink)}
.cta .badge.dark .ic{color:var(--gold-dark)}
.cta-micro{color:#3E3B33!important;opacity:.85!important}
/* Footer #b0a7aa */
.site-footer{background:#B0A7AA;color:var(--ink)}
.site-footer p{opacity:1;color:#2F2C2D}
.site-footer h5{color:var(--ink);font-family:var(--sans);font-weight:700;letter-spacing:.14em;font-size:.74rem;border-bottom:2px solid var(--gold);display:inline-block;padding-bottom:6px}
.site-footer a,.fline{color:var(--ink)}
.site-footer a:hover{color:#6B5428}
.f-cta{color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.footer-brand strong{color:var(--ink)}
.footer-brand small{color:#5A4A2A}
.footer-brand .mono{background:var(--ink);color:var(--gold)}
.social a{background:rgba(255,255,255,.4)}
.footer-claim{color:var(--ink)}
.footer-bottom{border-top-color:rgba(43,43,39,.2);opacity:1;color:#2F2C2D}
.kt-lead{font-family:var(--serif);font-size:1.1rem;font-weight:600;margin-bottom:6px}
.nl-form input{background:#FFFFFF;border:1px solid rgba(43,43,39,.2);color:var(--ink)}
.nl-form input::placeholder{color:#7A7570}
.nl-form .btn{opacity:1!important;cursor:pointer}
.nl-note{opacity:1!important;color:#2F2C2D;font-size:.74rem}

/* ===== Praxis-Tipp-Artikelseiten ===== */
.article-hero{background:var(--bg-tint);padding:clamp(48px,6vw,96px) 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--line)}
.back-link{display:inline-block;font-size:.85rem;font-weight:600;color:var(--gold-dark);margin-bottom:22px}
.back-link:hover{color:var(--ink)}
.article-hero .badge{display:table;margin-bottom:18px}
.article-title{text-transform:none!important;letter-spacing:0!important;font-size:clamp(2rem,3.6vw,3.2rem)!important;line-height:1.15}
.article-title span{display:block;font-size:.62em;font-weight:500;margin-top:10px;color:var(--gold-dark)}
.article-author{color:var(--muted);font-size:.9rem;margin:18px 0 0}
.article-body{padding-top:clamp(40px,5vw,72px);font-size:clamp(1.02rem,1.05vw,1.15rem);line-height:1.75;color:#3A3833}
.article-body p{margin:0 0 1.05em}
.article-body h2{font-size:clamp(1.35rem,2vw,1.8rem);margin:2em 0 .7em;line-height:1.3}
.article-body strong{color:var(--ink)}
.callout{font-family:var(--serif);font-size:1.18em;line-height:1.5;color:var(--ink);border-left:3px solid var(--gold);padding:6px 0 6px 22px;margin:1.4em 0!important}
.callout strong{font-weight:inherit}
.article-cta{margin:clamp(40px,5vw,72px) 0 0;background:var(--gold);border-radius:22px;padding:clamp(28px,4vw,52px);text-align:center}
.article-cta h2{font-size:clamp(1.5rem,2.4vw,2.2rem);margin-bottom:12px}
.article-cta p{color:#2F2C25;max-width:620px;margin:0 auto 24px}
.article-cta .btn-primary{background:var(--ink);color:#fff}
.article-cta .btn-primary:hover{background:#000;color:#fff}
.article-cta .microcopy{color:#2F2C25;margin-top:4px!important}
.more-tips{margin:clamp(48px,6vw,88px) 0 clamp(64px,8vw,110px)}
.more-tips h3{font-size:1.3rem;margin-bottom:18px}
.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.more-link{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .3s,box-shadow .3s}
.more-link:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.more-link .tag{font-size:.64rem;letter-spacing:.08em;display:inline-block;margin-bottom:10px}
.more-link strong{display:block;font-family:var(--serif);font-size:1.08rem;line-height:1.35}
@media (max-width:640px){.more-grid{grid-template-columns:1fr}.article-cta .cta-stack{width:100%}}

/* Über Marion: neues Querformat-Foto */
.about-photo img{object-position:50% 30%;filter:none}
/* Rechtliche Seiten */
.legal-body h2{font-size:clamp(1.25rem,1.8vw,1.6rem);margin:2em 0 .6em}
.legal-body h3{font-family:var(--sans);font-size:1rem;font-weight:700;margin:1.6em 0 .4em}
.legal-body ul,.legal-body ol{padding-left:1.3em;margin:0 0 1.05em}
.legal-body li{margin-bottom:.4em}
.legal-body address{font-style:normal;margin-bottom:1.05em}
.legal-body .box{background:var(--bg-tint);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:1.2em 0}
mark.ph{background:#FFF1B8;color:var(--ink);padding:0 4px;border-radius:4px}
.draft-note{background:#FFF7DB;border:1px solid #E9C96B;border-radius:14px;padding:16px 20px;font-size:.92rem;margin-bottom:28px;color:#4A3F1F}
.legal-page .more-tips{display:none}
.legal-end{margin-bottom:clamp(64px,8vw,110px)}

/* Vertrauens-Kästen direkt unter dem Hero-Bild – im Stil der Kompetenz-Karten */
.hero .trustline{width:auto;margin:clamp(28px,3vw,44px) 0 0;padding:0;background:none;border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hero .trustline li{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px;text-align:center;box-shadow:none;font-size:.9rem;color:var(--muted)}
.hero .trustline .t-ic{width:54px;height:54px;margin:0 auto 14px;border-radius:14px;background:var(--gold-soft);color:var(--gold-dark);display:grid;place-items:center;grid-row:auto}
.hero .trustline .t-ic svg{width:24px;height:24px}
.hero .trustline strong{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--ink);margin:0 0 6px}
.hero .trustline span:not(.t-ic){display:block}
@media (max-width:860px){.hero .trustline{grid-template-columns:1fr;gap:16px}}
@media (min-width:600px) and (max-width:860px){.hero .trustline{grid-template-columns:repeat(3,1fr)}.hero .trustline li{padding:22px 14px}}

/* ===== Korrekturen Runde 5 ===== */
/* Angebots-Buttons einzeilig */
.program .btn{font-size:.86rem;padding:14px 14px;white-space:nowrap;gap:8px}
.program .btn .ic{width:16px;height:16px}
@media (min-width:861px) and (max-width:1280px){.program .btn{white-space:normal;text-align:center;line-height:1.3}}
/* Weitere Praxis-Tipps: Untertitel */
.more-link strong{margin-bottom:4px}
.more-sub{display:block;font-size:.92rem;color:var(--muted);line-height:1.45}
/* Footer: vier gleich breite Spalten */
.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3vw,56px)}
@media (max-width:1080px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.footer-grid{grid-template-columns:1fr}}
/* Markenclaim in Gold */
.footer-claim{color:#8F7542;font-size:1.45rem;letter-spacing:.02em}
/* Social-Icons: Original-Glyphen, einfarbig */
.social a{width:40px;height:40px;background:var(--ink);color:#fff;transition:background .2s,transform .2s}
.social a:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}
.social .brand-ic{width:18px;height:18px}
.social .brand-ic,.social .brand-ic path{fill:currentColor!important;stroke:none!important}

/* Weitere Praxis-Tipps: Untertitel wie in der Artikel-Headline */
.more-sub{font-family:var(--serif);font-weight:500;color:var(--gold-dark);font-size:.98rem;line-height:1.4}

/* Footer: einheitliche Abstände in allen Spalten */
.footer-grid>div>*{margin-top:0!important;margin-bottom:10px!important}
.footer-grid>div>*:last-child{margin-bottom:0!important}
.site-footer h5{margin-bottom:18px!important}
.footer-grid a,.footer-grid .fline,.footer-grid p,.footer-grid small{font-size:.88rem;line-height:1.55;display:block}
.footer-grid .f-gap{margin-top:0!important}
.footer-grid .kt-lead{font-size:.98rem;line-height:1.45}
.footer-grid .nl-form{margin-bottom:10px!important}
.footer-grid .nl-note{font-size:.78rem}
.footer-grid .social{display:flex;margin-top:4px!important}
.footer-grid .social a{display:grid}
.footer-grid .footer-brand{margin-bottom:18px!important}
.footer-grid .f-social-text{font-size:.82rem}

/* Footer: optisch gleiche Abstände zwischen den Spalten
   (Spalten so breit wie ihr Inhalt, Zwischenräume gleichmäßig verteilt) */
@media (min-width:1081px){
  .footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
  .footer-grid>div:nth-child(1){flex:0 1 272px}
  .footer-grid>div:nth-child(1) p{max-width:none}
  .footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){flex:0 0 auto}
  .footer-grid>div:nth-child(3) .fline{white-space:nowrap}
  .footer-grid>div:nth-child(4){flex:0 1 300px}
}

.nl-soon{margin:4px 0 10px!important}