body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
.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-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;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 span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.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;overflow:hidden}.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;opacity:1;-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 .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;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%}.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%;background:0 0;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 string{color:#fff}.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}}
/* CSS KWER */

:root {
  --col1: #11a0db;
  --col2: #ffed0a;
  --col3: #ffed0a;
  --white: #ffffff;
  --black: #000000;
  --grey: #f2f2f2;
}

.mod_article [class^="ce_"],
.mod_article [class*=" layout_"] > *,
.mod_article [class*=" ce_"],
.mod_article [class^="content-"],
.mod_article [class*=" content-"],
.mod_article [class^="mod_"],
.mod_article [class*=" mod_"] {
  margin: 0;
}

body {
  font-size: 19px;
  font-family: "acumin-pro", sans-serif;
  font-weight: 500;
}

html {
  scroll-behavior: smooth;
}

#wrapper {
  width: 100%;
  /* max-width:var(--width); */
  background: var(--white);
}

.container,
.impr #container {
  max-width: 1550px;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 80%;
}

.rel {
  position: relative;
}

.home .unters-slide-text {
  bottom: 8%;
}

.header-slide {
  background-color: var(--black);
}

.header-slide img {
  opacity: 0.6;
}

.logoslide {
  width: 94% !important;
  margin-left: 3% !important;
  margin-right: 3% !important;
  margin-bottom: 3% !important;
}

.header-slide .hscont {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin: 0px 50px 50px !important;
}

.header-slide .button a {
  margin: 0px;
}

.header-slide h2 {
  margin-bottom: 0px;
  text-transform: unset;
  font-size: 6em;
}

/* Cookiebar */
.contao-cookiebar .cc-head h3 {
    font-size:1.5em;
}

.contao-cookiebar .cc-head p {
    font-size:1em;
}

.contao-cookiebar .highlight .success {
    background-color:var(--col1);
    border-color:var(--col1);
}

.contao-cookiebar .highlight .success:hover {
    background-color:var(--black);
    border-color:var(--black);
}

#footer {
  letter-spacing: 1.5px;
}

.header-slide .rsts-slide > div {
  position: absolute !important;
  width: 100%;
  margin-top: unset !important;
  z-index: 2;
}

.header-slide .rsts-slide::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;

  background: -moz-linear-gradient(
  180deg,
  rgba(170, 170, 170, 0) 67%,
  rgba(19, 19, 19, 1) 100%
  );
  background: -webkit-linear-gradient(
  180deg,
  rgba(170, 170, 170, 0) 67%,
  rgba(19, 19, 19, 1) 100%
  );
  background: linear-gradient(
  180deg,
  rgba(170, 170, 170, 0) 67%,
  rgba(19, 19, 19, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#aaaaaa",endColorstr="#131313",GradientType=1);
}
.header-slide {
  position: relative;
}
.header-slide h2 {
  color: var(--white);
}
.pad {
  padding-top: 170px;
  padding-bottom: 170px;
}
.pad-sm {
  padding-top: 80px;
  padding-bottom: 80px;
}
.pad-top {
  padding-top: 170px;
}
.pad-bot {
  padding-bottom: 170px;
}
.pad-bot-sm {
  padding-bottom: 60px;
}
.pad-top-sm {
  padding-top: 60px;
}

.pad-top-big {
  padding-top: 250px;
}

.pad-bot-big {
  padding-bottom: 250px;
}

#main {
  margin-top: 130px;
}
h1 {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 3.8em;
  font-weight: 600;
  line-height: 1;
}
p,
.mod_article li {
  font-size: 1em;
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 10px;
}

.mod_article ul li {
  margin-bottom: 0px !important;
  list-style-type: square;
}

.button,
.h-after {
  line-height: 1.2;
}
.button a,
.button > span,
.widget-submit button {
  text-decoration: unset;
  margin-top: 40px;
  display: inline-block;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  text-align: center !important;
  padding: 25px 35px 25px 35px;
  border: solid var(--col1) 2px !important;
  color: var(--col1);
}

.widget.widget-upload.mandatory {
  margin-bottom: 20px;
  margin-top: 20px;
}

