.tx-geniessbar { }
.tx-geniessbar .details { margin-top: 2rem; }

.tx-geniessbar .categories { justify-content: space-around; display: flex; margin: 2rem 10rem; }
.tx-geniessbar .catlink { display: flex; color: #666; text-decoration: none !important; font-size: 0.8rem; }
.tx-geniessbar .catlink.active { color: #000; }
.tx-geniessbar .cat { padding: 1rem; text-align: center; }
.tx-geniessbar .cat img { width: 8rem; height: auto; }
.tx-geniessbar .cat span { padding: 0.5rem; display: inline-block; font-size: 1.5rem; }
.tx-geniessbar .list { margin: 2rem 0; }
.tx-geniessbar .list .items { margin-bottom: 2rem; }
.tx-geniessbar .list .items a { padding: 1rem; display: block; text-decoration: none !important; }
.tx-geniessbar .list .items .item { text-align: center; }
.tx-geniessbar .list .items .item img { max-width: 100%; height: auto; }
.tx-geniessbar .pager { margin-bottom: 4rem; }
.tx-geniessbar .person { margin-bottom: 1rem; }
.tx-geniessbar .person .oncat { margin-right: 1rem; }
.tx-geniessbar .person img { height: 2rem; width: auto; margin-right: 0.1rem; }
.tx-geniessbar .person img.glas { margin-right: 0.3rem; }
.tx-geniessbar .geniessbar-preview { max-width: 100%; height: auto; }

@media screen and (min-width: 1600px) {

.tx-geniessbar .details .rezept { max-width: 50%; }

}

@media (max-width: 768px) {
.tx-geniessbar .categories { flex-wrap: wrap; margin: 2rem 0; }
.tx-geniessbar .catlink { flex: 0 0 50%; max-width: 50%; justify-content: center; }
}