body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@media (min-width:1024px){body.fullscreen_mobile_nav header nav,body:not(.fullscreen_mobile_nav) .navicon{display:none}}@media (max-width:1023px){#header nav.mod_navigation{display:none}}.mobile_navigation_wrapper .mod_navigation{display:flex;position:fixed;z-index:9;transition:left 0.5s ease-in-out, right 0.5s ease-in-out;overflow:visible;width:100%}.mobile_navigation_wrapper .mod_navigation ul{margin-bottom:0}.mobile_navigation_wrapper .mod_navigation li{list-style:none}.mobile_navigation_wrapper .mod_navigation.no_counter .submenu_toggle span{opacity:0}.mobile_navigation_wrapper .mod_navigation.no_buttons_right .submenu_toggle{border:0}html.js_mobile_navigation_open,html.js_mobile_navigation_open body{overflow:hidden}html .mobile_navigation_wrapper>.mod_navigation.slide_from_left{left:-100%}html .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left){right:-100%}html body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation .level_1{right:-100%}html body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation.slide_from_left .level_1{left:-100%}html.js_mobile_navigation_open .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left){right:0}html.js_mobile_navigation_open .mobile_navigation_wrapper>.mod_navigation.slide_from_left{left:0}html.js_mobile_navigation_open body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation:not(.slide_from_left) .level_1{right:0}html.js_mobile_navigation_open body:not(.fullscreen_mobile_nav) .mobile_navigation_wrapper>.mod_navigation.slide_from_left .level_1{left:0}.mobile_navigation_wrapper .mod_navigation .level_1{top:calc(var(--initial_header_height, 100px) * 1px);height:calc(100% - ( var(--initial_header_height, 100px) * 1px ));margin:0;position:fixed;max-width:440px;box-sizing:border-box;z-index:9;overflow-y:scroll;transition:right 0.3s ease 0s, left 0.3s ease 0s;padding:20px 0px 20px 30px;width:100%;border-left:1px solid #ddd;background:#f8f8f8}.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_2>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_3>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_3>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_4>li>span,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_3>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>a,.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>strong,.mobile_navigation_wrapper .mod_navigation .level_1 .level_4>li:not(.open) .level_5>li>span{padding:0;border-bottom:0;font-size:0}.mobile_navigation_wrapper .mod_navigation li{position:relative}.mobile_navigation_wrapper .mod_navigation li.submenu>a,.mobile_navigation_wrapper .mod_navigation li.submenu>strong,.mobile_navigation_wrapper .mod_navigation li.submenu>span{padding-right:80px}.mobile_navigation_wrapper .mod_navigation li.mn_only_toggle_submenu:not(.active) .submenu_toggle:before{content:"";width:375px;height:46px;position:absolute;right:0px}.mobile_navigation_wrapper .mod_navigation li.mn_only_toggle_submenu:not(.active)>a{pointer-events:none}.mobile_navigation_wrapper .mod_navigation li a,.mobile_navigation_wrapper .mod_navigation li strong,.mobile_navigation_wrapper .mod_navigation li>span{display:block;color:#444;line-height:1;padding:14px;border-bottom:1px solid #ddd;text-decoration:none;transition:padding 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul{opacity:0;margin:0;padding:0 0 0 30px;overflow:hidden;line-height:1;transition:opacity 0.3s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul li>a,.mobile_navigation_wrapper .mod_navigation li ul li>strong,.mobile_navigation_wrapper .mod_navigation li ul li>span{color:#666;display:block;border:0;padding:0 0 0 12px;font-size:0;transition:all 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li ul.open{opacity:1}.mobile_navigation_wrapper .mod_navigation li ul.open>li>a,.mobile_navigation_wrapper .mod_navigation li ul.open>li>strong,.mobile_navigation_wrapper .mod_navigation li ul.open>li>span{padding:14px;border-bottom:1px solid #ddd;font-size:var(--font_size, 1em)}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle{position:absolute;box-sizing:border-box;right:0;top:0;border-left:1px solid #ddd;color:#666;width:80px;cursor:pointer;padding:14px;display:flex;align-items:flex-start;justify-content:center}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle span{pointer-events:none;line-height:1}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle svg{pointer-events:none;width:1em;height:1em;margin-bottom:0;margin-left:5px;transition:transform 0.25s ease-in-out}.mobile_navigation_wrapper .mod_navigation li .submenu_toggle.open svg{transform:rotate(90deg)}.navicon{--line_top: 8px;--padding: 15px;cursor:pointer;position:relative;padding:var(--padding);right:-10px;-webkit-tap-highlight-color:transparent}.navicon .inside{position:relative;width:30px;height:calc(var(--line_top) + var(--padding) - 4px);background:rgba(255, 255, 255, 0);border-radius:3px;z-index:9}.navicon .inside .lines{position:absolute;width:30px;height:2px;border-radius:5px;background-color:#000}.navicon .inside .line_top{top:0px;transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_0 200ms}.navicon .inside .line_middle{top:var(--line_top);transition:transform ease 200ms}.navicon .inside .line_bottom{top:calc(var(--line_top) * 2);transition:all 200ms ease 200ms, transform ease 200ms;animation:top_8_to_16 200ms}.js_mobile_navigation_open .navicon .inside .line_top{top:var(--line_top);transform:rotate(-45deg);transition:all ease 200ms, transform 200ms ease 200ms}.js_mobile_navigation_open .navicon .inside .line_middle{top:var(--line_top);transform:rotate(-45deg);transition:transform 200ms ease 200ms}.js_mobile_navigation_open .navicon .inside .line_bottom{top:var(--line_top);transform:rotate(45deg);transition:all ease 200ms, transform 200ms ease 200ms}@keyframes top_8_to_0{0%{top:var(--line_top)}100%{top:0}}@keyframes top_8_to_16{0%{top:var(--line_top)}100%{top:calc(var(--line_top) * 2)}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation{top:0;width:100vw;max-width:100vw;height:100vh;height:100svh;background:#fff;overflow:visible;overflow-x:scroll;transition:left 0.4s ease-in-out, right 0.4s ease-in-out}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1{display:flex;flex-wrap:wrap;position:relative;top:80px;width:1000px;max-width:100%;justify-content:space-between;height:900px;max-height:100%;margin:auto;padding:0;background:none;border:0;list-style:none}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1{height:auto;margin:0;display:block}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 strong.active{text-decoration:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 li a:hover{text-decoration:underline}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li{width:50%;max-width:400px}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li{width:100%;margin-top:40px}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li:first-child{margin-top:0}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>span{font-size:25px;font-weight:200}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>a:hover,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>strong:hover,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1>li>span:hover{text-decoration:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2{padding:15px;list-style:none}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2 strong.active{text-decoration:underline}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>strong{font-size:1em;line-height:2;font-weight:700;color:var(--color_1);padding:0}@media (max-width:1023px){body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .level_1 .level_2>li>strong{font-size:20px}}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul{opacity:1;padding:0}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>span{padding:14px;border:0;font-size:var(--font_size, 1em)}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>a.active,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>strong.active,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul>li>span.active{background:transparent !important}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>a,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>strong,body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation ul.open>li>span{border:0}body.fullscreen_mobile_nav .mobile_navigation_wrapper .mod_navigation .submenu_toggle{display:none}
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/files/webfiles/fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  font-display: swap;
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/files/webfiles/fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/files/webfiles/fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
       font-display: swap;
}


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/files/webfiles/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/files/webfiles/fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/files/webfiles/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display: swap;
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/files/webfiles/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: url('/files/webfiles/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/files/webfiles/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/files/webfiles/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/files/webfiles/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
       font-display: swap;
}



p.back a, .content-hyperlink a::selection, ::selection {
  color: #fff;
  background: #E2001A;
}

html {
	font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Arial', 'Noto Sans', 'Liberation Sans', sans-serif;
	scroll-padding-top: 150px; /* Höhe des Fixed-Headers */
	font-display: swap;
	scroll-behavior: smooth;
}

body {
	font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Arial', 'Noto Sans', 'Liberation Sans', sans-serif;
    background: #E8E8E8;
	font-size: 15px;
	font:16px/1.7 'Roboto',Verdana,sans-serif;
	font-display: swap;
}


p, span {
	font-family: 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Arial', 'Noto Sans', 'Liberation Sans', sans-serif;
	font-display: swap;
}

a {
	color: #E2001A;
	font-weight: bold;
	text-decoration: none;
	transition: 0.3s color;
	-webkit-transition: 0.3s color;
	-moz-transition: 0.3s color;
}

a:hover,
button:hover {
	cursor:pointer;
}

a:hover,
a:focus,
.back-felgner-de:hover {
	color:#000;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed';
	font-weight: 500;
    color: #000;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
.h2-headline {
	font-weight: 700;
}


h1,
.h1_look {
    font-size: 24px;
    line-height: 29px;
    color: #e2001a;
    font-weight: bold;
}

.red-headline h2,
.red-headline h3,
.red-headline h4,
.red {
    color: #e2001a;
}

.big-red-headline {
    font-size: 33px !important;
    line-height: 29px !important;
    color: #e2001a !important;
    font-weight: bold !important;
}

.produkt h1 {
	margin-top: 0.5em;
}

.h2_look,
h2 {
	font-size: 20px;
	font-weight: bold;
}

.h3_look,
h3 {
	font-size: 18px;
}

.h4_look,
h4 {
	font-size: 17px;
	line-height: 27px;
}

.h5_look,
h5 {
	font-size: 15px;
}

.subheadline {
	font-weight: bold;
	font-size: 17px;
}

.h2-headline {
	font-size: 16px;
}

h6 {
    font-size: 25px;
}

.seo_blind {
	display: none;
}
.center-headline h1,
.center-headline h2,
.center-headline h3,
.center-headline h4,
.center-headline h5 {
	text-align: center;
}

#header-quick-bar {
	width:100%;
	background:#E2001A;
	padding:0;
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    height:auto;
    opacity: 1;
}

#header-quick-bar.scrolled {
	opacity:0;
	height:0;
	overflow: hidden !important;
}

#header-quick-bar span,
#header-quick-bar a,
#header-quick-bar p {
	color: #fff;
    margin: 0;
    padding: 0.5% 0;
}

#header-quick-bar .inside {
	max-width:1450px;
	margin: 0 auto;
	padding:0 3%;
}

header {
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	min-height: 54px;
	z-index:999;
	margin: 0 auto;
	transition: box-shadow 0.25s ease-in-out;
    -moz-transition: box-shadow 0.25s ease-in-out;
    -webkit-transition: box-shadow 0.25s ease-in-out;
    box-shadow: 0px 0px 0px rgb(0 0 0 / 0%)
}

header .inside {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	padding: 1% 3%;
	vertical-align: middle;
	align-items: center;
	margin: 0 auto;
	max-width: 1480px;
}


header .logo-wrap {
	display: inline-block;
	vertical-align: middle;
}

body.shop header .logo-wrap {
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

header .logo {
	display: inline-block;
	width: 100%;
	height: auto;
	vertical-align: middle
}

header .logo img {
	max-width: 240px;
	height: auto;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

header .logo.logo-shop img {
	max-width: 300px;
}

header .back-felgner-de {
    line-height: 14px;
    color: #c1c1c1;
    font-size: 14px;
    font-weight: normal;
    margin-left: 15px;
    display: block;
    text-align: left;
    width: 100%;
    max-width: 270px;
}

header#header.scrolled {
	box-shadow: 0px 10px 25px rgb(0 0 0 / 12%)
}

#wrapper {
	margin-top: 91px;
}

body.landingpage #wrapper {
	margin-top:0;
	padding-top:40px;
}

body.landingpage {
	background: #fff;
}

#heroimage {
	position: relative;
	
}
#heroimage .content-image {
	padding:0;
}
#heroimage.ref figure {
	position: relative;
}
#heroimage.ref figure:after {
	content: " ";
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(54deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 71%);
	background: -webkit-linear-gradient(54deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 71%);
	background: linear-gradient(54deg, rgba(0,0,0,1) 5%, rgba(0,0,0,0) 71%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
	z-index: 2;
	position: absolute;
    top: 0;
    left: 0;
}
#heroimage .bg-gradient.content-image figure{
	position: relative;
}
#heroimage .bg-gradient.content-image figure:after {
	content: " ";
	width: 100%;
	height: 100%;
	background: rgb(232,232,232);
	background: -moz-linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 50%);
	background: -webkit-linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 50%);
	background: linear-gradient(0deg, rgba(232,232,232,1) 0%, rgba(232,232,232,0) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8e8e8",endColorstr="#e8e8e8",GradientType=1);
	z-index: 2;
	position: absolute;
    top: 0;
    left: 0;
}


#heroimage .overlay {
    background: rgb(255 255 255 / 86%);
    border-radius: 0px;
    position: relative;
    margin-top: -20%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
    max-width: 600px;
    padding: 2.5%;
}

#heroimage .fullwidth.overlay {
    background: rgb(255 255 255 / 86%);
    border-radius: 0px;
    position: relative;
    margin-top: -20%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
    max-width: 100%;
    padding: 2.5%;
}

#heroimage .overlay.startseite-overlay {
	margin: -11% 7% 7% 7%;
}

#slider-startbereich .slider-control {
	display: none;
}

.startseite-start-introtext {
    position: relative;
    padding: 1% 3%;
    text-align: center;
    top: 0%;
    background: transparent;
    max-width: 1180px;
    margin: -15% auto 0;
    left: 0;
    right: 0;
}
.startseite-start-introtext h1 {
	margin-bottom: 0;
	margin-top: 2%;
	color:#000;
}

.startseite-start-introtext h2 {
    font-size: 15px;
    line-height: 20px;
    margin-top: 0;
    color: #000;
}

#heroimage.startseite {
	margin-bottom: 3%;
}

.startseite-start-quicklinks {
	position: relative;
	max-width: 100%;
	margin: 0% auto;
}

.startseite-start-quicklinks .vier-spalten{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 3%;
}

.startseite-start-quicklinks .vier-spalten .column {
	flex: unset;
    margin: 2%;
    padding: 0%;
    text-align: center;
    width: 100%;
    max-width: 46%;
    display: flex;
    margin-bottom: 2%;
}

.startseite-start-quicklinks .vier-spalten .link-iconbox {
	padding: 12%;
	display: inline-block;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	width: 70%;
	background: rgb(255 255 255 / 64%);
    word-break: break-word;
    margin: 0 auto;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}
.startseite-start-quicklinks .vier-spalten .link-iconbox:hover {
	background: rgb(255 255 255 / 100%);	
}



#heroimage .startseite-start-quicklinks .vier-spalten .link-iconbox img {
    max-width: 70px;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    opacity: 0.9;
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 0%);
    	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
}

#heroimage .startseite-start-quicklinks .vier-spalten .link-iconbox:hover img {
	box-shadow: 0px 0px 20px rgb(0 0 0 / 14%);
	opacity: 1;
}

#heroimage .overlay p {
    font-size: 16px;
    line-height: 25px;
    padding:2%;
    margin-bottom:0;
}

#heroimage .overlay h1.small-headline {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    margin-top: 0;
    padding-top: 0;
}

.jobs-overlay a {
	display: inline-block;
}

.jobs-overlay {
	font-size: 20px;
	letter-spacing: 1px;
}

a.icon-clickable {
	display: inline-block;
}

.icon-clickable img {
	max-width: 150px;
	height: auto;
}
#heroimage .startseite-overlay .icon-clickable img {
    box-shadow: 0 0 20px rgb(0 0 0 / 19%);
    border-radius: 6px;
    margin-bottom: 6%;
    margin-top: 11%;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    vertical-align: top;
    max-width:90px;
}
.startseite-overlay h2 {
	margin-bottom: 5%;
	font-size: 16px !important;
	line-height:18px;
	margin-top:0;
}
.startseite-overlay .btn-text {
	color:#000;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    max-width: 100%;
    text-align: center;
    margin: 10px auto 8%;
    vertical-align: top;
}

#heroimage .startseite-overlay .icon-clickable img:hover {
    box-shadow: 0 0 30px rgb(0 0 0 / 42%);
}
.startseite-overlay .btn-text:hover {
	color: #E2001A;
}

.btn-text {
	display: block;
    width: 100%;
    font-size: 20px;
    margin-bottom: 6%;
    color: #000;
    line-height: 27px;
}

#heroimage .jobs-overlay img{
	width: 100%;
	max-width: 60%;
	z-index: 1;
	vertical-align: bottom;	
}
#heroimage img {
	width: 100%;
	max-width: 100%;
	z-index: 1;
	vertical-align: bottom;
}

#heroimage.ref img {
	min-height: 370px;
	z-index: 1;
}

#hero-text {
	position: absolute;
	bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    z-index: 3;
    text-align: center;
}

#hero-text p {
    font-size: 17px;
    line-height: 23px;
    font-weight: 800;
}

#heroimage-text-left {
	position: absolute;
    bottom: 2%;
    margin-left: 0;
    margin-right: 0;
    left: 5%;
    right: 0;
    z-index: 3;
    text-align: left;
    color: #fff;
    max-width: 660px;
}


#heroimage-text-left h2 {
	color:#fff;
	margin-top: 2%;
    margin-bottom: 2%;
    padding-left: 0%;
    padding-right: 0%;
}
#heroimage-text-left p {
	color:#fff;
	font-size: 14px;
    padding-right: 3%;
    padding-left: 0%;
}


#heroimage-text-left em {
	background: #e2001a;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    padding: 0.3% 2%;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.7px;
    font-style: normal !important;
	font-size: 14px;
}


