/* IntelliTuning Konfigurator-Lizenz – Verkaufsseite /konfigurator-lizenz/ (dunkel mit Gold; seit 1.1.0 hell per light.css, wenn der Website-Schalter html[data-it-theme=light] setzt; eigene Präfixe itkl-, keine Abhängigkeit von Theme-CSS) */
body.itkl-page{overflow-x:clip}
body.itkl-page .page-header,body.itkl-page .entry-title,body.itkl-page .page-header .entry-title{display:none}
.itkl{--bg:#04070a;--sf:rgba(14,24,28,.72);--ln:rgba(120,232,222,.14);--ln2:rgba(120,232,222,.28);--fg:#eef6f6;--fg2:#adbec1;--fg3:#82969a;
  --tq:#45e3d3;--gold:#e8c873;--gold2:#b98f2c;--gold3:#fff3cf;--r:22px;--vw:var(--itkl-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}
.itkl *,.itkl *::before,.itkl *::after{box-sizing:border-box}
.itkl.itkl :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}
.itkl.itkl :where(h3){font-size:18px;font-weight:600}
.itkl.itkl :where(p){margin:0;color:var(--fg2)}
.itkl.itkl :where(ul,ol){margin:0;padding:0;list-style:none}
.itkl.itkl :where(a){color:var(--tq);text-decoration:none}
.itkl img,.itkl canvas,.itkl svg{display:block;max-width:100%}
.itkl :focus{outline:none}
.itkl :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px}
/* 1.0.5: bündig mit Logo und Menü des Website-Kopfs (Container 1440 px, Innenabstand 42 px, Handy 20 px) – Jan: „Seite wirkt versetzt“ */
.itkl .itkl-wrap{max-width:1440px;margin:0 auto;padding:0 42px;position:relative;z-index:1}
.itkl .itkl-wrap.narrow{max-width:900px}
.itkl .center{text-align:center;justify-content:center}
.itkl .itkl-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.itkl .itkl-goldtx{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:itklShine 7s linear infinite;filter:drop-shadow(0 0 24px rgba(232,200,115,.25))}
@keyframes itklShine{to{background-position:-220% 0}}
.itkl .itkl-glass{background:linear-gradient(160deg,rgba(20,34,38,.78),rgba(10,18,21,.72));border:1px solid var(--ln);border-radius:var(--r);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* ---------- Knöpfe (Theme-Stile neutralisiert, auch :hover/:focus des Themes) ---------- */
.itkl .itkl-btn,.itkl .itkl-btn:is(:hover,:focus,:active,:visited){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;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;white-space:nowrap}
.itkl .itkl-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)}
.itkl .itkl-btn.gold,.itkl .itkl-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)}
.itkl .itkl-btn.gold:hover{box-shadow:0 14px 44px -10px rgba(232,200,115,.75),0 0 0 1px rgba(255,240,200,.9)}
/* 1.0.6: Der Website-Kopf setzt a:focus{background:transparent!important} – beim Klick verschwand der Goldverlauf, Schrift wurde unlesbar */
.itkl.itkl .itkl-btn.gold:is(:focus,:focus-visible,:active),body .itkl .itkl-btn.gold:is(:focus,:focus-visible,:active){background:linear-gradient(135deg,#fff3cf 0%,#e8c873 38%,#c79a35 100%)!important;color:#1a1405!important;box-shadow:0 10px 34px -10px rgba(232,200,115,.55),inset 0 1px 0 rgba(255,255,255,.6)!important}
.itkl.itkl .itkl-btn:not(.gold):is(:focus,:focus-visible,:active){background:rgba(10,20,23,.55)!important;color:var(--fg)!important}
.itkl .itkl-btn.sm{min-height:42px;padding:9px 16px;font-size:14px}
.itkl .itkl-btn.wide{width:100%}
.itkl .itkl-btn .itkl-ic{width:18px;height:18px}

/* ---------- Kopf ---------- */
.itkl .itkl-hero{position:relative;padding:56px 0 70px;min-height:min(90vh,860px);display:flex;align-items:center;background:radial-gradient(1100px 600px at 80% 45%,rgba(232,200,115,.12),transparent 60%),radial-gradient(900px 520px at 5% 0%,rgba(69,227,211,.10),transparent 60%),linear-gradient(180deg,#05090c,#04070a)}
.itkl .itkl-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 300px at 50% 110%,rgba(232,200,115,.10),transparent 70%)}
.itkl .itkl-hero-in{z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center;width:100%}
.itkl .itkl-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;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:.1em;text-transform:uppercase}
.itkl .itkl-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:itklPulse 2s infinite}
@keyframes itklPulse{0%{box-shadow:0 0 0 0 rgba(232,200,115,.7)}70%{box-shadow:0 0 0 10px rgba(232,200,115,0)}100%{box-shadow:0 0 0 0 rgba(232,200,115,0)}}
.itkl .itkl-h1{font-size:clamp(42px,6.2vw,84px);font-weight:800;letter-spacing:-.04em;line-height:.98;margin-top:18px}
.itkl .itkl-h1 span{display:block}
.itkl .itkl-lead{margin-top:20px;font-size:clamp(16px,1.4vw,18.5px);max-width:62ch}
.itkl .itkl-launch{margin-top:22px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 16px;border-radius:14px;background:linear-gradient(140deg,rgba(232,200,115,.14),rgba(14,24,28,.7));border:1px solid rgba(232,200,115,.38);color:var(--gold3);font-weight:600;font-size:14.5px}
.itkl .itkl-launch .itkl-ic{color:var(--gold)}
.itkl .itkl-cd{font-variant-numeric:tabular-nums;color:#fff;font-weight:700}
.itkl[data-launch="0"] [data-launch-only]{display:none!important}
.itkl .itkl-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.itkl .itkl-ticks{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px}
.itkl .itkl-ticks li{display:flex;align-items:center;gap:8px;color:var(--fg2);font-size:14px}
.itkl .itkl-ticks .itkl-ic{color:var(--gold);width:18px;height:18px}

/* Drehzahlmesser mit Fahrzeug */
.itkl .itkl-dialbox{position:relative;aspect-ratio:1/1;max-width:560px;margin:0 auto;width:100%}
.itkl .itkl-dial{position:absolute;inset:0;width:100%;height:100%}
.itkl .itkl-dial-car{position:absolute;left:8%;right:8%;top:38%;height:34%}
.itkl .itkl-dial-car img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateX(-24px) scale(.96);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 22px 26px rgba(0,0,0,.7))}
.itkl .itkl-dial-car img.on{opacity:1;transform:none}
.itkl .itkl-dial-car img.off{opacity:0;transform:translateX(30px) scale(.96)}
.itkl .itkl-dial-read{position:absolute;left:50%;bottom:15%;transform:translateX(-50%);text-align:center;font-variant-numeric:tabular-nums}
.itkl .itkl-dial-read b{display:block;font-family:"Sora","Poppins",sans-serif;font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.02em;color:#fff}
.itkl .itkl-dial-read small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg3)}
.itkl .itkl-dial-chip{position:absolute;padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;color:var(--gold3);background:rgba(14,22,26,.85);border:1px solid rgba(232,200,115,.4);box-shadow:0 10px 30px -12px rgba(0,0,0,.8);animation:itklFloat 6s ease-in-out infinite}
.itkl .itkl-dial-chip.c1{left:0;top:16%}
.itkl .itkl-dial-chip.c2{right:0;top:22%;animation-delay:-2s}
.itkl .itkl-dial-chip.c3{left:6%;bottom:6%;animation-delay:-4s}
@keyframes itklFloat{50%{transform:translateY(-8px)}}

