/* RMC Rennanmeldung – Frontend */
.rmcn{max-width:820px;margin:0 auto;font-size:16px;line-height:1.5}
.rmcn .rmcn-h{margin:2em 0 .2em;padding-bottom:.3em;border-bottom:2px solid #d5d5d5}
.rmcn .rmcn-sub{margin:.2em 0 1.2em;color:#555;font-size:.92em}
.rmcn-event-info{margin-bottom:1.5em}

.rmcn-felder{display:grid;grid-template-columns:1fr 1fr;gap:0 1.2em}
.rmcn-felder p{margin:0 0 1em;display:flex;flex-direction:column}
.rmcn-felder .rmcn-voll-breite{grid-column:1/-1}
.rmcn-felder label{font-weight:600;margin-bottom:.25em;font-size:.92em}
.rmcn-felder input,.rmcn-felder textarea,.rmcn-felder select{width:100%;padding:.55em .7em;border:1px solid #bbb;border-radius:4px;font-size:1em;box-sizing:border-box;background-color:#fff;color:#222}
/* Schrift- und Hintergrundfarbe ausdruecklich setzen. TheGem faerbt
   Auswahlfelder sonst weiss auf weiss - man sieht den Eintrag erst,
   wenn die Maus darueberfaehrt. */
.rmcn-felder select option{background-color:#fff;color:#222}
.rmcn-feldhilfe{font-size:.8em;color:#666;margin-top:.25em}
@media(max-width:640px){.rmcn-felder{grid-template-columns:1fr}}

.rmcn-datenschutz{margin:.5em 0 1.2em;font-size:.9em}
.rmcn-datenschutz label{display:flex;gap:.6em;align-items:flex-start}
.rmcn-datenschutz input{margin-top:.25em;width:18px;height:18px;flex:0 0 auto}

.rmcn-btn{background:#0a7d34;color:#fff;border:0;border-radius:4px;padding:.85em 2em;font-size:1.05em;font-weight:600;cursor:pointer}
.rmcn-btn:hover{background:#086128}

.rmcn-box{padding:1em 1.2em;border-radius:5px;margin:0 0 1.5em}
.rmcn-box ul{margin:.3em 0 0;padding-left:1.2em}
.rmcn-box-ok{background:#e8f6ec;border:1px solid #0a7d34}
.rmcn-box-ok h3{margin-top:0}
.rmcn-box-fehler{background:#fdecec;border:1px solid #b32d2e}
.rmcn-box-info{background:#eaf2fb;border:1px solid #2c6cb0}
.rmcn-hinweis{padding:.8em 1em;background:#f2f2f2;border-radius:4px}
.rmcn-hinweis.rmcn-warn{background:#fff8e5;border:1px solid #e0b100}
.rmcn-hinweis.rmcn-fehler{background:#fdecec;border:1px solid #b32d2e}
.rmcn-hp{position:absolute;left:-9999px;height:0;overflow:hidden}

/* ---------- Fahrerbloecke ---------- */
.rmcn-personen{margin:0 0 1em}
.rmcn-person{border:1px solid #c9c9c9;border-left:5px solid #2c6cb0;border-radius:5px;background:#fff;margin:0 0 1.1em;overflow:hidden}
.rmcn-person-kopf{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.6em .9em;background:#eef3f9;font-weight:700}
.rmcn-person-nr{font-size:1.05em}
.rmcn-remove{background:none;border:1px solid #b32d2e;color:#b32d2e;border-radius:4px;padding:.25em .8em;font-size:.85em;cursor:pointer}
.rmcn-remove:hover{background:#b32d2e;color:#fff}
.rmcn-person .rmcn-felder{padding:.9em .9em 0}

.rmcn-add-zeile{display:flex;align-items:center;gap:.9em;flex-wrap:wrap;margin:0 0 1.5em}
.rmcn-add{background:#fff;border:2px solid #2c6cb0;color:#2c6cb0;border-radius:5px;padding:.6em 1.4em;font-size:1em;font-weight:600;cursor:pointer}
.rmcn-add:hover{background:#eef3f9}
.rmcn-add:disabled{opacity:.5;cursor:not-allowed}
.rmcn-add-hinweis{font-size:.85em;color:#666}
.rmcn-ok-person{margin:.8em 0 .1em}
@media(max-width:640px){.rmcn-person .rmcn-felder{padding:.7em .7em 0}}

/* ---------- Abmelde-Bestaetigung ---------- */
.rmcn-box-frage{background:#fff8e5;border:1px solid #e0b100}
.rmcn-box-frage h3{margin-top:0}
.rmcn-frage-box{padding:.7em .9em;background:#fff;border:1px solid #e0d3a5;border-radius:4px}
.rmcn-abmelde-form{display:flex;align-items:center;gap:1.2em;flex-wrap:wrap;margin:1em 0 0}
.rmcn-btn-warn{background:#b32d2e}
.rmcn-btn-warn:hover{background:#8f2324}
.rmcn-abbrechen{font-size:.92em}
.rmcn-eigene-mail{font-weight:400;font-size:.85em;color:#2c6cb0}
.rmcn .rmcn-box-warnzeile{border-left:4px solid #b8860b;background:#fdf8ec;padding:2px 14px;border-radius:3px;margin:12px 0}

/* ---------- Eckdaten ---------- */
.rmcn .rmcn-eckdaten{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 18px;padding:14px 16px;background:#f7f7f6;border-left:4px solid #2a6b3f;border-radius:3px}
.rmcn .rmcn-eckdaten dt{font-weight:700;margin:0}
.rmcn .rmcn-eckdaten dd{margin:0}
@media (max-width:520px){.rmcn .rmcn-eckdaten{grid-template-columns:1fr;gap:2px 0}.rmcn .rmcn-eckdaten dd{margin:0 0 8px}}

/* ---------- Klassen ----------
   Die Klassen sind die Information, nach der auf dieser Seite als Erstes
   gesucht wird - deshalb als deutliche Kacheln und nicht als Fliesstext.
   Altersgrenzen stehen bewusst NICHT dabei: sie werden beim Absenden
   geprueft, auf der Seite haben sie mehr verunsichert als geholfen. */
.rmcn .rmcn-klassen{margin:0 0 22px}
.rmcn .rmcn-klassen-titel{font-weight:700;font-size:1.05em;text-transform:uppercase;letter-spacing:.06em;color:#2a6b3f;margin:0 0 10px}
.rmcn .rmcn-klassen ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.rmcn .rmcn-klassen li.rmcn-klasse{display:flex;flex-direction:column;justify-content:center;min-height:64px;background:#fff;border:2px solid #2a6b3f;border-radius:6px;padding:12px 14px;margin:0;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.rmcn .rmcn-klasse-name{font-size:1.25em;font-weight:700;line-height:1.2;color:#1d1d1b}
.rmcn .rmcn-klasse-zusatz{display:block;margin-top:4px;color:#555;font-size:.85em}
.rmcn .rmcn-klasse-voll{border-color:#c9c9c7;background:#f6f6f5;opacity:.75}
.rmcn .rmcn-klasse-voll .rmcn-klasse-name{color:#666}
@media (max-width:520px){.rmcn .rmcn-klassen ul{grid-template-columns:1fr 1fr}.rmcn .rmcn-klasse-name{font-size:1.1em}}