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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.video_container video,.video_container audio{width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.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}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
.mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%}
/*============================================================

**   ALL Displays - All Stuff

**==========================================================*/



@media screen{



/*  root-Einstellungen             */

	

	html {height:100%;}

	body {background-color:#445261;font-family:Ubuntu;font-weight:300;color:#d8d8d8;position: relative;margin: 0;min-height: 100%;}

	#header {height:180px;}

	#header,#container,#footer .inside {max-width:1240px;margin-right:auto;margin-left:auto;padding:0 40px;}

	

	.box #main .inside {display: flex;flex-wrap:wrap;}

	.box  #main .inside h1,.box  #main .inside h2,.box #main .inside p {margin: 20px;}

	.box  #main .inside h2 {margin-bottom: 0px;color:#97bf0d;}

	

	#main .inside p {font-size: 1.0em;line-height: 1.5em;}

	

	a  {color:#4ebed2;text-decoration:none;} 

	a:hover	{color:#97bf0d;}

	

    .green {background-color:#97bf0d;}       /*rgba(151,191,13,1)*/

	.orange {background-color:#c66600;}      /*rgba(198,102,0,1)*/

	.darkgrey {background-color:#242833;}    /*rgba(36,40,51,1)*/

	.cyan-text {color:#4ebed2;}              /*rgba(78,190,210,1)*/

	.lightgrey {color:#445261;}              /*rgba(68,82,97,1)*/

	.fontcolor {color:#d8d8d8;}              /*rgba(216,216,216,1)*/

	.darkgreylight  {background-color: rgba(36,40,51,.6);}

	

	

/*  Header             */	

	

	#logo {max-width:170px;position:relative;top:70px;}




	.startseite #an_welcome {position:absolute;}
	/* .over.startseite #main .inside h1 a:hover {color:#4ebed2;} */
	
.startseite .half-page#an_referenzen:hover, .startseite .one-fourth-page#an_angebot:hover, .startseite .one-fourth-page#an_firma:hover, .startseite .half-page#an_kontakt:hover {background-color:rgba(78,190,210,0.7);}
	

/*  Footer             */	

	

	.startseite #footer {background:url("../../files/root/Silhouette.svg") center bottom no-repeat,url("../../files/root/Balken.svg") center bottom repeat-x;position: absolute;bottom: 0;width: 100%;color:#d8d8d8;}

	.startseite #footer .inside {height:275px;background-color:inherit;align-items:flex-end;}

	.startseite #adresse,.startseite #nav-footer  {margin-bottom:5px;}

	

	#footer {background-color:#242833;position: absolute;right: 0;bottom: 0;left: 0;}

	#footer .inside {height:45px;display:flex;align-items:center;}	

	#adresse {width:50%;text-align: center;}

	#adresse p {margin:0;}

	#adresse .ce_text {display:block;font-size:12px;line-height:16px;}

	

	

/*  Navigation: Footer*/	



	#nav-footer {width: 50%;text-align: center;line-height:16px;}

	#nav-footer ul {display:flex;justify-content:center;margin:0;}

	#nav-footer li {margin-left:10px;}

	#nav-footer li a {text-decoration:none;color:#4ebed2;}

	#nav-footer li a:hover{color:#97bf0d;}

	#nav-footer li .active {color:#97bf0d;}

	

	

	

	

	

	

	

/*  Startseite                 */	

	

	.startseite #main .inside {color:#242833;margin-bottom:120px;}  

	.startseite .darkgrey {background-color:rgba(36,40,51,0.7);}

	.startseite .orange {background-color:rgba(198,102,0,0.7);}

	.startseite #main .inside .ce_text {height:100%;}

	.startseite #main .inside h1,.startseite #main .inside p {color:#242833;}

	.startseite #main .inside h1 {font-size: 28pt;font-weight: 300;}

	.startseite #main .inside h1 a {color:#4ebed2;text-decoration:none;padding: 25px 580px 240px 20px;margin-left:-20px;position: relative;z-index: 1000;}

	.startseite #main .inside #an_kontakt h1 a {color:#242833;}

	.startseite #main .inside p {margin-top:0;font-size: 1.1em;font-weight: normal;line-height:20px;}

	.half-page {width:49%;height:291px;margin-right:2%;margin-bottom:25px;flex-shrink:1;}

	.one-fourth-page{width:23.5%;height:291px;margin-right:2%;margin-bottom:25px;}

	.last {margin-right:0px;}

	.half-page#work:hover,.half-page#kontakt:hover,.one-fourth-page#was:hover,.one-fourth-page#wer:hover {background-color:rgba(78,190,210,0.7);}

	.startseite #main .inside h1 a:hover {color:#242833;}

	.startseite .mod_article {margin-bottom:25px;}

	

	

	.CookieDeclaration {display:none;}

	

	



	

	

	

	

	

	

/*  Navigation: Main            */	

	

	#nav-main {position:absolute;right:0;width:49.8%;margin-top:48px;}

	#nav-main ul{display:flex;justify-content:space-between;font-family:Ubuntu;font-size:24px;font-weight:300;}

	#nav-main li a,#nav-footer li a {text-decoration:none;color:#4ebed2;font-weight:400;}

	#nav-main li a:hover ,#nav-footer li a:hover{color:#97bf0d;}

	#nav-main li .active, #nav-main li .trail {color:#97bf0d;font-weight: 400;}

	

	

	/*  Navigation: Breadcrumb            */

	

	#breadcrumb {margin:0;}

	.mod_wf_extendedBreadcrumb li {float:left;padding-right:0.5rem;}

	.mod_wf_extendedBreadcrumb {position:absolute;top:-1.5rem;}

	



/*  Arbeiten-Teaser            */



	h1.titel  {visibility:hidden;}

	#arbeiten {margin-bottom:80px;}

	.mod_newslist .layout_latest {display: flex;justify-content: space-between;margin-bottom:40px;}



	#teaserbild, #teasertext {width:49.7%;}

	#teasertext {background-color:rgba(36,40,51,.8);}

	#teasertext .inside {height:100%;}

	#teasertext h2,#teasertext .teaser {padding:10px 20px 0;margin:0;}

	#teasertext .teaser,#teasertext .teaser a, #teasertext .more a {font-size: 14px;line-height: 20px;}

	#teasertext .teaser a{color: #4ebed2;text-decoration:none;}

	#teasertext .teaser a:hover{color:#97bf0d;}

	#teasertext .more a {color:#4ebed2;padding: 7px 8px;border: 1px solid rgba(216,216,216,.5);background-color: rgba(68,82,97,1);}

	#teasertext .more a:hover{color:rgba(68,82,97,1);border: 1px solid rgba(68,82,97,1);background-color: rgba(216,216,216,.5);}

	#teasertext h2  {text-decoration:none;color:#97bf0d;font-size: 22pt;font-weight: 300;}

	#teasertext .more  {position: absolute;padding: 7px 0;bottom: 20px;left: 20px;margin: 0;}
	.technik {position:absolute;z-index:1000;bottom:20px;}

	
/* Safari FIX */

	.ios #teasertext .more  {position: inherit;padding: 7px 0;bottom: 10px;left: 20px;margin: 0;}
	.ios .technik {position:inherit;z-index:1000;}
	    

/*  Arbeiten-Weiterlesen            */	

	

	.arbeitsreferenzen .mod_newsreader h1 {margin: 0;font-size: 28pt;font-weight: 300;color: #97bf0d;background-color:#242833;padding: 10px;}

	.mod_newsreader h2 {display:none;}

	.mod_newsreader .ce_text {margin-top: -4px;margin-bottom:50px;padding:20px;background-color:#242833;}

	

	.mod_newsreader .ce_text.one-cols p {width:100%;}

	.mod_newsreader .ce_text.two-cols p {width:49%;}

	.mod_newsreader .ce_text.three-cols p {width:32%;}

	.mod_newsreader .ce_gallery {margin-bottom:20px;}

	.mod_newsreader .ce_gallery h3 {font-size: 18pt;font-weight: 300;text-transform:uppercase;color:#97bf0d;border-bottom: 1px solid;padding-bottom: 5px;margin-bottom: 20px;}

	.mod_newsreader .ce_gallery a {position:relative;z-index:1000;}

	

	.mod_newsreader .back {margin-bottom: 80px;}

	.mod_newsreader .back a {font-size: 1.2em;color:#4ebed2;text-decoration:none;position:relative;z-index:1000;border: 1px solid #888;

    padding: 5px 10px;background-color: rgba(0,0,0,0.6);}

	.mod_newsreader .back a:hover{color:#97bf0d;}

	.ce_gallery>ul {display:flex;justify-content:space-between;flex-wrap:wrap;}

	.ce_gallery>ul li {float:inherit;width:100%;flex-basis:32%;}  

	.ce_gallery>ul li img {width:100%;}

	.ce_gallery>ul li .image_container {margin-right:0 !important;}

	

	.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-top:10px!important;margin-bottom:40px!important;}

	.video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}

	

	



	

	

/*  Navigation ISOTOPE            */	



    .portfolioFilter {width:49.7%;font-family:Ubuntu Condensed;}

	.portfolioFilter p{margin:0;display: flex;justify-content: space-between;flex-wrap: wrap;}



	.ce_text.portfolioFilter {display:block;}

	.portfolioFilter p a {margin-bottom:10px;flex-basis:24%;padding:5px 0px;text-decoration:none;text-transform:uppercase;text-align:center;font-size: 13pt;color:#242833;font-weight: normal;letter-spacing:0.03em;border:1px solid rgba(36,40,51,.4);background-color: rgba(255,255,255,0.1);}

	.portfolioFilter p a:hover,.portfolioFilter p a.current{color: rgba(255,255,255,0.5);background-color:rgba(36,40,51,.2);}

	

	#titel-filter {display: flex;justify-content: space-between;flex-wrap:wrap;margin-bottom:20px;}

	#titel-filter h1 {align-self:flex-end;margin:0;font-size: 36pt;text-transform:uppercase;font-weight: 300;letter-spacing:0.03em;color:#242833;}

	

	

/*  Content allgemein            */	

	

	.bg-dark {background-color: rgba(36,40,51,.6);padding: 30px;margin-top:-3px;}

	.ce_text {display:flex;justify-content:space-between;font-size: 14px;line-height: 20px;}

	.ce_text.no-cols {display:block;}

	.ce_text.two-cols p {width:49%;}

	.ce_text.three-cols p {width:32%;}

	.mod_article {margin-bottom:100px;}

	.mod_article h1 {color:#97bf0d;font-size: 24pt;font-weight: 400;margin:0 0 30px;line-height: 2.7rem;}

	.mod_article h3 {color:#d8d8d8;margin-top:30px;padding-bottom:5px;border-bottom:1px solid ;}

	.ce_text h3 {font-size:1.3em;}

	.ce_text ol li {margin-left:30px;}

	.top-link {display:none;}

	#teambild {margin-bottom:0;}

	.ce_hyperlink {font-size:1.3em;}

	

	

/*  Kontakt / Google-Maps        API-Key  AIzaSyDE8unDrI-0uipjTy-UwlCb-YL-amwd3f4          */		

	

	.ce_dlh_googlemaps {height:408px;}

	.mod_article#google-map {margin-bottom:0px;}

	

	#adressen-formular,#kontakt-adressen {display:flex;justify-content:space-between;}
	.formular-map {
		display: flex;
		flex-wrap: wrap;
	}

	::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,:-moz-placeholder {color:#999;}

	

	.adressen, .namen {width:50%;}

	.formular, .karte  {width:50%;margin-bottom:1rem;}

	input,textarea {border: 0px solid #445261;padding: 7px;background-color: rgba(255,255,255,0.3);font-size: 14px;color: #d8d8d8;width:100%;}

	.formular .formbody {display: inherit;justify-content: space-between;flex-wrap: wrap;}

	.formular .widget {width:90%;margin-bottom:15px;}

	.widget-captcha {margin-top: 28px;}

	.captcha {margin-bottom:10px;}

	.submit {width: 80px;}

	::-webkit-input-placeholder {color:#ddd;}

	

	

/*   iFrame-Google-Maps	          */	



div.login-control,.gmnoprint,.gm-style .place-card-large {display:none;}



	

	

	

	

/*  Firma           */	



.two-cols-inside {display: flex;justify-content: space-between;}

.two-cols-inside .text-inside {width: 49%;display: inherit;justify-content: normal;}





	

/*  Angebot           */	

	

	.was {display: flex;justify-content: space-between;}

	.was .layout_full {width:44.37%;margin-bottom:20px;}

	.was h1 {color:#d8d8d8;font-weight: 400;}

	.was h2 {color:#97bf0d;font-size: 2em;font-weight: 400;margin:0 0 30px;}

	.einleitungs-breite {width:100%;}

	.einleitungs-breite a.more {display:block;color: #4ebed2;padding: 7px 8px;border: 1px solid rgba(216,216,216,.5);background-color: rgba(68,82,97,1);}

	.einleitungs-breite a.more:hover {color:rgba(68,82,97,1);border: 1px solid rgba(68,82,97,1);background-color: rgba(216,216,216,.5);}

	

	

	

/*  AGB           */

	

	.ce_accordion {margin-bottom:25px;}

	.ce_accordion .toggler {font-size: 20px;padding-bottom: 5px;border-bottom: 1px solid;cursor:pointer;outline:none;}

	.ce_accordion .toggler:hover {color:#97bf0d;}

	.ce_accordion .accordion {padding:30px;}

	

	

	

}









/* =============================================================================

 * media-queries

 * ========================================================================== */

 

 /*     -- desktop

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

@media only screen and  (max-width: 1280px){



 #header,#container,#footer .inside {margin:0 100px;padding:0px;max-width:1040px;}

 #header {height:120px;}

 .half-page {height:255px;}

 .one-fourth-page{height:255px;}

 .mod_newslist .layout_latest {margin-bottom: 20px;}

 #nav-main {margin-top:8px;}

 #logo {top:30px;}



}

 

 

 @media only screen and  (max-width: 1100px){

	 

 #main .inside p {font-size: 1.0em;line-height: 1.5em;}

 

 }

 

 

 @media only screen and (max-width: 1024px){

	 

	#header,#container,#footer .inside {margin:0 40px;padding:0px;}

	.half-page {height:275px;}

 .one-fourth-page{height:275px;}	 

 }





/*     --small desktop

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

@media only screen and (min-width: 801px) and (max-width: 1024px){





/*  #teasertext .teaser, #teasertext .teaser a, #teasertext .more a {font-size: 12px;line-height: 16px;}            */

#teasertext .teaser {padding-top:5px;}

.was .layout_full {width:42.5%;}







}



/*     --tablets

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

@media only screen and (max-width: 1023px){

	

	

	



/*  Arbeiten-Teaser            */



	.mod_newslist .layout_latest {display: block;margin-bottom: 40px;}

	#teaserbild, #teasertext {width: 100%;}

	#teasertext {margin-top: -3px;}

	#teasertext .more  {position: relative;}

	.technik {position:relative;}

	.teaser p {padding-bottom:25px;}

	h1.titel{display:none;}

	.portfolioFilter {width:100%;}

	 #main .inside p {font-size: 1.3em;line-height: 1.5em;}

	#teasertext .teaser, #teasertext .teaser a, #teasertext .more a {
		font-size: 1.1em;
	}

	.startseite #main .inside {justify-content: space-between;}

	.green.half-page {height:auto;}

	.half-page {width:100%;margin-right:0;min-height: 295px;}

	.one-fourth-page{width:48%;margin-right:0;}

	

	#nav-main ul {font-size:20px;}

	

	.startseite #footer {background:url("../../files/root/Silhouette-tablet.svg") center bottom no-repeat;}

	

	.ce_text {display:block;}

	.ce_text.two-cols p {width:inherit;}

	.ce_text.three-cols p {width:100%;}

	

	.formular .formbody{display: block;}



	

	.was {display:block;}

	.was .layout_full {width:inherit;}

	.was h1 {font-size:22px;line-height:30px;}

	

.two-cols-inside {display: inherit;justify-content: normal;}

.two-cols-inside .text-inside {margin-top:25px;width: 100%;display: inherit;justify-content: normal;}	



	

}



@media only screen and (min-width: 601px) and  (max-width: 1023px){

	

	.arbeiten #main .inside {width: 616px;margin-left: auto;margin-right: auto;}

	#nav-main {width: 65%;}

	
.startseite #main .inside p {
	font-size: 1.3em;
	line-height: 24px;
}
	

}



@media only screen and (max-width: 768px){

	.adressen, .namen {width:100%;}

	.formular, .karte  {width:100%;}

	#adressen-formular,#kontakt-adressen {display:inherit;}

	.formular .widget {width:100%;}	

}





/*     --tablets small

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

@media only screen and (max-width: 700px){



/*  Arbeiten-Teaser            */





#hamburger {display:block;}

#nav-main {display:none;}



#header .mobile_menu_trigger {position:absolute;top:70px;right:0;width: 35px;height: 35px;background:  url(../../files/root/hamburger-button.svg) center center no-repeat;cursor:pointer;}

.mobile_menu {z-index:5000;}

.mobile_menu .inner {background-color: #242833;}

.mobile_menu .inner #nav-main {display:block;position:inherit;width:inherit;margin-top:100px;}

.mobile_menu .inner #nav-main ul,.mobile_menu .inner #nav-footer ul {display:block;font-size: 24px;margin-right:20px;float: right;}

.mobile_menu .inner #nav-main li,.mobile_menu .inner #nav-footer li {margin-bottom:10px;text-align:right;}

.mobile_menu .inner #nav-footer ul {margin-top:40px;font-family:Ubuntu;font-size:24px;font-weight:300;}

.mobile_menu .inner #nav-footer {width:100%;}



	.ce_gallery>ul {display:block;}

	.mod_newsreader .ce_text {display:block;}

	.mod_newsreader .ce_text p {width:100%;}

	

	.formular .formbody{display: block;}



	

	.was h1 {font-size:22px;line-height:30px;}



	.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-top: 10px!important;margin-bottom: 40px!important;}

	.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

	



}



/*     --phones

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

@media only screen and (max-width: 599px) {

	

#header,#container,#footer .inside {margin:0 20px;padding:0px;}	



#teasertext .more {position:initial;margin:10px;}

.portfolioFilter p a {flex-basis: 48%;}

.startseite #main .inside h1 {font-size: 24pt;}

.one-fourth-page{width:100%;}

.mod_caroufredsel_background {display:none;}

.startseite #main .inside p {
	font-size: 1.3em;
	line-height: 24px;
}

#wrapper{background-color:rgba(68,82,97,0.7);}

#hamburger {display:block;}

#nav-main {display:none;}



#header .mobile_menu_trigger {position:absolute;top:70px;right:0;width: 35px;height: 35px;background:  url(../../files/root/hamburger-button.svg) center center no-repeat;cursor:pointer;}

.mobile_menu {z-index:5000;}

.mobile_menu .inner {background-color: #242833;}

.mobile_menu .inner #nav-main {display:block;position:inherit;width:inherit;margin-top:100px;}

.mobile_menu .inner #nav-main ul,.mobile_menu .inner #nav-footer ul {display:block;font-size: 24px;margin-right:20px;float: right;}

.mobile_menu .inner #nav-main li,.mobile_menu .inner #nav-footer li {margin-bottom:10px;text-align:right;}

.mobile_menu .inner #nav-footer ul {margin-top:40px;font-family:Ubuntu;font-size:24px;font-weight:300;}

.mobile_menu .inner #nav-footer {width:100%;}



.startseite #footer {background:url("../../files/root/Silhouette-mobile.svg") center bottom no-repeat;}

#footer .inside {display:block;}

#footer #nav-footer {display:none;}

#adresse {width:100%;position: absolute;bottom: 0;}



.arbeitsreferenzen .mod_newsreader h1 {font-size: 20pt;line-height: 30px;}

.mod_newsreader .ce_text.two-cols p,.mod_newsreader .ce_text.three-cols p {width:100%;}

.bg-dark {padding: 10px;}

.ce_text ol li {margin-left:15px;}



.mod_article h1 {font-size: 2em;line-height:30px;}



#adressen-formular {display:block;}

.adressen {width:100%;margin:30px 0;}

.formular {width:100%;}


#teasertext .more {
	margin-left: 20px;
}


.top-link {display:block;margin:15px 0;font-size:10pt;}



.ce_accordion .accordion {padding:15px 0px 20px;}



.float_left{float:none;}





	tr {float: left;width: 100%;}

	td {float: left;width: 100%;}













}



/*     --phones small

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

@media only screen and (max-width: 333px) {



.portfolioFilter p a {font-size:11pt;}



}





/*     --Print

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

@media print {







}

/* Style sheet design */

@font-face {
	font-family: 'Roboto';
	src: url('../../files/fonts/Roboto-Regular.eot');
	src: url('../../files/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Roboto-Regular.woff') format('woff'),
		url('../../files/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../../files/fonts/Roboto-Light.eot');
	src: url('../../files/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Roboto-Light.woff') format('woff'),
		url('../../files/fonts/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../../files/fonts/Roboto-Medium.eot');
	src: url('../../files/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Roboto-Medium.woff') format('woff'),
		url('../../files/fonts/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../../files/fonts/Roboto-Bold.eot');
	src: url('../../files/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Roboto-Bold.woff') format('woff'),
		url('../../files/fonts/Roboto-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../../files/fonts/robotocondensed-regular-webfont.eot');
    src: url('../../files/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('../../files/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../../files/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../../files/fonts/robotocondensed-light-webfont.eot');
    src: url('../../files/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../../files/fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('../../files/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../../files/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../../files/fonts/robotocondensed-bold-webfont.eot');
    src: url('../../files/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../../files/fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('../../files/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../../files/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansbold';
    src: url('../../files/fonts/DroidSans-Bold-webfont.eot');
    src: url('../../files/fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../../files/fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../../files/fonts/DroidSans-Bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansregular';
    src: url('../../files/fonts/DroidSans-webfont.eot');
    src: url('../../files/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/fonts/DroidSans-webfont.woff') format('woff'),
         url('../../files/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../../files/fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu.eot');
	src: url('../../files/fonts/Ubuntu.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu.woff') format('woff'),
		url('../../files/fonts/Ubuntu.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-BoldItalic.eot');
	src: url('../../files/fonts/Ubuntu-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-BoldItalic.woff') format('woff'),
		url('../../files/fonts/Ubuntu-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-Italic.eot');
	src: url('../../files/fonts/Ubuntu-Italic.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-Italic.woff') format('woff'),
		url('../../files/fonts/Ubuntu-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-MediumItalic.eot');
	src: url('../../files/fonts/Ubuntu-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-MediumItalic.woff') format('woff'),
		url('../../files/fonts/Ubuntu-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-Light.eot');
	src: url('../../files/fonts/Ubuntu-Light.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-Light.woff') format('woff'),
		url('../../files/fonts/Ubuntu-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-LightItalic.eot');
	src: url('../../files/fonts/Ubuntu-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-LightItalic.woff') format('woff'),
		url('../../files/fonts/Ubuntu-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-Bold.eot');
	src: url('../../files/fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-Bold.woff') format('woff'),
		url('../../files/fonts/Ubuntu-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu';
	src: url('../../files/fonts/Ubuntu-Medium.eot');
	src: url('../../files/fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/Ubuntu-Medium.woff') format('woff'),
		url('../../files/fonts/Ubuntu-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Ubuntu Condensed';
	src: url('../../files/fonts/UbuntuCondensed-Regular.eot');
	src: url('../../files/fonts/UbuntuCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		url('../../files/fonts/UbuntuCondensed-Regular.woff') format('woff'),
		url('../../files/fonts/UbuntuCondensed-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}