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%}
#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}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/* josefin-sans-100 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../../files/fonts/josefin-sans-v25-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-100.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-200 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../../files/fonts/josefin-sans-v25-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-200.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-300 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/josefin-sans-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-300.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-regular - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/josefin-sans-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-regular.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-500 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/josefin-sans-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-500.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-600 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/josefin-sans-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-600.svg#JosefinSans') format('svg'); /* Legacy iOS */
}

/* josefin-sans-700 - latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/josefin-sans-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/josefin-sans-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/josefin-sans-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/josefin-sans-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/josefin-sans-v25-latin-700.svg#JosefinSans') format('svg'); /* Legacy iOS */
}


*{
	padding:0;
	margin:0;
	font-family:'Josefin Sans', 'Trebuchet', sans-serif;
}

.cookiebar *{
	color:#fff;
	
}

body hr{
	border-top:2px solid #333;
}

div.greenheading{
	background-color:#b0c948;
	padding:20px 0 20px 0;
}

.greenheading *{
	color:#fff;
}

div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a{
	background-color: #afcb1c !important;
    border: 1px solid #afcb1c !important;
}

html h2#CybotCookiebotDialogBodyContentTitle{
	font-size:20px !important;
}

.cookiebar button, .cookiebar button:hover{
	background-color:#2c2c2c;
}

.cookiebar{
	z-index:99999999999999999999;
	background-color:rgba(176, 201, 72, 0.8);
	border-bottom:1px solid #2c2c2c;
	box-shadow:0 3px 4px rgba(0,0,0,0.4);
}

body{
	overflow-x:hidden;
	font-family:'Josefin Sans', 'Trebuchet', sans-serif;
	
}


div #map{
	filter:grayscale(1);
	-webkit-filter:grayscale(1);
}


#container{
	hyphens:auto;
	-webkit-hyphens:auto;
}

p, a, li, span, option, label, input, button{
	font-size:16px;
	font-family:'Josefin Sans', 'Trebuchet', sans-serif;
}

h1{
	font-size:50px !important;
	text-transform:uppercase;
	font-weight:bold !important;
}

h2{
	font-size:38px !important;
	text-transform:uppercase;
	font-weight:bold !important;
}

h3{
	font-size:30px !important;
	text-transform:uppercase;
	font-weight:bold !important;
}

h4{
	font-size:25px !important;
	text-transform:uppercase;
	font-weight:bold !important;
}


.whiteText{
	overflow:visible;
}

.whiteText p{
	color:#fff;
	/* text-shadow:0 0 15px rgba(0,0,0,1); */
	overflow:visible;
}

.darkBG{
	background-color:#2c2c2c;
	color:#fff;
	overflow:visible;
	margin-bottom:5px;
}

.lightgrayBG{
	background-color:#ededed;
	margin-bottom:5px;
}

div#leistungen.lightgrayBG{
	margin-bottom:0px;
}

.flexbox{
	display:flex;
	flex-wrap:wrap;
}

.centered{
	margin-left:50%;
	transform:translate(-50%,0);
}

.whiteBG{
	background-color:#fff !important;
}

/* ############################### Menustyles ################################# */

#menucontainer{
	width:100%;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
	position:fixed;
	z-index:25;
	background-color:#fff;
}

#logo{
	background-color:#b0c948;
	overflow:visible;
}

#logo::before{
	content: "";
	height: inherit;
	background-color: #b0c948;
	padding: 49px 500px;
	position: absolute;
	left: -200%;
	z-index: -1;
}

#toplineInfo::after{
	content: "";
	height: inherit;
	background-color: #2c2c2c;
	padding: 49px 400px;
	position: absolute;
	right: -80%;
	z-index: -1;
}


#logo figure{
	text-align:center;
}

#topline{
	display:flex;
}

#toplineInfo{
	overflow:visible;
	background-color:#2c2c2c;
	color:#fff;
	padding:20px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#toplineInfo a, #toplineInfo a:hover, #toplineInfo a:active, #toplineInfo a:focus{
	background-color:#2c2c2c;
	color:#b0c948;
}

