/* Die FörderAkademie · Landingpages
   Layout: Baulig-Aufbau – helle und dunkle Bänder im Wechsel, zentrierte 1000-px-Spalte, goldene CTAs */
:root{
  --ink:#111216; --ink-2:#1B1D22; --ink-3:#26282E; --line-d:#33363E;
  --paper:#F3F3F1; --white:#FFFFFF; --line:#E2E2DE;
  --text:#111111; --muted:#4A4D55; --muted-d:#D4D6DB; --muted-d2:#9EA2AB;
  --gold:#E8962E; --gold-ink:#9A5E0E; --green:#2E9B4F; --green-d:#3CC46A; --red:#C9443A;
  --font:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.55}
img{max-width:100%;display:block}
a{color:var(--gold-ink)}
h1,h2,h3,h4{margin:0;line-height:1.2;text-wrap:balance}
p{margin:0}
ul{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Layout */
.band{padding:64px 24px}
.band.tight{padding:48px 24px}
.wrap{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.wrap.narrow{max-width:800px}
.wrap.wide{max-width:1120px}
.center{text-align:center}
.light{background:var(--paper)}
.white{background:var(--white)}
.dark{background:var(--ink);color:var(--white)}
.photo-bg{background-color:var(--ink);background-size:cover;background-position:center}
.row{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.row>*{min-width:0}
.col{flex:1 1 340px}
.col-wide{flex:1.3 1 380px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--min,280px)),1fr))}
.stack{display:flex;flex-direction:column;gap:12px}
.cta-row{display:flex;flex-direction:column;align-items:center;gap:10px}

