/* DiscounterChecker: eigenes Layout. Die Inhaltsbausteine (cb-*, aawp, nspa)
   kommen aus nsp-blocks.css, nsp-amazon.css, aawp.css und legacy-boxes.css;
   ihr Aussehen wird weiter unten an die ruhige Farbwelt der Seite angepasst. */

@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/inter-latin-wght.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-display:swap;font-weight:100 900;
  src:url(/assets/fonts/inter-latin-ext-wght.woff2) format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif";font-style:normal;font-display:swap;font-weight:200 900;
  src:url(/assets/fonts/source-serif-4-latin-wght.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif";font-style:normal;font-display:swap;font-weight:200 900;
  src:url(/assets/fonts/source-serif-4-latin-ext-wght.woff2) format("woff2");
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#1f2d2b; --text:#34403e; --muted:#6b7673; --line:#e6e0d4; --line2:#d9d1c1;
  --bg:#f7f4ee; --soft:#f1ece2; --card:#fff;
  --brand:#2f5f58; --brand-dark:#234843; --brand-soft:#e3ece8; --brand-mid:#cfe1dc;
  --sand:#efe4cc; --sand-dark:#8a6f3e; --clay:#b9694c;
  --lidl:#3b5f96; --aldi:#2f4168;
  --serif:"Source Serif",Georgia,"Times New Roman",serif;
  --radius:18px; --shadow:0 1px 2px rgba(31,45,43,.04),0 8px 28px rgba(31,45,43,.06);
  --wrap:1240px; --read:760px;
  /* Farben der Inhaltsbausteine an die Marke binden */
  --cb-accent:var(--brand); --cb-accent-soft:var(--brand-soft); --cb-border:var(--line); --cb-muted:var(--muted);
  --cb-radius:16px; --cb-surface:#fff; --cb-pos:#3f7a52; --cb-neg:#a85a3f;
  --cb-cta:var(--brand); --cb-cta-text:#fff; --cb-cta-radius:12px;
  --cb-note-bg:#faf5ea; --cb-note-bd:#eadfc6; --cb-verdict-bg:#f6f9f7;
  --cb-score-track:#ebe6db; --cb-score-fill:var(--brand); --cb-flag-bg:var(--sand); --cb-flag-text:var(--sand-dark);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--brand)}
a:hover{color:var(--brand-dark)}
img{max-width:100%;height:auto}
h1,h2,h3,h4{color:var(--ink);line-height:1.22;letter-spacing:-.01em}
h1,h2{font-family:var(--serif);font-weight:600}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{left:8px}

/* Kopf */
.top{position:sticky;top:0;z-index:50;background:rgba(247,244,238,.9);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:24px;height:70px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:20px;letter-spacing:-.02em;white-space:nowrap}
.logo svg{width:34px;height:34px;flex:none}
.logo b{color:var(--brand);font-weight:700}
.nav{display:flex;gap:2px;margin-left:auto;align-items:center}
.nav a{position:relative;color:var(--text);text-decoration:none;font-weight:550;font-size:15px;padding:8px 13px;border-radius:10px;white-space:nowrap}
.nav a:hover{color:var(--brand)}
.nav a[aria-current]{color:var(--brand)}
.nav a[aria-current]::after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:var(--brand)}
.searchbtn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--line);color:var(--ink);flex:none}
.searchbtn:hover{border-color:var(--brand-mid);color:var(--brand)}
.searchbtn svg,.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){
  .top .wrap{height:60px;gap:12px}
  .nav{position:absolute;left:0;right:0;top:60px;margin:0;padding:8px 14px;background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{font-size:14px;padding:6px 11px;background:#fff;border:1px solid var(--line)}
  .nav a[aria-current]{background:var(--brand-soft);border-color:var(--brand-mid)}
  .nav a[aria-current]::after{display:none}
  .navcta{margin-left:auto}
  main{padding-top:52px}
}

/* Allgemeine Bausteine */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;text-decoration:none;padding:12px 20px;border-radius:12px;border:0;font:inherit;font-weight:600;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--brand-dark);color:#fff}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;text-decoration:none;padding:3px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand);letter-spacing:.01em}
.chip.lidl{background:#e7ecf4;color:var(--lidl)}
.chip.aldi{background:#e6e9f0;color:var(--aldi)}
.chip svg{width:14px;height:14px}
.section{padding:52px 0 8px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.section-head h2{margin:0;font-size:30px}
.section-head a{font-weight:600;text-decoration:none;font-size:15px;white-space:nowrap}
.section-head p{margin:4px 0 0;color:var(--muted)}

/* Suche */
.search{display:flex;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow);max-width:560px}
.search:focus-within{border-color:var(--brand-mid)}
.search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;padding:8px 12px;background:transparent;color:var(--ink)}
.search button{flex:none}

/* Startseite */
.hero{background:radial-gradient(900px 420px at 88% 30%,#e9efe9 0,transparent 65%),var(--bg);border-bottom:1px solid var(--line)}
.hero .wrap:first-child{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:28px}
.hero h1{font-size:clamp(36px,4.8vw,60px);font-weight:600;margin:16px 0 16px;letter-spacing:-.02em;line-height:1.08}
.hero h1 em{font-style:italic;color:var(--brand);font-weight:500}
.hero p.lead{font-size:19px;color:var(--muted);margin:0 0 26px;max-width:600px}
.kicker{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sand-dark)}
.kicker::before{content:"";width:28px;height:1px;background:currentColor}
.hero .quick{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.hero .quick a{color:var(--text);text-decoration:none;background:#fff;border:1px solid var(--line);padding:4px 11px;border-radius:999px}
.hero .quick a:hover{border-color:var(--brand-mid);color:var(--brand)}
.hero-art{margin:0;display:grid;place-items:center}
.hero-art svg{display:block;width:100%;max-width:520px;height:auto}
.facts{list-style:none;margin:0;padding:22px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line)}
.facts li{display:flex;align-items:center;gap:14px;font-size:14.5px;color:var(--muted);line-height:1.4}
.facts b{font-family:var(--serif);font-size:34px;font-weight:600;color:var(--brand);line-height:1}
@media (max-width:900px){
  .hero .wrap:first-child{grid-template-columns:1fr;padding-top:34px;gap:20px}
  .hero-art{order:-1}.hero-art svg{max-width:340px;margin:auto}
  .facts{grid-template-columns:1fr;gap:10px;padding:18px 0 24px}
}
.toplist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.toplist a{display:flex;gap:16px;align-items:center;height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;text-decoration:none;color:var(--ink);font-weight:600;line-height:1.35;transition:border-color .15s,box-shadow .15s}
.toplist a:hover{border-color:var(--line2);box-shadow:var(--shadow);color:var(--brand)}
.toplist .n{flex:none;font-family:var(--serif);font-size:32px;font-weight:500;color:var(--brand-mid);width:28px;text-align:center}
.toplist small{display:block;font-weight:500;font-size:13px;color:var(--muted);margin-top:3px}
@media (max-width:900px){.toplist{grid-template-columns:1fr}}

.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cat{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s,border-color .15s}
.cat:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line2);color:var(--text)}
.cat .ci{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-soft);color:var(--brand)}
.cat .ci svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cat b{color:var(--ink);font-size:17px;font-weight:600}
.cat small{color:var(--muted);font-size:14px;line-height:1.45}
.cat .who{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;color:var(--muted)}
.cat .who img{width:26px;height:26px;border-radius:50%}
@media (max-width:1000px){.cats{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.cats{grid-template-columns:1fr 1fr}.cat small{display:none}}

/* Karten */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:960px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.grid{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--line2)}
.card .thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/10;background:var(--soft);overflow:hidden}
.card .thumb.illu svg{display:block;width:100%;height:100%}
/* Produktbild auf einer ruhigen Bühne: heller Kegel, weicher Schatten am Boden */
.card .thumb.stage{background:radial-gradient(60% 70% at 50% 42%,#fbf9f4 0,#f1ece2 70%,#ebe5d8 100%);padding:22px 22px 26px}
.card .thumb.stage::after{content:"";position:absolute;left:28%;right:28%;bottom:13%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(31,45,43,.16),transparent);z-index:0}
.card .thumb.stage img{position:relative;z-index:1;max-height:80%;max-width:72%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.card:hover .thumb.stage img{transform:translateY(-3px)}
.card .thumb .hb{position:absolute;top:12px;left:12px;z-index:2;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.85);color:var(--muted);border:1px solid var(--line)}
.card .thumb.ph{background:linear-gradient(135deg,var(--brand-soft),#f6f3ec);color:var(--brand)}
.card .thumb.ph svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.card .body{display:flex;flex-direction:column;gap:9px;padding:18px 20px 20px;flex:1}
.card .chips{display:flex;gap:6px;flex-wrap:wrap}
.card h3{margin:0;font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.28}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card:hover h3 a{color:var(--brand)}
.card .chips a{position:relative;z-index:1}
.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:13px;color:var(--muted)}
.card .meta img{width:24px;height:24px;border-radius:50%}

/* Listen */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:800px){.duo{grid-template-columns:1fr}}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px 22px 14px}
.panel h3{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:600;font-size:21px;margin:12px 0 6px}
.panel .badge{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:700}
.badge.lidl{background:#e7ecf4;color:var(--lidl)}.badge.aldi{background:#e6e9f0;color:var(--aldi)}
.list{list-style:none;margin:0;padding:0}
.list li{border-top:1px solid var(--line)}
.list li:first-child{border-top:0}
.list a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;text-decoration:none;color:var(--ink);font-weight:550;font-size:15.5px;line-height:1.4}
.list a span{color:var(--muted);font-weight:500;font-size:13px;white-space:nowrap}
.list a:hover{color:var(--brand)}
.panel .more{display:inline-block;margin:6px 0 4px;font-weight:600;font-size:14px;text-decoration:none}

