/* Best4Wordpress Landingpage: Marineblau #00334e, Rot #c8102e, Systemschrift, keine externen Ressourcen */
:root{--ink:#0b2230;--muted:#4a5b68;--bg:#ffffff;--soft:#f3f6f8;--navy:#00334e;--accent:#c8102e;--line:#dde4e9}
@media(prefers-color-scheme:dark){:root{--ink:#eaf1f5;--muted:#b3c1cb;--bg:#071a26;--soft:#0d2535;--line:#1c3a4d;--accent:#ff5a6f}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.wrap{width:min(920px,100% - 32px);margin:0 auto}
.top{border-bottom:1px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:16px}
.brand img{display:block;height:auto;width:min(320px,62vw)}
.lang{font-weight:700;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:14px}
.lang:hover,.lang:focus-visible{border-color:var(--accent);color:var(--accent)}
main{flex:1;padding:clamp(40px,10vw,110px) 0}
.hero{max-width:680px}.eyebrow{display:inline-block;margin:0 0 14px;padding:4px 12px;border-radius:99px;background:var(--soft);border:1px solid var(--line);color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
h1{font-size:clamp(30px,6vw,48px);line-height:1.12;margin:0 0 20px;letter-spacing:-.02em}
.lead{font-size:1.15em;color:var(--ink)}.hero p{color:var(--muted)}.hero .lead{color:var(--ink)}
.legal{max-width:720px}.legal h1{font-size:clamp(28px,5vw,38px)}.legal h2{font-size:19px;margin:28px 0 6px}.legal p,.legal li{color:var(--muted)}
a{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.foot{border-top:1px solid var(--line);background:var(--soft);font-size:14px}.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;padding:20px 0}
.foot p{margin:0;color:var(--muted)}.foot nav{display:flex;flex-wrap:wrap;gap:6px 20px}.foot a{color:var(--ink)}
.linklike{font:inherit;background:none;border:0;padding:0;color:var(--ink);text-decoration:underline;cursor:pointer}
code{background:var(--soft);padding:1px 5px;border-radius:4px}
:root{--accent-cc:#00334e}