/*
Theme Name: StromFlex24 OnePager
Theme URI: https://www.stromflex24.de/
Author: AssistWerk
Description: Schlanker, verkaufsstarker OnePager für Gewerbe- und Industriestrom sowie Gas. Mit Funnel, Lead-CRM im Admin, Blog, Cookie-Einwilligung und Google Analytics 4 nach Zustimmung.
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: stromflex24
*/

/* Schrift lokal (DSGVO: keine Verbindung zu Google Fonts) */
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/outfit-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/outfit-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/outfit-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/outfit-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/outfit-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:900;font-display:swap;src:url(assets/fonts/outfit-latin-900-normal.woff2) format('woff2')}

:root{
  --ink:#0D1B0F;--forest:#132A16;--forest-2:#1A3A1F;--navy:#0B2038;--navy-2:#0E2D50;--teal:#0D3D4A;
  --amber:#E8821A;--amber-2:#F5A855;--amber-d:#B8640F;--gas:#5AB0FF;--gas-2:#A9D4FF;
  --bg:#F5F2ED;--bg-2:#ECE7DF;--card:#FFFFFF;--text:#17251A;--muted:#566659;--line:#DDD7CE;
  --w1:#fff;--w2:rgba(255,255,255,.7);--w3:rgba(255,255,255,.46);--wl:rgba(255,255,255,.1);
  --accent:var(--amber);
  --r-s:10px;--r-m:16px;--r-l:24px;--r-xl:32px;
  --ease:cubic-bezier(.65,0,.35,1);
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#0E1810;--bg-2:#0B140D;--card:#15231A;--text:#E6ECE7;--muted:#9FB1A3;--line:#243729;--amber-d:#F5A855}
}
:root[data-theme="dark"]{--bg:#0E1810;--bg-2:#0B140D;--card:#15231A;--text:#E6ECE7;--muted:#9FB1A3;--line:#243729;--amber-d:#F5A855}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px);-webkit-text-size-adjust:100%;interpolate-size:allow-keywords;background:#0B1A10}
body{margin:0;font-family:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body[data-mode="gas"]{--accent:var(--gas)}
h1,h2,h3,p,figure,blockquote{margin:0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
.ico{width:18px;height:18px;fill:currentColor;flex-shrink:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(1.1rem,4vw,2rem)}
.section{padding:clamp(4.5rem,9vw,7.5rem) 0;position:relative}
.cv{content-visibility:auto;contain-intrinsic-size:auto 900px}
.h2{font-size:clamp(1.8rem,3.7vw,3rem);font-weight:800;line-height:1.07;letter-spacing:-.035em}
.lead{font-size:clamp(1rem,1.4vw,1.14rem);color:var(--muted);line-height:1.75;max-width:60ch}
.dark{color:#fff}
.dark .lead{color:var(--w2)}
.sec-head{max-width:700px;margin-bottom:clamp(2.2rem,4vw,3.4rem)}
.sec-head .h2{margin-bottom:.9rem}
.sec-head.center{text-align:center;margin-inline:auto}
.sec-head.center .lead{margin-inline:auto}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:0;border-radius:100px;font-weight:700;font-size:1rem;line-height:1.1;padding:1rem 1.75rem;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s,background .2s,border-color .2s,color .2s;text-align:center}
.btn-amber{background:var(--amber);color:#fff;box-shadow:0 6px 20px rgba(232,130,26,.28)}
.btn-amber:hover{background:#CF7212;transform:translateY(-2px);box-shadow:0 12px 30px rgba(232,130,26,.42)}
.btn-glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.16)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{background:var(--forest-2);transform:translateY(-2px)}
.btn[disabled]{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.link{font-weight:700;color:var(--amber-d);border-bottom:1.5px solid currentColor;padding-bottom:1px}
.dark .link{color:var(--amber-2)}

/* ===== HEADER ===== */
#top{position:fixed;top:0;left:0;right:0;z-index:100;padding-top:env(safe-area-inset-top,0px);background:linear-gradient(180deg,rgba(8,18,10,.88),rgba(8,18,10,0));transition:background .35s,box-shadow .35s}
#top.is-scrolled{background:rgba(8,18,10,.9);-webkit-backdrop-filter:saturate(1.4) blur(18px);backdrop-filter:saturate(1.4) blur(18px);box-shadow:0 1px 0 var(--wl),0 10px 30px rgba(0,0,0,.25)}
#top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%) no-repeat;background-size:30% 100%;animation:current 5.5s linear infinite;opacity:0;transition:opacity .35s}
#top.is-scrolled::after{opacity:1}
@keyframes current{from{background-position:-45% 0}to{background-position:145% 0}}
.hbar{height:72px;display:flex;align-items:center;gap:1.1rem}
.brand{display:flex;align-items:center;gap:.7rem;color:#fff;flex-shrink:0}
.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#1C3E22 0%,#0D1B0F 70%);border:1px solid rgba(245,168,85,.28);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.35)}
.brand-mark svg{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(245,168,85,.45))}
.brand-name{font-weight:800;font-size:1.32rem;letter-spacing:-.035em;background:linear-gradient(100deg,#FFD37A 0%,#F5A855 42%,#E8821A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.nav{display:flex;gap:.15rem;margin-left:auto}
.nav a{white-space:nowrap;padding:.5rem .75rem;border-radius:100px;font-size:.93rem;font-weight:600;color:var(--w2);transition:color .2s,background .2s}
.nav a:hover,.nav a.is-active{color:#fff;background:rgba(255,255,255,.09)}
.hsocial{display:flex;gap:.1rem;padding-left:.7rem;border-left:1px solid var(--wl)}
.soc{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--w2);transition:color .2s,background .2s,transform .2s}
.soc:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-1px)}
.soc .ico{width:17px;height:17px}
.hcta .btn{padding:.78rem 1.25rem;font-size:.93rem;gap:0;white-space:nowrap}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--wl);background:rgba(255,255,255,.06);color:#fff;place-items:center;cursor:pointer}
.burger .ico{width:22px;height:22px}
.burger .i-close{display:none}
.burger[aria-expanded="true"] .i-menu{display:none}
.burger[aria-expanded="true"] .i-close{display:block}
@media (max-width:1320px){.hsocial{display:none}}
@media (max-width:1060px){.nav{display:none}.burger{display:grid}.hcta{margin-left:auto}}
@media (max-width:420px){.hcta .long{display:none}.brand-name{font-size:1.15rem}}

#menu{position:fixed;inset:0;z-index:99;background:linear-gradient(160deg,#09140B 0%,#0B1B1A 50%,#0B2038 100%);padding:calc(env(safe-area-inset-top,0px) + 96px) clamp(1.3rem,6vw,2.5rem) calc(env(safe-area-inset-bottom,0px) + 2rem);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
#menu.open{opacity:1;visibility:visible}
#menu .m-link{font-size:clamp(1.5rem,6vw,2rem);font-weight:800;letter-spacing:-.03em;color:#fff;padding:.7rem 0;border-bottom:1px solid var(--wl);transform:translateY(10px);opacity:0;transition:transform .45s var(--ease),opacity .45s}
#menu.open .m-link{transform:none;opacity:1}
#menu.open .m-link:nth-child(2){transition-delay:.04s}#menu.open .m-link:nth-child(3){transition-delay:.08s}#menu.open .m-link:nth-child(4){transition-delay:.12s}#menu.open .m-link:nth-child(5){transition-delay:.16s}#menu.open .m-link:nth-child(6){transition-delay:.2s}
.m-foot{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;gap:1rem}
.m-social{display:flex;gap:.4rem}
.m-social .soc{width:46px;height:46px;background:rgba(255,255,255,.07)}

/* ===== HERO ===== */
#hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 112px) 0 3.2rem;color:#fff;overflow:hidden;isolation:isolate;background:#0B1A10}
.hero-photo{position:absolute;inset:0;z-index:-3;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.07);transition:opacity 1.1s var(--ease),transform 2.4s var(--ease)}
.hero-photo.s{background-image:var(--p-bulb);background-position:75% 30%}
.hero-photo.g{background-image:var(--p-flame);background-position:75% 55%}
.hero-photo.s,body[data-mode="gas"] .hero-photo.g{opacity:1;transform:scale(1)}
body[data-mode="gas"] .hero-photo.s{opacity:0;transform:scale(1.07)}
.hero-bg{position:absolute;inset:0;z-index:-2;transition:opacity .9s var(--ease)}
.hero-bg.s{background:linear-gradient(0deg,rgba(8,18,10,.85) 0%,transparent 28%),radial-gradient(50% 60% at 85% 20%,rgba(232,130,26,.22),transparent 62%),linear-gradient(90deg,rgba(10,22,12,.97) 0%,rgba(11,25,14,.9) 40%,rgba(11,32,40,.5) 72%,rgba(11,32,56,.3) 100%)}
.hero-bg.g{opacity:0;background:linear-gradient(0deg,rgba(7,16,26,.85) 0%,transparent 28%),radial-gradient(50% 60% at 85% 20%,rgba(90,176,255,.2),transparent 62%),linear-gradient(90deg,rgba(8,19,30,.97) 0%,rgba(9,25,42,.9) 40%,rgba(11,32,56,.45) 72%,rgba(13,61,74,.25) 100%)}
@media (max-width:920px){.hero-bg.s{background:linear-gradient(180deg,rgba(10,22,12,.86) 0%,rgba(10,22,12,.93) 55%,rgba(10,22,12,.97) 100%)}.hero-bg.g{background:linear-gradient(180deg,rgba(8,19,30,.86) 0%,rgba(8,19,30,.93) 55%,rgba(8,19,30,.97) 100%)}}
body[data-mode="gas"] .hero-bg.g{opacity:1}
body[data-mode="gas"] .hero-bg.s{opacity:0}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.6;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(75% 70% at 70% 35%,#000 20%,transparent 75%);mask-image:radial-gradient(75% 70% at 70% 35%,#000 20%,transparent 75%)}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:920px){.hero-inner{grid-template-columns:1fr}}
.anim{animation:rise .9s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms + 120ms)}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

.mode{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:100px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);margin-bottom:1.7rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.mode button{position:relative;z-index:1;border:0;background:none;color:var(--w2);font-weight:700;font-size:.98rem;padding:.62rem 1.5rem;border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.45rem;transition:color .4s}
.mode button[aria-checked="true"]{color:#0B150D}
.mode-thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:100px;background:var(--amber);box-shadow:0 4px 20px rgba(232,130,26,.5);transition:transform .55s var(--ease),background .55s,box-shadow .55s}
body[data-mode="gas"] .mode-thumb{transform:translateX(100%);background:var(--gas);box-shadow:0 4px 20px rgba(90,176,255,.5)}
.eyebrow{font-size:1rem;font-weight:600;color:var(--w2);margin-bottom:.9rem}
#hero h1{font-size:clamp(2.3rem,4.5vw,3.9rem);font-weight:900;line-height:1.0;letter-spacing:-.048em;margin-bottom:1.35rem}
#hero h1 .l2{display:block;color:var(--accent);transition:color .6s}
.hero-sub{font-size:clamp(1.05rem,1.5vw,1.22rem);color:var(--w2);max-width:35rem;line-height:1.7;margin-bottom:2rem}
.swap{transition:opacity .22s,transform .22s}
.is-swapping .swap{opacity:0;transform:translateY(8px)}
.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}
@media (max-width:560px){.hero-ctas .btn{width:100%}}
.hero-trust{display:flex;gap:.6rem 1.3rem;flex-wrap:wrap;color:var(--w3);font-size:.9rem;font-weight:500;list-style:none;padding:0;margin:0}
.hero-trust li{display:flex;align-items:center;gap:.4rem}
.hero-trust .ico{width:16px;height:16px;color:var(--accent);transition:color .6s}

.xcard{position:relative;border-radius:var(--r-xl);padding:clamp(1.5rem,3vw,2.3rem);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.xcard::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--accent),transparent 38%,transparent 62%,rgba(255,255,255,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background .6s}
.x-label{font-size:.9rem;color:var(--w3);font-weight:600;margin-bottom:1.3rem;line-height:1.4}
.x-row{margin-bottom:1.05rem}
.x-row-head{display:flex;justify-content:space-between;gap:1rem;font-size:.94rem;color:var(--w2);margin-bottom:.45rem;font-weight:500}
.x-row-head strong{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.x-bar{height:10px;border-radius:100px;background:rgba(255,255,255,.08);overflow:hidden}
.x-bar i{display:block;height:100%;border-radius:inherit;width:var(--w,0%);transition:width 1.2s var(--ease),background .6s}
.x-bar.old i{background:linear-gradient(90deg,#66756B,#9BA89F)}
.x-bar.new i{background:var(--accent)}
.x-save{margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid var(--wl)}
.x-save-label{font-size:.95rem;color:var(--w2);font-weight:600}
.x-save-num{font-size:clamp(3.3rem,7.2vw,5.4rem);font-weight:900;letter-spacing:-.055em;line-height:1;color:#fff;margin:.35rem 0 .7rem;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.12em}
.x-save-num small{font-size:.42em;color:var(--accent);font-weight:800;transition:color .6s}
.x-note{font-size:.8rem;color:var(--w3);line-height:1.5}

.hstats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(2.6rem,5vw,4.2rem);border-top:1px solid var(--wl)}
.hstat{padding:1.3rem 1rem 0 0}
.hstat b{display:block;font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:900;letter-spacing:-.035em;color:#fff;line-height:1.1}
.hstat span{font-size:.88rem;color:var(--w3);font-weight:500}
@media (max-width:700px){.hstats{grid-template-columns:repeat(2,1fr);gap:0 1rem}}

/* ===== PARTNER ===== */
.partners{padding:2.6rem 0;background:var(--bg);border-bottom:1px solid var(--line)}
.partners-lead{font-size:.98rem;color:var(--muted);font-weight:600;margin-bottom:1.3rem;text-align:center}
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem}
.logo-slot{height:66px;border-radius:14px;border:1.5px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-size:.8rem;font-weight:600;opacity:.8;padding:.6rem}
.logo-slot img{max-height:38px;width:auto;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}
.logo-slot:hover img{filter:none;opacity:1}
@media (max-width:820px){.logos{grid-template-columns:repeat(3,1fr)}}

/* ===== WARUM ANGEBOT ===== */
#jetzt{background:var(--bg-2)}
.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:center}
@media (max-width:900px){.why-grid{grid-template-columns:1fr}}
.photo{position:relative;border-radius:var(--r-l);overflow:hidden;background:radial-gradient(80% 70% at 25% 15%,rgba(232,130,26,.28),transparent 60%),linear-gradient(150deg,#16301B 0%,#0B2038 100%);aspect-ratio:4/5;display:grid;place-items:center;color:rgba(255,255,255,.28)}
.photo>svg{width:30%;height:auto;fill:none;stroke:currentColor;stroke-width:1.2}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph{background:var(--ph) center/cover no-repeat,linear-gradient(150deg,#16301B,#0B2038)}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,18,10,.35));pointer-events:none}
.ph-chip{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:1;padding:.9rem 1.1rem;border-radius:14px;background:rgba(8,18,10,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:600;font-size:.95rem;line-height:1.45}
.ph-chip b{color:var(--amber-2)}
.photo figcaption{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.8);background:rgba(0,0,0,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem .75rem;border-radius:10px}
.reasons{display:grid;gap:1.3rem;margin:2rem 0 2.2rem;padding:0;list-style:none}
.reason{display:grid;grid-template-columns:46px 1fr;gap:1rem;align-items:start}
.reason-ico{width:46px;height:46px;border-radius:13px;background:rgba(232,130,26,.13);color:var(--amber-d);display:grid;place-items:center}
.reason-ico .ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.reason h3{font-size:1.08rem;font-weight:800;margin-bottom:.2rem;letter-spacing:-.01em}
.reason p{font-size:.97rem;color:var(--muted);line-height:1.65}

/* ===== LEISTUNGEN ===== */
#leistungen{background:var(--bg)}
.svc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.svc-intro{position:sticky;top:110px}
.kurz{margin-top:1.7rem;padding:1.35rem 1.45rem;border-radius:var(--r-m);background:var(--card);border:1px solid var(--line);font-size:.98rem;line-height:1.75}
.kurz strong{display:block;margin-bottom:.35rem;font-size:.92rem;color:var(--amber-d)}
.svc-list{display:flex;flex-direction:column}
.svc{display:grid;grid-template-columns:58px 1fr;gap:1.25rem;padding:1.7rem 0;border-top:1px solid var(--line)}
.svc:last-child{border-bottom:1px solid var(--line)}
.svc-ico{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--forest-2),var(--ink));color:var(--amber);box-shadow:0 10px 24px rgba(13,27,15,.18)}
.svc-ico.gas{background:linear-gradient(145deg,var(--teal),var(--navy));color:var(--gas)}
.svc-ico .ico{width:26px;height:26px}
.svc-ico .ico.line{fill:none;stroke:currentColor;stroke-width:1.8}
.svc .meta{font-size:.85rem;font-weight:700;color:var(--amber-d);margin-bottom:.25rem}
.svc h3{font-size:1.25rem;font-weight:800;margin-bottom:.35rem;letter-spacing:-.015em}
.svc p{color:var(--muted);font-size:.99rem;line-height:1.7}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr}.svc-intro{position:static}}

/* ===== VIDEO ===== */
#video{background:radial-gradient(60% 80% at 92% 8%,rgba(232,130,26,.15),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(13,61,74,.6),transparent 70%),linear-gradient(160deg,#0D1B0F 0%,#11291B 55%,#0B2038 100%)}
.video-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:900px){.video-grid{grid-template-columns:1fr}}
.player{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;background:radial-gradient(60% 80% at 50% 40%,rgba(232,130,26,.28),transparent 70%),linear-gradient(145deg,#16301B,#0B2038);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.player-btn{position:absolute;inset:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;color:#fff}
.play{width:88px;height:88px;border-radius:50%;background:var(--amber);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(232,130,26,.18);transition:transform .25s var(--ease),box-shadow .25s}
.play .ico{width:30px;height:30px;margin-left:5px}
.player-btn:hover .play{transform:scale(1.07);box-shadow:0 0 0 20px rgba(232,130,26,.14)}
.player-cap{position:absolute;left:1.2rem;bottom:1.1rem;right:1.2rem;font-size:.95rem;font-weight:600;color:var(--w2);text-align:left}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-note{font-size:.8rem;color:var(--w3);margin-top:.9rem}

/* ===== ABLAUF ===== */
#ablauf{background:var(--bg-2)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.3rem,3vw,2.2rem);padding:0;margin:0;list-style:none}
.step .photo{aspect-ratio:4/3;margin-bottom:1.4rem}
.step-num{font-size:.9rem;font-weight:800;color:var(--amber-d);margin-bottom:.3rem}
.step h3{font-size:1.3rem;font-weight:800;margin-bottom:.45rem;letter-spacing:-.02em}
.step p{color:var(--muted);line-height:1.7}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* ===== VERGLEICH ===== */
#warum{background:radial-gradient(60% 60% at 12% 8%,rgba(90,176,255,.16),transparent 60%),radial-gradient(50% 60% at 92% 95%,rgba(232,130,26,.14),transparent 60%),linear-gradient(160deg,#0B2038 0%,#0E2D50 55%,#0A1C2E 100%)}
.table-scroll{overflow-x:auto;border-radius:var(--r-l);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cmp{width:100%;min-width:640px;border-collapse:collapse}
.cmp th,.cmp td{padding:1.05rem 1.3rem;text-align:left;font-size:.97rem;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}
.cmp tr:last-child td{border-bottom:0}
.cmp thead th{font-size:.92rem;font-weight:700;color:var(--w3);background:rgba(255,255,255,.03)}
.cmp thead th.us{color:#fff}
.cmp td:first-child{color:var(--w2);font-weight:500;width:34%}
.cmp .us{background:rgba(232,130,26,.1);color:#fff;font-weight:700}
.cmp thead .us{background:rgba(232,130,26,.2)}
.cmp .them{color:var(--w3)}
.cell{display:flex;gap:.55rem;align-items:flex-start}
.cell .ico{width:18px;height:18px;margin-top:.15rem;fill:none;stroke-width:2.4}
.us .ico{stroke:var(--amber-2)}
.them .ico{stroke:rgba(255,255,255,.35)}
.cmp-cta{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:2rem}
.cmp-cta p{color:var(--w2);max-width:52ch}

/* ===== BRANCHEN ===== */
#branchen{background:var(--bg)}
.bfeat{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.btile{position:relative;overflow:hidden;border-radius:var(--r-l);aspect-ratio:1/1;border:0!important;padding:0!important;color:#fff;background:#132A16!important;text-align:left}
.btile::before{content:"";position:absolute;inset:0;background:var(--ph) center/cover no-repeat;transition:transform .9s var(--ease)}
.btile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,10,0) 38%,rgba(8,18,10,.9) 100%)}
.btile:hover::before{transform:scale(1.06)}
.btile-in{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1.4rem 1.5rem;display:flex;flex-direction:column;gap:.15rem}
.btile b{font-size:1.25rem;font-weight:800}
.btile .pct{color:var(--amber-2)!important}
.btile small{color:rgba(255,255,255,.75)!important}
@media (max-width:760px){.bfeat{grid-template-columns:1fr}.btile{aspect-ratio:16/10}}
.bcards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r-m);padding:1.4rem;text-align:left;cursor:pointer;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s;display:flex;flex-direction:column;gap:.3rem}
.bcard:hover{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 14px 34px rgba(13,27,15,.12)}
.bcard .emo{font-size:1.9rem;line-height:1;margin-bottom:.55rem}
.bcard b{font-size:1.05rem;font-weight:800}
.bcard .pct{font-size:1.25rem;font-weight:900;color:var(--amber-d);letter-spacing:-.02em}
.bcard small{font-size:.85rem;color:var(--muted);line-height:1.5}
@media (max-width:980px){.bcards{grid-template-columns:repeat(2,1fr)}}

/* ===== FUNNEL ===== */
#angebot{background:radial-gradient(55% 55% at 85% 5%,rgba(232,130,26,.16),transparent 60%),radial-gradient(60% 60% at 5% 100%,rgba(90,176,255,.1),transparent 65%),linear-gradient(165deg,#0B2038 0%,#0D1B0F 55%,#0A1510 100%)}
.fwrap{max-width:760px;margin:0 auto}
.fcard{position:relative;border-radius:var(--r-xl);padding:clamp(1.4rem,4vw,2.5rem);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.fsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.8rem;padding:0;list-style:none}
.fstep i{display:block;height:4px;border-radius:100px;background:rgba(255,255,255,.1);overflow:hidden;position:relative}
.fstep i::after{content:"";position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
.fstep.done i::after,.fstep.now i::after{transform:scaleX(1)}
.fstep.now i::after{background:var(--amber-2)}
.fstep span{display:block;font-size:.8rem;color:var(--w3);margin-top:.5rem;font-weight:600}
.fstep.now span,.fstep.done span{color:var(--w2)}
.fpanel{display:none}
.fpanel.on{display:block;animation:rise .5s var(--ease) both}
.fh{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem;outline:none}
.fsub{color:var(--w3);font-size:.95rem;margin-bottom:1.5rem}
.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.3rem}
.choice{position:relative;border:1.5px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);border-radius:var(--r-m);padding:1.3rem 1.1rem;color:#fff;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .2s}
.choice:hover,.choice.pref{border-color:var(--amber);background:rgba(232,130,26,.09)}
.choice:hover{transform:translateY(-2px)}
.choice .ico{width:26px;height:26px;margin-bottom:.8rem;color:var(--amber)}
.choice.gas .ico{color:var(--gas)}
.choice .duo{display:flex;gap:.2rem}
.choice .duo .ico:last-child{color:var(--gas)}
.choice b{display:block;font-size:1.08rem;font-weight:800;margin-bottom:.15rem}
.choice span.t{font-size:.86rem;color:var(--w3);line-height:1.45;display:block}
.tag{position:absolute;top:-11px;right:12px;background:var(--amber);color:#fff;font-size:.74rem;font-weight:800;padding:.22rem .65rem;border-radius:100px}
@media (max-width:620px){.choice-grid{grid-template-columns:1fr}}
.trust-row{display:flex;gap:.5rem 1.3rem;flex-wrap:wrap;justify-content:center;color:var(--w3);font-size:.85rem;font-weight:600}
.trust-row span{display:flex;gap:.35rem;align-items:center}
.trust-row .ico{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}

.sblock{padding:1.2rem 1.3rem;border-radius:var(--r-m);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);margin-bottom:1rem;--rc:var(--amber)}
.sblock.gas{--rc:var(--gas)}
.sblock-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
.sblock-head label{font-weight:700;color:var(--w2);font-size:.98rem;display:flex;gap:.45rem;align-items:center}
.sblock-head label .ico{color:var(--rc)}
.sblock-head output{font-size:1.55rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:100px;background:linear-gradient(90deg,var(--rc) var(--p,30%),rgba(255,255,255,.13) var(--p,30%));cursor:pointer;margin:.4rem 0}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid var(--rc);box-shadow:0 4px 14px rgba(0,0,0,.35);transition:transform .15s}
input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.08)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--rc);box-shadow:0 4px 14px rgba(0,0,0,.35)}
input[type=range]::-moz-range-track{background:transparent}
.srange-labels{display:flex;justify-content:space-between;font-size:.78rem;color:var(--w3);margin-top:.4rem}
.est{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.35rem;border-radius:var(--r-m);background:linear-gradient(135deg,rgba(232,130,26,.18),rgba(232,130,26,.05));border:1px solid rgba(232,130,26,.32);margin:1.2rem 0 .4rem}
.est small{display:block;font-size:.85rem;color:var(--w2);font-weight:600}
.est b{display:block;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.est em{font-style:normal;font-size:.78rem;color:var(--w3)}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.3rem}
@media (max-width:520px){.bgrid{grid-template-columns:repeat(2,1fr)}}
.bbtn{border:1.5px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:14px;padding:.95rem .5rem;color:var(--w2);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.35rem}
.bbtn span{font-size:1.5rem;line-height:1}
.bbtn:hover{border-color:rgba(232,130,26,.55);color:#fff}
.bbtn[aria-pressed="true"]{border-color:var(--amber);background:rgba(232,130,26,.16);color:#fff}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-bottom:.9rem}
@media (max-width:560px){.frow{grid-template-columns:1fr}}
.field label{display:block;font-size:.88rem;font-weight:600;color:var(--w2);margin-bottom:.4rem}
.inp{width:100%;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.14);border-radius:12px;padding:.9rem 1rem;color:#fff;font-size:1rem;outline:none;transition:border-color .2s,background .2s}
.inp:focus{border-color:var(--amber);background:rgba(255,255,255,.1)}
.inp::placeholder{color:rgba(255,255,255,.3)}
.inp.bad{border-color:#F87171}
select.inp{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.6) 50%),linear-gradient(135deg,rgba(255,255,255,.6) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:2.4rem}
select.inp option{background:#0D1B0F;color:#fff}
.consent{display:flex;gap:.75rem;align-items:flex-start;margin:1.1rem 0 .4rem}
.consent input{width:20px;height:20px;min-width:20px;accent-color:var(--amber);margin-top:2px;cursor:pointer}
.consent label{font-size:.85rem;color:var(--w3);line-height:1.6;cursor:pointer}
.consent a{color:var(--amber-2);text-decoration:underline}
.ferr{color:#FCA5A5;font-size:.88rem;min-height:1.3em;margin-top:.4rem}
.fnav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}
.back{background:none;border:0;color:var(--w3);cursor:pointer;font-weight:600;padding:.6rem 0;font-size:.95rem}
.back:hover{color:#fff}
@media (max-width:560px){.fnav{flex-direction:column-reverse;align-items:stretch}.fnav .btn{width:100%}}
.fnote{text-align:center;color:var(--w3);font-size:.8rem;margin-top:1rem}
.done-ico{width:78px;height:78px;border-radius:50%;background:rgba(74,222,128,.14);border:1.5px solid rgba(74,222,128,.4);display:grid;place-items:center;margin:0 auto 1.2rem;color:#4ADE80}
.done-ico .ico{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2.4}
.fdone{text-align:center;padding:.6rem 0}
.fdone p{color:var(--w2);max-width:46ch;margin:0 auto 1.4rem}

/* ===== STIMMEN ===== */
#stimmen{background:var(--bg-2)}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.quote{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);padding:1.7rem;display:flex;flex-direction:column;gap:1rem}
.quote.is-empty{border-style:dashed;background:transparent}
.stars{color:var(--amber);letter-spacing:.12em;font-size:1.05rem}
.quote.is-empty .stars{opacity:.35}
.quote blockquote{font-size:1.02rem;line-height:1.7;flex:1}
.quote.is-empty blockquote{color:var(--muted);font-size:.92rem}
.quote figcaption{font-size:.88rem;color:var(--muted);font-weight:600}
@media (max-width:860px){.quotes{grid-template-columns:1fr}}

/* ===== BLOG ===== */
#wissen{background:var(--bg)}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.post{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s var(--ease),box-shadow .25s,border-color .2s}
.post:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(13,27,15,.12);border-color:var(--amber)}
.post-top{position:relative;height:160px;background:radial-gradient(70% 90% at 80% 10%,rgba(232,130,26,.35),transparent 60%),linear-gradient(140deg,#16301B,#0B2038)}
.post-top.b{background:radial-gradient(70% 90% at 80% 10%,rgba(90,176,255,.35),transparent 60%),linear-gradient(140deg,#0B2038,#0D3D4A)}
.post-top.c{background:radial-gradient(70% 90% at 20% 10%,rgba(232,130,26,.3),transparent 60%),linear-gradient(140deg,#0D3D4A,#16301B)}
.post-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.post-cat{font-size:.82rem;font-weight:700;color:var(--amber-d)}
.post h3{font-size:1.15rem;font-weight:800;line-height:1.3;letter-spacing:-.015em}
.post p{font-size:.94rem;color:var(--muted);line-height:1.65;flex:1}
.post .more{font-weight:700;font-size:.92rem;margin-top:.4rem;align-self:flex-start}
.post-top.ph{background:var(--ph) center/cover no-repeat,linear-gradient(140deg,#16301B,#0B2038)}
.post:hover .post-top.ph{filter:saturate(1.1)}
.posts-cta{margin-top:2rem;text-align:center}
@media (max-width:900px){.posts{grid-template-columns:1fr}}

/* ===== FAQ ===== */
#faq{background:linear-gradient(170deg,#0D1B0F 0%,#0C1A12 60%,#0B1D2B 100%)}
.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem}
.faq{border-radius:var(--r-m);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);overflow:hidden;transition:background .2s,border-color .2s}
.faq[open]{background:rgba(255,255,255,.06);border-color:rgba(232,130,26,.35)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;font-weight:700;font-size:1.04rem;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq-i{width:30px;height:30px;min-width:30px;border-radius:50%;border:1px solid rgba(232,130,26,.4);color:var(--amber-2);display:grid;place-items:center;transition:transform .35s var(--ease),background .2s}
.faq-i .ico{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4}
.faq[open] .faq-i{transform:rotate(45deg);background:rgba(232,130,26,.15)}
.faq-a{padding:0 1.4rem 1.3rem;color:var(--w2);line-height:1.75;font-size:.99rem}
.faq::details-content{block-size:0;overflow:hidden;transition:block-size .35s var(--ease),content-visibility .35s allow-discrete}
.faq[open]::details-content{block-size:auto}

/* ===== CTA ===== */
#kontakt{background:radial-gradient(60% 80% at 80% 0%,rgba(232,130,26,.2),transparent 60%),linear-gradient(160deg,#0B1D2B 0%,#0D1B0F 70%);text-align:center}
.cta-box{max-width:760px;margin:0 auto}
.cta-box .lead{margin:1rem auto 2.2rem}
.cta-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.chips{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}
.chip{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:100px;border:1px solid var(--wl);background:rgba(255,255,255,.04);color:var(--w2);font-weight:600;font-size:.93rem;transition:color .2s,border-color .2s}
.chip:hover{color:#fff;border-color:rgba(255,255,255,.25)}
.chip .ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}

/* ===== FOOTER ===== */
footer{background:#08120A;color:var(--w2);padding:3.5rem 0 2rem;border-top:1px solid var(--wl)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.fgrid h2{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:.9rem}
.fgrid ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.fgrid a{font-size:.93rem;transition:color .2s}
.fgrid a:hover{color:#fff}
.fabout{font-size:.93rem;line-height:1.7;margin:1rem 0 1.2rem;max-width:34ch}
.fsocial{display:flex;gap:.3rem}
.fsocial .soc{background:rgba(255,255,255,.06)}
.fbottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--wl);font-size:.85rem;color:var(--w3)}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* ===== MOBILE BAR ===== */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:.7rem 1rem calc(env(safe-area-inset-bottom,0px) + .7rem);background:rgba(8,18,10,.93);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--wl);display:none;transform:translateY(110%);transition:transform .4s var(--ease)}
.mbar.show{transform:none}
.mbar .btn{width:100%}
@media (max-width:760px){.mbar{display:block}footer{padding-bottom:calc(2rem + 80px)}}

/* ===== SCROLL REVEAL (progressive) ===== */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 20%}
    @keyframes rv{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  }
}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:var(--ease)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* ===== Logo-Leiste (nur wenn Logos vorhanden) ===== */
.logos.auto{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.logos.auto .logo-slot{border-style:solid;border-color:transparent;opacity:1}

/* ===== Unterseiten (Blog, Artikel, Impressum) ===== */
.page-hero{position:relative;padding:calc(env(safe-area-inset-top,0px) + 132px) 0 clamp(3rem,6vw,4.5rem);color:#fff;background:radial-gradient(55% 70% at 88% 10%,rgba(232,130,26,.2),transparent 60%),radial-gradient(45% 60% at 5% 100%,rgba(13,61,74,.55),transparent 70%),linear-gradient(150deg,#0D1B0F 0%,#10291A 50%,#0B2038 100%);overflow:hidden}
.page-hero.has-img{padding-bottom:clamp(5rem,9vw,7rem)}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;max-width:24ch}
.page-hero .lead{margin-top:.9rem;color:var(--w2)}
.crumbs{font-size:.9rem;color:var(--w3);margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}
.crumbs a:hover{color:#fff}
.meta-row{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap;color:var(--w3);font-size:.93rem;margin-top:1.2rem}
.inner{background:var(--bg)}
.cat-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.cat-row a{padding:.45rem .95rem;border-radius:100px;border:1px solid var(--line);background:var(--card);font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s}
.cat-row a.on,.cat-row a:hover{border-color:var(--amber);color:var(--amber-d)}
.pagination{margin-top:2.6rem}
.pagination .nav-links{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{min-width:46px;height:46px;display:grid;place-items:center;padding:0 1rem;border-radius:100px;border:1px solid var(--line);background:var(--card);font-weight:700}
.pagination .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.pagination a.page-numbers:hover{border-color:var(--amber)}
.article{max-width:760px;margin:0 auto}
.article-img{border-radius:var(--r-l);overflow:hidden;margin:-4.5rem 0 2.6rem;box-shadow:0 24px 60px rgba(13,27,15,.22);position:relative;z-index:1;aspect-ratio:16/9;background:#132A16}
.article-img img{width:100%;height:100%;object-fit:cover}
.prose{font-size:1.08rem;line-height:1.8;color:var(--text)}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-top:2em}
.prose h3{font-size:1.25rem;font-weight:800;margin-top:1.6em;letter-spacing:-.01em}
.prose a{color:var(--amber-d);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.4em}
.prose strong{font-weight:700}
.prose blockquote{border-left:4px solid var(--amber);padding:.5em 0 .5em 1.2em;color:var(--muted);font-style:italic}
.prose img{border-radius:var(--r-m);height:auto}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:.88rem;color:var(--muted);margin-top:.5rem}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}
.prose hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}
.article-cta{margin-top:3.2rem;padding:clamp(1.6rem,4vw,2.4rem);border-radius:var(--r-l);background:radial-gradient(60% 80% at 90% 0%,rgba(232,130,26,.22),transparent 60%),linear-gradient(150deg,#0D1B0F,#0B2038);color:#fff}
.article-cta h2{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}
.article-cta p{color:var(--w2);margin-bottom:1.3rem}
.article-cta .cta-btns{justify-content:flex-start}
.back-link{display:inline-flex;margin-top:2.2rem;font-weight:700;color:var(--amber-d)}
.empty{padding:3rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r-l)}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.linklike{background:none;border:0;padding:0;color:inherit;cursor:pointer;font:inherit}
.linklike:hover{color:#fff}

/* ===== Cookie-Einwilligung ===== */
.consent-bar{position:fixed;left:1rem;right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:200;max-width:560px;margin-left:auto;background:rgba(10,20,13,.97);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-l);padding:1.4rem 1.4rem 1.2rem;box-shadow:0 24px 60px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise .5s var(--ease) both;max-height:calc(100svh - 2rem);overflow-y:auto}
.consent-bar h2{font-size:1.12rem;font-weight:800;margin-bottom:.45rem;letter-spacing:-.01em}
.consent-bar p{font-size:.9rem;color:var(--w2);line-height:1.6}
.consent-bar p a{color:var(--amber-2);text-decoration:underline}
.consent-opts{margin-top:1rem;display:grid;gap:.6rem}
.copt{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--wl);font-size:.93rem;font-weight:600}
.copt small{display:block;color:var(--w3);font-size:.8rem;font-weight:500;margin-top:.15rem}
.switch{position:relative;width:48px;height:28px;flex-shrink:0}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:100px;background:rgba(255,255,255,.2);transition:background .2s}
.switch span::after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.switch input:checked+span{background:var(--amber)}
.switch input:checked+span::after{transform:translateX(20px)}
.switch input:disabled{cursor:not-allowed}
.switch input:disabled+span{opacity:.6}
.switch input:focus-visible+span{outline:2px solid var(--amber-2);outline-offset:2px}
.consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
.consent-btns .btn{padding:.85rem 1rem;font-size:.95rem;width:100%}
.consent-more{background:none;border:0;color:var(--w2);text-decoration:underline;cursor:pointer;font-size:.88rem;margin-top:.85rem;padding:0}
.consent-more:hover{color:#fff}
@media (max-width:520px){.consent-bar{left:.6rem;right:.6rem;bottom:calc(env(safe-area-inset-bottom,0px) + .6rem)}.consent-btns{grid-template-columns:1fr}}
body.has-consent .mbar{transform:translateY(110%)!important}