@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/static/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/static/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C4}
:root{
 --hue:350;
 --bg:oklch(0.985 0.003 350);--surface:#fff;--sunk:oklch(0.955 0.006 350);
 --ink:oklch(0.19 0.02 300);--ink-2:oklch(0.42 0.02 300);--line:oklch(0.9 0.008 330);
 --hot:oklch(0.62 0.25 4);--hot-ink:oklch(0.5 0.22 4);--hot-soft:oklch(0.95 0.035 4);
 --cold:oklch(0.55 0.23 262);--cold-soft:oklch(0.95 0.03 262);
 --lime:oklch(0.93 0.21 125);--lime-ink:oklch(0.32 0.09 125);
 --glow:oklch(0.7 0.2 45);
 --r:12px;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s6:1.5rem;--s8:2rem;--s12:3rem;--s16:4rem;
 --t-sm:clamp(.83rem,.8rem + .2vw,.9rem);--t-base:clamp(1rem,.96rem + .2vw,1.075rem);--t-lg:clamp(1.15rem,1.05rem + .5vw,1.35rem);
 --t-xl:clamp(1.5rem,1.2rem + 1.4vw,2.2rem);--t-2xl:clamp(2.1rem,1.4rem + 3.4vw,4.2rem);
 --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}*{margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif;font-size:var(--t-base);line-height:1.55;font-stretch:100%;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
table{max-width:100%}
h1,h2,h3{line-height:1.02;letter-spacing:-.02em;font-stretch:72%;font-weight:850;text-wrap:balance}
h1{font-size:var(--t-2xl)}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg);font-stretch:85%;font-weight:750}
p{max-width:68ch;text-wrap:pretty}
:focus-visible{outline:2px solid var(--cold);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 var(--s4)}
.muted{color:var(--ink-2)}.small{font-size:var(--t-sm)}
/* header */
.top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;gap:var(--s4);height:60px}
.logo{display:flex;align-items:center;gap:.4rem;font-weight:900;font-stretch:70%;font-size:1.6rem;letter-spacing:-.03em}
.logo b{color:var(--hot)}
.logo .dot{width:.55em;height:.55em;border-radius:50%;background:var(--hot);box-shadow:0 0 0 3px oklch(0.62 0.25 4 / .3)}
.nav{display:flex;gap:2px;margin-left:var(--s4)}
.nav a{white-space:nowrap;padding:.45rem .65rem;border-radius:999px;font-weight:600;font-size:.95rem;color:oklch(0.88 0.01 300)}
.nav a:hover,.nav a.on{background:oklch(0.3 0.02 300);color:#fff}
.search{margin-left:auto;display:flex;flex:0 1 300px}
.search input{width:100%;border:0;border-radius:999px;padding:.55rem 1rem;background:oklch(0.28 0.02 300);color:#fff;font:inherit;font-size:.95rem}
.search input::placeholder{color:oklch(0.7 0.01 300)}
.acct{font-size:.9rem;font-weight:600;white-space:nowrap}
.acct a{padding:.45rem .9rem;border-radius:999px;background:var(--hot);color:#fff}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.subnav{background:var(--surface);border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:var(--s2);overflow-x:auto;padding-top:.55rem;padding-bottom:.55rem;scrollbar-width:none}
.chip{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.35rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.88rem;font-weight:600;background:var(--surface)}
.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip.hotc{border-color:var(--hot);color:var(--hot-ink)}
/* crumbs */
.crumbs{font-size:var(--t-sm);color:var(--ink-2);padding:var(--s4) 0 0;display:flex;flex-wrap:wrap;gap:.3rem}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
/* grad pill + vote */
.vote{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);height:40px;flex:none}
.vote button{border:0;background:none;width:38px;height:100%;cursor:pointer;display:grid;place-items:center;color:var(--ink-2);border-radius:999px;transition:background var(--ease) .15s,color .15s}
.vote button svg{width:18px;height:18px}
.vote .dn:hover,.vote .dn.on{color:var(--cold);background:var(--cold-soft)}
.vote .up:hover,.vote .up.on{color:var(--hot);background:var(--hot-soft)}
.grad{min-width:3.6ch;text-align:center;font-weight:850;font-stretch:80%;font-size:1.05rem;font-variant-numeric:tabular-nums}
.grad.warm{color:var(--ink-2)}.grad.hot{color:var(--hot)}.grad.glow{color:var(--glow)}.grad.cold{color:var(--cold)}
.vote.big{height:52px}.vote.big button{width:52px}.vote.big .grad{font-size:1.45rem}
.badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:.18rem .5rem;border-radius:999px;background:var(--lime);color:var(--lime-ink)}
.badge.hot{background:var(--hot);color:#fff}.badge.glow{background:var(--glow);color:#fff}
/* hero */
.hero{background:var(--ink);color:#fff;overflow:hidden;position:relative}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--s12);padding-top:var(--s12);padding-bottom:var(--s12);align-items:center}
.hero h1{font-size:clamp(2.6rem,1.6rem + 4.6vw,5.6rem);font-stretch:66%;line-height:.92}
.hero h1 em{font-style:normal;color:var(--hot)}
.hero p{color:oklch(0.85 0.01 300);font-size:var(--t-lg);margin-top:var(--s6)}
.hero .cta{display:flex;gap:var(--s3);margin-top:var(--s8);flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:999px;font-weight:750;border:0;cursor:pointer;font:inherit;font-weight:750}
.btn.hot{background:var(--hot);color:#fff}.btn.hot:hover{background:var(--hot-ink)}
.btn.ghost{background:transparent;color:inherit;border:1.5px solid currentColor}
.btn.ink{background:var(--ink);color:#fff}
.hero-board{background:oklch(0.24 0.02 300);border-radius:16px;padding:var(--s4);display:grid;gap:var(--s2)}
.hero-board .hb-h{display:flex;justify-content:space-between;align-items:baseline;padding:0 var(--s2) var(--s2)}
.hero-board .hb-h b{font-stretch:75%;font-size:1.2rem}
.hb-row{display:grid;grid-template-columns:28px 52px 1fr auto;gap:var(--s3);align-items:center;background:oklch(0.29 0.02 300);border-radius:10px;padding:.5rem .7rem}
.hb-row .n{font-weight:900;font-stretch:70%;font-size:1.3rem;color:oklch(0.7 0.02 300)}
.hb-row img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:8px}
.hb-row .t{font-weight:650;line-height:1.2;font-size:.95rem}.hb-row .t small{display:block;color:oklch(0.72 0.01 300);font-weight:500}
.hb-row .g{font-weight:850;font-stretch:80%;color:var(--hot)}
/* sections */
.sec{padding:var(--s12) 0 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:var(--s4);margin-bottom:var(--s6)}
.sec-h a{font-weight:700;color:var(--hot-ink);white-space:nowrap}
/* cards grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--s4)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s}
.card:hover{border-color:oklch(0.75 0.01 300)}
.card .img{aspect-ratio:1;background:#fff;display:grid;place-items:center;padding:var(--s4);position:relative}
.card .img img{max-height:100%;object-fit:contain}
.card .img .badge{position:absolute;top:10px;left:10px}
.card .b{padding:var(--s3) var(--s4) var(--s4);display:flex;flex-direction:column;gap:.35rem;flex:1;border-top:1px solid var(--line)}
.card .br{font-size:.78rem;font-weight:700;color:var(--ink-2);text-transform:none}
.card .nm{font-weight:700;line-height:1.25}
.card .ft{margin-top:auto;padding-top:var(--s2);display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}
.price{font-weight:750;font-variant-numeric:tabular-nums}
.noimg{width:60%;aspect-ratio:1;border-radius:50%;background:var(--sunk);display:grid;place-items:center;font-weight:900;font-stretch:70%;font-size:2rem;color:var(--ink-2)}
/* ranking list */
.listhead{padding:var(--s6) 0 var(--s4);display:grid;grid-template-columns:1fr auto;gap:var(--s6);align-items:end}
.listhead .lead{margin-top:var(--s4);color:var(--ink-2);font-size:var(--t-lg)}
.method{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4);font-size:var(--t-sm);max-width:340px}
.method b{display:block;font-stretch:80%;font-size:1rem;margin-bottom:.2rem}
.tabs{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center;padding:var(--s2) 0 var(--s4);border-bottom:1px solid var(--line);margin-bottom:var(--s4)}
.tabs .sp{flex:1}
.tabs select{font:inherit;font-size:.9rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.rank{display:grid;gap:var(--s3)}
.row{display:grid;grid-template-columns:56px 88px 1fr auto;gap:var(--s4);align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4)}
.row .pos{font-weight:900;font-stretch:65%;font-size:2.4rem;line-height:1;text-align:center;color:var(--ink)}
.row.p1 .pos{color:var(--hot)}.row.p2 .pos,.row.p3 .pos{color:var(--hot-ink)}
.row .pos.sm{font-size:1.3rem;color:var(--ink-2)}
.row img,.row .noimg{width:88px;height:88px;object-fit:contain}
.row .noimg{font-size:1.4rem}
.row .nm{font-weight:750;font-size:1.08rem;line-height:1.25}
.row .meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:var(--t-sm);color:var(--ink-2);margin-top:.25rem}
.row .r{display:flex;flex-direction:column;align-items:end;gap:.35rem}
.row.podium{border-color:oklch(0.85 0.06 4)}
.pager{display:flex;gap:var(--s2);justify-content:center;margin:var(--s8) 0}
.subs{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s4)}
/* product */
.pd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s12);padding:var(--s6) 0}
.pd .media{background:#fff;border:1px solid var(--line);border-radius:16px;aspect-ratio:1;display:grid;place-items:center;padding:var(--s8);position:sticky;top:80px}
.pd .media img{max-height:100%;object-fit:contain}
.pd h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem)}
.pd .brandl{font-weight:750;color:var(--hot-ink)}
.score{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin:var(--s6) 0;padding:var(--s4);background:var(--sunk);border-radius:var(--r)}
.score .sx{font-size:var(--t-sm);color:var(--ink-2);line-height:1.35}
.score .sx b{color:var(--ink);font-size:1rem}
.specs{width:100%;border-collapse:collapse;font-size:.95rem}
.specs th,.specs td{text-align:left;padding:.55rem .2rem;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{width:38%;color:var(--ink-2);font-weight:600}
.flv{display:flex;flex-wrap:wrap;gap:.4rem}
.flv span{font-size:.85rem;padding:.25rem .6rem;border-radius:999px;background:var(--sunk)}
.block{margin-top:var(--s8)}.block h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);margin-bottom:var(--s3)}
.prose p{margin-bottom:var(--s3)}.prose ul{padding-left:1.2rem;margin-bottom:var(--s3)}
.comment{border-bottom:1px solid var(--line);padding:var(--s4) 0}
.comment b{font-weight:750}.comment .when{color:var(--ink-2);font-size:var(--t-sm);margin-left:.4rem}
textarea,input[type=text],input[type=url]{width:100%;font:inherit;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.note{background:var(--hot-soft);border-radius:var(--r);padding:var(--s4);font-size:var(--t-sm)}
.buy{display:flex;gap:var(--s3);align-items:center;flex-wrap:wrap;margin-top:var(--s4)}
/* brands */
.brandgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--s2)}
.brandgrid a{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;display:flex;justify-content:space-between;gap:.5rem;font-weight:700}
.brandgrid a span{color:var(--ink-2);font-weight:500;font-size:.85rem}
.brandgrid a:hover{border-color:var(--ink)}
.letter{font-size:2rem;font-stretch:65%;margin:var(--s8) 0 var(--s3)}
/* footer */
.foot{margin-top:var(--s16);background:var(--ink);color:oklch(0.82 0.01 300);font-size:var(--t-sm)}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s8);padding-top:var(--s12);padding-bottom:var(--s12)}
.foot h4{color:#fff;font-stretch:80%;font-size:1rem;margin-bottom:var(--s3)}
.foot a{display:block;padding:.15rem 0}.foot a:hover{color:#fff}
.foot .legal{border-top:1px solid oklch(0.3 0.02 300);grid-column:1/-1;padding-top:var(--s4);display:flex;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}
/* age gate */
.age{position:fixed;inset:0;background:oklch(0.15 0.02 300 / .92);z-index:40;display:grid;place-items:center;padding:var(--s4)}
.age .box{background:var(--surface);border-radius:16px;padding:var(--s8);max-width:440px;text-align:center}
.age h2{margin-bottom:var(--s3)}.age .btns{display:flex;gap:var(--s3);justify-content:center;margin-top:var(--s6);flex-wrap:wrap}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:.7rem 1.1rem;border-radius:999px;z-index:50;font-weight:600;font-size:.92rem;opacity:0;transition:opacity .2s;pointer-events:none}
.toast.on{opacity:1;pointer-events:auto}.toast a{color:var(--lime);text-decoration:underline}
@media (max-width:1180px){.nav a{padding:.45rem .5rem;font-size:.9rem}.search{flex-basis:220px}}
@media (max-width:980px){
 .nav{display:none}.nav.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--ink);padding:var(--s4);margin:0}
 .burger{display:block}
 .hero .wrap{grid-template-columns:1fr;gap:var(--s8)}
 .pd{grid-template-columns:1fr;gap:var(--s6)}.pd .media{position:static;max-width:420px;margin:0 auto;width:100%}
 .foot .wrap{grid-template-columns:1fr 1fr}
 .listhead{grid-template-columns:1fr}.method{max-width:none}
}
@media (max-width:640px){
 .search{display:none}.search.m{display:flex;flex:1}
 .row{grid-template-columns:36px 64px 1fr;gap:var(--s3);padding:var(--s3)}
 .row .pos{font-size:1.7rem}.row img,.row .noimg{width:64px;height:64px}
 .row .r{grid-column:2/-1;flex-direction:row;align-items:center;justify-content:space-between}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
 .card .b{padding:var(--s3)}.card .ft{flex-wrap:wrap}
 .foot .wrap{grid-template-columns:1fr}
 .hb-row{grid-template-columns:22px 44px 1fr auto}.hb-row img{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Produkttexte */
.pd-lead{font-size:1.12rem;line-height:1.6;margin:1.2rem 0 .4rem;color:var(--ink)}
.toc{display:flex;flex-direction:column;gap:.25rem;margin:1.2rem 0;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:.95rem}
.toc b{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:.2rem}
.toc a{color:var(--ink);text-decoration:none;border-left:3px solid transparent;padding-left:.6rem}
.toc a:hover{border-color:var(--hot);color:var(--hot-ink)}
.pd-text p{line-height:1.7;margin:.6rem 0;max-width:70ch}
.pd-text ul{margin:.6rem 0 .6rem 1.2rem;line-height:1.7}
.fz{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.8rem}
.fz-c{border-radius:14px;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line)}
.fz-c.up{border-top:4px solid var(--hot)}.fz-c.dn{border-top:4px solid var(--cold)}
.fz-c ul{margin:.5rem 0 0 1.1rem;line-height:1.6}
details.faq{border-bottom:1px solid var(--line);padding:.8rem 0}
details.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}
details.faq summary::after{content:"+";font-weight:800;color:var(--hot-ink)}
details.faq[open] summary::after{content:"–"}
details.faq p{margin-top:.5rem;line-height:1.65;color:var(--ink-2)}
@media (max-width:640px){.fz{grid-template-columns:1fr}}
/* ===== Logo neu (Großbuchstaben + .DE) ===== */
.logo{gap:.5rem;font-size:1.45rem;letter-spacing:.01em;color:#fff;flex:none}
.lg-mark{display:grid;place-items:center;width:1.55em;height:1.55em;border-radius:.42em;background:var(--hot);color:#fff;transform:rotate(-6deg);box-shadow:0 4px 14px oklch(0.62 0.25 4 / .45)}
.lg-mark svg{width:72%;height:72%}
.lg-t{font-weight:900;font-stretch:68%;line-height:1;text-transform:uppercase}
.lg-t b{color:var(--hot);font-weight:900}
.lg-t i{font-style:normal;font-weight:800;font-size:.55em;margin-left:.12em;padding:.12em .3em;border-radius:.3em;background:var(--lime);color:var(--lime-ink);vertical-align:.55em;letter-spacing:.04em}
.foot .logo{font-size:1.6rem}
/* ===== Mega-Menü ===== */
.nav{align-items:center}
.mm-item{position:static}
.mm-a{display:inline-flex;align-items:center;gap:.25rem}
.chev{width:11px;height:11px;opacity:.7;transition:transform .2s}
.mm{position:absolute;left:0;right:0;top:100%;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 24px 48px -12px oklch(0.2 0.02 300 / .25);
 opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s;z-index:30}
.mm-item:hover .mm,.mm-item:focus-within .mm{opacity:1;visibility:visible;transform:none}
.mm-item:hover .chev{transform:rotate(180deg)}
.mm-in{max-width:1240px;margin:0 auto;padding:1.6rem 1rem 1.8rem;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:2.5rem}
.mm-h{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-bottom:.7rem}
.mm-col a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.42rem .55rem;margin:0 -.55rem;border-radius:8px;font-weight:650;color:var(--ink)}
.mm-col a:hover{background:var(--sunk)}
.mm-col a span{font-size:.8rem;color:var(--ink-2);font-weight:600}
.mm-b{justify-content:flex-start!important}
.mm-b img{height:18px;width:auto;max-width:80px;object-fit:contain}
.mm-p{justify-content:flex-start!important}
.mm-p img{width:44px;height:44px;object-fit:contain;background:var(--sunk);border-radius:8px;padding:3px;flex:none}
.mm-p span{display:flex;flex-direction:column;color:var(--ink)!important;font-size:.92rem!important;font-weight:700!important}
.mm-p small{font-weight:600;color:var(--hot-ink)}
.mm-all{color:var(--hot-ink)!important;margin-top:.3rem}
.top{position:sticky}.top .wrap{position:static}
/* ===== Suche + Autosuggest ===== */
.search,.hero-search{position:relative}
.sugg{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:340px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 18px 40px -8px oklch(0.2 0.02 300 / .35);
 padding:.5rem;display:none;z-index:40;max-height:70vh;overflow:auto}
.sugg.on{display:block}
.sugg h6{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:.5rem .5rem .25rem}
.sugg a{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:8px;font-size:.93rem;font-weight:600}
.sugg a:hover,.sugg a.sel{background:var(--sunk)}
.sugg a img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:var(--sunk);flex:none}
.sugg a img.lgo{width:auto;height:18px;max-width:70px;background:none}
.sugg a small{margin-left:auto;color:var(--ink-2);font-weight:600;white-space:nowrap}
.sugg .s-all{justify-content:center;color:var(--hot-ink);border-top:1px solid var(--line);margin-top:.3rem;border-radius:0 0 8px 8px}
.s-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem;margin-left:auto}
.acct a.ghost{background:transparent;border:1.5px solid oklch(1 0 0 / .35)}
.acct a.ghost:hover{border-color:#fff}
/* ===== Startseite ===== */
.eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:1rem}
.hero-search{display:flex;gap:.5rem;margin-top:var(--s8);max-width:560px}
.hero-search input{flex:1;min-width:0;border:0;border-radius:999px;padding:.9rem 1.2rem;font:inherit;font-size:1rem;background:#fff;color:var(--ink)}
.hero-search .sugg{top:calc(100% + 8px)}
.hero-kpi{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:var(--s6);color:oklch(0.78 0.01 300);font-size:.92rem}
.hero-kpi b{color:#fff;font-size:1.15rem;font-stretch:80%}
.catstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem;margin-top:-2.2rem;position:relative;z-index:2}
.catstrip a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;box-shadow:0 8px 20px -10px oklch(0.2 0.02 300 / .2);transition:transform .15s var(--ease),border-color .15s}
.catstrip a:hover{transform:translateY(-2px);border-color:var(--hot)}
.catstrip b{display:block;font-stretch:85%;font-size:1.02rem}.catstrip span{font-size:.82rem;color:var(--ink-2)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.steps li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem}
.steps b{display:block;font-size:1.15rem;font-stretch:85%;margin:.6rem 0 .3rem}
.steps p{color:var(--ink-2);font-size:.95rem}
.st-n{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--ink);color:#fff;font-weight:900}
.mini{display:inline-grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;font-size:.75em}.mini.up{background:var(--hot-soft);color:var(--hot)}.mini.dn{background:var(--cold-soft);color:var(--cold)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.mini-list{display:grid;gap:.5rem}
.mini-list a{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.55rem .7rem;font-weight:700}
.mini-list a:hover{border-color:var(--ink)}
.mini-list img,.mini-list .noimg{width:52px;height:52px;object-fit:contain;flex:none}
.mini-list span{display:flex;flex-direction:column}.mini-list small{color:var(--hot-ink);font-weight:650}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.ccard{display:flex;gap:.8rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}
.ccard img{width:56px;height:56px;object-fit:contain;flex:none}
.ccard p{font-size:.93rem;color:var(--ink-2);margin:.25rem 0}.ccard small{color:var(--ink-2);font-size:.8rem}
.empty{background:var(--hot-soft);border-radius:16px;padding:1.6rem;display:grid;gap:.6rem;justify-items:start}
.empty p{color:var(--ink-2)}
.logogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}
.logogrid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:96px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem;text-align:center}
.logogrid a:hover{border-color:var(--ink)}
.logogrid img{max-height:30px;max-width:110px;width:auto;object-fit:contain}
.logogrid b{font-stretch:80%;font-size:1.05rem}.logogrid span{font-size:.75rem;color:var(--ink-2)}
.ltext{border-top:1px solid var(--line);padding-top:var(--s8)}
.upd{margin-top:1.4rem}
/* Markenlogos in Listen */
.bl{display:inline-flex;align-items:center}
.blogo{height:14px;width:auto;max-width:70px;object-fit:contain;opacity:.85}
.blogo.lg{height:24px;max-width:140px;opacity:1}
.price em{display:block;font-style:normal;font-size:.72rem;color:var(--ink-2);font-weight:600}
/* Preisvergleich */
.offers{margin:1.2rem 0;border:1px solid var(--line);border-radius:16px;background:#fff;padding:1rem 1.2rem}
.of-h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.6rem}
.of-h h2{font-size:1.35rem}
.of-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line)}
.of-row.best .of-price{color:var(--hot-ink)}
.of-shop{display:flex;align-items:center;gap:.6rem;font-weight:700}
.of-logo{height:22px;width:auto}
.of-price{font-weight:900;font-stretch:80%;font-size:1.4rem;font-variant-numeric:tabular-nums}
.of-price s{font-size:.8rem;color:var(--ink-2);font-weight:600;margin-right:.4rem}
.of-cta{white-space:nowrap}
@media (max-width:980px){
 .mm{display:none!important}.chev{display:none}
 .nav.open{display:flex;flex-direction:column;align-items:stretch}
 .nav.open .mm-item{display:block}
 .s-toggle{display:block}.search.open{display:flex;position:absolute;left:.75rem;right:.75rem;top:64px}
 .search.open input{background:#fff;color:var(--ink);padding:.8rem 1rem;box-shadow:0 10px 30px -8px #0006}
 .steps,.split{grid-template-columns:1fr}
 .catstrip{grid-template-columns:repeat(2,1fr);margin-top:-1.4rem}
 .sugg{min-width:0}
 .of-row{grid-template-columns:1fr auto}.of-cta{grid-column:1/-1;text-align:center}
 .logo{font-size:1.25rem}
}
.row .meta img.blogo{width:auto!important;height:14px!important;max-width:80px}
.row .meta .bl{order:-1}
.mm-col a span:empty{display:none}
@media (max-width:640px){.hero-search .btn{padding-left:1rem;padding-right:1rem}.hero-search{max-width:100%}.hero .wrap>div{min-width:0}}
/* Markenlogos in Listen größer (Simon 31.10.) */
.row .meta{align-items:center}
.row .meta img.blogo{height:22px!important;max-width:120px;opacity:1}
@media (max-width:640px){.row .meta img.blogo{height:18px!important;max-width:96px}}
.bhead-logo{height:44px;width:auto;max-width:220px;object-fit:contain;display:block;margin-bottom:.8rem}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin:0 0 1.4rem;padding:1rem;border:1px solid var(--line,#e6e3ea);border-radius:14px;background:#fff}
.facts div{padding:.35rem .5rem}.facts dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:700}.facts dd{margin:.15rem 0 0;font-weight:600;line-height:1.35}
.tblwrap{overflow-x:auto;margin:1rem 0}.cmp{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}.cmp th{text-align:left;background:var(--ink,#16121c);color:#fff;padding:.55rem .7rem;font-weight:700}.cmp td{padding:.55rem .7rem;border-bottom:1px solid #e6e3ea;vertical-align:top}.cmp tr:nth-child(even) td{background:#faf8fb}
.logogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;margin:.6rem 0 1.6rem}
.logogrid.sm{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.lg-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#fff;border:1px solid #e6e3ea;border-radius:14px;padding:1.1rem .8rem .8rem;min-height:120px;transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center}
.lg-tile:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(22,18,28,.08);border-color:var(--hot,#ff1f7a)}
.lg-tile img{height:40px;width:auto;max-width:85%;object-fit:contain}
.lg-tile .wm{font-weight:900;font-stretch:75%;font-size:1.35rem;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05;color:var(--ink,#16121c);min-height:40px;display:flex;align-items:center}
.lg-tile small{font-size:.78rem;color:var(--ink-2)}
.az{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 1rem}.az a{min-width:2rem;text-align:center;padding:.3rem .5rem;border-radius:8px;background:#fff;border:1px solid #e6e3ea;font-weight:700}
@media (max-width:640px){.logogrid,.logogrid.sm{grid-template-columns:repeat(2,1fr)}.lg-tile img{height:32px}}
.rg-art{max-width:780px}.rg-head h1{margin:.4rem 0 1rem}
.rg-area{display:inline-block;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--hot-ink)}
.rg-by{display:flex;gap:.7rem;align-items:center;margin:0 0 1.2rem}
.rg-av{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink,#16121c);color:#fff;font-weight:900;font-size:.85rem;flex:none}
.rg-av.lg{width:56px;height:56px;font-size:1.05rem}
.tldr{background:#fff;border:2px solid var(--ink,#16121c);border-radius:14px;padding:1rem 1.2rem;margin:0 0 1.2rem;box-shadow:4px 4px 0 var(--lime,#c6ff3d)}
.tldr b{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.tldr p{margin:.35rem 0 0;line-height:1.65;font-size:1.05rem}
.warnbox{background:#fff4e5;border:1px solid #ffb547;border-radius:12px;padding:.9rem 1.1rem;margin:0 0 1.2rem;line-height:1.55}
.rg-body a,.ltext .pd-text a,details.faq a{color:var(--hot-ink);text-decoration:underline;text-underline-offset:2px}
ol.steps{counter-reset:s;list-style:none;margin:.8rem 0;padding:0}
ol.steps li{counter-increment:s;position:relative;padding:.55rem 0 .55rem 2.6rem;line-height:1.6;border-bottom:1px dashed var(--line,#e6e3ea)}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:.5rem;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--hot,#ff1f7a);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.rg-author{display:flex;gap:1rem;align-items:flex-start;margin-top:2rem;padding:1.1rem;border:1px solid var(--line,#e6e3ea);border-radius:14px;background:#fff}.rg-author p{margin:.3rem 0 0}
.rg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem;margin:.8rem 0 1.2rem}
.rg-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--line,#e6e3ea);border-radius:14px;transition:transform .15s,border-color .15s,box-shadow .15s}
.rg-card:hover{transform:translateY(-2px);border-color:var(--hot,#ff1f7a);box-shadow:0 8px 24px rgba(22,18,28,.07)}.rg-card b{line-height:1.3}
.rg-sech{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.rg-sech h2 a{color:inherit}
@media (max-width:640px){.rg-grid{grid-template-columns:1fr}}