* {margin: 0; padding: 0; outline: 0;}

/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('css/webfonts/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('css/webfonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}


@font-face {
 font-family: 'DINMittelschrift';
  src: url('webfonts/DINMittelschrift_gdi.eot');
  src: url('webfonts/DINMittelschrift_gdi?#iefix') format('embedded-opentype'),
       url('webfonts/DINMittelschrift_gdi.woff') format('woff'),
       url('webfonts/DINMittelschrift_gdi.ttf') format('truetype'),
       url('webfonts/DINMittelschrift_gdi#DINMittelschrift-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
 font-family: 'HelleFreudeHeading';
  src: url('webfonts/Web-Serveroff.ttf.eot');
  src: url('webfonts/Web-Serveroff.ttf?#iefix') format('embedded-opentype'),
       url('webfonts/Web-Serveroff.ttf.woff') format('woff'),
       url('webfonts/Web-Serveroff.ttf.ttf') format('truetype'),
	   url('webfonts/DWeb-Serveroff.ttf.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,select, input, textarea {
	font-family: 'Barlow', sans-serif;
	color: #625755;
	font-size: 12px;
	background:#bfbfbf;
	min-width:350px;
}
table{
	border-spacing: 0px !important;
    border-collapse: separate;
}


h2 {
	color:#625755;
	display: inline;
	padding-right: 20px;
	letter-spacing: 0.04em;
}
h3 {
	color:#625755;
}

.heading {
	display:table-cell;
	vertical-align:middle;
	color:#625755;
}

#projektbilder_images{
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}


p {
	margin: 0 0 15px 0;
}

a {
	color: #3e3e3e;
	text-decoration:none;
}

.projektbilder div {
	height:100%; 
	float:left;
}


.clear {
	clear: both;
}
.wrap {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;

}



.section {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 0;
	background:#beb5b6;
}


.inner {
	margin: 0 auto;
	position: relative;
	font-weight: 300;
}

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

.subMenu {
	z-index: 1000;
	width: 100%;
	background: #ffffff;
	border-bottom:1px solid #776b6b;
	overflow:hidden;
}

.subMenu .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}


.subNavBtn {
	display: block;
	float: left;
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 30px;
	text-align: center;
	color: #EA6750;
}
.subMenu a:hover {
	color: #4B4B4D;
}

.active {
	color: #4B4B4D;
}
.end {
	margin: 0;
}

.subMenuProject {
	z-index: 1000;
	width: 100%;
	background: #ffffff;
	border-bottom:1px solid #776b6b;
	overflow:hidden;
	height:55px;
}

.subMenuProject .inner {
	padding:0;
	font-weight: 400;
	margin: 0 auto;
}

.subMenuProject a:hover {
	color: #b70053;
}



/* SECTIONS */
.sTop {
		background:none;
}

.s1 {
	color:#413833;
	background-color:#ffffff;
}

.s2 a {
	color: #fff;
}

.s2, .s4, .s90, .s6{
	color:#fff;
	background-color:#ea6750;
}

.s3, .s5, .s95{
	color:#EA6750;
	background-color:#ffffff;
}

.s3 h1, .s3 h2, .s5 h1, .s5 h2, .s95 h1, .s95 h2{
	color:#EA6750;
	font-family: HelleFreudeHeading;
	font-weight: 200;
}

.s4, .s90, .s6 {
	color:#fff;
}

.s99 {
	color:#fff;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background: url(../images/bg_referenzen.jpg) no-repeat right #ffffff;
}

.s99 h1 {
	color:#fff;
	
}

.s2 h1, .s4 h1, .s90 h1, .s90 h2, .s6 h1{
	color:#fff;
	font-family: HelleFreudeHeading;
	font-weight: 200;
}

.teaser {
	float:left;
	overflow:hidden;
	cursor:pointer;
}

.teaserbild{
	position: relative;
    overflow: hidden;
}

.teasertext{
	position:relative;
	display: block;
	vertical-align:middle;
	text-align:center;
	z-index:0;
	background-color:#fff;
	color:#403933;
	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
	font-size:0.75em;
}



.teaserbild img{
  margin: auto;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  z-index:2;
}

.abschnitt_bottom{
	color:#ffffff;
	display:table-cell;
	vertical-align:middle;
}

.abschnitt_bottom div{
	float:left;
}

#logo{
	position:absolute; 
	margin-left: auto; 
	margin-right: auto; 
	left: 0; 
	right: 0;
}

#sublogo {
	position:absolute; 
	margin-left: auto; 
	margin-right: auto; 
	left: 0; 
	right: 0; 
	text-align:center;
	color:#ffffff;
}

