@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
body{
	margin:0px;
	padding:0px;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size: 1.2em; 	
	color:#4e4e50;
	height:100%;
}
html{
	height:100%;
}
#ds {
    position:absolute;
    bottom: 0;
    width: 100%;
    background-color:#e8e7e7;
    height: 2em;
	text-align:center;
	padding-top:10px;
}
a{
	text-decoration:none;
	color:#ff8b03;
}
h1{
	font-size:3.8em; 	
	color:#fff;
	padding-bottom:0px;	
}
h2{
	color:#ff8b03;
}
h3{
	border-bottom:1px dotted #ff8b03
}
ul{
	list-style-type:circle;	
}
li{
	color:#ff8b03;
}
.desktop .animate-down {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -100px);
    -moz-transform: translate(0, -100px);
    transform: translate(0, -100px)
}
.desktop .animate-down.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 600ms ease-out 100ms;
    -moz-transition: all 600ms ease-out 100ms;
    transition: all 600ms ease-out 100ms
}
#open_small{
	float:left;
	width:24%;	
}
#open_big{
	float:left;
	width:71%;
	padding-left:5%;
}
#map{
	float:left;
    height:500px;
	width:100%;
}
#div_team{
	float:left;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	margin-bottom:40px;
	background-image:url(../img/team.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	height:700px;	
}
#main_container{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:80px;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#main_container_cover{
	float:left;
	width:100%;
	background-color:#ecebea;
	padding-bottom:40px;
}
#main_container_two{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:40px;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#menu_container{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
	background-color:rgba( 255, 255, 255, 0.9);		
	position:fixed;
	z-index:5;
}
#menu_container ul{
	list-style:none;
	padding:0px;
	margin:0px;	
}
#menu_container li{
	padding:0px;
	margin:0px;	
}
#claim{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:20%;
	background-image:url(../img/claim.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	height:200px;	
}
#claim_two{
	float:left;
	width:33.33%;
	height:50px;
	background-color:#0C3;	
}
#claim_three{
	float:left;
	width:33.33%;
	height:50px;
	background-color:#06F;	
}

#claim_four{
	float:left;
	width:33.33%;
	height:50px;
	background-color:#F06;	
}
#claim_five{
	float:left;
	width:33.33%;
	height:150px;
	background-color:rgba( 255, 255, 255, 0.9);	
}
#claim_six{
	float:left;
	width:33.33%;
	height:150px;
	background-color:rgba( 255, 255, 255, 0.9);	
}
#claim_seven{
	float:left;
	width:33.33%;
	height:150px;
	background-color:rgba( 255, 255, 255, 0.9);	
}
#footer_colors{
	float:left;
	width:100%;
	height:200px;
	position:absolute;
    bottom: 0;
}
#image_container{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
	min-height:100%;
	background-image:url(../img/main_picture_final.jpg);
	background-size:cover;
}
#image_container_two{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
	min-height:100%;
	background-image:url(../img/intro2.jpg);
	background-size:cover;
}
#image_container_three{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
	min-height:100%;
	background-image:url(../img/intro3.jpg);
	background-size:cover;
}
#p_bottom{
	border-bottom:10px solid #b5103e;
	line-height:0px;
	margin:0px;
	padding:0px;
}
#p_bottom_green{
	border-bottom:10px solid #009b87;
	line-height:0px;
	margin:0px;
	padding:0px;
}
#p_head{
	font-size: 2.8em; 	
	color:#ff8b03;	
	font-weight:700;
	padding-left:10%;
	padding-bottom:0px;
	margin-bottom:0px;
}
#p_head_small{
	font-size: 2.2em; 	
	color:#ff8b03;
	font-weight:700;
	padding-left:10%;
	padding-top:0px;
	margin-top:0px;
}
#p_head_small_two{
	font-size: 2.2em; 	
	color:#ff8b03;
	font-weight:700;
	padding-left:10%;
	padding-bottom:0px;
	margin-bottom:0px;
}
#menu_item{
	float:left;
	width:20%;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	padding-top:30px;
	padding-bottom:30px;
}
#menu_item a{
	border-bottom:1px dotted #4e4e50;
	text-decoration:none;
	color:#ff8b03;
}
#menu_item a:hover{
	color:#4e4e50;
	border-bottom:1px dotted #ff8b03;
}
#image_inside{
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	width:90%;
	height:500px;
	background-image:url(../img/innen.jpg);
	background-size:cover;
	padding-left:5%;
	padding-right:5%;
	padding-top:70px;
	color:#fff;
	font-size: 2.2em;
	font-family: 'Open Sans Condensed', sans-serif; 
	text-align:right;
}
#p_image_top{
	padding:0;
	margin:0;
}
#p_image_bottom{
	padding:0;
	margin:0;
}
@media only screen and (min-width: 1486px) {
#image_container{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
}
#map{
	float:left;
    height:500px;
	width:100%;
}
	#main_container{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:40px;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#main_container_cover{
	float:left;
	width:100%;
	background-color:#ecebea;
}
#main_container_two{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:60%;
	padding-left:20%;
	padding-right:20%;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
	#menu_item{
	float:left;
	width:20%;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	padding-top:30px;
	padding-bottom:30px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1485px) {
#image_container{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
}
#map{
	float:left;
    height:500px;
	width:100%;
}
	#main_container{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:60%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:40px;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#main_container_cover{
	float:left;
	width:100%;
	background-color:#ecebea;
}
#main_container_two{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:60%;
	padding-left:20%;
	padding-right:20%;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#menu_item{
	float:left;
	width:20%;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	padding-top:30px;
	padding-bottom:30px;
}
}
@media only screen and (min-width: 415px) and (max-width: 1024px) {
#image_container{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
}
#map{
	float:left;
    height:500px;
	width:100%;
}
#main_container{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:40px;
	text-align:left;
	font-size: 1.4em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#main_container_cover{
	float:left;
	width:100%;
	background-color:#ecebea;
}
#main_container_two{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	text-align:left;
	font-size: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#menu_item{
	float:left;
	width:20%;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.6em;
	padding-top:30px;
	padding-bottom:30px;
}
}
@media only screen and (max-width: 414px) {
#image_container{
	float:left;
	width:100%;
	padding-left:0%;
	padding-right:0%;
}
#map{
	float:left;
    height:250px;
	width:100%;
}
#div_team{
	float:left;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	background-image:url(../img/team.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	height:250px;	
}
#main_container{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:40px;
	text-align:left;
	font-size: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#main_container_cover{
	float:left;
	width:100%;
	background-color:#ecebea;
}
#main_container_two{
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:40px;
	padding:0px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	text-align:left;
	font-size: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
}
#menu_item{
	float:left;
	width:100%;
	text-align:center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.4em;
	padding-top:10px;
	padding-bottom:10px;
}
#p_head{
	font-size: 2.4em; 	
	color:#ff8b03;	
	font-weight:700;
	padding-left:5%;
}
#p_head_small{
	font-size: 1.6em; 	
	color:#ff8b03;
	font-weight:700;
	padding-left:5%;
}
#p_head_small_two{
	font-size: 1.2em; 	
	color:#ff8b03;
	font-weight:700;
	padding-left:5%;
}
#claim{
	float:left;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	margin-top:20%;
	background-image:url(../img/claim.png);
	background-size:contain;
	background-repeat:no-repeat;
	height:50px;	
}
}