:root{--papier:#fbf7f1;--tinte:#241e1c;--tinte-2:#6b605c;--tinte-3:#9c8f88;--linie:#e3d9d1;--rot:#b02028;--rot-tief:#8e1a21;--sand:#ede4dc}*{box-sizing:border-box}html,body{height:100%}body{color:var(--tinte);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#2a2523;justify-content:center;align-items:center;margin:0;font-family:Zen Kaku Gothic New,Segoe UI,system-ui,sans-serif;line-height:1.55;display:flex}.geraet{width:100%;max-width:430px;height:100%;max-height:100dvh;position:relative}@media (width>=520px) and (height>=700px){body{background:radial-gradient(circle at 50% 30%,#3a3330,#191413)}.geraet{background:linear-gradient(160deg,#3a3330,#191413);border-radius:36px;width:390px;height:800px;padding:9px;box-shadow:0 2px 6px #00000080,0 40px 80px -30px #000000e6}}.schirm{background:linear-gradient(172deg,#fff 0%,#faf5ef 56%,#f1e8e0 100%);border-radius:28px;flex-direction:column;width:100%;height:100%;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}@media (width<=519px){.schirm{border-radius:0}}.kopf{z-index:5;flex:none;justify-content:space-between;align-items:center;display:flex}.kopf b{white-space:nowrap;font-family:Shippori Mincho,serif;font-size:1.06rem;font-weight:700}.kopf-rechts{align-items:center;gap:10px;display:flex}.hinweis{letter-spacing:.1em;text-transform:uppercase;color:var(--tinte-3);white-space:nowrap;font-size:.6rem}.sprachwahl{background:var(--sand);border-radius:999px;flex:none;gap:2px;padding:2px;display:flex}.sprachwahl button{font:inherit;cursor:pointer;color:var(--tinte-3);background:0 0;border:0;border-radius:999px;padding:4px 9px;font-size:.6rem;font-weight:700;line-height:1.2}.sprachwahl button[aria-pressed=true]{color:var(--tinte);background:#fff}.sprachwahl button:focus-visible{outline:2px solid var(--rot);outline-offset:1px}.ansicht{flex-direction:column;padding:58px 18px 18px;display:none;position:absolute;inset:0}.ansicht.an{display:flex}.buehne{touch-action:none;flex:1;min-height:0;margin:0 -18px;position:relative}.buehne.blass{opacity:.3;pointer-events:none;flex:0 auto;max-height:34vh}.buehne svg{width:100%;height:100%;display:block}.blass{opacity:.26}.unten{z-index:3;margin-top:auto;position:relative}.jp{color:var(--rot);letter-spacing:.12em;margin:0 0 8px;font-family:Shippori Mincho,serif;font-size:2.6rem;line-height:1}h1,h2{margin:0;font-family:Shippori Mincho,Georgia,serif;font-weight:700;line-height:1.18}h1{font-size:1.72rem}h2{font-size:1.4rem}p{color:var(--tinte-2);margin:9px 0 0;font-size:.9rem}.klein{color:var(--tinte-3);font-size:.72rem;line-height:1.45}.klein a{color:var(--tinte-2)}button.taste{width:100%;font:inherit;cursor:pointer;background:var(--rot);color:#fff;border:0;border-radius:11px;min-height:52px;margin-top:14px;padding:15px 0;font-size:1rem;font-weight:700;display:block}button.taste:active{background:var(--rot-tief)}button.taste[disabled]{color:#fff;cursor:default;background:#d9c9c1}button.taste.leise{background:var(--sand);color:var(--tinte)}button.taste:focus-visible{outline:2px solid var(--tinte);outline-offset:2px}label{margin-top:11px;display:block}label span{color:var(--tinte-3);margin-bottom:3px;font-size:.72rem;display:block}input[type=text],input[type=email]{width:100%;font:inherit;border:1px solid var(--linie);color:var(--tinte);background:#fff;border-radius:9px;min-height:48px;padding:13px;font-size:16px}input:focus-visible{outline:2px solid var(--rot);outline-offset:1px}input.fehler{border-color:var(--rot);background:#fef6f6}.zustimmung{color:var(--tinte-2);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:14px;font-size:.74rem;line-height:1.45;display:grid}.zustimmung input{width:22px;height:22px;accent-color:var(--rot);flex:none;margin:0}.pflicht{color:var(--rot);font-weight:700}.meldung{color:var(--rot);min-height:1.2em;margin-top:10px;font-size:.78rem}.wartekarte{border:1px solid var(--linie);text-align:center;background:#fff;border-radius:12px;padding:18px 16px;box-shadow:0 8px 22px -16px #241e1c80}.brief{width:42px;height:30px;margin:0 auto 10px;display:block}.punkte{justify-content:center;gap:6px;margin-top:12px;display:flex}.punkte i{background:#d8ccbc;border-radius:50%;width:6px;height:6px;animation:1.4s infinite blink;display:block}.punkte i:nth-child(2){animation-delay:.2s}.punkte i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{background:#d8ccbc}30%{background:var(--rot)}}.kugel{background:var(--rot);border-radius:50%;width:78px;height:78px;margin:0 auto 14px;display:block;position:relative}.kugel:after{content:"";opacity:.42;background:#fff;border-radius:50%;width:19px;height:19px;position:absolute;top:15px;left:16px}.kugel.hell{background:#ede4d6;border:2px solid #c9bca8}.codekarte{border:1px solid var(--linie);text-align:center;background:#fff;border-radius:12px;margin-top:12px;padding:16px 14px;box-shadow:0 8px 22px -16px #241e1c80}.codekarte svg{width:132px;height:132px;margin:0 auto;display:block}.code{letter-spacing:.06em;font-variant-numeric:tabular-nums;margin:8px 0 2px;font-family:Segoe UI,system-ui,sans-serif;font-size:1.34rem;font-weight:700}.mitte{text-align:center}.pruef{text-align:center;border-radius:12px;padding:20px 16px}.pruef--gewinn{background:var(--rot);color:#fff}.pruef--trost{background:var(--sand);color:var(--tinte);border:1px solid #d8ccbc}.pruef--weg{color:var(--tinte-2);border:1px solid var(--linie);background:#efe7e0}.pruef .zeichen{font-family:Shippori Mincho,serif;font-size:2.6rem;line-height:1;display:block}.pruef .was{margin-top:2px;font-family:Shippori Mincho,serif;font-size:1.5rem;font-weight:700}.pruef .wer{opacity:.92;margin-top:8px;font-size:.8rem}.pruef--gewinn .wer{color:#fff}@keyframes einlSchein{0%,to{opacity:.3}50%{opacity:.13}}@keyframes einlRing{0%,to{opacity:.34}50%{opacity:0}}@keyframes einlPfeil{0%,to{opacity:.38;transform:translateY(3px)}50%{opacity:.85;transform:translateY(-3px)}}.einl-schein{animation:2.2s ease-in-out infinite einlSchein}.einl-ring{animation:2.2s ease-in-out infinite einlRing}.einl-pfeil{animation:2.2s ease-in-out infinite einlPfeil}@media (prefers-reduced-motion:reduce){.punkte i,.einl-schein,.einl-ring,.einl-pfeil{animation:none}.einl-schein{opacity:.22}.einl-ring{opacity:.24}.einl-pfeil{opacity:.6}}