
.zelle { width: 280px; height:230; float:left; overflow:hidden; font-family: 'Roboto', Arial, sans-serif; font-size:16px; font-weight:400; color: #333333; letter-spacing: 0.02em; margin-bottom:47px; }
@media screen and (min-width:360px) { .zelle { width: 320px; height:263; } }
@media screen and (min-width:490px) { .zelle { width: 225px; height:144px; } }

.bildzelle { width:280px; height:230px; font-size:10px; overflow:hidden; }
@media screen and (min-width:360px) { .bildzelle { width:320px; height:263px; } }
@media screen and (min-width:490px) { .bildzelle { width:175px; height:144px; } }

.bildzelle img { width:280px; height:230px; border:0; }
@media screen and (min-width:360px) { .bildzelle img { width:320px; height:263px; } }
@media screen and (min-width:490px) { .bildzelle img { width:175px; height:144px; } }


.szelle { width: 280px; height:auto; float:left; overflow:hidden; font-family: 'Roboto', Arial, sans-serif; font-size:16px; font-weight:400; color: #333333; letter-spacing: 0.02em; margin-bottom:18px; }
@media screen and (min-width:360px) { .szelle { width: 320px; } }
@media screen and (min-width:490px) { .szelle { width: 225px; } }

.szelle p { padding:0; margin-top:0; margin-bottom:12px; }
.szelle a:link { color: #000000; text-decoration: none; font-weight:normal; }
.szelle a:visited { color: #000000; text-decoration: none; font-weight:normal; }
.szelle a:hover { color: #5EB2B9; text-decoration: none; font-weight:normal; }
.szelle a:active { color: #5EB2B9; text-decoration: none; font-weight:normal; }

.gbild { position:relative; height:100%; width:100%; min-height:100px; font-size:10px; color:#f0f0f0; }
.gbild img { max-height:100%; max-width:100%; margin:auto; position:absolute; top:0; left:0; bottom:0; right:0; }

.pfeil { font-family: Verdana, sans-serif; font-size:24px; color:#DCDCDC; font-weight:normal; overflow:hidden; width:0; display:none; }
@media screen and (min-width:460px) { .pfeil { width:30px; display:table-cell; } }
.pfeil a:link { opacity:0.4; }
.pfeil a:visited { opacity:0.4; }
.pfeil a:hover { opacity:1.0; }
.pfeil a:active { opacity:1.0; }

.mobilepfeil { height:36px; text-align:center; }
@media screen and (min-width:460px) { .mobilepfeil { height:0; display:none; } }
