/* IntelliTun Elite – Verkaufsseite /elite/ (dunkel; seit 1.2.22 hell per light.css, wenn der Website-Schalter html[data-it-theme=light] setzt; eigene Präfixe itel-,keine Abhängigkeit von Theme- oder Tools-&-Pakete-CSS) */
body.itel-page{overflow-x:clip}
body.itel-page .page-header,body.itel-page .entry-title,body.itel-page .page-header .entry-title{display:none}
.itel{--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;
  --c-moderat:#4cc38a;--c-saftig:#e6cf3f;--c-stark:#f0913a;--c-extrem:#ef5350;--r:22px;--vw:var(--itel-vw,100vw);
  position:relative;width:var(--vw);margin-left:calc(50% - var(--vw) / 2);margin-right:0;background:var(--bg);color:var(--fg);overflow:hidden;
  font-family:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;isolation:isolate}
.itel *,.itel *::before,.itel *::after{box-sizing:border-box}
.itel.itel :where(h1,h2,h3){font-family:"Sora","Poppins","Segoe UI",system-ui,sans-serif;color:var(--fg);margin:0;line-height:1.1;letter-spacing:-.02em;text-transform:none}
.itel.itel :where(h2){font-size:clamp(28px,4.2vw,50px);font-weight:700}
.itel.itel :where(h3){font-size:18px;font-weight:600;letter-spacing:-.01em}
.itel.itel :where(p){margin:0;color:var(--fg2)}
.itel.itel :where(ul,ol){margin:0;padding:0;list-style:none}
.itel.itel :where(a){color:var(--tq);text-decoration:none}
.itel img,.itel video,.itel canvas,.itel svg{display:block;max-width:100%}
.itel .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.itel :focus{outline:none}
.itel :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}
.itel .itel-wrap{max-width:1220px;margin:0 auto;padding:0 28px;position:relative}
.itel .itel-narrow{max-width:900px}
.itel .itel-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.itel .itel-gold{background:linear-gradient(100deg,#b98f2c 0%,#f3dc97 22%,#fff6da 34%,#e8c873 48%,#b98f2c 66%,#f3dc97 84%,#fff6da 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:itelShine 7s linear infinite;filter:drop-shadow(0 0 24px rgba(232,200,115,.25))}
@keyframes itelShine{to{background-position:-220% 0}}

/* ---------- Knöpfe (Theme-Stile vollständig neutralisiert) ---------- */
.itel .itel-btn,.itel .itel-btn:is(:hover,:focus,:active,:visited){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:14px;border:1px solid var(--ln2);background:rgba(10,20,23,.55);color:var(--fg);font:600 15px/1.2 "Poppins","Segoe UI",system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;cursor:pointer;transition:transform .2s,box-shadow .25s,border-color .25s,background .25s;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.itel .itel-btn:hover{border-color:var(--tq);box-shadow:0 0 0 1px rgba(69,227,211,.35),0 10px 30px -12px rgba(69,227,211,.5);transform:translateY(-1px)}
.itel .itel-btn.gold,.itel .itel-btn.gold:is(:hover,:focus,:active,:visited){background:linear-gradient(135deg,#fff3cf 0%,#e8c873 38%,#c79a35 100%);color:#1a1405;border-color:rgba(255,240,200,.65);box-shadow:0 10px 34px -10px rgba(232,200,115,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.itel .itel-btn.gold:hover{box-shadow:0 14px 44px -10px rgba(232,200,115,.75),0 0 0 1px rgba(255,240,200,.9),inset 0 1px 0 rgba(255,255,255,.7)}
.itel .itel-btn.ghost,.itel .itel-btn.ghost:is(:hover,:focus,:active,:visited){background:rgba(10,20,23,.45);color:var(--fg)}
.itel .itel-btn.lg{min-height:56px;padding:14px 28px;font-size:16px;border-radius:16px}
.itel .itel-btn.sm{min-height:44px;padding:10px 16px;font-size:14px}
.itel .itel-btn .itel-ic{width:18px;height:18px}
.itel button.itel-btn:active{transform:translateY(1px)}
.itel .itel-inl{color:var(--tq);text-decoration:underline;text-underline-offset:3px}

/* ---------- Kopf ---------- */
.itel .itel-hero{position:relative;padding:30px 0 64px;min-height:min(92vh,900px);display:flex;align-items:center;background:radial-gradient(1200px 600px at 78% 40%,rgba(69,227,211,.12),transparent 60%),radial-gradient(900px 500px at 10% 0%,rgba(232,200,115,.07),transparent 60%),linear-gradient(180deg,#05090c 0%,#04070a 100%)}
.itel .itel-hero-cv{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.itel .itel-grid-bg{position:absolute;inset:auto 0 0 0;height:46%;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(69,227,211,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(69,227,211,.10) 1px,transparent 1px);background-size:56px 56px;transform:perspective(600px) rotateX(62deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 92%);mask-image:linear-gradient(0deg,#000 10%,transparent 92%)}
.itel .itel-hero-in{z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:40px;align-items:center;width:100%}
.itel .itel-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--fg3);margin-bottom:16px}
.itel .itel-crumb a{color:var(--fg3)}.itel .itel-crumb a:hover{color:var(--tq)}.itel .itel-crumb b{color:var(--fg2);font-weight:500}
.itel .itel-launchpill{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid rgba(232,200,115,.45);background:linear-gradient(90deg,rgba(232,200,115,.16),rgba(232,200,115,.04));color:var(--gold3);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.itel .itel-launchpill .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(232,200,115,.7);animation:itelPulse 2s infinite}
@keyframes itelPulse{70%{box-shadow:0 0 0 10px rgba(232,200,115,0)}100%{box-shadow:0 0 0 0 rgba(232,200,115,0)}}
.itel .itel-kick{margin-top:18px;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--tq)}
.itel .itel-h1{font-size:clamp(50px,7.4vw,98px);font-weight:800;letter-spacing:-.045em;line-height:.95;margin-top:10px}
.itel .itel-h1 .a{color:var(--fg)}
.itel .itel-sub{margin-top:14px;font-family:"Sora","Poppins",sans-serif;font-size:clamp(19px,2.2vw,26px);color:var(--fg);font-weight:500;letter-spacing:-.01em}
.itel .itel-lead{margin-top:14px;font-size:clamp(16px,1.4vw,18px);max-width:60ch}
.itel .itel-pricebox{margin-top:28px;padding:22px 24px;border-radius:var(--r);background:linear-gradient(140deg,rgba(232,200,115,.10),rgba(14,24,28,.75) 40%,rgba(14,24,28,.6));border:1px solid rgba(232,200,115,.32);box-shadow:0 30px 80px -40px rgba(232,200,115,.35),inset 0 1px 0 rgba(255,255,255,.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:600px}
.itel .itel-price-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.itel .itel-badge{display:inline-flex;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35);color:#1a1405;font-weight:700;font-size:13px;letter-spacing:.02em}
.itel .itel-was{color:var(--fg3);font-size:15px;text-decoration:line-through;text-decoration-color:rgba(239,83,80,.8);text-decoration-thickness:2px}
.itel .itel-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-top:8px}
.itel .itel-price-v{font-family:"Sora","Poppins",sans-serif;font-size:clamp(46px,6vw,70px);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--fg);text-shadow:0 0 40px rgba(232,200,115,.25)}
.itel .itel-price-per{color:var(--fg2);font-size:15px}
.itel .itel-price-year{margin-top:6px;color:var(--fg2);font-size:14.5px}
.itel .itel-price-year s{color:var(--fg3);text-decoration-color:rgba(239,83,80,.8)}
.itel .itel-cd{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.itel .itel-cd-l{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.itel .itel-cd-b{display:flex;gap:8px}
.itel .itel-cd-b span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:8px 6px 6px;border-radius:12px;background:rgba(4,8,10,.6);border:1px solid var(--ln)}
.itel .itel-cd-b b{font-family:"Sora",monospace;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--fg)}
.itel .itel-cd-b i{font-style:normal;font-size:11px;color:var(--fg3);margin-top:4px}
.itel .itel-seats{margin-top:14px}
.itel .itel-seats-t{font-size:14px;color:var(--fg);font-weight:500}
.itel .itel-seats-bar{margin-top:8px;height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.itel .itel-seats-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--tq),var(--gold));box-shadow:0 0 14px rgba(232,200,115,.6);transition:width 1s}
.itel .itel-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.itel .itel-more{color:var(--fg2);font-size:15px;padding:10px 6px}.itel .itel-more:hover{color:var(--tq)}
.itel .itel-fine{margin-top:16px;font-size:13px;color:var(--fg3);max-width:70ch}
.itel .itel-hero-art{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin:0 auto}
.itel .itel-atom{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 40px rgba(69,227,211,.25))}
.itel .itel-atom .ring{fill:none;stroke:rgba(232,200,115,.28);stroke-width:1;stroke-dasharray:3 9;transform-origin:260px 260px;animation:itelSpin 60s linear infinite}
.itel .itel-atom .ot{fill:none;stroke:var(--tq);stroke-width:3;opacity:.8}
.itel .itel-atom .og{fill:none;stroke:url(#itelGold);stroke-width:3.6}
.itel .itel-atom .et{fill:#c8fff8;filter:drop-shadow(0 0 8px #45e3d3)}
.itel .itel-atom .eg{fill:#fff3cf;filter:drop-shadow(0 0 10px #e8c873)}
.itel .itel-atom .nucr{fill:none;stroke:var(--tq);stroke-width:3;filter:drop-shadow(0 0 14px rgba(69,227,211,.8))}
.itel .itel-atom .nt{font:800 25px "Sora","Poppins",sans-serif;letter-spacing:.06em;fill:url(#itelGold)}
@keyframes itelSpin{to{transform:rotate(360deg)}}
.itel .itel-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:rgba(10,22,25,.62);border:1px solid var(--ln2);color:var(--fg);font-size:13.5px;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -14px rgba(0,0,0,.8);animation:itelFloat 6s ease-in-out infinite}
.itel .itel-chip .itel-ic{width:17px;height:17px;color:var(--tq)}
.itel .itel-chip.gold{border-color:rgba(232,200,115,.5);color:var(--gold3)}.itel .itel-chip.gold .itel-ic{color:var(--gold)}
.itel .itel-chip.c1{top:9%;left:-2%}.itel .itel-chip.c2{top:20%;right:-3%;animation-delay:-1.5s}.itel .itel-chip.c3{bottom:23%;left:-5%;animation-delay:-3s}.itel .itel-chip.c4{bottom:9%;right:2%;animation-delay:-2.2s}.itel .itel-chip.c5{top:48%;right:-7%;animation-delay:-4s}
@keyframes itelFloat{50%{transform:translateY(-10px)}}

/* ---------- Sprungleiste und Kennzahlen ---------- */
.itel .itel-jump{position:relative;z-index:2;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);background:rgba(6,12,14,.8)}
.itel .itel-jump .itel-wrap{display:flex;flex-wrap:wrap;gap:4px 6px;justify-content:center;padding-top:10px;padding-bottom:10px}
.itel .itel-jump a{color:var(--fg2);font-size:14px;padding:8px 14px;border-radius:999px;transition:background .2s,color .2s}
.itel .itel-jump a:hover{color:var(--fg);background:rgba(69,227,211,.1)}
.itel .itel-stats{padding:44px 0 10px}
.itel .itel-stats-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.itel .itel-stat{padding:22px 22px 20px;border-radius:var(--r);background:var(--sf);border:1px solid var(--ln);position:relative;overflow:hidden}
.itel .itel-stat::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(69,227,211,.07) 50%,transparent 60%);transform:translateX(-100%);animation:itelSweep 6s ease-in-out infinite}
.itel .itel-stat:nth-child(2)::after{animation-delay:1.5s}.itel .itel-stat:nth-child(3)::after{animation-delay:3s}.itel .itel-stat:nth-child(4)::after{animation-delay:4.5s}
@keyframes itelSweep{30%,100%{transform:translateX(100%)}}
.itel .itel-stat b{display:block;font-family:"Sora",sans-serif;font-size:clamp(26px,3vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(180deg,#fff,#9ff3ea);-webkit-background-clip:text;background-clip:text;color:transparent}
.itel .itel-stat span{display:block;margin-top:6px;font-size:14px;color:var(--fg2)}
.itel .itel-stat.wide b{font-size:clamp(21px,2.1vw,28px);line-height:1.2;min-height:2.4em;display:flex;align-items:flex-end}
.itel .itel-plan li b.st{font-size:12.5px;font-weight:500;color:var(--fg);max-width:58%;line-height:1.3}
.itel .itel-plan.is-elite li b.st{color:var(--gold3)}

/* ---------- Abschnitte ---------- */
.itel .itel-sec{padding:96px 0 40px;position:relative}
.itel .itel-head{max-width:820px;margin-bottom:40px}
.itel .itel-head p:last-child{margin-top:16px;font-size:17px}
.itel .itel-k{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--tq);margin-bottom:14px!important}
.itel .itel-k.gold{color:var(--gold)}
.itel .itel-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.itel .itel-tile{position:relative;padding:26px;border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,0) 50%),var(--sf);border:1px solid var(--ln);transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}
.itel .itel-tile:hover{border-color:var(--ln2);transform:translateY(-3px);box-shadow:0 24px 60px -30px rgba(69,227,211,.35)}
.itel .itel-tile h3{margin-top:16px}.itel .itel-tile p{margin-top:8px;font-size:15px}
.itel .itel-tile-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(69,227,211,.1);border:1px solid var(--ln2);color:var(--tq)}
.itel .itel-tile-ic .itel-ic{width:22px;height:22px}
.itel .itel-tile.is-pop{background:radial-gradient(400px 200px at 100% 0%,rgba(232,200,115,.18),transparent 70%),linear-gradient(160deg,rgba(232,200,115,.08),rgba(14,24,28,.8));border-color:rgba(232,200,115,.45);box-shadow:0 0 0 1px rgba(232,200,115,.12),0 30px 70px -40px rgba(232,200,115,.5)}
.itel .itel-tile.is-pop .itel-tile-ic{background:rgba(232,200,115,.12);border-color:rgba(232,200,115,.45);color:var(--gold)}
.itel .itel-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35);color:#1a1405;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.itel .itel-tile .itel-tag{position:absolute;top:22px;right:22px}
.itel .itel-toolrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.itel .itel-toolrow span{padding:8px 14px;border-radius:999px;border:1px solid var(--ln);background:rgba(10,20,23,.6);font-size:13.5px;color:var(--fg2)}
.itel .itel-toolrow span.gold{border-color:rgba(232,200,115,.5);color:var(--gold3);background:rgba(232,200,115,.08)}

/* ---------- Pop-&-Bang-Simulator ---------- */
.itel .itel-popsec{background:radial-gradient(900px 500px at 70% 30%,rgba(239,83,80,.07),transparent 65%),radial-gradient(700px 500px at 20% 70%,rgba(232,200,115,.06),transparent 65%)}
.itel .itel-sim{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:18px;align-items:stretch}
.itel .itel-stage{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--ln2);background:#020405;box-shadow:0 40px 100px -50px rgba(240,145,58,.4)}
.itel .itel-stage{display:flex;flex-direction:column}.itel .itel-stage-cv{position:relative;flex:1;min-height:380px}.itel .itel-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:manipulation}
.itel .itel-stage-bar{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:12px 14px 14px;border-top:1px solid var(--ln);background:rgba(6,11,13,.9)}
.itel .itel-stage-bar .itel-btn{pointer-events:auto}
.itel .itel-ctrl{display:flex;flex-direction:column;gap:12px}
.itel .itel-f{padding:16px 18px;border-radius:18px;background:var(--sf);border:1px solid var(--ln)}
.itel .itel-f-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600;font-size:15px;color:var(--fg)}
.itel .itel-f-h label,.itel .itel-f-h span{color:var(--fg)}
.itel .itel-f-h output,.itel .itel-f-r output{font-family:"Sora",monospace;font-variant-numeric:tabular-nums;color:var(--fg);font-weight:600;font-size:15px}
.itel .itel-f-r{display:flex;align-items:center;gap:14px;margin-top:10px}
.itel .itel-f-r.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.itel .itel-f-r.two label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--fg3)}
.itel .itel-f-r output{min-width:72px;text-align:right}
.itel .itel-f-n{margin-top:8px!important;font-size:13px;color:var(--fg3)!important}
.itel input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;padding:0;background:transparent;border:0;box-shadow:none;cursor:pointer;--p:50%;--c:var(--tq)}
.itel input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--c) var(--p),rgba(255,255,255,.12) var(--p))}
.itel input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--c) var(--p),rgba(255,255,255,.12) var(--p))}
.itel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid var(--c);box-shadow:0 0 0 4px rgba(0,0,0,.35),0 0 18px var(--c)}
.itel input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--c);box-shadow:0 0 18px var(--c)}
.itel input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.itel .itel-char{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;color:var(--cc,var(--c-saftig));background:color-mix(in srgb,var(--cc,#e6cf3f) 14%,transparent)}
.itel .itel-char[data-c=moderat],.itel .itel-scale span[data-c=moderat]{--cc:var(--c-moderat)}.itel .itel-char[data-c=saftig],.itel .itel-scale span[data-c=saftig]{--cc:var(--c-saftig)}
.itel .itel-char[data-c=stark],.itel .itel-scale span[data-c=stark]{--cc:var(--c-stark)}.itel .itel-char[data-c=extrem],.itel .itel-scale span[data-c=extrem]{--cc:var(--c-extrem)}
.itel .itel-scale{display:grid;grid-template-columns:12.5fr 10fr 10.5fr 16.5fr;gap:3px;margin-top:6px;direction:ltr}
.itel .itel-scale span{height:4px;border-radius:3px;background:var(--cc);opacity:.75}
.itel .itel-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.itel .itel-seg button,.itel .itel-seg button:is(:hover,:focus,:active){min-height:44px;padding:8px 6px;border-radius:12px;border:1px solid var(--ln);background:rgba(4,8,10,.5);color:var(--fg2);font:600 13.5px/1.2 "Poppins","Segoe UI",sans-serif;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer}
.itel .itel-seg button.on,.itel .itel-seg button.on:is(:hover,:focus){border-color:var(--gold);color:var(--fg);background:rgba(232,200,115,.12);box-shadow:inset 0 0 0 1px rgba(232,200,115,.5)}
.itel .itel-seg button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.itel .itel-note{margin-top:14px!important;font-size:13px;color:var(--fg3)!important}
.itel .itel-fams{margin-top:28px;padding:24px;border-radius:var(--r);background:var(--sf);border:1px solid var(--ln)}
.itel .itel-fams ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin-top:14px}
.itel .itel-fams li{display:flex;flex-direction:column;padding:10px 0 10px 16px;border-left:2px solid var(--tq);font-size:14px;color:var(--fg2)}
.itel .itel-fams li b{color:var(--fg);font-weight:600;font-size:15px}
.itel .itel-fams li.soon{border-left-color:var(--fg3);opacity:.85}
.itel .itel-stvo{display:flex;gap:12px;align-items:flex-start;margin-top:22px!important;padding:14px 18px;border-radius:16px;border:1px solid rgba(232,173,69,.45);background:rgba(232,173,69,.08);color:#f6dfb0!important;font-size:14px;font-weight:500}
.itel .itel-stvo .itel-ic{color:#e8ad45;margin-top:1px}

/* ---------- Launch Control ---------- */
.itel .itel-lc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.itel .itel-lc-copy h2{margin-bottom:16px}
.itel .itel-lc-copy>p{font-size:17px}
.itel .itel-lc-copy .itel-f{margin-top:24px}
.itel .itel-hold{margin-top:16px;user-select:none;-webkit-user-select:none;touch-action:none}
.itel .itel-hold[aria-pressed=true]{transform:scale(.98);box-shadow:0 0 0 2px var(--gold),0 0 50px -6px rgba(232,200,115,.8)}
.itel .itel-lc-art{position:relative;border-radius:50%;max-width:520px;width:100%;margin:0 auto}
.itel .itel-lc-art canvas{width:100%;height:auto;aspect-ratio:1}
.itel .itel-lc-state{position:absolute;left:0;right:0;bottom:14%;text-align:center;font-family:"Sora",sans-serif;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:14px;color:var(--fg2)!important}

/* ---------- Bilder und Videos (1.1.0: vier gleich große Kacheln 16:9, Desktop 2×2, Handy 1 Spalte; Bildunterschriften gleich hoch) ---------- */
.itel .itel-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;align-items:start}
.itel .itel-media{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.itel .itel-media-f{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid var(--ln2);background:#060b0d;box-shadow:0 30px 80px -40px rgba(69,227,211,.35)}
.itel .itel-media-f::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.itel .itel-media-f>video,.itel .itel-media-f>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.itel .itel-media.fit .itel-media-f{background:#0c1314 radial-gradient(70% 90% at 50% 50%,rgba(69,227,211,.07),transparent 70%)}
.itel .itel-media.fit .itel-media-f>img{object-fit:contain;object-position:center;padding:4.5% 5%}
.itel .itel-media figcaption{font-size:14px;line-height:1.45;color:var(--fg2);min-height:calc(2 * 1.45em);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- Kachel Fahrzeugerkennung (1.1.0): Maßeinheit --u = 1 % der Kachelbreite (elite.js), alles in em skaliert wie ein Video ---------- */
.itel .itel-det{--u:.58px;--gl:rgba(232,200,115,.55);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:0 calc(var(--u) * 3);padding:calc(var(--u) * 3.4) calc(var(--u) * 3.6);font-size:calc(var(--u) * 2.3);line-height:1.3;
  background:radial-gradient(60% 80% at 80% 50%,rgba(69,227,211,.09),transparent 65%),radial-gradient(40% 50% at 10% 100%,rgba(232,200,115,.07),transparent 70%),linear-gradient(160deg,#0a1417,#050a0c 60%,#04080a)}
.itel .itel-det::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(69,227,211,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(69,227,211,.06) 1px,transparent 1px);background-size:calc(var(--u) * 7) calc(var(--u) * 7);-webkit-mask-image:radial-gradient(80% 80% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(80% 80% at 50% 50%,#000 30%,transparent 100%)}
.itel .itel-det-hex{position:absolute;left:0;top:34%;width:52%;height:66%;pointer-events:none;opacity:0;transition:opacity .4s;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent)}
.itel .itel-det-hex.on{opacity:1}
.itel .itel-det-l,.itel .itel-det-r{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0;transition:opacity .45s,transform .45s}
.itel .itel-det-l.out,.itel .itel-det-r.out{opacity:0;transform:translateY(calc(var(--u) * -1.5))}
/* Dateikarte fliegt ein */
.itel .itel-det-file{display:flex;align-items:center;gap:calc(var(--u) * 1.8);padding:calc(var(--u) * 1.6) calc(var(--u) * 2);border-radius:calc(var(--u) * 2);border:1px solid var(--ln2);background:rgba(10,20,23,.78);box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 8) calc(var(--u) * -4) rgba(0,0,0,.8);opacity:0;transform:translate(calc(var(--u) * -8),calc(var(--u) * 3)) rotate(-2deg);transition:opacity .55s,transform .65s cubic-bezier(.18,.9,.22,1.05)}
.itel .itel-det-file.in{opacity:1;transform:none}
.itel .itel-det-fic{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(var(--u) * 5.2);height:calc(var(--u) * 5.2);border-radius:calc(var(--u) * 1.4);background:rgba(69,227,211,.12);border:1px solid var(--ln2);color:var(--tq)}
.itel .itel-det-fic .itel-ic{width:55%;height:55%}
.itel .itel-det-ft{display:flex;flex-direction:column;min-width:0;gap:calc(var(--u) * .5)}
.itel .itel-det-fn{font:600 .92em/1.25 "Sora",ui-monospace,Consolas,monospace;color:var(--fg);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itel .itel-det-fs{display:flex;gap:calc(var(--u) * 1.6);font-size:.82em;color:var(--fg3);white-space:nowrap;overflow:hidden}
.itel .itel-det-fz{color:var(--tq)}
.itel .itel-det-st{overflow:hidden;text-overflow:ellipsis}
/* Fortschritt wie in der IntelliTun-Karte */
.itel .itel-det-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * 1.2);margin-top:calc(var(--u) * 2.2)!important}
.itel .itel-det-steps li{display:flex;flex-direction:column;gap:calc(var(--u) * .9);font-size:.72em;line-height:1.2;color:var(--fg3);min-width:0;transition:color .3s}
.itel .itel-det-steps li span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
.itel .itel-det-steps li i{display:block;height:calc(var(--u) * .7);border-radius:calc(var(--u) * .7);background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.itel .itel-det-steps li i::after{content:"";position:absolute;inset:0;width:var(--p,0%);background:linear-gradient(90deg,var(--tq2),var(--tq));box-shadow:0 0 calc(var(--u) * 1.6) rgba(69,227,211,.7);transition:width .12s linear}
.itel .itel-det-steps li.on{color:var(--fg)}.itel .itel-det-steps li.done{color:var(--fg2)}
.itel .itel-det-steps li.done i::after{width:100%;background:linear-gradient(90deg,var(--tq),var(--gold));box-shadow:0 0 calc(var(--u) * 1.4) rgba(232,200,115,.55)}
/* Ergebniszeilen */
.itel .itel-det-res{display:flex;flex-direction:column;gap:calc(var(--u) * .9);margin-top:calc(var(--u) * 2.2)!important}
.itel .itel-det-res li{display:flex;align-items:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * .9) calc(var(--u) * 1.5);border-radius:calc(var(--u) * 1.3);border:1px solid var(--ln);background:rgba(8,16,19,.7);font-size:.84em;color:var(--fg3);opacity:0;transform:translateX(calc(var(--u) * -2.5));transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.itel .itel-det-res li.in{opacity:1;transform:none}
.itel .itel-det-res li>span{flex:none;min-width:calc(var(--u) * 11)}
.itel .itel-det-res li b{flex:1;min-width:0;font:600 1.04em/1.2 "Sora","Poppins",sans-serif;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itel .itel-det-res li .itel-ic{flex:none;width:calc(var(--u) * 3.1);height:calc(var(--u) * 3.1);padding:calc(var(--u) * .55);border-radius:50%;color:var(--tq);background:rgba(69,227,211,.12);box-shadow:inset 0 0 0 1px rgba(69,227,211,.35);stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s .25s}
.itel .itel-det-res li.in .itel-ic{stroke-dashoffset:0}
.itel .itel-det-res li.gold{border-color:rgba(232,200,115,.45);background:linear-gradient(90deg,rgba(232,200,115,.14),rgba(8,16,19,.7) 70%)}
.itel .itel-det-res li.gold b{color:var(--gold3);white-space:normal;line-height:1.2;font-size:.98em}
.itel .itel-det-res li.gold .itel-ic{color:#1a1405;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35);box-shadow:0 0 calc(var(--u) * 2.4) rgba(232,200,115,.65)}
/* Fahrzeug: großes Bild mit Gold-Rahmen und Licht-Sweep */
.itel .itel-det-r{justify-content:center;align-items:stretch;gap:calc(var(--u) * 1.6)}
.itel .itel-det-carf{position:relative;aspect-ratio:2/1;border-radius:calc(var(--u) * 2.4);overflow:hidden;border:1px solid rgba(232,200,115,.14);background:radial-gradient(70% 60% at 50% 70%,rgba(69,227,211,.12),transparent 70%),rgba(6,12,14,.6);transition:border-color .9s,box-shadow 1.1s}
.itel .itel-det-carf::before{content:"";position:absolute;inset:auto 8% 10%;height:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity 1s .3s}
.itel .itel-det-r.on .itel-det-carf{border-color:var(--gl);box-shadow:0 0 0 1px rgba(232,200,115,.18),0 calc(var(--u) * 5) calc(var(--u) * 14) calc(var(--u) * -6) rgba(232,200,115,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.itel .itel-det-r.on .itel-det-carf::before{opacity:1}
/* Suchlinie im leeren Rahmen, solange noch kein Fahrzeug erkannt ist */
.itel .itel-det-carf::after{content:"";position:absolute;left:6%;right:6%;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(69,227,211,.9),transparent);box-shadow:0 0 calc(var(--u) * 2) rgba(69,227,211,.8);animation:itelDetScan 2.4s ease-in-out infinite;transition:opacity .4s}
@keyframes itelDetScan{0%{top:6%}50%{top:92%}100%{top:6%}}
.itel .itel-det-r.on .itel-det-carf::after{opacity:0;animation:none}
.itel .itel-det-carf img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.08) translateX(calc(var(--u) * 2));filter:drop-shadow(0 calc(var(--u) * 2.4) calc(var(--u) * 3) rgba(0,0,0,.7)) brightness(.6);transition:opacity .9s,transform 1.3s cubic-bezier(.16,.84,.24,1),filter 1.1s}
.itel .itel-det-r.on .itel-det-carf img.on{opacity:1;transform:none;filter:drop-shadow(0 calc(var(--u) * 2.4) calc(var(--u) * 3) rgba(0,0,0,.7)) brightness(1.02)}
.itel .itel-det-sweep{position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 40%,rgba(255,243,207,.18) 48%,rgba(255,255,255,.45) 50%,rgba(232,200,115,.2) 53%,transparent 60%);transform:translateX(-70%);opacity:0;pointer-events:none}
.itel .itel-det-r.sw .itel-det-sweep{animation:itelDetSweep 1.35s cubic-bezier(.3,.6,.2,1) both}
@keyframes itelDetSweep{0%{transform:translateX(-70%);opacity:1}100%{transform:translateX(70%);opacity:1}}
.itel .itel-det-car{display:flex;flex-direction:column;gap:calc(var(--u) * .35);min-width:0}
.itel .itel-det-car>*{opacity:0;transform:translateY(calc(var(--u) * 1.5));transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.itel .itel-det-car>.in{opacity:1;transform:none}
.itel .itel-det-tag{display:inline-flex;align-items:center;gap:calc(var(--u) * 1);align-self:flex-start;padding:calc(var(--u) * .45) calc(var(--u) * 1.3) calc(var(--u) * .45) calc(var(--u) * 1);border-radius:999px;border:1px solid rgba(232,200,115,.5);background:linear-gradient(90deg,rgba(232,200,115,.2),rgba(232,200,115,.04));color:var(--gold3);font-size:.72em;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.itel .itel-det-tag i{width:calc(var(--u) * 1.1);height:calc(var(--u) * 1.1);border-radius:50%;background:var(--gold);box-shadow:0 0 calc(var(--u) * 1.6) var(--gold)}
.itel .itel-det-name{font:700 1.5em/1.1 "Sora","Poppins",sans-serif;letter-spacing:-.02em;color:var(--fg);margin-top:calc(var(--u) * .6)}
.itel .itel-det-gen{font-size:.86em;color:var(--fg2)}
.itel .itel-det-eng{font-size:.86em;color:var(--tq);font-weight:600}
/* ohne JS: Endbild des ersten Fahrzeugs (Server setzt in/on/done) */
.itel:not(.itel-js) .itel-det-hex{display:none}
.itel .itel-vbtn,.itel .itel-vbtn:is(:hover,:focus,:active){position:absolute;right:12px;top:12px;width:42px;height:42px;padding:0;border-radius:50%;border:1px solid var(--ln2);background:rgba(4,8,10,.7);color:var(--fg);cursor:pointer;box-shadow:none;display:flex;align-items:center;justify-content:center}
.itel .itel-vbtn::before{content:"";width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.itel .itel-vbtn[aria-pressed=true]::before{width:0;height:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0;margin-left:4px}

/* ---------- Tageskontingent ---------- */
.itel .itel-quota{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.itel .itel-q-art{position:relative;max-width:380px;width:100%;margin:0 auto}
.itel .itel-ring{width:100%;height:auto;overflow:visible}
.itel .itel-ring .bgc{fill:none;stroke:rgba(255,255,255,.05);stroke-width:18}
.itel .itel-ring .seg{fill:none;stroke:var(--gold);stroke-width:16;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(232,200,115,.7));transition:stroke .4s,opacity .4s,filter .4s}
.itel .itel-ring .seg.used{stroke:rgba(255,255,255,.14);filter:none}
.itel .itel-ring .seg.bump{animation:itelBump .6s}
@keyframes itelBump{40%{stroke-width:22}}
.itel .itel-q-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24%}
.itel .itel-q-c b{font-family:"Sora",sans-serif;font-size:clamp(64px,9vw,104px);font-weight:800;line-height:1;letter-spacing:-.04em}
.itel .itel-q-c span{font-size:13.5px;color:var(--fg2);margin-top:6px}
.itel .itel-q-copy h2{margin-bottom:14px}
.itel .itel-q-status{margin-top:18px!important;font-weight:600;font-size:17px;color:var(--fg)!important}
.itel .itel-q-status.full{color:#ffb4a8!important}
.itel .itel-q-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.itel .itel-q-log{margin-top:14px!important;display:flex;flex-direction:column;gap:6px;min-height:20px}
.itel .itel-q-log li{font-size:13.5px;color:var(--fg2);padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--ln);animation:itelIn .35s}
.itel .itel-q-log li.c{border-color:rgba(232,200,115,.35)}.itel .itel-q-log li.x{border-color:rgba(239,83,80,.45)}
@keyframes itelIn{from{opacity:0;transform:translateY(-6px)}}
.itel .itel-q-reset{display:flex;align-items:center;gap:8px;margin-top:14px!important;font-size:14px}
.itel .itel-q-reset b{font-family:"Sora",monospace;font-variant-numeric:tabular-nums;color:var(--fg)}

/* ---------- Schritte ---------- */
.itel .itel-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.itel .itel-step{position:relative;padding:26px 22px;border-radius:var(--r);background:var(--sf);border:1px solid var(--ln)}
.itel .itel-step .n{position:absolute;top:18px;right:20px;font-family:"Sora",sans-serif;font-weight:800;font-size:40px;line-height:1;color:rgba(232,200,115,.18)}
.itel .itel-step h3{margin-top:16px}.itel .itel-step p{margin-top:8px;font-size:14.5px}
.itel .itel-step:not(:last-child)::after{content:"";position:absolute;top:48px;right:-12px;width:8px;height:8px;border-top:2px solid var(--tq);border-right:2px solid var(--tq);transform:rotate(45deg);opacity:.6}

/* ---------- Vergleich ---------- */
.itel .itel-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.itel .itel-plan{display:flex;flex-direction:column;padding:24px 20px 20px;border-radius:var(--r);background:var(--sf);border:1px solid var(--ln);position:relative}
.itel .itel-plan.is-elite{background:radial-gradient(500px 220px at 50% 0%,rgba(232,200,115,.2),transparent 70%),linear-gradient(180deg,rgba(26,22,10,.8),rgba(14,24,28,.9));border:1px solid rgba(232,200,115,.6);box-shadow:0 0 0 1px rgba(232,200,115,.15),0 40px 90px -40px rgba(232,200,115,.55);transform:translateY(-8px)}
.itel .itel-plan-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-height:44px}
.itel .itel-plan-h h3{font-size:17px}
.itel .itel-plan-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:14px}
.itel .itel-plan-p b{font-family:"Sora",sans-serif;font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--fg)}
.itel .itel-plan-p s{color:var(--fg3);font-size:14px;text-decoration-color:rgba(239,83,80,.8)}
.itel .itel-plan-p .per{font-size:13px;color:var(--fg3)}
.itel .itel-plan-y{font-size:13px;color:var(--fg3);margin-top:2px;min-height:20px}
.itel .itel-plan ul{margin:16px 0 18px;flex:1}
.itel .itel-plan li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--ln);font-size:13.5px;color:var(--fg2)}
.itel .itel-plan li b{color:var(--fg);font-weight:600;text-align:right}
.itel .itel-plan li b.no{color:var(--fg3);font-weight:400}
.itel .itel-plan li b.ok .itel-ic{width:18px;height:18px;color:var(--tq)}
.itel .itel-plan li b.gold{color:var(--gold3)}
.itel .itel-plan.is-elite li.pop{color:var(--gold3)}
.itel .itel-plan .itel-btn{width:100%}

/* ---------- FAQ ---------- */
.itel .itel-faq{display:flex;flex-direction:column;gap:10px}
.itel .itel-faq details{border-radius:18px;background:var(--sf);border:1px solid var(--ln);overflow:hidden}
.itel .itel-faq details[open]{border-color:var(--ln2)}
.itel .itel-faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;font-weight:600;color:var(--fg);position:relative;font-size:16px}
.itel .itel-faq summary::-webkit-details-marker{display:none}
.itel .itel-faq summary::after{content:"";position:absolute;right:24px;top:50%;width:10px;height:10px;border-right:2px solid var(--tq);border-bottom:2px solid var(--tq);transform:translateY(-70%) rotate(45deg);transition:transform .25s}
.itel .itel-faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.itel .itel-faq details p{padding:0 22px 20px;font-size:15px}

/* ---------- Abschluss ---------- */
.itel .itel-final{padding:90px 0 110px}
.itel .itel-final-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;align-items:center;padding:48px;border-radius:30px;background:radial-gradient(700px 300px at 85% 50%,rgba(69,227,211,.14),transparent 70%),radial-gradient(600px 300px at 0% 0%,rgba(232,200,115,.14),transparent 70%),linear-gradient(160deg,#0c1518,#071013);border:1px solid rgba(232,200,115,.4);box-shadow:0 50px 120px -60px rgba(232,200,115,.5)}
.itel .itel-final-copy>p{margin-top:14px;font-size:17px}
.itel .itel-final-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:20px}
.itel .itel-final-price b{font-family:"Sora",sans-serif;font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-.04em;line-height:1}
.itel .itel-final-price .per{color:var(--fg2)}
.itel .itel-final-art{max-width:300px;width:100%;margin:0 auto}

/* ---------- Feste Leiste (nur Handy) ---------- */
.itel .itel-sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:9990;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:18px;background:rgba(8,14,16,.92);border:1px solid rgba(232,200,115,.45);box-shadow:0 20px 50px -10px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translateY(130%);transition:transform .35s;color:var(--fg)}
.itel .itel-sticky div{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.itel .itel-sticky>div b{font-size:14px}.itel .itel-sticky>div span{font-size:12.5px;color:var(--fg2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.itel .itel-sticky.on{transform:none}

/* ---------- Launch aus: Launch-Elemente ausblenden ---------- */
.itel[data-launch="0"] .itel-l{display:none!important}
.itel[data-launch="1"] .itel-nl{display:none!important}

/* ---------- Einblenden beim Scrollen (nur mit JS,nie bei reduzierter Bewegung) ---------- */
.itel.itel-js .itel-rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.itel.itel-js .itel-rv.in{opacity:1;transform:none}

/* ---------- Edle Details (1.0.0,Zusatzwunsch): Partikel-Atom,Rauschtextur,Glas-Reflex,Kapitel-Leiste,Parallaxe ---------- */
.itel .itel-atom-cv{position:absolute;inset:-8%;width:116%;height:116%;z-index:0;pointer-events:none}
.itel .itel-hero-art.cv-on .itel-atom{opacity:0}
.itel .itel-hero-art .itel-chip{z-index:1}
.itel .itel-hero-art{transform:translate3d(0,calc(var(--sy,0) * .12px),0)}
.itel .itel-grid-bg{translate:0 calc(var(--sy,0) * -.06px)}
/* feine Rauschtextur über der ganzen Seite (statisch,eine kleine SVG-Kachel) */
.itel::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:var(--noise,.05);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
/* Glas-Karten: Lichtreflex an der Mausposition (--mx/--my aus elite.js),oben eine feine Lichtkante */
.itel .itel-glass{position:relative;isolation:isolate}@media (min-width:900px) and (hover:hover){.itel .itel-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.itel .itel-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.09),rgba(69,227,211,.05) 35%,transparent 60%)}
.itel .itel-glass:hover::before{opacity:1}
.itel .itel-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.18),rgba(255,255,255,0) 30%,rgba(69,227,211,0) 70%,rgba(69,227,211,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* gestaffeltes Einblenden */
.itel.itel-js .itel-rv{transition-delay:var(--d,0ms)}
/* Kapitelnummern in den Abschnittsköpfen */
.itel .itel-no{display:inline-block;margin-right:12px;padding-right:12px;border-right:1px solid currentColor;opacity:.75;font-variant-numeric:tabular-nums}
/* Übergänge zwischen den Abschnitten: feine Lichtlinie */
.itel .itel-sec::before{content:"";position:absolute;top:0;left:50%;width:min(720px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(69,227,211,.35),rgba(232,200,115,.35),transparent)}
#itel-incl.itel-sec::before{display:none}
/* Kapitel-Leiste (Desktop): Punkte rechts,aktiver Abschnitt hervorgehoben */
.itel .itel-rail{position:fixed;right:18px;top:50%;z-index:60;display:flex;flex-direction:column;gap:6px;transform:translate(30px,-50%);opacity:0;pointer-events:none;transition:opacity .4s,transform .4s}
.itel .itel-rail.on{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.itel .itel-rail a{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:10px;height:24px;color:var(--fg2);font-size:12.5px}
.itel .itel-rail a i{width:8px;height:8px;border-radius:50%;border:1px solid rgba(238,246,246,.45);transition:all .3s;flex:none}
.itel .itel-rail a span{opacity:0;transform:translateX(6px);transition:all .25s;padding:3px 10px;border-radius:8px;background:rgba(6,12,14,.9);border:1px solid var(--ln);white-space:nowrap}
.itel .itel-rail a:hover span,.itel .itel-rail a:focus-visible span{opacity:1;transform:none}
.itel .itel-rail a.on i{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px var(--gold);height:22px;border-radius:6px}
@media (max-width:1180px){.itel .itel-rail{display:none}}
@media (prefers-reduced-motion:reduce){.itel .itel-hero-art,.itel .itel-grid-bg{transform:none;translate:none}}

/* ---------- Breiten ---------- */
@media (max-width:1100px){.itel .itel-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.itel .itel-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.itel .itel-step:nth-child(2)::after{display:none}.itel .itel-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.itel .itel-plan.is-elite{transform:none}.itel .itel-stats-in{grid-template-columns:repeat(2,minmax(0,1fr))}.itel .itel-sim{grid-template-columns:1fr}}
@media (max-width:900px){
  .itel .itel-hero{min-height:0;padding:28px 0 56px}
  .itel .itel-hero-in{grid-template-columns:1fr;gap:10px}
  .itel .itel-hero-art{max-width:300px;order:-1;margin-top:-6px}.itel .itel-chip.c3,.itel .itel-chip.c4{display:none}.itel .itel-chip.c5{top:auto;bottom:4%;right:auto;left:50%;translate:-50% 0}
  .itel .itel-chip{font-size:12px;padding:7px 11px}.itel .itel-chip.c1{left:0}.itel .itel-chip.c2{right:0}.itel .itel-chip.c3{left:0}.itel .itel-chip.c5{right:0}
  .itel .itel-lc,.itel .itel-quota{grid-template-columns:1fr;gap:28px}
  .itel .itel-lc-art{max-width:340px}.itel .itel-lc-copy{display:contents}.itel .itel-lc .itel-head{order:1;margin-bottom:0}.itel .itel-lc-art{order:2}.itel .itel-lc-copy>.itel-f{order:3;margin-top:0}.itel .itel-lc-copy>.itel-hold{order:4;margin-top:0}.itel .itel-lc-copy>.itel-f-n{order:5}.itel .itel-lc-copy>.itel-stvo{order:6;margin-top:0!important}.itel .itel-q-art{max-width:240px}
  .itel .itel-gallery{grid-template-columns:1fr;gap:22px}.itel .itel-media figcaption{min-height:0}
  .itel .itel-final-card{grid-template-columns:1fr;padding:30px 22px}.itel .itel-final-art{max-width:180px;order:-1}
  .itel .itel-sticky{display:flex}
  .itel .itel-sec{padding:70px 0 26px}
  /* 1.2.4: WhatsApp rückt auf dem Handy über die Kaufleiste */
  html.itel-sticky-up body.itel-page #it-wa-support{bottom:calc(16px + var(--itel-sb,0px))!important}
}
/* 1.2.6 (Jan 30.10.2026): WhatsApp auf der Elite-Seite in jeder Breite nur als Symbol im Kreis */
body.itel-page #it-wa-support{left:auto!important;transition:bottom .35s}
html body.itel-page #it-wa-support button.wa-button .it-wa-label{display:none!important}
html body.itel-page #it-wa-support button.wa-button{width:56px!important;height:56px!important;min-width:0!important;padding:0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;gap:0!important}
html body.itel-page #it-wa-support button.wa-button svg{width:28px!important;height:28px!important;margin:0!important}
@media (max-width:640px){
  .itel .itel-wrap{padding:0 16px}
  .itel .itel-tiles,.itel .itel-steps,.itel .itel-plans,.itel .itel-fams ul{grid-template-columns:1fr}
  .itel .itel-step::after{display:none}
  .itel .itel-stats-in{gap:10px}.itel .itel-stat{padding:16px}
  .itel .itel-pricebox{padding:18px 16px}
  .itel .itel-cd-b span{min-width:0;flex:1}.itel .itel-cd-b{width:100%}
  .itel .itel-ctas .itel-btn{width:100%}.itel .itel-more{width:100%;text-align:center}
  .itel .itel-stage-cv{min-height:300px}
  .itel .itel-stage-bar{padding:10px}
  .itel .itel-stage-bar .itel-btn{min-height:44px;padding:9px 14px;font-size:14px}
  .itel .itel-f-r.two{grid-template-columns:1fr}
  .itel .itel-jump .itel-wrap{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.itel .itel-jump .itel-wrap::-webkit-scrollbar{display:none}
  .itel .itel-jump a{white-space:nowrap}
  .itel .itel-q-btns .itel-btn{flex:1 1 auto}
  .itel .itel-final{padding:60px 0 100px}
}
@media (prefers-reduced-motion:reduce){
  .itel *,.itel *::before,.itel *::after{animation:none!important;transition:none!important}
  .itel.itel-js .itel-rv{opacity:1;transform:none}
}
@media print{.itel .itel-sticky,.itel .itel-hero-cv,.itel .itel-stage-bar{display:none}}

/* ---------- 1.2.0: Mapswitch Tool (bald, exklusiv für Elite) – Kachel in 01, Abschnitt 05 mit Premium-Animation (elite.js msw), Vergleichszeile in 08 ---------- */
@property --itel-a{syntax:'<angle>';inherits:false;initial-value:0deg}
/* Kachel „Mapswitch Tool · bald, exklusiv“: schließt das Raster als breite Goldkachel ab (Symbol links, Text rechts) */
.itel .itel-tile-t{min-width:0}
.itel .itel-tile.is-msw{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 22px;align-items:start;padding-right:150px}
.itel .itel-tile.is-msw .itel-tile-ic{width:56px;height:56px;border-radius:16px}
.itel .itel-tile.is-msw h3{margin-top:4px}.itel .itel-tile.is-msw p{max-width:72ch}
.itel .itel-tile.is-msw .itel-tag{background:linear-gradient(135deg,rgba(255,243,207,.95),rgba(232,200,115,.9) 50%,rgba(199,154,53,.95))}
.itel .itel-tile-more{display:inline-block;margin-top:10px;font-size:14px;color:var(--gold)}
.itel .itel-toolrow span.soon{opacity:.85}
/* Abschnitt: Text links, Glas-Karte mit Animation rechts */
.itel .itel-mswsec{background:radial-gradient(900px 500px at 80% 20%,rgba(232,200,115,.08),transparent 65%),radial-gradient(700px 500px at 10% 80%,rgba(69,227,211,.07),transparent 65%)}
.itel .itel-mswg{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:44px;align-items:start}
.itel .itel-msw-copy .itel-head{margin-bottom:26px}
.itel .itel-msw-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.itel .itel-msw-list li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:18px;background:var(--sf);border:1px solid var(--ln)}
.itel .itel-msw-list li .itel-tile-ic{width:40px;height:40px;border-radius:12px;background:rgba(232,200,115,.1);border-color:rgba(232,200,115,.4);color:var(--gold)}
.itel .itel-msw-list li .itel-tile-ic .itel-ic{width:20px;height:20px}
.itel .itel-msw-list li div{display:flex;flex-direction:column;gap:4px;min-width:0}
.itel .itel-msw-list li b{font-family:"Sora","Poppins",sans-serif;font-weight:600;font-size:15px;color:var(--fg);letter-spacing:-.01em}
.itel .itel-msw-list li span{font-size:13.5px;color:var(--fg2);line-height:1.45}
.itel .itel-msw-fam{margin-top:16px;padding:20px 22px;border-radius:var(--r);background:var(--sf);border:1px solid var(--ln)}
.itel .itel-msw-fam h3{font-size:16px}.itel .itel-msw-fam>p{margin-top:8px;font-size:14.5px}
.itel .itel-msw-excl{display:flex;gap:10px;align-items:flex-start;margin-top:14px!important;padding:12px 14px;border-radius:14px;border:1px solid rgba(232,200,115,.5);background:linear-gradient(90deg,rgba(232,200,115,.16),rgba(232,200,115,.03));color:var(--gold3)!important;font-weight:600;font-size:14.5px!important;line-height:1.45}
.itel .itel-msw-excl .itel-ic{color:var(--gold);flex:none;margin-top:2px}
.itel .itel-msw-copy .itel-ctas{margin-top:22px}
.itel .itel-msw-copy .itel-stvo{margin-top:18px!important}
/* Glas-Karte mit umlaufendem Gold-Rahmenlicht (wie das Premium-Popup) */
.itel .itel-msw-art{min-width:0}
.itel .itel-msw-card{position:relative;border-radius:26px;padding:1.5px;background:linear-gradient(160deg,rgba(14,24,28,.9),rgba(8,14,16,.95));box-shadow:0 50px 120px -50px rgba(232,200,115,.5),0 30px 80px -40px rgba(69,227,211,.35);isolation:isolate}
.itel .itel-msw-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;z-index:3;pointer-events:none;animation:itelMswSpin 6.5s linear infinite;
  background:conic-gradient(from var(--itel-a),rgba(232,200,115,.18) 0deg 190deg,rgba(255,243,207,.95) 240deg,#e8c873 262deg,rgba(69,227,211,.75) 292deg,rgba(232,200,115,.18) 330deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@keyframes itelMswSpin{to{--itel-a:360deg}}
.itel .itel-msw{position:relative;display:block;width:100%;overflow:hidden;border-radius:25px 25px 0 0;background:#070c0e;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}
.itel .itel-msw:focus-visible{box-shadow:inset 0 0 0 2px var(--gold)}
.itel .itel-msw::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.itel .itel-msw-cv{display:block;width:100%;height:auto}
/* ohne JS: stiller CSS-Stapel (vier Ebenen, Map 3 aktiv) */
.itel .itel-msw-fb{position:relative;aspect-ratio:420/250;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 60%,rgba(69,227,211,.16),transparent 55%),#070c0e}
.itel .itel-msw-fb i{position:absolute;left:18%;width:38%;height:14%;border:1px solid rgba(69,227,211,.55);background:rgba(69,227,211,.1);transform:skewX(-34deg);border-radius:4px}
.itel .itel-msw-fb i:nth-child(1){top:66%}.itel .itel-msw-fb i:nth-child(2){top:54%}.itel .itel-msw-fb i:nth-child(3){top:42%}.itel .itel-msw-fb i:nth-child(4){top:30%}
.itel .itel-msw-fb i.on{border-color:var(--gold3);background:rgba(232,200,115,.22);box-shadow:0 0 18px rgba(232,200,115,.35);transform:skewX(-34deg) translate(6%,8%)}
.itel .itel-msw-fb b{position:absolute;right:10%;top:45%;font:700 14px "Sora","Segoe UI",system-ui,sans-serif;color:var(--gold3);letter-spacing:.08em}
.itel .itel-msw[data-on] .itel-msw-fb{display:none}
/* Leiste unter der Grafik: Status (aria-live), Map-Wahl 1–4, Hinweis */
.itel .itel-msw-bar{position:relative;z-index:1;padding:14px 16px 16px;border-radius:0 0 25px 25px;background:rgba(6,11,13,.92);border-top:1px solid var(--ln)}
.itel .itel-msw-state{font-family:"Sora","Poppins",sans-serif;font-weight:600;font-size:15px;color:var(--gold3)!important;letter-spacing:-.01em;min-height:1.5em}
.itel .itel-msw-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}
.itel .itel-msw-seg button,.itel .itel-msw-seg button:is(:hover,:focus,:active){display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:52px;padding:8px 10px;border-radius:12px;border:1px solid var(--ln);background:rgba(4,8,10,.5);color:var(--fg2);font:500 12px/1.2 "Poppins","Segoe UI",sans-serif;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none;cursor:pointer;min-width:0;transition:border-color .2s,background .2s}
.itel .itel-msw-seg button i{font:700 12px/1 "Sora",sans-serif;font-style:normal;color:var(--tq);padding:3px 7px;border-radius:7px;background:rgba(69,227,211,.12)}
.itel .itel-msw-seg button span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.itel .itel-msw-seg button:hover{border-color:var(--ln2)}
.itel .itel-msw-seg button.on,.itel .itel-msw-seg button.on:is(:hover,:focus){border-color:var(--gold);color:var(--fg);background:rgba(232,200,115,.12);box-shadow:inset 0 0 0 1px rgba(232,200,115,.5)}
.itel .itel-msw-seg button.on i{color:#1a1405;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35)}
.itel .itel-msw-seg button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.itel .itel-msw-bar .itel-f-n{margin-top:10px!important}
/* Vergleich: Zeile „Mapswitch Tool (bald)“ wie die Pop-Zeile */
.itel .itel-plan.is-elite li.msw{color:var(--gold3)}
/* 1.2.3: Mapswitch-Chip am Atom – Gold, pulsierender Rand, klickbar */
.itel .itel-chip.c6{top:40%;left:-9%;animation-delay:-.8s}
.itel .itel-lc-snd{margin-top:16px;margin-left:8px}
@media (max-width:900px){.itel .itel-lc-copy>.itel-lc-snd{order:4;margin:0}}
.itel .itel-chip.msw{box-shadow:0 0 0 0 rgba(232,200,115,.45),0 10px 30px -14px rgba(0,0,0,.8);animation:itelFloat 6s ease-in-out infinite,itelMswPulse 2.6s ease-out infinite}
.itel .itel-chip.msw:hover{border-color:var(--gold3);background:rgba(232,200,115,.14)}
@keyframes itelMswPulse{0%{box-shadow:0 0 0 0 rgba(232,200,115,.5),0 10px 30px -14px rgba(0,0,0,.8)}70%{box-shadow:0 0 0 12px rgba(232,200,115,0),0 10px 30px -14px rgba(0,0,0,.8)}100%{box-shadow:0 0 0 0 rgba(232,200,115,0),0 10px 30px -14px rgba(0,0,0,.8)}}
@media (max-width:900px){.itel .itel-chip.c6{top:42%;left:0}}
@media (prefers-reduced-motion:reduce){.itel .itel-chip.msw{animation:none}}
/* 1.2.1: „nur im Elite“ bei Start/Pro/Business – gedämpft, kleiner, Gold-Hauch statt Strich */
.itel .itel-plan li b.only{font-size:12px;font-weight:600;letter-spacing:.02em;color:rgba(232,200,115,.72)!important;text-align:right}
@media (max-width:1100px){.itel .itel-tile.is-msw{padding-right:26px}.itel .itel-tile.is-msw .itel-tag{position:static;justify-self:start;grid-column:2;margin-bottom:8px}}
@media (max-width:900px){
  .itel .itel-mswg{grid-template-columns:1fr;gap:26px}
  .itel .itel-msw-copy{display:contents}.itel .itel-msw-copy .itel-head{order:1;margin-bottom:0}.itel .itel-msw-art{order:2}.itel .itel-msw-list{order:3}.itel .itel-msw-fam{order:4;margin-top:0}.itel .itel-msw-copy .itel-ctas{order:5;margin-top:0}.itel .itel-msw-copy .itel-stvo{order:6;margin-top:0!important}
  .itel .itel-msw-list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .itel .itel-tile.is-msw{grid-template-columns:1fr;gap:12px;padding:22px}.itel .itel-tile.is-msw .itel-tag{grid-column:1}
  .itel .itel-msw-seg{grid-template-columns:repeat(2,minmax(0,1fr))}.itel .itel-msw-seg button{min-height:48px}
  .itel .itel-msw-card,.itel .itel-msw{border-radius:20px}.itel .itel-msw{border-radius:19px 19px 0 0}.itel .itel-msw-bar{border-radius:0 0 19px 19px;padding:12px 12px 14px}
}
@media (prefers-reduced-motion:reduce){.itel .itel-msw-card::before{animation:none;background:conic-gradient(from 220deg,rgba(232,200,115,.25),rgba(255,243,207,.8) 40deg,rgba(69,227,211,.6) 90deg,rgba(232,200,115,.25) 150deg)}.itel .itel-msw-fb i.on{box-shadow:none}}

/* 1.2.9: Handy - schwebende Texte an die Ecken, Atom-Mitte mit ELITE bleibt frei (Jan 30.10.2026) */
@media (max-width:900px){.itel .itel-hero-art .itel-chip.c1{top:1%;left:0;right:auto;bottom:auto;translate:none}.itel .itel-hero-art .itel-chip.c2{top:13%;right:0;left:auto;bottom:auto;translate:none}.itel .itel-hero-art .itel-chip.c6{top:auto;bottom:14%;left:0;right:auto;translate:none}.itel .itel-hero-art .itel-chip.c5{top:auto;bottom:1%;right:0;left:auto;translate:none}}

/* 1.2.12: Konfigurator inklusive – Wertzeile, Kapitel 06, Rechenkarte */
.itel .itel-konfv{margin:14px 0 0;font-weight:600;color:var(--itel-gold,#e9c46a)}
.itel .itel-konfv a{color:inherit;text-decoration:none;display:inline-flex;gap:8px;align-items:flex-start}
.itel .itel-konfv a:hover{text-decoration:underline}
.itel .itel-konfv .itel-ic{width:18px;height:18px;flex:none;margin-top:2px}
.itel .itel-konf-art{display:flex;align-items:center}
.itel .itel-konf-calc{padding:28px;border-radius:20px;width:100%;border:1px solid rgba(233,196,106,.45)}
.itel .itel-konf-calc h3{margin:0 0 16px}
.itel .itel-konf-calc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.itel .itel-konf-calc li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04)}
.itel .itel-konf-calc li b{font-variant-numeric:tabular-nums}
.itel .itel-konf-calc li.el{background:rgba(233,196,106,.14);border:1px solid rgba(233,196,106,.5)}
.itel .itel-konf-calc li.el b{color:var(--itel-gold,#e9c46a)}
.itel .itel-konf-save{margin:16px 0 0;font-size:1.25em;font-weight:700;color:var(--itel-gold,#e9c46a);display:flex;gap:10px;align-items:center}
.itel .itel-konf-save .itel-ic{width:22px;height:22px}

/* 1.2.13: Konfigurator-Chip am Atom – Desktop unten Mitte, Handy links über der Mitte (Ecken sind belegt) */
.itel .itel-hero-art .itel-chip.c7{bottom:-3%;left:24%;animation-delay:-3.6s;text-decoration:none;pointer-events:auto}
.itel .itel-hero-art .itel-chip.c7:hover{border-color:var(--gold3);background:rgba(232,200,115,.14)}
@media (max-width:900px){.itel .itel-hero-art .itel-chip.c7{top:26%;bottom:auto;left:0;right:auto;translate:none}}

/* 1.2.14: Inhalt fluchtet mit Logo und Menue des Website-Kopfs (Kopf-Container 1440 px, 42 px Innenabstand; Jan: Seite wirkte versetzt). FAQ bleibt schmal. */
@media (min-width:901px){.itel .itel-wrap{max-width:1440px;padding:0 42px}.itel .itel-wrap.itel-narrow{max-width:900px}}

/* 1.2.15: Hover für alle Atom-Chips (Jan: jedes Kästchen soll beim Überfahren leuchten, nicht nur die goldenen).
   Anheben über die eigene translate-Eigenschaft (das Schweben läuft über transform weiter), Rand + Glow in Chipfarbe,
   Icon pulsiert/dreht kurz, ein Lichtstreifen zieht einmal über den Chip. */
.itel .itel-hero-art .itel-chip{overflow:hidden;transition:translate .55s cubic-bezier(.22,1,.36,1),border-color .35s,background-color .35s,box-shadow .45s,color .35s;cursor:default}
.itel .itel-hero-art a.itel-chip{cursor:pointer}
.itel .itel-hero-art .itel-chip::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.28) 45%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.28) 55%,transparent);transform:skewX(-18deg);opacity:0}
.itel .itel-hero-art .itel-chip:hover{translate:0 -3px;border-color:rgba(69,227,211,.85);background-color:rgba(69,227,211,.12);color:#fff;box-shadow:0 0 0 1px rgba(69,227,211,.35),0 0 22px -2px rgba(69,227,211,.55),0 14px 32px -14px rgba(0,0,0,.85)}
.itel .itel-hero-art .itel-chip.gold:hover{border-color:var(--gold3);background-color:rgba(232,200,115,.14);box-shadow:0 0 0 1px rgba(232,200,115,.4),0 0 24px -2px rgba(232,200,115,.6),0 14px 32px -14px rgba(0,0,0,.85)}
.itel .itel-hero-art .itel-chip:hover::after{animation:itelChipShine .9s cubic-bezier(.22,1,.36,1) 1}
.itel .itel-hero-art .itel-chip:hover .itel-ic{animation:itelChipIc .8s cubic-bezier(.22,1,.36,1) 1}
@keyframes itelChipShine{0%{left:-60%;opacity:0}15%{opacity:1}100%{left:120%;opacity:0}}
@keyframes itelChipIc{0%{transform:none}40%{transform:rotate(-14deg) scale(1.22)}70%{transform:rotate(8deg) scale(1.08)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.itel .itel-hero-art .itel-chip:hover{translate:none}.itel .itel-hero-art .itel-chip:hover::after,.itel .itel-hero-art .itel-chip:hover .itel-ic{animation:none}}
/* 1.2.16: Fokus-Schutz – der Website-Kopf setzt seitenweit a:focus{background:transparent!important}; beim Klick verschwand
   dadurch der Goldverlauf und die dunkle Schrift stand auf dunklem Grund (Jan). */
.itel a.itel-btn.gold:focus,.itel a.itel-btn.gold:focus-visible,.itel a.itel-btn.gold:active{background:linear-gradient(135deg,#fff3cf 0%,#e8c873 38%,#c79a35 100%)!important;color:#1a1405!important}
/* 1.2.19: Website-Bau optional (Jan 30.10.2026) – ruhiger türkiser Block unter Kapitel 06, bewusst ohne Gold (Gold bleibt Elite-Leistungen) */
.itel .itel-web{margin-top:44px;padding:26px 28px;border-radius:20px;border:1px solid var(--ln2);background:var(--sf);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:20px 32px;align-items:center}
.itel .itel-web-h .itel-k{margin:0 0 8px!important}
.itel .itel-web-h h3{font-size:clamp(20px,2vw,26px);margin:0 0 10px}
.itel .itel-web-h p:not(.itel-k){margin:0;color:var(--fg2);font-size:15px}
.itel .itel-web-o{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.itel .itel-web-o li{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--ln)}
.itel .itel-web-o li.hl{border-color:var(--ln2);background:rgba(69,227,211,.07)}
.itel .itel-web-o li b{display:block;font-size:15px;line-height:1.3;margin-bottom:4px}
.itel .itel-web-o li span{display:block;font-size:13px;line-height:1.45;color:var(--fg3)}
.itel .itel-web-o li strong{font-family:"Sora","Poppins",sans-serif;font-size:24px;font-weight:700;color:var(--tq);font-variant-numeric:tabular-nums;white-space:nowrap}
.itel .itel-web-f{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-top:4px}
.itel .itel-web-f p{margin:0;font-size:13px;color:var(--fg3)}
@media (max-width:900px){.itel .itel-web{grid-template-columns:1fr;padding:20px;margin-top:32px}.itel .itel-web-o{grid-template-columns:1fr}.itel .itel-web-o li{flex-direction:row;align-items:center}.itel .itel-web-o li strong{font-size:20px}}