:root{
  --tief:#052E5C; --blau:#0B4F94; --akzent:#58B7F0;
  --papier:#F2F7FC; --wolke:#FFFFFF; --tinte:#0C1A2B; --tinte-weich:#4A5C70;
  --linie:#DCE6F0;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Figtree",system-ui,-apple-system,sans-serif;
  background:var(--papier);color:var(--tinte);
  font-size:16.5px;line-height:1.68;-webkit-font-smoothing:antialiased;
}
.kopf{background:linear-gradient(165deg,var(--tief),var(--blau));color:#fff;padding:2rem 0}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.marke{display:flex;align-items:center;gap:.6em;font-weight:800;font-size:1.35rem;letter-spacing:-.035em;color:#fff}
.marke .mark{width:32px;height:32px;border-radius:9px;flex:none}
main{padding:3rem 0 4rem}
h1{font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.025em;line-height:1.12;margin-bottom:.6rem}
.stand{color:var(--tinte-weich);font-size:.92rem;margin-bottom:2.25rem}
h2{font-size:1.18rem;letter-spacing:-.015em;margin:2.5rem 0 .7rem;color:var(--tief)}
h3{font-size:1rem;margin:1.5rem 0 .5rem}
p,li{color:var(--tinte-weich)}
p{margin-bottom:.95rem}
ul,ol{margin:0 0 1.1rem 1.3rem}
li{margin-bottom:.45rem}
a{color:var(--blau)}
b,strong{color:var(--tinte)}
table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.94rem}
th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--linie);vertical-align:top}
th{color:var(--tinte);font-weight:600;background:var(--wolke)}
.hinweis{background:#FFF4D6;border-left:4px solid #C9971B;padding:1.1rem 1.3rem;
         border-radius:0 12px 12px 0;margin:0 0 2.5rem;font-size:.94rem;color:#5C4708}
.hinweis b{color:#4A390A}
.karte{background:var(--wolke);border:1px solid var(--linie);border-radius:14px;padding:1.25rem 1.4rem;margin:1.25rem 0}
.karte p:last-child{margin-bottom:0}
footer{border-top:1px solid var(--linie);padding:2rem 0 3rem;font-size:.9rem}
footer nav{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1rem}
:focus-visible{outline:3px solid var(--akzent);outline-offset:3px;border-radius:6px}

@media(max-width:720px){
  body{font-size:16px;padding:2rem 1rem}
  .wrap{padding:0 18px}
  main{padding:2.25rem 0 3rem}
  h1{font-size:clamp(1.6rem,7vw,2rem)}
  h2{font-size:1.08rem;margin:2rem 0 .6rem}
  .hinweis{padding:1rem 1.1rem;margin-bottom:2rem}
  table{font-size:.88rem}
  th,td{padding:.6rem .5rem}
  .karte{padding:1.1rem 1.2rem}
  footer nav{gap:.9rem 1.1rem}
}