.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.content-start{align-content:start}.content-center{align-content:center}.content-end{align-content:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}[class*=grid_]{display:grid;grid-gap:1rem}[class*=grid_]>.block{margin-bottom:0}@media(min-width: 576px){.grid_mobile_100{grid-template-columns:1fr}.grid_mobile_50_50{grid-template-columns:repeat(2, 1fr)}.grid_mobile_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_mobile_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_mobile_75_25{grid-template-columns:3fr 1fr}.grid_mobile_25_75{grid-template-columns:1fr 3fr}.grid_mobile_66_33{grid-template-columns:2fr 1fr}.grid_mobile_33_66{grid-template-columns:1fr 2fr}.grid_mobile_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_mobile_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_mobile_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_mobile_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_mobile_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_mobile_30_30_40{grid-template-columns:3fr 3fr 4fr}}@media(min-width: 768px){.grid_tablet_100{grid-template-columns:1fr}.grid_tablet_50_50{grid-template-columns:repeat(2, 1fr)}.grid_tablet_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_tablet_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_tablet_75_25{grid-template-columns:3fr 1fr}.grid_tablet_25_75{grid-template-columns:1fr 3fr}.grid_tablet_66_33{grid-template-columns:2fr 1fr}.grid_tablet_33_66{grid-template-columns:1fr 2fr}.grid_tablet_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_tablet_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_tablet_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_tablet_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_tablet_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_tablet_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_tablet_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_tablet_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_tablet_40_40_20{grid-template-columns:2fr 2fr 1fr}}@media(min-width: 992px){.grid_desktop_100{grid-template-columns:1fr}.grid_desktop_50_50{grid-template-columns:repeat(2, 1fr)}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_desktop_75_25{grid-template-columns:3fr 1fr}.grid_desktop_25_75{grid-template-columns:1fr 3fr}.grid_desktop_66_33{grid-template-columns:2fr 1fr}.grid_desktop_33_66{grid-template-columns:1fr 2fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_desktop_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_desktop_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_desktop_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_desktop_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_desktop_40_40_20{grid-template-columns:2fr 2fr 1fr}.grid_desktop_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_desktop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.grid_desktop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.grid_desktop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.grid_desktop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.grid_desktop_20_20_20_20_20{grid-template-columns:repeat(5, 1fr)}}

.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}}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.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)}
@charset "UTF-8";
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

:root {
  --var-basecolor: #149EDA;
}

.bg_dark {
  background-color: #36404b;
}

/* raleway-regular - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("/files/theme/fonts/raleway-v18-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("/files/theme/fonts/raleway-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/raleway-v18-latin-regular.woff2") format("woff2"), url("/files/theme/fonts/raleway-v18-latin-regular.woff") format("woff"), url("/files/theme/fonts/raleway-v18-latin-regular.ttf") format("truetype"), url("/files/theme/fonts/raleway-v18-latin-regular.svg#Raleway") format("svg"); /* Legacy iOS */
}
/* raleway-600 - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url("/files/theme/fonts/raleway-v18-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("/files/theme/fonts/raleway-v18-latin-600.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/raleway-v18-latin-600.woff2") format("woff2"), url("/files/theme/fonts/raleway-v18-latin-600.woff") format("woff"), url("/files/theme/fonts/raleway-v18-latin-600.ttf") format("truetype"), url("/files/theme/fonts/raleway-v18-latin-600.svg#Raleway") format("svg"); /* Legacy iOS */
}
/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 300;
  src: url("/files/theme/fonts/source-sans-3-v9-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url("/files/theme/fonts/source-sans-3-v9-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url("/files/theme/fonts/source-sans-3-v9-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  src: url("/files/theme/fonts/source-sans-3-v9-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 300;
  src: url("/files/theme/fonts/hind-siliguri-v12-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 400;
  src: url("/files/theme/fonts/hind-siliguri-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 500;
  src: url("/files/theme/fonts/hind-siliguri-v12-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-siliguri-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Hind Siliguri";
  font-style: normal;
  font-weight: 600;
  src: url("/files/theme/fonts/hind-siliguri-v12-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.bg-light-blue {
  background: #e8f5fb;
}

.bg-light-blue-transparent {
  background: rgba(20, 158, 218, 0.2);
}

.bg-blue {
  background: #149EDA;
}
.bg-blue * {
  color: #fff;
}

.bg-light-green {
  background: #e9f3e6;
}

.bg-light-green-transparent {
  background: rgba(68, 150, 43, 0.2);
}

.bg-green {
  background: #44962b;
}
.bg-green * {
  color: #fff;
}

.bg-dark {
  background: #3D4042;
}
.bg-dark * {
  color: #fff;
}

.bg-brickwall {
  background: url("/files/theme/img/backgrounds/crossword.png") repeat;
}

.bg-smooth, .wrapper {
  background: url("/files/theme/img/backgrounds/crossword.png") repeat;
}

[class*=bg-].ce_cp_column_start {
  padding: 1rem;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisible, .ce_form .widget-radio .radio_container > span input, .ce_form .widget-checkbox .checkbox_container > span input, .ce_form .klickstrecke .widget-radio .radio_container > span input,
.ce_form .klickstreck--bohren .widget-radio .radio_container > span input, .ce_form .klickstrecke .widget-checkbox .checkbox_container > span input,
.ce_form .klickstreck--bohren .widget-checkbox .checkbox_container > span input {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.invisibleAccessible,
.sr-only {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*Make Contao Elements visble at all*/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.buttonreset, .mod_searchfaq .formbody .widget button, .ce_form .widget-submit button,
.ce_form .widget-pagebreak button,
.ce_form .submit_container button, .ce_form .klickstrecke .widget-submit button,
.ce_form .klickstrecke .widget-pagebreak button,
.ce_form .klickstreck--bohren .widget-submit button,
.ce_form .klickstreck--bohren .widget-pagebreak button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

.hyphenate, .content-nav a {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}

/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
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 box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

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

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 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 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-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 */
}

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

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b, strong, .strong {
  font-weight: bold;
}

em, .em {
  font-style: italic;
}

small {
  font-size: 75%;
}

dd {
  margin: 0;
}

html {
  font-size: 100%;
  font-family: "Source Sans 3", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 48em) {
  html {
    font-size: 112.5%;
  }
}

html, body {
  font-family: "Source Sans 3", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1D1D1B;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

p, li {
  font-size: 1rem;
  color: #1D1D1B;
  margin: 0 0 0.75em 0;
  font-weight: 300;
}

::-moz-selection {
  background: #95999D;
  color: #fff;
  text-shadow: none;
}

::-moz-selection,
::selection {
  background: #95999D;
  color: #fff;
  text-shadow: none;
}

html {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.top-s {
  margin-top: 0.5rem !important;
}

.top-m {
  margin-top: 1rem !important;
}

.top-l {
  margin-top: 2rem !important;
}

.top-xl {
  margin-top: 3rem !important;
}

.bottom-s {
  margin-bottom: 0.5rem !important;
}

.bottom-m {
  margin-bottom: 1rem !important;
}

.bottom-l {
  margin-bottom: 2rem !important;
}

.bottom-xl {
  margin-bottom: 3rem !important;
}

.ptop-s {
  padding-top: 0.5rem !important;
}

.ptop-m {
  padding-top: 1rem !important;
}

.ptop-l {
  padding-top: 2rem !important;
}

.ptop-xl {
  padding-top: 3rem !important;
}

.pbottom-s {
  padding-bottom: 0.5rem !important;
}

.pbottom-m {
  padding-bottom: 1rem !important;
}

.pbottom-l {
  padding-bottom: 2rem !important;
}

.pbottom-xl {
  padding-bottom: 3rem !important;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  text-wrap: balance;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
  color: inherit;
}

[class^=ce_] h2:first-of-type,
[class^=ce_] h3:first-of-type,
[class^=ce_] h4:first-of-type,
[class^=ce_] h5:first-of-type,
[class^=ce_] h6:first-of-type {
  margin-top: 0;
}

h1 {
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #36404b;
  margin: 0 0 0.6em 0;
  font-size: calc(30px + 15 * (100vw - 300px) / 1600);
}

h2 {
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #36404b;
  margin: 0.75em 0 0.5em 0;
  font-size: calc(26px + 9 * (100vw - 300px) / 1600);
}

h3 {
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #36404b;
  margin: 0.75em 0 0.5em 0;
  font-size: calc(22px + 8 * (100vw - 300px) / 1600);
}

h4 {
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #36404b;
  margin: 0.75em 0 0.5em 0;
  font-size: calc(20px + 6 * (100vw - 300px) / 1600);
}

h5 {
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #1D1D1B;
  margin: 0.75em 0 0.5em 0;
  font-size: calc(18px + 6 * (100vw - 300px) / 1600);
}

h6 {
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #1D1D1B;
  margin: 0.75em 0 0.5em 0;
  font-size: calc(18px + 2 * (100vw - 300px) / 1600);
}

strong {
  font-weight: 600;
}

img, picture {
  max-width: 100%;
  height: auto;
  line-height: 0;
}

figure {
  line-height: 0;
  margin: 0;
}

figcaption {
  line-height: 1.2;
}

/*Fix für Caption auf Bildbreite beschränken*/
figure {
  display: inline-block;
}

figure img {
  display: block;
  width: 100%;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
}

/*Alle Bilder ohne Alt-Attribut kennzeichen*/
/*sollte für Production auskommentiert werden!*/
img:not([alt]) {
  border: 5px dashed #c00;
}

.ce_image {
  line-height: 0;
}
.ce_image figcaption {
  line-height: 1.2;
}

.ce_text svg.icon {
  height: 1em;
  width: 1em;
  line-height: 0;
}

a {
  color: #149EDA;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
main a:hover, main a:focus {
  color: #fff;
  background-color: #149EDA;
}

:focus {
  outline: 1px dashed #56595C;
}

a[href^=tel] {
  text-decoration: none;
  color: #1D1D1B;
}

main ul li, ol li {
  font-size: 1rem;
  color: #1D1D1B;
  max-width: 65ch;
}

main ul {
  list-style-type: disc;
}

main ol {
  list-style-type: decimal;
}

html {
  background-color: #F2F2F3;
}

body {
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff;
}

.wrap, .mod_article.wrapped, .mod_article .wrap-article, #footer .inside, #header .inside {
  max-width: 1440px;
  margin: 0 auto;
}

.container {
  position: relative;
}

/*
.inside {

} */
#header {
  --var-basecolor: #149EDA;
  color: #1D1D1B;
  padding: 0.8rem 1rem;
  border-top: 4px solid var(--var-basecolor);
  border-bottom: 1px solid var(--var-basecolor);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
}
#header img {
  height: 60px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header .inside {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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;
}
#header .inside .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
#header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  padding: 0.2rem;
}
#header.sticky img {
  height: 40px;
}
#header.sticky + .container {
  padding-top: 102px;
}
#header .logo-white {
  display: none;
}
#header .logo-color {
  display: block;
}

#footer {
  background: url("/files/theme/img/backgrounds/denim.png") repeat #56595C;
  color: #fff;
  padding: 1rem;
}
@media screen and (min-width: 48em) {
  #footer {
    padding: 2.5rem 1rem;
  }
}
@media screen and (min-width: 75em) {
  #footer {
    padding: 4rem 1rem;
  }
}
#footer * {
  color: #fff;
}
#footer h3 {
  font-size: 1.2rem;
}
#footer .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#footer .flexbox .column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 2rem);
          flex: 0 0 calc(33% - 2rem);
}
@media screen and (max-width: 43.75em) {
  #footer .flexbox .column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 2rem);
            flex: 0 0 calc(50% - 2rem);
  }
}
@media screen and (max-width: 31.25em) {
  #footer .flexbox .column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
#footer .flexbox .column:not(:first-child) {
  margin-left: 2rem;
}

