/* MAHLE-STIFTUNG - Anpassung Cookie-Consent (vanilla-cookieconsent v3) */

#cc-main {
    --cc-font-family: agenda, sans-serif;
    --cc-btn-primary-bg: #1e2a63;
    --cc-btn-primary-border-color: #1e2a63;
    --cc-btn-primary-hover-bg: #199cd9;
    --cc-btn-primary-hover-border-color: #199cd9;
    --cc-btn-primary-color: #fff;
    --cc-btn-primary-hover-color: #fff;
    --cc-toggle-on-bg: #1e2a63;
    --cc-toggle-on-knob-bg: #fff;
    --cc-modal-border-radius: 4px;
    --cc-btn-border-radius: 2px;
    --cc-modal-margin: 16px;
}

/* Bootstrap 3 setzt html{font-size:10px}, die Library rechnet ihre Abstaende in rem (Basis 16px) */
#cc-main .cm { max-width: 384px; }
#cc-main .cm__btns, #cc-main .cm__links { padding: 16px 21px; }
#cc-main .cm__texts { padding: 16px 0 0; }
#cc-main .cm__desc, #cc-main .cm__title { padding: 0 21px; }
#cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group { margin-top: 6px; }
#cc-main .cm--inline .cm__btn + .cm__btn { margin-left: 6px; }
#cc-main .cm__btn--close + .cm__texts .cm__title { padding-right: 48px; }
#cc-main .cm__link-group > * + * { margin-left: 21px; }
#cc-main .pm__section--toggle { margin-bottom: 6px; }
#cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group { margin-left: 6px; }

@media screen and (max-width: 640px) {
    #cc-main { --cc-modal-margin: .5em; }
    #cc-main .cm__btns, #cc-main .cm__desc, #cc-main .cm__links, #cc-main .cm__title { padding-left: 18px !important; padding-right: 18px !important; }
    #cc-main .cm__btn + .cm__btn, #cc-main .cm__btn-group + .cm__btn-group { margin: 6px 0 0 !important; }
    #cc-main .pm__btn + .pm__btn, #cc-main .pm__btn-group + .pm__btn-group { margin: 6px 0 0 !important; }
}

/* Platzhalter fuer blockierte Embeds (gesetzt in consent.php bzw. cookieconsent-init.js) */
iframe[data-cookieblock-src]:not([src]) {
    display: none;
}

html.cmp-marketing .cmp-embed {
    display: none;
}

.cmp-embed {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0 0 10px;
    padding: 20px;
    box-sizing: border-box;
    background: #ededed;
    text-align: center;
}

.cmp-embed__inner {
    max-width: 420px;
}

.cmp-embed__text {
    margin: 0 0 15px;
    font-size: 15px;
    line-height: 1.4;
    color: #1e2a63;
}

.cmp-embed__btn {
    display: inline-block;
    padding: 10px 20px;
    border: 0;
    border-radius: 2px;
    background: #1e2a63;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.cmp-embed__btn:hover,
.cmp-embed__btn:focus {
    background: #199cd9;
}

.cmp-embed__link {
    display: block;
    margin: 10px auto 0;
    padding: 0;
    border: 0;
    background: none;
    color: #686767;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}