@keyframes slideInFromBottom {
    0% {
         bottom: -220px;
    }
    100% {
        bottom: 0px;
    }
}

#cookieBanner{
    z-index: 10000;
    position: fixed;
    width:100%;
  /*  height: 220px;*/
    background-color: #efefef;
    padding: 20px;

    padding-left: 25%;
    padding-right: 25%;

    bottom: 0px;
    animation: 1.5s ease-out 0s 1 slideInFromBottom;

    box-shadow: 0px 0px 5px #000;
}

#cookieBanner.remove
{
    bottom: -420px;
    transition: bottom 0.5s;
}

#cookieBanner-left{
    width: 50%;
    float: left;
}

#cookieBanner-right{

    padding-top:20px;

    width: 50%;
    float: right;

    text-align: left;
}

p.cookie-banner-description{
    font-size: 12px;
    line-height: 14px;

    color: #000;

    padding-right: 25px;
    margin-bottom: 25px;
}


/* smartphone */

@media (max-width: 768px) {
    /* hedader fonts und box herrichten */
    #cookieBanner{
        padding-left: 8px;
        padding-right: 8px;
    }

}


/* tablet */
@media (max-width: 992px){
    .single-product-image{
        display: block;
        text-align: center;
    }

    p.cookie-banner-description{
        padding-right: 0px;
    }

    @keyframes slideInFromBottom {
        0% {
            bottom: -420px;
        }
        100% {
            bottom: 0px;
        }
    }

}

@media (max-width: 1300px){

}