/* Footer (alle Seiten) und Rechtstexte (Impressum, Datenschutz) */

#footer {
  flex: none;
  width: 100%;
  margin-top: 30px;
  padding: 20px 0;
  box-shadow: 0 -6px 4px -4px rgba(0, 0, 0, 0.12);
  text-align: center;
  font-family: "Open Sans";
  font-size: 15px;
  color: #6B6B6B;
}
#footer a {
  color: #6B6B6B;
  margin: 0 12px;
}
#footer a:hover {
  color: #008e96;
}

#header a {
  color: inherit;
  text-decoration: none;
}

.legal {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 20px;
  font-family: "Open Sans";
  color: #6B6B6B;
}
.legal h2 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 20px;
}
.legal h3 {
  font-size: 20px;
  margin: 30px 0 10px;
}
.legal h4 {
  font-size: 17px;
  margin: 20px 0 8px;
}
.legal p,
.legal li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.legal ul {
  margin: 0 0 10px 20px;
}
.legal ul li {
  list-style: disc;
  margin-bottom: 4px;
}
.legal a {
  color: #008e96;
  word-break: break-word;
}
.legal .zurueck {
  display: inline-block;
  margin-top: 30px;
}

/* Platzhalter – vor Veröffentlichung durch echte Angaben ersetzen */
.platzhalter {
  background: #fff3b0;
  color: #8a5a00;
  padding: 0 4px;
  border-radius: 3px;
}

/* Quellenangabe unter der Karte (Startseite) */
.karte_quelle {
  font-size: 12px;
  margin-top: 4px;
}
.karte_quelle a {
  color: #6B6B6B;
}