#cookie-consent-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    height: auto;
    max-height: 90%;
    width: 50%;
    padding: 20px 0;
    z-index: 9999;
    transform: translate3d(-50%, -50%, 0);
    overflow: auto;
    background: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    font-size: 0.8em;
}

@media all and (max-width: 31.25em) {
    /* width is between 0px and 500px; */

    #cookie-consent-dialog {
        width: 95%;
    }

}

@media all and (min-width: 31.3125em) {
    /* width is between 0px and 500px; */

    #cookie-consent-dialog {
        width: 50%;
    }

}

#cookie-consent-dialog-more {
    display: none;
}

.cookie-information-entry + .cookie-information-entry {
    margin-top: 50px;
}

.cookie-information-entry h2 {
    margin-bottom: 0.5em;
}

.cookie-information-content-section h5 {
    margin-bottom: 0.25em;
}

.cookie-information-content-section p {
    margin-top: 0;
}

.cookie-information-content-section ul {
    margin-top: 0;
    padding-left: 1em;
}

.cookie-information-content-section a {
    color: #FFC300;
    word-break: break-all;
}
.cookie-information-content-section a:hover {
    text-decoration: underline;
}

.cookie-information-switch {
    padding: 10px;
    background: #FFFFFF;
    text-align: center;
}

.cookie-consent-active {
    pointer-events: none;
    filter: blur(5px) brightness(0.5);
    overflow: hidden;
}