.scroll-wrapper{position:relative}.scroll-wrapper:after,.scroll-wrapper:before{content:'';position:absolute;top:0;width:80px;height:100%;z-index:100;opacity:0;transition:opacity .25s;pointer-events:none}.scroll-wrapper:before{left:0;background:linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%)}.scroll-wrapper:after{right:0;background:linear-gradient(to left,#fff 0,rgba(255,255,255,0) 100%)}.scroll-wrapper.fade-start:before{opacity:1}.scroll-wrapper.fade-end:after{opacity:1}#plugins{background:#f6f6f6}#plugins .plugins-teaser{position:relative;background:#333}@media (max-width:767px){#plugins .plugins-teaser{height:360px}}@media (min-width:768px){#plugins .plugins-teaser{height:760px}}#plugins .plugins-teaser__background{position:absolute;top:0;left:0;width:100%;height:760px}#plugins .plugins-teaser__background .teaser-background{position:absolute;top:0;left:0;background-size:cover;background:center no-repeat;width:100%;height:100%;opacity:0;transition:opacity .5s}#plugins .plugins-teaser__background .teaser-background.is-active{opacity:1}#plugins .plugins-teaser__background .teaser-background.plugins{background-image:url(//www.spreadshop.com/content/f_png,f_auto,q_70/pages/Plugins/header_image)}@media (min-width:768px){#plugins .plugins-teaser__background .teaser-background.plugins{background-image:url(//www.spreadshop.com/content/f_png,f_auto,q_70/pages/Plugins/header_image)}}#plugins .plugins-teaser__text-wrapper{position:relative;text-align:center;color:#fff;padding:40px 0;font-weight:700;line-height:1}@media (max-width:767px){#plugins .plugins-teaser__text-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}}@media (min-width:768px){#plugins .plugins-teaser__text-wrapper{position:absolute;top:38%;transform:translateY(-50%);width:100%}}#plugins .plugins-teaser__text-top{font-size:4rem;margin:0 0 15px 0}@media (min-width:450px){#plugins .plugins-teaser__text-top{font-size:6rem}}@media (min-width:768px){#plugins .plugins-teaser__text-top{font-size:10rem}}#plugins .plugins-teaser .h0{color:#fff;margin:0 0 8px 0}#plugins .plugins-teaser h1{color:#fff;font-size:1rem;margin:15px 0 50px 0;line-height:1.4}@media (min-width:768px){#plugins .plugins-teaser h1{font-size:1.125rem}}#plugins .plugins-teaser .counter-wrapper{overflow:hidden}#plugins .plugins-teaser .counter-wrapper ul{position:relative;padding:0;margin:0;list-style-type:none;display:inline-block}#plugins .plugins-teaser .counter-wrapper li{position:absolute;top:0;left:0;transform:translateY(-100%);margin:0}#plugins .plugins-teaser .counter-wrapper li:first-child{position:relative}#plugins .plugins-teaser .counter-wrapper li.is-active{transform:translateY(0)}#plugins .plugins-list{position:relative}#plugins .plugins-list .container{background:#fff;padding:25px 15px;margin:0 auto}@media (min-width:768px){#plugins .plugins-list .container{padding:30px 40px 60px;margin:-250px auto 0}}@media (max-width:1023px){#plugins .plugins-list .responsive-video-wrapper{margin-bottom:3em}}#plugins .plugins-list .responsive-video{position:relative;padding-bottom:56%;padding-top:0;height:0;overflow:hidden;border:1px solid #cdcdcd;border-radius:2px}#plugins .plugins-list iframe{position:absolute;top:0;left:0;width:100%;height:100%}#plugins .plugins-list .h1{text-align:center;margin:1.2em 0 2em}#plugins .plugins-list .h3{margin:0 0 15px 0}#plugins .plugins-tiles{padding:0 0 80px 0}#plugins .plugins-tiles .container{background:#fff;padding:25px 15px;margin:0 auto}#plugins .plugins-tiles h2{text-align:center;margin:0 0 40px 0}#plugins .plugins-tiles .tile-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-content:center;align-items:stretch}#plugins .plugins-tiles .plugin-tile{margin-bottom:5em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:stretch;align-items:flex-start}@media (max-width:767px){#plugins .plugins-tiles .plugin-tile{order:0;flex:0 1 100%;align-self:auto}}@media (min-width:768px){#plugins .plugins-tiles .plugin-tile{order:0;flex:0 1 45%;align-self:auto}}#plugins .plugins-tiles .plugin-tile>*{order:0;flex:0 1 100%;align-self:auto}#plugins .plugins-tiles .plugin-tile[data-state=inactive]{color:#b2b2b2}#plugins .plugins-tiles .plugin-tile[data-state=inactive] h4{color:#b2b2b2}#plugins .plugins-tiles .plugin-tile[data-state=inactive] .image-wrap{opacity:.7}#plugins .plugins-tiles .plugin-tile[data-state=inactive] .sprd-button.main{background:#ffd3a6;cursor:default}#plugins .plugins-tiles .image-wrap{background:#f6f6f6;height:259px;width:100%;position:relative;margin-bottom:1em}#plugins .plugins-tiles .image-wrap:hover{opacity:.7}#plugins .plugins-tiles .image-wrap img{max-height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%}#plugins .plugins-tiles .sprd-button.main{order:0;flex:0 1 auto;align-self:flex-end}