:root {
    /* Colors */
    --color-petrol: #17555e;
    --color-orange: #f4a70b;
    --color-text: #262626;
    --color-muted: #eaeaea;
    --color-blau: #0c7da1;
    --color-dunkelblau: #1b394a;
    /* Gradients */
    /* #ffffff --> #d8e2e3 */
    /* #1b394a --> #17555e */
}

/* Button */
.uk-button-large {
    padding: 10px 40px;
}

.uk-button-secondary.uk-button-large {
    background-color: var(--color-blau) !important;
    border: 1px solid var(--color-blau) !important;
}

.uk-button-secondary.uk-button-large:hover,
.uk-button-secondary.uk-button-large:active {
    color: var(--color-blau) !important;
    background-color: #fff !important;
    border: 1px solid var(--color-blau) !important;
}

/* Form */
.bt5.visform .col-12 .form-group>* {
    width: 100%;
}

.bt5.visform .col-12 .form-group>.offset-3 {
    margin-left: 0;
}

.bt5.visform .col-12 .form-group>.offset-3 .form-check-input {
    margin-right: 10px;
}

.bt5.visform .fieldset-1>.row>.col-12,
.bt5.visform .pbBtnCon {
    margin-top: 15px
}

.bt5.visform .col-12 .row .offset-xxl-3 {
    margin-left: 0 !important;
}

.bt5.visform input[type="checkbox"],
.bt5.visform input[type="radio"] {
    margin-right: 5px !important;
}

.form-check-input[type=checkbox],
.form-check-input[type=radio],
.uk-checkbox,
.uk-radio {
    background-color: white;
}

#mod-visform2 .fieldset-1>.row>.col-12 {
    margin-top: 0px;
}

#mod-visform2 .fieldset-1>.row>.col-12.conditional,
#mod-visform2 .fieldset-1>.row>.col-12:first-child {
    margin-top: 0px !important;
}

#mod-visform2 .fieldset-1>.row>.col-12,
#mod-visform2 .pbBtnCon {
    margin-top: 30px;
}

#mod-visform2 .field23 .col-xxl-9 {
    width: 100% !important;
}



@media (max-width: 639px) {

    html,
    .uk-button {
        font-size: 13px;
    }

    .uk-text-small {
        font-size: 11px;
    }

    h1,
    .uk-h1 {
        font-size: 28px;
    }

    h2,
    .uk-h2 {
        font-size: 24px;
    }

    h3,
    .uk-h3 {
        font-size: 21px;
    }

    h4,
    .uk-h4,
    .uk-text-large,
    .uk-accordion-title {
        font-size: 16px;
    }

    .uk-button {
        padding: 0px 20px;
    }

    .uk-section-xlarge {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .uk-section-default.uk-section.uk-section-xlarge .uk-grid .uk-light.uk-border-rounded.uk-transition-toggle>picture>img {
        min-height: 250px;
        object-fit: cover;
    }

    .uk-section-default.uk-section.uk-section-xlarge .large-mobile .uk-grid .uk-light.uk-border-rounded.uk-transition-toggle>picture>img {
        min-height: 380px;
    }

    footer .uk-card-primary .uk-container {
        padding: 0
    }
}