/* ============================================
   GRUNDLAYOUT & FARBEN
   ============================================ */

/* Hintergrundfarbe der gesamten Seite (Teal) */
body {
  background-color: #039193;
  color: white;
}

/* Textfarbe der Überschriften */
h1,
h2,
h3 {
  color: white;
}

/* Linie unter H2-Überschriften (z. B. "Curriculum Vitae", "Supervision") */
h2 {
  border-bottom: 1px solid #ffffff !important;
  padding-bottom: 0.3rem;
}


/* ============================================
   NAVBAR
   ============================================ */

/* Hintergrundfarbe der Navigationsleiste oben */
.navbar {
  background-color: #039193 !important;
}

/* Schriftgrösse des Website-Titels links in der Navbar (z. B. "Jutta Stahl") */
.navbar-brand {
  font-size: 1.4rem;
}

/* Schriftgrösse der einzelnen Reiter (Portrait, Lehraufträge, etc.) */
.navbar-nav .nav-link {
  font-size: 1.4rem !important;
}

/* ============================================
   LINKS
   ============================================ */

a {
  color: #013637;
}

a:hover {
  color: #001d1e;
}

/* ============================================
   LAYOUT-HILFSKLASSEN
   ============================================ */

/* Vertikale Zentrierung von Bild und Text auf der Portrait-Seite */
.portrait-header>.column {
  display: flex;
  align-items: center;
}
/* ============================================
   TEXTGRÖSSEN FÜR EINZELNE BEREICHE
   ============================================ */

/* Grössere Schrift für die Adresse auf der Kontakt-Seite */
.contact-address {
  font-size: 1.5rem;
  line-height: 1.3;
}
/* Grössere Schrift für den Willkommenstext auf der Startseite */
.willkommen {
  font-size: 1.5rem;
  line-height: 1.3;
}