/* ===== Urlaubs-Clou CookieConsent Theme ===== */

#cc-main {
    --cc-font-family: "KoHo", Arial, sans-serif;

    --cc-primary-color: #1BCFE2;

    --cc-btn-primary-bg: #1BCFE2;
    --cc-btn-primary-border-color: #1BCFE2;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-hover-bg: #16b8c9;
    --cc-btn-primary-hover-border-color: #16b8c9;

    --cc-btn-secondary-bg: #ffffff;
    --cc-btn-secondary-color: #1BCFE2;
    --cc-btn-secondary-border-color: #1BCFE2;
    --cc-btn-secondary-hover-bg: #f4fdff;

    --cc-modal-bg: #ffffff;
    --cc-modal-border-radius: 18px;
    --cc-btn-border-radius: 999px;

    --cc-text: #374151;
    --cc-footer-bg: #f9fafb;
}

#cc-main .cm {
    max-width: 460px !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16) !important;
    overflow: hidden !important;
}

#cc-main .cm__body {
    padding: 26px 26px 20px !important;
}

#cc-main .cm__title {
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 10px !important;
}

#cc-main .cm__desc {
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #374151 !important;
}

#cc-main .cm__btns {
    padding: 18px 26px 24px !important;
    gap: 10px !important;
}

#cc-main .cm__btn,
#cc-main .pm__btn {
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    transition: all .2s ease !important;
}

#cc-main .cm__btn--accept,
#cc-main .pm__btn--accept {
    background: #1BCFE2 !important;
    border-color: #1BCFE2 !important;
    color: #ffffff !important;
}

#cc-main .cm__btn--accept:hover,
#cc-main .pm__btn--accept:hover {
    background: #16b8c9 !important;
    border-color: #16b8c9 !important;
    transform: translateY(-1px);
}

#cc-main .cm__btn:not(.cm__btn--accept),
#cc-main .pm__btn:not(.pm__btn--accept) {
    background: #ffffff !important;
    color: #1BCFE2 !important;
    border: 2px solid #1BCFE2 !important;
}

#cc-main .cm__btn:not(.cm__btn--accept):hover,
#cc-main .pm__btn:not(.pm__btn--accept):hover {
    background: #f4fdff !important;
}

#cc-main .pm {
    border-radius: 18px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18) !important;
}

#cc-main .pm__title {
    font-weight: 700 !important;
    color: #111827 !important;
}

#cc-main .section__title {
    font-weight: 700 !important;
}

#cc-main .section__desc {
    color: #4b5563 !important;
}

#cc-main .toggle__icon {
    border-radius: 999px !important;
}

@media (max-width: 640px) {
    #cc-main .cm {
        max-width: calc(100% - 24px) !important;
        margin: 12px !important;
    }

    #cc-main .cm__body {
        padding: 22px 20px 16px !important;
    }

    #cc-main .cm__btns {
        padding: 16px 20px 22px !important;
    }

    #cc-main .cm__title {
        font-size: 21px !important;
    }

    #cc-main .cm__desc {
        font-size: 15px !important;
    }
}