@keyframes slideInFromBottom {
    0% {transform: translateY(100%);}
    100% {transform: translateY(0);}
}

#accCook{
    float:left;
    text-align:center;
    width:100%;
    padding: 10px 25px;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: none;
}

#cook_link_txt{
    display:block;
    color: #2f2f2f;    
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

a#cook_link_txt:hover{
    color: #000;
}

.cookie-btn{
    margin-top: 15px; 
    padding-right: 20px; 
    padding-left: 20px; 
    padding-top: 8px; 
    padding-bottom: 8px; 
    -webkit-transition: all ease-out 0.5s !important; 
    -moz-transition: all ease-out 0.5s !important; 
    -o-transition: all ease-out 0.5s !important; 
    transition: all ease-out 0.5s !important;
    border-radius: 0;
    background-color: #006ec7;
    border-color: #00a6e4;
    color: #fff;
} 

a.cookie-btn:hover {
    background-color: #005f83;
    border-color: #005f83;
    color: #fff;
}

.outerEU{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#fff;
    color: #000;
    animation: 1s ease-out 0s 1 slideInFromBottom;
    padding: 15px 10px 20px 10px;
    z-index:9999;
    position:fixed;
    left:0px;
    bottom:0; 
    height:auto;
    width:100%;
    -webkit-box-shadow: 0px 3px 35px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 35px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 35px -4px rgba(0,0,0,0.4);
}

@media(min-width: 768px){
    .outerEU{
        padding: 15px 45px 20px 45px;
    }
}

.cookieTxt{
    color:#000;
    position:relative;
    z-index:10;
    top:5px;
    left:5px;
    right:5px
}

.dsgvo-button-row{
    display: flex;
    margin-top: 15px;
    align-items: center;
    justify-content: center;
}

@media(min-width: 992px){
    .dsgvo-button-row{
        margin-top: 0;
    }
}