.start{z-index:1;box-sizing:border-box;width:100%;max-width:1180px;padding-inline:16px;padding-block:calc(18px + env(safe-area-inset-top,0px)) 64px;flex-direction:column;gap:56px;margin:0 auto;display:flex;position:relative}.kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.kopf .marke{font-family:var(--face);margin:0;font-size:1.02rem;font-weight:700}.kopf .marke span{color:var(--muted);font-weight:500}.kopf .ort{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.held{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:32px 48px;display:grid}.held-text{flex-direction:column;gap:16px;min-width:0;display:flex}.team{font-family:var(--wide);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin:0;font-size:.86rem}.held h1{letter-spacing:-.01em;font-size:clamp(2.4rem,6.4vw,4.8rem);font-weight:700;line-height:.98}.auftrag{max-width:60ch;margin:0;font-size:1.12rem}.auftrag b{color:var(--cyan)}.baustellen{color:var(--muted);max-width:62ch;margin:0;font-size:.95rem}.knopf-ort{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hinweis{min-height:1.5em;color:var(--muted);margin:0;font-size:.95rem}.bereich-kopf{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.bereich-kopf h2{font-size:clamp(1.5rem,3vw,2.1rem)}.zaehler{font-family:var(--wide);color:var(--void);background:var(--cyan);border-radius:999px;padding:2px 12px;font-size:.9rem}.raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.baustein{box-sizing:border-box;background:var(--panel);border:1px solid var(--line);min-height:132px;color:var(--ink);border-radius:18px;flex-direction:column;gap:8px;padding:20px 22px 44px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex;position:relative}.baustein:hover{border-color:var(--cyan);transform:translateY(-3px)}.baustein:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.baustein-titel{font-family:var(--face);font-size:1.25rem;font-weight:700;line-height:1.15}.baustein-text{color:var(--muted);font-size:.95rem}.baustein-pfeil{color:var(--cyan);font-weight:700;position:absolute;bottom:14px;right:20px}.leer{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;margin:0;padding:28px}.mitmachen{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;display:grid}.schritte{counter-reset:s;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.schritte li{counter-increment:s;grid-template-columns:2.2rem 1fr;align-items:baseline;gap:10px;display:grid}.schritte li:before{content:counter(s);font-family:var(--wide);color:var(--mint);font-size:1rem}.siegel-karte p{margin:0}@media (width<=820px){.held,.mitmachen{grid-template-columns:1fr}.knopf-ort{order:-1}}#perlen{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.glas-knopf{aspect-ratio:1;cursor:pointer;width:min(64vw,248px);color:var(--ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.glas-knopf:focus-visible{outline:3px solid var(--mint);outline-offset:6px}.glas-knopf:disabled{cursor:progress}.glas-rund{background:radial-gradient(circle at 34% 28%,#ffffff57,#0000 34%),radial-gradient(circle at 50% 60%,#9ee8ff38,#0c263680 70%);border:1.5px solid #d6f5ff80;border-radius:50%;transition:transform .3s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 -18px 40px #9ee8ff2e,0 0 0 10px #9ee8ff0f,0 24px 60px #00000073}.glas-knopf:hover .glas-rund{transform:scale(1.03)}.glas-rund i{width:var(--g);height:var(--g);bottom:-10px;left:var(--x);animation:innen var(--t) linear infinite;animation-delay:var(--d);opacity:.8;border:1px solid #e6faffbf;border-radius:50%;position:absolute}@keyframes innen{to{opacity:0;transform:translateY(-270px)}}.limette{aspect-ratio:1;width:34%;position:absolute;top:4%;right:6%;transform:rotate(-18deg)}.glas-schrift{text-align:center;font-family:var(--wide);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-shadow:0 2px 12px #00000080;font-size:.98rem;position:absolute;inset:auto 0 22%}.glas-knopf.sprudelt .glas-rund{animation:.5s ease-in-out 2 wackeln}.glas-knopf.sprudelt .glas-rund i{animation-duration:.7s}@keyframes wackeln{25%{transform:rotate(-4deg)scale(1.04)}75%{transform:rotate(4deg)scale(1.04)}}.glas-knopf.hat-neues .glas-rund{animation:1.6s ease-in-out infinite rufen;box-shadow:inset 0 -18px 40px #c6f25a40,0 0 0 10px #c6f25a2e,0 0 40px #c6f25a59}@keyframes rufen{50%{transform:scale(1.05)}}.baustein.steigt{animation:.9s cubic-bezier(.2,.8,.2,1) both steigen}@keyframes steigen{0%{opacity:0;filter:blur(6px);transform:translateY(80px)scale(.92)}to{opacity:1;filter:none;transform:none}}.baustein.ist-neu{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint), 0 12px 40px #c6f25a2e}.baustein.ist-neu:after{content:"neu";background:var(--mint);color:var(--void);font:700 .72rem var(--body);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 10px;position:absolute;top:-10px;right:16px}@media (prefers-reduced-motion:reduce){.glas-rund i,.glas-knopf.hat-neues .glas-rund{animation:none}}