.Teaserstreifen__teaserboxen{-webkit-transform: skew(0deg, -2deg);transform: skew(0deg, -2deg);width: 100%;background-color: #F8F8F8;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 2.5rem}@media (min-width: 62em){.Teaserstreifen__teaserboxen{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}}.Teaserstreifen__teaserbox{color: white;background-size: cover;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-transition: flex-grow .5s ease-in, margin-top .5s ease-in, height .5s ease-in, -webkit-box-flex .5s ease-in;transition: flex-grow .5s ease-in, margin-top .5s ease-in, height .5s ease-in, -webkit-box-flex .5s ease-in;transition: flex-grow .5s ease-in, margin-top .5s ease-in, height .5s ease-in;transition: flex-grow .5s ease-in, margin-top .5s ease-in, height .5s ease-in, -webkit-box-flex .5s ease-in, -ms-flex-positive .5s ease-in;margin: 5px;position: relative;height: 200px}@media (min-width: 62em){.Teaserstreifen__teaserbox{height: 600px}}@media (min-width: 62em){.Teaserstreifen__teaserbox:first-child{margin-left: 0}}@media (min-width: 62em){.Teaserstreifen__teaserbox:last-child{margin-right: 0}}.Teaserstreifen__teaserbox:hover{-webkit-box-flex: 2;-ms-flex-positive: 2;flex-grow: 2;height: 300px}@media (min-width: 62em){.Teaserstreifen__teaserbox:hover{height: 600px;margin-top: -20px}}.Teaserstreifen__teaserbox:hover .Teaserstreifen__text{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;opacity: 1}@media (min-width: 62em){.Teaserstreifen__teaserbox:hover .Teaserstreifen__text{-webkit-animation-name: showText;animation-name: showText;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards}}.Teaserstreifen__teaserbox:hover .Teaserstreifen__coloroverlay{background-color: rgba(172,193,47,0.6)}.Teaserstreifen__coloroverlay{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,115,121,0.6);-webkit-transition: background-color .5s ease-in;transition: background-color .5s ease-in}.Teaserstreifen__text{position: absolute;height: 100%;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;display: -webkit-box;display: -ms-flexbox;display: flex;opacity: 1}@media (min-width: 62em){.Teaserstreifen__text{display: none;opacity: 0}}.Teaserstreifen__text h3{font-weight: 900;text-transform: uppercase;margin-bottom: 2rem;font-family: Titillium;font-size: 30px;text-align: center}@media (min-width: 62em){.Teaserstreifen__text h3{font-size: 46px}}.Teaserstreifen__link{background-color: #222;color: #fff;display: inline-block;padding: 18px 32px;text-transform: uppercase;font-family: Titillium;font-weight: 600;-webkit-transition: background-color .25s ease;transition: background-color .25s ease;-webkit-transform: skewY(-3deg);transform: skewY(-3deg);-webkit-transform: skewY(0deg);transform: skewY(0deg)}.Teaserstreifen__link span{display: inline-block;-webkit-transform: skewY(3deg);transform: skewY(3deg)}.Teaserstreifen__link:hover{color: #fff;background-color: #343434}@-webkit-keyframes showText{from{opacity: 0%}to{opacity: 100%}}@keyframes showText{from{opacity: 0%}to{opacity: 100%}}