/* Archivo - selbst gehostet, variable Schriftschnitte 100-900.
   Bewusst NICHT von fonts.googleapis.com geladen: sonst ginge bei jedem
   Seitenaufruf die IP der Besucher an Google (LG Muenchen I, 3 O 17493/20).
   Optisch identisch zur eingebundenen Google-Variante. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/archivo-var-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('assets/fonts/archivo-var-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{--eb:#21130F;--ox:#1D2A2B;--pink:#CB6FAF;--red:#A31D02;--chrom:#929295;--chrom-l:#CFCFCF;--line:rgba(146,146,149,.22);--line-s:rgba(146,146,149,.45);--body:#D6D1CE;--muted:#8D857F;--faint:#6E6862}
@font-face{font-family:"5by7";src:url("assets/5by7Light.ttf") format("truetype");font-display:swap}
*{box-sizing:border-box}
html,body{margin:0}
body{background:linear-gradient(180deg,var(--eb) 0%,var(--eb) 52%,#160c09 78%,#000 100%) no-repeat;background-attachment:fixed;color:var(--body);font:400 15px/1.5 Archivo,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:520px;margin:0 auto}
.mx{font-family:"5by7","Courier New",monospace;letter-spacing:.10em;text-transform:uppercase;color:#fff}
.lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
a{color:var(--pink);text-decoration:none}
a:hover{color:#fff}
.hero{position:relative;height:470px;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;filter:saturate(.88) contrast(1.06)}
.hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(33,19,15,.72),rgba(33,19,15,.15) 34%,rgba(33,19,15,.55) 66%,#21130F)}
.hero .inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:18px 22px 20px}
.hero img.logo{position:static;width:auto;height:20px;filter:none;object-fit:contain}
.tag{display:inline-block;padding:4px 9px;border-radius:999px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.tag.solid{background:#fff;color:var(--eb)}
.tag.accent{background:rgba(203,111,175,.16);color:var(--pink)}
.pad{padding:20px 22px 40px;display:flex;flex-direction:column;gap:22px}
.count{display:flex;gap:22px;align-items:flex-end;padding:14px 16px;background:var(--ox);border:1px solid var(--line);border-radius:14px}
.count b{display:block;font-family:"5by7","Courier New",monospace;font-size:28px;letter-spacing:.10em;color:#fff;font-weight:400}
.count span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
form{display:flex;flex-direction:column;gap:14px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row.dial{grid-template-columns:118px 1fr}
.field{display:flex;flex-direction:column;gap:7px}
input,select{width:100%;min-height:48px;padding:12px 14px;background:rgba(146,146,149,.06);border:1px solid var(--line);border-radius:8px;color:#fff;font:400 16px/1.4 Archivo,Arial,sans-serif;appearance:none}
select{background-image:none}
input::placeholder{color:var(--faint)}
input:focus,select:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 4px rgba(203,111,175,.16)}
.field.err input,.field.err select{border-color:var(--red)}
.msg{font-size:12px;color:var(--red);min-height:0}
.hint{font-size:12px;color:var(--faint)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--body);cursor:pointer}
.check input{width:22px;height:22px;min-height:22px;flex:none;margin:1px 0 0;accent-color:var(--pink)}
button{min-height:48px;padding:14px 22px;border:0;border-radius:999px;font:500 13px/1 Archivo,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:transform 140ms cubic-bezier(.22,.61,.36,1),filter 140ms}
button.primary{background:var(--pink);color:#21130F}
button.primary:active{transform:scale(.985)}
button.chrom{background:linear-gradient(103deg,#6E6E72,#CFCFCF 18%,#FFF 32%,#929295 48%,#5F5F63 62%,#E9E9EA 78%,#8C8C90);color:#21130F}
button.danger{background:var(--red);color:#fff}
button[disabled]{opacity:.38;pointer-events:none}
.fine{margin:0;font-size:12px;line-height:1.6;color:var(--faint)}
.foot{display:flex;gap:16px;justify-content:center;padding-top:12px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hp{position:absolute;left:-9999px}
.doc{padding:34px 22px 48px;display:flex;flex-direction:column;gap:20px}
.doc h1{margin:0;font-family:"5by7","Courier New",monospace;font-size:28px;letter-spacing:.10em;text-transform:uppercase;color:#fff;font-weight:400}
.doc h2{margin:22px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:400}
.doc p{margin:6px 0 0;font-size:14px;line-height:1.7}
.back{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.card{background:var(--ox);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px}
.center{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:34px 22px}
.mx.chrom{background:linear-gradient(103deg,#6E6E72,#CFCFCF 18%,#FFF 32%,#929295 48%,#5F5F63 62%,#E9E9EA 78%,#8C8C90);-webkit-background-clip:text;background-clip:text;color:transparent}
.social{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;padding-top:14px;border-top:1px solid var(--line)}
.social-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.social-row a{display:flex;align-items:center;justify-content:center;width:64px;height:44px;border:1px solid var(--line);border-radius:8px;background:rgba(146,146,149,.06);color:var(--chrom-l);transition:border-color 140ms cubic-bezier(.22,.61,.36,1),color 140ms cubic-bezier(.22,.61,.36,1)}
.social-row i{width:20px;height:20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.social-row a:hover{border-color:var(--line-s);color:#fff}