/* Linkverhalten Teaser =========================== */
.teaser a { position: absolute; top: 0; width: 100%; height: 100%; display: block; }
.teaser a:link, .teaser a:visited, .teaser a:active { color: white; border-bottom: none; text-decoration: none; }
.teaser a:focus, .teaser a:hover { color: white; border-bottom: none; text-decoration: none; background-color: rgba(25,0,0,0.5); background-size: cover; background-position: center; }


/* Teasertext zentriert =========================== 
.teaser a { position: absolute; top: 0; width: 100%; height: 100%; display: table; background-color: red; }
.teaser_text { display: table-cell; vertical-align: middle; text-align: center; color: white; text-shadow: 1px 1px 3px #2d221e; }
.teaser_text { font-size: 1.5em; font-weight: 700; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*/

/* Layout Teaser =========================== */
.teaser { position: relative; float: left; width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; padding-top: 43.71%; background-size: cover; background-position: center; overflow: hidden; }
.teaser:nth-of-type(3n+0) { margin-right: 0; }
.vorschau:nth-of-type(3n+1) { clear: both; }

.teaser_01 { background-image: url("../img/filmplakat_b12.jpg"); }
.teaser_02 { background-image: url("../img/filmplakat_Muenchen_Stadt_in_Angst.jpg"); }
.teaser_03 { background-image: url("../img/filmplakat_Hubert_von_Goisern.jpg"); }
.teaser_04 { background-image: url("../img/filmplakat_Lennox.jpg"); }
.teaser_05 { background-image: url("../img/filmplakat_Kofelgschroa.jpg"); }
.teaser_06 { background-image: url("../img/filmplakat_Lili_Opa_hat_Alzheimer.jpg"); }
.teaser_07 { background-image: url("../img/filmplakat_Darwins_Geheimnis.jpg"); }
.teaser_08 { background-image: url("../img/filmplakat_Staedte_am_Meer.jpg"); }
.teaser_09 { background-image: url("../img/filmplakat_Eberhard_Weber.jpg"); }
.teaser_10 { background-image: url("../img/filmplakat_Unsichtbares_Land.jpg"); }
.teaser_11 { background-image: url("../img/filmplakat_Pullman_City.jpg"); }
.teaser_12 { background-image: url("../img/filmplakat_Jenseits_der_Ferne.jpg"); }
.teaser_13 { background-image: url("../img/filmplakat_Musikvideos.jpg"); }
.teaser_14 { background-image: url("../img/filmplakat_dreiviertelblut.jpg"); }


/* =======================================
	Responsive
======================================= */
@media screen and (min-width: 600px) {
.teaser:nth-of-type(n) { width: 22%; margin-right: 4%; padding-top: 31.02%; clear: none; }
.teaser:nth-of-type(4n+0) { margin-right: 0; }
.teaser:nth-of-type(4n+1) { clear: both; }
}

@media screen and (min-width: 1024px) {
.teaser:nth-of-type(n) { width: 16%; margin-right: 5%; margin-bottom: 4.5%; padding-top: 22.56%; clear: none; }
.teaser:nth-of-type(5n+0) { margin-right: 0; }
.teaser:nth-of-type(5n+1) { clear: both; }
}