/* =========================================================
   Objektformular
   ========================================================= */


.object-form {

    width: 100%;

    box-sizing: border-box;

    padding: 18px;

}


/* =========================================================
   Kopf
   ========================================================= */

.object-form-header {

    margin-bottom: 18px;

}


.object-form-header h2 {

    margin: 0;

}


/* =========================================================
   Hauptbereiche
   ========================================================= */

.object-form-section {

    margin: 0 0 18px 0;

    padding: 16px;

    border: 2px solid #d5dce5;

    border-radius: 5px;

    box-sizing: border-box;

}


.object-form-section h3 {

    margin: 0 0 16px 0;

}


/* =========================================================
   Einzelne Felder
   ========================================================= */

.object-form-field {

    margin-bottom: 14px;

}


.object-form-field label {

    display: block;

    margin-bottom: 6px;

    font-weight: 600;

}


.object-form-field .tmInput {

    width: 100%;

    box-sizing: border-box;

}


/* =========================================================
   Untergruppen
   ========================================================= */

.object-form-group {

    margin-top: 24px;

    padding: 14px;

    border: 2px solid #d5dce5;

    border-radius: 5px;

    box-sizing: border-box;
}


.object-form-group h4 {

    margin: 0 0 12px 0;

    font-size: 17px;

}


/* =========================================================
   Checkboxen
   ========================================================= */

.object-checkbox-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 8px 16px;

}


.object-checkbox {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin: 0;

    white-space: nowrap;

}


.object-checkbox input {

    margin: 0;

}


/* =========================================================
   Select-Felder
   ========================================================= */


.object-form-select-grid
.object-form-field {

    margin-top: 20px;
    margin-bottom: 0;

}


/* =========================================================
   Hilfetext
   ========================================================= */

.object-form-help {

    display: block;

    margin-top: 5px;

    color: #777;

    font-size: 12px;

}


/* =========================================================
   Buttons
   ========================================================= */

.object-form-buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    margin-top: 18px;

}


.object-form-buttons button {

    min-width: 140px;

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 600px) {


    .object-form {

        padding: 12px;

    }


    .object-form-section,
    .object-form-group {

        padding: 12px;

    }


    .object-checkbox-grid {

        display: grid;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap: 8px;

    }


    .object-form-buttons button {

        width: 100%;

    }

}