.social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover,.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0!important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-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;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)}
@font-face {
  font-family: 'icomoon';
  src:
    url('../../files/Layout/icons/fonts/icomoon.ttf?vxbwac') format('truetype'),
    url('../../files/Layout/icons/fonts/icomoon.woff?vxbwac') format('woff'),
    url('../../files/Layout/icons/fonts/icomoon.svg?vxbwac#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e900";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-file-music:before {
  content: "\e928";
}
.icon-file-video:before {
  content: "\e92a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-office:before {
  content: "\e903";
}
.icon-shop:before {
  content: "\e93a";
}
.icon-facebook:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}

@charset "UTF-8";
/* Variablendefinition */
:root {
  --color1: #000000; /* Text */
  --color2: #ffffff; /* weiß */
  --color3: #ffc40d; /* Gelb */
  --color4: #f3b700; /* Gelb dunkler 1 */
  --color5: #d9a400; /* Gelb dunkler 2*/
  --color6: #c09100; /* Gelb heller 1*/
  --color7: #ffd040; /* Gelb heller 2*/
  --color8: #ffd75a; /* Gelb heller 3*/
  --color9: #999999; /* Grau 1*/
  --color10: #cccccc; /* Grau 2*/
  --color11: #f3f3f3; /* Grau 3*/
  --base-font-color: var(--color1);
  --link-color: var(--color5);
  --link-hover-color: var(--color6);
}

.magic-lights {
  --color3: #c63314; /* Rot */
  --color4: #aa1e01; /* Rot dunkler 1 */
  --color5: #761500; /* Rot dunkler 2 */
  --color6: #d2583e; /* Rot heller 1 */
  --color7: #e79d8d; /* Rot heller 2 */
  --color8: #f4dfdb; /* Rot heller 3 */
  --link-color: var(--color3);
  --link-hover-color: var(--color7);
}

/*! sanitize.css v8.0.0 | CC0 License | github.com/csstools/sanitize.css */
/* Document
 * ========================================================================== */
/**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  background-repeat: no-repeat; /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 2 */
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Use the default user interface font in all browsers (opinionated).
 * 3. Correct the line height in all browsers.
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default; /* 1 */
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 2 */
  line-height: 1.15; /* 3 */
  -moz-tab-size: 4; /* 4 */
  -o-tab-size: 4;
     tab-size: 4; /* 4 */
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: Menlo, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Remove the text shadow on text selections in Firefox 61- (opinionated).
 * 1. Restore the coloring undone by defining the text shadow
 *    in all browsers (opinionated).
 */
