html,body{
margin:0;
padding:0;
height:100%;
font-family: 'Source Sans Pro', sans-serif;
font-weight:200;
letter-spacing:1px;
}

a{
	text-decoration:none;
	color:#000000;
}

/*------------WRAPPER-------------*/

#top{
width:100%;
min-height:50%;
top:0;
background-image:url(../images/multikausal3.png);
background-size:15%;
background-position:center;
background-repeat:no-repeat;
}

#bottom{
width:100%;
height:50%;
min-height:400px;
position:absolute;
bottom:0;
background-color:#242424;
}

/*------------SPRACHE UND IMPRESSUM-------------*/

#language{
	position:absolute;
font-size:13px;
font-weight:300;
	width:120px;
	height:40px;
	margin:20px 0 0 20px;
	border:2px solid #242424;
	text-align:center;
	line-height:40px;
	background-color:transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#language:hover{
	background-color:#242424;
	color:#FFF;
}

#imprint{
	cursor:pointer;
	position:absolute;
font-size:13px;
font-weight:300;
	margin-top:20px;
	width:120px;
	height:40px;
	right:20px;
	border:2px solid #242424;
	text-align:center;
	line-height:40px;
	background-color:transparent;
	background-color:transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#imprint:hover{
	background-color:#242424;
	color:#FFF;
}

/*------------INHALT-------------*/

#question{
	cursor:pointer;
	position:absolute;
	width:30%;
	height:30%;
	min-height:280px;
	margin:5% 0 0 15%;
	border:2px solid #FFFFFF;
	border-radius:30px;
	text-align:center;
	color:#5d584e;
	font-size:60px;
}

#question2{
	display:none;
	width:100%;
	height:100%;
	background-color:#BA9C71;
	border-radius:30px;
	position:absolute;
	top:0;
}

#answer{
	cursor:pointer;
	position:absolute;
	margin-top:5%;
	width:30%;
	height:30%;
	min-height:280px;
	right:15%;
	border:2px solid #FFFFFF;
	border-radius:30px;
	text-align:center;
	color:#5d584e;
	font-size:60px;
}

#answer2{
	display:none;
	width:100%;
	height:100%;
	background-color:#BA9C71; /*#6e695c*/
	border-radius:30px;
	position:absolute;
	top:0;
}

.mark{
	width:100%;
	height:100%;
	background-image:url(../images/mark4.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:40%;
}

.mark2{
	width:100%;
	height:100%;
	background-image:url(../images/mark3.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:40%;
}

.headline{
	padding-top:5%;
	color:#FFF;
	font-size:30px;
	height:20%;
	margin-top:0;
	width:100%;
	text-align:center;
	position:absolute;
	right:0;
	font-family: 'Source Sans Pro', sans-serif;
}

/*.headline{
	color:#FFF;
	font-size:26px;
	height:16%;
	margin-top:0;
	width:100%;
	text-align:right;
	padding-top:4%;
	right:8%;
	position:relative;
	font-family: 'Open Sans', sans-serif;
}*/

.headline2{
	padding-top:5%;
	color:#FFF;
	font-size:30px;
	height:20%;
	margin-top:0;
	width:100%;
	text-align:center;
	left:0;
	position:absolute;
	font-family: 'Source Sans Pro', sans-serif;
}

/*.headline2{
	color:#FFF;
	font-size:26px;
	height:16%;
	margin-top:0;
	width:100%;
	text-align:right;
	padding-top:4%;
	right:8%;
	position:relative;
	font-family: 'Open Sans', sans-serif;
}*/

.content{
	padding-top:20%;
	padding-left:5%;
	padding-right:5%;
	text-align:left;
	color:#FFF;
	font-size:21px;
	height:55%;
	width:90%;
	bottom:0;
	position:relative;
	/*font-family: "prestige-elite-std";*/
}

/*.content{
	padding:0 15% 0 15%;
	text-align:right;
	color:#FFF;
	font-size:18px;
	height:80%;
	width:50%;
	bottom:0;
	position:relative;
}*/

.content2{
	padding-top:20%;
	padding-right:5%;
	padding-left:25%;
	text-align:left;
	color:#FFF;
	font-size:21px;
	height:55%;
	width:70%;
	bottom:0;
	position:relative;
	right:0;
	/*font-family: "prestige-elite-std";*/
}

/*.content2{
	padding:0 15% 0 15%;
	text-align:left;
	color:#FFF;
	font-size:18px;
	height:80%;
	width:50%;
	bottom:0;
	position:relative;
}*/

.content2 a{
		color:#FFF!important;
		text-decoration:none;
}

/*------------IMPRESSUM-------------*/

#imprintcontent{
	position:fixed;
	padding:20px;
	top:10%;
	left:25%;
	width:50%;
	height:80%;
	overflow:scroll;
	background-color:#FFF;
	border:3px solid #BA9C71;
	border-radius:30px;
	z-index:999999999999999;
	display:none;
}

#imprintcontent h1{
	font-size:24px;
	letter-spacing:0;
}

