.elementor-692 .elementor-element.elementor-element-473624d{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.77;box-shadow:0px 0px 10px 15px rgba(0, 0, 0, 0.5);}.elementor-692 .elementor-element.elementor-element-473624d:not(.elementor-motion-effects-element-type-background), .elementor-692 .elementor-element.elementor-element-473624d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://polio.rotary-1900.de/wp-content/uploads/2026/01/ze0p7odosBta-8ARs0SXc835m-oi1fDGUtoJYn7PFvLIfeC8j-omIu2C8Kui-EETa11K9khJ0Cm8Au46bn5sUDmO-3zYoqPFABvJAcClKSo.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-692 .elementor-element.elementor-element-473624d::before, .elementor-692 .elementor-element.elementor-element-473624d > .elementor-background-video-container::before, .elementor-692 .elementor-element.elementor-element-473624d > .e-con-inner > .elementor-background-video-container::before, .elementor-692 .elementor-element.elementor-element-473624d > .elementor-background-slideshow::before, .elementor-692 .elementor-element.elementor-element-473624d > .e-con-inner > .elementor-background-slideshow::before, .elementor-692 .elementor-element.elementor-element-473624d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-692 .elementor-element.elementor-element-d3fe29c{--display:flex;--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;}.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-692 .elementor-element.elementor-element-7994413{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-c40c137{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-a4e949c{--display:flex;--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;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-692 .elementor-element.elementor-element-5447a67 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-5447a67 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-5447a67 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-5447a67 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-5447a67 .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-0b4ec4b .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-0b4ec4b .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-0b4ec4b .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-0b4ec4b .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-0b4ec4b .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-a56caf1{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-c9c0e0b .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-c9c0e0b .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-c9c0e0b .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-c9c0e0b .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-c9c0e0b .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-4a83265 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-4a83265 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-4a83265 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-4a83265 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-4a83265 .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-ead33ce{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-43a18b9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-43a18b9 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-43a18b9 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-43a18b9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-43a18b9 .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-91d1841 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-91d1841 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-91d1841 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-91d1841 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-91d1841 .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-800c206{--display:grid;--min-height:45vh;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-692 .elementor-element.elementor-element-188fd56{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-0b0051b{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-48546e1{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-dd55b31{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-08dbd0e{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-c6e75e9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-c6e75e9 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-c6e75e9 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-c6e75e9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-c6e75e9 .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-883a6ff{--display:flex;--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;}.elementor-692 .elementor-element.elementor-element-2d309d1 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-2d309d1 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-2d309d1 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-2d309d1 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-2d309d1 .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-7167e2f .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-7167e2f .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-7167e2f .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-7167e2f .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-7167e2f .elementor-flip-box__button{margin-inline-center:0;}.elementor-692 .elementor-element.elementor-element-42524b8 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-42524b8 .elementor-icon i{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-42524b8 .elementor-icon svg{transform:rotate(0deg);}.elementor-692 .elementor-element.elementor-element-42524b8 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-692 .elementor-element.elementor-element-42524b8 .elementor-flip-box__button{margin-inline-center:0;}body.elementor-page-692:not(.elementor-motion-effects-element-type-background), body.elementor-page-692 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}@media(max-width:1024px){.elementor-692 .elementor-element.elementor-element-800c206{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-692 .elementor-element.elementor-element-d3fe29c{--width:33.3333%;}.elementor-692 .elementor-element.elementor-element-7994413{--width:33.3333%;}.elementor-692 .elementor-element.elementor-element-c40c137{--width:33.3333%;}.elementor-692 .elementor-element.elementor-element-a4e949c{--width:33.3333%;}.elementor-692 .elementor-element.elementor-element-a56caf1{--width:33.3333%;}.elementor-692 .elementor-element.elementor-element-ead33ce{--width:33.3333%;}.elementor-692 .elementor-element.elementor-element-188fd56{--width:100%;}.elementor-692 .elementor-element.elementor-element-0b0051b{--width:100%;}.elementor-692 .elementor-element.elementor-element-48546e1{--width:100%;}.elementor-692 .elementor-element.elementor-element-dd55b31{--width:100%;}.elementor-692 .elementor-element.elementor-element-08dbd0e{--width:100%;}.elementor-692 .elementor-element.elementor-element-883a6ff{--width:100%;}}@media(max-width:767px){.elementor-692 .elementor-element.elementor-element-800c206{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for flip-box, class: .elementor-element-5447a67 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-0b4ec4b *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-c9c0e0b *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-4a83265 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-43a18b9 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-91d1841 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-c6e75e9 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-2d309d1 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-7167e2f *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-42524b8 *//* Modern Elementor Flip Box
   - smooth 3D flip
   - subtle glass/gradient look
   - better shadows + border
   - accessible focus + reduced motion
