﻿/* Rechtstexte und Formulare: dieselbe dunkle Bühne wie die Startseite, als ruhige Lesespalte. */
:root{--void:#05060d;--panel:#0d1124;--paper:#f3f0ff;--soft:#d3d8ec;--dim:#a3abc6;--home:#9a78ff;--pro:#5fe8d8;--flare:#f9be7b;--warn:#ffb4a8;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--void)}
body{font-family:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;color:var(--paper);background:radial-gradient(ellipse 70% 40% at 50% -8%,#1b1f4a 0%,transparent 70%),var(--void);background-attachment:fixed;line-height:1.65;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--pro)}
:focus-visible{outline:2px solid var(--flare);outline-offset:3px;border-radius:6px}
.legal-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding:22px clamp(20px,6vw,72px);border-bottom:1px solid #ffffff1f}
.brand{font-size:26px;letter-spacing:-.045em;text-decoration:none}
.wm-viki{font-weight:800;color:#fff}
.wm-desk{font-weight:500;background:linear-gradient(115deg,#00b5ff 0%,#2f7bff 30%,#8a52ff 60%,#c44cf0 78%,#ff57aa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.legal-top nav,.legal-foot{display:flex;flex-wrap:wrap;gap:8px 22px}
.legal-top nav a,.legal-foot a{color:var(--dim);font-size:15px;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}
.legal-top nav a:hover,.legal-foot a:hover{color:var(--paper);border-color:var(--pro)}
.legal{flex:1;width:100%;max-width:74ch;margin:0 auto;padding:clamp(36px,7vw,84px) clamp(20px,6vw,40px) 72px}
.legal h1{font:600 clamp(34px,5vw,54px)/1.05 'Bahnschrift','DIN Alternate','Arial Narrow',sans-serif;font-stretch:84%;margin-bottom:26px;text-wrap:balance}
.legal h2{font:600 22px/1.25 'Bahnschrift','DIN Alternate','Arial Narrow',sans-serif;margin:38px 0 10px;color:var(--paper)}
.legal p{color:var(--soft);font-size:16.5px;margin-top:12px}
.legal-lead{font-size:18px !important;color:var(--paper) !important}
.legal-stand{margin-top:48px !important;font-size:14px !important;color:var(--dim) !important}
.legal-missing{padding:14px 16px;border:1px solid var(--warn);border-radius:10px;color:var(--warn) !important}
.legal-form{margin-top:16px;padding:20px 22px;border:1px dashed #ffffff40;border-radius:12px}
.legal-fields{display:grid;gap:18px;margin-top:30px}
.legal-fields label{display:grid;gap:7px;font-size:15px;color:var(--soft)}
.legal-fields input,.legal-fields select,.legal-fields textarea{font:inherit;font-size:16px;color:var(--paper);background:var(--panel);border:1px solid #ffffff38;border-radius:10px;padding:12px 14px;width:100%}
.legal-fields input:focus,.legal-fields select:focus,.legal-fields textarea:focus{border-color:var(--pro);outline:none;box-shadow:0 0 0 3px #5fe8d833}
.legal-fields button{justify-self:start;font:inherit;font-weight:650;font-size:16px;padding:14px 28px;border:0;border-radius:999px;background:var(--pro);color:#07070f;cursor:pointer}
.legal-fields button:disabled{opacity:.55;cursor:wait}
.legal-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.legal-result{min-height:1.6em;font-size:16px !important}
.legal-result.is-error{color:var(--warn) !important}
.legal-result.is-done{color:var(--pro) !important}
.legal-foot{padding:24px clamp(20px,6vw,72px);border-top:1px solid #ffffff1f}
@media print{body{background:#fff;color:#000}.legal p,.legal h2,.legal h1{color:#000}.legal-top nav,.legal-foot{display:none}}
