.gruppen {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    background-color: #135f33;
}
.gruppe {
    display: inline-block;
    color: #ffffff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
}
.gruppe:hover {
    background-color: #8ba219;
}
.gruppe.aktuell {
    background-color: #ffe200;
    color: #000000;
}
.gruppe-aktuell {
    background-color: #ffe200;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}
.gruppe-aktuell .titel {
    font-size: 1.6rem;
}
.betrieb {
    margin-bottom: 2rem;
}
.betrieb > p {
    font-family: 'PT Sans', 'Roboto Condensed', sans-serif;
    font-style: italic;
    font-weight: 900;
}
.betriebe {
    background-color: #fcf7cf;
    padding: 1rem;
}
.betriebe ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.betriebe li {
    padding: 1rem;
    width: 31%;
    background-color: #ffffff;
    margin: 0 2% 2% 0;
}
.betriebe li {
    padding: 1rem;
    width: 100%;
    background-color: #ffffff;
    margin: 0 0 2% 0;
}
.betriebe li p {
    font-size: 1rem;
}.betriebe li p:last-child {
    margin-bottom:0;
}
.betriebs-details {
    font-size: 1rem;
    margin-bottom: 1rem;
}
.betriebs-details .titel {
    color: #135f33;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}
.betriebs-details .titel:first-child {
    margin-top: 0;
}
.bio-siegel {
    margin-top: 1rem;
}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
    .betriebe li {
        width: 48%;
        margin: 0 2% 2% 0;
    }    
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
    .betriebe li {
        width: 31%;
        margin: 0 2% 2% 0;
    }    
}