body {
	/*background-size: 100% auto;*/
}

#general {
	max-width: 900px;
}

@media 
only screen
/*and (max-width: 2880px)*/
{
	body {
		background-image: url('/img/error/landscape/2880x1800_MacBook15_Retina.jpg');
	}
}
@media 
only screen
and (max-width: 2560px)
and (max-height: 1440px)
{
	body {
		background-image: url('/img/error/landscape/2560x1440_iMac27.jpg');
	}
}
@media 
only screen
and (max-width: 2560px)
and (max-height: 1600px)
{
	body {
		background-image: url('/img/error/landscape/2560x1600_MacBook13_Retina.jpg');
	}
}
@media 
only screen
and (max-width: 1920px)
and (max-height: 1080px)
{
	body {
		background-image: url('/img/error/landscape/1920x1080.jpg');
	}
}
@media 
only screen
and (max-width: 1920px)
and (max-height: 1200)
{
	body {
		background-image: url('/img/error/landscape/1920x1200_MacBook_17.jpg');
	}
}
@media 
only screen
and (max-width: 1680px)
and (max-height: 1050px)
{
	body {
		background-image: url('/img/error/landscape/1680x1050_MacBook_15_Hi_Res.jpg');
	}
}
@media 
only screen
and (max-width: 1600px)
and (max-height: 900px)
{
	body {
		background-image: url('/img/error/landscape/1600x900.jpg');
	}
}
@media 
only screen
and (max-width: 1440px)
and (max-height: 900px)
{
	body {
		background-image: url('/img/error/landscape/1440x900_MacBook_15.jpg');
	}
}
@media 
only screen
and (max-width: 1366px)
and (max-height: 768px)
{
	body {
		background-image: url('/img/error/landscape/1366x768.jpg');
	}
}
@media 
only screen
and (max-width: 480px)
{
	body {
		background-image: url("/img/error/portrait/480x800_Samsung_Galaxy_S2.jpg");
		background-size: 100% auto;
	}
}

/* ---- Schriften ---- */

@media 
only screen
and (min-width: 1367px)
and (max-height: 500px)
{
	h1 {
		font-size: 53pt;
		line-height: 55pt;
		margin-top: 21%;
		margin-bottom: 1%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
		margin-bottom: 2%;
	}
	#button {
		font-size: 16pt;
		line-height: 18pt;
		width: 225px;
	}
	.button_info_text {
		font-size: 6pt;
	}
}
@media 
only screen
and (min-width: 1367px)
and (min-height: 501px)
{
	h1 {
		font-size: 53pt;
		line-height: 55pt;
		margin-top: 20%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 270px;
		font-size: 20pt;
		line-height: 22pt;
	}
	.button_info_text {
		font-size: 8pt;
	}
}
@media 
only screen
and (max-height: 900px)
and (min-height: 500px)
and (min-width: 1441px)
{
	h1 {
		margin-top: 22%;
	}
}
@media 
only screen
and (min-width: 1681px)
and (min-height: 901px)
{
	h1 {
		font-size: 70pt;
		line-height: 72pt;
		margin-top: 21%;
		margin-bottom: 3%;
	}
	#content {
		font-size: 15pt;
		line-height: 17pt;
	}
	#button {
		width: 350px;
		font-size: 23pt;
		line-height: 25pt;
	}
	.button_info_text {
		font-size: 9pt;
	}
}
@media 
only screen
and (min-width: 906px)
and (max-height: 500px)
and (max-width: 1366px)
{
	h1 {
		font-size: 45pt;
		line-height: 47pt;
		margin-top: 16%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 12.5pt;
		line-height: 14.5pt;
	}
	#button {
		width: 300px;
		font-size: 16pt;
		line-height: 18pt;
	}
	.button_info_text {
		font-size: 7pt;
	}
}
@media 
only screen
and (min-width: 906px)
and (max-height: 600px)
and (max-width: 1366px)
and (min-height: 501px)
{
	h1 {
		font-size: 50pt;
		line-height: 52pt;
		margin-top: 15%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 9pt;
		line-height: 11pt;
	}
	#button {
		width: 340px;
		font-size: 20pt;
		line-height: 22pt;
	}
	.button_info_text {
		font-size: 8pt;
	}
}
@media 
only screen
and (min-width: 906px)
and (max-height: 768px)
and (max-width: 1366px)
and (min-height: 601px)
{
	h1 {
		font-size: 60pt;
		line-height: 62pt;
		margin-top: 16%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 340px;
		font-size: 20pt;
		line-height: 22pt;
	}
	.button_info_text {
		font-size: 8pt;
	}
}
@media 
only screen
and (min-width: 906px)
and (min-height: 769px)
and (max-width: 1366px)
and (max-height: 900px)
{
	h1 {
		font-size: 55pt;
		line-height: 57pt;
		margin-top: 20%;
		margin-bottom: 3%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 275px;
		font-size: 18pt;
		line-height: 20pt;
	}
	.button_info_text {
		font-size: 7pt;
	}
}
@media 
only screen
and (min-width: 906px)
and (min-height: 901px)

