/* mobile geräte max. 79 em */

@media (max-width: 79em)
{
	body {width: 98%;
		
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : url(../grafik/background.gif);
	background-repeat:repeat;

	}
	
	main {
		display: block;

	}

	article {
	width: 100%;
	max-width:640px;
	}
	
	p {
	color: #000000;
	font-size:1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	

	.bildlegende {
	font-size : 0.8em;
	}
	
	a:link {
	color: #000000;
	}
	
	a:visited {
	color: #000000;
	}
	
	a:active {
	color: #000000;
	}
	
	a:hover {
	color: #cc0033;
	}
	
	img {
	width:100%;
	max-width:640px;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	}
	
	video {
	width:100%;
	max-width:640px;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	h1 {
	color: #000000;
	font-size:1.6em;
	margin-top: 4px;
	margin-bottom: 2px;
	}
	
	h2 {
	color: #000000;
	font-size:1.4em;
	margin-top: 0px;
	margin-bottom: 2px;
	}
	
}

/* tablets notebooks min. 79*/

@media (min-width: 79em)
{
	body {width: 98%;
		
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : url(../grafik/background.gif);
	background-repeat:repeat;

	}
	
	main {
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(auto-fill, minmax(645px, 1fr));

	}

	article {
	width: 100%;
	max-width:640px;
	}
	
	p {
	color: #000000;
	font-size:1.5em;
	}
	
	.bildlegende {
	font-size : 0.8em;
	}
	
	a:link {
	color: #000000;
	}
	
	a:visited {
	color: #000000;
	}
	
	a:active {
	color: #000000;
	}
	
	a:hover {
	color: #cc0033;
	}
	
	img {
	width:100%;
	max-width:640px;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	}
	
	video {
	width:100%;
	max-width:640px;
	border:0;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
	h1 {
	color: #000000;
	font-size:1.8em;
	}
	
	h2 {
	color: #000000;
	font-size:1.6em;
	}
}