::-moz-selection {
  background-color: #b3d4fc; /* 1 */
  color: #000; /* 1 */
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* 1 */
  color: #000; /* 1 */
  text-shadow: none;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Inherit styling in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/**
 * Remove the margin in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction on textareas in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

@font-face {
  font-family: "RobotoCondensed";
  src: url("../../files/Layout/fonts/RobotoCondensed-Light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "RobotoCondensed";
  src: url("../../files/Layout/fonts/RobotoCondensed-LightItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "RobotoCondensed";
  src: url("../../files/Layout/fonts/RobotoCondensed-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "RobotoCondensed";
  src: url("../../files/Layout/fonts/RobotoCondensed-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
::-moz-selection {
  background: var(--color1);
  color: var(--color2);
}

::selection {
  background: var(--color1);
  color: var(--color2);
}

mark, .highlight {
  background: var(--color1);
  color: var(--color2);
}

html {
  font-size: 90%;
}
@media (min-width: 917px) {
  html {
    font-size: 100%;
  }
}
@media (min-width: 1200px) {
  html {
    font-size: 110%;
  }
}
html {
  font-family: "tablet-gothic", "RobotoCondensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: var(--base-font-color);
  line-height: 1.7;
  -ms-hyphens: auto;
      hyphens: auto;
}

.text-schwach {
  font-size: 0.85em;
}

p {
  padding: 0 0 1em;
  margin: 0;
}
p [class^=icon-], p [class*=" icon-"] {
  margin-right: 0.5em;
}
p.short {
  padding-bottom: 0;
}

h1, h2, h3 {
  font-style: normal;
  font-weight: 300;
  margin: 0;
  color: var(--color1);
  line-height: 1.2;
  -ms-hyphens: auto;
      hyphens: auto;
  text-transform: uppercase;
}
@media (min-width: 917px) {
  h1, h2, h3 {
    -ms-hyphens: none;
        hyphens: none;
  }
}

h1 {
  font-size: 1.6em;
  padding: 1em 0 0.5em;
}

h2 {
  font-size: 1.6em;
  padding: 1em 0 0.5em;
}

h3 {
  font-size: 1.4em;
  padding: 1.8em 0 0.5em;
  text-transform: none;
  font-weight: 400;
}

@media (min-width: 917px) {
  h1 {
    font-size: 1.8em;
  }
}
h1 + h2, h2 + h3, h1 + h3 {
  padding-top: 0.5em;
}

.dark .ce_text:first-child h2, .dark .ce_text:first-child h3, .dark .ce_text:first-child h4 {
  padding-top: 0;
}

.headline-space h1 {
  word-spacing: 4px;
}

a {
  color: var(--link-color);
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  text-decoration: none;
}
a:hover {
  color: var(--link-hover-color);
}

main a {
  text-decoration: underline;
}

hr {
  border: none;
  border-bottom: 1px solid #e8e8e8;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main .ce_text ul li {
  margin-bottom: 0.7em;
  line-height: 1.5;
}

@-webkit-keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes splide-loading {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.splide--draggable > .splide__slider > .splide__track, .splide--draggable > .splide__track {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide--fade > .splide__slider > .splide__track > .splide__list, .splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide, .splide--fade > .splide__track > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}

.splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb.is-active > .splide__slider > .splide__track > .splide__list, .splide--ttb.is-active > .splide__track > .splide__list {
  display: block;
}

.splide__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  outline: none;
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  outline: none;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

/*!
 * Mmenu Light
 * mmenujs.com/mmenu-light
 *
 * Copyright (c) Fred Heusschen
 * www.frebsite.nl
 *
 * License: CC-BY-4.0
 * http://creativecommons.org/licenses/by/4.0/
 */
:root {
  --mm-ocd-width:80%;
  --mm-ocd-min-width:200px;
  --mm-ocd-max-width:440px;
}

body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: rgba(0, 0, 0, 0);
  -webkit-transition-property: bottom, background-color;
  transition-property: bottom, background-color;
  -webkit-transition-duration: 0s, 0.3s;
  transition-duration: 0s, 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-delay: 0.45s, 0.15s;
  transition-delay: 0.45s, 0.15s;
}

.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 80%;
  width: var(--mm-ocd-width);
  min-width: 200px;
  min-width: var(--mm-ocd-min-width);
  max-width: 440px;
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.mm-ocd--left .mm-ocd__content {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mm-ocd--right .mm-ocd__content {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mm-ocd--open .mm-ocd__content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 20%;
  width: calc(100% - var(--mm-ocd-width));
  min-width: calc(100% - 440px);
  min-width: calc(100% - var(--mm-ocd-max-width));
  max-width: calc(100% - 200px);
  max-width: calc(100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0);
}

.mm-ocd--left .mm-ocd__backdrop {
  right: 0;
}

.mm-ocd--right .mm-ocd__backdrop {
  left: 0;
}

.mm-spn, .mm-spn a, .mm-spn li, .mm-spn span, .mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --mm-spn-item-height:50px;
  --mm-spn-item-indent:20px;
  --mm-spn-line-height:24px;
}

.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: 24px;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  -webkit-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  cursor: default;
}

.mm-spn ul:after {
  content: "";
  display: block;
  height: 50px;
  height: var(--mm-spn-item-height);
}

.mm-spn > ul {
  left: 0;
}

.mm-spn ul.mm-spn--open {
  left: 0;
}

.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden;
}

.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer;
}

.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height) / 2);
  right: 25px;
  right: calc(var(--mm-spn-item-height) / 2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
  opacity: 0.4;
}

.mm-spn li:after {
  content: "";
  display: block;
  margin-left: 20px;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: 0.15;
}

.mm-spn a, .mm-spn span {
  position: relative;
  z-index: 1;
  padding: 13px 20px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}

.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none;
}

.mm-spn a:not(:last-child) {
  width: calc(100% - 50px);
  width: calc(100% - var(--mm-spn-item-height));
}

.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: 0.15;
}

.mm-spn span {
  background: 0 0;
}

