/* Blog, Beiträge, Rechtsseiten und 404 im Design der neuen Startseite (27.10.2026) */

/* ---------- kleiner Kopfbereich ---------- */
.bhero .hero-body{padding-bottom:clamp(56px,7vw,88px);}
.bhero h1{max-width:980px;font-size:clamp(34px,4.6vw,60px);}
.bhero .lead{max-width:700px;}
.crumbs{display:flex;gap:10px;justify-content:center;margin-bottom:22px;font-size:13.5px;color:var(--muted-d);}
.crumbs a:hover{color:var(--text-d);}
.crumbs span{color:var(--dim-d);}
.bmeta{margin-top:4px;font-size:14.5px;color:var(--muted-d);}

/* ---------- Blog-Übersicht ---------- */
.bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,40px) clamp(20px,2.4vw,32px);}
.bp{display:flex;flex-direction:column;}
.bp-im{display:block;aspect-ratio:16/9;margin-bottom:18px;overflow:hidden;border-radius:14px;background:#EEF2FA;}
.bp-im img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);}
.bp:hover .bp-im img{transform:scale(1.04);}
.bp-m{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink);}
.bp h2{margin:8px 0 8px;font-size:clamp(19px,1.6vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.25;text-wrap:balance;}
.bp p{flex:1;font-size:15px;color:var(--muted-l);}
.bp-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:600;color:var(--blue-ink);}
.bp-more svg{width:15px;height:15px;transition:transform .25s var(--ease);}
.bp:hover .bp-more svg{transform:translateX(3px);}

/* ---------- Beitrag ---------- */
.art-im{margin:0 0 clamp(40px,5vw,64px);overflow:hidden;border-radius:18px;background:#EEF2FA;aspect-ratio:16/8;}
.art-im img{display:block;width:100%;height:100%;object-fit:cover;}
.art-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start;}
.art-side{position:sticky;top:96px;}
.toc-t,.kf-t{display:block;margin-bottom:12px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);}
.toc ul{list-style:none;border-left:1px solid var(--line-l);}
.toc li a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--muted-l);transition:color .2s,border-color .2s;}
.toc li a:hover{color:var(--ink);border-left-color:var(--blue);}
.art-main{max-width:720px;}
.keyfacts{margin-bottom:40px;padding:24px 26px;border-left:3px solid var(--blue);border-radius:0 14px 14px 0;background:var(--paper-2);}
.keyfacts ul{list-style:none;display:grid;gap:12px;}
.keyfacts li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.55;color:var(--muted-l);}
.keyfacts li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--blue);transform:rotate(45deg);}
.keyfacts li strong{color:var(--ink);font-weight:600;}
.prose{font-size:17px;line-height:1.75;color:#2B3342;}
.prose>*+*{margin-top:18px;}
.prose .lead{font-size:clamp(19px,1.7vw,21px);line-height:1.6;color:var(--ink);max-width:none;}
.prose h2{margin-top:48px;scroll-margin-top:100px;font-size:clamp(24px,2.4vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.2;color:var(--ink);}
.prose h3{margin-top:30px;font-size:20px;font-weight:550;color:var(--ink);}
.prose ul,.prose ol{padding-left:22px;}
.prose li+li{margin-top:8px;}
.prose li::marker{color:var(--blue);}
.prose strong{color:var(--ink);font-weight:600;}
.prose a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid var(--blue);font-size:20px;line-height:1.5;color:var(--ink);}
.prose figure{margin:28px 0;}
.prose figure img{width:100%;height:auto;border-radius:14px;}
.prose figcaption{margin-top:8px;font-size:13.5px;color:var(--dim-l);}
.author{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:start;margin-top:56px;padding-top:28px;border-top:1px solid var(--line-l);}
.author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 25%;}
.author b{display:block;font-size:16px;font-weight:600;}
.author small{display:block;font-size:13.5px;color:var(--dim-l);}
.author p{margin-top:8px;font-size:15px;color:var(--muted-l);}
.art-next{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:clamp(56px,7vw,88px);padding:24px 28px;border-radius:16px;background:var(--ink);color:#fff;transition:background .25s;}
.art-next:hover{background:#1A2234;}
.art-next small{flex-basis:100%;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-hi);}
.art-next b{flex:1;font-size:clamp(18px,1.8vw,22px);font-weight:500;letter-spacing:-.015em;}
.art-next svg{width:20px;height:20px;transition:transform .25s var(--ease);}
.art-next:hover svg{transform:translateX(4px);}

/* ---------- Rechtsseiten ---------- */
.legal{max-width:860px;font-size:16px;line-height:1.7;color:#2B3342;}
.legal>*+*{margin-top:14px;}
.legal h2{margin-top:44px;font-size:clamp(21px,2vw,25px);font-weight:500;letter-spacing:-.02em;color:var(--ink);}
.legal h3{margin-top:26px;font-size:18px;font-weight:600;color:var(--ink);}
.legal .updated{font-size:14.5px;color:var(--dim-l);}
.legal ul,.legal ol{padding-left:22px;}
.legal li+li{margin-top:6px;}
.legal a{color:var(--blue-ink);text-decoration:underline;text-underline-offset:3px;}
.legal .kv{display:grid;gap:0;border-top:1px solid var(--line-l);}
.legal .kv>div{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line-l);}
.legal .kv dt{font-size:14.5px;color:var(--dim-l);}
.legal .kv dd{color:var(--ink);}
.legal .toc{padding:20px 22px;border-radius:14px;background:var(--paper-2);}
.legal .toc ul,.legal .toc ol{border:0;}
.legal .note{padding:16px 18px;border-left:3px solid var(--blue);border-radius:0 12px 12px 0;background:var(--paper-2);font-size:15px;}

/* ---------- 404 ---------- */
.e404 .hero-body{padding-bottom:clamp(80px,10vw,140px);}
.e404 .giant{font-size:clamp(110px,16vw,200px);font-weight:450;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(157,183,255,.55);margin:10px 0 0;}
.e404 .btn-row{justify-content:center;}

@media(max-width:1000px){
  .bgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .art-grid{grid-template-columns:minmax(0,1fr);}
  .art-side{position:static;}
  .art-side .toc{padding:18px 20px;border-radius:14px;background:var(--paper-2);}
  .art-side .toc ul{border:0;}
  .art-side .toc li a{padding-left:0;border:0;}
}
@media(max-width:640px){
  .bgrid{grid-template-columns:minmax(0,1fr);}
  .crumbs{justify-content:flex-start;}
  .prose{font-size:16.5px;}
  .art-im{aspect-ratio:16/10;border-radius:14px;}
  .legal .kv>div{grid-template-columns:minmax(0,1fr);gap:2px;}
  .keyfacts{padding:20px;}
}
.endsec{padding-top:clamp(48px,6vw,72px);}
.endsec>.foot,.endsec>footer>.foot{margin-top:0;}
.endsec>.lb+footer .foot{margin-top:clamp(48px,6vw,72px);}