/***** Cookie-Banner - Start *****/
.msg-cookies {
    display: block;
    position: fixed;
    bottom: -100px;
    width: 100%;
    padding: 59px 0 60px;
    font-size: 22px;
    color: #fff;
    background-color: rgba(var(--color-primary), 0.85);
    z-index: 2147483647;

    opacity: 0;
    pointer-events: none;

    transition: all var(--transition-t2);
}
div.msg-cookies.show {
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
}
div.msg-cookies p {
    margin: 0;
}
div.msg-cookies a {
    text-decoration: underline;
    margin: 10px 0 0 0;
}
div.msg-cookies a:hover {
    text-decoration: none;
}
div.msg-cookies .seen {
    display: inline-block;
    margin: 0 0 24px;
    padding: 10px 24px 10px;
    text-decoration: none;
    font: 24px/1.2 var(--font-1);
    color: rgb(var(--color-primary));
    border: none;
    background-color: #e7e7ea;
    cursor: pointer;

    transition: all var(--transition-t1);
}
div.msg-cookies .seen:hover {
    background-color: #fff;
}
div.msg-cookies .close-banner {
    display: inline-block;
    margin: 0 0 0 24px;
    font-size: 18px;
    font-family: var(--font-1);
    color: #fff;
    border: none;
    text-decoration: underline;
    background-color: transparent;
    cursor: pointer;
    opacity: 0.8;
}
div.msg-cookies .close-banner:hover {
    text-decoration: none;
}
/***** Cookie-Banner - End *****/

/***** Mobile - Start *****/
@media screen and (max-width: 767px) {

    .msg-cookies {
        padding: 20px 0 20px;
        font-size: 16px;
    }
    div.msg-cookies p {
        margin: 0 0 20px;
    }
    div.msg-cookies a.seen {
        padding: 10px 24px 10px;
        font-size: 20px;
    }
}
/***** Mobile - End *****/