/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 08 2026 | 19:11:43 */
/* =========================================================
   PHOENIX ABOUT SECTION - ELEMENTOR OVERRIDE VERSION
   ========================================================= */

/* Hauptcontainer */
.elementor .phx-about,
.phx-about {
  position: relative !important;
  overflow: hidden !important;
  min-height: 760px !important;
  padding: 120px 6vw !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(48px, 6vw, 110px) !important;
  background:
    radial-gradient(circle at 72% 48%, rgba(255, 153, 51, 0.18) 0%, rgba(255, 153, 51, 0.06) 22%, rgba(0, 0, 0, 0) 48%),
    radial-gradient(circle at 85% 35%, rgba(204, 51, 0, 0.16) 0%, rgba(204, 51, 0, 0.04) 28%, rgba(0, 0, 0, 0) 52%),
    linear-gradient(90deg, #000000 0%, #030303 42%, #050505 100%) !important;
  color: #ffffff !important;
}

/* Elementor Container-Fixes */
.elementor .phx-about.e-con,
.elementor .phx-about.e-con-boxed,
.elementor .phx-about.e-flex {
  --width: 100% !important;
  --min-height: 760px !important;
  --flex-direction: row !important;
  --align-items: center !important;
  --justify-content: center !important;
  --gap: clamp(48px, 6vw, 110px) !important;
  --padding-top: 120px !important;
  --padding-right: 6vw !important;
  --padding-bottom: 120px !important;
  --padding-left: 6vw !important;
}

/* Hintergrund-Overlay */
.phx-about::before {
  content: "";
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.2) 48%, rgba(0,0,0,0.58) 100%),
    radial-gradient(circle at center, rgba(255,255,255,0.035) 0%, rgba(0,0,0,0) 55%) !important;
  z-index: 0 !important;
}

/* dezentes Raster */
.phx-about::after {
  content: "";
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.16 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px) !important;
  background-size: 80px 80px !important;
  z-index: 0 !important;
}

/* Inhalt über Overlay */
.phx-about > .e-con-inner,
.phx-about > .elementor-container,
.phx-about > .elementor-widget-wrap,
.phx-about > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Linke Spalte */
.elementor .phx-about__content,
.phx-about__content {
  width: 50% !important;
  max-width: 760px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  flex: 0 1 760px !important;
}

/* Elementor Container-Fix linke Spalte */
.elementor .phx-about__content.e-con,
.elementor .phx-about__content.e-flex {
  --width: 50% !important;
  --flex-direction: column !important;
  --align-items: flex-start !important;
  --justify-content: center !important;
}

/* Überschrift Widget */
.elementor .phx-about__headline {
  width: 100% !important;
  margin: 0 0 28px 0 !important;
}

/* Überschrift Text */
.elementor .phx-about__headline .elementor-heading-title,
.elementor .phx-about__headline h1,
.elementor .phx-about__headline h2,
.elementor .phx-about__headline h3,
.phx-about__headline .elementor-heading-title,
.phx-about__headline h1,
.phx-about__headline h2,
.phx-about__headline h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Franklin Gothic Heavy", "Franklin Gothic Demi", "Arial Black", Arial, sans-serif !important;
  font-size: clamp(32px, 3.2vw, 54px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 22px rgba(255, 153, 51, 0.16) !important;
}

/* Orange Markierung */
.elementor .phx-about__headline span,
.phx-about__headline span {
  color: #ff9933 !important;
  text-shadow:
    0 0 16px rgba(255, 153, 51, 0.45),
    0 0 34px rgba(255, 153, 51, 0.22) !important;
}

/* Texteditor Widget */
.elementor .phx-about__text,
.phx-about__text {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 !important;
}

/* Texteditor Container */
.elementor .phx-about__text .elementor-widget-container,
.phx-about__text .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

/* Text */
.elementor .phx-about__text,
.elementor .phx-about__text p,
.elementor .phx-about__text .elementor-widget-container,
.phx-about__text,
.phx-about__text p,
.phx-about__text .elementor-widget-container {
  color: rgba(255, 255, 255, 0.92) !important;
  font-family: "Barlow", Arial, sans-serif !important;
  font-size: clamp(18px, 1.3vw, 23px) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: left !important;
}

