#gt-hero {
  position: relative;
  min-height: min(92svh, 900px);
  display: flex;
  align-items: center;
  overflow: hidden;
}
.gtz-map { position: absolute; inset: 0; z-index: 0; }
.gtz-clip {
  position: absolute; inset: 0; overflow: hidden;
  transition: filter 0.9s ease;
}

#gt-hero.gtz-done .gtz-clip { filter: grayscale(0.55) saturate(0.75) brightness(1.05); }

.gtz-stack {
  position: absolute; left: 50%; top: 50%;
  width: 2304px; height: 1440px;
  margin: -720px 0 0 -1152px;
  transform-origin: center;
}
.gtz-stack > img, .gtz-overlay {
  position: absolute; left: 50%; top: 50%;
  transform-origin: center;
  max-width: none;
  user-select: none;
  -webkit-user-drag: none;
}
.gtz-l3, .gtz-overlay { width: 2304px; height: 1440px; margin: -720px 0 0 -1152px; }
.gtz-l1, .gtz-l2 { width: 1280px; height: 880px; margin: -440px 0 0 -640px; }
.gtz-overlay { opacity: 0; pointer-events: none; }


.gtz-video {
  position: absolute;
  display: none;
  
  object-fit: cover;
  width: auto; height: auto;
  z-index: 1;
}


.gtz-frame {
  position: absolute;
  border: 1px solid #000;
  background: transparent;
  pointer-events: none;
  z-index: 1;
}
.gtz-credit {
  position: absolute; right: 8px; bottom: 6px; z-index: 2;
  font-family: "Space Mono", monospace;
  font-size: 10px; line-height: 1.4;
  color: #000000c5;
  background: #ffffffae;
  padding: 1px 7px;
}
.gtz-credit a { color: inherit; }


.gt-hero-inner {
  position: relative; z-index: 2;
  max-width: 620px;
  background: color-mix(in srgb, var(--color-bg) 88%, transparent);
  border: 1px solid #000;
  padding: 2.2rem 2.4rem;
  backdrop-filter: blur(2px);
}
.gt-hero-inner .heading-hero { text-align: left; font-size: 4.6vh; margin: 14px 0 10px; }
.gt-hero-inner .p-opener { text-align: left; }
.gt-hero-inner .p-lead { margin-bottom: 1.4rem; }
.gt-hero-inner .block-next-steps-2 { align-self: flex-start; }
.gt-hero-note {
  font-family: "Space Mono", monospace;
  font-size: 0.75rem;
  color: #000000b0;
  margin-top: 0.9rem;
}

@media screen and (min-width: 992px) {
  
  #gt-hero .wrap { width: 100%; }
  .gt-hero-inner { margin-right: auto; }
}
@media screen and (max-width: 991px) {
  #gt-hero { min-height: min(94svh, 820px); align-items: flex-start; }
  #gt-hero .padding-section-large { padding-top: 2.2rem; }
  .gt-hero-inner { max-width: none; padding: 1.5rem 1.25rem; }
  .gt-hero-inner .heading-hero { font-size: var(--m-fs-h1); }
}
@media screen and (max-width: 479px) {
  .gt-hero-inner .heading-hero { font-size: var(--m-fs-h1-xs); }
}

@media (prefers-reduced-motion: reduce) {
  .gtz-clip { transition: none; }
}


.gt-orte {
  display: flex; flex-wrap: wrap; gap: 8px 10px;
  margin: 1.1rem 0 0.4rem;
  padding: 0;
  list-style: none;
}
.gt-orte li {
  font-family: "Space Mono", monospace;
  font-size: 0.8125rem;
  border: 1px solid #000;
  padding: 4px 10px;
  background: transparent;
}
.gt-nap {
  font-family: "Space Mono", monospace;
  font-size: 0.8125rem;
  color: #000000c5;
  margin-top: 1.2rem;
}


.gt-vor-ort-karte { align-self: start; }
.gt-vor-ort-karte .mh-card { cursor: default; }
.gt-vor-ort-karte .mh-card:hover { background: transparent; }



.gt-leistungen-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  max-width: 980px;
  margin: 0 auto;
}
.gt-leistungen-grid .mh-card { text-decoration: none; color: inherit; }
.gt-leistungen-grid .mh-card:hover { background-color: #00000009; }
.gt-leistungen-grid .mh-card-mehr {
  font-family: "Space Mono", monospace;
  font-size: 0.8125rem;
  margin-top: auto;
  border-top: 1px solid #00000033;
  padding-top: 0.8rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .gt-leistungen-grid { grid-template-columns: 1fr; gap: var(--m-gap-card, 12px); }
}


.gtz-ki {
  position: absolute; left: 8px; bottom: 6px; z-index: 2;
  font-family: "Space Mono", monospace;
  font-size: 10px; line-height: 1.4;
  color: #fff;
  background: #000;
  padding: 2px 7px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  pointer-events: none;
}