/* ===================== Konzept — neu ===================== */
body.p-konzept{ background:#fffdf8; }
body.p-konzept .wrap{ max-width:1180px; }
.kp-eyb{ display:inline-flex; align-items:center; gap:16px; font-size:11px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--gold-deep); }
.kp-eyb::before{ content:""; width:40px; height:1px; background:currentColor; opacity:.6; }
.p-konzept h2{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(30px,3.4vw,46px); line-height:1.2; letter-spacing:-.004em; color:var(--green); margin-top:22px; text-wrap:balance; }
.p-konzept h2 .gi, .p-konzept h3 .gi{ font-weight:500; color:var(--gold-deep); padding-right:.06em; }
.kp-sec{ padding:120px 0; }
.kp-cream{ background:#f6f2e8; }
.kp-white{ background:#fffdf8; }
.kp-head{ max-width:760px; }
.kp-head p{ font-size:17px; line-height:1.8; color:var(--slate); margin-top:24px; max-width:62ch; }

/* Intro */
.kp-intro{ padding:112px 0 96px; background:#fffdf8; }
.kp-split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; }
.kp-intro-text p{ font-size:17px; line-height:1.8; color:var(--slate); margin-top:24px; max-width:48ch; }
.kp-intro-img{ margin:0; position:relative; }
.kp-intro-img::before{ content:""; position:absolute; inset:-18px -18px 18px 18px; border:1px solid rgba(207,155,18,.5); pointer-events:none; }
.kp-intro-img img{ position:relative; width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.kp-paths{ display:grid; grid-template-columns:repeat(3,1fr); margin-top:96px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.kp-paths a{ display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding:30px 28px; position:relative; transition:background .3s; }
.kp-paths a + a{ border-left:1px solid var(--line); }
.kp-paths a:first-child{ padding-left:0; }
.kp-paths a::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:var(--gold); transform:scaleX(0); transform-origin:0 50%; transition:transform .5s cubic-bezier(.2,.7,.2,1); }
.kp-paths a:hover::after{ transform:scaleX(1); }
.kp-paths small{ display:block; font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--slate); }
.kp-paths b{ display:block; font-family:"Bitter",serif; font-weight:500; font-size:18px; line-height:1.3; color:var(--green); margin-top:6px; }
.kp-paths > a > svg{ width:18px; height:18px; color:var(--gold-deep); transition:transform .3s; }
.kp-paths a:hover > svg{ transform:translateX(4px); }
.kp-ic{ display:inline-grid; place-items:center; width:52px; height:52px; border-radius:50%; border:1px solid rgba(207,155,18,.55); flex:none; transition:background .3s, border-color .3s; }
.kp-ic svg{ width:22px; height:22px; stroke:var(--green); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.kp-paths a:hover .kp-ic, .kp-c:hover .kp-ic{ background:rgba(252,201,59,.14); border-color:var(--gold); }

/* Vorher / Nachher */
.kp-vs{ display:grid; grid-template-columns:1fr 1fr; margin-top:64px; }
.kp-vs-col{ padding:44px 48px; }
.kp-vs-neg{ border:1px solid var(--line); border-right:0; }
.kp-vs-pos{ background:#264035; color:#e9f1ee; }
.kp-vs-h{ display:block; font-size:11px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--slate); }
.kp-vs-pos .kp-vs-h{ color:var(--gold); }
.kp-vs ul{ list-style:none; margin:22px 0 0; padding:0; }
.kp-vs li{ display:flex; gap:14px; align-items:flex-start; padding:16px 0; font-size:16px; line-height:1.55; border-top:1px solid var(--line); }
.kp-vs-neg li{ color:var(--slate); }
.kp-vs-neg .mk{ color:#b9a48f; }
.kp-vs-pos li{ border-top-color:rgba(247,244,236,.14); color:#f7f4ec; }
.kp-vs-pos .mk{ color:var(--gold); }
.kp-vs .mk{ flex:none; width:18px; height:18px; margin-top:3px; }

/* Balken im Stil eines Scores */
.kp-meter-card{ margin-top:40px; background:#fff; border:1px solid var(--line); border-radius:6px; padding:44px 48px 40px; box-shadow:0 24px 60px -40px rgba(38,64,53,.35); }
.kp-meter-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }
.kp-meter-k{ font-size:11px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; color:var(--gold-deep); }
.kp-meter-head p{ font-family:"Bitter",serif; font-style:italic; color:var(--slate); font-size:16px; margin-top:10px; }
.kp-meter-badge{ text-align:right; flex:none; }
.kp-meter-badge span{ display:block; font-family:"Bitter",serif; font-style:italic; font-size:14px; color:var(--slate); }
.kp-meter-badge b{ display:block; font-family:"Bitter",serif; font-weight:400; font-size:clamp(40px,4vw,56px); line-height:1; letter-spacing:-.02em; color:var(--green); }
.kp-meter{ margin-top:40px; }
.kp-m-top{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:16px; }
.kp-m-top span{ font-family:"Bitter",serif; font-size:21px; color:var(--green); }
.kp-m-top b{ font-family:"Bitter",serif; font-weight:400; font-size:30px; color:var(--green); letter-spacing:-.01em; }
.kp-m-track{ position:relative; height:10px; border-radius:5px; background:linear-gradient(90deg, #8fa89c 0%, #c6c0a2 35%, #ddc68f 65%, #c9922a 100%); }
.kp-m-dot{ position:absolute; top:50%; left:0; width:24px; height:24px; margin:-12px 0 0 -12px; border-radius:50%; background:#264035; border:3px solid #fff;
  box-shadow:0 4px 12px rgba(38,64,53,.35); transition:left 1.6s cubic-bezier(.2,.7,.2,1) .3s; }
.reveal.in .kp-m-dot{ left:calc(var(--v) * 1%); }
.reveal.in .kp-meter-good .kp-m-dot{ transition-delay:.6s; }
.kp-meter-good .kp-m-dot{ background:var(--gold); border-color:#fff; }
.kp-m-scale{ display:flex; justify-content:space-between; margin-top:14px; font-size:12.5px; color:var(--slate); }

/* Kosten */
.kp-cost{ margin-top:64px; max-width:860px; }
.kp-cost-k{ display:block; font-size:11px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--slate); margin-bottom:14px; }
.kp-cost-r{ display:flex; justify-content:space-between; align-items:baseline; gap:24px; padding:22px 0; border-top:1px solid var(--line); }
.kp-cost-r span{ font-size:16.5px; color:var(--ink); }
.kp-cost-r b{ font-family:"Bitter",serif; font-weight:400; font-size:24px; color:var(--green); white-space:nowrap; }
.kp-cost-sum{ background:#264035; border-top:0; padding:26px 32px; margin-top:6px; }
.kp-cost-sum span{ color:#f7f4ec; font-weight:600; letter-spacing:.02em; }
.kp-cost-sum b{ color:var(--gold); font-size:30px; }

.kp-sub{ margin-top:96px; }
.kp-sub h3{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(24px,2.4vw,32px); color:var(--green); margin-top:18px; line-height:1.25; }
.kp-three{ display:grid; grid-template-columns:repeat(3,1fr); margin-top:40px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.kp-c{ padding:40px 36px 42px; }
.kp-c:first-child{ padding-left:0; }
.kp-c:last-child{ padding-right:0; }
.kp-c + .kp-c{ border-left:1px solid var(--line); }
.kp-c h4{ font-family:"Bitter",serif; font-weight:500; font-size:20px; color:var(--green); margin-top:24px; }
.kp-c p{ font-size:15px; line-height:1.75; color:var(--slate); margin-top:10px; }
.kp-c a{ color:var(--green); font-weight:600; background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat; }
.kp-quote{ margin:88px auto 0; max-width:820px; text-align:center; }
.kp-quote p{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(22px,2.4vw,30px); line-height:1.45; color:var(--green); text-wrap:balance; }
.kp-quote::before{ content:"\201C"; display:block; font-family:"Bitter",serif; font-style:italic; font-weight:500; font-size:72px; line-height:1; height:44px; color:var(--gold-deep); opacity:.85; }
.kp-quote cite{ display:inline-flex; align-items:center; gap:14px; margin-top:24px; font-style:normal; font-size:11px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:var(--gold-deep); }
.kp-quote cite::before, .kp-quote cite::after{ content:""; width:28px; height:1px; background:currentColor; opacity:.5; }

/* Abschluss */
.kp-cta{ padding:120px 0; background:#fffdf8; }
.kp-cta-grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:88px; align-items:center; }
.kp-cta-text p{ font-size:17px; line-height:1.8; color:var(--slate); margin-top:24px; max-width:52ch; }
.kp-actions{ display:flex; align-items:center; flex-wrap:wrap; gap:34px; margin-top:40px; }
.kp-btn{ display:inline-flex; align-items:center; gap:14px; background:var(--green); color:#f7f4ec; font-weight:600; font-size:14.5px; letter-spacing:.02em;
  padding:16px 26px 16px 28px; border-radius:2px; box-shadow:0 14px 30px -16px rgba(20,63,55,.55); transition:background .25s, transform .25s; }
.kp-btn svg{ width:18px; height:18px; color:var(--gold); transition:transform .25s; }
.kp-btn:hover{ background:var(--green-deep); transform:translateY(-1px); }
.kp-btn:hover svg{ transform:translateX(4px); }
.kp-link{ display:inline-flex; align-items:center; gap:10px; font-size:14.5px; font-weight:600; color:var(--green); }
.kp-link span{ background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat; padding-bottom:3px; transition:background-size .3s; }
.kp-link svg{ width:16px; height:16px; color:var(--gold-deep); }
.kp-link:hover span{ background-size:0 1px; background-position:100% 100%; }
.kp-cta-img{ margin:0; position:relative; }
.kp-cta-img::before{ content:""; position:absolute; inset:18px 18px -18px -18px; border:1px solid rgba(207,155,18,.5); pointer-events:none; }
.kp-cta-img img{ position:relative; width:100%; aspect-ratio:4/5; object-fit:cover; object-position:80% 30%; display:block; }
.kp-cta-img figcaption{ position:absolute; left:24px; bottom:22px; z-index:2; }
.kp-cta-img figcaption b{ display:block; font-family:"Bitter",serif; font-weight:500; font-size:22px; color:#f7f4ec; text-shadow:0 2px 16px rgba(30,52,43,.8); }
.kp-cta-img figcaption span{ display:block; font-size:10.5px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); margin-top:6px; text-shadow:0 2px 12px rgba(30,52,43,.9); }
.kp-cta-img::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:45%; background:linear-gradient(0deg, rgba(38,64,53,.75), rgba(38,64,53,0)); pointer-events:none; }

@media (max-width:980px){
  .kp-split, .kp-cta-grid{ grid-template-columns:1fr; gap:56px; }
  .kp-paths{ grid-template-columns:1fr; }
  .kp-paths a, .kp-paths a:first-child{ padding:24px 0; }
  .kp-paths a + a{ border-left:0; border-top:1px solid var(--line); }
  .kp-vs{ grid-template-columns:1fr; }
  .kp-vs-neg{ border-right:1px solid var(--line); border-bottom:0; }
  .kp-three{ grid-template-columns:1fr; }
  .kp-c, .kp-c:first-child, .kp-c:last-child{ padding:32px 0; }
  .kp-c + .kp-c{ border-left:0; border-top:1px solid var(--line); }
  .kp-cta-img{ max-width:420px; }
}
@media (max-width:560px){
  body.p-konzept .wrap{ padding:0 16px; }
  .kp-sec, .kp-cta{ padding:72px 0; }
  .kp-intro{ padding:72px 0 64px; }
  .kp-paths{ margin-top:64px; }
  .kp-intro-img::before{ inset:-10px -10px 10px 10px; }
  .kp-cta-img::before{ inset:10px 10px -10px -10px; }
  .kp-vs-col{ padding:30px 22px; }
  .kp-meter-card{ padding:30px 22px; }
  .kp-meter-head{ flex-direction:column; }
  .kp-meter-badge{ text-align:left; }
  .kp-m-top span{ font-size:18px; } .kp-m-top b{ font-size:24px; }
  .kp-cost-r{ flex-direction:column; gap:6px; }
  .kp-cost-sum{ padding:22px 20px; }
}
@media (prefers-reduced-motion:reduce){ .kp-m-dot{ transition:none; left:calc(var(--v) * 1%); } }

/* ===== Konzept: Fotos ohne Rahmen, mehr Benefits-Gelb ===== */
.kp-intro-img::before, .kp-cta-img::before{ display:none; }
.kp-intro-img{ padding-bottom:40px; }
.kp-intro-img img{ border-radius:4px; }
.kp-badge{ position:absolute; left:-40px; bottom:0; max-width:300px; background:#fcc93b; color:#1e3a30; padding:24px 28px 26px;
  border-radius:4px; box-shadow:0 24px 50px -24px rgba(38,64,53,.45); }
.kp-badge span{ display:block; font-size:10.5px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:#264035; opacity:.75; }
.kp-badge b{ display:block; font-family:"Bitter",serif; font-weight:500; font-size:21px; line-height:1.3; margin-top:10px; color:#1e3a30; }
.kp-eyb::before{ width:40px; height:2px; background:#fcc93b; opacity:1; }
.kp-ic{ background:#fcc93b; border-color:#fcc93b; }
.kp-ic svg{ stroke:#1e3a30; }
.kp-paths a:hover .kp-ic, .kp-c:hover .kp-ic{ background:#ffd665; border-color:#ffd665; transform:translateY(-2px); }
.kp-ic{ transition:background .3s, transform .3s; }
.kp-paths a::after{ height:2px; background:#fcc93b; }
.kp-paths > a > svg{ color:#cf9b12; }
.kp-quote::before{ color:#fcc93b; opacity:1; }
.kp-quote cite::before, .kp-quote cite::after{ background:#fcc93b; opacity:1; height:2px; }
.kp-vs-pos .kp-vs-h{ color:#fcc93b; }
.kp-meter-badge b{ color:#264035; }
.kp-meter-badge{ background:#fcc93b; padding:14px 20px 16px; border-radius:4px; }
.kp-meter-badge span{ color:#264035; }
.kp-btn{ background:#fcc93b; color:#1e3a30; box-shadow:0 14px 34px -14px rgba(207,155,18,.6); }
.kp-btn svg{ color:#1e3a30; }
.kp-btn:hover{ background:#ffd665; }
.kp-cta-img img{ border-radius:4px; }
.kp-cta-img::after{ display:none; }
.kp-cta-img figcaption{ left:auto; right:-28px; bottom:-28px; background:#fcc93b; padding:20px 26px 22px; border-radius:4px; box-shadow:0 24px 50px -24px rgba(38,64,53,.45); }
.kp-cta-img figcaption b{ color:#1e3a30; text-shadow:none; }
.kp-cta-img figcaption span{ color:#264035; text-shadow:none; opacity:.8; }
.kp-cost-sum b{ color:#fcc93b; }
@media (max-width:980px){ .kp-badge{ left:16px; } .kp-cta-img figcaption{ right:16px; } }
@media (max-width:560px){
  .kp-badge{ position:relative; left:auto; margin:-34px 16px 0; max-width:none; }
  .kp-intro-img{ padding-bottom:0; }
  .kp-cta-img figcaption{ right:12px; bottom:-20px; padding:16px 20px; }
}

/* ===== Perspektiven als klare Karten · ausgewogenes Gelb ===== */
.kp-ic{ background:#264035; border-color:#264035; }
.kp-ic svg{ stroke:#fcc93b; stroke-width:1.5; }
.kp-paths a:hover .kp-ic, .kp-c:hover .kp-ic{ background:#1e3a30; border-color:#1e3a30; transform:translateY(-2px); }
.kp-paths{ gap:20px; border:0; margin-top:88px; }
.kp-paths a, .kp-paths a:first-child{ grid-template-columns:auto 1fr auto; gap:20px; padding:28px 26px; background:#fff; border:1px solid var(--line);
  border-radius:6px; box-shadow:0 18px 40px -32px rgba(38,64,53,.45); transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; overflow:hidden; }
.kp-paths a + a{ border-left:1px solid var(--line); }
.kp-paths a::after{ left:0; right:0; bottom:0; height:3px; background:#fcc93b; }
.kp-paths a:hover{ transform:translateY(-4px); box-shadow:0 26px 50px -30px rgba(38,64,53,.55); border-color:#e3dccb; }
.kp-paths .kp-ic{ width:56px; height:56px; }
.kp-paths .kp-ic svg{ width:24px; height:24px; }
.kp-paths small{ font-size:10.5px; color:var(--gold-deep); }
.kp-paths b{ font-size:19.5px; margin-top:8px; }
.kp-paths > a > svg{ box-sizing:border-box; width:38px; height:38px; padding:10px; border-radius:50%; border:1px solid var(--line); color:#264035;
  transition:background .3s, border-color .3s, color .3s, transform .3s; }
.kp-paths a:hover > svg{ background:#fcc93b; border-color:#fcc93b; color:#1e3a30; transform:translateX(3px); }
@media (max-width:980px){ .kp-paths{ gap:14px; } .kp-paths a, .kp-paths a:first-child{ padding:22px 20px; } .kp-paths a + a{ border-top:1px solid var(--line); } }

/* ===== Intro Variante C: halbe-halbe bis zum Bildschirmrand ===== */
.kp-half{ display:grid; grid-template-columns:1fr 1fr; min-height:620px; background:#fffdf8; }
.kp-half-text{ align-self:center; padding:110px 72px 110px max(32px, calc((100vw - 1180px)/2 + 32px)); }
.kp-half-text p{ font-size:17px; line-height:1.8; color:var(--slate); margin-top:24px; max-width:46ch; }
.kp-checks{ list-style:none; padding:0; margin:30px 0 0; display:flex; flex-wrap:wrap; gap:12px 28px; }
.kp-checks li{ display:flex; align-items:center; gap:11px; font-weight:600; font-size:15px; color:var(--green); }
.kp-checks li::before{ content:""; width:8px; height:8px; border-radius:50%; background:#fcc93b; box-shadow:0 0 0 4px rgba(252,201,59,.25); }
.kp-half-img{ margin:0; position:relative; overflow:hidden; }
.kp-half-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:68% 30%; transform:scale(1.04); transition:transform 1.6s cubic-bezier(.2,.7,.2,1); }
.kp-half-img::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:#fcc93b; z-index:2; }
.kp-half:hover .kp-half-img img{ transform:scale(1); }
.kp-intro-paths{ padding:72px 0 96px; }
.kp-intro-paths .kp-paths{ margin-top:0; }
@media (max-width:980px){
  .kp-half{ grid-template-columns:1fr; min-height:0; }
  .kp-half-text{ padding:72px 32px 56px; }
  .kp-half-img{ height:clamp(320px,70vw,520px); order:2; }
  .kp-half-img::before{ left:0; right:0; top:0; bottom:auto; width:auto; height:5px; }
}
@media (max-width:560px){ .kp-half-text{ padding:64px 16px 48px; } .kp-intro-paths{ padding:48px 0 64px; } }

/* Intro C: Abstand zum Kopfbereich, Foto schwebt rechts bis zum Rand */
.kp-half{ min-height:0; padding:110px 0 0; align-items:center; }
.kp-half-text{ padding-top:20px; padding-bottom:20px; }
.kp-half-img{ height:clamp(420px,40vw,560px); border-radius:6px 0 0 6px; }
@media (max-width:980px){ .kp-half{ padding:0; } .kp-half-img{ border-radius:0; margin:0 16px; border-radius:6px; } .kp-half-text{ padding:72px 32px 40px; } }
@media (max-width:560px){ .kp-half-text{ padding:64px 16px 36px; } }

/* Neue Reihenfolge: Perspektiven zuerst, Foto-Abschnitt zwischen Kapitel 2 und 3 */
.kp-intro-paths{ padding:88px 0 96px; }
.kp-half{ padding:0 0 120px; background:#fffdf8; }
@media (max-width:980px){ .kp-half{ padding:0 0 72px; } }

/* Intro ohne Foto */
.kp-idea{ padding:112px 0 0; background:#fffdf8; }
.kp-idea-grid{ display:grid; grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:80px; align-items:end; }
.kp-idea-grid h2{ margin-top:22px; }
.kp-idea-grid p{ font-size:17px; line-height:1.8; color:var(--slate); }
.kp-intro-paths{ padding:64px 0 104px; }
@media (max-width:980px){ .kp-idea-grid{ grid-template-columns:1fr; gap:24px; } }
@media (max-width:560px){ .kp-idea{ padding:64px 0 0; } .kp-intro-paths{ padding:40px 0 64px; } }

/* Foto im Abschnitt Arbeitgebermarke */
.kp-marke-grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:72px; align-items:center; }
.kp-marke-img{ margin:0; position:relative; }
.kp-marke-img img{ width:100%; aspect-ratio:4/5; object-fit:cover; object-position:70% 30%; border-radius:6px; display:block; }
.kp-marke-img::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:5px; background:#fcc93b; border-radius:0 0 6px 6px; }
@media (max-width:980px){ .kp-marke-grid{ grid-template-columns:1fr; gap:40px; } .kp-marke-img img{ aspect-ratio:4/3; } }

/* Vergleich: klarer lesbar */
.kp-vs{ gap:0; border-radius:6px; overflow:hidden; box-shadow:0 24px 60px -40px rgba(38,64,53,.45); }
.kp-vs-col{ padding:44px 48px 40px; }
.kp-vs-neg{ background:#fff; border:1px solid var(--line); border-right:0; border-radius:6px 0 0 6px; }
.kp-vs-pos{ border-radius:0 6px 6px 0; }
.kp-vs-h{ font-size:11.5px; letter-spacing:.22em; }
.kp-vs-neg .kp-vs-h{ color:#a3473a; }
.kp-vs-t{ font-family:"Bitter",serif; font-weight:500; font-size:24px; line-height:1.25; margin-top:10px; color:var(--green); }
.kp-vs-pos .kp-vs-t{ color:#f7f4ec; }
.kp-vs li{ font-size:16.5px; padding:18px 0; align-items:center; }
.kp-vs-neg li{ color:var(--ink); border-top-color:#ebe5d8; }
.kp-vs .mk{ box-sizing:border-box; width:28px; height:28px; padding:6px; border-radius:50%; margin-top:0; }
.kp-vs-neg .mk{ color:#a3473a; background:#f6e6e2; }
.kp-vs-pos .mk{ color:#1e3a30; background:#fcc93b; }
@media (max-width:980px){ .kp-vs-neg{ border-right:1px solid var(--line); border-bottom:0; border-radius:6px 6px 0 0; } .kp-vs-pos{ border-radius:0 0 6px 6px; } }
@media (max-width:560px){ .kp-vs-col{ padding:30px 22px; } .kp-vs-t{ font-size:21px; } }

/* Regler: Animation erst beim Hineinscrollen */
.kp-m-dot{ left:0 !important; transition:left 1.8s cubic-bezier(.2,.7,.2,1) .2s; }
.kp-m-track::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:0; border-radius:5px; background:rgba(38,64,53,.18); transition:width 1.8s cubic-bezier(.2,.7,.2,1) .2s; }
.kp-meter-card.go .kp-m-dot{ left:calc(var(--v) * 1%) !important; }
.kp-meter-card.go .kp-m-track::before{ width:calc(var(--v) * 1%); }
.kp-meter-card.go .kp-meter-good .kp-m-dot, .kp-meter-card.go .kp-meter-good .kp-m-track::before{ transition-delay:.7s; }
.kp-meter-card [data-cnt]{ font-variant-numeric:lining-nums tabular-nums; }
@media (prefers-reduced-motion:reduce){ .kp-m-dot{ left:calc(var(--v) * 1%) !important; transition:none; } }

/* Ergebnisleiste statt Eck-Badge */
.kp-meter-card{ padding-bottom:0; overflow:hidden; }
.kp-result{ display:flex; align-items:center; gap:36px; margin:40px -48px 0; padding:30px 48px; background:#264035; }
.kp-result-n{ flex:none; display:flex; flex-direction:column; padding-right:36px; border-right:1px solid rgba(247,244,236,.18); }
.kp-result-n small{ font-family:"Bitter",serif; font-style:italic; font-size:14px; color:rgba(233,241,238,.7); }
.kp-result-n b{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(48px,5vw,64px); line-height:1; letter-spacing:-.02em; color:#fcc93b; font-variant-numeric:lining-nums tabular-nums; }
.kp-result-n i{ font-style:italic; font-size:.6em; margin-left:.08em; }
.kp-result p{ font-size:16.5px; line-height:1.65; color:rgba(233,241,238,.85); max-width:46ch; }
.kp-result strong{ display:block; font-family:"Bitter",serif; font-weight:500; font-size:21px; color:#f7f4ec; margin-bottom:4px; }
@media (max-width:560px){ .kp-result{ flex-direction:column; align-items:flex-start; gap:16px; margin:32px -22px 0; padding:26px 22px; } .kp-result-n{ border-right:0; padding-right:0; } }
.kp-m-top b span{ font-size:inherit; color:inherit; }

/* ===== Die Rechnung, die aufgeht — überarbeitet ===== */
.kp-calc{ padding:96px 0 112px; }
.kp-cost2{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:24px; margin-top:56px; }
.kp-cost2-list{ background:#fff; border:1px solid var(--line); border-radius:6px; padding:36px 40px 20px; box-shadow:0 24px 60px -44px rgba(38,64,53,.45); }
.kp-cost2-r{ display:grid; grid-template-columns:auto 1fr auto; gap:20px; align-items:center; padding:22px 0; border-top:1px solid #ebe5d8; }
.kp-cost2-n{ display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#f6f2e8; font-family:"Bitter",serif; font-size:15px; color:var(--green); }
.kp-cost2-l{ font-size:16.5px; font-weight:600; color:var(--ink); }
.kp-cost2-l small{ display:block; font-weight:400; font-size:14px; color:var(--slate); margin-top:3px; }
.kp-cost2-r b{ font-family:"Bitter",serif; font-weight:400; font-size:23px; color:var(--green); white-space:nowrap; }
.kp-cost2-sum{ background:#264035; color:#f7f4ec; border-radius:6px; padding:36px 36px 34px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; }
.kp-cost2-sum::before{ content:""; position:absolute; right:-40px; top:-46px; width:150px; height:165px; opacity:.12;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'%3E%3Cpath d='M50 2 95 28V82L50 108 5 82V28Z' fill='%23fcc93b'/%3E%3C/svg%3E") no-repeat center/contain; }
.kp-cost2-sum > span{ font-size:11px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:#fcc93b; }
.kp-cost2-sum b{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(52px,5vw,72px); line-height:1; letter-spacing:-.02em; color:#fcc93b; margin-top:18px; }
.kp-cost2-sum em{ font-family:"Bitter",serif; font-style:italic; font-size:24px; color:#f7f4ec; margin-top:6px; }
.kp-cost2-sum p{ font-size:15px; line-height:1.7; color:rgba(233,241,238,.78); margin-top:24px; padding-top:20px; border-top:1px solid rgba(247,244,236,.16); }
.kp-calc .kp-sub{ margin-top:80px; }
.kp-tax{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:32px; }
.kp-tax-c{ background:#f6f2e8; border-radius:6px; padding:32px 30px 34px; transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; }
.kp-tax-c:hover{ transform:translateY(-4px); box-shadow:0 24px 50px -32px rgba(38,64,53,.5); }
.kp-tax-c h4{ font-family:"Bitter",serif; font-weight:500; font-size:20px; color:var(--green); margin-top:22px; }
.kp-tax-c p{ font-size:15px; line-height:1.7; color:var(--slate); margin-top:8px; }
.kp-tax-hl{ background:#fff; border:1px solid var(--line); }
.kp-tax-c a{ display:inline-flex; align-items:center; gap:8px; margin-top:16px; font-size:14.5px; font-weight:600; color:var(--green); background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat; padding-bottom:2px; }
.kp-tax-c a svg{ width:16px; height:16px; color:var(--gold-deep); }
@media (max-width:980px){ .kp-cost2{ grid-template-columns:1fr; } .kp-tax{ grid-template-columns:1fr; } }
@media (max-width:560px){ .kp-calc{ padding:64px 0 72px; } .kp-cost2-list{ padding:26px 20px 10px; } .kp-cost2-r{ grid-template-columns:auto 1fr; } .kp-cost2-r b{ grid-column:2; font-size:20px; } .kp-cost2-sum{ padding:28px 22px; } }

/* Hexagon im echten Seitenverhältnis (Breite = 0,866 × Höhe) */
.kp-ic{ width:54px !important; height:62px !important; }
.kp-paths .kp-ic{ width:58px !important; height:67px !important; }
.kp-ic svg{ width:22px; height:22px; }
/* Aussage als markante Karte */
.kp-quote{ position:relative; max-width:none; margin:72px 0 0; text-align:left; background:#264035; border-radius:6px; padding:52px 64px 48px 72px; overflow:hidden;
  display:grid; grid-template-columns:auto 1fr; column-gap:36px; align-items:start; }
.kp-quote::before{ content:"\201C"; grid-row:1 / span 2; font-family:"Bitter",serif; font-style:italic; font-weight:500; font-size:120px; line-height:.8; height:auto; color:#fcc93b; opacity:1; }
.kp-quote::after{ content:""; position:absolute; right:-50px; bottom:-60px; width:220px; height:242px; opacity:.1;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'%3E%3Cpath d='M50 2 95 28V82L50 108 5 82V28Z' fill='%23fcc93b'/%3E%3C/svg%3E") no-repeat center/contain; }
.kp-quote p{ position:relative; z-index:1; color:#f7f4ec; font-size:clamp(22px,2.4vw,32px); line-height:1.4; text-wrap:balance; max-width:30ch; }
.kp-quote p::before{ display:none; }
.kp-quote .gi{ color:#fcc93b !important; }
.kp-quote cite{ position:relative; z-index:1; justify-content:flex-start; margin-top:22px; color:#fcc93b; }
.kp-quote cite::before{ background:#fcc93b; }
.kp-quote cite::after{ display:none; }
@media (max-width:560px){ .kp-quote{ grid-template-columns:1fr; padding:34px 24px 30px; margin-top:48px; } .kp-quote::before{ grid-row:auto; font-size:84px; height:50px; } }
.kp-quote::after{ right:56px; bottom:auto; top:50%; width:150px; height:165px; transform:translateY(-50%); opacity:.08; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'%3E%3Cpath d='M50 4 93 29V81L50 106 7 81V29Z' fill='none' stroke='%23fcc93b' stroke-width='3'/%3E%3C/svg%3E") no-repeat center/contain; opacity:.5; }
.kp-cost2-sum::before{ right:24px; top:24px; width:64px; height:70px; opacity:.5; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 110'%3E%3Cpath d='M50 4 93 29V81L50 106 7 81V29Z' fill='none' stroke='%23fcc93b' stroke-width='4'/%3E%3C/svg%3E") no-repeat center/contain; }
@media (max-width:760px){ .kp-quote::after{ display:none; } }

/* Nummern als Hexagons */
.kp-cost2-n{ width:34px; height:39px; border-radius:0; background:#264035; color:#fcc93b; font-weight:500; font-size:15px;
  -webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); }
.kp-cost2-r{ transition:background .3s; }
.kp-cost2-r:hover .kp-cost2-l{ color:var(--green); }
/* Summen-Karte neu */
.kp-cost2{ position:relative; align-items:stretch; }
.kp-cost2-sum{ overflow:visible; padding:40px 40px 36px 52px; justify-content:flex-start; border-top:4px solid #fcc93b; }
.kp-cost2-sum::before{ display:none !important; }
.kp-eq{ position:absolute; left:-24px; top:50%; transform:translateY(-50%); width:48px; height:48px; border-radius:50%; background:#fcc93b; color:#1e3a30;
  display:grid; place-items:center; font-family:"Bitter",serif; font-size:28px; line-height:1; box-shadow:0 0 0 6px #fffdf8; }
.kp-sum-k{ font-size:11px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:rgba(233,241,238,.7); }
.kp-sum-n{ display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px; margin-top:16px; }
.kp-sum-n b{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(50px,4.8vw,68px); line-height:1; letter-spacing:-.02em; color:#fcc93b; }
.kp-sum-n em{ font-family:"Bitter",serif; font-style:italic; font-size:24px; color:#f7f4ec; }
.kp-sum-bar{ display:flex; gap:3px; height:8px; margin-top:28px; border-radius:4px; overflow:hidden; }
.kp-sum-bar i{ flex:0 0 var(--w); background:#fcc93b; }
.kp-sum-bar i:nth-child(2){ background:#d9b85a; } .kp-sum-bar i:nth-child(3){ background:#a99a5e; }
.kp-sum-legend{ display:flex; gap:16px; margin-top:10px; font-size:11.5px; color:rgba(233,241,238,.65); }
.kp-sum-legend span:nth-child(1){ flex:0 0 28%; } .kp-sum-legend span:nth-child(2){ flex:0 0 30%; }
.kp-cost2-sum p{ margin-top:26px; }
.kp-cost2-sum p strong{ color:#fcc93b; font-weight:600; }
@media (max-width:980px){ .kp-eq{ left:50%; top:-24px; transform:translateX(-50%); } .kp-cost2-sum{ padding:44px 28px 32px; } }
.kp-cost2-sum > .kp-eq{ color:#1e3a30; font-size:30px; font-weight:500; letter-spacing:0; text-transform:none; }
.kp-cost2-sum > .kp-eq{ width:56px; height:64px; left:-28px; border-radius:0; box-shadow:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 114'%3E%3Cpath d='M50 4 95 30V84L50 110 5 84V30Z' fill='%23fcc93b' stroke='%23fffdf8' stroke-width='7' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain; }
@media (max-width:980px){ .kp-cost2-sum > .kp-eq{ left:50%; top:-32px; } }

/* Zitat: fein statt Kasten */
.kp-quote{ background:none !important; padding:8px 0 8px 40px !important; margin:80px auto 0 !important; max-width:880px !important; border-left:3px solid #fcc93b; border-radius:0 !important; overflow:visible; column-gap:28px; }
.kp-quote::after{ display:none !important; }
.kp-quote::before{ font-size:88px !important; color:#fcc93b; line-height:.85; }
.kp-quote p{ color:var(--green) !important; font-size:clamp(22px,2.3vw,30px) !important; }
.kp-quote .gi{ color:var(--gold-deep) !important; }
.kp-quote cite{ color:var(--gold-deep) !important; }
.kp-quote cite::before{ background:#fcc93b !important; }
@media (max-width:560px){ .kp-quote{ padding:4px 0 4px 22px !important; margin-top:56px !important; } }
.kp-quote{ max-width:1100px !important; }
.kp-quote p{ max-width:none !important; text-wrap:pretty !important; }
#marke{ padding-bottom:72px; }
.kp-cta{ padding-top:96px; }
@media (max-width:560px){ #marke{ padding-bottom:48px; } .kp-cta{ padding-top:64px; } }

/* Button einheitlich grün */
.kp-btn{ background:#264035 !important; color:#f7f4ec !important; box-shadow:0 14px 30px -16px rgba(20,63,55,.55) !important; }
.kp-btn svg{ color:#fcc93b !important; }
.kp-btn:hover{ background:#1e3a30 !important; }
/* Ansprechpartner-Karte */
.kp-cta-grid{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); align-items:center; }
.kp-contact{ background:#fff; border:1px solid var(--line); border-radius:6px; padding:44px 40px 36px; text-align:center; box-shadow:0 28px 60px -42px rgba(38,64,53,.5); border-top:4px solid #264035; }
.kp-contact-img{ width:150px; height:150px; margin:0 auto; border-radius:50%; overflow:hidden; box-shadow:0 0 0 6px #fff, 0 0 0 7px #fcc93b; }
.kp-contact-img img{ width:100%; height:100%; object-fit:cover; object-position:72% 22%; transform:scale(1.5); transform-origin:68% 25%; display:block; }
.kp-contact-k{ display:block; margin-top:28px; font-size:10.5px; font-weight:600; letter-spacing:.24em; text-transform:uppercase; color:var(--gold-deep); }
.kp-contact b{ display:block; font-family:"Bitter",serif; font-weight:500; font-size:26px; color:var(--green); margin-top:10px; }
.kp-contact-r{ display:block; font-size:14.5px; color:var(--slate); margin-top:4px; }
.kp-contact-links{ display:flex; flex-direction:column; gap:10px; margin-top:26px; padding-top:22px; border-top:1px solid #ebe5d8; }
.kp-contact-links a{ display:inline-flex; align-items:center; justify-content:center; gap:10px; font-size:15px; font-weight:600; color:var(--green); transition:color .2s; }
.kp-contact-links a:hover{ color:var(--gold-deep); }
.kp-contact-links svg{ width:18px; height:18px; color:var(--gold-deep); }
@media (max-width:980px){ .kp-contact{ max-width:420px; } }

/* Rechte Spalte bündig mit der Überschrift */
.kp-idea-grid{ align-items:start; }
.kp-idea-grid > div:last-child{ padding-top:calc(16px + 22px + .45em); }
.kp-idea-grid > div:last-child p{ margin-top:0; }
@media (max-width:980px){ .kp-idea-grid > div:last-child{ padding-top:0; } }
/* Stichpunkte: Sonne im Hexagon */
.kp-checks li::before{ width:22px; height:25px; border-radius:0; box-shadow:none; flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 114'%3E%3Cpath d='M50 3 96 29.5V84.5L50 111 4 84.5V29.5Z' fill='%23264035'/%3E%3Ccircle cx='50' cy='57' r='26' fill='%23fcc93b' fill-opacity='.28'/%3E%3Ccircle cx='50' cy='57' r='15' fill='%23fcc93b'/%3E%3C/svg%3E") no-repeat center/contain; }

/* Ansprechpartner-Karte v2 */
.kp-contact{ background:#264035 !important; border:0 !important; border-top:0 !important; border-radius:6px; text-align:left !important; padding:40px 40px 34px !important; color:#f7f4ec; box-shadow:0 30px 60px -40px rgba(20,40,32,.7) !important; }
.kp-contact-top{ display:flex; align-items:center; gap:24px; }
.kp-contact-img{ flex:none; width:104px !important; height:120px !important; margin:0 !important; border-radius:0 !important; box-shadow:none !important;
  -webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); background:#fcc93b; padding:3px; box-sizing:border-box; }
.kp-contact-img picture{ display:block; width:100%; height:100%; -webkit-clip-path:inherit; clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); overflow:hidden; }
.kp-contact-img img{ object-position:70% 20% !important; transform:scale(1.55) !important; transform-origin:66% 24% !important; }
.kp-contact-k{ margin-top:0 !important; color:#fcc93b !important; }
.kp-contact b{ color:#f7f4ec !important; margin-top:8px !important; font-size:25px !important; }
.kp-contact-r{ color:rgba(233,241,238,.7) !important; }
.kp-contact-q{ font-family:"Bitter",serif; font-style:italic; font-size:17px; line-height:1.6; color:rgba(247,244,236,.88); margin-top:28px; }
.kp-contact-links{ flex-direction:row !important; gap:0 !important; margin-top:26px !important; padding-top:0 !important; border-top:1px solid rgba(247,244,236,.14) !important; }
.kp-contact-links a{ flex:1; flex-direction:column; align-items:flex-start !important; justify-content:flex-start !important; gap:4px !important; padding:18px 0 0; color:#f7f4ec !important; font-size:14.5px !important; }
.kp-contact-links a + a{ padding-left:22px; border-left:1px solid rgba(247,244,236,.14); }
.kp-contact-links a span{ font-size:10.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#fcc93b; }
.kp-contact-links a:hover{ color:#fcc93b !important; }
@media (max-width:560px){ .kp-contact{ padding:30px 22px 26px !important; } .kp-contact-links{ flex-direction:column !important; } .kp-contact-links a + a{ padding-left:0; border-left:0; } .kp-contact-img{ width:86px !important; height:99px !important; } }
.kp-contact-links a{ white-space:nowrap; }
.kp-contact-links a:first-child{ flex:0 0 auto; padding-right:22px; }
.kp-contact-links a + a{ flex:1 1 auto; }
@media (max-width:980px){ .kp-cta-grid{ grid-template-columns:1fr !important; gap:48px; } .kp-contact{ max-width:460px; } }
@media (max-width:420px){ .kp-contact-links{ flex-direction:column !important; } .kp-contact-links a:first-child{ padding-right:0; } }
.kp-checks li::before{ width:20px !important; height:20px !important; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 6 88.1 28V72L50 94 11.9 72V28Z' fill='none' stroke='%23264035' stroke-width='6'/%3E%3Cpath d='M50 28 69 39V61L50 72 31 61V39Z' fill='none' stroke='%23e8b21c' stroke-width='6'/%3E%3C/svg%3E") no-repeat center/contain !important; }
.kp-checks li{ gap:10px; }
.kp-contact-img{ background:#efe6cf !important; }
.kp-cta h2{ font-family:"Bitter",serif; font-weight:400; font-size:clamp(30px,3.4vw,46px); line-height:1.2; letter-spacing:-.004em; color:var(--green); margin-top:22px; text-wrap:balance; }
.kp-cta h2 .gi{ font-weight:500; color:var(--gold-deep); padding-right:.06em; }
.kp-contact-links{ flex-direction:column !important; }
.kp-contact-links a, .kp-contact-links a:first-child, .kp-contact-links a + a{ flex:none !important; padding:16px 0 0 !important; border-left:0 !important; flex-direction:row !important; align-items:baseline !important; gap:14px !important; }
.kp-contact-links a span{ min-width:64px; }