/**
 * CookieConsent – Custom Styles für roehr.com
 */

/* ── Consent Modal insgesamt größer ─────────────────── */
#cc-main .cm {
    max-width: 720px;           /* Standard ist ca. 500-550px */
    font-size: 1.05rem;         /* Basis-Schriftgröße leicht erhöht */
    border-radius: 1rem !important
    ;
}

/* ── Titel: zentriert, größer, fetter ───────────────── */
#cc-main .cm__title {
    font-size: 2rem;
    font-weight: 700;
    padding-top: .5rem;
    padding-bottom: 1rem;
}

/* ── Beschreibungstext etwas größer ─────────────────── */
#cc-main .cm__desc {
    font-size: 1.05rem;
    line-height: 1.6;
}

/* ── Buttons etwas größer ───────────────────────────── */
#cc-main .cm__btn {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
}

#cc-main .cm__link-group {
    justify-content: center !important;
}

/* ── Mobile: Modal ───────────── */
@media (max-width: 640px) {
    #cc-main .cm-wrapper .cm {
        max-width: 90% !important;
        border-radius: 0.75rem;
    }

    #cc-main .cm-wrapper .cm .cm__texts {
        max-height: 30vh !important;
    }

    #cc-main .cm .cm__body {
        padding: .5rem !important;
    }

    #cc-main .cm__title {
        font-size: 1.5rem;
        padding-top: 0;
        padding-bottom: 0;
    }
}


/* ── Preferences Modal ebenfalls größer ─────────────── */
#cc-main .pm {
    max-width: 780px;           /* Standard ist ca. 600px */
}

#cc-main .pm__title {
    font-size: 1.4rem;
    font-weight: 700;
}