* {
  box-sizing: border-box;
}

body {
	background-color: #ffffff;
	margin: 0px;
	

}

.grid-container {
	height: 95vh;
	width: 95vw;
	display: grid;
	grid-template-columns: minmax(0rem auto) minmax(0em 1fr) minmax(200px auto) minmax(200px 300px) minmax(100px 200px) minmax(0em 1fr) minmax(0rem auto);
/*	grid-template-rows: minmax(5em 1fr) minmax(5em 10em) minmax(5em 10em) minmax(5em 10em) minmax(100px 200px) minmax(50px 200px) 1fr minmax(5em 1fr);*/
	gap: 0.2rem;
	padding: 0.5rem;
	grid-template-areas:
		"l l o o o o r r"
		"l l a a a a r r"
		"l l s1 s1 s1 s1 r"
		"l l s2 s2 s2 s2 r"
		"l l b b b b r r"
		"l l f f f f r r";
}	


.header {
/*	background-color: #cd9b9b;*/
	/*grid-column-start: 1 / 6;
	grid-row: spam 6;*/
	grid-area: o;

    
}

.left {
/*	background-color: #cd9b9b;*/
	/*grid-column-start: 1 / 2;
	grid-row-start: 2 / 6;*/
	grid-area: l;
    
}
.right {
/*	background-color: #cd9b9b;*/
    /*grid-column-start: 5 / 6;
    grid-row-start: 2 / 6;*/
    grid-area: r;
}

.about {
/*	background-color: #e0ffff;*/
 	/*grid-column-start: 2 / 5;
    grid-row-start: 2 / 3;*/
    grid-area: a;
    padding: 0.5rem;
}


.sidebar1 {
/*	background-color: #9ac0cd;*/
	/*grid-column-start: 5 / 6;
    grid-row-start: 2 / 6;*/
    grid-area: s1;
    max-height: auto;
    padding: 0.5rem;
    
}

.sidebar2 {
/*	background-color: #9ac0cd;*/
	/*grid-column-start: 5 / 6;
    grid-row-start: 2 / 6;*/
    grid-area: s2;
    max-height: auto;
    padding: 0.5rem;
  
}

.inhalt {
/*	background-color: #9ac0cd;*/
	/*grid-column-start: 5 / 6;
    grid-row-start: 2 / 6;*/
    grid-area: i;
}


.bottom {
/*	background-color: #bfefff;*/
	grid-area: b;
	padding: 0.5rem;
}

.footer {
/*	background-color: #cd9b9b;*/
	grid-area: f;
}

.logo {
	min-width: 30%;
	max-width: 90%;
	min-height: auto;
	max-height: auto;
	border: 0;
}

.h1 {
	font-family: arial, verdana, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-size: 1.5em;
}

.h2 {
	font-family: arial, verdana, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	font-size: 1.1em;
}

.p {
	font-family: arial, verdana, sans-serif;
	font-style: normal;
	color: #000000;
	font-size: 1em;
}