@charset "UTF-8";
/* CSS Document */


body{
	background-color:#244B2A;
	background-image:url(../img/noise.png);
	font-family: "bookmania",serif;
font-style: normal;
font-weight: 400;
color:#FFFFFF;
}

h1{
color:#FF9600;
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
font-size:5rem;
font-weight: 900;
text-transform:uppercase;
line-height:5rem;
}

h2{
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
color:#FFFFFF;
font-weight: 900;
text-transform:uppercase;
line-height: 40px;
}

h3{
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
font-weight: 800;
font-size:1.8rem;
line-height:30px;
text-transform:uppercase;
}

h5{
font-family: sans-serif;
font-style: normal;
font-weight: 500;
font-size:12px;
letter-spacing: 1px;
text-transform:uppercase;
}



video{
	border-top:10px solid #FF9600;
		border-bottom:10px solid #FF9600;
		-webkit-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 33px -8px rgba(0,0,0,0.75);

}


p{
	font-family: "bookmania",serif;
font-style: normal;
font-weight: 400;
color:#FFFFFF;
font-size:1.3rem;
}

.start{
	position:fixed;
	width:100%;
	z-index:0;
	top:0;
}

.teaser{
	position:relative;
	width:100%;
	margin-top:150px;
	margin-bottom:200px;
}


.teaser h1{
color:#FF9600;
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
font-size:5rem;
font-weight: 900;
text-transform:uppercase;

}

.content{
	padding-top:50px;
	position:relative;
	z-index:2;
	background-color:#244B2A;
	background-image:url(../img/noise.png);

}

.pad{
	padding-bottom:100px;
}

.padt{
	padding-top:100px;
}

 .custom{
	width: 220px;
	height: 50px;
	color:#FFFFFF;
	background-color:#f29417;
	border-radius: 2px;
	margin: auto;
	text-align: center;
	padding:14px;
	
	
}


.button {
	background-color:#f29417;
	width: 230px;
	height: 45px;
	color:#FFFFFF;
	background-color:#f29417;
	border-radius: 2px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top:12px;
	padding-left:3px;
}
.apple{
	margin-top: -3px;	
}

.button:visited{
	background-color:#f29417;
	color:#FFFFFF;
}

.button:hover{
	background-color:#244B2A;
	color:#FFFFFF;
}



.titel{
	margin-top: 100px;

}

.dvd{
	margin-top: 0px;
	margin-left: auto;
    margin-right: auto;
	
}

  @media screen and (max-width: 40em) {
	  .pad{
	padding-bottom:40px;
}

.padt{
	padding-top:40px;
}

h1{
color:#FF9600;
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
font-size:2.5rem;
font-weight: 900;
text-transform:uppercase;
line-height:2.5rem;
}

.teaser{
	position:relative;
	width:100%;
	margin-top:300px;
		margin-bottom:100px;
		border-bottom:10px solid #FF9600;
		padding-bottom:10px;
}

.teaser h1{
color:#FF9600;
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
font-size:2.5rem;
font-weight: 900;
text-transform:uppercase;
line-height:2.5rem;

}

h2{
font-family: "acumin-pro-extra-condensed",sans-serif;
font-style: normal;
color:#FFFFFF;
font-weight: 900;
font-size:1.5rem;
text-transform:uppercase;
}
 }
  
  .imp{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:5;

}

 .imp a{
	 color:#FFFFFF;
	 text-transform:uppercase;
	 font-size:0.8rem;
	 letter-spacing:0.05rem;
 }
 
 #example-menu a:active {
 color:#FF9600;
 
 }
 
 .reveal {
    display: none;
    z-index: 10000;
    padding: 1rem;
    border: 1px solid #cacaca;
    margin: 100px auto 0 auto;
    background-color: #fefefe;
    border-radius: 0;
    position: fixed;
    overflow-y: auto;
}

.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color:rgba(12,69,23,0.85);
    overflow-y: scroll;
}
	  
.test{
	background-color:#8a898d;
	
}