* {
    margin: 0;
    padding: 0;
}

img{
	min-width:auto;
	min-height:auto;
}

#wrapper{
	width:100%;
	height:auto;
	margin: 0px auto;
}

.hideme{
    opacity:0;
}

ul{
	list-style-type:none;
	position: fixed;
	z-index:9999;
	text-align:center;
	width:100%;
	background:#000;

}

li{
	display:inline-block;
	text-align:center;
}

/*Style for menu links*/
li a{
	text-align:center;
	display:block;
	min-width:auto;
	width:100%;
	height:90px;
	line-height:90px;
	font-family:'Roboto', sans-serif;
	color:#fff;
	padding-right:80px;
	background:#000;
	font-size:14px;
	font-weight:600;
	text-decoration: none;
}

li:hover a {
	color: #ecac28;
}

.show-menu {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	padding-top:13px;
	padding-bottom:13px;
	color: #fff;
	background: #000;
	text-align: center;
	display: none;

}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}



.photo {
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
}

/**home**/
#home{
	width:auto;
	height:100vh;
	min-height:100%;
	margin-top:0px;
	padding-top:0px;
	background-size:cover;
}


#text_1{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;
}



#text_1 h1{
	color:#FFF;
	font-family:'Roboto', sans-serif;
	font-size:54px;
	font-weight:200;
	text-shadow:1px 1px 4px #000;
}

#text_1 p{
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:27px;
	font-weight:200;
	text-shadow:1px 1px 4px #000;
}

/*ATK*/




#text_2 h1{
	color:#ecac28;
	font-family:'Roboto', sans-serif;
	font-size:24px;
	font-weight:600;
}

#text_2 p{
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:200;
}

#text_2{
	width:30%;
	margin-left:10%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;	
}

/*warning*/

#warning{
	width:100%;
	background:#64000F;
	/*background:#ecac28;*/
}

#warning p{
	text-align:center;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
	padding-top:4%;
	padding-bottom:4%;
}
/*weiland*/

#weiland{
	text-align:center;
	background:#e0e0e0;
	width:100%;
	margin-top:0px;
	padding-top:0px;
}

#weiland h1{
	color:#000;
	font-family:'Roboto', sans-serif;
	font-size:24px;
	font-weight:600;
}

#weiland p{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
	font-style:italic;
}

#text_3{
	margin-left:auto;
	margin-right:auto;
	padding-top:4%;
	padding-bottom:4%
}

#weiland_2{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;
	font-style:normal;}

/*video*/

#video{
	width:40%;
	height:40%;
	background:#FFF;
	margin-top:5%;
	margin-bottom:5%;
	margin-left:auto;
	margin-right:auto;
	min-width:250px;
	max-width:560px;


}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;

}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Close Combat*/
#closecombat{
	width:auto;
	height:100vh;
	margin-top:0px;
	padding-top:0px;
	min-height:800px;
	background-size:cover;
}

#text_4 h1{
	color:#ecac28;
	font-family:'Roboto', sans-serif;
	font-size:24px;
	font-weight:600;
}

#text_4 p{
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:200;
}

#text_4{
	width:30%;
	margin-left:10%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:left;
}

/*Gallerie*/


/*Kontakt*/

#info_box{
	text-align:center;
	padding-top:120px;	
	padding-bottom:120px;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	/*padding-bottom:30px;*/
	color:#000;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

#info_box a{
	color:#ecac28;
	-webkit-transition:opacity .5s ease-out;
  	-moz-transition:opacity .5s ease-out;
  	-ms-transition:opacity .5s ease-out;
  	-o-transition:opacity .5s ease-out;
  	transition:opacity .5s ease-out;

}

#info_box a:hover{
	color:#ecac28;
  	opacity:0.2;
 

}

#info_box a:visited{
	color:#ecac28;
}
	
	

.line{
	width:50%;
	height:1px;
	background:#000;
	margin-left:auto;
	margin-right:auto;
	max-width:300px;
}


#section_4{
	height:100%;
	width:100%;
	min-height:350px;
	padding-bottom:120px;
	padding-top:80px;
	background:#FFE5AD;

		
}

.trainer_photo img{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;	
}

.trainer{
	float:left;	
	width:170px;
	text-align:center;
	border:solid 5px #FFE5AD;/*FFEECC*/
	background:#FFD37B;
	padding:15px;
	margin:10px;
	font-family:'Roboto', sans-serif;
	color:#000;
	font-size:14px;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
}

.trainer:hover{
  -webkit-transform:translate(0px,-10px);
  -moz-transform:translate(0px,-10px);
  -ms-transform:translate(0px,-10px);
  -o-transform:translate(0px,-10px);
  transform:translate(0px,-10px);
  }
  
#container{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:690px;
	height:100%;
	max-height:900px;
	background:#FFF;	
}

.end_section_container{
	width:100%;
	background:#FFE5AD;	
}

.end_section{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 40px solid #fff;
  content: "";
  top: 30px;
  left: -50px;
  margin-left:auto;
  margin-right:auto;
}	

