:root{--nb:#0B3B8C;--bl:#1559E6;--y:#FFD400;--ink:#2B2F36;--mu:#5F6672;--paper:#FAF8F2;--card:#fff;--bd:#E6E1D6;--ok:#0f7a3a;--er:#b42318;--r:14px}
*{box-sizing:border-box}html,body{margin:0}body{font:16px/1.5 "Source Sans 3","Segoe UI",system-ui,sans-serif;background:var(--paper);color:var(--ink)}
h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;color:var(--nb);line-height:1.2;margin:0 0 10px}h1{font-size:clamp(1.7rem,1.3rem + 2vw,2.5rem)}h2{font-size:1.45rem}h3{font-size:1.05rem}
button,.btn{font:inherit;min-height:44px;padding:0 20px;border-radius:12px;border:1.5px solid var(--bd);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;font-weight:600}
.pri{background:var(--nb);border-color:var(--nb);color:#fff}.sec{border-color:var(--nb);color:var(--nb)}
.wrap{max-width:960px;margin:0 auto;padding:0 18px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;max-width:960px;margin:0 auto}header img{height:34px;display:block}
.hero{padding:28px 0 20px}.hero p{font-size:1.1rem;max-width:60ch;color:var(--mu)}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.grid{display:grid;gap:14px;grid-template-columns:1fr}.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:16px}
section{padding:18px 0}.steps{counter-reset:s;list-style:none;margin:0;padding:0}.steps li{counter-increment:s;position:relative;padding-inline-start:52px;min-height:40px}
.steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--nb);color:#fff;display:grid;place-items:center;font-weight:700}
.price{font-size:2rem;font-weight:700;color:var(--nb)}.mu{color:var(--mu);font-size:.9rem}
footer{padding:24px 18px 80px;text-align:center;color:var(--mu);font-size:.9rem}footer a{color:var(--nb)}
dialog{max-height:92vh;overflow:auto;border:1px solid var(--bd);border-radius:16px;padding:20px;width:min(92vw,380px);background:var(--card);color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.5)}
dialog form{display:grid;gap:10px}.cons{font-size:.88rem;border:1px solid var(--bd);border-radius:12px;padding:8px 10px}.cons ol{margin:6px 0;padding-inline-start:20px}.cons summary{font-weight:600;cursor:pointer}.chk{display:flex;gap:10px;align-items:flex-start;min-height:44px;padding-top:8px}.chk input{width:22px;height:22px;flex:0 0 auto}html[data-theme=dark] .cons{border-color:#2B3A5E}dialog input{font:inherit;min-height:44px;padding:0 12px;border-radius:12px;border:1.5px solid var(--bd);background:#fff;color:var(--ink)}
.msg{min-height:1.3em;font-size:.9rem;color:var(--er)}.msg.ok{color:var(--ok)}.lnk{background:none;border:0;color:var(--nb);min-height:44px;text-decoration:underline;padding:0 6px;font-weight:400}
.seg{display:inline-flex;border:1.5px solid var(--nb);border-radius:12px;overflow:hidden}.seg button{border:0;border-radius:0;min-height:44px;padding:0 12px;background:transparent;color:var(--nb);font-weight:600}.seg button[aria-pressed=true]{background:var(--nb);color:#fff}html[data-theme=dark] .seg{border-color:#5B7BC4}html[data-theme=dark] .seg button{color:#A9C4FF;background:transparent}html[data-theme=dark] .seg button[aria-pressed=true]{background:#2A63F2;color:#fff}
@media(min-width:720px){.grid.g3{grid-template-columns:repeat(3,1fr)}.grid.g2{grid-template-columns:1fr 1fr}}
html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#0F1626;color:#E8ECF5}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .price{color:#A9C4FF}
html[data-theme=dark] .card,html[data-theme=dark] dialog{background:#16203A;border-color:#2B3A5E;color:#E8ECF5}html[data-theme=dark] .mu,html[data-theme=dark] .hero p,html[data-theme=dark] footer{color:#B8C0CC}
html[data-theme=dark] button,html[data-theme=dark] .btn,html[data-theme=dark] dialog input{background:#1C2846;color:#E8ECF5;border-color:#33456F}html[data-theme=dark] .pri{background:#2A63F2;border-color:#2A63F2;color:#fff}
html[data-theme=dark] .sec,html[data-theme=dark] .lnk,html[data-theme=dark] footer a{color:#A9C4FF}html[data-theme=dark] .steps li::before{background:#2A63F2}html[data-theme=dark] .msg{color:#FFB4A8}html[data-theme=dark] .msg.ok{color:#9BE3B5}
:focus-visible{outline:3px solid var(--bl);outline-offset:2px}html[data-theme=dark] :focus-visible{outline-color:#FFD400}

/* Landing-Erweiterungen (2026-11-07): Sprachwahl, FAQ, Beispiel, Kontakt, Unterseiten; logische Eigenschaften für RTL */
html body #langb,html body #langb.ma-fallback{display:none!important}
select,textarea{font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--bd);border-radius:12px}
select{min-height:44px;padding:0 10px;max-width:100%}
textarea{min-height:110px;padding:10px 12px;width:100%;resize:vertical}
.fld{display:grid;gap:10px}.fld input{font:inherit;min-height:44px;padding:0 12px;border-radius:12px;border:1.5px solid var(--bd);background:#fff;color:var(--ink);width:100%}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
nav.sub{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:14px}nav.sub a{color:var(--nb);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
details.faq{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);margin-bottom:10px}details.faq summary{cursor:pointer;font-weight:600;padding:12px 16px;min-height:44px;color:var(--nb)}details.faq p{margin:0;padding:0 16px 14px}
figure{margin:0}figure img{max-width:100%;height:auto;border:1px solid var(--bd);border-radius:var(--r);display:block;background:#fff}figcaption{font-size:.9rem;color:var(--mu);margin-top:8px}
.ex{display:grid;gap:16px;align-items:start}@media(min-width:720px){.ex{grid-template-columns:minmax(0,320px) 1fr}}
.stt{display:grid;gap:10px}.stt .row{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-end:8px;background:var(--mu)}.dot.ok{background:var(--ok)}.dot.er{background:var(--er)}
.page h2{margin-top:22px}.page ul{padding-inline-start:22px}.page li{margin:4px 0}.chg h3{margin-top:18px}
html[dir=rtl] .hero p,html[dir=rtl] .card{text-align:start}
html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .fld input{background:#1C2846;color:#E8ECF5;border-color:#33456F}
html[data-theme=dark] nav.sub a,html[data-theme=dark] details.faq summary{color:#A9C4FF}html[data-theme=dark] details.faq,html[data-theme=dark] figure img{border-color:#2B3A5E}html[data-theme=dark] details.faq{background:#16203A}html[data-theme=dark] figcaption{color:#B8C0CC}
html[data-theme=dark] .dot.ok{background:#9BE3B5}html[data-theme=dark] .dot.er{background:#FFB4A8}
html[lang=zh] body{font-family:"Source Sans 3","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
html[lang=zh] h1,html[lang=zh] h2,html[lang=zh] h3{font-family:"Noto Serif CJK SC","Songti SC","SimSun",serif}
header.top{flex-wrap:wrap}header.top>div{min-width:0}
.fld .chk input{width:22px;min-height:22px;padding:0}.chk span{min-width:0}