/* DealsGen Preisvergleich – Stylesheet nach dem DealsGen-Schema (Tokens, Marker, Pill-Buttons, runde Karten).
   Aufbau: Tokens · Basis · Header · Kategorieleiste · Menü · Suchvorschläge · Einleitung · Toolbar · Raster/Karten ·
   Votes · Buttons · Modal/Deal · Produktseite · Chart · Preisvergleich · Karussell · Shops · Rechtliches · Footer ·
   Tablet · Handy · Bewegung */

/* ───────── Tokens ───────── */
:root{
  --green:#23a25d;--green-dark:#1e8f52;--green-bright:#16a34a;--green-ink:#1b8049;
  --green-a-05:rgba(35,162,93,.05);--green-a-10:rgba(35,162,93,.10);--green-a-15:rgba(35,162,93,.15);
  --green-a-25:rgba(35,162,93,.25);--green-a-30:rgba(35,162,93,.30);
  --ink:#1a1a1a;--ink-soft:#555;--muted:#666;--faint:#999;--paper:#fff;--paper-tint:#fafffe;
  --card-bg:#fafafa;--line:#e8e8e8;--line-soft:rgba(232,232,232,.6);--field-line:#e2e8f0;
  --footer:#0a0a0a;--danger:#ef4444;--warn:#b45309;
  --grad:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);
  --grad-line:linear-gradient(90deg,var(--green),var(--green-dark));
  --r-field:12px;--r-box:16px;--r-tile:24px;--r-card:28px;--r-pill:60px;--ease:cubic-bezier(.4,0,.2,1);
  --gutter:24px;
  /* Einheitliche Groessen (alle Seiten): Schrift-Stufen und drei Knopfgroessen. Neue Regeln nur mit diesen Werten. */
  --fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;
  --btn-lg:48px;--btn-lg-fs:1.0625rem;--btn-lg-px:24px;
  --btn-md:40px;--btn-md-fs:.9375rem;--btn-md-px:18px;
  --btn-sm:34px;--btn-sm-fs:.8125rem;--btn-sm-px:14px;
  /* Abstaende: 4er-Raster; --sp-section zwischen Abschnitten, --sp-head von Abschnittsueberschrift zum Inhalt */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;
  --sp-section:40px;--sp-head:14px;
}

/* ───────── Basis ───────── */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth;height:100%;-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.no-scroll{overflow:hidden}
main{flex:1 0 auto}
img{max-width:100%;display:block}
a{color:var(--green-dark)}
button{font-family:inherit}
:focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:6px}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--gutter)}
.container.narrow{max-width:800px}
.skip{position:absolute;left:-999px;top:8px;z-index:2000;background:var(--green);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700;text-decoration:none}
.skip:focus{left:16px}
.sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:#ccc;margin:0 2px;vertical-align:middle}
.small{font-size:.8125rem;color:var(--faint)}
.note{font-size:.8125rem;color:var(--muted);margin:12px 0}
.textlink{color:var(--green-dark);font-weight:600;text-decoration:none}
.highlight{position:relative;display:inline-block;color:var(--green);z-index:1}
.highlight::after{content:'';position:absolute;left:-8px;right:-8px;bottom:6px;height:.35em;background:var(--green-a-15);border-radius:10px;z-index:-1}
.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green);margin:22px 0 12px}
.badge{display:inline-block;background:var(--grad);color:#fff;font-weight:700;font-size:.8125rem;padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap}
.old{color:var(--faint);font-size:.9375rem;white-space:nowrap}
.price{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.price-xl{font-size:var(--fs-2xl);font-weight:900;letter-spacing:-.03em;white-space:nowrap}
.saving{color:var(--green-dark);font-weight:600}
.merchant{font-weight:600;color:var(--ink-soft)}

/* ───────── Header ───────── */
.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--green-a-10);position:sticky;top:0;z-index:100}
.header-row{display:flex;align-items:center;gap:20px;min-height:76px}
.logo{font-size:1.75rem;font-weight:800;color:var(--green);text-decoration:none;letter-spacing:-.04em;white-space:nowrap;display:inline-flex;align-items:center;gap:9px}
.logo-mark{width:30px;height:30px;border-radius:8px;flex-shrink:0}
.burger,.menu-close{width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0}
.burger{margin-left:-10px}
.search-wrap{flex:1;max-width:620px;position:relative;min-width:0}
.search{display:flex;align-items:center;border:2px solid var(--field-line);border-radius:var(--r-pill);overflow:hidden;background:#fff;transition:border-color .3s var(--ease),box-shadow .3s var(--ease);min-height:48px}
.search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px var(--green-a-10)}
.search-icon{display:none;align-items:center;color:var(--ink-soft);padding-left:14px}
.search input{flex:1;border:0;padding:10px 20px;font:inherit;font-size:1rem;background:transparent;min-width:0;color:var(--ink)}
.search input:focus{outline:none}
.search input::-webkit-search-cancel-button{-webkit-appearance:none}
.search button{border:0;background:var(--grad);color:#fff;font:inherit;font-weight:600;padding:0 24px;cursor:pointer;align-self:stretch;display:inline-flex;align-items:center;justify-content:center}
.search .btn-ico{display:none}
.main-nav{display:flex;gap:28px;margin-left:auto}
.main-nav a{color:var(--muted);text-decoration:none;font-weight:500;position:relative;padding:8px 0;white-space:nowrap}
.main-nav a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--grad-line);border-radius:1px;transition:width .3s ease}
.main-nav a.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;margin-left:-6px}
.main-nav a.nav-icon::after{display:none}
.konto-mobile{display:none}

/* ───────── Kategorieleiste (Pills im Karussell) ───────── */
.catbar{border-top:1px solid var(--line-soft);background:#fff}
.catbar-car{--car-gap:8px}
.catbar-track{display:flex;gap:var(--car-gap);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:10px 0}
.catbar-track::-webkit-scrollbar{display:none}
.catbar-track .chip{scroll-snap-align:start}
.catbar-car .car-btn{width:34px;height:34px;box-shadow:0 0 0 6px #fff,0 4px 14px rgba(0,0,0,.12)}
.catbar-car .car-btn svg{width:16px;height:16px}
.catbar-car .car-btn.prev{left:4px}
.catbar-car .car-btn.next{right:4px}
.chip{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;white-space:nowrap;padding:8px 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:.9375rem;line-height:1.2;transition:all .25s var(--ease)}
.chip.active{background:var(--grad);border-color:transparent;color:#fff}
.chip-cat{font-size:.8125rem;padding:6px 12px;margin-bottom:12px}
.chip .chip-x{margin-left:4px;opacity:.85;font-size:1.05em;line-height:1}

/* ───────── Seitenmenü ───────── */
.menu{position:fixed;inset:0;z-index:1200}
.menu[hidden]{display:none}
.menu-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.5);opacity:0;transition:opacity .2s ease}
.menu-panel{position:absolute;top:0;bottom:0;left:0;width:min(84vw,320px);background:#fff;box-shadow:0 0 60px rgba(0,0,0,.25);transform:translateX(-100%);transition:transform .22s var(--ease);overflow-y:auto;display:flex;flex-direction:column}
.menu.open .menu-backdrop{opacity:1}
.menu.open .menu-panel{transform:none}
.menu-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}
.menu-head .logo{font-size:1.375rem}
.menu-section{padding:10px 8px;border-bottom:1px solid var(--line)}
.menu-section:last-child{border-bottom:0}
.menu-title{font-size:.6875rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--faint);padding:6px 8px 4px}
.menu-section a{display:flex;align-items:center;padding:11px 8px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:.9375rem;font-weight:500;min-height:44px}
.menu-legal a{font-size:.8125rem;color:var(--muted);min-height:38px;padding:8px}

/* ───────── Suchvorschläge ───────── */
.suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--field-line);border-radius:var(--r-box);box-shadow:0 18px 48px rgba(0,0,0,.14);z-index:80;overflow:hidden}
.suggest[hidden]{display:none}
.suggest-list{list-style:none;margin:0;padding:6px 0}
.suggest-item{display:flex;gap:12px;align-items:center;padding:8px 14px;text-decoration:none;color:var(--ink);transition:background .15s ease}
.suggest-thumb{flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:var(--card-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.suggest-thumb img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.suggest-body{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}
.suggest-title{font-size:.9rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}
.suggest-title b{color:var(--green-dark);font-weight:800}
.suggest-meta{font-size:.78rem;color:var(--muted)}
.suggest-meta strong{color:var(--ink);font-weight:700}
.suggest-meta s{color:var(--faint)}
.suggest-meta em{font-style:normal;color:#fff;background:var(--green);border-radius:6px;padding:0 5px;font-weight:700}
.suggest-all,.suggest-empty{display:block;padding:11px 14px;border-top:1px solid var(--line);font-size:.875rem}
.suggest-all{color:var(--green-dark);font-weight:700;text-decoration:none}
.suggest-empty{color:var(--muted);border-top:0}

/* ───────── Einleitung ───────── */
.intro{padding:52px 0 24px;text-align:center}
.h-page{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px;text-wrap:balance}
.lead{font-size:1.125rem;color:var(--muted);max-width:720px;margin:0 auto}
.page-section{padding:40px 0 80px}
.page-section .lead{margin:0 0 8px}
.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:.9375rem;margin-bottom:18px}

/* ───────── Toolbar (aktiver Filter + Sortierung) ───────── */
.toolbar{position:relative;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px 0}
.toolbar .container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips:not(:has(.chip)){display:none}
.sortform{display:flex;align-items:center;gap:10px;margin-left:auto}
.sortform label{font-size:.875rem;color:var(--muted)}
.sortform select{font:inherit;font-size:.9375rem;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r-field);background:#fff;color:var(--ink);cursor:pointer}
.sortform select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-a-10)}

/* ───────── Raster und Karten ───────── */
.grid-section{padding:36px 0 80px;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-tint) 100%)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.card{background:#fff;border-radius:var(--r-tile);border:1px solid var(--line-soft);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.card-link{color:inherit;text-decoration:none;display:block}
.card-media{position:relative;height:190px;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}
.card-media img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;transition:transform .4s ease}
.card-media .badge{position:absolute;top:12px;left:12px}
.card-title{font-size:.9375rem;font-weight:600;line-height:1.4;padding:4px 16px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;letter-spacing:-.01em}
.card-foot{padding:8px 16px 16px;margin-top:auto}
.price-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.price-row .vote-form{margin-left:auto}
.card-meta{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--muted);margin-top:2px;flex-wrap:wrap}
.card-foot .card-meta{flex-direction:column;align-items:stretch;gap:0}
.card-foot .card-meta .sep{display:none}
.card-foot .card-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-meta.small{font-size:.75rem;color:var(--faint)}
.compare{color:var(--green-dark);font-weight:600;text-decoration:none;padding:6px 8px;margin:-6px -8px;display:inline-flex;align-items:center;min-height:30px}
.empty{text-align:center;padding:60px 0;color:var(--muted)}
.empty h2{font-size:1.5rem;color:var(--ink);margin-bottom:8px}
.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:var(--sp-section);font-size:.9375rem;color:var(--muted)}
.pagination a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line);border-radius:var(--r-pill);color:var(--ink);text-decoration:none;font-weight:600;background:#fff}

/* ───────── Heißeste Deals: weiße Kachel, auf breiten Bildschirmen rechts außen neben dem Raster ───────── */
.deals-layout{position:relative;display:flex;flex-direction:column-reverse;gap:16px}
.hot-col{min-width:0}
.hot{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 14px 12px;box-shadow:0 14px 40px rgba(0,0,0,.08)}
.hot-head{font-weight:800;font-size:1.0625rem;letter-spacing:-.01em;margin-bottom:10px}
.hot-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.hot-list::-webkit-scrollbar{display:none}
.hot-item{flex:0 0 240px;display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);padding:8px;border-radius:14px;border:1px solid var(--line-soft);background:#fff;transition:background .2s ease,border-color .2s ease}
.hot-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;border:1px solid var(--line-soft)}
.hot-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.hot-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.hot-title{font-size:.8125rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink-soft)}
.hot-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9375rem}
.hot-meta strong{font-weight:800;color:var(--ink)}
.hot-votes{font-style:normal;font-size:.8125rem;font-weight:800;color:var(--green-dark);background:var(--green-a-10);border-radius:var(--r-pill);padding:3px 10px 3px 8px;white-space:nowrap}
.hot-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 4px;color:var(--green-dark);font-weight:700;font-size:.875rem;text-decoration:none}
.hot-more .arrow{transition:transform .2s ease}
/* Breite Bildschirme: Kachel im rechten Seitenrand, das Raster behaelt seine volle Breite */
@media (min-width:1860px){
  .deals-layout{display:block}
  .hot-col{position:absolute;top:0;bottom:0;left:calc(100% + 28px);width:300px}
  .hot-stack{position:sticky;top:150px}
  .hot{position:static}
  .hot-list{flex-direction:column;overflow:visible;gap:6px;padding:0}
  .hot-item{flex:0 0 auto;border:0;padding:8px}
}