.mm-spn.mm-spn--navbar {
  cursor: pointer;
}

.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height) / 2);
  left: 20px;
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  -webkit-transform: rotate(-45deg) translate(50%, -50%);
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: 0.4;
}

.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default;
}

.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none;
}

.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  height: var(--mm-spn-item-height);
  padding: 0 40px;
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: 50px;
  line-height: var(--mm-spn-item-height);
  opacity: 0.4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--navbar ul {
  top: 51px;
  top: calc(var(--mm-spn-item-height) + 1px);
}

.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid currentColor;
  opacity: 0.15;
}

.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3;
}

.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333;
}

.mm-spn.mm-spn--vertical {
  overflow-y: auto;
}

.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static;
}

.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent);
}

.mm-spn.mm-spn--vertical ul ul:after {
  height: 25px;
  height: calc(var(--mm-spn-item-height) / 2);
}

.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block;
}

.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  -webkit-transform: rotate(135deg) translate(-50%, 0);
  transform: rotate(135deg) translate(-50%, 0);
}

.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none;
}

/* ##################################################### */
/* ############## Turn off native styling ############## */
/* ##################################################### */
textarea,
input[type=text],
input[type=button],
input[type=password],
input[type=search],
input[type=submit],
input[type=file],
button[type=submit],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

/* ##################################################### */
/* ############## Allgemeinde Definitionen ############# */
/* ##################################################### */
textarea,
input[type=text],
input[type=button],
input[type=email],
input[type=tel],
input[type=password],
input[type=search],
input[type=file],
select {
  border: 1px solid var(--color3);
  font-family: tablet-gothic, sans-serif;
  width: 100% !important;
  padding: 0.7rem 1rem 0.7rem;
  font-size: 1rem;
  font-weight: 300;
  color: var(--color1);
}
textarea:focus,
input[type=text]:focus,
input[type=button]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=file]:focus,
select:focus {
  border: 1px solid var(--color5);
}

button,
input[type=submit],
button[type=submit],
.button {
  border: none;
  background-color: var(--color3);
  font-family: tablet-gothic, sans-serif;
  padding: 0.7em 1.5em;
  color: var(--color1);
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
button:hover, button.mixitup-control-active,
input[type=submit]:hover,
input[type=submit].mixitup-control-active,
button[type=submit]:hover,
button[type=submit].mixitup-control-active,
.button:hover,
.button.mixitup-control-active {
  background-color: var(--color5);
  color: var(--color1);
}

.magic-lights button,
.magic-lights input[type=submit],
.magic-lights button[type=submit],
.magic-lights .button {
  color: var(--color2);
}
.magic-lights button:hover, .magic-lights button.mixitup-control-active,
.magic-lights input[type=submit]:hover,
.magic-lights input[type=submit].mixitup-control-active,
.magic-lights button[type=submit]:hover,
.magic-lights button[type=submit].mixitup-control-active,
.magic-lights .button:hover,
.magic-lights .button.mixitup-control-active {
  color: var(--color2);
}

.error, .confirm {
  display: block;
  width: 100%;
  color: red;
  font-weight: 600;
}

/* ##################################################### */
/* ############## Kontaktformular ###################### */
/* ##################################################### */
.formbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formbody > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 40%;
          flex: 1 0 40%;
  min-width: 250px;
}
.formbody label {
  display: none;
}
.formbody fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.formbody fieldset label {
  display: block;
}
.formbody fieldset legend span {
  display: inline;
}
.formbody fieldset span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.formbody fieldset span input {
  margin: 0.15em 0.5em 0 0;
}
.formbody .widget-textarea {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}

