@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-display:swap;src:url(/fonts/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-display:swap;src:url(/fonts/source-sans-3-latin-600-normal.woff2) format("woff2")}
*{box-sizing:border-box}
body{margin:0;background:#FAFAF8;color:#222222;font:18px/1.65 "Source Sans 3",sans-serif}
a{color:#A85A00}a:hover{color:#7A4100}
:focus-visible{outline:3px solid #F48600;outline-offset:2px}
.top{border-bottom:1px solid #E6E4DF;background:#FFFFFF}
.top div{max-width:860px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.brand{font:800 20px Manrope,sans-serif;color:#222222;text-decoration:none}
.brand span{color:#A85A00}
main{max-width:860px;margin:0 auto;padding:48px 24px 80px}
h1{font:800 clamp(32px,4vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-.02em;margin:0 0 24px}
h2{font:700 22px/1.3 Manrope,sans-serif;margin:40px 0 8px}
h3{font:700 18px/1.3 Manrope,sans-serif;margin:24px 0 4px}
p,ul{margin:0 0 12px}
.muted{color:#555555}
footer{background:#1A1A1A;color:#D6D6D6;font-size:15px}
footer div{max-width:860px;margin:0 auto;padding:28px 24px;display:flex;flex-wrap:wrap;gap:12px 28px}
footer a{color:#D6D6D6;text-decoration:none}footer a:hover{color:#FFFFFF}
/* Unterseiten: Navigation, Blog, Hilfe */
.top nav{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:16px}
.top nav a{color:#222222;text-decoration:none;font-weight:600}
.top nav a:hover,.top nav a[aria-current="page"]{color:#A85A00}
main.wide{max-width:1040px}
.lead{font-size:20px;color:#444444;margin:0 0 32px}
.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card{background:#FFFFFF;border:1px solid #E6E4DF;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px}
.card h2,.card h3{margin:0;font:700 21px/1.3 Manrope,sans-serif}
.card h2 a,.card h3 a{color:#222222;text-decoration:none}
.card h2 a:hover,.card h3 a:hover{color:#A85A00}
.meta{font-size:15px;color:#5A5A5A;margin:0 0 4px}
.toc{background:#FFFFFF;border:1px solid #E6E4DF;border-radius:12px;padding:20px 24px;margin:0 0 32px}
.toc ul{columns:2 260px;margin:8px 0 0;padding-left:20px}
details.faq{background:#FFFFFF;border:1px solid #E6E4DF;border-radius:10px;padding:16px 20px;margin:0 0 10px}
details.faq summary{cursor:pointer;font:700 18px/1.4 Manrope,sans-serif}
details.faq[open] summary{margin-bottom:8px}
table{border-collapse:collapse;width:100%;margin:8px 0 16px;font-size:16px}
th,td{border-bottom:1px solid #E6E4DF;padding:8px 10px;text-align:left;vertical-align:top}
th{font-family:Manrope,sans-serif;font-weight:700}
code,kbd{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:#F2F1ED;border-radius:4px;padding:1px 6px}
.note{background:#FEF1E1;border-radius:10px;padding:14px 18px;margin:0 0 24px}
.cta{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:8px;background:#F48600;color:#222222;font:700 16px Manrope,sans-serif;text-decoration:none}
.cta:hover{background:#D97700;color:#222222}
article.post h1{margin-bottom:8px}
article.post p,article.post li{max-width:70ch}