.page-blog-index,.page-blog-article{background:#f7f9f8}
.blog-index,.blog-article{padding-block:clamp(28px,5vw,64px)}
.blog-index-hero{max-width:none;width:100%;margin-bottom:32px}
.blog-hero{max-width:none;width:100%;margin-bottom:28px}
.blog-index-hero h1{max-width:none;width:100%;margin:8px 0 14px;color:var(--ink,#09251a);font-size:clamp(1.62rem,1.85vw,2.15rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.blog-hero h1{max-width:none;width:100%;margin:8px 0 12px;color:var(--ink,#09251a);font-size:clamp(1.9rem,2.4vw,2.78rem);font-weight:820;line-height:1.08;letter-spacing:-.032em}
.blog-index-hero>p:not(.eyebrow){max-width:none;width:100%;color:var(--muted);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.62}
.blog-lead{max-width:960px;color:var(--muted);font-size:clamp(1.03rem,1.35vw,1.16rem);line-height:1.62}
.blog-index-grid{display:block;columns:2;column-gap:18px}
.blog-index-grid.is-empty{columns:1}
.blog-index-card{display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;vertical-align:top}
.blog-index-card h2{margin:6px 0 10px;font-size:clamp(1.2rem,1.45vw,1.52rem);line-height:1.14;letter-spacing:-.022em}
.blog-index-card h2 a,.blog-related h3 a,.blog-product-card h3 a{color:inherit;text-decoration:none}
.blog-index-card>p:not(.eyebrow){color:var(--muted);line-height:1.62}
.blog-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;color:var(--muted);font-size:.86rem}
.blog-breadcrumb a{color:var(--brand);text-decoration:none}
.blog-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin:15px 0 20px}
.blog-hero-image{display:block;width:auto;max-width:min(100%,760px);height:auto;max-height:420px;object-fit:contain;object-position:left center;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-xs)}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,400px);gap:clamp(26px,3vw,48px);align-items:start;width:100%}
.blog-body{max-width:none;min-width:0}
.blog-sidebar{position:sticky;top:110px;min-width:0}
.blog-sidebar .blog-ad{margin:0 0 24px}
.blog-sidebar .blog-ad img{max-height:none}
.blog-opening-flow,.blog-section{max-width:900px}
.blog-intro{max-width:900px;font-size:1.08rem;font-weight:650;line-height:1.68;color:#334f45}
.blog-section{margin:40px 0}
.blog-section--primary{margin-top:24px;padding:22px 24px;border:1px solid #d9e5df;border-left:4px solid var(--brand,#0d6b4b);border-radius:0 15px 15px 0;background:#f3f7f5;box-shadow:0 5px 16px rgba(10,65,45,.04)}
.blog-section--primary h2{margin-top:0}
.blog-section h2,.blog-products h2,.blog-related h2{color:#103f31;font-size:clamp(1.42rem,1.95vw,1.95rem);letter-spacing:-.025em}
.page-blog-article .blog-hero h1,.page-blog-article .blog-body h2,.page-blog-article .blog-body h3,.page-blog-article .blog-block-heading,.page-blog-article .blog-section-flow--labelled>strong{color:#111!important}
.blog-section p,.blog-section li{font-size:1rem;line-height:1.72;color:#334f45}
.blog-section p{margin:0}
.blog-section p+p{margin-top:15px}
.blog-section ul{padding-left:22px}
.blog-products,.blog-related{margin:42px 0}
.blog-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.blog-sidebar .blog-product-grid{grid-template-columns:1fr;gap:12px}
.blog-product-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}
.blog-product-card img{width:140px;height:120px;object-fit:cover;border-radius:11px}
.blog-sidebar .blog-product-card{grid-template-columns:92px minmax(0,1fr);gap:10px 13px;align-items:start;padding:13px;border-color:#d5e0da;border-radius:16px;box-shadow:0 6px 18px rgba(10,65,45,.055)}
.blog-sidebar .blog-product-card>a:first-child{display:flex;width:92px;height:92px;align-items:center;justify-content:center;padding:6px;border-radius:11px;background:#f4f7f5;overflow:hidden}
.blog-sidebar .blog-product-card img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;border-radius:7px}
.blog-sidebar .blog-product-copy{display:flex;min-width:0;min-height:92px;flex-direction:column;align-items:stretch;justify-content:center}
.blog-sidebar .blog-product-title{display:-webkit-box;margin:1px 0 0;overflow:hidden;color:#153e31;font-size:.89rem;font-weight:760;line-height:1.28;letter-spacing:-.012em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.blog-sidebar .blog-product-title a{display:block;color:inherit!important;text-decoration:none!important}
.blog-sidebar .blog-product-title a:hover,.blog-sidebar .blog-product-title a:focus-visible{color:var(--brand,#0d6b4b)!important;text-decoration:none!important}
.blog-sidebar .blog-product-copy>strong{display:block;width:100%;margin-top:8px;padding:0;border:0;color:var(--ink,#09251a);font-size:.96rem;font-weight:820;line-height:1.15;letter-spacing:-.01em}
.blog-product-card-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}
.blog-sidebar .blog-product-card-actions{flex-wrap:nowrap;justify-content:flex-start}
.blog-sidebar .blog-product-card-actions .button{--blog-product-button-font:.75rem;width:fit-content;min-height:34px;justify-content:center;padding:6px 9px;font-size:0;white-space:nowrap}
.blog-sidebar .blog-product-card-actions .button::before{font-size:var(--blog-product-button-font);line-height:1.08}
html[lang^="de"] .blog-sidebar .blog-product-card-actions .button::before{content:"Produkt ansehen"}
html[lang^="en"] .blog-sidebar .blog-product-card-actions .button::before{content:"View product"}
.blog-product-title{margin:0 0 7px;font-size:.96rem;line-height:1.3}
.blog-review-teaser{margin:6px 0;color:var(--muted);font-size:.84rem}
.blog-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.blog-related-grid>.panel{margin:0}
.blog-ad{margin:30px 0}
.blog-ad>span{display:block;margin-bottom:6px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
.blog-ad img{display:block;width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:15px;border:1px solid var(--line)}
.blog-ad a{display:block}
.blog-product-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.blog-product-advice-link{max-width:100%;margin:0;font-size:.82rem;white-space:nowrap}
.blog-sidebar .blog-product-advice-link{width:fit-content;min-height:34px;justify-content:center;gap:6px;padding:6px 8px;border-color:#cbdad2;background:#f8fbf9;font-size:.69rem}
.blog-sidebar .blog-product-advice-link svg{width:14px;height:14px;flex-basis:14px}
.blog-product-card-actions .product-advice-link-arrow{display:none!important}
.blog-product-advice-link:hover{text-decoration:none}
.blog-ai-note{display:none}

/* Blog index pagination */
.blog-pagination{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:30px auto 0;padding:6px 0;text-align:center}
.blog-page-numbers{display:flex;align-items:center;justify-content:center;gap:8px}
.blog-page-number,.blog-page-nav{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 12px;border:1px solid #cad8cf;border-radius:11px;background:#fff;color:#174b38;font-size:.9rem;font-weight:800;line-height:1;text-decoration:none;box-shadow:0 5px 14px rgba(12,64,44,.04);white-space:nowrap}
.blog-page-nav{padding:0;font-size:1.15rem}
.blog-page-number:hover,.blog-page-nav:hover{border-color:#0a5a3f;background:#eef5f0;color:#174b38}
.blog-page-number.is-current{border-color:#0a5a3f;background:#0a5a3f;color:#fff;box-shadow:none}
.blog-page-nav.is-disabled{cursor:not-allowed;opacity:.38;pointer-events:none}
.page-blog-article .blog-pagination{margin-top:34px}

/* Related guides stay inside the article content column. */
.page-blog-article .blog-body>.blog-related--inline{width:100%;max-width:100%;margin:34px 0 0;padding:0;border:0;background:transparent}
.page-blog-article .blog-related--inline .section-head{margin-bottom:14px}
.page-blog-article .blog-related--inline .blog-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.page-blog-article .blog-related--inline .blog-related-card{display:flex;flex-direction:column;min-width:0;min-height:210px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}
.page-blog-article .blog-related--inline .blog-related-title{font-size:1rem;line-height:1.35;color:var(--ink)}
.page-blog-article .blog-related--inline .blog-related-excerpt{margin:10px 0 16px;color:var(--muted);line-height:1.55;flex:1}
.page-blog-article .blog-related--inline .blog-related-button{align-self:flex-start;margin-top:auto}
.page-blog-article .blog-article>.product-shopping-guide{box-sizing:border-box;width:100%;max-width:none;margin:clamp(42px,5vw,68px) 0 0;padding:clamp(28px,3.6vw,48px)}
@media(max-width:1100px){
  .blog-layout{grid-template-columns:1fr}
  .blog-sidebar{position:static}
  .blog-sidebar .blog-ad,.blog-sidebar .blog-products{max-width:760px}
  .blog-sidebar .blog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .blog-index-hero h1{font-size:clamp(1.5rem,5.6vw,1.95rem);line-height:1.1}
  .blog-hero h1{font-size:clamp(1.8rem,7vw,2.55rem)}
  .blog-hero-image{max-width:100%;max-height:360px;border-radius:14px}
  .blog-index-grid{columns:1}
  .blog-product-grid,.blog-related-grid,.blog-sidebar .blog-product-grid{grid-template-columns:1fr}
  .blog-product-card,.blog-sidebar .blog-product-card{grid-template-columns:110px minmax(0,1fr)}
  .blog-product-card img,.blog-sidebar .blog-product-card img{width:110px;height:100px}
}
@media(max-width:720px){
  .page-blog-article .blog-related--inline .blog-related-grid{grid-template-columns:1fr}
  .page-blog-article .blog-related--inline .blog-related-card{min-height:0}
  .page-blog-article .blog-article>.product-shopping-guide{margin-top:32px;padding:24px 20px;border-radius:16px}
}
@media(max-width:480px){
  .blog-product-card{grid-template-columns:1fr}
  .blog-product-card img{width:100%;height:auto;max-height:220px}
  .blog-sidebar .blog-product-card{grid-template-columns:82px minmax(0,1fr)}
  .blog-sidebar .blog-product-card>a:first-child{width:82px;height:82px}
  .blog-sidebar .blog-product-card img{width:100%;height:100%;max-height:none}
  .blog-sidebar .blog-product-card-actions{display:flex;width:100%;flex-wrap:nowrap;align-items:center;gap:8px}
  .blog-sidebar .blog-product-card-actions .button{--blog-product-button-font:.75rem;width:fit-content;min-height:34px;padding:6px 9px;border-radius:10px;line-height:1.08}
  .blog-sidebar .blog-product-advice-link{width:fit-content;min-height:34px;gap:6px;padding:6px 8px;border-radius:10px;font-size:.69rem;line-height:1.08}
  .blog-sidebar .blog-product-advice-link svg{width:14px;height:14px;flex-basis:14px}
  .blog-pagination,.blog-page-numbers{gap:6px}
  .blog-pagination{margin-top:24px}
  .blog-page-number,.blog-page-nav{min-width:38px;min-height:38px;padding:0 10px;font-size:.85rem}
  .blog-page-nav{padding:0;font-size:1.05rem}
}