@charset "utf-8";
main{
	display:block;}
}

h1{
	font-size:1.5em
}
h2{
	font-size:1.2em;
}
h3{
	font-size: 1.0em;
}
p {
	font-size:0.9em;
}
a {
	font-size:1.1em;
}



@media screen and (min-width:33.1em){

.Logobild img{
float:right;
vertical-align: center;
width:200px;
height:62px;
margin-right:40px;	
}
.Logotext {
	float:left;
	font-size: 3rem;
	text-align: center;
    margin-top:1rem;
	margin-left:40px;
	
}
.Logotext p{
	font-size:1.4rem;
}




.page-wrapper{
display: -ms-grid;
		-ms-grid-columns: 2fr 2fr 2fr;
display:grid;
grid-template-columns: 2fr 2fr 2fr;
}
.header {
-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;	
grid-area: 1 / 1 / 2 / 4;
/* grid-area: row-start / column-start / row-end / column-end; */
}
.nav a{
display:inline-block;
border-right:1px solid #333;
float:left;

}
.nav a:hover {
background:yellow;
}
.nav {
-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;	
grid-area: 2 / 1 / 3 / 4;
/* grid-area: row-start / column-start / row-end / column-end; */
}
.art1 {
-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row:3 ;
	-ms-grid-row-span: 1;		
grid-area: 3 / 1 / 4 / 4;
/* grid-area: row-start / column-start / row-end / column-end; */
}
.art3 {
-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row:4 ;
	-ms-grid-row-span: 1;		
grid-area: 4 / 1 / 5 / 4;
/* grid-area: row-start / column-start / row-end / column-end; */
}

.footer{
-ms-grid-column: 1;
	-ms-grid-column-span: 3;
	-ms-grid-row: 6;
	-ms-grid-row-span: 1;		
grid-area: 6 / 1 / 7 / 4;
/* grid-area: row-start / column-start / row-end / column-end; */
	}

.footer a:hover {
background:yellow;
}

.spalte1{
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;		
grid-area: 5 / 1 / 6 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
background-color:navy;	

}
.spalte1 a{
display:block;
/*border-bottom:1px solid #333;*/
padding-left:5%;

	
	font-size:small;
color:white;
}

.spalte1 a:hover {
background:yellow;
color:navy;
}
.spalte1 h2{
	color:white;
}
.spalte2{
-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;		
grid-area: 5 / 2 / 6 / 3;
/* grid-area: row-start / column-start / row-end / column-end; */
background-color:navy;	
}
.spalte2 a{
display:block;

padding-left:5%;

font-size:small;
color:white;
}
.spalte2 a:hover {
background:yellow;
color:navy;
}
.spalte2 h2{
	color:white;
}

.spalte3{
-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;		
grid-area: 5 / 3 / 6 / 4;
/* grid-area: row-start / column-start / row-end / column-end; */
background-color:navy;	
}
.spalte3 p{
color:white;	
	
}
.spalte3 h2{
	color:white;
}

.spalte3 a{
display:block;

padding-left:5%;
font-size:small;
color:white;
}
.spalte3 a:hover {
background:red;
}
}

@media screen and (max-width:33em){
.Logobild img{
float:right;
vertical-align: center;
width:150px;
/*height:31px;*/
margin-right:40px;	
}

.page-wrapper{
display: -ms-grid;
		-ms-grid-columns: 1fr;
display:grid;
grid-template-columns: 1fr;
}
.header {
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
grid-area: 1 / 1 / 2 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
}

.nav {
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
grid-area: 2 / 1 / 3 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
}

.nav a{
display:block;
border-bottom:1px solid #333;
/*float:left;*/
padding-left:5%;
}
.nav a:hover {
background:red;
}
.art1 {
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row:3 ;
	-ms-grid-row-span: 1;
grid-area: 3 / 1 / 4 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
	}
.art3 {
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row:4 ;
	-ms-grid-row-span: 1;
grid-area: 4 / 1 / 5 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
}
.footer{
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 8;
	-ms-grid-row-span: 1;
grid-area: 8 / 1 / 9 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
}
.spalte1{
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;		
grid-area: 5 / 1 / 6 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
background:navy;
}

.spalte1 a{
display:block;
/*border-bottom:1px solid #333;*/
padding-left:5%;

	
	font-size:small;
color:white;
}

.spalte1 a:hover {
background:yellow;
color:navy;
}
.spalte1 h2{
	color:white;
}
.spalte2{
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 5;
	-ms-grid-row-span: 1;		
grid-area: 6 / 1 / 7 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
background:navy;
}

.spalte2 a{
display:block;
/*border-bottom:1px solid #333;*/
padding-left:5%;

	
	font-size:small;
color:white;
}

.spalte2 a:hover {
background:yellow;
color:navy;
}
.spalte2 h2{
	color:white;
}




.spalte3{
-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	-ms-grid-row: 7;
	-ms-grid-row-span: 1;		
grid-area: 7 / 1 / 8 / 2;
/* grid-area: row-start / column-start / row-end / column-end; */
	background:navy;
}

.spalte3 a{
display:block;
/*border-bottom:1px solid #333;*/
padding-left:5%;

	
	font-size:small;
color:white;
}

.spalte3 p{
color:white;}
.spalte3 h2{
	color:white;
}

}