.team{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media (max-width:1000px){.team{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.team{grid-template-columns:1fr 1fr}}
.person{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center;text-decoration:none;color:var(--text)}
.person img{width:84px;height:84px;border-radius:50%;display:block;margin:0 auto 10px;border:3px solid var(--soft)}
.person b{display:block;color:var(--ink);font-weight:600}
.person span{font-size:14px;color:var(--muted)}
.person:hover b{color:var(--brand)}

.about{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--brand-soft);color:var(--text);border-radius:22px;padding:28px 30px;margin-top:44px}
.about svg{width:64px;height:64px}
.about h2{margin:0 0 6px;font-size:24px}
.about p{margin:0}
@media (max-width:600px){.about{grid-template-columns:1fr}}

/* Archivköpfe */
.pagehead{background:var(--bg);border-bottom:1px solid var(--line)}
.pagehead .wrap{padding-top:38px;padding-bottom:32px}
.pagehead h1{margin:8px 0 8px;font-size:clamp(30px,3.6vw,44px)}
.pagehead p{margin:0;color:var(--muted);max-width:720px}
.pagehead .owner{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:15px}
.pagehead .owner img{width:44px;height:44px;border-radius:50%}
.pagehead .owner a{font-weight:600;text-decoration:none}
.pagehead .ci{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--brand-soft);color:var(--brand)}
.pagehead .ci svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.authorhead{display:flex;gap:22px;align-items:center}
.authorhead img{width:112px;height:112px;border-radius:50%;border:4px solid #fff;box-shadow:var(--shadow)}
@media (max-width:600px){.authorhead{flex-direction:column;align-items:flex-start}}
.pager{display:flex;justify-content:center;gap:8px;margin:30px 0 0}
.pager a,.pager span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:600;color:var(--ink)}
.pager span{background:var(--brand);border-color:var(--brand);color:#fff}

/* Beitrag: Inhalt und Seitenleiste schließen bündig mit Kopf und Fuß ab */
.crumbs{font-size:14px;color:var(--muted);padding-top:26px;margin-bottom:16px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand)}
.crumbs span{margin:0 6px;opacity:.6}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:44px;align-items:start}
.post{min-width:0;padding-bottom:10px}
.post-head{padding:0 0 4px}
.post-head .chips{display:flex;gap:6px;flex-wrap:wrap}
.post-head h1{font-size:clamp(30px,3.8vw,46px);margin:14px 0 20px;letter-spacing:-.015em;line-height:1.12}
.byline{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--muted)}
.byline img{width:46px;height:46px;border-radius:50%;flex:none}
.byline a{font-weight:600;color:var(--ink);text-decoration:none}
.byline a:hover{color:var(--brand)}
.byline .sub{display:block;font-size:14px}
.post-illu{margin:24px 0 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--soft)}
.post-illu svg{display:block;width:100%;height:auto;aspect-ratio:16/8}
.disclosure{display:flex;gap:10px;align-items:flex-start;margin:0 0 26px;padding:11px 14px;background:var(--soft);border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.disclosure svg{flex:none;width:17px;height:17px;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.paper{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 48px 40px;margin-top:24px}
.toc-m{display:none;margin:0 0 24px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.toc-m summary{cursor:pointer;padding:12px 16px;font-weight:600;color:var(--ink);font-size:15px}
.toc-m ol{margin:0;padding:0 16px 14px 34px;font-size:15px}
.toc-m li{margin:5px 0}
.toc-m a{color:var(--text);text-decoration:none}

.side{display:flex;flex-direction:column;gap:18px;height:100%;padding-top:4px}
.side-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.side-box h2{font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}
.side-author{display:grid;grid-template-columns:56px 1fr;gap:6px 14px;align-items:center}
.side-author img{width:56px;height:56px;border-radius:50%}
.side-author small{display:block;font-size:12.5px;color:var(--muted)}
.side-author a{font-weight:600;color:var(--ink);text-decoration:none;font-size:16px}
.side-author a:hover{color:var(--brand)}
.side-author p{grid-column:1/-1;margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.side-list{list-style:none;margin:0;padding:0;counter-reset:n}
.side-list li{counter-increment:n;border-top:1px solid var(--line)}
.side-list li:first-child{border-top:0}
.side-list a{display:flex;gap:12px;padding:10px 0;color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:550;line-height:1.38}
.side-list a::before{content:counter(n);flex:none;font-family:var(--serif);font-size:20px;line-height:1;color:var(--brand-mid);width:16px;padding-top:1px}
.side-list a:hover{color:var(--brand)}
.toc{position:sticky;top:94px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}
.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.toc a{display:block;margin-left:-2px;padding:6px 0 6px 14px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:14px;line-height:1.4}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--brand);border-left-color:var(--brand);font-weight:600}
@media (max-width:1060px){
  .post-grid{grid-template-columns:1fr;gap:28px}
  .side{display:grid;grid-template-columns:1fr 1fr;height:auto}
  .toc{display:none}.toc-m{display:block}
}
@media (max-width:700px){
  .crumbs{padding-top:20px}
  .paper{border-radius:0;border-left:0;border-right:0;margin-left:-20px;margin-right:-20px;padding:24px 20px}
  .post-illu{border-radius:16px}
  .side{grid-template-columns:1fr}
}

.entry-content{font-size:17.5px;line-height:1.75;overflow-wrap:break-word}
.entry-content>*:first-child{margin-top:0}
.entry-content p{margin:0 0 1.15em}
.entry-content h2{font-size:30px;margin:1.9em 0 .6em}
.entry-content h3{font-size:21px;font-weight:650;margin:1.6em 0 .5em}
.entry-content h4{font-size:18px;margin:1.4em 0 .4em}
.entry-content ul,.entry-content ol{padding-left:1.3em;margin:0 0 1.2em}
.entry-content li{margin:.35em 0}
.entry-content li::marker{color:var(--brand)}
.entry-content table{width:100%;border-collapse:collapse;font-size:15.5px;margin:0 0 1.4em;display:block;overflow-x:auto}
.entry-content th,.entry-content td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.entry-content th{background:var(--bg);color:var(--ink);font-weight:600}
.entry-content blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid var(--brand-mid);color:var(--ink);font-family:var(--serif);font-size:1.1em}
.entry-content hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.entry-content a:not([class]){text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--brand-mid)}
.entry-content a:not([class]):hover{text-decoration-color:currentColor}
.entry-content img{border-radius:10px}
.entry-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
.entry-content strong{color:var(--ink);font-weight:650}
/* AAWP-Kästen der Altbeiträge: Ribbon braucht einen Bezugspunkt */
.entry-content .aawp-product{position:relative}
.entry-content .aawp-product img{border-radius:0}

