:root {
  --ltg--menu-margin: 128px;
  --ltg--menu-margin-small: 128px;
}

/*********/


/*********/

.ltg-header-standard.ltg-header-grid {
  /* grid-template-rows: 160px 260px 200px 260px var(--ltg--menu-margin) !important; */
  grid-template-rows: 120px 220px 80px 260px var(--ltg--menu-margin) !important;
  grid-template-columns: minmax(1rem, 2rem) minmax(0, 1fr) minmax(200px, 400px) minmax(0px, 700px) minmax(1rem, 2rem) minmax(0, 1fr) !important;
  grid-template-areas:
    "topleftspace topspace topspace topspace topspace toprightspace"
    "leftspace    stuff    logo     content  zeug  rightspace"
    "leftspace    stuff    some   content  zeug  rightspace "
    "leftspace    stuff    overlay  overlay  zeug  rightspace "
    "menu         menu     menu     menu     menu     menu " !important;
}

.ltg-header-standard .ltg-header-logo {
  grid-area: logo !important;
  z-index: 160;
}

.ltg-header-standard .ltg-header-bg {
  grid-area: topleftspace-start/topleftspace-start/rightspace-end/rightspace-end !important;
}

.ltg-header-standard .ltg-header-motiv-bg {
  grid-area: topleftspace-start/topleftspace-start/rightspace-end/rightspace-end !important;
  z-index: 50;
  pointer-events: none;
}

.ltg-header-standard .ltg-header-motiv-overlap {
  grid-area: overlay-start/overlay-start/menu-end/zeug-end !important;
  z-index: 150;
  pointer-events: none;
}

.ltg-header-menu {
  margin-top: calc(0px - var(--ltg--menu-margin));
  z-index: 200;
  transition: 0.2s ease;
}

.ltg-header-menu:hover {
  /* z-index: 170; */
  background-color: rgba(255, 255, 255, 0.9);
}


/* overlap image positioning */

.ltg-header-standard .ltg-header-motiv-overlap {
  position: relative;
}

.ltg-header-overlap .ltg-header-overlap-wrapper {
  position: absolute;
  bottom: 0;
  right: 10vw;
}

/* responsive adjustments */

@media (max-width: 1020px) {
  .ltg-header-standard.ltg-header-grid {
    grid-template-rows: 120px 160px 120px 120px var(--ltg--menu-margin) !important;
    grid-template-columns: minmax(1rem, 2rem) minmax(0, 1fr) minmax(200px, 320px) minmax(0px, 700px) minmax(1rem, 2rem) minmax(0, 1fr) !important;
  }

  .ltg-header-standard .ltg-header-motiv-overlap {
    grid-area: overlay-start/overlay-start/menu-end/rightspace-end !important;
  }
}
@media (max-width: 840px) {
  .ltg-header-standard.ltg-header-grid {
    grid-template-rows: 120px 120px 40px 120px var(--ltg--menu-margin) !important;
    grid-template-columns: minmax(1rem, 2rem) minmax(0, 1fr) minmax(200px, 260px) minmax(0px, 700px) minmax(1rem, 2rem) minmax(0, 1fr) !important;
  }

  .ltg-header-standard .ltg-header-motiv-overlap {
    grid-area: overlay-start/overlay-start/menu-end/rightspace-end !important;
  }
}
@media (max-width: 720px) {

  .ltg-header-standard.ltg-header-grid {
    grid-template-rows: 120px 200px 260px 100px var(--ltg--menu-margin-small) !important;
    grid-template-columns: minmax(1rem, 2rem) minmax(0, 1fr) minmax(200px, 400px) 0px minmax(1rem, 2rem) minmax(0, 1fr) !important;
  }

  .ltg-header-menu {
    margin-top: calc(0px - var(--ltg--menu-margin-small));
  }
}