<style type="text/css">
@charset "utf-8";

.nix
{
}

body
	{
	font-family:sans-serif;	
	display:grid;
	gap: 0em;
	max-width: 80em;
	margin: auto;

	grid-template-columns: auto 1fr auto;	
	grid-template-rows: auto auto 1fr ;
	grid-template-areas:
		"logo header menu-button"
		"navi navi ."
		"main main main";	
	}

A
	{
	transition: all 0.5s;
	}
A:link  
	{
	text-decoration: none;color:#000000;
	}
A:visited
	{
	text-decoration: none;color:#000000;
	}
A:active
	{
	text-decoration: none;color:#000000;
	}
A:hover
	{
/*	font-size: 120%;*/
	text-decoration: none;color:#ff0000;
	}
	

.logo-image
	{
	display:none;
	width:3em;
	height:auto;
	position:sticky;
	top:0;
	background-color:#ffffff;
	}
.menu-image
	{
	display:block;
	position:sticky;
	top:0;
	background-color:#ffffff;
	cursor:pointer;
	vertical-align: center;
	padding: 0.5em;
	}
.menu-img
	{
	vertical-align: middle;
	}
.menu-navi
	{
	display:none;
	position:sticky;
	top:0;
	background-color:#ffffff;
	text-align:right;
	font-size:2rem;
	
	}
.head-line
	{
	margin:0px;
	padding:0px;
	position:sticky;
	top:0;
	left:0;
	background-color:#ffffff;
	}
.menu-container
	{
	}
.menu-link
	{
	font-weight:bold;
	}
.menu-link:hover
	{
	text-decoration:none;
	color:#E30613;
	font-size: 120%;
	}
.menu-bar
	{
	height:1px;
	background-color:#524E4E;
	}
	
@media (max-width: 65em)
	{ 
	/* Breite beträgt mindestens 30em */ 
	body
		{
		max-width:60em;
		
		}
	}
	
		
@media (min-width: 55em)
	{ 
	/* Breite beträgt mindestens 30em */ 
	body
		{
		grid-template-columns: 10em 1fr;	
		grid-template-rows: auto auto 1fr ;
		grid-template-areas:
			"header header"
			"logo main"
			"navi main";	
		gap:0.5em;
		}
	.logo-image
		{
		display:block;
		width:10em;
		height:auto;
		position:static;
		}
	.menu-image
		{
		display:none;
		position:static;
		}
	.head-line
		{
		margin:0px;
		position:static;
		}
	.menu-navi
		{
		display:block;
		position:static;
		text-align:left;
		font-size:1rem;
		}
	}
.head-upper
	{
	background-color:#3B3838;
	width:100%;
	color:#ffffff;
	font-size:3em;
	text-align:left;
	font-family:sans-serif;	
	padding-left:0.5rem;
	}
.head-lower
	{
	background-color:#E30613;
	width:100%;
	color:#ffffff;
	font-size:2em;
	text-align:left;	
	font-family:sans-serif;	
	padding-left:0.5rem;
	}
</style>