#toplineInfo ul{
	display:flex;
	justify-content:flex-end;
	list-style-type:none;
}

#toplineInfo ul li, #footerNav ul li{
	margin-right:15px;
	margin-left:15px;
}

#toplineInfo li img{
	width:auto;
	height:20px;
	object-fit:contain;
	object-position:center bottom;
	margin-right:4px;
}


#menu{
	display:flex;
	justify-content:space-between;
	padding:20px;
	margin-bottom:0;
}

#menu li{
	list-style-type:none;
}

#menu a, #menu a:hover, #menu a:active, #menu a:focus{
	color:#000;
	font-weight:bold;
}





/* ############################### Footerstyles ################################# */

#footercontainer{
	width:100%;
	background-color:#b0c948;
	color:#000;
}

#footercontainer *{
	font-size:16px !important;
}

#footercontainer > .container{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items:center;
	padding:20px 20px 15px 20px;
}

#footerNav ul{
	display:flex;
	justify-content:flex-end;
	list-style-type:none;
	text-transform:uppercase;
}

#footerNav a, #footerNav a:hover, #footerNav a:active, #footerNav a:focus{
	color:#000;
}










#container{
	padding-top:150px;
}


.centered{
	margin-left:50% !important;
	transform:translate(-50%,0) !important;
}

.paddingTop{
	padding-top:50px;
}

.paddingBottom{
	padding-bottom:50px;
}









.headerbild{
	padding:0 !important;
}

.headerbild figure img{
	width:100%;
}

.rsts-caption{
	display:none;
}


.rsts-slide > div, .rsts-slide .ce_image, .rsts-slide .content-image, .rsts-slide .content-image figure, .rsts-slide .content-image figure *, .rsts-slide .ce_image figure, .rsts-slide .ce_image figure *{
	height:100%;
	width:100%;
	object-fit:cover;
	object-position: center center;
}

#container .ce_list ul{
	padding-left:45px;
}

.greenBG{
	margin-top:5px;
	background-color:#b0c948;
	padding:0 !important;
}


.greenBG figure{
	text-align:right;
	padding:0 !important;
}

.greenBG figure img{
	height:100%;
	width:auto;
}

.bgContainer{
	position:relative;

}

.bgBild{
	position:absolute;
	height:500px;
}

.bgBild figure{
	height:500px;
	opacity: 0.3;
}


.overlayContent{
	position:absolute;
	top:0;
	width:100%;
}

#unternehmen .ce_text.whiteText *{
	color:#333 !important;
	font-size:18px;
	font-weight:bold;
}


.siegel figure{
	top:50%;
	position: relative;
	transform:translateY(-50%);
}




.companyKacheln{
	margin-top:-100px;
	overflow:visible;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

div.companyInfo{
	background-color:#2c2c2c;
	padding:0 0 0 0;
	width:calc(25% - 15px);
	margin-right:15px;
	/* box-shadow:0 3px 5px rgba(0,0,0,0.4); */
}

div.companyInfo p{
	padding:0 15px;
}

.companyInfo h3{
	margin-top:0;
	background-color:#b0c948;
	padding:18px 15px 5px 15px;
	text-align:center !important;
	margin-bottom:0;
	/* text-shadow:0 0 5px rgba(0,0,0,0.5); */
}
.companyInfo h2{
	margin-top:0;
	background-color:#b0c948;
	padding:0px 15px 5px 15px;
	/* text-shadow:0 0 5px rgba(0,0,0,0.5); */
	text-align:center !important;
}




#kontakt .ce_form{
	color:#333;
}

#kontakt a, #kontakt a:hover, #kontakt a:active, #kontakt a:focus{
	color:#b0c948;
}

input.formfield, textarea.formfield{
	padding:15px;
	width:100%;
	margin-bottom:15px;
}

