a:not([class]) {
  text-decoration: none !important;
}


.brand-logo img{
  max-width: 310px;
  width: 140px;
}
.container-header .navbar-brand{
 padding-top: .9rem;
}

@media (width >= 992px) {
.navbar-brand {
    display: flex;
    justify-content: flex-end; 
    width: 100%;  
}

.grid-child .navbar-brand img {
    margin-left: auto;
    margin-bottom:auto;
    display: block;   
}
}

/* Anker */
.sprungmarke {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -150px;
}

/* Untermenu */
.metismenu.mod-menu.menu-horizontal {
 justify-content: center !important;
}

/* Navigationsbar */
.container-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "top below"
                       "logo logo"
                       "nav nav";
}

.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 .";
  }
}


/* Banner */
  .container-banner img {
	width: 100%;
}

/* Inhalt */
.site-grid > .grid-child.container-component {
    grid-column: full-start / full-end !important;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.container-component > main {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;  
    padding-right: 20px; 
    width: 100%;
}


.container-banner .banner-overlay {
 height: 50vh !important;

}

@media screen and (height <= 740px) {
  .container-banner .banner-overlay {
    height: 50vh !important;
  }
}