﻿.downscoller {
    width: 100%;
    height: 20px;
    background-color: var(--c-orange-color);
    cursor: pointer;
}

.imgbox {
    width: 100%;
    height: calc(20% + 80px);
    background-size: cover !important;
    display: flex;
}

    .imgbox h2 {
        color: white;
        font-size: xx-large;
        margin: auto;
        padding-top: 80px;
        font-weight: lighter;
    }

.content-bg {
    display: grid;
    background-image: url(/img/pattern/double-bubble-outline.png);
    background-repeat: repeat;
    height: calc(100% - 20% - 100px);
}

    .content-bg article {
        margin: 3em 2em calc(3em + 20px) 2em;
        background-color: white;
        box-shadow: 4px 4px 2px lightgray;
        padding: 2em;
        overflow-y: scroll;
        /* Hide scrollbar for IE, Edge and Firefox */
        /*-ms-overflow-style: none;*/ /* IE and Edge */
        /*scrollbar-width: none;*/ /* Firefox */
    }
        /* Hide scrollbar for Chrome, Safari and Opera */
        .content-bg article::-webkit-scrollbar {
            /*display: none;*/
        }

.imprint-container {
    color: var(--c-orange-color) !important;
}

    .imprint-container a {
        color: var(--c-orange-color) !important;
    }

        .imprint-container a:hover {
            color: var(--c-orangedarker-color) !important;
        }

.link-list {
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
}

    .link-list a {
        font-size: xx-large;
        color: var(--c-orange-color);
        cursor: pointer;
    }

        .link-list a:visited {
            color: var(--c-orangedarker-color);
        }
