/* IntelliTuning Konfigurator-Lizenz 1.0.5 – Hover-/Glow-Durchgang (glow.css, nach konf.css laden).
   Kennzahlen und Preiskarten sind in konf.css fertig und werden hier nicht berührt. Bildband: nur der Bild-Zoom aus konf.css wird
   hier durch Goldlicht ersetzt (Jan: Hover nicht „billig das innere Bild nur vergrößern“). Knöpfe: nur Übergangszeiten angeglichen.
   Regeln sind bewusst höher qualifiziert als konf.css (z. B. .itkl .itkl-fgrid>.itkl-fc.itkl-fc), damit sie gewinnen –
   auch gegen das Einblenden (.itkl.js .itkl-rv.in = 0,4,0) und den Inline-transition-delay des Reveals (daher 0s!important).
   Easing überall cubic-bezier(.22,1,.36,1), 0,5–0,7 s. Spotlight über --mx/--my (glow.js). */

/* Laufwinkel für den goldenen Lichtstreifen am Rand (ohne @property: statischer Ring, kein Fehler) */
@property --itklA{syntax:'<angle>';inherits:false;initial-value:0deg}

/* ---------- Sichtbarkeit: Inhalt über den Canvas-Hintergründen ---------- */
.itkl .itkl-wrap{position:relative;z-index:1}

/* ---------- Hero-Raster wie Elite: feine Linien alle 56 px, zur Mitte maskiert ---------- */
.itkl .itkl-gridbg{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(69,227,211,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(69,227,211,.05) 1px,transparent 1px);
  background-size:56px 56px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 18%,transparent 76%);mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 18%,transparent 76%)}

/* ---------- Knöpfe: gleicher Rhythmus wie alle anderen Hover (0,5 s, cubic-bezier) statt .2 s linear aus konf.css; Anheben 2 px ---------- */
.itkl .itkl-btn.itkl-btn,.itkl .itkl-btn.itkl-btn:is(:hover,:focus,:active,:visited){transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .45s ease}
@media (hover:hover){
  .itkl .itkl-btn.itkl-btn:hover{transform:translate3d(0,-2px,0)}
}

/* ---------- Abschnittsköpfe: Goldlinie vor dem Kicker, Nummer statisch mit feinem Ring, H2 mit Textverlauf ---------- */
.itkl .itkl-sh>.itkl-kick{display:inline-flex;align-items:center;gap:12px;min-width:0}
.itkl .itkl-sh>.itkl-kick::before{content:"";display:block;flex:none;width:28px;height:1px;border-radius:1px;
  background:linear-gradient(90deg,#c79a35 0%,#e8c873 30%,#fff3cf 50%,#e8c873 70%,#c79a35 100%);background-size:220% 100%;
  box-shadow:0 0 10px rgba(232,200,115,.35);animation:itklKickShine 7s linear infinite}
@keyframes itklKickShine{to{background-position:-220% 0}}
/* kein Puls mehr auf der 13-px-Nummer (Unruhe beim Scrollen), nur ein feiner statischer Ring; die Kick-Linie behält ihren 7-s-Shine */
.itkl .itkl-sh>.itkl-num{box-shadow:0 0 0 1px rgba(255,243,207,.18)}
.itkl .itkl-h2.itkl-h2{background:linear-gradient(180deg,#fff 0%,#dbe6e7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* ---------- (1) Funktionskarten .itkl-fc: Anheben 8 px, Rand/Glow (türkis, Gold bei .plus), Spotlight, Icon kippt ---------- */
.itkl .itkl-fgrid>.itkl-fc.itkl-fc{position:relative;isolation:isolate;
  transition:opacity .7s ease,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .45s ease;transition-delay:0s!important}
/* Spotlight: radialer Lichtfleck an der Mausposition, liegt hinter dem Inhalt über dem Glasfond */
.itkl .itkl-fgrid>.itkl-fc.itkl-fc::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,40%),rgba(69,227,211,.14),rgba(69,227,211,.03) 40%,transparent 62%);transition:opacity .6s ease}
.itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus::after{background:radial-gradient(340px circle at var(--mx,50%) var(--my,40%),rgba(232,200,115,.17),rgba(232,200,115,.04) 40%,transparent 62%)}
/* Goldener Lichtstreifen am Rand (.plus): 1 px Ring genau über dem Rahmen, läuft nur im Hover, sonst pausiert und unsichtbar */
.itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;
  background:conic-gradient(from var(--itklA,0deg),rgba(232,200,115,.32) 0%,rgba(232,200,115,.32) 60%,rgba(255,243,207,.98) 80%,rgba(232,200,115,.32) 98%,rgba(232,200,115,.32) 100%);
  -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;
  animation:itklRing 2.8s linear infinite;animation-play-state:paused;transition:opacity .5s ease}
