.moduswahl{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0;font-weight:600}
.moduswahl select{max-width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit}
.bar-top .mitmachen{align-self:center;flex-shrink:0;margin:0 12px;white-space:nowrap;text-decoration:none;letter-spacing:0;text-transform:none}
#handysStarten{background:var(--akzent);color:var(--auf-akzent)}
#extrasLink{color:var(--ink);padding:12px 0;white-space:nowrap}
.handy-dialog{width:min(920px,94vw)}
.handy-einstieg{display:grid;grid-template-columns:minmax(170px,290px) 1fr;gap:28px;align-items:center;margin:24px 0}
.handy-einstieg img{width:100%;border-radius:12px;background:white;padding:12px}
.handy-einstieg .code{margin:0;font-size:clamp(42px,6vw,72px)}
.handy-einstieg ol{padding-left:22px;line-height:1.6}
.handy-url{display:block;color:var(--ink);overflow-wrap:anywhere;font-size:18px;font-weight:600}
#url{display:block;overflow-wrap:anywhere;color:var(--ink)}
@media(max-width:900px){.beamer .bar-top{height:auto;min-height:60px;flex-wrap:wrap}.beamer .bar-top .brand{min-height:56px}.beamer .kopf-stunde{flex:1;max-width:calc(100% - 115px)}.beamer .kopf-zaehler{margin-left:14px;min-height:48px}.beamer .bar-top .mitmachen{padding:10px;margin:4px 6px;font-size:11px}.fussrechts{flex-wrap:wrap}.handy-einstieg{grid-template-columns:1fr}.handy-einstieg img{width:min(230px,100%);justify-self:center}.handy-dialog .stand-kopf{align-items:start}.handy-dialog h2{font-size:26px}}