.on-top .block-system-branding-block {
  margin-top: 10px;
}
.region-top-menu .site-logo img{
    width:clamp(60px,7vw,120px);
    height: auto;
}
.region-top-menu .site-name{
  font-size: clamp(13px,1.5vw,26px);
  line-height: 1.2em; 
}
.region-top-menu .site-name a{
  font-weight: 500;
  color: var(--gzg-dark);
  letter-spacing: 0.8em;
}
.on-top .region-top-menu .site-logo img{
  width: 50px;
  height: auto;
}
.on-top .region-top-menu .site-name{
  font-size: 0.6rem;
  margin-top: 0.4rem;
}
.region-primary-menu{
    background-color: var(--gzg-primary);
}
.region-primary-menu .menu--main .menu li a.is-active, 
.region-primary-menu .menu--main .menu li.menu-item--active-trail > a {
  background-color: var(--gzg-dark);
  color: var(--gzg-accent);
}
.region-primary-menu .menu--main .menu li:hover a, 
.region-primary-menu .menu--main .menu li:hover span {
  color: var(--gzg-light);
}
.region-left-widget .icon-widget .icon-group .icon{
  background-color: var(--gzg-dark);
}
.region-left-widget .icon-widget .icon-group:hover .icon{
  background-color: var(--gzg-primary);
}
.region-left-widget .icon-widget .icon-group .content span.sm-icon img{
filter: invert(17%) sepia(23%) saturate(4848%) hue-rotate(185deg) brightness(91%) contrast(101%); 
}
.region-bg-content {
  background-color: var(--gzg-dark);
}
.region-bg-content .subheadline h2{
  color:var(--gzg-orange);
}
@media (max-width: 940px) {
  #block-gzg-hauptnavigation-2, .region-secondary-menu {
    display: none;
  }
  .region-top-menu {
    height: 110px;
  }
}
@media (max-width: 590px) {
  .block-system-branding-block .block-content,
  .on-top .block-system-branding-block {
    margin-top: 0;
  }
  .on-top .region-top-menu .site-logo img {
    width: 40px;
    height: auto;
  }
}