*,*::before,*::after{box-sizing:border-box}
:root{--blau:#2696BF;--text:#1d1d1f;--leise:#5f6368;--grund:#fff;--linie:#dedede;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--text:#f2f2f2;--leise:#a8adb3;--grund:#111;--linie:#333}}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--text);font:17px/1.55 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
header{background:var(--blau);padding:20px 16px}
.marke{display:flex;align-items:center;gap:14px;max-width:44rem;margin:0 auto;color:#fff;text-decoration:none;font-weight:600;font-size:1.25rem}
.marke img{border-radius:12px;display:block;box-shadow:0 0 0 1.5px rgba(255,255,255,.75)}
main{max-width:44rem;margin:0 auto;padding:24px 16px 8px}
h1{font-size:1.9rem;line-height:1.2;margin:.4em 0 .5em}
h2{font-size:1.25rem;margin:1.6em 0 .4em}
h3{font-size:1.05rem;margin:1.2em 0 .3em}
p,li{overflow-wrap:break-word}
.gross{font-size:1.15rem}
.klein{color:var(--leise);font-size:.9rem}
a{color:var(--blau)}
ul{padding-left:1.2em}
footer{max-width:44rem;margin:32px auto 0;padding:16px 16px 40px;border-top:1px solid var(--linie);color:var(--leise);font-size:.9rem}
footer p{margin:.4em 0 0}