:root{--papier:#f3f1ea;--karte:#fffefa;--linie:#dedbd2;--linie-stark:#bcb8ab;--text:#252925;--text-leise:#595d54;--graphit:#252925;--rost:#48553e;--rost-dunkel:#313c2a;--rost-hell:#e9eddf;--stahl:#485c61;--stahl-hell:#e7eded;--schrift:system-ui,-apple-system,"Segoe UI",sans-serif;--schrift-titel:Georgia,"Palatino Linotype",serif;font-family:var(--schrift);color:var(--text)}
body{height:auto;min-height:100vh;background:var(--papier)}
.site-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px clamp(16px,4vw,60px);border-bottom:1px solid var(--linie);font-size:13px}.site-bar a{text-decoration:none;color:var(--text);letter-spacing:.22em;font-size:22px;font-weight:600}.site-bar a span{font-size:10px;letter-spacing:.13em}
.preview-note{padding:9px 16px;text-align:center;font-size:12px;line-height:1.5;background:#e6e4db;color:#494c44}
#app{max-width:1600px;margin:0 auto;min-height:calc(100vh - 116px);height:auto}.kopf{background:var(--papier);color:var(--text);padding:24px clamp(16px,3vw,40px);border-bottom:1px solid var(--linie);gap:20px}.marke-text b{color:var(--text);font:normal 30px Georgia,serif;letter-spacing:.03em}.marke-text span{color:var(--text-leise);font-size:14px}.marke-zeichen{color:var(--rost)}.schritte{background:#e3e3d9}.schritte button{color:#53594c}.schritte .nr{background:#d0d3c7;color:#394331}.schritte button.erledigt{color:var(--text)}.schritte button:focus-visible{outline:2px solid #394331}
.eingabe h2{font-family:Georgia,serif;font-weight:400;font-size:30px}.haupt{min-height:620px}.eingabe{border-radius:12px;margin:20px 20px 20px 0;border:1px solid var(--linie);overflow:visible}.vorschau{min-width:0}.knopf,.kachel{border-radius:10px}.knopf.primaer{box-shadow:none}.fuss{border-radius:12px 12px 0 0;gap:12px}.knopf:focus-visible,.kachel:focus-visible{outline:3px solid #677655}.feld input:focus,.kontakt input:focus,.kontakt textarea:focus{box-shadow:0 0 0 3px #48553e26;border-color:var(--rost)}
@media(max-width:900px){.haupt{min-height:0}.eingabe{margin:0 16px 20px;padding:20px}.kopf{flex-wrap:wrap}.vorschau{padding:16px}.fuss{padding:12px 16px}.site-bar{padding:16px}.site-bar>span{font-size:12px}}
@media(max-width:560px){.site-bar a{font-size:18px}.site-bar>span{max-width:115px;text-align:right}.marke-text span{display:block}.marke-text b{font-size:25px}.schritte{max-width:100%;box-sizing:border-box}.fuss{flex-wrap:wrap}.fuss .knopf{min-height:48px;padding:10px 14px;font-size:15px}.zeichen-fenster{max-width:calc(100vw - 48px)}input,textarea,select{font-size:16px!important}.vorschau .legende{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

*,*::before,*::after{box-sizing:border-box}#app,.haupt,.eingabe,.kopf,.fuss{min-width:0}#app{display:flex;flex-direction:column}.haupt{flex:1}.fuss{width:100%}

.site-bar{display:none}#app{min-height:calc(100vh - 44px)}