

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
	background: url("../trees-6207925_1920St4.png");
  background-attachment: fixed;
  /*opacity: 0.95; */

  text-align: center;
}

header, nav, footer, aside, section {
  display: block;
}

#wrapper { 
  width: 900px; 
  /* background-color: #1804ae; */
  background-color: #5c9b867c;
  border: 2px solid red;  
  margin: 0 auto; 
  text-align: left;   
}


/* Style header */
header {
  /* background-color: #008B8B; */
  display: -webkit-flex;
  display: flex 
  
  /* height:120px; */
  /* padding: 30px; */

 }

 header img { 
  width: 12%;
  background-color: #5f7770;
  padding: 0.5em;	
  margin-right: 1em;
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

header h1 {
  width: 60%;
  background-color: #6f8b82a3;
  text-align: center;
 /* font-size: clamp(1em, 2.8vw, 2.75em); */
  font-size: 1.7em;
  margin-top: 1.5em;
  margin-bottom: 1em;
	padding: 0.3em;	
}


nav {
  width: 75%;
  background-color: #6f8b82a3;;
  float: left;
  padding: 5px;
  margin-top: 0px;
  margin-bottom: 15px;
  margin-left: 15px;

}

nav li {
  text-align: left;
  list-style-type: none;
  display: inline;
  padding: 5px;
  margin: 7px;
  color: #951b1b;
}

nav li:hover {
  background-color: rgba(31, 97, 14, 0.412); 
}


aside {
  width: 200px;
  /* background-color: #40957a; */
  float: right;
  padding: 1em;
  color: rgb(2, 2, 4);  
}

aside h3 {
	color: rgb(181, 12, 12);
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
aside h5 {
  margin-top: 15px;
  color: rgb(181, 12, 12);
}

aside img {
  margin-bottom: 10px;
}

/* main column */
section {
  /* background:#2c9d9d; */
  padding: 1em;
  margin-left: 10px; 
  margin-right: 200px;
}

section img{
border:1px solid silver;
margin-bottom: 1em;
margin-left: 1em;

}
section h1 {
  text-align:	center;	
}
section h2 {
	text-align: center;
  margin-top: 2em;
  margin-bottom: 0.5em;
  margin-left: 0;
  margin-right: 0;
}
section h3 {
	text-align: left;
  margin-top: 2em;
  margin-bottom: 0.5em;
  margin-left: 0;
  margin-right: 0;
}


section table {
	width:	80%;
  padding: 10px;
	margin: 0.2em 1.0em;
  text-align:initial;
}

section th {
text-align: left;
padding-top: 15px;
}

section p {
  padding: 0px 10px;
  margin: 1em 0.5em 0.5em 0.5em;
}

section ul {
  list-style-type: disc;
  margin: 0em 1em 1em 1em;
  padding: 0px 50px;  
}

/* Style the footer */
footer {
  background-color: #6f8b82a3;;
  clear: both;
  width: 900px;
  display: inline-block;
  padding: 3px;
  text-align: center;
}



footer ul {
  list-style-type: none;
  margin: 0.2em;
  overflow: hidden;
}

footer li {
  float: left;
  list-style-type: none;
  padding: 5px;
}

footer li:hover {
  background-color: rgba(31, 97, 14, 0.412);
}

footer li a {
  color: rgb(17, 8, 61);
  margin: 3em 1.5em 2em 2em;
}
footer p {
  margin-top: 0.2em;
}

.Essen h3 {
  margin-left: 2em;
  margin-top: 2em;
  margin-bottom: 0em;
  text-align: left; 
}

.Schlafen img {
  width: 250px;
  height: 180px;
  object-fit: cover;
  border-radius: 5px;
  margin: 5px;
}
.Schlafen th {
text-align: center;
padding: 10px;

}

.SeminarImg{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

#Impressum {
  float: left;
  width: 49%;
  margin: 0;
}


#Impressum  h2 {
  text-align: left;
  margin-left: 20px;
  margin-top: 20px;
}

#Impressum h3 {
  margin-top: 40px;
}







