/* Cookie-Banner hsmotorsport-technik.de: Klaro-Hinweis als Karte, gleichwertige Buttons */
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
    z-index: 1100; /* über dem "Termin vereinbaren"-Button (1050) */
    box-shadow: 0 10px 40px rgba(0, 0, 0, .18);
    border: 1px solid #e5e5e5;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
    padding: 22px 24px 20px;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body h2 {
    font-size: 20px;
    margin: 0 0 8px;
    color: #222;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
    margin: 0 0 16px;
    line-height: 1.5;
    color: #444;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-ok {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 12px;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-buttons {
    display: flex;
    gap: 10px;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-buttons .cm-btn,
#klaro .klaro .cookie-modal .cm-footer-buttons .cm-btn {
    flex: 1 1 0;
    margin: 0;
    padding: 8px 14px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    background-color: #306371;
    color: #fff;
    border: 2px solid #306371;
}
/* "Nur notwendige" gleich groß und gleich gut sichtbar wie "Alle akzeptieren" */
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-buttons .cm-btn.cn-decline,
#klaro .klaro .cookie-modal .cm-footer-buttons .cm-btn:not(.cm-btn-accept-all) {
    background-color: #fff;
    color: #306371;
}
#klaro .klaro .cookie-modal .cm-footer-buttons {
    gap: 10px;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-learn-more {
    text-align: center;
    color: #306371;
    text-decoration: underline;
}
#klaro .klaro .cookie-modal {
    z-index: 1100;
}
@media (max-width: 1023px) {
    #klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
        left: 0;
        right: 0;
        bottom: 0;
        max-width: none;
        border-radius: 12px 12px 0 0;
    }
}