body {
background-image: url(../img/background.jpg);
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #c01a2c;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 950px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 950px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


.wrap {
max-width: 980px;
margin: 0 auto;
padding: 0;
margin-top: 5px;

box-shadow: 5px 10px 18px #888888;
}

.logo {
width: 100%;
background: transparent;
}

.content {
padding: 5px 15px;
background-color: #ffffff;

}

.footer {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
background: rgba(0, 0, 0, 0.5);
}

.footer a {
	text-decoration: none;
	color: #ffffff;
	 }
	 
.footer a:hover {
	text-decoration: underline;
	
	 }

h1 {
color: #c01a2c;
}

h2 {
color: #c01a2c;
}

h3 {
color: #c01a2c;
}

.logos {
float: left;

margin: 20px;

}
.bilder {
float: left;
margin-right: 15px; /* Muss geändert werden und die Bilder größer */
margin-bottom: 15px;
}

.bilder.rechts {
margin-right: 0;
}

@media screen and (max-width: 950px) {
.bilder {margin-right: 0;}
}

img {
max-width: 100%;
}