.region-top-menu{
  height: 133px;
}
.region-top-menu .site-logo img{
    width:auto;
    height: clamp(40px, 4rem, 80px);
    margin-top:15px;
}
.on-top .region-top-menu .site-logo img{
  margin-top:0;
}
.region-top-menu .site-name{
  font-size: clamp(15px,2vw,30px);
  margin-top: auto;
  margin-bottom: auto;
}
.region-top-menu .site-name a .break {
  display: inline;
}
.on-top .region-top-menu .menu--top-menue .menu{
  margin: 0;
}
.region-top-menu .site-name.thjf a,
.region-top-menu .site-name.thjf a strong{
    color: var(--main);
}
.region-primary-menu .menu--main .menu li a.is-active, 
.region-primary-menu .menu--main .menu li.menu-item--active-trail > a {
  background-color: transparent;
}
.region-secondary-menu .menu--main .menu li:hover a, 
.region-secondary-menu .menu--main .menu li:hover span, 
.region-secondary-menu .menu--main .menu li a.is-active{
  color: var(--dark);
}
.region-bg-content {
  background-color: var(--superdark);
}
.region-bg-content h2,
.region-bg-content h3{
  color: var(--main);
}
.region-left-widget .icon-widget .icon-group .content span.sm-icon img{
  filter: brightness(0) saturate(100%) invert(53%) sepia(100%) saturate(687%) hue-rotate(348deg) brightness(96%) contrast(97%);
}
@media (max-width: 990px) {
  #block-thjf-hauptnavigation-2, .region-secondary-menu {
    display: none;
  }
  .region-top-menu .site-name a .break {
  display: block;
  }
  .region-top-menu {
  height: 123px;
  }
  .region-primary-menu.open{
    top:123px;
  }
  .hamburger-icon {
    display: block;
  }
}
@media (max-width: 780px) {
  .region-top-menu .site-logo img{
    height: clamp(40px, 3rem, 85px);
  }
}
@media (max-width: 705px) {
  .region-top-menu .site-name a .break {
    display: inline;
  }
  .region-top-menu .site-logo img{
    margin-top: 0;
  }
  .region-top-menu .site-name{
    margin-top: -10px;
  }
  .block-system-branding-block .block-content{
    gap:15px
  }
}
@media (max-width: 655px) {
  .region-top-menu .site-name{
    margin-top: auto;
  }
  .block-system-branding-block{
      width:auto;
  }
  .region-top-menu .block-menu.navigation{
      width:auto;
  }
  .region-top-menu .region-inner{
      display : grid ;
      grid-template-columns : 60% 40% ;
      grid-template-rows : 40px 70px ;
      grid-column-gap : 0px;
      grid-row-gap : 0px ;
  }
  .block-system-branding-block { 
      grid-area : 2 / 1 / 3 / 2 ; 
  }
  .hamburger-icon { 
      grid-area : 2 / 2 / 3 / 3 ;
      margin: 27px 0 0 auto;
  }
  .menu--top-menue { 
      grid-area : 1 / 1 / 2 / 3 ; 
  }
  .block-system-branding-block{
      margin: 0;
  }
  .block-system-branding-block .block-content{
      flex-wrap: nowrap;
      margin-top: 5px;
  }
  .region-top-menu .site-name {
      margin-top: 15px;
  }
  .region-top-menu .menu--top-menue .menu{
      margin-top: 0;
      padding: 0;
      justify-content: space-between;
      flex-wrap: nowrap;
      max-width: inherit;
      column-gap: 10px;
  }
  .region-top-menu .menu--top-menue .menu a{
      max-width: max-content;
      font-size: 0.7rem;
  }
    .on-top .region-top-menu .menu--top-menue .menu {
      margin-top: 3px;
  }
  .on-top .region-top-menu .menu--top-menue .menu{
      height: max-content;
  }
  .on-top .region-top-menu .region-inner{
      grid-template-rows : 25px 45px ;
  }
  .on-top .block-system-branding-block .block-content{
      margin-top: 0;
  }
  .on-top .hamburger-icon {
      margin-top: 5px;
  }
}
@media (max-width: 560px) {
  .region-top-menu .site-name {
    margin-top: 0;
  }
  .region-top-menu .site-name a .break {
    display: block;
  }
}
@media (max-width: 470px) {
  .region-top-menu .site-name a .break {
    display: block;
  }
}