/* CSS Document */
body {
	background:url(../img/Hauptbild.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
div#top {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:150px;
	background:#000;
}
#logo {
	position:absolute;
	top:23px;
	left:50%;
	margin-left:-166px;
	width:332px;
	height:auto;
}
div#content {
	font-family:Verdana, Geneva, sans-serif;
	font-size:23px;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:32px;
	width:400px;
	left:50%;
	margin-left:-200px;
}
div#content a:link, div#content a:visited, #middle-section a, #middle-section a:visited {
	color:#FFF;
	text-decoration:none;
}
div#content a:hover, #middle-section a:hover {
	color:#FFF;
	text-decoration: underline;	
	transform: ease 0.3s all;
}

#middle-section {
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 1000px;
  margin: 0;
  background: rgba(0, 0, 0, 0.6); 
  padding: 20px;
  box-sizing: border-box;

}
#middle-section .columns {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
}

#middle-section .column {
  flex: 1;
  text-align: center;
}

#middle-section .column img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

#middle-section .column:nth-child(2) p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 23px;
  color: #fff;
  margin: 0;
}