/*
 * MDH Group – Header/Footer Branding v2.0.22
 * Gewünschte Referenz:
 * Hintergrund: #93C5FD
 * Text/Menu:    #0B2D5B
 */

.topbar{
  background:#93C5FD !important;
  border-bottom:1px solid rgba(11,45,91,.18) !important;
  backdrop-filter:none !important;
}
.topbar.scrolled{
  box-shadow:0 10px 28px rgba(11,45,91,.16) !important;
}
.topbar .nav{
  color:#0B2D5B !important;
}
.topbar .nav>a{
  color:#0B2D5B !important;
}
.topbar .nav>a:hover{
  background:rgba(11,45,91,.09) !important;
  color:#0B2D5B !important;
}
.topbar .nav-demo{
  border-color:rgba(11,45,91,.28) !important;
}
.topbar .nav-toggle{
  color:#0B2D5B !important;
}
.topbar .nav-toggle span{
  background:#0B2D5B !important;
}

/* Das vollständige vom Nutzer gelieferte MDH-Group-Logo ersetzt Icon + Text. */
.brand-mdh-full{
  display:flex;
  align-items:center;
  flex:0 1 auto;
}
.brand-logo-mdh-full{
  display:block;
  width:auto !important;
  height:58px !important;
  max-width:355px !important;
  object-fit:contain;
  filter:none !important;
}

/* Footer: gleiche Markenfläche wie Header. */
.site-footer{
  background:#93C5FD !important;
  color:#0B2D5B !important;
  border-top:1px solid rgba(11,45,91,.18) !important;
  border-bottom:1px solid rgba(11,45,91,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24) !important;
}
.site-footer::before{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}
.site-footer>.shell{
  position:relative;
  z-index:2;
}
.footer-brand-logo-link{
  display:inline-flex;
  align-items:center;
}
.brand-logo-mdh-footer{
  display:block;
  width:auto !important;
  height:62px !important;
  max-width:390px !important;
  object-fit:contain;
  filter:none !important;
}
.footer-brand p{
  color:#234E7C !important;
}
.site-footer h3{
  color:#0B2D5B !important;
}
.site-footer div>a:not(.brand){
  color:#0B2D5B !important;
}
.site-footer div>a:hover{
  color:#061D42 !important;
}
.site-footer .copyright{
  color:#234E7C !important;
  border-top-color:rgba(11,45,91,.18) !important;
}
.site-footer .mdhc-footer-trigger{
  color:#0B2D5B !important;
}

/* Tablet: Logo etwas kompakter, Navigation bleibt bis zum MASTER-Mobile-Breakpoint erhalten. */
@media(max-width:1000px){
  .brand-logo-mdh-full{
    height:52px !important;
    max-width:315px !important;
  }
  .brand-logo-mdh-footer{
    height:56px !important;
    max-width:340px !important;
  }
}

/* Mobile-Menü bekommt dieselbe helle Markenfläche. */
@media(max-width:800px){
  .topbar .nav{
    background:#93C5FD !important;
    border-top:1px solid rgba(11,45,91,.16) !important;
  }
  .brand-logo-mdh-full{
    height:44px !important;
    max-width:255px !important;
  }
  .brand-logo-mdh-footer{
    height:52px !important;
    max-width:300px !important;
  }
}

@media(max-width:520px){
  .brand-logo-mdh-full{
    height:38px !important;
    max-width:220px !important;
  }
  .brand-logo-mdh-footer{
    height:46px !important;
    max-width:255px !important;
  }
}