/* IntelliTuning Konfigurator-Lizenz 1.1.0 – helle Darstellung der Verkaufsseite (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 die Premium-Farbe: Flächen und Knöpfe im hellen Gold, Schrift und Symbole im dunklen Gold (Kontrast auf Weiß).
   Wird nach konf.css, glow.css, fx.css und uidemo.css geladen. */
html[data-it-theme="light"] .itkl{--bg:#f7f8f8;--sf:rgba(255,255,255,.9);--ln:rgba(23,35,38,.11);--ln2:rgba(0,108,103,.26);--fg:#172326;--fg2:#3f5053;--fg3:#627376;
  --tq:#006c67;--gold:#a8801f;--gold2:#8a6514;--gold3:#7a5a10;color-scheme:light}
html[data-it-theme="light"] .itkl .itkl-goldtx{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))}
html[data-it-theme="light"] .itkl .itkl-glass{background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(250,252,252,.92));box-shadow:0 1px 2px rgba(23,35,38,.04),0 18px 44px -30px rgba(23,35,38,.22)}

/* Knöpfe */
html[data-it-theme="light"] .itkl .itkl-btn:not(.gold),html[data-it-theme="light"] .itkl .itkl-btn:not(.gold):is(:hover,:focus,:active,:visited){background:rgba(255,255,255,.88);color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-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"] .itkl .itkl-btn.gold,html[data-it-theme="light"] .itkl .itkl-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"] .itkl.itkl .itkl-btn:not(.gold):is(:focus,:focus-visible,:active){background:#fff!important;color:var(--fg)!important}

/* Kopf */
html[data-it-theme="light"] .itkl .itkl-hero{background:radial-gradient(1100px 600px at 80% 45%,rgba(232,200,115,.20),transparent 60%),radial-gradient(900px 520px at 5% 0%,rgba(0,108,103,.08),transparent 60%),linear-gradient(180deg,#fbfcfc,#f3f6f6)}
html[data-it-theme="light"] .itkl .itkl-glow{background:radial-gradient(600px 300px at 50% 110%,rgba(232,200,115,.18),transparent 70%)}
html[data-it-theme="light"] .itkl .itkl-gridbg{background-image:linear-gradient(rgba(0,108,103,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,108,103,.06) 1px,transparent 1px)}
html[data-it-theme="light"] .itkl .itkl-eyebrow{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"] .itkl .itkl-launch{background:linear-gradient(140deg,rgba(232,200,115,.26),rgba(255,255,255,.9));border-color:rgba(185,143,44,.42)}
html[data-it-theme="light"] .itkl .itkl-cd,html[data-it-theme="light"] .itkl .itkl-dial-read b{color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-dial-car img{filter:drop-shadow(0 18px 18px rgba(23,35,38,.28))}
html[data-it-theme="light"] .itkl .itkl-dial-chip{background:rgba(255,255,255,.94);border-color:rgba(185,143,44,.45);box-shadow:0 10px 26px -14px rgba(23,35,38,.35)}

/* Kennzahlen */
html[data-it-theme="light"] .itkl .itkl-stat{background:rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(23,35,38,.04)}
html[data-it-theme="light"] .itkl .itkl-stat b{color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-stat.gold{border-color:rgba(185,143,44,.5);background:linear-gradient(160deg,rgba(232,200,115,.26),rgba(255,255,255,.94))}
html[data-it-theme="light"] .itkl .itkl-stat.gold b{color:var(--gold3);text-shadow:none}
html[data-it-theme="light"] .itkl .itkl-statgrid>.itkl-stat:hover b{text-shadow:none}
html[data-it-theme="light"] .itkl .itkl-statgrid>.itkl-stat::before{background:linear-gradient(115deg,transparent 30%,rgba(232,200,115,.16) 48%,rgba(232,200,115,.03) 56%,transparent 66%)}

/* Abschnittsköpfe */
html[data-it-theme="light"] .itkl .itkl-h2.itkl-h2{background:linear-gradient(180deg,#172326 0%,#33484c 100%);-webkit-background-clip:text;background-clip:text}

/* Bildband */
html[data-it-theme="light"] .itkl .itkl-track figure{background:radial-gradient(circle at 50% 75%,rgba(232,200,115,.22),rgba(255,255,255,.96) 70%);border-color:rgba(185,143,44,.24)}
html[data-it-theme="light"] .itkl .itkl-track figure img,html[data-it-theme="light"] .itkl .itkl-track figure img:is(:hover,:focus,:active){filter:drop-shadow(0 12px 12px rgba(23,35,38,.25))}
html[data-it-theme="light"] .itkl .itkl-track figure:hover{box-shadow:0 26px 44px -26px rgba(23,35,38,.35),0 18px 50px -30px rgba(185,143,44,.5)}
html[data-it-theme="light"] .itkl .itkl-track figure:hover+figure,html[data-it-theme="light"] .itkl .itkl-track figure:has(+figure:hover){box-shadow:0 18px 34px -24px rgba(23,35,38,.3)}
html[data-it-theme="light"] .itkl .itkl-track.itkl-track figure:hover img{filter:drop-shadow(0 16px 16px rgba(23,35,38,.3)) drop-shadow(0 0 10px rgba(232,200,115,.3)) brightness(1.03)}

/* Suche */
html[data-it-theme="light"] .itkl .itkl-search{background:radial-gradient(900px 480px at 85% 40%,rgba(232,200,115,.16),transparent 65%)}
html[data-it-theme="light"] .itkl .itkl-sbox{background:#fff;border-color:rgba(185,143,44,.6);box-shadow:0 0 0 4px rgba(232,200,115,.16)}
html[data-it-theme="light"] .itkl .itkl-sbox .q,html[data-it-theme="light"] .itkl .itkl-sr b{color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-sr{background:rgba(255,255,255,.96)}
html[data-it-theme="light"] .itkl .itkl-sr:first-child{border-color:rgba(185,143,44,.5);background:linear-gradient(90deg,rgba(232,200,115,.22),rgba(255,255,255,.96))}
html[data-it-theme="light"] .itkl .itkl-sr img{filter:drop-shadow(0 6px 8px rgba(23,35,38,.25))}
html[data-it-theme="light"] .itkl .itkl-srch-demo{box-shadow:0 40px 100px -54px rgba(185,143,44,.6)}

/* Funktionskarten */
html[data-it-theme="light"] .itkl .itkl-fic{background:rgba(0,108,103,.07);border-color:rgba(0,108,103,.22)}
html[data-it-theme="light"] .itkl .itkl-fc.plus{border-color:rgba(185,143,44,.42);background:linear-gradient(160deg,rgba(232,200,115,.24),rgba(255,255,255,.95) 45%,rgba(252,250,244,.94));box-shadow:0 26px 60px -40px rgba(185,143,44,.5)}
html[data-it-theme="light"] .itkl .itkl-fc.plus .itkl-fic,html[data-it-theme="light"] .itkl .itkl-sc .itkl-fic{background:rgba(232,200,115,.18);border-color:rgba(185,143,44,.45)}
html[data-it-theme="light"] .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover{box-shadow:0 26px 56px -32px rgba(0,108,103,.4),0 0 0 1px rgba(0,108,103,.14)}
html[data-it-theme="light"] .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover .itkl-fic{color:var(--tq);background:rgba(0,108,103,.12);border-color:rgba(0,108,103,.5);box-shadow:0 10px 24px -12px rgba(0,108,103,.55)}
html[data-it-theme="light"] .itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus:hover .itkl-fic{color:var(--gold2);background:rgba(232,200,115,.28);border-color:rgba(185,143,44,.65)}
html[data-it-theme="light"] .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover .itkl-fic .itkl-ic{filter:none}
html[data-it-theme="light"] .itkl .itkl-fgrid>.itkl-fc.itkl-fc::after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,40%),rgba(0,108,103,.08),rgba(0,108,103,.02) 40%,transparent 62%)}
html[data-it-theme="light"] .itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus::after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,40%),rgba(232,200,115,.2),rgba(232,200,115,.05) 40%,transparent 62%)}

/* Classic / Modern */
html[data-it-theme="light"] .itkl .itkl-shot{background:#eef2f2}
html[data-it-theme="light"] .itkl .itkl-shot-play{background:rgba(255,255,255,.94);color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-uic .itkl-shot,html[data-it-theme="light"] .itkl .itkl-uic .itkl-shot:is(:hover,:focus,:active,:visited){color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-uigrid>.itkl-uic.itkl-hov .itkl-shot-play,html[data-it-theme="light"] .itkl .itkl-uic .itkl-shot:hover .itkl-shot-play{background:#fff;color:var(--fg);box-shadow:0 12px 28px -14px rgba(0,108,103,.5)}
html[data-it-theme="light"] .itkl .itkl-uigrid>.itkl-uic.itkl-hov .itkl-shot-play .itkl-ic,html[data-it-theme="light"] .itkl .itkl-uic .itkl-shot:hover .itkl-shot-play .itkl-ic{color:var(--tq)}
html[data-it-theme="light"] .itkl .itkl-uigrid>.itkl-uic.gold.itkl-hov .itkl-shot-play .itkl-ic,html[data-it-theme="light"] .itkl .itkl-uic.gold .itkl-shot:hover .itkl-shot-play .itkl-ic{color:var(--gold)}
html[data-it-theme="light"] .itkl .itkl-uigrid>.itkl-uic.itkl-uic.itkl-hov{background:linear-gradient(160deg,#fff,#f8fbfb);box-shadow:0 28px 60px -32px rgba(0,108,103,.4),0 0 0 1px rgba(0,108,103,.14)}
html[data-it-theme="light"] .itkl .itkl-uigrid>.itkl-uic.itkl-uic.gold.itkl-hov{box-shadow:0 34px 80px -36px rgba(185,143,44,.7),0 0 0 1px rgba(185,143,44,.3)}
html[data-it-theme="light"] .itkl .itkl-uigrid>.itkl-uic::after{background:linear-gradient(115deg,transparent 30%,rgba(232,200,115,.12) 48%,rgba(232,200,115,.02) 56%,transparent 66%)}

/* Vergleich */
html[data-it-theme="light"] .itkl .itkl-tr .us,html[data-it-theme="light"] .itkl .itkl-table .itkl-tr:not(.th):hover .us{color:var(--fg);text-shadow:none}
html[data-it-theme="light"] .itkl .itkl-table .itkl-tr:not(.th):hover{background-color:rgba(232,200,115,.08)}

/* Preise */
html[data-it-theme="light"] .itkl .itkl-per{background:rgba(255,255,255,.92)}
html[data-it-theme="light"] .itkl .itkl-per button small{background:rgba(0,108,103,.1)}
html[data-it-theme="light"] .itkl .itkl-pc.gold{border-color:rgba(185,143,44,.55);background:linear-gradient(160deg,rgba(232,200,115,.26),rgba(255,255,255,.96) 42%,rgba(252,250,244,.95))}
html[data-it-theme="light"] .itkl .itkl-pc-p b{color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-pc.gold .itkl-pc-p b{color:var(--gold3);text-shadow:none}
html[data-it-theme="light"] .itkl .itkl-pgrid>.itkl-pc:hover .itkl-pc-p b{text-shadow:none}
html[data-it-theme="light"] .itkl .itkl-pgrid>.itkl-pc:not(.gold){box-shadow:0 30px 70px -50px rgba(0,108,103,.4),0 1px 2px rgba(23,35,38,.04)}
html[data-it-theme="light"] .itkl .itkl-pgrid>.itkl-pc.gold{box-shadow:0 36px 90px -50px rgba(185,143,44,.75),0 0 0 1px rgba(185,143,44,.16)}
html[data-it-theme="light"] .itkl .itkl-pgrid>.itkl-pc:not(.gold):hover{box-shadow:0 40px 80px -42px rgba(0,108,103,.5),0 0 0 1px rgba(0,108,103,.2)}
html[data-it-theme="light"] .itkl .itkl-pgrid>.itkl-pc.gold:hover{border-color:rgba(185,143,44,.8);box-shadow:0 46px 110px -44px rgba(185,143,44,.9),0 0 50px -14px rgba(232,200,115,.55),0 0 0 1px rgba(185,143,44,.3)}

/* Elite-Hinweise */
html[data-it-theme="light"] .itkl .itkl-eline,html[data-it-theme="light"] .itkl .itkl-eline:is(:hover,:focus,:active,:visited){border-color:rgba(185,143,44,.5);background:linear-gradient(140deg,rgba(232,200,115,.24),rgba(255,255,255,.92) 60%,rgba(252,250,244,.9));box-shadow:0 14px 34px -24px rgba(185,143,44,.6)}
html[data-it-theme="light"] .itkl .itkl-eline:hover,html[data-it-theme="light"] .itkl .itkl-eline:focus-visible{color:var(--gold2);border-color:rgba(185,143,44,.8);box-shadow:0 18px 40px -22px rgba(185,143,44,.7),0 0 0 1px rgba(185,143,44,.2)}
html[data-it-theme="light"] .itkl .itkl-eline::after{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.2) 44%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.2) 56%,transparent 70%)}
html[data-it-theme="light"] .itkl .itkl-hero .itkl-eline,html[data-it-theme="light"] .itkl .itkl-hero .itkl-eline:is(:hover,:focus,:active,:visited){border-color:rgba(185,143,44,.42);background:rgba(232,200,115,.14)}
html[data-it-theme="light"] .itkl.itkl .itkl-ebox.itkl-ebox{border-color:rgba(185,143,44,.45);background:linear-gradient(135deg,rgba(232,200,115,.26),rgba(255,255,255,.96) 45%,rgba(252,250,244,.94));box-shadow:0 24px 60px -40px rgba(185,143,44,.55),0 0 0 1px rgba(185,143,44,.1)}
html[data-it-theme="light"] .itkl.itkl .itkl-ebox.itkl-ebox:hover{border-color:rgba(185,143,44,.8);box-shadow:0 36px 90px -40px rgba(185,143,44,.8),0 0 0 1px rgba(185,143,44,.25)}
html[data-it-theme="light"] .itkl.itkl .itkl-ebox h3{color:var(--fg)}

/* Fragen, Kaufleiste */
html[data-it-theme="light"] .itkl .itkl-faq summary,html[data-it-theme="light"] .itkl .itkl-faq.itkl-faq details:hover summary{color:var(--fg)}
html[data-it-theme="light"] .itkl .itkl-faq.itkl-faq details:hover{background-color:rgba(0,108,103,.03)}
html[data-it-theme="light"] .itkl .itkl-faq.itkl-faq details[open]{box-shadow:inset 0 0 40px -26px rgba(232,200,115,.55),0 22px 50px -38px rgba(185,143,44,.5)}
html[data-it-theme="light"] .itkl .itkl-fin{background:radial-gradient(900px 420px at 50% 100%,rgba(232,200,115,.24),transparent 70%)}
html[data-it-theme="light"] .itkl .itkl-sticky{background:rgba(255,255,255,.96);border-color:rgba(185,143,44,.5);box-shadow:0 14px 40px rgba(23,35,38,.18)}
html[data-it-theme="light"] .itkl .itkl-legal{opacity:.9}