/* Webdelta Cookie Consent - v2.0.0 */

.mod-webdelta-cookieconsent .webdelta-cookieconsent-banner {
    background: white;
    bottom: 0;
    position: fixed;
    height: auto;
    left: 0;
    right: 0;
    color: black;
    z-index: 9999;
    padding: 15px 25px;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

.mod-webdelta-cookieconsent .consent-row {
    display: flex;
    align-items: center;
}

.mod-webdelta-cookieconsent #consent-banner {
    justify-content: space-between;
}

.mod-webdelta-cookieconsent .consent-banner-text {
    display: flex;
    justify-content: left;
    width: 70%;
}

.mod-webdelta-cookieconsent .consent-banner-text p {
    margin-bottom: 0;
}

.mod-webdelta-cookieconsent #consent-settings label,
.mod-webdelta-cookieconsent #consent-settings input {
    margin-top: 0;
    margin-bottom: 0;
}

.mod-webdelta-cookieconsent #consent-settings label {
    margin-right: 10px;
    margin-left: 5px;
}

.mod-webdelta-cookieconsent #consent-options {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mod-webdelta-cookieconsent #consent-settings .consent-option {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Reopen button (cookie icon) */
.mod-webdelta-cookieconsent .consent-banner-reopen a {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 44px;
    height: 44px;
    display: block;
    font-size: 0;
    cursor: pointer;
    opacity: .25;
    transition: opacity .2s;
}

.mod-webdelta-cookieconsent .consent-banner-reopen a:hover {
    opacity: 1;
}

.mod-webdelta-cookieconsent .consent-banner-reopen a::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.83 35.83'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000;%7D%3C/style%3E%3C/defs%3E%3Cg id='Laag_1-2'%3E%3Cpath class='cls-1' d='M34.82,23.49l-2.46,4.82c-.88,1.74-2.3,3.16-4.04,4.04l-4.84,2.47c-1.74,.88-3.71,1.2-5.64,.89l-5.36-.85c-1.93-.31-3.7-1.21-5.09-2.6l-3.83-3.84c-1.38-1.38-2.29-3.17-2.6-5.1L.11,18c-.3-1.94,0-3.92,.9-5.67L3.46,7.52c.89-1.74,2.31-3.16,4.05-4.05L12.35,1.01C14.06,.12,16.01-.18,17.93,.1c.05,4.9,4.03,8.85,8.94,8.85,0,4.91,3.95,8.89,8.85,8.95,.29,1.9-.02,3.87-.9,5.59Zm-20.49,.39c0-1.25-1.07-2.32-2.39-2.32s-2.39,1.07-2.39,2.32,1.07,2.32,2.39,2.32,2.39-1.07,2.39-2.32Zm2.39-11.88c0-1.25-1.07-2.32-2.39-2.32s-2.39,1.07-2.39,2.32,1.07,2.32,2.39,2.32,2.39-1.07,2.39-2.32Zm11.94,9.49c0-1.25-1.07-2.32-2.39-2.32s-2.39,1.07-2.39,2.32,1.07,2.32,2.39,2.32,2.39-1.07,2.39-2.32Z'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Buttons */
.mod-webdelta-cookieconsent .consent-buttons {
    display: block;
    margin-left: auto;
}

.mod-webdelta-cookieconsent .consent-buttons a {
    transition: background-color 0.2s;
    width: fit-content;
    border: 2px solid white;
    color: black;
    padding: 10px 15px;
    background-color: #f0f0f0;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.mod-webdelta-cookieconsent .consent-buttons #consent-accept {
    background-color: #78c800;
    color: white;
    margin-left: 5px;
}

.mod-webdelta-cookieconsent .consent-buttons a:hover {
    background-color: #d6d6d6;
    text-decoration: none;
}

.mod-webdelta-cookieconsent .consent-buttons #consent-accept:hover {
    background-color: #68ad00;
}

/* Popup overlay */
.mod-webdelta-cookieconsent .consent-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mod-webdelta-cookieconsent .consent-popup-inner {
    background: white;
    padding: 30px;
    max-width: 600px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    border-radius: 4px;
    position: relative;
}

.mod-webdelta-cookieconsent .consent-popup-close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: #666;
    padding: 0;
}

.mod-webdelta-cookieconsent .consent-popup-close:hover {
    color: #000;
}

.mod-webdelta-cookieconsent .consent-popup-inner h3 {
    margin-top: 0;
    margin-bottom: 16px;
}

/* Responsive */
@media only screen and (max-width: 992px) {
    .mod-webdelta-cookieconsent .consent-banner-text {
        width: 100%;
        text-align: left;
    }

    .mod-webdelta-cookieconsent #consent-options {
        width: 100%;
        justify-content: start;
        margin-top: 10px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }

    .mod-webdelta-cookieconsent .consent-buttons {
        margin-left: initial;
        width: 100%;
        border: 0;
    }

    .mod-webdelta-cookieconsent .consent-buttons #consent-accept {
        margin-left: 10px;
    }

    .mod-webdelta-cookieconsent .consent-row {
        flex-direction: column;
    }
}