/* ============================================================
   toppreisradar (neu) – DESIGN für ALLE Seiten (seit 2026-11-10, aus der Testseite index1.php übernommen)
   Idee: Preisetikett am Supermarktregal. Weiß-graues Regal, schwarze Schrift, Etikett-Gelb als einzige laute Stelle,
   Rot nur für Minus-Prozente, Preise/Überschriften in schmaler, fetter Schrift. Wirkt nur mit <body class="i1-seite">
   (seite_kopf, Schalter neu/inc/design-einstellungen.php). Startseiten-Teile (Etikett, Regal, Radar) stehen in index1.css.
   ============================================================ */
/* Schrift überall Manrope (seit 2026-11-10, Laszlo), lokal gehostet, Variable Font 200–800, SIL Open Font License 1.1 (fontsource 5.2.8) */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

.i1-seite{
  /* Farben */
  --regal:#F5F7FA;        /* Seitengrund: helles, kühles Weiß */
  --schild:#FFFFFF;       /* Etiketten, Karten */
  --tinte:#111411;        /* Text, Knöpfe */
  --grau:#5A615A;         /* Nebentext */
  --kante:#D5D9D3;        /* Linien */
  --gelb:#FFD60A;         /* Etikett-Gelb – nur Suche + Preisschilder */
  --rot:#D3241C;          /* Minus-Prozent */
  --gruen:#14783F;        /* gesunken / neu */
  /* Schrift */
  --preis:'Manrope',system-ui,sans-serif;
  --body:'Manrope',system-ui,sans-serif;
  --mono:var(--body);   /* bewusst KEINE Monospace-Schrift für Kleinkram */
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-pendel:cubic-bezier(.34,1.4,.5,1);
  /* Werte für die geteilten Bausteine */
  --bg:var(--regal);--surface:var(--schild);--text:var(--tinte);--muted:var(--grau);--line:var(--kante);
  --accent:var(--tinte);--accent-2:#000;--accent-soft:#F3F4F1;--display:var(--preis);--r:8px;
  --sh-1:none;--sh-2:0 1px 0 var(--kante);--sh-3:0 10px 30px rgba(17,20,17,.12);
  background:var(--regal);color:var(--tinte)
}
.i1-seite a:focus-visible,.i1-seite button:focus-visible,.i1-seite input:focus-visible{outline:3px solid var(--tinte);outline-offset:2px;border-radius:4px}
.i1-seite{--kante:#DDE2E8;--grau:#56606B}

/* ---------- Kopfzeile ---------- */
.i1-seite .top{background:var(--schild);border-bottom:1px solid var(--kante);box-shadow:none;backdrop-filter:none}
.i1-seite .logo{color:var(--tinte);font-family:var(--body);font-weight:700}
.i1-seite .logo svg{filter:none}
.i1-seite .slogan-kopf{color:var(--grau)}
.i1-seite .btn-cat{color:var(--tinte);background:var(--regal);border:0;border-radius:6px;box-shadow:none}
.i1-seite .btn-cat:hover{color:var(--tinte);background:var(--kante)}
.i1-seite .top-search input{color:var(--tinte);background:var(--regal);border:1px solid transparent;border-radius:6px;box-shadow:none}
.i1-seite .top-search input::placeholder{color:#7C837C}
.i1-seite .top-search input:focus{background:var(--schild);border-color:var(--tinte)}
.i1-seite .top-link{color:var(--tinte)}
.i1-seite .top-nav a{color:var(--grau);border:0;border-radius:0;padding:5px 2px;background:none}
.i1-seite .top-nav a:hover,.i1-seite .top-nav a:focus-visible{color:var(--tinte);background:none;text-decoration:underline;text-underline-offset:3px}
.i1-seite .top-nav a.nav-bf,.i1-seite .top-nav a.nav-saison{color:var(--tinte);background:none;border:0}
.i1-seite .top-nav .nav-merken{color:var(--tinte);background:none;border:1px solid var(--kante);border-radius:6px;box-shadow:none;animation:none}
.i1-seite .top-nav .nav-merken svg{color:var(--tinte);fill:none}

.i1-seite .katwahl-knopf{background:var(--regal);border:0;border-radius:4px;box-shadow:none}
.i1-seite .katwahl-knopf:hover{transform:none;box-shadow:none;background:var(--kante)}
.i1-seite .katwahl-knopf svg path{stroke:var(--tinte)}
.i1-seite .katwahl-knopf .n{box-shadow:none;background:var(--schild);color:var(--tinte)}
.i1-seite .katwahl-panel{border-radius:6px;box-shadow:var(--sh-3);border-color:var(--kante)}

/* Produkt- und Deal-Karten wie Regalschilder: weiß, eckig, Preis schmal und fett */
.i1-seite .reveal{opacity:1;transform:none}
.i1-seite .pgrid{gap:12px;margin-top:24px}
.i1-seite .pcard{border-radius:4px;box-shadow:none;transition:transform .2s}
.i1-seite .pcard::after{display:none}
.i1-seite .pcard:hover,.i1-seite .pcard.reveal.on:hover{transform:translateY(-3px);box-shadow:none}
.i1-seite .pimg{background:var(--schild)}
.i1-seite .pimg::before{display:none}
.i1-seite .badge{background:var(--rot);color:#fff;border-radius:2px;animation:none;box-shadow:none;font-family:var(--preis);font-stretch:75%;font-variation-settings:'wdth' 75;font-size:15px;transform:rotate(-3deg)}
.i1-seite .badge.sunk{background:var(--gruen);font-family:var(--body);font-size:12px;transform:none}
.i1-seite .heart{background:var(--schild);border:1px solid var(--kante);color:var(--tinte);backdrop-filter:none}
.i1-seite .pfoot{margin:auto -18px -18px;padding:10px 18px;border-top:1px dashed var(--kante)}
.i1-seite .price b{font-family:var(--preis);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75;font-size:24px;color:var(--tinte)}
.i1-seite .brand{letter-spacing:.02em}
.i1-seite .deals-reihe{--g:12px;gap:12px;margin-top:24px}
.i1-seite .deal{border-radius:4px;box-shadow:none}
.i1-seite .deal-bild{background:var(--schild)}
.i1-seite .deal-minus{background:var(--rot);border-radius:2px;box-shadow:none}
.i1-seite .deal-preis b{font-family:var(--preis);font-stretch:75%;font-variation-settings:'wdth' 75;font-size:24px}
.i1-seite .bf-kasten{border-radius:6px}

/* Fußzeile */
.i1-seite footer{background:var(--tinte);color:#B4BAB3;margin-top:88px}
.i1-seite footer::before{background:var(--gelb);height:4px}
.i1-seite .foot .logo{color:#fff}
.i1-seite .foot b{color:#fff}
.i1-seite .foot nav a{color:#fff}
.i1-seite .foot nav a:hover{color:var(--gelb)}
.i1-seite .slogan-fuss{color:#B4BAB3}

.i1-seite .pimg img{transition:transform .35s var(--ease-out)}
@media (hover:hover) and (pointer:fine){.i1-seite .pcard:hover .pimg img{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){
  .i1-seite .pcard:hover,.i1-seite .pcard.reveal.on:hover,.i1-seite .pcard:hover .pimg img{transform:none}
  .i1-seite .pimg img{transition:none}
}
.i1-seite{-webkit-font-smoothing:antialiased}

/* ============================================================
   Unterseiten (Kategorie, Bereich, Suche, Produkt, Deals, Rechtstexte): dunkles Band → helles Regal wie die Startseite
   ============================================================ */
.i1-seite .pcard .badge.sunk{color:#fff}
.i1-seite h1,.i1-seite h2{font-family:var(--preis);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75;letter-spacing:-.02em;color:var(--tinte);text-wrap:balance}
.i1-seite h1 em{background:none;-webkit-text-fill-color:currentColor;color:var(--tinte)}
.i1-seite .kicker{color:var(--grau)}

/* Kopf-Band */
.i1-seite .band{color:var(--tinte);background:radial-gradient(900px 520px at 85% 0%,rgba(12,138,103,.07),transparent 65%),linear-gradient(180deg,#FFFFFF,var(--regal));border-bottom:1px solid var(--kante)}
.i1-seite .band::before{display:none}
.i1-seite .band h1{color:var(--tinte);text-shadow:none}
.i1-seite .band .meta,.i1-seite .band .zahlen-satz,.i1-seite .band .bereich-intro,.i1-seite .back,.i1-seite .ratgeber-link a,.i1-seite .zubehoer-links,.i1-seite .nachbarn,.i1-seite .nachbarn>span{color:var(--grau)}
.i1-seite .band .meta b{color:var(--tinte)}
.i1-seite .back:hover{color:var(--tinte)}
.i1-seite .bereich-mehr,.i1-seite .kat-text-mehr{color:var(--tinte);text-decoration:underline;text-underline-offset:3px}
.i1-seite .zubehoer-links a,.i1-seite .nachbarn a,.i1-seite .nachbarn>span a{color:var(--tinte);opacity:1;border-bottom-color:var(--kante)}
.i1-seite .zubehoer-links a:hover,.i1-seite .nachbarn a:hover{border-bottom-color:var(--tinte)}
.i1-seite .zubehoer-links small,.i1-seite .nachbarn small{color:var(--grau)}
/* Radar im Band: hell wie auf der Startseite (grüner Strahl, rote Punkte) */
.i1-seite .band .radar-wrap{opacity:.55}
.i1-seite .band .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-seite .band .radar svg.grid g:nth-child(1){stroke:rgba(12,138,103,.20)}
.i1-seite .band .radar svg.grid g:nth-child(2){stroke:rgba(12,138,103,.10)}
.i1-seite .band .radar svg.grid g:nth-child(3){stroke:rgba(12,138,103,.30)}
.i1-seite .band .sweep{opacity:.55;mix-blend-mode:normal;filter:hue-rotate(8deg) saturate(1.6) brightness(.75)}
.i1-seite .band .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-seite .band .blip{background:#E5322A;box-shadow:0 0 0 3px rgba(229,50,42,.18),0 0 14px 4px rgba(229,50,42,.5)}
.i1-seite .band .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-seite .band .radar-ring{border-color:rgba(12,138,103,.22)}

/* Brotkrumen, Unterkategorien */
.i1-seite .crumbs a{color:var(--tinte);background:var(--schild);border:1px solid var(--kante);border-radius:6px}
.i1-seite .crumbs a:hover{color:var(--tinte);background:var(--schild);border-color:var(--tinte)}
.i1-seite .crumbs li[aria-current] span{color:var(--tinte);font-weight:700}
.i1-seite .crumbs .sep,.i1-seite .crumbs li{color:var(--grau)}
.i1-seite .subcats a{color:var(--tinte);background:var(--schild);border:1px solid var(--kante);border-radius:6px;box-shadow:none}
.i1-seite .subcats a:hover{color:var(--tinte);background:var(--schild);border-color:var(--tinte);box-shadow:none}
.i1-seite .subcats a small{color:var(--grau)}
.i1-seite .subcats a[aria-current]{color:#fff;background:var(--tinte);border-color:var(--tinte);box-shadow:none}
.i1-seite .subcats a[aria-current] small{color:rgba(255,255,255,.75)}

/* Kaufberater-Stempel: helle Fassung */
.i1-seite .kb-stempel{color:#15803D;border-color:#16A34A;background:rgba(22,163,74,.07);box-shadow:0 0 0 1px rgba(22,163,74,.22) inset}
.i1-seite .kb-stempel:hover,.i1-seite .kb-stempel:focus-visible,.i1-seite .kb[open]>.kb-stempel{color:#116A33;background:rgba(22,163,74,.14)}
.i1-seite .kb-box{border:1px solid var(--kante);border-radius:6px;box-shadow:var(--sh-3)}

/* Glas-Kästen (Suche im Band, Filter, Werkzeugleiste) → weiße Schilder */
.i1-seite .glass{background:var(--schild);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--kante);border-radius:6px;box-shadow:0 1px 2px rgba(17,20,17,.05)}
.i1-seite .band .glass{box-shadow:0 1px 0 var(--kante),0 18px 40px -18px rgba(17,20,17,.35)}
.i1-seite .btn-go{color:#fff;background:var(--tinte);border-radius:4px;box-shadow:none}
.i1-seite .btn-go:hover{background:#000;box-shadow:none}
.i1-seite .range input,.i1-seite .select select,.i1-seite .katwahl-select,.i1-seite .katwahl-filter{border-radius:4px}
.i1-seite .range input:focus,.i1-seite .select select:focus,.i1-seite .katwahl-select:focus,.i1-seite .katwahl-filter:focus{border-color:var(--tinte);box-shadow:0 0 0 3px rgba(17,20,17,.12)}
.i1-seite .check .box{border-radius:3px}
.i1-seite .check input:checked+.box{box-shadow:none}
.i1-seite .check input:focus-visible+.box,.i1-seite .switch input:focus-visible+.tr{outline-color:var(--tinte)}
.i1-seite .toolbar .info i{background:#0C8A67;box-shadow:0 0 0 4px rgba(12,138,103,.15)}
.i1-seite .pill-x{border-radius:6px}
.i1-seite .filters details.mehr>summary,.i1-seite .toolbar a,.i1-seite .toolbar .pill-x.alle-weg,.i1-seite .desc .desc-mehr>summary,.i1-seite .desc-mehr-btn,.i1-seite .tech-btn,.i1-seite .tech-link a,.i1-seite .deals-alle,.i1-seite .kat-text a{color:var(--tinte);text-decoration:underline;text-underline-offset:3px}
.i1-seite .tech .tech-daten h3{color:var(--grau)}
.i1-seite .go{background:var(--tinte);border-radius:4px;box-shadow:none}
.i1-seite .shops{border-radius:4px}
.i1-seite .pagination a,.i1-seite .pagination span{border-radius:4px}

/* Bereichs-/Gruppenseiten: Kacheln wie Schilder */
.i1-seite .tiles{gap:12px}
.i1-seite .tile{background:var(--schild);border-radius:6px;box-shadow:none}
.i1-seite .tile::before{display:none}
.i1-seite .tile::after{box-shadow:inset 0 0 0 1px var(--kante)}
.i1-seite .tile:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(17,20,17,.08),0 16px 28px -12px rgba(17,20,17,.3)}
.i1-seite .tile:hover::after{box-shadow:inset 0 0 0 1.5px var(--tinte)}
.i1-seite .tile-icon{color:var(--tinte);background:var(--regal);border-radius:6px;box-shadow:none}
.i1-seite .tile-count{color:var(--tinte);background:var(--regal);border-radius:4px}
.i1-seite .schrei-tiles .tile-arrow{color:var(--tinte);background:var(--regal);border-radius:4px}
.i1-seite .schrei-tiles .tile:hover .tile-arrow{background:var(--tinte);color:#fff}

/* Produktseite: Bestpreis-Kasten, Kaufknopf, Angebote */
.i1-seite{--k-preis:var(--tinte);--k-rand:var(--kante);--k-flaeche:var(--regal)}
.i1-seite .best{background:var(--schild);border:1px solid var(--kante);border-radius:6px;box-shadow:0 1px 0 var(--kante)}
.i1-seite .best .drop{color:var(--gruen);border-color:var(--kante);border-radius:4px}
.i1-seite .cta{color:#fff;background:var(--tinte);border-radius:4px;box-shadow:none}
.i1-seite .cta:hover{background:#000}
.i1-seite .stage,.i1-seite .thumbs button{border-radius:6px}
.i1-seite .thumbs button[aria-current]{border-color:var(--tinte);box-shadow:none}
.i1-seite .oshop .av{border-radius:4px;background:var(--tinte);box-shadow:none}
.i1-seite .best-o .av{background:var(--gruen)}
.i1-seite .oshop small{color:var(--gruen)}
.i1-seite .obtn{border-radius:4px;box-shadow:none;border-color:var(--kante)}
.i1-seite .best-o .obtn{color:#fff;background:var(--tinte);border-color:var(--tinte);box-shadow:none}
.i1-seite .best-o .obar .track i{background:var(--tinte)}
.i1-seite .trust svg{color:var(--gruen)}
.i1-seite .cstat.low b{color:var(--gruen)}
.i1-seite .chart{--c-linie:var(--tinte)}
.i1-seite .rechtstext a{color:var(--tinte)}
.i1-seite .vorschlag mark,.i1-seite .vorschlag .vs-alle,.i1-seite .vorschlag .vs-ic{color:var(--tinte)}
.i1-seite .vorschlag .vs-ic{background:var(--regal)}
.i1-seite .aktion-code i{color:var(--tinte)}
.i1-seite .card{border-radius:6px;box-shadow:none;border:1px solid var(--kante)}
.i1-seite .offer{background:var(--schild);border-color:var(--kante);border-radius:6px}
.i1-seite .offer.best-o{background:var(--schild);border:2px solid var(--tinte);box-shadow:none}
.i1-seite .off-info{background:var(--regal);box-shadow:inset 0 0 0 1px var(--kante);border-radius:6px}
.i1-seite .cstat{border-radius:6px}
.i1-seite .cstat.low{background:var(--schild);box-shadow:inset 0 0 0 1px var(--kante)}
.i1-seite .yt{border-radius:6px;border-color:var(--kante);background:var(--schild)}
.i1-seite .ototal b,.i1-seite .ts-preis,.i1-seite .kl-preis,.i1-seite .cstat b{font-family:var(--preis);font-weight:800;font-stretch:75%;font-variation-settings:'wdth' 75}
.i1-seite .slogan-fuss{background:var(--gelb);color:var(--tinte);border-radius:4px}
.i1-seite .oshop .av{color:#fff}
.i1-seite .top-shop{border-radius:6px}
.i1-seite .search-card{border-radius:6px;box-shadow:0 1px 0 var(--kante),0 18px 40px -18px rgba(17,20,17,.35)}
.i1-seite .search-card::before{display:none}
.i1-seite .shops{background:var(--regal);color:var(--tinte)}

/* Handy: Merkliste-Herz in der ersten Zeile neben dem Menü (Logo nimmt den Rest der Zeile, Slogan bricht um) */
@media (max-width:640px){
  .i1-seite .top .logo{flex:1 1 0;min-width:0;margin-right:0}
  .i1-seite .top .top-link{order:1;flex:none;width:44px;height:44px;justify-content:center;padding:0;border:1px solid var(--kante);border-radius:6px}
  .i1-seite .top .btn-cat{order:2;flex:none;width:44px;height:44px;justify-content:center;padding:0}
}
.i1-seite input,.i1-seite button,.i1-seite select,.i1-seite textarea,.i1-seite optgroup{font-family:inherit}
/* Manrope: Tabellenziffern machen die „1“ sehr breit („444,1 1 €“) – Preise und Zahlen in Fließtext mit normalen Ziffern */
.i1-seite .price b,.i1-seite .ts-preis,.i1-seite .kl-preis,.i1-seite .ototal,.i1-seite .ototal b,.i1-seite .cstat b,.i1-seite .deal-preis b,.i1-seite .i1-s-preis,.i1-seite .best b,.i1-seite .meta b,.i1-seite .i1-e-fuss,.i1-seite .shops,.i1-seite .subcats a small,.i1-seite .i1-g-zahl,.i1-seite .tile-count{font-variant-numeric:proportional-nums}

/* 10.11. (Laszlo): „Preisvergleich mit Ordnung“ eckig wie die anderen Knöpfe */
.i1-seite .eyebrow{border-radius:6px}

/* Radar im Kategorie-Band ganz im Bild (nicht über den rechten Rand hinaus) */
.i1-seite .band .radar-wrap{right:max(24px,calc(50% - 600px));top:24px;width:min(360px,34vw);opacity:.6}
@media (max-width:640px){.i1-seite .band .radar-wrap{right:12px;top:20px;width:190px;opacity:.5}}

/* Kaufberater: größer, mit Luft, pulsiert immer (auch am Handy mit „Bewegung reduzieren“/Stromsparmodus, wie das Radar) */
.i1-seite .kb{margin:26px 0 28px}
.i1-seite .kb-stempel{min-height:62px;padding:10px 26px 9px;border-width:3px;border-radius:6px}
.i1-seite .kb-stempel span{font-family:var(--body);font-size:20px;letter-spacing:.08em}
.i1-seite .kb-stempel small{font-size:12px}
.i1-seite .kb-stempel{animation:kbPulsI1 2.6s ease-in-out infinite !important}
.i1-seite .kb[open]>.kb-stempel,.i1-seite .kb-stempel:hover,.i1-seite .kb-stempel:focus-visible{animation:none !important}
@keyframes kbPulsI1{0%,100%{transform:rotate(-2deg) scale(1);background:rgba(22,163,74,.07);box-shadow:0 0 0 1px rgba(22,163,74,.22) inset,0 0 0 0 rgba(139,92,246,0)}
50%{transform:rotate(-2deg) scale(1.06);background:rgba(139,92,246,.12);box-shadow:0 0 0 1px rgba(139,92,246,.4) inset,0 0 0 6px rgba(139,92,246,.18),0 0 26px 8px rgba(139,92,246,.5)}}
@media (max-width:640px){
  .i1-seite .kb{margin:24px 0 26px;text-align:center}
  .i1-seite .kb-box{text-align:left}
  .i1-seite .kb-stempel{min-height:60px;padding:9px 24px 8px}
  .i1-seite .kb-stempel span{font-size:19px}
}

/* 10.11. (Laszlo): Radar im Kategorie-Band direkt neben der Überschrift (darf lange Überschriften überlappen) und unten NICHT abgeschnitten –
   es ragt hinter die Kacheln/Liste darunter (die liegen eine Ebene höher). Seitlich bleibt es abgeschnitten (kein Seiten-Scrollen am Handy). */
.i1-seite .band{overflow:hidden;overflow:clip;overflow-y:visible}
.i1-seite main>.band~*{position:relative;z-index:1}
.i1-seite .band .radar-wrap{right:auto;left:calc(max(24px,50% - 596px) + 400px);top:40px;width:340px;opacity:.6}
@media (max-width:900px){.i1-seite .band .radar-wrap{left:auto;right:16px;width:280px}}
@media (max-width:640px){.i1-seite .band .radar-wrap{left:auto;right:12px;top:20px;width:190px;opacity:.5}}

/* 10.11. (Laszlo, Screenshot mit Markierung): Desktop – Radar rechts im Inhaltsbereich, oben am Band, ganz sichtbar;
   Kaufberater-Knopf unter der Überschrift nach rechts eingerückt (aufgeklappter Text bleibt links bündig) */
@media (min-width:901px){
  .i1-seite .band .radar-wrap{left:auto;right:calc(max(24px,50% - 596px) + 16px);top:4px;width:340px;opacity:.6}
  .i1-seite .kb>.kb-stempel{margin-left:min(330px,24vw)}
}

/* 10.11. (Laszlo): Kaufberater am Desktop etwas tiefer */
@media (min-width:901px){.i1-seite .kb{margin-top:40px}}

/* 10.11. (Laszlo): Band oben mindestens 368 px hoch – nicht am Handy */
@media (min-width:641px){.i1-seite .band{min-height:368px}}

/* 10.11. (Laszlo): Handy – Band-Inhalt rundum 20 px (vorher unten 88 px) */
@media (max-width:640px){.i1-seite .band-in{padding:20px}}
/* … dafür am Handy den Inhalt darunter nicht mehr 56 px ins Band hochziehen (sonst überdeckt Filter/Suche die letzte Zeile im Band) */
@media (max-width:640px){.i1-seite .cat-layout,.i1-seite .prod-layout,.i1-seite .top-wrap{margin-top:12px}}

/* 10.11. (Laszlo): Kaufberater-Knopf der Produktseite wie auf der Kategorieseite platziert (Desktop eingerückt + tiefer, Handy mittig mit Luft) */
.i1-seite .kb-link-wrap{margin:26px 0 28px}
@media (max-width:640px){.i1-seite .kb-link-wrap.kb-handy{margin:24px 0 26px;text-align:center}}
@media (min-width:901px){.i1-seite .kb-link-wrap.kb-desktop{margin-top:40px}.i1-seite .kb-link-wrap>.kb-stempel{margin-left:min(330px,24vw)}}
/* 10.11. (Laszlo): Produktband 423 px (Laszlo) – Radar (344 px) wird vom „Günstigster Shop“-Feld (−56 px) nicht mehr abgeschnitten */
@media (min-width:641px){.i1-seite .band-prod{min-height:423px}}

/* 10.11. (Laszlo): Radar läuft auf ALLEN Seiten auch am Handy (auch bei „Bewegung reduzieren“/Stromsparmodus), kein mix-blend-mode;
   Produktseite: Radar am Handy wieder sichtbar (vorher in zusatz.css ausgeblendet) */
.i1-seite .band .sweep{mix-blend-mode:normal;animation:spin 7s linear infinite !important}
.i1-seite .band .radar-ring{animation:spin 90s linear infinite reverse !important}
.i1-seite .band .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}
@media (max-width:640px){
  .i1-seite .band-prod{min-height:140px}
  .i1-seite .band-prod .radar-wrap{display:block;left:auto;right:12px;top:10px;width:150px;opacity:.6}
}