:root{--bg:#ECEAE6;--flaeche:rgba(255,255,255,.72);--flaeche-an:#1C1A17;--linie:rgba(28,26,23,.14);--linie-an:#1C1A17;--ink:#1C1A17;--ink-2:#55504A;--ink-3:#8B847B;--akzent:#1C1A17;--warn:#9A4B35;--e-out:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}#szene{width:100%;height:100%;z-index:0;display:block}#szene,.schleier{position:fixed;inset:0}.schleier{z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(236,234,230,.3),rgba(236,234,230,.52) 45%,rgba(236,234,230,.8))}.leiste{position:fixed;top:0;left:0;right:0;height:2px;background:rgba(28,26,23,.1);z-index:5}.leiste__balken{height:100%;background:var(--akzent);transition:width .7s var(--e-out)}.buehne{z-index:2;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:88px 24px 120px}.buehne,.karte{position:relative}.karte{width:100%;max-width:640px}.karte:before{content:"";position:absolute;inset:-56px -48px;z-index:-1;border-radius:36px;background:radial-gradient(85% 70% at 42% 45%,rgba(240,238,235,.92) 0,rgba(240,238,235,.72) 55%,rgba(240,238,235,0) 100%);filter:blur(6px);pointer-events:none}.kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:40px}.marke{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);font-weight:500}.sprache{display:flex;gap:2px;margin:-6px -8px -6px 0}.sprache button{font:inherit;font-size:12px;letter-spacing:.14em;font-weight:500;color:var(--ink-3);background:none;border:0;padding:6px 9px;border-radius:999px;cursor:pointer;transition:color .2s,background-color .2s}.sprache button:hover{color:var(--ink)}.sprache button.an{color:var(--ink);background:rgba(28,26,23,.08)}.sprache button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.zaehler{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;letter-spacing:.1em;color:var(--ink-3)}h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.02;letter-spacing:-.035em;font-weight:600;margin:0 0 14px}.lead{color:var(--ink-2);font-size:16px;margin:0 0 40px;max-width:46ch}.feld{margin-bottom:30px}.frage{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:500}.frage,.hinweis{color:var(--ink-3)}.hinweis{font-size:13px;margin:-8px 0 12px}.wahlen{display:flex;flex-wrap:wrap;gap:10px}.wahl{display:inline-flex;align-items:center;gap:10px;background:var(--flaeche);border:1px solid var(--linie);border-radius:999px;padding:13px 20px;cursor:pointer;font-size:15px;color:var(--ink-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .3s var(--e-out),background .3s var(--e-out),color .3s var(--e-out),transform .3s var(--e-out);-webkit-tap-highlight-color:transparent}.wahl:hover{border-color:rgba(28,26,23,.34);color:var(--ink)}.wahl--an{background:var(--flaeche-an);border-color:var(--linie-an);color:#F7F6F4}.wahl input{position:absolute;opacity:0;pointer-events:none}.haken{width:7px;height:7px;border-radius:50%;background:transparent;border:1px solid var(--ink-3);flex:none;transition:background .3s var(--e-out),border-color .3s var(--e-out),box-shadow .3s var(--e-out)}.wahl--an .haken{background:#F7F6F4;border-color:#F7F6F4}input[type=text],textarea{width:100%;background:rgba(255,255,255,.72);border:1px solid var(--linie);border-radius:12px;padding:15px 16px;font:inherit;font-size:16px;color:var(--ink);outline:none;transition:border-color .3s var(--e-out),background .3s var(--e-out)}input[type=text]::placeholder,textarea::placeholder{color:var(--ink-3)}input[type=text]:focus,textarea:focus{border-color:var(--linie-an);background:#fff}textarea{min-height:104px;resize:vertical}.feld--fehler input,.feld--fehler textarea{border-color:var(--warn)}.fehler{color:var(--warn);font-size:13px;margin-top:8px}.zustimmung{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:15px;color:var(--ink-2);line-height:1.45}.zustimmung input{position:absolute;opacity:0;pointer-events:none}.kasten{width:20px;height:20px;border-radius:6px;border:1px solid var(--linie);background:rgba(255,255,255,.7);flex:none;margin-top:1px;display:grid;place-items:center;transition:background .25s var(--e-out),border-color .25s var(--e-out)}.zustimmung--an .kasten{background:var(--akzent);border-color:var(--akzent)}.kasten svg{opacity:0;transition:opacity .2s var(--e-out)}.zustimmung--an .kasten svg{opacity:1}.zustimmung a{color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}.nav{display:flex;gap:12px;margin-top:44px;align-items:center}button{font:inherit;font-size:15px;border-radius:999px;padding:15px 30px;cursor:pointer;border:1px solid transparent;transition:opacity .25s var(--e-out),transform .25s var(--e-out),background .25s var(--e-out)}.btn-haupt{background:var(--akzent);color:#F7F6F4;font-weight:600;flex:1 1}.btn-haupt:hover{transform:translateY(-1px)}.btn-haupt:disabled{opacity:.45;cursor:default;transform:none}.btn-leer{background:transparent;color:var(--ink-3);border-color:var(--linie)}.btn-leer:hover{color:var(--ink);border-color:rgba(28,26,23,.3)}.auftritt{animation:auf .55s var(--e-out) both}@keyframes auf{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fertig{text-align:center}.fertig h1{margin-bottom:18px}.fertig .lead{margin:0 auto;max-width:34ch}.zus{background:rgba(255,255,255,.72);border:1px solid var(--linie);border-radius:16px;padding:4px 20px;margin-bottom:8px}.zus h2{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 2px;font-weight:600}.zus .zeile{padding:12px 0;border-bottom:1px solid rgba(28,26,23,.08)}.zus .zeile:last-child{border-bottom:none}.zus .k{font-size:12px;color:var(--ink-3);margin-bottom:4px}.zus .v{font-size:15px;white-space:pre-wrap;color:var(--ink)}@media (max-width:560px){.buehne{padding:64px 18px 100px;align-items:flex-start}.nav{flex-direction:column-reverse;align-items:stretch}.btn-leer{width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.figur{width:168px;margin:0 auto 34px;display:block;position:relative;aspect-ratio:231/289}.figur__schatten{position:absolute;left:10%;right:10%;top:22%;bottom:-7%;border-radius:46% 46% 38% 38%;background:rgba(28,26,23,.17);filter:blur(18px);pointer-events:none}.figur__koerper{position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-2 -2 235 293%22%3E%3Cpath d=%22M230.809 115.385V249.411C230.809 269.923 214.985 287.282 194.495 288.411C184.544 288.949 175.364 285.718 168.26 280C159.746 273.154 147.769 273.461 139.178 280.23C132.638 285.384 124.381 288.462 115.379 288.462C106.377 288.462 98.1451 285.384 91.6055 280.23C82.912 273.385 70.9353 273.385 62.2415 280.23C55.7532 285.334 47.598 288.411 38.7246 288.462C17.4132 288.615 0 270.667 0 249.359V115.385C0 51.6667 51.6756 0 115.404 0C179.134 0 230.809 51.6667 230.809 115.385Z%22/%3E%3C/svg%3E") center/calc(100% * 235 / 231) calc(100% * 293 / 289) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%22-2 -2 235 293%22%3E%3Cpath d=%22M230.809 115.385V249.411C230.809 269.923 214.985 287.282 194.495 288.411C184.544 288.949 175.364 285.718 168.26 280C159.746 273.154 147.769 273.461 139.178 280.23C132.638 285.384 124.381 288.462 115.379 288.462C106.377 288.462 98.1451 285.384 91.6055 280.23C82.912 273.385 70.9353 273.385 62.2415 280.23C55.7532 285.334 47.598 288.411 38.7246 288.462C17.4132 288.615 0 270.667 0 249.359V115.385C0 51.6667 51.6756 0 115.404 0C179.134 0 230.809 51.6667 230.809 115.385Z%22/%3E%3C/svg%3E") center/calc(100% * 235 / 231) calc(100% * 293 / 289) no-repeat}.figur__augen{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.auge{animation:blinzeln 4.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes blinzeln{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@media (max-width:560px){.figur{width:124px;margin-bottom:26px}.schleier{background:linear-gradient(180deg,rgba(236,234,230,.42),rgba(236,234,230,.62) 45%,rgba(236,234,230,.86))}}@media (prefers-reduced-motion:reduce){.auge{animation:none}}.figur--platz{aspect-ratio:231/289}.zusatz{text-transform:none;letter-spacing:0;color:var(--ink-3);font-weight:400}