#quick-jumps {
	background: #E2001A;
    color: #fff;
    padding: 1% 0% 0% 0%;
    display: inline-block;
    margin: 0;
    width: 100%;
}

#quick-jumps.center {
    text-align: center;
}

.center {
	vertical-align: middle;
}
.rs-columns.center {
    vertical-align: middle;
    display: flex;
    flex-direction: row;
    padding: 3% 5%;
    width: 90%;
    vertical-align: middle;
    align-content: center !important;
}
.rs-columns.center .rs-column {
    display: flex;
    align-items: center;
}

#quick-jumps a {
    background: #fff;
    color: #E2001A;
    display: inline-block;
    padding: 1% 5%;
    margin: 0 2% 1% 0px;
}

#quick-jumps a:hover,
#quick-jumps a:focus {
	background: #000;
	color:#fff;
}

#heroimage-text-left p:last-child a:hover {
	background:#fff;
	color:#E2001A;
}
.whatsapp-cta,
.whatsapp-cta a {
    color:#25D366;
}
.whatsapp-cta:before {
content: "";
    width: 16px;
    height: 16px;
    background: url(/files/webfiles/img/icons/whatsapp-green-icon.svg) no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    margin-right: 7px;
}

/* Stil für die Navigationsleiste */
#referenzen-themenbereiche {
    width: 100%;
    overflow-x: auto; /* Horizontales Scrollen aktivieren */
    white-space: nowrap; /* Verhindert das Umbruchverhalten */
    background-color: #e2001a; /* Hintergrundfarbe der Navigationsleiste */
    padding: 0; /* Innenabstand oben und unten */
    display: flex; /* Flexbox-Layout für die Links */
    justify-content: flex-start;    
}

/* Stil für die einzelnen Links */
#referenzen-themenbereiche a {
    padding: 20px 20px; /* Innenabstand links und rechts */
    color: #fff; /* Textfarbe */
    text-decoration: none; /* Keine Unterstreichung */
    display: inline-block; /* Elemente nebeneinander anzeigen */
}

/* Stil für den Hover-Effekt (optional) */
#referenzen-themenbereiche a:hover {
    background-color: #ddd; /* Hintergrundfarbe bei Hover */
    color: #E2001A
}

/* Stil für die Scrollbar */
#referenzen-themenbereiche::-webkit-scrollbar {
    width: 10px; /* Breite der Scrollbar */
}

#referenzen-themenbereiche::-webkit-scrollbar-track {
    background-color: #5b5b5b; /* Hintergrundfarbe der Track */
}

#referenzen-themenbereiche::-webkit-scrollbar-thumb {
    background-color: #000; /* Farbe des Scrollbar-Daumens */
    border-radius: 5px; /* Abrundung des Daumens */
}

.rsce_referenz {
    background: #fff;
    width:100%;
    padding-bottom: 2%;
    justify-content: flex-start;
    display: flex;
    flex-flow: column;
    margin-bottom: 4%;
}

.rsce_referenz .service-leistungen,
.rsce_referenz .beschreibung {
    margin: 0 6%;
} 
.rsce_referenz h2,
.rsce_referenz h3 {
    margin:6% 6% 3% 6%;
    min-height: 57px;
}

.rsce_referenz .service-headline {
    font-weight: bold
}


.rsce_referenz .referenzen-foto {
    overflow: hidden;
}
.rsce_referenz .referenzen-foto img {width: 100%;height:auto}


.rsce_referenz .service-leistungen {
    padding-top: 0%;
    margin-top: 0%;
}

.rsce_referenz .service-leistungen ul {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    flex-wrap: wrap;
    gap: 10px;
}
.rsce_referenz .service-leistungen ul li {
    padding: 5% 3%;
    align-items: center;
    font-size: 14px;
    margin: 0%;
    width: 100%;
    max-width: 42%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    align-content: center;
    background: #f2f2f2;
    line-height: 19px;
    min-height: 80px;
}
.rsce_referenz .service-leistungen li.schluesselmanagement:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/schluesselmanagement.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}

.rsce_referenz .service-leistungen li.schliessanlage:before {
    content: "";
    width: 40px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/schliessanlage-icon.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}

.rsce_referenz .service-leistungen li.zutrittskontrolle:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/zutrittskontrolle.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}

.rsce_referenz .service-leistungen li.einbruchmeldeanlage:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/Alarmanlage.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}

.rsce_referenz .service-leistungen li.schliessfachsystem:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/schließfachsystem.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.gegensprechanlage:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/gegensprechanlage.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.fluchttuersteuerung:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/festellanlage.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.videoueberwachung:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/videoueberwachung.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.briefkaesten:before {
    content: "";
    width: 40px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/briefkastenanlage.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.brandmeldeanlage:before {
    content: "";
    width: 45px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/brandmeldeanlage.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.rauchmelder:before {
    content: "";
    width: 40px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/rauch-waerme.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}
.rsce_referenz .service-leistungen li.tuer-torautomation:before {
    content: "";
    width: 50px;
    height: 45px;
    background: url(/files/Content/Downloads/Icons/services/automatischetuer.svg) no-repeat center center;
    background-size: contain;
    display: flex;
    vertical-align: middle;
    margin-right: 10px;
    align-items: center;
    margin: 0 auto;
}

.ce_rsce_erbrachteleistungen.rsce_referenz {
    max-width: 100%;
}

.ce_rsce_erbrachteleistungen.rsce_referenz h1 {margin-top:0}


#referenzensuche.mod_search {
	background: #c4c4c4;
	margin: 0 auto;
    width: 100%;
    text-align: center;
}

#referenzensuche.mod_search form {
	display: inline-block;
	width: 100%;
	max-width: 1480px;
    margin: 0 auto;
    vertical-align: middle;
    padding: 1% 3%;
}

#referenzensuche.mod_search form .widget-text {
	display: inline-block;
	width: 100%;
	max-width: 75%;
	vertical-align: middle;
}

#referenzensuche.mod_search form .widget-submit {
	display: inline-block;
	width: 100%;
	max-width: 330px;
	vertical-align: middle;
}
#referenzensuche.mod_search input {
	width: 100%;
    vertical-align: middle;
    min-height: 54px;
    display: inline-block;
    margin: 0;
}

#referenzensuche.mod_search form .submit {
	width: 100%;
    min-height: 53px;
    border-radius: 3px;
    vertical-align: middle;
    margin: 0;
}


.flexbox-archiv {
    display: flex;
    flex-wrap: wrap; 
    flex: 0 0 30%; 
    justify-content:space-between;
    flex-direction: column;
}
.referenzen-archiv {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.referenzen-archiv .ref-item {
	width: 100%;
	max-width: 99%;
	margin: 0% 2.5% 2.5% 2.5%;
	background:#fff;
	padding:0 0 3% 0;
	overflow: hidden;
}

.referenzen-archiv .ref-item p,
.referenzen-archiv .ref-item h3,
.referenzen-archiv .ref-item a {
	padding: 0 8%;
}

.referenzen-archiv .ref-item a.readmore {
    padding: 0;
    margin-top: 25px;
    display: inline-block;
}

.referenzen-archiv .ref-item h3 {
	margin-top:2%;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 33px;
    color:#000;
}

.referenzen-archiv .ref-item h3 a {
	display: inline-block;
	padding:0;
	color:#000;
	word-break: break-all;
}
.referenzen-archiv .ref-item h3 a:hover {
	color:#E2001A;
}

.referenzen-archiv .ref-item p.security-badge {
	padding: 5% 8% 0;
	margin-bottom: 0;
}

.referenzen-archiv .ref-item .ref-cats {
	vertical-align: middle;
    padding: 1% 8% 0 8%;
    font-weight: bold;
    font-size: 14px;
}
.referenzen-archiv .ref-item .ref-cats img {
	width: 100%;
	max-width:20px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.referenzen-archiv .ref-item figure {
  width: 100%;
  min-width: 230px;
  height: 200px;
  position: relative;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
  overflow: hidden !important;
  z-index: 1;
}

#main div.referenzen-archiv div.ref-item figure a {
	display: inline-block;
	height: auto;
	background:transparent;
	padding: 0;
	margin:0;
	width: 100%
}

.referenzen-archiv .ref-item figure img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 200%;
  width: auto;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}

.referenzen-archiv .ref-item:hover figure {
  backface-visibility: hidden;
  transform: scale(1.15, 1.15);
}

.referenzen-archiv .ref-item .rte {
    background: #fff;
    z-index: 2;
    position: relative;
}

/* SUCHE */

mark.highlight {
	font-weight: bold;
	padding: 7px 7px;
	margin-right:7px;
}

.mod_search {
	background: #fff;
	padding:2% 5%;
}

.mod_search .widget-radio .fieldset {
	display: flex;
    flex-direction: row;
}

.mod_search .search_default {
    background: #f5f5f5;
    padding: 1% 4% 2%;
    margin-bottom: 1%;
}

.mod_search p.url {
	font-style:italic;
	color:#5f5f5f;
}
.mod_search .widget.widget-text input.text {
	    padding: 2.1% 2.5%;
        display: inline-block;
	    max-width: 95%;
	    min-width: unset;
	    width: 100%;
}

.mod_search .widget.widget-text {
	width:100%;
	max-width: 68%;
	display: inline-block;
}

.mod_search .widget.widget-submit {
	width:100%;
	max-width:30%;
	display: inline-block;
}
.mod_search .widget.widget-submit button {
	width: 100%;
	max-width: 100%;
	padding: 5% 10%;
}






/* BREADCRUMB */

body.breadcrumb-none .mod_breadcrumb {
	display:none;
}

.mod_breadcrumb ul li {
	display: inline-block;
	vertical-align: middle;
}

.mod_breadcrumb ul li a,
.mod_breadcrumb ul li strong {
	vertical-align: middle;
    color: #E2001A;
    font-weight: bold;
}

.mod_breadcrumb ul li a:hover,
.mod_breadcrumb ul li strong:hover {
	color: #000;
}

.mod_breadcrumb ul li:nth-child(1):after,
.mod_breadcrumb ul li:nth-child(2):after,
.mod_breadcrumb ul li:nth-child(3):after,
.mod_breadcrumb ul li:nth-child(4):after,
.mod_breadcrumb ul li:nth-child(5):after,
.mod_breadcrumb ul li:nth-child(6):after,
.mod_breadcrumb ul li:nth-child(7):after {
	content: " ";
	display: inline-block;
	width: 7px;
	height: 8px;
	background: url('/files/webfiles/img/icons/arrow-red-right-bold.svg') no-repeat center center;
	background-size: 100%;
	margin: 0 6px;
	vertical-align: middle;
}

.mod_breadcrumb ul li:nth-child(1):before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/home-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-left: 0px;
	vertical-align: middle;
}


body .mod_breadcrumb ul li:last-child a {
	color:#000;
}

body .mod_breadcrumb ul li:last-child:after {
	display: none;
}

.produkt-boxen-wrap {
	margin: 1% 0;
}

.produkte-box {
	background: #fff;
	text-align: center;
	padding: 5% 10% 90px 10%;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
	margin-bottom: 3%;
    position: relative;

}

.produkte-box:hover,
.produkte-box:focus {
	box-shadow: 0 15px 95px rgb(0 0 0 / 9%);
}

.produkte-box p {
	color:#000;
    font-size: 15px;
    line-height: 24px;
}

.home .produkte-box p:last-child a {
    color: #fff;
    background: #E2001A;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: middle;
    line-height: 19px;
    position:absolute;
    bottom:3%;
    left: 50%;
    transform: translate(-50%, 0%);
    padding: 7px 15px;
    display: inline-block;
    width: auto;
}

.home .produkte-box p:last-child a:hover,
.home .produkte-box p:last-child a:focus {
    color: #E2001A;
    background: #ededed;
}
.startseite-start-quicklinks .vier-spalten a.link-iconbox {
color: #000000;
    text-transform: uppercase;
    font-size: 18px;
    vertical-align: middle;
    line-height: 21px;
    border-radius: 5px;
}

.startseite-start-quicklinks .vier-spalten a.link-iconbox:hover,
.home .produkte-box p:last-child a:hover {
    color: #E2001A;
}

.startseite-start-quicklinks .vier-spalten a.link-iconbox:hover {
	opacity: 1;
}

.startseite-start-quicklinks .vier-spalten a.link-iconbox:after,
.home .produkte-box p:last-child a:after {
    content: " ";
    display: inline-block;
    width: 11px;
    height: 14px;
    background: transparent url(/files/webfiles/img/icons/arrow-red-right-bold.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 11px;
    vertical-align: middle;
}

.produkte-box h2 {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 5%;
}

.produkte-box figure {
    vertical-align: middle;
    display: inline-block;
}

.produkte-box figure img {
	vertical-align: middle;		
	text-align: center;
	width:100%;
	height: auto;
}

.unsere-produkte-wrap {
	padding: 1% 0%;
	overflow:visible;
}
.unsere-produkte-wrap .content-text h2 {
    margin-top: 0%;
	margin-bottom: 0;
}

.produkt-teaser-gallery {
    max-width: 85%;
    margin-bottom: 3%;
    padding: 0 !important;
    text-align: left;
}

.produkt-teaser-gallery ul,
.produkt-teaser-gallery.content-gallery ul {
	display: flex;
	flex-direction: row;
	align-items: center;
    justify-content: center;
    flex-wrap: nowrap !important;
}

.produkt-teaser-gallery ul li {
	height: 100%;
	padding: 5%;
	text-align: center;
	align-items: center;
    vertical-align: middle;
}

.produkt-teaser-gallery ul a {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.produkt-teaser-gallery ul a img {
	max-width: 80%;
	height: auto;
	padding: 2.5%;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 21%);
	transition: 0.3s box-shadow;
	-webkit-transition: 0.3s box-shadow;
	-moz-transition: 0.3s box-shadow;
}

.produkt-teaser-gallery ul a img:hover {
	box-shadow: 0px 0px 30px rgb(226 0 26 / 38%)	
}

.produkt-quick-contact-wrap {
	display: flex;
	flex-direction: row;
	padding: 0 3% 3% 3%;
	width: auto;
	align-items: end;
}
.produkt-quick-contact-wrap .produkt-markenlogo img {
	width: 100%;
	max-width: 120px;
	height: auto;
}


.produkt-quick-contact-wrap .ce_rs_column_start.rs-column.-large-col-2-1 {
    width: 70.15385%;
    margin-right: 0;
}

.produkt-quick-contact-wrap .rs-column.-large-col-2-1.-large-last {
    width: 26.15385%
}

.center.content-hyperlink {
	text-align: center;
	margin: 0 auto;
}

.produkt-quick-contact-wrap .content-hyperlink a {
    width: 80%;
    display: inline-block;
}

.bg-white .produkt-quick-contact-wrap .content-hyperlink {
    padding: 0% 8% 3% 2%;
}


.produkt-zertifikate {
	margin: 3% auto;
	text-align: center
}

.produkt-zertifikate img {
	max-width: 150px;
	height: auto;
	padding: 3%;
	text-align: center;
	margin: 0 auto;
}

.headlines-wrap {
	margin-bottom: 3%;
}

.headlines-wrap p {
	font-size: 20px;
}

#start-text {
	text-align: center;
}

#start-text .content-text {
	text-align: center;
    padding: 1% 5% 0% 5%;
    max-width: 920px;
    margin: 0 auto;
}

.quicklink-icons-wrap {
	max-width: 800px;
	margin: 0 auto;
}

.quicklink-icons-wrap img {
	max-width: 60%;
	height: auto;
	margin-top: 2%;
}

p.security-badge,
.security-badge {
	color: #E2001A;
	text-transform: uppercase;
	display: block;
	vertical-align: middle;
	font-size: 14px;
	font-family: 'Roboto Condensed';
	letter-spacing: 0.4px;
}

.security-badge:before {
	content: "";
	width: 15px;
	height: 20px;
	background: url('/files/webfiles/img/icons/icon-shield-check.svg') no-repeat center center;
	background-size: 100%;
	display: inline-block;
	margin-right: 3%;
	vertical-align: middle
}


/* Flexbox */

.rs-columns.flexbox {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    justify-content: center;
    align-content: center;
	float: none;
	clear: both;
}

.rs-columns.flexbox .rs-column {
	display: flex;
	float:none;
	clear: both;
}



.jobs-teaser-block-wrap .jobs-teaser-block-content {
	background: #fff;
	padding: 0% 10% 3%;
	text-align: center;
}
.jobs-teaser-block-wrap .content-image {
    padding:0;
}
#unsere-marken {
	margin-bottom: 3%;
}

#unsere-marken h2 {
	margin-top: 0;
}

#unsere-marken .slider-control a {
	display: none;
}

#notdienst-startseite {
    background: #fff url(/files/webfiles/img/24-stunden-schlüsselnotdienst-dresden-felgner-sicherheitstechnik.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
    padding: 75% 5% 3% 5%;
    margin-top: 3%;
    margin-bottom: 3%;
    text-align: center;
}

#notdienst-startseite .jobs-teaser-block-content.content-text h2 {
    color: #e2001a;
}

#notdienst-startseite .content-text p strong {
    font-size: 22px;
    margin-top: 10px;
    display: inline-block;
}

#notdienst-startseite .content-text p.tag strong {
	font-size: 14px;
}

#notdienst-startseite .badges {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content:center;
}

#notdienst-startseite .content-hyperlink a {
    width: 90%;
    padding-left:0;
    padding-right:0;
}

