:root{--ink:#1F2A37;--blue:#14406B;--grey:#5F6B7A;--line:#D9DEE5;--panel:#EEF2F6;--bg:#FFFFFF;--focus:#B9520B}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Charter,'Bitstream Charter','Sitka Text',Cambria,Georgia,serif;line-height:1.55}
a{color:var(--blue)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.data,table,th,td,nav,footer,label,button,.status{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
header.top{border-bottom:1px solid var(--line);padding:1.1rem 1.25rem}
header.top .wrap{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
header.top .brand{font-size:1.05rem;text-decoration:none;color:var(--ink)}
header.top .brand b{font-weight:600}
header.top nav a{margin-left:1.1rem;font-size:.92rem;text-decoration:none}
header.top nav a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto}
main{padding:2.2rem 1.25rem 3rem}
.grid{display:grid;grid-template-columns:230px 1fr;gap:2.5rem;align-items:start}
@media(max-width:820px){.grid{grid-template-columns:1fr}.side{order:2}}
.side{position:sticky;top:1rem;border-right:1px solid var(--line);padding-right:1rem}
@media(max-width:820px){.side{position:static;border-right:0;border-top:1px solid var(--line);padding:1rem 0 0}}
.side h2{font-size:.85rem;font-weight:600;color:var(--grey);margin:0 0 .5rem;font-family:system-ui,sans-serif}
.side ul{list-style:none;margin:0;padding:0;font-family:system-ui,sans-serif;font-size:.93rem}
.side li{padding:.28rem 0;border-bottom:1px solid var(--line)}
.side li a{text-decoration:none;display:flex;justify-content:space-between;gap:.5rem}
.side li a span{color:var(--grey)}
.side li.aktiv a{font-weight:600}
h1{font-size:1.9rem;line-height:1.2;margin:0 0 .6rem;font-weight:600;letter-spacing:-.01em}
h2{font-size:1.25rem;margin:2rem 0 .6rem;font-weight:600}
p{max-width:64ch}
p.lead{font-size:1.1rem}
dl.data{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.4rem;margin:1rem 0 0;font-size:.95rem;max-width:60ch}
dl.data dt{color:var(--grey)}
dl.data dd{margin:0}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:.6rem 0 0}
th,td{text-align:left;padding:.6rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--grey);font-size:.85rem}
tr:hover td{background:var(--panel)}
td.num{white-space:nowrap}
.status{display:inline-block;font-size:.8rem;color:var(--grey)}
.hinweis{background:var(--panel);border-left:4px solid var(--blue);padding:.9rem 1rem;margin:1.2rem 0;max-width:70ch;font-size:.97rem}
.hinweis.risiko{border-left-color:#8A2E2E}
ol.log{list-style:none;padding:0;margin:.5rem 0 0;max-width:70ch}
ol.log li{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--line)}
ol.log time{color:var(--grey);font-family:system-ui,sans-serif;font-size:.9rem}
form{max-width:60ch;margin-top:1rem}
form .row{display:grid;gap:.3rem;margin-bottom:1rem}
label{font-size:.9rem;font-weight:600}
input,select,textarea{font:inherit;padding:.55rem .6rem;border:1px solid #9AA5B3;border-radius:3px;width:100%;background:#fff}
textarea{min-height:5.5rem}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;font-size:.92rem}
.check input{width:auto;margin-top:.25rem}
button{background:var(--blue);color:#fff;border:0;padding:.7rem 1.2rem;font-size:1rem;border-radius:3px;cursor:pointer}
button:hover{background:#0F3252}
footer{border-top:1px solid var(--line);color:var(--grey);font-size:.88rem;padding:1.4rem 1.25rem 2.5rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
footer a{color:var(--grey)}
@media(prefers-reduced-motion:no-preference){tr td{transition:background .12s}}