.elementor-697 .elementor-element.elementor-element-a415e99{--display:flex;--min-height:100vh;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;border-style:none;--border-style:none;--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-697 .elementor-element.elementor-element-996da34{--display:flex;}.elementor-697 .elementor-element.elementor-element-996da34:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-996da34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.bildunggegenarmut.ch/wp-content/uploads/2026/01/ObenLinks.jpg");background-position:center center;}.elementor-697 .elementor-element.elementor-element-b105b71{--display:flex;}.elementor-697 .elementor-element.elementor-element-b105b71:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-b105b71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.bildunggegenarmut.ch/wp-content/uploads/2026/01/ObenRechts.jpg");}.elementor-697 .elementor-element.elementor-element-fa41dc2{--display:flex;}.elementor-697 .elementor-element.elementor-element-fa41dc2:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-fa41dc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.bildunggegenarmut.ch/wp-content/uploads/2026/01/UntenLinks.jpg");}.elementor-697 .elementor-element.elementor-element-03c9cf8{--display:flex;}.elementor-697 .elementor-element.elementor-element-03c9cf8:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-03c9cf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.bildunggegenarmut.ch/wp-content/uploads/2026/01/UntenRechts.jpg");}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-697 .elementor-element.elementor-element-3f4c49c.elementor-element{--align-self:center;}body:not(.rtl) .elementor-697 .elementor-element.elementor-element-3f4c49c{left:50%;}body.rtl .elementor-697 .elementor-element.elementor-element-3f4c49c{right:50%;}.elementor-697 .elementor-element.elementor-element-3f4c49c{top:50%;}#elementor-popup-modal-697 .dialog-widget-content{animation-duration:0.5s;background-color:#00000000;border-style:none;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-697{background-color:var( --e-global-color-20ac131 );justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-697 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-697 .dialog-close-button{display:flex;top:0px;font-size:23px;}body:not(.rtl) #elementor-popup-modal-697 .dialog-close-button{right:0px;}body.rtl #elementor-popup-modal-697 .dialog-close-button{left:0px;}@media(min-width:768px){.elementor-697 .elementor-element.elementor-element-a415e99{--width:100vw;}}@media(max-width:1024px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for theme-site-logo, class: .elementor-element-3f4c49c */.popup-stage .pop-logo img{
  max-width: 360px;
  height: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a415e99 *//* Bühne Vollbild */
.popup-stage{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

/* Die 4 Kacheln (Quadranten) */
.popup-stage .tile{
  position: absolute;
  width: 50vw;
  height: 50vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 1;
  will-change: transform, opacity;
}

/* Quadranten-Positionen (Endposition = nahtlos) */
.popup-stage .tl{ top: 0; left: 0; }
.popup-stage .tr{ top: 0; right: 0; }
.popup-stage .bl{ bottom: 0; left: 0; }
.popup-stage .br{ bottom: 0; right: 0; }

/* Logo immer darüber, ohne Layout-Einfluss */
.popup-stage .pop-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0;
}

/* Einfliegen: Start "ausserhalb", Ende exakt eingerastet */
@keyframes fly-tl { 0%{ transform: translate(-110%, -110%); opacity: 0; } 100%{ transform: translate(0,0); opacity: 1; } }
@keyframes fly-tr { 0%{ transform: translate(110%, -110%);  opacity: 0; } 100%{ transform: translate(0,0); opacity: 1; } }
@keyframes fly-bl { 0%{ transform: translate(-110%, 110%);  opacity: 0; } 100%{ transform: translate(0,0); opacity: 1; } }
@keyframes fly-br { 0%{ transform: translate(110%, 110%);   opacity: 0; } 100%{ transform: translate(0,0); opacity: 1; } }

@keyframes logo-in { 0%{ opacity:0; transform:translate(-50%,-50%) scale(.9); } 100%{ opacity:1; transform:translate(-50%,-50%) scale(1); } }

/* Trigger, sobald das Elementor-Popup sichtbar ist */
.elementor-popup-modal .popup-stage .tl{ animation: fly-tl .8s ease-out .05s forwards; }
.elementor-popup-modal .popup-stage .tr{ animation: fly-tr .8s ease-out .15s forwards; }
.elementor-popup-modal .popup-stage .bl{ animation: fly-bl .8s ease-out .25s forwards; }
.elementor-popup-modal .popup-stage .br{ animation: fly-br .8s ease-out .35s forwards; }

/* Logo: nach dem Einrasten (oder Delay kleiner machen, wenn gleichzeitig gewünscht) */
.elementor-popup-modal .popup-stage .pop-logo{
  animation: logo-in .45s ease-out .95s forwards;
}/* End custom CSS */
/* Start custom CSS *//* Bühne */
.popup-stage{
  position: relative;
  overflow: hidden;
  min-height: 420px;
}

/* Eck-Bilder */
.popup-stage .pop-corner{
  position: absolute;
  width: 140px;
  max-width: 28%;
  height: auto;
  opacity: 0;
  z-index: 2;
}

.popup-stage .tl{ top: 0; left: 0; }
.popup-stage .tr{ top: 0; right: 0; }
.popup-stage .bl{ bottom: 0; left: 0; }
.popup-stage .br{ bottom: 0; right: 0; }

/* Logo mittig */
.popup-stage .pop-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 0; /* damit wir es animieren können */
}

/* Keyframes */
@keyframes fly-tl{ 0%{transform:translate(-140%,-140%);opacity:0} 100%{transform:translate(0,0);opacity:1} }
@keyframes fly-tr{ 0%{transform:translate(140%,-140%);opacity:0} 100%{transform:translate(0,0);opacity:1} }
@keyframes fly-bl{ 0%{transform:translate(-140%,140%);opacity:0} 100%{transform:translate(0,0);opacity:1} }
@keyframes fly-br{ 0%{transform:translate(140%,140%);opacity:0} 100%{transform:translate(0,0);opacity:1} }

@keyframes pop-logo-in{ 0%{opacity:0; transform:translate(-50%,-50%) scale(.85)} 100%{opacity:1; transform:translate(-50%,-50%) scale(1)} }

/* Trigger sobald Popup sichtbar */
.elementor-popup-modal .popup-stage .tl{ animation: fly-tl .8s ease-out .10s forwards; }
.elementor-popup-modal .popup-stage .tr{ animation: fly-tr .8s ease-out .20s forwards; }
.elementor-popup-modal .popup-stage .bl{ animation: fly-bl .8s ease-out .30s forwards; }
.elementor-popup-modal .popup-stage .br{ animation: fly-br .8s ease-out .40s forwards; }

/* Logo-Variante: gleichzeitig ODER danach -> siehe unten */
.elementor-popup-modal .popup-stage .pop-logo{
  animation: pop-logo-in .45s ease-out .15s forwards;
}/* End custom CSS */