.elementor-10977 .elementor-element.elementor-element-0241137{--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;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10977 .elementor-element.elementor-element-b580a12{--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;--margin-top:-20px;--margin-bottom:-3px;--margin-left:0px;--margin-right:0px;}.elementor-10977 .elementor-element.elementor-element-6155e60{--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-10977 .elementor-element.elementor-element-5fc0d5e{--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-10977 .elementor-element.elementor-element-c0b60f8 > .elementor-widget-container{padding:-10px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-10977 .elementor-element.elementor-element-c0b60f8{text-align:center;}.elementor-10977 .elementor-element.elementor-element-c0b60f8 .elementor-heading-title{font-size:40px;line-height:1.2em;color:#043953;}.elementor-10977 .elementor-element.elementor-element-949d5f9 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-10977 .elementor-element.elementor-element-949d5f9{text-align:center;}.elementor-10977 .elementor-element.elementor-element-949d5f9 .elementor-heading-title{font-size:23px;line-height:1.2em;color:#043953;}.elementor-10977 .elementor-element.elementor-element-48b64d91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10977 .elementor-element.elementor-element-16283f53{--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-10977 .elementor-element.elementor-element-10f35dbe > .elementor-widget-container{margin:-39px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10977 .elementor-element.elementor-element-22686e14{--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;--margin-top:-23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10977 .elementor-element.elementor-element-8299f1c{--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;}@media(min-width:768px){.elementor-10977 .elementor-element.elementor-element-5fc0d5e{--width:100%;}.elementor-10977 .elementor-element.elementor-element-48b64d91{--content-width:1150px;}.elementor-10977 .elementor-element.elementor-element-16283f53{--width:50%;}.elementor-10977 .elementor-element.elementor-element-22686e14{--width:44%;}}@media(max-width:767px){.elementor-10977 .elementor-element.elementor-element-0241137{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10977 .elementor-element.elementor-element-f91b103 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10977 .elementor-element.elementor-element-b580a12{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10977 .elementor-element.elementor-element-86986e1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10977 .elementor-element.elementor-element-c0b60f8 .elementor-heading-title{font-size:32px;}.elementor-10977 .elementor-element.elementor-element-949d5f9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10977 .elementor-element.elementor-element-949d5f9 .elementor-heading-title{font-size:23px;}}/* Start custom CSS for html, class: .elementor-element-f91b103 *//* =========================================================
   NEEB – HERO BRANCHEN
   ========================================================= */

.neeb-branchen-hero,
.neeb-branchen-hero * {
  box-sizing: border-box;
}

.neeb-branchen-hero {
  --neeb-dark: #082433;
  --neeb-primary: #0d3447;
  --neeb-secondary: #20566c;
  --neeb-white: #ffffff;
  --neeb-text: rgba(255, 255, 255, 0.79);
  --neeb-text-light: rgba(255, 255, 255, 0.64);
  --neeb-border: rgba(255, 255, 255, 0.15);

  position: relative;
  isolation: isolate;
  overflow: hidden;

  width: 100vw;
  max-width: none;

  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);

  padding: 38px 40px clamp(75px, 7vw, 110px);

  color: var(--neeb-white);
  font-family: inherit;

  background:
    radial-gradient(
      circle at 88% 10%,
      rgba(102, 168, 193, 0.25) 0,
      rgba(102, 168, 193, 0) 32%
    ),
    radial-gradient(
      circle at 5% 100%,
      rgba(68, 124, 148, 0.15) 0,
      rgba(68, 124, 148, 0) 29%
    ),
    linear-gradient(
      125deg,
      var(--neeb-dark) 0%,
      var(--neeb-primary) 55%,
      var(--neeb-secondary) 100%
    );
}

/* Hintergrundkreise */

.neeb-branchen-hero::before {
  content: "";

  position: absolute;
  z-index: -1;

  top: -340px;
  right: -170px;

  width: 760px;
  height: 760px;

  border: 1px solid rgba(255, 255, 255, 0.045);
  border-radius: 50%;

  box-shadow:
    0 0 0 58px rgba(255, 255, 255, 0.016),
    0 0 0 116px rgba(255, 255, 255, 0.011);

  pointer-events: none;
}

.neeb-branchen-hero::after {
  content: "";

  position: absolute;
  z-index: -1;

  left: -230px;
  bottom: -350px;

  width: 610px;
  height: 610px;

  border: 1px solid rgba(255, 255, 255, 0.035);
  border-radius: 50%;

  box-shadow:
    0 0 0 48px rgba(255, 255, 255, 0.013),
    0 0 0 96px rgba(255, 255, 255, 0.009);

  pointer-events: none;
}

.neeb-branchen-hero__inner {
  position: relative;
  z-index: 1;

  width: min(100%, 1420px);
  margin: 0 auto;
}

/* =========================================================
   BREADCRUMB
   ========================================================= */

.neeb-branchen-hero__breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;

  margin: 0 0 50px;

  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.neeb-branchen-hero__breadcrumb a,
.neeb-branchen-hero__breadcrumb a:visited {
  color: rgba(255, 255, 255, 0.62) !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.neeb-branchen-hero__breadcrumb a:hover {
  color: var(--neeb-white) !important;
}

.neeb-branchen-hero__breadcrumb span[aria-hidden="true"] {
  color: rgba(255, 255, 255, 0.4);
  font-size: 15px;
}

.neeb-branchen-hero__breadcrumb span[aria-current="page"] {
  color: var(--neeb-white);
}

/* =========================================================
   HAUPT-GRID
   ========================================================= */

.neeb-branchen-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(390px, 0.68fr);
  align-items: center;

  gap: clamp(50px, 6vw, 90px);
}

/* =========================================================
   TEXTBEREICH
   ========================================================= */

.neeb-branchen-hero__content {
  width: 100%;
  max-width: 850px;
}

.neeb-branchen-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 22px;

  color: var(--neeb-white);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.neeb-branchen-hero__eyebrow::before {
  content: "";

  flex: 0 0 34px;

  width: 34px;
  height: 2px;

  border-radius: 20px;
  background: var(--neeb-white);
}

/* Hauptüberschrift */

.neeb-branchen-hero h1 {
  width: 100%;
  max-width: 850px;

  margin: 0 0 34px;

  color: var(--neeb-white);
  font-size: clamp(44px, 4.2vw, 64px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.045em;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.neeb-branchen-hero__headline-line {
  display: block;
  color: var(--neeb-white);

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Einleitung */

.neeb-branchen-hero__intro {
  max-width: 720px;
  margin: 0;

  color: var(--neeb-text);
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.7;
}

/* Glossar-Links im Einleitungstext */

.neeb-branchen-hero__intro a,
.neeb-branchen-hero__intro a:visited {
  color: inherit !important;
  font-weight: inherit;
  text-decoration: none;
}

.neeb-branchen-hero__intro a:hover,
.neeb-branchen-hero__intro a:focus-visible {
  color: var(--neeb-white) !important;
  text-decoration: underline;
  text-decoration-color: var(--neeb-white);
  text-underline-offset: 3px;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.neeb-branchen-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 25px;

  margin-top: 36px;
}

/* Hauptbutton */

.neeb-branchen-hero__button,
.neeb-branchen-hero__button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-height: 56px;
  padding: 16px 26px;

  border: 1px solid var(--neeb-white);
  border-radius: 7px;

  color: var(--neeb-dark) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;

  background: var(--neeb-white);

  box-shadow: 0 15px 32px rgba(2, 20, 29, 0.24);

  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.neeb-branchen-hero__button svg {
  width: 18px;
  height: 18px;
  color: currentColor;

  transition: transform 0.25s ease;
}

.neeb-branchen-hero__button:hover,
.neeb-branchen-hero__button:focus {
  color: var(--neeb-white) !important;
  text-decoration: none;

  background: transparent;
  transform: translateY(-2px);

  box-shadow: 0 19px 40px rgba(2, 20, 29, 0.3);
}

.neeb-branchen-hero__button:hover svg,
.neeb-branchen-hero__button:focus svg {
  transform: translateY(3px);
}

/* Sekundärer Link */

.neeb-branchen-hero__secondary-link,
.neeb-branchen-hero__secondary-link:visited {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: var(--neeb-white) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;

  transition:
    opacity 0.2s ease,
    color 0.2s ease;
}

.neeb-branchen-hero__secondary-link svg {
  width: 17px;
  height: 17px;
  color: currentColor;

  transition: transform 0.2s ease;
}

.neeb-branchen-hero__secondary-link:hover,
.neeb-branchen-hero__secondary-link:focus {
  color: var(--neeb-white) !important;
  text-decoration: none;
  opacity: 0.78;
}

.neeb-branchen-hero__secondary-link:hover svg,
.neeb-branchen-hero__secondary-link:focus svg {
  transform: translateX(4px);
}

/* =========================================================
   TRUST-LEISTE
   ========================================================= */

.neeb-branchen-hero__trust {
  display: flex;
  flex-wrap: wrap;
  gap: 13px 24px;

  margin-top: 38px;
}

.neeb-branchen-hero__trust-item {
  display: flex;
  align-items: center;
  gap: 9px;

  color: var(--neeb-text-light);
  font-size: 13px;
  line-height: 1.4;
}

.neeb-branchen-hero__trust-icon {
  display: inline-flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;

  width: 28px;
  height: 28px;

  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;

  color: var(--neeb-white);
  background: rgba(255, 255, 255, 0.06);
}

.neeb-branchen-hero__trust-icon svg {
  width: 13px;
  height: 13px;
}

/* =========================================================
   RECHTER SCHWERPUNKTBEREICH
   ========================================================= */

.neeb-branchen-hero__visual {
  position: relative;
}

.neeb-branchen-hero__visual-card {
  position: relative;
  overflow: hidden;

  padding: 28px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 22px;

  background: rgba(255, 255, 255, 0.075);

  box-shadow:
    0 35px 75px rgba(2, 20, 29, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.neeb-branchen-hero__visual-card::before {
  content: "";

  position: absolute;
  top: -115px;
  right: -100px;

  width: 280px;
  height: 280px;

  border-radius: 50%;
  background: rgba(255, 255, 255, 0.055);

  pointer-events: none;
}

.neeb-branchen-hero__visual-header {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;

  margin-bottom: 22px;
  padding-bottom: 20px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.neeb-branchen-hero__visual-header > span:first-child {
  color: var(--neeb-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.neeb-branchen-hero__visual-number {
  color: rgba(255, 255, 255, 0.2);
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.05em;
}

/* Schwerpunktkarten */

.neeb-branchen-hero__focus-list {
  position: relative;
  z-index: 1;

  display: grid;
  gap: 11px;
}

.neeb-branchen-hero__focus-item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 15px;

  padding: 17px;

  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 12px;

  background: rgba(255, 255, 255, 0.05);

  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background-color 0.2s ease;
}

.neeb-branchen-hero__focus-item:hover {
  transform: translateX(4px);

  border-color: rgba(255, 255, 255, 0.27);
  background: rgba(255, 255, 255, 0.095);
}

.neeb-branchen-hero__focus-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 52px;
  height: 52px;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 11px;

  color: var(--neeb-white);
  background: rgba(255, 255, 255, 0.07);
}

.neeb-branchen-hero__focus-icon svg {
  width: 24px;
  height: 24px;
}

.neeb-branchen-hero__focus-item h2 {
  margin: 1px 0 5px;

  color: var(--neeb-white);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
}

.neeb-branchen-hero__focus-item p {
  margin: 0;

  color: var(--neeb-text-light);
  font-size: 13px;
  line-height: 1.55;
}

/* =========================================================
   TASTATURFOKUS
   ========================================================= */

.neeb-branchen-hero a:focus-visible {
  outline: 3px solid var(--neeb-white);
  outline-offset: 4px;
}

/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1200px) {
  .neeb-branchen-hero {
    padding-right: 32px;
    padding-left: 32px;
  }

  .neeb-branchen-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 0.68fr);
    gap: 48px;
  }

  .neeb-branchen-hero h1 {
    font-size: clamp(42px, 4.5vw, 57px);
  }
}

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

@media (max-width: 960px) {
  .neeb-branchen-hero__grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .neeb-branchen-hero__content {
    max-width: 820px;
  }

  .neeb-branchen-hero__visual {
    max-width: 750px;
  }

  .neeb-branchen-hero h1 {
    max-width: 800px;
  }
}

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

@media (max-width: 767px) {
  .neeb-branchen-hero {
    width: 100%;

    margin-right: 0;
    margin-left: 0;

    padding: 24px 18px 65px;
  }

  .neeb-branchen-hero::before {
    top: -430px;
    right: -440px;
  }

  .neeb-branchen-hero::after {
    left: -430px;
    bottom: -440px;
  }

  .neeb-branchen-hero__breadcrumb {
    margin-bottom: 32px;
    font-size: 11.5px;
  }

  .neeb-branchen-hero__grid {
    gap: 42px;
  }

  .neeb-branchen-hero__eyebrow {
    margin-bottom: 17px;

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

  .neeb-branchen-hero h1 {
    margin-bottom: 25px;

    font-size: clamp(35px, 10vw, 48px);
    line-height: 1.07;
    letter-spacing: -0.04em;
  }

  .neeb-branchen-hero__headline-line {
    display: block;
    white-space: normal;
  }

  .neeb-branchen-hero__intro {
    margin: 0;

    font-size: 17px;
    line-height: 1.65;
  }

  .neeb-branchen-hero__actions {
    align-items: stretch;
    flex-direction: column;
    gap: 18px;

    margin-top: 29px;
  }

  .neeb-branchen-hero__button {
    width: 100%;
  }

  .neeb-branchen-hero__secondary-link {
    justify-content: center;
  }

  .neeb-branchen-hero__trust {
    display: grid;
    gap: 11px;

    margin-top: 30px;
  }

  .neeb-branchen-hero__visual-card {
    padding: 18px;
    border-radius: 17px;
  }

  .neeb-branchen-hero__visual-header {
    margin-bottom: 17px;
    padding-bottom: 17px;
  }

  .neeb-branchen-hero__visual-number {
    font-size: 35px;
  }

  .neeb-branchen-hero__focus-item {
    grid-template-columns: 47px minmax(0, 1fr);
    gap: 13px;

    padding: 15px;
  }

  .neeb-branchen-hero__focus-icon {
    width: 47px;
    height: 47px;
  }

  .neeb-branchen-hero__focus-icon svg {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 420px) {
  .neeb-branchen-hero {
    padding-right: 15px;
    padding-left: 15px;
  }

  .neeb-branchen-hero h1 {
    font-size: 35px;
  }
}

/* =========================================================
   ANIMATION
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {
  .neeb-branchen-hero__content {
    animation: neebBranchenHeroContent 0.7s ease both;
  }

  .neeb-branchen-hero__visual {
    animation: neebBranchenHeroVisual 0.75s 0.08s ease both;
  }

  @keyframes neebBranchenHeroContent {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes neebBranchenHeroVisual {
    from {
      opacity: 0;
      transform: translateX(24px);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86986e1 *//* =========================================================
   NEEB – BRANCHENÜBERSICHT
   ========================================================= */

.neeb-branchen-overview,
.neeb-branchen-overview * {
  box-sizing: border-box;
}

.neeb-branchen-overview {
  --neeb-dark: #0d3042;
  --neeb-primary: #17465c;
  --neeb-secondary: #28647c;
  --neeb-white: #ffffff;
  --neeb-background: #f4f7f8;
  --neeb-card-background: #ffffff;
  --neeb-text: #40545e;
  --neeb-text-light: #687b84;
  --neeb-border: #dbe5e9;

  position: relative;
  overflow: hidden;

  width: 100vw;
  max-width: none;

  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);

  padding: clamp(80px, 8vw, 125px) 40px;

  color: var(--neeb-dark);
  font-family: inherit;

  background:
    radial-gradient(
      circle at 96% 4%,
      rgba(23, 70, 92, 0.07) 0,
      rgba(23, 70, 92, 0) 28%
    ),
    var(--neeb-background);

  scroll-margin-top: 90px;
}

/* Hintergrundgrafik */

.neeb-branchen-overview::before {
  content: "";

  position: absolute;
  top: -270px;
  right: -250px;

  width: 580px;
  height: 580px;

  border: 1px solid rgba(13, 48, 66, 0.055);
  border-radius: 50%;

  box-shadow:
    0 0 0 52px rgba(13, 48, 66, 0.018),
    0 0 0 104px rgba(13, 48, 66, 0.012);

  pointer-events: none;
}

.neeb-branchen-overview__inner {
  position: relative;
  z-index: 1;

  width: min(100%, 1420px);
  margin: 0 auto;
}

/* =========================================================
   KOPFBEREICH
   ========================================================= */

.neeb-branchen-overview__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.65fr);
  align-items: end;

  gap: clamp(55px, 8vw, 130px);
  margin-bottom: clamp(48px, 5vw, 70px);
}

.neeb-branchen-overview__heading {
  max-width: 760px;
}

.neeb-branchen-overview__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 20px;

  color: var(--neeb-primary);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.neeb-branchen-overview__eyebrow::before {
  content: "";

  flex: 0 0 34px;

  width: 34px;
  height: 2px;

  border-radius: 20px;
  background: var(--neeb-primary);
}

.neeb-branchen-overview h2 {
  margin: 0;

  color: var(--neeb-dark);
  font-size: clamp(38px, 4.3vw, 62px);
  font-weight: 700;
  line-height: 1.07;
  letter-spacing: -0.042em;

  text-wrap: balance;
}

.neeb-branchen-overview__intro {
  max-width: 560px;
  padding: 5px 0 5px 26px;

  border-left: 2px solid var(--neeb-primary);
}

.neeb-branchen-overview__intro p {
  margin: 0;

  color: var(--neeb-text);
  font-size: clamp(16.5px, 1.3vw, 18px);
  line-height: 1.75;
}

/* =========================================================
   KARTENRASTER
   ========================================================= */

.neeb-branchen-overview__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 19px;
}

/* =========================================================
   BRANCHENKARTE
   ========================================================= */

.neeb-branchen-overview__card {
  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;

  min-height: 345px;
  padding: 29px 28px 27px;

  border: 1px solid var(--neeb-border);
  border-radius: 16px;

  color: var(--neeb-dark);
  text-decoration: none;

  background: var(--neeb-card-background);

  box-shadow:
    0 16px 38px rgba(13, 48, 66, 0.055),
    0 2px 8px rgba(13, 48, 66, 0.025);

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.neeb-branchen-overview__card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 4px;

  background: var(--neeb-primary);

  transform: scaleX(0);
  transform-origin: left;

  transition: transform 0.3s ease;
}

.neeb-branchen-overview__card::after {
  content: "";

  position: absolute;
  right: -95px;
  bottom: -115px;

  width: 235px;
  height: 235px;

  border-radius: 50%;
  background: rgba(23, 70, 92, 0.038);

  pointer-events: none;
}

.neeb-branchen-overview__card:hover {
  transform: translateY(-6px);

  border-color: rgba(23, 70, 92, 0.26);

  box-shadow:
    0 25px 55px rgba(13, 48, 66, 0.1),
    0 4px 12px rgba(13, 48, 66, 0.035);
}

.neeb-branchen-overview__card:hover::before {
  transform: scaleX(1);
}

/* Oberer Kartenbereich */

.neeb-branchen-overview__card-top {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 27px;
}

.neeb-branchen-overview__number {
  color: rgba(13, 48, 66, 0.15);
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.045em;
}

.neeb-branchen-overview__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 56px;
  height: 56px;

  border: 1px solid rgba(23, 70, 92, 0.13);
  border-radius: 13px;

  color: var(--neeb-primary);
  background: #e8f0f3;

  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease;
}

.neeb-branchen-overview__icon svg {
  width: 26px;
  height: 26px;
}

.neeb-branchen-overview__card:hover
.neeb-branchen-overview__icon {
  color: var(--neeb-white);
  background: var(--neeb-primary);
  transform: translateY(-2px);
}

/* Kartentexte */

.neeb-branchen-overview__card-content {
  position: relative;
  z-index: 1;
}

.neeb-branchen-overview__card h3 {
  margin: 0 0 14px;

  color: var(--neeb-dark);
  font-size: clamp(21px, 1.6vw, 25px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.025em;
}

.neeb-branchen-overview__card p {
  margin: 0;

  color: var(--neeb-text-light);
  font-size: 15px;
  line-height: 1.68;
}

/* Mehr-erfahren-Link */

.neeb-branchen-overview__link {
  position: relative;
  z-index: 1;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-top: auto;
  padding-top: 25px;

  color: var(--neeb-primary);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.neeb-branchen-overview__link svg {
  width: 17px;
  height: 17px;

  transition: transform 0.2s ease;
}

.neeb-branchen-overview__card:hover
.neeb-branchen-overview__link svg {
  transform: translateX(4px);
}

/* =========================================================
   FOKUS
   ========================================================= */

.neeb-branchen-overview__card:focus-visible {
  outline: 3px solid var(--neeb-primary);
  outline-offset: 4px;
}

/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1150px) {
  .neeb-branchen-overview {
    padding-right: 32px;
    padding-left: 32px;
  }

  .neeb-branchen-overview__header {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.7fr);
    gap: 55px;
  }

  .neeb-branchen-overview__card {
    padding-right: 24px;
    padding-left: 24px;
  }
}

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

@media (max-width: 960px) {
  .neeb-branchen-overview__header {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .neeb-branchen-overview__intro {
    max-width: 740px;
  }

  .neeb-branchen-overview__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .neeb-branchen-overview__card {
    min-height: 330px;
  }
}

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

@media (max-width: 767px) {
  .neeb-branchen-overview {
    width: 100%;

    margin-right: 0;
    margin-left: 0;

    padding: 70px 18px 75px;

    scroll-margin-top: 70px;
  }

  .neeb-branchen-overview::before {
    top: -370px;
    right: -370px;
  }

  .neeb-branchen-overview__header {
    margin-bottom: 38px;
  }

  .neeb-branchen-overview__eyebrow {
    margin-bottom: 16px;

    font-size: 11.5px;
    letter-spacing: 0.11em;
  }

  .neeb-branchen-overview h2 {
    font-size: clamp(34px, 9.5vw, 45px);
  }

  .neeb-branchen-overview__intro {
    padding-left: 20px;
  }

  .neeb-branchen-overview__intro p {
    font-size: 16px;
  }

  .neeb-branchen-overview__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .neeb-branchen-overview__card {
    min-height: auto;
    padding: 23px 21px 25px;
    border-radius: 14px;
  }

  .neeb-branchen-overview__card-top {
    margin-bottom: 23px;
  }

  .neeb-branchen-overview__number {
    font-size: 35px;
  }

  .neeb-branchen-overview__icon {
    width: 50px;
    height: 50px;
  }

  .neeb-branchen-overview__icon svg {
    width: 23px;
    height: 23px;
  }

  .neeb-branchen-overview__card h3 {
    margin-bottom: 11px;
    font-size: 21px;
  }

  .neeb-branchen-overview__card p {
    font-size: 15px;
  }

  .neeb-branchen-overview__link {
    padding-top: 21px;
  }
}

@media (max-width: 420px) {
  .neeb-branchen-overview {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* =========================================================
   ANIMATION
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {
  .neeb-branchen-overview__header {
    animation: neebBranchenOverviewHeader 0.65s ease both;
  }

  .neeb-branchen-overview__card {
    animation: neebBranchenOverviewCard 0.65s ease both;
  }

  .neeb-branchen-overview__card:nth-child(2) {
    animation-delay: 0.05s;
  }

  .neeb-branchen-overview__card:nth-child(3) {
    animation-delay: 0.1s;
  }

  .neeb-branchen-overview__card:nth-child(4) {
    animation-delay: 0.15s;
  }

  .neeb-branchen-overview__card:nth-child(5) {
    animation-delay: 0.2s;
  }

  .neeb-branchen-overview__card:nth-child(6) {
    animation-delay: 0.25s;
  }

  .neeb-branchen-overview__card:nth-child(7) {
    animation-delay: 0.3s;
  }

  .neeb-branchen-overview__card:nth-child(8) {
    animation-delay: 0.35s;
  }

  .neeb-branchen-overview__card:nth-child(9) {
    animation-delay: 0.4s;
  }

  @keyframes neebBranchenOverviewHeader {
    from {
      opacity: 0;
      transform: translateY(18px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes neebBranchenOverviewCard {
    from {
      opacity: 0;
      transform: translateY(22px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48b64d91 *//* =========================================================
   NEEB KONTAKTBEREICH
   Calendly-CTA und HubSpot-Formular
========================================================= */

.neeb-contact-equal-row,
.neeb-contact-equal-row *,
.neeb-calendly-cta-band,
.neeb-calendly-cta-band *,
.neeb-contact-form-card,
.neeb-contact-form-card * {
  box-sizing: border-box;
}


/* =========================================================
   GEMEINSAME KARTEN
========================================================= */

.neeb-calendly-cta-band,
.neeb-contact-form-card {
  --neeb-dark: #02131c;
  --neeb-mid: #062f40;
  --neeb-light: #084863;
  --neeb-white: #ffffff;

  position: relative;

  width: 100%;
  min-width: 0;
  margin: 0;

  overflow: hidden;

  border-radius: 32px;

  color: var(--neeb-white);

  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(255, 255, 255, 0.06),
      transparent 30%
    ),
    radial-gradient(
      circle at 88% 82%,
      rgba(8, 72, 99, 0.25),
      transparent 40%
    ),
    linear-gradient(
      135deg,
      var(--neeb-dark) 0%,
      var(--neeb-mid) 45%,
      var(--neeb-light) 100%
    );
}


/* Dezentes Raster */

.neeb-calendly-cta-band::before,
.neeb-contact-form-card::before {
  content: "";

  position: absolute;
  z-index: 0;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px
    );

  background-size: 54px 54px;
  opacity: 0.32;

  pointer-events: none;
}

.neeb-calendly-cta-band > *,
.neeb-contact-form-card > * {
  position: relative;
  z-index: 1;
}


/* =========================================================
   LINKE CALENDLY-KARTE
========================================================= */

.neeb-calendly-cta-band {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 100%;
  min-height: 560px;

  padding: 58px 30px;
}

.neeb-calendly-cta-band-inner {
  position: relative;
  z-index: 1;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100%;
  max-width: 680px;
  margin: 0 auto;

  text-align: center;

  transform: translateY(-38px);
}


/* Kicker */

.neeb-calendly-cta-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0 0 30px;
  padding: 10px 18px;

  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;

  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.1);

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}


/* Überschrift */

.neeb-calendly-cta-band h2 {
  width: 100%;
  max-width: 650px;

  margin: 0 0 34px;

  color: #ffffff;

  font-size: clamp(36px, 2vw, 43px);
  font-weight: 800;
  line-height: 1.13;
  letter-spacing: 0.035em;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* Beschreibung */

.neeb-calendly-cta-band p {
  width: 100%;
  max-width: 640px;

  margin: 0 auto;

  color: rgba(255, 255, 255, 0.76);

  font-size: 17px;
  line-height: 1.7;
}


/* Aktionen */

.neeb-calendly-cta-actions {
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;

  margin-top: 58px;
  gap: 32px;
}


/* Calendly-Button */

.neeb-calendly-cta-btn,
.neeb-calendly-cta-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 56px;
  padding: 0 34px;

  border-radius: 999px;

  color: #02131c !important;
  background: #ffffff;

  text-decoration: none;

  font-size: 16px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.01em;

  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.22);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease;
}

.neeb-calendly-cta-btn:hover,
.neeb-calendly-cta-btn:focus {
  color: #02131c !important;
  background: #f3f7fa;

  text-decoration: none;

  transform: translateY(-2px);

  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

.neeb-calendly-cta-btn:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.55);
  outline-offset: 4px;
}


/* Hinweis unter dem Button */

.neeb-calendly-cta-note {
  display: block;

  width: 100%;
  max-width: 610px;

  color: rgba(255, 255, 255, 0.62);

  font-size: 14px;
  line-height: 1.65;
}


/* =========================================================
   RECHTE HUBSPOT-KARTE
========================================================= */

.neeb-contact-form-card {
  display: flex;
  flex-direction: column;

  height: 100%;
  min-height: 560px;

  padding: 46px 38px;
}


/* Elementor- und HubSpot-Inhalte */

.neeb-contact-form-card > .elementor-element,
.neeb-contact-form-card > .elementor-widget,
.neeb-contact-form-card .elementor-widget-container,
.neeb-contact-form-card .hbspt-form {
  position: relative;
  z-index: 1;

  width: 100%;
  max-width: none;
}

.neeb-contact-form-card > .elementor-element,
.neeb-contact-form-card > .elementor-widget {
  transform: translateY(-38px);
}


/* Zusätzliche Hintergründe entfernen */

.neeb-contact-form-card .elementor-widget-container,
.neeb-contact-form-card .hbspt-form,
.neeb-contact-form-card .hs-form,
.neeb-contact-form-card form,
.neeb-contact-form-card fieldset {
  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}


/* Überschriften und Texte */

.neeb-contact-form-card h1,
.neeb-contact-form-card h2,
.neeb-contact-form-card h3,
.neeb-contact-form-card h4,
.neeb-contact-form-card .hs-richtext,
.neeb-contact-form-card .hs-richtext p {
  color: #ffffff;
}


/* Feldbeschriftungen */

.neeb-contact-form-card .hs-form label,
.neeb-contact-form-card .hs-form-field > label {
  color: rgba(255, 255, 255, 0.88);
}


/* HubSpot-Eingabefelder */

.neeb-contact-form-card .hs-form input[type="text"],
.neeb-contact-form-card .hs-form input[type="email"],
.neeb-contact-form-card .hs-form input[type="tel"],
.neeb-contact-form-card .hs-form input[type="number"],
.neeb-contact-form-card .hs-form input[type="url"],
.neeb-contact-form-card .hs-form input[type="date"],
.neeb-contact-form-card .hs-form select,
.neeb-contact-form-card .hs-form textarea {
  width: 100%;

  padding: 12px 14px;

  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 10px;
  outline: none;

  color: #ffffff;
  background: rgba(255, 255, 255, 0.04);

  font-family: inherit;
  font-size: 15px;

  box-shadow: none;
}

.neeb-contact-form-card .hs-form textarea {
  min-height: 100px;
  resize: vertical;
}

.neeb-contact-form-card .hs-form input::placeholder,
.neeb-contact-form-card .hs-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.62);
  opacity: 1;
}

.neeb-contact-form-card .hs-form input:focus,
.neeb-contact-form-card .hs-form select:focus,
.neeb-contact-form-card .hs-form textarea:focus {
  border-color: #ffffff;

  background: rgba(255, 255, 255, 0.08);

  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.1);
}


/* Datenschutz */

.neeb-contact-form-card .legal-consent-container,
.neeb-contact-form-card .legal-consent-container p,
.neeb-contact-form-card .hs-form-booleancheckbox-display,
.neeb-contact-form-card .hs-form-checkbox-display {
  color: rgba(255, 255, 255, 0.8);
}

.neeb-contact-form-card .legal-consent-container a,
.neeb-contact-form-card .legal-consent-container a:visited {
  color: #ffffff !important;

  text-decoration: underline;
  text-underline-offset: 3px;
}


/* Fehlermeldungen */

.neeb-contact-form-card .hs-error-msg,
.neeb-contact-form-card .hs-error-msgs label {
  color: #ffb4b4;
}


/* HubSpot-Button */

.neeb-contact-form-card .hs-button,
.neeb-contact-form-card input[type="submit"] {
  min-height: 50px;

  padding: 0 28px;

  border: 0;
  border-radius: 10px;

  color: #02131c;
  background: #dceafb;

  font-family: inherit;
  font-size: 16px;
  font-weight: 800;

  cursor: pointer;

  transition:
    transform 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.neeb-contact-form-card .hs-button:hover,
.neeb-contact-form-card input[type="submit"]:hover {
  color: #02131c;
  background: #ffffff;

  transform: translateY(-2px);
}


/* HubSpot-iFrame */

.neeb-contact-form-card iframe {
  display: block;

  width: 100%;
  max-width: 100%;

  margin: 0;
  border: 0;

  background: transparent;
}


/* =========================================================
   MODERNE HUBSPOT-FORMULARE
========================================================= */

.neeb-contact-form-card {
  --hsf-background__background-color: transparent;
  --hsf-background__background-image: none;
  --hsf-background__border-width: 0;
  --hsf-background__border-radius: 0;
  --hsf-background__padding: 0;

  --hsf-global__color: #ffffff;
  --hsf-heading__color: #ffffff;
  --hsf-richtext__color: rgba(255, 255, 255, 0.8);

  --hsf-field-label__color: rgba(255, 255, 255, 0.88);
  --hsf-field-description__color: rgba(255, 255, 255, 0.68);

  --hsf-field-input__color: #ffffff;
  --hsf-field-input__background-color: rgba(255, 255, 255, 0.04);
  --hsf-field-input__placeholder-color: rgba(255, 255, 255, 0.62);
  --hsf-field-input__border-color: rgba(255, 255, 255, 0.65);
  --hsf-field-input__border-width: 1px;
  --hsf-field-input__border-style: solid;
  --hsf-field-input__border-radius: 10px;

  --hsf-field-textarea__color: #ffffff;
  --hsf-field-textarea__background-color: rgba(255, 255, 255, 0.04);
  --hsf-field-textarea__placeholder-color: rgba(255, 255, 255, 0.62);
  --hsf-field-textarea__border-color: rgba(255, 255, 255, 0.65);
  --hsf-field-textarea__border-width: 1px;
  --hsf-field-textarea__border-style: solid;
  --hsf-field-textarea__border-radius: 10px;

  --hsf-button__color: #02131c;
  --hsf-button__background-color: #dceafb;
  --hsf-button__background-image: none;
  --hsf-button__border-radius: 10px;
}


/* =========================================================
   DESKTOP AB 1025 PX
========================================================= */

@media (min-width: 1025px) {

  .neeb-contact-equal-row {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr) !important;

    align-items: stretch !important;

    width: calc(100% - 80px) !important;
    max-width: 1480px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding: 0 !important;

    gap: 20px !important;
  }

  .neeb-contact-equal-row > .e-con-inner,
  .neeb-contact-equal-row > .elementor-container {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr) !important;

    grid-column: 1 / -1;

    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 20px !important;
  }

  .neeb-contact-col-left,
  .neeb-contact-form-card {
    align-self: stretch !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 560px !important;

    margin: 0 !important;
  }

  .neeb-contact-col-left {
    display: flex !important;
    flex-direction: column !important;

    padding: 0 !important;
  }

  .neeb-contact-col-left .elementor-widget-html,
  .neeb-contact-col-left
  .elementor-widget-html
  > .elementor-widget-container {
    display: flex !important;
    flex: 1 1 auto !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .neeb-contact-col-left .neeb-calendly-cta-band {
    flex: 1 1 auto !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 560px !important;

    margin: 0 !important;
  }

  .neeb-contact-form-card {
    display: flex !important;
    flex-direction: column !important;

    padding: 46px 38px !important;
  }

  .neeb-contact-form-card .elementor-widget,
  .neeb-contact-form-card .elementor-widget-container,
  .neeb-contact-form-card .hbspt-form {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
  }
}


/* =========================================================
   LAPTOPS BIS 1440 PX
========================================================= */

@media (min-width: 1025px) and (max-width: 1440px) {

  .neeb-contact-equal-row {
    width: calc(100% - 64px) !important;
    max-width: 1240px !important;

    gap: 18px !important;
  }

  .neeb-contact-equal-row > .e-con-inner,
  .neeb-contact-equal-row > .elementor-container {
    gap: 18px !important;
  }

  .neeb-contact-col-left,
  .neeb-contact-form-card,
  .neeb-contact-col-left .neeb-calendly-cta-band {
    min-height: 510px !important;
  }

  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    border-radius: 26px;
  }

  .neeb-calendly-cta-band {
    padding: 46px 28px !important;
  }

  .neeb-calendly-cta-band-inner {
    max-width: 560px !important;

    transform: translateY(-24px);
  }

  .neeb-calendly-cta-kicker {
    margin-bottom: 22px;
  }

  .neeb-calendly-cta-band h2 {
    max-width: 540px;

    margin-bottom: 25px;

    font-size: clamp(33px, 2.5vw, 40px);
    line-height: 1.12;
    letter-spacing: 0.02em;
  }

  .neeb-calendly-cta-band p {
    max-width: 550px;

    font-size: 16px;
    line-height: 1.65;
  }

  .neeb-calendly-cta-actions {
    margin-top: 38px;
    gap: 20px;
  }

  .neeb-calendly-cta-btn {
    min-height: 52px;

    padding: 0 28px;

    font-size: 15px;
  }

  .neeb-calendly-cta-note {
    max-width: 530px;

    font-size: 13px;
  }

  .neeb-contact-form-card {
    min-height: 510px !important;

    padding: 38px 30px !important;
  }

  .neeb-contact-form-card > .elementor-element,
  .neeb-contact-form-card > .elementor-widget {
    transform: translateY(-24px);
  }
}


/* =========================================================
   KLEINERE LAPTOPS BIS 1280 PX
========================================================= */

@media (min-width: 1025px) and (max-width: 1280px) {

  .neeb-contact-equal-row {
    width: calc(100% - 40px) !important;
    max-width: 1120px !important;

    gap: 15px !important;
  }

  .neeb-contact-equal-row > .e-con-inner,
  .neeb-contact-equal-row > .elementor-container {
    gap: 15px !important;
  }

  .neeb-contact-col-left,
  .neeb-contact-form-card,
  .neeb-contact-col-left .neeb-calendly-cta-band {
    min-height: 490px !important;
  }

  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    border-radius: 23px;
  }

  .neeb-calendly-cta-band {
    padding: 40px 23px !important;
  }

  .neeb-calendly-cta-band-inner {
    transform: translateY(-17px);
  }

  .neeb-calendly-cta-kicker {
    margin-bottom: 19px;
  }

  .neeb-calendly-cta-band h2 {
    margin-bottom: 21px;

    font-size: 34px;
  }

  .neeb-calendly-cta-band p {
    font-size: 15.5px;
  }

  .neeb-calendly-cta-actions {
    margin-top: 32px;
    gap: 18px;
  }

  .neeb-contact-form-card {
    min-height: 490px !important;

    padding: 34px 25px !important;
  }

  .neeb-contact-form-card > .elementor-element,
  .neeb-contact-form-card > .elementor-widget {
    transform: translateY(-17px);
  }
}


/* =========================================================
   TABLET BIS 1024 PX
========================================================= */

@media (max-width: 1024px) {

  .neeb-contact-equal-row,
  .neeb-contact-equal-row > .e-con-inner,
  .neeb-contact-equal-row > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: calc(100% - 40px) !important;
    max-width: 760px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    gap: 20px !important;
  }

  .neeb-contact-col-left,
  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
  }

  .neeb-contact-col-left .elementor-widget-html,
  .neeb-contact-col-left
  .elementor-widget-html
  > .elementor-widget-container {
    display: block !important;

    width: 100% !important;
    height: auto !important;
  }

  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    border-radius: 28px;
  }

  .neeb-calendly-cta-band {
    padding: 58px 30px;
  }

  .neeb-contact-form-card {
    padding: 40px 30px;
  }

  .neeb-calendly-cta-band-inner {
    max-width: 700px;

    transform: none;
  }

  .neeb-contact-form-card > .elementor-element,
  .neeb-contact-form-card > .elementor-widget {
    transform: none;
  }

  .neeb-calendly-cta-band h2 {
    font-size: 40px;
  }

  .neeb-calendly-cta-band p {
    font-size: 17px;
  }
}


