.askedo-pers { margin: 1em 0; padding: 1em; border: 1px solid #e0e0e0; border-radius: 6px; width: 100%; box-sizing: border-box; clear: both; }
/* Falls der Eltern-Container (Theme) Flexbox nutzt: eigene Zeile, oberhalb von Menge/Button */
.askedo-pers-parent { flex-wrap: wrap !important; }
.askedo-pers-parent > .askedo-pers { flex: 0 0 100% !important; order: -1; }
.askedo-pers__title { margin: 0 0 .6em; font-size: 1.05em; font-weight: 600; line-height: 1.2; }
.askedo-pers__optin-row { margin: 0 0 .4em; }
.askedo-pers__optin-row label { cursor: pointer; font-weight: 600; }
.askedo-pers__surcharge { font-weight: 400; color: #555; }
.askedo-incl { font-size: .8em; color: #666; font-weight: 400; }
.askedo-pers__field { margin: .6em 0; }
.askedo-pers__field input[type="text"] { width: 100%; }
.askedo-pers__meta { font-size: .85em; color: #666; display: flex; gap: 1em; }
.askedo-pers__meta .bad { color: #c00; font-weight: 600; }
.askedo-pers__error { color: #c00; font-size: .85em; }
.askedo-pers__surcharge { font-weight: 600; }

/* Lade-/Mess-Animation, solange der Server die Breite berechnet */
.askedo-pers__spinner {
	display: inline-block;
	width: .8em;
	height: .8em;
	margin-right: .35em;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	vertical-align: -0.12em;
	animation: askedo-spin .6s linear infinite;
}
.askedo-pers__meta .measuring { color: #888; opacity: .8; }
@keyframes askedo-spin { to { transform: rotate( 360deg ); } }
@media ( prefers-reduced-motion: reduce ) {
	.askedo-pers__spinner { animation-duration: 1.5s; }
}