/* Statische Seiten von kleinanfragen.thorbenknobloch.de (bau_seiten.py). Farben und Schrift
   wie die App (web_design.css): Schwarz auf Weiß, Akzent #2F5D94, Hanken Grotesk. */
:root{--ink:#0B0B0B;--ink2:#3D3D3D;--ink3:#6B6B6B;--rule:#E6E6E6;--rule2:#F2F2F2;--akzent:#2F5D94;
  --akzent-h:#EEF2F8;--chip:#F4F4F4;--sans:"Hanken Grotesk","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--akzent);text-decoration:underline;text-decoration-color:#B9C8DC;text-underline-offset:.18em}
a:hover{text-decoration-color:currentColor}
.rahmen{max-width:72rem;margin:0 auto;padding:0 1.25rem}
header.kopf .rahmen{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;padding-top:1.3rem;padding-bottom:1rem}
header.kopf .name{color:var(--ink);font-weight:600;text-decoration:none;margin-right:auto}
header.kopf .name::before{content:"";display:inline-block;width:.62rem;height:.62rem;border-radius:50%;
  background:var(--akzent);margin-right:.55rem;vertical-align:.05em}
header.kopf .haupt{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;font-size:.9rem}
header.kopf .haupt a{color:var(--ink2);text-decoration:none}
header.kopf .haupt a:hover{color:var(--akzent);text-decoration:underline}
main.inhalt{max-width:52rem;margin:0 auto;padding:clamp(1rem,4vh,2.4rem) 1.25rem 3rem}
main.breit{max-width:72rem}
.krumen ol{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem;padding:0;margin:0 0 1.2rem;font-size:.85rem;color:var(--ink3)}
.krumen li+li::before{content:"›";margin:0 .45rem 0 .25rem;color:var(--ink3)}
.krumen a{color:var(--ink3)}
h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.3rem);letter-spacing:-.03em;line-height:1.15;margin:0 0 .7rem;font-weight:700}
h2{font-size:1.2rem;letter-spacing:-.01em;margin:2.2rem 0 .6rem;line-height:1.3}
h3{font-size:1rem;margin:1.2rem 0 .4rem}
p{margin:0 0 .8rem}
main.inhalt p,main.inhalt li,main.inhalt dd,main.inhalt h1,main.inhalt h2{overflow-wrap:anywhere}
.typ{font-size:1.02rem;color:var(--ink2);margin:0 0 1rem}
dl.meta{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0 0 1.1rem;font-size:.93rem}
dl.meta dt{color:var(--ink3)}
dl.meta dd{margin:0}
.knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.2rem}
.knoepfe a{display:inline-block;border:1px solid #DCDCDC;border-radius:999px;padding:.38rem .95rem;font-size:.9rem;
  color:var(--ink);text-decoration:none;background:#fff}
.knoepfe a.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff}
.knoepfe a:hover{border-color:var(--ink)}
.hinweis{background:var(--akzent-h);border-radius:.6rem;padding:.75rem 1rem;font-size:.9rem;color:var(--ink2);margin:0 0 1.4rem}
.hinweis p{margin:0}
.hinweis p+p{margin-top:.35rem}
nav.toc{border:1px solid var(--rule);border-radius:.6rem;padding:.6rem 1rem;margin:0 0 1.6rem;font-size:.9rem}
nav.toc summary{cursor:pointer;font-weight:600}
nav.toc ol{margin:.5rem 0 .2rem;padding-left:0;list-style:none;columns:1}
nav.toc li{margin:.15rem 0;display:flex;gap:.6rem}
nav.toc li b{font-family:var(--mono);font-weight:500;min-width:3.4rem;color:var(--akzent)}
section.frage{border-top:1px solid var(--rule);padding-top:.4rem;margin-top:1.6rem;scroll-margin-top:1rem}
section.frage h2{margin:.6rem 0 .5rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem}
section.frage h2 .seite{font-size:.82rem;font-weight:400;color:var(--ink3)}
section.frage h2 a.anker{font-size:.8rem;font-weight:400;color:var(--ink3);text-decoration:none}
.fragetext{font-weight:600;color:var(--ink)}
.fragetext .sl{font-family:var(--mono);font-weight:500;color:var(--akzent);margin-right:.4rem}
.antwort{color:var(--ink2)}
.antwort .lab{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin:.9rem 0 .3rem}
p.fuss{font-size:.85rem;color:var(--ink3)}
figure.tabelle{margin:1rem 0 1.3rem;scroll-margin-top:1rem}
figure.tabelle figcaption{font-size:.88rem;color:var(--ink2);margin-bottom:.4rem}
figure.tabelle figcaption .tmeta{display:block;font-size:.8rem;color:var(--ink3)}
.tw{overflow-x:auto;border:1px solid var(--rule);border-radius:.5rem}
table{border-collapse:collapse;width:100%;font-size:.86rem}
th,td{text-align:left;vertical-align:top;padding:.38rem .6rem;border-bottom:1px solid var(--rule2)}
thead th{background:#FAFAFA;font-weight:600;border-bottom:1px solid var(--rule)}
td.num,th.num{text-align:right;font-family:var(--mono);font-size:.82rem;white-space:nowrap}
.anlage{border:1px solid var(--rule);border-radius:.6rem;padding:.7rem 1rem;margin:1rem 0;scroll-margin-top:1rem}
.anlage .marke{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin-right:.5rem}
.anlage p{margin:.3rem 0 0;font-size:.88rem;color:var(--ink3)}
section.vorb{scroll-margin-top:1rem}
.liste{list-style:none;padding:0;margin:1rem 0}
.liste li{display:grid;grid-template-columns:6.2rem 5.4rem 1fr;gap:.2rem .9rem;padding:.6rem 0;border-bottom:1px solid var(--rule2)}
.liste .dat{font-family:var(--mono);font-size:.82rem;color:var(--ink3);padding-top:.15rem}
.liste .nr{font-family:var(--mono);font-size:.85rem;padding-top:.1rem}
.liste .tt a{color:var(--ink);text-decoration:none;font-weight:500}
.liste .tt a:hover{color:var(--akzent);text-decoration:underline}
.liste .mm{display:block;font-size:.82rem;color:var(--ink3)}
.liste .u{display:inline-block;font-size:.72rem;border:1px solid #C9332B;color:#C9332B;border-radius:999px;padding:0 .45rem;margin-right:.35rem;vertical-align:.1em}
.kacheln{list-style:none;padding:0;margin:1rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.6rem}
.kacheln a{display:block;border:1px solid var(--rule);border-radius:.6rem;padding:.7rem .9rem;text-decoration:none;color:var(--ink);height:100%}
.kacheln a:hover{border-color:var(--akzent)}
.kacheln .z{display:block;font-size:.82rem;color:var(--ink3)}
.einl{font-size:1.02rem;color:var(--ink2)}
code{font-family:var(--mono);font-size:.88em;background:var(--chip);padding:.05em .3em;border-radius:4px}
footer.fuss{border-top:1px solid var(--rule);font-size:.85rem;color:var(--ink3);margin-top:2rem}
footer.fuss .rahmen{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;padding-top:1.4rem;padding-bottom:2rem}
footer.fuss a{color:inherit}
@media (max-width:560px){
  .liste li{grid-template-columns:1fr auto}
  .liste .dat{order:1}.liste .nr{order:2;text-align:right}.liste .tt{order:3;grid-column:1/-1}
  dl.meta{grid-template-columns:1fr}dl.meta dt{margin-top:.3rem}
}
@media print{header.kopf,footer.fuss,.knoepfe,nav.toc{display:none}}