/* ---------------------------------------------------------------------------
   Inhaltsbausteine: ruhiger, hochwertiger. Gilt nur innerhalb des Beitrags. */

/* Kaufknopf: gedeckt statt orange, mit dezentem Pfeil statt Amazon-Zeichen */
.entry-content .cb-btn{background:var(--brand);color:#fff;border-radius:12px;padding:12px 18px;font-weight:600;font-size:15px;letter-spacing:.005em;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 2px 6px rgba(31,45,43,.12);transition:background .15s,transform .15s;opacity:1}
.entry-content .cb-cta>a:hover .cb-btn,.entry-content .cb-cta>a:focus .cb-btn{background:var(--brand-dark);transform:translateY(-1px)}
.entry-content .cb-btn .cb-bi{width:15px;height:15px;fill:currentColor;opacity:.75;margin-right:9px}
.entry-content .cb-btn::after{content:"";width:7px;height:7px;margin-left:10px;border-top:1.8px solid currentColor;border-right:1.8px solid currentColor;transform:rotate(45deg);opacity:.8}
.entry-content .cb-cta>a{text-decoration:none}
.entry-content .cb-btn-alt{background:#fff;color:var(--brand);border:1px solid var(--brand-mid)}

/* Wimpel */
.entry-content .cb-pill{background:var(--sand);color:var(--sand-dark);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px}

/* Produktempfehlung im Fließtext ("Bessere Alternative") und Alternativen-Kachel */
.entry-content .cb-ctabar,.entry-content .cb-alt{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-areas:"img flag" "img text" "img cta";align-items:start;gap:4px 28px;background:#fff;border:1px solid var(--line);border-left:1px solid var(--line);border-radius:20px;padding:22px 26px;box-shadow:var(--shadow);margin:1.8em 0;text-align:left}
.entry-content .cb-ctabar .cb-flag,.entry-content .cb-alt .cb-flag{grid-area:flag;align-self:end}
.entry-content .cb-ctaimg,.entry-content .cb-altimg{grid-area:img;align-self:stretch;display:grid;place-items:center;background:radial-gradient(65% 65% at 50% 45%,#fbf9f4 0,#f1ece2 100%);border-radius:14px;padding:16px;min-height:170px}
.entry-content .cb-ctaimg img,.entry-content .cb-altimg img,.entry-content .cb-ctabar.cb-gross .cb-ctaimg img{width:auto;max-width:100%;max-height:150px;mix-blend-mode:multiply;margin:0 auto}
.entry-content .cb-ctatext,.entry-content .cb-altinfo{grid-area:text;font-size:15.5px;line-height:1.6;color:var(--muted);align-self:start}
.entry-content .cb-ctaname,.entry-content .cb-ctabar.cb-gross .cb-ctaname{display:block;font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.25;margin:2px 0 6px}
.entry-content .cb-ctaname a{color:var(--ink);text-decoration:none}
.entry-content .cb-ctaname a:hover{color:var(--brand)}
.entry-content .cb-altwhen{display:block;font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.3;color:var(--ink);margin:2px 0 6px}
.entry-content .cb-ctabar>.cb-cta,.entry-content .cb-alt>.cb-cta{grid-area:cta;justify-self:start;align-self:end;min-width:0;width:auto;margin-top:12px}
.entry-content .cb-ctabar .cb-btn,.entry-content .cb-alt .cb-btn{white-space:nowrap}
.entry-content .cb-ctabar.cb-gross{border-left:1px solid var(--line);padding:24px 28px;background:linear-gradient(180deg,#fff 0,#fdfcf9 100%)}
.entry-content .cb-ctabar.cb-gross .cb-flag .cb-pill{background:var(--brand);color:#fff}
@media (max-width:820px){
  .entry-content .cb-ctabar,.entry-content .cb-alt{grid-template-columns:110px minmax(0,1fr);grid-template-areas:"img flag" "img text" "cta cta";gap:6px 18px;padding:18px}
  .entry-content .cb-ctaimg,.entry-content .cb-altimg{min-height:110px;padding:10px}
  .entry-content .cb-ctaimg img,.entry-content .cb-altimg img,.entry-content .cb-ctabar.cb-gross .cb-ctaimg img{max-height:96px;width:auto}
  .entry-content .cb-ctabar>.cb-cta,.entry-content .cb-alt>.cb-cta{margin-top:10px;width:100%}
  .entry-content .cb-ctabar .cb-btn,.entry-content .cb-alt .cb-btn{white-space:normal}
  .entry-content .cb-ctaname{font-size:19px}
  .entry-content .cb-altwhen,.entry-content .cb-ctabar .cb-price,.entry-content .cb-altinfo .cb-price{text-align:left}
}
@media (max-width:460px){
  .entry-content .cb-ctabar,.entry-content .cb-alt{grid-template-columns:1fr;grid-template-areas:"flag" "img" "text" "cta"}
  .entry-content .cb-ctaimg,.entry-content .cb-altimg{min-height:150px}
  .entry-content .cb-ctaimg img,.entry-content .cb-altimg img{max-height:130px}
}
.entry-content .cb-altswrap{margin:1.8em 0}
.entry-content .cb-alts .cb-alt{margin:0 0 14px}

/* Das Wichtigste in Kürze */
.entry-content .cb-sum{background:var(--bg);border:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px;padding:22px 26px}
.entry-content .cb-sum-h{color:var(--brand);font-size:12.5px;letter-spacing:.08em;margin-bottom:10px}
.entry-content .cb-sum-h .cb-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.entry-content .cb-sum-l{margin:0;padding:0;list-style:none}
.entry-content .cb-sum-l li{position:relative;margin:0;padding:9px 0 9px 26px;border-top:1px solid var(--line);font-size:16px;line-height:1.6}
.entry-content .cb-sum-l li:first-child{border-top:0;padding-top:2px}
.entry-content .cb-sum-l li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:5px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg)}
.entry-content .cb-sum-l li:first-child::before{top:10px}
.entry-content .cb-sum-l .k{font-weight:600;color:var(--ink)}

/* Kurz beantwortet */
.entry-content .cb-qa{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:18px;background:#fff;padding:22px 26px}
.entry-content .cb-qah{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:10px}
.entry-content .cb-qa dt{font-size:15.5px;color:var(--ink);margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.entry-content .cb-qa dt:first-child{border-top:0;padding-top:0;margin-top:0}
.entry-content .cb-qa dd{margin:4px 0 0;color:var(--muted);font-size:15.5px}

/* Hinweis */
.entry-content .cb-note{border-radius:14px;padding:16px 20px;font-size:15.5px;line-height:1.65}

/* Technische Daten, Teilnoten, Pro und Contra, Urteil */
.entry-content .cb-specswrap,.entry-content .cb-scores,.entry-content .cb-pcwrap{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.entry-content .cb-sph,.entry-content .cb-sh,.entry-content .cb-pch{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);background:var(--bg);border-bottom:1px solid var(--line)}
.entry-content .cb-sp{font-size:15px}
.entry-content .cb-sp .v{font-weight:550;color:var(--ink)}
.entry-content .cb-sbar{border-radius:99px}
.entry-content .cb-verdict{border:1px solid var(--line2);border-radius:20px;background:var(--cb-verdict-bg);box-shadow:var(--shadow)}
.entry-content .cb-vh{background:transparent;color:var(--ink);font-family:var(--serif)}
.entry-content .cb-vname{font-family:var(--serif);font-weight:600}
.entry-content .cb-vscore{color:var(--brand);font-family:var(--serif)}
.entry-content .cb-faq .cb-q{font-family:var(--serif);font-size:19px}

/* Autorenkasten */
.authorbox{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:22px}
.authorbox img{width:72px;height:72px;border-radius:50%;flex:none}
.authorbox b{display:block;color:var(--ink);font-size:18px;font-family:var(--serif);font-weight:600}
.authorbox small{display:block;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:2px}
.authorbox p{margin:6px 0 8px;font-size:15px;color:var(--muted)}
.authorbox a.more{font-weight:600;font-size:14px;text-decoration:none}
.related{padding-top:40px;padding-bottom:10px}

/* Statische Seiten */
.page{max-width:var(--read);margin:0 auto;padding:34px 0 10px}
.page h1{font-size:clamp(30px,4vw,44px);margin:0 0 6px}
.contact{display:grid;gap:14px;margin-top:18px}
.contact .row{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.contact .row .ci{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}
.contact .row b{display:block;color:var(--ink)}
.contact .row p{margin:2px 0 0;color:var(--muted);font-size:15px}
.contact .mail{font-size:19px;font-weight:600}

/* Suche */
.results{margin-top:22px}
.results .hit{display:block;padding:16px 0;border-top:1px solid var(--line);text-decoration:none}
.results .hit b{display:block;color:var(--ink);font-size:19px;font-family:var(--serif);font-weight:600}
.results .hit span{display:block;color:var(--muted);font-size:15px;margin-top:4px}
.results .hit em{font-style:normal;font-size:13px;font-weight:600;color:var(--brand)}
.results .hit:hover b{color:var(--brand)}
.results .none{color:var(--muted);padding:16px 0}

/* Fuß */
.foot{background:#24332f;color:#b6c0bb;margin-top:72px;font-size:15px}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-top:52px;padding-bottom:30px}
.foot .logo{color:#fff}
.foot .logo b{color:var(--sand)}
.foot h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:6px 0 12px;font-weight:600}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:7px 0}
.foot a{color:#d5ddd9;text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline}
.foot p{margin:12px 0 0;line-height:1.6}
.foot .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:800px){.foot .wrap{grid-template-columns:1fr 1fr}.foot .brand{grid-column:1/-1}}
.hero .wrap>*,.contact>.row,.contact .row>div,.search{min-width:0}
.contact .mail{overflow-wrap:anywhere}
@media (max-width:600px){.contact .row{padding:14px;gap:12px}.contact .row .ci{width:38px;height:38px}}
@media (max-width:600px){.section-head{flex-wrap:wrap}.section-head>div{min-width:0}.section-head a{white-space:normal}.section-head h2{font-size:26px}}

/* Navigation mit Symbolen */
.nav a{display:inline-flex;align-items:center;gap:7px}
.nav a svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75;transition:transform .25s}
.nav a:hover svg{transform:translateY(-1px) rotate(-6deg);opacity:1}
.nav a[aria-current] svg{opacity:1}
@media (max-width:1180px) and (min-width:901px){.nav a{padding:8px 9px;font-size:14.5px}.nav a svg{display:none}}

/* Bewegung in den Zeichnungen: Gruppen tragen a-*-Klassen, Hover am Elternteil .anim
   (Karte, Held, Beitragsbild, Redaktionskreis) setzt sie in Gang. */
.anim [class^="a-"],.anim [class*=" a-"]{transform-box:fill-box;transform-origin:50% 50%}
.anim .a-swing{transform-origin:50% 0}
.anim .a-drive{transform-origin:50% 100%}
@keyframes a-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes a-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes a-pop{0%,100%{transform:scale(1)}40%{transform:scale(1.14)}70%{transform:scale(.97)}}
@keyframes a-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(7deg)}75%{transform:rotate(-7deg)}}
@keyframes a-twinkle{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.45) rotate(20deg);opacity:.35}}
@keyframes a-drive{0%,100%{transform:translateX(0)}50%{transform:translateX(10px) rotate(-1deg)}}
@keyframes a-peek{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.anim:hover .a-float,.card:hover .anim .a-float,.nl:hover .anim .a-float{animation:a-float 1.8s ease-in-out infinite}
.anim:hover .a-spin,.card:hover .anim .a-spin,.nl:hover .anim .a-spin{animation:a-spin 1.4s cubic-bezier(.5,0,.3,1) infinite}
.anim:hover .a-pop,.card:hover .anim .a-pop,.nl:hover .anim .a-pop{animation:a-pop 1.2s ease-in-out infinite}
.anim:hover .a-swing,.card:hover .anim .a-swing,.nl:hover .anim .a-swing{animation:a-swing 1.6s ease-in-out infinite}
.anim:hover .a-twinkle,.card:hover .anim .a-twinkle,.nl:hover .anim .a-twinkle{animation:a-twinkle 1.1s ease-in-out infinite}
.anim:hover .a-twinkle:nth-of-type(2n),.card:hover .anim .a-twinkle:nth-of-type(2n){animation-delay:.35s}
.anim:hover .a-twinkle:nth-of-type(3n),.card:hover .anim .a-twinkle:nth-of-type(3n){animation-delay:.7s}
.anim:hover .a-drive,.card:hover .anim .a-drive,.nl:hover .anim .a-drive{animation:a-drive 1.5s ease-in-out infinite}
.anim:hover .a-peek,.card:hover .anim .a-peek,.nl:hover .anim .a-peek{animation:a-peek 1.4s ease-in-out infinite}
.anim:hover .a-peek:nth-of-type(2n),.card:hover .anim .a-peek:nth-of-type(2n),.nl:hover .anim .a-peek:nth-of-type(2n){animation-delay:.2s}
/* Der Held bewegt sich auch ohne Maus ganz leicht, damit er auf Touchgeräten nicht starr wirkt */
.hero-art .a-twinkle{animation:a-twinkle 2.6s ease-in-out infinite}
.hero-art .a-float{animation:a-float 4s ease-in-out infinite}
.post-illu{transition:box-shadow .3s}.post-illu:hover{box-shadow:var(--shadow)}
.card .thumb.illu svg{transition:transform .5s}.card:hover .thumb.illu svg{transform:scale(1.025)}

/* Streudeko */
.section-head{position:relative}
.deko{position:absolute;width:74px;height:74px;pointer-events:none;opacity:.9;animation:a-float 6s ease-in-out infinite}
.d-blatt{right:-30px;top:-46px;transform-origin:50% 100%}
.d-preis{left:-96px;top:-24px;animation-delay:-2s}
.d-bon{right:150px;top:-34px;animation-delay:-4s}
.d-funken{right:18px;top:16px;width:64px;height:64px}
@media (max-width:1340px){.d-preis{left:auto;right:180px;top:-40px}}
@media (max-width:700px){.deko{display:none}}

/* Newsletter */
.nl{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;background:linear-gradient(135deg,#fbf8f2 0,var(--sand) 130%);border:1px solid var(--line);border-radius:28px;padding:44px 52px;overflow:hidden;margin-top:48px;margin-bottom:8px}
.nl-art svg{display:block;width:100%;height:auto;max-width:440px;margin:auto}
.nl h2{font-size:clamp(28px,3vw,38px);margin:12px 0 12px;line-height:1.15}
.nl h2 em{font-style:italic;color:var(--brand);font-weight:500}
.nl-text>p{margin:0 0 14px;color:var(--text);max-width:560px}
.nl-points{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;font-weight:550;color:var(--ink)}
.nl-points li{display:flex;align-items:center;gap:7px}
.nl-points li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.nl-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:520px}
.nl-form input[type=email]{min-width:0;height:50px;padding:0 18px;border:1px solid var(--line2);border-radius:14px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}
.nl-form input[type=email]:focus{outline:2px solid var(--brand-mid);border-color:var(--brand)}
.nl-form .btn{height:50px}
.nl-form .hp{position:absolute;left:-9999px;width:1px;height:1px}
.nl-form small{grid-column:1/-1;font-size:12.5px;line-height:1.5;color:var(--muted)}
.nl-msg{grid-column:1/-1;margin:0;font-size:14px;font-weight:600;color:#9a4b2f}
.nl-msg:empty{display:none}
.nl-form.ok .nl-msg{color:var(--brand)}
@media (max-width:900px){.nl{grid-template-columns:1fr;padding:30px 22px;gap:18px}.nl-art svg{max-width:300px}}
@media (max-width:460px){.nl-form{grid-template-columns:1fr}}
.side-nl{background:linear-gradient(160deg,#fff 30%,#f6efe0)}
.side-nl p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--text)}
.side-nl .nl-form{grid-template-columns:1fr}
.side-nl .nl-form input[type=email],.side-nl .nl-form .btn{height:44px}
.side-nl .nl-form small{font-size:11.5px}

/* Redaktion als Kreis */
.redaktion{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.red-text h2{font-size:clamp(28px,3vw,38px);margin:12px 0 14px;line-height:1.15}
.red-text h2 em{font-style:italic;color:var(--brand);font-weight:500}
.red-text p{color:var(--text);margin:0 0 16px}
.red-text .more{font-weight:600;text-decoration:none}
.orbit{position:relative;container-type:inline-size;width:100%;max-width:600px;aspect-ratio:1;margin:0 auto}
.orbit::before,.orbit::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.orbit::before{inset:16%;border:1.5px dashed var(--line2);animation:a-spin 90s linear infinite}
.orbit::after{inset:31%;background:radial-gradient(closest-side,var(--sand) 0,rgba(239,228,204,.35) 70%,transparent)}
.orbit-core{position:absolute;inset:33%;z-index:1;display:grid;place-items:center}
.orbit-core svg{width:100%;height:auto}
.planet{--w:150px;position:absolute;left:50%;top:50%;z-index:2;width:var(--w);margin:calc(var(--w) / -2) 0 0 calc(var(--w) / -2);display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--text);
  transform:rotate(calc(var(--i) * 72deg - 90deg)) translate(34cqw) rotate(calc(90deg - var(--i) * 72deg))}
.planet img{width:88px;height:88px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1.5px var(--brand-mid),0 10px 24px -12px rgba(31,45,43,.45);transition:transform .3s,box-shadow .3s;background:var(--soft)}
.planet b{margin-top:8px;color:var(--ink);font-weight:600;font-size:15px;line-height:1.25}
.planet span{font-size:13px;color:var(--muted)}
.planet:hover img{transform:scale(1.08);box-shadow:0 0 0 2px var(--brand),0 14px 28px -12px rgba(31,45,43,.5)}
.planet:hover b{color:var(--brand)}
@media (max-width:1000px){.redaktion{grid-template-columns:1fr}}
@media (max-width:620px){
  .orbit{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;max-width:none}
  .orbit::before,.orbit::after{display:none}
  .orbit-core{position:static;grid-column:1/-1;width:150px;margin:0 auto}
  .planet{position:static;width:auto;margin:0;transform:none}
  .planet:last-child{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.anim *,.deko,.orbit::before,.hero-art *{animation:none!important}}
.planet b,.planet span{background:var(--bg);padding:0 8px;border-radius:6px}
@media (hover:hover){
  .planet img{filter:grayscale(1) contrast(.95);transition:transform .3s,box-shadow .3s,filter .35s}
  .planet:hover img,.planet:focus-visible img{filter:none}
}
/* Newsletter-Knopf in der Kopfleiste */
.navcta{display:inline-flex;align-items:center;gap:8px;flex:none;background:var(--accent,#c9714f);color:#fff;text-decoration:none;font-weight:650;font-size:14.5px;padding:10px 16px;border-radius:12px;box-shadow:0 6px 16px -8px rgba(160,80,50,.7);transition:transform .2s,box-shadow .2s,background .2s}
.navcta:hover{transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(160,80,50,.8);color:#fff;filter:brightness(1.05)}
.navcta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.navcta .kurz{display:none}
@media (max-width:1180px){.navcta .lang{display:none}.navcta .kurz{display:inline}}
@media (max-width:520px){.navcta{padding:8px 11px;font-size:13.5px;gap:6px;border-radius:10px}.navcta svg{width:16px;height:16px}}
/* Karten: Bildfläche ist selbst ein Link und liegt über der Kartenfläche */
.card .thumb{z-index:1;text-decoration:none;color:inherit}
/* Hero-Überschrift */
.hero h1{font-size:clamp(34px,4.1vw,54px)}
.hero h1 .h1-marke{display:block;font-family:var(--sans,inherit);font-size:.42em;font-weight:650;letter-spacing:0;color:var(--muted);margin-bottom:10px}
.hero .lead{max-width:520px}
/* Artikelseiten: Illustration spielt beim Laden einmal an, danach bei Hover; Produktbilder heben sich */
.post-illu .a-float{animation:a-float 1.8s ease-in-out .4s 2}
.post-illu .a-spin{animation:a-spin 1.4s cubic-bezier(.5,0,.3,1) .4s 1}
.post-illu .a-pop{animation:a-pop 1.2s ease-in-out .4s 2}
.post-illu .a-swing{animation:a-swing 1.6s ease-in-out .4s 2}
.post-illu .a-twinkle{animation:a-twinkle 2.6s ease-in-out infinite}
.post-illu .a-drive{animation:a-drive 1.5s ease-in-out .4s 2}
.post-illu .a-peek{animation:a-peek 1.4s ease-in-out .4s 2}
.entry-content .cb-ctaimg img,.entry-content .aawp-product__image img,.entry-content .cb-pimg img{transition:transform .35s ease}
.entry-content .cb-ctabar:hover .cb-ctaimg img,.entry-content .aawp-product:hover .aawp-product__image img{transform:translateY(-4px) scale(1.03)}
@media (prefers-reduced-motion:reduce){.post-illu *,.entry-content img{animation:none!important;transition:none!important}}