.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 28px;margin:10px 0 20px;counter-reset:s}
.steps>div{border-top:3px solid var(--n);padding-top:10px;counter-increment:s}.steps h3:before{content:counter(s) ". "}
.posts{display:grid;gap:0}.post{padding:18px 0;border-bottom:1px solid #e3e8f0}.post h3 a,.post>a{color:var(--n)}.meta{margin:0;font-size:.9rem;color:#4a5872}
.artikel{max-width:72ch}.artikel h2{margin-top:1.6em}.quelle{font-size:.92rem;border-left:3px solid var(--n);padding-left:14px}
.blogwrap{display:grid;grid-template-columns:minmax(0,72ch) 300px;gap:56px;align-items:start}
.blogmain{min-width:0}.seite{position:sticky;top:120px;display:grid;gap:18px}
.sbox{border:1px solid #dde3ee;border-radius:8px;padding:18px;background:#fff}.sbox h3{margin-top:0}.sbox p{font-size:.95rem}.sbox a{color:var(--n)}
.sbox.kontakt{background:var(--bg)}.sbox .btn{color:#fff}
.sfoto{display:block;width:120px;height:150px;object-fit:cover;border-radius:6px;margin-bottom:12px}
.slist{margin:0;padding-left:1.1em}.slist li{margin:4px 0}.klein{font-size:.85rem!important;color:#4a5872;margin-bottom:0}
@media(max-width:1100px){.blogwrap{grid-template-columns:1fr}.seite{position:static;max-width:72ch}}
.blogmain .steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.posts,.post{max-width:72ch!important}
.sbox{border:2px solid #a9c7cd}.post{border-bottom:2px solid #cddfe2}