/* 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.7); background-size: cover; background-position: center; box-shadow: 1px 1px 1px 1px white inset; }

.teaser_01 a:focus, .teaser_01 a:hover { background-image: url(../img/teaser_web_3zu4.png); }
.teaser_02 a:focus, .teaser_02 a:hover { background-image: url(../img/teaser_brand_3zu2.png); }
.teaser_03 a:focus, .teaser_03 a:hover { background-image: url(../img/teaser_book_3zu2.png); }
.teaser_04 a:focus, .teaser_04 a:hover { background-image: url(../img/teaser_kontakt_3zu1.png); }
.teaser_05 a:focus, .teaser_05 a:hover { background-image: url(../img/teaser_brand_3zu2.png); }
.teaser_06 a:focus, .teaser_06 a:hover { background-image: url(../img/teaser_print_3zu1.png); }
.teaser_07 a:focus, .teaser_07 a:hover { background-image: url(../img/teaser_print_3zu2.png); }
.teaser_08 a:focus, .teaser_08 a:hover { background-image: url(../img/teaser_web_3zu1.png); }
.teaser_09 a:focus, .teaser_09 a:hover { background-image: url(../img/teaser_projects_3zu2.png); }
.teaser_10 a:focus, .teaser_10 a:hover { background-image: url(../img/teaser_brand_3zu2.png); }
.teaser_11 a:focus, .teaser_11 a:hover { background-image: url(../img/teaser_angebot_3zu2.png); }


/* Layout Teaser =========================== */
.wrapper_teaser { width: 100%; position: relative; clear: both; }
.wrapper_teaser02 { width: 66%; float: left; }

.teaser { position: relative; float: left; background-size: cover; background-position: center; box-shadow: 1px 1px 1px 1px white inset; overflow: hidden; }

.teaser_01 { background-image: url(../img/teaser_01.jpg); width: 34%; padding-top: 44.222222%; }
.teaser_02 { background-image: url(../img/teaser_02.jpg); width: 50%; padding-top: 33.333333%; }
.teaser_03 { background-image: url(../img/teaser_03.jpg); width: 50%; padding-top: 33.333333%; }
.teaser_04 { background-image: url(../img/teaser_04_2020.jpg); width: 66%; padding-top: 22.222222%; }
.teaser_05 { background-image: url(../img/teaser_05.jpg); width: 34%; padding-top: 22.222222%; }
.teaser_06 { background-image: url(../img/teaser_06.jpg); width: 66%; padding-top: 22.222222%; }
.teaser_07 { background-image: url(../img/teaser_07.jpg); width: 34%; padding-top: 22.222222%; }
.teaser_08 { background-image: url(../img/teaser_08.jpg); width: 66%; padding-top: 22.222222%; }
.teaser_09 { background-image: url(../img/teaser_09.jpg); width: 34%; padding-top: 22%; }
.teaser_10 { background-image: url(../img/teaser_10.jpg); width: 50%; padding-top: 33.333333%; }
.teaser_11 { background-image: url(../img/teaser_11.jpg); width: 50%; padding-top: 33.333333%; }



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