/* ---------- Design-Tokens (Farben aus dem BG-Theme) ---------- */
.bgr{
  --bgr-orange:#ee6c04;
  --bgr-orange-dark:#d25f03;
  --bgr-orange-soft:#fff3e9;
  --bgr-blue:#375878;
  --bgr-blue-dark:#2d4a63;
  --bgr-ink:#1d2733;
  --bgr-muted:#737a84;
  --bgr-line:#e7e9ee;
  --bgr-bg-soft:#f9fafb;
  --bgr-green:#2e9e5b;
  --bgr-green-soft:#eaf7ef;
  --bgr-red:#eb0909;
  --bgr-red-soft:#fdeceb;
  --bgr-radius:14px;
  --bgr-shadow:0 2px 14px rgba(29,39,51,.07);

  color:var(--bgr-ink);
  font-family:inherit;
  line-height:1.7;
  font-size:17px;
  max-width:860px;
  margin:0 auto;
  padding:0 16px 48px;
  box-sizing:border-box;
}
.bgr *,.bgr *::before,.bgr *::after{box-sizing:border-box;}
.bgr p{margin:0 0 1.1em;}
.bgr a{color:var(--bgr-orange);text-decoration:none;font-weight:600;}
.bgr a:hover{text-decoration:underline;}
.bgr h2,.bgr h3,.bgr h4{color:var(--bgr-blue);line-height:1.3;font-weight:800;}
.bgr h2{font-size:1.6rem;margin:2.4em 0 .7em;padding-bottom:.35em;border-bottom:3px solid var(--bgr-orange-soft);}
.bgr h2::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--bgr-orange);margin-right:.5em;vertical-align:middle;}
.bgr h3{font-size:1.2rem;margin:1.8em 0 .5em;}
.bgr ul,.bgr ol{margin:0 0 1.2em;padding-left:1.3em;}
.bgr li{margin-bottom:.45em;}
.bgr strong{color:var(--bgr-ink);}

/* ---------- Kopfbereich ---------- */
.bgr-breadcrumb{font-size:.82rem;color:var(--bgr-muted);margin:18px 0 14px;}
.bgr-breadcrumb a{color:var(--bgr-muted);font-weight:500;}
.bgr-breadcrumb span{margin:0 6px;}

.bgr-kicker{display:inline-block;background:var(--bgr-orange);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:14px;}
.bgr h1{font-size:2.35rem;line-height:1.2;font-weight:800;color:var(--bgr-ink);margin:0 0 .45em;text-wrap:pretty;}
.bgr h2,.bgr h3,.bgr-lead,.bgr-figure figcaption{text-wrap:pretty;}
.bgr-lead{font-size:1.1rem;color:#43505f;margin-bottom:1.4em;}

.bgr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;border-top:1px solid var(--bgr-line);border-bottom:1px solid var(--bgr-line);padding:14px 0;font-size:.87rem;color:var(--bgr-muted);margin-bottom:28px;}
.bgr-meta .bgr-author{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--bgr-ink);}
.bgr-meta .bgr-author a{color:var(--bgr-ink);text-decoration:none;}
.bgr-meta .bgr-author a:hover{color:var(--bgr-orange);text-decoration:underline;}
.bgr-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 auto;display:block;background:var(--bgr-line);}
.bgr-badge-check{display:inline-flex;align-items:center;gap:5px;background:var(--bgr-green-soft);color:var(--bgr-green);font-weight:700;padding:4px 10px;border-radius:999px;font-size:.8rem;}

