.klaro .cookie-modal,.klaro .cookie-notice{font-family:Calibri,sans-serif;font-size:1.1rem}.klaro .cookie-modal .switch,.klaro .cookie-notice .switch{position:relative;display:inline-block;width:50px;height:30px}.klaro .cookie-modal .cm-app-input:checked+.cm-app-label .slider,.klaro .cookie-notice .cm-app-input:checked+.cm-app-label .slider{background-color:#003366}.klaro .cookie-modal .cm-app-input.required:checked+.cm-app-label .slider,.klaro .cookie-notice .cm-app-input.required:checked+.cm-app-label .slider{opacity:.8;background-color:#6a7d78;cursor:not-allowed}.klaro .cookie-modal .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal .cm-app-input,.klaro .cookie-notice .cm-app-input{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}.klaro .cookie-modal .cm-app-label .slider,.klaro .cookie-notice .cm-app-label .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;width:50px;display:inline-block}.klaro .cookie-modal .cm-app-label .slider::before,.klaro .cookie-notice .cm-app-label .slider::before{position:absolute;content:"";height:20px;width:20px;left:5px;bottom:5px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.klaro .cookie-modal .cm-app-label .slider.round,.klaro .cookie-notice .cm-app-label .slider.round{border-radius:30px}.klaro .cookie-modal .cm-app-label .slider.round::before,.klaro .cookie-notice .cm-app-label .slider.round::before{border-radius:50%}.klaro .cookie-modal .cm-app-label input:focus+.slider,.klaro .cookie-notice .cm-app-label input:focus+.slider{box-shadow:0 0 1px #003366}.klaro .cookie-modal .cm-app-label input:checked+.slider::before,.klaro .cookie-notice .cm-app-label input:checked+.slider::before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.klaro .cookie-modal .cm-app-input:focus+.cm-app-label .slider,.klaro .cookie-notice .cm-app-input:focus+.cm-app-label .slider{box-shadow:0 4px 6px 0 rgba(125,125,125,.2),5px 5px 10px 0 rgba(125,125,125,.19)}.klaro .cookie-modal .cm-app-input:checked+.cm-app-label .slider::before,.klaro .cookie-notice .cm-app-input:checked+.cm-app-label .slider::before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}.klaro .cookie-modal .slider,.klaro .cookie-notice .slider{box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)}.klaro .cookie-modal a,.klaro .cookie-notice a{border-bottom:1px solid #003366;color:#003366;text-decoration:none}.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:#fff;font-family:inherit}.klaro .cookie-modal p,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal ul,.klaro .cookie-modal li,.klaro .cookie-notice p,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice ul,.klaro .cookie-notice li{display:block;margin:0;margin-top:.7em;padding:0;text-align:left}.klaro .cookie-modal .cm-link,.klaro .cookie-notice .cm-link{border-bottom:1px solid #003366;margin-left:.25rem;padding-left:0;vertical-align:middle}.klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn{background:#003366;border:0;border-radius:0;color:#fff;cursor:pointer;font-size:inherit;margin-right:.5em;padding:.4rem 1.2rem}.klaro .cookie-modal .cm-btn:disabled,.klaro .cookie-notice .cm-btn:disabled{opacity:.5}.klaro .cookie-modal .cm-btn.cm-btn-close,.klaro .cookie-notice .cm-btn.cm-btn-close{background:#eee;color:#000}.klaro .cookie-modal .cm-btn.cm-btn-right,.klaro .cookie-notice .cm-btn.cm-btn-right{float:right;margin-left:.5em;margin-right:0}.klaro .cookie-modal{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.klaro .cookie-modal .cm-bg{background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%}.klaro .cookie-modal .cm-modal{background:rgba(34,34,34,.8);box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);color:#fff;max-height:98%;overflow:auto;position:fixed;top:50%;transform:translateY(-50%);width:100%;z-index:1001}@media(min-width: 1024px){.klaro .cookie-modal .cm-modal{border-radius:0;height:auto;margin:0 auto;max-width:640px;position:relative;width:auto}}.klaro .cookie-modal .cm-modal .hide{background:none;border:none;cursor:pointer;position:absolute;right:20px;top:20px;z-index:1}.klaro .cookie-modal .cm-modal .hide svg{stroke:#fff}.klaro .cookie-modal .cm-modal .cm-footer{border-top:1px solid #555;padding:1em}.klaro .cookie-modal .cm-modal .cm-footer-buttons::before,.klaro .cookie-modal .cm-modal .cm-footer-buttons::after{content:" ";display:table}.klaro .cookie-modal .cm-modal .cm-footer-buttons::after{clear:both}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by{font-size:.8em;padding-top:4px;text-align:center}.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a{color:#999}.klaro .cookie-modal .cm-modal .cm-header{border-bottom:1px solid #555;padding:1em;padding-right:24px}.klaro .cookie-modal .cm-modal .cm-header h1{display:block;font-size:2em;margin:0}.klaro .cookie-modal .cm-modal .cm-header h1.title{padding-right:20px}.klaro .cookie-modal .cm-modal .cm-header a{border-color:#fff;color:#fff}.klaro .cookie-modal .cm-modal .cm-body{padding:1em}.klaro .cookie-modal .cm-modal .cm-body ul{display:block}.klaro .cookie-modal .cm-modal .cm-body span{display:inline-block;width:auto}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps{margin:0;padding:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app{line-height:20px;min-height:40px;padding-left:60px;position:relative;vertical-align:middle}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch{left:0;position:absolute}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p{margin-top:0}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes{color:#999;font-size:.8em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all{border-top:1px solid #555;padding-top:1em}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title{font-weight:600}.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required{color:#999;font-size:.8em;padding-left:.2em}.klaro .cookie-notice{background:#ffffff;bottom:0;position:fixed;right:0;width:100%;z-index:999}@media(min-width: 990px){.klaro .cookie-notice{border:1px solid #dadae5;bottom:20px;box-shadow:0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);max-width:450px;position:fixed;right:20px}}@media(max-width: 989px){.klaro .cookie-notice{border:none;border-radius:0}}.klaro .cookie-notice .cn-body{bottom:0;margin-bottom:0;margin-right:0;padding:1em;padding-top:0}.klaro .cookie-notice .cn-body p{color:#3f4e55;margin-bottom:.5em}.klaro .cookie-notice .cn-body p.cn-changes{text-decoration:underline}.klaro .cookie-notice .cn-body strong{color:#3f4e55}.klaro .cookie-notice .cn-body .cn-learn-more{display:inline-block}.klaro .cookie-notice .cn-body p.cn-ok{margin:0;padding-top:.5em}.klaro .cookie-notice-hidden{display:none !important}.cm-footer-buttons{font-size: 14px;}
.klaro .cookie-modal .cm-modal{
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
    background-color: #fff;
    opacity: 0.93;
}

/* ============================================================
   BAG Gruppe – Markenfarben (Text, Überschriften, Buttons)
   ============================================================ */

/* Projekt-Schrift (GenosGFG) statt Calibri */
.klaro .cookie-modal,
.klaro .cookie-notice{
    font-family: "GenosGFG", Arial, sans-serif;
}

/* Überschriften in Markenblau (wie h1–h5 im Projekt) */
.klaro .cookie-modal .cm-modal .cm-header h1.title{
    color: #003366;
    font-size: 28px;
    font-weight: 600;
}
.cm-app-label{
    color: #003366;
}
.klaro .cookie-modal .cm-modal .cm-header a {
    color: #003366;
}

/* Fließtext dunkel (wie der Projekt-Body-Text) */
.klaro .cookie-modal p{
    color: #1c1c1c;
    font-size: 15px;
}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
    color: #999;
    font-size: .8em;
}

/* Buttons im Projekt-Stil: Pill, Markenblau, Hover aufgehellt */
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn{
    background: #003366;
    border-radius: 9999px;
    color: #fff;
    padding: .5rem 1.5rem;
    transition: background-color .2s ease, border-color .2s ease;
}
.klaro .cookie-modal .cm-btn:hover,
.klaro .cookie-notice .cm-btn:hover{
    background: color-mix(in oklch, #003366, white 10%);
}
/* Sekundär-/Ablehnen-Button im Border-Stil (wie [data-btn="border"]) */
.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close{
    background: #fff;
    color: #003366;
    border: 2px solid #003366;
}
.klaro .cookie-modal .cm-btn.cm-btn-close:hover,
.klaro .cookie-notice .cm-btn.cm-btn-close:hover{
    background: color-mix(in oklch, #003366, white 92%);
}

@media only screen and (max-width: 550px) {
    .cm-footer-buttons button{
        float: left !important;
        margin-left: 0 !important;
        margin-right: 0.5em !important;
    }
}

/* Auf der Datenschutz-Seite kein Consent-UI anzeigen –
   der Banner verlinkt selbst hierher, also darf er die Seite nicht blockieren. */
body[data-cookiebanner="off"] #cookiemanager{
    display: none;
}
