html, body {
		margin: 0 auto;
		/*width:1250px;*/
		/*height: 100%;*/
		font: 100% Arial, Helvetica, sans-serif;
	}
		
	body {
		background: rgba(230,230,230,1);
		/*background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);*/
	}
	
	h2  {
		text-align: center;
		margin: 0 0 20px 0;
		font-size: 18pt;
		font-weight: normal;
	}
	
	p {
		margin: 0.8em 0 0.75em 0;; 
	}
	
	table {
		border-spacing: 0px;
	}
	
	#wrap {
		width: 60%;
		/*height: 99%;*/
		margin: auto;
		box-shadow: 0 0 12px rgba(75,75,75,.5);
		background: white;
	}
	
	#kopfbereich {
		height: auto;
		background: #FFF;
		color: black;
		text-align: Left;
		vertical-align: middle;
		margin-bottom: 0;
	}
	
	#kopf-grid {
		display: grid; 
		grid-template-columns: 20% 60% 20%; 
		position: relative;
		
	}
	
	#kopf-grid div:first-of-type {
		padding: 5px 10px;
	}
	
	#kopf-grid div:nth-of-type(2) {
		
	}
	
	#title {
		font-size: 24pt;
		text-align: center;
		margin: 0.4em 0 0.4em 0;
		padding-top: 0.2em;
		text-indent:-0.25em;
		vertical-align:middle;
	}
	
	h2 {
	margin:0 0 1rem 0;
	font-size:20pt;
	}
	
	#kopf-grid div:nth-of-type(3) {
		text-align: right;
	}
	
	div#logo a {
		margin: 0;
		padding: 0;
		color:white;
	}
	
	div#logo a:hover,
	div#logo a:active,
	div#logo a:focus	{
		text-decoration: none;
		background: white;
	
	}
	
	#header {
		background-color: white;
		background:url(../bilder/head_fr_startseite.jpg) no-repeat center top;
		background-size: 100% auto;
		height:205px;
		padding: 5px 20px 5px 20px;
		background-color: white;
	}
	
	#navibereich {
		background-color: #fff;
		padding: 0px 10px 0px 20px;
		margin-bottom: 0;
		border-top: 3px solid #b3b3b3;
		border-bottom: 3px solid #b3b3b3;		
	}
	
	#navibereich ul {
		margin: 5px 0 10px 0;
		width: 100%;
		text-align: center;
	}
	
	#navibereich li {
		display: inline; /* li nebeneinander anzeigen */
		list-style-type: none; /* ohne Aufzählungspunkte */
		margin: 0 20px 0 0;
	}
	
	#navibereich a { 
		font-weight: bold;
		display: inline-block;
		/*width: 30%;*/
	}
	
	.sticky {
		position: fixed;
		top: 0;
		width: 86.7%; /* Zahl durch Trial and Error festgelegt */
	}
	
	#inhalt {
		background-color: #FFF;
		padding:1em 2em 2em 2em;
	}
	
	a {
		padding: 3px;
		color: #AC162B;
	}
	
	a:focus {
		background-color: #AC162B;
		color: #F8F8F8;
	}
	
	a:hover {
		background-color: transparent;
		color: #710f1c;
		text-decoration: none
	}
	
	a:active {
		background-color: #AC162B;
		color: #F8F8F8;
	}
	
	.content {
		min-height:58%;
	}
	
	
	#buttons_container { 
		display: grid; 
		/*grid-template-columns: 50% 50%; /* Grid Layout 2-spaltig */
		/*grid-template-columns: 33.33% 33.33% 33.33%; /* Grid Layout 3-spaltig */
		/*grid-template-columns: 25% 25% 25% 25%; /* Grid Layout 4-spaltig */
		grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%; /* Grid Layout 6-spaltig */
		min-height: 250px;
		position: relative;
	}
	
	#buttons_container div { 
		margin: auto;
		min-width: 350px;
	}

	#buttons_container div:nth-of-type(1),								/* Grid Layout 6-spaltig; Erste Spalte bliebt frei */						
	#buttons_container div:nth-of-type(3)	{
		grid-column-start:2; 
		grid-column-end:3;
	}
	
	#buttons_container div:nth-of-type(2),								/* Grid Layout 6-spaltig; Letzte Spalte bliebt frei */
	#buttons_container div:nth-of-type(4)	{
		grid-column-start:4; 
		grid-column-end:5;
	}
	
	ul.button-list  {
		padding-left: 0.5em;
		list-style: none
	}
		
	a.button{
		display:block;
		min-height: 2.5em;
		width: 500px;
		padding:0.7em 1.4em;
		margin:0 0.3em 0.3em 0;
		border-radius:0.5em;
		box-sizing: border-box;
		text-decoration:none;
		font-family:'Roboto',sans-serif;
		/*text-transform:uppercase;*/
		font-weight:700;
		color:#FFFFFF;
		background-color:#AC162B;
		/*text-shadow: -1px -1px 0 #444, 1px -1px 0 #444, -1px 1px 0 #444, 1px 1px 0 #444;*/
		box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
		text-align:center;
		position:relative;
		border:5px solid #8C0B1D;
	}
	
	a.button:hover {
		background-color:#9e1527;
	}
	
	/*a.button:active{
		top:0.1em;
	}*/
	
	@media all and (max-width:30em){
		a.button{
			display:block;
			margin:0.4em auto;
		}
	}
	
	a.button-inactive:hover {
		background-color:#b3b3b3;
	}
	 
	#footer {
		/*background-color: #b3b3b3;
		padding: 1px 20px 1px 0px;
		margin-bottom: 0;*/
		font-size: 10pt;
		padding:0 2em 1.2em 2em;
	}
	#footer li {
		display: inline; /* li nebeneinander anzeigen */
		list-style-type: none; /* ohne Aufzählungspunkte */
		margin: 0 20px 0 0; /* Abstand zwischen den Listenpunkten*/
	}
	#footer a { 
		font-weight: bold;
	}
	
	#impressum {
		float:right;
	}
	
	#impressum a {
		text-decoration: none;
		font-weight: bold;
		color: black;
	}
	
	#impressum a:hover {
		color: grey;
	}

	@media (max-width: 1600px) {
		#wrap {
			width: 70%;
			margin: auto;
		}
		
		#buttons_container div { 
			min-width: 250px;
		}
		
		#kopfbereich table tr td:nth-of-type(2) {
			width:80%; !important
		}
		
		#kopfbereich table tr td:nth-of-type(3) {
			display: none;
		}
		
		#steuerung {
			height:153px;
		}
	}
	
	@media (max-width: 1150px) {
		#buttons_container div { 
			min-width: 200px;
		}
	}
	
	@media (max-width: 900px) {
		#wrap {
			width: 80%;
			margin: auto;
		}
		
		#buttons_container { 
			grid-template-columns: 100%; 
		}
		
		#buttons_container div { 
			min-width: 250px;
		}
		
		#kopfbereich img {
			height: 35px; !important
		}
		
		#kopfbereich table tr td:nth-of-type(2) {
			width:80%; !important
		}
		
		#kopfbereich table tr td:nth-of-type(3) {
			display: none;
		}
		
		#title {
			font-size: 15pt;
		}
		#steuerung {
			height:84px;
		}
	}
	
	@media (max-width: 700px) {
		#wrap {
			width: 100%;
			margin: auto;
		}
	}