/* Zustandsstile (Hover/Focus), Captcha und Meldungen.
   Die Grundgestaltung liegt inline im HTML, damit die Seite auch ohne
   geladenes Stylesheet vollständig gestaltet erscheint. */

.x1:focus { left: 0 }
.x2:hover { background: #fff4e3; border-color: #e08600 }
.x3:hover { color: #9a5400 }
.x4:hover { background: #e08600; border-color: #e08600 }
.x5:hover { text-decoration: underline }

.captcha-option { display: inline-flex; align-items: center; gap: 0.4rem; cursor: pointer;
  border: 1px solid #ffe1b0; border-radius: 6px; padding: 0.25rem 0.4rem 0.25rem 0.25rem; background: #fff; }
.captcha-option:hover { border-color: #e08600; background: #fff8ec; }
.captcha-option img { display: block; width: 42px; height: 28px; border-radius: 3px; }
.captcha-option input { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: #e08600; }
.captcha-option:focus-within { outline: 3px solid #262119; outline-offset: 3px; }

[data-meldung] { margin: 1.5rem 0 0; padding: 0.9rem 1rem; border: 1px solid #ffac2a;
  border-left: 3px solid #ffac2a; border-radius: 8px; background: #fff8ec; font-size: 1rem; }