/* WGRCMS Step 0102 - Static Header Navigation
   Ziel: Header/Navi darf bei Seitenwechsel und Scroll nicht springen. */
:root{
  --wgr-blue:#015da8!important;
  --wgr-header-h:82px!important;
  --wgr-logo-w:350px!important;
  --wgr-logo-h:68px!important;
}
html{scroll-padding-top:92px!important;}
body:not(.admin-body):not(.login-body){padding-top:82px!important;}
.site-header,
.site-header.wgr-scrolled,
body.scrolled .site-header,
body.is-scrolled .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  background:#015da8!important;
  background-color:#015da8!important;
  background-image:none!important;
  overflow:hidden!important;
  z-index:2147483000!important;
  transform:none!important;
  transition:none!important;
}
.site-header .header-inner,
.site-header.wgr-scrolled .header-inner,
body.scrolled .site-header .header-inner,
body.is-scrolled .site-header .header-inner{
  width:100%!important;
  max-width:1500px!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  margin:0 auto!important;
  padding:7px 22px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:350px minmax(530px,1fr) auto!important;
  column-gap:24px!important;
  align-items:center!important;
  justify-items:start!important;
  overflow:hidden!important;
  transform:none!important;
  transition:none!important;
}
.site-header .brand,
.site-header.wgr-scrolled .brand,
body.scrolled .site-header .brand,
body.is-scrolled .site-header .brand{
  grid-column:1!important;
  width:350px!important;
  min-width:350px!important;
  max-width:350px!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  transition:none!important;
}
.site-header .brand img,
.site-header.wgr-scrolled .brand img,
body.scrolled .site-header .brand img,
body.is-scrolled .site-header .brand img{
  display:block!important;
  width:350px!important;
  min-width:350px!important;
  max-width:350px!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:none!important;
}
.site-header .main-nav,
.site-header.wgr-scrolled .main-nav,
body.scrolled .site-header .main-nav,
body.is-scrolled .site-header .main-nav{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  transform:none!important;
  transition:none!important;
}
.site-header .main-nav a,
.site-header.wgr-scrolled .main-nav a,
body.scrolled .site-header .main-nav a,
body.is-scrolled .site-header .main-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 9px!important;
  margin:0!important;
  border-radius:9px!important;
  border:0!important;
  box-sizing:border-box!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transform:none!important;
  transition:none!important;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.active,
.site-header .main-nav a[aria-current="page"],
.site-header.wgr-scrolled .main-nav a:hover,
.site-header.wgr-scrolled .main-nav a.active,
.site-header.wgr-scrolled .main-nav a[aria-current="page"]{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0 9px!important;
  margin:0!important;
  transform:none!important;
  transition:none!important;
}
.site-header .main-nav a.active:not([aria-current="page"]){background:transparent!important;box-shadow:none!important;}
.site-header .main-nav a[aria-current="page"]{background:rgba(255,255,255,.12)!important;box-shadow:none!important;}
.site-header .main-nav a::before,
.site-header .main-nav a::after{
  transform:none!important;
  transition:none!important;
}
.site-header .header-contact,
.site-header.wgr-scrolled .header-contact,
body.scrolled .site-header .header-contact,
body.is-scrolled .site-header .header-contact{
  grid-column:3!important;
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  height:82px!important;
  min-height:82px!important;
  max-height:82px!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  transform:none!important;
  transition:none!important;
}
.site-header .header-contact a,
.site-header .header-contact span,
.site-header.wgr-scrolled .header-contact a,
.site-header.wgr-scrolled .header-contact span{
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:none!important;
}
@media(max-width:1280px){
  .site-header .header-inner,.site-header.wgr-scrolled .header-inner{grid-template-columns:310px minmax(500px,1fr) auto!important;column-gap:18px!important;}
  .site-header .brand,.site-header.wgr-scrolled .brand{width:310px!important;min-width:310px!important;max-width:310px!important;}
  .site-header .brand img,.site-header.wgr-scrolled .brand img{width:310px!important;min-width:310px!important;max-width:310px!important;}
  .site-header .main-nav a,.site-header.wgr-scrolled .main-nav a{font-size:12px!important;padding:0 7px!important;}
  .site-header .header-contact a:last-child{display:none!important;}
}
@media(max-width:980px){
  body:not(.admin-body):not(.login-body){padding-top:136px!important;}
  .site-header,.site-header.wgr-scrolled{height:136px!important;min-height:136px!important;max-height:136px!important;overflow:hidden!important;}
  .site-header .header-inner,.site-header.wgr-scrolled .header-inner{
    height:136px!important;min-height:136px!important;max-height:136px!important;
    grid-template-columns:1fr!important;grid-template-rows:68px 54px!important;row-gap:4px!important;
  }
  .site-header .brand,.site-header.wgr-scrolled .brand{grid-column:1!important;width:320px!important;min-width:0!important;max-width:320px!important;}
  .site-header .brand img,.site-header.wgr-scrolled .brand img{width:320px!important;min-width:0!important;max-width:320px!important;}
  .site-header .main-nav,.site-header.wgr-scrolled .main-nav{grid-column:1!important;height:54px!important;min-height:54px!important;max-height:54px!important;justify-content:flex-start!important;overflow:auto!important;}
  .site-header .header-contact,.site-header.wgr-scrolled .header-contact{display:none!important;}
}