*{margin:0px;padding:0px;}

*, *::before, *::after {
    box-sizing:border-box;
}

* {
    cursor: url(../../data/bilder/navigation/andreasW.gif) 25 25, 
    url(../../data/bilder/navigation/andreasW.png) 25 25, 
    url(../../data/bilder/navigation/andreasW.cur) 25 25, auto 
}

body { 
	background-color: white;
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
}

main {
	margin-left: 40px;	
	margin-bottom: 60px;
}

h1 {
	font-family: Arial, Helvetica;
	letter-spacing: 0.01em;
	font-style: normal;
	font-size: 70pt;
	line-height: 55pt;
	color: black;
	margin-top: 60px;
	margin-left: 50px;
	margin-bottom: 60px;
}

h2 {
	font-family: Arial, Helvetica;
	letter-spacing: 0.01em;
	font-style: normal;
	font-size: 16pt;
	line-height: 14pt;
	color: black;
	margin-left: 50px;
	margin-bottom: 40px;
	margin-top: 20px;
}

h3 {
	font-family: Courier, Arial;
	font-style: normal;
	font-size: 12pt;
	line-height: 16pt;
	color: black;
	margin-left: 50px;
	margin-bottom: 40px;	
}

h5 {
	position: fixed;
    top: -120px;
    left:-30px;
    z-index:-1;
	font-size: 700pt;
	line-height: 500pt;
    color:#0ff;
}

p {
	font-family: Courier, Arial;
	font-style: normal;
	font-size: 12pt;
	line-height: 16pt;
	color: black;
	margin-left: 50px;
	margin-bottom: 40px;
	margin-right: 30px;
}

nav {
	margin-top: 0px;
}

article a, .scroll {
	font-family: Courier, Arial;
	letter-spacing: 0.01em;
	font-style: normal;
	font-size: 12pt;
	line-height: 20pt;
	color: white;
	background: black;
	text-decoration: none;
	padding: 2px 7px 2px 7px;
}

article a:hover, .scroll:hover {
	background: #f0f;
	color: white;
}

article {
   	display: block;
  	width: 49%;
   	float: left;
	font-family: Courier, Arial;
	font-style: normal;
	font-size: 12pt;
	line-height: 16pt;
	color: black;
	border-right: 3px dashed black;
	border-top: 3px dashed black;
}

img {
	margin-bottom: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

span {
	font-family: Arial, Helvetica;
	letter-spacing: 0.05em;
	font-style: 600;
	font-size: 10pt;
	line-height: 16pt;
}
/*
div {
	position: relative;
}
*/
.weiteres {
	background: #f0f;
	border: 3px dotted white;
	width: 100%;
	margin-bottom: 40px;
	margin-top: 40px;
	padding-top: 20px;
}

.aufgaben {
	background: #0ff;
	width: 100%;
	margin-bottom: 40px;
	margin-top: 40px;
	padding-top: 20px;
}

.blau {
	color: black;
	font-family: Arial, Helvetica;
	letter-spacing: 0.05em;
	font-style: 600;
	font-size: 10pt;
	line-height: 16pt;
	padding-right: 40px;
	clear: left;
}

.white {
	color: black;
	letter-spacing: 0.06em;
	line-height: 17pt;
}

.headline {
	margin-bottom: -10px;
}

.headlinebild {
	margin-bottom: 15px;
}

.bild {
	margin-bottom: 20px;
}

.langtext, .weniger {
	display: none;
}

.mehr, .weniger {
	position: absolute;
	color: black;
	font-size: 15pt;
	left: -35px;
	top: -21px;
}

.mehr:hover, .weniger:hover { color: red; }
/*
@media screen and (max-width:900px){
	article {
   		display: block;
  		width: 100%;
   		float: left;
   		margin-bottom: 0px;
	}
	h2 {
		display: block;
  		width: 100%;
   		float: left;
		margin-top: 50px;
		margin-bottom: 30px;
	}
	p {
		margin-left: 0px;
		margin-bottom: 10px;
	}
	h2 { margin-left: 0px; }
	h1 {
		margin-top: 0px;
		margin-left: 0px;
		font-size: 24pt;
	}
	article a, .scroll { margin-left: 50px; }
	h3 { margin-bottom: 0px; }
	.weiteres { margin-bottom: 40px; }
	#home { margin-top: 10px; margin-bottom: 40px; }
}
*/

@media screen and (max-width:900px){
	img {
		width: 100%;
		margin-left: -25px;
	}
	#back { display: none; }
	main {
		margin-left: 25px;	
		margin-bottom: 30px; 
	}
	article {
  		width: 100%;
		float: left;
		padding-top: 10px;
	}
	p {
		margin-left: 0px;
		margin-bottom: 40px;
		margin-right: 0px;
	}
	h2 { 
		margin-left: 0px;
		margin-bottom: 25px;
		margin-top: 5px;
	}
	h1 {
		margin-top: 40px; 
		margin-left: 0px;
		margin-bottom: 20px;
		font-size: 24pt;
		line-height: 28pt;
	}
	article a, .scroll { margin-left: -25px; }
	h3 { margin-bottom: 0px; }

	.weiteres { 
		padding-left: 20px;
	}

	#home { margin-top: 10px; margin-bottom: 40px; }

	.aufgaben {
		background: #0ff;
		width: 99.99%;
		margin-bottom: 40px;
		margin-top: 40px;
		margin-left: -25px;
		padding-left: 25px;
		border-right: none;
	}

	iframe { margin-bottom: 40px;}

	.weiss {
		margin-left: 0px;
		font-size: 11pt;
		line-height: 20pt;
	}

	.mehr, .weniger {
		font-size: 15pt;
		left: -15px;
		top: -15px;
	}
}