#bw select, #bw label, #bw input.text, #bw textarea{
	margin-bottom:0;
	width:100%;
	outline:0;
	border-radius:0;
	border:0;
}

#bw .widget-upload input{
	background-color:#fff;
	
}

#bw label{
	color:#fff;
}

#bw .jobselect select{
	padding:15px;
	min-height:50px;
}

#bw span.mandatory{
	color:red;
}

#bw select, #bw input.text, #bw textarea, #bw .jobfiles input{
	min-height:54px;
	color:#333;
}

#bw .widget{
	margin-bottom:15px;
}

#bw{
	background-color:rgba(0,0,0,0.65);
	padding:20px;
}

.flex{
	display:flex;
	flex-wrap:wrap;
}

.jcfe{
	justify-content:flex-end;
}

div.rel{
	position:relative !important;
}

button.sender{
	background-color:#b0c948;
	width:100%;
	padding:15px;
	border:0;
}


.greenHeading{
	color:#b0c948;
	margin-bottom:15px;
}
div.greenHeading *{
	margin:0;
}



.ce_list{
	overflow:hidden;
}

body .mod_article .ce_list li{
	list-style-type:none;
	overflow:visible;
	position:relative;
	margin-bottom:10px;
}

body .mod_article ul{
	padding-left:20px;
	overflow:visible;
	margin-bottom:15px;
}

body .mod_article .ce_list li::before{
	content:"";
	padding:7px 15px;
	background-color:#b0c948;
	position:absolute;
	top:3px;
	left:-43px;
	transform: skewX(-30deg);
}
a, a:hover{
	color:#b0c948;
}



.refHeading{
	margin-bottom:0;
	padding:10px;
}

div.refText{
	padding:10px 10px !important;
}


#referenzen div.rsts-slides{
	
}


#referenzen .mod_rocksolid_slider .rsts-view::before{
	content:"";
	padding: 50% 7vw;
	position: absolute;
	left: 0;
	z-index: 1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&1+0,0+96 */
background: -moz-linear-gradient(left,  rgba(237,237,237,1) 0%, rgba(254,254,254,0) 96%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(237,237,237,1) 0%,rgba(254,254,254,0) 96%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(237,237,237,1) 0%,rgba(254,254,254,0) 96%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */


	overflow:visible;
}

#referenzen .mod_rocksolid_slider .rsts-view::after{
	content:"";
	padding: 50% 7vw;
	position: absolute;
	right: 0;
	top:0;
	z-index: 1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ededed+100&0+4,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(254,254,254,0) 4%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(254,254,254,0) 4%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(254,254,254,0) 4%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */


	overflow:visible;
}

#referenzen .rsts-prev, .rsts-next, #referenzen .rsts-nav-bullets{
	z-index:2;
}


#referenzen .sliderslide{
	min-width:275px;
	
}

#jobs .floatright, #jobs .mod_rocksolid_slider, #jobs .rsts-view, #jobs > div.container{
	overflow:visible;
}

#jobs .mod_rocksolid_slider a.rsts-prev{
	left:-80px !important;
	background-image:url(../../files/img/arrowLeft-white.png) !important;
}
#jobs .mod_rocksolid_slider a.rsts-next{
	right:-80px !important;
	background-image:url(../../files/img/arrowRight-white.png) !important;
}


.danke h1, .danke h2, .danke h3 ,.danke a, .danke a:hover{
	color:#b0c948;
}





div .slick-track{
	display:flex;
	align-items:stretch;
}

div .slick-slide{
	height:inherit;
	flex-grow:1;
	display: flex !important;
	flex-direction: column;
	align-items:stretch;
	padding:0 10px;
}

.slick-slide .refText{
	flex-grow:1;
}

div .slick-list::before {
    content: "";
    padding: 50% 7vw;
    position: absolute;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(237,237,237,1) 0%, rgba(254,254,254,0) 96%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(254, 254, 254, 0) 96%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(254, 254, 254, 0) 96%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#00ffffff',GradientType=1 );
    overflow: visible;
}

