.blog-hero{padding:90px 0 70px;background:linear-gradient(135deg,#f4f7f2 0%,#e4eee8 100%)}.blog-hero h1{max-width:900px;margin:18px 0 24px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.3s}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.blog-card-visual{height:190px;display:grid;place-items:center;background:none;position:relative;overflow:hidden}.blog-card-visual span{font-size:3rem;position:relative;z-index:1}.blog-card-body{padding:26px;display:flex;flex:1;flex-direction:column}.blog-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.76rem;font-weight:700}.blog-card h2{font-size:1.35rem;margin:14px 0 12px}.blog-card p{color:var(--muted);flex:1}.blog-card-link{margin-top:22px;color:var(--teal);font-weight:800}.article-hero{padding:72px 0 54px;background:linear-gradient(135deg,#f4f7f2,#e2ece6)}.article-hero-inner{max-width:920px}.article-hero h1{font-size:clamp(2.7rem,5.3vw,5.2rem);margin:20px 0 24px}.article-deck{font-size:clamp(1.1rem,1.7vw,1.35rem);color:var(--muted);max-width:800px}.article-byline{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:70px;align-items:start}.article-body{font-size:1.08rem}.article-body>p:first-of-type{font-size:1.25rem;color:#334741}.article-body h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:52px 0 18px}.article-body h3{margin:30px 0 10px}.article-body p{margin:0 0 18px;color:#3f514c}.article-body ul,.article-body ol{margin:18px 0 24px;padding-left:24px}.article-body li{margin:9px 0}.quick-answer,.key-box,.source-box{padding:28px;border-radius:22px;margin:0 0 32px}.quick-answer{background:var(--ink);color:#fff}.quick-answer p{color:#d0ded9;margin:10px 0 0}.key-box{background:#ebf2dd;border-left:5px solid var(--mint)}.source-box{background:#fff;border:1px solid var(--line)}.source-box h2{font-size:1.35rem;margin:0 0 14px}.source-box a{color:var(--teal);text-decoration:underline}.article-aside{position:sticky;top:110px}.toc,.author-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px}.toc strong,.author-card strong{display:block;margin-bottom:12px}.toc a{display:block;color:var(--muted);font-size:.86rem;padding:6px 0}.toc a:hover{color:var(--teal)}.author-avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:var(--mint);font-weight:800;margin-bottom:13px}.author-card p{font-size:.83rem;color:var(--muted)}.article-cta{background:var(--orange);color:#fff;border-radius:26px;padding:34px;margin-top:45px}.article-cta p{color:#ffe6dc}.article-cta .btn{margin-top:18px;background:#fff;color:var(--ink);border:0}@media(max-width:950px){.blog-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:620px){.blog-grid,.article-aside{grid-template-columns:1fr}.blog-hero,.article-hero{padding-top:55px}.article-body{font-size:1rem}}
/* 2026 blog alignment, semantic artwork and pagination */
.blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.blog-card-visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.blog-card-visual span{display:none}.article-hero-inner{max-width:none}.article-layout{grid-template-columns:minmax(0,830px) 280px;gap:70px}.article-hero h1{max-width:980px}.article-deck{max-width:830px}.article-hero-visual{width:min(100%,830px);aspect-ratio:16/9;margin:34px 0 0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:var(--ink)}.article-hero-visual img{display:block;width:100%;height:100%;object-fit:cover}.blog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:54px}.blog-pagination a,.blog-pagination span{min-width:46px;height:46px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:800;color:var(--teal)}.blog-pagination .is-current{background:var(--teal);border-color:var(--teal);color:#fff}.blog-pagination .pagination-next,.blog-pagination .pagination-prev{min-width:auto}@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.article-hero-visual{border-radius:18px}}
/* One meaningful image per teaser; metadata directly below */
.blog-card-visual::before,.blog-card-visual::after{content:none!important;display:none!important}.blog-card-visual{height:auto;aspect-ratio:16/9}.blog-card-body{padding:23px}.blog-meta{order:0;margin-bottom:2px}.blog-card h2{order:1}.blog-card p{order:2}.blog-card-link{order:3}
/* Final teaser hierarchy: image, teaser, date/author, link */
.blog-card-body{display:flex;flex-direction:column}.blog-card-body>h2{order:0;margin-top:0}.blog-card-body>p{order:1;flex:1}.blog-card-body>.blog-meta-bottom{order:2;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px 14px}.blog-card-body>.blog-card-link{order:3;margin-top:12px}.blog-meta-bottom span:before{content:"Autor: ";color:var(--muted);font-weight:500}.blog-meta-bottom time:before{content:"Datum: ";color:var(--muted);font-weight:500}


/* Filter und interne Artikellinks */
.blog-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end;margin:0 0 18px;padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff}.blog-filters label{display:block;margin:0 0 7px;font-size:.78rem;font-weight:800;color:var(--muted)}.blog-filters select{width:100%;min-height:48px;padding:0 42px 0 14px;border:1px solid var(--line);border-radius:12px;background:#f7f9f6;color:var(--ink);font:inherit}.blog-filters button,#blog-filter-reset{min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--teal);color:#fff;font:inherit;font-weight:800;cursor:pointer}.blog-result-count{margin:0 0 25px;color:var(--muted);font-weight:700}.blog-empty{grid-column:1/-1;padding:40px;border-radius:20px;background:#fff;text-align:center}.blog-pagination button{min-width:46px;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-weight:800;color:var(--teal);cursor:pointer}.blog-pagination button.is-current{background:var(--teal);border-color:var(--teal);color:#fff}.related-nav{background:#eaf2ed;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px}.related-nav strong{display:block;margin-bottom:12px}.related-nav a{display:block;padding:9px 0;border-top:1px solid rgba(18,53,46,.1);color:var(--teal);font-size:.88rem;font-weight:750}.related-nav a:first-of-type{border-top:0}@media(max-width:900px){.blog-filters{grid-template-columns:1fr 1fr}.blog-filters button{grid-column:1/-1}}@media(max-width:620px){.blog-filters{grid-template-columns:1fr}}