.end_section_container_2{
	width:100%;
	background:#FFF;	
}

.end_section_2{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 40px solid #FFE5AD;
  content: "";
  top: 30px;
  left: -50px;
  margin-left:auto;
  margin-right:auto;
}

.end_section_container_3{
	width:100%;
	background:#FFF;	
}

.end_section_3{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 40px solid #FFD378;
  content: "";
  top: 30px;
  left: -50px;
  margin-left:auto;
  margin-right:auto;
}		

.end_section_container_4{
	width:100%;
	background:#e0e0e0;	
}

.end_section_4{
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 40px solid #64000F;
  content: "";
  top: 30px;
  left: -50px;
  margin-left:auto;
  margin-right:auto;
}		
	


.seperate{
	width:170px;
	background:#000;/*FFEECC*/
	height:1px;
	margin-top:20px;
	margin-bottom:20px;	
}

.trainer_info{
	text_align:left;	
}

#address{
	text-align:center;

	height:auto;
	width:40%;
	max-width:800px;
	margin-top:5%;
	margin-bottom:5%;
	margin-left:auto;
	margin-right:auto;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
}

#section_5{
	width:100%;
	height:auto;	
}

#anfahrtsplan{
	text-align:center;
	padding-top:2%;
	padding-bottom:2%;
	padding-left:2%;
	padding-right:2%;
	height:auto;
	width:40%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
}

#section_6{
	width:100%;
	height:auto;	
	background:#FFD378;
	padding-top:5%;
	padding-bottom:5%;
	
}


	
#kontaktbutton p{
	padding:5px;

}

#map iframe{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:90%;
	max-width:640px;

}

#map{
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
	margin-left:auto;
	margin-right:auto;
	background:#888888;
	height:auto;
	-webkit-box-shadow: inset 0px 0px 32px 0px rgba(0,0,0,0.53);
	-moz-box-shadow: inset 0px 0px 32px 0px rgba(0,0,0,0.53);
	box-shadow: inset 0px 0px 32px 0px rgba(0,0,0,0.53);
	}
	
/*Anfahrtsplan*/
/*
#anfahrtsplan{
	width:100%;
	height:auto;
	background-color:#FFD378;
	text-align:center;
	padding-bottom:5%;
	padding-top:5%;

}

#anfahrtsplan p{
	width:40%;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
	padding:2%;
	background:rgba(255,255,255,0.30);
	border-radius:20px;

	
}

/*Anfahrt*/

#anfahrt{
	width:100%;
	height:auto;
	background:#FFF;
	text-align:center;
	padding-top:5%;
	padding-bottom:5%;
	
}

#anfahrt p{
	width:40%;
	margin-left:auto;
	margin-right:auto;
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
}

/*
#endline{
	width:90%;
	height:1px;
	background:#000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
*/


.end{
	/*padding:5%;*/
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:300;
	float:left;
	padding-top:4%;
	padding-bottom:4%;

	}
.col-4{
	width: 33.3%;
}

.text-container{
	padding: 5%;
	position: relative;
	margin-top:5%;
}


#KONTAKT .text-container:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 10px;
    height: 120px;
    border-left: 1px solid black;
}
#KONTAKT .text-container:after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 10px;
    height: 120px;
    border-left: 1px solid black;
}


.end:after{
	clear:both;
}


#footer{
	margin:0 auto;
	width:70% !important;
	text-align:center;
	position:relative;

}

#footerbg{
	background:#F3F3F3;
	width:100%;
overflow: hidden;
	
}

.end a{
	text-decoration:none;
	color:#000;
  	-webkit-transition:opacity .5s ease-out;
  	-moz-transition:opacity .5s ease-out;
  	-ms-transition:opacity .5s ease-out;
  	-o-transition:opacity .5s ease-out;
  	transition:opacity .5s ease-out;
}

.end a:hover{
	color:#000;
  	opacity:0.2;

}

.end a:visited{
	color:#ecac28;
}

#kontaktbutton{
	border:#000 solid 1px;
	border-radius:2px;
	background:#FFF;
	width:80px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:auto;
  	-webkit-transition:all .3s ease-out;
  	-moz-transition:all .3s ease-out;
  	-ms-transition:all .3s ease-out;
  	-o-transition:all .3s ease-out;
  	transition:all .3s ease-out;

}

#kontaktbutton:hover{
	-webkit-transform:translate(0px,-10px);
  	-moz-transform:translate(0px,-10px);
  	-ms-transform:translate(0px,-10px);
  	-o-transform:translate(0px,-10px);
  	transform:translate(0px,-10px);
	border: #ecac28 solid 1px;
	opacity:1;
	
}

#kontaktbutton a:hover{
	opacity:1;
		
}

.lines{
	height:100px;
	width:1px;
	background:#000;
	margin:5%;
	float:left;
	display:none;
}

.clear {
	clear:left;
}

footer{
	width:auto;
	height:auto;
	padding:1%;
	background:#ecac28;
}

footer p{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	margin-left:5%

}

