@font-face {
    font-family: "CampaignFont";
    src:         url("https://ptobler20.voegeli.ch/v4/assets/font/mulish_normal.ttf") format('woff'),
                 url("https://ptobler20.voegeli.ch/v4/assets/font/mulish_normal.ttf") format("truetype");
}

@font-face {
    font-family: "CampaignFontBold";
    src:         url("https://ptobler20.voegeli.ch/v4/assets/font/mulish_bold.ttf") format('woff'),
                 url("https://ptobler20.voegeli.ch/v4/assets/font/mulish_bold.ttf") format("truetype");

}

@font-face {
    font-family: "CampaignFontItalic";
    src:         url("https://ptobler20.voegeli.ch/v4/assets/font/mulish_italic.ttf") format('woff'),
                 url("https://ptobler20.voegeli.ch/v4/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: #80a4f5;
}

.bg-primary {
    background-color: #80a4f5;
    color: #ffffff;
}

.hover-bg-primary:hover {
    background-color: #80a4f5;
    color: #ffffff;
}

.bg-secondary {
    background-color: #403f70;
    color: #ffffff;
}

.hover-bg-secondary:hover {
    background-color: #403f70;
    color: #ffffff;
}

.text-primary {
    color: #ffffff;
}

.text-color-primary {
    color: #80a4f5;
}


.text-secondary {
    color: #ffffff;
}

.hover-text-primary:hover {
    color: #80a4f5;
}

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

.border-primary {
    border-color: #80a4f5;
}

.border-secondary {
    border-color: #403f70;
}

.bg-primary label {
    color: #ffffff
}

.bg-secondary label {
    color: #ffffff
}

input[type='checkbox'], input[type='radio'] {
    accent-color: #80a4f5;
    height: 16px;
    width:  16px;
}

select, input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number] {
    outline-color: #80a4f5;
    color: #0a0a0a;
}

textarea {
    outline-color: #80a4f5;
}

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

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

.cookie-banner {
    background-color: rgb(128, 164, 245);
    color: #ffffff;
}

.btn-primary {
    background-color: #80a4f5;
    color: #ffffff;
}

.btn-secondary {
    background-color: #403f70;
    color: #ffffff;
}

#navbarButton {
    color: #ffffff;
}

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

.swal2-confirm {
    background-color: #80a4f5 !important;

}