@font-face {
    font-family: "CampaignFont";
    src:         url("https://events.eicher-pauli.ch/kundenevent_2025/service/Resource?dto=%7B%22resourceId%22:%22e60301c6c3a32a643608812e74a5b1a66641db59e6b68%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://events.eicher-pauli.ch/kundenevent_2025/assets/font/mulish_normal.ttf") format("truetype");
}

@font-face {
    font-family: "CampaignFontBold";
    src:         url("https://events.eicher-pauli.ch/kundenevent_2025/service/Resource?dto=%7B%22resourceId%22:%2220dd4465ae3a470b08d162c1b32414ce6641db59ee5e4%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://events.eicher-pauli.ch/kundenevent_2025/assets/font/mulish_bold.ttf") format("truetype");

}

@font-face {
    font-family: "CampaignFontItalic";
    src:         url("https://events.eicher-pauli.ch/kundenevent_2025/service/Resource?dto=%7B%22resourceId%22:%2205aa103e87c5ef4120c82b876812683b6641db59e6b01%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://events.eicher-pauli.ch/kundenevent_2025/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: #059cd8;
}


.bg-primary {
    background-color: #059cd8;
    color: #ffffff;
}

.hover-bg-primary:hover {
    background-color: #059cd8;
    color: #ffffff;
}

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

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

.text-primary {
    color: #ffffff;
}

.text-color-primary {
    color: #059cd8;
}


.text-secondary {
    color: #ffffff;
}

.hover-text-primary:hover {
    color: #059cd8;
}

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

.border-primary {
    border-color: #059cd8;
}

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

.bg-primary label {
    color: #ffffff
}

.bg-secondary label {
    color: #ffffff
}

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

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

textarea {
    outline-color: #059cd8;
}

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

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

.cookie-banner {
    background-color: rgb(5, 156, 216);
    color: #ffffff;
}

.btn-primary {
    background-color: #059cd8;
    color: #ffffff;
}

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

#navbarButton {
    color: #ffffff;
}

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

.test{
    color:red;
}