#pfeil_unten{
	position:absolute; 
	margin-left: auto; 
	margin-right: auto; 
	left: 0; 
	right: 0;
}

#navigation {
	float:left;
	font-family: HelleFreudeHeading;;
}

#selectedMenuDiv {
   width: 180px;
   height:37px;
   overflow: hidden;
   background: url(../images/select_bg.jpg) no-repeat right #ffffff;
   border: 0px solid #ccc;
   margin-top: 13.75px;
   float:right;
   display:none;
   margin-right:20px;
 }
 
 #selectedMenu {
   background: transparent;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   color:#423932;
   font-size:27.5px;
   width:140px;
   }

#beschreibung {
	color:#625755;
	float:left;
	
}

#beschreibung td{
	white-space:nowrap;
	overflow: hidden;
}

.beschreibung img {
	border:none;
}

#pfeil_rechts {
	float:right;
	text-align: center;
}

@media only screen and (max-width: 847px) {
	#navigation {
		display:none;
	}
	
	#architektenkammer{
		display:none;
	}
	
	#facebook{
		display:none;
	}
	
	#instagram{
		display:none;
	}
	
	#selectedMenuDiv{
		display:block;
	}
	
	#logoklein{
		max-height:50px;
	}
}

.content_links, .content_mitte, .content_rechts {
	float:left;
}

.abschnitt_bottom{
	background-color:#413833;
	width:100%;
	overflow:hidden;
}

input, textarea{
	background-color:#ea6750;
	border:2px solid #ffffff;
}

input:focus, textarea:focus{
	color:#ea6750;
	background-color:#ffffff;
	border:2px solid #ea6750;
}

#contact_logo{
	max-height:150px;
}

#contact_links, #contact_rechts{
	min-width:270px;
	float:left;
	width:50%;
}

#contact_links table{
	width:auto;
}

@media only screen and (max-width: 1000px) {
	#contact_links, #contact_rechts{
		min-width:270px;
		float:left;
		width:100%;
		margin-bottom:2em;
	}
	#contact_links table{
		width:100%;
	}

}
.s95{
	padding-bottom:0px;
}

@media only screen and (max-width: 1000px) {
	.s95{
		padding-bottom:40px;
	}

}


.right{
	text-align:left;
	padding-right:10px;
}

#button{
	width:auto !important;
	min-width:0px !important;
	background-color:#b90052;
	color:#ffffff;
	border:2px solid #b90052 !important;
}


.what_pfeil{
	float:left;
	text-align:center;
}
.client_pfeil{
	float:left;
	text-align:center;
}
.first{
	padding-left:0px !important;
}
.last{
	padding-right:0px !important;
}

.s2 h2 {
	color:#ffffff;
}

.sablauf .inner{
	height:auto;	
}

.heading_what{
	padding-left:0px !important;
	padding-top:0px !important;
}

#pfeil_what{
	position:absolute;
	z-index:100;
}

#pfeil_what img{
	  float: right;
}

.who_links, .who_mitte, .who_rechts{
	float:left;
}


.architektenkammer_who_img{
	width:65px;
	float:left;
}

.architektenkammer_who_label{
	float:left;
}

.architektenkammer_who{
	padding-top:20px;
}

.who_oben img{
	padding-top:20px;
	padding-bottom:20px;
}

#freelancer{
	padding-top:30px;	
}

#freelancer_mitarbeiter1{
	float:left;	
	padding-bottom:30px;
}

#freelancer_mitarbeiter2 {
	float:left;	
	padding-bottom:30px;
}

#freelancer_mitarbeiter1 div{
	float:left;	
	padding-right:20px;
}

#freelancer_mitarbeiter2 div{
	float:left;	
	padding-right:20px;
}

#content_why{
	padding-top:65px;
}

#content_why h2{
	color:#ffffff;
	display:block;
}

#why_left{
	float:left;
}
 
 #why_right{
	 float:right;
	 padding-bottom:30px;
 }
 
 .why_right_divs{
	float:left; 
 }
 
 #what_weiter{
	 float:right;
	 margin-right:50px;
 }
 
 #what_weiter img{
	 float:left;
	 margin-right:20px;
 }
 
 #what_weiter a{
	color:#ffffff;
 }
 
 .what_right_h2 h2{
	 float:left;
 }
 
 #what_weiter_link{
	 float:left;
 }
 
 .news_link{
	 text-align:center;
 }
 
 .news_heading img{
	 float:left;
 }
 
 .news_heading h1{
	float:left;
	color:#ffffff;
	white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
 }
 
 .news_heading p{
	float:left;
 }
 
 .news_left{
	 overflow:hidden;
	 position:relative;
	 background-repeat:no-repeat;
	 background-size:cover;
	 background-position:center;
 }
 
 .news_left img{
	margin: auto;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
 }
 .news_inhalt div{
	float:left;
	color:#ffffff;
 }
 
