/* Hintergrund und Haupttext */
body {
  background-color: #F0F4EE;  /* helles Salbeigrün */
  color: #333333;             /* dunkelgrau für Text */
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  padding: 0 20px;
}

/* Überschriften */
h1, h2, h3 {
  color: #556B50; /* dunkler Salbeigrün */
  font-family: Helvetica, Arial, sans-serif;
}

/* Sprachauswahl-Leiste oben rechts */
.language-bar {
  background-color: #6B8E64; /* dunkel Salbeigrün passend zu Visitenkarten */
  color: #FFFFFF;
  padding: 5px 10px;
  text-align: right;
  font-weight: bold;
  margin-bottom: 20px;
}

.language-bar a {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: 10px;
}

.language-bar a:hover {
  text-decoration: underline;
}

/* Home Button */
.home-button {
  margin: 10px 0;
}

.home-button .btn {
  display: inline-block;
  padding: 6px 12px;
  background-color: #0077cc;
  color: white;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
}

.home-button .btn:hover {
  background-color: #005fa3;
}


/* Links im Text */
a {
  color: #6B8E64;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Footer mittig & ruhig */
.site-footer {
  text-align: center;
  margin-top: 3em;
  padding: 1.5em 0;
  font-size: 0.9em;
  color: #444;
}

.site-footer a {
  color: #2f5d50; /* Salbeigrün passend zur Praxis */
  text-decoration: none;
  margin: 0 0.3em;
}

.site-footer a:hover {
  text-decoration: underline;
}

/* Überschrift auf der Seite zentrieren */
header h1 {
  text-align: center;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

/* Dezente Trennlinie unter der Hauptüberschrift */
.title-divider {
  width: 120px;
  height: 3px;
  background-color: #6b8f85; /* dunkles Salbeigrün */
  margin: 0.5em auto 2em auto;
  border-radius: 2px;
}