@keyframes itklRing{to{--itklA:360deg}}
.itkl .itkl-fgrid>.itkl-fc .itkl-fic{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),color .4s ease,border-color .4s ease,background-color .4s ease}
.itkl .itkl-fgrid>.itkl-fc .itkl-fic .itkl-ic{transition:filter .5s ease}

/* ---------- (2) Weitere Glas-Bausteine ---------- */
/* Bildband (Abschnitt 01): kein Hinein-Zoomen des Bildes mehr (konf.css: figure:hover img{scale(1.04)}). Stattdessen hebt die Kachel ab
   (konf.css, 22 px mit Goldrand und Nachbar-Welle), das Fahrzeug bekommt tieferen Schatten und einen Hauch Goldlicht, und unter ihm
   erscheint ein weiches Goldlicht am Boden – wie auf dem Laufband der Kaufgrafik (promo.css). Höher qualifiziert als konf.css. */
.itkl .itkl-track.itkl-track figure{isolation:isolate}
.itkl .itkl-track.itkl-track figure::after{content:"";position:absolute;left:18%;right:18%;bottom:6%;height:16px;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side,rgba(232,200,115,.45),rgba(232,200,115,.14) 55%,transparent);opacity:0;transform:scaleX(.6);
  transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.itkl .itkl-track.itkl-track figure img,.itkl .itkl-track.itkl-track figure img:is(:hover,:focus,:active){transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease}

/* Vier Zeilen unter dem Bildband (Spotlight türkis wie der Rand, kein Gold/Türkis-Mix) */
.itkl .itkl-gen>.itkl-genc.itkl-genc{position:relative;isolation:isolate;
  transition:opacity .7s ease,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .45s ease;transition-delay:0s!important}
.itkl .itkl-gen>.itkl-genc.itkl-genc::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(69,227,211,.12),transparent 60%);transition:opacity .6s ease}
.itkl .itkl-gen>.itkl-genc.itkl-genc .itkl-ic{transition:filter .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}

/* Suche-Karten (kein Glas): Icon kippt und glüht gold, Titel hellt auf */
.itkl .itkl-sgrid>.itkl-sc.itkl-sc{transition:opacity .7s ease,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:0s!important}
.itkl .itkl-sgrid>.itkl-sc.itkl-sc .itkl-fic{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .4s ease,background-color .4s ease}
.itkl .itkl-sgrid>.itkl-sc.itkl-sc h3{transition:color .45s ease}

/* Ablauf: vier Schritte, die Zahl bekommt Goldglow und dreht leicht */
.itkl .itkl-stepgrid>li.itkl-glass{position:relative;isolation:isolate;
  transition:opacity .7s ease,transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .45s ease;transition-delay:0s!important}
.itkl .itkl-stepgrid>li.itkl-glass::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,40%),rgba(69,227,211,.12),transparent 60%);transition:opacity .6s ease}
.itkl .itkl-stepgrid>li.itkl-glass .n{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1)}

/* Fragen: Hover Rand türkis, offen Goldrand mit Innen-Glow, das Plus dreht weiter */
.itkl .itkl-faq.itkl-faq details{transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .6s cubic-bezier(.22,1,.36,1),background-color .45s ease;transition-delay:0s!important}
.itkl .itkl-faq.itkl-faq details[open]{border-color:rgba(232,200,115,.55);box-shadow:inset 0 0 52px -26px rgba(232,200,115,.38),inset 0 1px 0 rgba(255,240,200,.10),0 22px 56px -36px rgba(232,200,115,.4)}
.itkl .itkl-faq.itkl-faq details summary::after{transition:transform .55s cubic-bezier(.22,1,.36,1),color .4s ease,text-shadow .4s ease}
.itkl .itkl-faq.itkl-faq details[open] summary::after{color:var(--gold3);text-shadow:0 0 14px rgba(232,200,115,.55)}
.itkl .itkl-faq.itkl-faq summary{transition:color .4s ease}

