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

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

}

@font-face {
    font-family: "CampaignFontItalic";
    src:         url("https://lehrstellenboerse-emmental.ch/lb26/assets/font/mulish_italic.ttf") format('woff'),
                 url("https://lehrstellenboerse-emmental.ch/lb26/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: #3A8DEC;
}

.bg-primary {
    background-color: #3A8DEC;
    color: #ffffff;
}

.hover-bg-primary:hover {
    background-color: #3A8DEC;
    color: #ffffff;
}

.bg-secondary {
    background-color: #ffffff;
    color: #3A8DEC;
}

.hover-bg-secondary:hover {
    background-color: #ffffff;
    color: #3A8DEC;
}

.text-primary {
    color: #ffffff;
}

.text-color-primary {
    color: #3A8DEC;
}


.text-secondary {
    color: #3A8DEC;
}

.hover-text-primary:hover {
    color: #3A8DEC;
}

.hover-text-secondary:hover {
    color: #3A8DEC;
}

.border-primary {
    border-color: #3A8DEC;
}

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

.bg-primary label{
    color:#ffffff
}

.bg-secondary label{
    color:#3A8DEC
}

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

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

textarea {
    outline-color: #3A8DEC;
}

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

.bg-primary .gridjs a.text-secondary {
    color: #3A8DEC;
}

.bg-secondary a {
    color: #3A8DEC;
}

.cookie-banner {
    background-color: rgb(58, 141, 236);
    color: #ffffff;
}

.btn-primary {
    background-color: #3A8DEC;
    color: #ffffff;
}

.btn-secondary {
    background-color: #ffffff;
    color: #3A8DEC;
}

#navbarButton {
    color: #ffffff;
}

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