.navbar li.nav-item a.nav-link span {
  color: #white !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #822166;
    color: #white;
}

.quarto-title > h1.title {
  opacity: 0 !important;
}

.navbar li.nav-item {
  font-weight: bold;
}

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

.image-container {
  flex-shrink: 0;
  margin-top: 0px;
  margin-right: 0px; /* Abstand zwischen Bild und Text anpassen */
}


.callout-note {
  background-color: #f7ebf8;
 }

.navbar-logo
{
    max-height: 40px;
}

h1, .h1, h2, .h2 {
    opacity: .9;
    margin-top: 0;
    font-weight: 600;
}