#mutterschiff {
  margin: 0 auto;
  position: relative;
  background-color: #FFFCEB;

  background-repeat: no-repeat;
  
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  opacity: 1;
  visibility: inherit;
  z-index: 1;
}

.fb-like {
  float: right;
}

#content { 
	background-color: rgba(255,255,255,0.7); 
	padding-top: 70px;
}

#content h1 { font-size: 34px; font-weight: 300; }
#content h2 { font-size: 26px; font-weight: 300; }
#content h3 { font-size: 20px; font-weight: 300; }

#content p.extra {
	padding: 0 16%;
	line-height: 140%;
	font-size: 150%;
	font-weight: 300;
	color: #666666;
}

#content .teaser { padding-bottom: 0px; }
#content .teaser_box { background-color: rgba(255,255,255,0.2);}
#content .teaser_image {border: none; background-color: transparent; padding: 10px;}
#content .teaser_text { padding: 10px 20px; line-height: 1.5em}

#content .quadriple .quadriple_image_div { border-radius: 50%; text-align: center; width: 100px; height: 100px; margin: 0 auto; box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);}

@media only screen and (max-width: 800px) {
  #content .teaser_text { line-height: 1.3em}
}

#content .superheader_box { background-color: rgba(255,255,255,0.6); padding: 20px 0 4px; margin-bottom: 15px; }


header { position: relative; }
.header_content { position: relative; margin: 12px auto 4px; max-width: 1000px; }

@media only screen and (max-width: 380px) {
  .header_content .logo { width:200px; }
}

footer {background-color: rgba(0,0,0,0.2); }
footer .content { max-width: 1000px; margin: 0 auto; padding-top: 10px; color: white;}
footer .content a { color:white; }

@media only screen and (max-width: 1020px) {
  #content form { padding-left: 0px; padding-right: 0px; }
  .header_content { padding-left: 10px; padding-right: 10px; }
}

@media only screen and (max-width: 650px) {
  #content .superheader aside { border-bottom: none; }