body, 
h1, h2, h3, h4, h5, h6, 
.site-title {
  font-family: "Helvetica", Arial, sans-serif !important;
}
html, body, * {
  font-size: 16px;
}

  h1 {
    font-size: 22px;
    line-height: 22px;
  }
  .bg-orange,
  .titel-orange {
    background:  #ee7203;
  }
  .titel-orange {
    width: 320px;
    padding: .3rem 1.0rem;
    font-weight: 600;
    color: white;
  }

  h1, h2, h3, h4, h5, h6 {
    color: #ee7203;
  }
.site-grid {
  display: block !important;
}
.container-top-a .card {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}
.container-top-a .card-body {
  padding: 0 !important;
}
.container-top-a .card {
  margin-top: -47px !important;
}
.card-footer:last-child,
.card-header:first-child {
  border-radius: 0 !important;
}
#banner-text {
  bottom: 15%;
}
#banner-text span,
#banner-text strong {
  font-size: 1.5rem !important;
  background: rgb(236, 102, 8) !important;
}

.container-header {
  background: #000000 !important;
  background-color:  #000000 !important;
  background-image: none !important;
}
.container-topbar {
  background: #000000 !important;
}
#topbar img {
  max-height: 120px !important;
  width: auto !important;
}
.container-nav {
  padding: 0 .5rem !important;
  background: rgba(236, 102, 8, 0.8) !important;
}
.navbar {
  margin: 0 auto !important;
}
.metismenu.mod-menu .mm-toggler::after {
  border-left: .4em solid transparent !important;
  border-right: .4em solid transparent !important;
  border-top: .4em solid !important;
}
.mm-collapse .metismenu-item > a {
  font-size: 16px !important;
  text-transform: none !important;
  color: white;
}
.metismenu-item > a {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 0 1.0rem !important;
  border-right: 1px solid white !important;
}
.metismenu-item:nth-child(4) > a,
.metismenu-item:nth-child(2) > a{
  border-right: none !important;
  padding-right: 0 !important;
}
.metismenu-item:nth-child(3) > a {
  border-left: 1px solid white !important;
}
.container-header .metismenu > li.level-1.active > a {
   font-weight: 600 !important;
}
.metismenu-item {
  padding: .6rem 0 !important;
}
.metismenu-item:last-child span {
  padding-left: 8.0rem !important;
  font-size: 18px !important;
  font-weight: 600;
}
.mm-collapse {
  background: rgba(236, 102, 8, 0.8) !important;
  border-radius: .15rem !important;
  padding: 1.0rem 0 !important;
}
button.mm-toggler {
  padding: 0 .5rem !important;
}

  .container-header .metismenu > li > a::after,
  .container-header .metismenu > li > button::before {
    height: 0px !important;
    opacity: 0 !important;
  }

  #navbar1 .metismenu-item.level-1.active {
     position: relative !important;
     margin-bottom: -5px !important;
     border-bottom: 5px solid #ffffff !important;
  }

  #navbar1 .metismenu-item.level-2 a {
     border: 0 !important;
  }

  .card {
      border: 0 !important;
      border-radius: 0 !important; 
  }
  .card-body {
      padding: 0 !important;
  }

  main .card,
  main .card-header,
  main .card-footer{
    max-width: 320px !important;
  }

  .untermenu .fas {
    font-size: .8rem !important;
  }
  .untermenu a:hover,
  .untermenu a.active {
    color: #ee7203 !important;
  }
  .stretched-link img {
    max-width: 320px !important;
  }

  #galerien {
    max-width: 990px !important;
  }

  a.sigplus-image:hover::after {
    position: absolute;
    top: 5px;
    left: 10px;
    margin: 0;
    display: block;
    content: "";
    width: 260px;
    height: 172px;
    background: rgba(0,0,0, .3) url(../images/lupe_frei.png) center no-repeat;
    background-size: 23% !important;
  }

  .bottom-b {
    margin-bottom: 0 !important;
  }
  .bottom-b .stretched-link img {
    max-width: 100% !important;
  }

  #bbs_datenschutz .container,
  #bbs_impressum .container {
    max-width: 940px !important;
  }


  .footer {
    background: #000;
    margin-top: 0 !important;
  }
  .footer .grid-child {
    padding: 0 !important;
    background: url('/images/icon_footer.png') right no-repeat;
    background-size: contain;
  }
  .footer img {
    max-height: 160px;
  }
  .footer .custom {
    width: 100%;
  }

@media (max-width: 992px) {

  .container-nav {
    position: absolute;
  }
  
  ul.navbar-nav a { 
    font-size: 1.1rem; 
  }
   .navbar {
     padding: .5rem 1.0rem !important;
     margin: 0 !important;
   }
   #navbar1 .metismenu-item.level-1.active {
      border-bottom: 0 !important;
   }
  
   #navbar1 .metismenu-item.level-2.active a {
      font-weight: 600 !important;
   }  
  
  .metismenu.mod-menu .metismenu-item > ul {
    position: static !important;
    display: block !important;
    width: 100% !important;
    box-shadow: none !important;
    background: none !important;
    padding: 0 1.5rem !important;
  }
  
  .metismenu.mod-menu .mm-toggler::after {
     display: none !important;
   }
  .metismenu-item:last-child span {
  		padding-left: 1.0rem !important;
	}
  .metismenu-item > a,
  #navbar1 .metismenu-item.level-1 a {
    border: 0 !important;
  }
  
  #banner-text {
  bottom: 5%;
}
  #banner-text span,
  #banner-text strong {
    font-size: 1.2rem !important;
  }
  
  .footer img {
    max-height: 120px;
  }
  
  
}

@media (max-width: 460px) {
  #banner-text {
    position: static !important;
    padding: 0 !important;
    margin-top: 16px;
  }
  #banner-text div {
    padding-top: 0 !important;
  }  
  
  #banner-text div:first-child {
    margin-left: auto !important;
  }  
  #banner-text div:last-child {
    margin-right: auto !important;
  }   
  
  
    #banner-text span,
  #banner-text strong {
    font-size: .9rem !important;
  }
}