button.modal-toggle {
    all: unset; /* Entfernt alle Standard-Stile des Buttons */
    display: inline-flex; /* Für zentrierten Inhalt */
    justify-content: center;
    align-items: center;
    cursor: pointer; /* Zeiger ändern */
}

button.modal-toggle svg {
    width: 20px; /* Symbolgröße */
    height: 20px;
    fill: currentColor; /* Farbe des Symbols passt sich an die Schriftfarbe an */
    color: #000; /* Standardfarbe des Symbols */
}

.modal-backdrop {
  display: none !important;
}

/* Cassiopeia changes */
.main-menux {
    height: 180px; /* Passe die Höhe an */
    line-height: 180px; /* Optional: Anpassung der Zeilenhöhe für zentrierten Text */
}
.header.container-header.full-width {
	display: grid;
/*  grid-template-columns: repeat(auto-fit, repeat(2,minmax(15rem,19.875rem)));*/
	grid-template-columns: repeat(2,minmax(0,19.875rem));
/*  grid-template-columns: repeat(1,minmax(0,19.875rem));*/
	grid-gap: 0 0em;
	align-items: end;
}
body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child {
  /*  padding-bottom: 1.2em;*/
}
.container-header .grid-child:first-child {
	grid-column: 1/2;

 /* align-self: left;*/
}
container-header .container-search {
    margin-top: .5em;

}
.container-header .grid-child:last-child {
align-self: center;
}
.container-header .navbar-brand {
    padding-bottom: .7125rem;
}
.container-search {
    margin-top: 0 !important;
  margin-right: 20px;
}
.container-header .container-nav {
	grid-column: 3/5;
  padding: 0;
  margin-top: 0.3em;
}
.mod-menu.mod-list.nav {
  align-items: center;
 
}
.footer,
.container-header {
/*    background-color: #274472 !important;*/
background-color: #00FFFF !important;
background-image: none;
}
.adresse, .links a,
.nav-item a {
color: #000000 !important;
}
.footer .grid-child {
 justify-content: space-around !important;	
}
.mod-menu li {
font-size: 1.2em;
}

@media (width <= 991.98px) {
.grid-child.container-nav {
      flex-direction: row;
    flex-wrap: nowrap;
}
.header.container-header.full-width {
display: block;
}

  .mod-menu.mod-list.nav { 
max-width: 75%;
    flex-direction: row;
    flex-wrap: nowrap;
    }
   .header.container-header.full-width {
        grid-template-columns: 1fr; /* Eine Spalte für mobile Geräte */
        grid-template-rows: auto auto; /* Zwei Zeilen: Logo in der ersten, Menü in der zweiten */
        grid-gap: 1em 0; /* Vertikaler Abstand zwischen den Zeilen */
    }

 
.links,	.adresse {
text-align: center;
align-items: center !important;
display: block;	
}
.footer .grid-child {
display: block;	
}
.footer .links {
 margin-bottom: 20px;
}
.container-header .mod-menu {
flex-direction: row !important;
}
.container-header .mod-menu>li {
width: 90px;
}
}