/* IntelliTun Elite 1.2.22 – helle Darstellung der Verkaufsseite /elite/ (Jan 31.10.2026: Seite folgt dem Hell/Dunkel-Schalter im Website-Kopf).
   Der Schalter setzt html[data-it-theme="light"]; Farben wie die helle Website (Hintergrund #f7f8f8, Schrift #172326, Akzent #006c67, Linien #d9e1e0).
   Gold bleibt Premium-Farbe (Flächen/Knöpfe hell, Schrift/Symbole dunkles Gold). „Bildschirme“ – Pop-&-Bang-Bühne, Erkennungs-Animation,
   Videos, Mapswitch-Gerät und das Launch-Control-Instrument – bleiben bewusst dunkel wie echte Displays (dunkle Variablen dort erneut gesetzt).
   Wird nach elite.css geladen. */
html[data-it-theme="light"] .itel{--bg:#f7f8f8;--bg2:#eef2f2;--sf:rgba(255,255,255,.92);--sf2:#ffffff;--ln:rgba(23,35,38,.11);--ln2:rgba(0,108,103,.26);
  --fg:#172326;--fg2:#3f5053;--fg3:#627376;--tq:#006c67;--tq2:#0b8f84;--gold:#a8801f;--gold2:#8a6514;--gold3:#7a5a10;color-scheme:light}
html[data-it-theme="light"] .itel :is(.itel-stage,.itel-det,.itel-media-f,.itel-msw-card,.itel-lc-art){--bg:#04070a;--bg2:#081014;--sf:rgba(14,24,28,.72);--sf2:rgba(20,34,38,.78);
  --ln:rgba(120,232,222,.14);--ln2:rgba(120,232,222,.28);--fg:#eef6f6;--fg2:#adbec1;--fg3:#82969a;--tq:#45e3d3;--tq2:#17a99b;--gold:#e8c873;--gold2:#b98f2c;--gold3:#fff3cf;color-scheme:dark}
html[data-it-theme="light"] .itel .itel-lc-art{background:radial-gradient(circle at 50% 45%,#0f1c20 0%,#071013 62%,#04080a 100%);box-shadow:0 30px 70px -36px rgba(23,35,38,.55),0 0 0 1px rgba(185,143,44,.35),inset 0 0 0 6px rgba(255,255,255,.04)}
html[data-it-theme="light"] .itel::after{opacity:0}

html[data-it-theme="light"] .itel .itel-gold{background-image:linear-gradient(100deg,#8a6514 0%,#c79a35 22%,#dcae45 34%,#a8801f 48%,#8a6514 66%,#c79a35 84%,#dcae45 100%);filter:drop-shadow(0 0 18px rgba(199,154,53,.16))}

/* Knöpfe */
html[data-it-theme="light"] .itel .itel-btn:not(.gold),html[data-it-theme="light"] .itel .itel-btn:not(.gold):is(:hover,:focus,:active,:visited){background:rgba(255,255,255,.9);color:var(--fg)}
html[data-it-theme="light"] .itel .itel-btn:not(.gold):hover{box-shadow:0 0 0 1px rgba(0,108,103,.25),0 12px 28px -14px rgba(0,108,103,.45)}
html[data-it-theme="light"] .itel .itel-btn.gold,html[data-it-theme="light"] .itel .itel-btn.gold:is(:hover,:focus,:active,:visited){border-color:rgba(185,143,44,.55);box-shadow:0 12px 30px -12px rgba(185,143,44,.55),inset 0 1px 0 rgba(255,255,255,.7)}
html[data-it-theme="light"] .itel :is(.itel-stage,.itel-msw-card,.itel-lc-art) .itel-btn:not(.gold),html[data-it-theme="light"] .itel :is(.itel-stage,.itel-msw-card,.itel-lc-art) .itel-btn:not(.gold):is(:hover,:focus,:active,:visited){background:rgba(10,20,23,.55);color:var(--fg)}

/* Kopf */
html[data-it-theme="light"] .itel .itel-hero{background:radial-gradient(1200px 600px at 78% 40%,rgba(0,108,103,.08),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(232,200,115,.16),transparent 60%),linear-gradient(180deg,#fbfcfc 0%,#f3f6f6 100%)}
html[data-it-theme="light"] .itel .itel-grid-bg{background-image:linear-gradient(rgba(0,108,103,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,108,103,.07) 1px,transparent 1px)}
html[data-it-theme="light"] .itel .itel-launchpill{border-color:rgba(185,143,44,.45);background:linear-gradient(90deg,rgba(232,200,115,.24),rgba(232,200,115,.06))}
html[data-it-theme="light"] .itel .itel-pricebox{background:linear-gradient(140deg,rgba(232,200,115,.22),rgba(255,255,255,.94) 40%,rgba(255,255,255,.9));border-color:rgba(185,143,44,.4);box-shadow:0 30px 70px -44px rgba(185,143,44,.5),0 1px 2px rgba(23,35,38,.05)}
html[data-it-theme="light"] .itel .itel-price-v{text-shadow:none}
html[data-it-theme="light"] .itel .itel-cd-b span{background:#fff}
html[data-it-theme="light"] .itel .itel-seats-bar{background:rgba(23,35,38,.08)}
html[data-it-theme="light"] .itel .itel-seats-bar i{box-shadow:0 0 10px rgba(185,143,44,.45)}
html[data-it-theme="light"] .itel .itel-atom{filter:drop-shadow(0 0 30px rgba(0,108,103,.18))}
html[data-it-theme="light"] .itel .itel-atom .ring{stroke:rgba(168,128,31,.4)}
html[data-it-theme="light"] .itel .itel-atom .et{fill:#0b8f84;filter:none}
html[data-it-theme="light"] .itel .itel-atom .eg{fill:#c79a35;filter:none}
html[data-it-theme="light"] .itel .itel-atom .nucr{filter:drop-shadow(0 0 10px rgba(0,108,103,.4))}
html[data-it-theme="light"] .itel .itel-chip{background:rgba(255,255,255,.9);box-shadow:0 10px 26px -14px rgba(23,35,38,.35)}
html[data-it-theme="light"] .itel .itel-chip.gold{border-color:rgba(185,143,44,.5)}
html[data-it-theme="light"] .itel .itel-hero-art .itel-chip:hover{background-color:rgba(0,108,103,.08);color:var(--fg);border-color:rgba(0,108,103,.6);box-shadow:0 0 0 1px rgba(0,108,103,.2),0 14px 30px -14px rgba(0,108,103,.45)}
html[data-it-theme="light"] .itel .itel-hero-art .itel-chip.gold:hover,html[data-it-theme="light"] .itel .itel-hero-art .itel-chip.c7:hover,html[data-it-theme="light"] .itel .itel-chip.msw:hover{border-color:rgba(185,143,44,.7);background-color:rgba(232,200,115,.18);box-shadow:0 0 0 1px rgba(185,143,44,.25),0 14px 30px -14px rgba(185,143,44,.55)}
html[data-it-theme="light"] .itel .itel-hero-art .itel-chip::after{background:linear-gradient(105deg,transparent,rgba(255,255,255,.5) 45%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.5) 55%,transparent)}
html[data-it-theme="light"] .itel .itel-jump{background:rgba(255,255,255,.9)}
html[data-it-theme="light"] .itel .itel-jump a:hover{background:rgba(0,108,103,.08)}

/* Kennzahlen, Kacheln, Pakete */
html[data-it-theme="light"] .itel .itel-stat b{background-image:linear-gradient(180deg,#172326,#006c67)}
html[data-it-theme="light"] .itel .itel-stat::after{background:linear-gradient(120deg,transparent 40%,rgba(0,108,103,.06) 50%,transparent 60%)}
html[data-it-theme="light"] .itel :is(.itel-stat,.itel-tile,.itel-f,.itel-fams,.itel-step,.itel-plan,.itel-faq details,.itel-msw-list li,.itel-msw-fam,.itel-web){box-shadow:0 1px 2px rgba(23,35,38,.04),0 16px 40px -30px rgba(23,35,38,.25)}
html[data-it-theme="light"] .itel .itel-tile{background:linear-gradient(160deg,#fff,rgba(255,255,255,.9) 50%),var(--sf)}
html[data-it-theme="light"] .itel .itel-tile:hover{box-shadow:0 24px 56px -32px rgba(0,108,103,.4)}
html[data-it-theme="light"] .itel .itel-tile-ic{background:rgba(0,108,103,.07)}
html[data-it-theme="light"] .itel .itel-tile.is-pop{background:radial-gradient(400px 200px at 100% 0%,rgba(232,200,115,.3),transparent 70%),linear-gradient(160deg,rgba(232,200,115,.14),#fff);border-color:rgba(185,143,44,.45);box-shadow:0 0 0 1px rgba(185,143,44,.12),0 30px 60px -40px rgba(185,143,44,.55)}
html[data-it-theme="light"] .itel .itel-tile.is-pop .itel-tile-ic,html[data-it-theme="light"] .itel .itel-msw-list li .itel-tile-ic{background:rgba(232,200,115,.2);border-color:rgba(185,143,44,.45)}
html[data-it-theme="light"] .itel .itel-toolrow span{background:#fff}
html[data-it-theme="light"] .itel .itel-toolrow span.gold{border-color:rgba(185,143,44,.5);background:rgba(232,200,115,.16)}
html[data-it-theme="light"] .itel .itel-popsec{background:radial-gradient(900px 500px at 70% 30%,rgba(239,83,80,.06),transparent 65%),radial-gradient(700px 500px at 20% 70%,rgba(232,200,115,.12),transparent 65%)}
html[data-it-theme="light"] .itel .itel-mswsec{background:radial-gradient(900px 500px at 80% 20%,rgba(232,200,115,.14),transparent 65%),radial-gradient(700px 500px at 10% 80%,rgba(0,108,103,.06),transparent 65%)}
html[data-it-theme="light"] .itel .itel-stage{box-shadow:0 40px 90px -50px rgba(23,35,38,.55)}
html[data-it-theme="light"] .itel .itel-media-f{box-shadow:0 30px 70px -40px rgba(23,35,38,.5)}

/* Regler und Schaltflächen außerhalb der Bildschirme */
html[data-it-theme="light"] .itel input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--c) var(--p),rgba(23,35,38,.14) var(--p))}
html[data-it-theme="light"] .itel input[type=range]::-moz-range-track{background:linear-gradient(90deg,var(--c) var(--p),rgba(23,35,38,.14) var(--p))}
html[data-it-theme="light"] .itel input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(23,35,38,.08),0 2px 8px rgba(23,35,38,.25)}
html[data-it-theme="light"] .itel .itel-seg button,html[data-it-theme="light"] .itel .itel-seg button:is(:hover,:focus,:active),html[data-it-theme="light"] .itel .itel-msw-seg button,html[data-it-theme="light"] .itel .itel-msw-seg button:is(:hover,:focus,:active){background:#fff}
html[data-it-theme="light"] .itel .itel-seg button.on,html[data-it-theme="light"] .itel .itel-seg button.on:is(:hover,:focus),html[data-it-theme="light"] .itel .itel-msw-seg button.on,html[data-it-theme="light"] .itel .itel-msw-seg button.on:is(:hover,:focus){background:rgba(232,200,115,.2);border-color:#b98f2c;box-shadow:inset 0 0 0 1px rgba(185,143,44,.45)}
html[data-it-theme="light"] .itel .itel-msw-seg button i{background:rgba(0,108,103,.1)}
html[data-it-theme="light"] .itel .itel-stvo{border-color:rgba(162,102,10,.4);background:rgba(232,173,69,.12);color:#6b4708!important}
html[data-it-theme="light"] .itel .itel-stvo .itel-ic{color:#a2660a}
html[data-it-theme="light"] .itel .itel-char{filter:brightness(.72) saturate(1.2)}
html[data-it-theme="light"] .itel .itel-vbtn,html[data-it-theme="light"] .itel .itel-vbtn:is(:hover,:focus,:active){background:rgba(4,8,10,.7);color:#eef6f6;border-color:rgba(120,232,222,.28)}

/* Kontingent-Ring */
html[data-it-theme="light"] .itel .itel-ring .bgc{stroke:rgba(23,35,38,.07)}
html[data-it-theme="light"] .itel .itel-ring .seg{stroke:#c79a35;filter:drop-shadow(0 0 6px rgba(185,143,44,.45))}
html[data-it-theme="light"] .itel .itel-ring .seg.used{stroke:rgba(23,35,38,.16);filter:none}
html[data-it-theme="light"] .itel .itel-q-status.full{color:#b42318!important}
html[data-it-theme="light"] .itel .itel-q-log li{background:#fff}
html[data-it-theme="light"] .itel .itel-step .n{color:rgba(185,143,44,.3)}

/* Pakete im Vergleich */
html[data-it-theme="light"] .itel .itel-plan.is-elite{background:radial-gradient(500px 220px at 50% 0%,rgba(232,200,115,.32),transparent 70%),linear-gradient(180deg,#fffaf0,#ffffff);border-color:rgba(185,143,44,.6);box-shadow:0 0 0 1px rgba(185,143,44,.15),0 40px 80px -44px rgba(185,143,44,.6)}
html[data-it-theme="light"] .itel .itel-plan li b.only{color:rgba(138,101,20,.8)!important}

/* Mapswitch-Abschnitt (außerhalb des dunklen Geräts) */
html[data-it-theme="light"] .itel .itel-msw-excl{border-color:rgba(185,143,44,.5);background:linear-gradient(90deg,rgba(232,200,115,.24),rgba(232,200,115,.05))}
html[data-it-theme="light"] .itel .itel-msw-card{box-shadow:0 40px 100px -50px rgba(185,143,44,.55),0 30px 70px -44px rgba(23,35,38,.45)}

/* Konfigurator im Elite, Website-Bau */
html[data-it-theme="light"] .itel .itel-konfv,html[data-it-theme="light"] .itel .itel-konf-save,html[data-it-theme="light"] .itel .itel-konf-calc li.el b{color:#8a6514}
html[data-it-theme="light"] .itel .itel-konf-calc{border-color:rgba(185,143,44,.45)}
html[data-it-theme="light"] .itel .itel-konf-calc li{background:rgba(23,35,38,.035)}
html[data-it-theme="light"] .itel .itel-konf-calc li.el{background:rgba(232,200,115,.2);border-color:rgba(185,143,44,.5)}
html[data-it-theme="light"] .itel .itel-web-o li{background:#fff}
html[data-it-theme="light"] .itel .itel-web-o li.hl{background:rgba(0,108,103,.06)}

/* Schluss, Kaufleiste, Seitennavigation, Glas-Effekte */
html[data-it-theme="light"] .itel .itel-final-card{background:radial-gradient(700px 300px at 85% 50%,rgba(0,108,103,.08),transparent 70%),radial-gradient(600px 300px at 0% 0%,rgba(232,200,115,.26),transparent 70%),linear-gradient(160deg,#ffffff,#f6f8f8);border-color:rgba(185,143,44,.45);box-shadow:0 40px 100px -60px rgba(185,143,44,.6)}
html[data-it-theme="light"] .itel .itel-sticky{background:rgba(255,255,255,.95);border-color:rgba(185,143,44,.5);box-shadow:0 14px 40px rgba(23,35,38,.18)}
html[data-it-theme="light"] .itel .itel-rail a i{border-color:rgba(23,35,38,.35)}
html[data-it-theme="light"] .itel .itel-rail a span{background:rgba(255,255,255,.96)}
html[data-it-theme="light"] .itel .itel-glass::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(0,108,103,.06),rgba(232,200,115,.05) 35%,transparent 60%)}
html[data-it-theme="light"] .itel .itel-glass::after{background:linear-gradient(140deg,rgba(185,143,44,.2),rgba(185,143,44,0) 30%,rgba(0,108,103,0) 70%,rgba(0,108,103,.18))}
html[data-it-theme="light"] .itel .itel-sec::before{background:linear-gradient(90deg,transparent,rgba(0,108,103,.3),rgba(185,143,44,.4),transparent)}