/*and (max-width: 1366px)*/
{
	h1 {
		font-size: 70pt;
		line-height: 72pt;
		margin-top: 20%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 17pt;
		line-height: 19pt;
	}
	#button {
		width: 350px;
		font-size: 23pt;
		line-height: 25pt;
	}
	.button_info_text {
		font-size: 9pt;
	}
}
@media 
only screen
and (max-width: 905px)
{
	h1 {
		font-size: 54pt;
		line-height: 56pt;
		margin-top: 22%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 320px;
		font-size: 20pt;
		line-height: 22pt;
	}
	.button_info_text {
		font-size: 8pt;
	}
}
@media 
only screen
and (max-width: 805px)
{
	h1 {
		font-size: 54pt;
		line-height: 56pt;
		margin-top: 18%;
		margin-bottom: 2%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 320px;
		font-size: 20pt;
		line-height: 22pt;
	}
	.button_info_text {
		font-size: 8pt;
	}
}
@media 
only screen
and (max-width: 705px)
{
	h1 {
		font-size: 50pt;
		line-height: 52pt;
		margin-top: 21%;
		margin-bottom: 3%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 300px;
		font-size: 19pt;
		line-height: 21pt;
	}
	.button_info_text {
		font-size: 8pt;
	}
}
@media 
only screen
and (max-width: 605px)
{
	h1 {
		font-size: 48pt;
		line-height: 50pt;
		margin-top: 25%;
		margin-bottom: 4%;
	}
	#content {
		font-size: 13pt;
		line-height: 15pt;
	}
	#button {
		width: 300px;
		font-size: 17pt;
		line-height: 19pt;
	}
	.button_info_text {
		font-size: 7pt;
	}
}
@media 
only screen
and (max-width: 555px)
{
	h1 {
		font-size: 36pt;
		line-height: 38pt;
		margin-top: 28%;
		margin-bottom: 4%;
	}
	#content {
		font-size: 12pt;
		line-height: 14pt;
	}
	#button {
		width: 250px;
		font-size: 15pt;
		line-height: 17pt;
	}
	.button_info_text {
		font-size: 6pt;
	}
}
@media 
only screen
and (max-width: 405px)
{
	h1 {
		font-size: 32pt;
		line-height: 34pt;
		margin-top: 28%;
		margin-bottom: 3%;
	}
	#content {
		font-size: 10.5pt;
		line-height: 12.5pt;
	}
	#button {
		width: 200px;
		font-size: 13pt;
		line-height: 15pt;
	}
	.button_info_text {
		font-size: 5pt;
	}
}
@media 
only screen
and (max-width: 305px)
{
	h1 {
		font-size: 28pt;
		line-height: 30pt;
		margin-top: 28%;
		margin-bottom: 3%;
	}
	#content {
		font-size: 10pt;
		line-height: 12pt;
	}
	#button {
		width: 200px;
		font-size: 12pt;
		line-height: 14pt;
	}
	.button_info_text {
		font-size: 5pt;
	}
}