.h-after::before {
  content: "";
  position: absolute;
  width: 3.5px;
  height: 87%;
  top: 10%;
  left: 0px;
  background-color: var(--col1);
}
.widget-submit button {
  background-color: unset;
  box-shadow: unset;
  letter-spacing: 1.5px;
}
.button a:hover,
.widget-submit button:hover {
  color: var(--white);
  background-color: var(--col1);
}
.button-big a:hover {
  background-color: var(--black);
  color: var(--white);
}
.white .button a {
  color: var(--white);
  border: var(--white) 1px solid;
  background-color: transparent;
}
.white .button a:hover {
  color: var(--black);
  border: var(--white) 1px solid;
  background-color: var(--white);
}
.col-inv .button a,
.col-inv.widget-submit button {
  background-color: var(--col1);
  color: var(--white);
  border: var(--col1) 1px solid;
}
.col-inv .button a:hover {
  background-color: var(--white);
  color: var(--col1);
  border: var(--white) 1px solid;
}
.col-inv.widget-submit button:hover {
  background-color: var(--white);
  color: var(--col1);
  border: var(--col1) 1px solid;
}
.header-slide .button.white a {
  background-color: unset;
}
.button.white a {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: var(--black);
}
.button.white a:hover,
.button a:nth-child(2):hover,
.header-slide .button.white a:hover {
  background-color: var(--white);
  color: var(--black);
}
.button.black a,
.button a:nth-child(2) {
  border: 2px solid var(--black);
  color: var(--white);
  background-color: var(--black);
}
.button.black a:hover,
.button a:nth-child(2):hover {
  background-color: var(--white);
  color: var(--black);
}
.last .rte .button a:nth-child(2) {
  border: 2px solid var(--col3);
  color: var(--white) !important;
  background-color: var(--col3);
}
.last .rte .button a:nth-child(2):hover {
  background-color: var(--white);
  color: var(--col3) !important;
}
.center {
  text-align: center;
}
h2,
#container h1 {
  font-size: 3em;
  text-transform: unset;
  margin-top: 0px;
  line-height: 1.1;
  margin-bottom: 2.5vw;
  z-index: 2;
  position: relative;
  margin-bottom: 60px;
}
.widget-submit button:hover {
  cursor: pointer;
}
p.button {
  margin: 0px;
}
h4 {
  margin-top: 0px;
  letter-spacing: 1.5px;
}
strong {
  font-weight: 600;
}
.after-links a {
  padding: 0px 6px;
}
.copy-right svg {
  width: 80px;
  margin-left: 10px;
}
.copy-right a {
  padding-top: 10px;
  font-size: 0.8em;
  text-decoration: none;
  color: var(--black);
}
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-prev {
  background-image: url(../../files/grafiken/icons/arrow-right.svg);
  border: unset;
  box-shadow: unset;
  outline: none;
  border: 0px;
  top: 20px;
  bottom: unset;
  background-size: 40px auto;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 0px;
  width: 30px;
  height: 30px;
}
.rsts-skin-default .rsts-prev {
  transform: rotate(180deg);
  right: 60px;
}

