.klaro { --font-family:Source Sans Pro, Arial, sans-serif; --font-size: 15px; --border-radius: 10px; --blue1: #1768ad; --blue2: #12568f; --green1: #1768ad; --green2: #12568f; --green3: #e4eff9; --light1: #243443; --light2: #46596b; --light3: #657789; --dark1: #f8fafc; --dark2: #e5ebf1; --dark3: #b5c3d1; --button-text-color: #fff; }
.klaro .cookie-notice, .klaro .cookie-modal { z-index: 100010 !important; }
.klaro .cookie-notice:not(.cookie-modal-notice), .klaro .cookie-modal .cm-modal { border: 1px solid #d4d7db; box-shadow: 0 8px 36px #20252b26; }
.klaro .cookie-notice { outline: none; }
.klaro .cookie-modal .cm-modal.cm-klaro { max-width: 680px; }
.klaro .cm-btn { min-height: 40px; border-radius: 8px !important; background: #1768ad !important; color: #fff !important; }
.klaro .cm-btn:hover { background: #12568f !important; }
.klaro button:focus-visible, .klaro a:focus-visible { outline: 3px solid #1768ad; outline-offset: 3px; }
.privacy-settings { position: fixed; left: 12px; bottom: 12px; z-index: 10000; width: 44px; height: 44px; }
.privacy-settings button { display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; color: #fff; background: #1768ad; border: 1px solid #12568f; border-radius: 12px; box-shadow: 0 2px 8px #163f622e; cursor: pointer; touch-action: manipulation; }
.privacy-settings button:hover { background: #12568f; }
.privacy-settings svg { width: 23px; height: 23px; pointer-events: none; }
.privacy-settings button:focus-visible { outline: 3px solid #1768ad; outline-offset: 3px; }
.imprint-privacy-settings { margin: 8px 0 16px; padding: 10px 16px; border: 1px solid #12568f; border-radius: 8px; background: #1768ad; color: #fff; font: 600 14px/1.4 Source Sans Pro, Arial, sans-serif; cursor: pointer; }
.imprint-privacy-settings:hover { background: #12568f; }
@media (max-width: 480px) { .klaro .cookie-notice .cn-body { padding: 14px; } .klaro .cookie-notice p { font-size: 14px; } }