:root{--font-family: "ClarityCity", sans-serif;--font-family--secondary: "";--font-weight--light: 300;--font-weight--regular: 400;--font-weight--bold: 700;--line-height--normal: 1.4;--brand-primary: #fed600;--brand-secondary: #f4333f;--black: #000000;--white: #fff;--grey: #f2f2f2;--margin-mobile: 25px;--margin-desktop: 50px;--shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)}@font-face{font-family:"ClarityCity";font-style:normal;font-weight:300;src:url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Light.eot);src:local(""),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Light.eot?#iefix) format("embedded-opentype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Light.ttf) format("truetype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Light.svg#ClarityCity) format("svg")}@font-face{font-family:"ClarityCity";font-style:italic;font-weight:300;src:url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-LightItalic.eot);src:local(""),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-LightItalic.eot?#iefix) format("embedded-opentype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-LightItalic.ttf) format("truetype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-LightItalic.svg#ClarityCity) format("svg")}@font-face{font-family:"ClarityCity";font-style:normal;font-weight:400;src:url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Regular.eot);src:local(""),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Regular.eot?#iefix) format("embedded-opentype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Regular.ttf) format("truetype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Regular.svg#ClarityCity) format("svg")}@font-face{font-family:"ClarityCity";font-style:italic;font-weight:400;src:url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-RegularItalic.eot);src:local(""),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-RegularItalic.eot?#iefix) format("embedded-opentype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-RegularItalic.ttf) format("truetype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-RegularItalic.svg#ClarityCity) format("svg")}@font-face{font-family:"ClarityCity";font-style:normal;font-weight:700;src:url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Bold.eot);src:local(""),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Bold.eot?#iefix) format("embedded-opentype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Bold.ttf) format("truetype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-Bold.svg#ClarityCity) format("svg")}@font-face{font-family:"ClarityCity";font-style:italic;font-weight:700;src:url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-BoldItalic.eot);src:local(""),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-BoldItalic.eot?#iefix) format("embedded-opentype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-BoldItalic.ttf) format("truetype"),url(//www.moers-marketing.de/wp-content/themes/moers-marketing/assets/fonts/ClarityCity-BoldItalic.svg#ClarityCity) format("svg")}body{margin:0;padding:0}ul{margin:0;padding:0;list-style-type:none}a{text-decoration:none}h1,h2,h3,h4,h5{margin:0;padding:0}.button{text-align:center;font-size:18px;padding:6px 22px;background-color:var(--brand-primary);color:var(--black);border:2px solid var(--brand-primary);font-weight:var(--font-weight-bold);text-transform:uppercase;margin:0;line-height:1.5}.button--brand{color:var(--black);background-color:var(--brand-primary);border-color:var(--brand-primary)}.button--black{color:white;background-color:var(--black);border-color:var(--black)}.button--white{color:var(--black);background-color:white;border-color:var(--black)}.button--blue{color:white;background-color:var(--blue);border-color:var(--blue)}.button--cyan{color:white;background-color:var(--cyan);border-color:var(--cyan)}.container{position:relative;width:100%}.container--margin{position:relative;width:100%;margin-top:100px;margin-bottom:100px}.container--margin-bottom{position:relative;width:100%;margin-bottom:100px}.container--margin-bottom-small{position:relative;width:100%;margin-bottom:25px}.container--margin-small{position:relative;width:100%;margin-top:25px;margin-bottom:25px}.container--padding{padding-top:60px;padding-bottom:60px}.container__inside{display:block;position:relative;max-width:1200px;margin:0 30px}@media (min-width: 992px){.container__inside{margin:0 50px}}@media (min-width: 1600px){.container__inside{margin:0 auto}}.container__inside--small{display:block;position:relative;max-width:1050px;margin:0 30px}@media (min-width: 992px){.container__inside--small{margin:0 100px}}@media (min-width: 1200px){.container__inside--small{margin:0 150px}}@media (min-width: 1600px){.container__inside--small{margin:0 auto}}.container__inside--huge{display:block;position:relative;max-width:1750px;margin:0 auto}@media (min-width: 768px){.container__inside--huge{margin:0 auto}}@media (min-width: 1830px){.container__inside--huge{margin:0 auto}}.container__inside .container__inside{margin:0 30px}@media (min-width: 992px){.container__inside .container__inside{margin:0 50px}}body{font-family:var(--font-family);line-height:var(--line-height--normal);overflow-x:hidden}body>section:first-of-type{margin-top:0}button{font-family:var(--font-family)}html{scroll-behavior:smooth}@media (min-width: 992px){.grid-wrapper{display:grid;grid-gap:0;grid-template-columns:360px calc(100vw - 360px)}}@media (min-width: 992px){main,footer{grid-column-start:2}}.pagination{display:flex;flex-direction:row;align-items:center;line-height:1;justify-content:center;margin:50px 0}.pagination .page-numbers{color:var(--brand-secondary);background-color:white;font-size:24px;font-weight:var(--font-weight--bold);padding:12px 12px 10px 12px;height:24px}.pagination .page-numbers:nth-child(2){padding-left:20px}.pagination .page-numbers:nth-last-child(2){padding-right:20px}.pagination .page-numbers.current{background-color:var(--brand-secondary);color:white}.pagination .prev,.pagination .next{background-color:var(--brand-secondary);color:white}.pagination .prev svg,.pagination .next svg{fill:white;height:22px;width:auto}header.header{z-index:25;padding:20px 0}header.header:after{content:"";position:absolute;right:0;top:0;background-color:var(--brand-secondary);width:10px;height:100%;z-index:12}@media (min-width: 992px){header.header{padding:0;position:fixed;width:360px;height:100vh}}.header__columns{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.header__navigation{margin-top:50px;display:flex;align-self:flex-end;position:relative;background:white;z-index:11 !important}@media (min-width: 992px){.header__navigation{margin-top:50px}}@media (min-width: 1200px){.header__navigation{margin-top:80px}}@media (min-width: 1400px){.header__navigation{margin-top:200px}}.header__navigation__icons-secondary{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;margin-top:40px;text-align:right}@media (min-width: 992px){.header__navigation__icons-secondary{position:absolute;bottom:0;padding-right:50px;padding-bottom:30px;margin-top:0}}.header__navigation__icons{margin-bottom:20px}.header__navigation__icons ul{display:flex;flex-direction:row}.header__navigation__icons li{margin-left:20px}.header__navigation__icons a:hover svg{fill:var(--brand-secondary)}.header__navigation__icons svg{width:auto}.header__navigation__icons svg.icon_facebook_svg{height:18px}.header__navigation__icons svg.icon_instagram_svg{height:22px;margin-top:-2px}.header__navigation__sub li{margin-bottom:10px}.header__navigation__sub li a{font-size:15px !important;font-weight:var(--font-weight--bold);color:var(--black)}@media (min-width: 992px){.header__navigation__sub li a{font-size:15px !important}}.header__navigation__sub li a:hover{color:var(--brand-secondary)}footer.site-footer{background-color:var(--brand-secondary);padding:80px 0 50px 0;color:white;z-index:11;font-size:20px !important;font-weight:var(--font-weight--regular)}@media (max-width: 767px){footer.site-footer{font-size:18px !important}}@media (max-width: 480px){footer.site-footer{font-size:16px !important}}@media (min-width: 992px){footer.site-footer{font-size:20px !important}}.site-footer__brand{margin-bottom:60px;display:block}.site-footer__brand svg.icon_moers_svg{width:75px;height:auto}.site-footer__brand svg.icon_moers_svg path{fill:white}@media (min-width: 768px){.site-footer__brand{display:none}}.site-footer__bottom-row{display:flex;flex-direction:column;padding:20px 0;align-items:flex-start;justify-content:space-between}@media (min-width: 480px){.site-footer__bottom-row{flex-direction:row;align-items:flex-end}}.site-footer__bottom-row .site-footer__brand{margin-bottom:0;display:none}@media (min-width: 768px){.site-footer__bottom-row .site-footer__brand{display:block}}.site-footer__bottom-row .site-footer__copyright{font-size:20px !important;font-weight:var(--font-weight--regular);white-space:nowrap}@media (max-width: 767px){.site-footer__bottom-row .site-footer__copyright{font-size:18px !important}}@media (max-width: 480px){.site-footer__bottom-row .site-footer__copyright{font-size:16px !important}}@media (min-width: 992px){.site-footer__bottom-row .site-footer__copyright{font-size:20px !important}}.site-footer__columns{display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 768px){.site-footer__columns{flex-direction:row}}.site-footer__column{width:100%}@media (min-width: 768px){.site-footer__column{width:33%}}.site-footer__column ul{margin-bottom:50px}.site-footer__column ul li{margin-bottom:8px}.site-footer__column ul li:first-child{font-weight:var(--font-weight--bold);margin-bottom:40px}.site-footer__column ul li:first-child i{display:none}.site-footer__column ul li i{color:white;fill:white;padding-right:10px;width:30px;text-align:center}.site-footer__column ul li i svg{height:24px;width:auto;padding-top:5px}.site-footer__column ul li a{color:white;display:flex;flex-direction:row;align-items:center}.header__branding{margin:0;align-self:flex-start}@media (min-width: 992px){.header__branding{margin:50px 0 0 0;align-self:center}}.header__branding svg{display:block;width:145px;height:auto}@media (min-width: 992px){.header__branding svg{width:175px}}@media (min-width: 992px){.header__branding .header__brand{padding-left:15px}}.header__navigation__main{display:flex;align-self:flex-end;text-align:right;z-index:2;margin-right:-15px}@media (min-width: 768px){.header__navigation__main{margin-right:-40px}}@media (min-width: 992px){.header__navigation__main{margin-right:0}}.header__navigation__main>ul>li>a{font-size:45px;font-weight:var(--font-weight--bold);background-color:var(--brand-secondary);color:white;padding:3px;line-height:1;display:inline-block;margin-bottom:5px}.header__navigation__main>ul>li>a:hover{background-color:var(--brand-primary)}.header__navigation__main>ul>li:nth-child(1)>a{padding-right:30px}.header__navigation__main>ul>li:nth-child(2)>a{padding-right:100px}.header__navigation__main>ul>li:nth-child(3)>a{padding-right:36px}.header__navigation__main>ul>li:nth-child(4)>a{padding-right:20px}.header__navigation__main>ul>li:nth-child(5)>a{padding-right:40px}@media (max-width: 991px){.header__navigation__main{z-index:20;padding-right:10px}.header__navigation__main .sub-menu{opacity:0;height:0;visibility:hidden;transition:300ms all}.header__navigation__main .sub-menu li a{color:var(--black);font-size:30px;font-weight:var(--font-weight--bold)}}@media (max-width: 991px){.sub-menu{padding-right:30px}}@media (min-width: 992px){.header__navigation__main .sub-menu{position:relative;display:flex;flex-direction:column;align-items:flex-start;left:100%;top:-54px;opacity:0;height:0;visibility:hidden;transition:300ms all}.header__navigation__main .sub-menu li{margin-bottom:5px;text-align:left}.header__navigation__main .sub-menu li a{font-size:30px;font-weight:var(--font-weight--bold);background-color:var(--brand-secondary);color:white;padding:5px;line-height:1;width:250px;display:block}.header__navigation__main .sub-menu li a:hover{background-color:var(--brand-primary);color:white}}@media (min-width: 992px){.sub-menu--open{margin-bottom:-40px}}.sub-menu--open>a{background-color:white !important;color:var(--brand-secondary) !important}.sub-menu--open .sub-menu{opacity:1;height:auto;visibility:visible}@media (max-width: 991px){.sub-menu--open .sub-menu{padding-top:10px;padding-bottom:35px}}.header__navigation__bg{position:fixed;background:white;left:0;z-index:2;width:100vw;height:100vh}@media (min-width: 992px){.header__navigation__bg{opacity:0;height:0;visibility:hidden;transition:300ms all;position:absolute;background:white;width:280px;height:100vh;left:100%;top:100px;z-index:1}.header__navigation__bg:before{content:"";position:absolute;background-color:white;bottom:calc(100% - 2px);right:0;width:100%;height:300px;border-top-right-radius:100%}.header__navigation__main--open .header__navigation__bg{opacity:0.6;visibility:visible}}@media (max-width: 991px){body:not(.header__navigation-toggle--open) .header__navigation,body:not(.header__navigation-toggle--open) .header__navigation__icons-secondary{opacity:0;visibility:hidden;height:0;padding:0;margin:0}}.header__navigation,.header__navigation__icons-secondary{z-index:10}@media (min-width: 992px){.header__navigation,.header__navigation__icons-secondary{opacity:1;visibility:visible}}@media (min-width: 992px){.header__inside.container__inside{margin:0;position:static}}.header__navigation-toggle--open .header__navigation,.header__navigation-toggle--open .header__navigation__icons-secondary{opacity:1;visibility:visible}.header__navigation-toggle--open header.header{height:100vh}@media (min-width: 992px){.header__navigation-toggle{display:none}}.header__navigation-toggle{width:30px;height:26px;position:absolute;right:20px;top:26px;padding:0;border-radius:0;border:none;cursor:pointer;outline:none;background:transparent;transition:background 500ms, top 250ms;z-index:110}.header__navigation-toggle:hover .header__navigation-toggle__bar{background:var(--brand-secondary)}.header__navigation-toggle__bar{display:block;position:absolute;right:0;top:0px;width:30px;height:4px;background:var(--brand-secondary);transition:all 200ms;will-change:left, top}.header__navigation-toggle__bar:nth-child(2){top:11px}.header__navigation-toggle__bar:nth-child(3){top:22px;width:19px}body.header__navigation-toggle--open{overflow-y:hidden}body.header__navigation-toggle--open .header__navigation-toggle__bar{background:var(--brand-primary)}body.header__navigation-toggle--open .header__navigation-toggle__bar:nth-child(1){transform:rotate(45deg);top:8px}body.header__navigation-toggle--open .header__navigation-toggle__bar:nth-child(2){transform:rotate(135deg);top:8px}body.header__navigation-toggle--open .header__navigation-toggle__bar:nth-child(3){transform:rotate(135deg);top:8px;opacity:0}body.header__navigation-toggle--open .header__navigation__main .menu-item-has-children ul.sub-menu{background-color:transparent !important;box-shadow:none !important}.theme--dark .header__navigation-toggle__bar{background-color:white}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.hero-slider.container{height:100%}.hero-slider__inside{height:100%}.hero-slider__item{height:550px}@media (min-width: 480px){.hero-slider__item{height:600px}}@media (min-width: 768px){.hero-slider__item{height:620px}}@media (min-width: 992px){.hero-slider__item{height:100vh}}.hero-slider__item__image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%;position:absolute;left:0;top:0}.hero-slider__item__headline h1{font-size:28px !important;font-weight:var(--font-weight--bold);line-height:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media (max-width: 380px){.hero-slider__item__headline h1{font-size:24px !important}}@media (min-width: 768px){.hero-slider__item__headline h1{font-size:34px !important}}@media (min-width: 992px){.hero-slider__item__headline h1{font-size:40px !important}}@media (min-width: 1200px){.hero-slider__item__headline h1{font-size:60px !important}}@media (max-width: 380px){.hero-slider__item__headline h1{font-size:20px !important}}@media (max-width: 767px){.hero-slider__item__headline h1{font-size:20px !important}}.hero-slider__item__headline h1 span{background-color:var(--brand-secondary);color:white;padding:10px;position:relative;line-height:0.9;white-space:nowrap;margin-top:-2px}@media (max-width: 767px){.hero-slider__item__headline h1 span{padding-top:6px;padding-bottom:6px}}.hero-slider__item__content{position:absolute;right:0;bottom:20%}@media (min-width: 600px){.hero-slider__item__content{right:initial;left:50%;transform:translateX(-50%);max-width:450px;width:100%}}@media (min-width: 992px){.hero-slider__item__content{max-width:500px;bottom:30%;left:initial;transform:none}}@media (min-width: 1200px){.hero-slider__item__content{max-width:700px;bottom:35%}}@media (min-width: 1500px){.hero-slider__item__content{max-width:800px;bottom:40%}}.hero-slider__item__content:after{content:"";position:absolute;left:-10px;background-color:var(--brand-secondary);height:calc(100% + 2px);width:10px;top:-2px}.hero-slider__item__subline{padding:30px 20px;background-color:white}@media (max-width: 767px){.hero-slider__item__subline{padding:12px 20px}}.hero-slider__item__subline h2{font-size:20px !important;font-weight:var(--font-weight--light);line-height:1.4}@media (max-width: 380px){.hero-slider__item__subline h2{font-size:20px !important}}@media (min-width: 768px){.hero-slider__item__subline h2{font-size:20px !important}}@media (min-width: 992px){.hero-slider__item__subline h2{font-size:25px !important}}@media (min-width: 1200px){.hero-slider__item__subline h2{font-size:30px !important}}@media (max-width: 380px){.hero-slider__item__subline h2{font-size:16px !important}}@media (max-width: 767px){.hero-slider__item__subline h2{font-size:16px !important}}.hero-slider__item__button-dots-wrap{position:absolute;right:0;bottom:-60px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-start;width:100%}.hero-slider__item__button{background-color:var(--brand-secondary);padding:10px 10px;color:white;line-height:1;margin-left:20px;white-space:nowrap;cursor:pointer;font-size:18px !important;font-weight:var(--font-weight--bold)}@media (min-width: 480px){.hero-slider__item__button{margin-left:40px}}@media (max-width: 380px){.hero-slider__item__button{font-size:16px !important}}@media (min-width: 992px){.hero-slider__item__button{font-size:20px !important}}@media (min-width: 1200px){.hero-slider__item__button{font-size:25px !important}}@media (min-width: 1400px){.hero-slider__item__button{font-size:30px !important}}.hero-slider__item__button:hover{background-color:var(--brand-primary);color:white}.hero-slider__item__button:hover svg{fill:white}.hero-slider__slick-dots .slick-dots{display:flex;align-items:center;justify-content:center;flex-direction:row;cursor:pointer}.hero-slider__slick-dots .slick-dots li{margin:0 6px;text-align:center;background-color:white;border:2px solid transparent;height:16px;width:16px;font-size:0;color:white}@media (min-width: 480px){.hero-slider__slick-dots .slick-dots li{margin:0 10px;height:20px;width:20px}}@media (min-width: 768px){.hero-slider__slick-dots .slick-dots li{margin:0 12px;height:20px;width:20px}}.hero-slider__slick-dots .slick-dots button{font-size:0;color:white;background-color:white;border:none;height:15px;width:14px;margin-top:1px}@media (min-width: 480px){.hero-slider__slick-dots .slick-dots button{width:18px;height:18px}}.hero-slider__slick-dots .slick-dots .slick-active button{background-color:var(--brand-secondary)}.section-icon{text-align:center;margin:50px 0 10px 0}.section-icon h2{font-size:30px !important;font-weight:var(--font-weight--bold);color:var(--brand-secondary);line-height:1}@media (min-width: 992px){.section-icon h2{font-size:45px !important}}.section-icon .icon_moers_svg{width:62px;height:auto}@media (min-width: 992px){.section-icon .icon_moers_svg{width:85px}}.section-icon .section-icon__icon{line-height:1;margin-bottom:40px}.image-slider-wrap{margin:50px 0;position:relative}.image-slider__inside{aspect-ratio:1/1}@media (min-width: 768px){.image-slider__inside{aspect-ratio:2/1}}.image-slider__item__image{width:100%;height:100%;background-size:cover}.image-slider__item__content{position:absolute;bottom:70px}.image-slider__item__headline h2{font-size:28px !important;font-weight:var(--font-weight--bold);line-height:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media (max-width: 380px){.image-slider__item__headline h2{font-size:24px !important}}@media (min-width: 768px){.image-slider__item__headline h2{font-size:34px !important}}@media (min-width: 992px){.image-slider__item__headline h2{font-size:40px !important}}@media (min-width: 1200px){.image-slider__item__headline h2{font-size:60px !important}}.image-slider__item__headline h2 span{background-color:var(--brand-secondary);color:white;padding:10px;position:relative;line-height:0.9;white-space:nowrap;margin-top:-2px}.image-slider__slick-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}.image-slider__slick-dots .slick-dots{display:flex;align-items:center;justify-content:center;flex-direction:row}.image-slider__slick-dots .slick-dots li{margin:0 8px;text-align:center;background-color:white;border:2px solid transparent;height:16px;width:16px;font-size:0;color:white}@media (min-width: 480px){.image-slider__slick-dots .slick-dots li{margin:0 12px;height:20px;width:20px}}.image-slider__slick-dots .slick-dots button{font-size:0;color:white;background-color:white;border:none;height:15px;width:14px;margin-top:1px}@media (min-width: 480px){.image-slider__slick-dots .slick-dots button{width:18px;height:18px}}.image-slider__slick-dots .slick-dots .slick-active button{background-color:var(--brand-secondary)}.text{margin:20px 0}.text h1,.text h2,.text h3{color:var(--brand-secondary);line-height:1.2;margin:0 0 20px 0}@media (min-width: 992px){.text h1,.text h2,.text h3{margin:0 0 30px 0}}.text h1 a,.text h2 a,.text h3 a{color:var(--brand-secondary)}.text h1{font-size:28px !important;font-weight:var(--font-weight--bold)}@media (max-width: 380px){.text h1{font-size:24px !important}}@media (min-width: 768px){.text h1{font-size:34px !important}}@media (min-width: 992px){.text h1{font-size:40px !important}}@media (min-width: 1200px){.text h1{font-size:60px !important}}.text h2{font-size:30px !important;font-weight:var(--font-weight--bold)}@media (min-width: 992px){.text h2{font-size:45px !important}}.text h3{font-size:30px !important;font-weight:var(--font-weight--bold)}@media (min-width: 992px){.text h3{font-size:30px !important}}.text p{font-size:20px !important;font-weight:var(--font-weight--regular);line-height:1.5;margin:0 0 40px 0}@media (max-width: 767px){.text p{font-size:18px !important}}@media (max-width: 480px){.text p{font-size:16px !important}}@media (min-width: 992px){.text p{font-size:20px !important}}.text ul{font-size:20px !important;font-weight:var(--font-weight--regular);margin-left:0;padding-left:18px}@media (max-width: 767px){.text ul{font-size:18px !important}}@media (max-width: 480px){.text ul{font-size:16px !important}}@media (min-width: 992px){.text ul{font-size:20px !important}}.text ul li{margin-bottom:10px;position:relative}.text ul li:before{content:"";width:8px;height:8px;background-color:var(--brand-secondary);position:absolute;left:-18px;top:10px}.text .text-image__button{background-color:var(--brand-secondary);color:white}.text .wp-caption{width:100% !important}.text .wp-caption p.wp-caption-text{margin-top:-10px !important;margin-bottom:20px;padding-top:0;text-align:left;font-size:12px !important;line-height:1.4}@media (min-width: 768px){.text .wp-caption p.wp-caption-text{font-size:14px !important}}.text h3 a strong{color:var(--brand-secondary)}.text p a{color:var(--brand-secondary)}.text p:last-child{margin-bottom:0}.text__columns{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media (min-width: 992px){.text__columns{flex-direction:row;justify-content:space-between}}.text__column{margin:10px 0}@media (min-width: 992px){.text__column{width:48%;margin:0}}@media (min-width: 992px){.text--left-bigger .text__column--1{width:50%}}@media (min-width: 992px){.text--left-bigger .text__column--2{width:35%}}@media (min-width: 992px){.text--right-bigger .text__column--2{width:50%}}@media (min-width: 992px){.text--right-bigger .text__column--1{width:35%}}.text__column--0{width:100%}@media (min-width: 992px){.text__column--0{width:calc(100% - 100px)}}@media (min-width: 1200px){.text__column--0{width:calc(100% - 200px)}}@media (min-width: 1400px){.text__column--0{width:calc(100% - 400px)}}.text__column--0 p{font-size:25px !important;font-weight:var(--font-weight--bold);font-weight:var(--font-weight--light)}@media (min-width: 992px){.text__column--0 p{font-size:30px !important}}@media (max-width: 767px){.text__column--0 p{font-size:20px !important}}@media (max-width: 480px){.text__column--0 p{font-size:18px !important}}.text img{width:100%;height:auto;margin-bottom:20px}.text--style-red-text h1,.text--style-red-text h2,.text--style-red-text h3,.text--style-red-text h4,.text--style-red-text h5,.text--style-red-text p,.text--style-red-text strong,.text--style-red-text b,.text--style-red-text li,.text--style-red-text a{color:var(--brand-secondary)}.text--style-red-bg{box-sizing:border-box;background-color:var(--brand-secondary);padding:35px 30px 15px 30px}.text--style-red-bg h1,.text--style-red-bg h2,.text--style-red-bg h3,.text--style-red-bg h4,.text--style-red-bg h5,.text--style-red-bg p,.text--style-red-bg strong,.text--style-red-bg b,.text--style-red-bg li,.text--style-red-bg a{color:white !important}.text-image{margin:50px 0}.text-image h1,.text-image h2,.text-image h3{color:white;line-height:1.2;margin:8px 0 20px 0}.text-image h1{font-size:28px !important;font-weight:var(--font-weight--bold)}@media (max-width: 380px){.text-image h1{font-size:24px !important}}@media (min-width: 768px){.text-image h1{font-size:34px !important}}@media (min-width: 992px){.text-image h1{font-size:40px !important}}@media (min-width: 1200px){.text-image h1{font-size:60px !important}}.text-image h2{font-size:30px !important;font-weight:var(--font-weight--bold)}@media (min-width: 992px){.text-image h2{font-size:45px !important}}.text-image h3{font-size:25px !important;font-weight:var(--font-weight--bold);font-weight:var(--font-weight--light) !important}@media (min-width: 992px){.text-image h3{font-size:30px !important}}.text-image p{font-size:20px !important;font-weight:var(--font-weight--regular);line-height:1.5;color:white}@media (max-width: 767px){.text-image p{font-size:18px !important}}@media (max-width: 480px){.text-image p{font-size:16px !important}}@media (min-width: 992px){.text-image p{font-size:20px !important}}.text-image ul{font-size:20px !important;font-weight:var(--font-weight--regular);margin-left:0;padding-left:18px}@media (max-width: 767px){.text-image ul{font-size:18px !important}}@media (max-width: 480px){.text-image ul{font-size:16px !important}}@media (min-width: 992px){.text-image ul{font-size:20px !important}}.text-image ul li{margin-bottom:10px;position:relative;color:white}.text-image ul li:before{content:"";width:8px;height:8px;background-color:white;position:absolute;left:-18px;top:10px}.text-image ul li a{color:white;text-decoration:underline}.text-image__button{background-color:white;color:var(--brand-secondary);padding:12px 30px;margin:20px 0;position:relative;display:inline-block;font-size:18px !important;font-weight:var(--font-weight--bold);line-height:1}@media (max-width: 380px){.text-image__button{font-size:16px !important}}@media (min-width: 992px){.text-image__button{font-size:20px !important}}@media (min-width: 1200px){.text-image__button{font-size:25px !important}}@media (min-width: 1400px){.text-image__button{font-size:30px !important}}.text-image__button:hover{background-color:var(--brand-primary);color:white}.text-image__columns{display:flex;flex-direction:column}@media (min-width: 1200px){.text-image__columns{flex-direction:row}}.text-image__column__image{aspect-ratio:16/9;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative}@media (min-width: 1200px){.text-image__column__image{aspect-ratio:1/1}}.text-image__column--1{position:relative}@media (min-width: 1200px){.text-image__column--1{width:50%}}.text-image__column--2{background-color:var(--brand-secondary);padding:20px 30px}@media (min-width: 1200px){.text-image__column--2{width:calc(50% - 120px);padding:40px 60px}}.text-image--order-image-left .text-image__column--1{order:1}.text-image--order-image-left .text-image__column--2{order:2}.text-image--order-image-right .text-image__column--1{order:1}@media (min-width: 1200px){.text-image--order-image-right .text-image__column--1{order:2}}.text-image--order-image-right .text-image__column--2{order:2}@media (min-width: 1200px){.text-image--order-image-right .text-image__column--2{order:1}}.post-teaser{padding:0 0 50px 0;margin:0}.post-teaser .text-image__columns{margin:0 0 50px 0}.post-teaser h3{font-size:20px !important}.post-teaser__read-more,.post-teaser__load-more-div{text-align:right;margin:50px 0 0 0}.post-teaser__read-more a,.post-teaser__load-more-div a{background-color:var(--brand-secondary);color:white;margin:0}.post-teaser__read-more a:hover,.post-teaser__load-more-div a:hover{background-color:var(--brand-primary);color:white}.post-teaser__load-more-div{text-align:center}.post-teaser__load-more-div a{cursor:pointer}.post-teaser.text-image--bg-grey{background-color:var(--grey)}.post-teaser__filter-headline__columns{display:flex;flex-direction:column}@media (min-width: 768px){.post-teaser__filter-headline__columns{justify-content:space-between}}.post-teaser__filter-headline__column{width:100%}@media (min-width: 768px){.post-teaser__filter-headline--headline{width:40%;padding-right:40px}}@media (min-width: 992px){.post-teaser__filter-headline--headline{width:100%;padding-right:0}}@media (min-width: 1200px){.post-teaser__filter-headline--headline{padding-right:80px}}.post-teaser__filter-headline--headline h2{margin-bottom:40px;color:var(--brand-secondary);font-size:30px !important;font-weight:var(--font-weight--bold)}@media (min-width: 992px){.post-teaser__filter-headline--headline h2{font-size:45px !important}}.post-teaser__filter-headline--filter{flex-wrap:wrap;display:flex;flex-direction:row;margin-bottom:20px;text-align:center;align-items:flex-start}@media (min-width: 768px){.post-teaser__filter-headline--filter{flex-direction:row;width:50%}}@media (min-width: 992px){.post-teaser__filter-headline--filter{flex-direction:row;width:100%}}.post-teaser__filter-headline--filter button{cursor:pointer;margin-right:20px;margin-bottom:20px;font-size:18px !important;font-weight:var(--font-weight--bold);color:white;background-color:var(--brand-secondary);border:none;padding:12px 30px;min-height:50px}@media (max-width: 380px){.post-teaser__filter-headline--filter button{font-size:16px !important}}@media (min-width: 992px){.post-teaser__filter-headline--filter button{font-size:20px !important}}@media (min-width: 1200px){.post-teaser__filter-headline--filter button{font-size:25px !important}}@media (min-width: 1400px){.post-teaser__filter-headline--filter button{font-size:30px !important}}@media (min-width: 1400px){.post-teaser__filter-headline--filter button{padding:15px 40px}}.post-teaser__filter-headline--filter button:hover{background-color:var(--brand-primary)}.post-teaser__filter-headline--filter button.filter--active{background-color:var(--brand-primary)}.post-teaser__filter-date--filter{display:flex;margin:10px 0 60px 0;background-color:var(--brand-secondary);padding:25px 30px;align-items:flex-start;justify-content:space-between;flex-direction:column;text-align:left}@media (min-width: 768px){.post-teaser__filter-date--filter{align-items:center;flex-direction:row}}@media (min-width: 992px){.post-teaser__filter-date--filter{flex-direction:row}}.post-teaser__filter-date--filter input,.post-teaser__filter-date--filter button{background-color:white;font-weight:var(--font-weight--regular);color:var(--black);padding:0 5px;text-align:center;border:none}.post-teaser__filter-date--filter input::placeholder,.post-teaser__filter-date--filter button::placeholder{color:var(--black)}.post-teaser__filter-date--filter input{margin:0;width:calc(33% - 15px)}.post-teaser__filter-date--filter input:nth-child(2){margin:0 5px}.post-teaser__filter-date--filter button{font-weight:var(--font-weight--bold);color:var(--brand-secondary);padding:0 30px;margin:10px 0;cursor:pointer}@media (min-width: 768px){.post-teaser__filter-date--filter button{margin:0 0 0 20px}}@media (min-width: 992px){.post-teaser__filter-date--filter button{padding:0 20px}}.post-teaser__filter-date--filter h4{font-weight:var(--font-weight--bold);color:white}@media (min-width: 768px){.post-teaser__filter-date--filter h4{margin:0 20px 0 0}}.post-teaser__filter-date--filter input,.post-teaser__filter-date--filter button,.post-teaser__filter-date--filter h4{font-size:20px;height:32px}@media (min-width: 1200px){.post-teaser__filter-date--filter input,.post-teaser__filter-date--filter button,.post-teaser__filter-date--filter h4{font-size:24px;height:34px}}@media (min-width: 1400px){.post-teaser__filter-date--filter input,.post-teaser__filter-date--filter button,.post-teaser__filter-date--filter h4{font-size:30px;height:42px}}.post-teaser__filter-date--filter__dates{margin:10px 0 5px 0;width:100%}@media (min-width: 768px){.post-teaser__filter-date--filter__dates{margin:0;width:50%}}.post-teaser__filter-date--filter__dates form{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.post-teaser .text-image__column--1:after{content:"";width:10px;height:100%;background-color:var(--brand-secondary);position:absolute;top:0}.post-teaser .text-image--order-image-right .text-image__column--1:after{right:0}.post-teaser .text-image--order-image-left .text-image__column--1:after{left:0}.post-teaser .text-image__short-desc{display:block}@media (min-width: 992px){.post-teaser .text-image__short-desc{display:none}}.post-teaser .text-image__long-desc{display:none}@media (min-width: 992px){.post-teaser .text-image__long-desc{display:block}}.intro-image{z-index:1}.intro-image__image{background-repeat:no-repeat;background-size:cover;aspect-ratio:4/3;position:relative}@media (min-width: 768px){.intro-image__image{aspect-ratio:16/4}}@media (min-width: 992px){.intro-image__image{aspect-ratio:4/3}}@media (min-width: 1200px){.intro-image__image{aspect-ratio:16/4}}.intro-image__item__headline{position:absolute;top:0;transform:translateY(-50%)}.intro-image__item__headline h1{font-size:28px !important;font-weight:var(--font-weight--bold);line-height:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media (max-width: 380px){.intro-image__item__headline h1{font-size:24px !important}}@media (min-width: 768px){.intro-image__item__headline h1{font-size:34px !important}}@media (min-width: 992px){.intro-image__item__headline h1{font-size:40px !important}}@media (min-width: 1200px){.intro-image__item__headline h1{font-size:60px !important}}.intro-image__item__headline h1 span{background-color:var(--brand-secondary);color:white;padding:10px;position:relative;line-height:0.9;white-space:nowrap;margin-top:0px}.wide-image{margin:40px 0}.wide-image .wide-image__image{line-height:0;position:relative}.wide-image .wide-image__image:after{content:"";position:absolute;bottom:0;left:0;width:10px;height:100%;background-color:var(--brand-secondary)}@media (min-width: 992px){.wide-image .wide-image__image:after{right:0;left:initial}}.wide-image img{width:100%;height:auto}.wide-image__image__mobile{display:block}@media (min-width: 992px){.wide-image__image__mobile{display:none}}.wide-image__image__desktop{display:none}@media (min-width: 992px){.wide-image__image__desktop{display:block}}.wide-image figure{margin:0;padding:0;text-align:left}@media (min-width: 992px){.wide-image figure{text-align:right}}.wide-image p{text-align:left;font-size:12px !important;line-height:1.4}@media (min-width: 768px){.wide-image p{font-size:14px !important}}@media (min-width: 992px){.wide-image p{right:0}}.spacerx--color-white{background-color:white}.spacerx--color-brand-primary{background-color:var(--brand-primary)}.spacerx--color-brand-secondary{background-color:var(--brand-secondary)}.spacerx--color-black{background-color:var(--black)}.spacerx--color-grey{background-color:var(--grey)}.spacerx__mobile-wrap{display:block}@media (min-width: 992px){.spacerx__mobile-wrap{display:none}}.spacerx__desktop-wrap{display:none}@media (min-width: 992px){.spacerx__desktop-wrap{display:block}}.video.container{padding:40px 0}.video__ratio{height:0;padding-bottom:56.25%}.video iframe,.video lite-youtube{position:absolute;width:100%;height:100%;top:0;left:0;border:none;box-shadow:var(--shadow)}.video__size-wrap{position:relative}.video .video__size-wrap-size--thumbnail{width:100%}@media (min-width: 480px){.video .video__size-wrap-size--thumbnail{max-width:400px}}.video .video__size-wrap-size--medium{width:100%}@media (min-width: 480px){.video .video__size-wrap-size--medium{max-width:800px}}.video .video__size-wrap-size--large{width:100%}.video__color--black{background-color:var(--black)}.video__color--orange{background-color:var(--brand-primary)}.video__color--orange-light{background-color:var(--orange-light)}.has-orange-background-color article.video{background-color:var(--brand-primary)}.has-orange-light-background-color article.video{background-color:var(--orange-light)}.has-black-background-color article.video{background-color:var(--black)}.has-white-background-color article.video{background-color:white}.contactperson__columns{display:flex;flex-direction:column}@media (min-width: 1200px){.contactperson__columns{flex-direction:row;justify-content:space-between}}.contactperson__column h1,.contactperson__column h2,.contactperson__column h3{color:var(--brand-secondary);line-height:1.2;margin:0px 0 20px 0}.contactperson__column h1{font-size:28px !important;font-weight:var(--font-weight--bold)}@media (max-width: 380px){.contactperson__column h1{font-size:24px !important}}@media (min-width: 768px){.contactperson__column h1{font-size:34px !important}}@media (min-width: 992px){.contactperson__column h1{font-size:40px !important}}@media (min-width: 1200px){.contactperson__column h1{font-size:60px !important}}.contactperson__column h2{font-size:30px !important;font-weight:var(--font-weight--bold)}@media (min-width: 992px){.contactperson__column h2{font-size:45px !important}}.contactperson__column h3{font-size:25px !important;font-weight:var(--font-weight--bold);font-weight:var(--font-weight--regular) !important}@media (min-width: 992px){.contactperson__column h3{font-size:30px !important}}.contactperson__column p,.contactperson__column a,.contactperson__column li{font-size:20px !important;font-weight:var(--font-weight--regular);line-height:1.5;margin:0 0 15px 0}@media (max-width: 767px){.contactperson__column p,.contactperson__column a,.contactperson__column li{font-size:18px !important}}@media (max-width: 480px){.contactperson__column p,.contactperson__column a,.contactperson__column li{font-size:16px !important}}@media (min-width: 992px){.contactperson__column p,.contactperson__column a,.contactperson__column li{font-size:20px !important}}.contactperson__column a{color:var(--black);text-decoration:underline}.contactperson__column img{width:100%;height:auto}.contactperson__column ul{font-size:20px !important;font-weight:var(--font-weight--regular);margin-left:0;padding-left:18px}@media (max-width: 767px){.contactperson__column ul{font-size:18px !important}}@media (max-width: 480px){.contactperson__column ul{font-size:16px !important}}@media (min-width: 992px){.contactperson__column ul{font-size:20px !important}}.contactperson__column ul li{margin-bottom:10px;position:relative;color:var(--black)}.contactperson__column ul li:before{content:"";width:8px;height:8px;background-color:var(--brand-secondary);position:absolute;left:-18px;top:10px}.contactperson__column ul li a{color:white;text-decoration:underline}.contactperson__column--1{padding:20px 0;display:flex;justify-content:flex-start;flex-direction:column}@media (min-width: 1200px){.contactperson__column--1{width:60%;padding:20px 0}}.contactperson__column--2{width:100%;align-items:center;display:flex;align-items:flex-start;justify-content:center;padding:20px 0 0 0}.contactperson__column--2 img{max-width:320px;text-align:center;padding-top:25px}@media (min-width: 1200px){.contactperson__column--2{padding:0;width:30%;margin:0}.contactperson__column--2 img{max-width:100%}}.contactperson--order-content-left .contactperson__column--1{order:2}@media (min-width: 1200px){.contactperson--order-content-left .contactperson__column--1{order:1}}.contactperson--order-content-left .contactperson__column--2{order:1}@media (min-width: 1200px){.contactperson--order-content-left .contactperson__column--2{order:2}}.contactperson--order-image-left .contactperson__column--1{order:2}@media (min-width: 1200px){.contactperson--order-image-left .contactperson__column--1{order:2}}.contactperson--order-image-left .contactperson__column--2{order:1}@media (min-width: 1200px){.contactperson--order-image-left .contactperson__column--2{order:1}}.contactperson--style-grey .contactperson__column--1{background-color:#f5f5f5;padding:20px 30px}.contactperson--style-grey .contactperson__column--2{background-color:#d3d3d3}@media (min-width: 1200px){.contactperson--style-grey .contactperson__column--2{background-color:transparent;padding:0 20px}}.contactperson--style-grey .contactperson__inside{background-color:#f5f5f5}.event-teaser{margin:40px 0}@media (min-width: 1200px){.event-teaser__columns{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;grid-gap:40px}}.event-teaser__item{position:relative;margin-bottom:40px}@media (min-width: 1200px){.event-teaser__item{margin:0}}.event-teaser__item:after{content:"";background-color:var(--brand-secondary);width:10px;position:absolute;left:0;top:0;height:100%}.event-teaser__item:hover .event-teaser__item__column--image{transform:scale(1.1)}.event-teaser__item:hover .event-teaser__item__column--content,.event-teaser__item:hover:after{background-color:var(--brand-primary)}.event-teaser__item__columns{display:flex;flex-direction:column;overflow:hidden}.event-teaser__item__column--image{transition:all 300ms;aspect-ratio:16/9;background-repeat:no-repeat;background-size:cover;width:100%;height:auto}.event-teaser__item__column--content{background-color:var(--brand-secondary);z-index:2}@media (min-width: 1200px){.event-teaser__item__column--content{position:absolute;bottom:0;min-height:60px;width:80%}}.event-teaser__item__column--content p{padding:15px 20px 15px 40px;margin:0;font-size:20px !important;font-weight:var(--font-weight--regular);font-weight:var(--font-weight--bold);color:white}@media (max-width: 767px){.event-teaser__item__column--content p{font-size:18px !important}}@media (max-width: 480px){.event-teaser__item__column--content p{font-size:16px !important}}@media (min-width: 992px){.event-teaser__item__column--content p{font-size:20px !important}}.event-teaser--updated .event-teaser__item__column--image{aspect-ratio:1/1}@media (min-width: 768px){.event-teaser--updated .event-teaser__item__column--image{aspect-ratio:4/3}}.event-teaser--updated .event-teaser__item:hover .event-teaser__item__column--content{background-color:transparent}.event-teaser--updated .event-teaser__item__column--content{bottom:30px;background-color:transparent;left:10px;max-width:250px;position:absolute}@media (min-width: 480px){.event-teaser--updated .event-teaser__item__column--content{max-width:360px}}.event-teaser--updated .event-teaser__item__column--content__date{background-color:var(--brand-secondary);color:white;padding:8px 40px 6px 15px;display:inline-block;font-size:18px !important;white-space:nowrap}@media (min-width: 480px){.event-teaser--updated .event-teaser__item__column--content__date{font-size:20px !important;padding-left:20px}}@media (min-width: 768px){.event-teaser--updated .event-teaser__item__column--content__date{font-size:28px !important;padding-left:30px}}@media (min-width: 992px){.event-teaser--updated .event-teaser__item__column--content__date{font-size:22px !important}}@media (min-width: 1200px){.event-teaser--updated .event-teaser__item__column--content__date{font-size:18px !important}}@media (min-width: 1400px){.event-teaser--updated .event-teaser__item__column--content__date{font-size:22px !important}}.event-teaser--updated .event-teaser__item__column--content__date:nth-child(3){padding-top:0;margin-top:-2px}.event-teaser--updated .event-teaser__item__column--content__content{background-color:white;color:var(--black);padding:14px 40px 10px 15px;font-size:16px !important}@media (min-width: 480px){.event-teaser--updated .event-teaser__item__column--content__content{font-size:18px !important;padding-left:20px}}@media (min-width: 768px){.event-teaser--updated .event-teaser__item__column--content__content{font-size:24px !important;padding-left:30px}}@media (min-width: 992px){.event-teaser--updated .event-teaser__item__column--content__content{font-size:20px !important}}@media (min-width: 1200px){.event-teaser--updated .event-teaser__item__column--content__content{font-size:18px !important}}.formular.container{background-color:var(--grey);padding:20px 0 40px 0}.formular .nf-pass.field-wrap .nf-field-element:after{color:var(--brand-primary)}.formular .nf-error.field-wrap .nf-field-element:after{background:var(--brand-secondary) !important}.formular .nf-error .ninja-forms-field{border-color:var(--brand-secondary) !important}.formular .nf-error .nf-error-msg,.formular .nf-error-msg,.formular .ninja-forms-req-symbol{color:var(--brand-secondary) !important}.formular .checkbox-container .nf-after-field .nf-error-msg{margin-top:10px}.formular .nf-form-content .list-select-wrap .nf-field-element>div,.formular .nf-form-content input:not([type="button"]),.formular .nf-form-content textarea{background:white;border:none}.formular .nf-multi-cell .nf-cell{padding:0}.formular .nf-form-content{padding:0}.formular .nf-form-title,.formular .nf-form-fields-required,.formular .nf-field-label,.formular .ninja-forms-req-symbol{display:none}@media (min-width: 601px){.formular .nf-row nf-cells .nf-cell:nth-child(n+2){padding:0 0 0 10px}}.formular textarea{font-family:var(--font-family)}.formular .checkbox-container label{font-size:20px !important;font-weight:var(--font-weight--light);line-height:1.5}@media (max-width: 380px){.formular .checkbox-container label{font-size:20px !important}}@media (min-width: 768px){.formular .checkbox-container label{font-size:20px !important}}@media (min-width: 992px){.formular .checkbox-container label{font-size:25px !important}}@media (min-width: 1200px){.formular .checkbox-container label{font-size:30px !important}}@media (min-width: 992px){.formular .checkbox-container label{font-size:20px !important}}.formular .checkbox-container label a{color:var(--black);text-decoration:underline}.formular input,.formular textarea,.formular select{font-size:20px !important;font-weight:var(--font-weight--light);font-weight:var(--font-weight--bold);color:var(--brand-secondary) !important}@media (max-width: 380px){.formular input,.formular textarea,.formular select{font-size:20px !important}}@media (min-width: 768px){.formular input,.formular textarea,.formular select{font-size:20px !important}}@media (min-width: 992px){.formular input,.formular textarea,.formular select{font-size:25px !important}}@media (min-width: 1200px){.formular input,.formular textarea,.formular select{font-size:30px !important}}@media (min-width: 992px){.formular input,.formular textarea,.formular select{font-size:25px !important}}.formular input::placeholder,.formular textarea::placeholder,.formular select::placeholder{color:var(--brand-secondary) !important}.formular .checkbox-wrap .nf-field-label label:after{border:4px solid var(--brand-secondary);background-color:white;height:30px;width:30px;top:1px;cursor:pointer}.formular .checkbox-wrap .nf-field-label label.nf-checked-label:after{border:4px solid var(--brand-secondary)}.formular .checkbox-wrap .nf-field-label label:before{font-size:30px !important;left:-70px !important;top:-7px !important;cursor:pointer}.formular .checkbox-wrap .nf-field-label label.nf-checked-label:before{color:var(--black)}.formular .checkbox-container.label-right label{margin:0 0 0 75px !important}.formular .checkbox-container.label-right label:after{left:-75px !important}.formular h2{font-size:35px !important;font-weight:var(--font-weight--bold);margin:40px 0 40px 0}@media (min-width: 992px){.formular h2{font-size:40px !important}}.formular h3{margin-top:40px}.formular p{font-size:20px !important;font-weight:var(--font-weight--regular)}@media (max-width: 767px){.formular p{font-size:18px !important}}@media (max-width: 480px){.formular p{font-size:16px !important}}@media (min-width: 992px){.formular p{font-size:20px !important}}.formular input[type="submit"]{color:white !important;background-color:var(--brand-secondary) !important;line-height:1;padding-top:10px;padding-bottom:10px;margin-top:40px;cursor:pointer}.formular input[type="submit"]:hover{background-color:var(--brand-primary) !important}.formular .nf-fu-progress{display:none}.field-wrap.html-wrap ul{font-size:20px !important;font-weight:var(--font-weight--regular);margin-left:0;padding-left:18px}@media (max-width: 767px){.field-wrap.html-wrap ul{font-size:18px !important}}@media (max-width: 480px){.field-wrap.html-wrap ul{font-size:16px !important}}@media (min-width: 992px){.field-wrap.html-wrap ul{font-size:20px !important}}.field-wrap.html-wrap ul li{margin-bottom:10px;position:relative}.field-wrap.html-wrap ul li:before{content:"";width:8px;height:8px;background-color:var(--brand-secondary);position:absolute;left:-18px;top:10px}.nf-fu-fileinput-button{color:white !important;background-color:var(--brand-secondary) !important;line-height:1;padding-top:10px;padding-bottom:10px;margin-top:20px;font-weight:var(--font-weight--bold);border:none !important;cursor:pointer}.nf-fu-fileinput-button:hover{background-color:var(--brand-primary) !important}.nf-fu-fileinput-button span{font-size:16px !important}.instagram-feed{margin:40px 0}.instagram-feed .instagram-feed__button{text-align:right}.instagram-feed .instagram-feed__button a{font-size:18px !important;font-weight:var(--font-weight--bold);color:white;background-color:var(--brand-secondary);line-height:1;padding:10px 30px 10px 55px;margin:20px 0;display:inline-block;position:relative}@media (max-width: 380px){.instagram-feed .instagram-feed__button a{font-size:16px !important}}@media (min-width: 992px){.instagram-feed .instagram-feed__button a{font-size:20px !important}}@media (min-width: 1200px){.instagram-feed .instagram-feed__button a{font-size:25px !important}}@media (min-width: 1400px){.instagram-feed .instagram-feed__button a{font-size:30px !important}}.instagram-feed .instagram-feed__button a:hover{background-color:var(--brand-primary);color:white}.instagram-feed .instagram-feed__button a svg{fill:white;height:20px;width:20px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.instagram-feed .instagram-feed__button a svg:hover{fill:white}.single-event .intro-image{margin-bottom:40px}.single-event .text__column--0{margin-top:40px}.single-event .text__column--0 p{font-size:20px !important;margin-bottom:20px}.single-event .text__column--1 p,.single-event .text__column--2 p{font-size:20px !important;margin-bottom:20px}.single-event .text__column--1 b,.single-event .text__column--2 b{font-size:20px !important}.single-event .text__column--1 a,.single-event .text__column--2 a{color:var(--black);text-decoration:underline}.single-event .text__column--1 img,.single-event .text__column--2 img{margin-bottom:0}.single-event button{background-color:var(--brand-secondary);color:white;display:flex;flex-direction:row;border:0;padding:10px 20px;align-items:center;margin-top:20px;margin-bottom:50px;font-size:18px !important;font-weight:var(--font-weight--bold);cursor:pointer;white-space:nowrap}@media (max-width: 380px){.single-event button{font-size:16px !important}}@media (min-width: 992px){.single-event button{font-size:20px !important}}@media (min-width: 1200px){.single-event button{font-size:25px !important}}@media (min-width: 1400px){.single-event button{font-size:30px !important}}@media (min-width: 768px){.single-event button{margin-top:40px}}.single-event button:hover{background-color:var(--brand-primary)}.single-event button svg{fill:white;width:20px;height:auto;padding-right:10px}@media (min-width: 768px){.single-event button svg{width:30px;padding-right:20px}}.event-filter-teaser{background-color:var(--grey);padding:50px 0}.event-filter-teaser .event-filter-teaser__item h1,.event-filter-teaser .event-filter-teaser__item h2,.event-filter-teaser .event-filter-teaser__item h3{color:var(--black);line-height:1.2;margin:8px 0 20px 0}.event-filter-teaser .event-filter-teaser__item h2{font-size:30px !important;font-weight:var(--font-weight--bold)}@media (min-width: 992px){.event-filter-teaser .event-filter-teaser__item h2{font-size:30px !important}}.event-filter-teaser .event-filter-teaser__item p{font-size:20px !important;font-weight:var(--font-weight--regular);line-height:1.5;color:var(--black)}@media (max-width: 767px){.event-filter-teaser .event-filter-teaser__item p{font-size:18px !important}}@media (max-width: 480px){.event-filter-teaser .event-filter-teaser__item p{font-size:16px !important}}@media (min-width: 992px){.event-filter-teaser .event-filter-teaser__item p{font-size:20px !important}}.event-filter-teaser .event-filter-teaser__item date{font-size:15px !important;font-weight:var(--font-weight--bold);font-weight:var(--font-weight--regular);color:var(--black)}@media (min-width: 992px){.event-filter-teaser .event-filter-teaser__item date{font-size:15px !important}}.event-filter-teaser__columns{display:flex;flex-direction:column;margin-bottom:20px;background-color:white}@media (min-width: 1200px){.event-filter-teaser__columns{flex-direction:row;margin-bottom:25px}}.event-filter-teaser__column__image{aspect-ratio:16/9;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative}.event-filter-teaser__column--1{position:relative}@media (min-width: 1200px){.event-filter-teaser__column--1{width:33.3%}}.event-filter-teaser__column--2{padding:20px 30px}@media (min-width: 1200px){.event-filter-teaser__column--2{width:calc(66.6% - 120px);padding:30px 60px}}.event-filter-teaser--order-image-right .event-filter-teaser__column--1{order:2}.event-filter-teaser--order-image-right .event-filter-teaser__column--2{order:1}.event-filter-teaser__load-more-div{text-align:center}.event-filter-teaser__load-more-div a{cursor:pointer}.event-filter-teaser__load-more-div .text-image__button{background-color:var(--brand-secondary);color:white}.event-filter-teaser__load-more-div .text-image__button:hover{background-color:var(--brand-primary)}.post-teaser__filter__dates--columns{display:flex;flex-direction:column;width:100%;align-items:stretch;justify-content:space-between;gap:10px}.post-teaser__filter__dates--column{display:flex;flex-direction:row;justify-content:space-between}.post-teaser__filter-date--filter h4{height:inherit;line-height:1.6}.post-teaser__filter-date--filter small{font-size:14px !important}@media (min-width: 1200px){.post-teaser__filter-date--filter small{font-size:20px !important}}.event-filter-teaser__item.fits-to-search{display:block}#post-teaser__filter-date--filter__submit--button:hover{background-color:var(--brand-primary);color:white}.sbi-qs-scroll-locked {
overflow: hidden !important;
height: 100vh;
height: 100dvh;
} .sbi-qs-overlay {
position: fixed;
inset: 0;
background: #000;
z-index: 999999;
display: none;
overflow: hidden;
color: #fff;
color-scheme: dark;
font-family: Inter, InterVariable, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
font-feature-settings: 'liga' 1, 'calt' 1;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
user-select: none; opacity: 0;
transition: opacity 180ms ease; --sbi-qs-stage-radius: 0px;
--sbi-qs-rail-w: 0px;
--sbi-qs-stage-gap: 0px;
--sbi-qs-frame-shift: 0px; --sbi-qs-stage-half: 50vw; --sbi-qs-caption-cap: calc(18.2px * 12);
}
.sbi-qs-overlay.sbi-qs-active {
display: block;
}
.sbi-qs-overlay.sbi-qs-visible {
opacity: 1;
}
.sbi-qs-overlay:focus {
outline: 0;
} .sbi-qs-close { font: inherit;
-webkit-appearance: none;
appearance: none;
padding: 0;
position: absolute;
top: 12px;
top: max(12px, env(safe-area-inset-top, 0px));
left: 12px;
z-index: 6;
box-sizing: border-box;
width: 40px;
height: 40px;
border-radius: 50%;
border: 0;
background: rgba(255, 255, 255, 0.16);
color: #fff;
cursor: pointer; pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
transition: background 150ms ease, transform 150ms ease;
}
.sbi-qs-close:hover,
.sbi-qs-close:focus-visible {
background: rgba(255, 255, 255, 0.28);
outline: 0;
}
.sbi-qs-close:active {
transform: scale(0.94);
} .sbi-qs-close:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
}
.sbi-qs-close svg {
width: 22px;
height: 22px;
} .sbi-qs-close::before {
content: '';
position: absolute;
inset: -2px;
border-radius: 50%;
} .sbi-qs-viewport {
position: absolute;
inset: 0;
overflow: hidden;
z-index: 2;
pointer-events: none;
}
.sbi-qs-track {
position: relative;
width: 100%;
will-change: transform;
transform: translate3d(0, 0, 0);
pointer-events: none;  } .sbi-qs-post {
position: relative;
width: 100%; height: 100vh;
height: 100dvh;
overflow: hidden;
pointer-events: none;
} .sbi-qs-media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: #000;
border-radius: var(--sbi-qs-stage-radius, 0px);
overflow: hidden;
isolation: isolate;
pointer-events: none;
} .sbi-qs-backdrop {
position: absolute;
inset: -10%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
filter: blur(28px) brightness(0.55) saturate(1.2);
transform: scale(1.1);
pointer-events: none;
}
.sbi-qs-video,
.sbi-qs-poster,
.sbi-qs-embed {
position: relative;
width: 100%;
height: 100%;
pointer-events: none; border-radius: var(--sbi-qs-stage-radius, 0px);
clip-path: inset(0 round var(--sbi-qs-stage-radius, 0px));
}
.sbi-qs-video,
.sbi-qs-poster { object-fit: cover;
}
.sbi-qs-media[data-fit="contain"] .sbi-qs-video,
.sbi-qs-media[data-fit="contain"] .sbi-qs-poster {
object-fit: contain;
}
.sbi-qs-embed {
border: 0;
background: #000;
} .sbi-qs-mediahost {
position: absolute;
inset: 0;
pointer-events: none;
} .sbi-qs-spinner {
position: absolute;
top: 50%;
left: 50%;
margin: -18px 0 0 -18px;
box-sizing: border-box;
width: 36px;
height: 36px;
border: 3px solid rgba(255, 255, 255, 0.25);
border-top-color: #fff;
border-radius: 50%;
z-index: 2;
pointer-events: none;
opacity: 0;
transition: opacity 200ms ease;
animation: sbiQsSpin 0.8s linear infinite;
}
.sbi-qs-media[data-buffering="true"] .sbi-qs-spinner {
opacity: 1;
} .sbi-qs-fail {
position: absolute;
inset: 0;
z-index: 2;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
background: rgba(0, 0, 0, 0.4); pointer-events: none;
}
.sbi-qs-media[data-tier="terminal"] .sbi-qs-fail {
display: flex;
} .sbi-qs-media[data-tier="terminal"] .sbi-qs-fail-link {
display: inline-flex;
pointer-events: auto;
}
.sbi-qs-fail-text {
font-size: 13px;
color: rgba(255, 255, 255, 0.7);
} .sbi-qs-gesture {
position: absolute;
inset: 0;
z-index: 1;
cursor: pointer;
} .sbi-qs-framechrome {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 3;
border-radius: var(--sbi-qs-stage-radius, 0px);
overflow: hidden; pointer-events: none;
} .sbi-qs-top {
position: absolute;
top: 0;
left: 0;
right: 0;
box-sizing: border-box;
height: 48px;
padding: 14px 10px 0 62px;
padding-top: max(14px, env(safe-area-inset-top, 0px));
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
pointer-events: none;
} .sbi-qs-mute { font: inherit;
-webkit-appearance: none;
appearance: none;
position: relative; box-sizing: border-box;
min-width: 34px;
height: 34px;
border: 0;
border-radius: 17px;
padding: 0 7px;
background: #fff;
color: #111;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px); box-shadow: none;
text-shadow: none;
cursor: pointer;
pointer-events: auto;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto; white-space: nowrap;
line-height: 1;
transition: padding 700ms cubic-bezier(0.22, 1, 0.36, 1),
background 450ms ease,
color 450ms ease;
}
.sbi-qs-mute svg {
width: 20px;
height: 20px;
flex: 0 0 auto;
filter: none;
} .sbi-qs-mute::before {
content: '';
position: absolute;
inset: -5px;
border-radius: 22px;
}
.sbi-qs-mute-label {
max-width: 0;
margin-left: 0;
opacity: 0;
transform: translateX(-6px);
overflow: hidden;
font-size: 13px;
font-weight: 600;
line-height: 13px;
letter-spacing: -0.005em;
white-space: nowrap;
transition: max-width 700ms cubic-bezier(0.22, 1, 0.36, 1),
margin 700ms cubic-bezier(0.22, 1, 0.36, 1),
opacity 350ms ease 50ms,
transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
.sbi-qs-mute-hinting {
padding: 0 12px 0 9px;
}
.sbi-qs-mute-hinting .sbi-qs-mute-label {
max-width: 140px;
margin-left: 6px;
opacity: 1;
transform: none;
} .sbi-qs-mute[data-state="on"] {
background: rgba(0, 0, 0, 0.55);
color: #fff;
}
.sbi-qs-mute[data-state="on"]:hover,
.sbi-qs-mute[data-state="on"]:focus-visible {
background: rgba(0, 0, 0, 0.75);
}
.sbi-qs-mute[data-state="on"] .sbi-qs-mute-label {
display: none;
}
.sbi-qs-mute:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
} .sbi-qs-mute:disabled {
opacity: 0.35;
cursor: default;
} .sbi-qs-view-on-ig,
.sbi-qs-fail-link {
position: relative; display: none;
box-sizing: border-box;
align-items: center;
gap: 7px;
height: 34px;
padding: 0 13px 0 11px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.35);
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
text-decoration: none;
text-shadow: none;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
pointer-events: auto;
flex: 0 0 auto;
transition: background 150ms ease;
}
.sbi-qs-view-on-ig svg,
.sbi-qs-fail-link svg {
width: 16px;
height: 16px;
flex: 0 0 auto;
} .sbi-qs-view-on-ig::before,
.sbi-qs-fail-link::before {
content: '';
position: absolute;
top: -5px;
right: 0;
bottom: -5px;
left: 0;
border-radius: 999px;
}
.sbi-qs-view-on-ig:hover,
.sbi-qs-view-on-ig:focus-visible,
.sbi-qs-fail-link:hover,
.sbi-qs-fail-link:focus-visible {
background: rgba(0, 0, 0, 0.55);
color: #fff;
text-decoration: none;
outline: 0;
}
.sbi-qs-view-on-ig:focus-visible,
.sbi-qs-fail-link:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
} .sbi-qs-progress {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: rgba(255, 255, 255, 0.28);
overflow: hidden; pointer-events: none;
}
.sbi-qs-progress-fill {
display: block;
width: 100%;
height: 100%;
background: #fff;
transform: scaleX(0);
transform-origin: left center;
transition: transform 250ms linear;
} .sbi-qs-progress-fill-jump {
transition: none;
} .sbi-qs-flash {
position: absolute;
top: 50%;
left: 50%;
margin: -42px 0 0 -42px;
z-index: 4; pointer-events: none;
display: none;
}
.sbi-qs-flash svg {
box-sizing: border-box;
width: 84px;
height: 84px;
padding: 22px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
color: #fff;
will-change: transform, filter;
}
.sbi-qs-overlay[data-paused="true"] .sbi-qs-flash {
display: block;
}
.sbi-qs-overlay[data-paused="true"] .sbi-qs-flash svg {
animation: sbiQsFlashIn 200ms cubic-bezier(0.2, 0.9, 0.25, 1.15) both;
} .sbi-qs-overlay[data-paused="false"] .sbi-qs-flash-on {
display: block;
}
.sbi-qs-overlay[data-paused="false"] .sbi-qs-flash-on svg {
animation: sbiQsFlashOut 100ms cubic-bezier(0.4, 0, 0.6, 1) both;
} .sbi-qs-nav {
position: absolute;
right: calc(50% - var(--sbi-qs-frame-shift) - var(--sbi-qs-stage-half));
width: var(--sbi-qs-rail-w);
top: 50%;
transform: translateY(-50%);
z-index: 5; display: none;
flex-direction: column;
align-items: center;
gap: 12px; pointer-events: none;
}
.sbi-qs-nav-prev,
.sbi-qs-nav-next { font: inherit;
-webkit-appearance: none;
appearance: none;
padding: 0;
position: relative;
box-sizing: border-box;
width: 44px;
height: 44px;
border-radius: 50%;
border: 0; background: rgba(255, 255, 255, 0.16);
color: #fff;
cursor: pointer;
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
transition: background 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.sbi-qs-nav-prev svg,
.sbi-qs-nav-next svg {
width: 24px;
height: 24px;
}
.sbi-qs-nav-prev:hover,
.sbi-qs-nav-next:hover,
.sbi-qs-nav-prev:focus-visible,
.sbi-qs-nav-next:focus-visible {
background: rgba(255, 255, 255, 0.28);
outline: 0;
}
.sbi-qs-nav-prev:active,
.sbi-qs-nav-next:active {
transform: scale(0.94);
}
.sbi-qs-nav-prev:focus-visible,
.sbi-qs-nav-next:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.6);
}
.sbi-qs-nav-prev:disabled,
.sbi-qs-nav-next:disabled {
opacity: 0.3;
cursor: default;
transform: none;
} .sbi-qs-scrim {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 42%;
z-index: 1;
background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.28) 55%, rgba(0, 0, 0, 0) 100%);
pointer-events: none;
} .sbi-qs-railcol {
position: absolute;
right: 10px;
bottom: 0;
z-index: 5;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end; transition-property: transform;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-duration: 0ms; pointer-events: none;
} .sbi-qs-railcol[hidden] {
display: none;
}
.sbi-qs-rail {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding-bottom: 18px;
padding-bottom: max(18px, var(--sbi-qs-safe-bottom, env(safe-area-inset-bottom, 0px)));
pointer-events: none;
} .sbi-qs-act { font: inherit;
-webkit-appearance: none;
appearance: none;
position: relative; display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
margin: 0;
padding: 0;
border: 0;
background: none;
color: #fff;
text-decoration: none;
cursor: pointer;
pointer-events: auto; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
transition: transform 120ms ease;
}
.sbi-qs-act svg {
width: 28px;
height: 28px;
flex: 0 0 auto;
} .sbi-qs-act::before {
content: '';
position: absolute;
top: -1px;
bottom: -1px;
min-height: 44px;
left: 50%;
width: 44px;
margin-left: -22px;
}
.sbi-qs-act-count,
.sbi-qs-act-label { display: block;
min-height: 12px;
font-size: 12px;
font-weight: 600;
line-height: 12px; font-variant-numeric: tabular-nums;
}
.sbi-qs-act:hover {
color: #fff;
text-decoration: none;
transform: scale(1.06);
}
.sbi-qs-act:active {
transform: scale(0.94);
}
.sbi-qs-act:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
border-radius: 4px;
} .sbi-qs-act[hidden] {
display: none;
} .sbi-qs-act-like {
cursor: default;
}
.sbi-qs-act-like:hover,
.sbi-qs-act-like:active {
transform: none;
} .sbi-qs-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
box-sizing: border-box;
padding: 0 16px 16px 16px;
padding-bottom: max(16px, var(--sbi-qs-safe-bottom, env(safe-area-inset-bottom, 0px)));
padding-right: 76px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 14px;
line-height: 18.2px; pointer-events: none;
} .sbi-qs-authorrow {
display: flex;
align-items: center;
gap: 10px; align-self: flex-start;
min-width: 0;
max-width: 100%;
}
.sbi-qs-author {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
color: #fff;
text-decoration: none;
pointer-events: auto;
}
.sbi-qs-author:hover .sbi-qs-handle-text,
.sbi-qs-author:focus-visible .sbi-qs-handle-text {
text-decoration: underline;
text-underline-offset: 3px;
}
.sbi-qs-author:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
border-radius: 4px;
}
.sbi-qs-avatar {
box-sizing: border-box;
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
flex: 0 0 auto;
background: #262626;
} .sbi-qs-avatar-fallback {
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
color: #fff;
background-image: linear-gradient(135deg, hsl(var(--sbi-qs-avatar-hue, 212) 70% 58%), hsl(calc(var(--sbi-qs-avatar-hue, 212) + 50) 65% 38%));
}
.sbi-qs-handle {
display: flex;
align-items: center;
gap: 4px;
min-width: 0;
font-size: 14px;
font-weight: 600;
line-height: 18.2px;
}
.sbi-qs-handle-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbi-qs-verified {
width: 14px;
height: 14px;
flex: 0 0 auto;
} .sbi-qs-follow {
position: relative; box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
height: 28px;
padding: 0 12px;
margin-left: 2px;
border: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 8px;
background: transparent;
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
text-decoration: none;
flex: 0 0 auto;
pointer-events: auto;
transition: background 150ms ease;
} .sbi-qs-follow::before {
content: '';
position: absolute;
top: -8px;
right: 0;
bottom: -8px;
left: 0;
border-radius: 8px;
}
.sbi-qs-follow:hover,
.sbi-qs-follow:focus-visible {
background: rgba(255, 255, 255, 0.12);
color: #fff;
text-decoration: none;
outline: 0;
}
.sbi-qs-follow:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
} .sbi-qs-caption {
margin: 0;
display: flex;
align-items: baseline;
gap: 6px;
font-size: 14px;
line-height: 18.2px; pointer-events: none;
}
.sbi-qs-caption-text {
min-width: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sbi-qs-caption-more { font: inherit;
-webkit-appearance: none;
appearance: none; pointer-events: auto;
position: relative;
flex: 0 0 auto;
display: none;
margin: 0;
padding: 0;
border: 0;
background: none;
color: #a8a8a8;
font-size: 14px;
font-weight: 400;
line-height: 18.2px;
cursor: pointer;
} .sbi-qs-caption-more::before {
content: '';
position: absolute;
top: -13px;
right: -6px;
bottom: -13px;
left: -6px;
}
.sbi-qs-caption-has-more .sbi-qs-caption-more {
display: inline-block;
}
.sbi-qs-caption-more:hover {
color: #fff;
}
.sbi-qs-caption-more:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
border-radius: 4px;
}
.sbi-qs-caption-expanded {
align-items: flex-end;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text { white-space: pre-line;
overflow-y: auto;
overflow-x: hidden;
text-overflow: clip;
max-height: var(--sbi-qs-caption-cap); pointer-events: auto;
padding-right: 10px;
scrollbar-width: thin;
scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text::-webkit-scrollbar {
width: 4px;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text::-webkit-scrollbar-track {
background: transparent;
}
.sbi-qs-caption-expanded .sbi-qs-caption-text::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.35);
border-radius: 2px;
} .sbi-qs-tag {
color: #e0f1ff;
} .sbi-qs-coach {
position: absolute;
inset: 0;
z-index: 9;
display: none;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.35);
pointer-events: none;
}
.sbi-qs-coach-visible {
display: flex;
}
.sbi-qs-coach-inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
font-size: 15px;
font-weight: 600;
line-height: 19.5px;
text-align: center;
text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}
.sbi-qs-coach-hand {
width: 44px;
height: 64px;
animation: sbiQsSwipe 1.4s ease-in-out infinite;
} @keyframes sbiQsSpin {
to { transform: rotate(360deg); }
}
@keyframes sbiQsFlashIn {
0%   { opacity: 0; transform: scale(0.3); filter: blur(4px); }
100% { opacity: 1; transform: scale(1);   filter: blur(0);   }
}
@keyframes sbiQsFlashOut {
0%   { opacity: 1; transform: scale(1);   filter: blur(0);   }
100% { opacity: 0; transform: scale(0.8); filter: blur(4px); }
}
@keyframes sbiQsSwipe {
0%   { transform: translateY(18px);  opacity: 0.35; }
45%  { transform: translateY(-26px); opacity: 1; }
100% { transform: translateY(18px);  opacity: 0.35; }
}  @media (hover: hover) and (pointer: fine) {
.sbi-qs-overlay { background: rgba(0, 0, 0, 0.82);
background: color-mix(in srgb, #000 82%, transparent);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
--sbi-qs-stage-radius: 8px;
--sbi-qs-rail-w: 44px;
--sbi-qs-stage-gap: 16px; --sbi-qs-frame-shift: 30px; --sbi-qs-stage-half: min(calc(50vw - 30px), calc((50vh - 8px) * 9 / 16));
--sbi-qs-stage-half: min(calc(50vw - 30px), calc((50dvh - 8px) * 9 / 16));
} .sbi-qs-close {
top: 16px;
left: 16px;
} .sbi-qs-media,
.sbi-qs-framechrome {
right: calc(var(--sbi-qs-rail-w) + var(--sbi-qs-stage-gap));
height: calc(100vh - 16px);
height: calc(100dvh - 16px);
width: min(calc(100vw - var(--sbi-qs-rail-w) - var(--sbi-qs-stage-gap)), calc((100vh - 16px) * 9 / 16));
width: min(calc(100vw - var(--sbi-qs-rail-w) - var(--sbi-qs-stage-gap)), calc((100dvh - 16px) * 9 / 16));
} .sbi-qs-top {
padding: 14px 14px 0 16px;
} .sbi-qs-view-on-ig {
display: inline-flex;
}
.sbi-qs-act-view {
display: none;
}
.sbi-qs-nav {
display: flex;
} .sbi-qs-railcol {
right: calc(50% - var(--sbi-qs-frame-shift) - var(--sbi-qs-stage-half));
left: auto;
bottom: 8px;
width: var(--sbi-qs-rail-w);
}
.sbi-qs-rail {
gap: 18px;
padding-bottom: 18px;
} .sbi-qs-act svg {
width: 26px;
height: 26px;
} .sbi-qs-bottom {
padding-right: 16px;
} [data-sbi-qs-tip]::after {
content: attr(data-sbi-qs-tip);
position: absolute;
top: 50%;
left: calc(100% + 10px);
transform: translateY(-50%) translateX(4px);
padding: 6px 9px;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;
background: rgba(28, 28, 30, 0.96);
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 12px;
white-space: nowrap;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
z-index: 30;
opacity: 0;
pointer-events: none;
transition: opacity 120ms ease, transform 120ms ease;
}
[data-sbi-qs-tip]:hover::after,
[data-sbi-qs-tip]:focus-visible::after {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
} @media (prefers-reduced-motion: reduce) {
.sbi-qs-track {
transition: none !important;
}
.sbi-qs-overlay,
.sbi-qs-close,
.sbi-qs-mute,
.sbi-qs-mute-label,
.sbi-qs-nav-prev,
.sbi-qs-nav-next,
.sbi-qs-view-on-ig,
.sbi-qs-follow,
.sbi-qs-author,
.sbi-qs-act,
.sbi-qs-spinner {
transition: none;
} .sbi-qs-railcol {
transition: none;
} .sbi-qs-flash svg,
.sbi-qs-coach-hand {
animation: none !important;
}
.sbi-qs-overlay[data-paused="false"] .sbi-qs-flash-on {
display: none;
}
[data-sbi-qs-tip]::after {
transition: none;
}
}