#notdienst-startseite .jobs-teaser-block-wrap .jobs-teaser-block-content {
	padding: 10% 3% 2%;
}

.quickinfos-checkboxen {
	padding: 3% 0% 0 2%;
    max-width: 97%;
    background: transparent !important;
}

.quickinfos-checkboxen .content-text p strong:before {
    content: " ";
    display: inline-block;
    width: 26px;
    height: 27px;
    background: transparent url(/files/webfiles/img/icons/check-icon-black.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    background-position: center center;
}

.white-bg-service {
	padding: 8%;
	background:#fff;
	min-height:250px;
}
.bg-white {
	background:#fff;
	margin-top: 3%;
}

.bg-dark-grey {
	background: #d2d2d2;
}

.bg-dark-grey h2 {
	color: #E2001A;
}

.bg-white.produkt-beschreibung {
	margin-top:0;
	margin-bottom: 3%;
}

.produkt-details-start.bg-white h1,
body .produkt-details-start.bg-white,
body .referenzen-details-start.bg-white,
body.produkt .produkt-details-start.bg-white {
	margin-top:0;
}

.bg-white.download-element {
    background: #fff;
    padding: 3%;
}

.bg-white.rs-columns.ce_rs_columns_start > h2 {
	padding-left: 3%;
}
.bg-white.content-text {
	padding: 3%;
}
.teaser-boxen.rs-columns {
    display: flex;
    margin-bottom: 6%;
flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: start;
}
.teaser-boxen.rs-columns .bg-white.content-text {
    height: 100%;
}
.teaser-boxen.rs-columns .rs-column.-large-col-4-1 {
    width: 45%;
    margin-right: 2.69231%;
}
.teaser-boxen.rs-columns .rs-column.-large-col-4-1:nth-child(2),
.teaser-boxen.rs-columns .rs-column.-large-col-4-1:last-child {
    margin-right:0;
}
.teaser-boxen.rs-columns h2,
.teaser-boxen.rs-columns h2 a,
.teaser-boxen.rs-columns h3,
.teaser-boxen.rs-columns h3 a {
    color:#000
}

.captcha_text {
    font-weight: bold;
}
main #kontaktformular .ce_form {
    background: #F2F2F2;
}

main #kontaktformular .ce_form textarea,
main #kontaktformular .ce_form input {
    border:0
}
#kontaktformular.rs-columns {
    display: flex;
    flex-direction: column;
}
#kontaktformular.rs-columns .rs-column.-large-col-2-1 {
    width: 99%;
    background: #F2F2F2;
    margin-right: 0%;
}
#kontaktformular.rs-columns .rs-column.-large-col-2-1:last-child {
    margin-right: 0;
}


#kontaktformular.rs-columns .rs-column.-large-col-2-1:last-child {
    background: transparent;
}
#kontaktformular.rs-columns .content-gallery--cols-2.content-gallery ul {
    justify-content: space-between
    
}
#kontaktformular.rs-columns .content-gallery--cols-2.content-gallery ul li {
        width: 47%;
}
#kontaktformular form div.widget {
    display: flex;
}
#kontaktformular form div.widget.dsgvo_checkbox label {
    max-width: 93%;
    font-size: 13px;
}
#kontaktformular form div.widget.widget-captcha {
    flex-flow: wrap;
}
#kontaktformular form div.widget.widget-captcha input {
    margin-bottom:0
}
#kontaktformular .ce_form label {
    font-size: 16px;
    width: 100%;
    max-width: 200px;
    margin-right: 2%;   
    align-content: center;
}

#kontaktformular button.submit {
    max-width: 100%;
    width: 100%;
}


.gruende .content-text{
	width: 100%;
}

.gruende .rs-column {
	margin-right: 3.69231%;
}


.zwoelf_gruende {
	background: transparent url('/files/webfiles/img/keyvisual.svg');
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 3%;
}

.zwoelf_gruende.center .rs-columns.gruende {
    justify-content: center;
}

.zwoelf_gruende .rs-columns.gruende {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.zwoelf_gruende .gruende .rs-column {
    background: #ffffff;
    padding: 6% 4% 2% 4%;
	border-radius: 10px;
    display: flex;
    vertical-align: middle;
    align-content: center;
    text-align: center;
    margin: 0%;
    width: 95%;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);
    margin-bottom: 6%;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.zwoelf_gruende .gruende .content-text p strong {
    color: #ff0300;
    font-size: 20px;
}

.zwoelf_gruende .gruende .rs-column figure img {
	max-width: 50%;
}

.zwoelf_gruende .gruende.hyperlinks .rs-column:hover {
	background: #e2e2e2;
}

.center-vertical img,
.center-vertical p,
.center-vertical {
	vertical-align: middle;
}


.bg-dark-grey .content-text {
	padding:4% 8% 0;
}

.bg-white .ce_sliderStart,
.padding-content .content-text,
.bg-white .content-gallery,
.bg-white .content-text {
	padding:8%;
}

.bg-white.content-gallery {
	padding-bottom:3%;
}
.bg-white.content-gallery h2 {
	padding-left: 3%;
	padding-top: 3%;
}

.bg-dark-grey .content-hyperlink {
	padding: 0 8% 8% 8%;
    display: inline-block;
    width: 100%;
    margin-top: 0;
}

.margin-top-0 {
	margin-top: 0;
}


.bild-abstand {
	margin-top:35%;
	margin-right:0%;
}

.content-player video {
	width:100%;
	height: auto;
	margin-top: 3%;
}

.content-youtube.video-abstand {
	margin: 7% 0 0 0;
}
.content-youtube > h2,
.content-youtube > h3,
.content-youtube > h4,
.content-youtube > h5,
.content-youtube > h6 {
	margin-top:0;
}

.margin-right-0 .content-youtube.video-abstand {
	margin-top:43%;
	margin-right:0%;
}

.abstand-left-20 {
	margin-left:10%;
}

.margin-top-7 {
	margin-top:7%;
}

.margin-right-0 .rs-column.-large-col-2-1,
.column-right-0 .rs-column.-large-col-2-1,
.margin-right-0 .rs-column.-large-col-3-2,
.column-right-0 .rs-column.-large-col-3-2 {
	margin-right:0;	
}

.bg-white.margin-bottom-0,
.margin-bottom-0 {
	margin-bottom:0;
	padding-bottom:0;
}

.margin-top-20 {
	margin-top: 3%;
}

.no-margin-top.content-text {
	margin-top:0;
	padding-top:0;
}
.no-margin-top.content-text h2 {
	margin-top:0;
	padding-top: 0;
}
.no-margin-bottom.content-text {
	margin-bottom:0;
	padding-bottom:0;
}

.center.content-image {
	text-align: center;
	border-radius: 10px;
	margin: 0 auto;
}

body.landingpage .content-image img {
	border-radius: 10px;
	width:90%;
    max-width: 690px;
}
body.landingpage main#main .inside {
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 0;
}
body.landingpage .content-text{
	padding: 0 3%;
	max-width: 869px;
	margin: 0 auto;
}

body.landingpage p.back a, 
body.landingpage .content-hyperlink a {
	background: #E2001A;
	color:#fff;
	border-radius: 4px;
	border:0;
	margin: 1% 3%;
	text-transform: none;
	padding: 1% 5%;
}

.no-margin,
.no-margin.content-image {
	margin:0;
	padding:0;
}

body.landingpage .red-line h2 {
	color:#fff;
	margin:0;
	padding:0;
}

body.landingpage .red-line,
.red-line {
	background: #db0219;
	color:#fff;
	padding: 1.5rem 5%;
    width: 100%;
    max-width: 90%;
	margin-top: 0;
}

.red-line h3 {
	color:#fff;
    margin: 0;
    line-height: 20px;
}

body.produkt .bg-white .content-text {
	padding: 5% 8%;
}

.produkt-beschreibung .content-gallery {
	padding: 0;
}

.bg-white .content-hyperlink {
	padding: 0% 8% 8% 8%;
}
.bg-white .content-image {
    padding: 8%;
}

.bg-white.produkt-details-start .content-text {
	padding: 0% 8% 0% 8%;	
}

.bg-white.produkt-details-start .ce_rs_column_start.rs-column.-large-last {
	margin-top:0;
}

.bg-red {
	background:#E2001A;
	padding: 6%;
	color:#fff;
	margin-top: 6%;
}

.bg-red .big-headline {
	font-size: 30px;
	color:#fff;
}

.bg-red h4,
.bg-red a,
.bg-red p {
	color:#fff;
}

.bg-red  a.tel-icon-white,
.bg-red  a.email {
	font-size: 19px;
}

.light-red{
	background:#FF6060;
	color: #fff;
    padding: 1.1% 10%;
    font-weight: bold;
    margin-top: 2%;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
}
.light-red:hover {
	background:#fff;
	color:#000;
}

.light-red a:focus,
.light-red a:hover {
	color:#000;
}

.produkt-beschreibung .ce_rs_column_start.rs-column.-large-last {
	margin-top:0 !important;
}

.two-columns {
	width:100%;
	max-width:50%;
	margin: 0 auto;
}
.two-columns.white {
	background:#fff;
}

.zwei-spalten-icons {
	display: flex;
	flex-flow: column;
    flex-wrap: wrap;
    max-width:969px;
    margin: 5% auto 0 auto;
}
.zwei-spalten-icons div {
    width: 100%;
    max-width: 94%;
    margin:0% 3%;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    text-align: left;
    align-items: center;
}
.zwei-spalten-icons div p {
	vertical-align: middle;
	text-align: left;
	color:#787879;
}
.zwei-spalten-icons div i{ 
    font-size: 35px;
    margin: 0% 7%;
    vertical-align: middle;
    display: inline-block;
    font-style: normal;
}

body.landingpage main#main .two-columns {
    background: #f5f5f5;
    width:100%;
	max-width:100%;
	margin-top: 2%;
	margin-bottom:0;
}


body.landingpage main#main .two-columns .inside {
    max-width: 869px;
    padding:0;
}
body.landingpage main#main .four-columns h2,
body.landingpage main#main .four-columns h3,
body.landingpage main#main .two-columns h3 {
	margin:0;
	padding: 2% 5% 0%;
	font-weight: bold;
}

body.landingpage main#main .four-columns h2,
body.landingpage main#main .two-columns h3 {
	font-size: 25px;
	line-height:26px;
	padding-top: 6%;
}

body.landingpage main#main .four-columns {
    background: #f5f5f5;
    width:100%;
	max-width:100%;
	margin-top: 2%;
	margin-bottom:0;
}

.content-image {
	padding: 3%;
}

.mod_newsreader .layout_full {
	background:#fff;
    padding: 3% 5% 5%;
}


.mod_breadcrumb {
	margin-top: 0;

    vertical-align: middle;
    padding: 0.5% 3%;
    display: block;
}

#job-header-teaser-block .inside,
#heroheader-red .inside,
#quick-jumps .inside,
main#main .inside,
footer .inside {
	max-width: 1480px;
	margin: 0 auto;
	padding: 0 3%;
}

.rs-columns.flexbox .rs-column {
	margin-right: 3.69231%;
}

.rs-columns.flexbox .rs-column.-large-col-3-1 {
    width: 99%;
}

.jobs-teaser-block-wrap .rs-columns {
	background: #fff;
}

#notdienst-startseite.jobs-teaser-block-wrap .rs-columns.quickinfos-checkboxen {
	padding: 3% 3% 0 3%;
}

.jobs-teaser-block-wrap figure {
	width: 100%;
	height: auto;
	display: inline-block;
}

.fullscreen-image {
	position: relative;
}

.jobs-teaser-block-wrap .fullscreen-image img {
    width: 100%;
    height: auto;
}

#kostenloser-check-footer .tag strong,
.jobs-teaser-block-wrap .tag strong {
	background: #F8F7F7;
	border-radius: 20px;
    text-align: center;
    padding: 1% 5%;
	display: inline-block;
	font-size: 14px;
    vertical-align: middle;
}

#kostenloser-check-footer .tag {
  	vertical-align: middle;
	display: block;
	margin-bottom: 40%;
	font-size: 14px;  
}
.jobs-teaser-block-wrap .tag {
	vertical-align: middle;
	display: block;
	margin-bottom: 5%;
	font-size: 14px;
	
}

#kostenloser-check-footer .tag img,
.jobs-teaser-block-wrap .tag img {
    max-width: 170px;
    margin-right: 4%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#kostenloser-check-footer h2,
.jobs-teaser-block-wrap h2 {
	font-size: 24px;
}

.jobs-teaser-block-wrap p {
	font-weight: normal;
}

.jobs-teaser-block-wrap .rs-columns.inside-columns {
	padding: 0%;
}

.jobs-teaser-block-wrap .inside-columns {
	text-align: center;
	align-content: center;
	align-items: center;
	margin-bottom: 5%;
}

#heroheader-red {
	background:#E2001A;
	padding: 2% 0 0 0; 
}
#heroheader-red h1 {
	color:#fff;
	margin-bottom: 2%;
	margin-top:0;
	padding:0;
}
#heroheader-red .job-OrganizationLogo {
	max-width: 90px;
    background: #fff;
    border-radius: 4px;
    padding: 0.3% 1%;
    margin-bottom: 1.5%;
    vertical-align: middle;
    display: none;
}
#heroheader-red .job-OrganizationLogo img {
	vertical-align: middle;
}
#job-header-teaser-block {
	background: #fff;
	padding: 2% 0;
	width: 100%;
    display: block;
}

#job-header-teaser-block .flex-grid {
    display: flex;
    flex-direction: column;
}

#job-header-teaser-block .erste-spalte {
    width: 100%;
    max-width: 100%;
}
#job-header-teaser-block .zweite-spalte {
    width: 100%;
    max-width: 100%;
}
#job-header-teaser-block .zweite-spalte .content-hyperlink a {
	width: 80%;
}
#job-header-teaser-block .headline {
	margin-bottom: 0;
}

.strong-red p strong {
	color: #E2001A;
	font-size: 20px;
}

.strong-red p strong:before {
    content: " ";
    display: block;
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    margin-bottom: 8%;
    margin-top: 3%;
}

.jobs-menu li a.btn,
.content-hyperlink.red a {
	color: #fff;
	background: #E2001A;
	border-color:#E2001A;
}

.content-hyperlink.cta-btn a{
        margin-top: 0%;
    margin-bottom: 3%;
    padding: 12px 10%;
}

.home .ce_sliderStart.ref-slider {
    margin-bottom: 0;
}

.jobs-menu .active {
	display:none;
}

nav.jobs-menu .shownotmenu {
	display: none !important;
}


.content-hyperlink.red a:hover,
.content-hyperlink.red a:focus {
	background: #000;
	color:#fff;
	border-color:#000;
}

.content-hyperlink.red.arrow-back-black-icon-btn a:hover:before,
.content-hyperlink.red.arrow-back-black-icon-btn a:focus:before {
	background: url('/files/webfiles/img/icons/arrow-back-icon.svg') no-repeat center center;
}


/* BILDGALERIE */

.content-gallery a {
	display: inline-block;
}

.content-gallery img {
	width: 100%;
	height: auto;
	display: inline-block;
    vertical-align: middle;
}

.produkt-beschreibung .content-gallery img {
	box-shadow: 0px 0px 0px rgb(0 0 0 / 18%);
	transition: 0.3s box-shadow;
	-webkit-transition: 0.3s box-shadow;
	-moz-transition: 0.3s box-shadow;
}
.produkt-beschreibung .content-gallery a img:hover {
	box-shadow: 0px 0px 15px rgb(0 0 0 / 38%);
}

.beschreibung-tabelle table.data-table,
.beschreibung-tabelle table {
	width: 100% !important;
}

 .beschreibung-tabelle table td {
 	padding: 1% 3%;
 }

.content-gallery.sponsoren-gallery {
	padding: 3% 0;
}
.content-gallery.sponsoren-gallery img {
	height: auto;
    margin: 20% 0;
    max-width: 180px;
}

.leistungen-hersteller-icons.content-gallery img {
	    opacity: 0.5;
	transition: 0.3s opacity;
	-webkit-transition: 0.3s opacity;
	-moz-transition: 0.3s opacity;
}
.leistungen-hersteller-icons.content-gallery img:hover {
	opacity: 1;
}

.content-gallery ul{ 
	margin: 0;
	padding: 0;
}

.leistungen-hersteller-icons.content-gallery ul {
    background: #fff;
    padding: 0%;
    display: flex;
    vertical-align: middle;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}



.content-gallery--cols-2.content-gallery li {
	width: 49%;
	float: none;
}


.content-gallery--cols-3.content-gallery li {
	width: 33%;
	float:none;
}


.content-gallery--cols-3.content-gallery.produkt-zertifikate li {
	align-items: center;
    justify-content: center;
}

.content-gallery--cols-2.content-gallery ul,
.content-gallery--cols-3.content-gallery ul,
.content-gallery--cols-4.content-gallery ul,
.content-gallery--cols-5.content-gallery ul,
.content-gallery--cols-6.content-gallery ul, 
.content-gallery--cols-7.content-gallery ul, 
.content-gallery--cols-8.content-gallery ul, 
.content-gallery--cols-9.content-gallery ul, 
.content-gallery--cols-10.content-gallery ul {
	display: flex;
    align-items: center;
    justify-content: center;	
    flex-wrap: wrap;
}

.content-gallery--cols-4.content-gallery li {
	width: 25%;
	float: none;
}
.content-gallery--cols-6.content-gallery li {
	width: 33%;
	float: none;
}

