.cookiebanner {
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    /*max-width: 500px;*/
    display: none;
    z-index: 99999999;
    padding: 5px;
    background-color: #d9edf7;
    color: #31708f;
    height: 10%;
}

.cookiebanner p {
    font-size: 12px;
    line-height: 2;
}

.cookiemonster__accept {
    background-color: #d9534f;
    color: white;
    padding: 3px 6px;
    font-size: 12px;
}

.cookiemonster__accept:hover {
    color: white;
}

.cookiebanner-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999999;
}

.cookie-modal {
    position: fixed;
    z-index: 99999999;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 500px;
    max-height: 100%;
    transform: translate(-50%, -50%);
    display: none;
    overflow: auto; /* Enable scroll if needed */
}

.cookie-modal__content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    max-height: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    font-size: 0.9em;
}

.cookie__wrapper {
}

.cookie__title {
@include fsRem(25px);
}

.cookie__body {
@include fsRem(15px);
}

.cookie__cta {
@include fsRem(15px);
    margin-top: 20px;
}

.cookie__cta a:first-child {
    margin-left: 0;
}

.cookie__section + .cookie__section {
    margin-top: 20px;
}

.section--shadow {
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

button{
    float: right;
    margin-top: -8px;
    border: none;
    background: transparent;
    color: blue;
}

@media screen and (max-width: 1920px) and (height: 1080px) {
    .cookiebanner {
        bottom: 38px;
        width: 95%;
        height: 7%;
    }

    .cookiebanner p {
        font-size: 17px;
        line-height: 2;
    }
}

@media screen and (max-width: 1440px) {
    .cookiebanner {
        bottom: 30px;
        width: 95%;
        height: 7%;
    }
}

@media screen and (max-width: 1366px) {
    .cookiebanner {
        height: 6%;
        bottom: 40px;
    }
}

@media screen and (max-width: 1366px) and (height: 768px) {
    .cookiebanner {
        height: 8%;
        bottom: 20px;
    }
}

@media screen and (max-width: 1366px) and (height: 625px) {
    .cookiebanner {
        height: 9%;
        bottom: 11px;
    }
}

@media screen and (max-width: 1280px) {
    .cookiebanner {
        bottom: 27px;
        width: 95%;
        height: 7.5%;
    }
}

@media screen and (max-width: 1024px) {
    .cookiebanner {
        position: fixed;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        /* max-width: 500px; */
        display: none;
        z-index: 99999999;
        padding: 5px;
        height: 9%;
        bottom: 15px;
    }
}

@media screen and (max-width: 870px) {
    .cookiebanner {
        bottom: 25px;
        height: 12%;
    }
}

@media screen and (max-width: 412px) {
    .cookiebanner {
        position: fixed;
        bottom: -9%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        /* max-width: 500px; */
        display: none;
        z-index: 99999999;
        padding: 5px;
        background-color: #4b8efa;
        color: white;
        height: 20%;
    }

    .js-legal-info {
        color: white;
        font-weight: bold;
    }

    button{
        float: right;
        margin-top: -8px;
        border: none;
        background: transparent;
        color: white;
    }
}

@media screen and (max-width: 360px) {
    .cookiebanner {
        position: fixed;
        bottom: -12%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        /* max-width: 500px; */
        display: none;
        z-index: 99999999;
        padding: 5px;
        background-color: #4b8efa;
        color: white;
        height: 25%;
    }

    .js-legal-info {
        color: white;
        font-weight: bold;
    }

    button{
        float: right;
        margin-top: -8px;
        border: none;
        background: transparent;
        color: white;
    }
}

@media screen and (height: 950px) {
    .cookiebanner {
        bottom: 35px;
        width: 95%;
        height: 7%;
    }
}

@media screen and (height: 823px) {
    .cookiebanner {
        position: fixed;
        bottom: -7%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        /* max-width: 500px; */
        display: none;
        z-index: 99999999;
        padding: 5px;
        background-color: #4b8efa;
        color: white;
        height: 17%;
    }
}