:root {
    /* App - global */
    --app-accent-primary-key-color: #ebebeb;
    --app-accent-secondary-key-color: #151515;
    --app-accent-tertiary-key-color: #353535;
    --app-neutral-key-color: #b4b4b4;
    --app-neutral-variant-key-color: #007fff;
    --app-border-radius-1: 4px;
    --app-border-radius-2: 8px;
    
    /* Banner*/
    --banner-width: calc(100% - 4rem);
    --banner-margin-top: 0;
    --banner-margin-right: 2rem;
    --banner-margin-bottom: 2rem;
    --banner-margin-left: 2rem;
    --banner-margin: var(--banner-margin-top) var(--banner-margin-right) var(--banner-margin-bottom) var(--banner-margin-left);
    --banner-padding: 2rem;
    
    /* Buttons */
    --button-background-color: var(--app-accent-secondary-key-color);
    --button-color: var(--app-accent-primary-key-color);
    --button-prime-background-color: white;
    --button-prime-color: var(--app-accent-secondary-key-color);
    --button-font-size: 16px;
    --button-font-weight: 600;
}

#cookiesjsr {
    /* Global */
    --default-margin: 1em;
    --font-size-reset: 16px;
    
    /* Buttons */
    --btn-font-color: var(--button-color);
    --btn-border-color: transparent;
    --btn-bg-color: var(--button-background-color);
    
    --btn-prime-font-color: var(--button-prime-color);
    --btn-prime-border-color: transparent;
    --btn-prime-bg-color: var(--button-prime-background-color);
    
    --btn-inv-font-color: var(--button-color);
    --btn-inv-border-color: transparent;
    --btn-inv-bg-color: var(--button-background-color);
    
    --btn-prime-inv-font-color: var(--button-prime-color);
    --btn-prime-inv-border-color: transparent;
    --btn-prime-inv-bg-color: var(--button-prime-background-color);
    
    /* Links */
    --link-list-font-color: var(--app-accent-tertiary-key-color);
    --link-list-separator-color: var(--app-accent-secondary-key-color);
    
    /* Banner */
    --banner-logo-offset: 100px;
    --banner-bg-color: var(--app-accent-primary-key-color);
    --banner-font-color: var(--app-accent-secondary-key-color);
    
    /* Modal window */
    --layer-header-height: 3.5em;
    --layer-header-bg-color: var(--app-accent-primary-key-color);
    --layer-header-font-color: var(--app-accent-secondary-key-color);
    --layer-body-bg-color: var(--app-accent-primary-key-color);
    --layer-tab-bg-color: var(--app-accent-primary-key-color);
    --layer-tab-font-color: var(--app-accent-tertiary-key-color);
    --layer-tab-active-bg-color: var(--app-accent-primary-key-color);
    --layer-tab-active-font-color: var(--app-accent-secondary-key-color);
    --layer-bg-dark: var(--app-accent-secondary-key-color);
    --layer-font-light: var(--app-accent-secondary-key-color);
    --layer-font-dark: var(--app-accent-primary-key-color);
    --layer-border-color: var(--app-neutral-key-color);
    --layer-footer-bg-color: var(--app-accent-primary-key-color);
    --layer-footer-font-color: var(--app-accent-secondary-key-color);
    --layer-footer-height: 4.5em;
    
    /* Controls - Switch */
    --switch-border-color: #e4e5e6;
    --switch-handle-color: #FFF;
    --switch-bg-off: #FFF;
    --switch-bg-on: #00AA00;
    --switch-width: 45px;
    --switch-height: 20px;
    --switch-always-on-font-color: #00AA00;
    --switch-always-on-bg-color: #FFF;
}

#cookiesjsr {
    font-size: 16px;
}

.cookiesjsr-banner {
    width: var(--banner-width);
    margin: var(--banner-margin);
    padding: var(--banner-padding);
    border-radius: var(--app-border-radius-2);
}

.cookiesjsr-btn {
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    border-radius: var(--app-border-radius-1);
}

span.cookiesjsr-banner--text {
    max-width: 70ch;
}

.cookiesjsr-layer {
    border-radius: var(--app-border-radius-2);
    overflow: hidden;
}

.cookiesjsr-service-group.active button.cookiesjsr-service-group--tab {
    background: var(--app-accent-secondary-key-color);
    color: var(--app-accent-primary-key-color);
}

.cookiesjsr-service--always-on span {
    border-radius: var(--app-border-radius-1);
}

button.cookiesjsr-layer--close.dialog-first-tab {
    /*filter: invert(1);*/
}