.content-gallery--cols-10.content-gallery li {
    width: 100%;
    max-width: 100px;
    display: flex;
    padding: 1%;
    align-items: center;
    justify-content: center;
}

.content-gallery--cols-4.content-gallery li figure {
	text-align: center;
}

.produkt-beschreibung .content-gallery--cols-4.content-gallery li {
    width: 24%;
    padding: 3%;
}


#fixed-right-quicklink {
	position: fixed;
	right: 3%;
	bottom: 3%;
	transition: 0.3s bottom;
	-webkit-transition: 0.3s bottom;
	-moz-transition: 0.3s bottom;
	border-radius:6px;
	height: auto;
	display: inline-block;
}

#fixed-right-quicklink img {
	width: 100%;
	height: auto;
	max-width: 250px;
	box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
	transition: 0.3s box-shadow;
	-webkit-transition: 0.3s box-shadow;
	-moz-transition: 0.3s box-shadow;
	border-radius:6px;
}

#fixed-right-quicklink a {
	display: inline-block;
	height: auto;
	width: 100%;
	border-radius:6px;
}

#fixed-right-quicklink:hover,
#fixed-right-quicklink:focus {
	bottom: 3.15%;
}

#fixed-right-quicklink:hover img,
#fixed-right-quicklink:focus img {
	box-shadow: 0 10px 20px rgb(226 0 26 / 31%)
}

.mobile_navigation_wrapper .mod_navigation {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9999;
  
}

.mobile_navigation_wrapper .mod_navigation ul {
	z-index: 9999;
}

.mobile_navigation_wrapper .mod_navigation li .submenu_toggle span {
    display: none;
}

.display-none-mobile {
	display: none;
}

#CookiebotWidget {
    z-index: 999 !importantimp
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #e2001a !important;
    border-color: #e2001a !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #e2001a !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
	border-color: #e2001a !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #e2001a !important;
}

footer {
	margin: 5% 0 0 0;
}

footer .qualitaet-badge {
    margin-bottom: 15px;
}

body.landingpage footer {
	margin: 0;
	text-align: center;
	padding-bottom: 10%;
}

body.landingpage footer a {
	color:#787879;
}
body.landingpage #footer-copyright {
    justify-content: center;
    padding: 0;
}

body.landingpage .copyright-menu-wrap {
	text-align: center;
}

footer #gepruefte-qualitaet,
footer .footer-columns{
	background: #fff;
}

footer .inside .footer-columns {
	display: flex;
	flex-flow: column;
    padding-bottom: 5%
}

footer .footer-columns .column {
	margin: 0 4%;
}

footer .mod_customnav {
	margin-top: 3%;
}

footer .mod_customnav a {
	padding: 1% 0;
	display: inline-block;
}


footer .mod_customnav li.active strong,
footer .mod_customnav a:hover {
	color: #e2001a;
}

footer a {
	color:#000;
	transition: 0.3s color; -webkit-transition: 0.3s color; -moz-transition: 0.3s color;
}

footer a:hover,
footer a:focus {
	color:#E2001A;
}


.qualitaet-badge ul {
    margin-bottom: 0;
    position: relative;
    padding-top: 7%;
    padding-left: 23px;
    border-top: 1px solid #d8d8d8;
}

.qualitaet-badge ul li {
	text-transform: uppercase;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    font-family: 'Roboto Condensed';
    font-weight: bold;
}

.qualitaet-badge ul:after {
    content: "";
    display: block;
    width: 12px;
    height: 43px;
    background: url(/files/webfiles/img/german.svg) no-repeat 0 0;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}


/* ICONS */

.tiktok-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/tiktok-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}

.facebook-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/facebook-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}

.instagram-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/instagram-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}

.youtube-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/youtube-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}

.linkedin-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/linkedin-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}
.xing-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/xing-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}

footer a.email:before,
.mail-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/mail-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}


.arrow-back-icon-btn a:before {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url('/files/webfiles/img/icons/arrow-back-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 10px;
	vertical-align: middle;
}


.arrow-back-black-icon-btn a:before {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url('/files/webfiles/img/icons/arrow-back-black-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 10px;
	vertical-align: middle;
}

p.back a:before,
.arrow-back-white-icon-btn a:before {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url('/files/webfiles/img/icons/arrow-back-white-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 10px;
	vertical-align: middle;
}

.mail-icon-btn a:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/mail-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 10px;
	vertical-align: middle;	
}

.mail-icon-btn.content-hyperlink a{
	color:#000;
}

.tel-icon:before,
.phone-icon:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/phone-icon.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}
.tel-icon-white:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/phone-icon-white.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}
.mail-icon-white:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/files/webfiles/img/icons/mail-icon-white.svg') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;
}

#heroimage-text-left .icon-zutrittskontrolle:before {
	content: " ";
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url('/files/webfiles/img/icons/gewerke/icon-zutrittskontrolle.png') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;	
}
#heroimage-text-left .icon-schliessanlagen:before {
	content: " ";
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url('/files/webfiles/img/icons/gewerke/icon-schließanlage.png') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;	
}

#heroimage-text-left .icon-einbruchmeldeanlagen:before {
	content: " ";
	display: inline-block;
	width: 35px;
	height: 35px;
	background: url('/files/webfiles/img/icons/gewerke/icon-einbruch-EMA.png') no-repeat center center;
	background-size: 100%;
	margin-right: 7px;
	vertical-align: middle;	
}

#heroimage-text-left .cat.first {
	margin-left:0;
}
#heroimage-text-left .cat {
	color:#fff;
	margin-left: 0%;
	vertical-align: middle;
	color:#fff;
    display: block;
    margin-bottom: 3%;
    margin-top: 2%;
}
#sib-container {
    overflow: hidden;
}


.copyright-menu-wrap a {
	padding: 3% 5%;
    display: inline-block;
    vertical-align: middle;
}

.copyright-menu-wrap {
	min-width: 40%;
	text-align: center;
}
#footer {
    overflow:hidden;
}
#footer-copyright {
    display: flex;
    justify-content: space-between;
    padding: 3% 3%;
    vertical-align: middle;
    flex-direction: column;
    text-align: center;
}

#gepruefte-qualitaet {
    display: inline-block;
    padding: 3% 4% 0% 4%;
}

#gepruefte-qualitaet .footer-headline {
	margin-bottom: 0;
}

.footer-headline.center {
	text-align: center;
}

.copyright-wrap {
	vertical-align: middle;
	padding: 1% 0;
}

.gepruefte-qualitaet-logos {
	margin-bottom: 2%;
	display: flex;
	flex-wrap: wrap;
	vertical-align: middle;
	align-content: center;
	align-items: center;
}

.gepruefte-qualitaet-logos .img-wrap {
    display: inline-block;
    padding: 1% 2% 1%;
    text-align: center;
    vertical-align: middle;
}

.gepruefte-qualitaet-logos .img-wrap:first-child {
    padding-left:0;
}

.gepruefte-qualitaet-logos img {
    width: 87%;
    height: auto;
    vertical-align: middle;
    max-height: unset;
    padding: 8%;
    max-width: 72px;
}

.footer-headline {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 1%;
    display: inline-block;
}

.nav-toggler {
	text-align: middle;
}

.nav-toggler button {
	background: #fff;
	border: 0;
	color: #000;
	font-size:18px;
	text-align: middle;
	padding: 3%;
}

#header .mainnavi ul.level_1 .big-teaser-submenu ul.level_2 { 
	width: 850px;
    display: none;
    
}
#header .mainnavi ul.level_1 li.big-teaser-submenu:hover ul.level_2 {
    display: flex;
    max-width: 380px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    min-height:300px;
}
#header .mainnavi ul.level_1 .big-teaser-submenu ul.level_2 li {
	display: flex;
    float: none;
    width: 100%;
    vertical-align: top;
    flex-direction: column;
    position: relative;
    padding: 0;
}

#header .mainnavi ul.level_1 .big-teaser-submenu ul.level_2 li.weitere-leistungen {
	width:100%;
	padding: 0;
	border:0;
}

#header .mainnavi ul.level_1 .big-teaser-submenu ul.level_2 li.weitere-leistungen a,
#header .mainnavi ul.level_1 .big-teaser-submenu ul.level_2 li.weitere-leistungen strong {
	padding: 2% 3%;
    background: #efefef;
    color:#000 !important;
}


/*
#header .mainnavi ul.level_2 li.zutrittskontrolle strong:before,
#header .mainnavi ul.level_2 li.zutrittskontrolle a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/a/ASSAABLOY_eCliq-13374daa.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}

#header .mainnavi ul.level_2 li.schliessanlage strong:before,
#header .mainnavi ul.level_2 li.schliessanlage a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/files/Content/Produkte/Mechanische%20Schliessanlagen/winkhaus%20nitra%201.jpg');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}

#header .mainnavi ul.level_2 li.motorschloesser strong:before,
#header .mainnavi ul.level_2 li.motorschloesser a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/files/Content/Produkte/zutrittskontrollsysteme/Tedee%20GO/tedee-lock-go.jpg');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}



#header .mainnavi ul.level_2 li.alarmanlagen strong:before,
#header .mainnavi ul.level_2 li.alarmanlagen a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/3/Einbruchmeldeanlagen-fe36aab9.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}


#header .mainnavi ul.level_2 li.videoueberwachung strong:before,
#header .mainnavi ul.level_2 li.videoueberwachung a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/a/Videou%CC%88berwachungsanlagen-fa240961.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}

#bigheroimage-submenu.rauchundwaerme,
#header .mainnavi ul.level_2 li.rauchundwaerme strong:before, 
#header .mainnavi ul.level_2 li.rauchundwaerme a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/b/Rauchmelder-550eca03.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}

#header .mainnavi ul.level_2 li.tresore strong:before,
#header .mainnavi ul.level_2 li.tresore a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/6/Tresore-98646157.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}

#header .mainnavi ul.level_2 li.briefkaesten-anlagen strong:before,
#header .mainnavi ul.level_2 li.briefkaesten-anlagen a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/4/kat-briefkastenanlagen2-6a42685a.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}
#header .mainnavi ul.level_2 li.schluesselmanagement strong:before,
#header .mainnavi ul.level_2 li.schluesselmanagement a:before {
	content: " ";
	vertical-align: middle;
	display:inline-block;
	width: 80px;
	height: 80px;
	background:url('/assets/images/9/Deister%20Schlu%CC%88sselschrank-04e45e8d.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	margin-right: 10px;
}
*/

.submenu.big-teaser-submenu .bigheroimage-submenu {
	display: flex;
    max-width: 300px;
    height: 300px;
    width: 100%;
    background-color: transparent;
    position: absolute;
    left: -300px;
    top:0;
}