.stimmen.rsts-skin-default .rsts-prev {
  left: 0px;
  bottom: 5px;
  top: unset;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.stimmen.rsts-skin-default .rsts-next {
  right: 0px;
  bottom: 5px;
  top: unset;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.stimmen.rsts-skin-default .rsts-next,
.stimmen.rsts-skin-default .rsts-prev {
  width: 45px;
  height: 45px;
  background-size: 45px auto;
}

.steps .stellen.produkt h4 {
  color: var(--col1) !important;
  font-size: 32px;
  line-height: 1.05em;
}

.steps .stellen ul {
  padding-left: 17px;
}

.steps .full-grid {
  gap: 66px;
  grid-template-columns: 1.4fr 1.5fr 1fr;
}

.steps .content-text {
  position: relative;
  padding-left: 75px;
}

.steps .content-text:nth-child(1) {
  padding-left: 87px;
}

.steps figure {
  position: absolute;
  top: 28px;
  left: 0px;
}

.header-slide .rsts-slide > div {
  position: absolute !important;
  width: 100%;
  margin-top: unset !important;
}
.header-slide {
  background-color: var(--black);
}
.header-slide img {
}
.rs-bottom {
  display: flex;
  align-items: end;
}

.stellen .ce_accordion {
  border: 2px solid var(--col1);
  padding-top: 22px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor:pointer;
}

.stellen .ce_accordion h3 {
  margin-bottom: 0px;
  color: var(--col1);
  font-size: 30px;
}

.stellen .ui-accordion-header p {
  margin-bottom: 0px;
  color: var(--col1);
  font-size: 1.2em;
  letter-spacing: 0.5px;
}

.stellen ul {
  margin-bottom: 0px;
  margin-top: 0px;
}

.stellen h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.2em;
  color: var(--col1);
  letter-spacing: 0.5px;
}

.stellen.team h4 {
  margin-top: 15px;
  margin-bottom: 0px;
}

.stellen.produkt h4 {
  margin-top: 20px;
  color: var(--black);
  font-size: 34px;
  line-height: 1.1em;
  margin-bottom: 15px;
}

.stellen.produkt.heizung h4 {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 39px;
  line-height: 1.1em;
}

.stellen .ce_accordion h4:nth-child(1) {
  margin-top: 20px;
}

.stellen .ui-accordion-header {
  position: relative;
}

.stellen .ui-accordion-header:after {
  content: "";
  background-image: url("../../files/grafiken/pfeil.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 12px;
  width: 13px;
  height: 18px;
  background-size: contain;
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  color: var(--col1);
  font-size: 1.9em;
  font-weight: 700;
}

.stellen .button a {
  padding: 17px 26px 20px 29px;
}

.stellen .ui-accordion-header:hover:after,
.stellen .ui-accordion-header.active:after {
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  transform: rotate(90deg);
}

.gelb h2.col {
  color: var(--col2);
}

.black h2.col {
  color: var(--black);
}

.mod_breadcrumb li {
  display: inline-block;
  font-weight: 400;
}
.mod_breadcrumb {
  padding-left: 5%;
  margin-top: 50px !important;
}
.mod_breadcrumb li.active {
  text-transform: uppercase;
  padding-left: 5px;
  position: relative;
  font-weight: 600;
}
.mod_breadcrumb li.active::before {
  content: "|";
  padding-right: 5px;
  top: -1.5px;
  position: relative;
}
.mod_breadcrumb ul {
  padding: 0px;
}
.mod_breadcrumb li a:hover {
  text-decoration: underline;
}
/* Grundstil Checkbox */
.checkbox_container .checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 2px solid var(--col1);
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
  margin: 0px;
  top: 2px;
}

.widget-checkbox fieldset {
  font-size: 0.8em;
}

/* Stil für die Checkbox, clicked */
.checkbox_container .checkbox:checked {
  background-color: var(--col1);
  border: 2px solid var(--col1);
}

.checkbox_container .checkbox:checked::before {
  content: "✓";
  color: white;
  font-size: 14px;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.checkbox_container label {
  margin-left: 5px;
  cursor: pointer;
}

.mod_breadcrumb {
  margin-top: 10px;
}

/*Hamburger*/
:root {
  --c_width: 1.8rem;
  --c_height: 0.18rem;
  --c_abs: 8px;
  --c_color: var(--black);
}

.clicker {
  z-index: 120;
}

.lines-button {
  background: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

.lines {
  display: inline-block;
  width: var(--c_width);
  height: var(--c_height);
  transition: 0.3s;
  position: relative;
  background-color: var(--c_color);
  top: -2px;
}

.lines::before,
.lines::after {
  content: "";
  display: inline-block;
  width: var(--c_width);
  height: var(--c_height);
  background-color: var(--c_color);
  transition: 0.3s;
  position: absolute;
  left: 0px;
}
.lines::before {
  top: var(--c_abs);
}
.lines::after {
  top: calc(var(--c_abs) * -1);
}
.navname {
  margin-right: 15px;
  font-size: 0.85em;
  letter-spacing: 1px;
  position: relative;
}
.navname::before {
  content: "Menü";
  position: relative;
  top: 0px;
  left: 0px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--c_color);
}
.close .navname::before {
  content: "";
}
.lines-button.x.close .lines::before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines::after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
.lines-button.x.close .lines::before,
.lines-button.x.close .lines::after {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0px;
  left: 0px;
  width: calc((var(--c_width)) + -5px);
}
.lines-button.x.close .lines {
  background-color: transparent;
}
.overlay {
  background-color: var(--white);
  left: 0;
  top: 0;
  position: fixed;
  color: var(--black);
  z-index: 100;
  transition: 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  visibility: hidden;
  opacity: 0;
  width: calc(100% - 30px);
  padding: 90px 15px 20px 15px;
  height: auto;
  display: flex;
  -webkit-box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.25);
}
.overlay .level_1 li {
  font-size: 1.2em;
  padding-bottom: 3px;
}
.sidePanelOpen .overlay {
  visibility: visible;
  opacity: 1;
}
.overlay-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.cont {
  width: 75%;
  max-width: 870px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.widget-text input,
.widget-textarea textarea {
  border: unset;
  border-bottom: 2px solid var(--black);
  padding: 15px 13px 14px 0px;
  font-size: 0.9em;
  letter-spacing: 1px;
  border-radius: 0px;
  border-bottom: 1.2px solid var(--black);
  border-right: unset;
  border-left: unset;
  border-top: unset;
  box-shadow: unset;
  font-family: "neue-haas-grotesk-display", sans-serif;
  width: 100%;
  background-color: transparent;
}
.widget-text input:focus-visible,
.widget-textarea textarea:focus-visible {
  outline: none;
  border-bottom: 2px solid var(--col1);
}

.widget-checkbox fieldset {
  border: unset;
  padding-left: 0px;
  padding-top: 14px;
}

/*Top Bar, Navigation*/
.top-bar {
  position: fixed;
  top: 0px;
  z-index: 101;
  width: 100%;
  height: auto;
  color: var(--white);
}
.top-bar a {
  color: var(--black);
  font-weight: 500;
  font-size: 1em;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 1.1em;
}
.top-bar a:hover {
  color: var(--col1);
}
#navbar .nav h1 {
  display: none;
}
.tb-navigation {
  padding: 31px 5%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.17);
  -moz-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.17);
}

.tb-navigation .logo a {
  width: 250px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  height: 30px;
  position: relative;
  display: inline-block;
}
#navbar .nav h1 {
  display: none;
}
.tb-navigation .level_1 li {
  list-style: none;
  text-transform: unset;
}
.level_1 {
  padding-left: 0px;
  margin: 0px;
}
.top-bar .level_1 {
  display: flex;
}
.top-bar .level_1 li {
  padding-left: 25px;
  text-transform: uppercase;
}
.top-bar .level_1 strong.active {
  color: var(--col1);
  font-size: 1.1em;
  letter-spacing: 1px;
  font-weight: 500 !important;
}
.top-bar::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--white);
  z-index: -1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.impr .top-bar::before,
