/* geaendert 2026-10-16 11:59:26: Beide Betriebs-Loeschzustaende vollstaendig und gleich gross. */
/* geaendert 2026-10-16: Gemeinsames Kontozugangsdesign. */
/* geaendert 2026-10-16 10:37:40: VZ-Kontozugang und Codeformat. */
/* geaendert 2026-10-15 19:28:20: Gespraechsaktionen und eingeklappte Erstellung. */
/* geaendert 2026-10-15 16:03:38: Schulbeitraege mit belegtem Absender und fester Verbundfarbe darstellen. */
/* geaendert 2026-10-15 15:37:56: Antwortaktion nur an Schulbeitraegen; doppelte Elternverweise entfernen. */
/* geaendert 2026-10-15 14:15:00: Alle Gespraechstexte offen als nachgewiesenen Nachrichtenbaum anzeigen. */
/* geaendert 2026-10-15 14:00:53: VZ-Fortschrittsleiste an die gemeinsame TZ-Vorlage angleichen. */
/* geaendert 2026-10-15 13:33:16: Absender und Text im persoenlichen Gespraechsverlauf nebeneinander darstellen. */
/* geaendert 2026-10-15 13:28:00: Konto-Hinweis und Mitteilungsfach. */
/* geaendert 2026-10-15 12:59:07: Gespraechswahl und eigener E-Mail-Reiter. */
/* geaendert 2026-10-15 12:46:46: Gemeinsame Form, Farben und Abstaende der Formularaktionen. */
/* geaendert 2026-10-15 12:35:12: TZ-Schrittangabe mittig innerhalb des 28-Pixel-Balkens. */
/* geaendert 2026-10-15 12:27:38: TZ-Schrittangabe ueber einem 20-Pixel-Fortschrittsbalken. */
/* geaendert 2026-10-15 11:48:16: Mobile Kontoaktionen gleich breit und Versandhinweis darunter. */
/* geaendert 2026-10-15 11:31:32: Breite des Loeschbuttons in beiden Zustaenden erhalten. */
/* geaendert 2026-10-15: Kompakte Konto-Buttons und abgesetzter Wunschstatus. */
/* geaendert 2026-10-15: VZ-Eltern-/Notfallkontakt responsiv gruppieren. */
/* geaendert 2026-10-14 15:17:41: Einheitliche Buttons im Bewerberkonto. */
/* geaendert 2026-10-14 12:43:52: Kompakte Schulhinweise im Bewerberkonto. */
/* geaendert 2026-10-09 17:05:58: Kalenderoverlay durch natives Datumsfeld ersetzt. */
/* geaendert 2026-10-09 16:14:52: TZ-Kontaktfelder mit einheitlicher Anordnung und mobilem Umbruch. */
/* geaendert 2026-10-09 14:29:33: Kalenderwahl neben unveraenderter Datumseingabe. */
/* geaendert 2026-10-07 09:54:02: Personengruppen mit Nachname/Strasse und Suchfelder mit ihrer Auswahl buendig ausrichten. */
.bob-person-pair { display:flex; gap:.75rem; align-items:end; flex-wrap:wrap; }
.bob-person-pair > div { flex:1 1 10rem; min-width:0; }
#daten .row .bob-person-pair { margin-top:1rem; }
#daten .bob-person-pair .algolia-autocomplete { display:block !important; width:100%; }
.bob-home-pair > .bob-postcode-field { flex:0 0 calc(5ch + 1.5em); }
.bob-home-pair > .bob-city-field { flex:1 1 8rem; }
#daten .bob-person-pair input[name="schueler_plz"], #daten .bob-person-pair input[name="schueler_wohnort"] { width:100% !important; margin:0 !important; display:block !important; float:none; }
.bob-standard-hidden { display:none !important; }
#daten .row.bob-standard-row { display:flex; flex-wrap:wrap; justify-content:flex-start; }
#daten .row.bob-standard-row::before, #daten .row.bob-standard-row::after { display:none; }
#daten .row.bob-standard-row > [class*="col-"] { flex:1 1 50%; min-width:0; }
.bob-dropdown-search { position:relative; width:100%; min-width:0; }
.bob-dropdown-controls { display:flex; flex-wrap:nowrap; gap:0; align-items:stretch; min-width:0; }
.bob-dropdown-controls > select, #daten .bob-dropdown-controls > select { flex:1 1 0; min-width:0; width:0 !important; max-width:100%; float:none; margin:0 0 0 -1px; appearance:auto; border-radius:0 .5rem .5rem 0 !important; }
.bob-dropdown-controls > select:not([multiple]):not([size]), #daten .bob-dropdown-controls > select:not([multiple]):not([size]), .bob-dropdown-controls > select[size="1"]:not([multiple]), #daten .bob-dropdown-controls > select[size="1"]:not([multiple]), .bob-dropdown-controls > select[size="0"]:not([multiple]), #daten .bob-dropdown-controls > select[size="0"]:not([multiple]) { height:auto !important; }
.bob-dropdown-controls:has(> select[multiple]), .bob-dropdown-controls:has(> select[size]:not([size="1"]):not([size="0"])) { align-items:start; }
.bob-dropdown-controls > .bob-dropdown-query, #daten .bob-dropdown-controls > .bob-dropdown-query { flex:0 0 calc(7ch + 2.25em); width:calc(7ch + 2.25em) !important; min-width:0; max-width:none; padding:.5rem .45rem; margin:0; font-variant-numeric:tabular-nums; border-radius:.5rem 0 0 .5rem !important; }
/* The bundled Bootstrap form-control height is 32px; allow the search to grow with larger selects. */
.bob-dropdown-controls > .bob-dropdown-query, #daten .bob-dropdown-controls > .bob-dropdown-query { height:auto !important; min-height:32px; }
.bob-search-label, .bob-search-status, #daten .bob-search-label, #daten .bob-search-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.bob-dropdown-results { position:fixed; box-sizing:border-box; overflow:auto; z-index:10000; border:1px solid #aebfca; border-radius:.5rem; background:white; color:#212529; box-shadow:0 4px 12px rgba(0,0,0,.16); padding:.25rem; }
.bob-dropdown-results[hidden] { display:none !important; }
.bob-dropdown-results > button { display:block; width:100%; border:0; background:white; color:#212529; font:inherit; line-height:inherit; text-align:left; padding:.5rem .65rem; white-space:normal; overflow-wrap:anywhere; }
.bob-dropdown-results > button:hover, .bob-dropdown-results > button.bob-active { background:#e8f1ff; }
.bob-dropdown-results > button[aria-selected="true"] { font-weight:600; }
.bob-dropdown-results > button:disabled { color:#6c757d; }
.bob-search-empty { padding:.5rem .65rem; }
@media(max-width:420px) { .bob-person-pair > div { flex-basis:100%; } .bob-home-pair > .bob-city-field { flex-basis:0; } }
@media(max-width:768px) { #daten .row.bob-standard-row > [class*="col-"] { flex-basis:100%; } }

/* geaendert 2026-10-07 14:32:00: Kontaktadresse auch ohne Ortsteil ohne Luecke ausrichten. */
.bob-contact-home { align-items:flex-start; }
.bob-contact-home input { width:100% !important; margin:0 !important; display:block !important; float:none; }
.bob-contact-home .algolia-autocomplete { display:block !important; width:100%; }

.bob-contact-form .field input { width:100% !important; min-width:0; }

/* geaendert 2026-10-08: Betriebsformulare im vorhandenen TZ-Stil; Grid und Flex sichern den mobilen Umbruch. */
.bob-business-enrollment,
.bob-business-enrollment form { font-size:16px; min-width:0; max-width:100%; }
.bob-business-enrollment * { box-sizing:border-box; }
.bob-business-enrollment #daten { padding:1rem 0; }
.bob-business-enrollment label { font-weight:600; margin-bottom:.25rem; display:block; }
.bob-business-enrollment .form-control { border-radius:.5rem !important; padding:.5rem .75rem; min-height:2.5rem; min-width:0; max-width:100%; }
.bob-business-enrollment input[type='text'],
.bob-business-enrollment input[type='email'],
.bob-business-enrollment select,
.bob-business-enrollment textarea { border:1px solid #ced4da; }
.bob-business-enrollment .btn { border-radius:.5rem !important; padding:.5rem .9rem; }
.bob-business-form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; border-top:1px solid gainsboro; padding-top:.5em; margin:.5em; }
.bob-business-form-field { min-width:0; }
.bob-business-form-field > label { margin-top:1rem; }
.bob-business-form-field .form-control { width:100% !important; min-width:0; }
.bob-business-personal-fields { width:100%; min-width:0; }
.bob-business-inline-address { display:grid; grid-template-columns:minmax(0,1fr) 5rem; gap:.5rem; min-width:0; }
.bob-business-inline-address .form-control { display:block !important; margin:0 !important; width:100% !important; }
.bob-business-form-field > .bob-person-pair { margin-top:1rem; }
.bob-business-enrollment .bob-person-pair > div { min-width:0; }
.bob-business-enrollment .bob-person-pair .algolia-autocomplete { display:block !important; width:100%; }
.bob-business-enrollment .bob-dropdown-controls > select { flex:1 1 0; width:0 !important; min-width:0; }
.bob-business-enrollment input[type='radio'],
.bob-business-enrollment input[type='checkbox'] { appearance:auto !important; display:inline-block !important; opacity:1 !important; position:static !important; transform:none !important; background:initial !important; border:initial !important; box-shadow:none !important; width:1rem !important; height:1rem !important; margin:0 .4rem 0 0 !important; vertical-align:middle; }
.bob-business-enrollment input[type='radio'] { -webkit-appearance:radio !important; }
.bob-business-enrollment input[type='checkbox'] { -webkit-appearance:checkbox !important; }
.bob-business-choice-group { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1.25rem; }
.bob-business-choice-group label,
.bob-business-enrollment label:has(> input[type='radio']),
.bob-business-enrollment label:has(> input[type='checkbox']) { display:inline-flex; align-items:center; gap:.35rem; margin:0; font-weight:normal; white-space:normal; }
.bob-business-enrollment form:has(input[name='sprache']) table,
.bob-business-enrollment form:has(input[name='sprache']) tbody { display:block; width:100%; }
.bob-business-enrollment form:has(input[name='sprache']) tr { display:flex; flex-wrap:wrap; gap:1rem; }
.bob-business-enrollment form:has(input[name='sprache']) td { flex:1 1 15rem; min-width:0; padding:.35rem 0; }
.bob-business-enrollment form:has(input[name='sprache']) td label { display:inline; font-weight:normal; }
.bob-business-enrollment .row { flex-wrap:wrap; min-width:0; }
.bob-business-enrollment .row > div[style*='float:left'] { float:none !important; flex:1 1 25rem; width:auto !important; min-width:0; max-width:100%; }
.bob-business-enrollment .container { width:100%; max-width:100%; }
.bob-business-contact-form { width:100%; max-width:100%; min-width:0; }
.bob-business-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.25rem; width:100%; min-width:0; margin:1rem 0 1.5rem; container-type:inline-size; container-name:bob-business-contacts; }
.bob-business-contact-grid > * { min-width:0; }
.bob-business-contact-field,
.bob-business-contact-address > .bob-standard-field { display:grid; grid-template-columns:minmax(7.5rem,32%) minmax(0,1fr); gap:.5rem; align-items:start; min-width:0; }
.bob-business-contact-field > label,
.bob-business-contact-address > .bob-standard-field > label { margin:0; padding-top:.5rem; line-height:1.35; overflow-wrap:anywhere; }
.bob-business-contact-control { min-width:0; }
.bob-business-contact-kind { grid-column:1/-1; max-width:33rem; }
.bob-business-contact-address { min-width:0; }
.bob-business-contact-address > .bob-standard-field { margin-top:.8rem; }
.bob-business-contact-grid .bob-contact-home { display:grid; grid-template-columns:6.5rem minmax(0,1fr); gap:.5rem; width:100%; min-width:0; }
.bob-business-contact-grid .bob-contact-home > div { min-width:0; width:100%; }
.bob-business-contact-street { display:grid; grid-template-columns:minmax(0,1fr) 4.5rem; gap:.5rem; min-width:0; }
.bob-business-contact-grid .form-control,
.bob-business-contact-grid .algolia-autocomplete { min-width:0; max-width:100%; width:100% !important; }
@container bob-business-contacts (max-width:520px) {
  .bob-business-contact-field,
  .bob-business-contact-address > .bob-standard-field { grid-template-columns:minmax(0,1fr); gap:.25rem; }
  .bob-business-contact-field > label,
  .bob-business-contact-address > .bob-standard-field > label { padding-top:0; }
}
@media (max-width:768px) {
  .bob-business-form-row { grid-template-columns:minmax(0,1fr); margin:.5em 0; }
  .bob-business-contact-grid { grid-template-columns:minmax(0,1fr); }
  .bob-business-enrollment .form-control { font-size:16px; width:100% !important; }
  .bob-business-enrollment .bob-person-pair { flex-wrap:wrap; }
}
@media (max-width:600px) {
  .bob-business-contact-field,
  .bob-business-contact-address > .bob-standard-field { grid-template-columns:minmax(0,1fr); gap:.25rem; }
  .bob-business-contact-field > label,
  .bob-business-contact-address > .bob-standard-field > label { padding-top:0; }
}

.bob-business-field-column { min-width:0; }
.bob-business-field-column > .bob-business-form-field + .bob-business-form-field { margin-top:1rem; }

/* geaendert 2026-10-08: Strasse und Hausnummer auch bei schmalen Ansichten als feste Feldgruppe. */
.bob-business-enrollment #daten .bob-business-inline-address,
.bob-business-enrollment #daten .bob-business-contact-street { display:flex; flex-wrap:nowrap; align-items:flex-start; gap:.5rem; min-width:0; }
.bob-business-enrollment #daten .bob-business-inline-address > input,
.bob-business-enrollment #daten .bob-business-contact-street > input { display:block !important; margin:0 !important; min-width:0; }
.bob-business-enrollment #daten .bob-business-inline-address > input:first-child,
.bob-business-enrollment #daten .bob-business-contact-street > input:first-child { flex:1 1 0; width:0 !important; }
.bob-business-enrollment #daten .bob-business-inline-address > input:last-child,
.bob-business-enrollment #daten .bob-business-contact-street > input:last-child { flex:0 0 5rem; width:5rem !important; }

/* geaendert 2026-10-08: Schrittleiste im vorhandenen VZ-Stil, mit Umbruch. */
.bob-legacy-steps { margin: 1rem 0; max-width: 100%; }
.bob-legacy-step-form { display:flex; flex-wrap:wrap; gap:.25rem .5rem; max-width:100%; }
.bob-legacy-steps .bob-legacy-step.btn { border:0; background:none; color:inherit; font-size:14px; text-decoration:underline; padding:.4rem .5rem; white-space:normal; max-width:100%; text-align:left; }
.bob-legacy-steps .bob-legacy-step.is-current { font-weight:bold; text-decoration:none; opacity:1; }
.bob-legacy-steps .bob-legacy-step:disabled:not(.is-current) { opacity:.5; text-decoration:none; }
.bob-legacy-step-help { font-size:.9em; margin:.5rem 0; }

/* Gemeinsame Leiste: feste Schrittangabe links, Fortschritt ausschliesslich rechts davon. */
.bob-enrollment-progress, body #schritt.bob-enrollment-progress { display:flex; align-items:stretch; width:100%; min-width:0; height:28px; box-sizing:border-box; overflow:hidden; border:1px solid #adb5bd; border-radius:4px; background:#e9ecef; margin:0 0 10px; }
.bob-enrollment-progress-label { display:flex; align-items:center; justify-content:center; flex:0 0 auto; padding:3px 10px; border-right:1px solid #adb5bd; background:#f8f9fa; color:#212529; font-size:14px; line-height:20px; white-space:nowrap; font-variant-numeric:tabular-nums; }
body .bob-enrollment-progress > .progress, body #schritt.bob-enrollment-progress > .progress { flex:1 1 0%; align-self:stretch; min-width:0; height:auto; margin:0; border:0; border-radius:0; background:#e9ecef; }
.bob-enrollment-progress > .progress > .progress-bar { height:auto; }

.bob-legacy-step-confirm { max-width:calc(100vw - 2rem); width:30rem; border:1px solid #ccc; border-radius:.5rem; padding:1.25rem; background:#fff; color:#222; }
.bob-legacy-step-confirm::backdrop { background:rgba(0,0,0,.35); }
.bob-legacy-step-confirm .bob-step-confirm-actions { display:flex; flex-wrap:wrap; gap:.5rem; }

/* geaendert 2026-10-08: Verbundene Suchauswahl, Feldhilfen und buendige Kontaktfelder. */
#daten .bob-dropdown-search .bob-dropdown-controls > select.form-control,
.bob-dropdown-search .bob-dropdown-controls > select.form-control {
  border-top-left-radius:0!important; border-bottom-left-radius:0!important;
  border-top-right-radius:.5rem!important; border-bottom-right-radius:.5rem!important;
  margin-left:-1px!important; align-self:stretch; min-height:34px;
}
#daten .bob-dropdown-search .bob-dropdown-controls > input.bob-dropdown-query,
.bob-dropdown-search .bob-dropdown-controls > input.bob-dropdown-query {
  border-top-left-radius:.5rem!important; border-bottom-left-radius:.5rem!important;
  border-top-right-radius:0!important; border-bottom-right-radius:0!important;
  align-self:stretch; min-height:34px; border-right-color:transparent;
}
.bob-dropdown-controls:focus-within { border-radius:.5rem; outline:2px solid #337ab7; outline-offset:2px; }
.bob-token-identify.btn { font-weight:600; padding:.7rem 1.25rem; background:#337ab7; color:#fff; border:1px solid #286090; box-shadow:0 2px 4px rgba(0,0,0,.15); }
.bob-token-identify.btn:hover, .bob-token-identify.btn:focus { background:#286090; color:#fff; }
.bob-token-identify.btn:disabled, fieldset:disabled .bob-token-identify.btn { box-shadow:none; opacity:.6; }
.bob-business-contact-kind { width:calc((100% - 1.25rem)/2); max-width:none; }
.bob-contact-address-stack { min-width:0; width:100%; }
.bob-contact-address-stack > .bob-standard-field { margin-top:.75rem; }
.bob-family-language { min-width:0; margin:1rem 0; max-width:100%; }
#daten .bob-weekdays, .bob-weekdays { display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; align-items:center; margin:.75rem 0; }
#daten .bob-weekdays > label.bob-weekday-choice, .bob-weekdays > label.bob-weekday-choice { display:inline-flex!important; align-items:center; gap:.35rem; white-space:nowrap; width:auto; margin:0!important; font-weight:normal; }
#daten .bob-weekday-choice input[type=checkbox], .bob-weekday-choice input[type=checkbox] { margin:0!important; position:static!important; width:auto!important; flex:none; }
.bob-field-hint { cursor:help; }
.bob-field-hint:focus-visible { outline:2px solid #337ab7; outline-offset:3px; }
.bob-field-tooltip { position:fixed; z-index:10001; max-width:22rem; padding:.6rem .8rem; border:1px solid #999; border-radius:.35rem; color:#222; background:#fff; box-shadow:0 3px 12px rgba(0,0,0,.18); font:14px/1.4 Arial,sans-serif; overflow-wrap:anywhere; pointer-events:none; }
.bob-field-tooltip[hidden] { display:none!important; }
@media(max-width:768px) { .bob-business-contact-kind { width:100%; } .bob-token-identify { max-width:100%; white-space:normal; } }

/* geaendert 2026-10-08: Einheitliche Ueberschriftenschrift wie beim Schulabschluss. */
html #daten :is(h1,h2,h3,h4,h5,h6),
.bob-business-enrollment :is(h1,h2,h3,h4,h5,h6),
#ueberblick :is(h1,h2,h3,h4,h5,h6) {
  font-family: "Oswald", sans-serif !important;
  font-weight: 400 !important;
}

/* geaendert 2026-10-09: Gleiche Standardschrift fuer Feldbeschriftungen in allen drei Anmeldewegen. */
html #daten form label.bob-standard-label,
html .bob-business-enrollment form label.bob-standard-label,
html form label.bob-standard-label {
  font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:1.4!important;
}
.bob-business-email-verify {margin-top:.5rem;font:14px/1.4 Arial,sans-serif;}
.bob-business-email-verify [data-bob-email-status] {margin-top:.4rem;}
.bob-business-email-verify button {white-space:normal;margin:.25rem .25rem .25rem 0;}
.bob-business-email-verify button[hidden] {display:none!important;}

/* geaendert 2026-10-09: Redaktionelle Hilfe bewahrt Zeilenumbrueche. */
.bob-field-tooltip { white-space:pre-wrap; max-height:40vh; overflow:hidden; }

.bob-native-date {max-width:100%;min-width:0;box-sizing:border-box;}
.bob-legacy-date-value, #daten .bob-legacy-date-value {display:none !important;}

/* Kontaktfelder im TZ-Weg: vorhandene Controls im gleichen Raster wie der Betriebsweg. */
.bob-contact-form { width:100%; max-width:100%; min-width:0; }
.bob-contact-form .bob-business-contact-grid .form-control { display:block !important; margin:0 !important; box-sizing:border-box; }
.bob-contact-form .bob-business-contact-street { display:flex; flex-wrap:nowrap; gap:.5rem; min-width:0; }
.bob-contact-form .bob-business-contact-street > input:first-child { flex:1 1 0; width:0 !important; }
.bob-contact-form .bob-business-contact-street > input:last-child { flex:0 0 70px; width:70px !important; }
@media(max-width:768px) { .bob-contact-form .bob-business-contact-grid .form-control { font-size:16px; } }

.bob-contact-form .bob-contact-home { grid-template-columns:90px minmax(0,1fr); }

/* geaendert 2026-10-14: Konto-Schulhinweise mit schmaler Farbkante wie Neuigkeiten. */
.bob-account-news {margin:0 0 .75rem;}
.bob-account-news .bob-account-news-heading {font-size:16px;line-height:1.3;margin:0 0 .35rem;font-weight:500;}
.bob-account-news-item {border-left:3px solid #0d6efd;border-bottom:1px solid #e4e8ed;background:#fff;padding:.35rem .65rem;margin:0 0 .35rem;min-width:0;}
.bob-account-news-header {display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .65rem;padding:0;margin:0;border:0;background:none;min-height:0;font-size:14px;line-height:1.35;overflow-wrap:anywhere;}
.bob-account-news-reference {font-size:12px;color:#667085;white-space:nowrap;}
.bob-account-news-content {display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .65rem;min-width:0;overflow-wrap:anywhere;}
.bob-account-news-content > [role="status"] {margin:2px 0 !important;}
.bob-account-news-content > details {margin:2px 0 !important;max-width:100%;}
.bob-account-news-content > details ul {margin-bottom:.25rem;padding-left:1.25rem;}
@media(max-width:600px){.bob-account-news-item{padding:.3rem .5rem;}.bob-account-news-content > [role="status"]{max-width:100%;}}
@media(forced-colors:active){.bob-account-news-item{border-left-color:CanvasText;}.bob-account-news-reference{color:CanvasText;}}

/* geaendert 2026-10-14: Konto-Buttons mit den Maßen der Bewerberverwaltung. */
.bob-account-ui .btn {display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;padding:5px 9px;margin-bottom:0;font-size:13px;font-weight:400;line-height:20px;text-align:center;vertical-align:middle;border-radius:4px;max-width:100%;min-width:min-content;white-space:normal;overflow-wrap:normal;}
.bob-account-ui .btn-default {color:#333;background:#fff;border-color:#ccc;}
.bob-account-ui .btn-default:hover,.bob-account-ui .btn-default:focus {color:#333;background:#e6e6e6;border-color:#adadad;}
.bob-account-ui .btn-black,.bob-account-ui .btn-black:visited {color:#fff;background:#222;border-color:#222;border-radius:4px;}
.bob-account-ui .btn-black:hover,.bob-account-ui .btn-black:focus {color:#fff;background:#000;border-color:#000;}
.bob-account-ui .btn:focus-visible {outline:2px solid #337ab7;outline-offset:2px;}
.bob-account-ui .btn[disabled],.bob-account-ui .btn.disabled {opacity:.65;cursor:not-allowed;}
.bob-account-ui .table > tbody > tr > td {vertical-align:middle;}
.bob-account-actions,.bob-account-status-row {display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;}
.bob-account-status-row {margin:4px 0;}
.bob-account-status-row > .label {display:inline-flex;align-items:center;justify-content:center;min-height:32px;max-width:100%;padding:5px 9px;font-size:13px;font-weight:400;line-height:20px;border:1px solid transparent;border-radius:4px;white-space:normal;overflow-wrap:anywhere;text-align:left;}
.bob-account-status-row > .label-warning {color:#333;}
.bob-account-header {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:16px;}
.bob-account-header h3,.bob-account-header form {margin:0;}
.bob-account-header #logout {display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.bob-account-header #logout label {float:none!important;margin:0!important;font-size:14px;font-weight:400;overflow-wrap:anywhere;}
.bob-account-ui .bob-account-news-content > [role="status"] {margin:4px 0!important;}
@media(max-width:600px){.bob-account-actions,.bob-account-status-row{gap:6px;}.bob-account-header{align-items:flex-start;}.bob-account-header #logout{max-width:100%;}}
@media(forced-colors:active){.bob-account-ui .btn,.bob-account-status-row > .label{border-color:ButtonText;}.bob-account-ui .btn:focus-visible{outline-color:Highlight;}}

/* geaendert 2026-10-15: VZ-Kontaktgruppen ohne Bootstrap-col-2-Kollision. */
.bob-contact-form .form-grid>.field{min-width:0;width:100%;max-width:100%}
.bob-contact-form .bob-contact-wide{width:100%;grid-column:1/-1}
.bob-contact-form .bob-contact-street-field .row-2{grid-template-columns:minmax(0,1fr) 7em;gap:8px;min-width:0}
.bob-contact-form .bob-contact-home{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;min-width:0}
.bob-contact-form .bob-contact-home>div{min-width:0;width:100%}
.bob-contact-form .bob-contact-street-field .row-2>div{min-width:0}
.bob-contact-form .bob-contact-street-field input{margin:0!important}
.bob-contact-form label{overflow-wrap:anywhere}
.bob-contact-form .field input,.bob-contact-form .field select{max-width:100%;min-width:0}

/* geaendert 2026-10-15: Kontotabellen, Wunschstatus und Aktionen kompakt ausrichten. */
.bob-account-ui .bob-account-table-scroll{max-width:100%;overflow-x:auto;margin:0 0 12px}
.bob-account-ui .bob-account-table-scroll>.table{margin-bottom:0}
.bob-account-ui .bob-account-table-scroll>.table>tbody>tr>td{vertical-align:top;padding:8px}
.bob-account-ui .bob-account-wishes{min-width:220px;overflow-wrap:anywhere}
.bob-account-ui .bob-account-wish{margin:0 0 12px}
.bob-account-ui .bob-account-wish:last-child{margin-bottom:0}
.bob-account-ui .bob-account-wish:empty{display:none}
.bob-account-ui .bob-account-course-status{display:flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;min-height:32px;margin:6px 0 0;padding:5px 9px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:400;line-height:20px;white-space:normal;text-align:left;overflow-wrap:anywhere}
.bob-account-ui .table .bewerber_mark_delete_button>img{width:14px;height:14px!important;margin-right:0!important;flex-shrink:0}
.bob-account-ui .bob-account-id{white-space:nowrap}

/* geaendert 2026-10-15: Kontorahmen und Mitteilungen nutzen breite Bildschirme. */
@media(min-width:1200px){
 .container:has(.bob-account-ui){width:calc(100% - 48px);max-width:1600px}
}

/* geaendert 2026-10-15: Kompaktes Nachrichtenkapitel und Mitteilungen als Kontoseite. */
.bob-account-ui{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrapper:has(>.bob-account-ui){padding:12px}
.bob-account-ui h1,.bob-account-ui h2,.bob-account-ui h3{font-family:inherit;background:none;border:0;box-shadow:none}
.bob-account-ui .bob-account-header{margin-bottom:8px}
.bob-account-menu{display:flex;gap:4px;border-bottom:1px solid #d9dee7;margin:0 0 16px;flex-wrap:wrap}
.bob-account-menu a{display:block;padding:8px 12px;color:#475467;text-decoration:none;border-bottom:2px solid transparent}
.bob-account-menu a[aria-current=page]{border-bottom-color:#0d6efd;color:#17568c;font-weight:600}
.bob-account-menu a:focus-visible,.bob-message-page summary:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}
.bob-account-ui .bob-account-news{margin:0 0 16px;padding:12px 14px;border:1px solid #dfe4eb;border-radius:6px;background:#fff}
.bob-account-news-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.bob-account-news-top h2{font-size:17px;font-weight:600;margin:0}
.bob-account-news-top a{font-size:13px}
.bob-account-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px 16px}
.bob-account-ui .bob-account-news-item{margin:0;padding:4px 10px;border-bottom:0;border-left:3px solid #0d6efd;background:transparent}
.bob-account-news-item p{margin:2px 0;font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.bob-account-news-item time,.bob-account-news-empty,.bob-account-login-hint{font-size:13px;color:#596579}
.bob-account-news-empty{margin:0}
.bob-account-login-hint{margin:10px 0}
.bob-account-login-hint summary{cursor:pointer}
.applicant-message-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.applicant-message-last-sent{display:block;font-size:12px;color:#596579;overflow-wrap:anywhere}
.bob-message-page{min-width:0}
.bob-message-page-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin:0 0 12px}
.bob-message-page h1{font-size:24px;line-height:1.2;margin:0}
.bob-message-page h2{font-size:16px;font-weight:600;margin:0 0 10px}
.bob-message-selector{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:16px}
.bob-message-selector label{font-size:13px;font-weight:600;margin:0}
.bob-message-selector select{width:auto;max-width:100%;min-width:min(360px,100%);font-size:14px}
.bob-message-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:24px;align-items:start}
.bob-message-compose{padding-left:20px;border-left:1px solid #dfe4eb;min-width:0}
.bob-message-page .form-group{margin-bottom:10px}
.bob-message-page label{font-size:13px;margin-bottom:4px}
.bob-message-page textarea,.bob-message-page select{font-size:14px}
.bob-message-page small{font-size:12px;color:#596579}
.bob-message-recipients{font-size:13px;margin-bottom:10px;overflow-wrap:anywhere}
.applicant-message-targets{display:inline;list-style:none;margin:0;padding:0}
.applicant-message-targets li{display:inline}
.applicant-message-targets li+li:before{content:', '}
.applicant-message-thread{border-left:3px solid #0d6efd;padding:4px 10px;margin:0 0 12px;min-width:0}
.applicant-message-thread>summary{cursor:pointer;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.applicant-message-thread>div{margin-top:8px}
.applicant-message-entry{margin-bottom:10px}
.applicant-message-line{margin:0;line-height:1.5;font-size:14px;overflow-wrap:anywhere}
.applicant-message-entry-body{white-space:pre-wrap;overflow-wrap:anywhere}
.bob-message-page .applicant-message-reply.btn{display:inline;min-height:0;min-width:0;margin:0 0 0 8px;padding:0;border:0;border-radius:0;background:transparent;color:#245b89;font-size:12px;vertical-align:baseline;text-decoration:underline}
.applicant-message-entry details,.applicant-message-quote{font-size:12px;margin:4px 0 8px}
.applicant-message-entry summary,.applicant-message-quote summary,.applicant-message-alternative summary{cursor:pointer;color:#245b89}
.applicant-message-entry blockquote,.applicant-message-quote>div{white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #a2adbb;padding-left:10px;margin:4px 0;font-size:13px}
.applicant-message-alternative{border-top:1px solid #dfe4eb;margin-top:20px;padding-top:12px;font-size:14px}
.applicant-message-alternative>p{margin:8px 0}
.applicant-message-email .btn{margin:8px 8px 0 0}
.applicant-message-feedback:empty{display:none}
@media(max-width:800px){.bob-message-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.bob-message-compose{border-left:0;border-top:1px solid #dfe4eb;padding:16px 0 0}.bob-message-selector select{width:100%;min-width:0}.bob-account-ui .bob-account-news{padding:10px}.bob-message-page h1{font-size:22px}}
@media(max-width:600px){.wrapper:has(>.bob-account-ui){padding:4px}}
@media(forced-colors:active){.bob-account-menu a[aria-current=page],.applicant-message-thread{border-color:CanvasText}}

/* geaendert 2026-10-15: Chronologische kompakte Gespraechsliste mit geschlossener Detailansicht. */
.bob-message-workspace{display:block}
.bob-message-page .bob-message-compose{border-left:0;border-top:1px solid #dfe4eb;padding:12px 0 0;margin-top:18px}
.bob-message-compose>summary{cursor:pointer;color:#245b89;font-size:15px;font-weight:600}
.bob-message-compose[open]>.applicant-message-form{max-width:760px;margin-top:12px}
.bob-message-compose:not([open])>.applicant-message-form{display:none}
.bob-conversation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:10px 0;border-bottom:1px solid #e3e7ed}
.bob-conversation-row:first-child{border-top:1px solid #e3e7ed}
.bob-conversation-summary{min-width:0}
.bob-message-page .bob-conversation-summary h3{font-size:15px;font-weight:600;margin:0 0 3px;overflow-wrap:anywhere}
.bob-conversation-summary>small{display:block;color:#667085;font-size:12px}
.bob-conversation-summary>p{font-size:13px;color:#596579;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bob-conversation-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}
.bob-conversation-actions time{font-size:12px;color:#667085;white-space:nowrap}
#bob-conversation-modal .modal-dialog{width:calc(100% - 24px);max-width:1000px;margin:20px auto}
#bob-conversation-modal .modal-content{max-height:calc(100dvh - 40px)}
#bob-conversation-modal .modal-body{overflow:auto;min-height:0;overscroll-behavior:contain}
#bob-conversation-modal .modal-title{font-size:18px;overflow-wrap:anywhere;margin:0}
.bob-conversation-schools{font-size:12px;color:#596579;overflow-wrap:anywhere}
.bob-conversation-entry{padding:10px 0;border-bottom:1px solid #e3e7ed;font-size:14px;overflow-wrap:anywhere}
.bob-conversation-entry:first-child{padding-top:0}
.bob-conversation-entry:last-child{border-bottom:0}
.bob-conversation-entry p{margin:4px 0 6px;line-height:1.5}
.bob-conversation-recipients{display:block;font-size:12px}
.bob-conversation-entry details{font-size:12px;margin:4px 0}
.bob-conversation-entry summary{cursor:pointer;color:#245b89}
.bob-conversation-entry blockquote{border-left:2px solid #a2adbb;padding:0 0 0 10px;margin:4px 0;white-space:pre-wrap;font-size:13px}
#bob-conversation-modal .applicant-message-reply{margin:0 12px 0 0}
@media(max-width:600px){.bob-conversation-row{grid-template-columns:minmax(0,1fr);gap:6px}.bob-conversation-actions{flex-direction:row;justify-content:space-between;align-items:center}.bob-conversation-summary>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#bob-conversation-modal .modal-dialog{margin:12px auto}#bob-conversation-modal .modal-content{max-height:calc(100dvh - 24px)}}


/* geaendert 2026-10-15: Smartphonekonto ohne horizontales Scrollen, Login mit klaren Text- und Feldzeilen. */
.bob-account-cell-label{display:none}
.bob-account-header #logout label{overflow-wrap:anywhere;min-width:0;max-width:100%}
@media(max-width:991.98px){
 .bob-account-ui .bob-account-table-scroll:has(>.bob-account-responsive){overflow:visible}
 .bob-account-ui .bob-account-responsive,.bob-account-ui .bob-account-responsive>tbody{display:block;width:100%;border:0}
 .bob-account-ui .bob-account-responsive>tbody>.bob-account-column-head{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .bob-account-ui .bob-account-responsive>tbody>tr:not(.bob-account-column-head){display:block;min-width:0;margin:0 0 14px;border:1px solid #dfe4eb;border-radius:6px;background:#fff;overflow:hidden}
 .bob-account-ui .bob-account-responsive>tbody>tr:not(.bob-account-column-head)>td{display:block;width:100%;min-width:0;max-width:100%;border:0;border-bottom:1px solid #edf0f4;padding:8px 12px;overflow-wrap:anywhere;white-space:normal}
 .bob-account-ui .bob-account-responsive>tbody>tr:not(.bob-account-column-head)>td:last-child{border-bottom:0}
 .bob-account-responsive .bob-account-cell-label{display:block;font-size:12px;font-weight:600;color:#596579;margin-bottom:4px;line-height:1.4}
 .bob-account-ui .bob-account-responsive .bob-account-wishes{min-width:0}
 .bob-account-ui .bob-account-responsive .btn{min-width:0;overflow-wrap:anywhere}
}
#uidLoginForm{max-width:100%;min-width:0;overflow-wrap:anywhere}
#uidLoginForm .auth-heading{margin:0 0 12px}
#uidLoginForm .auth-sub{margin:0 0 16px}
#uidLoginForm .auth-sub h5{font-size:15px;line-height:1.5;margin:0}
#uidLoginForm .bob-login-sections{display:grid;gap:16px;min-width:0}
#uidLoginForm .bob-login-section{padding:16px;border-radius:6px;min-width:0;margin:0}
#uidLoginForm .bob-login-section h3{font-size:19px;line-height:1.35;margin:0 0 8px}
#uidLoginForm .bob-login-section h4{font-size:15px;line-height:1.5;margin:0 0 16px}
#uidLoginForm .bob-login-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#uidLoginForm .bob-login-fields>div{min-width:0}
#uidLoginForm .bob-login-fields label{display:block;float:none;width:auto;margin:0 0 6px;line-height:1.4}
#uidLoginForm .bob-login-fields .form-control{width:100%;max-width:100%;min-width:0;margin:0}
#uidLoginForm .bob-login-token-toggle{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;padding:12px 16px;white-space:normal;border:1px solid #dfe4eb;border-radius:6px;background:#f4f6f8;color:inherit;line-height:1.45}
#uidLoginForm .bob-login-token-toggle .text-muted{font-size:13px}
#uidLoginForm .bob-login-footer{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
#uidLoginForm .bob-login-footer .muted{margin:0;min-width:0}
#loginHelpModal .modal-header{display:flex;align-items:flex-start;gap:12px}
#loginHelpModal .bob-login-help-heading{min-width:0;flex:1}
#loginHelpModal .modal-header h4{margin:0;font-size:20px;line-height:1.4}
#loginHelpModal .modal-header h5{margin:8px 0 0;font-size:14px;line-height:1.5}
#loginHelpModal .modal-header .close{float:none;flex-shrink:0;margin:0;align-self:flex-start}
@media(max-width:575.98px){
 #uidLoginForm .bob-login-fields{grid-template-columns:minmax(0,1fr)}
 #uidLoginForm .bob-login-section{padding:12px}
 #uidLoginForm .auth-heading{font-size:22px;line-height:1.3}
 #uidLoginForm .bob-login-footer{align-items:flex-start;flex-direction:column}
}

/* Der vorhandene Vormerkungstext bestimmt in beiden Zustaenden dieselbe Breite. */
.bob-account-ui .btn.bewerber_mark_delete_button{display:inline-grid;grid-template-columns:14px minmax(0,auto);column-gap:4px}
.bob-account-ui .bewerber_mark_delete_button>img{grid-column:1;grid-row:1;justify-self:center}
.bob-account-ui .bob-account-delete-label{grid-column:2;grid-row:1}
.bob-account-ui .bewerber_mark_delete_button[data-d_status=hold]>.bob-account-delete-label{visibility:hidden}
.bob-account-ui .bewerber_mark_delete_button[data-d_status=hold]>img{grid-column:1 / -1}

/* Vorhandene Mitteilungsaktionen behalten den Versandhinweis direkt unter dem Button. */
.bob-account-ui .bob-account-actions{align-items:flex-start}
.applicant-message-row{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%}
.applicant-message-row>.applicant-message-last-sent{display:inline-flex;align-items:center;gap:4px;line-height:1.4}
.applicant-message-row>.applicant-message-last-sent:empty{display:none}
.bob-account-sent-icon{width:12px;height:12px;flex-shrink:0}
@media(max-width:991.98px){
 .bob-account-ui .bob-account-responsive>tbody>tr>td>a.btn,
 .bob-account-ui .bob-account-responsive>tbody>tr>td>.bob-account-actions>.btn,
 .bob-account-ui .bob-account-responsive>tbody>tr>td>.bob-account-actions>.applicant-message-row>.btn,
 .bob-account-ui .bob-account-responsive>tbody>tr>td>.bewerber_mark_delete_button{inline-size:14rem;max-inline-size:100%;flex:0 0 auto}
 .bob-account-ui .bob-account-responsive>tbody>tr>td>.bob-account-actions>.applicant-message-row{inline-size:14rem;max-inline-size:100%;flex:0 0 auto}
}

/* Gemeinsame Formularaktionen: explizit markierte Aktionen, bestehende Funktionen unveraendert. */
.bob-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0 12px !important; }
.bob-form-reset-actions { float:none !important; clear:both; justify-content:flex-end; }
body .btn.bob-form-action, body #daten .btn.bob-form-action {
 display:inline-flex; align-items:center; justify-content:center; vertical-align:middle;
 box-sizing:border-box; min-height:36px; min-width:88px; max-width:100%; width:auto;
 padding:8px 14px !important; margin:4px 8px 4px 0 !important;
 border:1px solid #6c757d !important; border-radius:4px !important;
 font-size:13px !important; line-height:18px !important; font-weight:400; font-family:inherit;
 background:#f8f9fa !important; color:#212529 !important;
 text-decoration:none !important; text-transform:none; white-space:normal;
 box-shadow:none !important; transform:none !important;
}
body .bob-form-actions .btn.bob-form-action, body #daten .bob-form-actions .btn.bob-form-action { margin:0 !important; }
body .btn.bob-form-action:hover:not(:disabled):not(.disabled), body #daten .btn.bob-form-action:hover:not(:disabled):not(.disabled) { background:#e9ecef !important; border-color:#495057 !important; color:#212529 !important; }
body .btn.bob-form-action.bob-form-action-primary, body #daten .btn.bob-form-action.bob-form-action-primary { background:#0d6efd !important; border-color:#0d6efd !important; color:#fff !important; }
body .btn.bob-form-action.bob-form-action-primary:hover:not(:disabled):not(.disabled), body #daten .btn.bob-form-action.bob-form-action-primary:hover:not(:disabled):not(.disabled) { background:#0b5ed7 !important; border-color:#0a58ca !important; color:#fff !important; }
body .btn.bob-form-action:focus-visible, body #daten .btn.bob-form-action:focus-visible { outline:3px solid #80bdff !important; outline-offset:2px; }
body .btn.bob-form-action:disabled, body .btn.bob-form-action.disabled { opacity:.55 !important; cursor:default; }

/* Gespraechsauswahl und feste Fortsetzung, E-Mail-Vorlage als eigene Kontoseite. */
.bob-message-kind{display:flex;flex-wrap:wrap;gap:8px 20px;border:0;padding:0;margin:0 0 16px}
.bob-message-kind legend{font-size:15px;font-weight:600;margin:0 0 8px}
.bob-message-kind label{display:flex;align-items:center;gap:6px;margin:0}
.bob-message-kind input{margin:0;flex-shrink:0}
.bob-thread-compose{max-width:760px;min-width:0;margin:0 0 22px}
.bob-thread-compose .form-control,.bob-thread-compose .form-select{max-width:100%}
.bob-thread-choice[hidden],.bob-thread-scope[hidden]{display:none!important}
.bob-message-page .applicant-message-history{margin-top:20px}
.bob-conversation-summary h3 a{color:#245b89;text-decoration:none}
.bob-conversation-summary h3 a:hover{text-decoration:underline}
.bob-email-template{border-left:3px solid #0d6efd;padding-left:12px;margin-bottom:16px;min-width:0}
.bob-email-template>strong{display:block;margin-bottom:6px;overflow-wrap:anywhere}

/* Kurzer Konto-Hinweis und gemeinsames Mitteilungsfach. */
.bob-account-message-notice{margin:12px 0;padding:8px 12px;border-left:3px solid #0d6efd;background:#f5f8fc}
.bob-account-message-notice[hidden]{display:none!important}
.bob-message-page>.bob-account-news{margin:12px 0 20px}
@media(max-width:991.98px){.bob-account-ui .bob-business-table-head{display:none!important}.bob-account-ui .bob-account-responsive>tbody>tr>td{width:100%!important;min-width:0;overflow-wrap:anywhere}.bob-account-ui .bob-account-responsive .applicant-message-row{max-width:100%}}

/* Gesprächsbeiträge: Absender links, Text rechts; belegte Antworten um eine feste Stufe einrücken. */
.bob-message-page .bob-conversation-preview,.bob-message-page .bob-conversation-entry.bob-conversation-message-row{display:grid;grid-template-columns:clamp(88px,24%,160px) minmax(0,1fr);gap:12px}
.bob-message-page .bob-conversation-preview{margin-top:5px;font-size:13px;color:#596579}
.bob-message-page .bob-conversation-preview>strong,.bob-message-page .bob-conversation-author,.bob-message-page .bob-conversation-content{min-width:0;overflow-wrap:anywhere}
.bob-message-page .bob-conversation-author{padding:0;margin:0;border:0;min-height:0;background:none;float:none;align-self:start}
.bob-message-page .bob-conversation-preview>p{min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bob-message-page .bob-conversation-author>strong{display:block;color:#344054}
.bob-message-page .bob-conversation-author>time{display:block;font-size:11px;color:#667085;margin-top:3px}
.bob-message-page .bob-conversation-content>.applicant-message-entry-body{margin:0 0 6px;white-space:pre-wrap}
.bob-message-page .bob-conversation-entry-reply{margin-inline-start:12px;padding-inline-start:8px;border-inline-start:2px solid #d5dce5}
@media(max-width:600px){.bob-message-page .bob-conversation-preview,.bob-message-page .bob-conversation-entry.bob-conversation-message-row{grid-template-columns:minmax(0,76px) minmax(0,1fr);gap:8px}.bob-message-page .bob-conversation-preview>p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bob-message-page .bob-conversation-entry-reply{margin-inline-start:6px;padding-inline-start:6px}}

/* Offener, umgekehrt gelesener Gespraechsbaum. Ein Beitrag bleibt auch bei mehreren Bezuegen einmal vorhanden. */
.bob-message-page .bob-conversation-tree{list-style:none;margin:0;padding:0}
.bob-message-page .bob-conversation-tree-item{position:relative;list-style:none;margin:0;margin-inline-start:var(--bob-message-indent,0px);padding:0;min-width:0}
.bob-message-page .bob-conversation-tree-item.is-reply{border-inline-start:2px solid #d5dce5;padding-inline-start:8px}
.bob-message-page .bob-conversation-tree-item>.bob-conversation-entry{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #e3e7ed}
.bob-message-page .bob-conversation-tree-item:first-child>.bob-conversation-entry{padding-top:0}
.bob-message-page .bob-conversation-tree-item:last-child>.bob-conversation-entry{border-bottom:0}
.bob-message-page .bob-conversation-entry:focus{outline:2px solid #0d6efd;outline-offset:2px}
@media(max-width:600px){.bob-message-page .bob-conversation-tree-item{margin-inline-start:var(--bob-message-mobile-indent,0px)}.bob-message-page .bob-conversation-tree-item.is-reply{padding-inline-start:6px}}

/* Schulbeitraege folgen den bestehenden BoB-Schulhinweisen: helle Flaeche, farbige Seitenkante, dunkle Schrift. */
.bob-message-page .bob-conversation-tree-item>.bob-conversation-entry.bob-school-message,
.bob-message-page .bob-conversation-context.bob-school-message,
.bob-message-page .bob-conversation-preview.bob-school-message{border-inline-start:3px solid var(--bob-school-color,#0d6efd);background:var(--bob-school-tint,#f5f8fc);padding:10px 12px;color:#344054}
.bob-message-page .bob-conversation-context{grid-column:1/-1;display:grid;grid-template-columns:clamp(88px,24%,160px) minmax(0,1fr);gap:12px;min-width:0;margin:4px 0 0 12px;padding:8px 10px;border-inline-start:2px solid #d5dce5;background:#fff;white-space:normal;font-size:inherit}
.bob-message-page .bob-conversation-context .applicant-message-entry-body{white-space:pre-wrap;margin:0;overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){.bob-message-page .bob-conversation-context{grid-template-columns:minmax(0,88px) minmax(0,1fr);gap:8px;margin-inline-start:6px}.bob-message-page .bob-conversation-tree-item>.bob-conversation-entry.bob-school-message,.bob-message-page .bob-conversation-context.bob-school-message,.bob-message-page .bob-conversation-preview.bob-school-message{grid-template-columns:minmax(0,88px) minmax(0,1fr);padding:8px 6px}.bob-message-page .bob-school-message .bob-conversation-author>strong,.bob-message-page .bob-conversation-context .bob-conversation-author>strong{font-size:12px;line-height:1.4}}
@media(forced-colors:active){.bob-message-page .bob-school-message{border-inline-start-color:CanvasText!important;background:Canvas!important;color:CanvasText!important}}

/* Gespraechstitel ohne Link, zugehoerige Aktion daneben; vorhandene Nachrichten vor der Erstellung. */
.bob-conversation-heading{display:flex;align-items:flex-start;gap:8px;min-width:0;margin-bottom:5px}
.bob-conversation-heading h3{flex:0 1 auto;min-width:0;margin:0;overflow-wrap:anywhere}
.bob-conversation-heading .btn{flex:0 0 auto;white-space:nowrap;margin:0}
.bob-message-compose-panel{margin:18px 0 12px;min-width:0}
.bob-message-compose-panel>summary{font-weight:600;color:#245b89;cursor:pointer;padding:8px 0}
.bob-message-compose-panel[open]>summary{margin-bottom:10px}
.bob-message-compose-panel .bob-thread-compose{margin-bottom:12px}

/* geaendert 2026-10-16: VZ-Entwurf des Kontozugangs; Teilzeit behaelt die bestehende Darstellung. */
body :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card{width:100%;max-width:900px;margin:8px auto 24px;padding:0;border:1px solid #dfe4eb;border-radius:6px;background:#fff;box-shadow:0 2px 8px #1b2c4510;color:#212529;font-family:inherit}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-vz-login-heading{padding:22px 24px 18px;border-bottom:1px solid #dfe4eb;background:#f8f9fa;border-radius:6px 6px 0 0}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-vz-login-heading h2{font-family:inherit;font-size:24px;font-weight:500;line-height:1.3;margin:0 0 8px;text-transform:none;letter-spacing:normal}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-vz-login-heading>div{font-size:14px;line-height:1.55;color:#495057}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-sections{padding:22px 24px 0;gap:18px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-section{padding:0;background:none;border:0}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card h3{font-family:inherit;font-size:18px;font-weight:500;line-height:1.4;margin:0 0 6px;text-transform:none;letter-spacing:normal}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-description{font-size:14px;line-height:1.55;color:#495057;margin:0 0 18px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-fields label{font-family:inherit;font-weight:500;font-size:14px;min-height:20px;color:#212529}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .form-control{height:42px;min-height:42px;padding:8px 12px;border:1px solid #adb5bd;border-radius:4px;background:#fff;color:#212529;font-size:16px;line-height:24px;box-sizing:border-box}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .form-control:focus{border-color:#0d6efd;outline:2px solid #9ec5fe;outline-offset:1px;box-shadow:none}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-email-access-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .form-text{font-size:12px;line-height:1.5;color:#596579;margin-top:6px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-token{border-bottom:1px solid #e3e7ed;padding-bottom:18px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-token-toggle{flex-direction:row;align-items:center;justify-content:space-between;padding:12px 0;border:0;background:transparent;border-radius:0;color:#245b89;font-size:14px;font-weight:500}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-token-toggle:focus-visible{outline:2px solid #0d6efd;outline-offset:2px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 12px;flex-shrink:0}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-token-toggle[aria-expanded=true] .bob-login-chevron{transform:rotate(225deg);margin-top:6px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card #accountTokenCollapse>.bob-login-section{padding:6px 0 4px}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-portal-token-input{flex:none!important;width:100%}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-portal-token-input .input-group-addon{height:42px;box-sizing:border-box;font-size:16px;background:#f1f3f5;border-color:#adb5bd!important}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-footer{padding:18px 24px 22px;margin:0;gap:12px 20px;border-top:0}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-footer .bob-form-action{min-height:42px;font-size:14px!important}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-resend{font-size:13px;color:#245b89;text-decoration:underline}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-help{flex-basis:100%;margin:0;font-size:13px;color:#495057;line-height:1.5}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-help summary{cursor:pointer;color:#245b89;width:fit-content}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-help[open] summary{margin-bottom:8px}
@media(max-width:600px){
 :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-vz-login-heading{padding:18px 16px 14px}
 :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-sections{padding:18px 16px 0}
 :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-fields{grid-template-columns:minmax(0,1fr);gap:16px}
 :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-footer{padding:16px;align-items:stretch;flex-direction:column;gap:14px}
 :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-footer .bob-form-action{width:100%}
 :is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-login-help{flex-basis:auto}
}

/* geaendert 2026-10-16: Alte feste Tokenhoehe nur im VZ-Entwurf ueberstimmen. */
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-portal-token-input>.input-group-addon,
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-portal-token-input>[data-bob-portal-token]{height:42px!important;min-height:42px!important;max-height:42px;font-size:16px;line-height:24px}

/* geaendert 2026-10-16: Gemeinsame Zugangsdarstellung fuer Betrieb, Registrierung und Hilfe. */
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-vz-login-heading>.bob-access-title,
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-access-title h2,
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-access-title h3{font-family:inherit;font-size:24px;font-weight:500;line-height:1.3;letter-spacing:normal;text-transform:none;margin:0}
.bob-business-access .bob-access-body{padding:22px 24px}
.bob-business-access .bob-login-fields{display:grid;gap:20px;align-items:start;min-width:0}
:is(#uidLoginForm,.bob-business-access,.bob-email-code-confirmation).bob-access-card .bob-access-body .bob-login-footer{padding:18px 0 0;margin:0;gap:12px 20px}
.bob-business-access .bob-access-field{min-width:0}
.bob-business-access .bob-access-body label{display:block;float:none;width:auto;margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.4}
.bob-business-access .bob-access-body .form-control{width:100%;max-width:100%;min-width:0;margin:0}
.bob-business-access .bob-access-note{margin:0 0 20px;font-size:14px;line-height:1.55;color:#495057}
.bob-business-access .bob-business-address{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;min-width:0}
.bob-business-access .bob-access-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;flex-basis:100%;font-size:13px}
.bob-business-access .bob-access-links a{color:#245b89;text-decoration:underline}
.bob-business-access .bob-access-captcha{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 12px;max-width:100%}
.bob-business-access .bob-access-captcha>img{max-width:100%;height:auto}
.bob-business-access .bob-access-captcha>input[type=image]{padding:0;flex:none}
.bob-business-access .bob-access-table{width:100%;min-width:0;overflow-x:auto;margin-top:14px}
.bob-business-access .bob-access-table table{width:100%;max-width:100%;font-size:14px}
.bob-business-access .bob-access-table td{overflow-wrap:anywhere}
.bob-business-access .bob-access-table .btn.bob-form-action{min-width:0}
.bob-business-access .bob-access-program-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.bob-business-access .bob-access-program-actions .bob-access-field{flex:1 1 260px}
.bob-business-access .bob-access-body>form>.bob-access-field{max-width:560px}
@media(max-width:600px){
 .bob-business-access .bob-access-body{padding:18px 16px}
 .bob-business-access .bob-access-body .bob-login-footer{padding-top:18px}
 .bob-business-access .bob-access-links{flex-direction:column;align-items:flex-start;gap:12px}
}

/* Betriebskonto: sichtbare Beschriftung in beiden Zustaenden, laengster Text als Mass. */
.bob-account-ui .btn.bewerber_mark_delete_button.bob-business-delete-button{inline-size:max-content;max-inline-size:100%;grid-template-columns:14px max-content;align-items:center;white-space:nowrap}
.bob-account-ui .bob-business-delete-button::after{content:attr(data-bob-delete-size);grid-column:2;grid-row:1;visibility:hidden;pointer-events:none}
.bob-account-ui .bob-business-delete-button>.bob-business-delete-label{grid-column:2;grid-row:1;white-space:nowrap}
.bob-account-ui .bob-business-delete-button[data-d_status=hold]>img{grid-column:1;grid-row:1}

/* geaendert 2026-10-17 22:25:09: E-Mail-Codebestaetigung verwendet die gemeinsame Kontodarstellung. */
.bob-email-code-confirmation .bob-login-description{margin-bottom:0!important}
.bob-email-code-confirmation .bob-login-fields{display:grid;grid-template-columns:minmax(0,24rem)!important;align-items:start}
.bob-email-code-confirmation .bob-login-fields>div{min-width:0}
.bob-email-code-confirmation .bob-login-fields label{display:block;float:none;width:auto;margin:0 0 6px}
.bob-email-code-confirmation .bob-login-fields .form-control{width:100%;max-width:100%;min-width:0;margin:0}
.bob-email-code-confirmation .bob-email-code-resend{margin-top:16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}

/* geaendert 2026-10-20: Fehlende Pflichtangaben in VZ, TZ und Betriebsanmeldung einheitlich markieren. */
/* Der tatsaechliche Pflicht-/Gueltigkeitszustand gilt auch fuer dynamische Felder und native Kalender. */
body form :is(input, select, textarea):required:invalid:not(:disabled):not([readonly]):not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]) {
    border: 1px solid #dc3545 !important;
}
body form :is(input, select, textarea):required:valid:not(:disabled):not([readonly]):not([type="hidden"]):not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]) {
    border: 1px solid #adb5bd !important;
}
/* Das Suchfeld gehoert optisch zur Auswahl, ist selbst aber kein zusaetzliches Pflichtfeld. */
body form .bob-dropdown-controls:has(> select:required:not(:disabled)) > .bob-dropdown-query {
    border-color: #adb5bd !important;
}
body form .bob-dropdown-controls:has(> select:required:invalid:not(:disabled)) > .bob-dropdown-query {
    border-color: #dc3545 !important;
}
/* In aelteren Vorlagen fehlt an diesen obligatorischen Auswahlen das native required-Attribut. */
body form select:is([name="ausbildungsberuf_alle"], [name="ausbildungsberuf_betrieb"], [name="abschluss"], [name="betrieb_schulabschluss"], [name="betrieb_bildungsgang"]):not(:disabled),
body form .bob-dropdown-controls:has(> select:is([name="ausbildungsberuf_alle"], [name="ausbildungsberuf_betrieb"], [name="abschluss"], [name="betrieb_schulabschluss"], [name="betrieb_bildungsgang"]):not(:disabled)) > .bob-dropdown-query {
    border-color: #adb5bd !important;
}
body form select:is([name="ausbildungsberuf_alle"], [name="ausbildungsberuf_betrieb"], [name="abschluss"], [name="betrieb_schulabschluss"], [name="betrieb_bildungsgang"]):not(:disabled):has(option:checked[value=""]),
body form .bob-dropdown-controls:has(> select:is([name="ausbildungsberuf_alle"], [name="ausbildungsberuf_betrieb"], [name="abschluss"], [name="betrieb_schulabschluss"], [name="betrieb_bildungsgang"]):not(:disabled)):has(option:checked[value=""]) > .bob-dropdown-query {
    border-color: #dc3545 !important;
}
/* Bildungsgangwuensche verlangen eine Auswahl aus der Gruppe, nicht jede einzelne Checkbox. */
body form input[type="checkbox"][name^="bildungsgang["]:not(:focus-visible) { outline: none !important; }
body form:not(:has(input[type="checkbox"][name^="bildungsgang["]:checked)) input[type="checkbox"][name^="bildungsgang["]:not(:disabled) {
    outline: 1px solid #dc3545 !important;
    outline-offset: 2px !important;
}
/* :invalid erfasst alle Optionen derselben erforderlichen Radiogruppe, auch ohne eigenes required-Attribut. */
body form input:is([type="radio"], [type="checkbox"]):invalid:not(:disabled) {
    outline: 1px solid #dc3545 !important;
    outline-offset: 2px !important;
}
body form input[type="checkbox"]:required:valid:not(:focus-visible),
body form input:is([type="radio"], [type="checkbox"]):disabled {
    outline: none !important;
}
/* Bestehende Gruppen-/Dokumentnachweise lesen; keine Auswahl- oder Validierungsregel aendern. */
body form .bob-checkboxgroup[data-required-checkboxgroup="required"] {
    border: 1px solid #ddd !important;
}
body form .bob-checkboxgroup[data-required-checkboxgroup="required"]:has(input[type="checkbox"]:not(:disabled)):not(:has(input[type="checkbox"]:checked:not(:disabled))) {
    border-color: #dc3545 !important;
}
body form .btn-group:has(input[type="hidden"][data-required-dokument]) {
    border: 1px solid lightgray !important;
}
body form .btn-group:has(input[type="hidden"][data-required-dokument="required"]:is([value=""], :not([value]))) {
    border-color: #dc3545 !important;
}
body form .bob-dropdown-query:focus-visible { outline: 2px solid #66afe9 !important; outline-offset: 2px; }
/* Der Tastaturfokus bleibt zusaetzlich zum roten Pflichtfeldrahmen sichtbar. */
body form :is(input, select, textarea):required:focus-visible:not(:disabled):not([readonly]):not([type="hidden"]):not([type="radio"]):not([type="checkbox"]) {
    outline: 2px solid #66afe9 !important;
    outline-offset: 2px;
}
body form input:is([type="radio"], [type="checkbox"]):invalid:focus-visible,
body #daten input:is([type="radio"], [type="checkbox"]):invalid:focus-visible {
    box-shadow: 0 0 0 4px #9ec5fe !important;
}

/* Kontaktfelder: eigene Beschriftung ueber jedem Feld, auch bei leerem Text. */
.bob-contact-form .field > label,
.bob-contact-form .row-2 > div > label,
.bob-contact-home > div > label,
.bob-business-contact-field > label { display:block; min-height:1.4em; }
html .bob-contact-labeled,
html .bob-business-contact-field.bob-contact-labeled { display:flex; flex-direction:column; gap:0; min-width:0; }
html .bob-contact-labeled > label.bob-contact-label { display:block; width:auto; float:none; margin:0 0 4px; padding:0; box-sizing:border-box; line-height:1.4; overflow-wrap:anywhere; }
.bob-contact-labeled > .bob-business-contact-control { width:100%; }
.bob-contact-labeled > input,
.bob-contact-labeled > select,
.bob-contact-labeled > .algolia-autocomplete { width:100% !important; min-width:0; margin:0 !important; }
.bob-contact-form .bob-contact-home { align-items:start; }