@import "https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";
:root{--navy:#0b1736;--navy-light:#1a2a55;--blau:#2f7bff;--blau-dunkel:#1e5fd6;--tint:#f4f8fe;--rand:#e2e6ee;--weiss:#fff;--grau:#6b7280;--dhl:#fc0;--dhl-text:#4a3b00;--dpd:#dc0032;--dpd-text:#fff;--warnung:#fff4e5;--warnung-text:#8a5300;--fehler:#e4574c;--font-display:"Sora", system-ui, -apple-system, sans-serif;--font-text:"Inter", system-ui, -apple-system, sans-serif;--zeile:64px;--radius:8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-text);color:var(--navy);background:var(--weiss);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0}a{color:var(--blau)}button,input,select{font-family:var(--font-text);font-size:16px}button{cursor:pointer}.knopf{background:var(--blau);color:var(--weiss);border-radius:var(--radius);border:none;padding:14px 24px;font-weight:600}.knopf:hover{background:var(--blau-dunkel)}.knopf:disabled{background:var(--rand);color:var(--grau);cursor:not-allowed}.knopf-still{background:var(--weiss);color:var(--navy);border:1px solid var(--rand);border-radius:var(--radius);padding:14px 24px;font-weight:600}.knopf-still:hover{background:var(--tint)}.feld{border:1px solid var(--rand);border-radius:var(--radius);background:var(--weiss);width:100%;color:var(--navy);padding:14px 16px}.feld:focus{outline:2px solid var(--blau);outline-offset:-1px;border-color:var(--blau)}.beschriftung{color:var(--grau);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.hinweis{border:1px solid var(--grau);width:16px;height:16px;color:var(--grau);cursor:help;vertical-align:middle;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-left:5px;padding:0;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:relative}.hinweis:hover,.hinweis:focus-visible{border-color:var(--blau);color:var(--blau)}.hinweis-blase{z-index:20;background:var(--navy);width:280px;color:var(--weiss);text-align:left;white-space:normal;opacity:0;visibility:hidden;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0b173647}.hinweis-blase:after{content:"";border:6px solid #0000;border-top-color:var(--navy);margin-left:-6px;position:absolute;top:100%;left:50%}.hinweis:hover .hinweis-blase,.hinweis:focus-visible .hinweis-blase{opacity:1;visibility:visible}.hinweis-blase.rechts{left:auto;right:-8px;transform:none}.hinweis-blase.rechts:after{margin-left:0;left:auto;right:12px}@media (max-width:1600px){.nur-breit{display:none}}