.inhalt_news, .news{
	height:auto;
}
 
  .news_left_bild img{
	width:100%;
 }
 
.name{
	margin:0px !important;
 }
 
 .autor{
	 position:relative;
	 padding-left:10px;
 }
 
.link_bottom{
	 float:right !important;
 }
 
 .link_bottom a{
	 color:#c6004c;
 }
 
 ul { 
	list-style-type: '>';
	margin:0px;
	margin-left:20px;
	margin-top:20px;
 }
 
 li{
	 padding-left:40px;
	 padding-bottom:20px;
 }
 
 .objekt_h2_width, #objekt_h2_width{
	 float:left;
	 padding-bottom:10px;
 }
 
 .h2_objekt{
	 height:40px;
 }
 
 .impressum_rechts, .impressum_links{
	 float:left;
 }
 
 .anfahrt_rechts, .anfahrt_links{
	 float:left;
 }
 
 .clear{
	 clear:both;
 }
 
 .alinks_contact a{
	 color:#ffffff;
	 padding-right:50px;
 }
 
 .sublogo_text{

 }
 
 #clock{
	 position:absolute;
	 width:100%;
	 text-align:center;
	 color:#ffffff;
 }

#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
    text-align: right;
    position: fixed;
    bottom: 0px;
    z-index: 10000;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    background-color: #ea6750;
	color:#ffffff;
	border-top:#ffffff 1px solid;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* The Modal (background) */
.modal_kunden {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.modal_prozess {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.modal_data {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
}

/* Modal Content/Box */
.modal-content_kunden {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
}

.modal-content_kunden_left, .modal-content_kunden_right{
	position: relative;
    top: -40px;
}

/* Modal Content/Box */
.modal-content_prozess {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
}

/* Modal Content/Box */
.modal-content_data {
  background-color: #fefefe;
  margin-left: auto;
  margin-right: auto;
}

/* The Close Button */
.close {
  color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: relative;
    right: 0px;
    display: block;
    background: #ea6750;
    padding: 5px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
	z-index:4;
}

.close:hover {
  cursor:pointer;
}

.bilder{
	top: -40px;
    position: relative;
}

.bilder img{
	line-height:0px;
	font-size:0px;
}

.bilder img:nth-child(even) { 
	float: right;
}

.bilder img:nth-child(odd) { 
	float: left;
}

.content_projekte{
	color:#ea6750;
	top: -40px;
    position: relative;
}

.kunden_buttons{
	float:left;
	width:33.333333333%;
	text-align:center;
}

@media only screen and (max-width: 400px) {
	.kunden_buttons{
	float:left;
	width:100%;
	text-align:center;
}
}

.kunden_buttons > img{
	max-height:130px;
	max-width:90%;
	margin-top: 30px;
}

.kunden_buttons .kunden_buttons_bezeichnung img{
	max-height: 20px;
    margin-top: 10px;
}

.kunden_buttons .kunden_buttons_bezeichnung{
	color: #fff;
    font-family: HelleFreudeHeading;
	font-size:1.5em;
	margin-top:0.8em;
	margin-bottom:3em;
}



.motivation_buttons{
	float:left;
	width:25%;
	text-align:center;
}

@media only screen and (max-width: 800px) {
	.motivation_buttons{
		float:left;
		width:50%;
		text-align:center;
	}
}

@media only screen and (max-width: 400px) {
	.motivation_buttons{
		float:left;
		width:100%;
		text-align:center;
	}
}

.motivation_buttons > img{
	max-height:130px;
	max-width:90%;
	margin-top: 30px;
}

.motivation_buttons .motivation_buttons_bezeichnung{
	color: #fff;
	font-size:1em;
	margin-bottom:3em;
}

.motivation_buttons .motivation_buttons_bezeichnung h2{
	margin:0.8em 0;
	display:block;
	font-family: HelleFreudeHeading;
	font-size:2em;
}

.motivation_buttons .motivation_buttons_bezeichnung div{
	padding: 0 2em;
}

.prozess_buttons{
	float:left;
	width:25%;
	text-align:center;
}

@media only screen and (max-width: 800px) {
	.prozess_buttons{
		float:left;
		width:50%;
		text-align:center;
	}
}

@media only screen and (max-width: 400px) {
	.prozess_buttons{
		float:left;
		width:100%;
		text-align:center;
	}
}

.prozess_buttons > img{
	max-height:130px;
	max-width:80%;
	margin-top:30px;
}

.prozess_buttons .prozess_buttons_bezeichnung img{
	max-height: 20px;
    margin-top: 10px;
}


.prozess_buttons .prozess_buttons_bezeichnung{
	color: #fff;
    font-family: HelleFreudeHeading;
	font-size:1.5em;
	margin-top:0.8em;
	margin-bottom:3em;
}

.modal-content_kunden_left, .modal-content_kunden_right{
	float:left;
}
.modal-content_prozess_left, .modal-content_prozess_right{
	float:left;
}

.modal-content_kunden_left img{
	max-width:100%;
}

.modal-content_prozess_left img{
	max-width:100%;
}

.modal-content_kunden_right h2{
	display:block;
	font-weight:100;
}
.modal-content_prozess_right h2{
	display:block;
}

.modal-content_kunden_right{
	color:#ea6750;
	font-weight: 100;
}
.modal-content_prozess_right{
	color:#ea6750;
	font-weight: 800;
}

.modal-content_kunden_right ul{
	color:#ea6750;
}

.modal-content_prozess_right ul{
	color:#ea6750;
}

.modal-content_kunden_right li{
	padding-left: 20px;
    padding-bottom: 10px;
}

.modal-content_prozess_right li{
	padding-left: 20px;
    padding-bottom: 10px;
}


#readmorekunden{
	text-decoration:underline;
	cursor: pointer;
}

.modal-content_kunden_right h2, .modal-content_kunden_right h3{
	color:#ea6750;
	font-family: HelleFreudeHeading;
	margin-bottom:0.5em;
}

.modal-content_prozess_right h2, .modal-content_prozess_right h3{
	color:#ea6750;
	font-family: HelleFreudeHeading;
	margin-bottom:0.5em;
}

.kunden_buttons{
	cursor:pointer;
}

.prozess_buttons{
	cursor:pointer;
}


.teammember, .teammemberfoto, .teammemberinfos{
	float:left;
}

.teammember{
	float:left;
	margin-bottom:2em;
}

.teammember h2{
	display:block;
	margin-bottom:0.5em;
}

.teammemberfoto img{
	max-width:100%;
}

.teammemberinfos{
	font-family: HelleFreudeHeading;
	font-weight: 200;
}

.button_kunden_orange{
	text-align:right;
}

.button_prozess_orange{
	text-align:right;
}

.info_buero a{
	color:#EA6750;
}

.contact_top div{
	float:left;
}
#contact_firstallover{
	display:none;
}
#contact_first{
	width:40%;
	margin-bottom:20px;
}
#contact_second{
	width:30%;
	margin-bottom:20px;
}
#contact_third{
	width:30%;
	text-align:right;
	margin-bottom:20px;
}

