/* Blog: dieselben Stoffe wie die Startseite (site.css), eigene Maße für Lesetext. Ecken 0, keine Schatten, keine Karten. */
.blog-seite .topbar{margin-bottom:0;background:var(--schwarz);border-bottom:1px solid var(--linie)}
.blog-seite main{padding:clamp(36px,7vh,88px) var(--rand) clamp(88px,16vh,180px)}
.pfad{font-size:14px;color:var(--still)}
.pfad a{text-decoration:none}
.pfad a:hover{text-decoration:underline}
.blog-seite h1{font-size:clamp(34px,4.8vw,76px);line-height:1;letter-spacing:-.045em;max-width:15em;margin-top:14px}
.blog-seite .lead{margin-top:clamp(16px,3vh,26px);max-width:38em}
.artikel .meta{font-size:15px;color:var(--still);margin-top:14px}
.artikel .text{font-size:18px;line-height:1.6;max-width:40em;margin-top:clamp(28px,5vh,48px)}
.artikel .text p{margin-top:1em}
.artikel .text h2{font-size:clamp(25px,2.3vw,34px);line-height:1.12;letter-spacing:-.03em;margin:1.9em 0 .2em;padding-top:.9em;border-top:1px solid var(--linie)}
.artikel .text h3{font-size:20px;line-height:1.2;letter-spacing:-.02em;margin:1.4em 0 .1em}
.artikel .text ul,.artikel .text ol{margin:1em 0 0 1.25em}
.artikel .text li{padding-left:.2em}
.artikel .text li+li{margin-top:.5em}
.artikel .text a{text-decoration:underline}
.artikel .text b{font-weight:700}
.hinweis{margin-top:clamp(32px,6vh,56px);padding:18px 20px;background:var(--gruen);max-width:40em;font-size:16px;line-height:1.5;color:var(--still-g)}
.hinweis p{margin:0}
.quellen{margin-top:clamp(32px,6vh,56px);max-width:40em;font-size:15px;line-height:1.5;color:var(--still)}
.quellen h2,.weiter h2{font-size:20px;letter-spacing:-.02em;color:var(--tinte);margin-bottom:10px}
.quellen ol{margin-left:1.25em}
.quellen li+li{margin-top:.4em}
.quellen a{overflow-wrap:anywhere}
.weiter{margin-top:clamp(32px,6vh,56px);max-width:40em}
.weiter ul{list-style:none}
.weiter li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;padding:12px 0;border-top:1px solid var(--linie)}
.weiter li a{text-decoration:none;font-weight:600;letter-spacing:-.01em}
.weiter li a:hover{text-decoration:underline}
.weiter li span{font-size:14px;color:var(--still)}
.weiter p{margin-top:16px;font-size:15px;color:var(--still);padding-top:12px;border-top:1px solid var(--linie)}
.weiter p a{display:inline-block;padding:10px 0}
.artikel-liste{list-style:none;margin-top:clamp(28px,6vh,56px);max-width:52em}
.artikel-liste li{padding:22px 0 26px;border-top:1px solid var(--linie)}
.artikel-liste li:last-child{border-bottom:1px solid var(--linie)}
.artikel-liste time{font-size:14px;color:var(--still)}
.artikel-liste h2{font-size:clamp(22px,2.3vw,34px);line-height:1.12;letter-spacing:-.03em;margin-top:6px}
.artikel-liste h2 a{text-decoration:none}
.artikel-liste h2 a:hover{text-decoration:underline}
.artikel-liste p{color:var(--still);margin-top:10px;max-width:40em}
.blog-hinweis{margin-top:clamp(28px,6vh,56px);max-width:40em;font-size:15px;color:var(--still)}
@media (max-width:640px){
  .artikel .text{font-size:17px}
  .artikel .text h2{font-size:24px}
}