.scroll .top-bar::before,
.sidePanelOpen .top-bar::before {
  background-color: var(--white);
}
.icon {
  padding-left: 25px;
  position: relative;
  height: 100%;
}
.icon::before,
.termin-table td:nth-child(4)::before {
  content: "";
  left: 0px;
  display: flex;
  justify-content: center;
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.icon.icon-tel:before {
  background-image: url("../../files/grafiken/icons/phone.svg");
}
.icon.icon-mail:before {
  background-image: url("../../files/grafiken/icons/email.svg");
}
.icon.icon-tickit:before {
  background-image: url("../../files/grafiken/icons/coupon.svg");
  width: 18px;
}
.icon.icon-shop:before {
  background-image: url("../../files/grafiken/icons/bag.svg");
}
.icon.icon-map:before,
.termin-table td:nth-child(4)::before {
  background-image: url("../../files/grafiken/icons/map.svg");
}
.nav-mobile {
  display: none;
}
.cta {
  position: fixed;
  right: 0px;
  bottom: calc(50% - 100px);
  z-index: 100;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cta a {
  background-color: var(--col1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  width: 60px;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cta a:hover {
  background-color: var(--black);
}

.cta img {
  width: 20px;
  height: auto;
}

.viewport-bottom .cta {
  transform: translate(100%);
}
a {
  text-decoration: unset;
  color: var(--black);
}
.header-slide .hscont {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin: 0px 50px 50px !important;
}
.hscont .rte {
  width: 100%;
}
.after-links div {
  margin-left: 10px;
}

/*Footer*/
.footer {
  padding: 60px 5%;
  display: grid;
  grid-template-columns: 43vw 1fr;
  justify-content: center;
  background-color: var(--col1);
  color: var(--white);
  gap: 7vw;
}
.footer-after {
  padding: 35px 5% 38px;
  display: grid;
  grid-template-columns: 48vw 70px 1fr;
  border-top: 2px solid var(--white);
  background-color: var(--white);
  color: var(--col1);
  gap: 2vw;
}
.fsocial img {
  width: 20px;
}
#footer a {
  text-decoration: none;
  color: var(--white);
}

#footer .notfall a {
  color: var(--black);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#footer .notfall a:hover {
  color: var(--col1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#footer .footer-after a {
  color: var(--col1);
}
.copy-right {
  text-align: right;
}
.flogo img {
  width: 360px;
  margin-bottom: 70px;
}
span.fh {
  font-size: 2em;
  text-transform: unset;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: 600;
  padding-top: 11px;
}
.fsocial a {
  padding-right: 10px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.fsocial a:hover {
  opacity: 0.6;
}
.footer a:hover,
.footer-after a:hover {
  text-decoration: underline !important;
}
.footer span {
  display: inline-block;
}
/**/

.img-1 {
  max-width: 280px;
  margin-top: 320px !important;
  left: 10vw;
  position: relative;
  z-index: 0;
}

.img-1.big {
  max-width: 320px;
  margin-top: 280px !important;
}

.img-2 {
  max-width: 100%;
  margin-top: 40px !important;
}
.col-2-3 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  grid-gap: 6vw;
}
.col-2-2 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

.col-3-2 {
  width: 100%;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  grid-gap: 6vw;
}

#bg,
#bg-cont,
#bg2,
#bg-cont1,
#bg-cont2,
#bg-cont0 {
  background-color: var(--grey);
}
#eMwvqfb2mHI1 {
  fill: var(--col1);
}
.flogo img {
  width: 300px;
  margin-bottom: 50px;
}
.flogo {
  display: inherit;
}
.foot-cont-2 {
  display: flex;
  gap: 60px;
  margin-top: 50px;
}
.banner-grid {
  display: grid;
  grid-template-columns: 1fr 0.7fr;
  padding-top: 20px;
  padding-bottom: 20px;
  gap: 20px;
}
.full-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
}

.full-grid.heizung {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}

