
:root{
 --bg:#050505; --bg2:#0a0a0a; --panel:#0d0d0d; --gold:#f6c445; --gold2:#ff9f05;
 --green:#78ff00; --silver:#e9eef5; --muted:#9b9b9b; --copper:#c77c42;
 --line:rgba(246,196,69,.52); --glow:0 0 22px rgba(246,196,69,.18),inset 0 0 18px rgba(246,196,69,.06);
 --radius:18px; --max:1660px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#15100a 0,#080808 35%,#050505 78%);color:#fff;font-family:Bahnschrift,'Segoe UI',Arial,sans-serif;letter-spacing:.01em}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:50;background:rgba(3,3,3,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(246,196,69,.35)}.nav{height:88px;display:flex;align-items:center;gap:24px}.logo img{height:71px;width:auto;display:block}.navlinks{display:flex;gap:28px;margin-left:auto;align-items:center}.navlinks a{font-weight:800;font-size:14px;color:#e6e6e6}.navlinks a:hover,.navlinks a.active{color:var(--green);text-shadow:0 0 12px rgba(120,255,0,.4)}.lang{border:1px solid rgba(255,255,255,.17);background:#0b0b0b;color:#fff;border-radius:999px;padding:10px 14px}.account{border:1px solid var(--gold);padding:12px 18px;border-radius:12px;font-weight:900;background:linear-gradient(180deg,#181006,#090603);box-shadow:0 0 16px rgba(246,196,69,.16)}.hamb{display:none;margin-left:auto;background:none;border:0;color:white;font-size:28px}
.hero-master{background:#000;border-bottom:1px solid rgba(120,255,0,.35)}.hero-master img{display:block;width:100%;height:auto;max-height:calc(100vh - 88px);object-fit:contain;background:#000}.hero-caption{padding:24px 0 28px;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.2),#050505)}.hero-caption h1{margin:0;font-size:clamp(28px,4vw,64px);font-style:italic;text-transform:uppercase}.gold{color:var(--gold)}.green{color:var(--green)}.silver{color:var(--silver)}.copper{color:var(--copper)}
.kicker{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:13px}.section{padding:84px 0}.section.tight{padding:54px 0}.section h2{font-size:clamp(34px,5vw,66px);line-height:.98;margin:12px 0 20px;text-transform:uppercase;font-style:italic}.lead{font-size:clamp(18px,2vw,24px);line-height:1.55;color:#d9d9d9;max-width:920px}.center{text-align:center;margin-inline:auto}.grid{display:grid;gap:20px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}
.card{position:relative;background:linear-gradient(180deg,rgba(17,17,17,.96),rgba(7,7,7,.98));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--glow);overflow:hidden}.card:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%);pointer-events:none}.card h3{font-size:23px;margin:8px 0 12px}.card p{color:#c8c8c8;line-height:1.6;margin:0}.icon{font-size:34px;color:var(--gold);filter:drop-shadow(0 0 8px rgba(246,196,69,.25))}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(120,255,0,.45);border-radius:999px;padding:8px 12px;color:var(--green);font-size:12px;font-weight:900;text-transform:uppercase;background:rgba(120,255,0,.05)}.dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}
.live-grid{display:grid;grid-template-columns:1.05fr 1.3fr .95fr;gap:20px}.metric{text-align:center}.metric .num{font-size:clamp(60px,9vw,126px);font-weight:1000;font-style:italic;line-height:.9;text-shadow:0 0 20px rgba(246,196,69,.36)}.metric small{display:block;color:#ddd;font-weight:900;margin-top:14px}.scorebox{text-align:center}.teams{display:flex;justify-content:space-between;gap:18px;align-items:center;font-weight:900}.team{width:36%;font-size:17px}.score{font-size:clamp(66px,10vw,140px);font-weight:1000;line-height:.9;letter-spacing:-.05em}.time{font-size:clamp(34px,5vw,60px);font-weight:1000;color:var(--green);text-shadow:0 0 15px rgba(120,255,0,.25)}.score .one{color:var(--silver);text-shadow:0 0 10px rgba(233,238,245,.35)}
.factor{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.factor:last-child{border-bottom:0}.bars{display:flex;gap:4px;align-items:end;height:30px}.bars i{display:block;width:7px;background:var(--green);box-shadow:0 0 8px rgba(120,255,0,.25)}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:72%}.bars i:nth-child(4){height:92%}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#090909}.stat b{font-size:34px;display:block}.stat span{color:#aaa;font-size:13px;text-transform:uppercase}.hit-table{width:100%;border-collapse:collapse;margin-top:18px}.hit-table td{padding:14px 8px;border-top:1px solid rgba(255,255,255,.08)}.hit-table td:last-child{text-align:right;font-weight:900}.goldpct{color:var(--gold)}.silverpct{color:var(--silver)}.copperpct{color:var(--copper)}
.odds-row{display:grid;grid-template-columns:1.2fr .8fr .7fr .5fr;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.odds-row.head{color:#8d8d8d;font-size:12px;text-transform:uppercase;border-top:0}.best{color:var(--gold);font-weight:900}.book{font-weight:900}.quote{font-size:22px;font-weight:1000}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 12px;background:#090909;color:#ddd}.chip.active{border-color:var(--gold);color:var(--gold)}
.news-card .tag{font-size:11px;color:var(--green);font-weight:900}.news-card h3{font-size:24px}.news-card time{font-size:12px;color:#777}.news-hero{min-height:340px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 65% 25%,rgba(246,196,69,.18),transparent 38%),linear-gradient(145deg,#15100a,#050505);padding:40px}.news-hero h3{font-size:clamp(32px,4vw,56px);max-width:900px;margin:10px 0}
.pricing{grid-template-columns:repeat(3,1fr);align-items:stretch}.price-card{display:flex;flex-direction:column}.price-card.featured{border-color:var(--gold);transform:translateY(-10px);box-shadow:0 0 32px rgba(246,196,69,.24)}.price{font-size:54px;font-weight:1000;margin:12px 0}.price small{font-size:15px;color:#aaa}.features{padding:0;list-style:none;margin:18px 0 28px}.features li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#d4d4d4}.features li:before{content:'✓';color:var(--green);font-weight:1000;margin-right:9px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--gold);border-radius:12px;padding:14px 18px;font-weight:1000;text-transform:uppercase;background:linear-gradient(180deg,#2a1a05,#0c0803);box-shadow:0 0 17px rgba(246,196,69,.15);cursor:pointer}.btn.green{border-color:var(--green);color:#101010;background:linear-gradient(180deg,#9aff1f,#69d900);box-shadow:0 0 20px rgba(120,255,0,.18)}.btn.muted{border-color:#444;background:#0b0b0b;color:#bbb}.price-card .btn{margin-top:auto}.annual{margin-top:16px;border:1px solid rgba(246,196,69,.35);border-radius:13px;padding:14px;background:rgba(246,196,69,.05)}.annual b{color:var(--gold)}
.giveaway{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.countdown div{text-align:center;border:1px solid var(--line);padding:18px 8px;border-radius:14px;background:#080808}.countdown b{display:block;font-size:34px;color:var(--gold)}
.footer{border-top:1px solid rgba(246,196,69,.25);background:#030303;padding:46px 0 22px}.footgrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer h4{color:var(--gold);margin:0 0 12px}.footer a{display:block;color:#aaa;padding:5px 0;font-size:14px}.footer .copy{border-top:1px solid rgba(255,255,255,.07);margin-top:28px;padding-top:18px;color:#666;font-size:12px}
.pagehero{padding:80px 0 54px;background:radial-gradient(circle at 60% 0,rgba(246,196,69,.16),transparent 42%);border-bottom:1px solid rgba(246,196,69,.22)}.pagehero h1{font-size:clamp(44px,7vw,88px);line-height:.95;margin:10px 0 20px;text-transform:uppercase;font-style:italic}.form{max-width:660px}.field{display:grid;gap:8px;margin:16px 0}.field label{font-size:13px;color:#bcbcbc}.field input,.field select{width:100%;background:#070707;color:white;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px}.notice{border-left:3px solid var(--gold);padding:14px 16px;background:rgba(246,196,69,.05);color:#c8c8c8}.legal h2{font-size:28px;margin-top:34px}.legal p,.legal li{color:#c7c7c7;line-height:1.65}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px}.tab.active{border-color:var(--green);color:var(--green)}
@media(max-width:1050px){.navlinks{display:none}.hamb{display:block}.nav.open .navlinks{display:flex;position:absolute;top:88px;left:0;right:0;background:#050505;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.account{display:none}.live-grid,.grid3,.pricing,.giveaway{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.price-card.featured{transform:none}.footgrid{grid-template-columns:repeat(2,1fr)}.logo img{height:62px}.nav{height:76px}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 24px))}.section{padding:58px 0}.grid2,.grid4,.stat-strip{grid-template-columns:1fr}.hero-master img{max-height:none}.hero-caption{padding-top:16px}.card{padding:20px}.odds-row{grid-template-columns:1.2fr .7fr}.odds-row>*:nth-child(3),.odds-row>*:nth-child(4){display:none}.countdown{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr}.logo img{height:54px}.lang{padding:8px 10px}.pagehero{padding:54px 0 40px}.nav{height:70px}}

/* PREMIUM PRICING 4-CARD SYSTEM */
.pricing-premium{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;min-height:610px;padding:30px 28px 26px;background:linear-gradient(180deg,rgba(20,20,20,.985),rgba(5,5,5,.995));border:1px solid rgba(233,238,245,.22);box-shadow:0 16px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
.plan-card:after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--silver),transparent);opacity:.8}
.plan-card.free{border-color:rgba(233,238,245,.36);box-shadow:0 16px 55px rgba(0,0,0,.5),0 0 26px rgba(233,238,245,.07),inset 0 1px 0 rgba(255,255,255,.06)}
.plan-card.alarm{border-color:rgba(233,238,245,.72);background:radial-gradient(circle at 50% 0,rgba(233,238,245,.10),transparent 34%),linear-gradient(180deg,rgba(20,22,24,.99),rgba(5,5,5,.995));box-shadow:0 16px 55px rgba(0,0,0,.5),0 0 34px rgba(233,238,245,.13),inset 0 1px 0 rgba(255,255,255,.10)}
.plan-card.alarm:after{background:linear-gradient(90deg,transparent,#ffffff,var(--silver),#ffffff,transparent)}
.plan-card.premium{border-color:rgba(120,255,0,.72);background:radial-gradient(circle at 50% 0,rgba(120,255,0,.10),transparent 34%),linear-gradient(180deg,rgba(10,22,8,.985),rgba(5,5,5,.995));box-shadow:0 16px 55px rgba(0,0,0,.5),0 0 36px rgba(120,255,0,.16),inset 0 1px 0 rgba(255,255,255,.06)}
.plan-card.premium:after{background:linear-gradient(90deg,transparent,var(--green),transparent)}
.plan-card.annual-plan{border-color:rgba(246,196,69,.95);background:radial-gradient(circle at 50% 0,rgba(246,196,69,.12),transparent 35%),linear-gradient(180deg,rgba(23,18,9,.98),rgba(5,5,5,.995));box-shadow:0 18px 62px rgba(0,0,0,.55),0 0 42px rgba(246,196,69,.2),inset 0 1px 0 rgba(255,255,255,.07)}
.plan-card.annual-plan:after{background:linear-gradient(90deg,transparent,var(--gold),var(--green),var(--gold),transparent)}
.plan-label{font-size:14px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.plan-card.free .plan-label{color:var(--silver)}
.plan-card.alarm .plan-label{color:var(--silver);text-shadow:0 0 14px rgba(233,238,245,.30)}
.plan-card.premium .plan-label{color:var(--green);text-shadow:0 0 14px rgba(120,255,0,.28)}
.plan-card.annual-plan .plan-label{color:var(--gold);text-shadow:0 0 14px rgba(246,196,69,.28)}
.plan-price{font-size:clamp(44px,4vw,62px);font-weight:1000;line-height:.95;margin:4px 0 10px;color:#fff;letter-spacing:-.04em}
.plan-card.alarm .plan-price{color:var(--silver);text-shadow:0 0 18px rgba(233,238,245,.22)}
.plan-card.premium .plan-price{color:var(--green);text-shadow:0 0 18px rgba(120,255,0,.20)}
.plan-card.annual-plan .plan-price{color:var(--gold);text-shadow:0 0 18px rgba(246,196,69,.22)}
.plan-price small{font-size:14px;color:#f3f3f3;letter-spacing:.06em;text-transform:uppercase;font-weight:900}
.plan-subtitle{min-height:48px;color:#f1f1f1;font-size:16px;line-height:1.5;font-weight:750;margin:0 0 14px}
.plan-saving{display:inline-flex;align-self:flex-start;margin:0 0 14px;padding:9px 14px;border:1px solid rgba(120,255,0,.86);border-radius:999px;color:var(--green);background:rgba(120,255,0,.08);font-size:12px;font-weight:1000;letter-spacing:.08em;box-shadow:0 0 20px rgba(120,255,0,.14);text-shadow:0 0 10px rgba(120,255,0,.25)}
.plan-details{color:#f0f0f0;font-size:14px;line-height:1.55;margin:0 0 12px;font-weight:700}
.plan-features{padding:0;list-style:none;margin:16px 0 26px}
.plan-features li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid rgba(255,255,255,.10);color:#f2f2f2;font-size:15px;line-height:1.45;font-weight:650}
.plan-features li:before{content:'✓';position:absolute;left:0;top:11px;color:var(--silver);font-weight:1000}
.plan-card.alarm .plan-features li:before{color:var(--silver);text-shadow:0 0 8px rgba(233,238,245,.28)}
.plan-card.premium .plan-features li:before{color:var(--green);text-shadow:0 0 8px rgba(120,255,0,.30)}
.plan-card.annual-plan .plan-features li:before{color:var(--gold);text-shadow:0 0 8px rgba(246,196,69,.25)}
.plan-card .btn{margin-top:auto;min-height:52px;font-size:14px;letter-spacing:.04em}
.plan-card.free .btn{border-color:rgba(233,238,245,.72);color:#fff;background:linear-gradient(180deg,#222,#0b0b0b)}
.plan-card.alarm .btn{border-color:var(--silver);color:#080a0b;background:linear-gradient(180deg,#ffffff,#c9d0d8);box-shadow:0 0 24px rgba(233,238,245,.18)}
.plan-card.premium .btn{border-color:var(--green);color:#071000;background:linear-gradient(180deg,#a6ff37,#68e000);box-shadow:0 0 26px rgba(120,255,0,.18)}
.plan-card.annual-plan .btn{border-color:var(--gold);color:#0b0802;background:linear-gradient(180deg,#ffe27e,#e4ad1c);box-shadow:0 0 28px rgba(246,196,69,.18)}
.pricing-note{margin-top:24px;padding:18px 20px;border:1px solid rgba(233,238,245,.16);border-left:3px solid var(--gold);border-radius:12px;background:rgba(255,255,255,.025);color:#e8e8e8;font-size:14px;line-height:1.6}
@media(max-width:1200px){.pricing-premium{grid-template-columns:repeat(2,1fr)}.plan-card{min-height:560px}}
@media(max-width:680px){.pricing-premium{grid-template-columns:1fr}.plan-card{min-height:auto;padding:26px 22px}.plan-subtitle{min-height:0}.plan-price{font-size:50px}}

/* Jahresabo: ausschließlich 25%-Badge in Neon-Grün; restliche Karte edel in Goal-Winner-Gold */
.plan-card.annual-plan{
  border-color:rgba(246,196,69,.96);
  background:
    radial-gradient(circle at 50% 0,rgba(255,220,112,.16),transparent 34%),
    linear-gradient(180deg,rgba(28,21,8,.99),rgba(8,6,2,.998));
  box-shadow:0 20px 68px rgba(0,0,0,.58),0 0 46px rgba(246,196,69,.22),inset 0 1px 0 rgba(255,239,183,.12);
}
.plan-card.annual-plan:after{
  background:linear-gradient(90deg,transparent,#b77a08,#ffe59a,#f6c445,#b77a08,transparent);
  opacity:1;
}
.plan-card.annual-plan .plan-label{
  color:#f6c445;
  background:linear-gradient(180deg,#fff0b7 0%,#f6c445 42%,#c98b10 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 18px rgba(246,196,69,.18);
}
.plan-card.annual-plan .plan-price{
  background:linear-gradient(180deg,#fff4c9 0%,#ffd968 34%,#f0b72c 66%,#bd7d08 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 10px rgba(246,196,69,.18));
}
.plan-card.annual-plan .plan-price small{
  color:#f5d67a;
  -webkit-text-fill-color:#f5d67a;
  text-shadow:0 0 10px rgba(246,196,69,.16);
}
.plan-card.annual-plan .plan-details{
  color:#f3d98c;
}
.plan-card.annual-plan .plan-features li{
  color:#f7e8bb;
  border-bottom-color:rgba(246,196,69,.16);
}
.plan-card.annual-plan .plan-features li:before{
  color:#f6c445;
  text-shadow:0 0 10px rgba(246,196,69,.28);
}
.plan-card.annual-plan .btn{
  border-color:#f6c445;
  color:#120b00;
  background:linear-gradient(180deg,#fff0a8 0%,#f6c445 42%,#c7860a 100%);
  box-shadow:0 0 30px rgba(246,196,69,.23),inset 0 1px 0 rgba(255,255,255,.5);
}
.plan-card.annual-plan .btn:hover{
  box-shadow:0 0 38px rgba(246,196,69,.32),inset 0 1px 0 rgba(255,255,255,.55);
}
/* Nur dieser Vorteil bleibt bewusst Neon-Grün */
.plan-card.annual-plan .plan-saving{
  color:var(--green);
  border-color:rgba(120,255,0,.9);
  background:rgba(120,255,0,.08);
  box-shadow:0 0 22px rgba(120,255,0,.16);
  text-shadow:0 0 10px rgba(120,255,0,.28);
}


/* FINAL PREMIUM READABILITY & NAVIGATION PASS */
:root{--text-main:#f7f7f7;--text-soft:#e3e3e3;--text-muted:#c7c7c7}
body{color:var(--text-main)}
.lead{color:#ededed;font-weight:520}
.card p,.legal p,.legal li,.notice{color:#e1e1e1}
.stat span,.price small,.features li,.footer a,.footer p,.footer .copy,.news-card time,.field label{color:#cfcfcf}
.section h2{letter-spacing:-.02em}
.card{border-color:rgba(246,196,69,.48)}
.card h3{color:#fff}
.hero-caption{padding:30px 0 34px}
.hero-caption .wrap{max-width:1180px}
.hero-caption h1{max-width:1080px;margin:0 auto 22px;line-height:1.02}
.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.hero-actions .btn{min-width:220px;min-height:54px}
.hero-actions .btn.secondary{border-color:rgba(233,238,245,.55);background:linear-gradient(180deg,#181818,#090909);color:#fff;box-shadow:0 0 18px rgba(233,238,245,.08)}
.live-grid .scorebox,.live-grid .metric{min-height:330px;display:flex;flex-direction:column;justify-content:center}
.score{filter:drop-shadow(0 0 9px rgba(246,196,69,.12))}
.time{letter-spacing:.03em}
.metric .num{letter-spacing:-.045em}
.factor span,.factor b{font-size:15px}
.pricing-premium{gap:24px}
.plan-card{padding:34px 30px 28px}
.plan-price{font-size:clamp(48px,4.2vw,66px)}
.plan-subtitle,.plan-features li,.plan-details{color:#f4f4f4}
.plan-features li{font-size:16px}
.plan-card.annual-plan .plan-features li,.plan-card.annual-plan .plan-details{color:#fff0bf}
.back-home-wrap{padding:28px 0 18px;background:#030303;text-align:center}
.back-home{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-weight:1000;letter-spacing:.08em;text-transform:uppercase;font-size:15px;padding:13px 18px;border:1px solid rgba(120,255,0,.32);border-radius:999px;background:rgba(120,255,0,.045);box-shadow:0 0 18px rgba(120,255,0,.08)}
.back-home:hover{border-color:var(--green);box-shadow:0 0 24px rgba(120,255,0,.16);transform:translateY(-1px)}
.footer{padding-top:38px}.footer a{font-size:15px}.footer p{line-height:1.65}.footer .copy{font-size:13px;line-height:1.55}
@media(max-width:1050px){.live-grid .scorebox,.live-grid .metric{min-height:auto}.pricing-premium{gap:20px}}
@media(max-width:680px){.hero-caption h1{font-size:clamp(31px,9vw,46px)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.lead{font-size:18px;line-height:1.6}.section h2{line-height:1.02}.score{font-size:clamp(76px,25vw,112px)!important}.time{font-size:clamp(42px,13vw,60px)}.metric .num{font-size:clamp(74px,23vw,106px)}.plan-features li{font-size:16px;line-height:1.55}.back-home{width:calc(100% - 24px);justify-content:center;min-height:52px}}


/* 2026-08-30 FINAL WIDTH / ANNUAL BADGE / BOTTOM HOME NAV */
@media (min-width:1201px){
  .wrap{width:min(var(--max),calc(100% - 72px))}
  .nav{gap:28px}
  .navlinks{gap:32px}
  .section{padding-left:0;padding-right:0}
  .pricing-premium{gap:28px}
  .plan-card{padding-left:34px;padding-right:34px}
}
@media (min-width:1500px){
  :root{--max:1720px}
  .wrap{width:min(var(--max),calc(100% - 96px))}
  .navlinks{gap:36px}
  .pricing-premium{gap:30px}
}

/* Jahresabo sichtbar aufwerten und den 25%-Vorteil über die Karte heben */
.plan-card.annual-plan{
  transform:translateY(-14px);
  overflow:visible;
  isolation:isolate;
}
.plan-card.annual-plan::before{
  content:'✦';
  position:absolute;
  right:18px;
  top:16px;
  color:#ffeaa0;
  font-size:18px;
  text-shadow:0 0 10px rgba(246,196,69,.85),0 0 24px rgba(246,196,69,.42);
  animation:gwTwinkle 2.8s ease-in-out infinite;
  pointer-events:none;
  z-index:3;
}
.plan-card.annual-plan .plan-saving{
  position:relative;
  z-index:5;
  margin-top:-54px;
  margin-bottom:24px;
  padding:11px 18px;
  font-size:13px;
  letter-spacing:.10em;
  background:linear-gradient(180deg,rgba(120,255,0,.14),rgba(120,255,0,.055));
  border:1px solid rgba(120,255,0,.96);
  box-shadow:0 0 12px rgba(120,255,0,.30),0 0 30px rgba(120,255,0,.17),inset 0 1px 0 rgba(255,255,255,.18);
}
.plan-card.annual-plan .plan-saving::before,
.plan-card.annual-plan .plan-saving::after{
  content:'✦';
  position:absolute;
  color:#b8ff7d;
  font-size:10px;
  text-shadow:0 0 9px rgba(120,255,0,.9);
  animation:gwTwinkle 2.4s ease-in-out infinite;
}
.plan-card.annual-plan .plan-saving::before{left:-12px;top:-8px}
.plan-card.annual-plan .plan-saving::after{right:-13px;bottom:-7px;animation-delay:.8s}
@keyframes gwTwinkle{0%,100%{opacity:.35;transform:scale(.75) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(18deg)}}

/* Der Rückweg steht wirklich ganz unten – nach dem Footer. */
.back-home-wrap{
  padding:20px 0 26px;
  border-top:1px solid rgba(120,255,0,.14);
  background:#020202;
}
.back-home{
  font-size:16px;
  color:#8cff20;
  border-color:rgba(120,255,0,.48);
  box-shadow:0 0 20px rgba(120,255,0,.12);
}
@media(max-width:1200px){
  .plan-card.annual-plan{transform:none;margin-top:24px}
  .plan-card.annual-plan .plan-saving{margin-top:-46px}
}
@media(max-width:680px){
  .plan-card.annual-plan{margin-top:30px}
  .plan-card.annual-plan .plan-saving{margin-top:-44px;margin-bottom:20px}
}

/* 2026-08-30 USER FINAL: extra-wide desktop, gold 25%-badge, strong bottom home button */
@media (min-width:1201px){
  :root{--max:1880px}
  .wrap{width:min(var(--max),calc(100% - 48px))}
  .nav{gap:30px}
  .navlinks{gap:34px}
  .pricing-premium{gap:32px}
  .plan-card{padding-left:36px;padding-right:36px}
}
@media (min-width:1600px){
  .wrap{width:min(1880px,calc(100% - 56px))}
  .navlinks{gap:40px}
  .pricing-premium{gap:34px}
}

/* Der 25%-Vorteil bleibt hochgesetzt, jetzt aber komplett in edlem Goal-Winner-Gold. */
.plan-card.annual-plan .plan-saving{
  color:#120b00;
  background:linear-gradient(180deg,#fff4bf 0%,#ffd968 34%,#f6c445 63%,#bd7d08 100%);
  border:1px solid #ffe391;
  box-shadow:0 0 14px rgba(246,196,69,.38),0 0 34px rgba(246,196,69,.23),inset 0 1px 0 rgba(255,255,255,.72);
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.plan-card.annual-plan .plan-saving::before,
.plan-card.annual-plan .plan-saving::after{
  color:#ffeaa0;
  text-shadow:0 0 8px rgba(246,196,69,.95),0 0 18px rgba(246,196,69,.55);
}

/* Ganz unten: klarer, klickbarer Neon-Grün-Button zurück zur Startseite. */
.back-home-wrap{
  padding:26px 0 34px;
  border-top:1px solid rgba(120,255,0,.18);
  background:#020202;
  text-align:center;
}
.back-home{
  min-width:260px;
  min-height:56px;
  justify-content:center;
  padding:15px 24px;
  color:#071000;
  background:linear-gradient(180deg,#aaff3f 0%,#78ff00 50%,#59c900 100%);
  border:1px solid #baff6e;
  box-shadow:0 0 16px rgba(120,255,0,.30),0 0 34px rgba(120,255,0,.18),inset 0 1px 0 rgba(255,255,255,.45);
  text-shadow:0 1px 0 rgba(255,255,255,.22);
  font-size:16px;
  font-weight:1000;
}
.back-home:hover{
  border-color:#d4ffad;
  box-shadow:0 0 20px rgba(120,255,0,.44),0 0 42px rgba(120,255,0,.24),inset 0 1px 0 rgba(255,255,255,.5);
  transform:translateY(-2px);
}
@media(max-width:680px){
  .back-home{width:calc(100% - 24px);min-width:0;min-height:56px}
}

/* ZIP 100 — breite Premium-Desktopfassung */
@media (min-width:1400px){
  :root{--max:1940px}
  .wrap{width:calc(100% - 44px);max-width:1940px}
  .header .wrap{width:calc(100% - 28px);max-width:1980px}
  .nav{gap:28px}
  .navlinks{gap:34px}
  .navlinks a{font-size:15px}
  .hero-caption .wrap{max-width:1780px}
  .section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{max-width:1900px}
  .pricing-premium{gap:36px}
}
@media (min-width:1800px){
  .header .wrap{width:calc(100% - 36px)}
  .section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{width:calc(100% - 64px)}
}

/* ZIP 100 — NTT-weite Premium-Rasterfassung */
@media (min-width:1201px){
  :root{--max:2100px}
  .wrap{width:calc(100% - 56px);max-width:2100px}
  .header .wrap{width:calc(100% - 34px);max-width:2180px}
  .nav{height:96px;display:grid;grid-template-columns:minmax(250px,320px) 1fr auto auto;gap:26px;align-items:center}
  .logo{justify-self:start;display:flex;align-items:center}
  .logo img{height:76px;max-width:300px;object-fit:contain;object-position:left center}
  .navlinks{margin:0;justify-self:center;display:flex;justify-content:center;gap:clamp(22px,1.7vw,42px);width:100%}
  .navlinks a{font-size:clamp(13px,.78vw,16px);white-space:nowrap}
  .lang,.account{justify-self:end;white-space:nowrap}
  .hero-master img{max-height:none;width:100%;object-fit:cover;object-position:center}
  .hero-caption .wrap{width:calc(100% - 110px);max-width:1980px}
  .section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{width:calc(100% - 92px);max-width:2020px}
  .section{padding:92px 0}
  .grid{gap:28px}.live-grid{gap:28px}.pricing-premium{gap:34px}
  .card{padding:30px}
  .footgrid{gap:48px;grid-template-columns:1.7fr repeat(3,1fr)}
}
@media (min-width:1700px){
  .header .wrap{width:calc(100% - 42px)}
  .section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{width:calc(100% - 120px)}
  .pricing-premium{gap:42px}
}
@media (min-width:2100px){
  .section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{max-width:2060px}
}

/* ZIP 100: Startseite – doppelte Kopfzeile entfernt. Das Mastermotiv bleibt unverändert; unsichtbare Klickflächen erhalten die Navigation. */
.hero-clickmap{position:relative}
.hero-hotspot{position:absolute;display:block;z-index:4;background:transparent;border:0}
.hs-moment{left:31.4%;top:3.6%;width:10.3%;height:7.2%}
.hs-erlebnis{left:43.2%;top:3.6%;width:13.5%;height:7.2%}
.hs-alarm{left:58.1%;top:3.6%;width:10.4%;height:7.2%}
.hs-tech{left:69.8%;top:3.6%;width:9.6%;height:7.2%}
.hs-live{left:77.4%;top:43.6%;width:21.7%;height:34.6%}
.hero-hotspot:focus-visible{outline:2px solid var(--green);outline-offset:-2px}

/* ZIP 100 – finale ausgewogene Seitenbreite */
@media (min-width:1201px){
  .wrap,
  .section>.wrap,
  .pagehero>.wrap,
  .footer>.wrap,
  .back-home-wrap>.wrap,
  .hero-caption .wrap{
    width:calc(100% - 120px);
    max-width:1760px;
    margin-left:auto;
    margin-right:auto;
  }
  .header .wrap{
    width:calc(100% - 88px);
    max-width:1800px;
  }
}
@media (min-width:1800px){
  .wrap,
  .section>.wrap,
  .pagehero>.wrap,
  .footer>.wrap,
  .back-home-wrap>.wrap,
  .hero-caption .wrap{
    width:calc(100% - 160px);
    max-width:1760px;
  }
  .header .wrap{
    width:calc(100% - 120px);
    max-width:1800px;
  }
}

/* ZIP 100 — NTT-BREITE + ECHTER WEBSITE-HEADER / HERO */
:root{--max:1400px}
.wrap,
.header .wrap,
.section>.wrap,
.pagehero>.wrap,
.footer>.wrap,
.back-home-wrap>.wrap{
  width:min(1400px,calc(100% - 48px));
  max-width:1400px;
  margin-left:auto;
  margin-right:auto;
}
.header{background:rgba(3,3,3,.96);border-bottom:1px solid rgba(246,196,69,.28);backdrop-filter:blur(14px)}
@media (min-width:1201px){
  .nav{height:88px;display:grid;grid-template-columns:240px minmax(0,1fr) auto auto;gap:18px;align-items:center}
  .logo{justify-self:start;display:flex;align-items:center}
  .logo img{width:230px;height:auto;max-height:68px;object-fit:contain;object-position:left center}
  .navlinks{justify-self:center;display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.35vw,28px);width:100%;margin:0}
  .navlinks a{font-size:13px;white-space:nowrap;letter-spacing:.035em}
  .lang,.account{justify-self:end;white-space:nowrap}
  .section{padding:84px 0}
  .pricing-premium{gap:24px}
  .plan-card{padding-left:28px;padding-right:28px}
}
.home-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 38%,rgba(246,196,69,.11),transparent 35%),#030303;border-bottom:1px solid rgba(246,196,69,.22)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(500px,1.05fr);gap:46px;align-items:center;min-height:680px;padding-top:52px;padding-bottom:52px}
.home-hero-copy{position:relative;z-index:2;padding:22px 0}
.home-hero-copy h1{font-size:clamp(48px,4.4vw,76px);line-height:.98;letter-spacing:-.045em;margin:12px 0 24px;max-width:720px}
.home-hero-copy .lead{font-size:20px;line-height:1.6;max-width:700px;color:#f0f0f0}
.home-hero-copy .hero-actions{justify-content:flex-start;margin-top:28px}
.home-hero-art{position:relative;min-height:570px;border:1px solid rgba(246,196,69,.56);border-radius:22px;overflow:hidden;background:#050505;box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 42px rgba(246,196,69,.10),inset 0 1px 0 rgba(255,255,255,.06)}
.home-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.home-hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.32),transparent 20%,transparent 78%,rgba(3,3,3,.12));pointer-events:none}
.hero-art-glow{position:absolute;inset:auto 12% 3% 12%;height:2px;background:linear-gradient(90deg,transparent,#78ff00,#f6c445,transparent);filter:blur(.3px);box-shadow:0 0 20px rgba(120,255,0,.28),0 0 24px rgba(246,196,69,.25)}
.hero-live-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px;max-width:760px}
.hero-live-strip>div{padding:15px 16px;border:1px solid rgba(246,196,69,.38);border-radius:12px;background:linear-gradient(180deg,rgba(18,18,18,.88),rgba(6,6,6,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-live-strip span{display:block;color:#bfc3c7;font-size:11px;font-weight:900;letter-spacing:.09em;margin-bottom:5px}
.hero-live-strip strong{display:block;color:#fff;font-size:24px;line-height:1;font-weight:1000}
@media(max-width:1200px){
  .wrap,.header .wrap,.section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{width:min(100% - 36px,1120px)}
  .home-hero-grid{grid-template-columns:1fr;min-height:0;gap:28px;padding-top:36px;padding-bottom:42px}
  .home-hero-copy{text-align:center}
  .home-hero-copy h1,.home-hero-copy .lead{margin-left:auto;margin-right:auto}
  .home-hero-copy .hero-actions{justify-content:center}
  .hero-live-strip{margin-left:auto;margin-right:auto}
  .home-hero-art{min-height:510px}
}
@media(max-width:680px){
  .wrap,.header .wrap,.section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap{width:calc(100% - 24px)}
  .home-hero-grid{padding-top:24px;padding-bottom:30px}
  .home-hero-copy h1{font-size:clamp(38px,11vw,54px)}
  .home-hero-copy .lead{font-size:17px}
  .hero-live-strip{grid-template-columns:1fr;gap:8px}
  .hero-live-strip>div{display:flex;align-items:center;justify-content:space-between;text-align:left}
  .hero-live-strip span{margin:0;padding-right:16px}
  .hero-live-strip strong{font-size:22px}
  .home-hero-art{min-height:420px;border-radius:16px}
}


/* =========================================================
   ZIP 100 — NTT-BREITE / VOLLSTAENDIGER MASTER / FINAL OVERRIDE
   Keine Inhalte entfernt. Diese Regeln stehen bewusst zuletzt.
   ========================================================= */
:root{--max:1280px}
.wrap,
.header .wrap,
.section>.wrap,
.pagehero>.wrap,
.footer>.wrap,
.back-home-wrap>.wrap,
.home-intro>.wrap,
.master-visual>.wrap{
  width:min(1280px,calc(100% - 48px))!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.header{background:rgba(3,3,3,.96)!important}
.nav{height:88px!important;display:grid!important;grid-template-columns:220px minmax(0,1fr) auto auto!important;gap:18px!important;align-items:center!important}
.logo{justify-self:start!important}.logo img{height:66px!important;max-width:210px!important;object-fit:contain!important}
.navlinks{display:flex!important;justify-self:center!important;justify-content:center!important;align-items:center!important;gap:clamp(12px,1.3vw,24px)!important;margin:0!important;width:100%!important}
.navlinks a{font-size:12.5px!important;white-space:nowrap!important;letter-spacing:.03em!important}
.lang,.account{justify-self:end!important;white-space:nowrap!important}

.master-visual{padding:30px 0 18px;background:#020202;border-bottom:1px solid rgba(246,196,69,.18)}
.master-visual-frame{overflow:hidden;border:1px solid rgba(246,196,69,.48);border-radius:18px;background:#000;box-shadow:0 20px 58px rgba(0,0,0,.54),0 0 28px rgba(246,196,69,.10)}
.master-visual-frame img{display:block;width:100%;height:auto;object-fit:contain;background:#000}
.home-intro{padding:38px 0 54px;background:linear-gradient(180deg,#050505,#070707);border-bottom:1px solid rgba(246,196,69,.18)}
.home-intro-inner{text-align:center;max-width:1040px;margin:0 auto}
.home-intro h1{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.035em;margin:12px auto 22px;text-transform:uppercase;font-style:italic;max-width:1000px}
.home-intro .lead{margin:0 auto;color:#f1f1f1;max-width:930px}
.home-intro .hero-actions{justify-content:center;margin-top:26px}
.home-intro .hero-live-strip{max-width:920px;margin:30px auto 0}
.section{padding-left:0!important;padding-right:0!important}
.pricing-premium{gap:22px!important}
.footgrid{gap:28px!important}

@media (max-width:1180px){
  .wrap,.header .wrap,.section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap,.home-intro>.wrap,.master-visual>.wrap{width:min(100% - 36px,1120px)!important}
  .nav{display:flex!important;height:76px!important}.navlinks{display:none!important}.hamb{display:block!important;margin-left:auto!important}.account{display:none!important}.logo img{height:58px!important}
  .nav.open .navlinks{display:flex!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;background:#050505!important;padding:24px!important;flex-direction:column!important;border-bottom:1px solid var(--line)!important}
}
@media (max-width:680px){
  .wrap,.header .wrap,.section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap,.home-intro>.wrap,.master-visual>.wrap{width:calc(100% - 24px)!important}
  .master-visual{padding-top:14px}.master-visual-frame{border-radius:12px}
  .home-intro{padding:30px 0 42px}.home-intro h1{font-size:clamp(36px,10vw,52px)}
  .home-intro .lead{font-size:17px}.hero-live-strip{grid-template-columns:1fr!important}
  .logo img{height:52px!important;max-width:180px!important}
}

/* ZIP 102 — FINALER ABSCHLUSS: +6.25% BREITE / EDELGOLD-JAHRESABO */
:root{--max:1360px}
.wrap,
.header .wrap,
.section>.wrap,
.pagehero>.wrap,
.footer>.wrap,
.back-home-wrap>.wrap,
.home-intro>.wrap,
.master-visual>.wrap{
  width:min(1360px,calc(100% - 48px))!important;
  max-width:1360px!important;
}

/* 25 % und Jahresabo vollständig in tiefem, metallischem Goal-Winner-Gold */
.plan-card.annual-plan{
  border-color:rgba(255,215,92,.98)!important;
  background:
    radial-gradient(ellipse at 50% -4%,rgba(255,239,174,.20),transparent 31%),
    radial-gradient(ellipse at 50% 104%,rgba(246,196,69,.15),transparent 34%),
    linear-gradient(180deg,#211706 0%,#0d0903 42%,#070502 100%)!important;
  box-shadow:
    0 22px 72px rgba(0,0,0,.62),
    0 -4px 34px rgba(255,216,96,.20),
    0 7px 38px rgba(246,196,69,.20),
    inset 0 1px 0 rgba(255,246,207,.22),
    inset 0 -1px 0 rgba(246,196,69,.18)!important;
  animation:annualGoldPulse 3.8s ease-in-out infinite;
}
.plan-card.annual-plan:after{
  height:2px!important;
  background:linear-gradient(90deg,transparent 2%,#9d6204 13%,#ffe9a4 37%,#fff7d7 50%,#f6c445 65%,#9d6204 87%,transparent 98%)!important;
  box-shadow:0 0 13px rgba(255,218,104,.48),0 0 27px rgba(246,196,69,.22)!important;
}
.plan-card.annual-plan .plan-saving{
  color:#f8c94d!important;
  -webkit-text-fill-color:#f8c94d!important;
  background:linear-gradient(180deg,rgba(255,232,153,.16),rgba(111,70,4,.14))!important;
  border:1px solid rgba(255,215,92,.96)!important;
  box-shadow:0 0 14px rgba(255,219,105,.28),0 0 32px rgba(246,196,69,.16),inset 0 1px 0 rgba(255,250,222,.28)!important;
  text-shadow:0 0 9px rgba(255,219,105,.42)!important;
}
.plan-card.annual-plan .plan-saving::before,
.plan-card.annual-plan .plan-saving::after{
  color:#ffe69a!important;
  text-shadow:0 0 9px rgba(255,220,112,.92),0 0 18px rgba(246,196,69,.48)!important;
}
/* Zweiter, dezenter Goldreflex unten – passend zum oberen Glanz */
.plan-card.annual-plan .btn{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff2b2 0%,#ffd75c 30%,#e7a917 67%,#a86704 100%)!important;
  border-color:#ffe08a!important;
  box-shadow:0 0 24px rgba(246,196,69,.26),0 0 46px rgba(246,196,69,.10),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.plan-card.annual-plan .btn:after{
  content:'';
  position:absolute;
  top:-40%;left:-55%;width:34%;height:180%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-20deg);
  animation:annualShine 3.9s ease-in-out infinite;
  pointer-events:none;
}
@keyframes annualGoldPulse{
  0%,100%{box-shadow:0 22px 72px rgba(0,0,0,.62),0 -4px 30px rgba(255,216,96,.16),0 7px 34px rgba(246,196,69,.16),inset 0 1px 0 rgba(255,246,207,.20),inset 0 -1px 0 rgba(246,196,69,.16)}
  50%{box-shadow:0 22px 72px rgba(0,0,0,.62),0 -5px 40px rgba(255,224,124,.27),0 9px 44px rgba(246,196,69,.24),inset 0 1px 0 rgba(255,250,225,.30),inset 0 -1px 0 rgba(246,196,69,.23)}
}
@keyframes annualShine{
  0%,58%{left:-55%;opacity:0}
  64%{opacity:.85}
  78%{left:125%;opacity:0}
  100%{left:125%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .plan-card.annual-plan,.plan-card.annual-plan .btn:after,.plan-card.annual-plan::before,.plan-card.annual-plan .plan-saving::before,.plan-card.annual-plan .plan-saving::after{animation:none!important}
}
@media (max-width:1180px){
  .wrap,.header .wrap,.section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap,.home-intro>.wrap,.master-visual>.wrap{width:min(100% - 36px,1120px)!important}
}
@media (max-width:680px){
  .wrap,.header .wrap,.section>.wrap,.pagehero>.wrap,.footer>.wrap,.back-home-wrap>.wrap,.home-intro>.wrap,.master-visual>.wrap{width:calc(100% - 24px)!important}
}


/* ZIP 103 — letzter Sichtkorrektur-Durchgang: nur Breite, sauberes Hero, 25%-Badge, Rückweg */
@media (min-width:1181px){
  :root{--max:1440px}
  .wrap,
  .header .wrap,
  .section>.wrap,
  .pagehero>.wrap,
  .footer>.wrap,
  .back-home-wrap>.wrap,
  .home-intro>.wrap,
  .master-visual>.wrap{
    width:min(1440px,calc(100% - 54px))!important;
    max-width:1440px!important;
  }
}
/* Vollständiges Motiv ohne die im Bild eingebettete doppelte Kopfzeile. */
.master-visual-frame img{width:100%!important;height:auto!important;display:block!important}
/* 25%-Vorteil wieder klar oberhalb der Jahreskarte, in Edelgold. */
.plan-card.annual-plan{overflow:visible!important}
.plan-card.annual-plan .plan-saving{
  margin-top:-58px!important;
  margin-bottom:26px!important;
  color:#f8c94d!important;
  -webkit-text-fill-color:#f8c94d!important;
  border-color:rgba(255,215,92,.98)!important;
  background:linear-gradient(180deg,rgba(255,236,166,.18),rgba(115,74,5,.16))!important;
}
/* Rückweg auf allen Unterseiten: klarer Neon-Grün-Button ganz unten. */
.back-home-wrap{padding:22px 0 28px!important;background:#020202!important;border-top:1px solid rgba(120,255,0,.22)!important}
.back-home{
  color:#8cff20!important;
  border:1px solid rgba(120,255,0,.76)!important;
  box-shadow:0 0 22px rgba(120,255,0,.16)!important;
  background:linear-gradient(180deg,rgba(120,255,0,.075),rgba(120,255,0,.02))!important;
}


/* ZIP 104 FINAL — ausschließlich die 3 bestätigten Sichtkorrekturen */
@media (min-width:1181px){
  :root{--max:1520px}
  .wrap,
  .header .wrap,
  .section>.wrap,
  .pagehero>.wrap,
  .footer>.wrap,
  .back-home-wrap>.wrap,
  .home-intro>.wrap,
  .master-visual>.wrap{
    width:min(1520px,calc(100% - 64px))!important;
    max-width:1520px!important;
  }
}
/* Jahresvorteil klar über der Karte: edles Gold + vorhandener Schmuckglanz. */
.plan-card.annual-plan{overflow:visible!important;position:relative!important}
.plan-card.annual-plan .plan-saving{
  position:relative!important;
  z-index:8!important;
  margin-top:-78px!important;
  margin-bottom:30px!important;
  transform:translateY(-2px)!important;
  color:#f8c94d!important;
  -webkit-text-fill-color:#f8c94d!important;
  border:1px solid rgba(255,221,112,.98)!important;
  background:linear-gradient(180deg,rgba(255,242,190,.22),rgba(114,72,4,.18))!important;
  box-shadow:0 0 16px rgba(255,220,108,.32),0 0 38px rgba(246,196,69,.18),inset 0 1px 0 rgba(255,250,222,.34)!important;
}
/* Hauptmotiv bleibt unverändert; keine zusätzlichen Texte/Logos im Bild. */
.master-visual-frame{background:#020202!important}
.master-visual-frame img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;filter:none!important}
/* Neon-Grün-Rückweg sichtbar ganz unten – auch auf der Startseite. */
.back-home-wrap.final-home-link{display:block!important;padding:22px 0 30px!important;background:#020202!important;border-top:1px solid rgba(120,255,0,.24)!important}
.back-home-wrap.final-home-link .back-home{display:flex!important;margin:0 auto!important;color:#8cff20!important;border:1px solid rgba(120,255,0,.82)!important;background:linear-gradient(180deg,rgba(120,255,0,.09),rgba(120,255,0,.025))!important;box-shadow:0 0 24px rgba(120,255,0,.20)!important}
@media(max-width:1180px){.plan-card.annual-plan .plan-saving{margin-top:-46px!important}}
@media(max-width:680px){.plan-card.annual-plan .plan-saving{margin-top:-42px!important;margin-bottom:22px!important}}

/* ZIP 105 FINAL — only final start-page return button adjustment */
.final-home-compact{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:22px 20px 30px;
  background:#020202;
  border-top:1px solid rgba(120,255,0,.18);
}
.final-home-compact .btn.green{
  width:auto;
  min-width:250px;
  max-width:340px;
  justify-content:center;
  text-align:center;
}
@media (max-width:640px){
  .final-home-compact{padding:18px 16px 24px}
  .final-home-compact .btn.green{min-width:220px;max-width:100%}
}

/* ZIP 107 FINAL — ausschließlich die zuletzt bestätigten Feinkorrekturen */
.master-visual-frame{position:relative!important}
.premium-moment-banner{
  position:absolute;
  z-index:5;
  top:8px;
  left:50%;
  transform:translateX(-50%);
  width:min(78%,980px);
  min-height:38px;
  padding:8px 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  border:1px solid rgba(255,218,104,.88);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(52,34,5,.96),rgba(15,10,2,.94));
  color:#f8c94d;
  font-size:clamp(13px,1.15vw,18px);
  line-height:1;
  font-weight:1000;
  letter-spacing:.055em;
  text-align:center;
  text-shadow:0 0 8px rgba(255,220,112,.56),0 0 18px rgba(246,196,69,.24);
  box-shadow:0 0 14px rgba(255,220,108,.22),0 0 30px rgba(246,196,69,.12),inset 0 1px 0 rgba(255,248,216,.22);
  overflow:hidden;
}
.premium-moment-banner:after{
  content:'';
  position:absolute;
  top:-60%;left:-28%;
  width:18%;height:220%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.64),transparent);
  transform:skewX(-22deg);
  animation:momentBannerShine 4.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes momentBannerShine{0%,62%{left:-28%;opacity:0}68%{opacity:.8}82%{left:112%;opacity:0}100%{left:112%;opacity:0}}

/* Alle vier Preis-Karten exakt auf gemeinsamer Ober-/Unterkante; 25%-Badge schwebt darüber. */
.pricing-premium{align-items:stretch!important}
.pricing-premium>.plan-card{height:100%!important;min-height:610px!important;margin-top:0!important}
.plan-card.annual-plan{padding-top:30px!important}
.plan-card.annual-plan .plan-saving{
  position:absolute!important;
  top:-50px!important;
  left:18px!important;
  margin:0!important;
  transform:none!important;
  z-index:9!important;
}

/* Abschluss-Buttons: exakt gleich groß und mit ruhigem Abstand. */
.final-cta-pair{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:24px}
.final-cta-pair .btn.green{width:290px!important;min-width:290px!important;max-width:290px!important;height:54px!important;min-height:54px!important;padding:0 22px!important;justify-content:center!important;text-align:center!important}

@media(max-width:680px){
  .premium-moment-banner{top:5px;width:calc(100% - 20px);min-height:32px;padding:7px 12px;font-size:10px;letter-spacing:.025em}
  .plan-card.annual-plan .plan-saving{position:relative!important;top:auto!important;left:auto!important;margin:-42px 0 22px!important}
  .final-cta-pair{gap:16px}
  .final-cta-pair .btn.green{width:min(290px,100%)!important;min-width:0!important;max-width:290px!important}
}
@media(prefers-reduced-motion:reduce){.premium-moment-banner:after{animation:none!important}}

/* ZIP 108 FINAL — letzter Banner-Fix: alten Bildtitel verdecken, EIN Goldbanner wie Jahresabo */
.master-visual-frame::before{
  content:'';
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  right:0;
  height:58px;
  background:linear-gradient(180deg,rgba(5,5,5,.99) 0%,rgba(5,5,5,.96) 72%,rgba(5,5,5,0) 100%);
  pointer-events:none;
}
.premium-moment-banner{
  top:8px!important;
  width:min(76%,920px)!important;
  height:54px!important;
  min-height:54px!important;
  padding:0 28px!important;
  border:1px solid #ffe08a!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff2b2 0%,#ffd75c 30%,#e7a917 67%,#a86704 100%)!important;
  color:#4a3100!important;
  -webkit-text-fill-color:#4a3100!important;
  font-size:clamp(13px,1.05vw,17px)!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.25)!important;
  box-shadow:0 0 24px rgba(246,196,69,.26),0 0 46px rgba(246,196,69,.10),inset 0 1px 0 rgba(255,255,255,.62)!important;
}
.premium-moment-banner:after{
  top:-40%!important;
  left:-55%;
  width:34%!important;
  height:180%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
  transform:skewX(-20deg)!important;
  animation:annualShine 3.9s ease-in-out infinite!important;
}
@media(max-width:680px){
  .master-visual-frame::before{height:48px}
  .premium-moment-banner{top:6px!important;width:calc(100% - 24px)!important;height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:9px!important;letter-spacing:.02em!important}
}

/* ZIP 109 FINAL — alter Bildtitel physisch entfernt; EIN Gold-Premium-Banner sauber mittig */
.master-visual-frame::before{display:none!important;content:none!important}
.premium-moment-banner{
  position:relative!important;
  z-index:5!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  width:min(68%,860px)!important;
  height:52px!important;
  min-height:52px!important;
  margin:12px auto 12px!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  border:1px solid #ffe08a!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff2b2 0%,#ffd75c 30%,#e7a917 67%,#a86704 100%)!important;
  color:#4a3100!important;
  -webkit-text-fill-color:#4a3100!important;
  font-size:clamp(13px,1.05vw,17px)!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  text-align:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.25)!important;
  box-shadow:0 0 24px rgba(246,196,69,.26),0 0 46px rgba(246,196,69,.10),inset 0 1px 0 rgba(255,255,255,.62)!important;
  overflow:hidden!important;
}
.premium-moment-banner:after{
  content:''!important;
  position:absolute!important;
  top:-40%!important;
  left:-55%;
  width:34%!important;
  height:180%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
  transform:skewX(-20deg)!important;
  animation:annualShine 3.9s ease-in-out infinite!important;
  pointer-events:none!important;
}
@media(max-width:680px){
  .premium-moment-banner{
    width:calc(100% - 24px)!important;
    height:44px!important;
    min-height:44px!important;
    margin:8px auto 8px!important;
    padding:0 12px!important;
    font-size:9px!important;
    letter-spacing:.02em!important;
  }
}

/* ZIP 110 FINAL — nur Texttreue + saubere gemeinsame Linien, keine Design-Neuerfindung */
.home-intro>.wrap,
#moment>.wrap,
#alarm>.wrap,
#technologie>.wrap,
.section>.wrap{
  margin-left:auto!important;
  margin-right:auto!important;
}
#moment .kicker,#moment h2,#moment>.wrap>.lead,
#alarm .kicker,#alarm h2,#alarm>.wrap>.lead,
#technologie .kicker,#technologie h2,#technologie>.wrap>.lead{
  margin-left:0!important;
  text-align:left!important;
}
.pricing-premium{
  align-items:stretch!important;
}
.pricing-premium>.plan-card{
  align-self:stretch!important;
  min-height:610px!important;
  margin-top:0!important;
}
.pricing-premium .plan-label{min-height:30px;display:flex;align-items:center}
.pricing-premium .plan-price{min-height:76px;display:flex;align-items:baseline;gap:8px}
.plan-card.annual-plan .plan-saving{top:-50px!important}

/* ZIP 112 FINAL — GOAL-ALARM nur sauber gerade gesetzt; Inhalt/Design unverändert */
#alarm .live-grid{
  align-items:stretch!important;
}
#alarm .live-grid > .card{
  height:330px!important;
  min-height:330px!important;
  box-sizing:border-box!important;
  margin-top:0!important;
  margin-bottom:0!important;
  align-self:stretch!important;
}
@media(max-width:1050px){
  #alarm .live-grid > .card{
    height:auto!important;
    min-height:0!important;
  }
}

/* ZIP 113 FINAL — nur Mannschaften + vorhandene Logos im GOAL-ALARM-Mittelblock sauber ausgerichtet */
#alarm .scorebox .team-logo-row{
  display:grid!important;
  grid-template-columns:1fr 28px 1fr!important;
  align-items:start!important;
  width:100%!important;
  margin:10px 0 6px!important;
  gap:8px!important;
}
#alarm .scorebox .team-with-logo{
  width:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  font-size:15px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#alarm .scorebox .team-with-logo img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  display:block!important;
}
#alarm .scorebox .score{margin-top:0!important;}
@media(max-width:1050px){
  #alarm .scorebox .team-with-logo img{width:42px!important;height:42px!important;}
}

/* ZIP 114 FINAL — PREISE nur geometrisch gerade gesetzt; Inhalt/Farben unverändert */
@media (min-width:1201px){
  .pricing-premium{
    align-items:stretch!important;
    grid-auto-rows:1fr!important;
  }
  .pricing-premium > .plan-card{
    height:610px!important;
    min-height:610px!important;
    max-height:610px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
  }
  .pricing-premium > .plan-card .plan-label{
    min-height:30px!important;
    display:flex!important;
    align-items:center!important;
  }
  .pricing-premium > .plan-card .plan-price{
    min-height:76px!important;
    display:flex!important;
    align-items:baseline!important;
    gap:8px!important;
  }
  .pricing-premium > .plan-card .btn{
    margin-top:auto!important;
  }
  .pricing-premium > .plan-card.annual-plan{
    position:relative!important;
    overflow:visible!important;
  }
  .pricing-premium > .plan-card.annual-plan .plan-saving{
    position:absolute!important;
    top:-50px!important;
    left:18px!important;
    margin:0!important;
    transform:none!important;
    z-index:9!important;
  }
}

/* ZIP 117 — only hero 2–1 team logos/names alignment */
.hero-live-strip .hero-score-card{display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-score-teams{display:grid;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);align-items:center;gap:14px;width:100%;margin-top:3px}
.hero-score-team{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0}
.hero-score-team img{width:28px;height:28px;object-fit:contain;display:block}
.hero-score-team small{font-size:10px;font-weight:900;letter-spacing:.04em;white-space:nowrap;color:#f4f1e7}
.hero-score-teams strong{display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;white-space:nowrap}
@media (max-width:760px){.hero-score-teams{grid-template-columns:1fr auto 1fr;gap:6px}.hero-score-team{gap:4px}.hero-score-team img{width:22px;height:22px}.hero-score-team small{font-size:8px}.hero-score-teams strong{font-size:22px}}

/* ZIP 120 — make the center 2–1 matchup as present as the approved main visual; no other changes */
.hero-live-strip .hero-score-card{padding:10px 12px!important}
.hero-live-strip .hero-score-card>span{margin-bottom:6px!important}
.hero-score-teams{grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr)!important;gap:10px!important;margin-top:0!important}
.hero-score-team{flex-direction:column!important;gap:3px!important}
.hero-score-team img{width:42px!important;height:42px!important}
.hero-score-team small{font-size:10px!important;line-height:1.05!important;font-weight:1000!important}
.hero-score-teams strong{font-size:34px!important;line-height:1!important}
@media (max-width:760px){
 .hero-score-teams{grid-template-columns:1fr auto 1fr!important;gap:6px!important}
 .hero-score-team img{width:34px!important;height:34px!important}
 .hero-score-team small{font-size:9px!important}
 .hero-score-teams strong{font-size:28px!important}
}

/* ZIP 121 FINAL — GOAL-ALARM Mannschaften/Logos nur präsenter, sonst unverändert */
@media (min-width:1051px){
  #alarm .scorebox .team-logo-row{
    grid-template-columns:1fr 34px 1fr!important;
    margin:8px 0 4px!important;
    gap:12px!important;
  }
  #alarm .scorebox .team-with-logo{
    gap:8px!important;
    font-size:18px!important;
    font-weight:1000!important;
  }
  #alarm .scorebox .team-with-logo img{
    width:72px!important;
    height:72px!important;
  }
  #alarm .scorebox .team-with-logo span{
    font-size:18px!important;
    font-weight:1000!important;
    letter-spacing:.02em!important;
  }
}

/* ZIP 122 FINAL — LIVE-ANALYSE Spielstand so präsent wie im Hauptmotiv; sonst unverändert */
.live-analysis-match .live-analysis-teams{
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  margin-top:18px!important;
}
.live-analysis-match .live-analysis-team{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:18px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.live-analysis-match .live-analysis-team img{
  width:78px!important;
  height:78px!important;
  object-fit:contain!important;
  display:block!important;
}
.live-analysis-match .score{
  margin:0!important;
  white-space:nowrap!important;
}
@media(max-width:1050px){
  .live-analysis-match .live-analysis-teams{
    grid-template-columns:1fr auto 1fr!important;
    gap:10px!important;
  }
  .live-analysis-match .live-analysis-team img{width:58px!important;height:58px!important;}
  .live-analysis-match .live-analysis-team{font-size:14px!important;}
}

/* ZIP 124 FINAL — LIVE-ANALYSE Teams/Logos noch präsenter wie Hauptmotiv; sonst unverändert */
@media (min-width:1051px){
  .live-analysis-match .live-analysis-teams{
    grid-template-columns:minmax(125px,1fr) auto minmax(125px,1fr)!important;
    gap:20px!important;
    margin-top:14px!important;
  }
  .live-analysis-match .live-analysis-team img{
    width:96px!important;
    height:96px!important;
  }
  .live-analysis-match .live-analysis-team{
    font-size:20px!important;
    gap:9px!important;
  }
  .live-analysis-match .score{
    font-size:96px!important;
  }
}


/* ZIP 125 FINAL — LIVE-ANALYSE Spiel/Mannschaften wie Hauptmotiv präsent; sonst unverändert */
@media (min-width:1051px){
  .live-analysis-grid{
    grid-template-columns:1.55fr 1fr .85fr!important;
    align-items:stretch!important;
  }
  .live-analysis-match{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .live-analysis-match .live-analysis-teams{
    grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr)!important;
    gap:16px!important;
  }
  .live-analysis-match .live-analysis-team img{
    width:100px!important;
    height:100px!important;
  }
  .live-analysis-match .live-analysis-team{
    font-size:21px!important;
    font-weight:1000!important;
  }
  .live-analysis-match .score{
    font-size:96px!important;
  }
}

/* ZIP 128: small team logo only beside Momentum MAN CITY */
.momentum-team{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.momentum-team img{width:24px!important;height:24px!important;object-fit:contain!important;flex:0 0 24px!important;}

/* ZIP 130: team attribution for live goal probability only */
.probability-team{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 2px;font-weight:900;font-size:14px;letter-spacing:.04em;color:#f3c74f}
.probability-team img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(196,255,0,.22))}

/* ZIP 132 FINAL — Footer-Logo oben exakt mit den drei Footer-Spalten ausrichten; sonst unverändert */
@media (min-width:769px){
  .footer .footgrid>div:first-child img{
    transform:translateY(-16px)!important;
  }
}


/* Cookie consent */
.gw-cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:18px;background:rgba(5,5,5,.98);border-top:1px solid rgba(255,255,255,.13);box-shadow:0 -12px 40px rgba(0,0,0,.45)}
.gw-cookie-inner{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.gw-cookie-copy{max-width:760px;color:#cfcfcf;font-size:14px;line-height:1.55}.gw-cookie-copy strong{display:block;color:#fff;letter-spacing:.08em;margin-bottom:4px}.gw-cookie-copy p{margin:0 0 5px}.gw-cookie-copy a{color:#d9b44a;text-decoration:none}
.gw-cookie-actions,.gw-cookie-settings-actions{display:flex;gap:10px;flex-wrap:wrap}.gw-cookie-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:800;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.gw-cookie-btn.primary{background:#b8ff00;color:#050505}.gw-cookie-btn.secondary{background:#1c1c1c;color:#fff;border:1px solid #444}
.gw-cookie-settings{margin-top:30px;padding:24px;border:1px solid #2c2c2c;border-radius:18px;background:#0b0b0b}.gw-cookie-settings h2{margin-top:0}.gw-cookie-status{color:#aaa}.gw-cookie-status b{color:#fff}
@media(max-width:760px){.gw-cookie-inner{align-items:stretch;flex-direction:column;gap:14px}.gw-cookie-actions{display:grid;grid-template-columns:1fr}.gw-cookie-btn{width:100%}.gw-cookie-banner{padding:15px}}
