article section.einleitung {
    margin-bottom: 4vh;
}

article section.drop {
    display: grid;
    grid-template-rows: 18vh 1fr;
    grid-template-columns: 1fr;
    margin: 10vh 0;
}

article section .headline {
    justify-self: left;
    position: relative;
}

/* Überschriften Test */

article section div img {
    width: 7vw;
    opacity: .5;
}
article section div p {
    position: absolute;
    top: 2vh;
    left: 0;
    color: white;
    text-shadow: 0 0 .5vw rgba(0, 0, 0, 0.3);
    font-size: 4vw;
    font-family: visbycf-regular, sans-serif;
}


article section.authentisch .headline h3:before {
    content: "Authentisch";
}

article section.interdisziplinär .headline h3:before {
    content: "Interdisziplinär";
}

article section.vielfältig .headline h3:before {
    content: "Vielfältig";
    /*left: -23%;*/
}

article section.medienaffin .headline h3:before {
    content: "Medienaffin";
    /*left: -50%;*/
}

article section.kreativ .headline h3:before {
    content: "Kreativ";
    /*left: -6%;*/
}

article section.ganzheitlich .headline h3:before {
    content: "Ganzheitlich";
    /*left: -51%;*/
}

article section.ungewoehnlich .headline h3:before {
    content: "Ungewöhnlich";
    /*left: -65%;*/
}

article section.nachhaltig .headline h3:before {
    content: "Nachhaltig";
    /*left: -40%;*/
}

article section.ortsuebergreifen .headline h3:before {
    content: "Ortsübergreifend";
   /* left: -84%;*/
}

@media screen and (max-width: 1200px) {
    article section.drop {
        grid-template-rows: auto auto;
        grid-gap: 5% 0%;
        margin: 4vh 0;
    }

    article section div img {
        width: 13vw
    }

    article section div p {
        font-size: 7vw;
        top: 1.2vh;
    }
}