html { 
  	box-sizing: border-box; 
	padding: 0;
	margin: 0;	
} 

*, ::before, ::after { 
	box-sizing: inherit; 
}

a {
  color: darkblue;
}

a:hover,
a:focus {
	background:#e6f2f7 ;
}
 /*Kopf/Header*/
 
header {
  max-width: 98%;
  color:white;
  background: #eee;
  margin: 0 auto 1.6em;
  position: relative;
}

header::after {
  position: absolute;
  content: "";
  background: linear-gradient(to top,  #1b325f 50%, #F96E51 75%);
  height: 1.6em;
  left: 0;
  right: 0;
  bottom: -1.6em;
}



header #logo {
  display: inline-block;
  background: silver;
  color: blue;
  
  text-decoration: none;
}




 /* Navigation */

nav {
	margin: 0 auto 1.6em;
	position: relative;
	width: 93%;
	background: black;
	font-size:16px;
}

nav ul {
	margin: 0;
	padding: 0;
 	font: 1.6em  Arial, Helvetica, sans-serif;
 	list-style-type: none;
}

nav li {
	display: inline;
	margin: 0;
}

nav a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: white;
	padding: .5em;
	padding-right: 2em;
	text-align: right;
}

[aria-current=page] {
	font-weight: bold;
	color: #feb040;
}

nav a::after{
	content:" ";
	color: #feb040;
	display: inline-block;
	width: 2em;
}

nav a:hover::after, nav a:focus::after{
	content:" ▼";
}  

nav a:hover, nav a:focus {
	background: transparent;
	color: #feb040;
}
 /* Inhalt */
body  {
	width:98%;
	margin-left:2em;
	
	}

main,
footer {
  max-width: 75em;
  padding: 2em;
  margin: 0 auto;
} 

main {
  background:#fefefe;
   max-width:80em;

} 

#index main {
  margin-top: -2em;
}

#agb
  width:2em;
  font: 1.6em  Arial, Helvetica, sans-serif;
  
}

@media only screen and (min-width: 60em) {
	main,
	footer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}


@media only screen and (min-width: 60em) {
	main,
	footer {
		grid-template-columns: repeat(3, 1fr);
	}
}


  /* Inhalt */
  
  
container
 {
	margin-left:8em;
}

  
article {
	grid-column: 1 / -1;
}

article img {
	float: left;
	margin-right: 2em;
	width: 25%;
}

aside h2 {
  color:#606261;
}

aside dt {
  margin: 1.5em 0;
  font-size:1.1em;
}
aside dd {
  margin: 1.5em 0;
  font-style:italic;
  font-size:.9em;
} 
aside ul {
  margin:30px 0;
  font-size:.9em;
}
aside li {
  margin:20px 0;
  padding-left:25px;
}
  

dl.grid { 
  display: grid; 
  grid-template-columns: 1fr 100%; 
}
dd { 
  margin: 0; 
  padding-left: 1em; 
}
dl.grid dd {
  margin-bottom: 1em;
}

a[href^="tel"] { white-space: nowrap; }

h2
{
  color:#085f8a;
 
}

h2::last-Word {
  color: #00f;
}

h2.line::first-letter {
    color: firebrick;
}

 /* Fußzeile */

footer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		font-size:1.2em;
	}
	
	
	
/* style fields */

textarea,
input,
select,
.senden {
				font-family: Arial, sans-serif;
				font-size: 14px;
}

.kontaktformular {
				width: 600px;
				max-width: 100%;
				padding: 1.2rem;			
				margin-left:20px;
				padding-top: 22px;
				padding-bottom: 1px;
}

table {
width: 95%;
/*border: thin groove  #1C86EE;*/
}

tr {
background-color: #;
text-align: left;
}
thead {
outline-style:groove;
outline-width:2px;
outline-color:#1C86EE;
background-color: #CCCCCC;
font-weight: bold;
text-align: left;
font-size:14px;
color:blue;
}
td { font-size:15px;border:1px;}


inhalt
 {
				margin-left:8em;
				font-family: Arial, sans-serif;
				font-size:.9em;
}







<script language="javascript" type="text/javascript" src="schnee.js"></script>
	<style>
table#Inhalt {

}

table#Inhalt tr th,
table#Inhalt tr td {
 padding: 3px;
}

table#Inhalt tr td {
 text-align: left;
}
</style>