div .slick-list::after {
    content: "";
    padding: 50% 7vw;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(254,254,254,0) 4%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 254, 0) 4%, rgba(237, 237, 237, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(254, 254, 254, 0) 4%, rgba(237, 237, 237, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ededed',GradientType=1 );
    overflow: visible;
}


.slick-arrow{
    position: absolute;
    right: 55px;
    bottom: 15px;
    overflow: hidden;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    line-height: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    background-position: 50% 50%;
    -webkit-transition: opacity 0.05s linear;
    -moz-transition: opacity 0.05s linear;
    -o-transition: opacity 0.05s linear;
    transition: opacity 0.05s linear;
    z-index:3;
    background-color:transparent;
}


.slick-arrow.slick-prev{
    background-image: url(../../files/img/arrowLeft.png) !important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    left: 25px;
    transform: translate(0, -50%);
    border: 0 !important;
    box-shadow: none !important;
    width: 40px !important;
    height: 40px !important;
    transition-duration: 0.2s;
}

.slick-arrow.slick-next{
    background-image: url(../../files/img/arrowRight.png) !important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    right: 25px;
    transform: translate(0, -50%);
    border: 0 !important;
    box-shadow: none !important;
    width: 40px !important;
    height: 40px !important;
    transition-duration: 0.2s;
}





.floatright{
	float:right !important;
}

.orangeBG, .jobBG{

	background-color:#ee962b;
	padding:0 !important;
	
}

.mod_article.orangeBG, .mod_article.jobBG{
	margin-bottom:5px;
}


.orangeBG li::before , .jobBG li::before{
    content: "";
    background-color: #2c2c2c !important;

}


.orangeBG .ce_list.whiteText{
	overflow:hidden !important;
	color:#fff;
	
}

.orangeBG .ce_list.whiteText ul{
	margin-top:25px;
	
}


.orangeBG p, .orangeBG .whiteText, .orangeBG .block{
	overflow:visible !important;
	
}

.orangeBG figure, .jobBG figure{
	text-align:left;
	padding:0 !important;
	height:100% !important;
}

.orangeBG figure img, .jobBG figure img{
	height:100%;
	width:auto;
}

.orangeBG .bgBild{
	height:650px !important;
}


.kontaktLink a, .kontaktLink a:hover, .kontaktLink a:focus, .kontaktLink a:active{
	color:#fff;
	background-color:#2c2c2c;
	padding:10px 15px;
	text-transform:uppercase;
}




.job{
	background-color:#fff;
	padding:20px !important;
	margin-top:20px;
}

.job ul{
	position:relative;
	padding-left:25px;
	overflow:hidden !important;
}

.job li{
	position:relative;
	list-style-type:none;
	margin-left:15px;
}

.job li::before{
	content:"";
	padding:7px 15px;
	background-color:#b0c948 !important;
	position:absolute;
	top:3px;
	left:-43px;
	transform: skewX(-30deg);
}


.jobBG, .kontaktBG{
	background-image:url(../../files/img/jobBG.png);
	background-size:auto 100%;
	background-position:left center;
	background-repeat:no-repeat;
}

.kontaktBG{
	background-image:url(../../files/Backgrounds/kontaktBG.png);
	background-position:right center;
}


#headslider a.rsts-prev{
	background-image:url(../../files/img/arrowLeft-white.png) !important;
}

#headslider a.rsts-next{
	background-image:url(../../files/img/arrowRight-white.png) !important;
}


#headslider .ce_text{
	position:absolute;
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
	top: 50%;
	transform: translate(-50%,-50%) !important;
}


a.rsts-prev{
	background-image:url(../../files/img/arrowLeft.png) !important;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	top:50%;
	left:25px;
	transform:translate(0,-50%);
	border:0 !important;
	box-shadow:none !important;
	width:80px !important;
	height:80px !important;
	transition-duration:0.2s;
}

