/** Kopfzeile **/
.header {
  background-color: #633184;
  background-image: unset;
}

.container-header .grid-child,
.container-header .navbar-brand {
  padding: unset;
}

/** container **/
.navbar-brand {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 158px;
}

/** item 1 **/
.logo-flex {
  height: 100%;
  align-content: center;
  text-align: center;
  width: 20%;
  padding: 0.3rem;
}

/** item 2 **/
.container-header .site-description {
  font-weight: 600;
  width: 68%;
  height: 100%;
  align-content: center;
  font-size: 100%;
  text-align: center;
}

/** item 3 **/
.brand-logo-right {
  width: 12%;
  height: 100%;
  background-image: url("/images/Aok%20osd.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 675px) {
  .brand-logo-right {
    display: none;
  }
  
  .container-header .site-description {
    width: 80%;
  }
}

/** Mobile **/
@media only screen and (max-width: 600px) {
  .navbar-brand {
    flex-direction: column;
  }
  
  .logo-flex {
    width: 100%;
    padding-top: 1rem;
  }
  
  .logo-flex .brand-logo img {
    width: 250px;
  }
  
  .container-header .site-description {
    width: 100%;
    font-size: 1rem;
  }
}

/** Zeige Burger Menu an **/
@media only screen and (min-width: 992px) {
  .header > .container-nav nav {
    display: none;
  }
}

/** Blende Hauptmenu aus **/
@media only screen and (max-width: 991px) {
  .container-sidebar-left {
    display: none;
  }
}

/** Burger Menu **/
.header > .container-nav nav {
  padding-bottom: 1em;
  padding-left: 1em;
}

/** Inhalt **/
.site {
  background-color: #feedd6;
}

/** Fußzeile **/
.footer {
  background-color: #c5c5c5;
  background-image: unset;
}

/** Links **/
a,
.footer a:not(.btn), .footer .btn-link {
  color: #633184;
}

/** Hauptmenü **/
/** Nach Update auf Joomla 6 nicht mehr benötigt
li.parent:after {
  content: "";
  border: 0;
  width: 2.375rem;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-left: 5px;
}

li.active:after {
  content: unset;
  width: unset;
}
**/

ul.nav > .nav-item {
  border-bottom: 1px solid #633184;
}

.card {
  --card-border-color: unset;
  --card-bg: unset;
}

/** Aktives Menü **/
.active a {
  color: #169179 !important;
}

/** Kontaktformular **/
.com-contact.contact .page-header,
.com-contact.contact .com-contact__container {
  display: none;
}