.mod_article {
  padding: 2em 0;
  position: relative;
}
@media screen and (min-width: 56.25em) {
  .mod_article {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 91.25em) {
  .mod_article {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.mod_article.sp {
  padding: 1em;
}
@media screen and (min-width: 56.25em) {
  .mod_article.sp {
    padding: 1rem 0;
  }
}
.mod_article.lp {
  padding: 3em 0;
}
@media screen and (min-width: 56.25em) {
  .mod_article.lp {
    padding: 6rem 0;
  }
}
.mod_article.bg-hellgrau {
  background-color: #F2F2F3;
}
.mod_article.fullwidth {
  padding: 0;
}
.mod_article.fullwidth .wrap-article {
  max-width: 100%;
  margin: 0;
}
.mod_article.bg-user-choose {
  background: url("/files/theme/img/backgrounds/background-startseite.jpg") bottom no-repeat;
  background-size: cover;
}
.mod_article.bg-user-choose .wrap-article {
  background: rgba(255, 255, 255, 0.8);
}
.mod_article.bg-bauprojekt-planen {
  padding: 0;
}
.mod_article.bg-bauprojekt-planen .wrap-article {
  padding: 5rem 0;
  background: url("/files/theme/img/backgrounds/bg-bauprojekt-planen") right bottom no-repeat;
  background-size: contain;
}
.mod_article.bg-sanieren {
  padding: 0;
}
.mod_article.bg-sanieren .wrap-article {
  padding: 5rem 0;
  background: url("/files/theme/img/backgrounds/bg-sanieren.svg") left bottom no-repeat;
  background-size: contain;
}

@supports (grid-area: auto) {
  [class*=grid_] {
    grid-column-gap: 2rem;
  }
  @media screen and (min-width: 61.875em) {
    [class*=grid_] {
      grid-column-gap: 3rem;
    }
  }
  * + .ce_cp_grid_start {
    margin-top: 2rem;
  }
  @media screen and (min-width: 61.875em) {
    .grid-gap-big [class*=grid_] {
      grid-column-gap: 4.5rem;
    }
  }
  @media screen and (min-width: 61.875em) {
    .grid-gap-medium [class*=grid_] {
      grid-gap: 3rem;
    }
  }
  @media screen and (min-width: 61.875em) {
    .grid-gap-small [class*=grid_] {
      grid-gap: 1.5rem;
    }
  }
  .grid-gap-null > [class*=grid_] {
    grid-gap: 0;
  }
  .grid-item-padding {
    padding: 1rem;
  }
  @media screen and (min-width: 48em) {
    .grid-item-padding {
      padding: 2rem;
    }
  }
}
@media screen and (max-width: 36em) {
  .hide-s {
    display: none;
  }
}

@media screen and (max-width: 48em) {
  .hide-m {
    display: none;
  }
}

@media screen and (max-width: 62em) {
  .hide-l {
    display: none;
  }
}

.ce_cp_grid_start {
  margin: 3rem 0;
}

.ce_headline.centered {
  text-align: center;
}

.ce_text:after {
  content: "";
  display: table;
  clear: both;
}
.button ~ .ce_text {
  margin-top: 2rem;
}

.ce_download {
  display: inline-block;
}
.ce_download a {
  display: block;
  padding: 0.5em 0.5em 0.5em 2.5rem;
  background-color: #F2F2F3;
  border: 1px solid #D7D9DA;
  background-repeat: no-repeat;
  background-position: left 0.25rem center;
  background-size: 1.5rem;
  text-decoration: none;
}
.ce_download a:hover, .ce_download a:focus {
  border-color: #95999D;
  background-color: #F2F2F3;
  color: #1D1D1B;
}
.ce_download .download-element a {
  background-size: 1.5rem 1.5rem;
}
.ce_download .download-element.ext-pdf a {
  background-image: url("/files/theme/img/icons/icon-pdf.svg");
}
.ce_download .download-element.ext-docx a {
  background-image: url("/files/theme/img/icons/icon-docx.svg");
}
.ce_download .download-element.ext-doc a {
  background-image: url("/files/theme/img/icons/icon-doc.svg");
}
.ce_download .download-element.ext-jpg a {
  background-image: url("/files/theme/img/icons/icon-jpg.svg");
}
.ce_download .download-element.ext-png a {
  background-image: url("/files/theme/img/icons/icon-png.svg");
}
.ce_download .download-element.ext-gif a {
  background-image: url("/files/theme/img/icons/icon-gif.svg");
}
.ce_download .download-element.ext-tiff a {
  background-image: url("/files/theme/img/icons/icon-tiff.svg");
}
.ce_download .download-element.ext-mp3 a {
  background-image: url("/files/theme/img/icons/icon-mp3.svg");
}
.ce_download .download-element.ext-mp4 a {
  background-image: url("/files/theme/img/icons/icon-mp4.svg");
}
.ce_download .download-element.ext-ppt a {
  background-image: url("/files/theme/img/icons/icon-ppt.svg");
}
.ce_download .download-element.ext-zip a {
  background-image: url("/files/theme/img/icons/icon-zip.svg");
}
.ce_download .download-element.ext-rar a {
  background-image: url("/files/theme/img/icons/icon-rar.svg");
}
.ce_download .download-element.ext-txt a {
  background-image: url("/files/theme/img/icons/icon-txt.svg");
}
.ce_download .download-element.ext-xls a {
  background-image: url("/files/theme/img/icons/icon-xls.svg");
}
.ce_download .download-element.ext-xlsx a {
  background-image: url("/files/theme/img/icons/icon-xlsx.svg");
}
.ce_download .download-element.ext-xml a {
  background-image: url("/files/theme/img/icons/icon-xml.svg");
}

.ce_accordion {
  margin-bottom: 0.3em;
}
.ce_accordion .toggler {
  border: 1px solid #D7D9DA;
  position: relative;
  background-color: #F2F2F3;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 1rem 3rem 1rem 1rem;
}
.ce_accordion .toggler:hover, .ce_accordion .toggler:focus {
  background-color: #95999D;
  border: 1px solid #95999D;
  color: #fff;
}
.ce_accordion .toggler:hover .title, .ce_accordion .toggler:focus .title {
  color: #fff;
}
.ce_accordion .toggler::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%231D1D1B'/%3E%3C/svg%3E");
  background-size: 40px;
  color: #1D1D1B;
  cursor: pointer;
}
.ce_accordion .toggler:hover::after, .ce_accordion .toggler:focus::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.ce_accordion .toggler.active::after {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.626 10.236l-8.628 8.392-8.624-8.392a.806.806 0 0 0-1.138 1.139L18.856 20l-8.62 8.625a.8.8 0 0 0-.175.878.806.806 0 0 0 1.313.26l8.628-8.39 8.624 8.391a.806.806 0 0 0 1.138-1.139L21.144 20l8.62-8.625a.8.8 0 0 0 .175-.878.806.806 0 0 0-1.313-.26z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.ce_accordion .accordion {
  padding: 1rem;
}

blockquote {
  padding: 0.25rem 0 1rem 0;
  margin: 0;
  font-size: 1.5rem;
  font-style: italic;
  color: #56595C;
}
blockquote p {
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.centered {
  text-align: center;
}

.white-text * {
  color: #fff;
}

/*Variable Werte für Grundstyle*/
/*Klassen für @extend*/
.fieldreset, .ce_form .widget-checkbox.dsgvo fieldset, .ce_form .klickstrecke .widget-checkbox.dsgvo fieldset,
.ce_form .klickstreck--bohren .widget-checkbox.dsgvo fieldset {
  border: none;
  padding: 0;
}

/*DEV Styles*/
.ce_form .klickstrecke.devmode fieldset:not(:first-of-type) {
  display: block;
}

/*Basic Styles*/
.ce_form .klickstrecke p, .ce_form .klickstrecke li, .ce_form .klickstrecke a, .ce_form .klickstrecke strong, .ce_form .klickstrecke h1, .ce_form .klickstrecke h2, .ce_form .klickstrecke h3, .ce_form .klickstrecke h4, .ce_form .klickstrecke h5,
.ce_form .klickstreck--bohren p,
.ce_form .klickstreck--bohren li,
.ce_form .klickstreck--bohren a,
.ce_form .klickstreck--bohren strong,
.ce_form .klickstreck--bohren h1,
.ce_form .klickstreck--bohren h2,
.ce_form .klickstreck--bohren h3,
.ce_form .klickstreck--bohren h4,
.ce_form .klickstreck--bohren h5 {
  color: #fff;
}
.ce_form .klickstrecke input,
.ce_form .klickstrecke label,
.ce_form .klickstreck--bohren input,
.ce_form .klickstreck--bohren label {
  display: block;
}
.ce_form .klickstrecke label,
.ce_form .klickstrecke legend,
.ce_form .klickstreck--bohren label,
.ce_form .klickstreck--bohren legend {
  color: #fff;
}
.ce_form .klickstrecke label span.mandatory,
.ce_form .klickstrecke legend span.mandatory,
.ce_form .klickstreck--bohren label span.mandatory,
.ce_form .klickstreck--bohren legend span.mandatory {
  color: red;
  font-size: 30px;
}
.ce_form .klickstrecke input,
.ce_form .klickstrecke textarea,
.ce_form .klickstreck--bohren input,
.ce_form .klickstreck--bohren textarea {
  width: 100%;
  border: 1px solid #fff;
  padding: 0.6em;
  background-color: #fff;
  color: #1D1D1B;
  border-radius: 0px;
}
.ce_form .klickstrecke input:focus,
.ce_form .klickstrecke textarea:focus,
.ce_form .klickstreck--bohren input:focus,
.ce_form .klickstreck--bohren textarea:focus {
  background: #fafafa;
}
.ce_form .klickstrecke input:valid,
.ce_form .klickstreck--bohren input:valid {
  color: #1D1D1B;
}
.ce_form .klickstrecke input:invalid,
.ce_form .klickstreck--bohren input:invalid {
  color: #ce2029;
}
.ce_form .klickstrecke fieldset,
.ce_form .klickstreck--bohren fieldset {
  border: none;
  padding: 3rem;
  text-align: center;
  position: relative;
  background: url("/files/theme/img/backgrounds/denim.png") repeat #56595C;
}
@media screen and (max-width: 46.875em) {
  .ce_form .klickstrecke fieldset,
  .ce_form .klickstreck--bohren fieldset {
    padding: 1rem;
  }
}
@media screen and (max-width: 22.5em) {
  .ce_form .klickstrecke fieldset,
  .ce_form .klickstreck--bohren fieldset {
    padding: 1rem 0.2rem;
  }
}
.ce_form .klickstrecke fieldset.buttonfieldset,
.ce_form .klickstreck--bohren fieldset.buttonfieldset {
  border: none;
  padding: 0;
}
.ce_form .klickstrecke fieldset.dsgvo,
.ce_form .klickstreck--bohren fieldset.dsgvo {
  text-align: left;
  display: inline-block;
}
.ce_form .klickstrecke fieldset.dsgvo label,
.ce_form .klickstreck--bohren fieldset.dsgvo label {
  position: relative;
}
.ce_form .klickstrecke fieldset.dsgvo .mandatory,
.ce_form .klickstreck--bohren fieldset.dsgvo .mandatory {
  position: absolute;
  top: -8px;
  right: -8px;
}
.ce_form .klickstrecke fieldset:not(:first-of-type),
.ce_form .klickstreck--bohren fieldset:not(:first-of-type) {
  display: none;
}
.ce_form .klickstrecke fieldset.showtrue,
.ce_form .klickstreck--bohren fieldset.showtrue {
  display: block;
}
.ce_form .klickstrecke .widget,
.ce_form .klickstrecke .row,
.ce_form .klickstreck--bohren .widget,
.ce_form .klickstreck--bohren .row {
  margin-bottom: 2em;
}
@media screen and (max-width: 58.6875em) {
  .ce_form .klickstrecke .widget,
  .ce_form .klickstrecke .row,
  .ce_form .klickstreck--bohren .widget,
  .ce_form .klickstreck--bohren .row {
    margin-bottom: 1em;
  }
}
.ce_form .klickstrecke .widget-checkbox .checkbox_container > span,
.ce_form .klickstreck--bohren .widget-checkbox .checkbox_container > span {
  display: block;
  position: relative;
}
.ce_form .klickstrecke .widget-checkbox .checkbox_container > span label,
.ce_form .klickstreck--bohren .widget-checkbox .checkbox_container > span label {
  padding-left: 30px;
}
.ce_form .klickstrecke .widget-checkbox .checkbox_container > span label::before,
.ce_form .klickstreck--bohren .widget-checkbox .checkbox_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
  height: 20px;
  width: 20px;
  border: 1px solid #fff;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.ce_form .klickstrecke .widget-checkbox .checkbox_container > span input:checked ~ label::before,
.ce_form .klickstreck--bohren .widget-checkbox .checkbox_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: 20px;
  color: #bcdab3;
}
.ce_form .klickstrecke .widget-checkbox.dsgvo,
.ce_form .klickstreck--bohren .widget-checkbox.dsgvo {
  text-align: left;
}
.ce_form .klickstrecke .widget-checkbox.dsgvo legend,
.ce_form .klickstreck--bohren .widget-checkbox.dsgvo legend {
  display: none;
}
.ce_form .klickstrecke .widget-radio .radio_container > span,
.ce_form .klickstreck--bohren .widget-radio .radio_container > span {
  display: block;
  position: relative;
}
.ce_form .klickstrecke .widget-radio .radio_container > span label,
.ce_form .klickstreck--bohren .widget-radio .radio_container > span label {
  position: relative;
  cursor: pointer;
}
.ce_form .klickstrecke .widget-radio .radio_container > span label::before,
.ce_form .klickstreck--bohren .widget-radio .radio_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 2;
  right: 3px;
  top: 3px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #fff;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.ce_form .klickstrecke .widget-radio .radio_container > span input:checked ~ label::before,
.ce_form .klickstreck--bohren .widget-radio .radio_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: 20px;
  color: #bcdab3;
}
.ce_form .klickstrecke .widget-radio .radio_container > span input:checked ~ label,
.ce_form .klickstreck--bohren .widget-radio .radio_container > span input:checked ~ label {
  background-color: #bcdab3;
}
.ce_form .klickstrecke .widget-submit,
.ce_form .klickstrecke .widget-pagebreak,
.ce_form .klickstreck--bohren .widget-submit,
.ce_form .klickstreck--bohren .widget-pagebreak {
  text-align: center;
}
.ce_form .klickstrecke .widget-submit button,
.ce_form .klickstrecke .widget-pagebreak button,
.ce_form .klickstreck--bohren .widget-submit button,
.ce_form .klickstreck--bohren .widget-pagebreak button {
  background: #44962b;
  color: #fff;
  padding: 0.6em;
  border: 1px solid #fff;
  cursor: pointer;
}
.ce_form .klickstrecke .widget-submit button:hover,
.ce_form .klickstrecke .widget-pagebreak button:hover,
.ce_form .klickstreck--bohren .widget-submit button:hover,
.ce_form .klickstreck--bohren .widget-pagebreak button:hover {
  background: #4daa31;
}
.ce_form .klickstrecke .widget-select,
.ce_form .klickstrecke .ctlg_form_field.select,
.ce_form .klickstreck--bohren .widget-select,
.ce_form .klickstreck--bohren .ctlg_form_field.select {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ce_form .klickstrecke .widget-select::after,
.ce_form .klickstrecke .ctlg_form_field.select::after,
.ce_form .klickstreck--bohren .widget-select::after,
.ce_form .klickstreck--bohren .ctlg_form_field.select::after {
  content: "▼";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem 0.2em;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  color: #1D1D1B;
}
.ce_form .klickstrecke .widget-select label,
.ce_form .klickstrecke .ctlg_form_field.select label,
.ce_form .klickstreck--bohren .widget-select label,
.ce_form .klickstreck--bohren .ctlg_form_field.select label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.ce_form .klickstrecke .widget-select select,
.ce_form .klickstrecke .ctlg_form_field.select select,
.ce_form .klickstreck--bohren .widget-select select,
.ce_form .klickstreck--bohren .ctlg_form_field.select select {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  padding: 0.6em;
  border: 2px solid #fff;
  background: #fff;
  color: #1D1D1B;
  cursor: pointer;
  border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.ce_form .klickstrecke .widget-select select option,
.ce_form .klickstrecke .ctlg_form_field.select select option,
.ce_form .klickstreck--bohren .widget-select select option,
.ce_form .klickstreck--bohren .ctlg_form_field.select select option {
  padding: 0.6em;
  color: #1D1D1B;
}
.ce_form .klickstrecke div.button.weiter,
.ce_form .klickstreck--bohren div.button.weiter {
  background: #149EDA;
  color: #fff;
  padding: 0.5rem 1rem;
  cursor: pointer;
  max-width: 300px;
  margin: 0 auto;
}
.ce_form .klickstrecke div.button.weiter:hover, .ce_form .klickstrecke div.button.weiter:focus,
.ce_form .klickstreck--bohren div.button.weiter:hover,
.ce_form .klickstreck--bohren div.button.weiter:focus {
  background-color: #44962b;
}
.ce_form .klickstrecke div.button.weiter.blind,
.ce_form .klickstreck--bohren div.button.weiter.blind {
  background: #BDBFC2;
  pointer-events: none;
}
.ce_form .klickstrecke .buttonfieldset:not([style="display: none;"]) + .blind,
.ce_form .klickstreck--bohren .buttonfieldset:not([style="display: none;"]) + .blind {
  display: none;
}
.ce_form .klickstrecke input[aria-invalid=true],
.ce_form .klickstreck--bohren input[aria-invalid=true] {
  background-color: #f78080;
}
.ce_form .klickstrecke input[aria-invalid=false],
.ce_form .klickstreck--bohren input[aria-invalid=false] {
  background-color: #bcdab3;
}
.ce_form .klickstrecke .validation_error,
.ce_form .klickstreck--bohren .validation_error {
  color: red;
}
.ce_form .klickstrecke progress,
.ce_form .klickstreck--bohren progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 8px;
  border-top: 1px solid #fff;
  background-color: #eaeaea;
}
.ce_form .klickstrecke .explanation,
.ce_form .klickstreck--bohren .explanation {
  max-width: 65ch;
  margin: 0 auto;
}
.ce_form .klickstrecke .explanation p, .ce_form .klickstrecke .explanation strong,
.ce_form .klickstreck--bohren .explanation p,
.ce_form .klickstreck--bohren .explanation strong {
  color: #fff;
}
.ce_form .klickstrecke p.error,
.ce_form .klickstreck--bohren p.error {
  color: red;
}

/*Darstellungen Konfigurator Formfields*/
.ce_form .widget-radio {
  /*Anbau*/
  /*kellerinnenabdichtung*/
  /* Kernsanierung */
}
.ce_form .widget-radio .radio_container.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ce_form .widget-radio .radio_container.flexbox > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.ce_form .widget-radio .radio_container.flexbox > span input {
  display: none;
}
.ce_form .widget-radio .radio_container.flexbox > span label {
  padding-top: 140px;
  color: #1D1D1B;
  position: relative;
  text-align: center;
  min-width: 160px;
  margin-bottom: 1rem;
}
.ce_form .widget-radio .boden span:nth-child(1) label {
  background: url("/files/theme/img/formicons/sand.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .boden span:nth-child(2) label {
  background: url("/files/theme/img/formicons/lehm.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .boden span:nth-child(3) label {
  background: url("/files/theme/img/formicons/fels.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .boden span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wand span:nth-child(1) label {
  background: url("/files/theme/img/formicons/wand_gut.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wand span:nth-child(2) label {
  background: url("/files/theme/img/formicons/wand_mittel.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wand span:nth-child(3) label {
  background: url("/files/theme/img/formicons/wand_schlecht.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wand span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(1) label {
  background: url("/files/theme/img/formicons/lkw.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(2) label {
  background: url("/files/theme/img/formicons/schubkarre.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(3) label {
  background: url("/files/theme/img/formicons/eimer.svg") center bottom 30px no-repeat #fff;
  background-size: 60px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wege span:nth-child(1) label {
  background: url("/files/theme/img/formicons/direktbegehbar.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wege span:nth-child(2) label {
  background: url("/files/theme/img/formicons/kurzewege.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wege span:nth-child(3) label {
  background: url("/files/theme/img/formicons/langewege.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(1) label {
  background: url("/files/theme/img/formicons/kistenstapel.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(2) label {
  background: url("/files/theme/img/formicons/kistenklein.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(3) label {
  background: url("/files/theme/img/formicons/besen.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(1) label {
  background: url("/files/theme/img/formicons/waendevoll.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(2) label {
  background: url("/files/theme/img/formicons/waendemittel.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(3) label {
  background: url("/files/theme/img/formicons/check.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(1) label {
  background: url("/files/theme/img/formicons/haus_keinplatz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(2) label {
  background: url("/files/theme/img/formicons/haus_baggerplatz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(3) label {
  background: url("/files/theme/img/formicons/haus_genugplatz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(1) label {
  background: url("/files/theme/img/formicons/kleinerdrei.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(2) label {
  background: url("/files/theme/img/formicons/drei.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(3) label {
  background: url("/files/theme/img/formicons/groesserdrei.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(1) label {
  background: url("/files/theme/img/formicons/zehnprozent.svg") center center no-repeat #fff;
  background-size: 120px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(2) label {
  background: url("/files/theme/img/formicons/zwanzigprozent.svg") center center no-repeat #fff;
  background-size: 120px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(3) label {
  background: url("/files/theme/img/formicons/dreissigprozent.svg") center center no-repeat #fff;
  background-size: 120px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(1) label {
  background: url("/files/theme/img/formicons/fliesen.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(2) label {
  background: url("/files/theme/img/formicons/estrich.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(3) label {
  background: url("/files/theme/img/formicons/holz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .quality span:nth-child(1) label {
  background: url("/files/theme/img/formicons/qul_standard.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .quality span:nth-child(2) label {
  background: url("/files/theme/img/formicons/qul_gehoben.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .quality span:nth-child(3) label {
  background: url("/files/theme/img/formicons/qul_premium.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}

/*Anzeige Layout für Auuserhalb von Form in Erklärungen*/
span.mandatory {
  color: red;
  font-size: 30px;
}

.page-2 .ce_text.explain-mandatory {
  display: none;
}

.duplication-buttons .validation_error {
  display: none !important;
}

.widget-pagebreak .validation_error:nth-of-type(2) {
  display: none !important;
}

.ce_form .ce_accordion {
  background-color: #fff;
}
.ce_form .ce_accordion * {
  color: #000 !important;
  text-align: left !important;
}
.ce_form .ce_accordion .toggler {
  padding: 0.5rem 3rem 0.5rem 1rem;
}

/*Variable Werte für Grundstyle*/
/*Klassen für @extend*/
.fieldreset, .ce_form .widget-checkbox.dsgvo fieldset, .ce_form .klickstrecke .widget-checkbox.dsgvo fieldset,
.ce_form .klickstreck--bohren .widget-checkbox.dsgvo fieldset {
  border: none;
  padding: 0;
}

/*Basic Styles*/
.ce_form [class*=grid_] {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
}
.ce_form .explanation p, .ce_form .explanation li, .ce_form .explanation a, .ce_form .explanation strong, .ce_form .explanation h1, .ce_form .explanation h2, .ce_form .explanation h3, .ce_form .explanation h4, .ce_form .explanation h5 {
  color: #1D1D1B;
}
.ce_form input,
.ce_form label {
  display: block;
}
.ce_form label,
.ce_form legend {
  color: #3D4042;
  font-size: 0.8rem;
}
.ce_form label span.mandatory,
.ce_form legend span.mandatory {
  color: red;
  font-size: 1em;
}
.ce_form input,
.ce_form textarea {
  width: 100%;
  border: 1px solid #74787C;
  padding: 0.6em;
  background-color: #fff;
  color: #1D1D1B;
  border-radius: 0px;
}
.ce_form input:focus,
.ce_form textarea:focus {
  background: #fafafa;
}
.ce_form input:valid {
  color: #1D1D1B;
}
.ce_form input:invalid {
  color: gray;
}
.ce_form input[readonly] {
  background-color: #F2F2F3;
  color: #95999D;
}
@media screen and (max-width: 46.875em) {
  .ce_form fieldset {
    padding: 1rem;
  }
}
@media screen and (max-width: 22.5em) {
  .ce_form fieldset {
    padding: 1rem 0.2rem;
  }
}
.ce_form fieldset.buttonfieldset {
  border: none;
  padding: 0;
}
.ce_form fieldset.dsgvo {
  text-align: left;
  display: inline-block;
}
.ce_form fieldset.dsgvo label {
  position: relative;
}
.ce_form fieldset.dsgvo .mandatory {
  position: absolute;
  top: -8px;
  right: -8px;
}
.ce_form fieldset:not(:first-of-type) {
  display: none;
}
.ce_form fieldset.showtrue {
  display: block;
}
.ce_form .widget,
.ce_form .row {
  margin-bottom: 1em;
}
@media screen and (max-width: 58.6875em) {
  .ce_form .widget,
  .ce_form .row {
    margin-bottom: 0.3em;
  }
}
.ce_form .ce_cp_grid_start {
  margin: 0;
}
.ce_form .widget-checkbox .checkbox_container > span {
  display: block;
  position: relative;
}
.ce_form .widget-checkbox .checkbox_container > span label {
  padding-left: 30px;
}
.ce_form .widget-checkbox .checkbox_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
  height: 20px;
  width: 20px;
  border: 1px solid #74787C;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.ce_form .widget-checkbox .checkbox_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: 20px;
  color: #a0cb89;
}
.ce_form .widget-checkbox.dsgvo {
  text-align: left;
}
.ce_form .widget-checkbox.dsgvo legend {
  display: none;
}
.ce_form .widget-radio .radio_container > span {
  display: block;
  position: relative;
}
.ce_form .widget-radio .radio_container > span label {
  position: relative;
  cursor: pointer;
}
.ce_form .widget-radio .radio_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 2;
  right: 3px;
  top: 3px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid #74787C;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.ce_form .widget-radio .radio_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: 20px;
  color: #a0cb89;
}
.ce_form .widget-radio .radio_container > span input:checked ~ label {
  background-color: #a0cb89;
}
.ce_form .widget-submit,
.ce_form .widget-pagebreak,
.ce_form .submit_container {
  text-align: center;
}
.ce_form .widget-submit button,
.ce_form .widget-pagebreak button,
.ce_form .submit_container button {
  background: #3D4042;
  color: #fff;
  padding: 0.6em;
  border: 1px solid #74787C;
  cursor: pointer;
}
.ce_form .widget-submit button:hover,
.ce_form .widget-pagebreak button:hover,
.ce_form .submit_container button:hover {
  background: #56595C;
}
.ce_form .widget-select,
.ce_form .ctlg_form_field.select {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ce_form .widget-select::after,
.ce_form .ctlg_form_field.select::after {
  content: "▼";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem 0.2em;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  color: #1D1D1B;
}
.ce_form .widget-select label,
.ce_form .ctlg_form_field.select label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.ce_form .widget-select select,
.ce_form .ctlg_form_field.select select {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  padding: 0.6em;
  border: 2px solid #74787C;
  background: #fff;
  color: #1D1D1B;
  cursor: pointer;
  border-radius: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.ce_form .widget-select select option,
.ce_form .ctlg_form_field.select select option {
  padding: 0.6em;
  color: #1D1D1B;
}
.ce_form div.button.weiter {
  background: #149EDA;
  color: #fff;
  padding: 0.5rem 1rem;
  cursor: pointer;
  max-width: 300px;
  margin: 0 auto;
}
.ce_form div.button.weiter:hover, .ce_form div.button.weiter:focus {
  background-color: #44962b;
}
.ce_form div.button.weiter.blind {
  background: #BDBFC2;
  pointer-events: none;
}
.ce_form .buttonfieldset:not([style="display: none;"]) + .blind {
  display: none;
}
.ce_form input[aria-invalid=true] {
  background-color: #f78080;
}
.ce_form input[aria-invalid=false] {
  background-color: #a0cb89;
}
.ce_form .validation_error {
  color: red;
}
.ce_form progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 8px;
  border-top: 1px solid #fff;
  background-color: #eaeaea;
}
.ce_form .explanation {
  max-width: 65ch;
  margin: 0 auto;
}
.ce_form p.error {
  color: red;
}
.ce_form .accordion summary {
  cursor: pointer;
}
.ce_form .accordion .content {
  padding: 0.5rem;
  margin-bottom: 1rem;
  background-color: #e9f3e6;
}

/*Darstellungen Konfigurator Formfields*/
.ce_form .widget-radio {
  /*Anbau*/
  /*kellerinnenabdichtung*/
}
.ce_form .widget-radio .radio_container.flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ce_form .widget-radio .radio_container.flexbox > span {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.ce_form .widget-radio .radio_container.flexbox > span input {
  display: none;
}
.ce_form .widget-radio .radio_container.flexbox > span label {
  padding-top: 140px;
  color: #1D1D1B;
  position: relative;
  text-align: center;
  min-width: 160px;
  margin-bottom: 1rem;
}
.ce_form .widget-radio .boden span:nth-child(1) label {
  background: url("/files/theme/img/formicons/sand.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .boden span:nth-child(2) label {
  background: url("/files/theme/img/formicons/lehm.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .boden span:nth-child(3) label {
  background: url("/files/theme/img/formicons/fels.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .boden span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(1) label {
  background: url("/files/theme/img/formicons/lkw.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(2) label {
  background: url("/files/theme/img/formicons/schubkarre.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(3) label {
  background: url("/files/theme/img/formicons/eimer.svg") center bottom 30px no-repeat #fff;
  background-size: 60px;
}
.ce_form .widget-radio .erreichbarkeit span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wege span:nth-child(1) label {
  background: url("/files/theme/img/formicons/direktbegehbar.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wege span:nth-child(2) label {
  background: url("/files/theme/img/formicons/kurzewege.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .wege span:nth-child(3) label {
  background: url("/files/theme/img/formicons/langewege.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(1) label {
  background: url("/files/theme/img/formicons/kistenstapel.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(2) label {
  background: url("/files/theme/img/formicons/kistenklein.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(3) label {
  background: url("/files/theme/img/formicons/besen.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerleer span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(1) label {
  background: url("/files/theme/img/formicons/waendevoll.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(2) label {
  background: url("/files/theme/img/formicons/waendemittel.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(3) label {
  background: url("/files/theme/img/formicons/check.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .kellerwaendefrei span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(1) label {
  background: url("/files/theme/img/formicons/haus_keinplatz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(2) label {
  background: url("/files/theme/img/formicons/haus_baggerplatz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(3) label {
  background: url("/files/theme/img/formicons/haus_genugplatz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .aushubaussen span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(1) label {
  background: url("/files/theme/img/formicons/kleinerdrei.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(2) label {
  background: url("/files/theme/img/formicons/drei.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(3) label {
  background: url("/files/theme/img/formicons/groesserdrei.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .tiefeschaden span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(1) label {
  background: url("/files/theme/img/formicons/zehnprozent.svg") center center no-repeat #fff;
  background-size: 120px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(2) label {
  background: url("/files/theme/img/formicons/zwanzigprozent.svg") center center no-repeat #fff;
  background-size: 120px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(3) label {
  background: url("/files/theme/img/formicons/dreissigprozent.svg") center center no-repeat #fff;
  background-size: 120px;
}
.ce_form .widget-radio .groesseschaden span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(1) label {
  background: url("/files/theme/img/formicons/fliesen.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(2) label {
  background: url("/files/theme/img/formicons/estrich.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(3) label {
  background: url("/files/theme/img/formicons/holz.svg") center center no-repeat #fff;
  background-size: 140px;
}
.ce_form .widget-radio .balkonbodenbelag span:nth-child(4) label {
  background: url("/files/theme/img/formicons/unsicher.svg") center bottom 30px no-repeat #fff;
  background-size: 140px;
}

/*Anzeige Layout für Auuserhalb von Form in Erklärungen*/
span.mandatory {
  color: red;
  font-size: 30px;
}

.page-2 .ce_text.explain-mandatory {
  display: none;
}

.umkreissuche .ce_cp_grid_start {
  margin: 0;
}
.umkreissuche .widget-submit button,
.umkreissuche .button a {
  display: block;
  width: 100%;
  border-radius: 0;
}

input[type=color] {
  -webkit-appearance: none;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: relative;
}
input[type=color]:after {
  content: attr(value); /* Pseudo-Elemente haben keinen Zugriff auf das Value-Attribut */
  color: #ff44ff;
  margin-left: 10px;
  font-weight: bold;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 4px;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav li {
  margin: 0;
}
nav a {
  display: block;
  text-decoration: none;
}
nav a svg {
  width: 1em;
  height: 1em;
  margin-bottom: -0.2em;
}

.content-nav {
  margin: 2rem 0;
}
.content-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.content-nav li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 1rem);
          flex: 0 0 calc(33% - 1rem);
  margin-right: 1rem;
  margin-bottom: 1rem;
  position: relative;
}
@media screen and (max-width: 54.375em) {
  .content-nav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1rem);
            flex: 0 0 calc(50% - 1rem);
  }
}
@media screen and (max-width: 36.25em) {
  .content-nav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.content-nav li .bg_square {
  position: absolute;
  right: 0;
  top: 0;
  color: #F2F2F3;
  width: 100px;
}
.content-nav a {
  padding: 5rem 1rem 1rem 3rem;
  background: #E5E5E6;
  background-size: 80px;
  color: var(--text-color);
  font-size: 22px;
  display: block;
  height: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  text-wrap: balance;
}
.content-nav a:hover, .content-nav a:focus {
  background-color: #BDBFC2;
}
.content-nav a svg {
  color: var(--var-basecolor);
  height: 30px;
  position: absolute;
  left: 10px;
}

.mainnav {
  display: none;
}
@media screen and (min-width: 53.125em) {
  .mainnav {
    display: block;
  }
}
.mainnav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mainnav li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: relative;
}
@media screen and (min-width: 40em) {
  .mainnav li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .mainnav li:not(.last) {
    margin-right: 0.5rem;
  }
}
.mainnav li:hover ul, .mainnav li:focus ul {
  background: inherit;
}
.mainnav a {
  padding: 0.3rem 1rem;
  color: #083f57;
  white-space: nowrap;
}
.mainnav a:hover, .mainnav a:focus, .mainnav a.active, .mainnav a.trail {
  color: #44962b;
  background-color: #e8f5fb;
}
.mainnav a.memberarea {
  color: #107eae;
}
.mainnav a.memberarea:hover, .mainnav a.memberarea:focus, .mainnav a.memberarea.active, .mainnav a.memberarea.trail {
  color: #149EDA;
}
.mainnav a.icon {
  padding: 0.3rem 0;
}
.mainnav a.icon:hover, .mainnav a.icon:focus, .mainnav a.icon.active, .mainnav a.icon.trail {
  background: none;
}
.mainnav a.icon svg {
  height: 25px;
  width: 25px;
}
.activeuser .mainnav a.icon {
  color: #44962b;
}
.mainnav .level_2 {
  display: block;
  display: none;
  position: absolute;
  z-index: 10;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  background-color: #e8f5fb;
}
.mainnav .level_2 li {
  margin: 0.3rem 0;
  position: static;
}
.mainnav .level_1 li:hover > .level_2, .mainnav .level_1 li:focus > .level_2 {
  display: block;
  background-color: #e8f5fb;
}

/*Ausblenden*/
body.projektauswahl .projektauswahl {
  display: none;
}

.law-nav a {
  color: #fff;
}
.law-nav a:hover, .law-nav a:focus {
  color: #fafafa;
}

.mobile_menu_trigger {
  color: #149EDA;
}

.mobile_menu .inner {
  background: url("/files/theme/img/backgrounds/crossword.png") repeat;
  padding: 1rem;
}
.mobile_menu .mm-header {
  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-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.mobile_menu .mm-header .logo-color {
  max-width: 160px;
}
.mobile_menu .mm-header .log-nav a {
  font-weight: bold;
}
.mobile_menu .mm-main {
  margin-top: 1rem;
  border-top: 1px solid #E5E5E6;
}
.mobile_menu nav a {
  display: block;
  padding: 0.5rem;
}
.mobile_menu nav a:hover, .mobile_menu nav a:focus {
  background-color: rgba(0, 0, 0, 0.24);
}
.mobile_menu nav li li {
  padding-left: 0.5rem;
}
.mobile_menu .mm-footer {
  margin-top: 1rem;
  border-top: 1px solid #E5E5E6;
}
.mobile_menu .mm-footer .law-nav ul {
  text-align: center;
}
.mobile_menu .mm-footer .law-nav li {
  display: inline-block;
}
.mobile_menu .mm-footer .law-nav a {
  color: #74787C;
  font-size: 0.7rem;
}

.member-nav-kalkulatoren a {
  padding: 0.8rem;
  border: 1px solid #a1d8f0;
  border-radius: 10px;
  margin: 0.3rem 0;
}
.member-nav-kalkulatoren a svg {
  height: 1em;
  width: 1em;
}

.button {
  display: inline-block;
}
.button a,
.button button {
  display: block;
  padding: 0.3rem 0.5rem;
  text-align: center;
  border: 1px solid #149EDA;
  border-radius: 5px;
  text-decoration: none;
  background: none;
  color: #1D1D1B;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
          box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  cursor: pointer;
}
.button a:hover, .button a:focus,
.button button:hover,
.button button:focus {
  border: 1px solid #149EDA;
  border-color: #149EDA;
  color: #1D1D1B;
  background: inherit;
  border-radius: 10px;
}
.button a svg,
.button button svg {
  height: 1em;
  width: 1em;
  margin-bottom: -0.2em;
}
.button.button-blau a,
.button.button-blau button {
  background: #149EDA;
  color: #fff;
}
.button.button-blau a:hover, .button.button-blau a:focus,
.button.button-blau button:hover,
.button.button-blau button:focus {
  background: #43b1e1;
}
.button.button-green a,
.button.button-green button {
  background: #44962b;
  color: #fff;
}
.button.button-green a:hover, .button.button-green a:focus,
.button.button-green button:hover,
.button.button-green button:focus {
  background: #4c9d33;
}
.button.bordered a,
.button.bordered button {
  background: #fff;
  color: #149EDA;
  border-color: #149EDA;
}
.button.centered {
  display: block;
  text-align: center;
}
.button.centered a,
.button.centered button {
  display: inline-block;
}
.button.full-width {
  display: block;
}
.button.spacing-bottom-s {
  margin-bottom: 0.5rem;
}
.button.spacing-bottom-m {
  margin-bottom: 1rem;
}
.button.spacing-bottom-l {
  margin-bottom: 1.5rem;
}
.button.operation a,
.button.operation button {
  background: #149EDA;
  color: #fff;
  padding: 0.8rem;
  text-align: center;
  display: block;
  margin: 0 0 1rem 0;
}
.button.operation.button-green a,
.button.operation.button-green button {
  background: #44962b;
  color: #fff;
}
.button.operation.button-green a:hover, .button.operation.button-green a:focus,
.button.operation.button-green button:hover,
.button.operation.button-green button:focus {
  background: #4c9d33;
}
.button.operation.secondary a,
.button.operation.secondary button {
  background: #95999D;
  border-color: #74787C;
  color: #fff;
}
.button.operation.secondary a:hover, .button.operation.secondary a:focus,
.button.operation.secondary button:hover,
.button.operation.secondary button:focus {
  background: #74787C;
  border-color: #95999D;
}
.button.operation.full-width {
  display: block;
}
.button.operation.full-width button {
  width: 100%;
}

.mitmacher-liste {
  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;
}
.mitmacher-liste .mitmacher-item {
  border: 1px solid #149EDA;
  padding: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 49%;
          flex: 0 49%;
  margin-right: 0.5%;
  margin-bottom: 1%;
  border-radius: 5px;
}
@media screen and (max-width: 37.5em) {
  .mitmacher-liste .mitmacher-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 100%;
            flex: 0 100%;
    margin-bottom: 2rem;
  }
}
.mitmacher-liste .mitmacher-item .leistungen {
  margin-top: 1rem;
  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;
}
.mitmacher-liste .mitmacher-item .leistungen > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  margin: 0 0 2% 0;
}
.mitmacher-liste .mitmacher-item .title {
  color: #083f57;
  font-size: 1.3rem;
}
.mitmacher-liste .mitmacher-item .more {
  margin: 0.5rem 0 0 0;
}
.mitmacher-liste .mitmacher-item .logo img {
  height: 50px;
}
.mitmacher-liste a svg {
  width: 20px;
  height: 20px;
}
.mitmacher-liste a img {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.mitmacher-liste a:hover, .mitmacher-liste a:focus {
  background: none;
  color: #107eae;
}
.mitmacher-liste a:hover img, .mitmacher-liste a:focus img {
  -webkit-transform: scale(1.01);
          transform: scale(1.01);
}
.mitmacher-liste .mail,
.mitmacher-liste .phone,
.mitmacher-liste .url,
.mitmacher-liste .street {
  display: block;
}

.verwaltung {
  position: relative;
}
.verwaltung .ctlg_entity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px dashed #a1d8f0;
}
.verwaltung .ctlg_entity.ob_mm_company_map {
  display: block;
}
.verwaltung .ctlg_entity.ob_mm_company_description p {
  color: #1D1D1B;
}
.verwaltung .ctlg_entity .ctlg_entity_name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
  color: #74787C;
}
.verwaltung .operations {
  padding: 0;
}
.verwaltung .operations li {
  display: block;
  margin: 0;
}
.verwaltung .operations li a {
  display: block;
  margin: 0 0 1rem 0;
}
.verwaltung .more {
  display: none;
}
.verwaltung .widget-text.color-value:has(.color-preview) {
  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;
}
.verwaltung .widget-text.color-value:has(.color-preview) label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.verwaltung .widget-text.color-value:has(.color-preview) input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
}
.verwaltung .widget-text.color-value:has(.color-preview) .color-preview {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}

.leistungen,
.themen {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}
.leistungen li,
.themen li {
  margin-bottom: 0.5rem;
}
.leistungen a,
.themen a {
  display: block;
  color: #1D1D1B;
  text-decoration: none;
  border: 1px solid #149EDA;
  background-color: #e8f5fb;
  background-size: 1em 1em;
  background-position: left 0.5em center;
  background-repeat: no-repeat;
  border-radius: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  padding: 0.6rem;
  line-height: 1;
  padding-left: 2em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.leistungen a:hover, .leistungen a:focus,
.themen a:hover,
.themen a:focus {
  border-radius: 8px;
  background-color: #a1d8f0;
  background-size: 1em 1em;
  background-position: left 0.5em center;
  background-repeat: no-repeat;
  color: #1D1D1B;
}
.leistungen a.anbau,
.themen a.anbau {
  background-image: url("/files/icons/klickstrecken/anbau.svg");
}
.leistungen a.balkonoben,
.themen a.balkonoben {
  background-image: url("/files/icons/klickstrecken/balkonoben.svg");
}
.leistungen a.balkonunten,
.themen a.balkonunten {
  background-image: url("/files/icons/klickstrecken/balkonunten.svg");
}
.leistungen a.kellerinnen,
.themen a.kellerinnen {
  background-image: url("/files/icons/klickstrecken/kellerinnen.svg");
}
.leistungen a.kelleraussen,
.themen a.kelleraussen {
  background-image: url("/files/icons/klickstrecken/kelleraussen.svg");
}
.leistungen a.fliesenwand,
.themen a.fliesenwand {
  background-image: url("/files/icons/klickstrecken/fliesenwand.svg");
}

.themen li:not(:last-child):after {
  content: "—";
  display: inline-block;
  margin-left: 0.5rem;
}

.mitmacher-logos ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: center;
      align-content: center;
}
.mitmacher-logos li {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.mitmacher-logos a {
  display: block;
  padding: 1rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.operations {
  margin: 2rem 0;
  padding: 0;
  list-style: none;
}
.operations li {
  display: inline-block;
}
.operations li:not(:last-child) {
  margin-right: 0.3rem;
}

.mod_catalogUniversalView .company-info {
  text-align: center;
}
.mod_catalogUniversalView .company-info h1 {
  font-size: 1.3rem;
}
.mod_catalogUniversalView .ctlg_entities .ctlg_entity {
  padding: 0.3rem;
}
.mod_catalogUniversalView .ctlg_entities .ctlg_entity:nth-child(even) {
  background: #fff;
}
.mod_catalogUniversalView .ctlg_entities .ctlg_entity.ob_mm_company_member {
  display: none;
}
.mod_catalogUniversalView .ctlg_form .fields_container {
  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;
}
.mod_catalogUniversalView .ctlg_form .fields_container .widget {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.mod_catalogUniversalView .ctlg_form .fields_container .widget.widget-text, .mod_catalogUniversalView .ctlg_form .fields_container .widget.widget-select, .mod_catalogUniversalView .ctlg_form .fields_container .widget.finehalf {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
.mod_catalogUniversalView .ctlg_form .fields_container .widget.widget-text:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.mod_catalogUniversalView .ctlg_form .message {
  padding: 1rem;
  text-align: center;
  background: #ffd802;
}
.mod_catalogUniversalView .ctlg_form .qq-upload-button {
  width: auto;
}
.mod_catalogUniversalView .ctlg_form .qq-uploader {
  min-height: 100px;
  padding: 0.5rem;
}
.mod_catalogUniversalView .ctlg_form .qq-uploader::before {
  position: absolute;
  font-size: 100%;
  text-align: center;
  top: 1.5rem;
}

.mitmacher-map {
  margin: 0 0 3rem 0;
}

.mod_catalogMasterView .intro {
  margin-bottom: 2rem;
}
.mod_catalogMasterView .intro h1 {
  margin: 0;
}
.mod_catalogMasterView h1 {
  color: var(--var-basecolor);
  font-size: 1.5rem;
  font-weight: 400;
}
.mod_catalogMasterView h2 {
  color: var(--var-basecolor);
  font-size: 1.2rem;
}
.mod_catalogMasterView h2, .mod_catalogMasterView h3, .mod_catalogMasterView h4, .mod_catalogMasterView h5, .mod_catalogMasterView h6 {
  color: #56595C;
}
.mod_catalogMasterView .content-nav {
  margin: 0;
}
.mod_catalogMasterView a.logo {
  display: block;
  margin-bottom: 2rem;
}
.mod_catalogMasterView a.logo img {
  height: 90px;
  width: auto;
}
.mod_catalogMasterView a.logo:hover, .mod_catalogMasterView a.logo:focus {
  background: none;
}
.mod_catalogMasterView .ctlg_field_map {
  margin: 3rem 0;
}
.mod_catalogMasterView .contact-links a {
  border-color: var(--var-basecolor);
}
.mod_catalogMasterView .description {
  margin: 1rem 0;
}
.mod_catalogMasterView .ansprechpartner {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 0.6rem;
  border-right: 3px solid var(--var-basecolor);
}
.mod_catalogMasterView .ansprechpartner > strong {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--var-basecolor);
}
.mod_catalogMasterView .ansprechpartner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mod_catalogMasterView .ansprechpartner ul a {
  display: block;
  padding-left: 1rem;
  color: #74787C;
}
.mod_catalogMasterView .ansprechpartner ul a:hover, .mod_catalogMasterView .ansprechpartner ul a:focus {
  color: var(--var-basecolor);
}
.mod_catalogMasterView .ansprechpartner ul a[href^=https] {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZD0iTTIwLjA4NSAxMS4wODVMMTIgM2wtOSA5aDJ2N2EyIDIgMCAwIDAgMiAyaDQuNSIvPjxwYXRoIGQ9Ik05IDIxdi02YTIgMiAwIDAgMSAyLTJoMmEyIDIgMCAwIDEgMS44MDcgMS4xNDNNMjAgMjFhMSAxIDAgMSAwIDIgMGExIDEgMCAxIDAtMiAwbTAtNWExIDEgMCAxIDAgMiAwYTEgMSAwIDEgMC0yIDBtLTUgM2ExIDEgMCAxIDAgMiAwYTEgMSAwIDEgMC0yIDAiLz48cGF0aCBkPSJtMjEgMTZsLTUgM2w1IDIiLz48L2c+PC9zdmc+") left center no-repeat;
}
.mod_catalogMasterView .ansprechpartner ul a[href^=mailto] {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIyIDZjMC0xLjEtLjktMi0yLTJINGMtMS4xIDAtMiAuOS0yIDJ2MTJjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY2em0tMiAwbC04IDVsLTgtNWgxNnptMCAxMkg0VjhsOCA1bDgtNXYxMHoiLz48L3N2Zz4=") left center no-repeat;
}
.mod_catalogMasterView .ansprechpartner ul a[href^=tel] {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE5Ljk1IDIxcS0zLjEyNSAwLTYuMTg3LTEuMzVUOC4yIDE1LjhxLTIuNS0yLjUtMy44NS01LjU1VDMgNC4wNVYzaDUuOWwuOTI1IDUuMDI1bC0yLjg1IDIuODc1cS41NS45NzUgMS4yMjUgMS44NXQxLjQ1IDEuNjI1cS43MjUuNzI1IDEuNTg4IDEuMzg4VDEzLjEgMTdsMi45LTIuOWw1IDEuMDI1VjIxaC0xLjA1WiIvPjwvc3ZnPg==") left center no-repeat;
}
.mod_catalogMasterView .ansprechpartner img {
  border-radius: 10px;
}
.mod_catalogMasterView .ansprechpartner .caption {
  color: #5e666f;
}
.mod_catalogMasterView .klickstrecken {
  margin-bottom: 2rem;
}
.mod_catalogMasterView .ce_gallery {
  margin: 3rem 0;
}
.mod_catalogMasterView .ce_gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.adressblock .logo:hover, .adressblock .logo:focus {
  background: none;
}

.ansprechpartner h3 {
  margin-top: 0;
}

.widget-fine-uploader img {
  width: auto;
  height: 150px;
}

#data-values {
  margin-bottom: 1rem;
}
#data-values .achtung {
  color: rgb(200, 0, 0);
}

.mod_searchfaq {
  margin-bottom: 3rem;
}
.mod_searchfaq .formbody {
  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;
}
.mod_searchfaq .formbody .widget {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  margin: 0;
}
.mod_searchfaq .formbody .widget.widget-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-bottom: 0.4rem;
}
.mod_searchfaq .formbody .widget button {
  display: block;
  background: #149EDA;
  color: #fff;
  padding: 0.6em;
  border: 1px solid #74787C;
  cursor: pointer;
  width: 100%;
}
.mod_searchfaq .formbody .widget button:hover {
  background: #4daa31;
}
.mod_searchfaq .alert.alert-success {
  color: #4c9d33;
}
.mod_searchfaq .alert.alert-danger {
  color: rgb(200, 0, 0);
}

.mod_registration .widget-checkbox fieldset,
.mod_login .widget-checkbox fieldset {
  border: none;
  text-align: left;
  display: block;
}
.mod_registration .widget-checkbox fieldset legend,
.mod_login .widget-checkbox fieldset legend {
  display: none;
}
.mod_registration .widget-checkbox fieldset label,
.mod_login .widget-checkbox fieldset label {
  position: relative;
}
.mod_registration .widget-checkbox fieldset a,
.mod_login .widget-checkbox fieldset a {
  color: #44962b;
}
.mod_registration .eye-icon,
.mod_login .eye-icon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 30%;
}
.mod_registration .password-container,
.mod_login .password-container {
  position: relative;
}

.membernav.sidenav {
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 0;
}
.membernav.sidenav .operation {
  margin: 0;
}
.membernav.sidenav .operation a {
  margin: 0;
  text-align: left;
  position: relative;
  right: -82%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #fff;
  padding: 0.4rem;
}
.membernav.sidenav .operation a svg {
  margin-right: 0.5rem;
}
.membernav.sidenav .operation a:hover, .membernav.sidenav .operation a:focus {
  right: 0;
  padding: 0.8rem;
}

.ce_swiperStart .ce_text {
  max-width: 80%;
}
.ce_swiperStart .ce_cp_grid_start {
  margin: 0;
}

.swiper-button-next,
.swiper-button-prev {
  color: #149EDA;
}

.swiper-pagination-bullet-active {
  background: #149EDA;
}

.imageslider-slogan figure {
  position: relative;
  border-top: 2px solid #149EDA;
}
.imageslider-slogan figure .caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 2rem;
  color: #fff;
  background: #149EDA;
  text-align: center;
}

.preiskarte {
  border: 2px solid #74787C;
  border-radius: 15px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  overflow: hidden;
}
.preiskarte h2, .preiskarte h3 {
  text-align: center;
  background-color: #3D4042;
  color: #fff;
  margin: 0;
  padding: 0.5rem 1rem;
}
.preiskarte h3 {
  background-color: #E5E5E6;
  color: #1D1D1B;
  font-size: 1rem;
}
.preiskarte ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.preiskarte ul li {
  font-size: 0.8rem;
  padding-left: 1rem;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0yMCAxMmE4IDggMCAwIDEtOCA4YTggOCAwIDAgMS04LThhOCA4IDAgMCAxIDgtOGMuNzYgMCAxLjUuMTEgMi4yLjMxbDEuNTctMS41N0E5LjgyMiA5LjgyMiAwIDAgMCAxMiAyQTEwIDEwIDAgMCAwIDIgMTJhMTAgMTAgMCAwIDAgMTAgMTBhMTAgMTAgMCAwIDAgMTAtMTBNNy45MSAxMC4wOEw2LjUgMTEuNUwxMSAxNkwyMSA2bC0xLjQxLTEuNDJMMTEgMTMuMTdsLTMuMDktMy4wOVoiLz48L3N2Zz4=");
  background-position: left top 0.2rem;
  background-repeat: no-repeat;
  background-size: 0.8rem;
  color: #3D4042;
  line-height: 1.8;
}
.preiskarte ul li li {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0xNC40MyAxMEwxMiAybC0yLjQzIDhIMmw2LjE4IDQuNDFMNS44MyAyMkwxMiAxNy4zMUwxOC4xOCAyMmwtMi4zNS03LjU5TDIyIDEweiIvPjwvc3ZnPg==");
  background-position: left top 0.2rem;
  background-repeat: no-repeat;
}
.preiskarte > *:not(.ce_headline) {
  padding: 1rem;
}
.preiskarte.basic {
  border-color: #72c5e9;
}
.preiskarte.basic h2 {
  background-color: #72c5e9;
}
.preiskarte.standard {
  border-color: #4c9d33;
}
.preiskarte.standard h2 {
  background-color: #4c9d33;
}
.preiskarte.premium {
  border-color: #3D4042;
}
.preiskarte.premium h2 {
  background-color: #3D4042;
}
.preiskarte.platin {
  border-color: #9C9991;
}
.preiskarte.platin h2 {
  background-color: #9C9991;
}
.preiskarte.mostwanted {
  position: relative;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5);
  margin: -10px -2px 0 0;
}
.preiskarte.mostwanted:before {
  content: "beliebt!";
  position: absolute;
  top: 10px;
  left: -30px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  width: 110px;
  text-align: center;
  padding: 0.25em 0;
  color: white;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 2px solid #fff;
  background: #149EDA;
}
.preiskarte small {
  font-size: 14px;
  color: #95999D;
}
.preiskarte p:has(small) {
  line-height: 1.1;
}

.ce_gallery.center ul {
  justify-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ce_gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ce_gallery ul li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 1rem);
      flex-basis: calc(100% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul li {
    margin: 0;
  }
}
.ce_gallery ul.cols_2 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(50% - 1rem);
      flex-basis: calc(50% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_2 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_2 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_2 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_3 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(33% - 1rem);
      flex-basis: calc(33% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_3 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_3 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_3 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_4 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(25% - 1rem);
      flex-basis: calc(25% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_4 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_4 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_4 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_5 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(20% - 1rem);
      flex-basis: calc(20% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_5 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_5 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_5 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_6 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(16.6666% - 1rem);
      flex-basis: calc(16.6666% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_6 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_6 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_6 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_7 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(14.28% - 1rem);
      flex-basis: calc(14.28% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_7 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_7 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_7 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_8 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(12.5% - 1rem);
      flex-basis: calc(12.5% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_8 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_8 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_8 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_9 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(11.1111111% - 1rem);
      flex-basis: calc(11.1111111% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_9 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_9 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_9 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_10 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(10% - 1rem);
      flex-basis: calc(10% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_10 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_10 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_10 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_11 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(9.09% - 1rem);
      flex-basis: calc(9.09% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_11 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_11 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_11 li {
    margin: 0;
  }
}
.ce_gallery ul.cols_12 li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(8.333331% - 1rem);
      flex-basis: calc(8.333331% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul.cols_12 {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul.cols_12 {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul.cols_12 li {
    margin: 0;
  }
}

.ce_gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ce_gallery ul li {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: calc(33.333333% - 1rem);
      flex-basis: calc(33.333333% - 1rem);
  margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
  .ce_gallery ul {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (min-width: 41.25em) {
    .ce_gallery ul {
      grid-gap: 1.5rem;
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  .ce_gallery ul li {
    margin: 0;
  }
}

body {
  --spinner-color: var(--var-basecolor);
}

.loader {
  display: block;
  margin: 0 auto;
}

.fadein button[type=submit],
.thx {
  opacity: 0;
  height: 0;
  -webkit-animation-name: showbutton;
          animation-name: showbutton;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.thx {
  color: #fff;
}

.loader {
  display: block;
  margin: 0 auto;
}

.loader {
  position: relative;
  width: 75px;
  height: 100px;
  background-repeat: no-repeat;
  background-image: linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0), linear-gradient(#DDD 50px, transparent 0);
  background-size: 8px 100%;
  background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  -webkit-animation: pillerPushUp 4s linear;
          animation: pillerPushUp 4s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.loader:after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background: var(--spinner-color, #fff);
  border-radius: 50%;
  -webkit-animation: ballStepUp 4s linear;
          animation: ballStepUp 4s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

@-webkit-keyframes zeigedich {
  from {
    opacity: 0;
    height: auto;
  }
  to {
    opacity: 1;
    height: auto;
  }
}

@keyframes zeigedich {
  from {
    opacity: 0;
    height: auto;
  }
  to {
    opacity: 1;
    height: auto;
  }
}
@-webkit-keyframes showbutton {
  from {
    opacity: 0;
    height: auto;
  }
  to {
    opacity: 1;
    height: auto;
  }
}
@-webkit-keyframes pillerPushUp {
  0%, 40%, 100% {
    background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  }
  50%, 90% {
    background-position: 0px 50px, 15px 58px, 30px 66px, 45px 78px, 60px 90px;
  }
}
@keyframes pillerPushUp {
  0%, 40%, 100% {
    background-position: 0px 90px, 15px 78px, 30px 66px, 45px 58px, 60px 50px;
  }
  50%, 90% {
    background-position: 0px 50px, 15px 58px, 30px 66px, 45px 78px, 60px 90px;
  }
}
@-webkit-keyframes ballStepUp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes ballStepUp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(8px, -14px);
            transform: translate(8px, -14px);
  }
  10% {
    -webkit-transform: translate(15px, -10px);
            transform: translate(15px, -10px);
  }
  17% {
    -webkit-transform: translate(23px, -24px);
            transform: translate(23px, -24px);
  }
  20% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  27% {
    -webkit-transform: translate(38px, -34px);
            transform: translate(38px, -34px);
  }
  30% {
    -webkit-transform: translate(45px, -30px);
            transform: translate(45px, -30px);
  }
  37% {
    -webkit-transform: translate(53px, -44px);
            transform: translate(53px, -44px);
  }
  40% {
    -webkit-transform: translate(60px, -40px);
            transform: translate(60px, -40px);
  }
  50% {
    -webkit-transform: translate(60px, 0);
            transform: translate(60px, 0);
  }
  57% {
    -webkit-transform: translate(53px, -14px);
            transform: translate(53px, -14px);
  }
  60% {
    -webkit-transform: translate(45px, -10px);
            transform: translate(45px, -10px);
  }
  67% {
    -webkit-transform: translate(37px, -24px);
            transform: translate(37px, -24px);
  }
  70% {
    -webkit-transform: translate(30px, -20px);
            transform: translate(30px, -20px);
  }
  77% {
    -webkit-transform: translate(22px, -34px);
            transform: translate(22px, -34px);
  }
  80% {
    -webkit-transform: translate(15px, -30px);
            transform: translate(15px, -30px);
  }
  87% {
    -webkit-transform: translate(7px, -44px);
            transform: translate(7px, -44px);
  }
  90% {
    -webkit-transform: translate(0, -40px);
            transform: translate(0, -40px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.video_container {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video_container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.video_container .responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video_container .responsive:hover {
  cursor: pointer;
}
.video_container .responsive iframe,
.video_container .responsive object,
.video_container .responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.video_container .responsive figure {
  display: blocks;
}

.video_container figure {
  opacity: 0.75;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.video_container figure:hover,
.video_container figure:focus {
  opacity: 1;
}
.video_container figure:hover figcaption,
.video_container figure:focus figcaption {
  height: auto;
  bottom: 0;
}
.video_container figure:focus {
  outline: 4px dashed #95999D;
  outline-offset: -4px;
}
.video_container figure:focus figcaption {
  height: auto;
  bottom: 0;
}
.video_container figcaption {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  top: auto;
  background-color: rgba(255, 255, 255, 0.9);
  color: #3D4042;
  text-align: center;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  padding: 2rem 0.5rem;
  font-weight: 700;
}

.videooverlay {
  position: absolute;
  left: 10%;
  right: 0;
  top: 35%;
  width: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 50em) {
  .videooverlay {
    width: 80%;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
}
.videooverlay .ce_text p, .videooverlay .ce_text h1 {
  font-size: calc(36px + 54 * (100vw - 300px) / 1600);
  font-weight: bold;
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  color: #fff;
}
.videooverlay .slogan {
  font-size: calc(36px + 54 * (100vw - 300px) / 1600);
  font-weight: bold;
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  color: #fff;
  margin-bottom: 0.3em;
}
.videooverlay .sub-slogan {
  font-size: calc(22px + 18 * (100vw - 300px) / 1600);
  font-weight: bold;
  font-family: "Hind Siliguri", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1;
  color: #fff;
  margin-bottom: 0.5em;
}

.hero-headline {
  color: #fff;
}

.dekoline {
  font-size: 3rem;
  color: #083f57;
  line-height: 110%;
}

.ce_rsce_teaserbox {
  border: 1px solid #1D1D1B;
  border-radius: 10px;
  padding: 2rem;
  position: relative;
}
.ce_rsce_teaserbox a {
  position: absolute;
  right: -1px;
  bottom: -1px;
  line-height: 0;
}
.ce_rsce_teaserbox a svg {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ce_rsce_teaserbox a:hover, .ce_rsce_teaserbox a:focus {
  background: none;
}
.ce_rsce_teaserbox a:hover svg, .ce_rsce_teaserbox a:focus svg {
  color: #083f57;
}
.ce_rsce_teaserbox.rahmen-primary {
  border-color: #149EDA;
}
.ce_rsce_teaserbox.rahmen-secondary {
  border-color: #44962b;
}
.ce_form .klickstrecke--bohren .widget {
  margin-bottom: 2rem;
}
.ce_form .klickstrecke--bohren fieldset.radio_container {
  text-align: left;
  padding: 1rem;
}
.ce_form .klickstrecke--bohren .widget-radio .radio_container > span label {
  padding-left: 30px;
}
.ce_form .klickstrecke--bohren .widget-radio .radio_container > span label::before {
  right: auto;
  left: 0;
}
.ce_form .klickstrecke--bohren .widget-checkbox .checkbox_container.dsgvo > span {
  display: inline-block;
}
.ce_form .klickstrecke--bohren label span.mandatory,
.ce_form .klickstrecke--bohren legend span.mandatory {
  line-height: 0;
}
.ce_form .klickstrecke--bohren fieldset {
  display: block;
}
.ce_form .klickstrecke--bohren fieldset.config,
.ce_form .klickstrecke--bohren fieldset.config fieldset {
  padding: 0.5rem;
  outline: 0;
  border: 0;
  background: #272e35;
}
.ce_form .klickstrecke--bohren fieldset.config .row {
  max-width: 1400px;
  margin: 0 auto;
}
.ce_form .klickstrecke--bohren fieldset.config > legend {
  text-align: center;
  width: 100%;
}
.ce_form .klickstrecke--bohren .duplication-button {
  /*Button reset*/
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  /*ENDE*/
  background: grey;
  color: #fff;
  padding: 0.6rem;
  border: 1px solid #fff;
  cursor: pointer;
  margin: 0 auto;
}
.ce_form .klickstrecke--bohren .duplication-button:hover {
  background: rgb(13, 150, 24);
}
.ce_form .klickstrecke--bohren .duplication-button--remove {
  background: red;
  padding: 0.6rem 1rem;
}
.ce_form .klickstrecke--bohren .firstbreak button:nth-child(2) {
  background: silver;
}