/* Vergleichstabelle: Zeile hebt den Hintergrund, Goldlinie links wächst von der Mitte auf volle Höhe, „Wir“-Text wird weiß */
.itkl .itkl-table .itkl-tr{position:relative;transition:background-color .45s ease}
.itkl .itkl-table .itkl-tr:not(.th)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:0 2px 2px 0;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,#fff3cf,#e8c873 50%,#c79a35);box-shadow:0 0 12px rgba(232,200,115,.55);
  transform:scaleY(0);transform-origin:50% 50%;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.itkl .itkl-table .itkl-tr .us,.itkl .itkl-table .itkl-tr .k{transition:color .45s ease,text-shadow .45s ease}
.itkl .itkl-table .itkl-tr .us .itkl-ic{transition:filter .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}

/* Suche-Demo: ruhiger Goldglow, atmet in 6 s (eigene Schicht, nur Deckkraft wird animiert) */
.itkl .itkl-srch-demo.itkl-srch-demo{position:relative;isolation:isolate;transition:border-color .6s ease}
.itkl .itkl-srch-demo.itkl-srch-demo::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 70px -18px rgba(232,200,115,.55),0 0 0 1px rgba(255,243,207,.22);opacity:.35;animation:itklBreath 6s ease-in-out infinite}
@keyframes itklBreath{0%,100%{opacity:.3}50%{opacity:1}}

/* ---------- (3) Neue Elemente 1.0.5 ---------- */
/* Elite-Zeile: Pill mit Stern, Goldrand, Glasfond, Shimmer alle 7 s; eigener Block (flex), damit sie nicht neben die Launch-Zeile rutscht */
.itkl .itkl-eline,.itkl .itkl-eline:is(:hover,:focus,:active,:visited){position:relative;isolation:isolate;overflow:hidden;display:flex;width:-moz-fit-content;width:fit-content;max-width:100%;align-items:center;gap:10px;
  margin:18px 0 0;padding:10px 16px 10px 14px;border-radius:999px;border:1px solid rgba(232,200,115,.5);
  background:linear-gradient(140deg,rgba(232,200,115,.15),rgba(14,24,28,.74) 60%,rgba(10,18,21,.72));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  color:var(--gold3);font:600 14.5px/1.4 "Poppins","Segoe UI",system-ui,sans-serif;letter-spacing:0;text-transform:none;text-decoration:none;text-align:left;
  box-shadow:0 14px 40px -24px rgba(232,200,115,.55),inset 0 1px 0 rgba(255,240,200,.12);
  transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .45s ease}
.itkl .itkl-eline>span{min-width:0;flex:0 1 auto;white-space:normal;overflow-wrap:anywhere}
.itkl .itkl-eline .itkl-ic{color:var(--gold);width:18px;height:18px;flex:none;filter:drop-shadow(0 0 6px rgba(232,200,115,.5));transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s ease}
.itkl .itkl-eline::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 30%,rgba(255,243,207,.05) 44%,rgba(255,243,207,.22) 50%,rgba(255,243,207,.05) 56%,transparent 70%);
  transform:translateX(-130%);animation:itklSweep 7s cubic-bezier(.22,1,.36,1) infinite}
@keyframes itklSweep{0%{transform:translateX(-130%)}22%,100%{transform:translateX(130%)}}
.itkl .itkl-eline.center{margin-left:auto;margin-right:auto;text-align:center}
.itkl .itkl-fin .itkl-eline{margin-top:22px}
/* Im Hero ruhiger als die Launch-Zeile (sonst drei fast gleiche Gold-Pills untereinander): kein Glas, kein Glow, kein Shimmer,
   kleinere Schrift – der Fokus bleibt auf Headline, Launch-Countdown und Knöpfen. Shimmer nur im Schluss-Abschnitt. */
.itkl .itkl-hero .itkl-eline,.itkl .itkl-hero .itkl-eline:is(:hover,:focus,:active,:visited){margin-top:14px;padding:8px 14px 8px 12px;border-color:rgba(232,200,115,.4);
  background:rgba(232,200,115,.07);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;font-size:13.5px;font-weight:600}
.itkl .itkl-hero .itkl-eline::after{display:none}
.itkl .itkl-hero .itkl-eline .itkl-ic{width:16px;height:16px;filter:none}

/* Elite-Kasten unter den Preiskarten: Text links, Knöpfe rechts, Goldrahmen. Im Ruhezustand zurückgenommen (weicher, schmaler Glow),
   damit unter den Preiskarten kein Gold-Block entsteht und die Modern-Karte das hellste Element bleibt; der Hover legt sichtbar zu. */
