*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:18px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1f2328;background:#f6f7f9}
a{color:var(--akzent)}
a:hover{text-decoration:none}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.kopf{background:#fff;border-top:4px solid var(--akzent);border-bottom:1px solid #e3e6ea}
.kopf .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-top:14px;padding-bottom:14px}
.logo{font-weight:700;font-size:1.35rem;color:#1f2328;text-decoration:none;line-height:1.2}
.logo small{display:block;font-weight:400;font-size:.8rem;color:#5b6370}
.menu{display:flex;flex-wrap:wrap;gap:4px 18px}
.menu a{color:#1f2328;text-decoration:none;font-weight:600;font-size:.95rem}
.menu a:hover{color:var(--akzent)}
.inhalt{background:#fff;margin-top:24px;margin-bottom:24px;padding-top:8px;padding-bottom:24px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
h1{font-size:2rem;line-height:1.2;margin:24px 0 16px}
h2{font-size:1.45rem;line-height:1.3;margin:32px 0 12px}
h3{font-size:1.15rem;margin:24px 0 8px}
ul,ol{padding-left:1.3em}
.produkt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e3e6ea;border-left:4px solid var(--akzent);border-radius:6px;padding:14px 16px;margin:18px 0;background:#fafbfc}
.produkt-text{flex:1 1 260px}
.produkt-text strong{display:block}
.produkt-text span{font-size:.9rem;color:#5b6370}
.btn{display:inline-block;background:#f0a500;color:#1f2328;font-weight:700;text-decoration:none;padding:10px 18px;border-radius:6px;white-space:nowrap}
.btn:hover{background:#ffb81c}
.video a{font-weight:600}
.toc{background:#f6f7f9;border-radius:6px;padding:12px 16px;margin:18px 0;font-size:.95rem}
.toc ol{margin:6px 0 0}
.toc .l3{margin-left:1em;list-style:circle}
.spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px}
.liste ul{list-style:none;padding:0}
.liste li{padding:12px 0;border-bottom:1px solid #eef0f2}
.liste li a{font-weight:700;display:block}
.liste li span{font-size:.92rem;color:#5b6370}
.hinweisbox{background:#fff8e6;border-left:4px solid #f0a500;padding:12px 16px;border-radius:6px;margin:18px 0}
.fuss{font-size:.88rem;color:#5b6370;padding:8px 0 32px}
.fuss nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:8px 0}
.fuss a{color:#5b6370}
.hinweis{font-size:.82rem}
@media (max-width:600px){body{font-size:17px}h1{font-size:1.6rem}.inhalt{margin-top:12px;border-radius:0}}