.submenu.big-teaser-submenu .bigheroimage-submenu.alarmanlagen {
	background: #fff url('/assets/images/3/Einbruchmeldeanlagen-fe36aab9.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}


.submenu.big-teaser-submenu .bigheroimage-submenu.motorschloesser {
	background: #fff  url('/assets/images/8/tedee_lock-44ba9cb2.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}

.submenu.big-teaser-submenu .bigheroimage-submenu.schluesselmanagement {
	background: #fff  url('/assets/images/9/Deister%20Schlu%CC%88sselschrank-04e45e8d.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}

.submenu.big-teaser-submenu .bigheroimage-submenu.briefkaesten-anlagen {
	background: #fff  url('/assets/images/4/kat-briefkastenanlagen2-6a42685a.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}
.submenu.big-teaser-submenu .bigheroimage-submenu.schliessanlage {
	background: #fff url('/files/Content/Produkte/Mechanische%20Schliessanlagen/winkhaus%20nitra%201.jpg');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}
.submenu.big-teaser-submenu .bigheroimage-submenu.tresore {
	background:  #fff url('/assets/images/6/Tresore-98646157.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}

.submenu.big-teaser-submenu .bigheroimage-submenu.zutrittskontrolle {
	background: #fff url('/assets/images/a/ASSAABLOY_eCliq-13374daa.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}

.submenu.big-teaser-submenu .bigheroimage-submenu.videoueberwachung {
	background: #fff url('/assets/images/a/Videou%CC%88berwachungsanlagen-fa240961.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}
.submenu.big-teaser-submenu .bigheroimage-submenu.rauchundwaerme {
	background: #fff  url('/assets/images/b/Rauchmelder-550eca03.webp');
	background-size: 100%;
	background-repeat:no-repeat;
	background-position: center center;
}














#header .mainnavi ul.level_2 li ul.level_3 strong:before,
#header .mainnavi ul.level_2 li ul.level_3 a:before {
	display: none !important;
}

.mod_navigation.mainnavi.nav--mobile--active {
    position: absolute;
    left: 0;
    top: 80px;
    background: #fff;
    width: 100%;
    padding: 0%;
}

.mod_navigation.mainnavi.nav--mobile--active a {
	padding: 2% 5%;
	display: inline-block;
}

.mod_navigation.mainnavi.nav--mobile--active ul.level_2,
.mod_navigation.mainnavi.nav--mobile--active ul.level_3,
.mod_navigation.mainnavi.nav--mobile--active ul.level_4 {
	  visibility: hidden;
	  opacity: 0;
	  display: none;
}

.anfrage-wizard {
    width:100%;
    max-width: 90%;
    background: #fff;
    padding: 5%;
    text-align: center;
}

.anfrage-wizard .headline {
	text-align: center;
	font-size:18px;
}


/* LEISTUNGEN*/


.leistungen-produkte-wrapper {
	margin: 3% 0;
	padding: 1% 3% 3% 3%;
	background: #fff;
	color:#000;
}

.leistungen-produkte-wrap {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}


.leistungen-produkte-wrap .produkt-teaser.active {
	background: #f2f2f2;
    border-bottom: 3px solid #f2f2f2
}

.leistungen-produkte-wrap .produkt-teaser.active:hover {
	border-bottom: 3px solid #f2f2f2;
	box-shadow: 0 0 0 #000000;
}

.produkt-teaser.active a {
	color: #000000;
}

.leistungen-produkte-wrap .produkt-teaser {
	width: 100%;
	max-width: 17%;
	/*box-shadow: 3px 3px 10px #e6e6e6;*/
	transition: 0.3s box-shadow, 0.3s border-bottom;
	-webkit-transition: 0.3s box-shadow, 0.3s border-bottom;
	-moz-transition: 0.3s box-shadow, 0.3s border-bottom;
	border-bottom: 3px solid #fff;
	padding: 4% 8% 0%;
}


.unterkategorien.leistungen-produkte-wrap .produkt-teaser figure {
	min-height: 60px;
}

.leistungen-produkte-wrap .produkt-teaser figure {
    display: flex;
    width: 100%;
    min-height: 180px;
    vertical-align: middle;
    flex-direction: row;
    align-items: center;
}
.leistungen-produkte-wrap .produkt-teaser img{
	width: 100%;
	height: auto;
    vertical-align: middle;
    mix-blend-mode: multiply;
}
.leistungen-produkte-wrap .produkt-teaser figure a {
	display: inline-block;
    vertical-align: middle;
}

.leistungen-produkte-wrap .produkt-teaser h3,
.leistungen-produkte-wrap .produkt-teaser h3 a {
	text-align: center;
	transition: 0.3s color;
	-webkit-transition: 0.3s color;
	-moz-transition: 0.3s color;
	word-break: break-word;
}

.leistungen-produkte-wrap .produkt-teaser:hover {
	box-shadow: 3px 3px 10px #e0e0e0;
	border-bottom: 3px solid #e2001a
}
.leistungen-produkte-wrap .produkt-teaser:hover h3,
.leistungen-produkte-wrap .produkt-teaser:hover h3 a {
	color:#000;
}

.back-to-overview-wrap {
	margin: 3% 0;
}

.back-to-overview-wrap a {
	display: block;
	width:90%;
}
.back-to-overview-wrap .content-hyperlink a {
	border: 0;
}

/* MITARBEITER */

.mitarbeiter-wrap {
	margin: 0 0 3% 0;
}

.mitarbeiter-wrap .mitarbeiter {
	padding: 3% 7% 0;
	background: #fff;	
	display: flex;
	flex-direction: column;
	background: #fff url('/files/webfiles/img/keyvisual.svg') no-repeat center center;
	background-size: 19%;
    background-position: 93% 94%
}
.mitarbeiter.media--left>figure {
    float: none;
    max-width: 99%;
    margin-right: 0%;
}

.mitarbeiter-wrap .mitarbeiter figure img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.mitarbeiter-wrap .mitarbeiter .employees-title,
.mitarbeiter-wrap .mitarbeiter .employee-name {
	font-size:26px;
	color: #E2001A;
}
.mitarbeiter-wrap .mitarbeiter .rte p:first-child {
	margin:0;
	padding:0;
}

.mitarbeiter-wrap .mitarbeiter .employee-department {
	font-weight: bold;
	margin-bottom: 8%;
}

/* DOWNLOADS */

.jobs-menu li {
	border-bottom: 1px solid #ffffff;
    display: flex;
    padding-left: 3%;
    background: #fff;
    margin-bottom: 1px;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    moz-transition: 0.5s all ease-in-out;	
}
.jobs-menu li:hover{
	background: rgb(240 240 240);
}
.jobs-menu li a {
    display: inline-block;
    padding: 2.5% 2% 2.5% 0%;
    line-height: 14px;
	width: 100%;
    max-width: 25%;
    vertical-align: middle;
}

.jobs-menu li .job-start {
    padding: 2.5% 2%;	
}

.jobs-menu li a:first-child {
	max-width: 60%;
}

.content-downloads .download-element {
	border-bottom: 1px solid #e8e8e8;
    width: 95%;
    display: flex;
    padding-left: 2.5%;
    padding-right: 2.5%;
    background: #fff;
    margin-bottom: 0px;
    transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    moz-transition: 0.5s all ease-in-out;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.content-downloads .download-element a {
    display: inline-block;
    padding: 3.5% 16.5% 3.5% 3%;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    vertical-align: middle;
    max-width: 99%;
    color:#000;
    position: relative;
    word-break: break-all;
    vertical-align: middle;
}

.content-downloads .download-element:hover {
	background: rgb(240 240 240);
}

.content-downloads .download-element:hover a,
.content-downloads .download-element a:hover {
	color:#E2001A;
}

.content-downloads .download-element a:after {
	    content: " ";
		background: url('/files/webfiles/img/icons/icon-download.svg') no-repeat center center;
		background-size: 100%;
		width: 30px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2%;
    	max-width:30px;
    	opacity: 0.5;
	    transition: 0.5s all ease-in-out;
		 -webkit-transition: 0.5s all ease-in-out;
		moz-transition: 0.5s all ease-in-out;
		position: absolute;
		right:0;
	    top: 25%;
}
.content-downloads .download-element:hover:after {
	opacity: 1;
}
.content-downloads .download-element.ext-pdf a:before {
	    content: " ";
		background: url('/files/webfiles/img/icons/downloads/Icon-pdf.svg') no-repeat center center;
		background-size: 100%;
		width: 40px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2.5%;
    	max-width:8%;
}
.content-downloads .download-element.ext-zip a:before {
	    content: " ";
		background: url('/files/webfiles/img/icons/downloads/Icon-zip.svg') no-repeat center center;
		background-size: 100%;
		width: 40px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2%;
    	max-width:8%;
}
.content-downloads .download-element.ext-jpeg a:before,
.content-downloads .download-element.ext-jpg a:before {
	    content: " ";
		background: url('/files/webfiles/img/icons/downloads/Icon-jpg.svg') no-repeat center center;
		background-size: 100%;
		width: 40px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2.5%;
    	max-width:8%;
}
.content-downloads .download-element.ext-png a:before {
	    content: " ";
		background: url('/files/webfiles/img/icons/downloads/Icon-png.svg') no-repeat center center;
		background-size: 100%;
		width: 40px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2.5%;
    	max-width:8%;
}
.content-downloads .download-element.ext-docx a:before {
	    content: " ";
		background: url('/files/webfiles/img/icons/downloads/Icon-docx.svg') no-repeat center center;
		background-size: 100%;
		width: 40px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2.5%;
    	max-width:8%;
}
.content-downloads .download-element.ext-svg a:before {
	    content: " ";
		background: url('/files/webfiles/img/icons/downloads/Icon-svg.svg') no-repeat center center;
		background-size: 100%;
		width: 40px;
	    height: 40px;
    	vertical-align: middle;
    	display: inline-block;
    	margin-right: 2.5%;
    	max-width:8%;
}

#unsere-marken .slider-control .slider-menu{
        font-size: 47px;
    text-align: center;
    line-height: 23px;
    transition:0.3s all;
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
}

#unsere-marken .slider-control .slider-menu b{
        transition:0.3s all;
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
}

#unsere-marken .slider-control .slider-menu b:hover,
#unsere-marken .slider-control .slider-menu b:focus {
    color: #000;
}
#unsere-marken .slider-control .slider-menu b.active {
    color: #e2001a;
}

body.tresore .leistungen-produkte-wrap .produkt-teaser h2 {
    word-break: break-word;
    font-size:27px;
}


.store-wrap .-large-col-2-1 {
    padding: 0;
}



.store-wrap .-large-col-2-1.no-padding-right {
    margin-right: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.store-wrap.bg-white .content-text {
    padding: 3% 8% 1%;
}

.store-wrap .-large-col-2-1.-medium-last {
    background: #EFEFEF;
    width: 100%;
    margin-top: 0;
}

.store-wrap.bg-white .ce_sliderStart {
    padding:0;
    background: transparent;
    
}
.store-wrap h3 {
    margin-top: 0;
    padding-top: 0;
}

#open-status,
.open-status {
    font-size: 22px;
    max-width: 315px;
    margin: 0 auto;
}

.offnungszeiten-store,
.store-wrap .offnungszeiten-store-2,
.store-wrap .offnungszeiten-store {
    text-align: center;
}
.store-wrap .offnungszeiten-store-2 h4,
.store-wrap .offnungszeiten-store h4 {
    font-size: 24px;
    font-weight: bold;
}
.store-wrap .offnungszeiten-store-2 .offnungszeiten-zeiten,
.store-wrap .offnungszeiten-store-2 .adresse,
.store-wrap .offnungszeiten-store .offnungszeiten-zeiten,
.store-wrap .offnungszeiten-store .adresse {
    font-size: 20px;
}

.offnungszeiten-zeiten-geschlossen{
    padding: 0 3% 3% 3%;
}
.store-wrap.rs-columns {
    display: flex;
    flex-direction: column;
}
.store-wrap .offnungszeiten-zeiten {
    margin: 3% 12%;
}

.store-wrap .offnungszeiten-zeiten .offnungszeiten-zeiten-row {
    font-size: 17px;
    border-bottom: 1px solid #b4b4b430;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding: 2.5% 10%;
    gap: 20px;
    background: #ffffffab;
    transition: 0.3s background;
    -webkit-transition: 0.3s background;
    -moz-transition: 0.3s background;
}
.store-wrap .offnungszeiten-zeiten .offnungszeiten-zeiten-row:hover {
    background: #fff
}

.store-wrap .offnungszeiten-zeiten .offnungszeiten-zeiten-row .offnungszeiten-zeiten-day {
    font-weight: bold;
}

.store-wrap .offnungszeiten-zeiten .offnungszeiten-zeiten-row:last-child {
    border: 0;
}

.store-wrap .ce_sliderStart {
    position: relative;
}

.store-wrap .slider-control {
    position: absolute;
    top: 50%; /* Zentriert die Navigation vertikal */
    left: 50%; /* Zentriert die Navigation horizontal */
    transform: translate(-50%, -50%);
    z-index: 10; /* Stellt sicher, dass die Navigation über den Bildern liegt */
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.store-wrap .slider-prev {
    background: transparent url('/files/webfiles/img/icons/left-icon.svg');
    font-size: 0 !important;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 10px;
    text-decoration: none;
    font-size: 18px;
    border-radius: 5px;
    transition: 0.3s background;
    -webkit-transition: 0.3s background;
    -moz-transition: 0.3s background;
        width: 30px;
    height: 30px;
    background-position: center center;
}
.store-wrap .slider-next {
     background: transparent url('/files/webfiles/img/icons/right-icon.svg');
    font-size: 0 !important;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 10px;
    text-decoration: none;
    font-size: 18px;
    border-radius: 5px;
    transition: 0.3s background;
    -webkit-transition: 0.3s background;
    -moz-transition: 0.3s background;
        width: 30px;
    height: 30px;
    background-position: center center;
}
.store-wrap .slider-prev:hover, 
.store-wrap .slider-next:hover {
    background-color: transparent;
}
.store-wrap .slider-control .slider-menu {
    display: none;
}
.store-wrap .content-text.big {
    padding-top: 0;
}
.store-wrap .content-text.big,
.store-wrap .content-text.big a {
    color:#000;
    font-size: 20px;
}

.store-wrap .mail-icon:before,
.store-wrap .tel-icon:before, 
.store-wrap .phone-icon:before {
    width: 24px;
    height: 24px;
    margin-right: 15px;
}

.ladengeschaeft-wrap {
	margin: 1% 0;
	display: flex;
	flex-direction: column;
}
.zweigstelle.rs-column {
    width:99%;
}

.ladengeschaeft-wrap h2 {
    margin-top: 3%;
}
.ladengeschaeft-wrap .rs-column.-large-col-3-1 {
    width: 99%;
    margin-right: 0;
    background: #fff;
    text-align: center;
}
.ladengeschaeft.zweigstelle {
    background: #fff;
    text-align: center;
    padding: 6%;
}
.ladengeschaeft-wrap .rs-column.-large-col-3-1:last-child {
    margin-right: 0%;
}
.ladengeschaeft {
	background: #fff;
	padding: 0%;
}
.ladengeschaeft div.rte {
    padding: 0 6% ;
}
.ladengeschaeft strong:first-child {
	color: #000;
	font-size: 21px;
}
.ladengeschaeft.zweigstelle {
	background: #fff;
	margin-bottom: 3%;
}





/* NEWSLETTER */

#sib-form-container {
    padding: 3%;
}

.sib-form {
	padding:0 !important;
}

.sib-form .entry__field {
	border: 0px !important;
}

.sib-form p a:hover,
.sib-form p a:focus {
	color:#000 !important;
}

.sib-form textareat::placeholder,
.sib-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #9c9c9c !important;
  opacity: 1; /* Firefox */
}

.sib-form-block__button:hover,
.sib-form-block__button:focus {
	background: #fff !important;
	color:#000 !important;
}

.entry__label::after {
	color: #000000 !important;
}


/* 24 Stunden Notdienst */
.zip-gray {
	color: #AFAFAF;
}


.ce_form .btn-primary {
    background: #F60000;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    padding: 10px 25px;
    border: 0;
    min-width: 80%;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    border-radius: 3px;
}
.ce_form .btn-primary:hover,
.ce_form .btn-primary:focus {
    background: #000;
    color: #fff;
}

.ce_form.form-center {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

form label span.sr-only {
    display: none;
}

span.mandatory,
form label span.mandatory {
    color: #F60000;
    font-weight: bold;
}


.ce_form.form-center select {
    width: 89%;
}
form label {
    font-size: 18px;
}

form .error {
    color: #F60000;
    font-weight: bold;
}

form textarea, 
form input,
form select {
    display: block;
    margin: 15px auto 20px;
    padding: 12px 2%;
    border: 1px solid #cecece;
    border-radius: 3px;
    min-width: 40%;
    width: 100%;
    max-width: 96%;
    transition: border 0.3s;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
}
form .checkbox,
form input.checkbox {
	display: inline-block;
	min-width: unset;
	padding:0;
	margin: 5px;
}

form textarea:hover,
form textarea:focus,
form input:hover,
form input:focus,
form select:hover,
form select:focus {
    border-color: #F60000;
}


form label {
    font-family: 'Overpass', sans-serif;
}

#startbild .zweite-spalte .ce_text {
	padding-left: 4rem
}

#hauptmenu .sr-only {
    display: none;
}

.custom {
    margin-top: 100px;
}


#startbild img {
    /*width: 49vw;*/
    max-width: 790px;
}

#startbild p {
    font-size: 22px;
    line-height: 35px;
    color: #4E4E4E;
}
#digi-trans .zweite-spalte .ce_text {
    padding-right: 10%;
}


.video_container video {
	margin-top: 2rem;
}

#einsatzgebiete {
    padding-top: 5%;
    padding-bottom: 10%;
    margin-bottom: 4%;
    text-align: center;
    background: #e4e4e4;
    width: 140%;
    margin-left: -20%;
    margin-right: -20%;
}

.two-colmns-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 1360px;
    margin: 0 auto;
}

#onlineoffline
.two-colmns-wrapper {
    align-items: stretch;
}

.two-colmns-wrapper .erste-spalte,
.two-colmns-wrapper .zweite-spalte{
    vertical-align: top !important;
    margin: 0 !important ;
    padding: 0 !important;
}

.three-colmns-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding-bottom: 5%;
}

.three-colmns-wrapper .erste-spalte,
.three-colmns-wrapper .zweite-spalte,
.three-colmns-wrapper .dritte-spalte {
    width: 33.3%;
    vertical-align: top !important;
    margin: 0 !important ;
    padding: 0 !important;
}

.zwei-spalten {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center
}

.zwei-spalten .column {
    align-items: center;
    text-align: center;
    width: 50%;
}


.headline-content {
    margin-top: 140px;
    text-align: center;
}
.form-center {
    text-align: center;
}

.center-mobile {
	text-align: center;
}

button#address-submit {
padding: 2.3% 60px 2.3% 3%;
    background: #ffffff;
    color: #000;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    position: relative;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    margin-bottom: 0;
    margin-top: 0%;
    width: 100%;
    max-width: 100%;
    font-weight: bold;
    display: inline-block;
}

button#getGeoLoc {
    padding: 4.3% 60px 4.3% 3%;
    background: #e2001a;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    position: relative;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    margin-bottom: 0;
    margin-top: 0%;
    width: 100%;
    max-width: 90%;
    font-weight: bold;
    display: inline-block;
}

button#getGeoLoc:before {
    content: " ";
    background: url('https://www.felgner.de/files/webfiles/img/icons/Icon-pin.svg') no-repeat center center;
    background-size: 100%;
    width: 28px;
    height: 100%;
    margin-right: 5%;
    display: inline-block;
    position: absolute;
    right: 0%; 
    top: 0%;
}

button#getGeoLoc:hover {
	background: #000;
}

#address-suggestions {
  max-height: 300px;
    overflow-y: auto;
    background: #ddd;
    z-index: 10;
}

.suggestion {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  
}

.suggestion:hover {
  background-color: #f0f0f0;
}

#keyfacts-notdienst{
   display: flex;
   flex-flow: column;	
	padding-bottom: 40px;
	
}

#keyfacts-notdienst div.rs-column {
	width: 99%;
}

#keyfacts-notdienst div.rs-column div.content-text {
	padding-bottom:0;
	padding-top:0;
}

.einsatzgebiete-icons-wrapper div {
    text-align: center;
}
.einsatzgebiete-icons-wrapper img {
    margin-bottom: 5%;
}
.einsatzgebiete-icons-wrapper .einsatzgebiete-spalte {
    padding: 2% 3%;
    transition: background 0.7s;
    -webkit-transition: background 0.7s;
    -moz-transition: background 0.7s;
}

.einsatzgebiete-icons-wrapper .einsatzgebiete-spalte:hover {
    background: #fff;
    transition: background 0.7s;
}

#einsatzgebiete .button-white {
    margin: 0 auto;
    background: #fff;
    border-color: #fff;
}

#einsatzgebiete .button-white:hover {
    color: #e2001a
}

#einsatzgebiete .big-button-text-vertical {
    color: #000
}

#einsatzgebiete h2 strong{
    color: #2E2E2E;
    font-size: 30px;
}
#einsatzgebiete h2 {
    color: #e2001a;
    font-size: 35px;
}

.big-button-text-vertical {
    font-size: 25px;
    word-break: break-all;
    text-decoration: none;
    font-weight: 100;
    color: #939393;
    max-width: 70px;
    display: inline-block;
}

.einsatzgebiete-icons-wrapper p {
    font-size: 18px;
    margin-top: 10%;
    margin-bottom: 10%;
    color: #000;
    font-weight: bold;;
}

.list-checks li {
	font-size: 0.6rem;
	line-height: 0.9rem;
}
.list-checks li:before {
	content: " ";
    width: 17px;
    height: 33px;
    background: url(/files/landingpages/bilder/check-circle.svg) no-repeat center center;
    background-size: 100%;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}

.list-checks {
	margin-top: 2rem;
	margin-bottom: 0rem;
}
.list-checks ul {
	text-align: center;
}
.rechnung-icon li:before {
    content: " ";
    width: 37px;
    height: 42px;
    background: url(/files/landingpages/bilder/invoice-icon.svg) no-repeat center center;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}
.bargeld-icon li:before {
	content: " ";
	width: 37px;
    height: 32px;
    background: url(/files/landingpages/bilder/bezahlung.svg) no-repeat center center;
    background-size: 100%;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}
.visa-icon li:before {
	content: " ";
	width: 47px;
    height: 32px;
    background: url(/files/landingpages/bilder/visa.svg) no-repeat center center;
    background-size: 100%;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}
.mastercard-icon li:before {
	content: " ";
	width: 47px;
    height: 32px;
    background: url(/files/landingpages/bilder/mastercard.svg) no-repeat center center;
    background-size: 100%;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
}
#myInput:focus {
	border: 3px solid #000000;
}

#myUL {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li {
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  display: block; /* Make it into a block element to fill the whole list */
}

#myUL li a:hover:not(.header) {
  background-color: transparent; /* Add a hover effect to all links, except for headers */
}

.standort-suche {
	margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 0 3% 3% 3%;
    display: flex;
    flex-flow: column;
}

.standort-suche input {
    padding: 4.3% 2.5%;
    font-size: 16px;
    border: 0px solid #EAEAEA;
    border-radius: 0;
    margin-bottom: 12px;
    background: #f3f3f3;
    text-align: center;
    font-weight: light;
    margin: 0;
    width: 100%;
    max-width: 95%;
    display: inline-block;
}

.standort-suche #search-input {
	display: none;
}
#results {
	background:#fff;
	text-align: center;
}

#results h2 {
	text-align: center;
	color: #e2001a;
    margin-top: 4%;
    font-size: 40px !important;
    display: inline-block;
    text-align: center;
}

.trusted-badges img {
	padding: 3%;
    height: auto;
    vertical-align: middle;
}

.jetztanrufen-wrapper {
	text-align: center;
}
.jetztanrufen-wrapper.scrollfixed {
    position: fixed; bottom: 1%; right: 3%; left: 3%;
    z-index:9999999999998;
}