/* Absatzabstände */
.elementor .phx-about__text p,
.phx-about__text p {
  margin: 0 0 28px 0 !important;
  padding: 0 !important;
}

.elementor .phx-about__text p:last-child,
.phx-about__text p:last-child {
  margin-bottom: 0 !important;
}

/* Rechte Spalte */
.elementor .phx-about__visual,
.phx-about__visual {
  width: 50% !important;
  min-height: 520px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  flex: 0 1 680px !important;
}

/* Elementor Container-Fix rechte Spalte */
.elementor .phx-about__visual.e-con,
.elementor .phx-about__visual.e-flex {
  --width: 50% !important;
  --min-height: 520px !important;
  --align-items: center !important;
  --justify-content: center !important;
}

/* Glow hinter Logo */
.phx-about__visual::before {
  content: "";
  position: absolute !important;
  width: min(620px, 44vw) !important;
  height: min(620px, 44vw) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle, rgba(255, 153, 51, 0.22) 0%, rgba(204, 51, 0, 0.14) 28%, rgba(0,0,0,0) 68%) !important;
  filter: blur(12px) !important;
  z-index: 0 !important;
}

/* Bildwidget */
.elementor .phx-about__logo,
.phx-about__logo {
  position: relative !important;
  z-index: 2 !important;
  max-width: 620px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Bildcontainer */
.elementor .phx-about__logo .elementor-widget-container,
.phx-about__logo .elementor-widget-container {
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bild selbst */
.elementor .phx-about__logo img,
.phx-about__logo img {
  width: 100% !important;
  max-width: 620px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  filter:
    drop-shadow(0 0 18px rgba(255, 153, 51, 0.35))
    drop-shadow(0 0 46px rgba(204, 51, 0, 0.22)) !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
  .elementor .phx-about,
  .phx-about {
    min-height: auto !important;
    padding: 90px 6vw !important;
    flex-direction: column !important;
    gap: 60px !important;
  }

  .elementor .phx-about.e-con,
  .elementor .phx-about.e-flex {
    --min-height: auto !important;
    --flex-direction: column !important;
    --gap: 60px !important;
    --padding-top: 90px !important;
    --padding-right: 6vw !important;
    --padding-bottom: 90px !important;
    --padding-left: 6vw !important;
  }

  .elementor .phx-about__content,
  .elementor .phx-about__visual,
  .phx-about__content,
  .phx-about__visual {
    width: 100% !important;
    max-width: 760px !important;
    flex: none !important;
  }

  .elementor .phx-about__content.e-con,
  .elementor .phx-about__visual.e-con,
  .elementor .phx-about__content.e-flex,
  .elementor .phx-about__visual.e-flex {
    --width: 100% !important;
  }

  .elementor .phx-about__visual,
  .phx-about__visual {
    min-height: auto !important;
  }

  .elementor .phx-about__logo,
  .elementor .phx-about__logo img,
  .phx-about__logo,
  .phx-about__logo img {
    max-width: 520px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {
  .elementor .phx-about,
  .phx-about {
    padding: 72px 22px !important;
    gap: 44px !important;
  }

  .elementor .phx-about.e-con,
  .elementor .phx-about.e-flex {
    --gap: 44px !important;
    --padding-top: 72px !important;
    --padding-right: 22px !important;
    --padding-bottom: 72px !important;
    --padding-left: 22px !important;
  }

  .elementor .phx-about__headline .elementor-heading-title,
  .elementor .phx-about__headline h1,
  .elementor .phx-about__headline h2,
  .elementor .phx-about__headline h3,
  .phx-about__headline .elementor-heading-title,
  .phx-about__headline h1,
  .phx-about__headline h2,
  .phx-about__headline h3 {
    font-size: 32px !important;
    line-height: 1.08 !important;
  }

  .elementor .phx-about__text,
  .elementor .phx-about__text p,
  .elementor .phx-about__text .elementor-widget-container,
  .phx-about__text,
  .phx-about__text p,
  .phx-about__text .elementor-widget-container {
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .elementor .phx-about__text p,
  .phx-about__text p {
    margin-bottom: 22px !important;
  }

  .elementor .phx-about__logo,
  .elementor .phx-about__logo img,
  .phx-about__logo,
  .phx-about__logo img {
    max-width: 360px !important;
  }
}