/* Pfeile nach unten */
.arrow-container {
    width: 2.5vw;
    margin: 1.5vh auto 3.5vh auto;
}

.arrow-container img {
    transition: 1s;
}

/* MetaEbenen Menu */
article section.ebenenmenu {
    position: relative;
    /*display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5%;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50vh;
    max-width: 85%;
    margin: 0 auto 10vh auto;
}

article section.ebenenmenu div {
    border-radius: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5;
    transition: .3s;
    -webkit-box-shadow: 15px 15px 55px -19px rgba(0,0,0,0.4);
    -moz-box-shadow: 15px 15px 55px -19px rgba(0,0,0,0.4);
    box-shadow: 15px 15px 55px -19px rgba(0,0,0,0.4);

}

article section.ebenenmenu div:hover {
    opacity: 1;
    z-index: 1;
}

article section.ebenenmenu div a {
    color: white;
    text-decoration: none;
    font-size: 1.5vw;
    text-align: center;
}

article section.ebenenmenu .left {
    width: 60%;
    height: 30%;
}

article section.ebenenmenu .ebene4 {
    /*grid-column: 2;
    grid-row: 1/4;*/
    position: absolute;
    top: 0;
    right: 1.8vw;
    height: 100%;
    width: 45%;
    background: #3086f0;
    transform: scale(1.1);
}

article section.ebenenmenu .ebene1 {
   /* grid-column: 1;
    grid-row: 1;*/
    background: #283f9e;
}

article section.ebenenmenu .ebene2 {
   /* grid-column: 1;
    grid-row: 2;*/
    background: #142878;

}

article section.ebenenmenu .ebene3 {
    /*grid-column: 1;
    grid-row: 3;*/
    background: #001463;
}

article section.ebenenmenu div:hover {
    opacity: 1;
}


/* MetaEbenen */
article h2 {
    color: var(--main-color);
    font-size: 2vw;
    text-align: center;
    margin: 3vh 0;
}

article section.ebenen {
    display: grid;
    grid-template-rows: 1fr 3fr;
    grid-template-columns: 1fr 20vw;
    grid-gap: 0 5%;
}

article section.einleitung {
    display: block;
    margin: 5vh 0 10vh 0;
}

article section div.grafik {
    margin: auto;
}

article section div.grafik img {
    width: 100%;
}

article section p span.zitat {
    font-style: italic;
}

article section .text ul li {
    margin-left: 2vw;
}

article section#metaebene1 .headline h3:before {
    content: "Organisation";
    left: -161%;
}

article section#metaebene2 .headline h3:before {
    content: "Teams";
    left: -58%;
}

article section#metaebene3 .headline h3:before {
    content: "Mensch";
    left: -86%;
}

article section#metaebene4 .headline h3:before {
    content: "Workshops";
    left: -141%;
}

article a {
    color: var(--main-color);
    font-size: 1.3vw;
}

article a:hover {
    color: orange;
}

@media screen and (max-width: 1200px) {
    article a {
        font-size: 3.5vw;
    }

    article section.ebenen {
        grid-template-rows: 1fr 3fr auto;
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    article section .headline {
        grid-column: 1;
    }

    article section div.grafik img {
        width: 50%;
        margin-left: 50%;
        transform: translateX(-50%);
    }

    article section.ebenenmenu {
        height: 15vh;
    }

    body article section .headline h3 {
        font-size: 26vw;
    }

    body article section .headline h3:before {
        font-size: 10vw;
    }

    article section.ebenen {
        grid-template-rows: auto auto;
    }
}

@media screen and (max-width: 700px){
    .arrow-container {
        display: none;
    }

    article section.ebenenmenu div a {
        font-size: 3.5vw;
    }
}