/* ----------------FONTS Fonts Fonts---------------- */

@font-face {
    font-family: 'AlphaRegular';
    src: url('fonts/alpha-regular-webfont.eot');
    src: url('fonts/alpha-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alpha-regular-webfont.woff') format('woff'),
         url('fonts/alpha-regular-webfont.ttf') format('truetype'),
         url('fonts/alpha-regular-webfont.svg#AlphaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AlphaBold';
    src: url('fonts/alpha-bold-webfont.eot');
    src: url('fonts/alpha-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alpha-bold-webfont.woff') format('woff'),
         url('fonts/alpha-bold-webfont.ttf') format('truetype'),
         url('fonts/alpha-bold-webfont.svg#AlphaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Alphaitalic';
    src: url('fonts/alpha-italic-webfont.eot');
    src: url('fonts/alpha-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alpha-italic-webfont.woff') format('woff'),
         url('fonts/alpha-italic-webfont.ttf') format('truetype'),
         url('fonts/alpha-italic-webfont.svg#Alphaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




body {
	margin:0;
	padding:0;
}

.nyon {
	margin:.3em 0 0 0
	}

.laurenzenbutton {
	border:none;
	text-decoration:none;
	z-index:1;

}


#eins {
	margin:auto;
}

#eins .title {
	font-size:.9em;
	text-align:center;
}

#vier .title {
	text-align:center;
}

.datum {
	margin-right:.5em;
	font-family:"Bitter";
	background:#3B3B3B;
	color:#fff;
	font-size:1em;
	display:inline-block;
	line-height:1.9em;
	margin-top:-.5em;
	padding: .4em .8em;
	font-weight:bold;
	
}



#zwei {
	display: flex;
  justify-content: center;  /* horizontal zentrieren */
  align-items: center;      /* vertikal ausrichten, wenn nötig */
  gap: 2em;                 /* Abstand zwischen Videos */
  margin: 2em auto;
}


/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%9 !important;
}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}

.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;

}

.titel {
	margin:0 auto;
	position:fixed;
	width:100%;
	top:-3em;
	text-align:center;

	
}


#footer {
	position:fixed;
	height:4em;
	background:#fff;
	bottom:0;
	width:100%;
}

.funder {
	width:80px;
	margin-left:2em;
}

h1 {
	font-size:8em;
	color:#5e7793;
	opacity: 0.25;
margin-bottom:0;	
}



.text h2, .text p {
	color:#fff;
}

h1, h2 {
	font-family: "Alpha", Helvetica, Arial, sans-serif;
}

p {
	font-family: Helvetica, sans-serif;
	line-height:1.2em;
}

#menu {
	list-style-symbol:none;
	margin:0 auto;
	text-align:center;
	position:fixed;
	bottom: 6em;
	height:4em;
	width:100%;
	left:-2em;


}

#menu li {
	padding:0 3%;
	display:inline;
	width:5%;
	font-family: "AlphaRegular", Helvetica, Arial, sans-serif;
	color:#fff;
	cursor:pointer;
	font-size:1.9em;
	letter-spacing:1px;
	font-weight:400;
	/*-webkit-font-smoothing: subpixel-antialiased;*/
	}




#eins, #zwei, #drei, #vier, #fuenf, #sechs {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	margin:0 auto;
	z-index:10;
	position:relative;
}


#vier {
	width:20%;
	overflow-y:hide;
	overflow-x:hide;
	padding:2em;
	font-size:1.5em;
	margin:auto;
} 

#drei{
	width:40%;
	overflow-y:hide;
	overflow-x:hide;
	padding:2em;
	font-size:1.5em;
}


fieldset {
    border:none;    
}
 
form {
    width:930px;
    margin:20% auto;    
    padding:15px;
}
 
input {
    border:none;
    background-color:none;
    font-size:1em;
}
 
#signup-email {
    /*border:3px solid #999999;*/
    color:#9E9E9E;
    margin-left:10px;
    height:4em;
    width:30em;
    padding:5px;
       border:1px solid #595959; 
}
 
#signup-email:focus {
    border-color:#595959;
    background-color:#FBFCD9;
    background-image:none;
    color:#000;
}
 
#signup-button {
    background-color:#262626;
    color:#FFF;
    /*text-shadow: 1px 1px 1px #5FA8FF;*/
    height:4em;
    border:1px solid #262626;
    
}
 
#signup-button:hover {
    cursor:pointer;
    background-color:#000;
	border:1px solid #000;    
}
 
#signup-response {
    display:inline;
    padding:10px;
    color:#545454;
    font-size:1em;
  	background-color:rgba(255,255,255,0.7);

  	
}
 
.response-waiting {
    background:url("loading.gif") no-repeat;
}
 
.response-success {
   background:url("tick.png") no-repeat;
}
 
.response-error {
   background:url("cross.png") no-repeat;
}

.fadeinbox {
	display:none;
}

.orderlink {
	display:block;
	color:#fff;
	padding:2em;
	text-decoration:none;
	background:#262626;
	width:12em;
	margin:0 auto;
}

.orderlink:hover {
	background:#000;
	color:#fff;
}

.title {
  	text-align:left;
  	line-height:1.9em;
  	font-size:.6em;
  	/*border-left:3px solid #fff;*/
}

.title span { 
    display: inline;
    background: #fff;
    color: #000; 
    padding: 0.25rem;
  }

.opener {
	color:#fff;
	font-size:3em;
}

h3 {
	font-family: "AlphaRegular", Helvetica, Arial, sans-serif;
	color:#545454;
	margin-top:-1em;
	position:relative;
	top:-1em;
	letter-spacing:1px;
	font-weight:400;
	font-size:.8em;
	border:1px solid #707070;
	width:8em;
	display:inline;
	padding:0 1px 0 2px;
	
}

.entrybox {
}

.titellink {
	text-decoration:none;
	color:#fff;
}

select {
	display:none;
}