body {
	display: grid;
	width:92%;
}
/* 2-spaltiges Layout für breitere Viewports */

@media (min-width: 45em) {
	body {
		grid-template-columns: 4fr 2fr;
		grid-template-rows: auto 1fr min-content;
	}
}

header,

main,
article,
section,
aside,
footer {
	padding: .2em;
}

header,
footer {
	grid-column: 1 / -1;
}

header {
	background: #E6FFDD;
	grid-column: 1 / -1;
	grid-row: 1;
	grid-template-columns: 4em 1fr;
	margin-top:10px;
}

nav {
	background: #E6FFDD;
}

main {
	background: #E6FFDD;
}

aside {
	background: #E6FFDD; /*#BBE8D8;*/
}
#right p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

footer {
	background-color: #7CCDC2;text-align:center;padding:0;
}

.right {
	list-style: none;
}

body {
	margin: 0 auto;
	max-width:52em;
	font-family: sans-serif;
}



ul.left1{
	color:#000;
	text-decoration:none;
	list-style:none;
	margin-top:10px;
	padding-left:0px;
	font-size:1.5em;
	line-height:1.2em;max-width:100%;
}
.left1 li a:link,.left1 li a:visited{
	color: #999;
	text-decoration:none;
	list-style:none;
}

.left1 li a:hover,.left1 li a:focus{
	color: #000;
}
/*
	Link im Menu der aktiven Seite
*/
.left1 li a.menue_aktiv:link,.left1 li a.menue_aktiv:visited{
	color:#000;
	text-decoration:none;
	list-style:none;
}

.left1 li a.menue_aktiv:hover,.left1 li a.menue_aktiv:focus{
	color: #999;
}


h1 	 
	{	
	color:  #000;
	font-size:10px;
	line-height:10px;
	text-indent:-9999px;
	}
h1 a:link,h1 a:visited{
	color:  #3cf;
	text-decoration:none;
	}
h1 a:link,a:hover,h1 a:link,a:focus{
	color: #3cf;
}

h2{font-family: serif;
	color:#339999;
	font-size:24px; 
	letter-spacing:0;
	font-weight:normal;
	padding-bottom: 0px;
	}


h3{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #333;
	font-size:1.4em;
	line-height:1em;
	letter-spacing:0;
	font-weight:normal;
	padding-bottom:0px;
	}
/*pfeil_oben*/
.pfeil_oben{	position:fixed;
	right:20px;
	bottom:50px;	
}

.bilder	{
	width:100%;
padding-bottom:10px;
	}
.rot	{
font-family: 'Courier New', 'monospace';
color:red;
		font-size:1.2em;
	}
p  {

  font-family: "Reddit Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	color: #000;
	font-size:.9em;
	line-height:1.3em;
	padding-bottom:20px;
}
a {
	text-decoration:none;
	list-style:none;
}
a:link, a:visited{
	color: #284B55;
	text-decoration:none;
	list-style:none;
}
a:hover, a:focus{
	color:#3cc;
}
.topten
	{
	padding-top: 50px;
	}

.topfive
	{
	margin-top: 15px;
	}


  nav1 {
    overflow: hidden;
  }

  nav1 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
  }

  nav1 li {
   /* padding: 14px 20px;*/
  }

  nav1 a {
    color: white;
    text-decoration: none;
  }

.left {
  padding-left:0px;
padding-top:0px;
 padding-bottom:0px;
 width:100%; 
	clear:both;

}