.blog-hero{background:var(--surface);border-bottom:1px solid var(--line);margin-bottom:clamp(1.25rem,3vw,2rem);position:relative}.blog-hero-inner{width:100%;max-width:1180px;color:var(--ink);margin:0 auto;padding:clamp(2rem,5vw,3.25rem) clamp(1rem,3vw,3.5rem) clamp(1.75rem,3.5vw,2.5rem)}.blog-hero-inner h1{letter-spacing:-.025em;color:inherit;margin:0 0 .5rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.blog-hero-inner p{color:var(--muted);max-width:52ch;margin:0;font-size:1.05rem}.blog-hero-lenker{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.blog-hero-lenke{color:var(--ink);border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:.45rem .95rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block;position:relative}.blog-hero-lenke:before{content:"";background:var(--brand);transform-origin:bottom;opacity:0;width:3px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0;transform:skew(-20deg)}.blog-hero-lenke:hover,.blog-hero-lenke:focus-visible{border-color:var(--ink)}.blog-hero-lenke:hover:before,.blog-hero-lenke:focus-visible:before{opacity:1}.blog-bolk{margin-top:clamp(2rem,5vw,3.25rem)}.blog-bolk-topp{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;padding-bottom:.6rem;display:flex}.blog-bolk-topp h2{font-family:var(--font-display);letter-spacing:-.012em;margin:0;font-size:clamp(1.25rem,2.2vw,1.6rem)}.blog-bolk-alle{color:var(--brand);white-space:nowrap;font-size:.9rem;font-weight:600}.blog-index>.container{padding-top:0}.blog-index>h1{margin:.5rem 0 1.25rem}.blog-index .blog-feature{margin:0 0 2rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem 1.5rem;display:grid}@media (max-width:860px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}}.blog-card{color:inherit;display:block}.blog-img{aspect-ratio:4/3;background:var(--surface);border-radius:var(--radius);margin-bottom:.75rem;overflow:hidden}.blog-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.blog-card:hover .blog-img img{transform:scale(1.04)}.blog-card-date{color:var(--muted);margin:0 0 .25rem;font-size:.78rem}.blog-body h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.05rem;line-height:1.3}.blog-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card.no-img{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.4rem 1.5rem}.blog-card.no-img .blog-body p{-webkit-line-clamp:4;font-size:.92rem}
