/* ---------- Magazin-Übersicht ---------- */
.mag-head{max-width:820px;padding:clamp(28px,5vw,56px) 0 8px}
.mag-head h1{font-size:clamp(36px,5.4vw,58px);margin:10px 0 16px}
.mag-head .lead{max-width:720px}
.mag-tools{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin:28px 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.chip span{color:var(--muted);font-weight:500;margin-left:4px}
.chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
.chip[aria-pressed="true"] span{color:#E3F5F1}
.mag-search{flex:1 1 240px;max-width:360px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:16px;color:var(--ink)}
.mag-search:focus{outline:3px solid var(--brand);outline-offset:2px}
.mag-count{font-size:15px;color:var(--muted);margin:8px 0 0}
.mag-section-title{font-size:clamp(24px,3vw,30px);margin:48px 0 18px}
.mag-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.mag-card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;transition:border-color .15s,box-shadow .15s}
.mag-card:hover{border-color:var(--brand);box-shadow:0 8px 24px rgba(13,116,114,.10)}
.mag-meta{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}
.mag-cat{font-weight:700;color:var(--brand-deep);text-transform:uppercase;letter-spacing:.06em;font-size:12.5px}
.mag-card h3{font-size:19px;line-height:1.3;margin:0}
.mag-card h3 a{color:var(--ink);text-decoration:none}
.mag-card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--radius)}
.mag-card h3 a:focus-visible{outline:none}
.mag-card:focus-within{outline:3px solid var(--brand);outline-offset:3px}
.mag-card p{margin:0;font-size:16px;color:var(--ink-soft)}
.mag-featured .mag-card{border:2px solid var(--brand)}
.mag-empty{display:none;margin-top:20px;color:var(--muted)}
.mag-cta{margin:40px 0 0}
.mag-card[hidden]{display:none}
/* Abschnitte hier ohne die großzügige Standard-Polsterung der Startseite */
#inhalt .mag-sec{padding:0}
#inhalt .mag-sec:last-child{padding-bottom:24px}