#cookieModal{
    padding: 0;
    border-radius: 0px;
    border: none;
    overflow-y: auto;
}

#cookie-popup-header{
    padding: 8px 10px 6px 10px;
}

.cookie-popup-logo{
    height: 40px;
}

#cookie-popup-essential, #cookie-popup-additional{
    padding: 3px 10px 3px 10px;
    font-family: var(--base-font-family);
    font-weight: 300;
}

.cookie-popup-additional-wrapper{
    display: table;
    width: 100%;
}

.cookie-popup-additional-slider, .cookie-popup-additional-text{
    display: table-cell;
    vertical-align: top;
}

#cookie-popup-buttons{
    padding: 3px 10px 3px 10px;
}

.cookie-popup-btn{
    float: left;
    margin-right: 10px;
}

.cookie-popup-link{
    color: #333333;
    text-decoration: underline;
}

.cookie-popup-link:hover{
    color: var(--base-color);
    text-decoration: underline;
}

.cookie-popup-fatty{
    font-weight: 400;
    color: black;
}

.cookie-popup-additional-title{
    color: var(--base-color);
    font-weight: bold;
}
.cookie-popup-additional-description{
    font-size: 15px;
}

#cookie-popup-footer{
    background-color: var(--base-color);
    padding: 3px 10px 3px 10px;
    font-family: var(--base-font-family);
    font-weight: 400;
    color: white;
}

@media only screen {
    .cookie-popup-additional-slider{
        padding: 4px 0;
        width: 18%;
    }
    
    .cookie-popup-additional-text{
        width: 82%;
    }
}

@media only screen and (min-width: 40em) {
    .cookie-popup-additional-slider{
        padding: 4px 0;
        width: 13%;
    }
    
    .cookie-popup-additional-text{
        width: 87%;
    }
}

@media only screen and (min-width: 64em) {
    .cookie-popup-additional-slider{
        padding: 4px 0;
        width: 13%;
    }
    
    .cookie-popup-additional-text{
        width: 87%;
    }
}