.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-image:url("https://ahmed.heartweb-testdomain2.de/wp-content/uploads/2025/05/96975ad5-9892-46d6-9c6b-790fb854c2db-scaled-e1747144615255.jpg");background-position:center center;background-repeat:repeat-y;background-size:contain;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1200px){.elementor-kit-7{background-image:url("https://ahmed.heartweb-testdomain2.de/wp-content/uploads/2025/05/96975ad5-9892-46d6-9c6b-790fb854c2db-1-scaled.jpg");background-size:contain;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-7{background-image:url("https://ahmed.heartweb-testdomain2.de/wp-content/uploads/2025/05/96975ad5-9892-46d6-9c6b-790fb854c2db-1-scaled.jpg");background-repeat:repeat;background-size:contain;}}/* Start custom CSS */.mein-verlaufstext {
    background: linear-gradient(90deg, 
        #2D5F99 0%,      /* Mittelblau */
        #4A8BC0 30%,     /* Helleres Blau */
        #6CAFE0 55%,     /* Sehr helles Blau */
        #91C9F4 75%,     /* Fast Weiß */
        #ffffff 100%);   /* Reines Weiß */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
}




/* 1) Hauptcontainer */
.door-container {
  position: relative;
  overflow: hidden;
}

/* 2) Reveal-Container */
.door-container .reveal-container {
  position: absolute;
  top:    0;
  left:   0;
  width:  100%;
  height: 100%;
  z-index: 1;
}

/* 3) Tür-Container: ohne transition */
.door-container .door-left,
.door-container .door-right {
  position: absolute;
  top:    0;
  bottom: 0;
  width: 50%;
  background: white;
  z-index: 2;
  transform: translateX(0);
}

.door-left  { left:  0; }
.door-right { right: 0; }

/* Panels komplett JS-gesteuert, keine CSS-Transition */
.door-container .door-left,
.door-container .door-right {
  will-change: transform;
  transform: translateX(0);
}

/* Basis-Styling für den Button */
.elementor-button {
  background: linear-gradient(
    90deg,
    #194488 0%,
    #234D88 30%,
    #2D5F99 50%,
    #3A70A6 60%,
    #417AB0 70%,
    #568DBB 80%,
    #6FA5C7 100%
  );
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
  border: none;
  transition: background-position 0.6s ease-in-out;
}

/* Hover-Zustand: animierter Verlauf */
.elementor-button:hover {
  background-position: 50% 50%;
}

/* Inhalt des Buttons zentrieren */
.elementor-button .elementor-button-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Icon im Button */
.elementor-button .elementor-button-icon {
  font-size: 2.6em;
  position: relative;
  top: 1px;
  transition: transform 0.5s ease;
}

/* Icon dreht sich beim Hover */
.elementor-button:hover .elementor-button-icon {
  transform: rotate(-45deg);
}

.elementor-container,
.elementor-widget-wrap,
.elementor-section {
  overflow: visible !important;
}

.mein-container {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(3px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  border-radius: 20px;

  /* Deutlichere Rahmen-Kombination */
  border: 1px solid rgba(255, 255, 255, 0.08); /* heller Innenrand */
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.1),       /* feiner dunkler Innenrahmen */
    0 0 0 2px rgba(255, 255, 255, 0.05),      /* heller äußerer Glow */
    0 8px 24px rgba(0, 0, 0, 0.25);           /* Tiefenschatten */
  overflow: hidden;
  z-index: 1;
}

.mein-container::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0px;
  pointer-events: none;
  z-index: 2;
  background: radial-gradient(
    ellipse at 20% 10%,
    rgba(255, 255, 255, 0.09) 0%,
    rgba(255, 255, 255, 0.03) 40%,
    rgba(0, 0, 0, 0.07) 85%,
    rgba(0, 0, 0, 0.12) 100%
  );
}/* End custom CSS */