#imprintcontent h2{
	font-size:18px;
	letter-spacing:0;
}

#imprintcontent p{
	font-size:14px;
	letter-spacing:0;
	line-height:16px;
}

#imprintcontent table tr td{
	font-size:14px;
	letter-spacing:0;
	line-height:16px;
}

#imprintcontent span{
	font-size:14px;
	letter-spacing:0;
	line-height:16px;
}

#imprintcontent strong{
	font-size:16px;
	font-weight:900;
	letter-spacing:0;
	line-height:16px;
}

#imprintbg{
	position:fixed;
	top:0;
	left:0;
	z-index:999999999999;
	background-color:rgba(0,0,0,0.9);
	width:100%;
	height:100%;
	cursor:polygon;
	display:none;
}

#closed{
	position:fixed;
	cursor:pointer;
	top:15%;
	right:28%;
	font-size:20px;
width:30px;
height:30px;
background-image:url("../images/close.png");
}

/*------------MEDIA QUERIES-------------*/

@media screen and (min-height:631px) and (max-height:750px){
	#top{
		background-size:10%;
	}
}

@media screen and (max-height:725px){
	#top{
		background-size:10%;
		/*min-height:30%;*/
		height:350px;
	}
	#bottom{
		height:400px;
		bottom:auto;
	}
	html,body{
		height:auto;
	}
}

@media (min-width:801px) and (max-width:1280px){
	#top{
		background-size:20%;
	}
	
	#question{
		width:40%;
		margin-left:7%;
		margin-right:3%;
	}
	
	#answer{
		width:40%;
		right:0;
		margin-left:3%;
		margin-right:7%;
	}
}

@media (max-width:800px){
	#top{
		background-size:30%;
	}
	
	#bottom{
		min-height:100%;
		top:430px;
	}
	
	#question{
		position:relative;
		top:50px;
		margin-top:40px!important;
		margin-bottom:20px!important;
		width:80%;
		height:350px;
		margin:0 auto;
	}
	
	#answer{
		position:relative;
		margin-top:100px!important;
		width:80%;
		height:350px;
		right:0;
		margin:0 auto;
}
}
/*
@media only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi), only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi), only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi), only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi), only screen and (min-resolution: 169dpi) {
	#question{
		float:left;
		width:80%;
		margin:10%;
	}
	#answer{
		width:80%;
		margin:10%;
	}
}
@media only screen and (min-resolution: 165dpi) and (max-resolution: 168dpi), only screen and (min-resolution: 155dpi) and (max-resolution: 160dpi), only screen and (min-resolution: 134dpi) and (max-resolution: 144dpi), only screen and (min-resolution: 120dpi) and (max-resolution: 130dpi), only screen and (max-resolution: 116dpi) {
   #question{
		float:left;
		width:80%;
		margin:10%;
	}
	#answer{
		width:80%;
		margin:10%;
	}
}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : landscape) 
    and (-webkit-min-device-pixel-ratio : 3) {
		#question{
		position:absolute;
		float:left;
		width:80%;
		margin:10%;
	}
	#answer{
		position:absolute;
		float:left;
		width:80%;
		margin-left:10%;
		margin-top:100%;
	}
	#bottom{
		height:1900px;
	}
	}

@media only screen 
    and (min-device-width : 414px) 
    and (max-device-width : 736px) 
    and (orientation : portrait) 
    and (-webkit-min-device-pixel-ratio : 3){
		#question{
		position:absolute;
		float:left;
		width:80%;
		margin:10%;
	}
	#answer{
		position:absolute;
		width:80%;
		margin-left:10%;
		margin-top:100%;
		float:left;
	}
	}

@media (min-width: 541px){
}
@media (max-width: 540px) and (min-width: 400px){
}
@media (max-width: 399px){
}
*/