@charset "utf-8";

/* ================ */
	/* Main-Color: #e2001a */
/* ================ */

/* ========== ALLGEMEIN ========== */
html,body {font-family: 'Source Sans Pro', sans-serif;}
.clear {clear:both; line-height:0; height:0px;}
.section_padding {padding:100px 0px;}
@media (max-width: 1024px) {.section_padding {padding:50px 0px;}}
@media (max-width: 768px) {.section_padding {padding:30px 0px;}}

/* source-sans-pro-200 - latin */
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/source-sans-pro-v14-latin-200.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
		 url('../fonts/source-sans-pro-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/source-sans-pro-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-200.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/source-sans-pro-v14-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-300 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/source-sans-pro-v14-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
		 url('../fonts/source-sans-pro-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/source-sans-pro-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/source-sans-pro-v14-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-regular - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
		 url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-600 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/source-sans-pro-v14-latin-600.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
		 url('../fonts/source-sans-pro-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/source-sans-pro-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-600.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/source-sans-pro-v14-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  /* source-sans-pro-700 - latin */
  @font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/source-sans-pro-v14-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
		 url('../fonts/source-sans-pro-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/source-sans-pro-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/source-sans-pro-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  }
  
/* ========== SCHRIFT ========== */
p {font-size:18px; margin-bottom:30px; font-weight:400; color:#000; line-height:1.5;}
h1 {font-size:100px; margin-bottom:40px; font-weight:200; color:#000; line-height:1;}
h2 {
	font-size:70px;
	font-weight:300;
	color:#363636;
	line-height:1;
	text-align: center;
	padding:30px 0px;
	margin-bottom:80px;
}
h3 {
	text-transform:uppercase;
	font-size:20px;
	color:#000;
	letter-spacing:2px;
	font-weight:600;
	margin-bottom:15px;
	transition:color 0.3s;
}
h3:hover {color:#e2001a;}
h4 {
	text-transform:uppercase;
	font-size:16px;
	color:#000;
	letter-spacing:1px;
	font-weight:600;
	margin-bottom:5px;
}
h5 {
	font-size:18px;
	color:#333;
	letter-spacing:1px;
	font-weight:600;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:solid 1px #CCC;
}
.headline_dba {font-size:130%; font-weight:600; letter-spacing: -5px;}
.headline2 {padding-bottom:20px; border-bottom:solid 1px #CCC;}
.headline_underline_red {width:200px; height:3px; background:#e2001a; margin:10px 0px 20px 0px;}


strong {font-weight:700;}
mark {color:#e13115;}
a {text-decoration:none;}
.readmore_center {text-align:center;}
a.readmore {
	display:inline-block;
	text-align:center;
	font-weight:300;
	border:solid 1px #000;
	color:#000;
	line-height:1;
	padding:5px 10px;
	text-transform:uppercase;
	font-size:25px;
	transition:all 0.3s;
}
a.readmore:hover {border-color:#e2001a; background:#e2001a; color:#FFF;}


/* ========== FORMULARE ========== */
.input_holder {
	margin-bottom:20px;
}
.submit_holder {
	width:100%; text-align:center;
}
label {
	color:@text-color;
	margin-bottom:10px;
	display:block;
	@media (max-width: 768px) {font-size:1.2em;}
}
input {
	border:solid 1px #CCC;
	outline:none;
	background:#FFF;
	width:100%;
	padding:5px;
	height:40px;
	display:block;
	margin-bottom:8px;
}
input:focus {
	border:solid 1px #0c9dbf;
}
input[type=checkbox] {
	width:30px;
	display:none;
}
input[type=submit] {
	background:#0c9dbf;
	color:#FFF;
	outline:none;
	border:none;
	text-align:center;
	width:auto;
	height:auto;
	display:inline;
	padding: 10px 20px;
	line-height:1.0;
	text-transform:uppercase;
	font-size:16px;
	font-weight:300;
	cursor:pointer;
}
input[type=submit]:hover {
	background:#0a8aa8;
}
textarea {
	border:solid 1px #CCC;
	outline:none;
	background:#FFF;
	width:100%;
	padding:5px;
	height:auto;
	display:block;
}


/* ========== HEADER ========== */
.header {background:none; height:100px; position:fixed; top:0; right:0; left:0; z-index:2000; transition:all 0.3s;}
.logo_top {line-height:0; background:#FFF; padding:10px; float:left; transition:all 0.3s; width:100px; margin-top:12px; position:relative; z-index:3000;}
.logo_top img {width:100%;}

.headerpic {width:100%;}
.headerpic img {width:100%; display:block; margin-bottom:50px;}
@media (max-width: 1024px) {.headerpic img {margin-bottom:30px;}}

.topbox_bg, .header_subpage {transition:all 0.3s; height:50px; background:#2a2a2a; /* background:#FFF; border-bottom:solid 1px #a8a8a8; */}
.topbox_bg .mainmenu ul li a, .header_subpage .mainmenu ul li a {line-height:50px; /* color:#000; */}
.topbox_bg .logo_top, .header_subpage .logo_top {width:60px; margin-top:7px; background:none; box-shadow:none; padding:0px;}


.mainmenu {float:right;}
.mainmenu ul {list-style-type:none; float:right;}
.mainmenu ul li {display:inline-block; margin-left:30px; position:relative;}
.mainmenu ul li a {text-transform:uppercase; line-height:70px; letter-spacing:1px; font-size:14px; color:#FFF; transition:all 0.3s;}
.mainmenu ul li a:hover, .mainmenu ul li a.active  {color:#e2001a;}
.mainmenu ul li>ul {
	list-style-type:none;
	float:none;
	position:absolute;
	top:50px;
	background:#2a2a2a;
	min-width:200px;
	display:none;
	transition:all 0.3s;
}
.mainmenu ul li>ul li {margin:0px; display:block;}
.mainmenu ul li>ul li a {line-height:1.3!important; display:block; padding:8px 10px!important;}
.mainmenu ul li:hover>ul {display:block; z-index:2000;}

a#pull {
	display:none;
	position:absolute;
	top:12px; right:20px;
	width:30px;
	color:#FFF;
	text-transform:uppercase;
	cursor:pointer;
	margin-top:3px;
}
a#pull img {width:100%;}


/* ========== PROJECTS SUBMENU ========== */
.projects_submenu {}
.projects_submenu ul {list-style-type:none;}
.projects_submenu ul li {display:inline-block; margin-right:20px; margin-bottom:20px; position:relative;}
.projects_submenu ul li a {display:block; font-size:20px; text-transform:uppercase; line-height:1; padding:10px; border:solid 1px #000; color:#000; transition:all 0.3s;}
.projects_submenu ul li a:hover, .projects_submenu ul li a.active {border-color:#e2001a; background:#e2001a; color:#FFF;}

/* ========== SLIDER ========== */
.slider {height:auto; position:relative; border-bottom:solid 1px #FFF;}
.slider_overlay {
	position:absolute;
	height:100%;
	width:100%;
	top:0; bottom:0; left:0; right:0;
	background:url("../img/slider_bg.png");
	background-repeat:repeat-x;
	background-position:top;
	z-index:1000;
}
.owl-carousel {height:auto;}
#owl-demo .item{}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
#bar{
  width: 0%;
  max-width: 100%;
  height: 10px;
  background: #FFF;
}
#progressBar{
  width: 100%;
  background: rgba(255,255,255,0.5);
  position:absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:10px;
  z-index:1500;
}

.owl-carousel .projectbox {position:absolute; bottom:10%; left:0px; right:0px; z-index:2000; width:100%;}
.owl-carousel .projectbox_text {float:right; background:#FFF; padding:30px;}

/* ========== SERVICE ========== */
.service {background:url("../img/service-menu-bg.png") repeat;}
.service_menu {}
.service_menu ul {list-style-type:none;}
.service_menu ul li {float:left; width:25%;}
.service_menu ul li a {
	display:block;
	text-align:left;
	width:100%;
	padding:70px 0px;
	font-size:23px;
	font-weight:600;
	color:#FFF;
	transition:all 0.3s;
}
.service_menu_innertext {border-left:solid 1px #FFF; padding:0px 20px;}
.service_menu ul li a:hover {color:rgba(255,255,255,0.6);}
.service_menu ul li a.active {color:rgba(255,255,255,0.6);}
.number {font-size:40px; display:block; margin-bottom:10px; line-height:1;}


/* ========== CONTENT ========== */
.content, .news {overflow:hidden;}
.content_subpage {margin-top:50px; padding-top:50px!important;}
@media (max-width: 1024px) {.content_subpage {margin-top:20px;}}
.content_subpage h1 {font-size:70px;}
.article {
	/*
	column-count: 2;
	column-gap: 40px;
  	-moz-column-count: 2;
  	-moz-column-gap: 40px;
  	-webkit-column-count: 2;
  	-webkit-column-gap: 40px;
	*/
}
.article p {font-size:18px; font-weight:400;}
.article_start p {font-size:23px; font-weight:400;}
.article ul {list-style-type:square; margin:5px 0px 30px 0px; padding:0px 0px 0px 25px;}
.article ul li {font-size:18px; margin:0px 0px 5px 0px!important; padding:0px;}
.news {}
.engagement {background:#efefef;}


/* ========== PROFIL START ========== */
.profil_start {
	background:url("../img/background_profil-start.jpg");
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-position:top;
}
.profilbox {background:rgba(0,0,0,0.8); float:right; width:50%; padding:50px;}
.profilbox_image {width:100px; height:100px; border-radius:50%; border:solid 2px #FFF; overflow:hidden; margin-bottom:20px;}
.profilbox_image img {width:100%;}
.profilbox_text h3 {color:#FFF; margin-bottom:0px;}
.profilbox_text p {color:#FFF; font-size:23px; font-weight:300; line-height:1.3;}

.profilbox_subpage {background:rgba(0,0,0,0.8); width:100%; padding:20px;}
.profilbox_subpage_image {float:left; width:70px; height:70px; border-radius:100%; border:solid 2px #FFF; overflow:hidden; margin-bottom:20px;}
.profilbox_subpage_image img {width:100%;}
.profilbox_subpage_text .headline_underline_red {display:inline-block; margin:5px 0px 5px 10px; width:120px;}
.profilbox_subpage_text h3 {font-size:15px; display:inline-block; color:#FFF; margin-bottom:5px; margin-left:10px; margin-top:15px;}
.profilbox_subpage_text p {color:#FFF; font-size:15px; font-weight:300; line-height:1.3; clear:both;}

/* ========== ENGAGEMENT ========== */
.engagementbox {}
.engagementbox_image {width:100%; margin-bottom:10px;}
.engagementbox_image img {width:100%;}
.engagementbox_text p {color:#666; margin-bottom:20px;}
.engagementbox .readmore {font-size:14px; font-weight:400; margin-top:0px;}

.content_subpage .engagementbox {border-bottom:dotted 1px #CCC; margin-bottom:15px;}
.content_subpage .engagementbox_image {width:100%; margin-bottom:10px;}
.content_subpage .engagementbox_image img {width:100%;}
.content_subpage .engagementbox_text p {color:#666; margin-bottom:20px;}
.content_subpage .engagementbox .readmore {font-size:14px; font-weight:400; margin-top:0px;}


/* ========== PROJECTS ========== */
.projectbox {margin-bottom:80px;}
.projectbox_left .projectbox_image {float:left; width:55%;}
.projectbox_right .projectbox_image {float:right; width:55%;}
.projectbox_image img {width:100%;}
.projectbox_text {float:left; width:45%; padding:20px 50px;}
.projectbox_text p {margin-bottom:15px; font-size:18px;}

.projectbox_leftcolumn .projectbox_text {width:100%; float:none; padding:0px 0px; margin-bottom:0px;}
.projectbox_leftcolumn {margin-bottom:30px;}
.projectbox_leftcolumn h3 {margin-bottom:5px; font-size:15px; letter-spacing:1px;}
.projectbox_leftcolumn .projectbox_text p {font-size:15px; margin-bottom:5px;}
.projectbox_leftcolumn .headline_underline_red {margin:0px 0px 10px 0px;}


.project_tag {
	display:inline-block;
	line-height:1;
	padding:3px 5px;
	background:#999;
	color:rgba(255,255,255,0.8);
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	transition:all 0.3s;
}
.project_tag:hover {background:#666;}


/* ========== Gallery-Images ========== */
.gallery_image_holder {}
.gallery_image {width:100%; margin-bottom:30px;}
.gallery_image img {width:100%;}
.gallery_image_holder:nth-of-child(2) {width:50%;}


/* ========== GOOGLE MAP ========== */
.googlemap {width:100%; line-height:0; /* border-top:solid 1px #cfcfcf; */}
.googlemap iframe {width:100%; height:300px;}
.googlemap img {width:100%;}
.content_subpage .googlemap {margin-bottom:20px;}

/* ========== FOOTER ========== */
.footer {}
.footer1 {background:#2a2a2a; padding:50px 0px;}
.footer2 {background:#383838; padding:7px 0px;}
.footer p, .footer a {font-size:14px; line-height:1.5; margin-bottom:0px;}
.footer1 p {color:#999;}
.footer2 p {color:#999;}
.copyright {width:100%; text-align:center;}
.footer img {width:100%;}
.tuv {margin-top: 40px; width:100%; text-align:center; padding:15px 0px; border-top:solid 1px #c1c0c0; line-height:0;}
.tuv img {width:150px; line-height:0;}

.footmenu {}
.footmenu ul {list-style-type:none;}
.footmenu ul li {padding:0px; line-height:1.2;}
.footmenu ul li a {color:#999; transition:color 0.3s;}
.footmenu ul li a:hover {color:#e2001a;}



/* ========== RESOLUTIONS ========== */
@media (max-width: 1024px) {
	p, .article ul li, .article p {font-size:16px; font-weight:400;}
	.article_start p {font-size:18px;}
	.profilbox_text p {font-size:18px;}
	.content_subpage h1 {font-size:60px;}
	h1 {font-size:80px;}
	h3 {font-size:18px;}

	.service_menu ul li a {padding:40px 0px; font-size:18px;}
	.owl-carousel {overflow: auto;}
	.owl-carousel .projectbox {display:none;}
	
	.projects_submenu ul li a {font-size:18px; padding:8px;}
}
@media (max-width: 800px) {
	
	p, .article ul li, .article p, .article_start p {font-size:16px; font-weight:400;}
	.profilbox_text p {font-size:16px;}
	.content_subpage h1, h1 {font-size:30px; margin-bottom:20px;}
	h2 {font-size:30px; padding:0px 20px 0px 0px; margin-bottom:30px;}
	h3 {margin-bottom:10px;}
	.headline_dba {font-size:110%; letter-spacing:0px;}
	a.readmore {font-size:18px;}
	
	.article {
		column-count: 1;
		column-gap: 0px;
	  	-moz-column-count: 1;
	  	-moz-column-gap: 0px;
	  	-webkit-column-count: 1;
	  	-webkit-column-gap: 0px;
	}

	.header {height:50px; background:#2a2a2a;}
	a#pull {display:block;}
	.mainmenu {float:none;}
	.mainmenu ul {display:none; float:none; position:absolute; top:50px; left:0px; right:0px; z-index:2000; border-bottom:solid 1px #CCC; background:rgba(0,0,0,0.8);}
	.mainmenu ul li {float:none; width:100%; margin:0px; padding:0px;}
	.mainmenu ul li a {text-align:right; font-size:14px; display:block; padding:10px 20px; border-top:dotted 1px #666; height:auto; line-height:1!important; color:#FFF;}
	.mainmenu ul li a:hover {color:#FFF;}
	.mainmenu ul li a.active {}
	.mainmenu ul li ul {position:relative!important; top:inherit!important;}
	.mainmenu ul li ul li a {padding:10px 20px;}

	.topbox_bg .mainmenu ul li a {line-height:1!important;}
	.logo_top {width:120px; background:#FFF; padding:10px 20px; box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2); position:absolute; top:0; left:15px;}
	.slider {margin-top:50px;}
	.slider_overlay {display:none;}
	
	.service_menu {padding:20px 0px;}
	.service_menu ul li {width:50%;}
	.service_menu ul li a {width:100%; padding:30px 0px; font-size:18px; font-weight:600;}
	.service_menu ul li a:hover {background:none;}

	.profilbox {float:none; width:100%; padding:30px;}

	.projectbox {margin-bottom:20px;}
	.projectbox_left .projectbox_image, .projectbox_right .projectbox_image {float:none; width:100%;}
	.projectbox_text {float:none; width:100%; padding:20px 20px;}
	.footer .tab2, .footer .tab3 {margin-bottom:20px;}
	.footer p, .footer a {font-size:16px;}

	.engagementbox {margin-bottom:30px;}
	
	.projects_submenu ul li a {font-size:16px; padding:5px;}
	.projects_submenu ul li {margin-right:10px; margin-bottom:10px;}
	
}

@media (max-width: 480px) {
	p, .article ul li, .article p, .article_start p {font-size:14px; font-weight:400;}
	.profilbox_text p {font-size:14px;}
	.footer p, .footer a {font-size:14px;}
	.service_menu ul li a {font-size:16px; font-weight:600;}
	h3 {font-size:16px;}
	
}

@media (max-width: 320px) {
	
	
}