:root{--navy:#0e2233;--ink:#1b1b1b;--paper:#f4efe4;--paper2:#ebe4d3;--line:#cfc6b0;--grey:#5c5648;--acc:#ff8a1e;--yel:#f6c500}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:#0e4a7a}img{max-width:100%;height:auto}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
.wide{max-width:1020px;margin:0 auto;padding:0 16px}
.site{background:var(--navy);color:#fff;font:600 15px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.site .wide{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.site a{color:#fff;text-decoration:none}.site nav{display:flex;gap:18px;flex-wrap:wrap}
.site .logo span{color:var(--acc)}
.site .btn{background:var(--acc);color:#1b1b1b;padding:9px 14px;border-radius:8px}
.tape{height:14px;background:repeating-linear-gradient(-45deg,var(--yel) 0 14px,#111 14px 28px)}
.masthead{text-align:center;border-bottom:3px double var(--ink);padding:22px 0 12px}
.masthead h1{font:700 clamp(34px,7vw,56px)/1.05 Georgia,serif;margin:0;letter-spacing:-.5px}
.masthead p{margin:8px 0 0;color:var(--grey);font:italic 16px/1.4 Georgia,serif}
.crumb{font:14px/1 system-ui,sans-serif;color:var(--grey);padding:18px 0 4px}.crumb a{color:var(--grey)}
article h1{font:700 clamp(28px,5.4vw,42px)/1.15 Georgia,serif;margin:.3em 0 .25em}
.byline{font:15px/1.5 system-ui,sans-serif;color:var(--grey);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.hero{display:block;margin:0 auto 20px;border:1px solid var(--line);max-width:520px;width:100%;height:auto}
.bildnotiz{font:13px/1.4 system-ui,sans-serif;color:var(--grey);text-align:center;margin:-12px 0 18px}
.kurz{background:var(--paper2);border-left:6px solid var(--ink);padding:14px 18px;margin:0 0 22px;font-size:19px}
.kurz b{font:700 13px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:6px}
.toc{border:1px solid var(--line);padding:12px 18px;margin:0 0 22px;font:16px/1.6 system-ui,sans-serif}
.toc b{display:block;margin-bottom:4px}.toc ol{margin:0;padding-left:20px}
article h2{font:700 26px/1.25 Georgia,serif;margin:1.6em 0 .4em}
.autorbox{background:#fff;border:2px solid var(--ink);padding:16px 18px;margin:30px 0;font:16px/1.55 system-ui,sans-serif}
.autorbox b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.autorbox .go{display:inline-block;margin-top:8px;background:var(--acc);color:#111;padding:9px 14px;border-radius:8px;text-decoration:none;font-weight:700}
.faq h3{font:700 19px/1.3 Georgia,serif;margin:1.1em 0 .2em}.faq p{margin:0}
.quellen{font:15px/1.5 system-ui,sans-serif;color:var(--grey);border-top:1px solid var(--line);margin-top:28px;padding-top:12px}
.quellen h2{font:700 16px/1.2 system-ui,sans-serif;margin:0 0 6px}.quellen ul{margin:0;padding-left:18px}.quellen li{margin:4px 0;overflow-wrap:anywhere}
.tags{margin:22px 0 0;font:15px/1.4 system-ui,sans-serif}.tags b{display:block;margin:12px 0 6px}
.tags span{display:inline-block;border:1px solid var(--ink);padding:3px 9px;margin:0 6px 6px 0;border-radius:3px;background:#fff}
.more{margin:36px 0 10px;border-top:3px double var(--ink);padding-top:16px}.more h2{margin-top:0}
.more ul{list-style:none;padding:0;margin:0}.more li{padding:8px 0;border-bottom:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;padding:22px 0}
.card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.card div{padding:12px 14px 16px}.card time{font:13px/1 system-ui,sans-serif;color:var(--grey)}
.card h2{font:700 21px/1.2 Georgia,serif;margin:6px 0 8px}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover{text-decoration:underline}
.card p{margin:0;font-size:16px;line-height:1.5;color:var(--grey)}
.pager{text-align:center;padding:10px 0 30px;font:16px/1 system-ui,sans-serif}.pager a,.pager span{display:inline-block;padding:8px 12px;border:1px solid var(--ink);margin:0 3px;background:#fff;text-decoration:none;color:var(--ink)}.pager span{background:var(--ink);color:#fff}
footer{background:var(--navy);color:#cfd8df;font:14px/1.6 system-ui,sans-serif;padding:20px 0;margin-top:30px}footer a{color:#fff}

.aufmacher{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:26px;padding:26px 0;border-bottom:3px double var(--ink);align-items:start}
.am-bild img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.kicker{display:inline-block;background:var(--ink);color:#fff;font:700 12px/1 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;margin-bottom:10px}
.am-text time{display:block;font:14px/1 system-ui,sans-serif;color:var(--grey);margin-bottom:8px}
.am-text h2{font:700 clamp(26px,4vw,36px)/1.15 Georgia,serif;margin:0 0 12px}.am-text h2 a{color:var(--ink);text-decoration:none}.am-text h2 a:hover{text-decoration:underline}
.am-text p{margin:0 0 14px}.weiter{display:inline-block;background:var(--acc);color:#111;padding:9px 14px;border-radius:8px;text-decoration:none;font:700 15px/1 system-ui,sans-serif}
.liste{list-style:none;margin:0;padding:6px 0 10px}
.liste li{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.l-bild{flex:none;width:90px}.l-bild img{display:block;width:90px;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
.l-text time{font:13px/1 system-ui,sans-serif;color:var(--grey)}
.l-text h2{font:700 21px/1.25 Georgia,serif;margin:5px 0 4px}.l-text h2 a{color:var(--ink);text-decoration:none}.l-text h2 a:hover{text-decoration:underline}
.l-text p{margin:0;font-size:16px;line-height:1.45;color:var(--grey)}
.neu{display:inline-block;margin-left:6px;background:var(--acc);color:#111;font:800 10px/1 system-ui,sans-serif;letter-spacing:.06em;padding:3px 6px;border-radius:999px;vertical-align:2px;animation:neuwackeln 4s ease-in-out infinite;transform-origin:center}
@keyframes neuwackeln{0%,70%,100%{transform:translateX(0) scale(1)}76%{transform:translateX(3px) scale(1.12)}82%{transform:translateX(-3px) scale(1.12)}88%{transform:translateX(2px) scale(1.05)}94%{transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.neu{animation:none}}
@media(max-width:640px){.aufmacher{grid-template-columns:1fr}.am-bild{max-width:300px}.l-bild,.l-bild img{width:72px}}
@media(max-width:600px){body{font-size:17px}.site nav{gap:12px}}