@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);

* {
	margin:0;
	padding:0;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	color:#333;
	background-color:#000;
}
#fullpage .section {
	overflow:hidden;
}

#fullpage .trigger_overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


/* START PAGE */
#fullpage #start .wrapper {
	position:relative;
	right:0;
	margin:0 auto;
	width:700px;
}
#fullpage #start h1 {
	text-align:center;
	color:#5f801a;
	font-weight:300;
        font-size:32px;
	line-height:1.4;
}




/* ZITAT PAGE */
#fullpage .zitat {
	color:#fff;
}
#fullpage .zitat .bg_image {
	width:100%;
	height:100%;
	background-image:url('gfx/bg_zitat.jpg');
	background-size:cover;
	background-attachment:scroll;
	background-position:center;
}
#fullpage .zitat .wrapper {
	position:absolute;
	top:20%;
	right:20%;
	width:522px;
	padding:50px;
	border:1px solid #fff;
	z-index:1;
}
#fullpage .zitat h1 {
	font-weight:700;
	font-size:22px;
        margin:0;
        line-height:1.4;
}
#fullpage .zitat p:before {
	content:"-";
}
#fullpage .zitat p {
	margin-top:10px;
	font-weight:300;
	font-size:18px;
	text-align:right;
	color:#999;
	font-style:italic;
        margin-bottom:0;
}
#fullpage .zitat .please_scroll {
	position:absolute;
	font-size:16px;
	font-weight:600;
	bottom:-35px;
	right:0;
	text-transform:uppercase;
}
#fullpage .zitat .pad_overlay {
	display:none;
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}




/* TEXT PAGE */
.text {
	color:#fff;
}
.text .bg_image {
	width:100%;
	height:100%;
	background-image:url('gfx/bg_text.jpg');
	background-size:cover;
	background-attachment:scroll;
	background-position:center;
}
.text .wrapper {
	background-color:rgba(255, 255, 255,0.9);
	position:absolute;
	right:23%;
	width:420px;
	height:100%;
	padding:50px;
        color:#777;
}
.text h1 {
	font-weight:700;
	font-size:32px;
	margin-top:20%;
        margin-bottom:0;
        line-height:125%;
        color:#658d1b;
}
.text hr {
	margin:15px 0 35px;
	background-color:#658d1b;
}
.text p {
	font-weight:300;
	font-size:18px;
	line-height:150%;
}
.text .please_scroll {
	font-size:16px;
	font-weight:600;
	margin-top:85px;
	text-transform:uppercase;
}


/* VIDEO PAGE */
#fullpage .video .video_wrapper {
	width:100%;
	height:100%;	
}
#fullpage .video video,
#fullpage .video iframe {
	width:100%; 
	height:100%; 
}




@media all and (max-width: 1280px) and (min-width: 541px) { /* TABLET */
/* ZITAT */
#fullpage .zitat .wrapper {
	position:relative;
	right:0;
	margin:0 auto;
}
#fullpage .zitat .pad_overlay {
	display:block;
}
/* TEXT */
#fullpage .text .wrapper {
	position:relative;
	right:0;
	margin:0 auto;
}
}




/* ADD MENU TEXT TO CLICK-MENU */

#click-menu:after {
    content:"MENÜ";
    font-size:13px;
    font-weight:400;
    color:#fff;
}




@keyframes jump {
    0% {bottom: -35px;}
    60% {bottom: -35px;}
    70% {bottom: -45px;}
    80% {bottom: -35px;}
    90% {bottom: -45px;}
    100% {bottom: -35px;}
}
#start .please_scroll {
    animation: jump 2s infinite;
    animation-delay:2s;
}

.end_banner {
	background-color:rgba(255, 255, 255,0.9);
	min-height:100vh;
	padding:150px 50px;
	color:#777;
	width:420px;
	position:relative;
	margin:0 auto;
	font-size:20px;
	line-height:1.4;
}

@media all and (max-device-width: 540px){ /* MOBILE */
*, *:before, *:after {
	box-sizing: content-box;
}

#fullpage .trigger_overlay {
	display:none;
}
#fullpage .please_scroll {
	display:none;	
}
#fullpage #start .wrapper {
	width:80%;
	padding:50% 10% 50% 10%;
	top:0;
	background-color:rgba(255,255,255,0.7);
}
#fullpage #start h1 {
	font-size:0.9em;
	font-weight:400;
}

/* ZITAT */
#fullpage .zitat .wrapper {
	overflow:hidden;
	width:70%;
	padding:5%;	
	position:relative;
	right:0;
	margin:0 auto;
}
#fullpage .zitat h1 {
	font-size:0.8em;
	line-height:140%;
}
#fullpage .zitat p {
	font-size:0.8em;
	}
#fullpage .zitat .pad_overlay {
	display:block;
}

/* TEXT PAGE */
#fullpage .text .bg_image {
	background-image:none;
}
#fullpage .text .wrapper {
	top:0;
	right:0;
	width:80%;
	padding:5% 10% 20% 10%;
	background-color:#fff;
}
#fullpage .text h1 {
	padding-top:5%;
	font-size:22px;
	margin:0;
	width:100%;
	line-height:1.2;
	color:#658d1b;
}
	
#fullpage .text hr {
	display:block;
	margin:3% 0;
}
#fullpage .text p {
	font-size:0.7em;
	color:#555;
	font-weight:400;
}
.end_banner {
	width:80%!important;
	padding:20% 10%!important;
}





}