/* ##################################################### */
/* ############## ALTCHA Spamschutz #################### */
/* ##################################################### */
.altcha {
  margin: 1em 0;
}
.altcha .altcha-main .altcha-checkbox input {
  padding: 0;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.altcha .altcha-main .altcha-label label {
  padding: 0;
  display: block;
}

.invisible {
  display: none !important;
}

html {
  scroll-behavior: smooth;
}

/*###################################################*/
/*############### Hauptmenü #########################*/
/*###################################################*/
header nav.mod_navigation {
  display: none;
}
@media (min-width: 917px) {
  header nav.mod_navigation {
    display: block;
  }
}
header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 2em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header nav ul li {
  position: relative;
  margin: 0;
}
header nav ul li a, header nav ul li strong {
  font-family: "tablet-gothic-semi-condensed", "RobotoCondensed", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: var(--color1);
  padding: 0.8em 1em;
  white-space: nowrap;
  display: block;
  text-transform: uppercase;
  margin-left: 1px;
  background-color: var(--color2);
  letter-spacing: 1px;
}
header nav ul li a:hover, header nav ul li a.active, header nav ul li strong:hover, header nav ul li strong.active {
  color: var(--color1);
  background-color: var(--color3);
}
@media (min-width: 917px) {
  header nav ul li.mietshop {
    display: none;
  }
}
header.fixed nav ul.level_1 li a {
  color: var(--color3);
}
header.fixed nav ul.level_1 li a:hover {
  color: var(--color5);
}
header.fixed nav ul.level_1 .level_2 {
  background: rgba(0, 0, 0, 0.85);
}
header.fixed nav ul.level_1 .level_2 li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color4);
}
header.fixed nav ul.level_1 .level_2 li a {
  color: var(--color2);
}
header.fixed nav ul.level_1 .level_2 li a:hover {
  color: var(--color5);
}
header .topmenu {
  display: none;
}
@media (min-width: 917px) {
  header .topmenu {
    display: block;
  }
}
header .topmenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 2em;
  list-style: none;
  margin: 0;
}
header .topmenu ul li a {
  padding: 0.8em 1em;
  white-space: nowrap;
  display: block;
  text-transform: uppercase;
  margin-left: 1px;
  background-color: var(--color2);
  letter-spacing: 1px;
}
header .topmenu ul li a:hover {
  color: var(--color1);
  background-color: var(--color3);
}
header .topmenu ul li a.mietshop span {
  margin-left: 0.5em;
}

.magic-lights header nav {
  width: 100%;
}
.magic-lights header nav ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 0;
}
.magic-lights header nav ul li a:hover, .magic-lights header nav ul li strong.active {
  color: var(--color2);
}
.magic-lights header .topmenu {
  position: fixed;
  top: 30px;
  right: 0;
}
.magic-lights header .topmenu ul {
  display: block;
  padding: 0;
}
.magic-lights header .topmenu ul li a {
  color: var(--color2);
  background: var(--color3);
}
.magic-lights header .topmenu ul li a:hover {
  background: var(--color5);
}
.magic-lights header .topmenu ul li + li {
  margin-top: 1em;
}
.magic-lights header .menutrigger {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

/*###################################################*/
/*############### Mix It Up Menü ####################*/
/*###################################################*/
.controls button, .controls .button, .shoplink button, .shoplink .button {
  background-color: transparent;
  color: var(--color1);
}
.controls button:hover, .controls button.mixitup-control-active, .controls .button:hover, .controls .button.mixitup-control-active, .shoplink button:hover, .shoplink button.mixitup-control-active, .shoplink .button:hover, .shoplink .button.mixitup-control-active {
  background-color: var(--color3);
}

/*###################################################*/
/*############### Sprachenwechsler ##################*/
/*###################################################*/
.mod_changelanguage {
  padding: 0 !important;
  -ms-grid-row-align: end;
  -ms-grid-column-align: end;
  place-self: end;
}

/*###################################################*/
/*############### Mobile Menü #######################*/
/*###################################################*/
.menutrigger {
  font-size: 4.4em;
  line-height: 1;
  text-align: right;
}
@media (min-width: 917px) {
  .menutrigger {
    display: none;
  }
}
.menutrigger a {
  color: var(--color1);
  display: block;
  margin: -14px -9px 0 0;
}

/* ##################################################### */
/* ############## ToTop Navigation ##################### */
/* ##################################################### */
.back-to-top {
  font-size: 1.4em;
  text-decoration: none;
  padding: 1em 0 0 1em;
  text-align: center;
  display: block;
}
.back-to-top span {
  margin: 0;
}
.back-to-top:focus {
  outline: none;
}
.back-to-top:hover {
  opacity: 1;
  color: var(--color2);
}

/* ##################################################### */
/* ############## Footer Navigation #################### */
/* ##################################################### */
footer .mod_customnav {
  padding-top: 0.9em;
}
footer .mod_customnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .mod_customnav ul li a:after, footer .mod_customnav ul li strong:after {
  content: "|";
  padding: 0 0.4em;
}
footer .mod_customnav ul li.last a:after, footer .mod_customnav ul li.last strong:after {
  display: none;
}
footer .mod_cookiebarOpener {
  display: inline;
}

/* ##################################################### */
/* ############## Wrapper, Grids und Textblöcke ######## */
/* ##################################################### */
body {
  background-color: var(--color11);
}

header .inside, #container, footer .inside {
  padding: 20px 30px;
  max-width: 1300px;
  margin: 0 auto;
  background-color: var(--color2);
  width: 100%;
}
header .inside .block, #container .block, footer .inside .block { /*padding-bottom: $mediumgap;*/ }
@media (min-width: 480px) {
  header .inside, #container, footer .inside {
    padding: 30px 50px;
  }
}
@media (min-width: 917px) {
  header .inside, #container, footer .inside {
    padding: 30px 70px;
  }
}

