@font-face {
    font-family: "CampaignFont";
    src:         url("https://check.va-genossenschaft.ch/vorsorge_check_einstieg/assets/font/mulish_normal.ttf") format('woff'),
                 url("https://check.va-genossenschaft.ch/vorsorge_check_einstieg/assets/font/mulish_normal.ttf") format("truetype");
}

@font-face {
    font-family: "CampaignFontBold";
    src:         url("https://check.va-genossenschaft.ch/vorsorge_check_einstieg/assets/font/mulish_bold.ttf") format('woff'),
                 url("https://check.va-genossenschaft.ch/vorsorge_check_einstieg/assets/font/mulish_bold.ttf") format("truetype");

}

@font-face {
    font-family: "CampaignFontItalic";
    src:         url("https://check.va-genossenschaft.ch/vorsorge_check_einstieg/assets/font/mulish_italic.ttf") format('woff'),
                 url("https://check.va-genossenschaft.ch/vorsorge_check_einstieg/assets/font/mulish_italic.ttf") format("truetype");
}

body {
    font-family:    CampaignFont, Roboto, sans-serif;
    font-synthesis: none;
}

.b, b, strong, .strong {
    font-family:    CampaignFontBold, Roboto, sans-serif;
    font-synthesis: none;
}

i, .i, .italic, em, .em {
    font-family:    CampaignFontItalic, Roboto, sans-serif;
    font-synthesis: none;
}

.navigation {
    background-color: #ffffff;
}


.bg-primary {
    background-color: #ffffff;
    color: #07a1e2;
}

.hover-bg-primary:hover {
    background-color: #ffffff;
    color: #07a1e2;
}

.bg-secondary {
    background-color: #07a1e2;
    color: #ffffff;
}

.hover-bg-secondary:hover {
    background-color: #07a1e2;
    color: #ffffff;
}

.text-primary {
    color: #07a1e2;
}

.text-color-primary {
    color: #ffffff;
}


.text-secondary {
    color: #ffffff;
}

.hover-text-primary:hover {
    color: #ffffff;
}

.hover-text-secondary:hover {
    color: #ffffff;
}

.border-primary {
    border-color: #ffffff;
}

.border-secondary {
    border-color: #07a1e2;
}

.bg-primary label {
    color: #07a1e2
}

.bg-secondary label {
    color: #ffffff
}

input[type='checkbox'], input[type='radio'] {
    background-color: #07a1e2;
    height: 16px;
    width:  16px;
}

select, input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], .gridjs-input {
    outline-color: #ffffff;
    color: #0a0a0a;
    height:42px;
}

textarea {
    outline-color: #ffffff;
}

.bg-primary a {
    color: #07a1e2;
}

.bg-secondary a {
    color: #ffffff;
}

.cookie-banner {
    background-color: rgb(255, 255, 255);
    color: #07a1e2;
}

.btn-primary {
    background-color: #ffffff;
    color: #07a1e2;
}

.btn-secondary {
    background-color: #07a1e2;
    color: #ffffff;
}

#navbarButton {
    color: #07a1e2;
}

.parallax-mirror {
    filter: brightness(100%);
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: rgb(255, 255, 255) !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: rgb(255, 255, 255) !important;
    box-shadow: rgb(255, 255, 255) 0 1px 3px 0 inset !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: rgb(255, 255, 255) !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: rgb(255, 255, 255);
    box-shadow:  rgb(255, 255, 255) 0 1px 3px 0 inset;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #07a1e2;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    background: rgb(255, 255, 255);
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background:  rgb(255, 255, 255);
    box-shadow:  rgb(255, 255, 255) 0 1px 3px 0 inset;
}