@media only screen and (max-width: 900px) {
	#contact_first{
	width:40%;
	margin-bottom:20px;
	}
	#contact_second{
		width:40%;
		margin-bottom:20px;
	}
	#contact_third{
		display:none;
	}
	#contact_firstallover{
		display:block;
		width:50%;
		margin-bottom:40px;
		margin-right:10%;
	}
	#contact_firstallover img{
		max-width:300px;
		width:100%;
	}
}

@media only screen and (max-width: 450px) {
	#contact_first{
	width:50%;
	margin-bottom:20px;
	}
	#contact_second{
		width:50%;
		margin-bottom:20px;
	}
	#contact_third{
		display:none;
	}
	#contact_firstallover{
		display:block;
		width:100%;
		margin-bottom:40px;
		margin-right:10%;
	}
	#contact_firstallover img{
		max-width:300px;
		width:100%;
	}
}

@media only screen and (max-width: 370px) {
	#contact_first{
		width:100%;
		margin-bottom:20px;
	}
	#contact_second{
		width:100%;
		margin-bottom:20px;
	}
	#contact_third{
		display:none;
	}
	#contact_firstallover{
		display:block;
		width:100%;
		margin-bottom:40px;
		margin-right:10%;
	}
	#contact_firstallover img{
		max-width:300px;
		width:100%;
	}
}


#contact_third img{
	max-height:175px;
}

#checkbox_datenschutz input{
	min-width: auto !important;
	width:auto !important;
}
#checkbox_datenschutz{
	font-size: 0.5em;
}

.flex-control-nav{
	margin-top: 2em;
    position: relative;
}

.data_impressum{
	text-align:right;
}

.data_impressum span{
	margin-right: 1em;
	cursor:pointer;
}

#datenschutz_in_impressum{
	cursor:pointer;
}

#datenschutz_in_popup{
	cursor:pointer;
}

#caphon{
	display:none;
}

#menuImg{
	cursor:pointer;
}