/* ───────── Abstimmen ───────── */
.vote-form{display:inline-flex;align-items:center;gap:6px}
.vote{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:var(--r-pill);padding:5px 12px 5px 10px;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;min-height:34px;transition:all .2s ease}
.vote.voted{background:var(--green-a-10);border-color:transparent;color:var(--green-dark)}
.vote:disabled{opacity:.7;cursor:progress}
.vote svg{color:#e8732a;flex-shrink:0;filter:drop-shadow(0 1px 1px rgba(232,115,42,.25))}
.vote.voted svg{fill:#e8732a;stroke:#e8732a}
.hot-votes{display:inline-flex;align-items:center;gap:4px;margin-left:auto}
.hot-votes svg{color:#e8732a;fill:#e8732a;stroke:#e8732a}
.hot-saving svg{display:none}
.vote-note{font-size:.75rem;color:var(--warn)}

/* ───────── Buttons ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--grad);color:#fff;min-height:var(--btn-lg);padding:0 var(--btn-lg-px);border-radius:var(--r-pill);text-decoration:none;font-weight:700;font-size:var(--btn-lg-fs);line-height:1.2;border:0;cursor:pointer;transition:filter .15s var(--ease),box-shadow .15s var(--ease),background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);white-space:nowrap}
.btn .arrow{transition:transform .3s ease}
.btn-small{min-height:var(--btn-md);padding:0 var(--btn-md-px);font-size:var(--btn-md-fs)}
.btn-icon{width:54px;height:54px;border-radius:var(--r-field);border:2px solid var(--field-line);background:#fff;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .25s ease}
.btn-icon.copied{border-color:var(--green);color:var(--green)}

/* ───────── Modal und Deal ───────── */
.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.modal[hidden]{display:none}
.modal-backdrop{position:absolute;inset:0;background:rgba(10,10,10,.55);backdrop-filter:blur(4px)}
.modal-panel{position:relative;background:#fff;border-radius:var(--r-card);width:min(620px,100%);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 40px 120px rgba(0,0,0,.35);animation:rise .25s var(--ease)}
@keyframes rise{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 0;font-weight:700;color:var(--muted);font-size:.9375rem}
.modal-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);transition:all .25s ease;flex-shrink:0}
.modal-body{padding:16px 24px 28px;overflow-y:auto}
.modal-loading{padding:40px;text-align:center;color:var(--muted)}
.deal-page{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px}
.deal-top{display:flex;gap:22px;align-items:flex-start}
.deal-media{width:150px;height:150px;flex-shrink:0;border-radius:var(--r-box);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:10px;background:#fff}
.deal-media img{max-height:100%;object-fit:contain}
.deal-head{min-width:0}
.deal-title{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.deal-top{align-items:center}
.deal-incl{font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
.deal-shop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;margin:0 0 14px;font-size:var(--fs-base);color:var(--ink-soft)}
.deal-shop strong{color:var(--ink)}
.deal-deliv{color:var(--muted)}
.deal .h-section.deal-more{margin-top:var(--sp-5)}
.deal-sub{color:var(--muted);font-size:.9375rem;margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.deal-price{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;margin:18px 0 2px}
.deal-facts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:var(--fs-sm);margin:0 0 10px}
/* Deal-Blatt: Shop links, Preis rechts in einer Zeile (User 22.10.2026) */
.deal-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px 16px;margin:16px 0 6px}
.deal-row .deal-shop{flex:1 1 auto;flex-direction:column;justify-content:flex-start;gap:2px;margin:0;min-width:0}
.deal-row .deal-price{flex:0 0 auto;flex-direction:column;align-items:flex-end;text-align:right;gap:0;margin:0}
.deal-logo{display:block;width:140px;height:44px;object-fit:contain;object-position:left center}
.deal-seller{font-size:var(--fs-sm);color:var(--muted)}
.deal-facts strong{color:var(--ink);font-weight:700}
.deal-fact-sep{width:4px;height:4px;border-radius:50%;background:var(--line)}
.deal-oos{color:#b45309;font-weight:600}
.deal-oos::before{content:"·";margin-right:6px;color:var(--faint);font-weight:400}
.chip-cat-m{display:none}
.deal{display:flex;flex-direction:column}
.deal-link{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s}
/* Deal-Blatt: Weiterleitung zum Preisvergleich als gruen getoente Karte mit Titel, Unterzeile und Pfeil-Badge (User 22.10.2026) */
.deal-link{gap:10px;padding:10px 10px 10px 12px;border-color:var(--green-a-25);background:linear-gradient(135deg,var(--green-a-05),#fff 70%);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.deal-link:hover{border-color:var(--green-a-30)}
.deal-link-ico{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center}
.deal-link-text strong{color:var(--ink)}
.deal-link-chev{width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--green-a-25);color:var(--green-dark);display:flex;align-items:center;justify-content:center}
.deal-link-chev svg{width:16px;height:16px}
.deal-link-ico svg{width:22px;height:22px}
.deal-link-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.deal-link-text strong{font-size:.9375rem;font-weight:700}
.deal-link-text small{font-size:.8125rem;color:var(--muted)}
.deal-link-chev{flex:0 0 auto;color:var(--faint)}
.deal-link-chev svg{width:18px;height:18px}
.deal-note{margin:10px 0 0}
.modal-handle{display:none}
.deal-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.deal-actions .btn-primary{flex:1 1 220px}
.deal-tools{display:inline-flex;align-items:stretch;height:var(--btn-lg);border:2px solid var(--field-line);border-radius:var(--r-field);background:#fff;overflow:hidden;flex-shrink:0}
.deal-tools .btn-icon{border:0;border-radius:0;height:auto;width:var(--btn-lg)}
.deal-tools .vote-form{display:flex;align-items:stretch}
.deal-tools .vote{border:0;border-radius:0;border-left:2px solid var(--field-line);min-height:0;padding:0 14px 0 12px;font-size:var(--fs-base);display:inline-flex;align-items:center}
.deal-tools .vote.voted{background:var(--green-a-10);border-left-color:var(--field-line)}
.deal-tools .vote svg{width:18px;height:18px}
.shop-mark{width:56px;height:56px;border-radius:12px;object-fit:cover;display:inline-block;vertical-align:middle;border:1px solid var(--line)}
.shop-mark-sm{width:26px;height:26px;border-radius:7px}
.row-scroll{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.row-scroll::-webkit-scrollbar{display:none}
.mini{flex:0 0 132px;align-self:flex-start;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--r-box);padding:10px;transition:all .25s ease;background:#fff}
.mini-media{display:flex;align-items:center;justify-content:center;height:96px;margin-bottom:8px}
.mini-media img{max-height:96px;max-width:100%;width:auto;height:auto;object-fit:contain}
.mini-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.75rem;line-height:1.35;color:var(--ink-soft);min-height:2.7em}
.mini-price{display:block;font-weight:700;font-size:.9375rem;margin-top:6px}
.mini-price em{font-style:normal;color:var(--green);font-size:.75rem;margin-left:4px;white-space:nowrap}

/* ───────── Produktseite ───────── */
.crumbs{display:block;font-size:.875rem;color:var(--faint);margin-bottom:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8}
.crumbs a{color:var(--muted);text-decoration:none;display:inline}
.crumbs span{display:inline;margin:0 8px}
.verdict{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:.875rem;font-weight:600;color:var(--ink-soft)}
.verdict-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0}
.verdict-low{color:var(--green-dark)}
.verdict-mid .verdict-dot{background:#e0a200}
.verdict-high{color:#b91c1c}
.verdict-high .verdict-dot{background:#dc2626}
.stats-3{grid-template-columns:repeat(3,1fr);gap:6px}
.stat-sub{display:block;font-size:.75rem;color:var(--faint);margin-top:2px}
.chart-d{display:none}
.chart-m{display:block}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.stats div{background:var(--card-bg);border-radius:var(--r-field);padding:8px 10px;min-width:0}
.stat-label{display:block;font-size:.75rem;color:var(--faint);text-transform:uppercase;letter-spacing:.5px}
.stat-value{font-weight:700}
.h-section{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;margin:var(--sp-section) 0 var(--sp-head);position:relative;padding-bottom:10px}
.h-section::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--grad-line);border-radius:2px}

/* ───────── Chart ───────── */
.chart-wrap{position:relative}
.chart{width:100%;height:auto;display:block;cursor:crosshair;touch-action:pan-y}
.chart .grid{stroke:#eee;stroke-width:1}
.chart .axis{stroke:#ddd;stroke-width:1}
.chart .ref{stroke:#cfd8d3;stroke-width:1;stroke-dasharray:3 4}
.chart .line{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linejoin:round}
.chart .area{fill:var(--green-a-10)}
.chart .pt{fill:#fff;stroke:var(--green);stroke-width:2}
.chart .dot{fill:var(--green);stroke:#fff;stroke-width:2}
.chart .lbl{font-size:11px;fill:#777;font-family:inherit}
.chart .cursor{stroke:var(--ink);stroke-width:1;stroke-dasharray:4 3;opacity:.6}
.chart .cursor-dot{fill:#fff;stroke:var(--ink);stroke-width:2.5}
.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;font-size:.8125rem;line-height:1.35;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translate(-50%,-100%);z-index:5;display:flex;flex-direction:column;gap:1px}
.chart-tip[hidden]{display:none}
.chart-tip .tip-date{color:#cfd8d3;font-size:.75rem}
.chart-tip .tip-price{font-weight:800;font-size:1rem}
.chart-tip .tip-label{color:#9fb3a8;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}
.chart-tip.flip-l{transform:translate(0,-100%)}
.chart-tip.flip-r{transform:translate(-100%,-100%)}

/* ───────── Preisvergleich ───────── */

/* ───────── Karussell (Kategorien, Mehr aus …) ───────── */
.carousel{position:relative;--car-gap:16px;min-width:0}
.car-track{display:flex;gap:var(--car-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 10px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
.car-track>*{scroll-snap-align:start}
.car-track>.card{flex:0 0 calc((100% - 3*var(--car-gap))/4);min-width:0;align-self:stretch}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.14);cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .25s ease;padding:0}
.car-btn svg{width:20px;height:20px}
.car-btn.prev{left:-22px}
.car-btn.next{right:-22px}
.car-btn[hidden]{display:none!important}
@media (hover:hover) and (min-width:769px){.car-btn{display:flex}}
.modal .carousel{--car-gap:14px}
.modal .car-btn{width:36px;height:36px}
.modal .car-btn.prev{left:-10px}
.modal .car-btn.next{right:-10px}

/* ───────── Shops ───────── */
.shops{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:22px;margin-top:var(--sp-section)}
.shop{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:var(--r-tile);padding:22px;background:#fff}
.shop-logo{width:120px;flex-shrink:0;border-radius:var(--r-field);overflow:hidden;border:1px solid var(--line);background:#fff;padding:6px}
.shop-logo img{width:100%;height:auto;border-radius:8px}
.shop h2{font-size:1.125rem;font-weight:700;margin-bottom:6px}
.shop-initial{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:8px;background:var(--grad);color:#fff;font-weight:800;font-size:2rem}

/* ───────── Rechtliches ───────── */
.legal .box{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:28px 32px;margin-top:24px}
.legal h2{font-size:1.125rem;font-weight:700;margin:22px 0 8px}
.legal h2:first-child{margin-top:0}
.legal p{color:var(--ink-soft);margin-bottom:10px;line-height:1.7}
.legal .h-page{text-align:left;font-size:2rem}

/* ───────── Footer ───────── */
.site-footer{background:var(--footer);color:#fff;padding:52px 0 28px;margin-top:var(--sp-section);flex-shrink:0}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:36px}
.foot-col{display:flex;gap:16px;align-items:flex-start}
.foot-col p{color:#9a9a9a;font-size:.875rem;line-height:1.6;margin:6px 0 12px}
.foot-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0}
.foot-glyph{width:44px;height:44px;border-radius:12px;background:#1d1d1d;color:var(--green);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.foot-title{font-weight:700;font-size:1rem;color:#fff}
.bm-btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#fff;border:0;border-radius:var(--r-pill);padding:10px 18px;font:inherit;font-weight:700;font-size:.875rem;cursor:pointer}
.bm-btn[hidden]{display:none}
.foot-link{color:var(--green);text-decoration:none;font-weight:600;font-size:.875rem}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1.6fr 1fr;gap:var(--sp-6) var(--sp-7);padding-bottom:var(--sp-6);margin-bottom:var(--sp-5);border-bottom:1px solid #2a2a2a}
.ft-logo{font-size:var(--fs-xl);font-weight:800;color:var(--green);text-decoration:none;letter-spacing:-.02em}
.ft-brand p{color:#9a9a9a;font-size:var(--fs-sm);line-height:1.6;margin:10px 0 0;max-width:300px}
.ft-col h3{font-size:var(--fs-sm);font-weight:700;color:#fff;margin:0 0 10px;letter-spacing:.02em}
.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ft-cats ul{grid-template-columns:1fr 1fr;column-gap:var(--sp-4)}
.ft-col a{color:#bbb;text-decoration:none;font-size:var(--fs-sm);line-height:1.4;display:inline-block;padding:1px 0}
.ft-col a:hover,.ft-col a:focus-visible{color:#fff}
.footer-note{color:#8a8a8a;font-size:var(--fs-xs);max-width:none;margin:0 0 14px;text-align:left;line-height:1.6}
.foot-links{list-style:none;display:flex;justify-content:center;gap:4px 10px;flex-wrap:wrap;margin:0 0 12px;padding:0}
.foot-links a{color:#bbb;text-decoration:none;font-weight:500;padding:8px 10px;border-radius:var(--r-field);display:inline-block}
.footer-bottom{border-top:1px solid #2a2a2a;padding-top:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#777;font-size:var(--fs-xs)}

.foot-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin:0 0 20px}
.foot-cats a{color:#9a9a9a;text-decoration:none;font-size:.8125rem;padding:5px 9px;border-radius:var(--r-field)}

/* ───────── Deal-Kalender ───────── */
.cal-intro{padding-bottom:16px}
.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 12px}
.cal-title{font-size:1.75rem;font-weight:900;letter-spacing:-.03em}
.cal-title span{font-weight:400;color:var(--muted)}
.cal-nav{display:flex;align-items:center;gap:6px}
.cal-navbtn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--ink);text-decoration:none;font-weight:600;font-size:.9375rem}
.cal-navbtn svg{width:18px;height:18px}
.cal-today.is-current{background:var(--green-a-10);border-color:transparent;color:var(--green-dark)}
.cal-grid{border:1px solid var(--line);border-radius:var(--r-box);overflow:hidden;background:#fff}
.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line);background:var(--card-bg)}
.cal-wd{padding:8px 10px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);text-align:right}
.cal-wd-we{color:var(--faint)}
.cal-week{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:30px repeat(var(--lanes),24px) 8px;border-bottom:1px solid var(--line);position:relative}
.cal-week:last-child{border-bottom:0}
.cal-cell{grid-row:1 / -1;border-right:1px solid var(--line-soft);padding:6px 8px;min-width:0}
.cal-cell:nth-child(7){border-right:0}
.cal-we{background:#fafafa}
.cal-other .cal-num{color:#c4c4c4}
.cal-num{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:13px;font-size:.875rem;font-weight:600;color:var(--ink-soft);float:right}
.cal-num-today{background:var(--green);color:#fff;font-weight:800}
.cal-bar{position:relative;z-index:2;display:flex;align-items:center;gap:6px;margin:1px 4px;padding:0 8px;height:22px;border-radius:7px;font-size:.75rem;font-weight:600;text-decoration:none;color:var(--green-dark);background:var(--green-a-15);overflow:hidden;white-space:nowrap}
.cal-bar-text{overflow:hidden;text-overflow:ellipsis}
.cal-bar-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}
.cal-bar-voraussichtlich{background:#eef6f1;color:var(--green-dark);border:1px dashed var(--green-a-30)}
.cal-bar-voraussichtlich .cal-bar-dot,.cal-dot-voraussichtlich{background:#fff;border:2px solid var(--green)}
.cal-bar-erfahrungsgemaess{background:#f1f1f1;color:var(--ink-soft)}
.cal-bar-erfahrungsgemaess .cal-bar-dot,.cal-dot-erfahrungsgemaess{background:#9a9a9a}
.cal-dot-fest{background:var(--green)}
.cal-bar-l{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}
.cal-bar-r{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}
.cal-legend{display:flex;gap:18px;flex-wrap:wrap;margin:10px 2px 0;font-size:.8125rem;color:var(--muted)}
.cal-legend span{display:inline-flex;align-items:center;gap:6px}
.cal-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}
.cal-actions{margin-top:18px}
.cal-section{padding-top:8px}
.cal-month{margin-top:var(--sp-section)}
.cal-list{display:flex;flex-direction:column;gap:12px}
.cal-item{display:grid;grid-template-columns:110px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:20px 22px;scroll-margin-top:100px}
.cal-running{border-color:var(--green-a-30);background:var(--paper-tint)}
.cal-date{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line);padding-right:16px}
.cal-day{font-size:2rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--green-dark)}
.cal-mon{font-weight:700;color:var(--ink-soft);font-size:.9375rem}
.cal-until{font-size:.75rem;color:var(--faint);margin-top:4px}
.cal-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.cal-name{font-size:1.125rem;font-weight:800;letter-spacing:-.01em}
.cal-kind{font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--r-pill);padding:3px 9px;background:var(--card-bg);color:var(--muted);border:1px solid var(--line)}
.cal-kind-fest{color:var(--green-dark);background:var(--green-a-10);border-color:transparent}
.cal-live{color:#fff;background:var(--green);border-color:transparent}
.cal-was{color:var(--ink-soft);font-size:.9375rem;line-height:1.55}
.cal-tipp{color:var(--ink-soft);font-size:.9375rem;line-height:1.55;margin-top:6px}
.cal-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.cal-shops{font-size:.8125rem;color:var(--faint)}
.cal-cats{display:flex;gap:6px;flex-wrap:wrap}
.cal-cats .chip-cat{margin-bottom:0}
.cal-ics{margin-left:auto;font-size:.8125rem;font-weight:600;color:var(--green-dark);text-decoration:none;white-space:nowrap}

/* ───────── Ich warte auch + Konto ───────── */
.product-head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}
.product-head .product-title{flex:1;min-width:0}
.watch-bell{flex:0 0 auto;position:relative;width:46px;height:46px;border-radius:50%;border:1px solid #f0d98a;background:linear-gradient(180deg,#fff7dc,#fdeeb8);color:#c8930a;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(200,147,10,.18);transition:transform .15s,box-shadow .15s}
.watch-bell svg{width:24px;height:24px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.watch-bell.is-on{background:linear-gradient(180deg,#f7d45c,#e3b321);color:#fff;border-color:#d9a816}
.watch-bell-n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--green);color:#fff;font-size:.6875rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.watch-dlg{position:fixed;inset:0;margin:auto;border:0;border-radius:var(--r-tile);padding:26px 26px 22px;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;box-shadow:0 24px 60px rgba(0,0,0,.22);color:var(--ink)}
.watch-dlg:not([open]){display:none}
.watch-dlg::backdrop{background:rgba(20,30,25,.45);backdrop-filter:blur(2px)}
.watch-dlg-close{position:absolute;top:12px;right:12px;margin:0}
.watch-dlg-close button{width:36px;height:36px;border-radius:50%;border:0;background:var(--line-soft);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer}
.watch-dlg-close svg{width:16px;height:16px}
.watch-dlg-head{display:flex;align-items:center;gap:14px;padding-right:40px}
.watch-bell-lg{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:linear-gradient(180deg,#f7d45c,#e3b321);color:#fff;display:flex;align-items:center;justify-content:center}
.watch-bell-lg svg{width:26px;height:26px}
.watch-dlg-title{font-weight:800;font-size:1.25rem;letter-spacing:-.01em}
.watch-dlg-sub{color:var(--muted);font-size:.9375rem;margin-top:3px}
.watch-bars{display:flex;align-items:flex-end;gap:10px;height:110px;margin:16px 0 8px;padding:0 4px}
.watch-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}
.watch-bar-n{font-size:.75rem;font-weight:700;color:var(--green-dark);margin-bottom:4px}
.watch-bar-fill{display:block;width:100%;max-width:56px;background:var(--green-a-15);border:1px solid var(--green-a-30);border-radius:8px 8px 0 0;min-height:6px}
.watch-bar-lbl{font-size:.6875rem;color:var(--faint);margin-top:6px;text-align:center;white-space:nowrap}
.watch-mine{font-size:.9375rem;color:var(--ink-soft);background:var(--green-a-05);border-radius:var(--r-field);padding:10px 14px;margin:12px 0}
.watch-form{margin-top:14px}
.watch-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.watch-field span{display:block;font-size:.8125rem;font-weight:600;color:var(--ink-soft);margin-bottom:6px}
.watch-field input{width:100%;padding:12px 14px;border:2px solid var(--field-line);border-radius:var(--r-field);font:inherit;font-size:1rem}
.watch-field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-a-10)}
.watch-check{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--ink-soft);margin:12px 0 14px}
.watch-check input{width:18px;height:18px;accent-color:var(--green)}
.message{border-radius:var(--r-field);padding:12px 16px;font-size:.9375rem;margin:12px 0}
.message.success{background:var(--green-a-10);color:var(--green-dark)}
.message.error{background:#fef2f2;color:#991b1b}
.btn-text-danger{background:none;border:0;color:#b91c1c;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;padding:8px 10px}
.btn-outline{background:#fff;color:var(--green-ink);border:2px solid var(--green-a-30);box-shadow:none}

/* ───────── Über-Seite ───────── */
.about .about-text h2{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:var(--sp-6) 0 var(--sp-2)}
.about .about-text h2:first-child{margin-top:0}
.about .about-text p{font-size:1.0625rem;line-height:1.75;color:var(--ink-soft);max-width:68ch}
.about-live{margin-top:var(--sp-section);border:1px solid var(--line);border-radius:var(--r-tile);padding:18px 20px;background:#fff}
.about-live-head{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:12px}
.about-live-sub{font-weight:500;color:var(--muted);font-size:.9375rem}
.about-live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-a-15);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px var(--green-a-15)}50%{box-shadow:0 0 0 9px rgba(35,162,93,.06)}}
.about-drops{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.about-drop{display:flex;gap:12px;align-items:center;padding:8px;border-radius:14px;text-decoration:none;color:var(--ink);border:1px solid var(--line-soft)}
.about-drop-thumb{flex:0 0 50px;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.about-drop-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.about-drop-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.about-drop-title{font-size:.8125rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.about-drop-meta{font-size:.875rem;color:var(--muted)}
.about-drop-meta strong{color:var(--ink);font-weight:800}
.about-drop-meta em{font-style:normal;color:#fff;background:var(--green);border-radius:6px;padding:0 6px;font-weight:700;font-size:.75rem}
.about-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;background:var(--ink);color:#fff;border-radius:var(--r-tile);padding:22px 26px}
.about-cta-title{font-weight:800;font-size:1.125rem}
.about-cta p{color:#cfd8d3;font-size:.9375rem;margin-top:4px}
.about-contact{margin-top:26px;color:var(--muted);font-size:.9375rem}

/* ───────── Login, Konto, Toast ───────── */
.login-card{max-width:460px;margin:12px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:36px 32px 28px;text-align:center;animation:rise .35s ease both}
.login-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--green-a-10);color:var(--green-dark);margin-bottom:18px}
.login-icon svg{width:30px;height:30px}
.login-title{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 8px}
.login-sub{color:var(--muted);font-size:.9375rem;line-height:1.55;margin:0 0 22px}
.login-sub strong{color:var(--ink)}
.login-form,.code-form{text-align:left}
.login-form label,.code-form label{display:block;font-weight:600;font-size:.875rem;margin-bottom:8px}
.login-form input,.code-input{width:100%;padding:14px 16px;border:2px solid var(--field-line);border-radius:var(--r-field);font:inherit;font-size:1.0625rem;box-sizing:border-box}
.login-form input:focus,.code-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-a-10)}
.code-input{text-align:center;font-size:1.75rem;font-weight:700;letter-spacing:.35em;font-variant-numeric:tabular-nums;padding:12px 16px}
.code-input::placeholder{letter-spacing:.35em;color:#c8ccca;font-weight:600}
.btn-block{display:flex;width:100%;justify-content:center;margin-top:14px}
.field-error{color:#b91c1c;font-size:.8125rem;margin-top:8px;font-weight:600}
.login-or{color:var(--faint);font-size:.875rem;margin:18px 0 6px}
.login-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:.9375rem;font-weight:600}
.login-links a,.link-btn{color:var(--green-dark);background:none;border:0;padding:6px 0;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.login-perks{list-style:none;margin:22px 0 4px;padding:18px 0 0;border-top:1px solid var(--line-soft);text-align:left;display:flex;flex-direction:column;gap:10px;font-size:.9375rem;color:var(--ink-soft)}
.login-perks li{position:relative;padding-left:28px}
.login-perks li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--green-a-15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8f52' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/11px no-repeat}
.login-card .note{text-align:center}
.login-label-2{margin-top:14px}
.login-label-2 span{font-weight:500;color:var(--faint);font-size:.8125rem}
.watch-field-wide{grid-column:1 / -1}
.watch-field span em{font-style:normal;font-weight:500;color:var(--faint)}
.acct-name{margin:-14px 0 26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:0 16px}
.acct-name summary{cursor:pointer;font-weight:600;font-size:.9375rem;padding:12px 0;color:var(--green-dark);list-style:none;display:flex;align-items:center;gap:8px}
.acct-name summary::-webkit-details-marker{display:none}
.acct-name summary::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s}
.acct-name[open] summary::before{transform:rotate(45deg)}
.acct-name-form{display:flex;gap:10px;flex-wrap:wrap;padding-top:2px}
.acct-name-form input{flex:1 1 220px;padding:12px 14px;border:2px solid var(--field-line);border-radius:var(--r-field);font:inherit;font-size:1rem}
.acct-name-form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-a-10)}
.acct-name .note,.acct-name .field-error{margin:10px 0 14px}
.acct-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:32px}
.acct-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--green),#1e8f52);color:#fff;font-weight:800;font-size:1.625rem;display:flex;align-items:center;justify-content:center;letter-spacing:-.02em}
.acct-id{min-width:0;flex:1}
.acct-mail{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-sub{color:var(--muted);font-size:.9375rem;margin-top:3px}
.acct-stats{display:flex;gap:10px}
.acct-stat{display:flex;flex-direction:column;align-items:center;min-width:84px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.acct-stat strong{font-size:1.375rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.acct-stat span{font-size:.75rem;color:var(--muted);margin-top:2px}
.acct-stat.is-hit{border-color:var(--green-a-30);background:var(--green-a-05)}
.acct-stat.is-hit strong{color:var(--green-dark)}
.alarm-list{display:flex;flex-direction:column;gap:12px}
.alarm{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 18px;transition:box-shadow .15s}
.alarm.is-hit{border-color:var(--green-a-30);background:linear-gradient(90deg,var(--green-a-05),#fff 45%)}
.alarm-thumb{width:72px;height:72px;border-radius:12px;border:1px solid var(--line-soft);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.alarm-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.alarm-body{min-width:0}
.alarm-title{display:block;color:var(--ink);text-decoration:none;font-weight:700;font-size:.9375rem;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.alarm-prices{display:flex;align-items:baseline;gap:10px;margin-top:6px;flex-wrap:wrap}
.alarm-now{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.alarm-target{color:var(--muted);font-size:.875rem}
.alarm-pill{display:inline-block;margin-top:8px;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--line-soft);color:var(--ink-soft)}
.alarm-pill.is-hit{background:var(--green);color:#fff}
.alarm-track{height:6px;border-radius:3px;background:var(--line-soft);margin-top:10px;overflow:hidden;max-width:320px}
.alarm-track span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green-a-30),var(--green))}
.alarm-flags{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--faint);margin-top:8px}
.alarm-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.acct-empty{text-align:center;background:#fff;border:1px dashed var(--line);border-radius:var(--r-tile);padding:44px 24px}
.acct-empty-bell{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(180deg,#fff7dc,#fdeeb8);color:#c8930a;margin-bottom:16px}
.acct-empty-bell svg{width:34px;height:34px}
.acct-empty h3{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.acct-empty p{color:var(--muted);max-width:420px;margin:0 auto 20px;line-height:1.55}
.acct-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:var(--sp-section);padding-top:var(--sp-5);border-top:1px solid var(--line-soft);color:var(--muted);font-size:.875rem}
.acct-foot span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast{position:fixed;top:18px;right:18px;z-index:120;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100vw - 32px));padding:12px 14px 12px 16px;border-radius:16px;background:#1a1f1c;color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.28);font-size:.9375rem;line-height:1.4;animation:toast-in .3s ease both}
.toast.is-hide{animation:toast-out .25s ease forwards}
.toast-ico{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}
.toast.is-err .toast-ico{background:#dc2626}
.toast-ico svg{width:15px;height:15px}
.toast-close{flex:0 0 30px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.toast-close svg{width:13px;height:13px}
@keyframes toast-in{from{transform:translateY(-12px);opacity:0}to{transform:none;opacity:1}}
@keyframes toast-out{to{transform:translateY(-8px);opacity:0}}
.watch-bell-lg.is-mail{background:var(--green-a-10);color:var(--green-dark)}
.watch-bell-lg.is-mail svg{width:24px;height:24px}
.watch-dlg .code-form{margin-top:18px}
.watch-dlg .note a{color:var(--green-dark);font-weight:600}

/* ───────── Aktionstage, Sortier-Hinweis, Unterkategorien, Marken, Preisband ───────── */
.sort-info{font-size:.8125rem;font-weight:600;color:var(--muted);text-decoration:none;margin-left:12px;white-space:nowrap}
.h-section .sort-info{position:absolute;right:0;bottom:12px;font-size:.8125rem;font-weight:600}
.toolbar .subchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chip-sub{font-size:.875rem;padding:6px 12px;background:var(--line-soft);border-color:transparent;color:var(--ink-soft)}
.chip-sub.active{background:var(--green);color:#fff}
.cal-name a{color:inherit;text-decoration:none}
.ev-meta{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.9375rem;margin:14px auto 0;max-width:720px}
.ev-toolbar .container{justify-content:center}
.ev-toolbar .chips{justify-content:center}
.chip-ics{border-color:var(--green-a-30);color:var(--green-dark);font-weight:600}
.ev-meta strong{color:var(--ink)}
.ev-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--line)}
.ev-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ev-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:22px 24px}
.ev-card h3{font-size:1.0625rem;font-weight:800;letter-spacing:-.015em;line-height:1.3;margin:0 0 10px}
.ev-card p{color:var(--ink-soft);line-height:1.6;margin:0;font-size:.9375rem}
.car-track>.ev-tile{flex:0 0 calc((100% - 3*var(--car-gap))/4);min-width:0;align-self:stretch}
.ev-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.ev-tile-date{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:120px;background:var(--green-a-05);color:var(--green-dark);border-bottom:1px solid var(--line-soft);padding:0 12px;text-align:center}
.ev-tile.is-live .ev-tile-date{background:var(--green);color:#fff;border-bottom-color:var(--green)}
.ev-tile-day{font-size:2.75rem;font-weight:900;letter-spacing:-.05em;line-height:1}
.ev-tile-mon{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.ev-tile-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.ev-tile-name{font-weight:700;font-size:.9375rem;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ev-tile-sub{font-size:.8125rem;color:var(--muted)}
.ev-tile-all .ev-tile-date{background:var(--line-soft);color:var(--ink-soft)}
.ev-tile-all .ev-tile-day{font-size:1.75rem}
.section-sub{color:var(--muted);font-size:.9375rem;margin:-6px 0 16px}
.brand-letters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px}
.brand-letters a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.875rem;color:var(--ink-soft);text-decoration:none}
.brand-letter{font-size:1.125rem;font-weight:800;margin:22px 0 10px;color:var(--green-dark)}
.brand-grid{display:flex;flex-wrap:wrap;gap:8px}
.brand-link{display:inline-block;padding:7px 12px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.875rem;font-weight:500}
.band{margin:14px 2px 4px}
.band-track{position:relative;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--green) 0%,#d9e8de 55%,#f3c6c6 100%);opacity:.9}
.band-mark{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--ink);transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.band-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:8px}
.band-now{font-weight:800;color:var(--ink)}

/* ───────── Filterspalte ───────── */
.with-filters,.toolbar .container.wide{max-width:calc(1200px + 278px)}
.with-hot,.toolbar .container.wide-hot{max-width:calc(1200px + 278px + 328px)}
.with-filters{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.with-hot{grid-template-columns:250px minmax(0,1fr) 300px}
.with-filters>.hot-col{position:static;width:auto;left:auto;top:auto;bottom:auto;min-width:0}
.with-filters>.hot-col .hot-stack{position:sticky;top:96px}
.with-filters>.hot-col .hot{position:static}
.with-filters>.hot-col .hot-list{flex-direction:column;overflow:visible;gap:6px;padding:0}
.with-filters>.hot-col .hot-item{flex:0 0 auto;border:0;padding:8px}
.listing-main{min-width:0}
.listing-main .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1500px){.with-hot{grid-template-columns:250px minmax(0,1fr)}.with-filters>.hot-col{display:none}}
@media (max-width:1280px){.listing-main .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.filters{padding-right:4px}
.filters-form{display:flex;flex-direction:column;gap:6px}
.filters-head{display:flex;align-items:center;gap:10px;padding:2px 0 10px}
.filters-title{font-weight:800;font-size:1.0625rem;letter-spacing:-.01em;flex:1}
.filters-reset{font-size:.8125rem;font-weight:600;color:var(--green-dark);text-decoration:none}
.filters-close{display:none;width:34px;height:34px;border:0;border-radius:50%;background:var(--line-soft);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.filters-close svg{width:15px;height:15px}
.fgroup{border:0;border-top:1px solid var(--line);margin:0;padding:12px 0 10px;min-width:0}
.fgroup legend{font-weight:700;font-size:.875rem;padding:0 0 8px;float:left;width:100%}
.fgroup legend+*{clear:both}
.fopt{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--ink-soft);padding:4px 0;cursor:pointer}
.fopt input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0;margin:0}
.fopt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fmore{margin-top:4px}
.fmore summary{cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--green-dark);list-style:none;padding:4px 0}
.fmore summary::-webkit-details-marker{display:none}
.fmore[open]>summary{display:none}
.listing-main.is-laden{opacity:.55;transition:opacity .2s}  /* aufgeklappt: 'Mehr' verschwindet, die Liste laeuft ohne Zwischenzeile weiter (User 06.11.2026) */
.frange{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.8125rem;color:var(--muted)}
.frange input{width:0;flex:1;min-width:52px;padding:7px 8px;border:1.5px solid var(--field-line);border-radius:10px;font:inherit;font-size:.875rem}
.frange input:focus{outline:none;border-color:var(--green)}
/* Preis-Schieberegler (zwei Griffe ueber Preisstufen) */
.pband{padding:2px 2px 4px}
.pband-werte{display:flex;justify-content:space-between;gap:8px;font-size:.875rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:6px}
.pband-regler{position:relative;height:32px}
.pband-spur{position:absolute;left:11px;right:11px;top:50%;height:6px;margin-top:-3px;border-radius:99px;background:var(--line)}
.pband-fuell{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:99px;background:var(--green)}
.pband input[type=range]{position:absolute;inset:0;width:100%;height:32px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.pband input[type=range]:focus{outline:none}
.pband input[type=range]::-webkit-slider-runnable-track{background:none;border:0;height:32px}
.pband input[type=range]::-moz-range-track{background:none;border:0}
.pband input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:22px;height:22px;margin-top:5px;border-radius:50%;background:#fff;border:2px solid var(--green);box-shadow:0 1px 4px rgba(0,0,0,.18);cursor:grab}
.pband input[type=range]::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--green);box-shadow:0 1px 4px rgba(0,0,0,.18);cursor:grab}
.pband input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(35,162,93,.25)}
.pband input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(35,162,93,.25)}
.pband input[data-pb=lo].oben{z-index:2}
.pband-schnell{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pband-chip{position:relative;cursor:pointer}
.pband-chip input{position:absolute;opacity:0;width:1px;height:1px}
.pband-chip span{display:inline-block;padding:5px 10px;border:1px solid var(--line);border-radius:99px;font-size:.8125rem;color:var(--ink-soft);background:#fff;white-space:nowrap}
.pband-chip input:checked+span{border-color:var(--green);background:var(--green-soft,#e8f6ee);color:var(--green-ink,#17784a);font-weight:600}
.pband-chip input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
@media (max-width:768px){.pband-regler{height:40px}.pband input[type=range],.pband input[type=range]::-webkit-slider-runnable-track{height:40px}.pband input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:6px}.pband input[type=range]::-moz-range-thumb{width:28px;height:28px}.pband-spur{left:14px;right:14px}.pband-chip span{padding:7px 12px;font-size:.875rem}}
.filters-actions{padding-top:12px}
.filter-btn{display:none;align-items:center;gap:6px;padding:9px 14px;border:1px solid var(--line);border-radius:var(--r-field);background:#fff;font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;position:relative}
.filter-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}
.shop-banner{display:block;margin:16px auto 0;max-width:100%;text-align:center}
.shop-banner img{max-width:100%;height:auto;border-radius:12px;display:inline-block}
.intro .shop-banner{margin:14px auto 0;max-width:728px}
.intro .shop-banner img{max-height:70px;width:auto}
.shop-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.shop{display:flex;flex-direction:column;gap:0}
.shop-head{display:flex;align-items:center;gap:14px}
.shop-info h2 a{color:inherit;text-decoration:none}

.badge-gap{background:var(--green);color:#fff}

.rg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.rg-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:20px 22px;text-decoration:none;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.rg-kind{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark)}
.rg-title{font-size:1.0625rem;font-weight:800;letter-spacing:-.015em;line-height:1.3}
.rg-summary{font-size:.9rem;color:var(--ink-soft);line-height:1.5}
.rg-meta{font-size:.75rem;color:var(--faint);margin-top:4px}
.rg-h1{font-size:clamp(1.75rem,4vw,2.5rem);text-align:left}
.intro .container.narrow .lead{text-align:left;margin-left:0}
.intro .container.narrow .ev-meta{justify-content:flex-start}
.rg-text{font-size:1.0625rem;line-height:1.7;color:var(--ink)}
.rg-text h2{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;margin:var(--sp-6) 0 var(--sp-3)}
.rg-text h3{font-size:1.125rem;font-weight:700;margin:24px 0 8px}
.rg-text p{margin:0 0 16px}
.rg-text ul,.rg-text ol{margin:0 0 16px;padding-left:22px}
.rg-text li{margin-bottom:8px}
.rg-text a{color:var(--green-dark);font-weight:600}
.rg-text strong{font-weight:700}
.rg-text table{width:100%;border-collapse:collapse;font-size:.9375rem;margin:0 0 18px}
.rg-text th,.rg-text td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.rg-products{margin:8px 0 28px}
.rg-tags{margin:14px 0 2px}
.rg-hero{display:block;width:100%;height:auto;border-radius:var(--r-tile);border:1px solid var(--line);background:#fff;margin:18px 0 22px}
.rg-thumb{display:block;width:calc(100% + 44px);max-width:none;margin:-20px -22px 10px;height:auto;border-radius:var(--r-tile) var(--r-tile) 0 0;border-bottom:1px solid var(--line-soft)}
.rg-more{max-width:980px;margin:var(--sp-section) auto 0}
.pick-card{display:grid;grid-template-columns:150px minmax(0,1fr) 220px;grid-template-rows:auto auto;gap:12px 20px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:20px;margin:0 0 18px}
.pick-media{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;height:150px;border:1px solid var(--line-soft);border-radius:14px;padding:10px;background:#fff}
.pick-media img{max-width:100%;max-height:100%;object-fit:contain}
.pick-wer{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-dark);background:var(--green-a-10);padding:4px 10px;border-radius:999px;margin-bottom:8px}
.pick-title{font-size:1.0625rem;font-weight:800;letter-spacing:-.015em;line-height:1.3;margin:0 0 8px}
.pick-title a{color:inherit;text-decoration:none}
.ber-pick .pick-title a{display:block;padding:11px 0;margin:-11px 0}
.pick-warum{color:var(--ink-soft);line-height:1.55;margin:0 0 10px;max-width:62ch;font-size:.9375rem}
.pick-specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pick-specs li{font-size:.8125rem;background:var(--line-soft);border-radius:8px;padding:4px 9px;color:var(--ink-soft)}
.pick-body{grid-column:2}
.pick-more{grid-column:2}
.pick-price{grid-row:1 / 3;grid-column:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start;border-left:1px solid var(--line-soft);padding-left:20px}
.pick-now{font-size:1.625rem;font-weight:900;letter-spacing:-.03em;line-height:1.1}
.pick-sub{font-size:.8125rem;color:var(--muted)}
.pick-price .verdict{margin-top:2px}
.pick-cmp{font-size:.8125rem;font-weight:600;color:var(--green-dark);text-decoration:none}
.pick-price .btn{margin-top:4px}
.cmp-wrap{overflow-x:auto;margin:8px 0 28px;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-tile);background:#fff}
.cmp{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}
.cmp-md td,.cmp-md th{white-space:nowrap}
.cmp-md td:first-child{font-weight:600}
.rg-text .cmp-wrap{margin:14px 0 24px}
.cmp th{text-align:left;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:12px 14px;border-bottom:1px solid var(--line)}
.cmp td{padding:12px 14px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.cmp tr:last-child td{border-bottom:0}
.cmp-name a{color:var(--ink);text-decoration:none;font-weight:600}
.cmp-gap{color:var(--green-dark);font-weight:700}
.page-section .container .container.narrow{padding-left:0;padding-right:0}

/* ───────── Tablet ───────── */
@media (max-width:1024px){
  .car-track>.card{flex-basis:calc((100% - 2*var(--car-gap))/3)}
}
@media (max-width:900px){
  .stats{grid-template-columns:repeat(2,1fr)}
}

/* ───────── Handy ───────── */
@media (max-width:768px){
  :root{--gutter:16px}
  /* Header: Burger + Wortmarke, darunter Suche, darunter Kategorien */
  .site-header{position:static}
  .header-row{flex-wrap:wrap;gap:4px 8px;min-height:0;padding-top:6px;padding-bottom:6px}
  .burger{margin-left:0}
  .logo{font-size:1.5rem;gap:7px}
  .logo-mark{width:26px;height:26px;border-radius:7px}
  .foot-cats{gap:2px 2px;margin-bottom:12px}
  .foot-cats a{font-size:.75rem;padding:5px 7px}
  .main-nav{display:none}
  .konto-mobile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;margin-right:0;border-radius:12px;color:var(--green-dark)}
  .konto-mobile svg{width:26px;height:26px}
  .konto-mobile.active{background:var(--green-a-10)}
  .burger-row-icon{display:inline-flex}
  .search-wrap{order:3;flex-basis:100%;max-width:none;margin-top:2px}
  .search{border-width:1.5px;border-radius:14px;min-height:44px}
  .search-icon{display:inline-flex}
  .search input{padding:9px 10px;font-size:1rem}
  .search button{padding:0 12px;background:transparent;color:var(--green-dark);min-width:44px;min-height:44px}
  .search button:hover{background:transparent}
  .search .btn-text{display:none}
  .search .btn-ico{display:inline-flex}
  .suggest-item{padding:8px 12px}
  .suggest-thumb{flex-basis:40px;width:40px;height:40px}
  .catbar-track{padding:8px 0 10px;gap:6px}
  .chip{padding:7px 12px;font-size:.8125rem;min-height:36px}
  /* Einleitung */
  .intro{padding:20px 0 8px}
  .h-page{font-size:1.5rem;font-weight:800;letter-spacing:-.015em;margin-bottom:10px;line-height:1.2}
  .h-page br{display:none}
  .h-page .highlight{white-space:nowrap}
  .lead{font-size:.9375rem;line-height:1.5}
  .highlight::after{height:.3em;bottom:3px;left:-4px;right:-4px;border-radius:6px}
  .page-section{padding:14px 0 44px}
  /* Toolbar */
  .toolbar{top:0;position:static;padding:6px 0 8px}
  .toolbar .container{gap:6px}
  .chips{flex:1 0 100%}
  .sortform{margin-left:0;width:100%;margin-top:2px}
  .sortform label{font-size:.8125rem}
  .sortform select{flex:1;padding:8px 12px;font-size:1rem}
  /* Raster und Karten */
  .grid-section{padding:14px 0 36px}
  .grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .card{border-radius:18px}
  .card:hover{transform:none}
  .card-media{height:140px;padding:10px}
  .card-media .badge{top:8px;left:8px}
  .badge{font-size:.75rem;padding:3px 8px}
  .card-title{font-size:.875rem;line-height:1.35;padding:6px 12px 0;min-height:2.7em;letter-spacing:0}
  .card-foot{padding:8px 12px 12px}
  .price{font-size:1.0625rem}
  .old{font-size:.8125rem}
  .card-meta{font-size:.75rem;gap:6px;margin-top:4px}
  .card-meta.small{font-size:.75rem}
  .vote{padding:4px 10px 4px 8px;min-height:32px;font-size:.8125rem}
  .pagination{gap:10px;font-size:.875rem}
  .hot-col{display:none}
  .car-track>.card{flex-basis:calc((100% - var(--car-gap))/2.15)}
  /* Deal-Fenster als Bottom-Sheet */
  .modal{padding:0;align-items:flex-end}
  .modal-panel{border-radius:22px 22px 0 0;max-height:92vh;max-height:92dvh}
  .modal-head{position:relative;z-index:6;justify-content:center;padding:10px 16px 0;min-height:22px}
  .modal-label{display:none}
  .modal-handle{display:block;width:40px;height:5px;border-radius:3px;background:var(--line)}
  .modal-close{position:absolute;top:33px;right:26px;width:36px;height:36px;border-color:transparent;background:rgba(255,255,255,.95);box-shadow:0 1px 6px rgba(0,0,0,.12);color:var(--ink)}
  .modal-close svg{width:16px;height:16px}
  .modal-body{padding:8px 16px 0}
  .deal-page{padding:14px 16px 0;border-radius:18px}
  /* Kopf: Bild volle Breite, Kategorie als Chip im Bild */
  .deal-top{flex-direction:column;gap:12px}
  .deal-media{position:relative;width:100%;height:190px;padding:14px;border-radius:16px;background:#f7f8f7;border:0}
  .deal-media img{max-width:100%;max-height:100%;mix-blend-mode:multiply}
  .chip-cat-d{display:none}
  .chip-cat-m{display:inline-flex;position:absolute;top:10px;left:10px;padding:5px 11px;font-size:.75rem;font-weight:600;background:rgba(255,255,255,.92);border-color:transparent;box-shadow:0 1px 6px rgba(0,0,0,.08)}
  .deal-title{font-size:1.125rem;line-height:1.3;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .deal-sub{font-size:.875rem;margin-top:6px}
  /* Preisblock */
  .deal-price{margin:12px 0 4px;gap:8px}
  .price-xl{font-size:var(--fs-2xl)}
  .deal-facts{font-size:.875rem;margin:0 0 14px}
  /* Aktionsleiste: klebt unten, Flamme + Teilen + grosser Deal-Button */
  .deal-actions{order:99;position:sticky;bottom:0;z-index:5;margin:8px -16px 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line-soft);gap:8px;flex-wrap:nowrap;box-shadow:0 -8px 24px rgba(0,0,0,.05)}
  .deal-actions .btn-primary{order:3;flex:1 1 auto;min-width:0;white-space:nowrap;justify-content:center}
  .deal-actions .cta-shop{display:none}
  .deal-tools{display:contents}
  .deal-tools .btn-icon{order:2;width:var(--btn-lg);height:var(--btn-lg);border:1.5px solid var(--line);border-radius:var(--r-field);flex:0 0 var(--btn-lg)}
  .deal-tools .vote-form{order:1;display:flex}
  .deal-tools .vote{height:var(--btn-lg);min-width:var(--btn-lg);padding:0 12px 0 10px;border:1.5px solid var(--line);border-radius:var(--r-field);font-size:var(--fs-base);gap:6px}
  .deal-tools .vote.voted{border-color:transparent}
  .deal-tools .vote svg{width:22px;height:22px}
  .deal-link{margin-top:4px;padding:10px 12px}
  .deal-note{margin:10px 0 0;font-size:.75rem}
  .deal .eyebrow{margin:16px 0 8px}
  .deal .carousel{margin-bottom:14px}
  .btn-icon{width:48px;height:48px}
  .note{font-size:.75rem;margin:10px 0 6px}
  .textlink{font-size:.875rem}
  .eyebrow{font-size:.75rem;margin:14px 0 8px}
  .mini{flex:0 0 120px;padding:8px}
  .mini-media{height:80px}
  .mini-media img{max-height:80px}
  /* Produktseite */
  .crumbs{font-size:.8125rem;margin-bottom:10px}
  .chart-d{display:none}
  .chart-m{display:block}
  .chart-tip{font-size:.75rem;padding:6px 10px}
  .chart-tip .tip-price{font-size:.9375rem}
  .stats{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}
  .stats div{padding:6px 8px}
  .stat-label{font-size:.6875rem}
  .stat-value{font-size:.875rem}
  .h-section{font-size:1.0625rem;padding-bottom:8px}
  .h-section::after{width:28px;height:2px}
  /* Deal-Kalender */
  .cal-toolbar{flex-wrap:wrap;gap:8px}
  .cal-title{font-size:1.25rem}
  .cal-navbtn{min-width:36px;height:36px;padding:0 10px;font-size:.8125rem}
  .cal-wd{padding:6px 4px;font-size:.625rem;text-align:center}
  .cal-week{grid-template-rows:26px repeat(var(--lanes),20px) 6px}
  .cal-cell{padding:3px 2px}
  .cal-num{min-width:22px;height:22px;font-size:.75rem;float:none;display:flex;margin:0 auto;padding:0}
  .cal-mname{display:none}
  .cal-bar{height:18px;margin:1px 1px;padding:0 4px;border-radius:5px;gap:0;font-size:.625rem;letter-spacing:-.01em}
  .cal-bar .cal-bar-dot{display:none}
  .cal-bar-voraussichtlich{border-width:1px}
  .cal-legend{gap:10px;font-size:.75rem}
            .cal-item{grid-template-columns:1fr;gap:10px;padding:14px;border-radius:18px}
  .cal-date{flex-direction:row;align-items:baseline;gap:8px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}
  .cal-day{font-size:1.5rem}
  .cal-name{font-size:1rem}
  .cal-was,.cal-tipp{font-size:.875rem}
  .cal-ics{margin-left:0}
  .watch-fields{grid-template-columns:1fr}
  .watch-bell{width:40px;height:40px}
  .rg-text{font-size:1rem}
  .rg-text h2{font-size:1.1875rem;margin:26px 0 10px}
  .rg-grid{grid-template-columns:1fr}
  .pick-card{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto;gap:12px;padding:14px;border-radius:18px}
  .pick-media{grid-row:auto;height:96px;padding:6px}
  .pick-body{grid-column:2}
  .pick-more{grid-column:1 / -1}
  .pick-title{font-size:1rem}
  .pick-price{grid-row:auto;grid-column:1 / -1;border-left:0;padding-left:0;border-top:1px solid var(--line-soft);padding-top:12px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}
  .pick-now{font-size:1.375rem}
  .pick-price .btn{margin-left:auto}
  .cmp{min-width:560px;font-size:.8125rem}
  .with-filters{display:block;max-width:none}
  .with-filters>.hot-col{display:none}
  .listing-main .grid{grid-template-columns:repeat(2,1fr)}
  .filter-btn{display:inline-flex}
  .filters{display:none;position:fixed;inset:0;z-index:1100;background:#fff;max-height:none;top:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));overflow-y:auto}
  .filters.is-open{display:block}
  .filters-close{display:inline-flex}
  .filters-actions{position:sticky;bottom:0;background:#fff;padding:12px 0 0;margin-top:8px}
  body.filters-open{overflow:hidden}
  .fopt{padding:7px 0;font-size:.9375rem}
  .ev-meta{font-size:.8125rem;gap:8px}
  .ev-faq{grid-template-columns:1fr;gap:10px}
  .car-track>.ev-tile{flex-basis:calc((100% - var(--car-gap))/2)}
  .ev-tile-date{height:96px}
  .ev-tile-day{font-size:2.125rem}
  .ev-tile-body{padding:10px 12px 12px}
  .ev-tile-name{font-size:.875rem}
  .ev-tile-sub{font-size:.75rem}
  .ev-card{padding:16px;border-radius:18px}
  .ev-card h3{font-size:1rem}
  .ev-card p{font-size:.875rem}
  .h-section .sort-info{position:static;display:block;margin:4px 0 0;font-size:.75rem}
  .toolbar .subchips{gap:6px;margin-top:8px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .toolbar .subchips::-webkit-scrollbar{display:none}
  .sortform{flex-wrap:wrap;gap:8px}
  .sortform label{display:none}
  .sortform select{flex:1 1 0;min-width:0;text-overflow:ellipsis}
  .sort-info{flex:1 0 100%;text-align:right;margin:2px 0 0}
  .filter-btn{flex:0 0 auto}
  .chip-sub{font-size:.8125rem;padding:6px 10px}
  .sort-info{font-size:.75rem;margin-left:8px}
  .login-card{padding:26px 18px 20px;border-radius:20px;margin-top:4px}
  .login-title{font-size:1.5rem}
  .acct-head{gap:14px;margin-bottom:22px}
  .acct-avatar{flex-basis:52px;width:52px;height:52px;font-size:1.375rem}
  .acct-mail{font-size:1.0625rem}
  .acct-stats{flex-basis:100%}
  .acct-stat{flex:1}
  .alarm{grid-template-columns:60px 1fr;gap:12px;padding:14px;border-radius:18px}
  .alarm-thumb{width:60px;height:60px}
  .alarm-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end;gap:10px;margin-top:2px}
  .acct-empty{padding:32px 16px}
  .acct-foot span{flex-basis:100%}
  .toast{top:auto;bottom:18px;left:16px;right:16px;max-width:none}
  @keyframes toast-in{from{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}
  @keyframes toast-out{to{transform:translateY(8px);opacity:0}}
  .watch-bell svg{width:21px;height:21px}
  .watch-dlg{padding:20px 16px 16px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:auto;border-radius:20px;max-height:calc(100dvh - 24px)}
  .watch-dlg-title{font-size:1.125rem}
  .watch-bars{height:90px;gap:6px}
  .watch-bar-lbl{font-size:.625rem;white-space:normal}
  .about-drops{grid-template-columns:1fr}
  .about-cta{flex-direction:column;align-items:flex-start;padding:18px}
  .about .about-text p{font-size:1rem}
  /* Shops, Rechtliches, Footer */
  .shops{margin-top:18px;gap:12px}
  .shop{padding:14px;gap:14px;border-radius:18px}
  .shop-logo{width:72px;padding:4px}
  .shop h2{font-size:1rem}
  .legal .box{padding:18px;border-radius:18px}
  .legal .h-page{font-size:1.5rem}
  .site-footer{padding:28px 0 18px;margin-top:24px}
.ft-top{grid-template-columns:1fr 1fr;gap:var(--sp-5) var(--sp-5)}
.ft-brand{grid-column:1/-1}
.ft-cats{grid-column:1/-1;order:5}
.footer-bottom{justify-content:center;text-align:center}
  .foot-grid{grid-template-columns:1fr;gap:18px;margin-bottom:22px}
  .foot-col{gap:12px}
  .foot-col p{font-size:.8125rem;margin:4px 0 8px}
  .foot-icon,.foot-glyph{width:38px;height:38px}
  .footer-note{font-size:.75rem;margin-bottom:14px;line-height:1.6}
  .foot-links{gap:2px 4px;margin-bottom:10px}
  .foot-links a{padding:8px 8px;font-size:.8125rem}
  .footer-bottom{padding-top:14px;font-size:.75rem}
}

/* ───────── Bewegung reduzieren ───────── */
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ───────── Datenblatt (Icecat) ───────── */
.sheet{margin-top:var(--sp-section)}
.sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sheet-head .h-section{margin:0}
.sheet-src{font-size:.8125rem;color:var(--faint)}
.sheet-src a{color:inherit}
.sheet-short{color:var(--ink-soft);margin:10px 0 0;max-width:75ch;line-height:1.55}
.sheet-groups{margin-top:var(--sp-head);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.sheet-group{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:0 18px}
.sheet-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 0;font-weight:700;font-size:.9375rem}
.sheet-group summary::-webkit-details-marker{display:none}
.sheet-group summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}
.sheet-group[open] summary::after{transform:rotate(-135deg)}
.sheet-n{font-size:.75rem;font-weight:600;color:var(--faint);background:var(--line-soft);border-radius:999px;padding:2px 8px}
.sheet-dl{margin:0;padding:4px 0 12px;display:grid;gap:0}
.sheet-dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:7px 0;border-top:1px solid var(--line-soft);font-size:.875rem}
.sheet-dl dt{color:var(--muted);margin:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.sheet-dl .sheet-no dd{color:var(--muted)}
.sheet-dl dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
@media (max-width:760px){.sheet-groups{grid-template-columns:1fr}}

/* ───────── Dashboard ───────── */
.adm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.adm-sub{color:var(--muted);margin:6px 0 0;font-size:.9375rem}
.adm-range{display:flex;gap:6px}
.adm-range .chip.is-on{background:var(--green);color:#fff;border-color:var(--green)}
.adm-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}
.adm-kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.adm-link{text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}
.adm-count{font-size:1rem;font-weight:600;color:var(--muted);margin-left:8px}
.adm-kpi-l{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.adm-kpi-v{font-size:1.625rem;font-weight:900;letter-spacing:-.03em;line-height:1.1}
.adm-kpi-v small{font-size:.8125rem;font-weight:600;color:var(--green-dark);margin-left:6px}
.adm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.adm-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:18px 20px;min-width:0;overflow-x:auto}
.adm-card h2{font-size:1.0625rem;font-weight:800;letter-spacing:-.015em;margin:0 0 10px}
.adm-wide{grid-column:1 / -1}
.adm-hint{font-size:.8125rem;color:var(--muted);margin:-4px 0 10px}
.adm-table{width:100%;border-collapse:collapse;font-size:.875rem}
.adm-table th{text-align:left;font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:6px 8px;border-bottom:1px solid var(--line)}
.adm-table td{padding:7px 8px;border-bottom:1px solid var(--line-soft);vertical-align:top}
.adm-table tr:last-child td{border-bottom:0}
.adm-table td a{color:var(--ink);text-decoration:none;font-weight:600}
.adm-table small{color:var(--muted)}
.adm-table .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.adm-table .warn{color:#b42318;font-weight:600}
.adm-table .ok{color:var(--green-dark);font-weight:700}
.adm-table tr.muted td{color:var(--faint)}
.adm-kv td:first-child{color:var(--ink-soft)}
.adm-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.adm-bars{display:flex;align-items:flex-end;gap:4px;height:120px;padding-top:18px}
.adm-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;min-width:0}
.adm-bar span{display:block;width:100%;background:var(--green);border-radius:4px 4px 0 0;min-height:2px}
.adm-bar b{position:absolute;top:-16px;font-size:.6875rem;font-weight:700;color:var(--ink-soft)}
.adm-bar i{font-style:normal;font-size:.625rem;color:var(--faint);margin-top:4px}
.adm-budget{height:8px;border-radius:6px;background:#ececec;overflow:hidden;margin:4px 0 14px;max-width:420px}
.adm-budget span{display:block;height:100%;background:var(--grad-line)}
.adm-akt{white-space:nowrap}
.adm-akt form{display:inline-block;margin:0 4px 4px 0}
.adm-akt .chip{cursor:pointer;font:inherit;font-size:.8125rem}
.adm-akt .chip[disabled]{opacity:.5;cursor:default}
.adm-akt .adm-freigeben{background:var(--green);border-color:var(--green);color:#fff;font-weight:700}
.adm-frei{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:var(--r-pill);background:#f1f1f1;color:var(--ink-soft);font-size:.75rem;font-weight:600}
.adm-frei.is-frei{background:var(--green-a-10);color:var(--green-ink)}
.adm-vorschau{margin-left:8px;font-size:.75rem}
.note.warn{color:#b42318}
@media (max-width:900px){.adm-kpis{grid-template-columns:repeat(3,1fr)}.adm-grid{grid-template-columns:1fr}.adm-two{grid-template-columns:1fr}.adm-bar b{display:none}}
@media (max-width:480px){.adm-kpis{grid-template-columns:repeat(2,1fr)}}

/* ───────── Aktionen (AWIN Promotions) ───────── */
.promo-wrap{margin:26px 0 6px;text-align:left}
.promo-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.promo-sub{font-size:.8125rem;font-weight:600;color:var(--muted)}
.promo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px}
.promo{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 18px;min-width:0}
.promo-shop{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8125rem;color:var(--muted)}
.promo-shop a{color:var(--ink);font-weight:700;text-decoration:none}
.promo-end{font-weight:600;color:var(--green-dark);background:var(--green-a-10);border-radius:999px;padding:2px 9px;white-space:nowrap}
.promo-end.is-soon{color:#b42318;background:rgba(180,35,24,.08)}
.promo-title{font-size:.9375rem;font-weight:800;letter-spacing:-.01em;line-height:1.35;margin:8px 0 0}
.promo-desc{font-size:.875rem;color:var(--ink-soft);line-height:1.5;margin:6px 0 0}
.promo-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.promo-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.875rem;font-weight:700;letter-spacing:.06em;border:1px dashed var(--green-dark);color:var(--green-dark);border-radius:8px;padding:6px 10px;user-select:all}
.promo-compact .promo-desc{display:none}
.intro .promo-wrap{max-width:980px;margin-left:auto;margin-right:auto}

/* ───────── Aktionen: Seiten + Produkthinweis ───────── */
.promo-big{border-color:var(--green-a-30);box-shadow:0 10px 28px rgba(0,0,0,.05)}
.promo-big .promo-title{font-size:1.0625rem}
.promo-title a{color:inherit;text-decoration:none}
.promo-kind{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.promo-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip-xs{font-size:.75rem;padding:2px 9px}
.promo-small{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:14px 18px}
.promo-small summary{cursor:pointer;font-weight:700;display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.promo-small-list{margin:12px 0 0;padding-left:18px;color:var(--ink-soft);font-size:.9rem;line-height:1.6}
.promo-small-list a{color:var(--ink);text-decoration:none}
.lead-small{color:var(--ink-soft);max-width:75ch;margin:-6px 0 16px;line-height:1.55}
.cal-bar-shop{background:#fff4e5;color:#9a4a00;border:1px solid #f5c98a}
.cal-bar-shop .cal-bar-dot{background:#f28c28}
.cal-kind-shop{color:#9a4a00;background:#fff4e5;border-color:transparent}

/* ───────── Aktionen: Shop-Kasten, Banner, Kalender ───────── */
.shopbox{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:20px 22px;margin-top:var(--sp-section)}
.shopbox-banner img{display:block;max-width:240px;max-height:120px;border-radius:12px}
.shopbox-body .h-section{margin:0 0 6px}
.shopbox-body p{color:var(--ink-soft);margin:0 0 12px;line-height:1.55}
.shopbox-links{display:flex;gap:10px;flex-wrap:wrap}
.btn-ghost{background:#fff;color:var(--green-dark);border:1px solid var(--green-a-30)}
.shop-row{display:flex;align-items:center;gap:14px;margin-top:26px}
.shop-row .h-section{margin:0}
.shop-row-name{margin:0;font-size:1rem;font-weight:600}
.shop-row-name .sort-info{font-size:.875rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.shop-row-logo img{display:block;height:40px;width:auto;border-radius:8px;border:1px solid var(--line-soft)}
.cal-bar-erfahrungsgemaess{height:16px;font-size:.6875rem;font-weight:500;opacity:.85}
.cal-bar-shop{font-weight:700}
@media (max-width:760px){.shopbox{flex-direction:column;align-items:flex-start;gap:14px}.shop-row{gap:10px}.shop-row-logo img{height:30px}}

/* ───────── Berater ───────── */
.ber-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}
.ber-form{display:flex;flex-direction:column;gap:12px}
.ber-q{border:1px solid var(--line);border-radius:var(--r-tile);background:#fff;padding:16px 18px;margin:0;min-width:0}
.ber-q.is-set{border-color:var(--green-a-30)}
.ber-q legend{font-weight:800;font-size:.9375rem;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;padding:0}
.ber-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--green-a-10);color:var(--green-dark);font-size:.75rem;font-weight:800}
.ber-why{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:8px 0 10px}
.ber-opts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ber-opt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.8125rem;cursor:pointer;background:#fff;user-select:none}
.ber-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ber-opt small{color:var(--faint);font-size:.6875rem}
.ber-opt.is-on{background:var(--green);border-color:var(--green);color:#fff}
.ber-opt.is-on small{color:rgba(255,255,255,.75)}
.ber-opt:focus-within{outline:2px solid var(--green);outline-offset:2px}
.ber-reset{font-size:.8125rem;color:var(--muted);text-decoration:underline;align-self:flex-start}
.ber-result .h-section:first-child{margin-top:0}
.ber-pick{margin-bottom:14px}
.ber-all{margin-top:26px}

@media (max-width:900px){.ber-layout{grid-template-columns:1fr}.ber-form{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.ber-q{flex:1 1 280px}}
@media (max-width:760px){.ber-form{flex-direction:column;gap:10px}.ber-q{flex:0 0 auto;padding:12px 14px 14px}.ber-q legend{font-size:.9375rem}.ber-why{font-size:.8125rem;margin:6px 0 8px}.ber-opts{gap:6px;margin-top:6px}.ber-opt{padding:6px 11px}.ber-pick{margin-bottom:10px}.ber-layout{gap:18px}}
.faq-plain{display:flex;flex-direction:column;gap:0}
.faq-row{padding:18px 0;border-top:1px solid var(--line)}
.faq-row:last-child{border-bottom:1px solid var(--line)}
.faq-row h3{font-size:1.0625rem;font-weight:800;letter-spacing:-.015em;margin:0 0 6px}
.faq-row p{margin:0;color:var(--ink-soft);line-height:1.6;max-width:75ch}

/* ───────── Berater v2 (Architektur 5.1-5.6): gleiche Karten und Pillen, Optionen als Zeilen, Schrittansicht mobil ───────── */
.ber-start{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0}
.ber-start-pill{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;color:var(--ink);font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}
.ber-start-pill.is-on{background:var(--green-a-10);border-color:var(--green-a-30);color:var(--green-ink)}
.ber-intro .ber-entwurf{text-align:center;margin:10px 0 0}
.ber2-kopf .rg-hero{max-width:440px;margin:8px auto 16px}
.ber2-kopf.has-antworten .rg-hero,.ber2-kopf.has-antworten .lead,.ber2-kopf.has-antworten .ber-start{display:none}
.ber2 [hidden]{display:none!important}
.ber2.ber-layout{grid-template-columns:360px minmax(0,1fr)}
.ber2 .ber-form{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
.ber2 .ber-q{flex:0 0 auto;scroll-margin-top:96px}
.ber2 .ber-q legend{float:left;width:100%;align-items:flex-start;line-height:1.35;margin:0 0 2px}
.ber2 .ber-q legend+*{clear:both}
.ber2 .ber-num{flex:0 0 22px;margin-top:1px}
.ber2 .ber-opts{flex-direction:column;align-items:stretch;gap:6px;margin-top:8px}
.ber2 .ber-opts-kurz{flex-direction:row;flex-wrap:wrap;align-items:flex-start}
.ber-o{display:flex;flex-direction:column;min-width:0}
.ber2 .ber-opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border-radius:var(--r-box);font-size:.875rem;line-height:1.35;text-align:left;transition:border-color .2s,background .2s}
.ber2 .ber-opts-kurz .ber-opt{border-radius:var(--r-pill);padding:8px 16px}
.ber2 .ber-opt.is-on{background:var(--green-ink);border-color:var(--green-ink);color:#fff}
.ber2 .ber-opt small{display:block;font-size:.75rem;color:var(--muted);line-height:1.4}
.ber2 .ber-opt.is-on small,.ber2 .ber-opt.is-on .ber-fach{color:rgba(255,255,255,.9)}
.ber2 .ber-opt.is-grau{background:#f4f4f4;border-style:dashed;color:#666}
.ber2 .ber-opt.is-grau small{color:#666}
.ber2 .ber-opt.is-grau.is-on{background:var(--green-ink);border-style:solid;color:#fff}
.ber-opt-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.ber-opt-l{font-weight:600}
.ber-fach{font-weight:500;color:var(--muted)}
.ber-grund{font-style:italic}
.ber-schema{flex:0 0 72px;width:72px;height:48px;border-radius:8px;background:#fff;border:1px solid var(--line-soft)}
.ber-o{position:relative}
.ber-o.has-what .ber-opt{padding-right:52px}
.ber-what>summary{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:48px;height:44px;color:var(--green-ink);cursor:pointer;list-style:none;border-radius:0 var(--r-box) var(--r-box) 0}
.ber-o.has-on .ber-what>summary{color:#fff}
.ber-what[open]{margin:6px 2px 4px 14px}
.ber-what>summary::-webkit-details-marker,.ber-help>summary::-webkit-details-marker,.ber-fein>summary::-webkit-details-marker,.ber-unklar>summary::-webkit-details-marker,.ber-alle>summary::-webkit-details-marker{display:none}
.ber-what-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;font-size:.75rem;font-weight:800;line-height:1}
.ber-what-body{font-size:.8125rem;color:var(--ink-soft);line-height:1.5;padding:0 0 6px}
.ber-what-body p,.ber-help-body p{margin:0 0 6px}
.ber-help{margin:0 0 4px;border-radius:var(--r-field);background:var(--card-bg)}
.ber-help>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;font-size:.8125rem;font-weight:700;color:var(--green-ink);cursor:pointer;list-style:none}
.ber-help>summary::before,.ber-unklar>summary::after,.ber-alle>summary::after,.ber-fein>summary::after{content:"";flex:0 0 auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.ber-help[open]>summary::before{transform:rotate(45deg)}
.ber-help-body{padding:0 12px 10px;font-size:.8125rem;line-height:1.55;color:var(--ink-soft)}
.ber-src{font-size:.75rem;color:var(--muted)}
.ber-hint{font-size:.8125rem;line-height:1.5;color:var(--ink-soft);background:var(--green-a-05);border-radius:var(--r-field);padding:8px 12px;margin:8px 0 0}
.ber-hint a{color:var(--green-ink);font-weight:600}
.ber-folge{font-size:.8125rem;color:var(--muted);margin:8px 0 0}
.ber-fein{border:1px solid var(--line);border-radius:var(--r-tile);background:#fff}
.ber-fein>summary{display:flex;align-items:center;min-height:48px;padding:10px 18px;font-weight:800;font-size:.9375rem;cursor:pointer;list-style:none}
.ber-fein>summary::after,.ber-unklar>summary::after,.ber-alle>summary::after{margin-left:auto;color:var(--muted);transform:rotate(45deg)}
.ber-fein[open]>summary::after,.ber-unklar[open]>summary::after,.ber-alle[open]>summary::after{transform:rotate(-135deg)}
.ber-fein-body{display:flex;flex-direction:column;gap:10px;padding:0 8px 8px}
.ber-fein-body .ber-q{border-color:var(--line-soft)}
.ber2 .ber-submit{min-height:48px;align-self:stretch}
.ber-step{display:flex;gap:10px;align-items:stretch}
.ber-step .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:8px}
.ber-step .ber-next{flex:1 1 auto}
.ber-step .ber-back{flex:0 0 auto}
.ber-jetzt{align-self:center;background:none;border:0;color:var(--green-ink);font:inherit;font-weight:600;font-size:.875rem;text-decoration:underline;min-height:44px;padding:8px 12px;cursor:pointer}
.ber-progress{height:2px;background:var(--line);border-radius:2px;overflow:hidden}
.ber-progress span{display:block;height:100%;width:0;background:var(--green);transition:width .3s var(--ease)}
.ber2 .ber-reset{display:inline-flex;align-items:center;min-height:44px}
.ber-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.ber-chip{display:inline-flex;align-items:stretch;max-width:100%;border:1px solid var(--green-a-30);background:var(--green-a-05);border-radius:var(--r-pill);font-size:.8125rem}
.ber-chip.is-vorein{background:#fff}
.ber-chip-l{display:inline-flex;align-items:center;min-height:40px;padding:4px 2px 4px 14px;color:var(--ink);text-decoration:none;font-weight:600;min-width:0;line-height:1.3;overflow-wrap:anywhere}
.ber-chip-x{display:inline-flex;align-items:center;justify-content:center;min-width:40px;color:var(--muted);border-radius:0 var(--r-pill) var(--r-pill) 0}
.ber-edit{margin:0 0 12px;min-height:48px}
.ber-annahmen{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:0 0 6px}
.ber-annahmen a{position:relative;padding:0 4px;color:var(--green-ink);font-weight:600}
.ber-annahmen a::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;transform:translateY(-50%)}
.ber-res-hints{display:none}
.ber-upd a{color:var(--green-ink);font-weight:600}
.ber2 .ber-result{scroll-margin-top:96px}
.ber2 .ber-q:focus{outline:none}
.ber2 .ber-q:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.pick-rolle{font-size:.875rem;color:var(--ink-soft);line-height:1.5;margin:0}
.pick-warum,.pick-beachte{font-size:.875rem;color:var(--ink-soft);line-height:1.5;margin:0 0 10px;max-width:62ch}
.pick-warum ul,.pick-beachte ul{margin:2px 0 0;padding-left:18px}
.pick-warum li,.pick-beachte li{margin:0 0 3px}
.pick-h{display:block;font-size:.8125rem;font-weight:700;color:var(--ink)}
.pick-info{font-size:.8125rem;color:var(--ink-soft);line-height:1.5;margin:0 0 10px}
.ber-pick .pick-specs small{color:var(--muted);font-size:.75rem}
.ber-pick .pick-cmp{display:inline-flex;align-items:center;min-height:44px}
.ber-fix{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.ber2 .ber-opt.is-max{background:#f4f4f4;color:#666;cursor:not-allowed}
.ber-max-hint{font-size:.8125rem;color:var(--muted);margin:6px 0 0}
.pick-media.ohne-bild,.card-media.ohne-bild{background:var(--card-bg)}
.pick-media.ohne-bild img.img-fehlt,.card-media.ohne-bild img.img-fehlt{display:none}
.ber-relax{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--r-box);padding:14px 18px;margin:0 0 16px;font-size:.9375rem;line-height:1.5}
.ber-relax-h{font-weight:700;margin:0 0 4px}
.ber-relax ul{list-style:none;margin:4px 0 0;padding:0}
.ber-relax li+li{border-top:1px solid var(--line)}
.ber-relax a{display:flex;align-items:center;min-height:44px;padding:11px 0;color:var(--green-ink);font-weight:600}
.ber-unklar,.ber-alle{margin:22px 0 0;border-top:1px solid var(--line)}
.ber-unklar>summary,.ber-alle>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 0;font-weight:800;font-size:1.0625rem;letter-spacing:-.01em;cursor:pointer;list-style:none}
.ber-unklar-list{list-style:none;margin:0;padding:0}
.ber-unklar-list li{border-bottom:1px solid var(--line-soft)}
.ber-unklar-list a{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:10px 0;color:var(--ink);text-decoration:none;line-height:1.4}
.ber-unklar-t{font-weight:600}
.ber-unklar-meta{font-size:.8125rem;color:var(--muted);font-weight:400}
.ber-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:12px 0}
.ber-begriffe,.ber-fuss{max-width:800px;margin:var(--sp-section) auto 0}
.ber-fuss{margin-top:28px}
.ber-begriffe .faq-row{scroll-margin-top:96px}
.ber-begriffe .faq-row:target{background:var(--green-a-05)}
.ber-begriffe .ber-src{margin-top:6px}
@media (min-width:900px){.ber2 .ber-result{min-height:720px}.ber2.js .ber-submit{display:none}}
@media (max-width:899px){
  .ber2.ber-layout{grid-template-columns:minmax(0,1fr);gap:18px}
  .ber2 .ber-form.is-steps .ber-q[data-ber-kern]{display:none}
  .ber2 .ber-form.is-steps .ber-q[data-ber-kern].is-cur{display:block}
  .ber2 .ber-form.is-steps .ber-fein,.ber2 .ber-form.is-steps .ber-submit,.ber2 .ber-form.is-steps .ber-reset{display:none}
  .ber2 .ber-form.is-steps.is-last .ber-fein{display:block}
  .ber2.is-ergebnis .ber-form{display:none}
  .ber2.is-ergebnis .ber-res-hints{display:block;margin:0 0 10px}
  .ber2.is-geaendert:not(.is-ergebnis) [data-ber-result]{display:none}
  .ber2-kopf .rg-hero{display:none}
  .ber-start{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-top:14px;padding-bottom:2px;scrollbar-width:none}
  .ber-start::-webkit-scrollbar{display:none}
  .ber-start-pill{flex:0 0 auto;white-space:nowrap}
  .ber-start-pill:first-child{margin-left:auto}
  .ber-start-pill:last-child{margin-right:auto}
  .ber-chip-l{min-height:44px}
  .ber-chip-x{min-width:44px}
  .ber2 .pick-media{height:96px}
}
@media (max-width:420px){.ber-schema{flex-basis:56px;width:56px;height:38px}}
@media (prefers-reduced-motion:reduce){.ber-progress span,.ber-help>summary::before,.ber-fein>summary::after{transition:none}}

/* ───────── Berater-Teaser in der Suche ───────── */
.ber-teaser{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px auto 0;max-width:760px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 20px;text-decoration:none;color:var(--ink);text-align:left}
.ber-teaser-txt{display:flex;flex-direction:column;gap:2px;font-size:.9375rem;color:var(--muted);line-height:1.45}
.ber-teaser-txt strong{font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.ber-teaser-go{font-weight:700;color:var(--green-dark);white-space:nowrap;font-size:.9375rem}
@media (max-width:760px){.ber-teaser{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}}
/* Berater auf Abruf: Feld "erstellen" (Formular) und "entsteht gerade" */
.ber-teaser.is-neu{background:linear-gradient(135deg,#fff 0%,var(--paper-tint) 100%);border-color:var(--green-a-25)}
.ber-teaser-txt{min-width:0}
.ber-teaser-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:var(--grad);color:#fff;border:0;border-radius:var(--r-pill);padding:11px 20px;font:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.ber-teaser-btn span{transition:transform .3s var(--ease)}
.ber-teaser-btn[disabled]{opacity:.75;cursor:progress;transform:none}
.ber-teaser.is-entsteht strong{display:inline-flex;align-items:center;gap:9px}
.ber-puls{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--green-a-30);animation:ber-puls 1.8s ease-out infinite}
@keyframes ber-puls{0%{box-shadow:0 0 0 0 var(--green-a-30)}70%{box-shadow:0 0 0 9px rgba(35,162,93,0)}100%{box-shadow:0 0 0 0 rgba(35,162,93,0)}}
@media (max-width:760px){.ber-teaser-btn{width:100%;justify-content:center;padding:12px 18px}}

/* Automatisch erstellte Berater: KI-Kennzeichnung direkt unter der H1 (dezent, immer sichtbar) */
.ber-ki{display:flex;align-items:flex-start;gap:8px;width:fit-content;max-width:620px;margin:0 auto 14px;padding:7px 12px 7px 10px;border-radius:var(--r-field);background:var(--card-bg);border:1px solid var(--line);color:var(--muted);font-size:.8125rem;line-height:1.45;text-align:left}
.ber-ki-ico{flex:0 0 15px;width:15px;height:15px;margin-top:1px;color:var(--green)}
@media (max-width:640px){.ber-ki{font-size:.75rem;padding:6px 10px 6px 8px;margin-bottom:10px}.ber-ki-ico{flex-basis:14px;width:14px;height:14px}}
/* ───────── Warteseite: Berater entsteht ─────────
   Buehne: Kacheln werden angesehen (Lichtstreifen), Fragen-Chips erscheinen und filtern, Quellen-Haken, dann wandern die passenden
   Kacheln nach vorn (translate je Kachel auf Platz --r). Klasse st-0..st-4 an .ent-stage setzt app.js, ohne die Buehne neu zu bauen. */
.ent-intro{padding-bottom:4px}
.ent-section{padding-top:8px}
.ent-section .ent-lead{margin:0 auto 22px;text-align:center;max-width:600px;font-size:1.0625rem}
.ent-card{max-width:680px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:26px 28px 22px;position:relative;overflow:hidden}
.ent-card::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--grad-line)}
.ent-stage{--g:12px;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--card-bg) 0%,#fff 100%);border:1px solid var(--line-soft);border-radius:var(--r-box);padding:16px 20px 20px}
.ent-chips{display:flex;justify-content:center;gap:10px;height:30px;margin-bottom:16px}
.ent-chip{flex:1 1 0;max-width:168px;min-width:0;display:flex;align-items:center;gap:8px;padding:0 6px 0 10px;border:1px dashed #dcdcdc;border-radius:var(--r-pill);background:transparent;transition:background .45s var(--ease),border-color .45s var(--ease);transition-delay:calc(var(--k) * .18s)}
.ent-chip > :not(.ent-doc){opacity:0;transform:translateX(-6px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--k) * .18s)}
.ent-dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;border:2px solid #d0d0d0;background:#fff;transition:background .3s,border-color .3s}
.ent-chip b{flex:1;min-width:0;height:6px;border-radius:4px;background:#ececec}
.ent-doc{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.15s + var(--k) * .35s)}
.ent-doc svg{width:11px;height:11px}
.ent-shelf{position:relative;height:108px}
.ent-tile{position:absolute;top:0;bottom:0;left:calc(var(--i) * (100% + var(--g)) / 6);width:calc((100% - 5 * var(--g)) / 6);display:flex;flex-direction:column;gap:6px;padding:8px;background:#fff;border:1.5px solid var(--line);border-radius:12px;
  transition:translate .9s var(--ease),scale .5s var(--ease),opacity .5s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);transition-delay:calc(var(--r) * .07s),0s,calc(var(--i) * .08s),0s,0s;
  animation:ent-in .55s var(--ease) backwards;animation-delay:calc(var(--i) * .07s)}
.ent-img{flex:1;border-radius:8px;background:radial-gradient(circle closest-side at 50% 52%,#dedede 0 62%,transparent 64%),#f2f2f2;transition:background .4s}
.ent-tile b{flex:0 0 5px;border-radius:3px;background:#e6e6e6}
.ent-tile b.s{width:55%;background:var(--green-a-25)}
.ent-ok{position:absolute;top:-9px;right:-9px;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .7s}
.ent-ok svg{width:13px;height:13px}
.ent-scan{position:absolute;top:-8px;bottom:-8px;left:0;width:100%;pointer-events:none;opacity:0;transition:opacity .5s;background:linear-gradient(90deg,transparent 44%,var(--green-a-10) 47%,var(--green-a-25) 50%,var(--green-a-10) 53%,transparent 56%)}
@keyframes ent-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes ent-scan{from{transform:translateX(-56%)}to{transform:translateX(56%)}}
@keyframes ent-seen{0%,100%{opacity:0}12%{opacity:1}32%{opacity:0}}
@keyframes ent-dot{0%,18%{border-color:#d0d0d0;background:#fff;box-shadow:none}32%,82%{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 2px #fff}100%{border-color:#d0d0d0;background:#fff;box-shadow:none}}
@keyframes ent-ping{0%{box-shadow:0 0 0 0 var(--green-a-30)}70%,100%{box-shadow:0 0 0 8px rgba(35,162,93,0)}}
/* 0 Geraete ansehen: Lichtstreifen faehrt ueber die Kacheln, jede leuchtet kurz auf */
.st-0 .ent-scan{opacity:1;animation:ent-scan 2.4s linear infinite}
.ent-tile::after{content:'';position:absolute;inset:-1.5px;border-radius:inherit;border:1.5px solid var(--green);opacity:0;pointer-events:none}
.st-0 .ent-tile::after{animation:ent-seen 2.4s ease infinite;animation-delay:calc(var(--i) * .36s)}
/* 1 Fragen formulieren: Chips erscheinen, Auswahlpunkte schalten nacheinander, unpassende Kacheln treten zurueck */
.ent-stage:not(.st-0) .ent-chip{border-style:solid;border-color:var(--line);background:#fff}
.ent-stage:not(.st-0) .ent-chip > :not(.ent-doc){opacity:1;transform:none}
.st-1 .ent-dot{animation:ent-dot 3s ease infinite;animation-delay:calc(var(--k) * .5s)}
.st-2 .ent-dot,.st-3 .ent-dot,.st-4 .ent-dot{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 2px #fff}
.ent-stage:not(.st-0) .ent-tile.is-out{opacity:.35}
/* 2 Quellen pruefen: Haken an jedem Chip */
.st-2 .ent-chip,.st-3 .ent-chip,.st-4 .ent-chip{border-color:var(--green-a-30)}
.st-2 .ent-doc,.st-3 .ent-doc,.st-4 .ent-doc{transform:scale(1)}
.st-2 .ent-doc{animation:ent-ping 2.1s ease-out infinite;animation-delay:calc(.8s + var(--k) * .7s)}
.st-2 .ent-tile.is-mid,.st-3 .ent-tile.is-mid,.st-4 .ent-tile.is-mid{opacity:.35}
/* 3 Empfehlungen berechnen: passende Kacheln wandern nach vorn, die beste bekommt den Haken */
.st-3 .ent-tile,.st-4 .ent-tile{translate:calc((var(--r) - var(--i)) * (100% + var(--g))) 0}
.st-3 .ent-tile.is-top,.st-4 .ent-tile.is-top{border-color:var(--green-a-30)}
.st-3 .ent-tile.is-best,.st-4 .ent-tile.is-best{translate:calc((var(--r) - var(--i)) * (100% + var(--g))) -5px;border-color:var(--green)}
.st-3 .is-best .ent-img,.st-4 .is-best .ent-img{background:radial-gradient(circle closest-side at 50% 52%,rgba(35,162,93,.32) 0 62%,transparent 64%),#eef8f2}
.st-3 .is-best .ent-ok,.st-4 .is-best .ent-ok{transform:scale(1)}
.st-3 .is-best .ent-ok{animation:ent-ping 1.8s ease-out 1.4s infinite}
.st-4 .ent-tile.is-best{scale:1.05}
/* Fortschritt */
.ent-prog{margin-top:20px}
.ent-bar{position:relative;height:10px;border-radius:6px;background:#ececec;overflow:hidden}
.ent-bar span{position:absolute;left:0;top:0;bottom:0;min-width:10px;border-radius:inherit;background:var(--grad-line);overflow:hidden;transition:width .6s var(--ease)}
.ent-bar.is-js span{transition:none}
.ent-bar span::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.45) 50%,transparent 100%);transform:translateX(-100%);animation:ent-glanz 1.8s ease-in-out infinite}
@keyframes ent-glanz{to{transform:translateX(100%)}}
.ent-prog-txt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:9px 0 0;font-size:.9375rem;color:var(--muted)}
.ent-prog-txt strong{color:var(--green-ink);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ent-prog-txt span{text-align:right}
/* Schritte */
.ent-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--line-soft)}
.ent-steps li{display:flex;align-items:center;gap:9px;min-width:0;color:var(--faint);font-size:.875rem;font-weight:500;line-height:1.3;transition:color .3s ease}
.ent-steps li.is-done{color:var(--ink)}
.ent-steps li.is-now{color:var(--ink);font-weight:700}
.ent-ico{flex:0 0 24px;width:24px;height:24px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .3s,border-color .3s}
.ent-ico svg{width:12px;height:12px}
.is-done .ent-ico{background:var(--green);border-color:var(--green)}
.is-neu .ent-ico{animation:ent-pop .5s cubic-bezier(.34,1.56,.64,1)}
.is-now .ent-ico{border-color:var(--green-a-25);border-top-color:var(--green);animation:ent-spin .9s linear infinite}
@keyframes ent-spin{to{transform:rotate(360deg)}}
@keyframes ent-pop{0%{transform:scale(.4)}100%{transform:scale(1)}}
.ent-note{text-align:center;max-width:560px;margin:18px auto 0}
.ent-weiter{text-align:center;margin-top:22px}
.ent-aus{display:block;text-align:center;padding:34px 30px}
.ent-aus-h{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;line-height:1.25;margin-bottom:10px;text-wrap:balance}
.ent-aus p{color:var(--muted);max-width:500px;margin:0 auto}
.ent-aus .ent-aus-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 22px;margin-top:22px}
@media (max-width:640px){
  .ent-section .ent-lead{font-size:.9375rem;margin-bottom:14px}
  .ent-card{padding:20px 14px 16px;border-radius:var(--r-box)}
  .ent-stage{--g:7px;padding:12px 10px 14px;border-radius:12px}
  .ent-chips{gap:6px;height:26px;margin-bottom:14px}
  .ent-chip{gap:5px;padding:0 4px 0 7px}
  .ent-dot{flex-basis:10px;width:10px;height:10px}
  .ent-doc{flex-basis:16px;width:16px;height:16px}
  .ent-shelf{height:84px}
  .ent-tile{padding:5px;gap:4px;border-radius:9px}
  .ent-tile b{flex-basis:4px}
  .ent-img{border-radius:6px}
  .ent-ok{width:20px;height:20px;top:-8px;right:-8px}
  .ent-ok svg{width:11px;height:11px}
  .ent-prog{margin-top:16px}
  .ent-prog-txt{font-size:.875rem}
  .ent-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:14px;padding-top:14px}
  .ent-steps li{font-size:.8125rem;gap:8px}
  .ent-ico{flex-basis:22px;width:22px;height:22px}
  .ent-aus{padding:28px 18px}
}
@media (prefers-reduced-motion:reduce){
  .ber-puls,.ent-tile,.ent-tile::after,.ent-scan,.ent-dot,.ent-doc,.ent-ok,.ent-bar span::after,.is-now .ent-ico,.is-neu .ent-ico{animation:none!important}
  .ent-tile,.ent-chip,.ent-doc,.ent-ok,.ent-bar span{transition:none!important}
  .st-0 .ent-scan{opacity:0}
  .ent-bar span::after{display:none}
  .st-1 .ent-dot{border-color:var(--green);background:var(--green);box-shadow:inset 0 0 0 2px #fff}
  .is-now .ent-ico{border-color:var(--green)}
}
.shop-hit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px auto 0;max-width:760px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:16px 20px;text-decoration:none;color:var(--ink);text-align:left}
.shop-hit-txt{display:flex;flex-direction:column;gap:2px;font-size:.9375rem;color:var(--muted);line-height:1.45;min-width:0}
.shop-hit-txt strong{font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.shop-hit-go{font-weight:700;color:var(--green-dark);white-space:nowrap;font-size:.9375rem}
.shop-hit+.shop-hit{margin-top:10px}
.suggest-shops{border-bottom:1px solid var(--line)}
.suggest-logo{background:#fff;border:1px solid var(--line)}
.suggest-logo .shop-initial{width:100%;height:100%;font-size:1.1rem;border-radius:0}
@media (max-width:760px){.shop-hit{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}}
.intro.ber-intro .container.narrow .lead{text-align:center;margin:0 auto;max-width:640px}
.intro.ber-intro .container.narrow .ev-meta{justify-content:center}
.ber-intro .crumbs,.ber-intro .h-page{text-align:center}
.wait-box{max-width:520px;margin:22px auto 0;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:18px 20px}
.wait-bar{height:10px;border-radius:999px;background:var(--line-soft);overflow:hidden}
.wait-bar span{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .6s ease}
.wait-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:.9375rem;color:var(--muted)}
.wait-meta strong{color:var(--ink);font-variant-numeric:tabular-nums}
.adm-shop{display:flex;align-items:center;gap:10px;white-space:nowrap}
.adm-shop img{height:32px;width:64px;object-fit:contain;border:1px solid var(--line-soft);border-radius:6px;background:#fff;flex:none}
.adm-nologo{display:inline-flex;align-items:center;justify-content:center;height:32px;width:64px;border:1px dashed #b42318;border-radius:6px;color:#b42318;font-size:.6875rem;font-weight:700;flex:none}
.hot-berater{margin-top:14px}
.hot-thumb-wide{flex:0 0 84px;width:84px;height:56px;padding:2px}
.hot-thumb-wide img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.ebay-more{grid-column:1 / -1;margin-top:4px}
.ebay-more summary{cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--muted);list-style:none;padding:4px 0}
.ebay-more summary::-webkit-details-marker{display:none}
.ebay-list{list-style:none;margin:4px 0 0;padding:0}
.ebay-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line-soft);font-size:.875rem}
.ebay-seller{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.ebay-fb{color:var(--faint);font-size:.75rem}
.ebay-price{white-space:nowrap;font-variant-numeric:tabular-nums}
.ebay-price b{font-weight:700}
.ebay-price small{color:var(--muted);margin-left:6px;font-size:.75rem}
.ebay-go{color:var(--green-dark);font-weight:600;text-decoration:none;white-space:nowrap}
@media (max-width:760px){.ebay-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.ebay-price{grid-column:2;display:flex;flex-direction:column;align-items:flex-end}.ebay-price small{margin:0}.ebay-go{grid-column:1 / -1;justify-self:end}}

/* ───────── Testberichte (Icecat) ───────── */
.tb{margin-top:var(--sp-section);scroll-margin-top:90px}
.pd [id]{scroll-margin-top:90px}  /* Sprungziele unter der festen Kopfleiste */
@media (max-width:768px){.pd [id]{scroll-margin-top:72px}}
.tb-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.tb-sum-one{grid-template-columns:1fr}
.tb-col{border-radius:var(--r-tile);padding:18px 22px}
.tb-col-pro{background:var(--green-a-05);border:1px solid var(--green-a-15)}
.tb-col-con{background:rgba(180,83,9,.04);border:1px solid rgba(180,83,9,.14)}
.tb-col h3{margin:0 0 10px;font-size:1rem;font-weight:800;display:flex;align-items:center;gap:8px}
.tb-col h3::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--green) center/12px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.tb-col-con h3::before{background-color:var(--warn);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.tb-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tb-col li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:.9375rem;line-height:1.4}
.tb-col li a{font-size:.8125rem;color:var(--muted);text-decoration:none;white-space:nowrap}
.tb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.tb-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:18px 20px;min-width:0;scroll-margin-top:90px}
.tb-card:target{border-color:var(--green);box-shadow:0 0 0 3px var(--green-a-15)}
.tb-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tb-who{display:flex;flex-direction:column;min-width:0}
.tb-who strong{font-size:1rem;overflow-wrap:anywhere}
.tb-who span{font-size:.8125rem;color:var(--muted)}
.tb-pc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:.875rem;line-height:1.4}
.tb-pc li{position:relative;padding-left:20px}
.tb-pc li::before{position:absolute;left:2px;top:0;font-weight:900}
.tb-pc li.pro::before{content:"+";color:var(--green-dark)}
.tb-pc li.con::before{content:"–";color:var(--warn)}
.tb-quote{margin:0;font-size:.875rem;line-height:1.55;color:var(--ink-soft);overflow-wrap:anywhere}
.tb-quote span{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:3px}
.tb-link{margin-top:auto;font-size:.875rem;font-weight:700;color:var(--green-dark);text-decoration:none}
.tb-rest{margin-top:4px}
.tb-rest summary{cursor:pointer;list-style:none;display:flex;justify-content:center;margin:14px auto 0;width:max-content;max-width:100%;padding:10px 20px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:.875rem;font-weight:700;color:var(--green-dark);background:#fff}
.tb-rest summary::-webkit-details-marker{display:none}
.tb-rest[open] summary{display:none}
.yt{margin-top:var(--sp-section);scroll-margin-top:90px}
.yt-car{--car-gap:12px;margin-top:4px}
.yt-track>.yt-card{flex:0 0 calc((100% - 3*var(--car-gap))/4);align-self:stretch}
.yt-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:12px;min-width:0}
.yt-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;border-radius:calc(var(--r-tile) - 4px);overflow:hidden;background:#e8ebe9;cursor:pointer;color:inherit;font:inherit}
.yt-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.yt-thumb iframe{display:block;width:100%;height:100%;border:0}
.yt-play{position:absolute;left:50%;top:50%;width:52px;height:36px;transform:translate(-50%,-50%);border-radius:10px;background:rgba(17,24,20,.78)}
.yt-play::after{content:"";position:absolute;left:21px;top:10px;border-style:solid;border-width:8px 0 8px 14px;border-color:transparent transparent transparent #fff}
.yt-thumb:hover .yt-play,.yt-thumb:focus-visible .yt-play{background:var(--green)}
.yt-thumb:focus-visible{outline:0;box-shadow:0 0 0 3px var(--green-a-15)}
.yt-dur{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:6px;background:rgba(17,24,20,.78);color:#fff;font-size:var(--fs-xs);font-weight:700}
.yt-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.yt-head{flex-wrap:nowrap;align-items:center}.yt-brand{display:inline-flex;align-items:center;flex:0 0 auto;align-self:center;margin-left:auto}.yt-brand img{display:block;height:20px;width:auto}
.yt-card-ref{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.yt-ref{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;background:var(--green-a-10);color:var(--green-dark);font-size:var(--fs-xs);font-weight:700}
.yt-ref svg{width:11px;height:11px}
.yt-title{margin:0;font-size:var(--fs-sm);line-height:1.35;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yt-title a{color:var(--ink);text-decoration:none}
.yt-who{font-size:var(--fs-xs);color:var(--muted)}
.yt-note{margin:10px 0 0;font-size:var(--fs-xs);color:var(--muted)}
.vm{margin-top:16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile)}
.vm-h{margin:0 0 8px;font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em}
.vm-text{margin:0;font-size:var(--fs-sm);line-height:1.6;color:var(--ink-soft);max-width:92ch}
.vm-row{margin-top:14px}
.vm-lab{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--fs-sm)}
.vm-lab svg{width:16px;height:16px;flex:0 0 auto}
.vm-plus{color:var(--green-dark)}
.vm-minus{color:#a85d14}
.vm-chips{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vm-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:#f6f8f7;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.vm-chip small{font-weight:500;color:var(--muted);font-size:var(--fs-xs)}
.vm-src{margin:14px 0 0;font-size:var(--fs-xs);color:var(--muted)}
.vm-info{color:var(--ink-soft)}
/* Die Tester sagen: kompakte Lesekarte unter dem Video-Karussell */
.vf{margin-top:20px;padding:22px 26px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile)}
.vf-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"lead lists" "komm lists";grid-template-rows:auto 1fr;column-gap:40px;margin-top:4px}
.vf-body>.vf-lead{grid-area:lead}
.vf-lists{grid-area:lists;padding-left:40px;border-left:1px solid var(--line)}
.vf-lists .vf-grp:first-child{margin-top:12px;padding-top:0;border-top:0}
.vf-komm{grid-area:komm;align-self:start}
.vf-body.vf-nk{grid-template-areas:"lead komm";grid-template-rows:auto}.vf-nk .vf-komm{padding-left:40px;border-left:1px solid var(--line);margin-top:12px;padding-top:0;border-top:0}
.vf-head{display:flex;align-items:center;gap:10px}
.vf-ki{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:10px;background:var(--green-a-10);color:var(--green-dark)}
.vf-ki svg{width:18px;height:18px}
.vf-h{margin:0;font-size:var(--fs-lg);font-weight:800;letter-spacing:-.01em;flex:1 1 auto;min-width:0}
.vf-info{line-height:0}
.vf-info .hint-pop{right:0}
.vf-lead{margin:12px 0 0;font-size:var(--fs-base);line-height:1.65;color:var(--ink)}
.vf-grp{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.vf-lbl{display:block;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;color:var(--muted)}
.vf-plus .vf-lbl{color:var(--green-dark)}
.vf-minus .vf-lbl{color:#b4531b}
.vf-items{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.vf-items li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 10px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-soft)}
.vf-dot{width:7px;height:7px;border-radius:50%;background:#c9d0cc;transform:translateY(-1px)}
.vf-plus .vf-dot{background:var(--green)}
.vf-minus .vf-dot{background:#d9772f}
.vf-note .vf-dot{background:var(--ink-soft)}
.vf-txt b{color:var(--ink);font-weight:700}
.vf-t{display:inline-flex;align-items:center;gap:3px;vertical-align:middle;margin-left:2px;transform:translateY(-1px);padding:0 7px;border-radius:999px;border:1px solid var(--line);font-size:var(--fs-xs);font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.vf-t svg{width:10px;height:10px}
.vf-go{display:inline-block;vertical-align:middle;margin-left:2px;transform:translateY(-1px);padding:0 8px;border-radius:999px;background:var(--green-a-10);color:var(--green-dark);font-size:var(--fs-xs);font-weight:700;text-decoration:none;white-space:nowrap}
.vf-go:hover,.vf-go:focus-visible{background:var(--green-a-15);outline:0}
.vf-t:hover,.vf-t:focus-visible{color:var(--green-dark);border-color:var(--green-dark);background:var(--green-a-10);outline:0}
.yt-note a{color:var(--green-dark);font-weight:700}
.tb-note{margin:14px 0 0;font-size:.8125rem;line-height:1.5;color:var(--muted);max-width:90ch}
@media (max-width:768px){
  .tb-sum,.tb-grid{grid-template-columns:1fr}
  .vm{padding:14px}
  .vf{padding:16px 14px 12px;margin-top:14px}.vf-body{display:flex;flex-direction:column}.vf-lists{padding-left:0;border-left:0}.vf-lists .vf-grp:first-child{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.vf-komm{order:3}.vf-nk .vf-komm{padding-left:0;border-left:0;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
  .yt-car{--car-gap:10px}.yt-track>.yt-card{flex:0 0 min(72%,280px);padding:10px}.yt-play{width:44px;height:30px}.yt-play::after{left:17px;top:7px;border-width:6px 0 6px 12px}.yt-dur{right:6px;bottom:6px;padding:1px 5px}
  .tb-col{padding:16px 18px}
  .tb-card{padding:16px}
}

/* ───────── Produktseite: Kopf mit Kaufkarte, Preisvergleich, Verlauf (Vorgabe 10/2026) ─────────
   Reihenfolge: Produkt erkennen -> Gesamtpreis und Shop -> Zum Shop -> Belege. Eine Preisbasis: Gesamtpreis inkl. Versand. */
.pd-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:stretch}
.product-media{position:relative;aspect-ratio:auto;width:100%;min-height:280px;max-height:640px;border:1px solid var(--line);border-radius:var(--r-tile);display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;overflow:hidden;min-width:0}
.product-media img{position:absolute;inset:24px;display:block;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain}
@media (min-width:769px){.product-media{cursor:zoom-in}.product-media img{transition:transform .25s var(--ease);transform-origin:var(--zx,50%) var(--zy,50%)}.product-media.is-zoom img{transform:scale(2)}}
.pd-main{min-width:0;display:flex;flex-direction:column}
.product-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
/* Unterzeile zur H1: Rest des Shop-Titels ohne Floskeln (seo.titel_rest), gekuerzt auf zwei Zeilen */
.product-rest{margin:4px 0 0;font-size:var(--fs-base);line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media (max-width:768px){.product-rest{font-size:var(--fs-sm);line-height:1.35;margin-top:3px}}
.pd-rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);margin-top:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);text-decoration:none}
.pd-rating b{color:var(--ink);font-weight:700}
.stars{--r:0;display:inline-block;font-size:var(--fs-md);line-height:1;letter-spacing:1px;background:linear-gradient(90deg,#f5a524 calc(var(--r) / 5 * 100%),#d9dcdb 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.stars::before{content:"\2605\2605\2605\2605\2605"}
.dots{overflow:hidden}
.dots>div{display:flex;flex-wrap:wrap;align-items:baseline;margin-left:-16px}
.dots>div>*::before{content:"·";display:inline-block;width:16px;text-align:center;color:#bbb;font-weight:400;text-decoration:none}
.product-sub{color:var(--muted);font-size:.875rem;margin-top:4px}
.product-sub a{color:inherit;text-decoration:none;padding:8px 0}
.buybox{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:18px 20px;box-shadow:0 8px 28px rgba(0,0,0,.05);scroll-margin-top:96px}
.bb-label{font-size:.875rem;font-weight:600;color:var(--muted)}
.bb-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin-top:2px}
.bb-amount{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}
.bb-amount-txt{font-size:1.25rem;letter-spacing:-.01em;white-space:normal}
.bb-incl{font-size:.875rem;font-weight:500;color:var(--muted)}
.bb-from{align-self:baseline;font-size:1.125rem;font-weight:600;color:var(--muted);margin-right:-4px}
.bb-count{margin-top:2px;font-size:.9375rem;font-weight:600;color:var(--ink-soft)}
.bb-split{margin-top:2px;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bb-split span{white-space:nowrap}
.bb-split s,.offer-list s{color:var(--muted)}
.bb-perk{display:flex;align-items:baseline;gap:8px;margin-top:10px;font-size:.875rem;line-height:1.45;color:var(--ink);text-decoration:none}
.perk-tag{flex:0 0 auto;font-size:.75rem;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 6px;line-height:1.5}
.bb-perk code,.offer-perk code,.offer-promo code{font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700;border:1px dashed var(--muted);border-radius:6px;padding:0 5px;user-select:all}
.bb-shop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;margin-top:10px;font-size:.9375rem;color:var(--ink-soft)}
.bb-shop-deliv{color:var(--muted)}
.bb-shop strong{color:var(--ink)}
.bb-actions{display:flex;gap:10px;margin-top:12px}
.bb-go{flex:1 1 auto}
.bb-go svg{width:20px;height:20px}
.bb-alarm{flex:0 0 auto;gap:8px}
.bb-alarm svg{width:20px;height:20px}
.bb-alarm.is-on{background:var(--green-a-10)}
.bb-fine{margin:8px 0 0;font-size:.875rem;color:var(--muted)}
.pd-points{margin-top:8px;font-size:.875rem;line-height:1.45;color:var(--ink-soft)}
.pd-points li:nth-child(n+4){display:none}
.pd-points ul{margin:0;padding-left:1.15em;display:grid;gap:4px}
.pd-points li::marker{color:var(--green)}
.pd-points-src{display:inline-block;margin-top:6px;font-size:.8125rem;color:var(--muted);text-decoration:none}
.bb-time{display:block;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box);padding:10px 20px 8px;color:var(--ink);text-decoration:none;--k:var(--green-ink);--kd:var(--green)}
.bb-time-mid{--k:#8a5a00;--kd:#e0a200}
.bb-time-high{--k:#b91c1c;--kd:#dc2626}
.bb-time-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:.875rem;color:var(--muted)}
.bb-time-head b{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;color:var(--k)}
.bb-time-head b::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--kd);flex-shrink:0}
.bb-time-bar{position:relative;display:block;height:8px;margin:26px 0 0;border-radius:99px;background:linear-gradient(90deg,#23a25d 0%,#8cc44c 35%,#f0c43a 62%,#ef8f3e 82%,#dc4a3a 100%)}
.bb-time-avg{position:absolute;top:-6px;bottom:-4px;left:calc(9px + (100% - 18px) * var(--p) / 100);width:2px;margin-left:-1px;border-radius:1px;background:var(--ink-soft)}
.bb-time-now{position:absolute;top:50%;left:calc(9px + (100% - 18px) * var(--p) / 100);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;border:4px solid var(--kd);box-shadow:0 1px 4px rgba(0,0,0,.25)}
.bb-time-avgl{position:absolute;bottom:12px;transform:translateX(-50%);font-size:.8125rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}
.bb-time-scale{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:.8125rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.buybox-none .bb-label{font-size:1rem;color:var(--ink)}
.buybox-none .bb-go{margin-top:12px;width:100%;gap:8px}
.bb-links{display:none}

.pd-body{margin-top:0}
.pd-body.has-aside{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:32px;align-items:start}
.pd-offers,.pd-aside{min-width:0}
.pd-offers{scroll-margin-top:96px}
.pd-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:0 16px}
.pd-hsub{margin:0 0 var(--sp-head);font-size:.875rem;color:var(--muted)}
.pd-hsub a{color:var(--green-ink);font-weight:600;padding:8px 0;white-space:nowrap}
.offers{display:flex;flex-direction:column;gap:8px}
.offer{display:grid;grid-template-columns:160px minmax(0,1fr) 200px 132px;grid-template-areas:"shop deliv price cta" "tag info info info";grid-template-rows:auto auto;gap:4px 18px;align-items:center;min-height:80px;border:1px solid var(--line);border-radius:var(--r-box);padding:14px 18px;background:#fff;scroll-margin-top:96px}
.offer:target{border-color:var(--green);box-shadow:0 0 0 3px var(--green-a-15)}
.offer-best{border-color:var(--green-a-30);background:var(--paper-tint)}
.offer-shop{grid-area:shop;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:end}
.offer-tag{grid-area:tag;min-width:0;align-self:start}
.offer:not(.has-tag) .offer-shop{grid-row:1 / span 2;align-self:center}
.offer-name{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:32px;font-weight:700;font-size:.9375rem;color:var(--ink);text-decoration:none}
.offer-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.offer-seller{font-size:.8125rem;line-height:1.3;color:var(--muted)}
.offer .shop-mark{width:40px;height:24px;border:0;border-radius:4px;object-fit:contain;object-position:center;flex:0 0 40px}
.offer .shop-mark-none{display:inline-block;visibility:hidden}
.tag{display:inline-block;font-size:.75rem;font-weight:600;color:var(--ink);background:var(--green-a-10);border:1px solid var(--green-a-30);border-radius:var(--r-pill);padding:1px 9px;white-space:nowrap}
.tag-plain{background:#fff;border-color:var(--line);color:var(--muted)}
.offer-deliv{grid-area:deliv;min-width:0;font-size:.875rem;color:var(--ink-soft);align-self:end}
.offer:not(.has-info) .offer-deliv{grid-row:1 / span 2;align-self:center}
.offer.has-info .offer-price,.offer.has-info .offer-cta{grid-row:1}
.offer:not(.has-info) .offer-price,.offer:not(.has-info) .offer-cta{grid-row:1 / span 2}
.offer-info{grid-area:info;min-width:0;display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--ink-soft);align-self:start}
.offer-perk,.offer-promo,.offer-cond{display:flex;align-items:baseline;gap:8px;line-height:1.45;color:var(--ink)}
.offer-cond span:last-child{font-weight:600}
.offer-promo a{color:var(--green-ink);font-weight:600}
.offer-price{grid-area:price;display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums;min-width:0}
.offer-price .price{font-size:1.375rem;font-weight:800;line-height:1.2}
.offer-split,.offer-list{font-size:.875rem;color:var(--muted)}
.offer-list{white-space:nowrap}
.offer-cta{grid-area:cta;display:flex;justify-content:flex-end}
.offer-cta .btn{width:100%;min-height:var(--btn-md);padding:0 var(--btn-md-px);font-size:var(--btn-md-fs)}
.offer-plain{min-height:0}
.offer-odd,.pd-oos .offer{background:var(--card-bg)}
.pd-group{margin-top:20px}
.pd-subh{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:1rem;font-weight:800}
.pd-subh h3{font-size:1rem;font-weight:800}
.pd-more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s var(--ease),opacity .25s var(--ease)}
.pd-more.is-open{grid-template-rows:1fr;opacity:1}
.pd-more-in{min-height:0;overflow:hidden}
.pd-more-in>.offers{margin-top:10px}
.pd-more:not(.is-open) .pd-more-in{visibility:hidden;transition:visibility 0s .35s}
.pd-more-btn{display:flex;align-items:center;min-height:44px;margin-top:8px;padding:0;font:inherit;font-size:.9375rem;font-weight:700;color:var(--green-ink);background:none;border:0;cursor:pointer}
.pd-more-btn::after{content:"";width:8px;height:8px;margin-left:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease)}
.pd-more-btn[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.offer-ebay .offer-shop .small{font-size:.875rem;color:var(--muted)}
.ebay-more{margin-top:6px}
.offer-note{margin:12px 0 0;font-size:.875rem;line-height:1.55;color:var(--muted)}
.offer-note a{color:var(--green-ink);font-weight:600}

.history{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:18px 20px 16px;margin-top:var(--sp-5);scroll-margin-top:96px}
.pd-body.has-aside .history{margin-top:var(--sp-section)}
.pd-body:not(.has-aside) .pd-aside{max-width:560px}
.history-head{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.history-title{font-size:1.125rem;font-weight:800}
.history-sub{font-size:.875rem;color:var(--muted)}
.history-empty{margin:2px 0 0;font-size:.9375rem;color:var(--ink-soft)}
.history .stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;gap:6px}
.history .stat-label{text-transform:none;letter-spacing:0;font-size:.8125rem;color:var(--muted)}
.history .stat-value{display:block;font-variant-numeric:tabular-nums}
.history .stat-sub{color:var(--muted)}
.history-alarm{width:100%;margin-top:12px;min-height:48px;gap:8px}
.history-alarm svg{width:18px;height:18px}
.sheet .sheet-group:last-child summary{color:var(--ink-soft)}
.stickybuy{display:none}
.ebay-mark{display:inline-flex;font-weight:900;font-size:1.25rem;letter-spacing:-.04em;line-height:1}

/* Tablet und Handy: Kopf ohne Kategorie-Leiste, Sticky-Leiste unten */
/* Angebotszeilen zweizeilig, solange die Spalte neben dem Verlauf schmal ist (bis 1199 px) */
@media (max-width:1199px){
  .offer{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"shop price" "deliv cta";grid-template-rows:auto;gap:8px 12px;min-height:0;padding:12px 14px;border-radius:14px}
  .offer.has-tag{grid-template-areas:"tag tag" "shop price" "deliv cta"}
  .offer.has-info{grid-template-areas:"shop price" "info info" "deliv cta"}
  .offer.has-tag.has-info{grid-template-areas:"tag tag" "shop price" "info info" "deliv cta"}
  .offer:not(.has-info) .offer-deliv{grid-area:deliv}
  .offer.has-info .offer-price,.offer:not(.has-info) .offer-price{grid-area:price}
  .offer.has-info .offer-cta,.offer:not(.has-info) .offer-cta{grid-area:cta}
  .offer-deliv{font-size:.8125rem;align-self:center}
  .offer:not(.has-tag) .offer-shop{grid-area:shop}
  .offer-shop{align-self:center}
  .offer-list{display:none}
  .offer-shop{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .offer-name{min-height:28px}
  .offer-price .price{font-size:1.25rem}
  .offer-split,.offer-list{font-size:.8125rem}
  .offer-info{font-size:.8125rem}
  .offer-cta{align-self:end}
  .offer-cta .btn{width:auto;min-width:112px;padding:0 var(--btn-md-px)}
}
@media (max-width:1023px){
  .page-product .catbar{display:none}
  .pd-head{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px}
  .pd-body.has-aside{display:block}
  .pd-body .pd-aside{max-width:none}
  .pd-body.has-aside .history{margin-top:var(--sp-section)}
  .bb-alarm{display:none}
  .bb-links{display:flex;justify-content:space-between;gap:12px;margin-top:2px}
  .bb-links a,.bb-links button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;font:inherit;font-size:.9375rem;font-weight:700;color:var(--green-ink);background:none;border:0;text-decoration:none;cursor:pointer}
  .bb-links svg{width:18px;height:18px}
  .stickybuy{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:95;min-height:64px;background:#fff;border-top:1px solid var(--line);padding:8px 16px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.08);animation:sb-in .25s var(--ease) both}
  .stickybuy[hidden]{display:none}
  .sb-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
  .sb-price{font-size:1.125rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
  .sb-price small{display:block;font-size:.875rem;font-weight:500;color:var(--muted)}
  .sb-shop{font-size:.875rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .stickybuy .btn{min-height:var(--btn-md);padding:0 var(--btn-md-px);font-size:var(--btn-md-fs)}
  body.has-sticky{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.has-sticky .toast{bottom:calc(84px + env(safe-area-inset-bottom))}
  html:has(body.has-sticky){scroll-padding-bottom:80px}
  .pd-h{display:block}
  .pd-hsub{margin-top:-6px}
}
@keyframes sb-in{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.stickybuy{animation:none}}

@media (max-width:768px){
  .pd .crumbs{margin-bottom:0}
  .pd .crumbs a:not(:last-of-type),.pd .crumbs span{display:none}
  .pd .crumbs a{display:inline-flex;align-items:center;min-height:40px}
  .pd .crumbs a:last-of-type::before{content:"‹";margin-right:6px;font-size:1.125rem;line-height:1}
  /* Kopf mobil als Flex (User 22.10.2026): Titel fuellt die Breite bis zum Bild, Bild feste 156 px, alle weiteren Bloecke volle Breite */
  .pd-head{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-start}
  .pd-gal>*,.pd-main>*{flex:0 0 100%;min-width:0}
  .pd-head.no-buy{grid-template-areas:"title media" "time time" "quick quick" "pts pts"}
  .pd-hist{grid-area:hist;margin-top:2px}
  .pd-main{display:contents}
  .pd-head .pd-gal>.product-media{order:0;flex:0 0 120px;width:120px;aspect-ratio:auto;height:120px;padding:6px;border-radius:14px}  /* Spezifitaet ueber '.pd-gal .product-media{flex:1 1 auto}' */
  .product-media{min-height:0}
  .product-media img{position:static;width:auto;height:auto;max-width:100%;max-height:108px}
  .pd-titlebox{order:-1;flex:1 1 0%;min-width:0;align-self:center;max-width:none}  /* Basis 0: bei flex-wrap wuerde 'auto' mit langem Titel das Bild in die naechste Zeile schieben */
  .product-title{font-size:1.3125rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .product-sub{grid-area:sub;margin:0;font-size:.875rem}
  .product-sub a{padding:4px 0}
  .pd-points{grid-area:pts;margin-top:8px}
  .pd-points li:nth-child(n+4){display:list-item}
  .bb-time{grid-area:time;margin-top:2px;padding:12px 16px;border-radius:18px}
  .buybox{grid-area:buy;margin-top:2px;padding:14px 16px;border-radius:18px}
  .bb-amount{font-size:1.875rem}
  .bb-amount.bb-amount-txt{font-size:1.25rem}
  .bb-shop{margin-top:8px}
  .bb-actions{margin-top:10px}
  .bb-go{width:100%}
  /* kompakter am Handy */
  :root{--btn-lg:44px;--btn-lg-fs:1rem;--btn-md:38px;--btn-md-fs:.875rem;--sp-section:28px;--sp-head:10px}
  .buybox{padding:12px 14px}
  .bb-amount{font-size:1.625rem}
  .bb-from{font-size:1rem}
  .bb-incl,.bb-count{font-size:.8125rem}
  .bb-fine{font-size:.8125rem;margin-top:6px}
  .bb-links a,.bb-links button{min-height:38px;font-size:.875rem}
  .bb-time{padding:10px 14px 8px}
  .bb-time-head{font-size:.8125rem}
  .bb-time-head b{font-size:.875rem}
  .bb-time-bar{margin-top:24px}
  .bb-time-avgl,.bb-time-scale{font-size:.75rem}
  .offer{gap:2px 12px;padding:10px 12px;border-radius:12px}
  .offer-name{min-height:24px;font-size:.875rem}
  .offer-price .price{font-size:1.0625rem}
  .offer-split{font-size:.75rem}
  .offer-deliv{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .offer-cta .btn{min-width:0}
  .history{padding:14px 14px 12px;border-radius:18px}
  .history .stats{gap:6px}
  .history .stats div{padding:6px 8px}
}

/* Sprungleiste der Produktseite (Vorgabe 3.4): mobil Chips unter der Kaufkarte, Desktop ersetzt sie beim Scrollen die Kategorie-Leiste */
.pd [id]{scroll-margin-top:150px}
.jumpchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0 0;padding:2px 0}
.jumpchips::-webkit-scrollbar{display:none}
.jumpchips .chip{min-height:44px;font-size:.875rem}
.jumpbar{display:none;border-top:1px solid var(--line-soft);background:#fff}
.jumpbar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:100%}
.jumpbar-links{display:flex;gap:26px;min-width:0;overflow:hidden}
.jumpbar-links a{position:relative;display:flex;align-items:center;height:100%;padding:14px 0;color:var(--ink-soft);font-weight:600;font-size:.9375rem;text-decoration:none;white-space:nowrap}
.jumpbar-links a.is-active{color:var(--ink)}
.jumpbar-links a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:var(--green)}
.jumpbar-buy{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.jumpbar-price{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.jumpbar-price small{font-size:.8125rem;font-weight:500;color:var(--muted)}
@media (min-width:1024px){
  .jumpchips{display:none}
  body.jb-on .catbar{display:none}
  body.jb-on .jumpbar{display:block}
}

/* ───────── Einwilligung (app/consent.py, consent.js): Banner, Einstellungen ───────── */
.cc{position:fixed;left:20px;bottom:20px;z-index:110;width:min(440px,calc(100vw - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:var(--r-box);box-shadow:0 24px 64px rgba(0,0,0,.18);animation:cc-in .35s var(--ease) both}
.cc-in{padding:16px 20px 16px}
.cc-kopf,.cc-dkopf{display:flex;align-items:center;gap:10px}
.cc-kopf{margin-bottom:6px}
.cc-mark{width:22px;height:22px;border-radius:6px;flex:0 0 22px}
.cc-titel{flex:1;margin:0;font-size:1.0625rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.cc-x{flex:0 0 36px;width:36px;height:36px;margin:-4px -6px -4px 0;border:0;border-radius:50%;background:var(--card-bg);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
.cc-text{font-size:.875rem;line-height:1.55;color:var(--ink-soft)}
.cc-text p+p{margin-top:6px}
.cc-text strong{color:var(--ink);font-weight:700}
.cc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cc-btns-3{grid-template-columns:repeat(3,1fr);margin-top:0}
.cc-btn{min-height:var(--btn-lg);padding:0 var(--btn-md-px);border:0;border-radius:var(--r-pill);background:var(--grad);color:#fff;font-size:.9375rem;font-weight:700;line-height:1.2;cursor:pointer;transition:filter .15s var(--ease),box-shadow .15s var(--ease)}
.cc-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:12px;font-size:.8125rem}
.cc-links a{display:inline-block;color:var(--green-dark);font-weight:600;text-decoration:none;padding:6px 0}
/* Datenschutz, Impressum, Cookies: Banner als Block am Seitenanfang, damit er beim Lesen nichts verdeckt */
.cc.cc-statisch{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-height:none;overflow:visible;border:0;border-top:4px solid var(--green);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;animation:none;background:var(--card-bg)}
.cc-statisch .cc-in{max-width:760px;margin:0 auto}
@keyframes cc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cc-dlg{width:min(640px,calc(100vw - 32px));max-width:none;max-height:min(86vh,820px);max-height:min(86dvh,820px);margin:auto;padding:0;border:0;border-radius:var(--r-box);background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.3);overflow:hidden}
.cc-dlg[open]{display:flex;flex-direction:column}
.cc-dlg::backdrop{background:rgba(10,10,10,.45)}
.cc-dlg .cc-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.cc-dkopf{padding:14px 20px 12px;border-top:4px solid var(--green);border-bottom:1px solid var(--line)}
.cc-dbody{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 20px 16px;outline:0}
.cc-dfuss{padding:12px 20px 14px;border-top:1px solid var(--line);background:#fff}
.cc-dfuss .cc-links{margin-top:8px}
.cc-status{font-size:.875rem;font-weight:600;color:var(--ink)}
.cc-id{display:block;font-size:.8125rem;font-weight:500;color:var(--muted)}
.cc-form code{font-family:inherit;font-weight:600;font-size:.8125rem;color:var(--ink);background:var(--card-bg);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.cc-hinweis{margin:10px 0 0;padding:10px 12px;border-radius:var(--r-field);background:var(--green-a-10);font-size:.8125rem;line-height:1.5;color:var(--ink)}
.cc-intro{margin:8px 0 4px;font-size:.875rem;line-height:1.55;color:var(--ink-soft)}
.cc-kat{margin-top:10px;padding:12px 16px 14px;border:1px solid var(--line);border-radius:var(--r-field);background:#fff}
.cc-kat-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px}
.cc-kat-kopf h3{margin:0;font-size:1rem;font-weight:700;line-height:1.3}
.cc-kat-text{margin-top:4px;font-size:.8125rem;line-height:1.5;color:var(--ink-soft)}
.cc-immer{flex:0 0 auto;padding:4px 10px;border-radius:var(--r-pill);background:var(--green-a-10);color:var(--green-ink);font-size:.75rem;font-weight:700;white-space:nowrap}
.cc-sw{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer}
.cc-sw input{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);margin:0;opacity:0;cursor:pointer;z-index:1}
.cc-sw-bahn{position:relative;width:46px;height:26px;border-radius:13px;background:#c4cac6;transition:background .2s}
.cc-sw-bahn::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s var(--ease)}
.cc-sw input:checked+.cc-sw-bahn{background:var(--green)}
.cc-sw input:checked+.cc-sw-bahn::after{transform:translateX(20px)}
.cc-sw input:focus-visible+.cc-sw-bahn{outline:3px solid var(--green);outline-offset:2px}
.cc-dienst{margin-top:8px;padding-top:6px;border-top:1px solid var(--line-soft)}
.cc-dienst summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:6px 0;list-style:none;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--ink)}
.cc-dienst summary::-webkit-details-marker{display:none}
.cc-dienst summary::before{content:'';flex:0 0 7px;width:7px;height:7px;margin:0 4px 2px 2px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg);transition:transform .2s}
.cc-dienst[open] summary::before{transform:rotate(45deg);margin-bottom:4px}
.cc-dienst summary small{font-size:.75rem;font-weight:500;color:var(--muted)}
.cc-dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:4px 0 0 17px;font-size:.8125rem;line-height:1.5}
.cc-dl dt{color:var(--muted)}
.cc-dl dd{min-width:0;color:var(--ink);overflow-wrap:anywhere}
.cc-sp-titel{margin:10px 0 6px 17px;font-size:.75rem;font-weight:700;color:var(--muted)}
.cc-sp{display:grid;gap:6px;margin:0 0 6px 17px;list-style:none}
.cc-sp li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:8px 10px;border-radius:var(--r-field);background:var(--card-bg);font-size:.8125rem}
.cc-sp li span{color:var(--muted)}
.cc-sp li small{flex-basis:100%;font-size:.8125rem;line-height:1.45;color:var(--ink-soft)}
.cc-klein{margin-top:12px;font-size:.75rem;line-height:1.5;color:var(--muted)}
.cc-seite-text{margin:-8px 0 20px;color:var(--ink-soft)}
.cc-seite .cc-form{border:1px solid var(--line);border-radius:var(--r-box);background:var(--card-bg);overflow:hidden}
.cc-seite .cc-dbody{padding:16px 20px 18px}
.cc-seite .cc-dfuss{background:#fff}
@media (max-width:640px){
  .cc{left:10px;right:10px;top:auto;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;max-height:70vh;max-height:70dvh;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px rgba(15,23,42,.22)}
  body:has(.stickybuy:not([hidden])) .cc{bottom:calc(84px + env(safe-area-inset-bottom))}
  .cc-in{padding:12px 14px 6px}
  .cc-kopf{margin-bottom:4px;gap:8px}
  .cc-mark{width:18px;height:18px;flex-basis:18px;border-radius:5px}
  .cc-titel{font-size:.9375rem}
  .cc-x{flex-basis:30px;width:30px;height:30px;margin:-4px -4px -4px 0}
  .cc-text{font-size:.8125rem;line-height:1.45}
  .cc-text p+p{margin-top:3px}
  .cc-btns{margin-top:10px;gap:8px}
  .cc-btn{min-height:var(--btn-md);font-size:var(--btn-md-fs)}
  .cc-links{justify-content:center;margin-top:4px;gap:0 16px;font-size:.75rem}
  .cc-links a{padding:6px 0;color:var(--muted);font-weight:600}
  .cc.cc-statisch{border-radius:0;box-shadow:none;padding-top:0}
  .cc-dlg{width:100%;max-height:92vh;max-height:92dvh;margin:auto 0 0;border-radius:var(--r-box) var(--r-box) 0 0}
  .cc-dkopf{padding:12px 16px 10px}
  .cc-dbody{padding:12px 16px 14px}
  .cc-dfuss{padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
  .cc-btns-3{gap:6px}
  .cc-btns-3 .cc-btn{padding:8px 6px;font-size:.8125rem}
  .cc-kat{padding:10px 12px 12px}
  .cc-seite .cc-dbody{padding:12px 14px 14px}
}
@keyframes cc-in-oben{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cc{animation:none}.cc-btn,.cc-sw-bahn,.cc-sw-bahn::after,.cc-dienst summary::before{transition:none}}
@media (max-width:640px){.cc-dl{grid-template-columns:1fr;gap:0}.cc-dl dt{margin-top:6px}.cc-dl dt:first-child{margin-top:0}}
/* Frage beim Klick zum Shop (consent.js) */
.cc-klick{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;border:0;padding:0;border-radius:22px;max-width:min(440px,calc(100vw - 32px));width:100%;box-shadow:0 24px 60px rgba(15,23,42,.28);background:#fff;color:var(--ink)}
.cc-klick::backdrop{background:rgba(15,23,42,.45)}
.cc-klick-in{padding:22px 22px 18px;outline:none}
.cc-klick-t{margin:0 0 8px;font-size:1.0625rem;font-weight:800;line-height:1.3}
.cc-klick-x{margin:0 0 16px;font-size:.9375rem;line-height:1.5;color:var(--ink-soft)}
.cc-klick-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cc-klick-f{margin:12px 0 0;font-size:.8125rem;color:var(--muted);line-height:1.4}
@media (max-width:420px){.cc-klick-btns{grid-template-columns:1fr}}
.nw{white-space:nowrap}
@media (min-width:769px){.page-section.pd{padding-top:20px}.pd .crumbs{margin-bottom:14px}}
/* Bewertungen (eigene, seit 21.10.2026) und Kundennote laut Shop */
.pd-ratings{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-4);margin-top:var(--sp-2)}
.pd-ratings .pd-rating{margin-top:0}
.pd-rating-write{font-size:var(--fs-sm);font-weight:600;color:var(--green-ink);text-decoration:none}
.rv{margin-top:var(--sp-section)}
.rv-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-4);align-items:start;margin-top:var(--sp-head)}
.rv-list{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}
.rv-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--sp-4) var(--sp-5)}
.rv-top{display:flex;gap:var(--sp-3);align-items:flex-start;padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-soft)}
.rv-score{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--green);color:var(--green-ink);font-weight:700;font-size:var(--fs-sm)}
.rv-s3{border-color:#f5a524;color:#b45309}
.rv-s1,.rv-s2{border-color:#dc2626;color:#b91c1c}
.rv-head{min-width:0}
.rv-head .stars{font-size:var(--fs-sm)}
.rv-head h3{margin:2px 0 4px;font-size:var(--fs-md);font-weight:700;overflow-wrap:anywhere}
.rv-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.rv-meta span{font-size:var(--fs-xs);color:var(--muted);background:var(--bg-soft,#f3f5f4);border-radius:6px;padding:2px 8px}
.rv-body{margin:var(--sp-3) 0 0;font-size:var(--fs-base);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.rv-report{margin-top:var(--sp-2);text-align:right}
.rv-report button{font:inherit;font-size:var(--fs-xs);color:var(--muted);background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline}
.rv-empty{margin:0;padding:var(--sp-5);background:#fff;border:1px dashed var(--line);border-radius:var(--r-tile);color:var(--muted);font-size:var(--fs-base)}
.rv-side{display:flex;flex-direction:column;gap:var(--sp-3)}
.rv-sum{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--sp-4) var(--sp-5);text-align:center}
.rv-avg{display:flex;align-items:baseline;justify-content:center;gap:6px}
.rv-avg b{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.rv-avg span{color:var(--muted);font-size:var(--fs-sm)}
.rv-avg-stars{font-size:var(--fs-lg);margin-top:var(--sp-1)}
.rv-count{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-1)}
.rv-dist{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}
.rv-dist li{display:grid;grid-template-columns:64px 1fr 24px;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm)}
.rv-dist li span:last-child{text-align:right;color:var(--muted)}
.rv-bar{height:6px;background:var(--line-soft);border-radius:3px;overflow:hidden}
.rv-bar i{display:block;height:100%;background:var(--green);border-radius:3px}
.rv-shop{margin:0;font-size:var(--fs-sm);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--sp-3) var(--sp-4)}
.rv-shop a{color:var(--green-ink)}
.rv-write summary{list-style:none;cursor:pointer}
.rv-write summary::-webkit-details-marker{display:none}
.rv-write[open] summary{margin-bottom:var(--sp-3)}
.rv-form{display:flex;flex-direction:column;gap:var(--sp-3);background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:var(--sp-4)}
.rv-form textarea{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-field);resize:vertical;min-height:110px}
.rv-form textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-a-10)}
.rv-stars-in{border:0;margin:0;padding:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.rv-stars-in legend{font-size:var(--fs-sm);font-weight:600;margin-bottom:4px;width:100%}
.rv-stars-in input{position:absolute;opacity:0;width:1px;height:1px}
.rv-stars-in label{font-size:2rem;line-height:1;color:#d9dcdb;cursor:pointer;padding:0 2px}
.rv-stars-in input:focus-visible+label{outline:2px solid var(--green);border-radius:4px}
@media (max-width:768px){
  .rv-grid{grid-template-columns:1fr}
  .rv-side{order:-1}
  .rv-card{padding:var(--sp-3) var(--sp-4)}
  .rv-score{width:40px;height:40px}
}
/* Hinweis-Symbol mit aufklappbarem Text (Produktseite) */
.hint-i{display:inline-block;position:relative;vertical-align:middle;margin-left:2px;line-height:0}
.hint{display:block}
.hint summary{list-style:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--muted);cursor:pointer}
.hint summary::-webkit-details-marker{display:none}
.hint summary svg{width:16px;height:16px}
.hint-pop{position:absolute;z-index:60;top:calc(100% + 6px);right:-8px;width:min(300px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:var(--r-field);box-shadow:0 10px 30px rgba(0,0,0,.12);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:400;line-height:1.5;color:var(--ink);text-align:left;letter-spacing:0;white-space:normal}
.hint-pop a{color:var(--green-ink);font-weight:600}
.hint-h{font-size:var(--fs-base);font-weight:400}
.pd-hsub .hint-pop,.pd-points-src .hint-pop{left:-8px;right:auto}
/* Knopf-Zustaende einheitlich (21.10.2026): keine Bewegung, nur Farbe. Hover nur auf Geraeten mit Maus (am Handy bliebe er nach dem Tippen haengen). */
@media (hover:hover){
  .btn:hover,.cc-btn:hover,.bm-btn:hover,.ber-teaser-btn:hover{filter:brightness(.93)}
  .btn-outline:hover,.btn-ghost:hover{filter:none;background:var(--green-a-05);border-color:var(--green);color:var(--green-ink)}
  .btn-icon:hover,.car-btn:hover,.cal-navbtn:hover,.chip:not(.active):not(.is-on):hover{border-color:var(--green);color:var(--green-ink)}
  .deal-tools .btn-icon:hover{background:var(--green-a-05)}
}
.btn:active,.cc-btn:active,.bm-btn:active,.ber-teaser-btn:active{filter:brightness(.88)}
.btn-outline:active,.btn-ghost:active{filter:none;background:var(--green-a-10)}
.bm-btn,.ber-teaser-btn,.btn-icon,.chip,.car-btn,.cal-navbtn{transition:filter .15s var(--ease),background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}
.bb-anchor{height:0}
.pd-hist{margin-top:12px;scroll-margin-top:96px}
.pd-hist .history{margin-top:0}
@media (min-width:769px){.pd-hist .chart-d{display:block}.pd-hist .chart-m{display:none}}
/* Produktdetails als durchgehende Tabelle, gekuerzt bis 'Alle Details anzeigen' */
.spec{margin-top:var(--sp-head);position:relative}
.spec.is-collapsed{max-height:520px;overflow:hidden}
.spec.is-collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),var(--bg,#fff))}
.spec-group+.spec-group{margin-top:var(--sp-5)}
.spec-group h3{margin:0 0 var(--sp-2);font-size:var(--fs-base);font-weight:700}
.spec-dl{margin:0}
.spec-dl div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--sp-4);padding:7px 12px;border-radius:6px;font-size:var(--fs-sm);line-height:1.5}
.spec-dl div:nth-child(odd){background:var(--card-bg)}
.spec-dl dt{color:var(--muted);overflow-wrap:anywhere}
.spec-dl dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
.spec-no dd{color:var(--muted)}
.spec-more-wrap{display:flex;justify-content:center;margin-top:var(--sp-3)}
.spec-more[hidden]{display:none}  /* .btn setzt display und wuerde hidden sonst aufheben: Knopf nur bei gekuerzter Tabelle */
@media (max-width:768px){.spec-dl div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-3);padding:7px 10px}.spec.is-collapsed{max-height:420px}}
/* Handy: drei Schnellzugriffe wie bei idealo, Preisverlauf im Vollbild statt auf der Seite (21.10.2026) */
.pd-quick{display:none}
@media (max-width:768px){
  .pd-quick{grid-area:quick;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));margin-top:2px}
  .pd-quick>a,.pd-quick>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;padding:6px 4px;background:none;border:0;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--ink);text-decoration:none;cursor:pointer}
  .pd-quick>*+*{border-left:1px solid var(--line)}
  .pd-quick svg{width:24px;height:24px;color:var(--green-ink)}
  .jumpchips{display:none}
  .pd-hist,.pd-aside{display:none}
}
.vl-dlg{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));border:0;background:#fff;color:var(--ink);overflow-y:auto}
.vl-dlg::backdrop{background:rgba(0,0,0,.35)}
@media (min-width:769px){.vl-dlg{width:min(640px,94vw);height:auto;max-height:90vh;margin:auto;border-radius:var(--r-tile);padding:24px}}
.vl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3)}
.vl-titles h2{margin:0;font-size:var(--fs-xl);font-weight:800;letter-spacing:-.01em}
.vl-titles p{margin:4px 0 0;font-size:var(--fs-sm);color:var(--muted)}
.vl-x{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--card-bg);color:var(--ink);cursor:pointer}
.vl-x svg{width:20px;height:20px}
.vl-r{position:absolute;opacity:0;pointer-events:none}
.vl-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:var(--sp-4) 0 var(--sp-2)}
.vl-tab{display:inline-flex;align-items:center;min-height:var(--btn-sm);padding:0 var(--btn-sm-px);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;cursor:pointer;background:#fff}
.vl-panel{display:none}
.vl-panel .chart{display:block;width:100%;height:auto}
.vl-note{margin:4px 0 var(--sp-3);font-size:var(--fs-xs);color:var(--muted)}
.vl-stats{margin:0}
.vl-stats div{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:12px 0;border-top:1px solid var(--line)}
.vl-stats dt{font-size:var(--fs-base);font-weight:600}
.vl-stats dt span{display:block;font-size:var(--fs-sm);font-weight:400;color:var(--muted)}
.vl-stats dd{margin:0;text-align:right;font-size:var(--fs-lg);font-weight:700}
.vl-stats dd small{display:block;font-size:var(--fs-sm);font-weight:600}
.vl-now dd{color:var(--green-ink)}
.vl-up{color:#b91c1c}
.vl-down{color:var(--green-ink)}
.vl-alarm{margin-top:var(--sp-3)}
#vl-30:checked~.vl-panels .vl-panel-30{display:block}#vl-30:checked~.vl-tabs .vl-tab-30{background:var(--grad);color:#fff;border-color:transparent}
#vl-90:checked~.vl-panels .vl-panel-90{display:block}#vl-90:checked~.vl-tabs .vl-tab-90{background:var(--grad);color:#fff;border-color:transparent}
#vl-180:checked~.vl-panels .vl-panel-180{display:block}#vl-180:checked~.vl-tabs .vl-tab-180{background:var(--grad);color:#fff;border-color:transparent}
#vl-365:checked~.vl-panels .vl-panel-365{display:block}#vl-365:checked~.vl-tabs .vl-tab-365{background:var(--grad);color:#fff;border-color:transparent}
.vl-alarm svg{width:18px;height:18px}
.vl-dlg{overscroll-behavior:contain}
.vl-dlg .chart{touch-action:none}
.chart .vgrid{stroke:#d9dedb;stroke-width:1;stroke-dasharray:1 4}
.chart-vl .lbl{font-size:11.5px;fill:#666}
.chart-vl .line{stroke-width:2}
.chart .now-tag{fill:var(--green)}
.chart .now-lbl{font-size:11.5px;font-weight:700;fill:#fff;font-family:inherit}
.vl-tabs{justify-content:stretch}
.vl-tab{flex:1 1 0;justify-content:center;padding:0 6px}
.vl-stats div{padding:10px 0}
@media (max-width:768px){.vl-dlg{display:none;flex-direction:column}.vl-dlg[open]{display:flex}.vl-alarm{margin-top:auto}}
html.vl-offen,html.vl-offen body{overflow:hidden;overscroll-behavior:none}
/* Keine Leuchtschatten an Knoepfen und Chips (21.10.2026): wurden an Leisten und Scrollbereichen abgeschnitten und sahen kaputt aus */
/* Preisverlauf oben (Desktop) kompakt: Kopf in einer Zeile, flache Grafik, Tief/Hoch und Preisalarm in einer Reihe */
@media (min-width:769px){
  .pd-hist .history{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--sp-3);align-items:end;padding:14px 18px}
  .pd-hist .history>*{grid-column:1/-1}
  .pd-hist .history-head{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:4px}
  .pd-hist .history-title{font-size:var(--fs-md)}
  .pd-hist .history-sub{font-size:var(--fs-xs)}
  .pd-hist .history>.stats{grid-column:1;margin-top:8px;gap:8px}
  .pd-hist .stats div{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;padding:6px 10px}
  .pd-hist .stat-value{font-size:var(--fs-base)}
  .pd-hist .stat-sub{display:inline;margin:0}
  .pd-hist .history>.history-alarm{grid-column:2;width:auto;margin-top:8px;min-height:var(--btn-md)}
}
/* Bildergalerie (21.10.2026): Miniaturen am PC, Vollbild zum Wischen */
.pd-gal{min-width:0;display:flex;flex-direction:column}
.pd-gal .product-media{flex:1 1 auto}
[data-gal-open]{cursor:zoom-in}
.pd-thumbs{display:flex;flex:0 0 auto;gap:8px;margin-top:10px;padding:1px;overflow:hidden}
.pd-thumb{flex:0 0 56px;width:56px;height:56px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;display:grid;place-items:center}
.pd-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.pd-thumb.is-on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.gal-count{display:none}
/* EU-Energielabel als Pfeil oben rechts im Produktbild (Fernabsatz: Klasse + Skala, Link zum vollen Label im EPREL-Eintrag) */
.elabel{position:absolute;top:10px;right:10px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink);cursor:pointer}
.elabel svg{display:block;width:60px;height:30px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.elabel small{font-size:var(--fs-xs);font-weight:700;line-height:1.2;padding:0 4px;border-radius:4px;background:rgba(255,255,255,.92)}
.elabel:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}
.elabel-img{padding:0;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.16)}
.product-media .elabel-img img{position:static;inset:auto;display:block;width:70px;height:auto;max-height:none;transition:none}
.product-media.is-zoom .elabel-img img{transform:none}
.product-media .elabel-img .elabel-big{display:none}
/* Energielabel am PC: beim Ueberfahren erscheint das volle Label gross neben der Vorschau (nur Maus-Geraete, kein Klick noetig) */
@media (hover:hover) and (min-width:769px){
  .product-media .elabel-img{overflow:visible}
  .product-media:has(.elabel-img:hover),.product-media:has(.elabel-img:focus-visible){overflow:visible;z-index:6}  /* Popup darf aus dem Bildrahmen ragen */
  .product-media .elabel-img .elabel-big{display:block;position:absolute;top:0;left:calc(100% + 14px);width:auto;height:min(72vh,560px);max-width:none;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s .15s;pointer-events:none;z-index:5}
  .product-media .elabel-img:hover .elabel-big,.product-media .elabel-img:focus-visible .elabel-big{opacity:1;visibility:visible;transform:none;transition-delay:0s}
}
.elabel-img:hover{box-shadow:0 3px 10px rgba(0,0,0,.24)}
.spec-eprel .spec-dl a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--muted);text-underline-offset:2px}
.spec-eprel .spec-dl a:hover{text-decoration-color:var(--ink)}
@media (max-width:768px){.elabel{top:2px;right:2px;gap:1px}.elabel svg{width:44px;height:22px}.elabel small{font-size:9px;padding:0 3px}.product-media .elabel-img img{width:36px}}
@media (max-width:768px){
  .pd-gal{display:contents}
  .pd-thumbs{display:none}
  .gal-count{display:block;position:absolute;right:4px;bottom:4px;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.62);color:#fff;font-size:10px;font-weight:600;line-height:1.5}
}
/* Bildergalerie im Vollbild wie bei idealo: Miniaturen | grosses Bild mit Pfeilen | Preis und Zum Shop (21.10.2026) */
.gz{width:min(1400px,96vw);height:92vh;max-width:none;max-height:none;margin:auto;padding:24px;border:0;border-radius:var(--r-tile);background:#fff;color:var(--ink);overflow:hidden;overscroll-behavior:contain}
.gz[open]{display:grid;grid-template-columns:76px minmax(0,1fr) 280px;grid-template-rows:minmax(0,1fr);gap:24px}
.gz::backdrop{background:rgba(15,23,20,.55)}
.gz-close{position:absolute;top:12px;right:12px;z-index:3;margin:0}
.gz-thumbs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin;padding:2px}
.gz-thumb{flex:0 0 64px;width:64px;height:64px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;display:grid;place-items:center}
.gz-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.gz-thumb.is-on{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.gz-stage{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:zoom-in}
.gz-stage.is-zoom{cursor:grab}
.gz-img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;transition:transform .2s var(--ease);will-change:transform;-webkit-user-drag:none}
.gz-stage.is-moving .gz-img{transition:none}
.gz-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);cursor:pointer}
.gz-nav svg{width:22px;height:22px}
.gz-nav[disabled]{opacity:.35;cursor:default}
.gz-prev{left:8px}.gz-next{right:8px}
.gz-pos{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:4px 12px;border-radius:var(--r-pill);background:var(--card-bg);font-size:var(--fs-sm);font-weight:600}
.gz-hint{display:none}
.gz-info{display:flex;flex-direction:column;gap:6px;padding-top:44px;min-width:0}
.gz-title{font-size:var(--fs-base);font-weight:700;line-height:1.35;margin-bottom:8px}
.gz-label{font-size:var(--fs-xs);font-weight:700;color:var(--green-ink);text-transform:uppercase;letter-spacing:.03em}
.gz-price{font-size:var(--fs-xl);font-weight:800}
.gz-price small{font-size:var(--fs-sm);font-weight:400;color:var(--muted)}
.gz-go,.gz-all{width:100%;margin-top:6px}
.gz-shop{font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:768px){
  .gz{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;border-radius:0}
  .gz[open]{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto;gap:0}
  .gz-close{top:10px;right:10px}
  .gz-stage{grid-row:1;padding:56px 0 8px}
  .gz-nav{width:44px;height:44px}
  .gz-prev{left:6px}.gz-next{right:6px}
  .gz-pos{bottom:12px}
  .gz-hint{display:block;position:absolute;left:0;right:0;top:20px;text-align:center;font-size:var(--fs-xs);color:var(--muted);pointer-events:none}
  .gz-stage.is-zoom .gz-hint{display:none}
  .gz-thumbs{grid-row:2;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px 12px;gap:8px;border-top:1px solid var(--line)}
  .gz-thumb{flex:0 0 52px;width:52px;height:52px}
  .gz-info{grid-row:3;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
  .gz-title,.gz-label,.gz-all,.gz-shop{display:none}
  .gz-price{font-size:var(--fs-lg)}
  .gz-go{width:auto;margin:0}
}
.pd-thumb-more{position:relative;overflow:hidden}
.pd-thumb-more span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(17,24,20,.55);color:#fff;font-size:var(--fs-base);font-weight:700;border-radius:9px}
/* Galerie naeher an idealo: fast bildschirmfuellend, schlanke Miniaturspalte mittig, dezente Pfeile am Rand, ruhige Infospalte */
@media (min-width:769px){
  .gz{width:96vw;height:92vh;border-radius:10px;padding:28px 32px}
  .gz[open]{grid-template-columns:56px minmax(0,1fr) 300px;gap:32px}
  .gz-thumbs{justify-content:center;gap:6px;scrollbar-width:none}
  .gz-thumbs::-webkit-scrollbar{display:none}
  .gz-thumb{flex:0 0 44px;width:44px;height:44px;padding:2px;border:1px solid transparent;border-radius:4px}
  .gz-thumb:hover{border-color:var(--line)}
  .gz-thumb.is-on{border-color:var(--ink);box-shadow:none}
  .gz-nav{width:34px;height:34px;border:0;background:#f1f3f2;color:#444}
  .gz-nav:hover{background:#e4e8e6}
  .gz-nav svg{width:18px;height:18px}
  .gz-prev{left:0}.gz-next{right:0}
  .gz-close .vl-x{background:none;width:36px;height:36px}
  .gz-close .vl-x svg{width:24px;height:24px}
  .gz-info{padding-top:40px;gap:8px}
  .gz-title{font-size:var(--fs-md);font-weight:500;line-height:1.4;margin-bottom:6px}
  .gz-label{font-size:var(--fs-xs);font-weight:600;text-transform:none;letter-spacing:0}
  .gz-price{font-size:var(--fs-lg);font-weight:700}
  .gz-go,.gz-all{min-height:var(--btn-sm);font-size:var(--btn-sm-fs)}
  .gz-pos{background:none;color:var(--muted);font-weight:500}
}
/* Preisverlauf am PC wie im Handy-Fenster: Zeitraeume, Preisachse rechts, Tief/Durchschnitt/Hoch (21.10.2026) */
.vb{border:1px solid var(--line);border-radius:var(--r-tile);background:#fff;padding:14px 18px 12px}
.vb-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px}
.vb-head .history-title{margin:0;font-size:var(--fs-md)}
.vb-r{position:absolute;opacity:0;pointer-events:none}
.vb-tabs{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}
.vb-tab{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;cursor:pointer;background:#fff}
.vb-panels{grid-column:1/-1}
.vb-panel{display:none}
.vb-panel .chart{display:block;width:100%;height:auto}
.vb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 0}
.vb-stats div{background:var(--card-bg);border-radius:var(--r-field);padding:8px 10px;min-width:0}
.vb-stats dt{font-size:var(--fs-xs);font-weight:600}
.vb-stats dt span{display:block;font-weight:400;color:var(--muted)}
.vb-stats dd{margin:2px 0 0;font-size:var(--fs-base);font-weight:700}
.vb-stats dd small{display:block;font-size:var(--fs-xs);font-weight:600}
.vb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.vb-note{font-size:var(--fs-xs);color:var(--muted)}
.vb-alarm{min-height:var(--btn-sm);font-size:var(--btn-sm-fs)}
.vb-alarm svg{width:16px;height:16px}
.pd-body .pd-aside .vb{margin-top:var(--sp-section)}
#vb-30:checked~.vb-panels .vb-panel-30{display:block}#vb-30:checked~.vb-tabs .vb-tab-30{background:var(--green);border-color:var(--green);color:#fff}
#vb-90:checked~.vb-panels .vb-panel-90{display:block}#vb-90:checked~.vb-tabs .vb-tab-90{background:var(--green);border-color:var(--green);color:#fff}
#vb-180:checked~.vb-panels .vb-panel-180{display:block}#vb-180:checked~.vb-tabs .vb-tab-180{background:var(--green);border-color:var(--green);color:#fff}
#vb-365:checked~.vb-panels .vb-panel-365{display:block}#vb-365:checked~.vb-tabs .vb-tab-365{background:var(--green);border-color:var(--green);color:#fff}
/* Preisverlauf am PC flacher (21.10.2026) */
.vb{padding:12px 16px}
.vb-head{gap:6px 12px}
.vb-head .history-title{display:flex;align-items:center;gap:2px}
.vb-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:6px}
.vb-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
.vb-stats div{padding:5px 8px}
.vb-stats dt{font-size:var(--fs-xs);font-weight:400;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-stats dd{margin:0;font-size:var(--fs-sm);font-weight:700;white-space:nowrap}
.vb-stats dd small{display:inline;font-size:var(--fs-xs)}
.vb-alarm{white-space:nowrap}
/* Preisverlauf am PC ruhiger: Umschalter statt Einzelknoepfe, Kennzahlen ohne Kacheln, Preisalarm als Textlink */
.vb{padding:14px 18px 12px}
.vb-tabs{justify-self:end;gap:2px;padding:3px;background:var(--card-bg);border-radius:var(--r-pill)}
.vb-tab{height:26px;padding:0 10px;border:0;background:none;color:var(--muted);font-weight:600}
.vb-r:checked~.vb-tabs .vb-tab{color:var(--muted)}
#vb-30:checked~.vb-tabs .vb-tab-30,#vb-90:checked~.vb-tabs .vb-tab-90,#vb-180:checked~.vb-tabs .vb-tab-180,#vb-365:checked~.vb-tabs .vb-tab-365{background:#fff;color:var(--ink);border:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.vb-panel .chart .vgrid{stroke:#eef0ef;stroke-dasharray:none}
.vb-panel .chart .now-tag{rx:3}
.vb-row{margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
.vb-stats{display:flex;gap:0}
.vb-stats div{flex:1 1 0;background:none;border-radius:0;padding:0 14px;border-left:1px solid var(--line)}
.vb-stats div:first-child{padding-left:0;border-left:0}
.vb-stats dt{font-size:var(--fs-xs);color:var(--muted);font-weight:400}
.vb-stats dd{margin:1px 0 0;font-size:var(--fs-base);font-weight:700}
.vb-stats dd.vb-sub{margin:0;font-size:var(--fs-xs);font-weight:400;color:var(--muted)}
.vb-alarm{display:inline-flex;align-items:center;gap:6px;padding:6px 2px;border:0;background:none;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--green-ink);cursor:pointer;white-space:nowrap}
.vb-alarm svg{width:16px;height:16px}
@media (hover:hover){.vb-alarm:hover{text-decoration:underline}}
/* Preisalarm-Fenster im DealsGen-Design: Preisueberblick, Schnellwahl, Realismus-Check (21.10.2026) */
.watch-bell-lg{background:var(--grad)}
.wa-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:18px 0 2px}
.wa-facts div{background:var(--card-bg);border-radius:var(--r-field);padding:8px 12px;min-width:0}
.wa-facts span{display:block;font-size:var(--fs-xs);color:var(--muted)}
.wa-facts b{font-size:var(--fs-base);font-weight:700;white-space:nowrap}
.watch-field .wa-input{position:relative;display:block;margin:0;font-size:inherit;font-weight:inherit;color:inherit}
.wa-input input{padding-right:40px;font-size:1.25rem;font-weight:700}
.wa-input i{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:700;color:var(--muted);pointer-events:none}
.wa-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wa-quick button{height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft);cursor:pointer}
.wa-quick button.is-on{border-color:var(--green);background:var(--green-a-05);color:var(--green-ink)}
@media (hover:hover){.wa-quick button:hover{border-color:var(--green);color:var(--green-ink)}}
.wa-check{display:flex;gap:8px;align-items:flex-start;min-height:20px;margin:10px 0 0;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-soft)}
.wa-check:empty{display:none}
.wa-check::before{content:"";flex:0 0 8px;height:8px;margin-top:6px;border-radius:50%;background:var(--muted)}
.wa-check.is-gut::before{background:var(--green)}
.wa-check.is-selten::before{background:#f59e0b}
.wa-check.is-sofort::before{background:#3b82f6}
.wa-submit{gap:8px;margin-top:4px}
.wa-submit svg{width:18px;height:18px}
.wa-note{text-align:center;margin:10px 0 0}
.watch-form>.watch-field:not(.wa-target){display:block;margin-top:16px}
/* Alle Hover-Effekte nur auf Geraeten mit Maus (21.10.2026): am Handy blieb nach dem Antippen der Hover-Zustand haengen */
@media (hover:hover){
  .textlink:hover{text-decoration:underline}
  .burger:hover,.menu-close:hover{background:var(--green-a-10);color:var(--green-dark)}
  .search button:hover{background:linear-gradient(135deg,var(--green-dark),var(--green-bright))}
  .main-nav a:hover,.main-nav a.active{color:var(--green)}
  .main-nav a:hover::after,.main-nav a.active::after{width:100%}
  .main-nav a.nav-icon:hover,.main-nav a.nav-icon.active{background:var(--green-a-10)}
  .menu-section a:hover,.menu-section a:active{background:var(--green-a-10);color:var(--green-dark)}
  .suggest-item:hover,.suggest-item.active{background:var(--green-a-10)}
  .suggest-all:hover,.suggest-all.active{background:var(--green-a-10)}
  .back:hover{color:var(--green)}
  .card:hover{border-color:var(--green-a-30)}
  .compare:hover{text-decoration:underline}
  .pagination a:hover{border-color:var(--green);color:var(--green)}
  .hot-item:hover{background:var(--green-a-05);border-color:var(--green-a-30)}
  .vote:hover{border-color:var(--green);color:var(--green)}
  .vote.voted:hover{background:var(--green-a-15);color:var(--green-dark)}
  .modal-close:hover{border-color:var(--green);color:var(--green)}
  .deal-link:hover{border-color:var(--green-a-30);box-shadow:0 4px 14px rgba(0,0,0,.05)}
  .deal-tools .vote:hover{background:var(--green-a-05);color:var(--green-dark)}
  .mini:hover{border-color:var(--green-a-30)}
  .crumbs a:hover{color:var(--green)}
  .car-track>.card:hover,.car-track>.ev-tile:hover{transform:none;box-shadow:none;border-color:var(--green-a-30)}
  .foot-link:hover{text-decoration:underline}
  .foot-links a:hover{color:#fff;background:var(--green-a-15)}
  .foot-cats a:hover{color:#fff;background:var(--green-a-15)}
  .cal-bar:hover{filter:brightness(.95)}
  .cal-ics:hover{text-decoration:underline}
  .watch-bell:hover{box-shadow:0 4px 14px rgba(200,147,10,.28)}
  .about-drop:hover{background:var(--green-a-05);border-color:var(--green-a-30)}
  .login-links a:hover,.link-btn:hover{text-decoration:underline}
  .alarm:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}
  .alarm-title:hover{color:var(--green-dark)}
  .sort-info:hover{color:var(--green-dark);text-decoration:underline}
  .chip-sub:not(.active):hover{background:var(--green-a-10);color:var(--green-dark)}
  .cal-name a:hover{color:var(--green-dark)}
  .ev-tile:hover{border-color:var(--green-a-30)}
  .brand-letters a:hover{border-color:var(--green);color:var(--green-dark)}
  .brand-link:hover{border-color:var(--green);color:var(--green-dark)}
  .filters-reset:hover{text-decoration:underline}
  .shop-info h2 a:hover{color:var(--green-dark)}
  .rg-card:hover{border-color:var(--green-a-30)}
  .pick-cmp:hover{text-decoration:underline}
  .cmp-name a:hover{color:var(--green-dark)}
  .adm-link:hover{border-color:var(--green-a-30);box-shadow:0 8px 22px rgba(0,0,0,.06)}
  .adm-table td a:hover{color:var(--green-dark)}
  .adm-akt .adm-freigeben:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
  .promo-title a:hover{color:var(--green-dark)}
  .promo-small-list a:hover{color:var(--green-dark)}
  .ber-opt:hover{border-color:var(--green-a-30)}
  .ber-start-pill:hover{border-color:var(--green-a-30);color:var(--green-ink)}
  .ber-what>summary:hover{background:var(--green-a-10)}
  .ber-o.has-on .ber-what>summary:hover{background:rgba(255,255,255,.15)}
  a.ber-chip-l:hover{color:var(--green-ink)}
  .ber-chip-x:hover{color:var(--green-ink);background:var(--green-a-10)}
  .ber-unklar-list a:hover .ber-unklar-t{color:var(--green-ink)}
  .ber-teaser:hover{border-color:var(--green-a-30)}
  .shop-hit:hover{border-color:var(--green-a-30)}
  .ebay-more summary:hover{color:var(--ink)}
  .ebay-go:hover{text-decoration:underline}
  .tb-col li a:hover{color:var(--green-dark);text-decoration:underline}
  .tb-link:hover{text-decoration:underline}
  .tb-rest summary:hover{border-color:var(--green-a-30)}
  .pd-rating:hover span:last-child{text-decoration:underline}
  .product-sub a:hover{color:var(--green-ink);text-decoration:underline}
  a.bb-perk:hover span:last-child{text-decoration:underline}
  .pd-points-src:hover{text-decoration:underline}
  .bb-time:hover b{text-decoration:underline}
  .offer-name:hover span{text-decoration:underline}
  .pd-more-btn:hover span{text-decoration:underline}
  .jumpbar-links a:hover{color:var(--ink)}
  .cc-x:hover{background:var(--green-a-10);color:var(--green-dark)}
  .cc-links a:hover{text-decoration:underline}
  .pd-rating-write:hover{text-decoration:underline}
  .rv-stars-in input:checked~label,.rv-stars-in label:hover,.rv-stars-in label:hover~label{color:#f5a524}
  .hint summary:hover,.hint[open] summary{color:var(--green-ink);background:var(--green-a-10)}
  .btn,.btn-small,.btn-outline,.cc-btn,.bm-btn,.ber-teaser-btn,.chip,.chip.active,.vl-tab,.btn:hover,.cc-btn:hover{box-shadow:none}
}
a,button,label,summary,[role=button]{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
dialog:focus{outline:none}
/* Info-Hinweise am Handy als Kasten unten ueber die volle Breite (ragten sonst ueber den Rand und verschoben die Seite) */
@media (max-width:768px){
  .hint-pop{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));top:auto;width:auto;max-width:none;z-index:1200;padding:14px 16px;font-size:var(--fs-sm);box-shadow:0 10px 40px rgba(0,0,0,.22)}
}
/* Nichts darf die Seite seitlich verschieben (clip statt hidden, damit Sticky-Leisten weiter funktionieren) */
html,body{overflow-x:clip}
/* Angebotszeilen im Preisvergleich (21.10.2026): Bild | Titel | Shop mit Bewertung und Angebotsinfo | Lieferung | Preis | Zum Angebot */
.ofr{display:grid;grid-template-columns:64px minmax(0,1fr) 170px 150px 150px auto;align-items:center;gap:16px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-box)}
.ofr+.ofr{margin-top:8px}
.ofr.is-best{border-color:var(--green-a-30);background:linear-gradient(0deg,var(--green-a-05),var(--green-a-05)),#fff}
.ofr-img{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}
.ofr-img img{max-width:56px;max-height:56px;object-fit:contain}
.ofr-main{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ofr-title{font-size:var(--fs-base);line-height:1.4;color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ofr-main .offer-info{margin:0}
.ofr-shop{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.ofr-logo{max-width:120px;max-height:26px;object-fit:contain}
.ofr-shopname{font-weight:700;font-size:var(--fs-base)}
.ofr-rate{font-size:var(--fs-xs);color:var(--muted)}
.ofr-rate .stars{font-size:var(--fs-sm)}
.ofr-sub{font-size:var(--fs-xs);color:var(--muted);overflow-wrap:anywhere}
.ofr-info{padding:2px 0;border:0;background:none;font:inherit;font-size:var(--fs-sm);color:var(--green-ink);cursor:pointer;text-align:left}
.ofr-deliv{display:flex;gap:6px;align-items:flex-start;font-size:var(--fs-sm);color:var(--ink-soft);line-height:1.35}
.ofr-dot{flex:0 0 8px;width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--green)}
.ofr-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1px}
.ofr-price b{font-size:var(--fs-xl);font-weight:800;line-height:1.15}
.ofr-price>span{font-size:var(--fs-xs);color:var(--muted)}
.ofr-price .ofr-free{color:var(--green-ink);font-weight:600}
.ofr-price .ofr-total{margin-top:3px;padding-top:3px;border-top:1px solid var(--line);color:var(--ink-soft);font-weight:600}
.ofr-go{white-space:nowrap}
@media (hover:hover){.ofr-info:hover,.ofr-title:hover{text-decoration:underline}}
@media (max-width:1100px){.ofr{grid-template-columns:56px minmax(0,1fr) 150px 140px auto}.ofr-deliv{display:none}}
@media (max-width:768px){
  .ofr{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img main main" "shop shop price" "deliv deliv go";gap:8px 12px;padding:12px}
  .ofr-img{grid-area:img;width:56px;height:56px}.ofr-main{grid-area:main}.ofr-shop{grid-area:shop}.ofr-price{grid-area:price}.ofr-go{grid-area:go;justify-self:end}
  .ofr-deliv{grid-area:deliv;display:flex;align-self:center}
  .ofr-title{font-size:var(--fs-sm)}
  .ofr-price b{font-size:var(--fs-lg)}
}
/* Fenster Angebotsinformationen */
.oi-dlg{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:var(--r-tile);background:#fff;color:var(--ink);overflow:hidden}
.oi-dlg[open]{display:flex;flex-direction:column}
.oi-dlg::backdrop{background:rgba(15,23,20,.5)}
.oi-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line)}
.oi-head h2{margin:0;font-size:var(--fs-lg);font-weight:700}
.oi-head form{margin:0}
.oi-body{overflow-y:auto;overscroll-behavior:contain}
.oi-offer{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:20px;border-bottom:1px solid var(--line)}
.oi-img{display:grid;place-items:center;width:130px;height:130px;border-radius:14px;background:var(--card-bg)}
.oi-img img{max-width:110px;max-height:110px;object-fit:contain}
.oi-title{font-size:var(--fs-base);font-weight:600;line-height:1.4}
.oi-price{margin-top:6px;font-size:1.75rem;font-weight:800}
.oi-small{font-size:var(--fs-xs);color:var(--muted)}
.oi-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:8px;background:var(--card-bg);font-size:var(--fs-sm);font-weight:600}
.oi-badge .ofr-dot{margin-top:0}
.oi-shop{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0}
.oi-firm{padding:18px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.oi-logo img{max-width:140px;max-height:34px;object-fit:contain}
.oi-logo b{font-size:var(--fs-md)}
.oi-rate{font-size:var(--fs-sm);color:var(--muted)}
.oi-firma{font-weight:700;font-size:var(--fs-sm);margin-top:4px}
.oi-addr{font-size:var(--fs-sm);color:var(--muted);white-space:pre-line}
.oi-rate-btn{margin-top:10px}
.oi-pay{padding:18px 20px}
.oi-lbl{font-size:var(--fs-sm);font-weight:700;margin:0 0 8px}
.oi-lbl+.oi-chips+.oi-lbl,.oi-chips+.oi-lbl{margin-top:14px}
.oi-chips{display:flex;flex-wrap:wrap;gap:6px}
.oi-chips span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font-size:var(--fs-sm);font-weight:600;background:#fff}
.oi-chips:empty::before{content:"keine Angabe";font-size:var(--fs-sm);color:var(--muted)}
.oi-hint{margin:12px 0 0;font-size:var(--fs-xs);color:var(--muted)}
.oi-form{padding:16px 20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.oi-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-field)}
.oi-go{margin:12px 20px 18px;width:auto}
@media (max-width:768px){
  .oi-dlg{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}
  .oi-offer{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}
  .oi-img{width:96px;height:96px}.oi-img img{max-width:82px;max-height:82px}
  .oi-price{font-size:1.5rem}
  .oi-shop{grid-template-columns:1fr}
  .oi-firm{border-right:0;border-bottom:1px solid var(--line);padding:16px}
  .oi-pay{padding:16px}
  .oi-go{margin:10px 16px calc(14px + env(safe-area-inset-bottom))}
}
.oi-form[hidden]{display:none}
/* Shop-Logos groesser (21.10.2026) */
.ofr-logo{width:130px;height:40px;max-width:none;max-height:none;object-fit:contain;object-position:left center}
.oi-logo img{height:44px;width:auto;max-width:180px;max-height:none;object-fit:contain}
@media (max-width:768px){.ofr-logo{width:120px;height:36px}}
.oi-firma{line-height:1.35}
.oi-addr{line-height:1.45}
.oi-seller{margin-top:6px;font-size:var(--fs-sm);line-height:1.45;color:var(--ink-soft)}
.oi-seller[hidden],.oi-small[hidden]{display:none}
/* Handy: Angebotszeile wie im Beispiel (Bild links, rechts Etikett/Titel/Shop/Info/Lieferung, unten Preis | Zum Angebot) */
@media (max-width:768px){
  .ofr{grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img main main" "img shop shop" "img deliv deliv" "foot foot foot" "price price go";align-items:start;gap:0 14px;padding:14px}
  .ofr::after{content:"";grid-area:foot;height:1px;margin-top:12px;background:var(--line)}
  .ofr-img{width:64px;height:64px;background:var(--card-bg);border:0}
  .ofr-img img{max-width:56px;max-height:56px}
  .ofr-main{gap:6px;padding-bottom:0;border-bottom:0}  /* ohne Titel kein Trennstrich mehr ueber dem Shop (User 22.10.2026) */
  .ofr{position:relative}
  .ofr-main:not(:has(.offer-info)){display:block;height:0;padding:0;gap:0}  /* ohne Angebotsinfo nimmt der Block keinen Platz, Shop rueckt nach oben */
  .ofr-main:has(.offer-info){padding-bottom:8px}
  .ofr-main .tag{position:absolute;top:10px;right:10px;order:0;margin:0}  /* 'guenstigster Gesamtpreis' oben rechts in der Ecke (User 22.10.2026) */
  .ofr-main .tag{order:-1}
  .ofr-title{display:none}  /* mobil ohne Shop-Titel je Zeile, mehr Platz (User 22.10.2026) */
  .ofr-shop{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-top:0}
  .ofr-shop .ofr-logo{width:120px;height:36px}
  .ofr-shop .ofr-sub{font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft)}
  .ofr-shop .ofr-info{flex-basis:100%;font-size:var(--fs-base)}
  .ofr-deliv{padding-top:6px;font-size:var(--fs-sm)}
  .ofr-price{align-items:flex-start;text-align:left;margin-top:12px}
  .ofr-price b{font-size:1.625rem}
  .ofr-price .ofr-total{border-top:0;margin-top:2px;padding-top:0}
  .ofr.is-best .ofr-total{color:var(--green-ink)}
  .ofr-go{align-self:center;margin-top:12px;min-height:var(--btn-lg);padding:0 22px;font-size:var(--fs-base)}
}
.gz-rates{display:flex;flex-direction:column;gap:4px;margin:-2px 0 8px}
.gz-rates .pd-rating{margin:0}
@media (max-width:768px){.gz-rates{display:none}}
@media (max-width:768px){.oi-dlg{width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;border-radius:0}.oi-dlg .oi-go{flex:0 0 auto}}
.oi-dlg .oi-body{flex:1 1 auto;min-height:0}
/* Einordnung in der Groessenklasse (21.10.2026): Platz, Segmente, Rangliste, Vergleichstabelle */
.ein{margin-top:var(--sp-section)}
.seg{display:inline-flex;gap:3px}
.seg i{display:block;width:14px;height:8px;border-radius:2px;background:#e3e6e4}
.seg.s5 i:nth-child(-n+5),.seg.s4 i:nth-child(-n+4){background:var(--green)}
.seg.s3 i:nth-child(-n+3){background:#9aa39e}
.seg.s2 i:nth-child(-n+2),.seg.s1 i:nth-child(-n+1){background:#dc2626}
.ein-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-5);align-items:center;margin-top:var(--sp-head);padding:18px 22px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.ein-top-rang{display:flex;flex-direction:column;align-items:center;min-width:110px;padding:10px 16px;border-radius:14px;background:var(--card-bg)}
.ein-top-rang small{font-size:var(--fs-xs);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.ein-top-rang b{font-size:2.75rem;line-height:1;font-weight:800;letter-spacing:-.03em}
.ein-top.s5 .ein-top-rang b,.ein-top.s4 .ein-top-rang b{color:var(--green-ink)}
.ein-top.s1 .ein-top-rang b,.ein-top.s2 .ein-top-rang b{color:#b91c1c}
.ein-top-wort{display:flex;align-items:center;gap:10px;font-size:var(--fs-lg)}
.ein-top-main p{margin:6px 0 0;font-size:var(--fs-sm);color:var(--muted);line-height:1.5}
.ein-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--sp-6);align-items:start}
.ein-main{min-width:0}
.ein-h3{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs-md);font-weight:700}
.ein-rows{border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.ein-row{display:grid;grid-template-columns:150px minmax(0,1fr) 130px 170px;align-items:center;gap:var(--sp-4);padding:11px 18px;border-top:1px solid var(--line-soft)}
.ein-row:first-child{border-top:0}
.ein-lbl{display:flex;align-items:center;gap:2px;font-size:var(--fs-sm);font-weight:600}
.ein-lbl .hint-pop{left:0;right:auto}
.ein-val{font-size:var(--fs-base);font-weight:700;line-height:1.3}
.ein-platz{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}
.ein-platz b{color:var(--ink);font-size:var(--fs-base)}
.ein-wort{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);font-weight:600;white-space:nowrap}
.ein-row.s5 .ein-wort,.ein-row.s4 .ein-wort{color:var(--green-ink)}
.ein-row.s3 .ein-wort{color:var(--ink-soft)}
.ein-row.s1 .ein-wort,.ein-row.s2 .ein-wort{color:#b91c1c}
.ein-side{position:sticky;top:96px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff;padding:14px 16px;margin-top:var(--sp-5)}
.ein-side .ein-h3{margin:0}
.ein-side-sub{margin:2px 0 10px;font-size:var(--fs-xs);color:var(--muted)}
.ein-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ein-luecke{text-align:center;color:var(--muted);letter-spacing:4px;line-height:1}
.ein-list a{display:grid;grid-template-columns:28px 44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px;border-radius:10px;color:var(--ink);text-decoration:none;border:1px solid transparent}
.ein-list .is-ist a{border-color:var(--green);background:var(--green-a-05)}
@media (hover:hover){.ein-list a:hover{border-color:var(--line)}}
.ein-li-rang{font-size:var(--fs-base);font-weight:800;color:var(--ink-soft);text-align:center}
.ein-list li:nth-child(1) .ein-li-rang{color:var(--green-ink)}
.ein-li-img{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--card-bg)}
.ein-li-img img{max-width:38px;max-height:38px;object-fit:contain}
.ein-li-main{min-width:0;display:flex;flex-direction:column;gap:2px}
.ein-li-t{font-size:var(--fs-sm);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ein-li-k{font-size:var(--fs-xs);color:var(--muted)}
.ein-li-k b{color:var(--green-ink)}
.ein-li-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}
.ein-li-r b{font-size:var(--fs-sm)}
.ein-li-r .seg i{width:9px;height:6px}
.ein-cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-box);background:#fff}
.ein-cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}
.ein-cmp th,.ein-cmp td{padding:9px 12px;border-top:1px solid var(--line-soft);text-align:center;vertical-align:middle}
.ein-cmp thead th{border-top:0;vertical-align:top;padding:14px 12px 10px}
.ein-cmp .ein-cmp-lbl{text-align:left;font-weight:600;position:sticky;left:0;background:#fff;min-width:150px;z-index:1}
.ein-cmp thead .ein-cmp-lbl{background:#fff}
.ein-cmp th.is-ist,.ein-cmp td.is-ist{background:var(--green-a-05)}
.ein-cmp thead th a{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);text-decoration:none;min-width:130px}
.ein-cmp thead th img{width:56px;height:56px;object-fit:contain}
.ein-cmp-t{font-weight:600;line-height:1.3}
.ein-cmp-p{display:block;margin-top:4px;color:var(--muted);font-size:var(--fs-xs)}
.ein-cmp-ist{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:var(--r-pill);background:var(--green);color:#fff;font-size:var(--fs-xs);font-weight:700}
.ein-cmp td.is-best{font-weight:700;color:var(--green-ink)}
.ein-ja{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;font-size:13px}
.ein-nein{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eceeed;color:#8a938e;font-weight:700;font-size:12px}
.ein-unbek{color:var(--muted)}
@media (max-width:1100px){.ein-grid{grid-template-columns:1fr}.ein-side{position:static}.ein-row{grid-template-columns:140px minmax(0,1fr) 120px 150px}}
@media (max-width:768px){
  .ein-top{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px}
  .ein-top-rang{min-width:84px;padding:8px 10px}.ein-top-rang b{font-size:2rem}
  .ein-top-wort{font-size:var(--fs-base)}
  .ein-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lbl val" "platz wort";gap:4px 10px;padding:10px 14px}
  .ein-lbl{grid-area:lbl}.ein-val{grid-area:val;text-align:right}.ein-platz{grid-area:platz}.ein-wort{grid-area:wort;justify-self:end}
  .ein-cmp thead th a{min-width:110px}
  .ein-cmp .ein-cmp-lbl{min-width:120px}
}
/* Einordnung: kompakte Urteilskarte, Details eingeklappt (21.10.2026) */
.ein-card{margin-top:var(--sp-head);border:1px solid var(--line);border-radius:var(--r-box);background:#fff;padding:18px 22px}
.ein-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-5);align-items:center}
.ein-card-main{min-width:0}
.ein-top-wort span{font-size:var(--fs-sm);font-weight:400;color:var(--muted)}
.ein-prof{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.ein-prof li{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm)}
.ein-prof li span{color:var(--muted);min-width:0}
.ein-prof li b{font-weight:700}
.ein-fazit{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line-soft);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px}
.ein-fazit div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:var(--fs-sm)}
.ein-fazit dt{font-weight:700;display:flex;align-items:center;gap:6px}
.ein-fazit dt::before{content:"";width:8px;height:8px;border-radius:50%;background:#9aa39e}
.ein-fazit .is-plus dt::before,.ein-fazit .is-extra dt::before{background:var(--green)}
.ein-fazit .is-minus dt::before,.ein-fazit .is-fehlt dt::before{background:#dc2626}
.ein-fazit dd{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px}
.ein-fazit dd span{white-space:nowrap}
.ein-fazit dd small{color:var(--muted);font-size:var(--fs-xs)}
.ein-details{margin-top:var(--sp-3)}
.ein-details>summary{list-style:none;cursor:pointer;display:inline-flex}
.ein-details>summary::-webkit-details-marker{display:none}
.ein-details[open]>summary{margin-bottom:0}
.ein-details .ein-h3:first-child{margin-top:var(--sp-4)}
.ein-details .ein-side{margin-top:var(--sp-5)}
@media (max-width:768px){
  .ein-card{padding:14px}
  .ein-card-top{gap:14px}
  .ein-prof{gap:6px 16px}
  .ein-fazit{grid-template-columns:1fr}
  .ein-fazit div{grid-template-columns:84px minmax(0,1fr)}
}
/* Produktseite ab 1500 px: Einordnung als feste rechte Spalte (wie die Heissesten Deals auf Listen) */
.pd-right{display:none}
@media (min-width:1500px){
  .pd .container.has-ein{max-width:calc(1200px + 328px);display:grid;grid-template-columns:minmax(0,1200px) 300px;column-gap:28px;align-items:start}
  .pd .container.has-ein>*{grid-column:1;min-width:0}
  .pd .container.has-ein>.pd-right{display:block;grid-column:2;grid-row:1/span 60;align-self:stretch}
  .pd-right-stack{position:sticky;top:96px;display:flex;flex-direction:column;gap:12px}
  .ein>.ein-card{display:none}
}
.ein-aside{border:1px solid var(--line);border-radius:var(--r-box);background:#fff;padding:14px 16px}
.ein-aside-head{display:flex;gap:12px;align-items:center}
.ein-aside-head .ein-top-rang{min-width:0;padding:6px 12px}
.ein-aside-head .ein-top-rang b{font-size:1.75rem}
.ein-aside-t{font-size:var(--fs-sm);font-weight:700}
.ein-aside .ein-top-wort{font-size:var(--fs-sm);margin-top:2px}
.ein-prof-v{flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line-soft)}
.ein-prof-v li{justify-content:space-between}
.ein-prof-v li span{flex:1 1 auto}
.ein-fazit-v{grid-template-columns:1fr;gap:8px;margin-top:12px;padding-top:10px}
.ein-fazit-v div{grid-template-columns:1fr;gap:3px}
.ein-fazit-v dd{flex-direction:column;gap:2px}
.ein-fazit-v dd span{white-space:normal}
.ein-aside-more{display:block;margin-top:12px;font-size:var(--fs-sm);font-weight:600;color:var(--green-ink);text-decoration:none}
@media (hover:hover){.ein-aside-more:hover{text-decoration:underline}}
.ein-aside-rl .ein-aside-t{margin-bottom:8px}
.ein-list-v a{grid-template-columns:24px 40px minmax(0,1fr);padding:4px}
.ein-list-v .ein-li-img{width:40px;height:40px}.ein-list-v .ein-li-img img{max-width:34px;max-height:34px}
.ein-list-v .ein-li-t{font-size:var(--fs-xs);-webkit-line-clamp:1}
/* Einordnung im Hauptteil: Rangliste links, Platzierung rechts, Merkmale darunter (21.10.2026) */
.ein-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);align-items:start;margin-top:var(--sp-head)}
.ein-duo .ein-side{position:static;margin-top:0}
.ein-duo .ein-card{margin-top:0}
.ein-duo .ein-card-top{grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4)}
.ein-duo .ein-prof-v{margin-top:8px;padding-top:8px}
.ein-details{margin-top:var(--sp-4)}
.ein-details .ein-h3{margin-top:var(--sp-4)}
@media (min-width:1500px){.ein>.ein-duo{display:none}}

/* Einordnung: Merkmale als Zwei-Zeilen-Bloecke rechts unter der Platzierung, Vergleich ganz unten (21.10.2026) */
.ein-duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ein-duo>.ein-card{margin-bottom:var(--sp-3)}
.ein-duo .ein-rows{grid-column:2;border:0;background:none;display:flex;flex-direction:column;gap:6px}
.ein-duo .ein-row{display:block;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ein-duo .ein-row+.ein-row{border-top:1px solid var(--line)}
.ein-r1,.ein-r2{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ein-r1 .ein-val{font-size:var(--fs-base);text-align:right;white-space:nowrap}
.ein-r2{margin-top:3px}
.ein-r2 .ein-platz{font-size:var(--fs-xs)}
.ein-r2 .ein-platz b{font-size:var(--fs-sm)}
.ein-r2 .ein-wort{font-size:var(--fs-xs)}
.ein-r2 .seg i{width:11px;height:7px}
.ein-cmp-sec{margin-top:var(--sp-5)}
.ein-cmp-sec .ein-h3{margin-top:0}
@media (min-width:1500px){.ein>.ein-duo{display:grid;grid-template-columns:1fr}.ein-duo>.ein-side,.ein-duo>.ein-card{display:none}.ein-duo .ein-rows{grid-column:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.ein-duo{grid-template-columns:1fr}.ein-duo .ein-rows{grid-column:1}}
.ein-duo>.ein-side{grid-row:1/3}
/* Breite Bildschirme: ab 1500 px rechte Spalte (Platzierung + Merkmale), ab 1760 px zusaetzlich linke Spalte mit der Rangliste */
.pd-left{display:none}
.ein-rows-side{display:flex;flex-direction:column;gap:6px}
.ein-rows-side .ein-row{display:block;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.ein-rows-side .ein-r1 .ein-val{font-size:var(--fs-sm)}
@media (min-width:1500px){
  .ein>.ein-duo{display:none}
  .pd-left .pd-right-stack,.pd-right .pd-right-stack{position:static}
}
@media (min-width:1760px){
  .pd .container.has-ein{max-width:calc(1200px + 328px + 328px);grid-template-columns:300px minmax(0,1200px) 300px}
  .pd .container.has-ein>*{grid-column:2}
  .pd .container.has-ein>.pd-left{display:block;grid-column:1;grid-row:1/span 60;align-self:stretch}
  .pd .container.has-ein>.pd-right{grid-column:3}
  .pd-right .ein-aside-rl{display:none}
}
.ein-duo .ein-row:first-child,.ein-rows-side .ein-row:first-child{border-top:1px solid var(--line)}
.ein-rows-side .ein-row+.ein-row,.ein-duo .ein-row+.ein-row{border-top:1px solid var(--line)}
.ein-r1 .ein-lbl .hint-pop{left:0;right:auto}
/* Einordnung: feste Spalten fuer Segmente und Wertungswort, Platzangaben rechtsbuendig (21.10.2026) */
.ein-prof-v li{display:grid;grid-template-columns:minmax(0,1fr) 70px 92px;align-items:center;gap:6px}
.ein-prof-v li .seg{grid-column:2;justify-self:start}
.ein-prof-v li b{grid-column:3;text-align:right;white-space:nowrap}
.ein-prof-v li>b:nth-child(2){grid-column:2/4}
.ein-fazit-v dd span{display:flex;justify-content:space-between;gap:8px;white-space:normal}
.ein-fazit-v dd small{text-align:right;white-space:nowrap}
.ein-r2 .ein-wort{display:grid;grid-template-columns:70px 92px;align-items:center;gap:6px}
.ein-r2 .ein-wort .seg{justify-self:start}
.ein-r2 .ein-wort>span{text-align:right;white-space:nowrap}
.ein-row .ein-wort{display:grid;grid-template-columns:72px 90px;align-items:center;gap:10px;justify-self:end}
.ein-row .ein-wort>span{text-align:right}
.ein-top-wort{display:grid;grid-template-columns:72px auto auto;align-items:center;gap:10px;justify-content:start}
/* Einordnung: Kacheln mit festem Raster (21.10.2026): "lbl val val" / "platz seg wort", alle Spalten fest */
.ein-rows-side .ein-row,.ein-duo .ein-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 86px;grid-template-areas:"lbl val val" "platz seg wort";column-gap:8px;row-gap:4px;align-items:center;padding:9px 12px}
.ein-r1,.ein-r2,.ein-r2 .ein-wort{display:contents}
.ein-r1 .ein-lbl{grid-area:lbl}
.ein-r1 .ein-val{grid-area:val;text-align:right;white-space:nowrap}
.ein-r2 .ein-platz{grid-area:platz;white-space:nowrap}
.ein-r2 .ein-wort .seg{grid-area:seg;justify-self:start}
.ein-r2 .ein-wort>span{grid-area:wort;text-align:left;white-space:nowrap;font-size:var(--fs-xs);font-weight:600}
.ein-row.s5 .ein-r2 .ein-wort>span,.ein-row.s4 .ein-r2 .ein-wort>span{color:var(--green-ink)}
.ein-row.s3 .ein-r2 .ein-wort>span{color:var(--ink-soft)}
.ein-row.s1 .ein-r2 .ein-wort>span,.ein-row.s2 .ein-r2 .ein-wort>span{color:#b91c1c}
.ein-prof-v li{grid-template-columns:minmax(0,1fr) 70px 86px;column-gap:8px}
.ein-prof-v li b{text-align:left}
.ein-top-wort{grid-template-columns:70px auto auto;column-gap:8px}
.ein-prof-v li{justify-content:start}
.ein-prof-v li b{justify-self:start}
.ein-prof-v li .seg{justify-self:start}
.ein-prof-v .seg i{width:11px;height:7px}
/* Bedarfs-Finder (21.10.2026) */
.fd .lead{max-width:70ch}
.fd-form{display:grid;gap:var(--sp-4);margin-top:var(--sp-5)}
.fd-q{border:1px solid var(--line);border-radius:var(--r-box);background:#fff;padding:16px 18px;margin:0}
.fd-q legend{font-weight:700;font-size:var(--fs-md);padding:0 6px}
.fd-hilfe{margin:4px 0 10px;font-size:var(--fs-sm);color:var(--muted)}
.fd-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.fd-opt{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}
.fd-opt:has(input:checked){border-color:var(--green);background:var(--green-a-05)}
.fd-opt input{margin:3px 0 0;accent-color:var(--green);width:18px;height:18px}
.fd-opt-t{font-weight:600;font-size:var(--fs-sm)}
.fd-opt-h{grid-column:2;font-size:var(--fs-xs);color:var(--muted)}
.fd-budget{max-width:220px}
.fd-actions{display:flex;gap:10px;flex-wrap:wrap}
.fd-erg{margin-top:var(--sp-section)}
.fd-setups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:var(--sp-head)}
.fd-setup{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff;color:var(--ink);text-decoration:none}
.fd-setup b{font-size:var(--fs-md)}.fd-setup span{font-size:var(--fs-sm);color:var(--ink-soft)}.fd-setup strong{font-size:var(--fs-lg)}.fd-setup small{color:var(--muted)}
.fd-sec{margin-top:var(--sp-section)}
.fd-n{font-size:var(--fs-sm);font-weight:400;color:var(--muted);margin-left:8px}
.fd-kands{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:var(--sp-head)}
.fd-kand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:16px;border:1px solid var(--line);border-radius:var(--r-box);background:#fff;color:var(--ink);text-decoration:none}
.fd-kand:first-child{border-color:var(--green);background:var(--green-a-05)}
.fd-kand-h{font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--green-ink)}
.fd-kand-img{display:grid;place-items:center;width:96px;height:96px}
.fd-kand-img img{max-width:96px;max-height:96px;object-fit:contain}
.fd-kand-t{font-weight:600;line-height:1.35}
.fd-kand-k,.fd-kand-w,.fd-kand-s{font-size:var(--fs-xs);color:var(--muted)}
.fd-kand-p b{font-size:var(--fs-lg)}.fd-kand-p small{color:var(--muted)}
.fd-kand-r{font-size:var(--fs-sm);font-weight:700}
.fd-list{margin-top:4px}
.fd-list a{grid-template-columns:28px 44px minmax(0,1fr) auto}
.fd-rest{margin-top:var(--sp-4)}
.fd-rest summary{cursor:pointer;font-weight:600}
.fd-plain{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm)}
.fd-plain a{color:var(--ink)}.fd-plain span{color:var(--muted)}
/* Passt er zu dir? */
.fit{border:1px solid var(--line);border-radius:var(--r-box);background:#fff;padding:14px 16px;margin-bottom:12px}
.fit-h{font-weight:700;font-size:var(--fs-md)}
.fit-s{margin-top:6px;font-size:var(--fs-sm);line-height:1.5}
.fit-ok{border-color:var(--green-a-30);background:var(--green-a-05)}
.fit-nein{border-color:#f3c0c0;background:#fff6f6}
.fit-nein .fit-s b{color:#b91c1c}
.fit-unbekannt{border-color:#f0d9a8;background:#fffaf0}
.fit-alt{display:flex;flex-direction:column;gap:1px;margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none}
.fit-alt span{font-size:var(--fs-xs);color:var(--green-ink);font-weight:700}.fit-alt b{font-size:var(--fs-sm)}.fit-alt small{color:var(--muted)}
.fit-link{display:inline-block;margin-top:10px;font-size:var(--fs-sm);font-weight:600;color:var(--green-ink)}
.fit-btn{margin-top:10px}
.ein-duo .fit{grid-column:1/-1}
.fit-budget{border-color:#f0d9a8;background:#fffaf0}
/* Finder: Kacheln mit Piktogrammen, Technik-Chips, Setup-Karten (21.10.2026) */
.fd-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.fd-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;color:var(--ink);transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.fd-tile input{position:absolute;opacity:0;width:1px;height:1px}
.fd-ico{width:64px;height:44px;color:var(--ink-soft)}
.fd-tile:has(input:checked){border-color:var(--green);background:var(--green-a-05);box-shadow:inset 0 0 0 1px var(--green)}
.fd-tile:has(input:checked) .fd-ico{color:var(--green-ink)}
.fd-tile:has(input:focus-visible){outline:3px solid var(--green);outline-offset:2px}
@media (hover:hover){.fd-tile:hover{border-color:var(--green-a-30)}}
.fd-tile-t{font-weight:700;font-size:var(--fs-sm);line-height:1.3}
.fd-tile-h{font-size:var(--fs-xs);color:var(--muted);line-height:1.35}
.fd-tile-ok{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--green);color:#fff;font-size:12px;font-weight:700;display:none;place-items:center}
.fd-tile:has(input:checked) .fd-tile-ok{display:grid}
.fd-tech{display:grid;gap:10px}
.fd-tech-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:8px 16px;align-items:center}
.fd-tech-l{font-weight:600;font-size:var(--fs-sm);display:flex;align-items:center;gap:2px}
.fd-chips{display:flex;flex-wrap:wrap;gap:6px}
.fd-chip{position:relative;cursor:pointer}
.fd-chip input{position:absolute;opacity:0;width:1px;height:1px}
.fd-chip span{display:inline-flex;align-items:center;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;background:#fff;color:var(--ink-soft)}
.fd-chip:has(input:checked) span{background:var(--green);border-color:var(--green);color:#fff}
.fd-chip:has(input:focus-visible) span{outline:3px solid var(--green);outline-offset:2px}
.fd-setup .fd-ico{width:72px;height:50px;color:var(--green-ink);margin-bottom:4px}
@media (max-width:768px){.fd-tiles{grid-template-columns:repeat(2,1fr)}.fd-tech-row{grid-template-columns:1fr}.fd-tile{padding:12px 8px 10px}.fd-ico{width:56px;height:38px}}
@media (min-width:1500px){.ein>.fit{display:none}}
/* Preisskala der Groessenklasse in der Platzierungskarte (21.10.2026): Blase = dieses Produkt, Endkappen = ab/bis, Strich = Mitte */
.ein-prof-v li.ein-preis{grid-template-rows:auto auto}
.ein-preis .ein-pbar{grid-column:1/-1;display:block;margin-top:26px}
.ein-ptrack{position:relative;display:block;font-style:normal;height:8px;border-radius:2px;background:linear-gradient(90deg,#23a25d,#cfe9d9 50%,#e5e7e6)}
.ein-ptrack::before,.ein-ptrack::after{content:"";position:absolute;top:-4px;width:2px;height:16px;background:#6b746f;border-radius:1px}
.ein-ptrack::before{left:0}.ein-ptrack::after{right:0}
.ein-pbub{position:absolute;bottom:12px;transform:translateX(-50%);padding:2px 7px;border-radius:6px;background:var(--green-ink);color:#fff;font-size:var(--fs-xs);font-weight:700;line-height:1.4;white-space:nowrap;text-decoration:none}
.ein-ptip{position:absolute;bottom:7px;margin-left:-5px;border:5px solid transparent;border-top-color:var(--green-ink);border-bottom:0}
.ein-pends{display:flex;justify-content:space-between;gap:6px;margin-top:5px;font-size:var(--fs-xs);color:var(--muted)}
.ein-pends>span{flex:0 0 auto;min-width:0;white-space:nowrap}
.ein-pends>span:last-child{text-align:right}
.ein-pends small{font-size:inherit}
@media (max-width:768px){.ein-pends small{display:none}}
.ein-preis>b{text-align:left}
/* Merkmal-Kacheln in der Bildergalerie unter dem Preis (21.10.2026) */
.gz-info{overflow-y:auto;scrollbar-width:thin;padding-right:4px}
.gz-ein{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.gz-ein .gz-label{margin-bottom:8px}
@media (max-width:768px){.gz-ein{display:none}}
.ein-top-wort{flex-wrap:wrap}
.gz-ein .ein-fazit-v{margin:0 0 6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
@media (min-width:769px){.gz[open]{grid-template-columns:76px minmax(0,1fr) 320px}}
@media (min-width:1100px){.gz[open]{grid-template-columns:56px minmax(0,1fr) 340px}}
/* Deals-Uebersicht /deals (07.11.2026) */
.dk-h{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3)}
.dk-h a{color:inherit;text-decoration:none}
.dk-h a:hover{color:var(--green)}
.dk-more{font-size:var(--fs-sm);font-weight:600;color:var(--green);white-space:nowrap;flex:none}