.elementor-8865 .elementor-element.elementor-element-1d80d0e{--display:flex;}.elementor-8865 .elementor-element.elementor-element-9fce66d{--display:flex;}.elementor-widget-theme-post-featured-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 );}.elementor-widget-theme-post-title .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-widget-theme-post-content{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 );}.elementor-8865 .elementor-element.elementor-element-68a9946{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-e1301fb *//* ===== HEADER ONLY FIX ===== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(10,5,20,0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.site-header * {
  box-sizing: border-box;
}

.nav-inner {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 16px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-left {
  display: flex;
  align-items: center;
}

.nav-left img {
  width: 130px !important;
  max-width: 130px !important;
  height: auto !important;
  display: block;
}

.nav-right {
  display: flex;
  align-items: center;
}

.nav-menu {
  display: flex;
  align-items: center;
}

.nav-menu a {
  margin-left: 30px;
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s;
}

.nav-menu a:hover {
  color: #b66cff !important;
}

.nav-cta {
  margin-left: 30px;
  padding: 10px 18px;
  border-radius: 10px;
  background: linear-gradient(135deg, #7b2cff, #b66cff);
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 0 20px rgba(123,44,255,0.4);
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nav-cta:hover {
  transform: translateY(-2px);
}

.menu-toggle {
  display: none;
  margin-left: 20px;
  cursor: pointer;
}

.menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: #ffffff;
  margin: 5px 0;
}

.mobile-menu {
  display: none;
  flex-direction: column;
  background: #05010a;
  padding: 20px;
}

.mobile-menu a {
  padding: 14px 0;
  color: #ffffff !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.mobile-cta {
  margin-top: 20px;
  padding: 14px;
  text-align: center;
  border-radius: 10px;
  background: linear-gradient(135deg, #7b2cff, #b66cff);
}

/* Zorg dat page builders niks breken */
.site-header .elementor,
.site-header .elementor-widget,
.site-header .e-con,
.site-header .container,
.site-header .ast-container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

@media (max-width: 900px) {
  .nav-menu {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

  .nav-cta {
    margin-left: 15px;
    padding: 8px 14px;
    font-size: 13px;
  }

  .nav-inner {
    padding: 14px 20px;
  }

  .nav-left img {
    width: 115px !important;
    max-width: 115px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9fce66d *//* ===== BASIS ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d {
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 20px;
}

/* ===== HEADER ===== */
.project-header {
  margin-bottom: 40px;
}

.project-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 6px 12px;
  border-radius: 999px;

  background: rgba(123,44,255,0.1);
  border: 1px solid rgba(182,108,255,0.2);

  font-size: 12px;
  letter-spacing: 0.1em;
}

.project-header p {
  color: rgba(255,255,255,0.6);
}

/* ===== GRID ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d > .e-con-inner {
  display: flex;
  gap: 60px;
  align-items: center;
}

/* ===== LINKS ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d .elementor-widget-post-title,
.elementor-8865 .elementor-element.elementor-element-9fce66d .elementor-widget-post-content {
  width: 55%;
}

/* ===== RECHTS ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d .elementor-widget-theme-post-featured-image {
  width: 45%;
}

.elementor-8865 .elementor-element.elementor-element-9fce66d img {
  width: 100%;
  border-radius: 20px;
}

/* ===== TITEL (HIER ZIT DE MAGIC) ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d h1 {
  font-size: 36px;
  margin-bottom: 15px;

  background: linear-gradient(90deg, #ffffff, #b66cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===== TEKST ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d p {
  color: rgba(255,255,255,0.75);
  line-height: 1.7;
}

/* ===== HOVER IMAGE (subtiel premium) ===== */
.elementor-8865 .elementor-element.elementor-element-9fce66d img:hover {
  transform: scale(1.02);
  transition: 0.4s ease;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .elementor-8865 .elementor-element.elementor-element-9fce66d > .e-con-inner {
    flex-direction: column;
  }

  .elementor-8865 .elementor-element.elementor-element-9fce66d .elementor-widget-post-title,
  .elementor-8865 .elementor-element.elementor-element-9fce66d .elementor-widget-post-content,
  .elementor-8865 .elementor-element.elementor-element-9fce66d .elementor-widget-theme-post-featured-image {
    width: 100%;
  }
}

/* ===== HEADER BADGE ===== */
.project-header {
  position: relative;
  margin-bottom: 1px;
}

/* GROTE BADGE */
.project-badge {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.4em;

  padding: 10px 18px;
  border-radius: 999px;

  background: rgba(123,44,255,0.15);
  border: 1px solid rgba(182,108,255,0.4);

  color: white;

  box-shadow: 0 0 25px rgba(123,44,255,0.25);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3db6ea8 *//* ===== PROJECT CTA ===== */
.project-cta {
  padding: 100px 20px;
  position: relative;
  overflow: hidden;
}

/* glow achtergrond */
.project-cta-inner {
  max-width: 900px;
  margin: 0 auto;
}

.project-cta-content {
  padding: 60px;
  border-radius: 24px;

  background: rgba(20,10,34,0.6);
  backdrop-filter: blur(20px);

  border: 1px solid rgba(255,255,255,0.06);

  text-align: center;

  box-shadow:
    0 15px 50px rgba(0,0,0,0.4),
    0 0 40px rgba(123,44,255,0.12);
}

/* label */
.project-cta-label {
  display: inline-block;
  margin-bottom: 16px;
  padding: 8px 14px;
  border-radius: 999px;

  background: rgba(123,44,255,0.1);
  border: 1px solid rgba(182,108,255,0.2);

  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* titel */
.project-cta h2 {
  font-size: 36px;
  margin-bottom: 16px;
  color: #ffff;
}

.project-cta h2 span {
  background: linear-gradient(90deg, #7b2cff, #b66cff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* tekst */
.project-cta p {
  color: rgba(255,255,255,0.7);
  margin-bottom: 30px;
  line-height: 1.6;
}

/* knop */
.project-cta-button {
  display: inline-block;
  padding: 16px 30px;
  border-radius: 14px;

  background: linear-gradient(135deg, #7b2cff, #b66cff);
  color: white;
  font-weight: 600;
  text-decoration: none;

  box-shadow:
    0 0 25px rgba(123,44,255,0.35),
    0 10px 30px rgba(0,0,0,0.25);

  transition: 0.3s;
}

.project-cta-button:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 35px rgba(123,44,255,0.5),
    0 15px 35px rgba(0,0,0,0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68a9946 */.elementor-8865 .elementor-element.elementor-element-68a9946 {
  position: relative;
  padding-top: 100px;
}

/* fade */
.elementor-8865 .elementor-element.elementor-element-68a9946::before {
  content: "";
  position: absolute;
  top: -120px;
  left: 0;
  width: 100%;
  height: 180px;

  background: linear-gradient(
    to bottom,
    rgba(5,1,10,0),
    rgba(5,1,10,1)
  );

  pointer-events: none;
}/* End custom CSS */