.elementor-25 .elementor-element.elementor-element-39178db{--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==========================================================
   REICHWEITENPARTNER.DE
   GLOBAL HEADER
   Version: 1.0
   ========================================================== */


/* ==========================================================
   01. HEADER WRAPPER
   ========================================================== */

.rp-site-header {
  position: relative;
  z-index: 1000;

  width: 100%;
  background: var(--rp-white);

  border-bottom: 1px solid var(--rp-border);
}


/* ==========================================================
   02. HEADER INNER
   ========================================================== */

.rp-site-header .rp-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  max-width: var(--rp-container-width);

  min-height: 84px;

  margin: 0 auto;

  padding: 0 var(--rp-container-padding);

  gap: 28px;
}


/* ==========================================================
   03. LOGO
   ========================================================== */

.rp-site-header .rp-header-logo {
  display: inline-flex;
  align-items: center;

  gap: 9px;

  flex-shrink: 0;

  text-decoration: none;
}

.rp-site-header .rp-header-logo__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rp-site-header .rp-header-logo__text {
  font-family: var(--rp-font-heading);

  font-size: 20px;
  font-weight: 700;

  letter-spacing: -0.045em;

  color: var(--rp-navy);
  white-space: nowrap;
}

.rp-site-header .rp-header-logo__text span {
  font-weight: 800;
}


/* ==========================================================
   04. DESKTOP NAVIGATION
   ========================================================== */

.rp-site-header .rp-header-nav {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 1;
}

.rp-site-header .rp-header-nav__list {
  display: flex;
  align-items: center;

  gap: 26px;

  list-style: none;

  margin: 0;
  padding: 0;
}

.rp-site-header .rp-header-nav__item {
  margin: 0;
  padding: 0;
}

.rp-site-header .rp-header-nav__link {
  display: inline-flex;
  align-items: center;

  min-height: 44px;

  font-family: var(--rp-font-body);

  font-size: 13px;
  font-weight: 600;

  color: var(--rp-navy);

  text-decoration: none;
  white-space: nowrap;
}

.rp-site-header .rp-header-nav__link:hover {
  color: #50718C;
}


/* ==========================================================
   05. DESKTOP CTA
   ========================================================== */

.rp-site-header .rp-header-actions {
  display: flex;
  align-items: center;

  flex-shrink: 0;
}

.rp-site-header .rp-header-cta {
  min-height: 42px;

  padding: 10px 16px;

  font-size: 12px;
  white-space: nowrap;
}


/* ==========================================================
   06. MOBILE MENU – HIDDEN ON DESKTOP
   ========================================================== */

.rp-site-header .rp-header-mobile {
  display: none;
}


/* ==========================================================
   07. TABLET / SMALL DESKTOP
   ========================================================== */

@media (max-width: 1100px) {

  .rp-site-header .rp-header-inner {
    gap: 18px;
  }

  .rp-site-header .rp-header-nav__list {
    gap: 16px;
  }

  .rp-site-header .rp-header-nav__link {
    font-size: 12px;
  }

  .rp-site-header .rp-header-logo__text {
    font-size: 18px;
  }

}


/* ==========================================================
   08. MOBILE NAVIGATION
   ========================================================== */

@media (max-width: 950px) {

  .rp-site-header .rp-header-inner {
    min-height: 72px;
  }

  .rp-site-header .rp-header-nav,
  .rp-site-header .rp-header-actions {
    display: none;
  }

  .rp-site-header .rp-header-mobile {
    display: block;
    margin-left: auto;
  }

  .rp-site-header .rp-header-mobile__toggle {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    cursor: pointer;

    list-style: none;
  }

  .rp-site-header .rp-header-mobile__toggle::-webkit-details-marker {
    display: none;
  }

  .rp-site-header .rp-header-mobile__icon {
    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 5px;

    width: 23px;
  }

  .rp-site-header .rp-header-mobile__icon span {
    display: block;

    width: 100%;
    height: 2px;

    background: var(--rp-navy);

    border-radius: 2px;
  }

  .rp-site-header .rp-header-mobile__nav {
    position: absolute;

    top: 100%;
    left: 0;

    width: 100%;

    padding: 20px var(--rp-container-padding) 28px;

    background: var(--rp-white);

    border-bottom: 1px solid var(--rp-border);

    box-shadow: 0 20px 35px rgba(20, 40, 63, 0.08);
  }

  .rp-site-header .rp-header-mobile__list {
    display: flex;
    flex-direction: column;

    gap: 0;

    list-style: none;

    margin: 0 0 20px;
    padding: 0;
  }

  .rp-site-header .rp-header-mobile__list li {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid var(--rp-border);
  }

  .rp-site-header .rp-header-mobile__list a {
    display: flex;
    align-items: center;

    min-height: 52px;

    font-family: var(--rp-font-body);

    font-size: 15px;
    font-weight: 600;

    color: var(--rp-navy);

    text-decoration: none;
  }

  .rp-site-header .rp-header-mobile__cta {
    display: flex;
    width: 100%;
  }

}


/* ==========================================================
   09. SMALL MOBILE
   ========================================================== */

@media (max-width: 480px) {

  .rp-site-header .rp-header-inner {
    min-height: 68px;
  }

  .rp-site-header .rp-header-logo__text {
    font-size: 17px;
  }

  .rp-site-header .rp-header-logo__icon svg {
    width: 29px;
    height: 29px;
  }

}/* End custom CSS */