.elementor-255 .elementor-element.elementor-element-382c906{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:11;}.elementor-255 .elementor-element.elementor-element-adaf18d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-255 .elementor-element.elementor-element-8a98ee0{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-8a98ee0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-ead3f0e{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-ead3f0e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-c27b657{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-c27b657 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-f720576{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-f720576 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-64ac4ed{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-64ac4ed .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-f72825d{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-f72825d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-4b430c6{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-4b430c6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-2265499{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-2265499 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-6161fa4{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-6161fa4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-7b8e62f{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-7b8e62f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-2f5cecc{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-2f5cecc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-a702075{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-a702075 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:160px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-255 .elementor-element.elementor-element-e0ff037{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:20px;z-index:20;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-e0ff037{left:20px;}body.rtl .elementor-255 .elementor-element.elementor-element-e0ff037{right:20px;}.elementor-255 .elementor-element.elementor-element-e0ff037 .elementor-icon-wrapper{text-align:left;}.elementor-255 .elementor-element.elementor-element-e0ff037.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-e0ff037.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-e0ff037.elementor-view-default .elementor-icon{color:var( --e-global-color-16478ba );border-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-e0ff037.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-e0ff037.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-0234331{z-index:0;}.elementor-255 .elementor-element.elementor-element-c808ba7{--display:flex;--justify-content:flex-start;}.elementor-255 .elementor-element.elementor-element-c808ba7:not(.elementor-motion-effects-element-type-background), .elementor-255 .elementor-element.elementor-element-c808ba7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B4BBBC96;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-255 .elementor-element.elementor-element-14750db{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-255 .elementor-element.elementor-element-b282b0d{margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-255 .elementor-element.elementor-element-b282b0d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:80px;font-weight:600;color:var( --e-global-color-30ee107 );}.elementor-255 .elementor-element.elementor-element-74d0a64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-255 .elementor-element.elementor-element-814d4d7{--display:flex;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon-wrapper{text-align:center;}.elementor-255 .elementor-element.elementor-element-d2a33c1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-d2a33c1.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-d2a33c1.elementor-view-default .elementor-icon{color:var( --e-global-color-16478ba );border-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-d2a33c1.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-d2a33c1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon{font-size:140px;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon svg{height:140px;}.elementor-255 .elementor-element.elementor-element-bfd4cde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-255 .elementor-element.elementor-element-47a1eee.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-47a1eee.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-47a1eee.elementor-view-default .elementor-icon{color:var( --e-global-color-16478ba );border-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-47a1eee.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-47a1eee.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon{font-size:140px;}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon svg{height:140px;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-c25f9d9{right:0px;}body.rtl .elementor-255 .elementor-element.elementor-element-c25f9d9{left:0px;}.elementor-255 .elementor-element.elementor-element-c25f9d9{top:0px;}.elementor-255 .elementor-element.elementor-element-c25f9d9 .elementor-icon-wrapper{text-align:center;}.elementor-255 .elementor-element.elementor-element-c25f9d9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-c25f9d9.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-c25f9d9.elementor-view-default .elementor-icon{color:var( --e-global-color-16478ba );border-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-c25f9d9.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-c25f9d9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-c25f9d9 .elementor-icon{font-size:40px;}.elementor-255 .elementor-element.elementor-element-c25f9d9 .elementor-icon svg{height:40px;}.elementor-255 .elementor-element.elementor-element-0f89d2e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-255 .elementor-element.elementor-element-adaf18d{--content-width:1480px;}.elementor-255 .elementor-element.elementor-element-74d0a64{--content-width:840px;}}/* Start custom CSS for container, class: .elementor-element-c808ba7 */.video-end-overlay {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.95);
  transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.85); /* oder Bild */
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.video-end-overlay.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-382c906 */.video-text-container {
  position: relative;
}

.video-text-container .architecture,
.video-text-container .education,
.video-text-container .acoustics,
.video-text-container .design,
.video-text-container .security,
.video-text-container .quality,
.video-text-container .lightning,
.video-text-container .refurbishment,
.video-text-container .research,
.video-text-container .modernisation {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  font-size: 2rem;
  text-align: center;
  pointer-events: none;
  /* Entferne animation: none hier – das wird per JS gesteuert */
}
/* Nur im Editor sichtbar machen */
.elementor-editor-active .architecture,
.elementor-editor-active .education,
.elementor-editor-active .acoustics,
.elementor-editor-active .design,
.elementor-editor-active .security,
.elementor-editor-active .quality,
.elementor-editor-active .lightning,
.elementor-editor-active .refurbishment,
.elementor-editor-active .research,
.elementor-editor-active .modernisation {
  opacity: 1 !important;
}


.video-end-overlay {
  position: absolute; /* Nur über dem Video */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  pointer-events: none;
  transform: scale(0.95);
  transition: opacity 1.2s ease-in-out, transform 1.2s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.video-end-overlay.active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

/* Overlay im Editor sichtbar machen */
.elementor-editor-active .video-end-overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: scale(1) !important;
}/* End custom CSS */
/* Start custom CSS */.sync-text {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 2rem;
  color: #f0f0f0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  transition: opacity 1s ease-in-out;
  pointer-events: none;
  z-index: 10;
}
.sync-text.show {
  opacity: 1;
}
/* Video-Rahmen: orientiert sich genau am Video */
.hero-video-wrapper {
  position: relative;
  display: inline-block;   /* Breite = Breite des Videos */
}

/* Video selbst */
.hero-video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

/* Menü-Button im Video oben links */
.hero-menu-toggle {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 50;

  width: 40px;
  height: 32px;
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
}

/* Drei Linien vom Burger-Icon */
.hero-menu-toggle span {
  display: block;
  height: 3px;
  margin-bottom: 6px;
  background: #ffffff;
}

/* Letzte Linie ohne Abstand unten */
.hero-menu-toggle span:last-child {
  margin-bottom: 0;
}

/* Optional: auf Mobile etwas kleiner / mehr Rand */
@media (max-width: 767px) {
  .hero-menu-toggle {
    top: 12px;
    left: 12px;
    width: 32px;
    height: 26px;
  }
}
/* Vollbild-Viewport + Mitte-Mitte-Ausrichtung */
.video-viewport {
  min-height: 100vh;
  display: flex;
  justify-content: center; /* horizontal */
  align-items: center;     /* vertikal */
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Wrapper auf 1480px begrenzen, aber responsive */
.video-wrapper {
  width: 1480px;
  max-width: 100%;
}

/* Video füllt den Wrapper, aber bleibt proportional */
.video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}/* End custom CSS */