/* ---------- Kennzahlen ---------- */
.itkl .itkl-stats{padding:10px 0 40px;position:relative;z-index:1}
.itkl .itkl-statgrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.itkl .itkl-stat{padding:20px 16px;border-radius:18px;border:1px solid var(--ln);background:rgba(12,20,24,.7);text-align:center}
.itkl .itkl-stat b{display:block;font-family:"Sora","Poppins",sans-serif;font-size:clamp(26px,2.8vw,38px);font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.itkl .itkl-stat span{display:block;margin-top:6px;font-size:13px;color:var(--fg2);line-height:1.35}
.itkl .itkl-stat.gold{border-color:rgba(232,200,115,.5);background:linear-gradient(160deg,rgba(232,200,115,.16),rgba(12,20,24,.75))}
.itkl .itkl-stat.gold b{color:var(--gold3);text-shadow:0 0 26px rgba(232,200,115,.4)}
/* 1.0.4 Kennzahlen: Kachel hebt sich, Rand und Glow leuchten auf, ein Lichtstreifen zieht darüber, die Zahl glüht (Gold-Kachel golden, sonst türkis) */
.itkl .itkl-statgrid>.itkl-stat{position:relative;overflow:hidden;isolation:isolate}
.itkl .itkl-statgrid>.itkl-stat,.itkl.js .itkl-statgrid>.itkl-stat.itkl-rv.in{transition:opacity .7s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .4s ease;transition-delay:0s!important}
.itkl .itkl-statgrid>.itkl-stat::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.10) 48%,rgba(255,255,255,.02) 56%,transparent 66%);transform:translateX(-120%);pointer-events:none}
.itkl .itkl-statgrid>.itkl-stat b{transition:transform .55s cubic-bezier(.22,1,.36,1),text-shadow .55s ease,color .4s ease}
@media (hover:hover){
.itkl .itkl-statgrid>.itkl-stat:hover,.itkl.js .itkl-statgrid>.itkl-stat.itkl-rv.in:hover{transform:translate3d(0,-8px,0);border-color:rgba(69,227,211,.5);box-shadow:0 26px 60px -30px rgba(69,227,211,.55),0 0 0 1px rgba(69,227,211,.18)}
.itkl .itkl-statgrid>.itkl-stat.gold:hover,.itkl.js .itkl-statgrid>.itkl-stat.gold.itkl-rv.in:hover{border-color:rgba(255,236,180,.85);box-shadow:0 30px 70px -28px rgba(232,200,115,.85),0 0 46px -12px rgba(232,200,115,.5)}
.itkl .itkl-statgrid>.itkl-stat:hover::before{transform:translateX(120%);transition:transform .9s cubic-bezier(.22,1,.36,1)}
.itkl .itkl-statgrid>.itkl-stat:hover b{transform:scale(1.06);text-shadow:0 0 28px rgba(69,227,211,.45)}
.itkl .itkl-statgrid>.itkl-stat.gold:hover b{text-shadow:0 0 34px rgba(232,200,115,.7)}
}
@media (prefers-reduced-motion:reduce){.itkl .itkl-statgrid>.itkl-stat,.itkl .itkl-statgrid>.itkl-stat b{transition:none}.itkl .itkl-statgrid>.itkl-stat::before{display:none}}
.itkl .itkl-note{margin-top:14px;font-size:13px;color:var(--fg3)}

