@font-face {
    font-family: "CampaignFont";
    src:         url("https://vcard-blaser.com/vcard/assets/font/mulish_normal.ttf") format('woff'),
                 url("https://vcard-blaser.com/vcard/assets/font/mulish_normal.ttf") format("truetype");
}

@font-face {
    font-family: "CampaignFontBold";
    src:         url("https://vcard-blaser.com/vcard/assets/font/mulish_bold.ttf") format('woff'),
                 url("https://vcard-blaser.com/vcard/assets/font/mulish_bold.ttf") format("truetype");

}

@font-face {
    font-family: "CampaignFontItalic";
    src:         url("https://vcard-blaser.com/vcard/assets/font/mulish_italic.ttf") format('woff'),
                 url("https://vcard-blaser.com/vcard/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: #428BCA;
    color: #ffffff;
}

.bg-primary:hover {
    background-color: rgb(53, 111, 162);
    color: #ffffff;
}

.bg-secondary {
    background-color: #ffffff;
    color: #428BCA;
}

.bg-secondary:hover {
    background-color: ;
    color: #428BCA;
}

.text-primary {
    color: #ffffff;
}

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


.text-secondary {
    color: #428BCA;
}

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

.text-secondary:hover {
    color: #428BCA;
}

.border-primary {
    border-color: #428BCA;
}

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

.bg-primary label {
    color: #ffffff
}

.bg-secondary label {
    color: #428BCA
}

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

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

textarea {
    outline-color: #428BCA;
}

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

.bg-secondary a {
    color: #428BCA;
}

.cookie-banner {
    background-color: rgb(66, 139, 202);
    color: #ffffff;
}

.btn-primary {
    background-color: #428BCA;
    color: #ffffff;
}

.btn-primary:hover {
    background-color: rgb(53, 111, 162);
}

.btn-secondary {
    background-color: #ffffff;
    color: #428BCA;
}

.btn-secondary:hover {
    background-color: ;
}

#navbarButton {
    color: #ffffff;
}

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