/*Kopfteil*/
.kopf {
	vertical-align: middle;
	grid-column: 1 / 11;
	grid-row: 1 / span 1;
	color:#A02000;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.kopf p {
	text-decoration: none;
	text-align: center;
	padding: 0em 0.5em;
	font-size: 0.8em;
}

.kopf h1 {
	text-align: center;
	font-size: 1.5em;
}

.kopf h2 {
	text-align: center;
	font-size: 1.2em;
	color: #F9FAF3;
	background-color: #CC2800;
	max-width: 7.5em;
	border: 0.2em #CE2900 outset ;
	border-radius: 0em 1em 0em 1em ;
	margin: 0.6em auto;
	padding: 0.1em 0.25em;
}

.kopf h3 {
	text-align: center;
	font-size: 1em;
	padding: 0em 0.5em;
}

.kopf h5 {
	text-decoration: none;
	padding: 0em;
	font-size: 0.7em;
	text-align: left;
}

.kopf a {
	color: #A02000;
	text-decoration: none;
	text-align: center;
	font-size: 1em;
	padding: 0em 0.2em;
}

/* Wechselt die Farbe eines links beim Schweben über den Bereich*/
.kopf a:hover {
	color: #F9FAF3;
	background-color: #A02000;
}

.kopf a:focus {
	color: #F9FAF3;
	background-color: #A02000;
}

.kopf img{
	padding: 0em 3em;
}

hr {
	border-width: 0.1em;
	border-style: solid;
	color: #A02000;
	padding: 0em;
	font-size: 0.5em;
}

#hinweis {
	background: #A02000;
	/*opacity: 0.9;*/
	border: thin solid #CC2800;
	border-radius: 0em 6em 0em 6em;
	max-width: 35em;
	min-height: 10em;
	position: absolute;
	margin: 40em auto;
	padding: 0.5em 0em 2em 3em;
	color: #F9FAF3;
}

.hinweis h4 {
	font-size: 0.9em;
}

.hinweis a1 {
	font-size: 0.75em;
}



.close-btn {
	border: none;
	border-radius: 0em 0.5em 0em 0.5em;
	background-color: #F9FAF3;
	color: #A02000;
	cursor: pointer;
	position: absolute;
	right: 4rem;
	top: 1em;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em 0.4em;
	text-align: center;
}

.schliessen:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(80%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	background-color: #CC2800;
}

/*Unterer Bereich (Logos)*/ 
.unten {
	background-color: #F9FAF3;
	text-align: center;
	grid-column: 1 / span 11;
	grid-row: 5;
	overflow: auto;
	height: 6em;
	padding: 0em 0em 0.5em 0em;	
}

.unten img {
	height: 2.5em;
	padding: 0em 0.5em;	
}

.unten img:hover {
	height: 3em;
	color: #F9FAF3;
	background-color: #F9FAF3;
}

.unten img:focus {
	height: 3em;
	color: #F9FAF3;
	background-color: #F9FAF3;
}

.unten a {
	padding: 0em;
}

.unten h6 {
	margin: 1em;
	color: #A02000;
	text-decoration: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: italic;
	text-align: center;
}

/*Fußteil*/
.fuss {
	/*background-color:fuchsia;*/
	text-align: right;
	padding: 0em 0.5em;
 	grid-column: 1/ span 10;
	grid-row: 6 / 6;
}

/*links in footer*/
.fuss a {
	color: grey;
	text-decoration: none;
	font-size: 0.8em;
	/*font-weight: bold;*/
	font-family: Courier;
}

.fuss c {
	color: grey;
	text-decoration: none;
	font-size: 0.8em;
	/*font-weight: bold;*/
	font-family: Courier;
}


/* Change the color of links on hover */
.fuss a:hover {
 	color: #F9FAF3;
 	font-size: 1em;
 	background-color: #A02000;
}
.fuss a:focus {
 	color: #F9FAF3;
 	font-size: 1em;
 	background-color: #A02000;
}