/* ---------- Abschnitte ---------- */
.itkl .itkl-sec{padding:84px 0;position:relative}
.itkl .itkl-sh{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.itkl .itkl-num{font-family:"Sora",sans-serif;font-weight:700;font-size:13px;color:#1a1405;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35);border-radius:8px;padding:3px 8px}
.itkl .itkl-kick{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.itkl .itkl-h2{font-size:clamp(30px,4.2vw,52px);font-weight:700}
.itkl .itkl-p{margin-top:16px;font-size:17px;max-width:70ch}

.itkl .itkl-legal{margin:0 0 28px;font-size:11.5px;line-height:1.5;color:var(--fg3);text-align:center;opacity:.75}

/* Bildergalerie (Laufband) */
.itkl .itkl-marquee{margin-top:14px;padding:28px 0 18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.itkl .itkl-track{display:flex;gap:18px;width:max-content;animation:itklRun 70s linear infinite}
/* Kachel: Bild immer komplett im Innenfeld (hohe Motive wie LKW/Motorrad passen sich ein), kein Rahmen ums Bild */
.itkl .itkl-track figure{position:relative;margin:0;width:300px;height:190px;flex:none;box-sizing:border-box;border-radius:20px;padding:18px 20px 22px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 75%,rgba(232,200,115,.14),rgba(12,20,24,.9) 70%);border:1px solid rgba(232,200,115,.18);outline:0;transform:translate3d(0,0,0);transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .45s ease;will-change:transform}
.itkl .itkl-track figure img,.itkl .itkl-track figure img:is(:hover,:focus,:active){display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:50% 60%;margin:0;padding:0;border:0;border-radius:0;outline:0;box-shadow:none;background:none;pointer-events:none;-webkit-user-drag:none;user-select:none;filter:drop-shadow(0 14px 16px rgba(0,0,0,.6));transition:transform .6s cubic-bezier(.22,1,.36,1)}
/* Hover: Kachel hebt sich weich, Nachbarn folgen abgestuft – beim Überfahren entsteht eine Welle (Ziehharmonika) */
@media (hover:hover){
.itkl .itkl-track figure:hover{transform:translate3d(0,-22px,0);border-color:rgba(232,200,115,.42);box-shadow:0 26px 44px -22px rgba(0,0,0,.85),0 18px 50px -30px rgba(232,200,115,.45)}
.itkl .itkl-track figure:hover img{transform:scale(1.04)}
.itkl .itkl-track figure:hover+figure,.itkl .itkl-track figure:has(+figure:hover){transform:translate3d(0,-12px,0);border-color:rgba(232,200,115,.28);box-shadow:0 18px 34px -22px rgba(0,0,0,.8)}
.itkl .itkl-track figure:hover+figure+figure,.itkl .itkl-track figure:has(+figure+figure:hover){transform:translate3d(0,-5px,0)}
}
@media (prefers-reduced-motion:reduce){.itkl .itkl-track figure,.itkl .itkl-track figure img{transition:none}}
@keyframes itklRun{to{transform:translateX(calc(-50% - 9px))}}
.itkl .itkl-gen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.itkl .itkl-genc{display:flex;gap:10px;align-items:flex-start;padding:16px 18px;font-size:14.5px;color:var(--fg)}
.itkl .itkl-genc .itkl-ic{color:var(--gold);margin-top:2px}

/* Suche und Tempo */
.itkl .itkl-search{background:radial-gradient(900px 480px at 85% 40%,rgba(232,200,115,.10),transparent 65%)}
.itkl .itkl-srch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:44px;align-items:center}
.itkl .itkl-sgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-top:28px}
.itkl .itkl-sc{display:flex;gap:14px;align-items:flex-start}
.itkl .itkl-sc .itkl-fic{flex:none;color:var(--gold3);background:rgba(232,200,115,.12);border-color:rgba(232,200,115,.45)}
.itkl .itkl-sc h3{font-size:16.5px}
.itkl .itkl-sc p{margin-top:4px;font-size:14px;line-height:1.5}
.itkl .itkl-srch-demo{padding:22px;border-color:rgba(232,200,115,.45);box-shadow:0 40px 100px -50px rgba(232,200,115,.6)}
.itkl .itkl-sbox{display:flex;align-items:center;gap:12px;height:56px;padding:0 18px;border-radius:16px;background:#071012;border:1.5px solid rgba(232,200,115,.65);box-shadow:0 0 0 4px rgba(232,200,115,.10)}
.itkl .itkl-sbox .itkl-ic{color:var(--gold)}
.itkl .itkl-sbox .q{font-size:18px;font-weight:600;color:#fff;white-space:pre}
.itkl .itkl-sbox .caret{width:2px;height:24px;background:var(--gold);animation:itklBlink 1s steps(1) infinite}
@keyframes itklBlink{50%{opacity:0}}
.itkl .itkl-sres{display:grid;gap:10px;margin-top:14px;min-height:196px}
.itkl .itkl-sr{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;border-radius:14px;background:rgba(14,24,28,.85);border:1px solid var(--ln);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.itkl .itkl-sr.in{opacity:1;transform:none}
.itkl .itkl-sr:first-child{border-color:rgba(232,200,115,.5);background:linear-gradient(90deg,rgba(232,200,115,.12),rgba(14,24,28,.85))}
.itkl .itkl-sr img{width:110px;height:56px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.6))}
.itkl .itkl-sr b{display:block;color:#fff;font-size:15px}
.itkl .itkl-sr small{color:var(--fg3);font-size:12.5px}
.itkl .itkl-sr .itkl-ic{color:var(--gold);width:18px;height:18px}
.itkl .itkl-sfoot{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ln);color:var(--gold3);font-size:14px;font-weight:600}
.itkl .itkl-sfoot .itkl-ic{color:var(--gold)}

/* Funktionen */
.itkl .itkl-fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.itkl .itkl-fc{position:relative;padding:24px 22px 22px;transition:transform .25s,border-color .25s,box-shadow .25s}
.itkl .itkl-fc:hover{transform:translateY(-3px);border-color:var(--ln2)}
.itkl .itkl-fc h3{margin-top:14px}
.itkl .itkl-fc p{margin-top:8px;font-size:14.5px;line-height:1.55}
.itkl .itkl-fic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--tq);background:rgba(69,227,211,.08);border:1px solid rgba(69,227,211,.22)}
.itkl .itkl-fic .itkl-ic{width:24px;height:24px}
.itkl .itkl-fc.plus{border-color:rgba(232,200,115,.42);background:linear-gradient(160deg,rgba(232,200,115,.13),rgba(14,22,26,.82) 45%,rgba(10,18,21,.78));box-shadow:0 26px 70px -40px rgba(232,200,115,.5),inset 0 1px 0 rgba(255,240,200,.12)}
.itkl .itkl-fc.plus:hover{border-color:rgba(232,200,115,.75);box-shadow:0 30px 80px -36px rgba(232,200,115,.65)}
.itkl .itkl-fc.plus .itkl-fic{color:var(--gold3);background:rgba(232,200,115,.12);border-color:rgba(232,200,115,.45)}
.itkl .itkl-fbadge{position:absolute;top:16px;right:16px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#1a1405;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35)}

/* Classic / Modern */
.itkl .itkl-uigrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.itkl .itkl-uic{overflow:hidden;display:flex;flex-direction:column}
.itkl .itkl-uic.gold{border-color:rgba(232,200,115,.5);box-shadow:0 30px 90px -45px rgba(232,200,115,.55)}
.itkl .itkl-shot{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#071012}
.itkl .itkl-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.itkl .itkl-shot:hover img{transform:scale(1.03)}
/* 1.0.7: kein Theme-Rahmen (türkis) am Bild-Link beim Überfahren/Klicken */
body .itkl .itkl-shot,body .itkl .itkl-shot:is(:hover,:focus,:focus-visible,:active,:visited){outline:0!important;box-shadow:none!important;border:0!important;background-image:none}
body .itkl .itkl-shot img{pointer-events:none;-webkit-user-drag:none;user-select:none;outline:0!important;border:0!important;box-shadow:none!important}
body .itkl .itkl-dial-car img,body .itkl .itkl-dialbox{outline:0!important;border:0!important;box-shadow:none!important}
.itkl .itkl-shot-play{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(4,8,10,.82);border:1px solid var(--ln2);color:#fff;font-size:13.5px;font-weight:600}
.itkl .itkl-shot-play .itkl-ic{width:16px;height:16px;fill:currentColor;stroke:none}
.itkl .itkl-uic-b{padding:22px 24px 26px}
.itkl .itkl-uic-h{display:flex;align-items:center;gap:12px}
.itkl .itkl-uic-h h3{font-size:26px;font-weight:800}
.itkl .itkl-uic-b p{margin-top:8px}
.itkl .itkl-uic-b ul{margin-top:14px;display:grid;gap:8px}
.itkl .itkl-uic-b li,.itkl .itkl-pc li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--fg)}
.itkl .itkl-uic-b li .itkl-ic,.itkl .itkl-pc li .itkl-ic{color:var(--tq);width:18px;height:18px;margin-top:3px}
.itkl .gold li .itkl-ic{color:var(--gold)}
.itkl .itkl-tag{display:inline-flex;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#1a1405;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35)}

/* Vergleich */
.itkl .itkl-table{margin-top:34px;overflow:hidden;padding:6px 0}
.itkl .itkl-tr{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr) minmax(0,1fr);gap:18px;padding:14px 24px;border-top:1px solid var(--ln);align-items:center;font-size:14.5px}
.itkl .itkl-tr:first-child{border-top:0}
.itkl .itkl-tr.th{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.itkl .itkl-tr.th .us{color:var(--gold)}
.itkl .itkl-tr .k{color:var(--fg2);font-weight:600}
.itkl .itkl-tr .us{display:flex;gap:10px;align-items:flex-start;color:#fff}
.itkl .itkl-tr .us .itkl-ic{color:var(--gold);margin-top:2px}
.itkl .itkl-tr .them{color:var(--fg3)}

/* Preise */
.itkl .itkl-per{display:inline-flex;gap:4px;padding:5px;margin-top:28px;border-radius:16px;border:1px solid var(--ln2);background:rgba(10,18,21,.7)}
.itkl .itkl-per button,.itkl .itkl-per button:is(:hover,:focus,:active){display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border:0;border-radius:12px;background:transparent;color:var(--fg2);font:600 14.5px/1.2 "Poppins","Segoe UI",sans-serif;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
.itkl .itkl-per button small{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(69,227,211,.14);color:var(--tq)}
.itkl .itkl-per button[aria-selected="true"]{background:linear-gradient(135deg,#fff3cf,#e8c873 45%,#c79a35);color:#1a1405}
.itkl .itkl-per button[aria-selected="true"] small{background:rgba(26,20,5,.14);color:#1a1405}
.itkl .itkl-pgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;max-width:960px}
.itkl .itkl-pc{padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.itkl .itkl-pc.gold{border-color:rgba(232,200,115,.55);background:linear-gradient(160deg,rgba(232,200,115,.16),rgba(14,22,26,.86) 42%,rgba(10,18,21,.82));box-shadow:0 36px 100px -50px rgba(232,200,115,.7)}
.itkl .itkl-pc-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.itkl .itkl-pc-h h3{font-size:28px;font-weight:800}
.itkl .itkl-pc-sub{font-size:14.5px}
.itkl .itkl-pc-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:8px}
.itkl .itkl-pc-p s{color:var(--fg3);font-size:17px;text-decoration-color:rgba(239,83,80,.85);text-decoration-thickness:2px}
.itkl .itkl-pc-p b{font-family:"Sora","Poppins",sans-serif;font-size:clamp(40px,4.6vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1;color:#fff}
.itkl .itkl-pc.gold .itkl-pc-p b{color:var(--gold3);text-shadow:0 0 34px rgba(232,200,115,.35)}
.itkl .itkl-pc-p .per{color:var(--fg2);font-size:14px}
.itkl .itkl-pc-life{font-size:13.5px;color:var(--gold3)}
.itkl .itkl-pc ul{display:grid;gap:8px;margin:10px 0 14px}
.itkl .itkl-pgrid [data-show]{display:none}
.itkl .itkl-pgrid[data-per-now="month"] [data-show="month"],.itkl .itkl-pgrid[data-per-now="year"] [data-show="year"],.itkl .itkl-pgrid[data-per-now="life"] [data-show="life"]{display:flex}
.itkl .itkl-pgrid[data-per-now="life"] p[data-show="life"]{display:block}
.itkl .itkl-pc .itkl-btn{margin-top:auto}
/* 1.0.2 Preiskarten: heben sich beim Überfahren weich an, Glow wird stärker; Preis/Knopf ploppen beim Wechsel Monat/Jahr/Lifetime auf */
.itkl .itkl-pgrid>.itkl-pc.itkl-pc,.itkl.js .itkl-pgrid>.itkl-pc.itkl-rv.in{transition:opacity .7s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .4s ease;transition-delay:0s!important}
.itkl .itkl-pgrid>.itkl-pc:not(.gold){box-shadow:0 30px 80px -56px rgba(69,227,211,.35),inset 0 1px 0 rgba(255,255,255,.04)}
.itkl .itkl-pgrid>.itkl-pc.gold{box-shadow:0 36px 110px -46px rgba(232,200,115,.8),0 0 0 1px rgba(232,200,115,.12)}
@media (hover:hover){
.itkl .itkl-pgrid>.itkl-pc.itkl-pc:hover,.itkl.js .itkl-pgrid>.itkl-pc.itkl-rv.in:hover{transform:translate3d(0,-10px,0)}
.itkl .itkl-pgrid>.itkl-pc:not(.gold):hover{border-color:rgba(69,227,211,.45);box-shadow:0 40px 90px -40px rgba(69,227,211,.55),0 0 0 1px rgba(69,227,211,.22),inset 0 1px 0 rgba(255,255,255,.06)}
.itkl .itkl-pgrid>.itkl-pc.gold:hover{border-color:rgba(255,236,180,.85);box-shadow:0 50px 130px -36px rgba(232,200,115,1),0 0 60px -10px rgba(232,200,115,.45),0 0 0 1px rgba(255,236,180,.4)}
.itkl .itkl-pgrid>.itkl-pc:hover .itkl-pc-p b{text-shadow:0 0 40px rgba(232,200,115,.5)}
}
.itkl .itkl-pgrid [data-show]{animation:itklPop .5s cubic-bezier(.22,1,.36,1) both}
@keyframes itklPop{0%{opacity:0;transform:translateY(8px) scale(.97)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.itkl .itkl-pgrid [data-show]{animation:none}.itkl .itkl-pgrid>.itkl-pc.itkl-pc{transition:none}}

/* Ablauf */
.itkl .itkl-stepgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:34px;counter-reset:s}
.itkl .itkl-stepgrid li{padding:24px 22px}
.itkl .itkl-stepgrid .n{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-family:"Sora",sans-serif;font-weight:800;color:#1a1405;background:linear-gradient(135deg,#fff3cf,#e8c873 50%,#c79a35)}
.itkl .itkl-stepgrid h3{margin-top:14px}
.itkl .itkl-stepgrid p{margin-top:6px;font-size:14.5px}

/* Fragen */
.itkl .itkl-faq details{margin-top:12px;padding:0}
.itkl .itkl-faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;font-weight:600;color:#fff;position:relative}
.itkl .itkl-faq summary::-webkit-details-marker{display:none}
.itkl .itkl-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--gold);transition:transform .25s}
.itkl .itkl-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.itkl .itkl-faq details p{padding:0 22px 20px}
.itkl .itkl-faq .itkl-h2{margin-bottom:16px}

/* Schluss */
.itkl .itkl-fin{position:relative;padding:96px 0 110px;background:radial-gradient(900px 420px at 50% 100%,rgba(232,200,115,.16),transparent 70%)}
.itkl .itkl-fin .itkl-p{margin:16px auto 0}
.itkl .itkl-fin .itkl-ctas{justify-content:center}

/* Handy-Kaufleiste */
.itkl .itkl-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 16px;border-radius:16px;background:rgba(8,14,17,.94);border:1px solid rgba(232,200,115,.45);box-shadow:0 18px 50px rgba(0,0,0,.6);transform:translateY(140%);transition:transform .35s}
.itkl .itkl-sticky span{font-size:14px;font-weight:600;color:var(--gold3)}
.itkl .itkl-sticky.on{transform:none}
/* WhatsApp-Knopf der Website (#it-wa-support, unten rechts) bleibt frei */
body.itkl-page:has(#it-wa-support) .itkl .itkl-sticky{right:84px}
/* 1.0.9: Datenschutz-Knopf der Website (Cookie, unten links) bleibt ebenfalls frei */
body.itkl-page:has(#horsti-cookie-consent) .itkl .itkl-sticky{left:68px}

/* Einblenden beim Scrollen */
.itkl.js .itkl-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.itkl.js .itkl-rv.in{opacity:1;transform:none}

@media (max-width:1080px){
  .itkl .itkl-statgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .itkl .itkl-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .itkl .itkl-gen,.itkl .itkl-stepgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .itkl .itkl-hero{padding:34px 0 40px;min-height:0}
  .itkl .itkl-hero-in{grid-template-columns:1fr;gap:20px}
  .itkl .itkl-hero-vis{order:-1;max-width:420px;margin:0 auto;width:100%}
  .itkl .itkl-uigrid,.itkl .itkl-pgrid,.itkl .itkl-srch{grid-template-columns:1fr}
  .itkl .itkl-tr{grid-template-columns:1fr;gap:4px;padding:14px 18px}
  .itkl .itkl-tr.th{display:none}
  .itkl .itkl-tr .them::before{content:"– ";}
  .itkl .itkl-sticky{display:flex}
  .itkl .itkl-sec{padding:60px 0}
}
@media (max-width:767px){
  .itkl .itkl-wrap{padding:0 20px}
}
@media (max-width:560px){
  .itkl .itkl-statgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .itkl .itkl-fgrid,.itkl .itkl-gen,.itkl .itkl-stepgrid,.itkl .itkl-sgrid{grid-template-columns:1fr}
  .itkl .itkl-sr{grid-template-columns:80px minmax(0,1fr) auto}
  .itkl .itkl-sr img{width:80px;height:44px}
  .itkl .itkl-ctas .itkl-btn{width:100%}
  .itkl .itkl-per{display:flex;width:100%}
  .itkl .itkl-per button{flex:1;justify-content:center;padding:8px 8px;flex-direction:column;gap:2px}
  .itkl .itkl-track figure{width:220px;height:140px}
  .itkl .itkl-dial-chip{font-size:11px;padding:5px 10px}
}
@media (prefers-reduced-motion:reduce){
  .itkl .itkl-track,.itkl .itkl-goldtx,.itkl .itkl-dial-chip,.itkl .itkl-dot{animation:none}
  .itkl.js .itkl-rv{opacity:1;transform:none;transition:none}
}