.img-responsive{display:block;width:100%;height:auto}.hero{position:relative;top:-200px;width:100%;overflow:hidden;margin-bottom:-150px}@media screen and (min-width: 1100px){.hero{min-height:950px}}.hero__image{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.hero__contentwrapper{display:flex;align-items:center;width:100%;height:100%;justify-content:center;position:relative;top:220px}.hero__content{width:1500px;max-width:100%;padding:1rem;position:relative;background-color:#ffffff4d;border-radius:3px;text-align:center;text-shadow:2px 2px 2px rgba(255,255,255,.3)}.hero__content p{text-align:center}.hero__buttons{list-style:none;margin:0;padding:0}.hero__buttons li{display:inline-block;margin:0 3rem 0 0;width:100%}@media screen and (min-width: 1100px){.hero__buttons li{width:auto}}.hero__teasers{position:relative;z-index:6;bottom:0;display:grid;width:100%;margin-top:250px}.hero__teasers--amount1,.hero__teasers--amount2,.hero__teasers--amount3,.hero__teasers--amount4{grid-template-columns:1fr}@media screen and (min-width: 1100px){.hero__teasers{margin:0;position:absolute}.hero__teasers--amount1{grid-template-columns:1fr}.hero__teasers--amount2{grid-template-columns:1fr 1fr}.hero__teasers--amount3{grid-template-columns:1fr 1fr 1fr}.hero__teasers--amount4{grid-template-columns:1fr 1fr 1fr 1fr}}.hero__teaser{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;width:100%;height:200px;opacity:1;transition:all .2s;transition-timing-function:ease-in-out;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}@media screen and (min-width: 800px){.hero__teaser{display:block;height:300px;opacity:.7;padding:3rem 1rem 1rem 2rem}.hero__teaser:hover,.hero__teaser:active{opacity:.9}}.hero__teaser a:link,.hero__teaser a:visited,.hero__teaser a:hover,.hero__teaser a:active{display:block;text-decoration:none;color:var(--colorWhite);width:100%;z-index:1;position:relative}.hero__teaser a:link div,.hero__teaser a:visited div,.hero__teaser a:hover div,.hero__teaser a:active div{margin:0 1rem 0 2rem}@media screen and (min-width: 800px){.hero__teaser a:link,.hero__teaser a:visited,.hero__teaser a:hover,.hero__teaser a:active{height:100%}.hero__teaser a:link div,.hero__teaser a:visited div,.hero__teaser a:hover div,.hero__teaser a:active div{margin:1rem 1rem 0 2rem}}.hero__teaser__image{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;z-index:0;opacity:1;transform:scale(1);transition:all .2s;transition-timing-function:ease-in-out;transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}@media screen and (min-width: 800px){.hero__teaser__image{opacity:.2}}.hero__teaser:hover .hero__teaser__image,.hero__teaser:active .hero__teaser__image{transform:scale(1.1)}