/* ============================================================
   toppreisradar (neu) – Startseite im NEUEN Design (Testseite index1.php), Fassung 3
   Idee: das Preisetikett am Supermarktregal. Weiß-graues Regal, schwarze Schrift, Etikett-Gelb als EINZIGE laute Stelle
   (Suche + Preisschilder), Rot nur für Minus-Prozente. Preise in schmaler, fetter Schrift wie auf dem Regalschild.
   Linksbündig, kleine Radien, kaum Schatten. Inhalt ist sofort sichtbar (keine Einblend-Animation beim Scrollen).
   Nur auf <body class="i1-seite">; style.css und zusatz.css bleiben unverändert. Bewusst nur hell (wie die ganze Seite).
   ============================================================ */
.i1 h1,.i1 h2,.i1 h3{text-wrap:balance}


/* ---------- Start: Überschrift + Etikett ---------- */
.i1-hero{padding-top:56px}
.i1-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px 56px;align-items:end}
.i1-oben{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:14px;color:var(--grau)}
.i1-oben a{color:var(--tinte);font-weight:600;text-decoration:underline;text-decoration-color:var(--kante);text-underline-offset:4px;text-decoration-thickness:2px}
.i1-oben a:hover{text-decoration-color:var(--tinte)}
.i1-oben small{font-weight:500;color:var(--grau)}
.i1-oben-deal small{color:var(--rot);font-weight:700}
.i1 h1{margin:18px 0 0;font-family:var(--preis);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75;font-size:clamp(44px,7vw,96px);line-height:.92;letter-spacing:-.025em;color:var(--tinte);text-shadow:none}
.i1-lead{margin:18px 0 0;max-width:30em;font-size:18px;line-height:1.5;color:var(--grau)}

/* Das Etikett: gelber Kopf mit Strichcode, weißer Körper */
.i1-etikett{position:relative;background:var(--schild);border-radius:4px;box-shadow:0 1px 0 var(--kante),0 18px 40px -18px rgba(17,20,17,.35);overflow:hidden;}
.i1-e-kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:var(--gelb);color:var(--tinte)}
.i1-e-kopf label{font-size:15px;font-weight:700}
.i1-e-code{flex:none;width:96px;height:22px;background:repeating-linear-gradient(90deg,var(--tinte) 0 2px,transparent 2px 4px,var(--tinte) 4px 5px,transparent 5px 8px,var(--tinte) 8px 11px,transparent 11px 12px,var(--tinte) 12px 13px,transparent 13px 16px)}
.i1-etikett .sc-row{display:flex;align-items:center;gap:10px;padding:14px 14px 10px 18px}
.i1-etikett .sc-row input{flex:1;min-width:0;border:0;border-bottom:2px solid var(--kante);border-radius:0;background:transparent;font:inherit;font-size:20px;padding:10px 0;color:var(--tinte);transition:border-color .2s}
.i1-etikett .sc-row input:focus{outline:none;border-bottom-color:var(--tinte)}
.i1-go{flex:none;border:0;border-radius:4px;padding:14px 22px;background:var(--tinte);color:#fff;font:inherit;font-weight:700;font-size:16px;cursor:pointer;transition:transform .12s}
.i1-go:hover{background:#000}
.i1-go:active{transform:translateY(1px)}
.i1-kat{padding:0 14px 0 18px}
.i1-e-fuss{display:flex;flex-wrap:nowrap;white-space:nowrap;gap:4px 14px;margin:12px 0 0;padding:10px 18px 12px;border-top:1px dashed var(--kante);font-family:var(--mono);font-size:14px;color:var(--grau);font-variant-numeric:tabular-nums}
.i1-e-fuss b{color:var(--tinte);font-weight:700;display:inline-block;font-variant-numeric:tabular-nums}
.i1-seite .i1-e-fuss b{font-variant-numeric:tabular-nums}
.i1-e-fuss .i1-plus{color:var(--gruen);font-weight:700}

.i1-beliebt{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-10px 0 0;font-size:14px;color:var(--grau)}
.i1-beliebt span{font-weight:600;margin-right:4px}
.i1-beliebt a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--schild);color:var(--tinte);text-decoration:none;box-shadow:0 0 0 1px var(--kante);transition:box-shadow .15s ease,background-color .15s ease}
.i1-beliebt a:hover{box-shadow:0 0 0 1.5px var(--tinte)}

