.bild-text-group-grid {
    width           : 100%;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -ms-flex-wrap   : wrap;
    flex-wrap       : wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    /* margin          : 0 0 30px 0; */
}

.bild-text-group-grid:after {
    content: " ";
    width  : 30%;
    height : 0;
}

.bild-text-group {
    width                : 30%;
    padding              : 0.5em 0 2em 0;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
}

.bild-item {
    width     : 100%;
    height    : 100%;
    margin    : 0 auto;
    height: auto;
    /* Höhe individuell einstellen > Wichtig für die Funktion in IE 11 */
    overflow  : hidden;
    border-bottom: 10px solid #BAB7AE;
    background-color: #BAB7AE;
}

.bild-item img {
    display           : block;
    -o-object-fit     : cover;
    object-fit        : cover;
    -o-object-position: 50% 50%;
    object-position   : 50% 50%;
    width             : 100%;
    height            : 100%;
    margin            : auto;
    opacity: 1;
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.bild-item:hover img {
    opacity: .5;
}

.text-item {
    margin          : 20px 0 15px 0;
    width           : 100%;
}

.text-item a {
    /* font-weight: 300; */
}

.text-item a.wbox-maillink {
    /* font-weight: 700; */
}

.text-item h4 {
    margin: 0 0 10px;
}

.text-item p {
    margin-top   : 0.2em;
    margin-bottom: 0.2em;
}

@media (max-width: 500px) {

    .bild-text-group {
        width: 48%;
    }
    .bild-item {
        border-bottom: 6px solid #BAB7AE;
    }

    .text-item {
        width  : 100%;
    }
}