.rs-nav h3 {
  font-size: 2.6em;
  color: var(--white);
  margin-left: 15px;
}
.rs-nav .rsts-slide {
  background-color: var(--black);
}
.rs-nav img {
  opacity: 0.7;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.rs-nav .rsts-slide:hover img {
  opacity: 0.5;
}
h3 {
  margin-top: 0px;
  margin-bottom: 20px;
}
.rs-nav .content-text,
.rs-nav .rsts-slide > div,
.rs-nav .rsts-slide .content-text > div {
  height: 100%;
}
.rs-nav .rsts-slide .content-text > div {
  display: flex;
  align-items: end;
  padding-left: 20px;
}

.h-after {
  position: absolute;
  bottom: -10px;
  left: 500px;
  font-size: 1.2em;
  font-weight: 500;
  color: var(--white);
  padding-left: 20px;
  width: 350px;
}
.h-after::before {
  background-color: var(--col2) !important;
}
.logo2 {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.logo1 {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  transform: translateY(0px);
  height: auto;
}
.scroll .logo1 {
  transform: translateY(-200px);
  z-index: 2;
}
.scroll .logo2 {
  top: -6px !important;
  opacity: 1;
  width: 80%;
}
.logo a {
  position: relative;
}
.tb-navigation .logo a img {
  position: absolute;
  left: 0px;
  top: 0px;
}

.notfall {
  margin-bottom: -10px !important;
}

.notfall a {
  text-align: center;
  font-size: 3vw;
  background-color: var(--col2);
  padding-top: 27px;
  font-weight: 600;
  padding-bottom: 32px;
  width: 100%;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.notfall a:hover {
  color: var(--col1);
}
h2.col {
  color: var(--col1);
}
.button-right .button a {
  margin-top: 0px;
  margin-bottom: 120px;
}
.line-bef::before {
  content: "";
  display: block;
  width: 6px;
  height: 85px;
  position: absolute;
  top: 9px;
  left: -26px;
  z-index: 10;
  background-color: var(--col2);
}
.line-bef-blue::before {
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  position: absolute;
  top: 9px;
  left: -50px;
  z-index: 10;
  background-color: var(--col1);
}
h3 {
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
}
.line-bef {
  position: relative;
}
.unters-slide-text {
  position: absolute;
  z-index: 10;
  bottom: 15%;
  left: 5%;
  color: var(--white);
}

.home #cont1::before {
  background-size: 100%;
  width: 100% !important;
  height: 220px;
  bottom: -80px;
}

#cont1::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/besser_wohnen.svg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  left: 0px;
  bottom: 350px;
  z-index: 1;
}

.kuehlen #cont1-none::before,
.wellness #cont1-none::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/komfort.svg);
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 220px;
  left: 0px;
  bottom: -140px;
  z-index: 1;
}

.bad #cont2::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/wohlgefuehl.svg);
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 220px;
  left: 0px;
  top: 120px;
  z-index: 1;
}

.heizung .first::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/innovation.svg);
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 220px;
  left: 0px;
  bottom: 90px;
  z-index: 1;
}

.geschichte .first::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/geschichte.svg);
  width: 100vw;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 220px;
  left: 0px;
  bottom: 90px;
  z-index: 1;
}

.kontakt .first::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/service.svg);
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 220px;
  left: 0px;
  bottom: 90px;
  z-index: 1;
}

.karriere .first::before {
  content: "";
  position: absolute;
  background-image: url(../../files/grafiken/haustechnik.svg);
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 220px;
  left: 0px;
  bottom: 90px;
  z-index: 1;
}

#cont0,
#cont1,
#cont2,
#bg-cont,
#bg-cont0,
#bg-cont1,
#bg-cont2,
#cont1-none,
.first {
  position: relative;
}

.geschichte h2 {
  margin-top: -15px;
  margin-bottom: 30px;
}

.foot-col-2 {
  display: inline-block;
}

.footer .button2 {
  display: inline-block;
  float: right;
  margin-top: 15px;
  margin-bottom:0px !important;
}


.button2 a {
  padding: 15px 35px 18px 35px;
  border: solid var(--white) 2px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin-bottom: 10px;
  display: inline-block;
}
.button2 a:hover {
  background-color: var(--white);
  text-transform: unset;
  text-decoration: none !important;
  color: var(--col1) !important;
}
.foot-col-2 .fh {
  max-width: 380px;
  margin-bottom: 0px;
}
.after-links {
  font-size: 0.9em;
  display: flex;
}
.impr h2 {
  margin-bottom: 30px;
  font-size: 2.2em;
}
.impr h3 {
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 30px;
}
.widget-submit button {
  font-size: 1em;
}
.impr #main {
  margin-top: 60px;
  margin-bottom: 100px;
}
.impr .mod_breadcrumb {
  margin-top: 160px;
}
.unters #header {
  margin-top: 60px;
}

/*---------------------------------------------*/

.oval-container-2 {
  width: 690px;
  height: 350px;
  overflow: hidden;
  position: absolute;
  bottom: 970px;
  right: 390px;
  color: white;
}

.oval-2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #11a0db;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: rotate(-7deg);
  position: absolute;
}

.oval-h2-p-2 {
  rotate: 7deg;
}

.third-grid {
  background-color: #ffed0a;
  position: relative;
}

a {
  color: black;
  text-decoration: none;
}

.harr-logo img {
  margin-top: 25px !important;
  height: 65px;
  width: auto;
}

.harr img {
  margin-bottom: 40px;
}

.impr #wrapper {
  margin-top:160px;
}

.job-text {
  margin-top: 50px !important;
}