.hinweistext {
	font-size: 10px;
	max-width:600px;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.standort-suche [type=submit] {
	background: #F60000;
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 2.3% 2.5%;
    margin: 0;
    width: 40%;
}

.suche-ergebniss {
	background: #fff;
	margin-bottom: 35px;
	background: url('/files/landingpages/bilder/schluessel.svg') no-repeat 94%;
	background-size: 74px;
	border: 1px solid #D8D8D8;
    padding: 4%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}

.umkreis-plz-shownot {
	opacity: 0;
	width: 0;
	height: 0;
	font-size: 0;
	overflow: hidden;
}

.suche-ergebniss:hover {
	/*	border-color: #F60000; */
	box-shadow: 0 5px 35px #f6f6f6;
	transform: scale(1.05);
}

.no-margin-top {
	margin-top:0;
}

#loading {
    background: #b8f60080;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    font-weight: bold;
    color: #000;
    margin: 0;
    flex-direction: column;
    padding: 3% 3% 3% 3%;
    display: none;
}

#loading .pulse {
    animation: pulse 1.5s infinite;
}

#loading svg {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    animation: spin 1s linear infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.tarife-nonelink {color: inherit; text-decoration: none;}


.suche-ergebniss .headline{
	font-weight: bold;
	display: block;
	margin-bottom: 1rem;
}

.suche-ergebniss .adresse {
	color: #2E2E2E;
	text-decoration: none;
	font-weight: normal;
    display: block;
    margin-top: 0.3rem;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
}

.suche-ergebniss .preis {
	font-weight: bold;
	font-size: 1.1rem;
	display: block;
}

.suche-ergebniss .telefon {
    color: #88B72E;
    font-weight: bold;
    font-size: 1.1rem;
    margin-top: 1.0rem;
	display: block;
}

.suche-ergebniss .telefon:before {
	content: " ";
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url('/files/webfiles/img/icons/phone-icon.svg') no-repeat center center;
	color: #88B72E;
	background-size: 100%;
	margin-right: 15px;
	vertical-align: middle;
}

.umgebung-block h2 {
	color: #e2001a;
}

.umgebung-block h2 strong {
	color: #2E2E2E
}

.umgebung-block {
    background: #F2F2F2;
    max-width: 1100px;
    margin: 3% auto 0 auto;
}

.umgebung-block p a {
    background: #FFFFFF;
    display: inline-block;
    color: #f60000;
    font-size: 1.1rem;
    font-weight: normal;
    text-decoration: none;
    padding: 1rem 2rem;
    margin: 1rem 0rem 2rem;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
}

.umgebung-block p a:before {
	content: " ";
	width: 25px;
	height: 25px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	color: #f60000;
	background-size: 100%;
	margin-right: 15px;
	vertical-align: middle;
    background-color: #f60000;
    -webkit-mask-image: url(/files/webfiles/img/icons/phone-icon.svg);
    mask-image: url(/files/webfiles/img/icons/phone-icon.svg);
}
.umgebung-block p a:before svg {
	fill: #f60000 !important;
}
.umgebung-block p a:hover {
	transform: scale(1.2) rotate(0.5deg);
}


.preis {
	line-height: 20px;
}
.preis small {
	font-size: 15px;
}

.tarife-wrap {
    display: flex;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    flex-flow: column;
}

.tarif {
	text-align: center;
    min-height: 120px;
    vertical-align: middle;
    align-items: center;
    flex-grow: 3;
    padding: 2% 2%;
    margin: 1% 0 2% 0;
}

.tarif.mitte {
	border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

.tarif .headline {
    font-size: 19px;
    display: block;
    text-align: center;
    margin-bottom: 0.5rem;
    min-height: 42px;
    vertical-align: top;
}

.tarif .time-block {
	display: block;
    text-align: center;
    color: #AFAFAF;
    min-height: 35px;
    vertical-align: middle;
    line-height: 17px;
}

.tarif .preis {
	font-size: 22px;
	font-weight: bold;
	display: block;
	margin-top: 1rem;
}

.tarif.wochenend-tarif .headline:after {
    content: "inkl. Feiertage";
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

.bezahlungs-block {
    background: #f0f0f0;
    padding: 2rem 0;
    margin-bottom: 2rem;
    text-align:center;
}

.bezahlungs-block h2,
.bezahlungs-block h3,
.bezahlungs-block h4 {
	color: #000 !important;
}
.bezahlungs-block h3 {
	padding: 1% 5%;
}

.keinetreffer {
    text-align: center;
    margin: 1rem auto 2rem;
    max-width: 670px;
    padding: 3% 0 5%;
}

.jetztanrufen-btn {
    box-shadow: 0 0 30px #d8d8d8;
    padding: 2.3% 5.0%;
    display: inline-block;
    text-align: center;
    color: #2E2E2E;
    border-radius: 4px;
    margin: 2% auto;
    text-decoration: none;
    font-size: 20px;
    background: #fff;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;

}

.jetztanrufen-btn:hover {
	background: #f3f3f3;;
}

.jetztanrufen-btn strong {
	color: #88B72E;
	text-decoration: none;
	margin-left:0;
    width: 100%;
	display: inline-block;
}
.jetztanrufen-btn strong:before {
	content: " ";
	width: 30px;
	height: 30px;
	display: inline-block;
	background: url('/files/webfiles/img/icons/phone-icon.svg') no-repeat center center;
	color: #88B72E;
	background-size: 100%;
	margin-right: 15px;
	vertical-align: middle;
}

.big-mobile-number {
	font-size: 30px;
}


.zwischenheadlines h2 {
	color: #2E2E2E;
}

.keinetreffer h3 {
	margin-top: 2rem;
	line-height: 1.5em;
}

.keinetreffer .desc {
    line-height: 1.7em;
}


.keinetreffer img {
    max-width: 540px;
    height: auto;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto 2%;
}

.keinetreffer a {
    color: #004d91;
}


h2.withbreak {
	font-weight: bold;
}

h2.withbreak span {
	font-weight: normal;
}

button#getGeoLoc {
	cursor: pointer;
	max-width: 100%;
}



/* FORM */
form textarea, form input, form select {
	margin: 3px auto 9px 0;
}

#quick-kontakt {
    background: transparent;
    top: 27vh;
    position: fixed;
    right: 0;
    max-width: 50px;
    padding: 0;
    width: 60px;
    z-index: 999;
}
#quick-kontakt .absolute-wrap {
	position: absolute;
    width: 100%;
	transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}
#quick-kontakt.in {
    max-width: 100%;
    width: 100vw;	
}


#quick-kontakt .quick-kontakt-opener-wrap {
	display: inline-block;
	background:#fff;
	color: #000;
	position: relative;
	left:0;
	top:0;
	background: #FFFFFF;
	z-index: 15;
	width: 100%;
	max-width: 50px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 16%);
    text-align: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 12px;
}

#quick-kontakt form .widget-textarea textarea, 
#quick-kontakt form .widget-text input {
	min-width: unset;
    width: 80%;
}
#quick-kontakt form textarea::placeholder, 
#quick-kontakt form input::placeholder, 
#quick-kontakt form select::placeholder {
	color:#000 !important;
}

#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-whatsapp,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-phone,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-contact,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-search{
	font-size: 0;
    padding: 0;
    display: flex;
    background: #fff;
    border: 0;
    width: 100%;
    max-width: 50px;
    min-height: 55px;
    text-align: center;
    line-height: 19px;
    margin: 0 auto;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}

#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-whatsapp:hover,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-phone:hover,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-contact:hover,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-search:hover {
	background: #E2001A;
	cursor: pointer;
}
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-contact.active:hover {
	background: #6C000C;
}

#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-whatsapp.active,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-phone.active,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-contact.active,
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-search.active {
	background: #E2001A;
}

#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-whatsapp:before {
	content: " ";
	width: 29px;
	height: 35px;
	display: inline-block;
	background: url('/files/webfiles/img/icons/whatsapp-icon-black.svg') no-repeat center center;
	background-size: 100%;
	margin: 0 auto;
	vertical-align: middle;
}

#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-phone:before {
	content: " ";
	width: 29px;
	height: 35px;
	display: inline-block;
	background: url('/files/webfiles/img/icons/phone-black-icon.svg') no-repeat center center;
	background-size: 100%;
	margin: 0 auto;
	vertical-align: middle;
}
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-contact:before {
	content: " ";
	width: 25px;
	height: 30px;
	display: inline-block;
	background: url('/files/webfiles/img/icons/mail-outline-black-icon.svg') no-repeat center center;
	background-size: 100%;
	margin: 0 auto;
	vertical-align: middle;
}
#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-contact.active:before {
	width: 25px;
	height: 30px;
	background: url('/files/webfiles/img/icons/close-white-icon.svg') no-repeat center center;
	background-size: 100%;
}




#quick-kontakt .quick-kontakt-opener-wrap #quick-kontakt-opener-search:before {
	content: " ";
	width: 22px;
	height: 30px;
	display: inline-block;
	background: url('/files/webfiles/img/icons/search-black-icon.svg') no-repeat center center;
	background-size: 100%;
	margin: 0 auto;
	vertical-align: middle;
}
.quick-kontakt-content .tel-icon.tel-btn {
	margin-top: 10px;
    font-size: 18px;
    color: #000;
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 0;
}
.quick-kontakt-content .tel-icon.tel-btn:focus,
.quick-kontakt-content .tel-icon.tel-btn:hover{
	color:#E2001A;
}

.quick-kontakt-content .tel-icon:before {
    width: 30px;
    height: 34px;
}

.quick-kontakt-content {
	display: block;
    position: fixed;
    top: 50%;
    right: 0;
    left: 0;
    width: 80% !important;
    transform: translate(940px,-70%);
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    z-index: 1000;
	background: #fff;
	padding: 2% 5% 2% 15%;
	box-shadow: -4px 7px 0px rgb(0 0 0 / 0%);
	z-index: 10;
	text-align: left;
}


#quick-kontakt.in .quick-kontakt-content {
    transform: translate(0px,-50%);
    display: block;
    box-shadow: -4px 7px 40px rgb(0 0 0 / 16%);
    max-height: 75vh;
    overflow-x: scroll;
        min-height: 440px;
    padding: 80px 5% 9% 100px;
}

.quick-kontakt-content form{
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    padding: 0;
}

form .dsgvo_checkbox > span,
.quick-kontakt-content form .dsgvo_checkbox > span {
	display: flex;
	flex-direction: row;
	vertical-align: top;
	align-content: center;
	align-items: center;
}

.dsgvo_checkbox .checkbox,
.quick-kontakt-content form .dsgvo_checkbox .checkbox {
	display: inline-block;
	max-width: 50px;
    min-width: auto;
    margin-right:25px;
    width:25px;
    height:25px;
}

form .dsgvo_checkbox label,
.quick-kontakt-content form .dsgvo_checkbox label {
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
}

p.back a,
.content-hyperlink a {
	color:#000;
	padding: 3.1% 10%;
	font-weight: bold;
	background: #fff;
	border:1px solid #BCBCBC;
	margin-top: 2%;
	margin-bottom: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    display: inline-block;
}

p.back a,
.content-hyperlink.red a {
	background:#E2001A;
	color:#fff;
}

.mod_newsreader p.back a {
	border:0;
}

body.landingpage .styled-headline h2,
body.landingpage .styled-headline h3,
body.landingpage .styled-headline h4 {
	margin:0;
	padding:0;
	line-height: 31px;
}

.btn-image {
	background: #db0519;
    display: inline-block;
    padding: 0;
    color: #fff;
    margin: 3% 1%;
    max-width: 47%;
    border-radius: 7px;
    
   transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	
	
}

body.landingpage .btn-image {
	max-width: 260px;
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

body.landingpage .four-columns .btn-image {
    min-height: 240px;
}

.btn-image img {
	max-width:100%;
	width:100%;
	margin:0;
	padding:0;
	-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.btn-image span {
    margin-bottom: 3%;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.btn-image:hover span,
.btn-image:hover {
	color:#fff;
}
.btn-image:hover {
	transform: scale(1.1);
}
#heroimage-text-left p:last-child a,
p.more a,
form button.submit,
.quick-kontakt-content form button.submit,
.quick-kontakt-content form .submit,
form .submit{
	background:#E2001A;
	color:#fff;
	padding: 1.1% 10%;
	font-weight: bold;
	border:0;
	margin-top: 2%;
	margin-bottom: 2%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    font-size: 15px;
}

.content-hyperlink a:hover {
	background: #fff;
	border-color:#E2001A;
	color:#E2001A;
}

.content-hyperlink a.red:hover,
p.more a:hover,
form button.submit:hover,
.quick-kontakt-content form button.submit:hover,
.quick-kontakt-content form .submit:hover,
form .submit:hover,
form button.submit:focus,
.quick-kontakt-content form button.submit:focus,
.quick-kontakt-content form .submit:focus,
form .submit:focus {
	background:#000;
	cursor: pointer;
	color:#fff;
}

.quick-kontakt-content span.headline {
	font-size: 18px;
    line-height: 22px;
    color: #000;
}
.quick-kontakt-content a {
     color: #E2001A;   
}

form .hinweis,
form .hinweis p,
form .hinweis span {
	font-size: 12px;
}


.leistungen-produkte-wrapper.no-headline-include h2.content-headline {
	display: none;
}


#kostenloser-check-footer {
    background-color: #fff;
    background-image: url(/files/webfiles/img/kostenloser-sicherheitscheck.webp);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 170%;
    padding: 0;
    position: relative;
}

#kostenloser-check-footer:before {
    content: " ";
    display: inline-block;
    width: 100%;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    z-index:1;
}

#kostenloser-check-footer .rte {
    padding: 5% 4%;
    min-height: 420px;
    max-width: 500px;
    vertical-align: middle;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    position: relative;
    text-align: center;
}

#kostenloser-check-footer .rte .content-hyperlink a {
    padding: 10px 43px;
}



 /* LIGHTBOX */
 
#colorbox, #cboxOverlay, #cboxWrapper {
     overflow: visible !important
 }
 
 #cboxOverlay {
 	background:#c8c8c8;
 }
 
 #cboxCurrent {
 	color:#000;
 	display: none !important;
 }
 
 #cboxLoadedContent {
 	border: 5px solid #fff;
 }
 
 #cboxContent {
 	background: #fff;
 	box-shadow: 0px 0px 50px rgb(0 0 0 / 22%);
 }
 
 #cboxClose {
 	background: url('/files/webfiles/img/icons/controls.png') no-repeat top center;
 }
 
 #cboxNext {
 	background: url('/files/webfiles/img/icons/controls.png') no-repeat top right;
 }
 
 #cboxPrevious {
 	background: url(/files/webfiles/img/icons/controls.png) no-repeat top left;
 }


main .ce_form {
    background: #fff;
    padding: 3%;
    margin: 0 auto;
}





.firmenchronik-banner {
	position: relative;
}

.firmenchronik-banner .firmenchronik-btn {
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 3%;
    left: 5%;
    background: transparent url(/files/webfiles/img/teaser-btn-firmenchronik.png);
    background-size: 100%;
    background-repeat: no-repeat;
    max-width: 590px;
    height: 18vw;
    font-size: 0;
    width: 41vw;
    max-height: 260px;
    transform: rotate(0deg);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
}


.firmenchronik-banner .firmenchronik-btn:hover {
	transform: rotate(-5deg);
}


.headlineformred,
.headlineformred h3 {
    color:#f60000;
}
.headlineformred em {
    font-style: normal !important;
    text-decoration: none !important;
    color: #000;
}

/* NEWS */


.layout_latest h2 a {
	color:#000;
}

.mod_newsarchive {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.mod_newsarchive .layout_latest {
	display: inline-block;
    max-width: 99%;
    background: #fff;
    padding: 2.5%;
    margin: 1%;
}


.mod_newsarchive .layout_latest figure {
	width: 100%;
    min-height: 300px;
}
.mod_newsarchive .layout_latest figure img {
    width: 100%;
    height: auto;
}

.mod_newsarchive.news_big .layout_latest.featured {
	max-width: 49%;
}


/* LISTEN */

.content-text ul {
	list-style-image: url('/files/webfiles/img/icons/list-icon-red.svg');
	padding-left: 20px;
	margin-bottom: 0;
}
.content-text ul li {
	padding: 1.5% 1% 0.5%;
}

.content-text ul li ul {
	list-style-image: none;
	list-style-type: circle;
	padding-left: 3.5%;
}

.dsgvo_checkbox label {
	font-size: 14px;
	line-height: 16px;
}

.mitarbeiter-downloads {
	margin-top:0;
	padding-bottom: 2%;
}

.mitarbeiter-downloads img {
	max-width: 150px;
	height: auto;
	margin: 1%;
}
.mitarbeiter-downloads h2 {
	padding: 3% 7% 0;
	margin-top: 0;
}

.on-scroll-fixed {
  position: fixed;
  top: 58px;
  width: 100%;
  z-index: 900; /* Optional, damit das Element über anderen liegt */
  left:0;
}


.ce_sliderStart {
	background: #fff;
	text-align: center;
}

.ce_sliderStart .content-image {
	padding: 0;
	margin: 0;
}

.ce_sliderStart .content-image img {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	
}

.slider-control .slider-menu b {
	display: inline-block;
}




#yt-mediathek {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

#yt-mediathek div {
	display: flex;
	width: 45%;
	margin: 2.5%;
}

#yt-mediathek div iframe {
	width:100% !important;
}

#yt-pagination {
	text-align: center;
	margin: 3% auto;
	display: inline-block;
    width: 100%;
}

