.dialog-cookie {
    font-family: Raleway;
   
}
    
    .dialog-cookie .content {
        /* height: 30rem;
            padding-left: 1rem;
            padding-right: 1rem;*/
        background-color: white;
        background-image: none;
        border-color:#7e3b5b;
        border-radius: 1em;
        animation-name: cookie__content--fade-in;
        animation-duration: 2s;
        animation-delay: 200ms;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: backwards;
        z-index: 999;
    }
    /*PC*/
@media (min-width: 36em) {
    .dialog-cookie .content {
        position: relative;
       
        /*overflow: hidden;
        border-radius: 0.25rem;
        padding-left: calc(min(100vw, 45rem) * 0.375);
        background-image: linear-gradient(95.7391704773deg, transparent 33%, rgba(64, 118, 130, 0.85) 33.15%), linear-gradient(90deg, transparent 33%, rgba(255, 255, 255, 0.5) 100%), url("../img/booking3.jpg");
        background-color: #708090;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: center center, center center, center 30%;
        background-size: auto, auto, cover;
        box-shadow: 0 0 1rem black;*/
        animation-name: cookie__content--fade-in;
        animation-duration: 2s;
        animation-delay: 200ms;
        animation-iteration-count: 1;
        animation-timing-function: ease-in-out;
        animation-fill-mode: backwards;
    }
}
   
       
    

    @keyframes cookie__content--fade-in {
        0% {
            transform: translate(0, calc(-50vh - 50%));
        }

        100% {
            transform: translate(0, 0);
        }
    }

    .dialog-cookie .header {
        
        background-color: #7e3b5b;
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
        
    }
    .dialog-cookie .header .title {
        font-family: 'Roboto';
        font-size: 1.2rem;
        font-weight: 500;
        color: white;
        text-align: center;
        
    }
.dialog-cookie .body {
    font-family: 'Roboto';
    font-size: 0.9rem;
    font-weight: 400;
    color: black;
    text-align:left;
}
.dialog-cookie .body .acceptcookies{
    font-family: 'Roboto';
}
.dialog-cookie .footer {
    background-color: transparent;
}
.dialog-cookie .footer .footer-text {
    font-family: 'Roboto';
    font-size: 0.8rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    text-align:justify;
}