html
	{
		margin: 0;
		height: 100%;
		
		background-color: hsl(120, 0%, 0%);
		color: hsl(120, 0%, 100%);
		
		font-family: monospace;
	}

body
	{
		margin: 0;
		padding: 0;
		height: 100%;
		
		background-color: hsl(120, 0%, 6.125%);
		color: hsl(120, 0%, 93.75%);
	}

a
	{
		color: hsl(120, 50%, 50%);
		text-decoration: none;
	}

body > header
	{
		font-size: 200%;
		margin: 8px;
	}

#inhalt
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

.bereich
	{
		margin: 8px;
		padding: 8px;
		
		background-color: hsl(120, 0%, 12.5%);
		color: hsl(120, 0%, 87.5%);
	}

#bereich_links
	{
		flex-basis: 19%;
		flex-grow: 0;
		flex-shrink: 1;
	}

#bereich_mitte
	{
		flex-basis: 62%;
		flex-grow: 1;
		flex-shrink: 1;
		
		min-width: 800px;
		
		text-align: center;
	}

#bereich_rechts
	{
		flex-basis: 19%;
		flex-grow: 0;
		flex-shrink: 1;
	}

#hilfe section > header
	{
		font-size: 150%;
	}