a.rsts-next{
	background-image:url(../../files/img/arrowRight.png) !important;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	top:50%;
	right:25px;
	transform:translate(0,-50%);
	border:0 !important;
	box-shadow:none !important;
	width:80px !important;
	height:80px !important;
	transition-duration:0.2s;
}

a.rsts-next:hover, a.rsts-prev:hover{
	background-color:transparent !important;
	opacity:0.7;
	transition-duration:0.2s;
}

a.rsts-next:hover{
	transform:translate(5px, -50%);
	transition-duration:0.2s;
}

a.rsts-prev:hover{
	transform:translate(-5px, -50%);
	transition-duration:0.2s;
}



.dse span{
	display:flex;
	align-items:flex-start;
	color:#fff;
	width:100%;
	margin-bottom:10px;
}

.dse span input{
	margin-right:10px;
}



#jobs .rsts-nav-bullets{
	display:none;
}



.darkgrayBG{
	background-color:#333;
}

#container .darkgrayBG *{
	color:#fff;
}

#jobs p a{
	color:#b0c948 !important;
}









@media (max-width:1200px){
	
	
	#toplineInfo::after {
	    height: 115px;
	    padding: unset;
	    position: absolute;
	    width: 180%;
	}
	
	#menu{
		margin-top:15px;
	}
	
	
	#headslider .rsts-slide, #headslider .sliderslide, #headslider .sliderslide .ce_image, #headslider .sliderslide .ce_image *{
		height:100%;
		width:100%;
		object-fit:cover;
		object-position:center center;
	}
	
	div#headslider{
		height:550px !important;
	}
	
	.companyInfo h3, .companyInfo h2{
		font-size:2vw !important;
	}
	
	.companyInfo h2{
		padding-bottom:10px;
	}
	
}





#hidden{
	display:none;
}





@media (max-width:991px){
	
	
	div.kontaktBG{
		background-image:none !important;
	}
	
	#menutrigger{
	    width:50px;
	    height:50px;
	    background-color:#b0c948;
		display:block !important;
	    background-image:url(../../files/img/openM.png);
	    background-repeat:no-repeat;
	    background-position:center center;
	    background-size:contain;
	
	    cursor:pointer;
	    float: right;
	    right:0;
	    margin-right: 15px;
	    z-index:3;
	
	    position:absolute;
	    top:10px;
	}
	
	#toplineInfo::after, #logo::before{
	    display:none;
	}
	
	#toplineInfo{
		box-shadow:50vw 0 #2c2c2c;
	}
	
	div#topline{
		max-width:100%;
		width:100%;
		padding:0;
		padding-right:10% !important;
		
	}
	
	ul#menu{
		margin-top:0px;
		display:flex;
		flex-direction:column;
		max-width:100%;
		width:100%;
		margin-left:150vw;
		opacity:0;
		transition:all 0.3s ease-out;
		visibility:hidden;
		height:0;
		padding:0;
	}
	
	#menu li{
		margin-bottom:15px;
	}
	
	
	#toplineInfo + .ce_image{
		background-color:#2c2c2c;
	}
	
	body #container{
		padding-top:70px;
	}
	
	.companyKacheln{
		flex-wrap:wrap;
		justify-content:unset;
		margin-top:0;
	}
	
	div.companyInfo, #leistungen .ce_list{
		width:100%;
		max-width:47%;
		margin-bottom:50px;
	}
	
	
	#leistungen .ce_list{
		max-width:33%;
	}
	
	div.bgBild figure{
		margin:0;
		width:100%;
		height:100%;
	}
	
	div.bgBild img{
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center center;
	}
	
	
	.orangeBG, .orangeBG div.bgBild{
		height:850px !important;
	}
	
	div.kontaktLink{
		margin-bottom:30px;
	}
	
	
	.orangeBG .floatright{
		width:100%;
		max-width:100%;
	}
	
	.orangeBG .floatright *{
		color:#fff;
		text-shadow: 0 0 5px rgba(0,0,0,0.5);
	}
	
	#jobs .floatright > .ce_text *, #unternehmen h2, #unternehmen h1, #unternehmen h3{
		color:#fff;
		text-shadow: 0 0 5px rgba(0,0,0,0.5) !important;
	}
	
	
	.ce_form{
		margin-bottom:50px;
	}
	
	
	div#hidden{
		display:block;
	}
	
	#shown{
		display:none;
	}
	
	#hidden .sliderslide{
		margin-left:2.5%;
	}
	
	
	
	
}