.itkl.itkl .itkl-ebox.itkl-ebox{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;
  max-width:960px;margin-top:22px;padding:24px 28px;border-color:rgba(232,200,115,.42);
  background:linear-gradient(135deg,rgba(232,200,115,.15),rgba(14,22,26,.86) 45%,rgba(10,18,21,.82));
  box-shadow:0 24px 70px -40px rgba(232,200,115,.45),0 0 0 1px rgba(232,200,115,.10),inset 0 1px 0 rgba(255,240,200,.12);
  transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .45s ease;transition-delay:0s!important}
.itkl.itkl .itkl-ebox .itkl-ebox-tx{min-width:0}
.itkl.itkl .itkl-ebox .itkl-kick{display:block;font-size:12.5px}
.itkl.itkl .itkl-ebox h3{margin-top:8px;font-size:clamp(20px,2.2vw,24px);font-weight:700;color:#fff}
.itkl.itkl .itkl-ebox p{margin-top:8px;font-size:15px;max-width:62ch}
.itkl.itkl .itkl-ebox .itkl-ebox-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}

/* ---------- Hover (nur mit echter Maus) ---------- */
@media (hover:hover){
  /* Funktionskarten */
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover{transform:translate3d(0,-8px,0);border-color:rgba(69,227,211,.55);
    box-shadow:0 28px 64px -32px rgba(69,227,211,.5),0 0 0 1px rgba(69,227,211,.16),inset 0 1px 0 rgba(255,255,255,.06)}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus:hover{border-color:rgba(255,236,180,.45);
    box-shadow:0 32px 80px -30px rgba(232,200,115,.75),0 0 54px -14px rgba(232,200,115,.45),inset 0 1px 0 rgba(255,240,200,.16)}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover::after{opacity:1}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus:hover::before{opacity:1;animation-play-state:running}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover .itkl-fic{transform:translate3d(0,-2px,0) rotate(-5deg);color:#fff;border-color:rgba(69,227,211,.6);background:rgba(69,227,211,.14);
    box-shadow:0 0 0 1px rgba(69,227,211,.2),0 10px 26px -10px rgba(69,227,211,.7)}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover .itkl-fic .itkl-ic{filter:drop-shadow(0 0 8px rgba(69,227,211,.75))}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus:hover .itkl-fic{color:#fff;border-color:rgba(255,236,180,.75);background:rgba(232,200,115,.2);
    box-shadow:0 0 0 1px rgba(232,200,115,.25),0 10px 28px -10px rgba(232,200,115,.85)}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus:hover .itkl-fic .itkl-ic{filter:drop-shadow(0 0 8px rgba(232,200,115,.8))}

  /* Bildband: Bild bleibt in Originalgröße, bekommt tieferen Schatten + Hauch Goldlicht; Goldlicht am Boden blendet ein */
  .itkl .itkl-track.itkl-track figure:hover img{transform:none;filter:drop-shadow(0 18px 18px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(232,200,115,.22)) brightness(1.06)}
  .itkl .itkl-track.itkl-track figure:hover::after{opacity:1;transform:scaleX(1)}

  /* Zeilen unter dem Bildband */
  .itkl .itkl-gen>.itkl-genc.itkl-genc:hover{transform:translate3d(0,-4px,0);border-color:rgba(69,227,211,.45);box-shadow:0 20px 48px -28px rgba(69,227,211,.45),0 0 0 1px rgba(69,227,211,.12)}
  .itkl .itkl-gen>.itkl-genc.itkl-genc:hover::after{opacity:1}
  .itkl .itkl-gen>.itkl-genc.itkl-genc:hover .itkl-ic{filter:drop-shadow(0 0 8px rgba(232,200,115,.8));transform:scale(1.1)}

  /* Suche-Karten */
  .itkl .itkl-sgrid>.itkl-sc.itkl-sc:hover{transform:translate3d(0,-4px,0)}
  .itkl .itkl-sgrid>.itkl-sc.itkl-sc:hover .itkl-fic{transform:translate3d(0,-2px,0) rotate(-5deg);border-color:rgba(255,236,180,.75);background:rgba(232,200,115,.2);
    box-shadow:0 0 0 1px rgba(232,200,115,.25),0 10px 28px -10px rgba(232,200,115,.85)}
  .itkl .itkl-sgrid>.itkl-sc.itkl-sc:hover h3{color:var(--gold3)}

  /* Schritte */
  .itkl .itkl-stepgrid>li.itkl-glass:hover{transform:translate3d(0,-6px,0);border-color:rgba(69,227,211,.5);box-shadow:0 24px 56px -30px rgba(69,227,211,.5),0 0 0 1px rgba(69,227,211,.14)}
  .itkl .itkl-stepgrid>li.itkl-glass:hover::after{opacity:1}
  .itkl .itkl-stepgrid>li.itkl-glass:hover .n{transform:rotate(-8deg) scale(1.06);box-shadow:0 0 0 1px rgba(255,243,207,.55),0 10px 28px -8px rgba(232,200,115,.8),0 0 22px rgba(232,200,115,.45)}

  /* Fragen */
  .itkl .itkl-faq.itkl-faq details:hover{border-color:rgba(69,227,211,.45);background-color:rgba(69,227,211,.03)}
  .itkl .itkl-faq.itkl-faq details[open]:hover{border-color:rgba(255,236,180,.8)}
  /* geschlossen: Plus türkis wie der Rand; offen bleibt es gold */
  .itkl .itkl-faq.itkl-faq details:not([open]):hover summary::after{transform:translateY(-50%) rotate(90deg) scale(1.15);color:var(--tq);text-shadow:0 0 12px rgba(69,227,211,.5)}
  .itkl .itkl-faq.itkl-faq details[open]:hover summary::after{transform:translateY(-50%) rotate(135deg) scale(1.1)}
  .itkl .itkl-faq.itkl-faq details:hover summary{color:#fff}

  /* Vergleich: Zeile gold geführt (Goldlinie, Spalte „Wir“ ist gold) – kein türkiser Fond dazu */
  .itkl .itkl-table .itkl-tr:not(.th):hover{background-color:rgba(232,200,115,.035)}
  .itkl .itkl-table .itkl-tr:not(.th):hover::before{transform:scaleY(1);opacity:1}
  .itkl .itkl-table .itkl-tr:not(.th):hover .us{color:#fff;text-shadow:0 0 18px rgba(232,200,115,.35)}
  .itkl .itkl-table .itkl-tr:not(.th):hover .k{color:var(--fg)}
  .itkl .itkl-table .itkl-tr:not(.th):hover .us .itkl-ic{filter:drop-shadow(0 0 6px rgba(232,200,115,.8));transform:scale(1.12)}

  /* Suche-Demo */
  .itkl .itkl-srch-demo.itkl-srch-demo:hover{border-color:rgba(255,236,180,.7)}

  /* Elite-Zeile */
  .itkl .itkl-eline:hover,.itkl .itkl-eline:focus-visible{transform:translate3d(0,-2px,0);border-color:rgba(255,236,180,.85);color:#fff6da;
    box-shadow:0 18px 48px -20px rgba(232,200,115,.75),0 0 36px -10px rgba(232,200,115,.4),0 0 0 1px rgba(255,236,180,.25),inset 0 1px 0 rgba(255,240,200,.18)}
  .itkl .itkl-eline:hover .itkl-ic{transform:rotate(-12deg) scale(1.1);filter:drop-shadow(0 0 9px rgba(232,200,115,.9))}
  /* Hero-Eline: gedämpfter Hover-Glow (die Ruhe-Regel oben setzt box-shadow:none auch für :hover, darum hier höher qualifiziert) */
  .itkl .itkl-hero .itkl-eline.itkl-eline:hover,.itkl .itkl-hero .itkl-eline.itkl-eline:focus-visible{border-color:rgba(255,236,180,.7);background:rgba(232,200,115,.11);
    box-shadow:0 12px 32px -18px rgba(232,200,115,.55),0 0 0 1px rgba(255,236,180,.16)}
  .itkl .itkl-hero .itkl-eline.itkl-eline:hover .itkl-ic{filter:drop-shadow(0 0 6px rgba(232,200,115,.6))}

  /* Elite-Kasten: Glow wird breiter und heller, kein Versatz */
  .itkl.itkl .itkl-ebox.itkl-ebox:hover{border-color:rgba(255,236,180,.8);
    box-shadow:0 40px 110px -40px rgba(232,200,115,.9),0 0 90px -20px rgba(232,200,115,.45),0 0 0 1px rgba(255,236,180,.3),inset 0 1px 0 rgba(255,240,200,.18)}
}

/* ---------- Tastatur: Elite-Zeile auch ohne Maus sichtbar hervorheben ---------- */
.itkl .itkl-eline:focus-visible{border-color:rgba(255,236,180,.85)}

/* ---------- Tablet / Handy ---------- */
@media (max-width:900px){
  .itkl.itkl .itkl-ebox.itkl-ebox{grid-template-columns:1fr;gap:16px;padding:22px 20px}
  .itkl.itkl .itkl-ebox .itkl-ebox-cta{justify-content:flex-start}
  .itkl .itkl-gridbg{background-size:48px 48px}
}
@media (max-width:560px){
  .itkl.itkl .itkl-ebox.itkl-ebox{padding:20px 16px}
  .itkl.itkl .itkl-ebox .itkl-ebox-cta{flex-direction:column;align-items:stretch}
  .itkl.itkl .itkl-ebox .itkl-ebox-cta .itkl-btn{width:100%}
  .itkl .itkl-eline,.itkl .itkl-eline:is(:hover,:focus,:active,:visited){font-size:13.5px;padding:9px 14px 9px 12px;border-radius:18px}
  .itkl .itkl-eline.center{text-align:left}
  .itkl .itkl-sh>.itkl-kick::before{width:20px}
}

/* ---------- Reduzierte Bewegung: keine Animationen, Hover ohne Transform ---------- */
@media (prefers-reduced-motion:reduce){
  .itkl .itkl-sh>.itkl-kick::before,.itkl .itkl-srch-demo.itkl-srch-demo::before,.itkl .itkl-eline::after,.itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus::before{animation:none}
  .itkl .itkl-eline::after{display:none}
  .itkl .itkl-srch-demo.itkl-srch-demo::before{opacity:.6}
  .itkl .itkl-btn.itkl-btn,.itkl .itkl-btn.itkl-btn:is(:hover,:focus,:active,:visited),.itkl .itkl-track.itkl-track figure::after,.itkl .itkl-track.itkl-track figure img{transition:none}
  .itkl .itkl-btn.itkl-btn:hover{transform:none}
  .itkl .itkl-track.itkl-track figure:hover::after{transform:scaleX(1)}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc,.itkl .itkl-gen>.itkl-genc.itkl-genc,.itkl .itkl-sgrid>.itkl-sc.itkl-sc,.itkl .itkl-stepgrid>li.itkl-glass,.itkl .itkl-faq.itkl-faq details,
  .itkl.itkl .itkl-ebox.itkl-ebox,.itkl .itkl-eline,.itkl .itkl-eline:is(:hover,:focus,:active,:visited),.itkl .itkl-table .itkl-tr,.itkl .itkl-table .itkl-tr:not(.th)::before,
  .itkl .itkl-fgrid>.itkl-fc .itkl-fic,.itkl .itkl-sgrid>.itkl-sc.itkl-sc .itkl-fic,.itkl .itkl-stepgrid>li.itkl-glass .n,.itkl .itkl-faq.itkl-faq details summary::after,
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc::after,.itkl .itkl-gen>.itkl-genc.itkl-genc::after,.itkl .itkl-stepgrid>li.itkl-glass::after{transition:none}
  .itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover,.itkl .itkl-gen>.itkl-genc.itkl-genc:hover,.itkl .itkl-sgrid>.itkl-sc.itkl-sc:hover,.itkl .itkl-stepgrid>li.itkl-glass:hover,
  .itkl .itkl-eline:hover,.itkl .itkl-eline:focus-visible,.itkl .itkl-fgrid>.itkl-fc.itkl-fc:hover .itkl-fic,.itkl .itkl-fgrid>.itkl-fc.itkl-fc.plus:hover .itkl-fic,
  .itkl .itkl-sgrid>.itkl-sc.itkl-sc:hover .itkl-fic,.itkl .itkl-stepgrid>li.itkl-glass:hover .n,.itkl .itkl-eline:hover .itkl-ic,.itkl .itkl-gen>.itkl-genc.itkl-genc:hover .itkl-ic,
  .itkl .itkl-table .itkl-tr:not(.th):hover .us .itkl-ic{transform:none}
  .itkl .itkl-faq.itkl-faq details:not([open]):hover summary::after{transform:translateY(-50%)}
  .itkl .itkl-faq.itkl-faq details[open]:hover summary::after{transform:translateY(-50%) rotate(45deg)}
  .itkl .itkl-table .itkl-tr:not(.th):hover::before{transform:scaleY(1)}
}