.teaser{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.teaser-item{background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all 0.2s ease-out 0s;position:relative}.teaser-item-helper-1,.teaser-item-helper-2{transition:all 0.2s ease-out 0s;position:absolute;left:0;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center}.teaser-item-helper-1{opacity:1;text-align:center;padding:60px 25px}.teaser-item-helper-2{opacity:0;padding:60px 45px;background:rgba(0,0,0,.5)}.teaser-height{max-width:600px;margin:0 auto}.teaser-2:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter:gray;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}.teaser-item:hover .teaser-item-helper-1{opacity:0}.teaser-item:hover .teaser-item-helper-2{opacity:1}.teaser-2,.teaser-3{width:100%}.teaser h2{font-family:'Crimson Text',serif;font-size:32px;line-height:1.2;margin:0;font-weight:700;letter-spacing:.5px;color:#fff;text-transform:uppercase;text-align:center}.teaser h3,.teaser p{color:#fff}.teaser p a.link-1:hover{color:#fff}@media only screen and (min-width:750px){.teaser-2,.teaser-3{width:50%}}@media only screen and (min-width:1000px){.teaser-2 h2{font-size:40px}.teaser-3{width:calc(100%/3)}.teaser-item-helper-1{padding:60px 75px}.teaser-item-helper-2{padding:60px 90px}}