/*
 * Formulare im Firmen-Plugin (twwc_company: Antrag, Freigabe, Abo-Auswahl, Anmeldung) im Aussehen von V1.
 *
 * Nur auf den Sites OstwindFirmenabo und OstwindKombiabo eingebunden (nach ostwind-2022.css),
 * und nur innerhalb .tx-twwc-company (V1 gab JEDEM Formular im Plugin diese Optik,
 * ".tx-twwc-ticketshop form") — ostwind-2022.css ist die Datei des V2-Shops, dort bleibt alles.
 * Werte aus V1 fileadmin/Resources/Public/Stylesheets/ostwind-2022.css (Block
 * ".tx-twwc-ticketshop form", Zeilen 7902-8030), gemessen am 30.10.2026 gegen firmenabo.local.
 *
 * Das V2-Markup nutzt Bootstrap-form-floating (Beschriftung im Feld). V1 hatte nur den
 * Platzhalter — die Beschriftung wird darum ausgeblendet und der Platzhalter wieder gezeigt.
 */

/* Graue Flaeche um das Formular */
.tx-twwc-company form {
  background: #D5D5D5;
  border-radius: 18px;
  padding: 40px;
}

/* Felder: 60 px hoch, 20 px Schrift, Platzhalter statt schwebender Beschriftung */
.tx-twwc-company form .form-floating > label {
  display: none;
}
.tx-twwc-company form input.form-control,
.tx-twwc-company form select.form-control {
  height: 60px !important;
  min-height: 60px;
  line-height: 60px;
  font-size: 20px;
  padding: 0 20px !important;
  border: 1px solid #707070 !important;
  border-radius: 18px !important;
}
.tx-twwc-company form .form-floating > .form-control::placeholder {
  color: #2A3133;
  opacity: 1;
}
.tx-twwc-company form .form-floating > .form-control:focus,
.tx-twwc-company form .form-floating > .form-control:not(:placeholder-shown) {
  padding: 0 20px !important;
}

/* Aus dem SwissPass uebernommene Felder sind gesperrt — grau wie in V1 */
.tx-twwc-company form .form-control[readonly] {
  background-color: #e9ecef;
}

/* Symbol rechts im Feld (Info, Kalender): Platz freihalten, senkrecht mittig */
.tx-twwc-company form .input-group > .form-floating > .form-control {
  padding-right: 56px !important;
}
.tx-twwc-company form .input-group > .input-group-addon {
  height: 60px;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center;
  color: #555555;
}
.tx-twwc-company form .input-group > .input-group-addon svg {
  width: 24px;
  height: 24px;
}
/* V1: gefuelltes Info-Symbol (Font Awesome fa-info-circle), V2 hat nur die Umriss-Fassung im Sprite */
.tx-twwc-company form .input-group-addon[data-toggle=tooltip] svg {
  display: none;
}
.tx-twwc-company form .input-group-addon[data-toggle=tooltip]::after {
  content: "i";
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #555555;
  color: #fff;
  font: 700 16px/24px Georgia, "Times New Roman", serif;
  text-align: center;
}

/* Beschriftungen und Text in V1-Groesse */
.tx-twwc-company form label.control-label {
  font-size: 20px;
  line-height: 1.2272727273;
  font-weight: 400;
  margin-bottom: 16px;
  padding-top: 4px;
}
.tx-twwc-company form p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
}

/* Auswahlkreise: dunkler Rand wie V1 (angekreuzt bleibt das Bild aus ostwind-2022.css).
 * !important, weil die V2-Regel ueber :not(#flexSwitchCheckDefault) ID-Spezifitaet traegt. */
.tx-twwc-company form input[type=checkbox]:not(:checked) + label:before,
.tx-twwc-company form input[type=radio]:not(:checked) + label:before {
  border-color: #777777 !important;
}

/* Auswahlfelder (Freigabe: Verguetetes Abo, Rabatt; Arbeitsort). Der Pfeil kommt aus ostwind-2022.css
 * ueber die IDs (select#abo/#discount/#company) — darum hier mit denselben IDs und !important (deren Regel traegt zusaetzlich form.employee), sonst gewinnt deren
 * "right 1px" und der Pfeil klebt am Rand (Befund Stefan 30.10.2026). Ohne Groessenangabe kachelte er
 * ueber das ganze Feld; 9x5 px wie in V1s Grundregel war auf 60-px-Feldern zu klein. */
.tx-twwc-company form select.form-control,
.tx-twwc-company form select#abo,
.tx-twwc-company form select#discount,
.tx-twwc-company form select#company {
  padding: 0 52px 0 20px !important;
  background-repeat: no-repeat !important;
  background-size: 16px 12px !important;
  background-position: right 22px center !important;
  -webkit-appearance: none;
  appearance: none;
}