:root {
    --primary-color:#355e8d;
    --secondary-color:#DE006A;
    --dark-color:#333333;
    --button-light-color: #aaa;
}

:root .contrast-page {
    --primary-color:#000;
    --secondary-color:#000;
}

/*COOKIE BANNER*/
#klaro {position: relative;z-index: 10000;}
.klaro {font-family: 'FGZNotoSans', sans-serif;}
.klaro p {font-size: 14px;}
.klaro .cookie-notice {background: #fff !important;  border-radius: 0 !important; max-width: 450px !important;}
.klaro .cookie-modal .cm-modal.cm-klaro {max-width: 500px; border-radius: 5px !important; padding: 10px;}
.klaro .cookie-modal .cm-modal .cm-header {border-bottom: none !important; padding: 1em 1em 1.5em 1em;}
.klaro .cookie-modal .cm-modal .cm-header a {padding: 0;margin: 0;text-decoration: underline;font-size: 14px; color: #7390AE;}
.klaro .cookie-modal .cm-modal .cm-header h1,
.klaro .cookie-modal .cm-modal .cm-header p {text-align: left; max-width: 410px;}
.klaro .cookie-modal .cm-modal .cm-header p {line-height: 1.4;}
.klaro .cookie-modal .cm-modal .cm-header h1.title span {color: var(--secondary-color); font-weight: 400;}
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn {border-radius: 0 !important;  margin-bottom: 10px;}
.klaro .cookie-modal .cm-modal {background: #efefef !important; border-radius: 0 !important;}
.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {color: var(--dark-color) !important;}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {color: #fff !important;}
.klaro .cookie-modal .cm-modal .cm-footer {border-top: none !important;}
.klaro .cookie-modal a {color: var(--dark-color) !important; text-decoration: underline !important;}
.klaro .cookie-notice .cm-btn,
.klaro .cookie-notice .cm-btn.cm-btn-info {background-color: transparent !important; border: 1px solid #fff !important; padding: 15px 30px !important;}

.klaro .cookie-modal .cm-modal .cm-footer-buttons {display: flex; flex-flow: column-reverse !important;}

.klaro .context-notice .cm-btn.cm-btn-success,
.klaro .context-notice .cm-btn.cm-btn-success-var,
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-success {color: #fff !important; background-color: var(--primary-color) !important; border-radius: 5px !important; border: none !important; padding: 15px 30px !important; margin-right: 0;}

.klaro .context-notice .cm-btn.cm-btn-success {margin-right: 10px;}
.klaro .cookie-modal .cm-btn.cn-decline {margin-bottom: 0;}

.klaro .cookie-modal .cm-btn:hover {cursor: pointer; background-color: #869fb9 !important; text-decoration: underline;}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider {background-color: var(--secondary-color);}

.klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider {background-color: var(--dark-color) !important;}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {background-color: var(--dark-color) !important;}
.klaro .cookie-modal .cm-list-label .slider, .klaro .context-notice .cm-list-label .slider, .klaro .cookie-notice .cm-list-label .slider { background-color: #869fb9;}

.klaro .cookie-notice .cn-buttons {display: flex; flex-flow: column-reverse !important;}
.klaro .cookie-notice .cm-link {margin: 10px 0 30px 0; display: block; color: var(--dark-color) !important;}
.klaro .cookie-notice .cm-btn {display: block !important; width: 100% !important;}
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {display: block !important;}
.klaro .cookie-notice .cm-btn.cm-btn-success {display: flex; flex-flow: column !important;  background: var(--primary-color) !important; color: #fff !important;}


.klaro .cm-powered-by {display: none !important;}