*/

/* Optional: nur diese eine Flipbox stylen, indem du ihr in Elementor eine CSS-Klasse gibst:
   z.B. "flipbox-modern" und dann .flipbox-modern.elementor-flip-box { ... } */
.elementor-flip-box {
  --fb-radius: 18px;
  --fb-border: rgba(255,255,255,.14);
  --fb-shadow: 0 18px 45px rgba(0,0,0,.18);
  --fb-shadow-hover: 0 26px 70px rgba(0,0,0,.28);
  --fb-dur: 800ms;
  --fb-ease: cubic-bezier(.2,.8,.2,1);
  --fb-front: linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
  --fb-back: linear-gradient(135deg, rgba(0,0,0,.35), rgba(0,0,0,.15));
}

/* Container */
.elementor-flip-box .elementor-flip-box__layer {
  border-radius: var(--fb-radius);
  overflow: hidden;
  border: 1px solid var(--fb-border);
  box-shadow: var(--fb-shadow);
  transform: translateZ(0);
  will-change: transform;
}

/* Perspektive / 3D */
.elementor-flip-box .elementor-flip-box__container {
  perspective: 1200px;
  transform-style: preserve-3d;
}

/* Smoother Flip */
.elementor-flip-box .elementor-flip-box__layer__inner {
  transition: transform var(--fb-dur) var(--fb-ease), filter var(--fb-dur) var(--fb-ease);
}

/* Hover: Schatten + minimal Lift */
.elementor-flip-box:hover .elementor-flip-box__layer,
.elementor-flip-box:focus-within .elementor-flip-box__layer {
  box-shadow: var(--fb-shadow-hover);
  transform: translateY(-2px);
}

/* Front/Back Background modernisieren */
.elementor-flip-box .elementor-flip-box__front {
  background: var(--fb-front);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-flip-box .elementor-flip-box__back {
  background: var(--fb-back);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Typography & spacing */
.elementor-flip-box .elementor-flip-box__layer__title {
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin-bottom: .45rem;
}

.elementor-flip-box .elementor-flip-box__layer__description {
  line-height: 1.55;
  opacity: .92;
}

/* Icon “premium” feel */
.elementor-flip-box .elementor-icon,
.elementor-flip-box .elementor-flip-box__layer__icon {
  transform: translateZ(0);
  transition: transform 450ms var(--fb-ease), filter 450ms var(--fb-ease);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

.elementor-flip-box:hover .elementor-icon,
.elementor-flip-box:hover .elementor-flip-box__layer__icon {
  transform: translateY(-2px) scale(1.03);
}

/* Button/Link modern */
.elementor-flip-box .elementor-button,
.elementor-flip-box a.elementor-flip-box__button {
  border-radius: 999px;
  padding: .75rem 1.05rem;
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 250ms var(--fb-ease), box-shadow 250ms var(--fb-ease), background-color 250ms var(--fb-ease);
}

.elementor-flip-box .elementor-button:hover,
.elementor-flip-box a.elementor-flip-box__button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Subtle highlight overlay */
.elementor-flip-box .elementor-flip-box__front::before,
.elementor-flip-box .elementor-flip-box__back::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 380px at 20% 0%, rgba(255,255,255,.20), transparent 55%);
  pointer-events: none;
}

/* Focus sichtbar (Accessibility) */
.elementor-flip-box a:focus-visible,
.elementor-flip-box button:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 3px;
  border-radius: 10px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  .elementor-flip-box .elementor-flip-box__layer__inner,
  .elementor-flip-box .elementor-icon,
  .elementor-flip-box .elementor-flip-box__layer__icon {
    transition: none !important;
  }
  .elementor-flip-box:hover .elementor-flip-box__layer {
    transform: none;
  }
}/* End custom CSS */