@font-face{font-family:Archivo;src:url(Archivo-var-latin.woff2) format('woff2');font-weight:100 900}
@font-face{font-family:'Permanent Marker';src:url(PermanentMarker.woff2) format('woff2')}
*{box-sizing:border-box;margin:0}body{background:#000;color:#fff;font:400 18px/1.5 Archivo,sans-serif;padding:28px 20px 48px;max-width:560px;margin:auto}
.marke{font-weight:900;font-size:22px;letter-spacing:-.03em;border-bottom:1px solid #262626;padding-bottom:14px}.marke span{font-family:'Permanent Marker';color:#F57C00;font-weight:400;display:inline-block;transform:rotate(-4deg);margin-left:6px}
.label{display:inline-block;background:#EDBD02;color:#000;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;margin-top:26px}
h1{font-weight:900;font-size:40px;line-height:1.02;letter-spacing:-.03em;text-transform:uppercase;margin:14px 0 18px}h1 em{font-style:normal;color:#F57C00}
.schritt{border:2px solid #fff;padding:14px 16px;margin-top:12px;display:flex;gap:14px}.schritt b{flex:none;width:30px;height:30px;background:#F57C00;color:#000;display:grid;place-items:center;font-weight:900}
.knopf{display:block;text-align:center;margin-top:26px;background:#F57C00;color:#000;font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:.06em;padding:16px;text-decoration:none}
.klein{color:#B8B8B8;font-size:14px;margin-top:22px}
