/* @override 
	https://andrepartner.sprunkel.net/layout.css */

body{
	margin: 0;
	background: url(ap-hg4.webp) center top repeat;
}


html{
	height: 100%;

}

div#page{
	height: 100%;
	margin-bottom: 120px;
	padding-bottom: 120px;
}

div#logo{
	background: url(logo2.webp) no-repeat;
	margin: 60px auto auto;
	width: 640px;
	height: 116px;
}

div#claim{
font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
color: rgba(255, 255, 255, 0.62);
padding-top: 148px;
opacity: 1;
}


div#eins{
font: 17px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 20px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#eins a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#zwei{
font: 17px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 20px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#zwei a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#drei{
font: 17px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 20px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#drei a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#zwei a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#vier{
font: 17px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 20px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#vier a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#zwei a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#fuenf{
font: 17px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 20px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#fuenf a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#zwei a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

div#sechs{
font: 17px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 20px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#sechs a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}


div#sieben{
font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
color: black;
background-color: rgba(255, 255, 255, 0.55);
	width: 640px;
height: auto;
margin: auto auto 120px;
float: none;
position: relative;
top: 111px;
padding: 20px;
}


div#sieben a{
	color: black;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

@media only screen and (max-width: 600px) {
div#logo{
	background: url(logo2.webp) no-repeat;
	margin: 60px auto auto;
	width: 310px;
	height: 116px;
}
  	div#claim{
font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
color: rgba(255, 255, 255, 0.62);
padding-top: 140px;
opacity: 1;
  	}
  div#eins{
  	width: 320px;
  	margin-top: 6px;
  }	
  	

  div#zwei{
  	width: 320px;
  }	
  
    div#drei{
  	width: 320px;
  }	
  
    div#vier{
  	width: 320px;
  }	
  
    div#fuenf{
  	width: 320px;
  }	
  
    div#sechs{
  	width: 320px;
  }	
  
    div#sieben{
  	width: 320px;
  }	
}