.job-text a {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.job-text a:hover {
  color: var(--col1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.job-text .button a {
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.job-text .button a:hover {
  color: var(--white);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.job-text h4 {
  font-size: 1.5em;
  margin-bottom: 15px;
}

@media (min-width: 1450px) and (max-width: 1720px) {

.footer .button2 {
  float: left;
  margin-top: 35px;
  margin-bottom: 0px !important;
}

.pad-top-big {
  padding-top: 150px;
}

.foot-col-2 {
  display: block;
}

.footer {
  grid-template-columns: 1fr 1.5fr;
}

}


@media (min-width: 992px) and (max-width: 1449px) {
  body {
    font-size:1em;
  }
  
  .job-text h4 {
  font-size: 1.4em;
  margin-bottom: 10px;
}

.job-text {
  margin-top: 15px !important;
}

.home #cont1::before {
  bottom: -220px;
}

.bad #cont2::before {
  top: 40px;
}
  
  h3 {
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 30px;
  }
  p,
  .impr .mod_article li {
    line-height: 1.45;
  }
  .img-1 {
    max-width: 250px;
    margin-top: 140px !important;
    left: 10vw;
  }
  .pad {
    padding-top:140px;
    padding-bottom:140px;
  }
  h2,
  #container h1 {
    margin-bottom: 50px;
  }
  span.fh {
    font-size: 1.5em;
  }
  .button2 a {
    padding: 13px 14px 13px;
    margin-bottom: 0px;
  }
  
  .footer .button2 {
    float: left;
  margin-top: 20px;
  }
  
  .foot-cont-2 {
    gap: 30px;
  }
  
  .footer {
    grid-template-columns: 33vw 1fr;
    gap: 3vw;
    padding: 40px 40px;
  }
  .foot-col-2 .fh {
    max-width: 250px;
    margin-bottom: 0px;
  }
  .foot-col-2 {
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
  .flogo img {
    width: 250px;
    margin-bottom: 30px;
  }
  .footer-after {
    padding: 25px 40px 25px 40px;
  }
  .footer-after {
    gap: 20px;
    grid-template-columns: 60vw 70px 1fr;
  }
  .after-links {
    font-size: 0.8em;
  }
  .after-links a {
    padding: 0px 4px;
  }
  .copy-right svg {
    width: 80px;
    margin-left: 5px;
  }
  .rs-nav {
    max-height: 550px;
  }
  .header-slide h2 {
    font-size: 4.5em;
  }
  h2,
  #container h1 {
    font-size: 2.6em;
  }
  .rs2 {
    max-height: 550px;
  }
  .tb-navigation .logo a {
    width: 180px;
  }
  .top-bar a, .top-bar .level_1 strong.active {
    font-size:1em;
  }
  .top-bar .level_1 li {
    padding-left: 15px;

  }
  .tb-navigation {
    padding: 24px 5%;
  }
  #main {
    margin-top: 90px;
  }
  .button a, .button > span, .widget-submit button {
    padding: 20px 30px 20px 30px;
  }
  .tb-navigation .logo a img {
    top:0px!important;
  }
  #cont1::before {
    bottom:250px;
  }
  .pad-bot {
    padding-bottom:120px;
  }
  .pad-top-big {
    padding-top:70px;
  }
  .stellen.produkt h4 {
    font-size:1.3em;
  }
  .steps .content-text,
  .steps .content-text:nth-child(1) {
    padding-left:0px;
  }
  .steps figure {
    position: relative;
    padding-bottom:25px;
  }
  .steps .full-grid {
    grid-gap:20px;
  }
  .pad-bot-big {
    padding-bottom:120px;
  }
  .karriere .first::before,
  .kontakt .first::before,
  .heizung .first::before,
  .geschichte .first::before {
    height:90px;
  }
  .rs-nav h3 {
    font-size:2em;
  }
.impr #wrapper {
  margin-top:140px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  body {
    font-size: 17px;
  }
  
  .pad-top-big {
    padding-top: 70px;
  }
  
   .job-text h4 {
  font-size: 1.4em;
  margin-bottom: 10px;
}

.job-text {
  margin-top: 25px !important;
}

.kuehlen #cont1-none::before, .wellness #cont1-none::before {
  bottom: -180px;
}

.heizung .first::before, .geschichte .first::before, .karriere .first::before, .kontakt .first::before {
  bottom: 50px;
}

.bad #cont2::before {
  top: 20px;
}

