@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--papier: #f3f2f2;--flaeche: #eae9e9;--tinte: #201e1d;--dunkelflaeche: #2d2b2b;--rot: #ec3013;--rot-gedrueckt: #dd2b0f;--rot-tief: #ae1800;--rot-hell: #ff9783;--rot-tint: #fff2ef;--divider: rgba(32, 30, 29, .4);--linie: rgba(32, 30, 29, .25);--linie-fein: rgba(32, 30, 29, .2);--rand: rgba(32, 30, 29, .55);--gedaempft-75: rgba(32, 30, 29, .75);--gedaempft-70: rgba(32, 30, 29, .7);--gedaempft-65: rgba(32, 30, 29, .65);--gedaempft-60: rgba(32, 30, 29, .6);--gedaempft-55: rgba(32, 30, 29, .55);--gedaempft-45: rgba(32, 30, 29, .45);--hell-divider: rgba(243, 242, 242, .35);--hell-75: rgba(243, 242, 242, .75);--hell-65: rgba(243, 242, 242, .65);--hell-55: rgba(243, 242, 242, .55);--hell-45: rgba(243, 242, 242, .45)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--papier);color:var(--tinte);font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.55;font-variant-numeric:tabular-nums;overflow:hidden}h1,h2,h3,h4{font-weight:800;letter-spacing:-.015em}a{color:var(--rot-tief)}a:hover{color:var(--rot)}input,textarea,button{font-family:Archivo,system-ui,sans-serif}textarea{resize:none}button{border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;font-size:inherit;line-height:inherit}:focus{outline:none}*:focus-visible{outline:2px solid var(--rot);outline-offset:2px}::selection{background:#ec30134d}.schirm{height:100vh;min-width:1180px;display:flex;flex-direction:column;overflow:hidden}.beschriftung{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.kopf-marke{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eingabe{width:100%;border:1px solid var(--rand);border-radius:0;background:#fff;padding:10px 12px;font-size:16px;color:var(--tinte)}.knopf-rot{background:var(--rot);color:#fff;font-size:16px;font-weight:800}.knopf-rot:hover{background:var(--rot-gedrueckt)}.knopf-linie{border:1px solid var(--rand);color:var(--tinte);font-size:16px;font-weight:800;background:transparent}.knopf-linie:hover{background:var(--rot-tint)}.knopf-gesperrt{border:1px solid rgba(32,30,29,.3);color:var(--gedaempft-45);background:transparent;cursor:not-allowed;font-size:16px;font-weight:800}.link-still{font-size:15px;color:var(--gedaempft-60);border-bottom:1px solid rgba(32,30,29,.4)}.link-still:hover{color:var(--tinte)}.link-dunkel{color:var(--hell-45);font-size:14px}.link-dunkel:hover{color:var(--rot-hell)}.link-rotwerdend{color:var(--tinte);font-size:15px}.link-rotwerdend:hover{color:var(--rot)}.fall-knopf{border:1px solid rgba(32,30,29,.35);color:var(--gedaempft-75);padding:8px 16px;font-size:15px;font-weight:800}.fall-knopf:hover{background:var(--rot-tint)}.fall-knopf.aktiv{background:var(--tinte);color:var(--papier);border-color:var(--tinte)}.upl{width:100%;border:1px solid var(--rand);background:#fff;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;font-size:16px;color:var(--tinte)}.upl:hover{background:var(--rot-tint)}