div.bgbild{
	position:absolute;
	left:0;
	top:0;
	z-index:0 !important;
	width:100%;
	height:100%;
}

.bgbild figure{
	width:100%;
	height:100%;
	margin:0;
}

.bgbild img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}
.rel *, .rel{
	z-index:1;
}


div.zplus{
	position:relative;
	z-index:2 !important;
}








@media (max-width:769px){
	
	
	div#logo{
		width:150px !important;
		max-width:100%;
		min-width:150px;
		height:95.7px;
		display:flex;
		align-items:center;
		padding:5px;
	}
	
	#toplineInfo ul{
		flex-directioN:column;
	}
	
	#menutrigger{
		top:20px;
	}
	
	#toplineInfo + .ce_image figure{
		display:flex !important;
		align-items:center;
		text-align:center;
		height:100%;
		margin:0 !important;
		width:100%;
	}
	
	div.companyInfo, #leistungen .ce_list{
		width:100%;
		max-width:100%;
		margin-bottom:50px;
	}
	
	#leistungen .ce_list{
		margin-bottom:0;
		width:auto;
	}
	
	#leistungen .centered.col-md-8{
		justify-content:center;
		display:flex;
		flex-wrap:wrap;
	}
	
	#hidden .sliderslide{
		margin-left:0%;
		width:100%;
	}
	
	div#referenzen div.rsts-slides{
		left:0;
		width:100%;
	}
	
	
	
	#footercontainer > .container{
		flex-wrap:wrap;
		flex-direction:column-reverse;
	}
	
	#footercontainer > .container > .ce_text{
		width:100%;
		max-width:100%;
		text-align:center;
	}
	
	#footerNav ul{
		width:100%;
		justify-content:center;
	}
	
	
	div.headertext *{
		font-size:24px !important;
	}
	
	div.centered{
		width:100%;
		max-width:100%;
		margin-left:0;
		transform:none;
	}
	
	
	#headslider .rsts-prev, #headslider .rsts-next{
		left:0;
		transform:translate(0%, -50%);
		top:auto;
		bottom:25px;
	}
	
	 #headslider .rsts-next{
	 	right:0;
	 	left:auto;
	 }
	 
	 div#headslider{
	 	height:400px !important;
	 }
	 
	 
	 h1{
		font-size:30px !important;
		text-transform:uppercase;
		font-weight:bold !important;
	}
	
	h2{
		font-size:26px !important;
		text-transform:uppercase;
		font-weight:bold !important;
	}
	
	h3{
		font-size:24px !important;
		text-transform:uppercase;
		font-weight:bold !important;
	}
	
	h4{
		font-size:20px !important;
		text-transform:uppercase;
		font-weight:bold !important;
	}
	
	.companyInfo h3, .companyInfo h2{
		font-size:22px !important;
	}
	
	body .ce_list{
		width:100% !important;
	}
	
	
	.kontaktLink p a{
		white-space:nowrap;
	}
	
	.orangeBG, .orangeBG div.bgBild {
	    height: 1100px !important;
	}
	
	#referenzen .mod_rocksolid_slider .rsts-view::before, #referenzen .mod_rocksolid_slider .rsts-view::after{
		display:none;
	}
	
	
	iframe#schnellbewerbung{
		min-height:1850px;
	}
	
}





@media (max-width:650px){
	
	#toplineInfo *{
		display:none;
	}
	
	header div.siegel{
		display:none;
	}
	
	#toplineInfo{
		box-shadow:30vw 0 #2c2c2c;
	}
	
	
	.greenBG.bgBild{
		height:600px;
	}
	
}