/* Dessau-Roßlau T3v14 (Claude): Kontaktformular Wirtschaftsförderung – Optik des alten csc-mailform (TYPO3 6.2)
   auf dem Markup des TYPO3-14-Formularsystems. Maße aus dem Original gemessen (1316 px Fensterbreite). */
.csc-mailform { padding: 9.6px 0 10.6px; }
.csc-mailform h3.content-header { margin: 14.4px 14.4px 0; padding: 0 0 10px; font-size: 15.84px; line-height: normal; }
.csc-mailform form > h2 { display: none; }
.csc-mailform form > div:first-child:empty { display: none; }
.csc-mailform .form-element { margin: 14.4px 14.4px; padding-bottom: 10px; overflow: hidden; }
.csc-mailform .form-element .form-label { float: left; width: 15em; margin: 0 1em 0 0; padding: 0; }
.csc-mailform .form-element .form-label span.required { display: none; }
.csc-mailform .form-element input.form-control {
  box-sizing: border-box; width: 300px; height: 30px; margin: 0; padding: 6px 8px;
  font: inherit; font-size: 14.4px; font-weight: 400; color: #262626;
  background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 0;
}
.csc-mailform .form-element-textarea .form-label { float: none; display: block; width: auto; margin: 0; }
.csc-mailform .form-element textarea.form-control {
  box-sizing: border-box; display: block; width: 828px; max-width: 100%; height: 100px; margin: 0; padding: 6px 8px;
  font: inherit; font-size: 14.4px; font-weight: 400; color: #000;
  background: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 0; resize: vertical;
}
.csc-mailform .actions { margin: 14.4px 14.4px; padding-bottom: 10px; }
/* style.css blendet alle nav-Elemente aus (Mobilmenü) – die Formular-Navigation mit dem Absenden-Knopf wieder zeigen */
.csc-mailform .actions nav { display: block !important; margin: 0; padding: 0; }
.csc-mailform .actions button {
  box-sizing: border-box; width: 250px; height: 30px; margin: 0; padding: 0;
  font: inherit; font-size: 14.4px; font-weight: 400; color: #fff; text-transform: uppercase;
  background: #004b89; border: 0; border-radius: 0; cursor: pointer;
}
.csc-mailform .actions button:hover, .csc-mailform .actions button:focus { background: #003a6b; }
.csc-mailform .actions button:focus-visible, .csc-mailform .form-control:focus-visible { outline: 2px solid #004b89; outline-offset: 2px; }
/* Fehlermeldungen wie csc-mailform ("label strong": rot, 85 %, Großbuchstaben) */
.csc-mailform .invalid-feedback, .csc-mailform .help-block, .csc-mailform .error .help-block {
  display: block; clear: both; margin: 4px 0 0 calc(15em + 1em); color: #c00; font-size: 85%; text-transform: uppercase;
}
.csc-mailform .form-element-textarea .invalid-feedback, .csc-mailform .form-element-textarea .help-block { margin-left: 0; }
/* Spamschutz-Feld (Honeypot) sicher ausblenden */
.csc-mailform input[autocomplete="off"][tabindex="-1"], .csc-mailform form > input.form-control[type="text"] {
  position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
}