/* Ergänzungen für TYPO3 14 – Optik der alten Powermail-Formulare auf EXT:form übertragen */
.frame-type-form_formframework form h2 {margin-bottom:21px;}
.frame-type-form_formframework .form-group,
.frame-type-form_formframework .form-check {clear:both; margin-bottom:21px;}
.frame-type-form_formframework label {display:block; margin-bottom:5px;}
.frame-type-form_formframework input.form-control,
.frame-type-form_formframework textarea.form-control {border:1px solid #bbb; padding:7px 5px; width:100%; max-width:626px; box-sizing:border-box;}
.frame-type-form_formframework textarea.form-control {height:150px;}
.frame-type-form_formframework .form-check label {display:block; position:relative; padding-left:28px;}
.frame-type-form_formframework .form-check input[type="checkbox"] {position:absolute; left:0; top:3px; width:auto;}
/* main.css blendet per appearance:none alle Checkboxen aus (alte Powermail-Ersatzgrafik) –
   ohne sichtbare Pflicht-Checkbox kann der Browser das Formular nicht absenden */
.frame-type-form_formframework .form-check-wrapping-label {display:flex; align-items:flex-start; gap:10px;}
.frame-type-form_formframework .form-check-wrapping-label label {flex:1; margin:0; cursor:pointer;}
.frame-type-form_formframework input[type="checkbox"] {-webkit-appearance:checkbox; appearance:auto; flex:0 0 auto; width:18px; height:18px; margin:2px 0 0; accent-color:#e10019; cursor:pointer;}
.frame-type-form_formframework .has-error input,
.frame-type-form_formframework .has-error textarea {border:1px solid #E5352D;}
.frame-type-form_formframework .error.help-block,
.frame-type-form_formframework .invalid-feedback {display:block; color:#E5352D; font-size:12px;}
.frame-type-form_formframework .btn-primary,
.frame-type-form_formframework button[type="submit"] {border:0; display:inline-block; color:#fff; padding:8px 13px 8px 32px; width:auto; background:url(../img/icon-pfeil-links-weiss.png) 11px center no-repeat #787878; border-radius:2px; cursor:pointer;}
.frame-type-form_formframework .required {color:inherit;}

/* Hauptmenü: gleicher Abstand zur Trennlinie wie die anderen (main.css: item-5 zu schmal, item-6 fehlte) */
#mainmenu .item-5 {width:146px;}
#mainmenu .item-6 {width:124px;}

/* Bildergalerie: Spalten nebeneinander ohne Leerraum zwischen inline-blocks,
   sonst rutscht die letzte Spalte jeder Reihe in eine neue Zeile */
@media only screen and (min-width: 640px) {
    .ce-gallery:not([data-ce-columns="1"]) .ce-row {display:flex; flex-wrap:nowrap; align-items:center;}
    .ce-gallery:not([data-ce-columns="1"]) .ce-row > .ce-column {flex:0 0 auto;}
}