/* popup */
.gdpr.open {
    opacity: 1;
}

.gdpr a {
    color: green;
}

    .gdpr a.ok {
        text-decoration: none;
        color: white;
        float: right;
        background: green;
        padding: 10px 15px;
        border-radius: 4px;
    }

.gdpr {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background: #f5f5f5;
    padding: 11px;
    bottom: 11px;
    left: 11px;
    color: #333;
    position: fixed;
    width: 300px;
    z-index: 20;
    overflow: hidden;
}
    .gdpr .cookie-header {
        font-weight: bold;
    }



.gdpr:not(.open) {
    display:none;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    pointer-events: none;
}

.gdpr .cookie-icon {
    position: absolute;
    right: -9px;
    top: -11px;
    font-size: 130px;
    color: #f5f5f5;
}


@media screen and (min-width: @phones) {
    .gdpr {
        width: 350px;
        max-width: 100%;
        bottom: 11px;
        left: 11px;
    }
}

/* persondatapolitik page */
.pdpol ol {
    list-style: none;
    position: relative;
    padding-left: 3em;
    margin: 0;
}

.pdpol > ol {
    padding-left: 0;
}

.pdpol ol {
    counter-reset: level0 0;
}

    .pdpol ol li::before {
        content: counter(level0,decimal) " ";
        counter-increment: level0;
        position: absolute;
        right: 100%;
        margin-right: 0.625em;
        text-align: right;
        font-weight: bold;
        font-size: 0.8em;
    }

    .pdpol ol ol {
        counter-reset: level1;
    }

        .pdpol ol ol li::before {
            content: counter(level0,decimal) "." counter(level1,decimal) " ";
            counter-increment: level1;
            position: absolute;
            right: 100%;
            margin-right: 0.625em;
            text-align: right;
            font-weight: bold;
            font-size: 0.8em;
        }

        .pdpol ol ol ol {
            counter-reset: level2;
        }

            .pdpol ol ol ol li::before {
                content: counter(level0,decimal) "." counter(level1,decimal) "." counter(level2,decimal) " ";
                counter-increment: level2;
                position: absolute;
                right: 100%;
                margin-right: 0.625em;
                text-align: right;
                font-weight: bold;
                font-size: 0.8em;
            }

            .pdpol ol ol ol ul li::before {
                content: "";
            }

.pdpol li {
    position: relative;
}