/* Global */





body {
	font-family: 'Open Sans', sans-serif;
	font-weight: lighter;
	font-size: 12px;
	color: #555555;
	background-color:#ffffff;
	line-height: 1.7;
}
img {
	max-width: 100%;
	height:auto;
}
a:link {
	color: #58B3B3;
	text-decoration: none;
	
}
a:hover {
	color: #50c5c4;
	text-decoration: none;
}
a:visited {
	color: #58B3B3;
	text-decoration: none;
}
.nav_link {float: right;
	list-style: none;
	margin: 0;}
.nav_link li {float: left;
	padding:0 0 0 30px;}
.nav_link a:link{color:#555555;}
.nav_link a:hover{color:#50c5c4;}
.nav_link a:visited{color:#555555;}
.nav_link a:active{color:#555555;}

.pos_impressum{position:relative; top:-20px; left:-22px;}

.button_hover {transition: transform 0.8s;}
.button_hover:hover{transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 -webkit-transform: scale(0.9, 0.9);
 -o-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);}
.button1head{width: 150px; position:absolute;}
.button2head{width: 150px; position:absolute;}
.button3head{width: 150px; position:absolute; margin-left: 40%; color: #333; font-size: 24px; font-family: 'Economica', sans-serif; margin-top: 15%;}

@font-face {
    font-family: 'klavika_lightlight';
    src: url('klavikalight-tf-webfont.eot');
    src: url('klavikalight-tf-webfont.eot?#iefix') format('embedded-opentype'),
         url('klavikalight-tf-webfont.woff') format('woff'),
         url('klavikalight-tf-webfont.ttf') format('truetype'),
         url('klavikalight-tf-webfont.svg#klavika_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
   font-family:'Yanone Kaffeesatz';
   font-style: normal;
   font-weight: 200;
   src: local('YanoneKaffeesatz-ExtraLight'),
   url(../fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-ExtraLight.ttf) format('truetype');
}

@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 400;
   src: local('OpenSans-Regular'),
   url(../fonts/Open_Sans/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 600;
   src: local('OpenSans-SemiBold'),
   url(../fonts/Open_Sans/OpenSans-SemiBold.ttf) format('truetype');
}

@font-face {
   font-family:'Open Sans';
   font-style: normal;
   font-weight: 700;
   src: local('OpenSans-Bold'),
   url(../fonts/Open_Sans/OpenSans-Bold.ttf) format('truetype');
}


@font-face {
   font-family:'Economica';
   font-style: normal;
   font-weight: 400;
   src: local('Economica-Regular'),
   url(../fonts/Economica/Economica-Regular.ttf) format('truetype');
}

@font-face {
   font-family:'Economica';
   font-style:italic;
   font-weight: 400;
   src: local('Economica-Italic'),
   url(../fonts/Economica/Economica-Italic.ttf) format('truetype');
}


@font-face {
   font-family:'Economica';
   font-style:normal;
   font-weight: 700;
   src: local('Economica-Bold'),
   url(../fonts/Economica/Economica-Bold.ttf) format('truetype');
}

@font-face {
   font-family:'Economica';
   font-style:italic;
   font-weight: 700;
   src: local('Economica-BoldItalic'),
   url(../fonts/Economica/Economica-BoldItalic.ttf) format('truetype');
}



h1 {font-family: 'Economica', sans-serif;
text-transform:uppercase;
font-size: 40px;
color: #50c5c4;
font-weight: lighter;}

h2 {font-family: 'Economica', sans-serif;;
font-size: 25px;
font-weight: lighter;
color: #50c5c4;
}

h3 {font-family: 'Economica', sans-serif;
font-size: 25px;
font-weight: lighter;
color: #50c5c4;
}


/* Navigation */

.menu {
	text-transform: uppercase;
	position:fixed;
	top:0px;
	width:100%; 
	height:auto; 
	background-color:#ffffff;
	z-index:100;
}
#logo {
	text-align: left;
	margin: 10px 0;
}
#nav {
	text-align: right;
	margin: 30px 0 0 0;
	
}


hr {
border: none;
border-top: 1px solid #e5e5e5;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}


#up {
position: absolute;
  bottom: 10px;
  right: 20px;
  
  opacity: .3;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  
}

#up:hover {
  opacity: .5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  
}

.navigation{
	float: right;
	list-style: none;
	margin: 0;

}
.navigation li{
	float: right;
	padding:0 0 0 30px;
}
.navigation li:hover{
	cursor:pointer;
	color: #50c5c4;
}

.navigation .active{
	cursor:pointer;
	color: #555555;

}

.navigation2{
	float: right;
	list-style: none;
	margin: 0;
}
.navigation2 li{
	float: left;
	padding:0 0 0 50px;
}

.fit {
  opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}

.fit:hover {
  opacity: .8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}



/* Felix CSS */

.div2 {position:relative; top:8px;}

.oben {
	 border-left: 10px solid #50c5c4;
	 padding-left: 40px;
}
.down {position:relative;top:15px;}


.fett {font-weight:bold;font-size:13px;}
.eingerueckt{position:relative;left:20px;}
.text_unten{position:relative;left:20px;top:-6px;font-size:11px;}

.textblock {position:relative;}
.image{float:left;}
.bolder{font-weight:bolder;}

.box {
	position:relative;
	margin-top:-33px;
  transition: box-shadow .01s;
  width: auto;
  height: auto;
	padding:0px 20px 0px 20px;
  border-radius:5px;
  font-size:18px;
  font-family: 'Economica', sans-serif;
  color:white;
 
  background: #50c5c4;
  float: left;
  
}
.box:hover {
  box-shadow: 0px 1px 5px 0px rgba(43,98,98,.5);
}

.box_position{position:relative;top:10px;}


.extern {
		position:relative;
		top:45px;
		  	
			}

	
.shadow {position:relative; margin-top:-50px;left:-10px;top:40px;}			
.circle{
	position:relative; margin-top:-130px;left:550px;top:-90px;
   border-radius: 50%;
   width: 130px;
   height: 130px;
   background: white;
}

.circle:hover {box-shadow: 0px 0px 25px 0px rgba(43,98,98,1);border-radius:300px;}


/* General Slides */ 

.slide{
	background-attachment: fixed;
	width:100%;
	height:auto;
	position: relative;
	padding:140px 0;
	
}

 
/* Slide 1 */ 

#slide1{
	height: 18em;
	color:#d8d8da;
	background: #d8d9da;
	text-align: center;



}

.bghead {

background-position: 50% 15%; 
background-attachment:fixed;	
height: 300px;
margin-top: -60px;}





/* Slide 2 */ 

#slide2{
	background-color:#ffffff;
}


#slide_neu{
	background-color:#ffffff;
	padding:20px 0;
	
}


/* Slide 3 */ 

#slide3{
	background-color:#ffffff;
	
}


/* Slide 4 */

#slide4{
	background: #ffffff;
}

#slide5{
	background-color:#ffffff;
}


.kunden img {
	margin-left: 15px;
}



/* Tablet */
@media screen and (max-width: 1024px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	text-align:center;
	margin:10px 0;
}

.navigation{
	width: 100%;
	float: center;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
	padding:0;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}

#decorative {
	display:none;
}

#content {
	text-align:center;
	width:100%;
}





/* Mobile */
@media screen and (max-width: 480px) {

#logo {
	width: 100%;
	text-align: center;
}

#nav {
	width:100%;
	margin:5px 0;
}

.navigation{
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}

.navigation li{
	float: left;
	width:25%;
}

.slide{
	background-attachment: fixed;
	width:100%;
	position: relative;
	padding:150px 0;
}



  #google_maps{

	padding:50px 0;
}