/* Für Webkit-Browser wie Chrome, Safari, Edge */
::-webkit-scrollbar {
    /* Breite der Scrollleiste */
    width: 6px;

    /* Hintergrund der Scrollleiste auf schwarz */
}

::-webkit-scrollbar-thumb {
    background: rgb(0, 0, 0) !important;

    /* Der eigentliche Slider (Thumb) auf weiß */
    border-right: 6px solid #ffffff !important;
    //: 1px solid white;
    border-radius: 0px !important;

    /* Abgerundete Ecken für den Slider */
}

.menu-linkover:hover {
    text-decoration: underline;
}

.ausblenden {
    display: none !important;
}

.sw {
    filter: grayscale(100%);

    /* Standard */
    -webkit-filter: grayscale(100%);

    /* Webkit */
    filter: url(/elements/grayscale.svg#desaturate);

    /* Firefox 4-34 */
    filter: gray;

    /* IE6-9 */
    -webkit-filter: grayscale(1);

    /* Old WebKit */
}

.sw:hover {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0);

    /* Old WebKit */
}

/* Zoom aktivieren > 1500px */
@media (min-width: 1500px) {
    .zoom {
        transition: transform 1s;
        border-left-style: none;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
    }

    .zoom:hover {
        position: relative;
        z-index: 1;
        transform: scale(1.03);
    }
}

/* Ausblenden VP < 400px */
@media (max-width: 399px) {
    .ausblenden-kleiner-400 {
        display: none;
    }

    nav li {
        font-size: 1em !important;
    }
}

/* Ausblenden VP < 767px */
@media (max-width: 767px) {
    .ausblenden-kleiner-767 {
        display: none;
    }
}

/* Slogan Startanimation ausschalten bei Aufruf von Subsite */
.slogan {
    font-size: 4em !important;
    line-height: 50px;
}

@media (min-width: 576px) {
    .slogan {
        font-size: 6em !important;
        line-height: 87px;
    }
}

@media (min-width: 768px) {
    .slogan {
        font-size: 8em !important;
        line-height: 122px;
    }
}

/* Schriftgröße Linkleiste */
@media (max-width: 320px) {
    .linkleiste a {
        font-size: 0.75em;
    }
}

@media (max-width: 576px) {
    .linkleiste a {
        font-size: 0.8em;
        color: white !important;
    }
}

/* Schriftgrößen Teasertext */
.ziffer-galerie {
    font-size: 2.2em !important;
}

.text-galerie {
    font-size: 1.1em !important;
}

@media (max-width: 576px) {
    .ziffer-galerie {
        font-size: 1.4em !important;
    }

    .text-galerie {
        font-size: 0.9em !important;
    }
}

@media (max-width: 320px) {
    .ziffer-galerie {
        font-size: 1.2em !important;
    }

    .text-galerie {
        font-size: 0.8em !important;
    }
}

.mailbutton a:hover button {
    background: #eee !important;
}

/* Startani Container */
#container1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    color: white;
    display: flex;
    justify-content: center;
    font-size: 24px;
    transition: transform 0.8s ease;
    z-index: 400;
    align-items: center;
}

#container1.verschoben {
    transform: translateX(100vw);
}

#fond-linkliste {
    right: 0;
    width: 40px;
    height: 100vh;
    z-index: 10 !important;
}

#container2 {
    position: absolute;
    top: 100vh;
    right: 0;
    width: 40px;
    height: 100vh;
    color: white;
    font-size: 24px;
    transition: top 1s ease;
    z-index: 20;
}

#container2.aktiv {
    top: 0;
}

#container3 {
    position: absolute;
    top: 0;
    right: -100vw;
    width: 100vw;
    color: #000000;
    font-size: 20px;
    transition: right 1s ease;
    z-index: 0;
    border-color: #000000;
    border-bottom-style: none;
    border-bottom-color: #000000;
}

#container3.aktiv {
    right: 0;
}

.button {
    xposition: absolute;
    bottom: 40px;
    xleft: 50%;
    xtransform: translateX(-50%);
    padding: 12px 24px;
    font-size: 18px;
    cursor: pointer;
}

.rotate-logo {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    margin-top: 127px;
}

/* Logoplatzierung Startseite */
/* Übergeordneter Container braucht position:relative */
.startlogo {
    position: relative;
    height: 100%;
}

/* Alle Plazierten Elemente brauchen position:absolute */
.startlogo-place {
    position: absolute;
}

/* Hintergrund Specs Akkordeon */