.container-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "top below"
                       "logo logo"
                       "nav nav";
}
.card, .well {
    background-color: #e9ecef; /* Farbe für Ihre Fenster/Module */
}
.container-header .container-topbar {
  padding: .5em;
}
.container-header .container-topbar {
  grid-area: top;
}
.container-header .container-below-top {
  grid-area: below;
  justify-content: flex-end;
}
.container-header .grid-child:has(.navbar-brand) {
  grid-area: logo;
}
.container-header .container-nav {
  grid-area: nav;
}
@media (width >= 991.98px) {
  .container-header {
   grid-template-columns:
    [full-start] minmax(0,1fr)
    [main-start] repeat(4,minmax(0,19.875rem))
    [main-end] minmax(0,1fr)[full-end];
   grid-template-areas: ". logo nav nav nav .";
   gap: 0 1rem;
  }
  .container-header:has(.container-below-top, .container-topbar) {
   grid-template-areas: ". top top below below ."
                        ". logo nav nav nav .";
  }
}
/* Logo in Desktopansicht größer skalieren  */
@media (min-width: 992px) {
.brand-logo img{
width: 12rem;
}
.btn {
    border-radius: 24px; /* Ändere den Wert für mehr/weniger Rundung */
}
.tags a.btn {
  font-weight:500 /* Ändert die Zeichenstärke in den Infobuttons */
}
.btn-info {
  --btn-color:#0345bf;
  --btn-bg:#e5ecf8;
  --btn-border-color:#e5ecf8;
  --btn-hover-color:#fff;
  --btn-hover-bg:#044cd0;
  --btn-hover-border-color:#044cd0;
  --btn-focus-shadow-rgb:79,122,158;
  --btn-active-color:#fff;
  --btn-active-bg:#264f70;
  --btn-active-border-color:#244a69;
  --btn-active-shadow:inset 0 3px 5px #00000020;
  --btn-disabled-color:#0345bf;
  --btn-disabled-bg:#e5ecf8;
  --btn-disabled-border-color:#e5ecf8
}