:root{
  --grund:#FBF6EC; --karte:#FFFFFF; --rand:#EEE4D3; --tinte:#16324D;
  --gedaempft:#857F70; --blau:#3E7CA8; --sand:#EAE2D2;
  --ui:-apple-system,"Segoe UI",system-ui,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;padding:0;background:var(--grund);color:var(--tinte);
     font-family:var(--ui);line-height:1.65;-webkit-font-smoothing:antialiased;}
.seite{max-width:760px;margin:0 auto;padding:28px 20px 60px;}
header.kopf{display:flex;align-items:center;gap:14px;padding-bottom:6px;}
header.kopf .anker{width:52px;height:52px;flex:none;border-radius:12px;background:var(--tinte);
  display:flex;align-items:center;justify-content:center;}
header.kopf .anker svg{width:36px;height:36px;display:block;}
header.kopf h1{font-size:24px;margin:0;letter-spacing:-.02em;}
header.kopf p{margin:2px 0 0;font-size:14px;color:var(--gedaempft);}
nav{margin:20px 0 26px;display:flex;flex-wrap:wrap;gap:8px;}
nav a{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--blau);
  background:var(--karte);border:1px solid var(--rand);border-radius:10px;padding:8px 13px;}
nav a[aria-current="page"]{background:var(--tinte);border-color:var(--tinte);color:#fff;}
h2{font-size:18px;margin:30px 0 8px;letter-spacing:-.01em;}
h3{font-size:15px;margin:22px 0 6px;}
p,li{font-size:15px;}
ul{padding-left:20px;}
a{color:var(--blau);}
.karte{background:var(--karte);border:1px solid var(--rand);border-radius:16px;
  padding:18px 20px;margin:18px 0;}
.karte h2:first-child,.karte h3:first-child{margin-top:0;}
.klein{font-size:13px;color:var(--gedaempft);}
footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--rand);
  font-size:13px;color:var(--gedaempft);}
footer a{margin-right:14px;}
@media (max-width:520px){ .seite{padding:20px 14px 48px;} header.kopf h1{font-size:20px;} }