#yt-pagination button {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    color: #FFFFFF;
    background-color: #e2001a;
    border-radius: 70px;
    border-width: 0px;
    padding: 14px 10%;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
}
#yt-pagination button[disabled]:hover,
#yt-pagination button[disabled] {
	background: #d8d8d8;
}

#yt-pagination button:hover {
	background: #000000;
	cursor: pointer;
}



fieldset.grey {
	background: #f0f0f0;
    padding: 2%;
    margin-bottom: 2%;
}


.tag-red strong {
    background: #E2001A;
    padding: 1% 2%;
    margin-top: 3%;
    margin-bottom: 0;
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    border-radius: 7px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.align-middle,
.align-middle img {
	vertical-align: middle;
}




/* Styling für den Akkordeon-Container */
.ce_accordionSingle {
    font-family: Arial, sans-serif;
    border: 0px solid #E2001A;
    border-radius: 5px;
    overflow: hidden;
}

/* Header des Akkordeons (Toggler) */
.ce_accordion .toggler {
    background-color: #f1f1f1;
    color: #000000;
    padding: 15px;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 2px solid #E2001A;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.ce_accordion .toggler.ui-accordion-header-collapsed {
    border-bottom: 2px solid #fff;
}
.ce_accordion .toggler:hover {
    background-color: #000;
    color: #fff;
}

/* Pfeil-Icon im Header */
.ce_accordion .toggler .ui-accordion-header-icon {
    transition: transform 0.3s ease;
}

.ce_accordion .toggler.active .ui-accordion-header-icon {
    transform: rotate(180deg);
}

/* Akkordeon-Inhalt */
.ce_accordion .accordion {
    background-color: #fff;
    color: #000;
    padding: 15px;
    font-size: 1rem;
    line-height: 1.6;
}

/* Aktiviertes Akkordeon-Inhalt */
.ce_accordion .accordion.ui-accordion-content-active {
    display: block;
}

/* Bilder im Akkordeon */
.ce_accordion .accordion .image_container img {
    max-width: 100%;
    height: auto;
    border: 0px solid #E2001A;
}















body.nobg-form main .ce_form {
    background:transparent;
    padding:0;
}
/* Wrapper */
.form-styling {
  max-width: 700px;
  margin: 2rem auto;
  padding: 2rem;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  font-family: "Segoe UI", Arial, sans-serif;
  color: #333;
}

/* Abschnittsüberschriften */
.form-styling h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  border-bottom: 2px solid #e60000;
  padding-bottom: 0.25rem;
}

/* Labels & Inputs */
.form-styling .widget label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.form-styling input[type="text"],
.form-styling input[type="email"],
.form-styling input[type="tel"],
.form-styling select,
.form-styling textarea {
  width: 100%;
  padding: 0.6rem 0.8rem;
  margin-bottom: 1.2rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
  box-sizing: border-box;
  transition: border-color 0.2s;
}

.form-styling input:focus,
.form-styling select:focus,
.form-styling textarea:focus {
  border-color: #e60000;
  outline: none;
}

/* Checkbox-/Radio-Gruppen */
.form-styling .widget-checkbox fieldset,
.form-styling .widget-radio fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
  border: none;
  padding: 0;
}

.form-styling .widget-checkbox fieldset > span,
.form-styling .widget-radio fieldset > span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 400;
}

/* Checkboxen / Radios größer machen und rote Akzentfarbe bei Auswahl */
.form-styling input[type="checkbox"],
.form-styling input[type="radio"] {
  /* Grundgröße */
  width: 1.6rem;
  height: 1.6rem;
  /* moderner Weg, Markierung und Rahmen in Rot */
  accent-color: #e60000;
  /* bisschen Abstand rundherum, falls nötig */
  margin-right: 0.4rem;
  cursor: pointer;
}

/* Für Browser, die accent-color nicht unterstützen,
   versteckte native Kontrollbox und eigenes Icon: */
.form-styling input[type="checkbox"].no-accent,
.form-styling input[type="radio"].no-accent {
  appearance: none;
  -webkit-appearance: none;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  position: relative;
  transition: border-color .2s, background-color .2s;
}

.form-styling input[type="checkbox"].no-accent:checked,
.form-styling input[type="radio"].no-accent:checked {
  background-color: #e60000;
  border-color: #e60000;
}

.form-styling input[type="checkbox"].no-accent:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-60%);
  font-size: 1.2rem;
  color: #fff;
}

/* Für Radios statt Haken: */
.form-styling input[type="radio"].no-accent {
  border-radius: 50%;
}

.form-styling input[type="radio"].no-accent:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 0.6rem;
  height: 0.6rem;
  background: #fff;
  border-radius: 50%;
}

/* Freitext */
.form-styling textarea {
  min-height: 120px;
  resize: vertical;
}

.smallwidth {
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
}



.fullwidth.content-gallery--cols-4.content-gallery li {
        max-width: 25%;
        margin: 0%;
}


/* Responsive Anpassung */
@media (max-width: 768px) {
    .ce_accordion .toggler {
        font-size: 1rem;
        padding: 10px;
    }

    .ce_accordion .accordion {
        font-size: 0.9rem;
    }
    
    
        .fullwidth.content-gallery--cols-4.content-gallery li {
    max-width: 50%;
    width: 50%;
    margin: 0%;
}
    
    
}

.rs-column.-medium-last .ce_accordionSingle {
    margin: 0 8%;
}
    
    .produkt-beschreibung .rs-column.-medium-last .content-headline {
        margin: 6% 8% 3% 8%;
    }
    
    
    .fieldset-red fieldset {
        background: #f0f0f0;
    }
    
    

    
    
    
.ce_sliderStart.ref-slider { background: transparent; margin-bottom:3%; overflow:visible !important; position: relative; padding-left:50px;padding-right:50px;}


.ce_sliderStart.ref-slider .slider-control .slider-menu {
    display: none !important;
}

    /* Jede Gruppe ist 1 Slide für den Core */
    .ce_sliderStart.ref-slider .slide-group {
      flex: 0 0 100%;
      display: flex;
      gap: 20px;
    }
    
    /* Kacheln */
    .ce_sliderStart.ref-slider .slide-group .ce_rsce_referenzen.rsce_referenz {
      flex: 0 0 auto;
      width: auto !important;        /* wird gleich durch flex-basis ersetzt */
      box-sizing: border-box;
      margin-bottom:1%;
    }
    
    /* 1/2/3 Spalten via flex-basis */
    @media (max-width: 767.98px) {
      .ce_sliderStart.ref-slider .slide-group .ce_rsce_referenzen.rsce_referenz {
        flex-basis: 100%;
        max-width: 100%;
      }
    }
    @media (min-width: 768px) and (max-width: 1023.98px) {
      .ce_sliderStart.ref-slider .slide-group .ce_rsce_referenzen.rsce_referenz {
        flex-basis: calc((100% - 20px)/2);
        max-width: calc((100% - 20px)/2);
      }
    }
    @media (min-width: 1024px) {
      .ce_sliderStart.ref-slider .slide-group .ce_rsce_referenzen.rsce_referenz {
        flex-basis: calc((100% - 40px)/3);
        max-width: calc((100% - 40px)/3);
      }
    }
    
    /* Bilder sauber */
    .ce_sliderStart.ref-slider .referenzen-foto img {
      display:block; width:100%; height:auto;
    }

    
    /* Grundlegendes Styling für die Slider-Navigation */
.ce_sliderStart.ref-slider .slider-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
    width: 100%;
    left: 0;
    top: 50%;
}

.ce_sliderStart.ref-slider .slider-control .slider-prev,
.ce_sliderStart.ref-slider .slider-control .slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #e60000;
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-decoration: none;
  font-size: 30px;
  font-weight: bold;
  transition: background 0.3s ease;
  z-index: 10;
  text-align: center;
}

.ce_sliderStart.ref-slider .slider-control .slider-prev:hover,
.ce_sliderStart.ref-slider .slider-control .slider-next:hover {
  background: rgba(0, 0, 0, 0.8);
}

/* Pfeile links & rechts positionieren */
.ce_sliderStart.ref-slider .slider-control .slider-prev {
  left: 0px; /* nach Bedarf anpassen */
}

.ce_sliderStart.ref-slider .slider-control .slider-next {
  right: 0px; /* nach Bedarf anpassen */
}

/* Text durch Pfeile ersetzen */
.ce_sliderStart.ref-slider .slider-control .slider-prev::before {
  content: "‹";
font-size: 33px;
margin-top: -3px;
text-align: center;
}

.ce_sliderStart.ref-slider .slider-control .slider-next::before {
  content: "›"; /* Rechter Pfeil */
      font-size: 33px;
    margin-top: -3px;
    text-align: center;
}

/* Originaltext ausblenden */
.ce_sliderStart.ref-slider .slider-control .slider-prev,
.ce_sliderStart.ref-slider .slider-control .slider-next {
  font-size: 0;
}
    
    
    
    
    
    

/* RESPONSIVE */


@media (min-width: 997px) {
    header .logo {
        margin-left:17px;
    }
    
    .unsere-produkte-wrap {
    	padding: 1% 5%;
    }
    
    
    .footer-headline {
        margin-bottom:5%;
    }
    
    footer .qualitaet-badge {
        margin-bottom: 0;
    }
    
    .produkt-beschreibung .rs-column.-medium-last .content-headline {
        margin: 6% 8% 3% 0%;
    }
    
    .rs-column.-medium-last .ce_accordionSingle {
        margin: 0 8% 0% 0%;
    }
    
    #referenzen-themenbereiche {
        justify-content: center;
    }
    .on-scroll-fixed {
        top:96px;
    }
    
    .ladengeschaeft-wrap {
	flex-direction: row;
}
.ladengeschaeft-wrap .rs-column.-large-col-3-1 {
    width: 36.20513%;
    margin-right: 3%;
}
    .zweigstelle.rs-column {
        width:46.15385%;
    }
    
    
    .teaser-boxen.rs-columns .rs-column.-large-col-4-1 {
        width: 23.5%;
        margin-right: 2.69231%;
    }
    .teaser-boxen.rs-columns .rs-column.-large-col-4-1:nth-child(2) {
        margin-right: 2.69231%;
    }
    .teaser-boxen.rs-columns {
        flex-direction: row;
        flex-wrap: nowrap;
    }
    
    #kontaktformular.rs-columns {
        flex-direction: row;
    }
    #kontaktformular.rs-columns .rs-column.-large-col-2-1 {
        width: 49%;
        margin-right: 2.69231%;
    }
    .store-wrap.rs-columns {
        display: flex;
        flex-direction: row;
    }
    .store-wrap .-large-col-2-1.-medium-last {
        width: 37%;
    }
    .store-wrap .-large-col-2-1.no-padding-right {
        width: 63.15385%;
    }
	
	#kostenloser-check-footer .rte {
	    text-align: left;
	}
	
	#kostenloser-check-footer .tag {
	    margin-bottom: 5%;
	}
	
	#kostenloser-check-footer {
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center right;
        background-size: 100%;
        padding: 0%;
	}
	
	#kostenloser-check-footer:before {
	    display: none;
	}
	
    .flexbox-archiv {
        flex-direction: row;
    }
    
    .rsce_referenz {
        max-width: 32%;
    }
    
	#heroimage .startseite-start-quicklinks .vier-spalten .link-iconbox {
		width: 100%;
	}
	
	
	#heroimage .startseite-start-quicklinks .vier-spalten .link-iconbox img {
		max-width: 120px;
	}

	.startseite-start-quicklinks {
		max-width: 100%;
		margin: 0 auto;
	}	
	
	.startseite-start-introtext {
		top: 2%;
		position: absolute;
		margin: 0 auto;
	}
	.startseite-start-introtext h1 {
		color:#fff;
	}
	.startseite-start-introtext h2 {
	    font-size: 23px;
	    line-height: 27px;
	    margin-top: 1%;
	    color:#fff;
	}
	.startseite-start-quicklinks .vier-spalten .column {
    	max-width: 25%;
    	flex: 1 0 16%;
    	margin: 5px;
	}
	
	body.landingpage main#main .four-columns h2, body.landingpage main#main .two-columns h3 {
		padding-top: 2%;
	}
	.zwei-spalten-icons {
		margin-top: 1%;
	}
	.startseite-start-quicklinks {
		position: absolute;
	    bottom: 3%;
	    left: 3%;
	    right: 3%;
	}
	
	.startseite-start-quicklinks .vier-spalten {
	    flex-direction: row;
	}

	body.landingpage .four-columns .btn-image {
		min-height: 270px;
	}
	body.landingpage .btn-image {
	    width: 100%;
	}
	
	.zwei-spalten-icons {
		flex-flow: row;
	    flex-wrap: wrap;
	}
	.zwei-spalten-icons div {
		max-width: 44%;
	}
	fieldset.tabelle {
	    display: flex;
	    flex-direction: row;
	    background: #f0f0f0;
	}
	
	fieldset.tabelle div.widget.small {
		width:10%;
	}
	
	form div.widget {
		margin: 1%;
	}
	
	fieldset.tabelle div.widget {
	    width: 19.5%;
    	margin: 1%;
	}

	fieldset.tabelle.two div.widget {
	    width: 50%;
	}


	.bezahlungs-block {
	    padding: 2rem 3rem;
	}

	.center-mobile {
		text-align: left;
	}

    #keyfacts-notdienst {
        padding-left: 45px;
        padding-bottom: 0;
    }

	.content-text ul {
		margin-bottom: 1rem;
	}

	
	.big-mobile-number {
		font-size: 20px;
	}
	
	#keyfacts-notdienst div.rs-column div.content-text {
			padding-bottom:8%;
	}
	
	
	.jetztanrufen-btn strong {
		margin-left: 1rem;
	    width: unset;
	    display: inline-block;
	}
	

	.standort-suche {
		flex-flow: column;
	}
	
	.standort-suche input {
		max-width:95%;
		padding: 2.5% 2.5%;
	}
	button#getGeoLoc {
	    padding: 2.5% 2.5%;
	}
	.tarife-wrap {
		flex-flow: row;
	}
	
	.tarif.mitte {
		border-left: 1px solid #EBEBEB;
		border-right: 1px solid #EBEBEB;
		border-top: 0;
		border-bottom: 0;
	}
	
	#keyfacts-notdienst{
	  flex-flow: row;	
	}
	
	.zwoelf_gruende .rs-columns.gruende {
	    flex-flow: row;
	    flex-wrap: wrap;
	}
	
	.zwoelf_gruende .gruende .rs-column {
		width: 27%;
		margin: 1%;
	    padding: 3% 2% 2% 2%;
	}
	.zwoelf_gruende .gruende .rs-column figure img {
		max-width: 60%;
	}
	
	.zwoelf_gruende .gruende .rs-column .content-text {
		text-align: center;
	}
	
	.leistungen-produkte-wrap .produkt-teaser {
		max-width: 50%;
	}
	
	
	.unterkategorien.leistungen-produkte-wrap {
		flex-wrap: nowrap;
	}
	
	.mod_newsarchive {
		flex-direction: row;
	}
	
	.mod_newsarchive .layout_latest {
		max-width: 26%;
	}
	
	.column-right-0 .content-image {
		margin-top:18%;
	}
	
	.bg-dark-grey .rs-column.-large-col-3-2 {
		margin-right: 0;	
	}
	
	.leistungen-hersteller-icons.content-gallery ul {
		flex-wrap: nowrap !important; 
	}
	
	#notdienst-startseite .badges {
		justify-content: flex-end;
	}
	
	
	#notdienst-startseite {
	    background-size: 60%;
	    padding: 3% 0% 0% 6%;
	    text-align: left;
	}
	
	.mitarbeiter-downloads h2 {
		padding: 0 7%;
	}
	
	body #heroimage .overlay.startseite-overlay {
		left: 0;
		right: unset;
		bottom: unset;
		margin-top: -50%;
	    margin-left: 6%;
	    margin-right: unset;
	    position: relative;
		top:unset;
	}
	#heroimage .startseite-overlay .icon-clickable img {
		max-width: 100%;
	}
	
	.startseite-overlay .btn-text {
	    font-size: 20px;
	    line-height: 27px;
	    max-width: 80%;
	}
	
	.startseite-overlay h1 {
		font-size: 39px;
	    line-height: 56px;
	}
	.startseite-overlay h2 {
	    font-size: 24px !important;
	    line-height: 34px;
    	margin-top: 0;
	}	
	
	.geschaeftsfuehrer-bild figure {
	    margin: 0 auto;
    	text-align: center;
	}
	
	.geschaeftsfuehrer-bild img {
		max-width:325px;
	    margin: 0 auto;
    	text-align: center;
	}
	
	#job-header-teaser-block .erste-spalte {
    	max-width: 70%;
	}
	#job-header-teaser-block .zweite-spalte {

	    max-width: 30%;
	}
	#job-header-teaser-block .zweite-spalte .content-hyperlink {
		width: 100%;
	}
	#job-header-teaser-block .zweite-spalte .content-hyperlink a {
		width: 80%;
	}
	
	#job-header-teaser-block .flex-grid {
	    flex-direction: row;
	}
	
	.referenzen-archiv {
	    flex-direction: row;
	}
	
	.referenzen-archiv .ref-item {
		max-width: 29%;
	    margin: 0% 2% 2% 2%;
	}
	
	 .referenzen-archiv .ref-item figure{
	    min-width: 230px;
	    height: 240px;
	 }
	  .referenzen-archiv .ref-item figure img{
	      height: 120%;
	      max-width: 110%;
	  }
	
	.content-downloads .download-element a {
		max-width:unset;
	}
	
	#heroimage-text-left {
		bottom: 25%;
	}

	#heroimage-text-left .cat {
		margin-left: 5%;
	    display: inline-block;
	    margin-bottom: 3%;
	    margin-top: 2%;
	}

	#heroimage-text-left p {
		font-size: 21px;
	    padding-right: 0%;
	}
	
	 #heroimage-text-left h2 {
	 	padding-left: 0;
	 	padding-right: 0;
	 }

	#heroimage.ref img {
		min-height: 670px;
	}


	form#registration {
	    max-width: 570px;
	}
	main .ce_form {
	    max-width: 100%;
	}
	
	main .ce_form.fullwidth {
		max-width:100%;
	} 
	
	.content-text ul {
		padding-left: 4%;
	}
	
	.produkt-teaser-gallery {
	    max-width: 100%;
	    text-align: center;
	    margin: 0 auto;
	}

	body.shop header .logo-wrap {
		width: 100%;
		max-width: 300px;
	}
	
	body.shop header.scrolled .logo-wrap{
		max-width: 250px;
	}

	.bg-white.padding-big .content-text {
		padding: 18%;
	}

	.footer-headline.center {
		display:block;
	}

	.content-youtube {
		background: #fff;
		padding: 5%;
	}

	.bg-white .content-youtube {
	    padding: 5% 5% 5% 0px;
	}
	.youtube-spalten.bg-white .rs-column.-medium-last {
        width: 53.8%;
	}
	.youtube-spalten.bg-white .content-youtube {
	    padding: 0;
	}

	.mod_breadcrumb {
		padding: 1% 3%;
	}

	#quick-kontakt.in .quick-kontakt-content {
	    transform: translate(0px,-50%);
	    max-height: 70vh;
	}

	#quick-kontakt .absolute-wrap {
	   width: 640px;
	}

	.quick-kontakt-content .tel-icon.tel-btn {
		font-size: 30px;
	}
	
	 .produkt-beschreibung .content-gallery{
	 	margin-bottom: 5%;
	 }


	.quick-kontakt-content span.headline {
		font-size: 30px;
	    line-height: 39px;
	 }


	#quick-kontakt.in {
	    max-width: 100%;
	    width: 640px;
	}


	.quick-kontakt-content {
		left: unset;
	    top: 50%;
	    transform: translate(640px,-50%);
		padding: 45px;
		width: 500px !important;
        min-height: 460px;
	}
		
	#quick-kontakt form .widget-textarea textarea, 
	#quick-kontakt form .widget-text input {
	 min-width: 85%;
	 width: 80%;
}

	.mod_breadcrumb ul {
		max-width: 1480px;
	    margin: 0 auto;
	    padding: 0 0;
	}

	
	.produkt-zertifikate {
		max-width: 650px;
	}
	
	.content-downloads .download-element a {
    	padding: 2.5% 3% 2.5% 0%;
	}
	
	.produkt-details-start .content-downloads .download-element {
		margin-left: 4%;
		max-width: 90%;
	}
	
	.produkt-details-start .content-downloads .download-element a {
    	padding: 4.5% 3% 4% 0%;
		max-width: 73%;
	}
	
	.content-downloads .download-element a {
		font-size: 16px;
	}
	
	#quick-kontakt {
		display:inline-block;
	}
	
	.bg-white.produkt-details-start .content-text {
		padding: 8% 8% 0% 8%;	
	}
	
	.bg-white.produkt-details-start .ce_rs_column_start.rs-column.-large-col-2-1.-large-first {
	    margin-left: 4%;
	    margin-right: 0;
	}
