/*
 * stehle bewegt: nur Grundaufbau der Formulare.
 * Schriften, Farben, Felder und Buttons kommen aus Avada. Farben hier lassen sich
 * über die CSS-Variablen unten anpassen (z. B. in Avada > Optionen > Eigenes CSS).
 */
.stehle-bewegt {
	--sb-fehler: #b3261e;
	--sb-erfolg: #1f5252;
	--sb-rahmen: rgba(0, 0, 0, .15);
	--sb-abstand: 1.25em;
}

.stehle-bewegt [hidden] { display: none !important; }

.stehle-bewegt .sb-formular { max-width: 640px; margin-bottom: 2em; }
.stehle-bewegt .sb-feld { margin: 0 0 var(--sb-abstand); }
.stehle-bewegt .sb-feld > label { display: block; margin-bottom: .35em; font-weight: 600; }
.stehle-bewegt .sb-feld input[type="text"],
.stehle-bewegt .sb-feld input[type="email"],
.stehle-bewegt .sb-feld input[type="tel"],
.stehle-bewegt .sb-feld input[type="password"],
.stehle-bewegt .sb-feld input[type="month"],
.stehle-bewegt .sb-feld select,
.stehle-bewegt .sb-feld textarea { width: 100%; box-sizing: border-box; }

.stehle-bewegt .sb-feld--checkbox label,
.stehle-bewegt .sb-feld--radio label { font-weight: normal; display: flex; gap: .6em; align-items: flex-start; }
.stehle-bewegt .sb-feld--checkbox input,
.stehle-bewegt .sb-feld--radio input { margin-top: .3em; flex: 0 0 auto; }
.stehle-bewegt .sb-rollen-text { display: block; opacity: .8; }
.stehle-bewegt .sb-feld--radio label strong { margin-right: .3em; }

.stehle-bewegt .sb-gruppe,
.stehle-bewegt .sb-rolle-felder { border: 0; padding: 0; margin: 0 0 var(--sb-abstand); min-width: 0; }
.stehle-bewegt .sb-gruppe > legend { font-weight: 700; margin-bottom: .75em; padding: 0; }
.stehle-bewegt .sb-lizenz { border-left: 3px solid var(--sb-rahmen); padding-left: 1em; margin-bottom: var(--sb-abstand); }

.stehle-bewegt .sb-hilfe { margin: .35em 0 0; font-size: .9em; opacity: .85; }
.stehle-bewegt .sb-fehlertext { color: var(--sb-fehler); font-weight: 600; opacity: 1; }
.stehle-bewegt .sb-feld--fehler input,
.stehle-bewegt .sb-feld--fehler select,
.stehle-bewegt .sb-feld--fehler textarea { border-color: var(--sb-fehler) !important; }
.stehle-bewegt .sb-pflicht { color: var(--sb-fehler); }

.stehle-bewegt .sb-hinweis { padding: .9em 1.1em; margin: 0 0 var(--sb-abstand); border-left: 4px solid var(--sb-rahmen); background: rgba(0, 0, 0, .04); }
.stehle-bewegt .sb-hinweis--fehler { border-left-color: var(--sb-fehler); }
.stehle-bewegt .sb-hinweis--erfolg { border-left-color: var(--sb-erfolg); }

.stehle-bewegt .sb-honig { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.stehle-bewegt .sb-unsichtbar { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.stehle-bewegt .sb-knopf-zweitrangig { background: none; border: 0; padding: 0; text-decoration: underline; cursor: pointer; color: inherit; font: inherit; }

.stehle-bewegt .sb-konto-navigation ul { list-style: none; margin: 0 0 2em; padding: 0; display: flex; flex-wrap: wrap; gap: .5em 1.5em; border-bottom: 1px solid var(--sb-rahmen); }
.stehle-bewegt .sb-konto-navigation li { margin: 0; padding: 0 0 .6em; }
.stehle-bewegt .sb-konto-navigation li.sb-aktiv { border-bottom: 3px solid currentColor; margin-bottom: -1px; font-weight: 700; }
.stehle-bewegt .sb-konto-navigation .sb-abmelden { margin-left: auto; }
.stehle-bewegt .sb-konto-fakten { list-style: none; padding: 0; }
.stehle-bewegt .sb-nur-lesen { margin: 0; }
.stehle-bewegt .sb-konto-loeschen { margin-top: 3em; }
.stehle-bewegt .sb-konto-loeschen summary { cursor: pointer; }