#cookiesjsr .cookiesjsr-layer--header {
    align-items: center;
    background-color: #fff;
    background: #fff;
    background: var(--layer-header-bg-color,#fff);
    border-bottom: 1px solid #e4e5e6;
    border-bottom: 1px solid var(--layer-border-color,#e4e5e6);
    display: flex;
    height: 3.5em!important;
    justify-content: space-between;
    left: 0;
    margin: 0;
    padding: 0 1.25em;
    padding: 0 var(--default-margin,1.25em);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
    min-height: unset;
}

#cookiesjsr .cookiesjsr-layer--footer {
    align-items: center;
    background: #fff;
    background: var(--layer-footer-bg-color,#fff);
    border-top: 1px solid #e4e5e6;
    border-top: 1px solid var(--layer-border-color,#e4e5e6);
    bottom: 0;
    display: flex;
    height: 4.5em;
    height: var(--layer-footer-height, 4.5em);
    justify-content: flex-end;
    left: 0;
    padding: 0 1.25em;
    padding: 0 var(--default-margin,1.25em);
    position: absolute;
    width: 100%;
    min-height: unset;
}

#cookiesjsr .cookiesjsr-service--description h3 {
    font-size: 1.125em!important;
}

/* Moove Cookie Consent */

.moove_gdpr_icon:after {
    content: "";
    width: 22px;
    height: 22px;
    background-image: url("https://www.scolcast.ch/sites/all/themes/scolcast/js/cookiesjsr/cookie.png");
    background-size: 22px;
}

.moove_gdpr_icon svg {
    display: none;
}

body #moove_gdpr_save_popup_settings_button {
    background-color: var(--app-accent-primary-key-color);
    color: #333;
}

body #moove_gdpr_save_popup_settings_button:hover, body #moove_gdpr_save_popup_settings_button:focus{
    background-color: #F5F5F5;
}

.moove-gdpr-tab-main-content table {
    box-sizing: border-box;
    caption-side: bottom;
    font-weight: 400;
    margin-bottom: 15px;
    vertical-align: top;
}

.moove-gdpr-tab-main-content table td {
    padding: .5rem;
    font-size: 80%;
    border: 1px solid;
}

body #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,
body #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
    margin: 3px 4px;
}

@media (max-width: 767px) {
    .gallery-item {
        margin-bottom: 15px;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    
    .moove-gdpr-tab-main-content table td {
        width: 33.333333% !important;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title,
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
        font-size: 14px;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a, #moove_gdpr_cookie_modal .moove-gdpr-modal-content {
        font-size: 12px;
    }
    
    body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
    body #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
        font-size: 12px;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a,
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content li,
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .moove-gdpr-tab-main-content table td {
        padding: .25rem;
        font-size: 90%;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title,
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
        margin-bottom: 10px;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
        display: none;
    }
    
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #advanced-cookies .moove-gdpr-tab-main-content, 
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #cookie_policy_modal .moove-gdpr-tab-main-content, 
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #strict-necessary-cookies .moove-gdpr-tab-main-content, 
    body #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #third_party_cookies .moove-gdpr-tab-main-content{
        padding-bottom: 75px;
    }
}

/* Moove Cookie Consent */

#moove_gdpr_save_popup_settings_button {
    display: block;
    z-index: 1001;
    position: fixed;
    background-color: rgba(0,0,0,.8);
    transition: all .3s ease;
    color: #fff;
    padding: 0;
    text-align: center;
    height: 64px;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0;
    border: none;
    text-decoration: none;
    border-radius: 50px;
    cursor: pointer;
}

#moove_gdpr_save_popup_settings_button:not(.gdpr-floating-button-custom-position) {
    bottom: var(--banner-margin-bottom);
    left: var(--banner-margin-left);
}

#moove_gdpr_save_popup_settings_button span {
    background-color: inherit;
    transition: all .3s ease
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 64px;
    float: left;
    font-size: 30px;
    min-width: 64px;
    height: 64px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    z-index: 15;
    position: relative;
    background-color: inherit;
    border-radius: inherit;
    transition: none
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon i,#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon span.gdpr-icon {
    position: relative;
    top: 0;
    font-weight: 900;
    background-color: transparent
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_text {
    font: normal 12px Arial,sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 15px 0 5px;
    top: 17px;
    left: 0;
    position: relative;
/*     line-height: 64px; */
    display: none;
    overflow: hidden;
    z-index: 5;
    background-color: transparent;
    text-decoration: none
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_text strong {
font-size: 11px;
    text-transform: lowercase!important;
}

#moove_gdpr_save_popup_settings_button:focus,#moove_gdpr_save_popup_settings_button:hover {
    background-color: #000
}

#moove_gdpr_save_popup_settings_button:focus span.moove_gdpr_text,#moove_gdpr_save_popup_settings_button:hover span.moove_gdpr_text {
    display: block
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg {
    height: 30px;
    width: auto
}

#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg * {
    fill: currentColor
}