.home #cont1::before {
  bottom: -190px;
}
  
  .footer .button2 {
    float: left;
  margin-top: 35px;
  }
  
  .pad {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .pad-top {
    padding-top: 90px;
  }
  .pad-bot {
    padding-bottom: 90px;
  }
  .tb-navigation .logo a {
    width: 140px;
  }
  .header-slide h2 {
    font-size: 4em;
  }
  #main {
    margin-top: 90px;
  }
  p,
  .impr .mod_article li {
    line-height: 1.45;
  }
  .rs-nav {
    max-height: 420px;
  }
  h3 {
    margin-bottom: 25px;
    font-size: 2em;
  }
  h2,
  #container h1 {
    margin-bottom: 40px;
  }
  .img-1 {
    max-width: 200px;
    margin-top: 90px !important;
    left: 7vw;
    position: relative;
    z-index: 0;
  }
  .notfall a {
    padding-top: 18px;
    font-weight: 600;
    padding-bottom: 21px;
  }
  .rs2 {
    max-height: 450px;
  }
  .tb-navigation {
    padding: 20px 4%;
  }
  .full-grid {
    grid-template-columns: 1fr 1fr;
  }
  .flogo img {
    width: 160px;
    margin-bottom: 30px;
  }
  .foot-col-2 {
    flex-direction: column;
    align-items: start;
    gap: 40px;
  }
  .button2 a {
    padding: 11px 11px 14px;
  }
  .foot-cont-2 {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-direction: column;
  }
  .footer {
    padding: 50px 4%;
    display: grid;
    grid-template-columns: 40vw 1fr;
    gap: 5vw;
    letter-spacing: 1;
  }
  .fsocial a {
    padding-right: 7px;
  }
  .footer-after {
    padding: 25px 4% 23px;
    display: grid;
    grid-template-columns: 58vw 60px 1fr;
    gap: 2vw;
  }
  .line-bef::before {
    width: 5px;
    height: 65px;
    top: 6px;
    left: -17px;
  }
  .top-bar .level_1 li {
    padding-left: 17px;
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
  }
  .scroll .logo2 {
    top: 4px !important;
    opacity: 1;
    width: 80%;
  }
  .fsocial img {
    width: 17px;
  }
  .cta a {
    width: 48px;
    height: 48px;
  }
  .cta img {
    width: 18px;
  }
  .h-after {
    left: 390px;
  }
  .impr #main {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .impr .mod_breadcrumb {
    margin-top: 100px;
  }
  h2,
  #container h1 {
    font-size: 2.4em;
  }
  .line-bef-blue::before {
    width: 6px;
    height: 125px;
    position: absolute;
    top: 9px;
  }
  .impr h2 {
    margin-bottom: 30px;
    font-size: 2em;
  }
  .header-slide {
    height:700px!important;
  }
  .unters .header-slide {
    height:600px!important;
  }
    .button a, .button > span, .widget-submit button {
    padding: 20px 30px 20px 30px;
  }
    #cont1::before {
    bottom:50px;
  }
  span.fh {
    font-size:1.4em;
  }
    .top-bar a, .top-bar .level_1 strong.active {
    font-size:0.8em;
  }
  .rs-nav h3 {
    font-size:1.6em!important;
  }
  .header-slide h2 {
    font-size:3em;
  }
  .mod_breadcrumb {
    margin-top:30px!important;
  }
  .karriere .first::before,
  .kontakt .first::before,
  .heizung .first::before,
  .geschichte .first::before {
    height:90px;
  }
  .pad-bot-big {
    padding-bottom:130px!important;
  }
  #bg-cont .cont {
    width:100%;
  }
  .stellen.produkt h4 {
    font-size:1.3em;
  }
  .steps .content-text,
  .steps .content-text:nth-child(1) {
    padding-left:0px;
  }
  .steps figure {
    position: relative;
    padding-bottom:25px;
  }
  .steps .full-grid {
    grid-gap:20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .steps .stellen.produkt h4,
  .stellen.produkt.heizung h4 {
    font-size:1.3em;
  }
.impr #wrapper {
  margin-top:110px;
}

}


@media (max-width: 767px) {
  :root {
    --width: 100%;
  }
  
  .pad-top-big {
    padding-top: 50px;
  }
  
  .bad #cont2::before {
  top: 0px;
}

.kontakt .first::before {
  bottom: 60px;
}

.karriere .first::before {
  bottom: 65px;
}

.kuehlen #cont1-none::before, .wellness #cont1-none::before {
  bottom: -195px;
}
  
  
.home #cont1::before {
  bottom: -180px;
}

.geschichte .first::before {
  bottom: 70px;
}
  
  
    .job-text h4 {
  font-size: 1.4em;
  margin-bottom: 10px;
}

