@font-face {
    font-family: "CampaignFont";
    src:         url("https://mitmachen.probon.ch/probon/service/Resource?dto=%7B%22resourceId%22:%2211e0a93cb22fa28285a1404b83953cae6602df7d86b74%22,%22name%22:%22namederdatei%22,%22_serviceName%22:%22Resource%22,%22_class%22:%22po2%5C%5Cservice%5C%5Cresource%5C%5Cdto%5C%5CGet%22,%22properties%22:null%7D&lightboxHack=.jpg&disposition=attachment") format('woff'),
                 url("https://mitmachen.probon.ch/probon/service/Resource?dto=%7B%22resourceId%22:%22d0c6035c01d7fa03e32ecaa55c0e3c8065fd905753cad%22,%22name%22:%22namederdatei%22,%22_serviceName%22:%22Resource%22,%22_class%22:%22po2%5C%5Cservice%5C%5Cresource%5C%5Cdto%5C%5CGet%22,%22properties%22:null%7D&lightboxHack=.jpg&disposition=attachment") format("truetype");
}

@font-face {
    font-family: "CampaignFontBold";
    src:         url("https://mitmachen.probon.ch/probon/service/Resource?dto=%7B%22resourceId%22:%228e43e4bd4f414767d763c3978ea9f0776602df7d86b74%22,%22name%22:%22namederdatei%22,%22_serviceName%22:%22Resource%22,%22_class%22:%22po2%5C%5Cservice%5C%5Cresource%5C%5Cdto%5C%5CGet%22,%22properties%22:null%7D&lightboxHack=.jpg&disposition=attachment") format('woff'),
                 url("https://mitmachen.probon.ch/probon/service/Resource?dto=%7B%22resourceId%22:%22f73114fd359f75b1b39b7df7ed338a826602df7d86b74%22,%22name%22:%22namederdatei%22,%22_serviceName%22:%22Resource%22,%22_class%22:%22po2%5C%5Cservice%5C%5Cresource%5C%5Cdto%5C%5CGet%22,%22properties%22:null%7D&lightboxHack=.jpg&disposition=attachment") format("truetype");

}

@font-face {
    font-family: "CampaignFontItalic";
    src:         url("https://mitmachen.probon.ch/probon/service/Resource?dto=%7B%22resourceId%22:%220cba7776433aa6c3c060ecaf8c0974456602df7d86b74%22,%22name%22:%22namederdatei%22,%22_serviceName%22:%22Resource%22,%22_class%22:%22po2%5C%5Cservice%5C%5Cresource%5C%5Cdto%5C%5CGet%22,%22properties%22:null%7D&lightboxHack=.jpg&disposition=attachment") format('woff'),
                 url("https://mitmachen.probon.ch/probon/service/Resource?dto=%7B%22resourceId%22:%227af2ab8aa586243ff91bca252053294f65fd905753cad%22,%22name%22:%22namederdatei%22,%22_serviceName%22:%22Resource%22,%22_class%22:%22po2%5C%5Cservice%5C%5Cresource%5C%5Cdto%5C%5CGet%22,%22properties%22:null%7D&lightboxHack=.jpg&disposition=attachment") 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: #4b0c62;
}


.bg-primary {
    background-color: #4b0c62;
    color: #ffffff;
}

.hover-bg-primary:hover {
    background-color: #4b0c62;
    color: #ffffff;
}

.bg-secondary {
    background-color: #e9e9e9;
    color: #4b0c62;
}

.hover-bg-secondary:hover {
    background-color: #e9e9e9;
    color: #4b0c62;
}

.text-primary {
    color: #ffffff;
}

.text-color-primary {
    color: #4b0c62;
}


.text-secondary {
    color: #4b0c62;
}

.hover-text-primary:hover {
    color: #4b0c62;
}

.hover-text-secondary:hover {
    color: #4b0c62;
}

.border-primary {
    border-color: #4b0c62;
}

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

.bg-primary label {
    color: #ffffff
}

.bg-secondary label {
    color: #4b0c62
}

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

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

textarea {
    outline-color: #4b0c62;
}

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

.bg-secondary a {
    color: #4b0c62;
}

.cookie-banner {
    background-color: rgb(75, 12, 98);
    color: #ffffff;
}

.btn-primary {
    background-color: #4b0c62;
    color: #ffffff;
}

.btn-secondary {
    background-color: #e9e9e9;
    color: #4b0c62;
}

#navbarButton {
    color: #ffffff;
}

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

.test{
    color:red;
}