.sq_cookiebanner {
    display: block;
    /* width: 100%; */
    /* height: 100%; */
    position: fixed;
    top: 0;
    z-index: 10;
}
/* 
.sq_cookiebanner:before {
    content: "";
    background: #00000000;
    z-index: 0;
    position: fixed;
    width: 100%;
    height: 100%;
} */

.sq_cookiebanner > div.body {
    position: fixed;
    display: flex;
    top: unset;
    left: 0;
    bottom: -13mm;
    width: 100%;
    max-width: unset;
    height: 13mm;
    transform: unset;
    padding-bottom: 0;
    border: unset;
    box-shadow: -2px -1px 8px 0px #1a1a1a;
    background-color: #333 !important;
    transition: bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding-left: 5mm;
    justify-content: center;
    align-items: center;
    z-index: 26;
}

.sq_cookiebanner.show > div.body {
    bottom: 0
}

.sq_cookiebanner > .body > .content {
    display: inline-block;
    width: calc(100% - 50mm);
    margin: unset;
    text-align: left;
    padding: 4.5mm 6mm;
}

.sq_cookiebanner > .body > label {
    font-size: 1em;
    color: #d6d6d6 !important;
    font-family: NotoReg;
    display: inline-block;
    padding-right: 5mm;
}

.sq_cookiebanner > .body >  label a {
    color: white
}

.sq_cookiebanner > .body > .footer {
    width: 50mm;
    float: right;
    margin: 2.5mm 0;
}

.sq_cookiebanner > .body > [name=submit] {
    color: #d6d6d6;
    float: right;
    font-weight: bolder;
    text-decoration: underline;
    cursor: pointer;
}

@media only screen and (max-width: 1200px){
    .sq_cookiebanner > .body {
        height: 25mm !important;
        display: flex;
        flex-flow: column;
    }
    .sq_cookiebanner > .body > label{
        font-size: 0.75em;
        padding-right: 2mm;
        text-align: center;
        padding-bottom: 2mm;
    }
}