/* =========================================================
   MOBILE BIS 767 PX
   NAHEZU VOLLE BILDSCHIRMBREITE
========================================================= */

@media (max-width: 767px) {

  /*
   * Aus dem begrenzten Elementor-Container ausbrechen.
   * Es bleiben 8 px Abstand pro Bildschirmseite.
   */
  .neeb-contact-equal-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    position: relative !important;
    left: 50% !important;

    width: calc(100vw - 16px) !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;

    gap: 14px !important;
  }

  .neeb-contact-equal-row > .e-con-inner,
  .neeb-contact-equal-row > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 14px !important;
  }

  .neeb-contact-col-left,
  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
  }

  .neeb-contact-col-left {
    padding: 0 !important;
  }

  .neeb-contact-col-left .elementor-widget-html,
  .neeb-contact-col-left
  .elementor-widget-html
  > .elementor-widget-container {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* Karten */

  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    border-radius: 21px;
  }

  .neeb-calendly-cta-band {
    padding: 48px 24px;
  }

  .neeb-contact-form-card {
    padding: 32px 22px;
  }

  /* Desktop-Verschiebungen entfernen */

  .neeb-calendly-cta-band-inner,
  .neeb-contact-form-card > .elementor-element,
  .neeb-contact-form-card > .elementor-widget {
    transform: none !important;
  }

  .neeb-calendly-cta-band-inner {
    width: 100%;
    max-width: 650px;
  }

  /* Kicker */

  .neeb-calendly-cta-kicker {
    margin-bottom: 17px;
    padding: 9px 15px;

    font-size: 11px;
  }

  /* Überschrift */

  .neeb-calendly-cta-band h2 {
    width: 100%;
    max-width: 100%;

    margin-bottom: 19px;

    font-size: clamp(28px, 7.8vw, 34px);
    line-height: 1.12;
    letter-spacing: -0.035em;

    text-wrap: pretty;

    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  /* Beschreibung */

  .neeb-calendly-cta-band p {
    width: 100%;
    max-width: 100%;

    font-size: 16px;
    line-height: 1.7;
  }

  /* Aktionen */

  .neeb-calendly-cta-actions {
    width: 100%;

    margin-top: 30px;
    gap: 16px;
  }

  .neeb-calendly-cta-btn {
    width: 100%;
    max-width: 410px;

    min-height: 54px;
    padding: 0 20px;

    font-size: 15px;
  }

  .neeb-calendly-cta-note {
    width: 100%;
    max-width: 410px;

    font-size: 13px;
  }

  /* HubSpot-Formular vollständig ausnutzen */

  .neeb-contact-form-card .elementor-widget,
  .neeb-contact-form-card .elementor-widget-container,
  .neeb-contact-form-card .hbspt-form,
  .neeb-contact-form-card .hs-form,
  .neeb-contact-form-card form,
  .neeb-contact-form-card fieldset {
    width: 100% !important;
    max-width: none !important;
  }

  .neeb-contact-form-card .hs-button,
  .neeb-contact-form-card input[type="submit"] {
    width: 100%;
  }
}


