.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:140px;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:140px;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:140px;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:140px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-64f24cc{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-64f24cc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:140px;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:140px;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:140px;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:140px;font-weight:800;color:#EAEAEA;}.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:140px;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:140px;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:140px;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:140px;font-weight:800;color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-ef0c4d4{width:100%;max-width:100%;z-index:5;}.elementor-255 .elementor-element.elementor-element-ef0c4d4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:140px;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:140px;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:180;}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:start;}.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-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 );}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-815f0e7{left:-20px;}body.rtl .elementor-255 .elementor-element.elementor-element-815f0e7{right:-20px;}.elementor-255 .elementor-element.elementor-element-815f0e7{top:750px;z-index:5;}.elementor-255 .elementor-element.elementor-element-815f0e7 img{width:60%;opacity:0.5;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-3d6cbdb{right:16px;}body.rtl .elementor-255 .elementor-element.elementor-element-3d6cbdb{left:16px;}.elementor-255 .elementor-element.elementor-element-3d6cbdb{top:16px;z-index:999999;}.elementor-255 .elementor-element.elementor-element-3d6cbdb .elementor-icon-wrapper{text-align:center;}.elementor-255 .elementor-element.elementor-element-3d6cbdb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-3d6cbdb.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-3d6cbdb.elementor-view-default .elementor-icon{color:var( --e-global-color-16478ba );border-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-3d6cbdb.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-3d6cbdb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-3d6cbdb .elementor-icon{font-size:30px;}.elementor-255 .elementor-element.elementor-element-3d6cbdb .elementor-icon svg{height:30px;}.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:#B4BBBC00;}.elementor-255 .elementor-element.elementor-element-b282b0d{margin:0px 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:140px;font-weight:800;color:var( --e-global-color-16478ba );}.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;--justify-content:center;}.elementor-255 .elementor-element.elementor-element-814d4d7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-255 .elementor-element.elementor-element-814d4d7.e-con{--align-self:center;}.elementor-255 .elementor-element.elementor-element-d2a33c1{z-index:20;}.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:100px;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon svg{height:100px;}.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-bfd4cde.e-con{--align-self: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:100px;}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon svg{height:100px;}.elementor-255 .elementor-element.elementor-element-02be859{--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-02be859.e-con{--align-self:center;}.elementor-255 .elementor-element.elementor-element-e376ca4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-e376ca4.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-e376ca4.elementor-view-default .elementor-icon{color:var( --e-global-color-16478ba );border-color:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-e376ca4.elementor-view-framed .elementor-icon, .elementor-255 .elementor-element.elementor-element-e376ca4.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-16478ba );}.elementor-255 .elementor-element.elementor-element-e376ca4 .elementor-icon{font-size:100px;}.elementor-255 .elementor-element.elementor-element-e376ca4 .elementor-icon svg{height:100px;}.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;}.elementor-255 .elementor-element.elementor-element-9935a2f{z-index:0;}.elementor-255 .elementor-element.elementor-element-8e14743{z-index:0;}.elementor-255 .elementor-element.elementor-element-f56d949{z-index:0;}@media(min-width:768px){.elementor-255 .elementor-element.elementor-element-adaf18d{--content-width:1480px;}.elementor-255 .elementor-element.elementor-element-74d0a64{--width:30%;}}@media(max-width:1024px){.elementor-255 .elementor-element.elementor-element-8a98ee0 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-ead3f0e .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-c27b657 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-f720576 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-64f24cc .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-64ac4ed .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-f72825d .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-4b430c6 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-2265499 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-6161fa4 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-7b8e62f .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-2f5cecc .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-ef0c4d4 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-a702075 .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-e0ff037 .elementor-icon{font-size:40px;}.elementor-255 .elementor-element.elementor-element-e0ff037 .elementor-icon svg{height:40px;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-815f0e7{left:-70px;}body.rtl .elementor-255 .elementor-element.elementor-element-815f0e7{right:-70px;}.elementor-255 .elementor-element.elementor-element-815f0e7{top:370px;}.elementor-255 .elementor-element.elementor-element-815f0e7 img{width:40%;}.elementor-255 .elementor-element.elementor-element-b282b0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-255 .elementor-element.elementor-element-b282b0d .elementor-heading-title{font-size:70px;}.elementor-255 .elementor-element.elementor-element-74d0a64{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon{font-size:60px;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon svg{height:60px;}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon{font-size:60px;}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon svg{height:60px;}.elementor-255 .elementor-element.elementor-element-e376ca4 .elementor-icon{font-size:60px;}.elementor-255 .elementor-element.elementor-element-e376ca4 .elementor-icon svg{height:60px;}}@media(max-width:767px){.elementor-255 .elementor-element.elementor-element-8a98ee0 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-ead3f0e .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-c27b657 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-f720576 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-64f24cc .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-64ac4ed .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-f72825d .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-4b430c6 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-2265499 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-6161fa4 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-7b8e62f .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-2f5cecc .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-ef0c4d4 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-a702075 .elementor-heading-title{font-size:36px;}.elementor-255 .elementor-element.elementor-element-e0ff037 .elementor-icon{font-size:30px;}.elementor-255 .elementor-element.elementor-element-e0ff037 .elementor-icon svg{height:30px;}body:not(.rtl) .elementor-255 .elementor-element.elementor-element-815f0e7{left:-100px;}body.rtl .elementor-255 .elementor-element.elementor-element-815f0e7{right:-100px;}.elementor-255 .elementor-element.elementor-element-815f0e7{top:180px;}.elementor-255 .elementor-element.elementor-element-815f0e7 img{width:30%;}.elementor-255 .elementor-element.elementor-element-b282b0d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-255 .elementor-element.elementor-element-b282b0d .elementor-heading-title{font-size:30px;}.elementor-255 .elementor-element.elementor-element-74d0a64{--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;--margin-top:0px;--margin-bottom:130px;--margin-left:0px;--margin-right:0px;}.elementor-255 .elementor-element.elementor-element-814d4d7{--width:45%;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon{font-size:36px;}.elementor-255 .elementor-element.elementor-element-d2a33c1 .elementor-icon svg{height:36px;}.elementor-255 .elementor-element.elementor-element-bfd4cde{--width:45%;}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon{font-size:36px;}.elementor-255 .elementor-element.elementor-element-47a1eee .elementor-icon svg{height:36px;}.elementor-255 .elementor-element.elementor-element-02be859{--width:45%;}.elementor-255 .elementor-element.elementor-element-e376ca4 .elementor-icon{font-size:36px;}.elementor-255 .elementor-element.elementor-element-e376ca4 .elementor-icon svg{height:36px;}}/* Start custom CSS for container, class: .elementor-element-74d0a64 *//* Icons im Overlay dürfen klicken */
.elementor-element-c80b8a7 .overlay-icons,
.elementor-element-c80b8a7 .overlay-icons a {
  pointer-events: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adaf18d */.elementor-255 .elementor-element.elementor-element-adaf18d{
  position: relative;
}/* 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 for html, class: .elementor-element-8e14743 */.video-end-overlay.no-trans,
.elementor-element-c80b8a7.no-trans {
  transition: none !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   AV ARCHITECTS – HERO VIDEO + OVERLAY (STABIL)
   - kein Blinken
   - kein Layout-Shift
   - Overlay blockt keine Klicks
   ========================================================= */

/* Scrollbar-Shift verhindern, wenn Overlay aktiv ist */
html.overlay-open {
  overflow: hidden;
  padding-right: var(--sbw, 0px);
}

/* Optional: Grundlayout für den Video-Viewport */
.video-viewport {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Video Wrapper: responsive */
.video-wrapper {
  width: 1480px;
  max-width: 100%;
}

.video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================================================
   Sync-Text (Hashtags/Text über Video)
   ========================================================= */
.sync-text {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  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-End-Overlay (nur Optik, NIE klickend)
   ========================================================= */
.video-end-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;

  background: rgba(0,0,0,0);
  opacity: 0;

  transition: opacity 1.2s ease, background 1.2s ease;

  z-index: 9999;
  pointer-events: none !important;

  /* Stabilitäts-Hacks gegen Flackern/Sprung */
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: opacity, background;
}

/* Wenn JS hart versteckt */
.video-end-overlay.no-trans {
  transition: none !important;
}

/* Sichtbar (nur über unsere Klasse) */
.video-end-overlay.overlay56 {
  opacity: 1;
  background: rgba(0,0,0,0.85);
}

/* Kill-Switch (wenn JS force-hidden setzt) */
.video-end-overlay[data-force-hidden="1"] {
  opacity: 0 !important;
  background: rgba(0,0,0,0) !important;
}

/* =========================================================
   Menü/Icons immer klickbar (falls vorhanden)
   ========================================================= */
.menu-icon,
#menu-icon,
.hero-menu-toggle {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

/* Floating Icons über Overlay klickbar */
.overlay-icons-floating {
  position: fixed;
  left: 50%;
  bottom: 120px;
  transform: translateX(-50%);
  z-index: 2147483646 !important;
  pointer-events: auto !important;
}

.overlay-icons-floating a,
.overlay-icons-floating svg {
  pointer-events: auto !important;
}

/* =========================================================
   Falls das alte Elementor-Overlay-Element noch existiert:
   deaktivieren, damit es NICHT doppelt rendert.
   (wichtig gegen Poppen/Blink)
   ========================================================= */
.elementor-element-c80b8a7 {
  display: none !important;
}



/* Nur wenn Overlay aktiv ist (html.overlay-open wird vom JS gesetzt) */
html.overlay-open .overlay-x{
  opacity: 1;
  pointer-events: auto;
}

/* Icon bleibt weiß */
.overlay-x svg,
.overlay-x i{
  color: #fff !important;
  fill: #fff !important;
}
/* ================================
   Overlay Close Button (X)
   ================================ */

/* X Positionierung relativ zum Overlay */
.overlay-x{
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 10000 !important;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Sichtbar nur wenn Overlay aktiv */
html.overlay-open .overlay-x{
  opacity: 1;
  pointer-events: auto;
}

/* Icon weiß */
.overlay-x svg,
.overlay-x i{
  color: #fff !important;
  fill: #fff !important;
}
/* VideoWrapper muss Bezugspunkt sein */
.VideoWrapper{
  position: relative;
}

/* Close-Button standardmäßig unsichtbar */
.close-overlay{
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px) scale(.92);
  filter: blur(1px);
  transition:
    opacity .25s ease,
    transform .25s cubic-bezier(.2,.8,.2,1),
    filter .25s ease;
  will-change: opacity, transform, filter;
}

html.overlay-open .close-overlay{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

html.overlay-open .close-overlay:hover{
  transform: translateY(0) scale(1.06);
}

html.overlay-open .close-overlay{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

html.overlay-open .close-overlay:hover{
  transform: translateY(0) scale(1.06);
}

/* Wenn Overlay offen ist */
html.overlay-open .close-overlay{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Position oben rechts im Video */
.VideoWrapper .close-overlay{
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 9999;
}/* End custom CSS */