.job-text {
  margin-top: 25px !important;
}
  
  body {
    font-size: 16px;
    line-height:1.2;
  }
  
  .footer .button2 {
    float: left;
  margin-top: 25px;
  }
  
  .nav-pc {
    display: none;
  }
  .nav-mobile {
    display: inherit;
  }
  p {
    font-size: 1em;
  }
  .rs1 {
    max-height: 300px;
  }
  .pad {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pad-bot {
    padding-bottom: 60px;
  }
  .pad-top {
    padding-top: 60px;
  }
  .tb-navigation .logo a {
    width: 120px;
  }
  .tb-navigation .logo a .logo2 {
    width: 100px;
  }
  .header-slide h2 {
    font-size: 2.4em;
  }
  .header-slide .rte {
    margin-bottom: 20px;
  }
  .tb-navigation {
    padding: 15px 5%;
  }
  #main {
    margin-top: 40px;
  }
  h2,
  #container h1 {
    font-size: 2em;
    margin-bottom: 30px;
  }
  .line-bef-blue::before {
    content: "";
    display: block;
    width: 5px;
    height: 100px;
    top: 7px;
    left: -18px;
  }
  p,
  .impr .mod_article li {
    line-height: 1.25;
  }
  .rs-nav {
    max-height: 300px;
  }
  h3 {
    margin-bottom: 25px;
    font-size: 2em;
  }
  .col-2-3 {
    grid-template-columns: 1fr;
    grid-gap: 4vw;
  }
  .img-1 {
    max-width: 150px;
    margin-top: 40px !important;
    left: unset;
    position: relative;
    z-index: 0;
    margin-bottom: 30px !important;
    right: -25vw;
  }
  .button-right .button a {
    margin-top: 0px;
    margin-bottom: 40px;
  }
  .img-2 {
    max-width: 90%;
    margin-top: 20px !important;
  }
  .notfall a {
    font-size: 1.6em;
    line-height: 1;
    width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 24px;
    font-weight: 600;
    padding-bottom: 27px;
  }
  .cont {
    width: 85%;
  }
  .rs2 {
    max-height: 250px;
  }
  .full-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .line-bef::before {
    width: 3px;
    height: 60px;
    position: absolute;
    top: 6px;
    left: -12px;
    z-index: 10;
    background-color: var(--col2);
  }
  .footer {
    grid-template-columns: 1fr;
    padding: 40px 5%;
  }
  .flogo img {
    width: 150px;
    margin-bottom: 30px;
  }
  .foot-col-2 {
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: start;
    gap: 30px;
  }
  .foot-cont-2 {
    flex-direction: column;
    margin-top: 15px;
    grid-gap:10px;
  }
  .footer-after {
    grid-template-columns: 1fr;
  }
  .button2 a {
    padding: 12px 12px 15px;
    letter-spacing: 1px;
  }
  p,
  .impr .mod_article li,
  .mod_article li {
    letter-spacing: 0px;
  }
  .fsocial {
    margin-top: 14px;
  }
  .footer-after {
    padding: 15px 5% 18px;
  }
  .fsocial img {
    width: 18px;
  }
  .fsocial a {
    padding-right: 7px;
  }
  .button a::before,
  .widget-submit button::before,
  .h-after::before {
    width: 2.5px;
    height: 88%;
    top: 10%;
    left: 0px;
    background-color: var(--col1);
  }
  .button a,
  .button > span,
  .widget-submit button {
    padding: 15px 25px 15px 25px;
  }
  .scroll .logo2 {
    top: 6px !important;
    opacity: 1;
  }
  .overlay .level_1 {
    margin-bottom: 10px;
  }
  .header-slide .rsts-slide > div > .content-text {
    margin-bottom: 30px;
  }
  #cont1::before {
    bottom: -15vh;
  }
  .cta a {
    width: 40px;
    height: 40px;
  }
  .cta img {
    width: 16px;
  }
  .h-after {
    bottom: 160px;
    left: 0px;
  }
  .lines {
    top: -4px;
  }
  .navname::before {
    top: -2px;
  }
  .level_1 li a:hover {
    font-weight: 600;
  }
  .banner-grid {
    padding-top: 15px;
    gap: 15px;
  }
  span.fh {
    font-size: 1.6em;
  }
  .after-links div {
    margin-top: 12px;
  }
  .rsts-skin-default .rsts-prev {
    right: 50px;
    top: 10px;
  }
  .rsts-skin-default .rsts-next {
    right: 10px;
    top: 10px;
  }
  .after-links a {
    padding: 0px 6px 0px 0px;
  }
  .impr #main {
    margin-top: 120px;
    margin-bottom: 70px;
  }
  .impr h2 {
    margin-bottom: 30px;
    font-size: 1.5em;
  }
  .impr h3 {
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .col-2-2 {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  .button a,
  .button > span,
  .widget-submit button {
    margin-top: 25px;
  }
  .container,
  .impr #container {
    width: 90%;
  }
  .impr .info-box.container.pad {
    padding-top: 0px;
  }
  .mod_breadcrumb ul {
    padding: 0px;
    margin: 10px 0px;
  }
  .after-links {
    display: inherit;
  }
  .impr #main {
    margin-top: 30px;
    margin-bottom: 60px;
  }
  .impr .mod_breadcrumb {
    margin-top: 100px;
  }
  .mod_breadcrumb {
    margin-top: 10px;
    font-size: 0.9em;
  }
  .checkbox_container .checkbox {
    border: 1.8px solid var(--col1);
    width: 14px;
    height: 14px;
  }
  .checkbox_container label {
    margin-left: 2px;
    cursor: pointer;
  }
  .checkbox_container .checkbox:checked::before {
    font-size: 11px;
  }
  .after-links div {
    margin-left: 0px;
  }
  .header-slide {
    height:500px!important;
  }
  .unters .header-slide {
    height:400px!important;
  }
  .col-3-2, .full-grid.heizung, .steps .full-grid {
    grid-template-columns: 1fr;
    grid-gap:15px;
  }
  .mod_breadcrumb {
    margin-top:30px!important;
  }
  .level_1 li a {
    display: block;
    width:100%;
  }
  .karriere .first::before,
  .kontakt .first::before,
  .heizung .first::before,
  .geschichte .first::before {
    height:50px!important;
  }
  .pad-bot-big {
    padding-bottom:130px!important;
  }
  .steps .stellen.produkt h4,
  .stellen.produkt.heizung h4 {
    font-size:1.6em;
  }
    .level_1 li a {
      line-height:1.6em;
    }
  .impr #wrapper {
  margin-top:110px;
}
}