/*
 * Gleicht das geänderte Markup des Core-Form-Frameworks (TYPO3 v14) an das
 * Bootstrap-3-Theme an. v14 nutzt `form-select` (statt `form-control`) für
 * Auswahlfelder und `form-element ... mb-3` (statt `form-group`) als Wrapper —
 * Klassen, die das Theme-CSS nicht kennt. Werte gespiegelt aus .form-control /
 * .form-group des Themes.
 */

/* Feld-Abstand wie .form-group */
.form-element {
    margin-bottom: 15px;
}

/* Intro-Statictext: live rendert das Intro als Absatz (~10px Bottom-Margin),
   der v14-Wrapper haette 15px -> Formular saesse sonst ~5px tiefer als live.
   Gemessen (Screenshot-Diff): exakt 5px uniformer Versatz -> hier angeglichen. */
.form-element-statictext {
    margin-bottom: 10px;
}

/* Auswahlfelder wie .form-control stylen */
select.form-select,
.form-select {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}