.mitmachen h1{margin:10px 0 18px;font-size:clamp(26px,6vw,40px);line-height:1.2}.mitmachen .mm-code-label{margin:0 0 6px;font-size:14px;font-weight:700;display:block}.mitmachen .mm-code-reihe input::placeholder{color:var(--ink-blass);opacity:1}.mitmachen .mm-code-reihe{gap:10px;max-width:360px;display:flex}.mitmachen .mm-code-reihe input{font:inherit;letter-spacing:.2em;text-align:center;border:2px solid var(--linie);background:var(--flaeche);color:var(--ink);border-radius:14px;flex:1;min-width:0;padding:10px 14px;font-size:30px;font-weight:800}.mitmachen .mm-code-reihe input:focus{border-color:var(--blau);outline:none}.mitmachen .mm-fehler{color:#c62828;font-weight:700}.mitmachen .mm-oben{color:var(--ink-weich);justify-content:space-between;gap:10px;margin:0;font-size:14px;display:flex}.mitmachen .mm-oben span:first-child{font-weight:700}.mitmachen .mm-optionen{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.mitmachen .mm-option{text-align:left;font:inherit;border:2px solid var(--linie);background:var(--flaeche);color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-size:18px;display:flex}.mitmachen .mm-option span{background:var(--flaeche-2);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.mitmachen .mm-option.an{border-color:var(--blau);background:#0058a814}.mitmachen .mm-option.an span{background:var(--blau);color:#fff}.mitmachen .mm-option.richtig{background:#1a8a4a1a;border-color:#1a8a4a}.mitmachen .mm-option.richtig span{color:#fff;background:#1a8a4a}.mitmachen .mm-option.falsch{border-color:#c62828}.mitmachen .mm-option:disabled{cursor:default;opacity:.85}.mitmachen #mmAntwort textarea{width:100%;font:inherit;border:2px solid var(--linie);background:var(--flaeche);color:var(--ink);resize:vertical;border-radius:14px;margin-bottom:12px;padding:12px 14px;font-size:18px}.mitmachen #mmAntwort textarea:focus{border-color:var(--blau);outline:none}.mitmachen .mm-eigen{margin-top:12px}.mitmachen .mm-raum{scroll-margin-top:84px}.mitmachen .mm-unter{border-left:3px solid var(--blau);gap:8px;margin:-2px 0 6px 28px;padding-left:14px;display:grid}.mitmachen .mm-unter .mm-hinweis{margin:2px 0 0}.mitmachen .mm-unter .mm-option{padding:10px 14px;font-size:16px}.mitmachen .mm-unter .mm-option span{width:28px;height:28px;font-size:14px}.mitmachen .mm-eigen-wahl{font-style:italic}.mitmachen .mm-status{color:var(--ink-weich);min-height:1.5em;margin-top:14px;font-weight:700}.mitmachen .mm-hinweis{color:var(--ink-weich);font-size:14px}.mitmachen .mm-puls{gap:8px;margin-top:20px;display:flex}.mitmachen .mm-puls i{background:var(--orange);border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite mmPuls}.mitmachen .mm-puls i:nth-child(2){animation-delay:.2s}.mitmachen .mm-puls i:nth-child(3){animation-delay:.4s}.mitmachen .mm-nav{border-top:1px solid var(--linie);margin-top:22px;padding-top:16px}.mitmachen .mm-nav-knoepfe{color:var(--ink-weich);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.mitmachen .mm-nav-knoepfe .knopf{white-space:nowrap;background:var(--flaeche);color:var(--ink);border:2px solid var(--linie);box-shadow:none;padding:9px 16px;font-size:15px}.mitmachen .mm-nav-knoepfe span{text-align:center}.mitmachen .mm-nav-knoepfe .knopf.mm-weiter-an{background:var(--blau);border-color:var(--blau);color:#fff}.mitmachen .mm-nav-knoepfe .knopf:disabled{opacity:.35;cursor:default}.mitmachen .mm-punkte{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.mitmachen .mm-punkte button{border:2px solid var(--linie);background:var(--flaeche);width:36px;height:36px;color:var(--ink);font:inherit;cursor:pointer;border-radius:50%;font-size:14px;font-weight:700}.mitmachen .mm-punkte button.ok{background:var(--blau);border-color:var(--blau);color:#fff}.mitmachen .mm-punkte button.hier{outline:3px solid var(--orange);outline-offset:2px}@media (width<=760px){.mitmachen .mm-raum{padding-bottom:84px}.mitmachen .mm-raum.mit-nav{padding-bottom:96px}.mitmachen .mm-raum:has(#mmSenden),.mitmachen .mm-raum:has(.mm-eigen:not([hidden]) #mmEigenSenden){padding-bottom:150px}.mitmachen .mm-nav-knoepfe{z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--flaeche);border-top:1px solid var(--linie);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0b24401a}.mitmachen .mm-nav-knoepfe .knopf{padding:11px 16px}html:has(.mitmachen .mm-raum:not([hidden])){scroll-padding-bottom:160px}.mitmachen #mmSenden,.mitmachen #mmEigenSenden{text-align:center;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:41;justify-content:center;width:auto;margin:0;padding:14px;font-size:17px;position:fixed;box-shadow:0 6px 18px #0058a84d}.mitmachen .mm-raum.mit-nav #mmSenden,.mitmachen .mm-raum.mit-nav #mmEigenSenden{bottom:calc(74px + env(safe-area-inset-bottom))}}.mitmachen .mm-fertig{color:#1a8a4a;background:#1a8a4a1a;border-radius:12px;margin:16px 0 0;padding:12px 14px;font-weight:700}@keyframes mmPuls{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mitmachen .mm-puls i{opacity:.6;animation:none}}