#container.col2 {
  display: -ms-grid;
  display: grid;
  grid-gap: 70px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
#container.col2 aside {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
#container.col2 aside .mod_article {
  padding-bottom: 0;
}
@media (min-width: 917px) {
  #container.col2 {
    -ms-grid-columns: 4fr 70px 1fr;
    grid-template-columns: 4fr 1fr;
  }
  #container.col2 aside {
    -webkit-box-ordinal-group: inherit;
        -ms-flex-order: inherit;
            order: inherit;
  }
}

[class^=grid-], [class*=" grid-"] {
  display: -ms-grid;
  display: grid;
  grid-gap: 70px;
}

.grid-2 {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .grid-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.grid-3 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.grid-4 {
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-gap: 30px;
}

.span-2 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
@media (min-width: 669px) {
  .span-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

.span-all, .col100 {
  grid-column: 1/-1;
}

#wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vH;
}

/* ##################################################### */
/* ############## Header ############################### */
/* ##################################################### */
@media (min-width: 917px) {
  header {
    position: sticky;
    top: 0;
    z-index: 90;
    -webkit-transition: top 500ms ease-in-out;
    transition: top 500ms ease-in-out;
  }
  header.scroll-up, header:focus-within {
    top: 0;
  }
  header.scroll-down {
    top: -100%;
  }
}
header .inside {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 3fr;
  grid-template-columns: 2fr 3fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}
header .inside > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
header .inside > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
header .inside > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
header .inside > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
header .inside .logo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
header .inside .logo img {
  width: 170px;
  margin-left: -9px;
}
header .inside .shoplink {
  display: none;
}
@media (min-width: 917px) {
  header .inside .shoplink {
    display: block;
    margin-left: auto;
  }
  header .inside .shoplink a {
    display: block;
    padding: 0.8em 1em;
    position: relative;
    font-family: tablet-gothic-semi-condensed, sans-serif;
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*&:before { content:''; position: absolute; top: 0; left: 0; background: var(--color2); height: 100%; width: 95px; z-index: 1; transition: width ease-in-out .3s; }
    &:hover:before { width: 0px; }*/
  }
  header .inside .shoplink span {
    margin-left: 0.5em;
  }
}
@media (min-width: 1200px) {
  header .inside .shoplink a:before {
    width: 108px;
  }
}
header .inside .menutrigger {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
header .inside .mod_changelanguage {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media (min-width: 917px) {
  header .inside {
    -ms-grid-columns: 180px auto;
    grid-template-columns: 180px auto;
  }
  header .inside .mod_changelanguage {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    -ms-grid-row-align: start;
    -ms-grid-column-align: end;
    place-self: start end;
  }
  header .inside .mod_navigation {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-row-align: end;
    -ms-grid-column-align: end;
    place-self: end;
    padding-bottom: 0 !important;
  }
}

.magic-lights header .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.magic-lights header .inside .logo {
  display: block;
  text-align: center;
}
.magic-lights header .inside .logo img {
  width: 100%;
  max-width: 350px;
}

/* ##################################################### */
/* ############## Footer ############################### */
/* ##################################################### */
footer {
  margin-top: auto;
  font-size: 0.9em;
}
footer .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 50px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: var(--color11);
}
footer .inside p {
  padding: 0;
}

/* ##################################################### */
/* ############## Splide Slider ######################## */
/* ##################################################### */
@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.pageimage {
  width: 100%;
  padding: 0;
  margin: 0;
  position: fixed;
  height: 100vH;
  max-width: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.pageimage img {
  height: 100vH;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.pageimage .splide__list .splide__slide.is-active img {
  -webkit-animation: 20s ease-out 0s 1 kenburns;
          animation: 20s ease-out 0s 1 kenburns;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.verticalimage {
  margin-top: 2.4em;
}

.ce_gallery.imageslider {
  position: relative;
}
.ce_gallery.imageslider ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0;
}
.ce_gallery.imageslider .splide__progress {
  display: none;
  top: 30px;
  left: 0;
  width: 100%;
}
.ce_gallery.imageslider .splide__progress .splide__progress__bar {
  height: 5px;
  background-color: var(--color3);
}

.splide__pagination {
  padding: 0;
  margin: 0;
}
.splide__pagination button {
  padding: 0;
  height: 0.8em;
  width: 0.8em;
  margin: 1em 0.3em;
  background-color: var(--color11);
}
.splide__pagination button.is-active {
  background-color: var(--color5);
}

.ce_rsce_bilderslider_text {
  position: relative;
}
.ce_rsce_bilderslider_text figure {
  height: 100%;
}
.ce_rsce_bilderslider_text img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ce_rsce_bilderslider_text .teaser {
  position: absolute;
  z-index: 1;
  width: 40%;
  margin: 30px;
  padding: 30px 30px 20px;
  background: rgba(0, 0, 0, 0.7);
  color: var(--color2);
  letter-spacing: 0.4px;
}
.ce_rsce_bilderslider_text .teaser h1, .ce_rsce_bilderslider_text .teaser h2, .ce_rsce_bilderslider_text .teaser h3 {
  color: var(--color2);
  padding-top: 0;
}
.ce_rsce_bilderslider_text .teaser .link {
  padding: 0;
}
.ce_rsce_bilderslider_text .teaser .button {
  display: inline-block;
  background-color: var(--color3);
}
.ce_rsce_bilderslider_text .teaser .button:hover {
  background-color: var(--color5);
}
@media (max-width: 1024px) {
  .ce_rsce_bilderslider_text .teaser {
    width: 70%;
    bottom: 45px;
  }
}
@media (max-width: 917px) {
  .ce_rsce_bilderslider_text .teaser {
    width: 100%;
    bottom: 40px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
  .ce_rsce_bilderslider_text .teaser h1, .ce_rsce_bilderslider_text .teaser h2, .ce_rsce_bilderslider_text .teaser h3 {
    width: 100%;
  }
  .ce_rsce_bilderslider_text .teaser p {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .ce_rsce_bilderslider_text .teaser .link {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (max-width: 1024px) {
  .ce_rsce_bilderslider_text .splide__slide {
    height: 450px;
  }
}
@media (max-width: 520px) {
  .ce_rsce_bilderslider_text .splide__slide {
    height: 350px;
  }
}

.magic-lights .ce_rsce_bilderslider_text .teaser .button {
  color: var(--color2);
}

/* ##################################################### */
/* ############## Boxen ################################ */
/* ##################################################### */
.linkbox {
  position: relative;
  text-decoration: none;
  background: var(--color10);
}
.linkbox > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.linkbox > div .image {
  transition: transform 0.5s, -webkit-transform 0.5s;
  position: relative;
  z-index: 18;
}
.linkbox > div figure {
  margin: 0;
}
.linkbox > div figure img {
  width: 100%;
}
.linkbox > div .inner {
  transition: transform 0.5s, -webkit-transform 0.5s;
  position: relative;
  z-index: 18;
  padding: 20px 30px 30px;
  color: var(--color1);
  background: var(--color11);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.linkbox > div .inner .title {
  padding: 0.5em 0;
  -ms-hyphens: auto;
      hyphens: auto;
}
.linkbox > div .inner ul {
  padding-left: 1em;
}
.linkbox > div .learnmore {
  position: absolute;
  z-index: 17;
  bottom: 0;
  color: var(--color1);
  padding: 20px 30px;
  background: var(--color3);
  width: 100%;
  text-align: center;
}

a.linkbox:hover .image, a.linkbox:hover .inner {
  -webkit-transform: translateY(-3.5em);
          transform: translateY(-3.5em);
}

.magic-lights .linkbox > div .learnmore {
  color: var(--color2);
}

/* ##################################################### */
/* ########### GoogleMaps ############################## */
/* ##################################################### */
.mod_article > iframe, .mod_article > #map {
  padding: 0;
  max-width: 100%;
}
.mod_article > #map {
  height: 550px;
}
.mod_article > #map .notaccept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.mod_article > #map .notaccept p {
  max-width: 700px;
  padding: 0;
}
.mod_article > #map .notaccept .mod_cookiebarOpener {
  display: inline;
  padding: 0 5px;
}

/* ##################################################### */
/* ########### Bilder ################################## */
/* ##################################################### */
img {
  max-width: 100%;
  height: auto;
  margin: 0;
}

figure {
  margin: 0;
  overflow: hidden;
}
figure img {
  margin: 0;
}

.ce_text figure {
  margin: 0 0 1em;
}
@media (min-width: 480px) {
  .ce_text figure.float_right {
    float: right;
    margin: 9px 0 1em 2em;
    max-width: 50%;
  }
  .ce_text figure.float_left {
    float: left;
    margin: 9px 2em 1em 0;
    max-width: 50%;
  }
}
@media (min-width: 917px) {
  .ce_text figure.float_right {
    float: right;
    margin: 9px 0 1em 2em;
  }
  .ce_text figure.float_left {
    float: left;
    margin: 9px 2em 1em 0;
  }
}
.ce_text:before, .ce_text:after {
  content: " ";
  display: table;
}
.ce_text:after {
  clear: both;
}

/* ##################################################### */
/* ############## Bildergalerien ####################### */
/* ##################################################### */
.ce_gallery ul {
  display: -ms-grid;
  display: grid;
  grid-gap: 50px;
  list-style: none;
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ce_gallery ul.cols_2 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.ce_gallery ul.cols_3 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.ce_gallery ul.cols_4 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.ce_gallery ul.cols_5 {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.ce_gallery ul.cols_6 {
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
@media (min-width: 917px) {
  .ce_gallery ul.cols_2 {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
  .ce_gallery ul.cols_3 {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .ce_gallery ul.cols_4 {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
  .ce_gallery ul.cols_5 {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  }
  .ce_gallery ul.cols_6 {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
}
.ce_gallery.logos ul {
  grid-column-gap: 70px;
}
@media (min-width: 917px) {
  .ce_gallery.logos ul {
    text-align: right;
  }
}
.ce_gallery.logos ul a:hover img {
  -webkit-transform: none;
          transform: none;
}

figcaption {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 300;
  padding-top: 0.6em;
}

/* ##################################################### */
/* ########### Lightbox ################################ */
/* ##################################################### */
#glightbox-body .goverlay {
  background: rgba(255, 255, 255, 0.92);
}

/* ##################################################### */
/* ########### Akkordeon ############################### */
/* ##################################################### */
.ce_accordion .toggler {
  width: 100%;
  padding: 20px 30px 20px 20px;
  display: block;
  cursor: pointer;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  position: relative;
  text-decoration: none;
  margin: 0;
  border: 0;
  background-color: var(--color10);
}
@media (min-width: 917px) {
  .ce_accordion .toggler {
    padding: 20px 50px 20px 30px;
  }
}
.ce_accordion .toggler:after {
  content: "+";
  text-align: center;
  width: 15px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  position: absolute;
  right: 20px;
  top: 50%;
}
.ce_accordion .toggler:focus {
  color: #8a8a8a;
}
.ce_accordion .accordion {
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  padding: 0;
}
.ce_accordion .accordion > * {
  padding: 30px 0;
}
@media (min-width: 917px) {
  .ce_accordion .accordion > * {
    padding: 30px;
    background-color: var(--color11);
  }
}
.ce_accordion.js-enabled .accordion {
  visibility: hidden;
}
.ce_accordion.is-active .accordion {
  visibility: visible;
}
.ce_accordion.is-active .toggler:after {
  content: "–";
}

.ce_accordion + .ce_accordion {
  padding-top: 20px;
}

/* ##################################################### */
/* ############## Downloads und Links ################## */
/* ##################################################### */
.ce_downloads ul, .ce_download ul {
  list-style: none;
  padding: 0;
}

.enclosure {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}

.download-element {
  padding: 0;
  margin-bottom: 0.8rem;
}

.download-element a, .ce_hyperlink a {
  display: block;
  position: relative;
  color: var(--color1);
  padding: 1em 2em 1em 4em;
  overflow: hidden;
  background-color: var(--color10);
  border: none;
  text-decoration: none;
  line-height: 1.2;
}
.download-element a:before, .ce_hyperlink a:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "icomoon";
  background: var(--color3);
  color: var(--color5);
  text-align: center;
  padding: 1em;
  height: 100%;
  content: "\e924";
}
.download-element a span, .ce_hyperlink a span {
  font-size: 0.7em;
  font-weight: 400;
}
.download-element a:hover, .ce_hyperlink a:hover {
  opacity: 0.8;
}
.download-element.auto a, .ce_hyperlink.auto a {
  display: inline-block;
}

.ext-pdf a:before {
  content: "\eadf";
}

.ext-jpg a:before, .ext-png a:before, .ext-gif a:before {
  content: "\e927";
}

.ext-xls a:before {
  content: "\eae2";
}

.ext-doc a:before {
  content: "\eae1";
}

.ce_hyperlink {
  padding-top: 0;
}
.ce_hyperlink a:before {
  content: "\e9cb";
}

/* ##################################################### */
/* ############## Referenzen ########################### */
/* ##################################################### */
.mix-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin: 50px 0;
}
.mix-container .mix {
  position: relative;
}
.mix-container .mix figure a img {
  width: 100%;
}
.mix-container .mix .title {
  position: absolute;
  left: -20px;
  top: 10%;
  line-height: 1.5;
}
.mix-container .mix .title span {
  background-color: var(--color3);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0.13em 0.5em 0.2em;
}
.mix-container .mix .overlay-box {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.mix-container .mix:hover {
  outline: solid 2px var(--color1);
  outline-offset: -2px;
}

.magic-lights .mix-container .mix .title {
  color: var(--color2);
}

/* ##################################################### */
/* ############## News ################################# */
/* ##################################################### */
.mod_newslist {
  display: -ms-grid;
  display: grid;
  grid-gap: 50px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  margin: 50px 0;
  grid-column: 1/-1;
}
.mod_newslist > h2 {
  grid-column: 1/-1;
}
.mod_newslist .layout_latest {
  position: relative;
  outline: solid 2px var(--color1);
  outline-offset: -2px;
}
.mod_newslist .layout_latest .info {
  display: none;
}
.mod_newslist .layout_latest h2 {
  position: absolute;
  left: -20px;
  top: 10%;
  line-height: 1.5;
  font-size: 1em;
  padding: 0;
}
.mod_newslist .layout_latest h2 a {
  background-color: var(--color3);
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding: 0.13em 0.5em 0.2em;
  color: var(--color1);
  text-decoration: none;
}
.mod_newslist .layout_latest .ce_text {
  padding: 1em 1.3em 1.1em;
  font-size: 0.9em;
  line-height: 1.5;
}
.mod_newslist .layout_latest .more {
  padding: 0;
}
.mod_newslist .layout_latest .more a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}

.instagramlink {
  margin: 0 auto;
}
.instagramlink span {
  margin-left: 0.5em;
}

.magic-lights .mod_newslist .layout_latest h2 a {
  color: var(--color2);
}

/* ##################################################### */
/* ############## Videos ############################### */
/* ##################################################### */
.ce_youtube iframe {
  border: none;
}

.bgvideo {
  max-width: 100%;
  padding: 0;
  margin: 0;
  height: 280px;
}
.bgvideo video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video_container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ##################################################### */
/* ############## Cookiebar ############################ */
/* ##################################################### */
.contao-cookiebar.cookiebar_simple .cc-inner {
  border-radius: 0;
}
.contao-cookiebar.cookiebar_simple .cc-inner p {
  line-height: 1.5;
  font-size: 0.85em;
}

/* ##################################################### */
/* ############## Social Feed ########################## */
/* ##################################################### */
.social_feed_container {
  font-family: tablet-gothic, sans-serif;
}
.social_feed_container .social_feed_element .inner .more {
  font-weight: 500;
  color: var(--color5);
  font-size: 1em;
}
.social_feed_container .social_feed_element.arc_5 .info img {
  display: none;
}