footer a{
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-weight:300;
	text-decoration:none;
	float:right;
	margin-right:5%;
}

#atk{
	height:100vh;
	overflow:hidden;
	min-height:800px;
	max-height:;
	background-size:cover;
}





.home{
	background-image: url(../img/Titelbild.jpg);
}

.atk{
	background-image: url(../img/ATK2.jpg);
	
}

.closecombat{
	background-image: url(../img/closecombat2.jpg);
	overflow:hidden;

}






@media only screen and (max-device-width : 640px){
	/*Make dropdown links appear inline*/
ul {
	position: absolute;
	display: none;
	
}
	/*Create vertical spacing*/

	/*Make all menu links full width*/
ul li, li a {
	width: 100%;
}
	/*Display 'show menu' link*/
.show-menu {
	display:block;
	position:relative;

}

li a{
	height:50px;
	line-height:50px;
	padding-right:0px;
}

#text_2{
	width:80%;
	margin-left:5%;
}

#text_4{
	width:80%;
	margin-left:5%;
}

#warning p{
	margin-left:5%;	
}

#anfahrt p{
	width:90%;
	text-align:left;
}

.lines{
	display:blocK;
	height:1px;
	width:90%;
	background:#000;
	margin:3%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	top:5%;
	bottom:5%;
}

.line{
	width:90%;
	max-width:auto;	
}



#KONTAKT .text-container:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 10px;
    height: 100px;
    border-left: 0px solid black;

}
#KONTAKT .text-container:after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 10px;
    height: 100px;
    border-left: 0px solid black;
}

.end{
	float:none;
}

#kontaktbutton{
	margin-left:auto;
	margin-right:auto;
	max-width:80px;
	width:auto;
}

#interaktiv{
	margin-bottom:0px;
}

#weblinks{
	margin-top:0px;
}

.end{
	margin-left:auto;
	margin-right:auto;	
}

.col-4{
	text-align:center;	
}

.text-container{
	margin:0;
	padding:0;	
}
.col-4{
	width:auto;
	
}

}

@media only screen and (max-width : 770px){
	/*Make dropdown links appear inline*/
ul {
	position:fixed;
	display: none;
	margin-top:56px;
	opacity:0.9;
	
}
	/*Create vertical spacing*/

	/*Make all menu links full width*/
ul li, li a {
	width: 100%;
}
	/*Display 'show menu' link*/
.show-menu {
	display:block;
	position:fixed;
	line-height:20px;
	width:100%;
	z-index:9999;
	

}

li a{
	height:50px;
	line-height:50px;
	padding-right:0px;
}


#footerbg{
	height:100%;	
}

#text_2{
	width:80%;
	margin-left:5%;
}

#text_4{
	width:80%;
	margin-left:5%;
}

#text_warn{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#anfahrt p{
	width:90%;
	text-align:left;
}

#anfahrtsplan{
	width:90%;
	text-align:left;
}

#anfahrtsplan p{
	padding:5%;	
}



#text_3{
	width:90%;
}



.lines{
	display:block;
	height:1px;
	width:90%;
	background:#000;
	margin:3%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	top:5%;
	bottom:5%;
}


.line{
	width:80%;
	max-width:80%;	
}



#KONTAKT .text-container:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 10px;
    height: 100px;
    border-left: 0px solid black;

}
#KONTAKT .text-container:after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 10px;
    height: 100px;
    border-left: 0px solid black;
}

.end{
	float:none;
}

#kontaktbutton{
	margin-left:auto;
	margin-right:auto;
	max-width:80px;
	width:auto;
}

#interaktiv{
	padding-bottom:6%;
	margin-bottom:0px;
}

#weblinks{
	padding-top:6%;
	margin-bottom:0px;

}

.end{
	margin-left:auto;
	margin-right:auto;	

}

.col-4{
	text-align:center;	
}

.text-container{
	margin:0;
	padding:0;	
}
.col-4{
	width:auto;
}

#info_box{
	width:90%;
	text-align:left;
	padding-left:5%;
	margin:0px;
	padding-top:70px;
	padding-bottom:5%;

}

#address{
	text-align:left;
	padding-top:5%;
	padding-bottom:5%;	
	padding-left:5%;
	width:90%;
}



#container{
	width:100%;	
	max-width:100%;
}

#section_4{
	height:1087px;	
	padding-bottom:20px;
	padding-top:0px;
	width:100%;
	max-width:100%;
}

.trainer{
	border:none;
	padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
	font-size:18px;
	font-weight:300;
	background:#FFE5AD;
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  -ms-transition:all .3s ease-out;
  -o-transition:all .3s ease-out;
  transition:all .3s ease-out;
  	padding-top:40px;
	padding-bottom:20px;

}

#bernhard_wambacher{
	background:#FFD37B
}

.trainer:hover{
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  -o-transform:none;
  transform:none;
  }


.trainer_photo {
	padding:0;
	width:150px;
	margin:0;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.seperate{
	width:60%;
	max-width:400px;
	background:#000;
	margin-left:auto;
	margin-right:auto;
}


}