/* ---------- Das Regal: Preisschilder der größten Preisstürze ---------- */
.i1-regal{margin-top:52px;padding-bottom:8px}
.i1-regal h2{margin:0;font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:0;color:var(--grau)}
.i1-schilder{position:relative;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:var(--max);margin:12px auto 0;padding:14px 24px 16px}
.i1-schilder::before{content:"";position:absolute;left:24px;right:24px;top:4px;height:5px;border-radius:3px;background:linear-gradient(180deg,#B9BFB6,#D3D7D0);box-shadow:0 1px 0 #fff inset}
.i1-schilder li{transform-origin:50% 0}
.i1-schilder a{position:relative;display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:22px 12px 0;background:var(--schild);border-radius:6px;overflow:hidden;color:var(--tinte);text-decoration:none;box-shadow:0 1px 2px rgba(17,20,17,.06),0 8px 18px -10px rgba(17,20,17,.25);transform-origin:50% 0;transition:box-shadow .2s ease}
.i1-s-loch{position:absolute;top:7px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--regal);box-shadow:inset 0 1px 2px rgba(17,20,17,.35)}
.i1-s-bild{height:110px;display:grid;place-items:center}
.i1-s-bild img{max-height:100px;width:auto;object-fit:contain}
.i1-s-minus{position:absolute;top:8px;right:8px;padding:4px 8px;background:var(--rot);color:#fff;font-family:var(--preis);font-weight:800;font-size:15px;font-stretch:75%;font-variation-settings:'wdth' 75;transform:rotate(4deg);border-radius:2px}
.i1-s-name{margin-top:10px;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.i1-s-preis{margin:10px -12px 0;padding:8px 12px;background:var(--gelb);font-family:var(--preis);font-weight:800;font-size:26px;font-stretch:75%;font-variation-settings:'wdth' 75;line-height:1;font-variant-numeric:tabular-nums}

/* ---------- Abschnitte ---------- */
.i1 .i1-sec{padding-top:72px}
.i1-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px}
.i1-kopf h2{margin:0;font-family:var(--preis);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75;font-size:clamp(32px,4.2vw,52px);line-height:1;letter-spacing:-.02em}
.i1-kopf p{margin:0;max-width:34em;font-size:15px;line-height:1.5;color:var(--grau)}
.i1-mehr{font-weight:700;color:var(--tinte);text-underline-offset:4px}

/* Kategorien als Wegweiser-Liste, keine Karten */
.i1-gaenge{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));column-gap:40px;margin:24px 0 0;padding:0}
.i1-gaenge li{border-top:1px solid var(--kante)}
.i1-gaenge a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 4px;color:var(--tinte);text-decoration:none;transition:background .15s}
.i1-gaenge a:hover{background:var(--schild)}
.i1-g-icon{color:var(--grau);display:grid}
.i1-g-icon svg{width:22px;height:22px}
.i1-gaenge a:hover .i1-g-icon{color:var(--tinte)}
.i1-g-text{display:flex;flex-direction:column;min-width:0}
.i1-g-text b{font-size:16px;font-weight:600}
.i1-g-text small{font-size:13px;color:var(--grau);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i1-g-zahl{font-family:var(--mono);font-size:12.5px;color:var(--grau);font-variant-numeric:tabular-nums}


/* Vorteile: Text auf dem Regalgrund, das Beispiel als echte kleine Preisliste */
.i1-vorteile{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:24px 40px;margin-top:24px}
.i1-vorteile h3{margin:0;font-family:var(--body);font-size:19px;font-weight:700}
.i1-vorteile p{margin:8px 0 0;max-width:34em;font-size:15px;line-height:1.6;color:var(--grau)}
.i1-v-tabelle{width:100%;margin-top:16px;border-collapse:collapse;background:var(--schild);font-size:14px}
.i1-v-tabelle td{padding:9px 12px;border-top:1px solid var(--kante)}
.i1-v-tabelle td+td{text-align:right;font-family:var(--preis);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.i1-v-tabelle tr.no{color:#9AA09A}
.i1-v-tabelle tr.no td+td{text-decoration:line-through}
.i1-v-tabelle small{display:block;font-size:12px}
.i1-v-kurve{display:block;margin-top:18px;width:100%;height:56px}
.i1-v-kurve path{fill:none;stroke:var(--tinte);stroke-width:2.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}


/* ---------- Tablet / Handy ---------- */
@media (max-width:1000px){
  .i1-hero-in{grid-template-columns:minmax(0,1fr);align-items:start}
  .i1-beliebt{grid-column:1;margin-top:0}
  .i1-schilder{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(170px,40%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
  .i1-schilder::-webkit-scrollbar{display:none}
  .i1-schilder li{scroll-snap-align:start}
  .i1-vorteile{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .i1-hero{padding-top:28px}
  .i1 h1{font-size:clamp(42px,13vw,60px)}
  .i1-lead{font-size:16px}
  .i1-etikett .sc-row{padding:12px 12px 8px 14px}
  .i1-etikett .sc-row input{font-size:17px}
  .i1-go{padding:12px 16px;font-size:15px}
  .i1-e-kopf,.i1-e-fuss{padding-left:14px;padding-right:14px}
  .i1-e-fuss{flex-wrap:wrap;font-size:13px}
  .i1-e-kopf,.i1-e-fuss{padding-left:14px;padding-right:14px}
  .i1-schilder{padding:0 16px;grid-auto-columns:minmax(150px,46%)}
  .i1-regal{margin-top:36px}
  .i1 .i1-sec{padding-top:56px}
  .i1-gaenge{grid-template-columns:minmax(0,1fr)}
}


/* ============================================================
   Bewegung (Fassung 4): EIN orchestrierter Moment beim Laden + Rückmeldung auf Aktionen.
   Laden: Überschrift Zeile für Zeile → Etikett wird angeheftet (pendelt aus) → Scanner-Strich läuft einmal über die Suche
   → Preisschilder werden nacheinander an die Leiste gehängt → Minus-Sticker „klebt“ drauf.
   Aktionen: Fokus ins Suchfeld = Scanner läuft erneut; Schild pendelt beim Zeigen; Knöpfe geben beim Drücken nach.
   Nur transform/opacity. Weniger Bewegung = alles aus.
   ============================================================ */
.i1 h1>span{display:block;animation:i1-zeile .75s var(--ease-out) both}
.i1 h1>span+span{animation-delay:.12s}
@keyframes i1-zeile{from{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}
.i1-lead,.i1-oben{animation:i1-zeile .7s .22s var(--ease-out) both}

.i1-etikett{transform-origin:50% 0;animation:i1-anheften 1s .3s var(--ease-pendel) both}
@keyframes i1-anheften{0%{opacity:0;transform:translateY(-28px) rotate(-3.5deg)}55%{opacity:1;transform:translateY(0) rotate(1.2deg)}78%{transform:rotate(-.5deg)}100%{opacity:1;transform:none}}
.i1-laser{position:absolute;z-index:2;left:0;right:0;top:44px;height:2px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#FF2B2B 18%,#FF2B2B 82%,transparent);box-shadow:0 0 10px 2px rgba(255,43,43,.55);animation:i1-scan 1.1s 1.15s var(--ease-out) both}
.i1-etikett:focus-within .i1-laser{animation:i1-scan-fokus .9s var(--ease-out) both}
@keyframes i1-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(118px)}}
@keyframes i1-scan-fokus{0%{opacity:0;transform:translateY(0)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(118px)}}
.i1-etikett .sc-row input{background-image:linear-gradient(var(--tinte),var(--tinte));background-repeat:no-repeat;background-size:0% 2px;background-position:0 100%;transition:background-size .35s var(--ease-out),border-color .2s ease}
.i1-etikett .sc-row input:focus{background-size:100% 2px}
.i1-go{transition:transform .12s ease,background-color .15s ease}
.i1-go:active{transform:scale(.97)}

.i1-schilder li{animation:i1-aufhaengen .9s var(--ease-pendel) both;animation-delay:calc(.75s + var(--i) * 110ms)}
@keyframes i1-aufhaengen{0%{opacity:0;transform:translateY(-36px) rotate(-6deg)}50%{opacity:1;transform:translateY(0) rotate(3deg)}75%{transform:rotate(-1.2deg)}100%{opacity:1;transform:none}}
.i1-s-minus{animation:i1-kleben .35s var(--ease-out) both;animation-delay:calc(1.3s + var(--i) * 110ms)}
@keyframes i1-kleben{from{opacity:0;transform:scale(1.7) rotate(-8deg)}to{opacity:1;transform:rotate(4deg)}}
@media (hover:hover) and (pointer:fine){
  .i1-schilder a:hover{animation:i1-pendeln .7s var(--ease-pendel);box-shadow:0 2px 4px rgba(17,20,17,.08),0 16px 28px -12px rgba(17,20,17,.35)}
  .i1-gaenge a:hover .i1-g-icon{transform:translateX(3px)}
}
@keyframes i1-pendeln{0%{transform:rotate(0)}30%{transform:rotate(2.6deg)}60%{transform:rotate(-1.4deg)}100%{transform:rotate(0)}}
.i1-g-icon{transition:transform .2s var(--ease-out),color .15s ease}

/* Feinschliff */
.i1 p{text-wrap:pretty}


@media (prefers-reduced-motion:reduce){
  .i1 h1>span,.i1-lead,.i1-oben,.i1-etikett,.i1-schilder li,.i1-s-minus{animation:none}
  .i1-laser{display:none}
  .i1-schilder a:hover{animation:none}
  .i1-etikett .sc-row input,.i1-go,.i1-g-icon,.i1-seite .pimg img{transition:none}
  .i1-gaenge a:hover .i1-g-icon,.i1-seite .pcard:hover .pimg img,.i1-go:active{transform:none}
}

/* Start-Bereich kompakter: „Oft gesucht“ links unter die Überschrift, Etikett rechts mittig – Preisschilder rücken ins erste Bild */
.i1-hero{padding-top:40px}
.i1-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"text etikett" "beliebt etikett";align-items:start;row-gap:22px}
.i1-links{grid-area:text}
.i1-etikett{grid-area:etikett;align-self:center}
.i1-beliebt{grid-area:beliebt;grid-column:auto;margin:0}
.i1-beliebt a{min-height:34px;padding:0 11px}
.i1 h1{font-size:clamp(42px,5.4vw,76px)}
.i1-regal{margin-top:40px}
@media (max-width:1000px){
  .i1-hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "etikett" "beliebt"}
}

/* ============================================================
   Fassung 5 (hell): Radar der echten Startseite als ruhige Kulisse hinter dem Such-Etikett,
   Stempel „Technik-Trends“ / „Deals + Gutscheine“ wie auf der echten Seite (Form gleich, Farben für hellen Grund).
   ============================================================ */
.i1-hero{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 78% 40%,rgba(12,138,103,.08),transparent 65%),linear-gradient(180deg,#FFFFFF,var(--regal))}
.i1-hero-in{position:relative;z-index:1}
.i1-radar{position:absolute;z-index:0;right:max(-40px,calc(50% - 660px));top:50%;width:min(540px,44vw);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.i1-radar .radar-wrap{position:absolute;inset:0;width:100%;justify-self:auto}
.i1-radar .radar{background:radial-gradient(circle,rgba(12,138,103,.07) 0%,rgba(12,138,103,.02) 60%,transparent 72%);border:1px solid rgba(12,138,103,.16);box-shadow:none}
.i1-radar .radar svg.grid g:nth-child(1){stroke:rgba(12,138,103,.20)}
.i1-radar .radar svg.grid g:nth-child(2){stroke:rgba(12,138,103,.10)}
.i1-radar .radar svg.grid g:nth-child(3){stroke:rgba(12,138,103,.30)}
.i1-radar .sweep{opacity:.55;filter:hue-rotate(8deg) saturate(1.6) brightness(.75)}
.i1-radar .sweep::after{background:linear-gradient(180deg,#0C8A67,rgba(12,138,103,.5) 40%,rgba(12,138,103,0));box-shadow:0 0 10px 1px rgba(12,138,103,.45)}
.i1-radar .blip{background:#0C8A67;box-shadow:0 0 0 3px rgba(12,138,103,.18),0 0 12px 3px rgba(12,138,103,.45)}
.i1-radar .radar-core{background:#0C8A67;box-shadow:0 0 0 5px rgba(12,138,103,.15),0 0 16px 4px rgba(12,138,103,.35)}
.i1-radar .radar-ring{border-color:rgba(12,138,103,.22)}

/* Stempel wie auf der echten Seite, Farben für hellen Grund (Kontrast ≥ 4,5:1) */
.i1 .hero-oben{flex-wrap:wrap;gap:12px 18px;margin-bottom:6px}
.i1 .hero-oben>*{flex:none;white-space:nowrap}
.i1 .hero-oben .eyebrow{color:var(--grau);background:var(--schild);border-color:var(--kante);box-shadow:none;backdrop-filter:none;text-transform:none;letter-spacing:0;font-size:14px}
.i1 .hero-oben .eyebrow i{background:#0C8A67;box-shadow:0 0 0 4px rgba(12,138,103,.15)}
.i1 .schrei-stempel{color:#C8321F;border-color:#D9412F;background:rgba(217,65,47,.06);box-shadow:0 0 0 1px rgba(217,65,47,.2) inset}
.i1 .schrei-stempel:hover,.i1 .schrei-stempel:focus-visible{color:#A82614;background:rgba(217,65,47,.12)}
.i1 .deal-stempel{color:#A55A00;border-color:#D98A1E;background:rgba(217,138,30,.08);box-shadow:0 0 0 1px rgba(217,138,30,.25) inset}
.i1 .deal-stempel:hover,.i1 .deal-stempel:focus-visible{color:#874900;background:rgba(217,138,30,.15)}
.i1 .hero-oben{animation:i1-zeile .7s .22s var(--ease-out) both}

@media (max-width:1000px){
  .i1-radar{width:520px;right:-180px;top:0;transform:none;opacity:.7}
}
@media (max-width:640px){
  .i1-radar{width:380px;right:-150px;top:-30px;opacity:.55}
}
@media (prefers-reduced-motion:reduce){.i1 .hero-oben{animation:none}}

/* Fassung 6: Radar als eigene rechte Spalte (nichts verdeckt es, nichts schneidet es ab), Suche unter die Überschrift.
   Radar-Punkte rot (= gefundene Preise), Mitte und Strahl grün wie auf der echten Seite. */
.i1-hero{padding-bottom:48px}
.i1-hero-in{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"text radar" "etikett radar" "beliebt radar";row-gap:22px;column-gap:48px;align-items:start}
.i1-etikett{align-self:start}
.i1 h1{font-size:clamp(40px,4.8vw,66px)}
.i1-radar{grid-area:radar;position:relative;right:auto;top:auto;transform:none;align-self:center;justify-self:center;width:100%;max-width:470px;margin:28px}
.i1-links,.i1-etikett,.i1-beliebt{position:relative;z-index:1}
.i1-regal{margin-top:0}
.i1-radar .blip{background:#E5322A;box-shadow:0 0 0 3px rgba(229,50,42,.18),0 0 14px 4px rgba(229,50,42,.5)}
@media (max-width:1000px){
  .i1-hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "etikett" "beliebt"}
  .i1-radar{position:absolute;z-index:0;top:40px;right:-60px;width:330px;max-width:none;margin:0;opacity:.9}
}
@media (max-width:640px){
  .i1-radar{top:56px;right:-90px;width:270px;opacity:.85}
}
@media (max-width:640px){
  .i1-radar{top:92px;right:-28px;width:230px;opacity:1}
  .i1-radar .radar{background:radial-gradient(circle,rgba(12,138,103,.12) 0%,rgba(12,138,103,.04) 60%,transparent 72%);border-color:rgba(12,138,103,.3)}
  .i1-radar .radar-ring{inset:-14px}
}

/* Stempel-Reihe: alles in EINER Zeile (Desktop und Handy), auf schmalen Geräten werden die Stempel kleiner wie auf der echten Seite */
.i1 .hero-oben{flex-wrap:nowrap;gap:clamp(6px,1.2vw,14px)}
.i1 .hero-oben>*{flex:0 1 auto;min-width:0}
@media (max-width:640px){
  .i1 .hero-oben .eyebrow{font-size:clamp(9px,2.6vw,13px);padding:5px 9px 5px 7px;gap:6px}
  .i1 .hero-oben .eyebrow i{width:6px;height:6px}
}
.i1 .hero-oben .eyebrow i{flex:none}
@media (max-width:640px){
  .i1 .hero-oben{gap:5px;padding-right:4px}
  .i1 .hero-oben .schrei-stempel{padding:3px 7px 2px;border-width:3px}
  .i1 .hero-oben .schrei-stempel span{font-size:clamp(8.5px,2.35vw,13px)}
  .i1 .hero-oben .schrei-stempel small{font-size:clamp(7px,1.8vw,10px)}
}
@media (max-width:640px){
  .i1 .hero-oben>*{flex:none}
  .i1 .hero-oben .eyebrow{font-size:clamp(8.5px,2.35vw,13px);padding:4px 7px 4px 6px;gap:5px}
  .i1 .hero-oben .schrei-stempel{letter-spacing:.02em}
  .i1 .hero-oben .schrei-stempel small{letter-spacing:.04em}
}
/* Handy: Hinweis in eigener Zeile, die zwei Stempel nebeneinander darunter (passt sicher auf 360 px) */
@media (max-width:640px){
  .i1 .hero-oben{flex-wrap:wrap;gap:10px 12px}
  .i1 .hero-oben .eyebrow{flex-basis:auto;margin-right:40%;font-size:13px;padding:5px 10px 5px 8px}
  .i1 .hero-oben .schrei-stempel{padding:4px 11px 3px}
  .i1 .hero-oben .schrei-stempel span{font-size:13px}
  .i1 .hero-oben .schrei-stempel small{font-size:10px}
}
/* „Oft gesucht“-Knöpfe exakt wie „Lesezeichen setzen“ in der Kopfzeile */
.i1-beliebt a,.i1-beliebt a:hover{min-height:0;padding:6px 13px;border:1px solid var(--kante);border-radius:6px;background:transparent;box-shadow:none;font-size:12.5px;font-weight:800;line-height:1.1;color:var(--tinte);transition:border-color .15s ease}
.i1-beliebt a:hover{border-color:var(--tinte)}

/* Fix 2026-11-10: Radar läuft IMMER (auch bei „Bewegung reduzieren“/Stromsparmodus am Handy – sonst steht der Strahl als Fleck).
   Kein mix-blend-mode (hängt auf manchen Handys), eigene GPU-Ebene, Überschrift mit Luft nach oben. */
.i1 h1{padding-top:13px}
.i1-radar .sweep{mix-blend-mode:normal;animation:spin 7s linear infinite !important}
.i1-radar .radar-ring{animation:spin 90s linear infinite reverse !important}
.i1-radar .blip{animation-name:blip-klein !important;animation-duration:7s !important;animation-iteration-count:infinite !important;animation-timing-function:linear !important;animation-delay:var(--d) !important}

/* 10.11. (Laszlo): graue Regal-Leiste unter „Gerade günstiger geworden“ entfernt */
.i1-schilder::before{display:none}
.i1-beliebt a[hidden]{display:none}