/* Ausprobieren ohne Konto: nur was die App-Bausteine (ui.css, app.css, plattform.css) nicht schon haben. */
.probe-anmelden { min-height: 42px; padding: 0 18px; font-size: .95rem; text-decoration: none; color: var(--text); }
[data-zustand="magie"] .leiste { opacity: 1; pointer-events: auto; }
.probe-unter { margin: -10px 0 0; max-width: 560px; color: var(--text-2); font-weight: 600; font-size: 1.05rem; }

.probe-form { display: grid; gap: 14px; }
.probe-arten { border: 0; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.probe-arten legend { padding: 0; }
.probe-arten label { position: relative; cursor: pointer; }
.probe-arten input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.probe-arten .pille { font-weight: 700; background: #fff; box-shadow: inset 0 0 0 1.5px var(--linie); transition: background .2s, color .2s; }
.probe-arten input:checked + .pille { background: var(--iris); color: #fff; box-shadow: none; }
.probe-arten input:focus-visible + .pille { outline: 3px solid rgba(79, 46, 201, .35); outline-offset: 2px; }
.probe-haken { flex-wrap: nowrap; align-items: flex-start; font-weight: 600; font-size: .92rem; }
.probe-haken input { width: 20px; height: 20px; flex: none; margin-top: 2px; accent-color: var(--iris); }

.knopf-google { background: #fff; color: #1f1f1f; border: 1.5px solid var(--linie); border-radius: 99px; min-height: 54px; font-size: 1.05rem; }
.knopf-google:hover { background: #f8f8fb; }
.g-logo { width: 20px; height: 20px; flex: none; }
.probe-oder { display: flex; align-items: center; gap: 12px; color: var(--text-2); font-weight: 700; font-size: .88rem; }
.probe-oder::before, .probe-oder::after { content: ""; flex: 1; height: 1.5px; background: var(--linie); }
/* Falle für Bots: für Menschen unsichtbar, auch für Screenreader. */
.probe-falle { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }