:root{--blau:#1b2a7a;--gold:#b89a4e;--papier:#fffdf8;--text:#1a1a2e;--grau:#5a5a6a;--linie:#d9d4c4}
*{box-sizing:border-box}
body{margin:0;background:#f4f2ec;color:var(--text);font-family:"Times New Roman",Times,"Liberation Serif",serif}
h1{color:var(--blau);font-style:italic;margin:0 0 .3em}
button{font:inherit;cursor:pointer;border-radius:6px}
input,textarea{font:inherit;font-size:16px;width:100%;padding:.5em .6em;border:1px solid var(--linie);border-radius:6px;background:#fff;color:var(--text)}
textarea{resize:vertical}
label{display:block;margin:.9em 0 .25em;color:var(--grau);font-size:.95em}
.zugang{max-width:360px;margin:12vh auto 0;padding:2em 1.5em;background:var(--papier);border:3px double var(--blau);text-align:center}
.zugang form{text-align:left}
.zugang button,.haupt{margin-top:1.2em;width:100%;padding:.75em;border:0;background:var(--blau);color:#fff;font-size:1.05em}
.fehler{color:#a01818}
.formular{max-width:1200px;margin:0 auto;padding:16px;overflow-x:hidden}
.formular header{display:flex;justify-content:space-between;align-items:center;gap:1em}
.neben{background:transparent;border:1px solid var(--gold);color:var(--blau);padding:.4em .8em;font-size:.9em;margin-top:.5em}
.spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:start}
.vorschau{position:sticky;top:16px;min-width:0}
.blatt-rahmen{width:100%;max-width:100%;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.15);background:#fff}
#vorschau{width:794px;height:1123px;border:0;transform-origin:0 0;display:block}
@media (max-width:820px){.spalten{grid-template-columns:minmax(0,1fr)}.vorschau{position:static;order:-1}}
