/*
Styles für Teaser
---------------------------------------------------------------------
Bitte alle Styles nur in EINE (!!!) Zeile Schreiben (beginnend mit ".USERstylesheet...."):
Classes +++ Definition +++ Name des Styles in den Kommentar Feldern
*/

.USERstylesheet.teaser.style1 { border-color: #999; background: #EEE; } 		/* Startseiten Teaser */

/* Diese Styles werden nicht mehr eingelesen */
.teaser { height: 340px; position: relative; overflow: hidden; }
.teaser .image { position: absolute; transition: all 0.3s; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; background-size: cover; background-position: center center; }
.teaser h4 { position: absolute; transition: all 0.3s; background: rgba(51, 51, 51, 0.5); border-top: 3px solid transparent; color: #FFF; line-height: 22px; font-size: 20px; font-weight: normal; bottom: 0px; left: 0px; right: 0px; padding: 25px 20px; text-shadow: 0px 0px 5px #000; margin: 0px; }
.teaser h4 img { max-height: 32px; transition: all 0.3s; vertical-align: middle; margin-right: 10px; }
.teaser .taser_text { padding: 0px 10px 15px 10px; margin: 0px; text-align: justify; height: 0px; padding-bottom: 45%; overflow: hidden; }
.teaser .taser_text p { padding: 0px; margin: 0px; }
.teaser a { padding: 15px 10px 15px 10px; margin: 0px; display: block; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.teaser:hover .image { transform: scale(1.1); }
.teaser:hover h4 { background: rgba(5, 93, 172,0.85); border-top: 3px solid #8EC63F; color: #FFF; text-shadow: none; }