:root{
  --ink:#18242c;
  --text:#3f4d55;
  --muted:#6a777d;
  --bg:#f4f5f3;
  --surface:#fff;
  --line:#dfe3e1;
  --soft:#eef4f2;
  --brand:#176d68;
  --brand-dark:#104a47;
  --star:#00a67e;
  --warning:#fff6df;
  --warning-line:#e5c875;
  --sans:'Avenir Next','Segoe UI',Arial,sans-serif;
  --shell:70rem;
  --ease-out:cubic-bezier(.23,1,.32,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.58 var(--sans)}
img{display:block;max-width:100%;height:auto}
a{color:var(--brand-dark);text-underline-offset:.18em}
a:focus-visible,summary:focus-visible{outline:3px solid #e1a526;outline-offset:3px}
p{margin:0 0 1rem}
h1,h2,h3{margin:0;color:var(--ink);line-height:1.15}
h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em}
h2{font-size:clamp(1.65rem,2.7vw,2.25rem);letter-spacing:-.025em}
h3{font-size:1.13rem}
blockquote{margin:0}
.shell,.container{width:min(100% - 2.5rem,var(--shell));margin-inline:auto}
.eyebrow{margin:0 0 .45rem;color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.stars{color:var(--star);font-size:1.05rem;letter-spacing:.05em;line-height:1}
.small{font-size:.85rem;color:var(--muted)}

/* Kompakter Seitenkopf */
.disclosure{background:var(--ink);color:#fff;font-size:.77rem}
.disclosure .shell{display:flex;justify-content:space-between;gap:1rem;padding-block:.42rem}
.disclosure a{color:#fff}
.site-header,.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.header-inner,.header .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:62px}
.wordmark,.brand{color:var(--ink);font-size:.9rem;text-decoration:none}
.wordmark strong{display:block;font-size:1.16rem;letter-spacing:-.025em}
.desktop-nav,.nav{display:flex;align-items:center;gap:1.6rem}
.desktop-nav a,.nav a{font-size:.84rem;font-weight:700;text-decoration:none}
.site-nav{display:none;position:relative}
.site-nav summary{display:flex;align-items:center;gap:.5rem;min-height:44px;cursor:pointer;font-size:.86rem;font-weight:700;list-style:none}
.site-nav summary::-webkit-details-marker{display:none}
.site-nav nav{position:absolute;right:0;top:calc(100% + .5rem);min-width:13rem;padding:.5rem;background:#fff;border:1px solid var(--line);box-shadow:0 16px 40px rgba(24,36,44,.15)}
.site-nav nav a{display:block;padding:.75rem;text-decoration:none;font-weight:700}

/* Bewertungsübersicht */
.review-summary{padding:1.8rem 0 1.65rem;background:var(--surface);border-bottom:1px solid var(--line)}
.summary-grid{display:grid;grid-template-columns:minmax(0,1fr) 21rem;gap:2.5rem;align-items:center}
.summary-copy h1{font-size:clamp(2rem,3.2vw,2.65rem)}
.summary-copy>p:last-child{max-width:43rem;margin:.7rem 0 0;color:var(--muted);font-size:1.05rem}
.score-card{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:center;padding:1.25rem 1.35rem;background:var(--soft);border:1px solid #d8e5e2}
.score{font-size:3.35rem;line-height:1;letter-spacing:-.055em;color:var(--ink)}
.score-card>div{display:flex;flex-direction:column;gap:.15rem}
.score-card>div>strong{font-size:.9rem}
.score-card span,.score-card small{color:var(--muted);font-size:.76rem}
.topic-nav{position:sticky;top:62px;z-index:15;background:var(--surface);border-bottom:1px solid var(--line)}
.topic-nav .shell{display:flex;gap:.55rem;overflow-x:auto;padding-block:.78rem;scrollbar-width:none}
.topic-nav .shell::-webkit-scrollbar{display:none}
.topic-nav a{flex:none;padding:.48rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.78rem;font-weight:700;text-decoration:none}
.topic-nav a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}

/* Feed */
.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2rem;align-items:start;padding-block:2rem 5rem}
.review-feed{display:flex;flex-direction:column;gap:1rem}
.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.7rem 0 .4rem}
.feed-heading>span{color:var(--muted);font-size:.78rem}
.review-entry{display:grid;grid-template-columns:9.5rem minmax(0,1fr);background:var(--surface);border:1px solid var(--line)}
.review-avatar{display:flex;align-items:flex-start;justify-content:center;padding-top:1.5rem;background:#eef3f5;color:var(--brand);font-size:2.4rem;font-weight:700;line-height:1}
.review-content{padding:1.25rem 1.4rem 1.35rem}
.review-meta{display:flex;justify-content:space-between;gap:1rem;align-items:start}
.review-meta>div:first-child{display:flex;flex-direction:column}
.review-meta strong{color:var(--ink);font-size:.9rem}
.review-meta span{color:var(--muted);font-size:.72rem}
.review-content h3{margin:1.1rem 0 .5rem}
.review-content blockquote{font-size:1rem;line-height:1.63;color:var(--text)}
.review-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.1rem}
.review-tags span{padding:.25rem .52rem;background:var(--soft);border-radius:3px;color:var(--brand-dark);font-size:.67rem;font-weight:700}
.review-entry--archive{border-left:3px solid var(--brand)}
.product-gallery{padding:1.25rem;background:var(--ink);color:#fff}
.product-gallery__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.product-gallery__head h3{color:#fff;font-size:1.35rem}
.product-gallery__head p:last-child{margin:0;color:#aebbc1;font-size:.72rem}
.product-gallery__grid{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:repeat(2,9.5rem);gap:.65rem}
.product-gallery figure{position:relative;margin:0;overflow:hidden;background:#dfe3e1}
.product-gallery__main{grid-row:1/3}
.product-gallery img{width:100%;height:100%;object-fit:cover}
.product-gallery figcaption{position:absolute;right:.45rem;bottom:.45rem;left:.45rem;padding:.38rem .5rem;background:rgba(24,36,44,.82);color:#fff;font-size:.65rem;line-height:1.35}
.feed-note{padding:1.25rem 1.4rem;background:var(--soft);border:1px solid #d8e5e2}
.feed-note strong{color:var(--ink)}
.feed-note p{margin:.45rem 0;color:var(--text);font-size:.86rem}
.feed-note a{font-size:.79rem;font-weight:700}
.critical-note{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem 2rem;padding:1.35rem 1.4rem;background:var(--warning);border:1px solid var(--warning-line)}
.critical-note>div>span{color:#8e6812;font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.critical-note h3{margin:.35rem 0 0}
.critical-note ul{margin:0;padding-left:1.2rem;font-size:.85rem}
.critical-note p{grid-column:1/3;margin:0;padding-top:1rem;border-top:1px solid rgba(142,104,18,.25);font-size:.82rem}
.archive-divider{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding:1.6rem 0 .25rem;border-bottom:1px solid var(--line)}
.archive-divider span{color:var(--ink);font-size:1.1rem;font-weight:800}
.archive-divider p{margin:0;color:var(--muted);font-size:.76rem}
.more-reviews{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:.5rem;padding:1.1rem 1.25rem;background:var(--ink);color:#fff;text-decoration:none}
.more-reviews span{color:#cad2d6;font-size:.78rem}

/* Seitenleiste */
.review-sidebar{position:sticky;top:124px;display:flex;flex-direction:column;gap:.8rem}
.sidebar-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.1rem;background:var(--surface);border:1px solid var(--line)}
.sidebar-label{margin-bottom:.75rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sidebar-score{font-size:2.6rem;line-height:1;color:var(--ink)}
.sidebar-card p{margin:.45rem 0 0;color:var(--muted);font-size:.78rem}
.sidebar-card a{margin:.25rem 0;font-size:.79rem;font-weight:700}
.sidebar-card--contact{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.sidebar-card--contact .sidebar-label,.sidebar-card--contact p{color:#d4e6e3}
.sidebar-card--contact a{color:#fff}

/* Empfehlungsvideo, FAQ und Footer */
.recommendation-video{padding:4rem 0;background:var(--soft);border-top:1px solid var(--line)}
.recommendation-video__grid{display:grid;grid-template-columns:minmax(15rem,20rem) minmax(0,1fr);gap:4rem;align-items:start}
.recommendation-video__copy h2{margin-bottom:1rem}
.recommendation-video__copy>p:not(.eyebrow):not(.small){font-size:.95rem}
.youtube-video{margin:0;min-width:0}
.video-stage{overflow:hidden;background:var(--ink)}
[data-video-poster]{position:relative}
[data-video-poster] img{width:100%;aspect-ratio:16/9;object-fit:cover}
.video-consent{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;color:#fff}
.video-consent p{margin:0;color:#d5dce0;font-size:.72rem;line-height:1.4}
.video-consent a{color:#fff}
[data-video-load]{flex:none;min-height:44px;padding:.65rem 1rem;border:0;background:var(--star);color:#fff;font:inherit;font-size:.83rem;font-weight:800;cursor:pointer}
[data-video-player]:empty{display:none}
[data-video-player]{aspect-ratio:16/9}
[data-video-player] iframe{display:block;width:100%;height:100%;border:0}
.youtube-video figcaption{margin:.65rem 0 0;color:var(--muted);font-size:.78rem}
.video-links{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;margin-top:.3rem;font-size:.78rem}
[data-video-close]{min-height:40px;padding:0;border:0;background:none;color:var(--brand-dark);font:inherit;text-decoration:underline;cursor:pointer}
[hidden]{display:none!important}
.faq-section{padding:4rem 0;background:var(--surface);border-top:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:4rem}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:.8rem 0;cursor:pointer;color:var(--ink);font-weight:700;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";color:var(--brand);font-size:1.25rem}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{padding:0 2rem 1rem 0;color:var(--muted);font-size:.9rem}
.footer{padding:2.3rem 0;background:var(--ink);color:#d5dce0;font-size:.8rem}
.footer-grid{display:flex;justify-content:space-between;gap:2rem}
.footer p{margin:.3rem 0 0}
.footer nav{display:flex;gap:1.3rem}
.footer a{color:#fff}

/* Rechtliche Unterseiten */
.section{padding:3.5rem 0}
.prose{max-width:48rem}
.prose h1{margin-bottom:1.5rem}
.prose h2{margin:2.2rem 0 .8rem;font-size:1.6rem}
.proto{margin:1.5rem 0;padding:1rem 1.15rem;background:var(--warning);border-left:4px solid var(--warning-line)}
.header .brand{font-weight:800}
.header .brand small{display:block;color:var(--muted);font-size:.7rem;font-weight:400}

@media (hover:hover) and (pointer:fine){
  .desktop-nav a:hover,.sidebar-card a:hover{color:var(--star)}
  .topic-nav a:hover{border-color:var(--brand)}
  .more-reviews:hover{background:var(--brand-dark)}
  .site-nav nav a:hover{background:var(--soft)}
}

@media (max-width:850px){
  .summary-grid{grid-template-columns:1fr;gap:1.5rem}
  .score-card{max-width:26rem}
  .review-layout{grid-template-columns:1fr}
  .review-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;order:2}
  .recommendation-video__grid{grid-template-columns:1fr;gap:1.5rem}
  .faq-grid{grid-template-columns:1fr;gap:1.5rem}
}

@media (max-width:700px){
  body{font-size:.96rem}
  .shell,.container{width:min(100% - 1.5rem,var(--shell))}
  .disclosure .shell{font-size:.69rem}
  .header-inner,.header .container{min-height:58px}
  .desktop-nav{display:none}
  .site-nav{display:block}
  .topic-nav{top:58px}
  .review-summary{padding:1.5rem 0 1.25rem}
  .summary-grid{gap:1.2rem}
  .summary-copy>p:last-child{font-size:.95rem}
  .score-card{grid-template-columns:5rem 1fr;padding:1rem}
  .score{font-size:2.8rem}
  .topic-nav .shell{padding-block:.6rem}
  .review-layout{padding-top:1rem;gap:1rem}
  .feed-heading{align-items:start;flex-direction:column;gap:.25rem}
  .review-entry{grid-template-columns:3.5rem minmax(0,1fr)}
  .review-avatar{padding-top:1.1rem;font-size:1.8rem}
      .product-gallery{padding:.8rem}
  .product-gallery__head{align-items:start;flex-direction:column;gap:.25rem}
  .product-gallery__grid{grid-template-columns:1fr 1fr;grid-template-rows:13rem 7.5rem}
  .product-gallery__main{grid-column:1/3;grid-row:auto}
  .product-gallery figcaption{right:.3rem;bottom:.3rem;left:.3rem;font-size:.55rem}
  .review-content{padding:1rem}
  .review-meta{flex-direction:column;gap:.45rem}
  .review-content h3{margin-top:.8rem;font-size:1.02rem}
  .review-content blockquote{font-size:.92rem;line-height:1.55}
  .review-tags{margin-top:.8rem}
  .critical-note{grid-template-columns:1fr}
  .critical-note p{grid-column:auto}
  .archive-divider{align-items:start;flex-direction:column;gap:.25rem}
  .more-reviews{align-items:flex-start;flex-direction:column}
  .review-sidebar{grid-template-columns:1fr 1fr}
  .recommendation-video{padding:3rem 0}
  .video-consent{align-items:flex-start;flex-direction:column}
  .faq-section{padding:3rem 0}
  .footer-grid{align-items:flex-start;flex-direction:column}
  .footer nav{flex-wrap:wrap}
  .header .nav{display:flex}
}

@media (max-width:440px){
  .review-sidebar{grid-template-columns:1fr}
  .review-entry{grid-template-columns:4rem minmax(0,1fr)}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}