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

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







#header{padding:15px;font-size:1.2rem}#test a{color:red;border-bottom:1px solid}#test a:hover{color:aqua}#test a:hover::after{background-size:15px 15px}#test a::after{background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 505.737 505.026'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:$color-normal;stroke-width:0px;%7D%3C/style%3E%3C/defs%3E%3Cpath id='Lupe' class='cls-1' d='m207.384,54.667c-84.105,0-152.286,68.181-152.286,152.286s68.181,152.286,152.286,152.286,152.286-68.181,152.286-152.286S291.489,54.667,207.384,54.667m0,38.965c-62.555.072-113.249,50.765-113.321,113.321h-19.008c.072-73.056,59.272-132.265,132.328-132.347v19.026Zm165.019,238.016c27.245-35.871,41.973-79.688,41.925-124.733C414.175,92.693,321.606.141,207.384.008,93.147.141.573,92.715.439,206.952c.123,114.241,92.703,206.822,206.945,206.945,45.043.054,88.86-14.667,124.733-41.906l133.054,133.036,40.343-40.324-133.11-133.054ZM32.125,206.915c.113-96.743,78.516-175.138,175.259-175.24,96.743.103,175.146,78.497,175.259,175.24-.103,96.75-78.509,175.156-175.259,175.259-96.75-.103-175.156-78.509-175.259-175.259'/%3E%3C/svg%3E");padding-right:20px;margin-left:5px;content:"";background-repeat:no-repeat;background-size:10px 15px}#footer-test{font-family:Arial, Helvetica, sans-serif;width:100%;background:rgba(0, 0, 0, 0.1)}#footer-test a{text-decoration:none;color:#000}#footer-test a:hover{color:red}#footer-test .footer-content{max-width:1320px;margin:0 auto;padding:2rem 0}#footer-test .footer-content .inside{display:grid;grid-template-columns:22.9451% auto 31.5067%}#footer-test .footer-content .inside .adress-socials{display:flex;flex-direction:column;justify-content:space-between}#footer-test .footer-content .inside .adress-socials .adress{font-size:16px;line-height:1.4rem}#footer-test .footer-content .inside .adress-socials .socials{display:flex;gap:10px}#footer-test .footer-content .inside .adress-socials .socials a{width:35px;height:auto}#footer-test .footer-content .inside .nav ul{font-size:24px;margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:20px}#footer-test .footer-content .inside .newsletter h4{font-size:30px;font-weight:bold;margin:0 0 10px}#footer-test .footer-content .inside .newsletter form{margin:0}#footer-test .footer-content .inside .newsletter form input{display:block;width:93%;padding:8px 3%;font-size:1rem;margin-bottom:7px}#footer-test .footer-content .inside .newsletter form button{font-size:0.9rem;border:none;background:none;cursor:pointer;padding:0}#footer-test .footer-content .inside .newsletter form button:hover{color:red}#footer-test .footer-content .inside .newsletter .NL-abmelden{text-align:right;margin-top:-16px;font-size:0.9rem}