/* =========================================================
   SEHR KLEINE GERÄTE BIS 420 PX
========================================================= */

@media (max-width: 420px) {

  /*
   * Nur noch 6 px Abstand pro Bildschirmseite.
   */
  .neeb-contact-equal-row {
    width: calc(100vw - 12px) !important;
  }

  .neeb-calendly-cta-band,
  .neeb-contact-form-card {
    border-radius: 19px;
  }

  .neeb-calendly-cta-band {
    padding: 43px 20px 47px;
  }

  .neeb-contact-form-card {
    padding: 28px 18px;
  }

  .neeb-calendly-cta-band h2 {
    font-size: clamp(27px, 7.6vw, 31px);
  }

  .neeb-calendly-cta-band p {
    font-size: 15.5px;
  }

  .neeb-calendly-cta-btn {
    font-size: 14.5px;
  }
}


/* =========================================================
   SEHR SCHMALE SMARTPHONES
========================================================= */

@media (max-width: 360px) {

  .neeb-calendly-cta-band {
    padding-right: 17px;
    padding-left: 17px;
  }

  .neeb-contact-form-card {
    padding-right: 16px;
    padding-left: 16px;
  }

  .neeb-calendly-cta-band h2 {
    font-size: 26px;
  }
}


/* =========================================================
   REDUZIERTE BEWEGUNGEN
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .neeb-calendly-cta-btn,
  .neeb-contact-form-card .hs-button,
  .neeb-contact-form-card input[type="submit"] {
    transition: none;
  }

  .neeb-calendly-cta-btn:hover,
  .neeb-contact-form-card .hs-button:hover,
  .neeb-contact-form-card input[type="submit"]:hover {
    transform: none;
  }
}/* End custom CSS */