.TeaserSlider{position:relative;padding:2.4rem 0}@media (min-width:48em){.TeaserSlider{padding:2rem 0}}.TeaserSlider:after{z-index:-1;content:"";position:absolute;top:50%;left:0;width:100%;background:linear-gradient(90deg,var(--color-panel-main-start) 0%,var(--color-panel-main-end) 60%,var(--color-panel-main-end) 100%);height:20%;-webkit-transform:scale(0) skewY(0deg) translateY(-50%);transform:scale(0) skewY(0deg) translateY(-50%);-webkit-transition:.5s -webkit-transform;transition:.5s -webkit-transform;transition:.5s transform}.TeaserSlider.animate--show::after{width:100%;-webkit-transform:scale(1) skewY(-10deg) translateY(-50%);transform:scale(1) skewY(-10deg) translateY(-50%)}.TeaserSlider__title{text-align:center;margin-bottom:1rem}.TeaserSlider__item{box-shadow:0 3px 10px 3px rgba(0,0,0,.1);background-color:#fff;position:relative;margin-bottom:4.4rem}.TeaserSlider__content{display:-webkit-flex;display:flex;flex-flow:column;padding:1.5rem 1rem}.TeaserSlider__text{display:none}@media (min-width:48em){.TeaserSlider__text{display:block}}.TeaserSlider__link{margin-top:1rem}.TeaserSlider__slide{padding:1rem}.TeaserSlider__sliderButton{z-index:5;background:var(--color-text);padding:.5rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-transition:background-color .2s;transition:background-color .2s;border-radius:100%;width:40px;height:40px;margin-top:-2rem}@media (min-width:48em){.TeaserSlider__sliderButton{width:50px;height:50px}}.TeaserSlider__sliderButton:focus,.TeaserSlider__sliderButton:active{outline:none}.TeaserSlider__sliderButton:hover{background:var(--color-primary)}.TeaserSlider__sliderButton--next{right:.5rem}@media (min-width:48em){.TeaserSlider__sliderButton--next{right:1rem}}@media (min-width:80em){.TeaserSlider__sliderButton--next{-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);right:calc(( 100% - 1200px ) / 2 - 1rem)}}.TeaserSlider__sliderButton--prev{left:.5rem}@media (min-width:48em){.TeaserSlider__sliderButton--prev{left:1rem}}@media (min-width:80em){.TeaserSlider__sliderButton--prev{left:calc(( 100% - 1200px ) / 2 - 1rem);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.TeaserSlider__sliderButton svg{color:var(--color-textNegative);width:90%}@media (min-width:48em){.TeaserSlider__sliderButton svg{width:80%}}