/* Type */
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.dark .eyebrow{color:var(--gold)}
.h1{font-weight:800;font-size:clamp(26px,4.2vw,38px);line-height:1.18}
.h2{font-weight:800;font-size:clamp(24px,3.4vw,32px)}
.h3{font-weight:800;font-size:19px}
.lead{font-size:16px;font-weight:600;color:var(--muted)}
.dark .lead{color:var(--muted-d)}
.small{font-size:12px}
.note{font-size:11px;color:#6B6E76}
.dark .note{color:var(--muted-d2)}
.muted{color:var(--muted)}
.dark .muted{color:var(--muted-d)}

/* Buttons */
.btn{display:inline-block;background:var(--gold);color:#fff;font-weight:700;font-size:15px;line-height:1.3;padding:15px 34px;border-radius:3px;text-decoration:none;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,.18);min-height:44px}
.btn:hover{filter:brightness(1.06);color:#fff}
.btn.big{font-size:16px;padding:17px 40px}
.btn.ghost{background:transparent;border:1px solid currentColor;color:inherit;box-shadow:none;padding:11px 18px;font-size:13px}
.textlink{font-weight:700;color:inherit}

/* Header */
.topbar{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;background:#0A0B0D;color:#fff;font-size:13px;text-decoration:none;border-bottom:1px solid var(--line-d)}
.topbar:hover{color:#fff}
.topbar .tag{background:var(--gold);color:#111;font-weight:800;font-size:11px;letter-spacing:.06em;padding:3px 8px}
.header{position:absolute;left:0;right:0;z-index:5;padding:18px 24px}
.header .inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#fff}
.logo{display:flex;flex-direction:column;line-height:1.05;text-decoration:none;color:#fff}
.logo b{font-weight:800;font-size:19px;letter-spacing:.02em}
.logo span{font-size:11px;color:#B9BCC4;letter-spacing:.06em}
.nav{display:flex;gap:26px;font-size:13px;font-weight:600}
.nav a{color:#E8E9EC;text-decoration:none}
@media (max-width:820px){.nav{display:none}}

/* Hero */
.hero{padding:112px 24px 56px;color:#fff;background-color:var(--ink);background-size:cover;background-position:center}
.hero .wrap{align-items:center;text-align:center;gap:24px}
.hero .callout{font-size:13px;font-weight:700}
.hero .sub{font-size:17px;color:#E3E4E8;max-width:820px}
.hero-media{position:relative;width:100%;max-width:760px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-media .play{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:rgba(10,11,13,.82);color:#fff;font-size:12px;font-weight:700;padding:8px 12px;border-radius:999px;text-decoration:none}
.hero-meta{font-size:13px;color:var(--gold);font-weight:700}
.hero .trust{font-size:13px;color:var(--muted-d)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.04em}
.chips span{border:1px solid rgba(255,255,255,.3);padding:6px 12px}

/* Check list */
.checks{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.checks li{display:flex;gap:12px;font-size:14px}
.checks li::before{content:"";flex:none;width:20px;height:20px;margin-top:1px;background:no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8962E' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l4.5 4.5L19.5 6.5'/%3E%3C/svg%3E")}
.crosses{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.crosses li{display:flex;gap:12px;font-size:14px}
.crosses li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9443A' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}

/* Trust strip */
.trust-strip{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:center;border-top:1px solid var(--line);padding-top:24px;width:100%}
.award{display:flex;align-items:center;gap:10px}
.award b{display:block;font-size:14px}
.award span{font-size:12px;color:#5A5E68}
.press{display:flex;flex-wrap:wrap;gap:18px;font-weight:800;font-size:14px;color:#6B6E76;letter-spacing:.02em}
.avatars{display:flex;align-items:center;gap:10px;justify-content:center}
.avatars .stack-img{display:flex}
.avatars img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;object-fit:cover;margin-left:-10px;background:#ccc}
.avatars img:first-child{margin-left:0}
.avatars span{font-size:12px;line-height:1.3;font-style:italic;text-align:left}

/* Cards */
.card{background:var(--white);padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.light .card{background:var(--white)}
.white .card{background:var(--paper);box-shadow:none}
.dark .card{background:var(--ink-2);border:1px solid var(--line-d);box-shadow:none;color:#fff}
.card .label{font-weight:800;font-size:11px;letter-spacing:.06em;color:#6B6E76}
.card h3{font-weight:800;font-size:17px}
.card p{font-size:13px}
.dark .card p{color:var(--muted-d)}
.weil{color:var(--gold-ink);font-weight:800}
.card.risk{border-top:3px solid var(--red)}
.card.center{align-items:center;text-align:center;padding:26px}
.card .num{font-weight:800;font-size:28px;color:var(--gold);line-height:1}
.card.feature h3{font-size:18px}
.card.feature h3 span{color:var(--gold)}

/* Flow */
.flow{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.flow .card{flex:1 1 200px;min-width:0}
.flow .card .label{color:var(--gold-ink)}
.flow .card.hl{background:var(--ink);color:#fff}
.flow .card.hl .label{color:var(--gold)}
.flow .card.hl p{color:var(--muted-d)}
.flow .arrow{flex:none;align-self:center;font-weight:800;font-size:24px;color:var(--gold)}
@media (max-width:640px){.flow .arrow{display:none}}

/* Stats */
.stats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
.stat{background:var(--ink-2);border:1px solid var(--line-d);padding:18px;text-align:center}
.stat b{display:block;font-weight:800;font-size:26px;color:var(--green-d)}
.stat span{font-size:12px;color:var(--muted-d)}
.light .stat,.white .stat{background:var(--white);border-color:var(--line)}
.light .stat span,.white .stat span{color:var(--muted)}
.light .stat b,.white .stat b{color:var(--green)}

/* Case studies (Zusagen) */
.case-group{font-weight:800;font-size:12px;letter-spacing:.08em;color:var(--gold);border-bottom:1px solid var(--line-d);padding-bottom:8px}
.case{display:flex;flex-wrap:wrap;background:var(--ink-2);border:1px solid var(--line-d)}
.case:nth-of-type(even){flex-direction:row-reverse}
.case figure{flex:1 1 380px;min-width:0;margin:0;background:#fff;padding:14px;display:flex;align-items:center}
.case figure img{width:100%;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.case .body{flex:1 1 340px;min-width:0;padding:22px;display:flex;flex-direction:column;gap:8px}
.case .meta{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--gold)}
.case h3{font-weight:800;font-size:20px}
.case p{font-size:13px;color:var(--muted-d)}
.case .nums{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;border-top:1px solid var(--line-d);padding-top:14px;margin-top:6px}
.case .nums b{display:block;font-weight:800;font-size:19px}
.case .nums .to b{color:var(--green-d)}
.case .nums span{font-size:11px;color:var(--muted-d2)}
.case .nums i{color:var(--gold);font-style:normal;font-weight:800}

/* Testimonials */
.testi{display:flex;flex-wrap:wrap;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.testi:nth-of-type(even){flex-direction:row-reverse}
.testi .quote{flex:1 1 320px;min-width:0;background:var(--ink);color:#fff;padding:24px;display:flex;flex-direction:column;gap:14px;justify-content:space-between}
.testi blockquote{margin:0;font-size:15px;font-style:italic}
.who{display:flex;gap:12px;align-items:center}
.who img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;background:#333}
.who b{display:block;font-size:15px}
.who span{font-size:12px;color:var(--muted-d2)}
.testi .kpi{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center;border-top:1px solid var(--line-d);padding-top:14px}
.testi .kpi b{display:block;font-weight:800;font-size:17px}
.testi .kpi .to b{color:var(--green-d)}
.testi .kpi span{font-size:11px;color:var(--muted-d2)}
.testi .kpi i{color:var(--gold);font-style:normal;font-weight:800}
.testi .story{flex:1.3 1 340px;min-width:0;background:var(--white);padding:24px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.testi .story h4{font-size:14px;font-weight:800}
.testi .disclose{font-size:11px;color:#6B6E76;font-style:italic}

/* Objections */
.objections{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}
.obj{background:var(--white);border-top:3px solid var(--gold);padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.obj h3{font-size:16px;font-weight:800}
.obj p{font-size:13px}

/* Short answers */
.facts{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}
.fact{background:var(--white);padding:18px;box-shadow:0 4px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:6px}
.fact b{font-size:12px;color:var(--gold-ink);letter-spacing:.04em}
.fact p{font-size:13px;font-weight:600}

/* Steps */
.step-head{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline}
.step-head span{font-weight:800;font-size:24px;color:var(--gold)}
.step-head h3{font-size:20px}
.step-card{background:var(--ink-2);border-top:3px solid var(--gold);padding:18px;display:flex;flex-direction:column;gap:4px}
.step-card small{font-size:11px;font-weight:700;color:var(--gold)}
.step-card h4{font-size:16px;font-weight:800}
.step-card p{font-size:12px;color:var(--muted-d)}
.exam{border:1px solid var(--gold);background:rgba(232,150,46,.08);padding:18px 20px;font-size:14px;text-align:center}

/* Pricing */
.pricebox{border:2px solid var(--gold);background:var(--white);box-shadow:0 16px 40px rgba(0,0,0,.12);display:flex;flex-wrap:wrap}
.pricebox .incl{flex:1 1 320px;min-width:0;padding:28px;background:#F7F5F1;display:flex;flex-direction:column;gap:12px}
.pricebox .buy{flex:1 1 280px;min-width:0;padding:28px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center}
.badge{align-self:flex-start;background:var(--ink);color:var(--gold);font-weight:800;font-size:11px;letter-spacing:.08em;padding:4px 10px}
.buy .badge{align-self:center}
.strike{font-size:18px;font-weight:600;color:#8A8D95;text-decoration:line-through}
.price{font-size:52px;font-weight:800;line-height:1}
.price small{font-size:16px;font-weight:700}
.save{background:#E9F6EC;color:#1E7A3E;font-weight:700;font-size:13px;padding:4px 10px}
.countdown{display:flex;gap:6px;font-variant-numeric:tabular-nums}
.countdown div{background:var(--ink);color:#fff;padding:6px 8px;min-width:46px;text-align:center}
.countdown b{display:block;font-weight:800;font-size:18px}
.countdown span{font-size:9px;letter-spacing:.06em}

/* Comparison */
.versus{background:var(--white);box-shadow:0 14px 34px rgba(0,0,0,.12);padding:26px 24px 30px;display:flex;flex-wrap:wrap;gap:24px}
.versus>div{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px;align-items:center}
.versus h3{font-size:17px;text-align:center}
.versus .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;width:100%;text-align:center;font-size:13px}
.versus .bad{color:var(--red);font-weight:700}
.versus .good{color:var(--green);font-weight:700}
.versus .sep{flex:0 0 1px;background:#DADADA;align-self:stretch}

/* Table */
.table-wrap{overflow-x:auto}
table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
th{background:var(--ink);color:#fff}
td.r,th.r{text-align:right}
tr:nth-child(even) td{background:#F7F7F5}
tfoot td{background:#F3EEE4 !important;font-weight:800}

/* Calc */
.calc{display:flex;flex-wrap:wrap;gap:18px;align-items:stretch}
.calc>div{flex:1 1 300px;min-width:0;padding:24px;display:flex;flex-direction:column;gap:12px}
.calc .before{background:var(--paper)}
.calc .after{background:var(--ink);color:#fff}
.calc dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:0;font-size:14px;font-variant-numeric:tabular-nums}
.calc dd{margin:0;font-weight:700}
.calc .total{border-top:1px solid #D6D6D2;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;font-weight:700}
.calc .after .total{border-color:var(--line-d)}
.calc .total b{font-size:26px}
.calc .after .total b{color:var(--green-d)}
.calc .arrow{flex:0 0 auto;align-self:center;padding:0;font-size:28px;color:var(--gold);font-weight:800}

/* FAQ */
details{background:var(--white);padding:16px 20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:15px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--gold);font-size:22px;line-height:1;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p,details ol{margin:12px 0 0;font-size:13px}
details ol{padding-left:18px}

/* Figures */
.shot{width:100%;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.2)}
figcaption{font-size:12px;font-style:italic;margin-top:8px}
.dark figcaption{color:var(--muted-d)}
.press-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.press-row img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;box-shadow:0 6px 16px rgba(0,0,0,.15)}

/* Calendly */
.calendly{width:100%;max-width:760px;height:700px;border:0;background:#fff;margin:0 auto}
.close-form{width:100%;max-width:760px;background:#fff;color:#111216;padding:24px;margin:0 auto;text-align:left}
.cal-link{font-size:13px;color:var(--muted-d2)}
.cal-link a{color:var(--gold)}

/* Footer */
.footer{padding:40px 24px;background:#0A0B0D;color:#8E929B;font-size:11px}
.footer .inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}
.footer nav{display:flex;gap:18px}
.footer a{color:#B4B7BF}
.footer .disc{max-width:900px;font-style:italic}

/* Prozess-Rad (Förder-Code) */
.wheel{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.wheel .hub{grid-column:1/-1;justify-self:center;width:150px;height:150px;border-radius:50%;background:var(--ink);color:var(--gold);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:15px;letter-spacing:.06em;line-height:1.2;box-shadow:0 0 0 8px rgba(232,150,46,.18)}
.checks b,.crosses b{font-weight:800}
.calc .checks li,.calc .crosses li{font-size:13px}
@media (max-width:640px){
.header{padding:14px 16px}.header .inner{flex-wrap:nowrap}.logo b{font-size:15px}.logo span{font-size:10px}
.header .btn.ghost{padding:8px 12px;font-size:12px;min-height:0;white-space:nowrap}
.hero{padding-top:96px}.band{padding:48px 16px}.hero{padding-left:16px;padding-right:16px}
}
.stats.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}