/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/


html, body {
	font-family: 'Open Sans', 'Open Sans Condensed', sans-serif;
	font-size:1em; line-height: 1.45em; color:#FFF;
	
	padding:0; margin:0; width:100%; 
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */	-webkit-text-size-adjust: 100%;
	
	width: 100%; height: 100%; 
	-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;	}

#home { 			background: url(../images/bg_home.jpg) no-repeat top center fixed; }
#projektgalerie { 	background: url(../images/bg_home.jpg) no-repeat top center fixed; }
#messe { 			background: url(../images/bg_messe.jpg) no-repeat top center fixed; }
#event { 			background: url(../images/bg_event.jpg) no-repeat top center fixed; }
#television { 		background: url(../images/bg_television.jpg) no-repeat top center fixed; }
#management { 		background: url(../images/bg_management.jpg) no-repeat top center fixed; }
#planung { 			background: url(../images/bg_planung.jpg) no-repeat top center fixed; }
#realisierung { 	background: url(../images/bg_realisation.jpg) no-repeat top center fixed; }
#kunden { 			background: url(../images/bg_kunden.jpg) no-repeat top center fixed; }
#philosophie { 		background: url(../images/bg_philosophie.jpg) no-repeat top center fixed; }
#nachhaltigkeit { 	background: url(../images/bg_nachhaltigkeit.jpg) no-repeat top center fixed; }
#geschaeftsfuehrung{background: url(../images/Servamus_GF_04_web.jpg) no-repeat top center fixed; }
#netzwerk { 		background: url(../images/bg_netzwerk.jpg) no-repeat top center fixed; }
#kontakt { 			background: url(../images/bg_kontakt.jpg) no-repeat top center fixed; }
#job-und-praktikum { 			background: url(../images/bg_job-und-praktikum.jpg) no-repeat top center fixed; }


body a {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all; }

