/* Checkbox Design FormBuilder */

.crm-container label {
    padding: 10px 0px;
}

#afGuiEditor af-gui-edit-options.af-gui-content-editing-area ul[ui-sortable] li {
    padding: 50px 10px;
}

.crm-public .crm-container input[type="checkbox"]+label[for] {
    padding: 10px 5px;
}

.crm-container ul.crm-checkbox-list {
    width: auto;
    height: auto;
}

/* Checkbox Design FormBuilder */

/* Form Plakatwettbewerb */

.afform-directive legend {
    float: inline-end !important;
}

/* Form Plakatwettbewerb */

.crm-public-footer {
    display: none !important;
}

.crm-standalone-frontend .crm-page-title {
    display: none !important;
}

[ng-form="afformNewsletterAnmeldung"],
[ng-form="afformPresseanfragen"],
[ng-form="afformKontaktformular"],
[ng-form="afformPlakatwettbewerb"] {

    label,
    p,
    button {
        font-family: "Libre Franklin", Arial, sans-serif !important;
        font-weight: 400 !important;
    }

    h1 span {
        font-size: 20pt;
    }

    label {
        font-size: 1rem !important;
    }

    p {
        font-size: 1.25rem;
        word-wrap: break-word;
        color: #666666 !important;
    }

    input,
    .select2-choice,
    .select2-choices {
        margin-top: 10px;
        border-radius: 15px !important;
        background-color: #F5F9FB !important;
        border: 1px solid black;
    }

    .select2-choices {
        padding: 7.5px !important;
        min-width: 300px;
    }

    .select2-container-multi .select2-choices .select2-search-choice {
        line-height: 1.2;
        margin-left: 10px;
    }

    .select2-container input:focus {
        border: 0px solid #C2DBFE !important;
    }

    input:focus {
        border: 5px solid #C2DBFE !important;
    }

    button {
        background-color: #002776 !important;
        color: white !important;
        font-weight: 600 !important;
        border-radius: 10px !important;
        padding: 20px 15px !important;
        font-size: 14pt !important;
    }

    button i {
        display: none !important;
    }

    .af-field-type-hidden {
        display: none !important;
    }

    .af-layout-cols {
        padding: 0px !important;
    }

    .af-markup {
        margin: 20px 0px;
    }

    .af-markup p {
        font-size: 11pt;
    }

    .crm-af-field-help-post, .crm-af-field-help-pre {
        font-size: 10pt;
        padding-top: 10px;
    }

    .af-title {
        background: #C2DBFE;
    }

    .af-title,
    fieldset {
        padding: 10px !important;
    }

    [af-fieldset="GroupSubscription1"] .af-field-type-check-box {
        flex-direction: row-reverse;

        input[type="checkbox"] {
            margin-right: 10px;
        }
    }

    .crm-checkbox-list li:nth-child(1),
    .crm-checkbox-list li:nth-child(3) {
        background: #C2DBFE;
    }

    .crm-checkbox-list li:nth-child(2),
    .crm-checkbox-list li:nth-child(4) {
        background: #009DE0 !important;
    }

    .af-field-type-check-box {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
        align-items: baseline;
    }
}

@media only screen and (max-width: 800px) {

    form {
        width: 300px !important;
    }

}