#ATEDIN_cookie_warning {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 1em;
    top: 10%;
    max-width: 600px;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    z-index: 1500;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;	
    text-align: left;
    border-radius:  var(--skin-radius);
    align-items: center;

}
#ATEDIN_cookie_warning * {
    box-sizing: border-box;
}

#ATEDIN_cookie_warning h3 {
    flex-basis: 100%;
    font-size: 1.4em;
    font-weight: 700;
    margin-top: 0;
}
#ATEDIN_cookie_warning div {
        line-break: anywhere;
}
#ATEDIN_cookie_warning div.text {
    padding: 0 1em; 
    flex-basis: 65%;
}
#ATEDIN_cookie_warning div.buttons {
    flex-basis: 35%;
}
#ATEDIN_cookie_warning div.buttons button {
    width: 100%;
    text-align: center;    
}
#ATEDIN_cookie_warning div.buttons button.upp {
    text-transform: uppercase;
}
#ATEDIN_cookie_warning div.acceptall {
    flex-basis: 100%;
    padding: 1em 0 0;
}
#ATEDIN_cookie_warning div.acceptall button {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;    
}
#ATEDIN_cookie_warning div.customization {
    flex-basis: 100%;
    display: none;
    padding: 1em;
    border: 1px solid gray;
}


#ATEDIN_cookie_warning .buttons a,
#ATEDIN_cookie_warning .buttons button {

    margin: 2px 0;
    display: block;
    font-size: 0.8em;
    padding: 1em;

}
#ATEDIN_cookie_warning .buttons a:hover,
#ATEDIN_cookie_warning .buttons button:hover {

}

@media screen
and (max-width: 599px) {
    #ATEDIN_cookie_warning {
        flex-direction: column;
    }
}

@media only screen
and (min-width : 600px) {
    #ATEDIN_cookie_warning {
        width: 600px;
        left: calc(50% - 300px);
    }
}