.content-gallery--cols-4.content-gallery li {
        max-width: 21%;
        margin: 1%;
    }
.content-gallery--cols-5.content-gallery li {
	    max-width: 200px;
	}
	.content-gallery--cols-10.content-gallery li {
	    max-width: 84px;
	}
	
	.mitarbeiter-wrap .mitarbeiter {
		flex-direction: row;
		background-position: 94% 90%;
		align-items: center;
		min-height: 420px;
	}
	.mitarbeiter-wrap .mitarbeiter.small {
		flex-direction: column;
		padding: 11% 0%;
	}
	
	.mitarbeiter-wrap .mitarbeiter.small .rte {
	    width: 73%;
	    padding-top: 3%;
	}
	
	
	.mitarbeiter.media--left>figure {
	    float: none;
	    max-width: 250px;
	    margin-right: 7%;
	}
	
	.mitarbeiter-wrap .mitarbeiter figure img {
		max-width: 300px;
	}

	
	.jobs-teaser-block-wrap .content-hyperlink a {
	    width:80%;
	}
	.produkte-box figure {
		min-height: 300px;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
	}

	.unsere-produkte-wrap {
	    padding: 0;
	}
	
	.leistungen-produkte-wrap .produkt-teaser {
		width: 100%;
	    max-width: 20%;
	    padding: 2.5%;
	}
	
	.unterkategorien.leistungen-produkte-wrap .produkt-teaser {
		padding: 0 2.5% 2.5%;
	}
	
	.leistungen-produkte-wrap .produkt-teaser figure {
    	min-height: 280px;
	}
	.unterkategorien.leistungen-produkte-wrap .produkt-teaser figure {
		min-height: 230px;
	}

	.jobs-teaser-block-wrap {
		margin: 0;
	}
	

	header .inside {
		padding: 0 3%;
	}
	
	header .logo img {
		max-width: 300px;
	}
	header.scrolled .logo img {
		max-width: 240px;
	}
	
	#hauptmenu ul.level_1 li.submenu > a:after,
	#hauptmenu ul.level_1 li.submenu > strong:after {
		content: " ";
		background: url('/files/webfiles/img/icons/icon-arrow-down.svg') no-repeat center center;
		background-size: 100%;
		width: 13px;
		height: 10px;
		vertical-align: middle;
		display: inline-block;
		margin-left: 5px;
	}

	#hauptmenu ul.level_1 li.submenu.active > a:after,
	#hauptmenu ul.level_1 li.submenu.active > strong:after ,	
	#hauptmenu ul.level_1 li.submenu:hover > a:after,
	#hauptmenu ul.level_1 li.submenu.trail > a:after,
	#hauptmenu ul.level_1 li.submenu.trail > strong:after {
		background: url('/files/webfiles/img/icons/icon-arrow-down-white.svg') no-repeat center center;
	}
	
	#hauptmenu ul.level_1 li.submenu:hover > a {
		background: #E2001A;
		color:#fff;
	}
	
	#hauptmenu {
		display: inline-block;
		width: 100%;
		/*max-width: 73%;*/
		text-align: right;
	}
	#header .mainnavi ul.level_2 li strong,
	#header .mainnavi ul.level_2 li a:hover {
		color:#fff !important;
	}
	
	.nav-toggler {
		display: none;
	}
	
	/* HEADER MENU */
	
	#hauptmenu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  overflow: hidden;
	  display: block
	}
	
	#hauptmenu li {
	  display: inline-block;
	  margin-right: 0;
	}
	
	#hauptmenu li strong,
	#hauptmenu li a {
	  display: block;
	  padding: 2em 1em;
	  text-decoration: none;
	  color:#000;
	  font-family: 'Roboto Condensed';
      transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      font-size: 17px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-weight: 600;
	}
	
	header.scrolled #hauptmenu li a {
		padding: 2em 1em;
	}
	
	#hauptmenu ul.level_1 li.submenu.trail,
	#hauptmenu li strong,
	#hauptmenu li a:hover,
	#hauptmenu li a:focus {
		color: #fff;
    	background: #E2001A;
	}
	
	
	#hauptmenu ul.level_1 li.active.submenu strong.active.submenu,
	#hauptmenu ul.level_1 li.submenu.trail a.submenu.trail {
		font-weight: bold;
    	padding: 2em 1em;
    	color:#fff;
	}


	/* dropdown navi */
	.mainnavi ul {
	  padding: 0;
	  margin: 0;
	  list-style-type: none;
	}
	
	/* #header .mod_navigation ul li { float: left;} must be set, too */
	#header .mainnavi ul li {
	  display: inline-block;
	}
	
	.headerrelativeclass {
	  position: relative;
	  float: right;
	  width: 600px;
	} /* substitute for the header relative property to position absolute object in the header */
	
	#header .mainnavi  ul.level_2 {
	  width: 350px;
	  position: absolute;
	  visibility: hidden;
	  opacity: 0;
	  z-index: 999;
	  border: 0px solid #fff;
	  background: white;
	  transition: 0.0s all;
	  -webkit-transition: 0.0s all;
	  -moz-transition: 0.0s all;
	}
	
	#header .mainnavi ul.level_3 {
	  display: none;
	  width: 100%;
	  position: absolute;
	  visibility: hidden;
	  opacity: 0;
	  z-index: 999;
	  border: 0px solid #fff;
	  background: white;
      left: 200px;
      right: 0;
      margin: 0;
      top: unset;
      bottom: 0;
	  transition: 0.0s all;
	  -webkit-transition: 0.0s all;
	  -moz-transition: 0.0s all;	
	}
	
	#header .mainnavi ul.level_1 li.big-teaser-submenu ul.level_3 {
	  left: 100%;
	    right: 0;
	    margin: 0;
	    top: 0;
	    bottom: unset;
	}
	
	#header .mainnavi ul.level_1 li.big-teaser-submenu ul.level_3 {
		background: #dadada;
	}
	#header .mainnavi ul.level_1 li.big-teaser-submenu ul {
		border:0;
	}
	#header .mainnavi ul.level_2 li:hover ul.level_3{
	 	display: flex;
    	flex-flow: column;
    	box-shadow: 3px 3px 10px rgb(0 0 0 / 16%);
	 }	
	 
	 #header .mainnavi ul.level_1 .big-teaser-submenu ul.level_2 li ul.level_3 li {
	 	width: 100%;
	 	border:0;
	 }

	
	
	 .mainnavi ul.level_2 li{
	 	border-bottom:0px solid #fff;
	 }
	
	.mainnavi ul.level_2 li a,
	.mainnavi ul.level_3 li a
	{ display: block; }
	
	
	#hauptmenu ul.level_2 li strong,
	#hauptmenu ul.level_2 li a,
	#header .mainnavi ul.level_2 li a span, .mod_navigation ul.level_2 li a strong,
	#header .mainnavi ul.level_3 li a span, .mod_navigation ul.level_3 li strong {
	  display: block;
	  float: none;
	  border-bottom: 1px solid #ededed;
	  padding: 2% 4%;
	  font-size: 15px;
	  text-transform: none;
	  margin: 0;
	  text-align: left;
	  font-weight: 300;
	}
	

	
	
	.level_2 .active { color: #E2001A; }
	
	.mainnavi ul.level_2 li strong.active { 
		display: block; 
	}
	.mainnavi ul.level_2 li.active strong {
		color: #E2001A;
	}
	
	
	.mainnavi ul.level_2 li a:hover, .mod_navigation ul.level_2 li span:hover,
	.mainnavi ul.level_2 li a:active, .mod_navigation ul.level_2 li span:active,
	.mainnavi ul.level_3 li a:hover, .mod_navigation ul.level_3 li span:hover,
	.mainnavi ul.level_3 li a:active, .mod_navigation ul.level_3 li span:active,
	.mod_navigation ul.level_2 li span {
	  color: #E2001A!important;
	}
	
	#header .mainnavi  ul.level_2 li {
	  display: block;
	  float: none;
	}
	#header ul.level_2 li:hover ul.level_3, 
	#header ul.level_1 li:hover ul.level_2, 
	#header ul.level_1 li:hover {
	 /*display: block; */
	  visibility: visible;
	  opacity: 1;
	}
	
	#header ul.level_2 li:hover {
		border-bottom: 0px solid #fff;
	}
	
	#header .mainnavi  ul.level_2 li a:hover, 
	#header .mainnavi  ul.level_2 li span:hover {
	  -moz-transition: all 0.2s;
	  -webkit-transition: all 0.2s;
	  transition: all 0.2s;
	}
	
	
	/* --- 3nd navi level -- */
	#header .mod_navigation ul {
	  overflow: visible!important;
	}
	
	ul.level_2 li.submenu ul.level_3 {
	  display: none;
	}
	
	ul.level_2 li.submenu:hover ul.level_3 {
	  display: block;
	}
	
	li.submenu ul.level_3 {
	  z-index: 99;
	}

	
	
	.jobs-teaser-block-wrap .jobs-teaser-block-content {
		padding: 10% 3%;
		text-align: left;
	}

    #kostenloser-check-footer h2,
	div.jobs-teaser-block-wrap h2 {
		font-size: 50px;
		margin: 3% 0 0 0;
		line-height: 57px;
	}
	
	#kostenloser-check-footer h3 {
	    font-size: 30px;
		margin: 3% 0 3% 0;
	}
	.jobs-teaser-block-wrap h6 {
		font-size: 30px;
		margin: 0 0 3% 0;
	}
	
	.jobs-teaser-block-wrap .rs-column {
		margin-right: 3.69231%;
	}
	

	.rs-columns.flexbox {
		display: flex;
	    flex-direction: row;
	}
	
	.produkte-box {
		padding:13% 10% 100px 10%;
	}
    .home .produkte-box p:last-child a {
        width: 300px;
        padding: 3.1% 10%;
    }
    	
	.rs-columns.flexbox .rs-column.-large-col-3-1 {
	    width: 32%;
	}

	.rs-columns.flexbox .rs-column {
	    margin-right: 1.69231%;
	}
	
	.rs-columns.flexbox .rs-column:last-child {
		margin-right: 0;
	}
	
	
	h1,
	.h1_look{
		font-size: 40px !important;
    	line-height: 47px;
	    color: #e2001a;
	    font-weight: normal !important;
	}
	
	h2 {
    	font-size: 36px;
    	line-height: 44px;
	}
	.h2-headline {
		font-size: 20px;
		line-height: 29px;
		margin-top: 15px;
	}
	
	
	body.inhalt h2 {
		font-weight: normal;
	}
	
	h3 {
		font-size: 26px;
        line-height: 28px;
	}
	
	h4 {
		font-size: 20px;
	}
	
	h5 {
		font-size: 18px;
	}
	
	.produkte-box h2 {
	    font-size: 26px;
	}

	#hero-text p {
	    font-size: 35px;
	    line-height: 45px;   
	}

	#wrapper {
	    margin-top: 132px;
	}
	
	.jobs-teaser-block-wrap .inside-columns {
		text-align: left;
		align-content: left;
		align-items: left;
		margin-bottom: 5%;
	}
	
	footer .inside .footer-columns {
		flex-direction: row;
	}
	
	footer .social-menu a {
		display: inline-block;
	}
	footer .social-menu a,
	footer .mod_customnav a {
    	padding: 5% 0;
	}
	
	#footer-copyright {
		flex-direction: row;
		text-align: left;
		padding: 0 3%;
	}
	
	footer .footer-columns .column {
		max-width: 25%;
	}
	
	.copyright-menu-wrap {
		text-align: right;
	}
	
	.gepruefte-qualitaet-logos {
		flex-wrap: nowrap;
	}
	
	.gepruefte-qualitaet-logos img {
		    height: auto;
		    width: 90%;
    		height: auto;
		     max-height: unset;
		    /* max-height: 134px;*/
		    max-width: unset;
		}

	.gepruefte-qualitaet-logos .img-wrap {
	    padding: 1% 1% 1%;
	}

	.jobs-teaser-block-wrap .fullscreen-image img {
		margin: 0;
	    vertical-align: bottom;
	}

	.jobs-teaser-block-wrap .rs-columns.inside-columns {
		padding: 0% 3%;
	}




}


@media screen and (max-width: 900px){
	.rs-columns.flexbox .rs-column.-large-first-row {
	    margin-top: 0;
	}
	
	.leistungen-produkte-wrap .produkt-teaser {
        max-width: 46%;
        padding: 2%;
	}
	.leistungen-produkte-wrap .produkt-teaser h3, 
	.leistungen-produkte-wrap .produkt-teaser h3 a{
	    line-height: 1.3;
	    font-size: 14px;
        margin-top: 0;
	}
	
	
}






@media (min-width: 599px) {
	
	.display-none-mobile {
		display: inline-block;
	}

	
}


@media screen and (max-width: 599px){
	#keyfacts-notdienst .rs-column.-medium-first-row {
	    margin-top: 0;
	}
	
    .newsletter-label {
        max-width:90% !important;
    }
    .newsletter-checkbox-wrapper {
        width:99% !important;
    }
}


@media screen and (max-width: 1289px){
	
	header #hauptmenu li a,
	header.scrolled #hauptmenu li a {
	    padding: 12px 7px;
	}
}




/* MOBILE MENU */

@media screen and (min-width: 1289px){
	
	.fullscreen_mobile_nav header nav,
	body:not(.fullscreen_mobile_nav) .navicon {
	    display: none;
	}
	
}


@media screen and (max-width: 1189px){
	
	header #hauptmenu li a,
	header.scrolled #hauptmenu li a {
	    padding: 2em 7px;
	    font-size: 17px;
	}
}




@media screen and (max-width: 1023px) {
	#header nav.mod_navigation {
	    display: none;
	}
	
}


@supports not ((-webkit-backdrop-filter: blur(7px)) or (backdrop-filter: blur(7px))) {
  .startseite-start-quicklinks .vier-spalten .link-iconbox {
    /* statischer Hintergrund in stärkerer Deckkraft */
    background-color: rgba(255,255,255,0.75);
  }
}