/* ---------- Verdict-Box ---------- */
.bgr-verdict{background:linear-gradient(135deg,var(--bgr-blue) 0%,var(--bgr-blue-dark) 100%);color:#fff;border-radius:var(--bgr-radius);padding:26px 28px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;box-shadow:var(--bgr-shadow);margin-bottom:30px;}
.bgr-score{flex:0 0 auto;text-align:center;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.25);border-radius:var(--bgr-radius);padding:16px 22px;min-width:132px;}
.bgr-score-num{font-size:2.6rem;font-weight:800;line-height:1;display:block;}
.bgr-score-num small{font-size:1rem;font-weight:600;opacity:.7;}
.bgr-stars{position:relative;display:inline-block;font-size:1rem;line-height:1;letter-spacing:2px;margin-top:8px;color:rgba(255,255,255,.32);}
.bgr-stars::before{content:"★★★★★";}
.bgr-stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#ffc14d;font-style:normal;}
.bgr-stars i::before{content:"★★★★★";}
.bgr-score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin-top:8px;display:block;}
.bgr-verdict-text{flex:1 1 320px;}
.bgr-verdict-text h2{color:#fff;border:0;margin:0 0 .4em;font-size:1.25rem;padding:0;}
.bgr-verdict-text h2::before{display:none;}
.bgr-verdict-text p{margin:0;font-size:.98rem;opacity:.94;}

/* ---------- Pro / Contra ---------- */
.bgr-proscons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 32px;}
.bgr-card{border-radius:var(--bgr-radius);padding:20px 22px;border:1px solid var(--bgr-line);background:#fff;box-shadow:var(--bgr-shadow);}
.bgr-card h3{margin:0 0 .7em;font-size:1.02rem;display:flex;align-items:center;gap:8px;}
.bgr-pro{background:var(--bgr-green-soft);border-color:#c9e9d6;}
.bgr-pro h3{color:var(--bgr-green);}
.bgr-con{background:var(--bgr-red-soft);border-color:#f7cfcd;}
.bgr-con h3{color:var(--bgr-red);}
.bgr-proscons ul{list-style:none;padding:0;margin:0;font-size:.95rem;}
.bgr-proscons li{position:relative;padding-left:24px;margin-bottom:.6em;}
.bgr-pro li::before{content:"✓";position:absolute;left:0;color:var(--bgr-green);font-weight:800;}
.bgr-con li::before{content:"✕";position:absolute;left:0;color:var(--bgr-red);font-weight:800;}

/* ---------- Wertungsbalken ---------- */
.bgr-ratings{background:var(--bgr-bg-soft);border:1px solid var(--bgr-line);border-radius:var(--bgr-radius);padding:22px 24px;margin:0 0 32px;}
.bgr-ratings h3{margin:0 0 1em;font-size:1.05rem;}
.bgr-rating-row{display:grid;grid-template-columns:150px 1fr 46px;align-items:center;gap:12px;margin-bottom:11px;font-size:.92rem;}
.bgr-bar{background:#e3e6eb;border-radius:999px;height:9px;overflow:hidden;}
.bgr-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--bgr-orange),#ff9800);}
.bgr-rating-row b{text-align:right;font-variant-numeric:tabular-nums;color:var(--bgr-blue);}

/* ---------- Bilder & Platzhalter ---------- */
.bgr-figure{margin:32px 0;}
.bgr-figure img{display:block;width:100%;height:auto;border-radius:var(--bgr-radius);box-shadow:var(--bgr-shadow);}
.bgr-figgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:32px 0;}
.bgr-figgrid .bgr-figure{margin:0;}
.bgr-figgrid figcaption{font-size:.8rem;}
.bgr-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;aspect-ratio:16/9;background:repeating-linear-gradient(45deg,#f4f6f9,#f4f6f9 14px,#eef1f5 14px,#eef1f5 28px);border:2px dashed #c6ced9;border-radius:var(--bgr-radius);color:var(--bgr-muted);text-align:center;padding:20px;}
.bgr-placeholder .bgr-ph-icon{font-size:2.2rem;line-height:1;}
.bgr-placeholder .bgr-ph-title{font-weight:800;color:var(--bgr-blue);font-size:1rem;}
.bgr-placeholder .bgr-ph-hint{font-size:.82rem;max-width:460px;}
.bgr-figure figcaption{font-size:.85rem;color:var(--bgr-muted);margin-top:10px;padding-left:12px;border-left:3px solid var(--bgr-orange);}

/* ---------- Inhaltsverzeichnis ---------- */
.bgr-toc{background:#fff;border:1px solid var(--bgr-line);border-left:4px solid var(--bgr-orange);border-radius:var(--bgr-radius);padding:20px 24px;margin:0 0 34px;box-shadow:var(--bgr-shadow);}
.bgr-toc h3{margin:0 0 .6em;font-size:1rem;}
.bgr-toc ol{columns:2;column-gap:28px;margin:0;padding-left:1.1em;font-size:.93rem;}
.bgr-toc li{margin-bottom:.35em;break-inside:avoid;}
.bgr-toc a{color:var(--bgr-blue);font-weight:600;}

/* ---------- Tabellen ---------- */
.bgr-tablewrap{overflow-x:auto;margin:0 0 28px;border:1px solid var(--bgr-line);border-radius:var(--bgr-radius);box-shadow:var(--bgr-shadow);}
.bgr table{border-collapse:collapse;width:100%;font-size:.93rem;background:#fff;min-width:520px;}
.bgr th,.bgr td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--bgr-line);vertical-align:top;}
.bgr thead th{background:var(--bgr-blue);color:#fff;font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em;}
.bgr tbody tr:nth-child(even){background:var(--bgr-bg-soft);}
.bgr tbody tr:last-child td{border-bottom:0;}
.bgr td:first-child{font-weight:700;color:var(--bgr-blue);width:38%;}

/* ---------- Hinweis-/Tipp-Box ---------- */
.bgr-tip{background:var(--bgr-orange-soft);border:1px solid #fdd79a;border-radius:var(--bgr-radius);padding:18px 22px;margin:26px 0;font-size:.95rem;}
.bgr-tip strong:first-child{display:block;color:var(--bgr-orange-dark);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;}
.bgr-tip p:last-child{margin-bottom:0;}

/* ---------- Zitat / Messwert-Highlight ---------- */
.bgr-quote{border-left:4px solid var(--bgr-orange);background:var(--bgr-bg-soft);border-radius:0 var(--bgr-radius) var(--bgr-radius) 0;padding:16px 22px;margin:26px 0;font-size:1.03rem;font-style:italic;color:#42505f;}

.bgr-keyfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0;}
.bgr-fact{background:#fff;border:1px solid var(--bgr-line);border-radius:var(--bgr-radius);padding:16px 12px;text-align:center;box-shadow:var(--bgr-shadow);}
.bgr-fact b{display:block;font-size:1.4rem;color:var(--bgr-orange);font-weight:800;line-height:1.1;}
.bgr-fact span{display:block;font-size:.78rem;color:var(--bgr-muted);margin-top:5px;}

/* ---------- CTA ---------- */
.bgr-cta{background:linear-gradient(135deg,#fff3e9 0%,#ffe6d2 100%);border:1px solid #fdd79a;border-radius:var(--bgr-radius);padding:26px 28px;margin:34px 0;text-align:center;}
.bgr-cta h3{margin:0 0 .5em;font-size:1.25rem;color:var(--bgr-orange-dark);}
.bgr-cta p{margin:0 0 1.2em;font-size:.97rem;}
.bgr-btn{display:inline-block;background:var(--bgr-orange);color:#fff!important;font-weight:800;padding:14px 30px;border-radius:999px;text-decoration:none!important;box-shadow:0 4px 14px rgba(238,108,4,.35);transition:transform .15s ease,background .15s ease;}
.bgr-btn:hover{background:var(--bgr-orange-dark);transform:translateY(-2px);}
.bgr-price{display:flex;justify-content:center;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.bgr-price .bgr-old{text-decoration:line-through;color:var(--bgr-muted);font-size:1rem;}
.bgr-price .bgr-new{font-size:1.8rem;font-weight:800;color:var(--bgr-ink);}
.bgr-price .bgr-save{background:var(--bgr-red);color:#fff;font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:6px;}
.bgr-cta-sub{font-size:.85rem;color:#7a6a5c;margin:14px 0 0;}
.bgr-cta-sub a{color:var(--bgr-orange-dark);}


/* ---------- FAQ ---------- */
.bgr-faq details{border:1px solid var(--bgr-line);border-radius:var(--bgr-radius);margin-bottom:10px;background:#fff;overflow:hidden;}
.bgr-faq summary{cursor:pointer;padding:15px 20px;font-weight:700;color:var(--bgr-blue);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.98rem;}
.bgr-faq summary::-webkit-details-marker{display:none;}
.bgr-faq summary::after{content:"+";color:var(--bgr-orange);font-size:1.4rem;font-weight:800;line-height:1;flex:0 0 auto;}
.bgr-faq details[open] summary::after{content:"–";}
.bgr-faq details[open] summary{background:var(--bgr-bg-soft);border-bottom:1px solid var(--bgr-line);}
.bgr-faq .bgr-faq-body{padding:16px 20px 4px;font-size:.95rem;}

/* ---------- Methodik / Footer ---------- */
.bgr-method{background:var(--bgr-bg-soft);border:1px solid var(--bgr-line);border-radius:var(--bgr-radius);padding:20px 24px;font-size:.9rem;color:#4a5763;margin-top:34px;}
.bgr-method h3{margin-top:0;font-size:1rem;}
.bgr-disclaimer{font-size:.8rem;color:var(--bgr-muted);margin-top:18px;line-height:1.6;}

/* ---------- Responsive ---------- */
@media (max-width:720px){
  .bgr{font-size:16px;}
  .bgr h1{font-size:1.65rem;}
  .bgr h2{font-size:1.32rem;}
  .bgr-proscons{grid-template-columns:1fr;}
  .bgr-figgrid{grid-template-columns:1fr;}
  .bgr-keyfacts{grid-template-columns:1fr 1fr;}
  .bgr-toc ol{columns:1;}
  .bgr-rating-row{grid-template-columns:112px 1fr 40px;font-size:.86rem;}
  .bgr-verdict{padding:22px;}
  .bgr-score{width:100%;}
}