a {
  font-weight: bold;
  text-decoration: none !important;
}

h2 {
  font-weight: 500 !important;
}

main {
  padding: 0 1em;
}

.btn {
  --btn-padding: 0.5rem 0.4rem !important;
}

.btn-primary {
  background-color: var(--auxilium-buttoncolor) !important;
}

.btn-secondary {
  --btn-bg: var(--auxilium-buttoncolor) !important;
  --btn-border-color: var(--gray-600) !important;
  --btn-color: var(--white) !important;
  --btn-hover-bg: var(--gray-600) !important;
  --btn-hover-color: var(--white) !important;
}

.container-banner {
  margin: 0 !important;
}

.container-header {
  background-image: url(/images/headers/hbg.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.container-nav {
  justify-content: left !important;
  padding-bottom: 0.5em !important;
}

.current {
  color: var(--link-color);
}

.float-left {
  float: left;
  margin: 5px 15px 0 0 !important;
  width: 100px;
}

.float-right {
  float: right;
  margin: 5px 0 0 15px !important;
  width: 100px;
}

.footer {
  background-color: var(--auxilium-footercolor) !important;
  background-image: unset;
  color: var(--gray-400) !important;
  font-size: 0.9rem !important;
  margin: 0 !important;
  padding: 0 8em !important;
}

.grid-child {
  max-width: 100%;
  width: 100%;
}

.item-content {
  height: 100%;
  margin: 15px;
  position: relative;
}

.logout-button {
  margin-top: 5px;
  text-align: center;
}

.mod-articles-grid {
  margin-bottom: 0;
  width: 100% !important;
}

.mod-breadcrumbs__wrapper {
  background-color: var(--gray-200);
  margin: 0 !important;
}

.mod-menu {
  color: var(--gray-800) !important;
}

.nav-item {
  vertical-align: middle;
}

.readmore {
  bottom: 0px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.site-grid {
  display: block; /* Hebt die Grid-Beschränkungen auf */
}

.text-content {
  hyphens: auto;
  margin-bottom: 5.5em;
}

:root {
  --auxilium-backcolor: #d0d060;
  --auxilium-buttoncolor: #c06000;
  --auxilium-footercolor: #3b3a40;
}

#auxheader-menu-button {
  background-color: transparent;
  border: none;
  display: none;
}

#auxheader-bar-img {
  display: none;
  height: 1.5em;
  margin: 0 0.5vw 3px 0.5vw;
}

#auxheader-menu-img {
  height: 1em;
  margin: 0 0.5em 3px 0;
}

#auxheader-user-button {
  background-color: transparent;
  border: none;
  color: var(--cassiopeia-color-link);
  font-weight: bold;
}

#auxheader-user-img {
  height: 1em;
  margin: 0 0.5em 3px 0;
}

#mod-auxheader {
  justify-content: left;
  margin: 2.4em 0 2em 0;
}

#mod-custom121 {
  margin: 0 1em;
}

#mod-menu114 {
  margin: 2.2em 0;
  max-width: 46vw;
}

#mod-menu123 {
  background-color: white;
  display: none;
  max-width: 10em;
  padding: 0 10px;
  position: absolute;
  right: 5px;
}

#login-form-16 {
  background-color: var(--auxilium-backcolor);
  display: none;
  padding: 10px;
  position: absolute;
  right: 5px;
}

@media (max-width: 1410px) {

  html {
    font-size: 80%;
  }

  #mod-auxheader {
    justify-content: left;
    margin: 2.42em 0 2em 0;
  }

  #mod-menu114 {
    max-width: 50vw;
  }

}

@media (max-width: 1100px) {

  .container-header .mod-menu>li+li {
    margin-left: 0 !important;
  }
  #auxheader-bar-img {
    display: inline;
  }

  #auxheader-menu-button {
    display: inline;
  }

  #mod-menu114 {
    display: none;
  }

}

@media (max-width: 991px) {
 
  h2 {
      font-size: 200%;
  }

  .bannerLarge {
    display: none;
    width: 100%;
  }

  .bannerSmall {
    display: block;
    width: 100%;
  }
  
  .float-left {
    float: left;
    margin: 5px 10px 0 0 !important;
    width: 93px;
  }

  .float-right {
    float: right;
    margin: 5px 0 0 10px !important;
    width: 93px;
  }

  .logo-image {
    height: 60px !important;
  }

}