::-moz-selection { background: #0079c1; color: #fff; text-shadow: none; }
::selection { background: #0079c1; color: #fff; text-shadow: none; }

mark {  color: #000; background: #ff0; }
small {  font-size: 80%; }
img {  border: 0;}
.clear { clear:both;}
ul, ol, li {
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: none; }

p {margin:0; padding:0;}

a { color: #1B242F; text-decoration: none; }
a:active, a:hover, a:focus { color: #0079c1; text-decoration: underline; outline: 0; }

h1, h2, h3, h4, h5, h6  { margin-top: 0; }

h1 {
  font-size: 2.5rem;
  line-height: 3.44rem !important;
  font-weight: 500;
  display: inline;
  padding: 0;
  text-transform: uppercase;

  box-shadow: 0.5rem 0 0  rgba(0, 121, 193, 0.85), -0.5rem 0 0  rgba(0, 121, 193, 0.85);
  background-color: rgba(0, 121, 193, 0.85);

  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone; }

h1 strong { font-weight:700; }

h2 {
  font-size: 2.5rem;
  line-height: 3.44rem;
  font-weight: 400;
  display: inline-block;
  padding: 0;
  text-transform: uppercase; }

h3 {
	font-size:1.1rem;
	text-transform: uppercase;
	display: inline-block;
	font-weight:600;
 	padding: 0;
	margin-bottom:0.8em !important; }

/***** Header *****/

.header  {
	height:9.4em; z-index:2;
	background-color:#000;
	margin-bottom:8em; }

.InnerContainer { width:95%; }


.logo {
	position:absolute;
	margin-top:1.6em; }
.logo img { width:13em; }


.headertop_nav {
	position:absolute;
	float:left;
	margin:4.2em 0 0 15em;
	text-transform: uppercase; }
.headertop_nav ul {
	padding:0;
	list-style:none; }
.headertop_nav li {
	display:inline;
	font-size:0.8em; }
.headertop_nav li a {
	margin:0 0.2em;
	color:#fff; }
.headertop_nav li a:hover { color:#0079c1; }



/***** Main content *****/

.main {z-index:-1;  }

.blueBG { z-index:-1;
  width: 94.5%; 
  padding:0 4% 2em 1.5%;
  text-align:left; }
.col-md-4 img { 
	float:none;
	width:100%;
	margin-bottom:3em;
	border:1px solid #000; }
.netzwerkLogo img { width:30% !important; border:0; margin-bottom:1em; margin-right:50%; }
.blueBG p { margin-top:1.6em; }
.blueBG p .highlight {
  display: inline;
  box-shadow: 0.5rem 0 0  rgba(0, 121, 193, 0.85), -0.5rem 0 0  rgba(0, 121, 193, 0.85);
  background-color: rgba(0, 121, 193, 0.85);
  color: white;
  line-height: 1.60em;
  padding:0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone; }
.blueBG a { color:#fff; text-decoration:underline; }
.blueBG a:hover { color:#000; }

.whiteBG {
	background: #FFF;
	padding:2em 0 3em 0;
	margin-top:2em;
	color:#000; }
.whiteBG h2 {
	width:100%;
	padding-bottom:0.4em;
	margin-bottom:0.5em !important;
	border-bottom:1px solid #0079c1; }
.whiteBG p {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom:1.5em;
	display: inline-block; }
.whiteBG_refs { width:32%; float:left; text-align:left; margin-bottom:1.3em; }
.whiteBG_middleRef { margin:0 2% 0 2%;}
.whiteBG_img  { width:100%; background-color:#000; line-height:0; }
.whiteBG_img img {
	float:none; 
	width:100%;
	border:1px solid #000;
	opacity: 0.7;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whiteBG_img img:hover { opacity: 1; } 
.whiteBG_text {	font-size:0.9em; margin-top:0.6em; }
.clearRef { }
.tafelbild { width:100%; }

/*  kann raus wenn kein zoom bei mouse over verwendet wird */
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block; }
img.zoom-img:hover {
	-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 10000ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 10000ms;
	overflow: hidden; }
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 2000ms; }


.ReferenzBG {
	background: #FFF;
	padding:2em 0 2em 0;
	margin-top:5em;
	color:#000; }
.ReferenzBG h2 {
	width:100%;
	padding-bottom:0.4em;
	margin-bottom:0.5em !important;
	border-bottom:1px solid #0079c1; }
.ReferenzBG p {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom:1.5em;
	display: inline-block; }
.RefGaleryOuter {
	width:66.66666667%;
	float:left;
	border-right: 1px solid #0079c1;
	padding-right:2%;  }
.RefDescriptionOuter {
	width: 33.33333333%;
	float:left; 
	padding-left:2%;
	text-align:left; }
.RefDescriptionOuter p { text-transform:none; }
.RefText_1, .RefText_2 {
	float:none; 
	margin:-0.3em 0 2em 0;
	padding-bottom:0.5em; }
.RefText_1 { border-bottom: 1px solid #0079c1; }
.RefText_1 ul, .RefText_2 ul { font-weight: 300;  }
.RefText_1 ul li, .RefText_2 ul li { margin-bottom:0.3em; padding-left:1em; text-indent: -1em;  }
.RefText_2 ul li:before { content: "\003e" " "; margin-right:0.5em; }


	
	
/*** Footer ***/

.footer {
	margin:2.5em 0;
	padding:3em 0;
	background:#000; }
.footerContainer {	max-width:765px; }
.footerLogo { position:absolute; }
.footerLogo img { width:9em; }
.f_Col_1 {
	width:25%; padding:4.4em 0 0 4em;
	float:left;
	text-align:left; }
.f_Col_2 {
	width:25%; padding-top:4.4em;
	float:left;
	text-align:left; }
.f_Col_3 {
	width:50%;
	float:left;
	text-align:right; }
.footerText p {
	font-size:0.65em;
	text-transform:uppercase;
	color:#fff;
	line-height:1.5em; }
.footerText a {
	text-decoration:none;
	color:#fff;}
.footerText a:hover {
	color:#0079c1;
	text-decoration:none; }

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.icon-pictogramm_1:before { content: "\e600"; }
.icon-pictogramm_2:before { content: "\e601"; }
.icon-pictogramm_3:before { content: "\e603"; }

.footer-list ul { padding:0; list-style:none; }
.footer-list li p { overflow:hidden; font-size:0.95em; }
.footer-list li.list_top { margin-bottom:2em; }

ul.socials {
	padding:0;
	list-style:none;
	margin-top: 1.45em;
	margin-bottom: 0.85em;
}
ul.socials li { display:inline-block; margin-left: 1em; }
ul.socials li:first-child { margin-left: 0em; }
.socials li a {
	display: inline-block;
	color:#fff;
	background: none;
	text-align: right;
	font-size: 2.8em; 
}
.socials li a:hover { color: #0079c1!important; }

.copy_right { float:left; }
.copy_right p {	font-size:0.95em; color:#FFF; }
.copy_right p a { color:#F94B4B; }
.copy_right p a:hover { color:#FFF; text-decoration:underline; }


@media all and (max-width: 765px) {

html, body{	font-size:0.95em; line-height: 1.45em; }

#home { background: url(../images/bg_home_m.jpg) no-repeat top center fixed; }


.mq2_hidden { display: none !important; visibility: hidden !important; }

h1 { font-size: 2rem; line-height:2.75rem !important; }
h2 { font-size: 2rem; line-height:2.75rem; }
h3 { font-size: 0.9rem; }

.header  { height:11.0em; margin-bottom:6em;}

.InnerContainer { text-align:center; }

.logo {	width:95%; text-align:center; margin-top:1em; }

.headertop_nav { width:95%; text-align:right; margin:3.5em 0 0 0; }

.blueBG { border:0; margin-bottom:2em; }
.col-md-4 img {	width:30%; margin-right:3%; float:left; }

.footer { padding:2.5em 0 !important; }
.footerContainer {	width:90%; } 
.f_Col_1 { width:50%; }
.f_Col_2 { width:0%; }
.f_Col_3 { width:50%; }

}


@media all and (max-width: 560px) {

.mq3_hidden { display: none !important; visibility: hidden !important; }

h1 {  }
h2 {  }
h3 { font-size: 1.1rem; }

#home { 			background: url(../images/bg_home_m.jpg) no-repeat top center fixed; }
#projektgalerie { 	background: url(../images/bg_home_m.jpg) no-repeat top center fixed; }
#messe { 			background: url(../images/bg_messe_m.jpg) no-repeat top center fixed; }
#event { 			background: url(../images/bg_event_m.jpg) no-repeat top center fixed; }
#television { 		background: url(../images/bg_television_m.jpg) no-repeat top center fixed; }
#management { 		background: url(../images/bg_management_m.jpg) no-repeat top center fixed; }
#planung { 			background: url(../images/bg_planung_m.jpg) no-repeat top center fixed; }
#realisierung { 	background: url(../images/bg_realisation_m.jpg) no-repeat top center fixed; }
#kunden { 			background: url(../images/bg_kunden_m.jpg) no-repeat top center fixed; }
#philosophie { 		background: url(../images/bg_philosophie_m.jpg) no-repeat top center fixed; }
#nachhaltigkeit { 	background: url(../images/bg_nachhaltigkeit_m.jpg) no-repeat top center fixed; }
#geschaeftsfuehrung{background: url(../images/Servamus_GF_04_mobile.jpg) no-repeat top center fixed; }
#netzwerk { 		background: url(../images/bg_netzwerk_m.jpg) no-repeat top center fixed; }
#kontakt { 			background: url(../images/bg_kontakt_m.jpg) no-repeat top center fixed; }
#job-und-praktikum { background: url(../images/bg_job-und-praktikum_m.jpg) no-repeat top center fixed; }

.header  { margin-bottom:4em; }


.whiteBG { padding:2em 0 0 0; }
.whiteBG_refs {	width:100%;	float:none; clear:both; }
.whiteBG_middleRef { margin:0; }
.whiteBG_img  { }
.whiteBG_img img { width:49%; float:left; margin-bottom:2em;
	opacity: 0.8;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.whiteBG_img img:hover { opacity: 1; } 
.whiteBG_text {	width:48%; float:left; margin-left:3%; }


.RefexrenzBG { padding-bottom:1.5em; }
.RefGaleryOuter { width:100%; float:none; border-right:0; padding-right:0; margin-bottom:4.5em;  }
.RefDescriptionOuter { width:100%; float:none; padding-left:0; }
.RefTxext_1, .RefText_2 { float:none; width:100%; margin:0 0 0 0; padding-bottom:1.7em; }
.RefTxext_1 { border-right:0; padding-right:0; }
.RefTxext_2 { padding-left:0; border-bottom:0; padding-bottom:0;  }


.footer { padding:2em 0; }
.footerLogo { position: relative; width:100%; }
.footerLogo img { width:50%; }
.f_Col_3 { width:100%; padding:0.5em 0 0 0; float:none; text-align:center; }
ul.socials li { margin-left: 7%; }
ul.socials li:first-child { margin-left:0; }
.socials li a {	font-size: 2.5em; }
	
}


@media all and (max-width: 470px) {

.mq4_hidden { display: none !important; visibility: hidden !important; }

.headertop_nav { margin:5.5em 0 0 0; }

.whiteBG { padding:1.5em 0 0 0;	}
.whiteBG_refs { margin-bottom:0; }
.whiteBG_img  { background-color:#000; line-height:0;  }
.whiteBG_img img { width:100%; float:none; margin-bottom:0; }
.whiteBG_text {	width:100%;	float:none;	margin-left:0%;	margin-bottom:2em; padding-top:0; text-align:center; }




.map {
	height: 200px;
	margin: 0 0 20px; }
.contact-form textarea { height:150px !important; }

}



@media all and (max-width: 420px) {

.xmq5_hidden { display: none !important; visibility: hidden !important; }

.xfooter { margin:2.5em 0 2.5em 0; padding:2em 0; }
.xfooterLogo { position: relative; width:100%; }
.xfooterLogo img { width:50%; }
.xf_Col_1 { width:100%; padding:1em 0 0 0; float:none; text-align:center; }

}





/*--contact-- kann raus nachdem kontakt fertig ist */

.contact_left h3, .contact_right h3{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
	color: #555;
	text-transform: uppercase;
	margin-bottom: 1em; }
.map {
	width: 100%;
	height:350px;
	margin: 0 0 43px; }
.address p {
	color: #333033;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 16px;
	font-style: normal;
	text-transform: uppercase; }
.address dd {
	color: #aaa4ab;
	font-size: 13px;
	line-height: 20px;
	font-weight: 300; }
.contact-form input[type="text"] {
	display: block;
	width:70%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	margin: 1.5em 0;
	font-size: 0.85em;
	color: #999;
}
.contact-form textarea {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	outline: none;
	margin: 1.5em 0;
	font-size: 0.85em;
	color: #999;
	height:300px;
	resize: none;
}
.contact-form input[type="submit"] {
	padding: 15px 20px;
	color: #fff;
	background: #F94B4B;
	font-size: 1em;
	border: none;
	outline: none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	float:right;
}
.contact-form input[type="submit"]:hover{
 	background:#dcbc86;
}