.title {
    color: #1B263B; /* dunkelblau */
}

body {
    margin: 0;
    height: 100vh; /* volle Höhe des Bildschirms */
    display: flex;
    justify-content: center; /* horizontal zentrieren */
    align-items: center;     /* vertikal zentrieren */
    color: #7D8597; /* grau */
    background-color: #ECEFF4; /* hellgrau */
    font-family: "Montserrat", sans-serif;
}

h1 {
  margin-bottom: 1rem; /* Abstand NACH dem h1 verkleinern */
}

h2 {
    margin-top:  0.1rem;
    margin-bottom: 1rem; /* Abstand NACH dem h1 verkleinern */
}

.container {
  text-align: center;
  display: flex;
  flex-direction: column; /* untereinander */
/*  gap: 1rem; */
}

.profilbild {
    width: 200px;          /* Bildbreite anpassen */
    border-radius: 50%;    /* rundes Bild */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Schatten */
    margin-bottom: 0.3rem;
}

.bild-wrapper {
  display: flex;
  justify-content: center;
}

a {
    color: #7D8597;           /* Dunkelblau */
    text-decoration: none;    /* Unterstreichung entfernen */
    font-weight: bold;
    margin: 0.3rem;
}

a:hover {
  text-decoration: underline;
  color: #1B263B;
}