/* =========================================================
   UROANDRODOC – COOKIE / EINWILLIGUNGEN
========================================================= */

.consent-banner {
    position: fixed;

    z-index: 999990;

    right: 22px;
    bottom: 22px;
    left: 22px;

    max-width:
        980px;

    margin:
        0 auto;

    padding:
        26px;

    color:
        #40362e;

    background:
        rgba(255,253,244,.985);

    border:
        2px solid rgba(75,61,49,.22);

    border-radius:
        22px;

    box-shadow:
        0 18px 55px rgba(45,36,28,.24);
}


.consent-banner[hidden] {
    display:
        none !important;
}


.consent-banner h2 {
    margin:
        0 0 10px;

    color:
        #493d34 !important;

    font-family:
        Baskerville,
        "Palatino Linotype",
        Palatino,
        Georgia,
        serif !important;

    font-size:
        1.8rem !important;

    font-weight:
        400 !important;
}


.consent-banner p {
    margin:
        0;

    color:
        #554940 !important;

    font-size:
        18px !important;

    line-height:
        1.65 !important;
}


.consent-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        20px;
}


.consent-actions button {
    min-height:
        50px;

    padding:
        0 20px;

    border-radius:
        999px;

    font-size:
        18px !important;

    font-weight:
        700;

    cursor:
        pointer;
}


.consent-essential,
.consent-accept {
    color:
        #ffffff;

    background:
        #8d5b48;

    border:
        2px solid #8d5b48;
}


.consent-settings {
    color:
        #493d34;

    background:
        #fffdf4;

    border:
        2px solid #68594d;
}


/* =========================================================
   DIALOG
========================================================= */

.cookie-dialog {
    width:
        min(calc(100% - 32px), 720px);

    max-height:
        88vh;

    margin:
        auto;

    padding:
        0;

    color:
        #40362e;

    background:
        #fffdf4;

    border:
        0;

    border-radius:
        24px;

    box-shadow:
        0 25px 80px rgba(30,25,20,.34);

    overflow:
        auto;
}


.cookie-dialog::backdrop {
    background:
        rgba(30,27,24,.58);
}


.cookie-dialog-inner {
    padding:
        34px;
}


.cookie-dialog h2 {
    margin:
        0 0 14px;

    color:
        #493d34 !important;

    font-family:
        Baskerville,
        Georgia,
        serif !important;

    font-size:
        2.1rem !important;

    font-weight:
        400 !important;
}


.cookie-category {
    margin-top:
        22px;

    padding:
        22px;

    background:
        #faf5da;

    border:
        1px solid rgba(82,67,54,.15);

    border-radius:
        16px;
}


.cookie-category-header {
    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        20px;
}


.cookie-category h3 {
    margin:
        0;

    color:
        #493d34 !important;

    font-size:
        1.25rem !important;
}


.cookie-category p {
    color:
        #554940;

    font-size:
        18px !important;

    line-height:
        1.65 !important;
}


.cookie-toggle {
    width:
        24px;

    height:
        24px;

    flex:
        0 0 24px;

    accent-color:
        #8d5b48;
}


.cookie-dialog-actions {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        28px;
}


.cookie-dialog-actions button {
    min-height:
        50px;

    padding:
        0 20px;

    border-radius:
        999px;

    font-size:
        18px !important;

    font-weight:
        700;

    cursor:
        pointer;
}


.cookie-save {
    color:
        #ffffff;

    background:
        #8d5b48;

    border:
        2px solid #8d5b48;
}


.cookie-all {
    color:
        #ffffff;

    background:
        #6d7250;

    border:
        2px solid #6d7250;
}


.cookie-only-essential {
    color:
        #493d34;

    background:
        #ffffff;

    border:
        2px solid #68594d;
}


/* =========================================================
   GESPERRTE EXTERNE MEDIEN
========================================================= */

.consent-media-placeholder {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    min-height:
        420px;

    padding:
        35px;

    text-align:
        center;

    background:
        rgba(255,253,239,.96);

    border:
        2px dashed rgba(91,73,59,.28);

    border-radius:
        23px;
}


.consent-media-placeholder h3 {
    margin:
        0 0 12px;

    color:
        #493d34 !important;

    font-family:
        Baskerville,
        Georgia,
        serif !important;

    font-size:
        1.8rem !important;

    font-weight:
        400 !important;
}


.consent-media-placeholder p {
    max-width:
        650px;

    color:
        #554940;

    font-size:
        18px !important;
}


.consent-media-placeholder button {
    min-height:
        52px;

    margin-top:
        16px;

    padding:
        0 22px;

    color:
        #ffffff;

    background:
        #8d5b48;

    border:
        0;

    border-radius:
        999px;

    font-size:
        18px !important;

    font-weight:
        700;

    cursor:
        pointer;
}


iframe[data-consent-category="external-media"][hidden] {
    display:
        none !important;
}


/* =========================================================
   DATENSCHUTZ INFO
========================================================= */

.privacy-consent-note {
    padding:
        65px 0;

    background:
        #fffaf0;
}


.privacy-consent-note-card {
    padding:
        35px;

    background:
        rgba(255,253,239,.95);

    border-radius:
        22px;
}


.privacy-consent-note-card h2 {
    font-family:
        Baskerville,
        Georgia,
        serif !important;

    font-size:
        2rem !important;

    font-weight:
        400 !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 620px) {

    .consent-banner {
        right:
            10px;

        bottom:
            10px;

        left:
            10px;

        padding:
            22px 18px;
    }


    .consent-actions {
        flex-direction:
            column;
    }


    .consent-actions button {
        width:
            100%;
    }


    .cookie-dialog-inner {
        padding:
            25px 20px;
    }


    .cookie-dialog-actions {
        flex-direction:
            column;
    }


    .cookie-dialog-actions button {
        width:
            100%;
    }


    .consent-media-placeholder {
        min-height:
            340px;

        padding:
            25px 18px;
    }

}