:root {
  --schiffers-blau: #004b8c;
  --schiffers-grau: #f1f5f9;
  --schiffers-gelb: #edbf17;
  --nw-container-max-width: 1600px;

  /* Spacing */
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 8rem;
}

/* ==========================================================================
   Shared Button (.nw-btn)
   --------------------------------------------------------------------------
   Zentraler Button-Style für alle Module. Wird als zusätzliche Klasse auf
   das <a>-Tag gesetzt, z.B.: <a class="nw-btn nw-media-content-btn-primary">

   Layout, Größe, Padding, Border-Radius und Typografie sind hier definiert.
   Modul-spezifische Klassen steuern nur noch Farben (background, color, border).

   Genutzt von: media-content, cta-overlap, service-grid, teaser, button, hero-oil
   ========================================================================== */

.nw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  height: 3rem;
  min-width: 12.5rem;
  padding: 0.75rem 1.75rem;
  border-radius: 1.875rem;
  border: 2px solid transparent;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
  transition: filter 0.3s ease !important;
}

.nw-btn:hover {
  background: var(--nw-btn-hover-bg, var(--schiffers-gelb, #edbf17)) !important;
  filter: none;
  text-decoration: none !important;
}

.nw-btn:hover .nw-btn__text {
  color: var(--schiffers-blau, #004b8c) !important;
  font-weight: 700 !important;
}

.nw-btn:hover .nw-btn__icon svg path,
.nw-btn:hover svg.nw-btn__icon path {
  stroke: var(--schiffers-blau, #004b8c) !important;
}

/* Icon-Bilder (img) beim Hover: Blau einfärben via CSS filter */
.nw-btn:hover .nw-btn__icon img {
  filter: brightness(0) saturate(100%) invert(18%) sepia(89%) saturate(1786%) hue-rotate(196deg) brightness(96%) contrast(101%);
}

.nw-cta-overlap__btn:hover,
.nw-teaser__btn:hover,
.nw-button--primary:hover {
  border-color: var(--schiffers-blau, #004b8c) !important;
}

.nw-service-grid__btn:hover {
  border-color: #fff !important;
}

.nw-btn__icon {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nw-btn__icon img,
.nw-btn__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  margin: 0 !important;
}

.nw-btn__text {
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 700;
  line-height: 150%;
  white-space: nowrap;
}

/* ==========================================================================
   Global Styles
   ========================================================================== */

/* Fonts */

body {
  --scroll-bar-w: unset !important;
  font-family: var(--font-inter) !important;
  font-size: 1.25rem !important;
  overflow: clip !important;
}

.grid-image-row .img-with-aniamtion-wrap .hover-wrap {
  margin-bottom: 4% !important;
}

@media screen and (max-width: 599px) {
  .wpb_text_column .wpb_wrapper {
    word-break: break-word;
    overflow-wrap: break-word;
  }

}

#ajax-content-wrap h2 {
  color: var(--schiffers-blau, #004b8c);
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 130% !important;
}

@media screen and (max-width: 599px) {
  body #ajax-content-wrap h2 {
    font-size: 1.8rem !important;
    line-height: 130% !important;
    hyphens: auto;
  }
}

h2 strong,
h2 b {
  font-weight: 700 !important;
}

#ajax-content-wrap .container-wrap h3 em,
#ajax-content-wrap .container-wrap h3 i {
  color: #337ab7 !important;
  font-family: 'IBM Plex Serif', var(--font-ibm-plex-serif), serif !important;
  font-size: 1.875rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 135% !important;
}

#ajax-content-wrap .container-wrap h3 {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: var(--font-inter), Inter, sans-serif !important;
  font-size: 1.5625rem !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 140% !important;
}

h5 {
  color: #1e1e1e !important;
  font-family: var(--font-inter) !important;
  font-size: 2.125rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 3.25rem !important;
}

p {
  color: #000 !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1.25rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}

ul li {
  font-size: 1.25rem !important;
}

@media screen and (max-width: 599px) {
  h2 {
    font-size: 1.5rem !important;
  }

  h5 {
    font-size: 1.5rem !important;
  }

  /* 
  p {
    font-size: 1rem !important;
  }

  ul li {
    font-size: 1rem !important;
  } */
}

/* 
 * NAvi 
 */

/* Logo */
@media screen and (max-width: 999px) {
  body #header-outer #top #logo img {
    width: 64px !important;
    height: 64px !important;
    margin-top: -12px !important;
  }
}

/** 
 * Menu 
 */
#header-outer a span.menu-title-text {
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.25px;
}

/* 
 * Footer 
 */

body #footer-outer #copyright .widget h4,
body #footer-outer #copyright li a i,
body #footer-outer #copyright p {
  color: #ffffff !important;
}

#footer-outer .widget h3,
#footer-outer .widget h5,
#footer-outer .widget h6 {
  color: inherit;
  font-family: 'IBM Plex Serif';
  font-weight: 300;
  font-size: 1.875rem;
  font-size: 32px;
}

#footer-outer #footer-widgets .col p {
  padding-bottom: 20px;
  font-size: 1rem !important;
  color: #fff !important;
}

/* Place VDI badge right */
@media screen and (min-width: 1000px) {
  .col.span_3.one-fourths.right-edge figure {
    width: 120px;
    margin-left: auto;
    margin: 0 0 0 auto;
  }
}

/* Copyright */
div#copyright .col {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  width: unset;
}

#footer-outer #copyright p {
  font-size: 1rem !important;
}

/* copyright section / lower nav */
div#copyright .container {
  display: flex;
}

div#copyright .centered-footer-nav {
  width: 100%;
  text-align: center;
}

div#copyright .col {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  width: unset;
}

div#copyright .col.span_7.col_last {
  flex-grow: 0 !important;
}

#footer-outer #copyright p {
  white-space: nowrap;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 133.333% */
  margin: 0;
  padding: 0;
}

.centered-footer-nav a {
  color: #a8aeb2;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0 0.5rem;
}

@media (min-width: 691px) {
  .span_3 {
    width: 24.5%;
    margin-right: 0;
  }
}

/* ========================================================================== 
   Modules Styles 
   ========================================================================== */

/*
 *
 * 
 * Accordion Styles
 * 
 * 
 */

.nw-accordion-italic-title p {
  color: #337ab7 !important;
  font-family: var(--font-ibm-plex-serif) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 2rem !important;
  line-height: normal !important;
}

.nw-accordion-title p {
  color: var(--schiffers-blau) !important;
  font-family: var(--font-inter) !important;
  font-size: 2.125rem !important;
  font-weight: 700 !important;
  line-height: 3.25rem !important;
}

.nw-accordion-subtitle p {
  color: #1e1e1e !important;
  font-family: var(--font-inter) !important;
  font-weight: 400 !important;
  line-height: 2rem !important;
}

/* Section Title */
body div[data-style*='minimal'] .toggle.open>.toggle-title a,
body div[data-style*='minimal'] .toggle>.toggle-title a {
  color: var(--schiffers-blau);
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-inter);
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
}

/* Section Content */
div[data-style='minimal'] .toggle[data-inner-wrap='true']>div .inner-toggle-wrap .wpb_text_column .wpb_wrapper p {
  color: var(--schiffers-blau) !important;
  leading-trim: both;
  text-edge: cap;
  font-family: var(--font-inter);
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

i[role='presentation'].fa-plus-circle {
  background-color: #edbf17 !important;
  border-color: transparent !important;
}

i[role='presentation'].fa-minus-circle {
  border-color: transparent !important;
  background-color: #edeece !important;
}

div[data-style*='minimal'] .toggle>.toggle-title i {
  width: 50px !important;
  height: 50px !important;
  margin-top: -25px !important;
}

div[data-style='minimal'] .toggle>.toggle-title i:before {
  background-color: #1e1e1e !important;
  top: 25px !important;
  left: 14px !important;
  margin-top: -2px !important;
  width: 18px !important;
  height: 2px !important;
}

div[data-style='minimal'] .toggle>.toggle-title i:after {
  background-color: #1e1e1e !important;
  top: 16px !important;
  left: 24px !important;
  width: 2px !important;
  margin-left: -2px !important;
  height: 16px !important;
  transition: transform 0.45s cubic-bezier(0.3, 0.4, 0.2, 1) !important;
  transform-origin: center center !important;
}

/* Plus → Minus: vertikaler Strich rotiert 90° im Uhrzeigersinn */
div[data-style='minimal'] .toggle.open>.toggle-title i:after {
  transform: rotate(90deg) !important;
}

/* Sticky Toggle-Button */
.nw-toggle-sticky {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 14px 90px !important;
  box-sizing: border-box;
  max-width: 100%;
}

.nw-toggle-sticky-placeholder {
  display: block;
}

@media screen and (max-width: 999px) {
  .nw-toggle-sticky {
    padding: 14px 5% !important;
  }
}

/*
 *
 * 
 * Nav Styles
 * 
 * 
 */

#header-outer.transparent #top nav>ul>li>a,
#header-outer.transparent #top nav>.sf-menu>li>a {
  opacity: 1 !important;
}

.sf-menu,
.sf-menu * {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  z-index: 10;
  font-size: 1.2rem;
}

/*
 *
 * 
 * Icon with Text
 * 
 * 
 */
.nw-icon-with-text {
  display: flex;
  gap: 1.5rem;
  padding-bottom: 2rem;
  align-items: flex-start;
}

.nw-icon-with-text.text-center {
  justify-content: center;
}

.nw-icon-with-text span.vc_icon_element-icon:before {
  background: #367a35;
  color: #fff;
  font-size: 1.5rem;
  padding: 0.5rem;
  border-radius: 999px;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
}

.nw-icon-with-text h3 {
  margin: 0;
  line-height: 1.4;
}

.nw-icon-with-text p {
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 0.5rem;
  text-wrap: pretty;
}

/*
 *
 * 
 * VDI Hero Element
 * 
 * 
 */

.nw-hero {
  height: 100vh;
  display: flex;
  align-items: end;
  justify-content: center;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.nw-hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  transform: scale(1);
  animation: heroZoom 5s ease-out infinite;
}

.nw-hero-background:before {
  content: '';
  background: #122a5b1a;
  background: linear-gradient(0deg,
      rgba(18, 42, 91, 0.1) 0%,
      rgba(18, 42, 91, 0.1) 100%);
  background: linear-gradient(0deg,
      rgba(18, 42, 91, 0.5) 0%,
      rgba(18, 42, 91, 0.1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@keyframes heroZoom {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.1);
  }
}

/* Hero background — statisches Bild (kein Zoom) */
.nw-hero-background--static {
  animation: none !important;
  transform: scale(1) !important;
}

/* Hero background — Video-Modus */
.nw-hero-background--video {
  animation: none;
  transform: none;
  background: none;
  overflow: hidden;
}

.nw-hero-background--video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nw-hero-background--video::before {
  z-index: 1;
}

@media screen and (min-width: 1000px) {
  .nw-hero {
    height: auto !important;
    min-height: 100vh;
  }

  .nw-hero-content {
    max-width: var(--nw-container-max-width);
    width: 100%;
    padding: 45px 90px;
    margin-top: 112px;
    min-height: calc(100vh - 112px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.nw-hero-content {
  max-width: var(--nw-container-max-width);
  width: 100%;
  /* padding: 90px 90px;
  padding-bottom: calc(15vh + 90px); */
}

.nw-hero-inner-content {
  width: 67%;
}

h1.nw-hero-title span {
  display: block;
}

h1.nw-hero-title {
  color: #fff;
  font-family: Inter, var(--font-inter), sans-serif;
  font-weight: 800;
  line-height: 100%;
}

span.nw-hero-title-part-2 {
  color: var(--schiffers-gelb, #edbf17);
}

@media (min-width: 1000px) {
  h1.nw-hero-title {
    font-size: 7.5rem;
  }

  span.nw-hero-title-part-2 {
    font-size: 7.5rem;
  }
}

/* Hero Content volle Breite auf allen Desktop-Größen */
@media (min-width: 1000px) {
  .nw-hero-inner-content {
    width: 100%;
  }
}

/* Kleine Desktop-Viewports: Title und Subtitle verkleinern */
@media (min-width: 1000px) and (max-width: 1100px) {

  h1.nw-hero-title,
  span.nw-hero-title-part-2 {
    font-size: 6.5rem;
  }

  .nw-hero-subtitle mark {
    font-size: 1.75rem !important;
    line-height: 2.2;
  }
}

.nw-hero-subtitle {
  margin-top: 2rem;
  display: inline-block;
  white-space: break-spaces !important;
}

.nw-hero-subtitle p,
.nw-hero-subtitle mark,
.nw-hero-subtitle em {
  white-space: break-spaces !important;
}

.nw-hero-subtitle mark {
  background: #fff !important;
  padding: 0.5rem 1rem !important;
  -webkit-box-decoration-break: clone !important;
  box-decoration-break: clone !important;
  line-height: 2;
  color: #054e89;
  font-size: 2rem;
}

.nw-hero-subtitle p {
  margin: 0;
  font-weight: bold;
  color: #054e89;
  line-height: 1.4;
  font-family: var(--font-inter);
}

/* Wenn kursiv gewählt wird, bold entfernen */
.nw-hero-subtitle em,
.nw-hero-subtitle i {
  font-family: var(--font-ibm-plex-serif);
  font-weight: 400;
  font-style: italic;
  white-space: nowrap;
}

/* Siegel/Badge Styles */
.nw-hero-badge {
  margin-top: 1.5rem;
  display: flex;
  align-items: flex-start;
}

.nw-hero-badge img.nw-hero-badge-image {
  width: 100px !important;
  height: auto !important;
  display: block !important;
}

@media screen and (min-width: 1000px) {
  .nw-hero-button-container {
    position: absolute;
    bottom: 2rem;
    margin-left: 50%;
  }
}

a.nw-hero-button {
  color: #fff;
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 200;
  line-height: 1.75rem;
  max-width: 500px;
  margin-left: 52px;
  display: block;
  text-wrap: balance;

  transition: color 0.3s ease;
}

a.nw-hero-button:hover {
  color: #edbf17;
}

a.nw-hero-button:before {
  content: '';
  width: 43px;
  height: 43px;
  margin-left: -52px;
  top: 6px;
  background-image: url(/wp-content/plugins/vdi-custom-wp-bakery-elements/assets/hero-cta-arrow.svg);

  background-repeat: no-repeat;
  position: absolute;
}

@media screen and (max-width: 999px) {
  .nw-hero-button-container {
    position: relative;
    width: 100%;
    max-width: 88%;
    margin: 0 auto;
    margin: 2rem auto 0;
  }

  a.nw-hero-button {
    color: #054e89;
  }

  a.nw-hero-button:hover {
    color: #edbf17;
  }

  a.nw-hero-button:before {
    content: '';
    width: 42px;
    height: 43px;
    margin-left: -52px;
    top: 6px;
    position: absolute;
    background-size: contain;
  }

  /* Badge auf Mobile anpassen */
  .nw-hero-badge {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }

  .nw-hero-badge img.nw-hero-badge-image {
    width: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  a.nw-hero-button {
    font-size: 1rem;
  }
}

@media screen and (max-width: 999px) {
  .nw-hero {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .nw-hero-background {
    position: static;
    height: 33vh;
    min-height: 300px;
    transform: scale(1);
    animation: heroZoom 5s ease-out infinite;
  }

  .hero-content {
    max-width: 88%;
    padding: unset;
  }

  .nw-hero-content {
    max-width: 100%;
    padding: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }

  .nw-hero-inner-content {
    width: 100%;
    max-width: 88%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 2rem 0 0 0;
  }

  /* H1 Teil 1 - Weißer Hintergrund, blauer Text */
  h1.nw-hero-title span.nw-hero-title-part-1 {
    background-color: #fff;
    color: #054e89;
    padding: 0;
    font-size: 2.5rem;
    line-height: 1.3;
    order: 1;
    margin: 0;
  }

  /* H1 Teil 2 - Weißer Hintergrund, gelber Text */
  h1.nw-hero-title span.nw-hero-title-part-2 {
    background-color: #fff;
    color: #edbf17;
    padding: 0;
    font-size: 2.5rem;
    line-height: 1.3;
    order: 2;
    margin: 0;
  }

  /* Subtitle - Blauer Hintergrund, weißer Text */
  .nw-hero-subtitle {
    color: #fff;
    margin: 0;
    display: block;
    white-space: normal;
    order: 3;
    width: fit-content;
  }

  .nw-hero-subtitle mark {
    padding: 0.5rem 1rem !important;
    background: #054e89 !important;
    color: #fff !important;
    line-height: 2.2;
    font-size: 1.5rem;
  }

  .nw-hero-subtitle p {
    color: #fff;
    font-weight: bold;
  }

  /* Badge Order auf Mobile */
  .nw-hero-badge {
    order: 4;
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 599px) {

  .nw-hero-title,
  h1.nw-hero-title span.nw-hero-title-part-1,
  h1.nw-hero-title span.nw-hero-title-part-2 {
    font-size: 2rem;
  }

  .nw-hero-subtitle mark {
    font-size: 1.25rem;
  }

  a.nw-hero-button {
    margin-left: 42px;
    line-height: 1.5rem;
  }

  a.nw-hero-button:before {
    content: '';
    width: 36px;
    height: 36px;
    margin-left: -42px;
    top: 6px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/* Fixed Button */
a#to-top {
  display: none !important;
}

.nw-fixed-button-wrapper {
  position: fixed;
  bottom: 0;
  z-index: 9999;
  padding: 0 1rem 1rem 0;
  display: none;
  justify-content: end;
  right: 0;
}

.nw-fixed-button-wrapper.visible {
  display: flex;
}

.nw-fixed-button-wrapper a.nw-fixed-button {
  transition: all 0.3s ease-in-out;
  transform: translate(0, 200px);
  scale: 0.5;
  opacity: 0;
}

.nw-fixed-button-wrapper.visible.active a.nw-fixed-button {
  transform: translate(0, 0px);
  scale: 1;
  opacity: 1;
}

@media screen and (max-width: 599px) {
  .nw-fixed-button-wrapper {
    padding: 0 0.25rem 0.25rem 0;
  }

  .nw-fixed-button-wrapper a.nw-fixed-button img {
    width: 56px;
  }
}

/*
 *
 * VDI Slider Element
 * 
 */

.nw-slider {
  padding: 4rem 0;
  color: #fff;
  position: relative;
  overflow: hidden;
  background-color: var(--schiffers-blau, #004b8c);
}

/* Container - minimal für Achsen-Ausrichtung */
.nw-slider-container {
  max-width: var(--nw-container-max-width);
  width: 100%;
  padding: 0 90px;
  margin: 0 auto;
}

.nw-slider-inner-content {
  width: 66%;
  /* Achse wie Hero */
  position: relative;
}

/* Dots */
.nw-slider-inner-content:before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background-image: radial-gradient(circle, #7ba2c2 1px, transparent 1px);
  background-size: 16px 20px;
  bottom: -2rem;
  left: -4rem;
  pointer-events: none;
  z-index: 0;
  opacity: 0.6;
}

@media screen and (max-width: 999px) {
  .nw-slider-inner-content:before {
    width: 340px;
    height: 68%;
    background-size: 16px 20px;
    top: 3rem;
    left: 0;
  }
}

@media screen and (max-width: 599px) {
  .nw-slider-inner-content:before {
    top: 2rem;
  }
}

@media screen and (max-width: 499px) {
  .nw-slider-inner-content:before {
    top: 1.5rem;
    height: 62%;
  }
}

/* Title */
#ajax-content-wrap .nw-slider-main-title {
  margin: 0 0 3rem 0 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  font-family: var(--font-inter) !important;
  font-weight: 700 !important;
}

/* Swiper - freies Scrollen ohne Clipping */
.nw-swiper {
  overflow: visible !important;
}

.nw-swiper .swiper-wrapper {
  display: flex !important;
}

.nw-swiper .swiper-slide {
  width: 100% !important;
  /* Volle Breite - jeder Step füllt den Container */
  flex-shrink: 0 !important;
}

/* Step Layout - wie ursprünglich */
.nw-slider-step {
  display: flex !important;
  align-items: start;
  gap: 1rem;
  padding: 2rem 0;
}

.row .swiper-slide img.nw-slider-step-image {
  border-radius: 1rem;
  height: 400px;
  max-width: 300px;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

.nw-slider-step-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.nw-slider-step-content {
  flex: 1;
  padding-left: 1rem;
}

.nw-slider-step-number {
  font-family: var(--font-inter);
  font-weight: 800;
  color: var(--schiffers-gelb);
  line-height: 1;
  margin-bottom: 1rem;
  font-size: 5rem;
}

#ajax-content-wrap .container-wrap h3.nw-slider-step-title {
  font-size: 1.8rem !important;
  color: var(--schiffers-gelb) !important;
  margin: 0 0 1.5rem 0 !important;
  line-height: 1.3 !important;
  font-family: var(--font-ibm-plex-serif) !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

.nw-slider-step-description {
  font-family: var(--font-inter) !important;
  font-weight: 400 !important;
  font-size: 1.25rem !important;
  line-height: 2rem !important;
  color: #fff !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Progress - nur die Linie */
.nw-slider-progress {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.nw-slider-progress-bar {
  width: 200px;
  height: 4px;
  background-color: #122d59;
  border-radius: 2px;
  transition: background 0.2s ease;
}

/* Verstecke alle Swiper Pagination falls doch welche da sind */
.nw-slider .swiper-pagination {
  display: none !important;
}

.nw-slider .swiper-pagination-bullet {
  display: none !important;
}

.nw-slider .swiper-pagination-progressbar {
  display: none !important;
}

.swiper-slide.nw-slider-step.swiper-slide-active,
.swiper-slide.nw-slider-step.swiper-slide-active * {
  cursor: grab;
}

/* Responsive - nur was nötig */
@media screen and (max-width: 999px) {
  .nw-slider-container {
    max-width: 88%;
    padding: unset;
  }

  .nw-slider-inner-content {
    width: 100%;
  }

  .nw-swiper .swiper-slide {
    width: 100% !important;
    margin-right: 0;
  }

  .nw-slider-step {
    flex-direction: column;
    text-align: left;
    gap: 2rem;
  }

  .nw-slider-step-content {
    padding-left: 0;
    margin-top: -80px;
  }

  .nw-slider-step-number {
    font-size: 6rem;
    margin-left: 1rem;
    text-shadow:
      0px 0 24px rgb(0 0 0 / 30%),
      0px 0 48px rgb(0 0 0 / 20%),
      0px 0 96px rgb(0 0 0 / 10%);
  }

  .nw-slider-step-title {
    font-size: 1.5rem;
  }

  .nw-slider-step-description {
    text-align: left;
  }

  .nw-slider-main-title {
    font-size: 1.5rem;
  }

  .nw-slider-progress-bar {
    width: 150px;
  }
}

/* Responsive - nur was nötig */
@media screen and (max-width: 499px) {
  .nw-slider-step {
    padding: 6rem 0 2rem 0;
  }

  .nw-slider-step-number {
    margin-left: 0rem;
    text-shadow: 0px 0 24px rgb(0 0 0 / 10%), 0px 0 48px rgb(0 0 0 / 10%), 0px 0 96px rgb(0 0 0 / 10%);
  }

  .row .swiper-slide img.nw-slider-step-image {
    display: none !important;
  }

}

/*
 *
 * VDI Media Content Element
 * 
 */

.nw-media-content {
  position: relative;
}

.nw-media-content-container {
  display: flex;
  align-items: flex-start;
  gap: 0;
  position: relative;
}

/* Layout Variants */
.nw-media-content--media-left .nw-media-content-container {
  flex-direction: row;
}

.nw-media-content--media-right .nw-media-content-container {
  flex-direction: row-reverse;
}

/* Media Container */
.nw-media-content-media {
  /* flex: 0 0 50%; */
  flex: 0 0 calc(50% + 180px);
  position: relative;
  z-index: 2;
  /* Even width */
  /* max-width: calc(50% - 1rem); */
  margin-top: 40px;
}

@media screen and (max-width: 1400px) {
  .nw-media-content-media {
    flex: 0 0 calc(50% + 0px) !important;
  }
}

.nw-media-content--media-right .nw-media-content-media {
  margin-top: 40px;
}




/* Image Styles */
.nw-media-content-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
  box-shadow: 0px 18px 48px 0 rgba(0, 0, 0, 0.25);
}

.nw-media-content-container img.nw-media-content-image {
  width: 100% !important;
}

/* WordPress Theme Override */
.nw-media-content-media img {
  margin-bottom: 0 !important;
}

/* Video Embed Styles */
.nw-video-embed {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 20px;
  aspect-ratio: 16 / 9;
  box-shadow: 0px 18px 48px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.nw-video-embed::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.01);
  pointer-events: none;
  z-index: 1;
}

.nw-video-embed video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Video Overlay Styles */
.nw-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease;
  z-index: 10;
}

.nw-video-overlay.nw-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.nw-video-play-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  outline: none;
}

.nw-video-play-btn:hover {
  transform: scale(1.1);
}

.nw-video-play-btn svg {
  width: 80px;
  height: 80px;
  transition: all 0.3s ease;
}

.nw-video-play-btn:hover svg {
  transform: scale(1.05);
}

/* Video mit Controls verstecken Overlay */
.nw-video-embed.nw-playing .nw-video-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Video Controls when playing */
.nw-video-embed video.nw-playing {
  cursor: pointer;
}

/* Text Container */
.nw-media-content-text {
  flex: 1;
  position: relative;
  z-index: 1;
}

.nw-media-content-text-inner {
  background-color: #f1f5f9;
  padding: 60px 40px;
  position: relative;
}

/* Media Left Layout */
.nw-media-content--media-left .nw-media-content-text-inner {
  margin-left: -100px;
  padding-left: 140px;
}

/* Media Right Layout */
.nw-media-content--media-right .nw-media-content-text-inner {
  margin-right: -100px;
  padding-right: 140px;
}

/* Typography */
.nw-media-content-kicker {
  color: #337ab7 !important;
  font-family: 'IBM Plex Serif', var(--font-ibm-plex-serif), serif !important;
  font-size: 1.875rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: 135% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#ajax-content-wrap .nw-media-content-title {
  color: var(--schiffers-blau);
  font-weight: 700 !important;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  font-family: var(--font-inter);
  font-size: 2rem;
}

.nw-media-content-description {
  color: #333;
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.nw-media-content-description p {
  margin-bottom: 1rem;
}

.nw-media-content-description p:last-child {
  margin-bottom: 0;
}

/* Action Link */
.nw-media-content-action {
  margin-top: 2rem;
}

.nw-media-content-link {
  display: inline-flex;
  align-items: center;
  color: #337ab7;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 1rem;
}

.nw-media-content-link:hover {
  color: var(--schiffers-gelb);
  text-decoration: none;
}

.nw-media-content-arrow {
  margin-left: 10px;
  display: inline-block;
  transition: transform 0.3s ease;
  color: #337ab7;
}

.nw-media-content-link:hover .nw-media-content-arrow {
  transform: translateX(5px);
  color: var(--schiffers-gelb);
}

.nw-media-content-arrow svg {
  width: 82px;
  height: 14px;
  vertical-align: middle;
}

/* Primary Button */
/* Farben: media-content Button (nutzt .nw-btn) */
.nw-media-content-btn-primary {
  background: var(--schiffers-blau, #004b8c);
  color: #fff;
}

/* Custom List Styling */
.nw-media-content-description ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.nw-media-content-description li {
  position: relative;
  padding-left: 60px;
  /* Platz für das SVG */
  margin-bottom: 1rem;
  /* Basis-Margin reduziert */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.nw-media-content-description li:last-child {
  margin-bottom: 0;
}

/* Custom SVG Bullet */
.nw-media-content-description li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.25rem;
  /* Anpassung für vertikale Ausrichtung */
  width: 39px;
  height: 56px;
  background-image: url('data:image/svg+xml,<svg width="39" height="56" viewBox="0 0 39 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.244 7.09703H25.1057C25.1334 7.04723 25.2164 6.99743 25.244 6.97253C25.244 7.02233 25.244 7.07213 25.244 7.09703Z" fill="%23EDBF17"/><path d="M25.4101 6.97232H25.2718C25.3271 6.92252 25.3548 6.72332 25.4101 6.97232Z" fill="%23EDBF17"/><path d="M22.3401 11.305C22.3401 11.305 22.2019 11.4046 22.3401 11.1805V11.305Z" fill="%23EDBF17"/><path d="M11.8861 31.6234H11.7478V31.8724H11.8861V31.6234ZM11.3607 31.4989V31.6234L11.4436 31.5487L11.3607 31.474V31.4989ZM26.4056 5.27929C26.9034 4.55719 28.1756 3.21259 28.4798 2.61499C28.6181 2.34109 28.95 0.747494 29.0053 0.672794C29.0606 0.647894 29.9179 0.871994 30.1945 0.772394C30.6923 0.622994 30.3604 0.075195 30.9689 0.000495102C32.0751 -0.124005 35.4215 0.349095 36.5554 0.672794C36.6107 0.672794 36.5554 1.04629 36.5554 1.04629C36.6384 1.07119 36.9979 0.747494 37.4127 0.847094C38.5743 1.12099 38.9615 3.01339 38.8232 3.93469C38.7402 4.43269 35.781 9.73638 35.2832 10.5581C34.9513 11.1059 34.5642 11.1059 34.5365 11.1557C33.8174 12.3758 33.1537 14.5172 31.9092 15.2642L30.5817 18.4763C30.1668 17.7293 29.5861 20.0699 29.8626 20.3189L29.6414 20.045L29.5584 20.5679L29.2818 20.3189C27.7607 24.7511 24.9951 28.9591 22.7826 33.4162C22.6444 33.6652 22.9209 33.964 22.8656 34.0636C22.8656 34.0636 22.4231 34.0636 22.3678 34.1881C22.0912 34.7359 21.8976 35.5327 21.7041 35.9311C20.902 37.5745 19.7128 39.5416 19.0767 41.2348C19.0214 41.3842 19.2427 41.6083 19.215 41.6083C19.215 41.683 18.9384 41.5336 18.9384 41.5585C18.3577 43.2019 17.9152 44.9449 17.6109 46.663L17.3344 46.5385L16.6153 50.3482L16.3388 50.2237C16.2281 51.2446 15.9516 54.9547 15.1772 55.5274L13.4349 56.0005H13.2966C11.8861 55.1788 9.95019 55.3282 8.53973 55.0045C8.12489 54.9049 7.90364 54.5065 7.57177 54.4069C7.21224 54.3073 6.90802 54.4318 6.79739 54.4069C6.74208 54.4069 6.79739 54.1828 6.79739 54.1579C6.54849 54.0832 6.85271 54.5812 6.21662 54.3322C5.38693 54.0334 4.7785 52.8382 4.19772 52.3153C3.83819 51.9916 3.2021 52.0165 2.56601 51.3193C0.823668 49.402 1.10023 42.43 0.961949 39.7906C0.906637 38.8693 0.796012 37.699 0.242889 37.0267L0.961949 28.1125L2.12351 23.6555L1.26617 22.9334C1.51507 22.8338 1.8746 23.0579 1.98523 23.0579C2.04054 23.0579 2.06819 23.0579 2.12351 23.0579C2.17882 23.0579 2.28944 23.2073 2.40007 23.1824C2.45538 22.9832 2.40007 22.4105 2.12351 22.6595C2.15116 22.5848 2.06819 22.3856 2.12351 22.286C2.51069 21.8876 8.70567 23.0579 9.5077 23.5061C9.89488 23.7302 10.9735 24.9254 10.9735 25.3985L11.25 25.0001L11.416 31.0756C11.8585 31.723 11.6372 30.5527 12.1074 30.3784V31.2997L21.2616 12.6746L21.5658 12.7991C21.6487 12.2264 22.0083 11.7035 22.2848 11.2304V11.1059C22.5337 10.7075 22.8933 9.86088 23.0039 9.66168C23.0039 9.66168 23.2805 9.81108 23.2805 9.78618C23.3358 9.71148 23.2805 9.28818 23.4187 9.06408C23.474 8.96448 23.7506 9.11388 23.8612 8.93958C24.0548 8.64078 23.9442 8.26728 23.9995 8.19258C23.9995 8.19258 24.2484 8.36688 24.442 8.11788C24.525 7.99338 24.0548 8.16768 24.2208 7.91868C24.4697 7.57008 24.8292 7.61988 24.8569 7.59498C24.8569 7.57008 24.7462 7.39578 25.0228 6.99738C25.0228 7.07208 24.9675 7.27128 25.1058 7.27128C25.244 7.27128 25.1334 7.07208 25.1887 6.99738C25.2164 6.94758 25.2994 6.92268 25.327 6.87288C25.5206 6.57408 25.6312 6.42468 25.4653 6.07609C25.9631 6.74838 25.8525 5.60299 26.1843 5.15479C26.295 5.95158 26.212 5.30419 26.3226 5.15479" fill="%23EDBF17"/><path d="M26.4057 5.27931H26.2674C26.378 5.12991 26.378 5.05521 26.4057 5.27931Z" fill="%23EDBF17"/><path d="M2.12345 23.1076H1.98517C1.9022 22.9582 2.09579 22.8088 2.12345 22.7092C2.09579 22.7341 2.1511 23.0578 2.12345 23.1076Z" fill="%23EDBF17"/><path d="M13.9052 27.2908C13.7392 27.5149 13.7116 26.6683 13.9052 26.8924C13.9052 26.8924 13.9052 27.2659 13.9052 27.2908Z" fill="%23EDBF17"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
}

/* Strong Text (Überschriften in Listen) */
.nw-media-content-description li strong {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  /* Weniger Margin wenn P folgt */
  display: block;
}

/* Wenn Strong das letzte Element ist (kein P danach) - mehr Abstand */
.nw-media-content-description li strong:last-child {
  margin-bottom: 3rem;
  /* Mehr Margin wenn kein P-Text folgt */
}

/* P Text in Listen */
.nw-media-content-description li p {
  color: #1e1e1e;
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin: 0;
}

/* Entferne <br> Tags in Listen */
.nw-media-content-description li br {
  display: none;
}

/* Responsive Design */
@media screen and (max-width: 999px) {
  .nw-media-content {
    padding: 0 0 60px 0;
  }

  .nw-media-content-container {
    flex-direction: column !important;
    padding: 0px;
  }

  .nw-media-content-media {
    max-width: 100%;
    order: 1;
    padding: 2rem 2rem 2rem 2rem;
    box-shadow: none;
    background: none;
    border-radius: 0.5rem;
  }

  .nw-media-content-image {
    border-radius: 0.5rem;
  }

  .nw-video-embed {
    background: none;
  }

  .nw-video-overlay {
    border-radius: 0.5rem;
  }

  .nw-media-content-text {
    order: 2;
    margin-bottom: -6rem;
    margin-top: -6rem;
  }

  /* Reset text margins on mobile */
  .nw-media-content--media-left .nw-media-content-text-inner,
  .nw-media-content--media-right .nw-media-content-text-inner {
    margin-left: 0;
    margin-right: 0;
    padding: 5.5rem 2rem;
  }

  /* Reset shadow on mobile */
  .nw-media-content-media,
  .nw-media-content--media-right .nw-media-content-media {
    margin-top: 0;
    box-shadow: none;
  }

  .nw-media-content-kicker {
    font-size: 1.25rem !important;
  }

  .nw-media-content-title {
    font-size: 1.5rem !important;
    margin-bottom: 1rem;
  }

  .nw-media-content-description {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }

  /* Mobile Video Play Button */
  .nw-video-play-btn svg {
    width: 60px;
    height: 60px;
  }
}

@media screen and (max-width: 499px) {
  /* .nw-media-content {
    padding: 2rem 1rem 1rem 1rem;
  } */

  .nw-media-content-text-inner {
    padding: 30px 20px;
  }

  .nw-media-content-title {
    font-size: 1.75rem;
  }

  .nw-media-content-description {
    font-size: 0.95rem;
  }

  .nw-media-content-link {
    font-size: 1rem;
    white-space: nowrap;
  }

  .nw-media-content-arrow svg {
    width: 50px;
  }

  /* Small Mobile Video Play Button */
  .nw-video-play-btn svg {
    width: 50px;
    height: 50px;
  }
}

/*
 *
 * VDI Pricing Plans Element
 * 
 */

.nw-pricing-plans {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.nw-pricing-plans-container {
  max-width: 1125px;
  margin: 0 auto;
  padding: 0 90px;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* Header Section */
.nw-pricing-plans-header {
  margin-bottom: 70px;
}

.nw-pricing-plans-top-title {
  font-size: 2rem;
  font-family: var(--font-ibm-plex-serif);
  font-weight: 400;
  font-style: italic;
  color: #337ab7;
  margin: 0 0 20px 0;
  line-height: 1.2;
}

.nw-pricing-plans-main-title {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: 2rem;
  margin: 0;
  line-height: 3rem;
}

.nw-pricing-plans-description {
  margin-top: 70px;
  color: #333;
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
}

.nw-pricing-plans-description p {
  margin-bottom: 1rem;
}

.nw-pricing-plans-description p:last-child {
  margin-bottom: 0;
}

/* Pricing Plans Grid */
.nw-pricing-plans-grid {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: stretch;
}

.nw-pricing-plan {
  flex: 1;
  max-width: 400px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  min-height: 500px;
  transition: transform 0.3s ease;
  /* nur transform animieren */
  cursor: default;
  /* Karte selbst nicht mehr klickbar */
  border: none;
  outline: none;
  font-family: inherit;
}

/* Standard Plan Styling */
.nw-pricing-plan--standard {
  background-color: var(--schiffers-grau);
}

/* Featured Plan Styling */
.nw-pricing-plan--featured {
  background-color: #004b8c;
}

/* Hover-Effekt (für alle Karten gleich) */
.nw-pricing-plan--standard:hover,
.nw-pricing-plan--featured:hover {
  transform: translateY(-2px);
  /* Box-Shadow optional – aktuell deaktiviert:
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1),
              -3px 0 8px rgba(0, 0, 0, 0.05),
               3px 0 8px rgba(0, 0, 0, 0.05),
               0 -3px 8px rgba(0, 0, 0, 0.03);
  */
}

/* Plan Title */
.nw-pricing-plan-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  margin: 35px 20px 0 20px;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nw-pricing-plan--standard .nw-pricing-plan-title {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: 1.25rem;
}

.nw-pricing-plan--featured .nw-pricing-plan-title {
  color: #ffffff;
}

/* Line Separator */
.nw-pricing-plan-separator {
  width: 100px;
  height: 2px;
  margin: 25px auto;
}

.nw-pricing-plan--standard .nw-pricing-plan-separator {
  background-color: #004b8c;
}

.nw-pricing-plan--featured .nw-pricing-plan-separator {
  background-color: #ffffff;
}

/* Price Text */
.nw-pricing-plan-price {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-weight: 800;
  font-size: 3rem;
  margin: 0;
  margin-top: 15px;
}

.nw-pricing-plan--standard .nw-pricing-plan-price {
  color: #004b8c;
}

.nw-pricing-plan--featured .nw-pricing-plan-price {
  color: #ffffff;
}

/* Pro Teilnehmer Text */
.nw-pricing-plan-per-participant {
  margin-top: 20px;
  font-size: 1rem;
  font-weight: 700;
  color: #337ab7;
}

.nw-pricing-plan--standard .nw-pricing-plan-per-participant {
  color: #337ab7;
}

.nw-pricing-plan--featured .nw-pricing-plan-per-participant {
  color: #ffffff;
}

/* Plan Description */
.nw-pricing-plan-description {
  margin-top: 0px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0 20px;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 69px;
}

.nw-pricing-plan-description .inner-wrapper {
  display: block;
  letter-spacing: -0.6px;
}

.nw-pricing-plan-description .inner-wrapper p {
  font-size: 1rem !important;
  letter-spacing: -0.6px !important;
}

.nw-pricing-plan--standard .nw-pricing-plan-description {
  color: #1e1e1e;
}

.nw-pricing-plan--featured .nw-pricing-plan-description {
  color: #ffffff;
}

/* Plan Button */
.nw-pricing-plan-button {
  margin: 0px auto 35px auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 30px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.5px;
  min-width: 215px;
  text-decoration: none;
  /* Links ohne Unterstreichung */
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

/* Standard Plan Button (links/rechts) */
.nw-pricing-plan-button--standard {
  background-color: #ffffff;
  border: 3px solid #337ab7;
  color: #337ab7;
}

/* Hover: blau + weiße Schrift */
.nw-pricing-plan-button--standard:hover,
.nw-pricing-plan-button--standard:focus-visible {
  background-color: #337ab7;
  color: #ffffff;
  border-color: #337ab7;
}

/* Featured Plan Button (mitte) */
.nw-pricing-plan-button--featured {
  background-color: #edbf17;
  color: #1e1e1e;
  border: none;
}

/* Hover: invertieren -> blaues Bg + gelbe Schrift */
.nw-pricing-plan-button--featured:hover,
.nw-pricing-plan-button--featured:focus-visible {
  background-color: #337ab7;
  color: #edbf17;
}

/* Tastaturfokus sichtbar */
.nw-pricing-plan-button:focus-visible {
  outline: 2px solid rgba(51, 122, 183, 0.5);
  outline-offset: 2px;
}

/* Bottom Description */
.nw-pricing-plans-bottom-description {
  margin-top: 70px;
  color: #333;
  font-size: 1rem;
  line-height: 1.6;
  text-align: left;
}

.nw-pricing-plans-bottom-description p {
  margin-bottom: 1rem;
  font-size: 0.8rem !important;
}

.nw-pricing-plans-bottom-description ul {
  margin-left: 15px;
}

.nw-pricing-plans-bottom-description ul li {
  font-size: 0.8rem !important;
}

.nw-pricing-plans-bottom-description p:first-child,
.nw-pricing-plans-bottom-description p:last-child {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Responsive Design */
@media screen and (max-width: 999px) {
  .nw-pricing-plans-container {
    padding: 0px;
    max-width: 88%;
  }

  .nw-pricing-plans-grid {
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }

  .nw-pricing-plan {
    max-width: 100%;
    width: 100%;
    min-height: auto;
  }

  .nw-pricing-plan-title {
    min-height: auto;
    margin: 35px 15px 0 15px;
  }

  .nw-pricing-plan-separator {
    margin: 15px auto;
  }

  .nw-pricing-plan-description {
    margin: 35px 0;
    min-height: auto;
  }

  .nw-pricing-plans-header {
    margin-bottom: 50px;
  }

  .nw-pricing-plans-top-title {
    font-size: 26px;
  }

  .nw-pricing-plans-main-title {
    font-size: 28px;
    line-height: 40px;
  }

  .nw-pricing-plans-description {
    margin-top: 15px;
    font-size: 1rem;
  }

  .nw-pricing-plans-bottom-description {
    margin-top: 50px;
  }

  /* Optional: Mobil den Lift-Effekt deaktivieren
     (falls du keine „springenden" Karten auf Touch willst) */
  .nw-pricing-plan--standard:hover,
  .nw-pricing-plan--featured:hover {
    transform: none;
  }
}

.nw-pricing-plan.nw-pricing-plan--standard:nth-child(3) .nw-pricing-plan-price {
  line-height: 1;
  font-size: 1.8rem;
}

.nw-pricing-plan.nw-pricing-plan--standard:nth-child(1) .nw-pricing-plan-description .inner-wrapper,
.nw-pricing-plan.nw-pricing-plan--featured .nw-pricing-plan-description .inner-wrapper {
  font-size: 1.5rem;
}

/*
 *
 * VDI Overlapping Colored Text Element
 *
 */

.nw-overlapping-colored-text {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.nw-overlapping-colored-text-container {
  max-width: var(--nw-container-max-width);
  margin: 0 auto;
  padding: 0 90px;
  /* display: flex;
  align-items: flex-start; */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  position: relative;
}

/* Yellow Box */
.nw-overlapping-yellow-box {
  flex: 0 0 55%;
  position: relative;
  z-index: 2;
  background-color: var(--schiffers-gelb);
  border-radius: 15px;
  max-width: 100%;
}

.nw-overlapping-yellow-content {
  padding: 70px;
}

/* Yellow Box Typography */
.nw-overlapping-yellow-title {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-weight: 800;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 3rem;
}

.nw-overlapping-yellow-list {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
}

.nw-overlapping-yellow-list ul {
  margin: 0;
  padding-left: 1.2em;
}

.nw-overlapping-yellow-list li {
  margin-bottom: 0.5rem;
}

.nw-overlapping-yellow-list li:last-child {
  margin-bottom: 0;
}

/* Blue Box */
.nw-overlapping-blue-box {
  flex: 1;
  position: relative;
  z-index: 1;
  background-color: #004b8c;
  border-radius: 15px;
  margin-top: 260px;
  margin-left: -180px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.nw-overlapping-blue-content {
  padding: 3rem 3rem 4rem calc(3rem + 180px);
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

/* Blue Box Typography */
.nw-overlapping-blue-title {
  font-family: var(--font-inter) !important;
  color: var(--schiffers-gelb) !important;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 3rem;
}

.nw-overlapping-blue-description p {
  color: #ffffff !important;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 2rem;
}

/* Action Link */
.nw-overlapping-blue-action {
  margin-bottom: 2rem;
}

.nw-overlapping-blue-link {
  display: inline-flex;
  align-items: center;
  color: var(--schiffers-gelb);
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.nw-overlapping-blue-link:hover {
  color: #ffffff;
  text-decoration: none;
}

.nw-overlapping-blue-arrow {
  margin-left: 10px;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

.nw-overlapping-blue-link:hover .nw-overlapping-blue-arrow {
  transform: translateX(5px);
}

/* Background Text */
.nw-overlapping-background-text {
  margin-top: auto;
  align-self: flex-end;
  color: rgba(255, 255, 255, 0.1);
  font-size: 8vw;
  font-weight: 900;
  text-transform: uppercase;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  margin-top: 40px;
  position: absolute;
  bottom: 0;
  left: calc(180px + 3rem);
  line-height: 0.75;
  z-index: -1;
  font-family: var(--font-inter);
}

/* Responsive Design */
@media screen and (min-width: 1400px) {
  .nw-overlapping-background-text {
    font-size: 128px;
  }
}

@media screen and (max-width: 1200px) {
  .nw-overlapping-background-text {
    font-size: 7vw;
  }
}

@media screen and (max-width: 999px) {
  .nw-overlapping-colored-text-container {
    max-width: 88%;
    padding: 0px;
    /* flex-direction: column; */
    grid-template-columns: 1fr;
    gap: 40px;
  }

  /* Reset positioning for mobile */
  .nw-overlapping-yellow-box {
    min-width: 100%;
    order: 1;
  }

  .nw-overlapping-blue-box {
    order: 2;
    margin-top: 0;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
  }

  /* Adjust padding for mobile */
  .nw-overlapping-yellow-content {
    padding: 40px 30px;
  }

  .nw-overlapping-blue-content {
    padding: 40px 30px 20px 30px;
  }

  /* Typography adjustments */
  .nw-overlapping-yellow-title,
  .nw-overlapping-blue-title {
    font-size: 28px;
    margin-bottom: 1rem;
  }

  /* .nw-overlapping-yellow-list,
  .nw-overlapping-blue-description p {
    font-size: 18px;
  }

  .nw-overlapping-blue-description p {
    margin-bottom: 1.5rem;
  } */

  .nw-overlapping-blue-link {
    font-size: 14px;
  }

  /* Background text adjustments */
  .nw-overlapping-background-text {
    font-size: 60px;
    margin-top: auto;
    align-self: end;
    text-align: right;
    width: 60%;
    white-space: nowrap;
  }
}

@media screen and (max-width: 599px) {
  .nw-overlapping-background-text {
    width: 50%;
  }
}

@media screen and (max-width: 499px) {
  .nw-overlapping-background-text {
    font-size: 4rem;
    align-self: flex-start;
    text-align: center;
    position: static;
    width: 100%;
  }
}

/*
 *
 * VDI Quote Element
 * 
 */

.nw-quote {
  padding: 6rem 0;
  background-color: #f1f5f9;
}

/* Mit Bild: Kein Padding - Bild bestimmt die Höhe */
.nw-quote--with-image {
  padding: 0;
}

.nw-quote-container {
  max-width: var(--nw-container-max-width);
  width: 100%;
  padding: 0 90px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.nw-quote-inner-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  gap: 2rem;
}

/* Mit Bild: mindestens Bildhöhe */
.nw-quote-inner-content--with-image {
  min-height: 23rem;
}

/* Bild Container */
.nw-quote-image-wrapper {
  flex-shrink: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  max-width: 33%;
  height: 100%;
  /* max-height: 23rem; */
  overflow: hidden;
}

.nw-quote-image {
  width: 100%;
  height: 100%;
  /* min-height: 23rem; */
  display: block;
  object-fit: cover;
  object-position: top;
}

/* Content Wrapper */
.nw-quote-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  padding: 3rem 0;
  flex: 1;
  min-width: 0;
}

/* Ohne Bild: Standard Flexbox Layout */
.nw-quote-inner-content:not(.nw-quote-inner-content--with-image) {
  flex-direction: column;
  align-items: flex-start;
}

.nw-quote-text {
  color: var(--schiffers-blau);
  font-family: var(--font-ibm-plex-serif-700);
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0;
  border: none;
  quotes: none;
}

.nw-quote-author {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.nw-quote-name {
  color: var(--schiffers-blau);
  font-family: var(--font-inter);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  margin: 0;
}

.nw-quote-title {
  color: #1e1e1e;
  font-family: var(--font-inter);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4375rem;
  margin: 0;
}

/* Responsive Design */
@media screen and (max-width: 999px) {
  .nw-quote {
    padding: 4rem 0;
  }

  /* Mit Bild: Auch auf Mobile normales Padding oben */
  .nw-quote--with-image {
    padding: 0rem 0;
  }

  .nw-quote-container {
    max-width: 88%;
    padding: 0px;
  }

  .nw-quote-inner-content {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    justify-content: flex-start;
    min-height: auto;
  }

  /* Mit Bild: Bild UNTER Content */
  .nw-quote-inner-content--with-image {
    flex-direction: column-reverse;
    align-items: center;
    min-height: auto;
  }

  .nw-quote-image-wrapper {
    width: 100%;
    height: unset;
    max-width: 800px;
    max-height: none;
    justify-content: center;
  }

  .nw-quote-image {
    min-height: auto;
    object-fit: contain;
  }

  .nw-quote-content-wrapper {
    width: 100%;
  }

  .nw-quote-text {
    font-size: 1.5rem;
  }

  .nw-quote-name {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .nw-quote-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* ══════════════════════════════════════════════════════════
 * Image with Odd Lines – Clip-Path Variant
 * ══════════════════════════════════════════════════════════ */

.nw-oil-clip {
  position: relative;
  width: 100%;
  height: 40vw;
  overflow: hidden;
}

.nw-oil-clip__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--nw-oil-bg, #000000);
}

.nw-oil-clip__image {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.nw-oil-clip .nw-oil-clip__image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover;
  object-position: var(--nw-oil-img-pos-d, center 50%);
}

.nw-oil-clip__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.nw-oil-clip__block {
  position: absolute;
  inset: 0;
}

/* B1 */
.nw-oil-clip__block--1 {
  background-color: var(--nw-oil-color1);
  opacity: var(--nw-oil-b1-opacity, 1);
  z-index: 1;
}

/* B2 */
.nw-oil-clip__block--2 {
  background-color: var(--nw-oil-color2);
  opacity: var(--nw-oil-b2-opacity, 1);
  z-index: 4;
}

/* B3 */
.nw-oil-clip__block--3 {
  background-color: var(--nw-oil-color3);
  opacity: var(--nw-oil-b3-opacity, 1);
  z-index: 3;
}

/* B4 */
.nw-oil-clip__block--4 {
  background-color: var(--nw-oil-color4);
  opacity: var(--nw-oil-b4-opacity, 1);
  z-index: 3;
}

/* B5 */
.nw-oil-clip__block--5 {
  background-color: var(--nw-oil-color5);
  opacity: var(--nw-oil-b5-opacity, 1);
  z-index: 3;
}

/* B6 */
.nw-oil-clip__block--6 {
  background-color: var(--nw-oil-color6);
  opacity: var(--nw-oil-b6-opacity, 1);
  z-index: 5;
}

/* ══════════════════════════════════════════════════════════
 * Image with Odd Lines – Responsive (Clip-Path Variante)
 * ══════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  .nw-oil-clip {
    height: 540px;
  }

  .nw-oil-clip .nw-oil-clip__image img {
    object-position: var(--nw-oil-img-pos-t, center 50%);
  }
}

@media (max-width: 700px) {
  .nw-oil-clip {
    height: 482px;
  }

  .nw-oil-clip .nw-oil-clip__image img {
    object-position: var(--nw-oil-img-pos-m, center 50%);
  }
}

/* ==========================================================================
   Hero with Odd Lines (nw-hero-oil)
   ========================================================================== */

.nw-hero-oil {
  width: 100%;
  overflow: hidden;
}

.nw-hero-oil .nw-oil-clip {
  height: 27rem;
}

/* ── Upper section: blue gradient ── */

.nw-hero-oil__upper {
  background: linear-gradient(180deg, #337ab7 0%, #004b8c 100%);
  padding: 11.25rem 0;
}

.nw-hero-oil__upper-inner {
  max-width: var(--nw-container-max-width, 1600px);
  margin: 0 auto;
  padding: 0 90px;
  display: flex;
  align-items: flex-end;
  gap: 7.125rem;
}

/* ── Text content (left) ── */

.nw-hero-oil__text {
  flex: 1;
  min-width: 0;
  max-width: 36.625rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}

.nw-hero-oil__title-img {
  max-width: 100%;
  height: auto;
  display: block;
}

.nw-hero-oil__subheadline {
  font-family: var(--font-inter) !important;
  font-size: 1.5625rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--schiffers-grau, #f1f5f9) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Farben: hero-oil CTA (nutzt .nw-btn) — Outline-Variante */
.nw-hero-oil__cta {
  border: 1px solid #fff;
  background: transparent;
  color: #fff !important;
  font-family: var(--font-inter);
  font-weight: 700;
  margin: 0 !important;
}

.nw-hero-oil__cta:hover {
  background-color: #fff;
  color: var(--schiffers-blau, #004b8c) !important;
  filter: none;
}

/* ── Video wrapper (right) ── */

.nw-hero-oil__video-wrapper {
  flex: 1;
  min-width: 0;
  position: relative;
  align-self: stretch;
  padding-top: 3rem;
}

.nw-hero-oil__video-wrapper .nw-video-embed {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 0.9375rem;
  box-shadow: -9px 18px 80px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.nw-hero-oil__video-wrapper .nw-video-embed::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,
      rgba(18, 42, 91, 0.25) 0%,
      rgba(18, 42, 91, 0.25) 100%);
  pointer-events: none;
  z-index: 1;
}

.nw-hero-oil__video-wrapper .nw-video-embed video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Bild-Modus: Container passt sich an Bildgröße an */
.nw-hero-oil__video-wrapper .nw-video-embed:has(.nw-hero-oil__media-image) {
  height: auto;
}

.nw-hero-oil__video-wrapper .nw-video-embed .nw-hero-oil__media-image {
  width: 100% !important;
  max-width: none !important;
  height: auto;
  display: block;
}

/* ── Dot grid ── */
/* 3 rows visible above video, 5 cols visible right of video, none below */

.nw-hero-oil__dots {
  position: absolute;
  top: 0;
  right: -5rem;
  width: 19.5625rem;
  height: 100%;
  background-image: radial-gradient(circle,
      rgba(255, 255, 255, 0.15) 1.5px,
      transparent 1.5px);
  background-size: 1rem 1rem;
  pointer-events: none;
  z-index: 0;
  clip-path: inset(-3.1rem 0 3.1rem 0);
}

/* ── Hero Oil – Responsive ── */

@media (max-width: 999px) {
  .nw-hero-oil .nw-oil-clip {
    height: 10rem;
  }

  .nw-hero-oil__upper {
    padding: 6rem 0;
  }

  .nw-hero-oil__upper-inner {
    max-width: 88%;
    padding: 0;
    flex-direction: column;
    gap: 3rem;
    align-items: stretch;
  }

  .nw-hero-oil__text {
    width: 100%;
    gap: 2rem;
  }

  .nw-hero-oil__video-wrapper {
    width: 100%;
  }

  .nw-hero-oil__video-wrapper .nw-video-embed {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

@media (max-width: 599px) {
  .nw-hero-oil .nw-oil-clip {
    height: 8rem;
  }

  .nw-hero-oil__upper {
    padding: 6rem 0;
  }

  .nw-hero-oil__upper-inner {
    gap: 2rem;
  }

  .nw-hero-oil__subheadline {
    font-size: 1.125rem !important;
  }

  .nw-hero-oil__cta {
    width: 100%;
    justify-content: center;
  }

  .nw-hero-oil__dots {
    display: none;
  }
}

/* ==========================================================================
   Quote With Odd Lines (nw-quote-oil)
   ========================================================================== */

.nw-quote-oil {
  background-color: #ffffff;
}

/* Frame: horizontal zentriert mit festem Seitenabstand */
.nw-quote-oil__frame {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  box-sizing: border-box;
}

/* ── Bildbereich (links) ── */

.nw-quote-oil__image-area {
  position: relative;
  flex-shrink: 0;
  /* Breite: 2.14 (margin-left) + 24.25938 (bild) + 1.17 (abstand rechts) */
  width: 27.57rem;
  padding-bottom: 3rem;
  overflow: visible;
}

.nw-quote-oil__image-wrapper {
  position: relative;
  z-index: 1;
  margin-left: 2.14rem;
  width: 24.25938rem;
  aspect-ratio: 58 / 57;
  overflow: hidden;
}

.nw-quote-oil__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

/* ── Odd Lines Blocks (clip-path) ──
   Winkel: -5.5deg → links höher, rechts tiefer
   Clip-path polygon() wird per JS berechnet (nw-quote-oil-clip.js)
   → garantiert nahtlose diagonale Übergänge ohne Lücken.
   Blöcke liegen über dem Bild (z-index ≥ 3). */

.nw-quote-oil__blocks {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: visible;
  z-index: 2;
}

.nw-quote-oil__block {
  position: absolute;
  inset: 0;
}

/* Block 1: Schiffers Blau #004B8C */
.nw-quote-oil__block--1 {
  background-color: var(--schiffers-blau, #004b8c);
  z-index: 5;
}

/* Block 2: Schiffers Grau #F1F5F9 */
.nw-quote-oil__block--2 {
  background-color: var(--schiffers-grau, #f1f5f9);
  z-index: 6;
}

/* Block 3: Creme #EDEECE – hinter Block 2 */
.nw-quote-oil__block--3 {
  background-color: #edeece;
  z-index: 3;
}

/* Block 4: Schiffers Gelb #EDBF17 */
.nw-quote-oil__block--4 {
  background-color: var(--schiffers-gelb, #edbf17);
  z-index: 4;
}

/* Block 5: Hellblau #82BAE6 */
.nw-quote-oil__block--5 {
  background-color: #82bae6;
  z-index: 4;
}

/* ── Textcontent (rechts) ── */

.nw-quote-oil__content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.nw-quote-oil__content-inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

/* Zitat-Zeile: Icon + Text */
.nw-quote-oil__quote-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.5rem;
}

/* Zitat-Icon */
.nw-quote-oil__icon {
  flex-shrink: 0;
  width: 2.3255rem;
  height: 1.71356rem;
  color: var(--schiffers-blau, #004b8c);
}

.nw-quote-oil__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Zitattext */
.nw-quote-oil__text {
  padding-top: 0.5rem;
  max-width: 34.75rem;
}

.nw-quote-oil .nw-quote-oil__text,
.nw-quote-oil .nw-quote-oil__text p {
  font-family: var(--font-ibm-plex-serif) !important;
  font-size: 1.875rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 135% !important;
  color: var(--schiffers-blau, #004b8c) !important;
  margin: 0 !important;
}

.nw-quote-oil .nw-quote-oil__text strong,
.nw-quote-oil .nw-quote-oil__text b {
  font-weight: 700 !important;
}

/* Author – links bündig mit Zitattext (Icon-Breite + Gap eingerückt) */
.nw-quote-oil__author {
  padding-top: 0.5rem;
  margin-left: 2.8255rem;
  display: flex;
  flex-direction: column;
}

.nw-quote-oil__name {
  font-family: var(--font-inter);
  font-size: 1.25rem;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  color: #000;
  margin: 0;
}

.nw-quote-oil__title {
  font-family: var(--font-inter);
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  color: #000;
  margin: 0;
}

/* ── Responsive: Tablet (max-width: 1200px) ── */

@media screen and (max-width: 1200px) {
  .nw-quote-oil__frame {
    flex-direction: column-reverse;
    align-items: center;
    gap: 2rem;
  }

  .nw-quote-oil__image-area {
    width: 27.57rem;
    max-width: 100%;
    min-height: auto;
    margin: 0 auto;
  }

  .nw-quote-oil__image-wrapper {
    width: 24.25938rem;
    max-width: calc(100% - 2.14rem);
    margin-left: 2.14rem;
    margin-top: 1.5rem;
  }

  .nw-quote-oil__content {
    min-height: auto;
  }

  .nw-quote-oil__content-inner {
    max-width: 100%;
  }

  .nw-quote-oil__text,
  .nw-quote-oil .nw-quote-oil__text,
  .nw-quote-oil__text p,
  .nw-quote-oil .nw-quote-oil__text p {
    font-size: 1.5rem !important;
  }

  .nw-quote-oil__name {
    font-size: 1.125rem;
  }

  .nw-quote-oil__title {
    font-size: 0.875rem;
  }
}

/* ── Responsive: Mobile (max-width: 599px) ── */

@media screen and (max-width: 599px) {

  .nw-quote-oil__text,
  .nw-quote-oil .nw-quote-oil__text,
  .nw-quote-oil__text p,
  .nw-quote-oil .nw-quote-oil__text p {
    font-size: 1.125rem !important;
  }

  .nw-quote-oil__name {
    font-size: 1rem;
  }

  .nw-quote-oil__title {
    font-size: 0.875rem;
  }

  .nw-quote-oil__icon {
    width: 1.8rem;
    height: 1.3rem;
  }

  .nw-quote-oil__content-inner {
    gap: 2rem;
  }
}

/* ==========================================================================
   Service Tiles (nw-service-tiles)
   ========================================================================== */

.nw-service-tiles__container {
  margin: 0 auto;
  box-sizing: border-box;
}

.nw-service-tiles__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 4rem;
  row-gap: 3rem;
}

.nw-service-tiles--inline .nw-service-tiles__container {
  max-width: 100%;
  padding: 0;
  padding-bottom: 0;
}

.nw-service-tiles--inline .nw-service-tiles__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 2rem;
}

.nw-service-tiles--inline .nw-service-tiles__title,
.nw-service-tiles--inline .nw-service-tiles__description {
  overflow-wrap: break-word;
  word-break: break-word;
}

.nw-service-tiles--inline .nw-service-tiles__tile {
  min-width: 0;
}

@media (max-width: 999px) {
  .nw-service-tiles--inline .nw-service-tiles__grid {
    grid-template-columns: 1fr;
  }
}

.nw-service-tiles__tile {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
}

.nw-service-tiles__tile--linked {
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.nw-service-tiles__tile--linked .nw-service-tiles__title,
.nw-service-tiles__tile--linked .nw-service-tiles__description,
.nw-service-tiles__tile--linked .nw-service-tiles__icon {
  color: #000;
  transition: color 0.3s ease;
}

.nw-service-tiles__tile--linked:hover .nw-service-tiles__title,
.nw-service-tiles__tile--linked:hover .nw-service-tiles__icon {
  color: var(--schiffers-gelb, #edbf17) !important;
}

.nw-service-tiles__icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
  margin-top: 0.25em;
}

.nw-service-tiles__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.nw-service-tiles__text {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
}

.nw-service-tiles__title {
  font-family: Inter;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
  color: var(--Schwarz, #000);
  margin: 0;
}

.nw-service-tiles__description {
  font-family: Inter;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  color: var(--Schwarz, #000);
  margin: 0;
}

@media screen and (max-width: 599px) {
  .nw-service-tiles__grid {
    grid-template-columns: 1fr;
    row-gap: 1.5rem;
  }
}

/* ==========================================================================
   Service Cards (nw-service-cards)
   ========================================================================== */

.nw-service-cards__container {
  max-width: var(--nw-container-max-width, 1600px);
  padding: 0 90px;
  margin: 0 auto;
  box-sizing: border-box;
}

#ajax-content-wrap .nw-service-cards__main-title {
  margin-top: var(--space-4xl, 8rem);
  margin-bottom: 6rem !important;
  color: var(--Schiffers-Blau, #004b8c) !important;
  text-align: center;
  font-family: Inter !important;
  font-size: 3.5rem !important;
  font-style: normal;
  font-weight: 800 !important;
  line-height: 120% !important;
}

.nw-service-cards__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  align-items: stretch;
}

.nw-service-cards__card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
}

.nw-service-cards__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: var(--space-l, 2rem) var(--space-m, 1.5rem);
}

.nw-service-cards__icon {
  height: 120px !important;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.nw-service-cards__text {
  margin-top: var(--space-s, 1rem);
  color: var(--Schiffers-Blau, #004b8c) !important;
  text-align: center;
  font-family: 'IBM Plex Serif' !important;
  font-size: 1.875rem !important;
  font-weight: 400;
  line-height: 135% !important;
}

.nw-service-cards__text p,
.nw-service-cards__text em,
.nw-service-cards__text i,
.nw-service-cards__text span {
  font-family: 'IBM Plex Serif' !important;
  color: var(--Schiffers-Blau, #004b8c) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0;
}

.nw-service-cards__divider {
  width: 5rem;
  height: 0.125rem;
  background: var(--Schiffers-Gelb, #edbf17);
  margin-top: var(--space-s, 1rem);
  margin-bottom: var(--space-l, 2rem);
  flex-shrink: 0;
}

.nw-service-cards__headline {
  color: var(--Schiffers-Blau, #004b8c);
  text-align: center;
  font-family: Inter;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}

.nw-service-cards__arrow {
  margin-top: auto;
  padding-top: var(--space-l, 2rem);
  display: flex;
  justify-content: center;
  color: var(--Schiffers-Blau, #004b8c);
}

.nw-service-cards__arrow svg {
  width: 57px;
  height: 58px;
  transition: transform 0.3s ease;
}

/* Desktop Hover (nur ab 1000px) */
@media (min-width: 1000px) {
  .nw-service-cards__content {
    border: 2px solid transparent;
    transition: border-color 0.3s ease;
  }

  .nw-service-cards__card:hover .nw-service-cards__content {
    border-color: var(--schiffers-blau, #004b8c);
  }

  .nw-service-cards__card:hover .nw-service-cards__arrow svg {
    transform: translateY(15px);
  }
}

/* Bottom-Bereich (ganzer Bereich ist ein Link) */
.nw-service-cards__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-l, 2rem) var(--space-xl, 3rem);
  text-decoration: none;
  box-sizing: border-box;
  height: 12rem;
}

.nw-service-cards__bottom-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.nw-service-cards {
  margin-bottom: var(--space-4xl, 8rem);
}

/* Tablet ≤999px → 1 Spalte */
@media screen and (max-width: 999px) {
  .nw-service-cards__grid {
    grid-template-columns: 1fr;
  }

  .nw-service-cards__container {
    max-width: 88%;
    padding: 0;
  }

  .nw-service-cards__main-title {
    font-size: 2.5rem !important;
    margin-bottom: var(--space-xl, 3rem);
  }

  /* Pfeil ausblenden */
  .nw-service-cards__arrow {
    display: none;
  }

  .nw-service-cards__card {
    position: relative;
    overflow: hidden;
  }

  /* Bottom-Bereich: Overlay über gesamte Card */
  .nw-service-cards__bottom {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    pointer-events: none;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
  }

  .nw-service-cards__bottom.is-visible {
    visibility: visible;
  }

  .nw-service-cards__bottom.is-visible {
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* Mobile ≤599px */
@media screen and (max-width: 599px) {
  #ajax-content-wrap .nw-service-cards__main-title {
    font-size: 1.8rem !important;
    line-height: 130% !important;
    hyphens: auto;
  }

  .nw-service-cards__headline {
    font-size: 1.75rem;
  }

  .nw-service-cards__text {
    font-size: 1.5rem;
  }
}

/* ==========================================================================
   Experten (nw-team-members)
   ========================================================================== */

.nw-team-members {
  position: relative;
  padding-top: 5.15rem;
  padding-bottom: 2rem;
  overflow: visible;
  box-sizing: border-box;
}

.nw-team-members__container {
  max-width: var(--nw-container-max-width, 1600px);
  padding: 0 90px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

/* Dot Pattern */
.nw-team-members__dots {
  position: absolute;
  width: 19.5625rem;
  height: 23.5625rem;
  background-image: radial-gradient(circle, #7ba2c2 1.5px, transparent 1.5px);
  background-size: calc(19.5625rem / 27) 0.71rem;
  z-index: 1;
  pointer-events: none;
}

/* Background Stripe – top + height werden per JS gesetzt */
.nw-team-members__bg-stripe {
  position: absolute;
  background: var(--Schiffers-Grau, #f1f5f9);
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
}

/* Swiper Container */
.nw-team-members__swiper-container {
  position: relative;
  z-index: 2;
  height: 100%;
}

.nw-team-members__swiper {
  overflow: visible !important;
  height: 100%;
}

.nw-team-members__swiper .swiper-wrapper {
  gap: 0;
}

.nw-team-members__swiper .swiper-slide {
  width: 25rem;
  /* Fallback — JS berechnet die tatsächliche Breite */
  flex-shrink: 0 !important;
}

/* Card */
.nw-team-members__card-inner {
  width: 100%;
}

.nw-team-members__image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  z-index: 2;
}

.nw-team-members__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

/* Plus-Icon (dekorativ) */
.nw-team-members__plus-icon {
  position: absolute;
  top: 1.0625rem;
  right: 1.375rem;
  width: 1.43156rem;
  height: 1.5625rem;
  z-index: 3;
  pointer-events: none;
}

/* Spacers */
.nw-team-members__spacer-xl {
  height: 2rem;
}

.nw-team-members__spacer-m {
  height: 0.5rem;
}

/* Name */
#ajax-content-wrap .container-wrap .nw-team-members__name {
  color: var(--Schiffers-Blau, #004b8c) !important;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 150% !important;
  margin: 0 0 0.25rem 0 !important;
}

/* Position */
.nw-team-members__position {
  width: 100%;
  color: var(--Schwarz, #000);
  font-family: Inter !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}

.nw-team-members__position p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 150% !important;
}

/* ==========================================================================
   Experten – Hover Overlay
   ========================================================================== */

.nw-team-members__overlay {
  position: absolute;
  inset: 0;
  background: rgba(18, 42, 91, 0.8);
  display: flex;
  flex-direction: column;
  padding: 1.0625rem 1.375rem;
  transform: translateY(101%);
  transition: transform 0.4s ease;
  z-index: 4;
  overflow: hidden;
}

.nw-team-members__image-wrap:hover .nw-team-members__overlay {
  transform: translateY(0);
}

/* Overlay Titel */
.nw-team-members__overlay-title-wrap {
  background: var(--Weiss, #fff);
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  align-self: flex-start;
}

.nw-team-members__overlay-title {
  color: var(--Schiffers-Blau, #004b8c);
  font-family: 'IBM Plex Serif';
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: 135%;
}

/* Overlay Liste */
.nw-team-members__overlay-list-wrap {
  margin-top: 2.26rem;
  margin-right: 1.25rem;
}

.nw-team-members__overlay-list-wrap ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.nw-team-members__overlay-list-wrap li {
  position: relative !important;
  padding-left: calc(1.1875rem + 0.66rem) !important;
  color: #fff !important;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 230% !important;
  list-style: none !important;
}

.nw-team-members__overlay-list-wrap li.multiline {
  line-height: 120% !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.nw-team-members__overlay-list-wrap li:last-child {
  margin-bottom: 0 !important;
}

.nw-team-members__overlay-list-wrap li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  width: 1.1875rem !important;
  height: 1.875rem !important;
  background-image: url('data:image/svg+xml,%3Csvg%20width=%2219%22%20height=%2230%22%20viewBox=%220%200%2019%2030%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cmask%20id=%22mask0_2063_1549%22%20style=%22mask-type:luminance%22%20maskUnits=%22userSpaceOnUse%22%20x=%220%22%20y=%220%22%20width=%2219%22%20height=%2230%22%3E%3Cpath%20d=%22M19%200H0V30H19V0Z%22%20fill=%22white%22/%3E%3C/mask%3E%3Cg%20mask=%22url(%23mask0_2063_1549)%22%3E%3Cpath%20d=%22M12.2949%203.80168H12.2269C12.2405%203.775%2012.2813%203.74832%2012.2949%203.73499C12.2949%203.76166%2012.2949%203.78834%2012.2949%203.80168Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M12.3766%203.73486H12.3086C12.3358%203.70818%2012.3494%203.60147%2012.3766%203.73486Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M10.8669%206.05595C10.8669%206.05595%2010.7989%206.10931%2010.8669%205.98926V6.05595Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M5.72584%2016.9408H5.65784V17.0742H5.72584V16.9408ZM5.46743%2016.8741V16.9408L5.50823%2016.9008L5.46743%2016.8608V16.8741ZM12.8661%202.82786C13.111%202.44102%2013.7366%201.7207%2013.8862%201.40056C13.9542%201.25383%2014.1174%200.400116%2014.1446%200.360098C14.1718%200.346759%2014.5934%200.466812%2014.7294%200.413455C14.9742%200.33342%2014.811%200.039956%2015.1102%20-6.17406e-05C15.6543%20-0.0667581%2017.2999%200.186688%2017.8576%200.360098C17.8848%200.360098%2017.8576%200.560187%2017.8576%200.560187C17.8984%200.573527%2018.0752%200.400116%2018.2792%200.453473C18.8504%200.600205%2019.0408%201.61399%2018.9728%202.10754C18.932%202.37433%2017.4767%205.21559%2017.2319%205.65579C17.0687%205.94925%2016.8783%205.94925%2016.8647%205.97593C16.5111%206.62955%2016.1847%207.77673%2015.5727%208.17691L14.9198%209.89767C14.7158%209.49749%2014.4302%2010.7514%2014.5662%2010.8848L14.4574%2010.738L14.4166%2011.0182L14.2806%2010.8848C13.5326%2013.2592%2012.1725%2015.5135%2011.0845%2017.9012C11.0165%2018.0346%2011.1525%2018.1947%2011.1253%2018.2481C11.1253%2018.2481%2010.9077%2018.2481%2010.8805%2018.3147C10.7445%2018.6082%2010.6492%2019.0351%2010.554%2019.2485C10.1596%2020.1289%209.5748%2021.1827%209.26199%2022.0898C9.23479%2022.1698%209.34359%2022.2898%209.32999%2022.2898C9.32999%2022.3299%209.19399%2022.2498%209.19399%2022.2632C8.90838%2023.1436%208.69077%2024.0773%208.54116%2024.9977L8.40515%2024.931L8.05154%2026.9719L7.91553%2026.9052C7.86113%2027.4521%207.72513%2029.4397%207.34431%2029.7465L6.48747%2029.9999H6.41947C5.72584%2029.5597%204.7738%2029.6398%204.08017%2029.4664C3.87616%2029.413%203.76736%2029.1996%203.60415%2029.1462C3.42734%2029.0929%203.27774%2029.1596%203.22334%2029.1462C3.19613%2029.1462%203.22334%2029.0262%203.22334%2029.0128C3.10093%2028.9728%203.25054%2029.2396%202.93772%2029.1062C2.52971%2028.9461%202.23049%2028.3059%201.94488%2028.0257C1.76807%2027.8523%201.45526%2027.8657%201.14245%2027.4922C0.285612%2026.465%200.421618%2022.73%200.353615%2021.3161C0.326414%2020.8225%200.272011%2020.1956%200%2019.8354L0.353615%2015.06L0.924839%2012.6722L0.503221%2012.2854C0.625626%2012.232%200.802434%2012.3521%200.856836%2012.3521C0.884037%2012.3521%200.897638%2012.3521%200.924839%2012.3521C0.95204%2012.3521%201.00644%2012.4321%201.06084%2012.4188C1.08805%2012.3121%201.06084%2012.0053%200.924839%2012.1387C0.93844%2012.0987%200.897638%2011.9919%200.924839%2011.9386C1.11525%2011.7252%204.16178%2012.3521%204.55619%2012.5922C4.7466%2012.7123%205.27702%2013.3525%205.27702%2013.606L5.41303%2013.3926L5.49463%2016.6473C5.71224%2016.9942%205.60344%2016.3672%205.83465%2016.2738V16.7674L10.3364%206.78962L10.486%206.85632C10.5268%206.54952%2010.7037%206.26939%2010.8397%206.01595V5.94925C10.9621%205.73582%2011.1389%205.28229%2011.1933%205.17557C11.1933%205.17557%2011.3293%205.25561%2011.3293%205.24227C11.3565%205.20225%2011.3293%204.97548%2011.3973%204.85543C11.4245%204.80207%2011.5605%204.88211%2011.6149%204.78873C11.7101%204.62866%2011.6557%204.42857%2011.6829%204.38856C11.6829%204.38856%2011.8053%204.48193%2011.9005%204.34854C11.9413%204.28184%2011.7101%204.37522%2011.7917%204.24182C11.9141%204.05507%2012.0909%204.08175%2012.1045%204.06841C12.1045%204.05507%2012.0501%203.9617%2012.1861%203.74827C12.1861%203.78829%2012.1589%203.895%2012.2269%203.895C12.2949%203.895%2012.2405%203.78829%2012.2677%203.74827C12.2813%203.72159%2012.3221%203.70825%2012.3357%203.68158C12.4309%203.5215%2012.4853%203.44147%2012.4037%203.25472C12.6485%203.61488%2012.5941%203.00127%2012.7573%202.76117C12.8117%203.18802%2012.7709%202.8412%2012.8253%202.76117%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M12.8662%202.82784H12.7982C12.8526%202.74781%2012.8526%202.70779%2012.8662%202.82784Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M0.924774%2012.3787H0.856771C0.81597%2012.2987%200.911174%2012.2186%200.924774%2012.1653C0.911174%2012.1786%200.938375%2012.352%200.924774%2012.3787Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M6.71874%2014.6197C6.63714%2014.7398%206.62354%2014.2862%206.71874%2014.4063C6.71874%2014.4063%206.71874%2014.6064%206.71874%2014.6197Z%22%20fill=%22%23ECBE18%22/%3E%3C/g%3E%3C/svg%3E') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  top: 0.15em !important;
  transform: none !important;
}

/* ==========================================================================
   Teammitglieder – Responsive
   ========================================================================== */

@media screen and (max-width: 1310px) {
  .nw-team-members__position {
    font-size: 1rem;
  }

  .nw-team-members__position p {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 999px) {
  .nw-team-members {
    padding-top: 3rem;
  }

  .nw-team-members__container {
    padding: 0 5%;
    max-width: 100%;
  }
}

@media screen and (max-width: 599px) {
  .nw-team-members {
    padding-top: 2rem;
  }

  .nw-team-members__container {
    padding: 0 4%;
  }
}

/* ==========================================================================
   Hero Slim (nw-hero-slim)
   ========================================================================== */

.nw-hero-slim {
  position: relative;
  height: 37.5rem;
  padding: 3rem 0 var(--space-3xl, 6rem) 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
}

.nw-hero-slim__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}

/* Fallback ohne Hintergrundbild: blauer Verlauf wie im Hero - Media Teaser */
.nw-hero-slim--no-image {
  background: linear-gradient(180deg, #337ab7 0%, var(--schiffers-blau, #004b8c) 100%);
}

.nw-hero-slim__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,
      rgba(18, 42, 91, 0.3) 0%,
      rgba(18, 42, 91, 0.3) 100%);
  z-index: 1;
  pointer-events: none;
}

/* Zweites Overlay bei Video: Farbverlauf vertikal (hell → Schiffers-Blau),
   Deckkraft horizontal via Maske — rechts (beim Video) stärker als links */
.nw-hero-slim--has-video .nw-hero-slim__overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #337ab7 0%, var(--schiffers-blau, #004b8c) 100%);
  -webkit-mask-image: linear-gradient(90deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.3) 25%,
      rgba(0, 0, 0, 0.85) 100%);
  mask-image: linear-gradient(90deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.3) 25%,
      rgba(0, 0, 0, 0.85) 100%);
}

.nw-hero-slim__content {
  position: relative;
  z-index: 2;
  max-width: var(--nw-container-max-width, 1600px);
  width: 100%;
  padding: 0 90px;
  box-sizing: border-box;
}

.nw-hero-slim__text {
  min-width: 0;
}

/* ── Video Teaser (optional, 1/3 Breite) ── */

/* Hero wächst mit dem Video, statt es abzuschneiden */
.nw-hero-slim--has-video {
  height: auto;
  min-height: 37.5rem;
}

/* Oberkante Kicker und Oberkante Video bilden eine optische Achse */
.nw-hero-slim--has-video .nw-hero-slim__content {
  display: flex;
  align-items: flex-start;
  gap: var(--space-xl, 3rem);
}

.nw-hero-slim--has-video .nw-hero-slim__text {
  flex: 1 1 auto;
}

.nw-hero-slim__video {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  box-sizing: border-box;
}

.nw-hero-slim__subtitle {
  margin: 0 0 var(--space-l, 2rem) 0 !important;
  padding: 0 !important;
}

.nw-hero-slim__subtitle mark {
  font-family: 'IBM Plex Serif' !important;
  font-size: 1.875rem !important;
  font-style: italic;
  font-weight: 400;
  line-height: 135%;
  color: var(--schiffers-blau, #004b8c) !important;
  background: #fff;
  padding: 0.25rem 0.75rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.nw-hero-slim__title {
  font-family: Inter !important;
  font-weight: 800 !important;
  font-size: 3rem !important;
  line-height: 1.2 !important;
  color: #fff !important;
  margin: 0 !important;
}

/* ── Subnav bar ── */

.nw-hero-slim__subnav {
  background-color: var(--schiffers-blau, #004b8c);
  position: relative;
  z-index: 9997;
}

.nw-hero-slim__subnav.is-fixed {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
}

.nw-hero-slim__subnav-placeholder {
  display: none;
}

.nw-hero-slim__subnav-placeholder.is-active {
  display: block;
}

.nw-hero-slim__subnav-inner {
  max-width: var(--nw-container-max-width, 1600px);
  margin: 0 auto;
  padding: 0 90px;
  display: flex;
  align-items: center;
  gap: var(--space-s, 1rem);
  min-height: 3.5rem;
}

.nw-hero-slim__subnav-arrow {
  color: #fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nw-hero-slim__subnav-arrow svg {
  width: 3rem;
  height: auto;
}

.nw-hero-slim__subnav-link {
  font-family: Inter !important;
  font-size: 1rem !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap;
  line-height: 150%;
  transition: opacity 0.3s ease;
}

.nw-hero-slim__subnav-link:hover {
  color: var(--schiffers-gelb, #edbf17) !important;
  opacity: 1;
}


/* Abstand zwischen Links: 3rem total (1rem gap + 2rem extra margin) */
.nw-hero-slim__subnav-link+.nw-hero-slim__subnav-link {
  margin-left: calc(var(--space-xl, 3rem) - var(--space-s, 1rem));
}

/* ── Responsive ── */

@media screen and (max-width: 999px) {
  .nw-hero-slim {
    height: auto;
    min-height: auto;
    padding: 0;
    flex-direction: column;
  }

  .nw-hero-slim__bg {
    position: static;
    width: 100%;
    height: 33vh;
    min-height: 250px;
    flex-shrink: 0;
  }

  .nw-hero-slim__overlay {
    display: none;
  }

  .nw-hero-slim__content {
    position: static;
    padding: var(--space-l, 2rem) 6% 0 6%;
    background: #fff;
  }

  .nw-hero-slim__subtitle {
    margin-bottom: 0;
  }

  .nw-hero-slim__subtitle mark {
    font-size: 1.375rem !important;
    background: var(--schiffers-blau, #004b8c) !important;
    color: #fff !important;
  }

  .nw-hero-slim__title {
    font-size: 2rem !important;
    color: var(--schiffers-blau, #004b8c) !important;
  }

  .nw-hero-slim__subnav {
    display: none !important;
  }

  .nw-hero-slim--has-video .nw-hero-slim__content {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-l, 2rem);
  }

  .nw-hero-slim__video {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }

  /* ── Video-Variante: alles auf dem Hintergrund (wie Desktop) ── */

  .nw-hero-slim--has-video {
    min-height: 0;
    padding: 8rem 0 var(--space-l, 2rem) 0;
    justify-content: flex-end;
  }

  .nw-hero-slim--has-video .nw-hero-slim__bg {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    min-height: 0;
  }

  .nw-hero-slim--has-video .nw-hero-slim__overlay {
    display: block;
  }

  /* Horizontale Maske ergibt gestapelt keinen Sinn — Verlauf gleichmäßig zeigen */
  .nw-hero-slim--has-video .nw-hero-slim__overlay::after {
    -webkit-mask-image: none;
    mask-image: none;
    opacity: 0.5;
  }

  .nw-hero-slim--has-video .nw-hero-slim__content {
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 0 6%;
  }

  .nw-hero-slim--has-video .nw-hero-slim__subtitle {
    margin-bottom: var(--space-s, 1rem);
  }

  .nw-hero-slim--has-video .nw-hero-slim__subtitle mark {
    background: #fff !important;
    color: var(--schiffers-blau, #004b8c) !important;
  }

  .nw-hero-slim--has-video .nw-hero-slim__title {
    color: #fff !important;
  }
}

@media screen and (max-width: 599px) {
  .nw-hero-slim__bg {
    min-height: 200px;
  }
}

/* ==========================================================================
   CTA Overlap (nw-cta-overlap)
   ========================================================================== */

.nw-cta-overlap__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: start;
}

/* ── Card ── */

.nw-cta-overlap__card {
  position: relative;
  z-index: 2;
  max-width: 42rem;
  padding: 4.375rem;
  border-radius: 0.9375rem;
  box-sizing: border-box;
}

#ajax-content-wrap .nw-cta-overlap__card-title {
  color: #122a5b !important;
  font-family: Inter !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin: 0 !important;
}

.nw-cta-overlap__card-text {
  color: #122a5b;
  font-family: Inter;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%;
  margin-top: var(--space-m, 1.5rem);
}

.nw-cta-overlap__card .nw-btn {
  margin-top: 1.5rem;
}

.nw-cta-overlap__card-text p {
  color: #122a5b !important;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  line-height: 150% !important;
  margin: 0 0 1rem 0;
}

.nw-cta-overlap__card-text p:last-child {
  margin-bottom: 0;
}

.nw-cta-overlap__card-text strong,
.nw-cta-overlap__card-text b {
  color: #122a5b !important;
  font-weight: 700;
}

/* ── Bild-Bereich ── */

.nw-cta-overlap__image {
  position: relative;
  z-index: 1;
  height: 38.125rem;
  border-radius: 0.9375rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 16.25rem;
  margin-left: -11.25rem;
  overflow: hidden;
}

.nw-cta-overlap__image-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 4.125rem 4rem 14.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-xl, 3rem);
}

#ajax-content-wrap .nw-cta-overlap__image-title {
  color: #fff !important;
  font-family: Inter !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin: 0 !important;
  align-self: stretch;
}

/* ── Reversed Layout (Bild links, Card rechts) ── */

.nw-cta-overlap--reversed .nw-cta-overlap__container {
  direction: rtl;
}

.nw-cta-overlap--reversed .nw-cta-overlap__container>* {
  direction: ltr;
}

.nw-cta-overlap--reversed .nw-cta-overlap__image {
  margin-left: 0;
  margin-right: -11.25rem;
  margin-top: 0;
}

.nw-cta-overlap--reversed .nw-cta-overlap__card {
  margin-left: auto;
  margin-top: 16.25rem;
}

.nw-cta-overlap--reversed .nw-cta-overlap__image-content {
  padding: 0 14.25rem 4rem 4.125rem;
}

/* ── Buttons ── */

/* Farben: cta-overlap Button (nutzt .nw-btn) */
.nw-cta-overlap__btn-text {
  color: #fff;
}

.nw-cta-overlap__btn--image {
  background: var(--schiffers-gelb, #edbf17) !important;
  border: 2px solid transparent !important;
}

.nw-cta-overlap__btn--image .nw-cta-overlap__btn-text {
  color: #000 !important;
}

.nw-cta-overlap__btn--image .nw-btn__icon svg path {
  stroke: #000 !important;
}

.nw-cta-overlap__btn--image:hover {
  background: var(--schiffers-blau, #004b8c) !important;
}

.nw-cta-overlap__btn--image:hover .nw-cta-overlap__btn-text {
  color: #fff !important;
}

.nw-cta-overlap__btn--image:hover .nw-btn__icon svg path {
  stroke: #fff !important;
}

/* ── Responsive ── */

@media screen and (max-width: 999px) {
  .nw-cta-overlap__container {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .nw-cta-overlap__container,
  .nw-cta-overlap--reversed .nw-cta-overlap__container {
    direction: ltr;
    display: flex;
    flex-direction: column;
  }

  .nw-cta-overlap__card,
  .nw-cta-overlap--reversed .nw-cta-overlap__card {
    max-width: 100%;
    padding: 3rem;
    margin-left: 0;
    order: 1;
  }

  .nw-cta-overlap__image,
  .nw-cta-overlap--reversed .nw-cta-overlap__image {
    width: 100%;
    height: 28rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: var(--space-l, 2rem);
    order: 2;
  }

  /* Reversed: Bild oben, Card unten */
  .nw-cta-overlap--reversed .nw-cta-overlap__image {
    order: 1;
    margin-top: 0;
    margin-bottom: var(--space-l, 2rem);
  }

  .nw-cta-overlap--reversed .nw-cta-overlap__card {
    order: 2;
  }

  .nw-cta-overlap__image-content {
    padding: 0 2rem 2rem 2rem;
  }
}

@media screen and (max-width: 599px) {
  .nw-cta-overlap__card {
    padding: 2rem;
  }

  .nw-cta-overlap__card-title {
    font-size: 1.75rem !important;
  }

  .nw-cta-overlap__image {
    height: auto;
    min-height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  .nw-cta-overlap__image-content {
    position: relative;
    padding: 2rem 1.5rem 2rem 1.5rem;
  }

  .nw-cta-overlap__image-title {
    font-size: 1.75rem !important;
  }

  .nw-cta-overlap__btn {
    min-width: auto;
    padding: 0.875rem 1.5rem;
  }
}

/* ==========================================================================
   Utility: Gradient Backgrounds
   ========================================================================== */

.nw-bg-gradient-dark {
  background: linear-gradient(180deg, #004b8c 0%, #122a5b 100%) !important;
}

/* ==========================================================================
   Service Grid (nw-service-grid)
   ========================================================================== */

.nw-service-grid__container {
  box-sizing: border-box;
}

/* ── Titel ── */

.nw-service-grid__title {
  text-align: center;
  color: #82bae6 !important;
  font-family: Inter !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin-bottom: var(--space-xl, 3rem) !important;
}

.nw-service-grid__title p {
  color: #82bae6 !important;
  font-family: Inter !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin: 0 !important;
}

.nw-service-grid__title strong,
.nw-service-grid__title b,
.nw-service-grid__title p strong,
.nw-service-grid__title p b {
  color: #fff !important;
}

/* ── Subtitle ── */

.nw-service-grid__subtitle {
  color: #fff !important;
  text-align: center;
  font-family: Inter !important;
  font-size: 1.5625rem !important;
  font-weight: 700 !important;
  line-height: 140% !important;
  margin: 0 0 var(--space-3xl, 6rem) 0 !important;
}

/* ── Grid ── */

.nw-service-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: var(--space-3xl, 6rem);
}

/* ── Grid Items ── */

.nw-service-grid__item {
  display: flex;
  height: 10.9375rem;
  padding: 2rem;
  align-items: flex-end;
  gap: 1rem;
  border-radius: 0.9375rem;
  background: var(--schiffers-grau, #f1f5f9);
  text-decoration: none !important;
  box-sizing: border-box;
  transition: background 0.3s ease;
}

.nw-service-grid__item:hover {
  background: #fdf6e0;
}

.nw-service-grid__item-text {
  flex: 1;
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 700;
  line-height: 150% !important;
}

.nw-service-grid__item-arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  transition: transform 0.3s ease;
}

.nw-service-grid__item-arrow svg {
  width: 2.6875rem;
  height: 2.6875rem;
}

.nw-service-grid__item:hover .nw-service-grid__item-arrow {
  transform: translateY(-5px);
}

/* ── Bottom Text ── */

.nw-service-grid__bottom-text {
  color: #fff !important;
  text-align: center;
  font-family: Inter !important;
  font-size: 1.5625rem !important;
  font-weight: 700 !important;
  font-style: normal;
  line-height: 140% !important;
  margin: 0 0 var(--space-xl, 3rem) 0 !important;
}

/* ── Buttons ── */

.nw-service-grid__buttons {
  display: flex;
  justify-content: center;
  gap: var(--space-xl, 3rem);
  flex-wrap: wrap;
}

/* Farben: service-grid Button (nutzt .nw-btn) — Farben kommen via inline style */

.nw-service-grid__btn-text {
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 700;
  line-height: 1 !important;
  white-space: nowrap;
}

/* ── Responsive ── */

@media screen and (max-width: 999px) {
  .nw-service-grid__grid {
    grid-template-columns: 1fr;
  }

  .nw-service-grid__buttons {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .nw-service-grid__title {
    font-size: 1.75rem !important;
  }

  .nw-service-grid__title p {
    font-size: 1.75rem !important;
  }
}

@media screen and (max-width: 599px) {
  .nw-service-grid__grid {
    grid-template-columns: 1fr;
  }

  .nw-service-grid__item {
    height: auto;
    min-height: 7rem;
    padding: 1.25rem;
  }

  .nw-service-grid__item-text {
    font-size: 1rem !important;
  }

  .nw-service-grid__buttons {
    gap: 1.5rem;
  }

  .nw-service-grid__item-arrow svg {
    width: 1.75rem;
    height: 1.75rem;
  }

  .nw-service-grid__title {
    font-size: 1.5rem !important;
  }

  .nw-service-grid__title p {
    font-size: 1.5rem !important;
  }

  .nw-service-grid__subtitle {
    font-size: 1.25rem !important;
    margin-bottom: 3rem !important;
  }

  .nw-service-grid__subtitle p {
    padding-bottom: 0 !important;
  }

  .nw-service-grid__btn {
    min-width: auto;
    width: 100%;
  }
}

/* ==========================================================================
   LinkedIn Link (Team Members Slider + Grid)
   ========================================================================== */

.nw-team-members__linkedin,
.nw-team-grid__linkedin {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #000 !important;
  text-decoration: none !important;
  font-family: Inter !important;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 150%;
  margin-top: 0.25rem;
  transition: opacity 0.3s ease;
}

.nw-team-members__linkedin:hover,
.nw-team-grid__linkedin:hover {
  opacity: 0.7;
}

.nw-team-members__linkedin svg,
.nw-team-grid__linkedin svg {
  flex-shrink: 0;
}

/* ==========================================================================
   Team Member Grid (nw-team-grid)
   ========================================================================== */

.nw-team-grid {
  padding: var(--space-4xl, 8rem) 0;
}

.nw-team-grid__container {
  max-width: var(--nw-container-max-width, 1600px);
  padding: 0 90px;
  margin: 0 auto;
  box-sizing: border-box;
}

.nw-team-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl, 3rem);
}

/* ── Card ── */

.nw-team-grid__card {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.nw-team-grid__image-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  z-index: 2;
}

.nw-team-grid__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

.nw-team-grid__plus-icon {
  position: absolute;
  top: 1.0625rem;
  right: 1.375rem;
  width: 1.43156rem;
  height: 1.5625rem;
  z-index: 3;
  pointer-events: none;
}

/* ── Hover Overlay (identisch zum Slider) ── */

.nw-team-grid__overlay {
  position: absolute;
  inset: 0;
  background: rgba(18, 42, 91, 0.8);
  display: flex;
  flex-direction: column;
  padding: 1.0625rem 1.375rem;
  transform: translateY(101%);
  transition: transform 0.4s ease;
  z-index: 4;
  overflow: hidden;
}

.nw-team-grid__image-wrap:hover .nw-team-grid__overlay {
  transform: translateY(0);
}

.nw-team-grid__overlay-title-wrap {
  background: var(--Weiss, #fff);
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  align-self: flex-start;
}

.nw-team-grid__overlay-title {
  color: var(--Schiffers-Blau, #004b8c);
  font-family: 'IBM Plex Serif';
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 400;
  line-height: 135%;
}

.nw-team-grid__overlay-list-wrap {
  margin-top: 2.26rem;
  margin-right: 1.25rem;
}

.nw-team-grid__overlay-list-wrap ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.nw-team-grid__overlay-list-wrap li {
  position: relative !important;
  padding-left: calc(1.1875rem + 0.66rem) !important;
  color: #fff !important;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 230% !important;
  list-style: none !important;
}

.nw-team-grid__overlay-list-wrap li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  width: 1.1875rem !important;
  height: 1.875rem !important;
  background-image: url('data:image/svg+xml,%3Csvg%20width=%2219%22%20height=%2230%22%20viewBox=%220%200%2019%2030%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cmask%20id=%22mask0_2063_1549%22%20style=%22mask-type:luminance%22%20maskUnits=%22userSpaceOnUse%22%20x=%220%22%20y=%220%22%20width=%2219%22%20height=%2230%22%3E%3Cpath%20d=%22M19%200H0V30H19V0Z%22%20fill=%22white%22/%3E%3C/mask%3E%3Cg%20mask=%22url(%23mask0_2063_1549)%22%3E%3Cpath%20d=%22M12.2949%203.80168H12.2269C12.2405%203.775%2012.2813%203.74832%2012.2949%203.73499C12.2949%203.76166%2012.2949%203.78834%2012.2949%203.80168Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M12.3766%203.73486H12.3086C12.3358%203.70818%2012.3494%203.60147%2012.3766%203.73486Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M10.8669%206.05595C10.8669%206.05595%2010.7989%206.10931%2010.8669%205.98926V6.05595Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M5.72584%2016.9408H5.65784V17.0742H5.72584V16.9408ZM5.46743%2016.8741V16.9408L5.50823%2016.9008L5.46743%2016.8608V16.8741ZM12.8661%202.82786C13.111%202.44102%2013.7366%201.7207%2013.8862%201.40056C13.9542%201.25383%2014.1174%200.400116%2014.1446%200.360098C14.1718%200.346759%2014.5934%200.466812%2014.7294%200.413455C14.9742%200.33342%2014.811%200.039956%2015.1102%20-6.17406e-05C15.6543%20-0.0667581%2017.2999%200.186688%2017.8576%200.360098C17.8848%200.360098%2017.8576%200.560187%2017.8576%200.560187C17.8984%200.573527%2018.0752%200.400116%2018.2792%200.453473C18.8504%200.600205%2019.0408%201.61399%2018.9728%202.10754C18.932%202.37433%2017.4767%205.21559%2017.2319%205.65579C17.0687%205.94925%2016.8783%205.94925%2016.8647%205.97593C16.5111%206.62955%2016.1847%207.77673%2015.5727%208.17691L14.9198%209.89767C14.7158%209.49749%2014.4302%2010.7514%2014.5662%2010.8848L14.4574%2010.738L14.4166%2011.0182L14.2806%2010.8848C13.5326%2013.2592%2012.1725%2015.5135%2011.0845%2017.9012C11.0165%2018.0346%2011.1525%2018.1947%2011.1253%2018.2481C11.1253%2018.2481%2010.9077%2018.2481%2010.8805%2018.3147C10.7445%2018.6082%2010.6492%2019.0351%2010.554%2019.2485C10.1596%2020.1289%209.5748%2021.1827%209.26199%2022.0898C9.23479%2022.1698%209.34359%2022.2898%209.32999%2022.2898C9.32999%2022.3299%209.19399%2022.2498%209.19399%2022.2632C8.90838%2023.1436%208.69077%2024.0773%208.54116%2024.9977L8.40515%2024.931L8.05154%2026.9719L7.91553%2026.9052C7.86113%2027.4521%207.72513%2029.4397%207.34431%2029.7465L6.48747%2029.9999H6.41947C5.72584%2029.5597%204.7738%2029.6398%204.08017%2029.4664C3.87616%2029.413%203.76736%2029.1996%203.60415%2029.1462C3.42734%2029.0929%203.27774%2029.1596%203.22334%2029.1462C3.19613%2029.1462%203.22334%2029.0262%203.22334%2029.0128C3.10093%2028.9728%203.25054%2029.2396%202.93772%2029.1062C2.52971%2028.9461%202.23049%2028.3059%201.94488%2028.0257C1.76807%2027.8523%201.45526%2027.8657%201.14245%2027.4922C0.285612%2026.465%200.421618%2022.73%200.353615%2021.3161C0.326414%2020.8225%200.272011%2020.1956%200%2019.8354L0.353615%2015.06L0.924839%2012.6722L0.503221%2012.2854C0.625626%2012.232%200.802434%2012.3521%200.856836%2012.3521C0.884037%2012.3521%200.897638%2012.3521%200.924839%2012.3521C0.95204%2012.3521%201.00644%2012.4321%201.06084%2012.4188C1.08805%2012.3121%201.06084%2012.0053%200.924839%2012.1387C0.93844%2012.0987%200.897638%2011.9919%200.924839%2011.9386C1.11525%2011.7252%204.16178%2012.3521%204.55619%2012.5922C4.7466%2012.7123%205.27702%2013.3525%205.27702%2013.606L5.41303%2013.3926L5.49463%2016.6473C5.71224%2016.9942%205.60344%2016.3672%205.83465%2016.2738V16.7674L10.3364%206.78962L10.486%206.85632C10.5268%206.54952%2010.7037%206.26939%2010.8397%206.01595V5.94925C10.9621%205.73582%2011.1389%205.28229%2011.1933%205.17557C11.1933%205.17557%2011.3293%205.25561%2011.3293%205.24227C11.3565%205.20225%2011.3293%204.97548%2011.3973%204.85543C11.4245%204.80207%2011.5605%204.88211%2011.6149%204.78873C11.7101%204.62866%2011.6557%204.42857%2011.6829%204.38856C11.6829%204.38856%2011.8053%204.48193%2011.9005%204.34854C11.9413%204.28184%2011.7101%204.37522%2011.7917%204.24182C11.9141%204.05507%2012.0909%204.08175%2012.1045%204.06841C12.1045%204.05507%2012.0501%203.9617%2012.1861%203.74827C12.1861%203.78829%2012.1589%203.895%2012.2269%203.895C12.2949%203.895%2012.2405%203.78829%2012.2677%203.74827C12.2813%203.72159%2012.3221%203.70825%2012.3357%203.68158C12.4309%203.5215%2012.4853%203.44147%2012.4037%203.25472C12.6485%203.61488%2012.5941%203.00127%2012.7573%202.76117C12.8117%203.18802%2012.7709%202.8412%2012.8253%202.76117%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M12.8662%202.82784H12.7982C12.8526%202.74781%2012.8526%202.70779%2012.8662%202.82784Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M0.924774%2012.3787H0.856771C0.81597%2012.2987%200.911174%2012.2186%200.924774%2012.1653C0.911174%2012.1786%200.938375%2012.352%200.924774%2012.3787Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M6.71874%2014.6197C6.63714%2014.7398%206.62354%2014.2862%206.71874%2014.4063C6.71874%2014.4063%206.71874%2014.6064%206.71874%2014.6197Z%22%20fill=%22%23ECBE18%22/%3E%3C/g%3E%3C/svg%3E') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  top: 0.15em !important;
  transform: none !important;
}

/* ── Info-Bereich ── */

#ajax-content-wrap .container-wrap .nw-team-grid__name {
  color: var(--Schiffers-Blau, #004b8c) !important;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 150% !important;
  margin: 1rem 0 0.25rem 0 !important;
}

.nw-team-grid__position {
  width: 100%;
  color: var(--Schwarz, #000);
  font-family: Inter !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  margin-top: 0;
}

.nw-team-grid__position p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 150% !important;
  color: #000 !important;
  font-family: Inter !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
}

/* ── Responsive ── */

@media screen and (max-width: 999px) {
  .nw-team-grid__container {
    max-width: 88%;
    padding: 0;
  }

  .nw-team-grid__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-l, 2rem);
  }
}

@media screen and (max-width: 599px) {
  .nw-team-grid__grid {
    grid-template-columns: 1fr;
  }

  .nw-team-grid {
    padding: var(--space-2xl, 4rem) 0;
  }
}

/* ==========================================================================
   Alternative Teaser (nw-alt-teaser)
   ========================================================================== */

.nw-alt-teaser {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  cursor: pointer;
  box-sizing: border-box;
  padding: 1rem 0;
}

.nw-alt-teaser__text {
  flex: 0 1 auto;
}

.nw-alt-teaser__text,
.nw-alt-teaser__text p {
  color: var(--nw-alt-teaser-text-color, #000) !important;
  font-family: Inter !important;
  font-size: 7.5rem !important;
  font-style: normal;
  font-weight: 800 !important;
  line-height: 100% !important;
  margin: 0 !important;
  transition: color 0.3s ease;
}

.nw-alt-teaser:hover .nw-alt-teaser__text,
.nw-alt-teaser:hover .nw-alt-teaser__text p {
  color: var(--nw-alt-teaser-accent, #337ab7) !important;
}

.nw-alt-teaser__text u,
.nw-alt-teaser__text p u,
.nw-alt-teaser__text span[style*='underline'],
.nw-alt-teaser__text p span[style*='underline'] {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-skip-ink: none !important;
  text-decoration-color: var(--nw-alt-teaser-accent, #337ab7) !important;
  text-decoration-thickness: 8% !important;
  text-underline-offset: 13% !important;
}

.nw-alt-teaser__arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-left: 3.875rem;
  transition: transform 0.3s ease;
}

.nw-alt-teaser__arrow svg {
  width: 3.875rem;
  height: 7.25rem;
}

.nw-alt-teaser:hover .nw-alt-teaser__arrow {
  transform: translateX(10px);
}

/* ── Responsive ── */

@media screen and (max-width: 999px) {
  /* .nw-alt-teaser {
    padding: var(--space-m, 1.5rem) 6%;
  } */

  body .nw-alt-teaser__text,
  body .nw-alt-teaser__text p {
    font-size: 5rem !important;
  }

  .nw-alt-teaser__arrow {
    margin-left: 3rem;
  }

  .nw-alt-teaser__arrow svg {
    width: 2rem;
    height: 3.75rem;
  }
}

@media screen and (max-width: 599px) {

  body .nw-alt-teaser__text,
  body .nw-alt-teaser__text p {
    font-size: 2rem !important;
  }

  .nw-alt-teaser__arrow {
    margin-left: 2rem;
  }

  .nw-alt-teaser__arrow svg {
    width: 2rem;
    height: 3.5rem;
  }
}

/* ==========================================================================
   Salient Client Carousel - linksbündig ausrichten
   ========================================================================== */

.nw-clients-carousel-display-text p {
  font-size: 1rem !important;
}

.carousel-outer {
  overflow: hidden !important;
}

@media screen and (max-width: 999px) {
  .carousel-outer {
    padding-left: 5px;
  }
}

.carousel-outer .row.carousel.clients>div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.clients.no-carousel {
  justify-content: space-between !important;
}

.clients.no-carousel>div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* ==========================================================================
   Custom Arrow Button (.nw-btn-arrow)
   ========================================================================== */

body a.nectar-button.nw-btn-arrow,
body a.nectar-button.nw-btn-arrow[data-color-override],
body .nectar-button.nw-btn-arrow.regular-button,
body .wpb_wrapper a.nectar-button.nw-btn-arrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: var(--space-s, 1rem) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #000 !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
  letter-spacing: 0.1rem !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body a.nectar-button.nw-btn-arrow:hover,
body .nectar-button.nw-btn-arrow.regular-button:hover {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0.7;
}

a.nectar-button.nw-btn-arrow span {
  color: #000 !important;
}

a.nectar-button.nw-btn-arrow::after {
  content: '' !important;
  display: inline-block !important;
  width: 5rem !important;
  height: 0.752rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='81' height='14' viewBox='0 0 81 14' fill='none'%3E%3Cpath d='M0.5 6.51611L80.5 6.51612' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M73.9956 0.5L80.5 6.51615L73.9956 12.5323' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  flex-shrink: 0 !important;
}

/* ==========================================================================
   Custom Text Styles
   ========================================================================== */

.nw-text-intro h1 {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important;
}

.nw-text-h2-light,
.nw-text-h2-light h2,
.nw-text-h2-light p {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 130% !important;
}

.nw-text-h2-bold,
.nw-text-h2-bold h2,
.nw-text-h2-bold p {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important;
}

.nw-text-intro em {
  color: #337ab7 !important;
  font-family: 'IBM Plex Serif', var(--font-ibm-plex-serif), serif !important;
  font-size: 1.875rem !important;
  font-style: italic !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

.nw-text-intro p {
  color: #000 !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1.25rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important;
}

.nw-text-dark h2 {
  color: #122a5b !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important;
}

.nw-text-dark p {
  color: #122a5b !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1.5625rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
}

/* ==========================================================================
   Custom Button (.nw-button)
   ========================================================================== */

/* Farben: Custom Button (nutzt .nw-btn) — Farben kommen via inline style */
.nw-button--primary {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}

.nw-button--primary:hover {
  border-color: var(--nw-btn-hover-border, var(--schiffers-blau, #004b8c)) !important;
}


.nw-button--primary .nw-button__text {
  font-family: Inter, var(--font-inter), sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  white-space: nowrap;
}

/* Minimal CTA Button */
.nw-button--minimal {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}

.nw-button--minimal:hover {
  text-decoration: none;
  color: var(--nw-btn-hover-color) !important;
}

.nw-button--minimal .nw-button__text {
  font-family: Inter, var(--font-inter), sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.1rem;
}

.nw-button--minimal .nw-button__arrow {
  display: inline-flex;
  align-items: center;
  transition: transform 0.3s ease;
}

.nw-button--minimal .nw-button__arrow svg {
  width: 82px;
  height: 14px;
}

.nw-button--minimal:hover .nw-button__arrow {
  transform: translateX(5px);
}

/* Responsive */
@media (max-width: 999px) {
  .nw-button--primary {
    min-width: auto;
  }
}

@media (max-width: 599px) {
  .nw-button--primary {
    width: 100%;
    justify-content: center;
  }

  .nw-button--minimal {
    white-space: nowrap;
  }

  .nw-button--minimal .nw-button__arrow svg {
    width: 50px;
  }
}

/* ==========================================================================
   Teaser (nw-teaser)
   ========================================================================== */

.nw-teaser__container {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

/* Bildbereich */
.nw-teaser__image {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7.5rem 7.25rem;
}

.nw-teaser__text-image {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Textbereich */
.nw-teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  padding: var(--space-2xl, 4rem) 4.375rem;
  gap: 3rem;
}

.nw-teaser__text-wrap {
  display: flex;
  flex-direction: column;
}

#ajax-content-wrap .nw-teaser__title {
  color: #122a5b !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nw-teaser__description {
  color: #122a5b !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1.5625rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
  margin: var(--space-xl, 3rem) 0 0 0 !important;
  padding: 0 !important;
}

/* Farben: teaser Button (nutzt .nw-btn) — Farben kommen via inline style */

/* Responsive */
@media (max-width: 999px) {
  .nw-teaser__container {
    grid-template-columns: 1fr;
  }

  .nw-teaser__image {
    height: 300px;
    padding: 3rem;
  }

  .nw-teaser__content {
    padding: var(--space-xl, 3rem) 6%;
    gap: 4rem;
  }
}

@media (max-width: 599px) {
  .nw-teaser__title {
    font-size: 1.75rem !important;
  }

  .nw-teaser__image {
    height: 250px;
    padding: 2rem;
  }

  .nw-teaser__content {
    padding: var(--space-l, 2rem) 6%;
    gap: 3rem;
  }

  .nw-teaser__btn {
    min-width: auto;
  }
}

/* ==========================================================================
   Mood Image (nw-mood-image)
   ========================================================================== */

.nw-mood-image {
  width: 100%;
  height: 32.5rem;
  overflow: hidden;
}

.nw-mood-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: cover;
  object-position: var(--nw-mood-img-pos-d, center 50%);
}

@media screen and (max-width: 999px) {
  .nw-mood-image {
    height: 24rem;
  }

  .nw-mood-image img {
    object-position: var(--nw-mood-img-pos-t, center 50%);
  }
}

@media screen and (max-width: 599px) {
  .nw-mood-image {
    height: 18rem;
  }

  .nw-mood-image img {
    object-position: var(--nw-mood-img-pos-m, center 50%);
  }
}

/* ==========================================================================
   Text Grid (nw-text-grid)
   ========================================================================== */

.nw-text-grid__title {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin: 0 0 var(--space-xl, 3rem) 0 !important;
  text-align: left;
}

.nw-text-grid__grid {
  display: grid;
  column-gap: 4rem;
  row-gap: 3rem;
}

/* 3 Spalten (Default) */
.nw-text-grid--cols-3 .nw-text-grid__grid {
  grid-template-columns: repeat(3, 1fr);
}

/* 2 Spalten */
.nw-text-grid--cols-2 .nw-text-grid__grid {
  grid-template-columns: repeat(2, 1fr);
}

.nw-text-grid__item {
  color: #000;
  font-family: Inter !important;
  font-size: 1.25rem !important;
  font-weight: 400;
  line-height: 150% !important;
  text-align: left;
}

#ajax-content-wrap .container-wrap .nw-text-grid h3.nw-text-grid__item-title {
  color: #000 !important;
  font-family: Inter !important;
  font-size: 1.5625rem !important;
  font-weight: 600 !important;
  line-height: 140% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nw-text-grid__item-text {
  margin: 0 !important;
}

.nw-text-grid__item-text p {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Responsive ── */

@media screen and (max-width: 999px) {
  .nw-text-grid--cols-3 .nw-text-grid__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 599px) {

  .nw-text-grid--cols-3 .nw-text-grid__grid,
  .nw-text-grid--cols-2 .nw-text-grid__grid {
    grid-template-columns: 1fr;
  }

  .nw-text-grid__title {
    font-size: 1.75rem !important;
  }
}

/* ==========================================================================
   Schiffers FAQ (nw-faq)
   --------------------------------------------------------------------------
   Accordion mit Sticky +/- Icon. Das Icon bleibt beim Scrollen sichtbar
   wenn ein Item geöffnet ist und löst sich am Ende des Contents.
   ========================================================================== */

.nw-faq {}

.nw-faq__item {
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
  transition: border-color 0.15s ease;
  display: grid;
  grid-template-columns: 1fr 50px;
  gap: 1rem;
  align-items: stretch;
  position: relative;
}

/* ── Left: Title + Content ── */

.nw-faq__left {
  min-width: 0;
}

.nw-faq__header {
  padding: 1.5rem 0;
  cursor: pointer;
}

.nw-faq__title {
  margin: 0 !important;
}

.nw-faq__title-link {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  line-height: 2rem !important;
  text-decoration: none !important;
  cursor: pointer;
}

/* ── Right: Icon Spalte ── */

.nw-faq__right {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.nw-faq__icon-wrap {
  width: 50px;
  height: 50px;
  cursor: pointer;
  align-self: start;
  margin-left: auto;
}

.nw-faq__item.is-open .nw-faq__icon-wrap {
  position: sticky;
  top: var(--nw-faq-sticky-top, 126px);
}

.nw-faq__icon {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #edbf17;
  position: relative;
}

/* Plus-Strich horizontal */
.nw-faq__icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  background-color: #1e1e1e;
}

/* Plus-Strich vertikal → rotiert zu Minus */
.nw-faq__icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 18px;
  background-color: #1e1e1e;
  transition: transform 0.45s cubic-bezier(0.3, 0.4, 0.2, 1);
  transform-origin: center center;
}

/* Minus: vertikaler Strich rotiert 90° */
.nw-faq__item.is-open .nw-faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* Geöffnet: Icon-Hintergrund heller */
.nw-faq__item.is-open .nw-faq__icon {
  background-color: #edeece;
}

/* Klon: fixed am body, zeigt immer Minus-State */
.nw-faq__icon--clone {
  background-color: #edeece;
}

.nw-faq__icon--clone::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  background-color: #1e1e1e;
}

.nw-faq__icon--clone::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  width: 2px;
  height: 18px;
  background-color: #1e1e1e;
}

/* ── Content: Antwort (Slide-Animation per JS, wie jQuery slideDown/Up) ── */

.nw-faq__content {
  display: none;
}

.nw-faq__content-inner {}

.nw-faq__content-inner,
.nw-faq__content-inner p {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-weight: 400;
  line-height: 2rem;
}

.nw-faq__content-inner p {
  margin: 0 0 1rem 0 !important;
}

.nw-faq__content-inner ul+p {
  padding-bottom: 0 !important;
}

.nw-faq__content-inner p:last-child {
  margin-bottom: 0 !important;
}

/* ── Medien im FAQ-Content: volle Breite ── */

.nw-faq__content-inner img {
  width: 100% !important;
  height: auto !important;
  border-radius: 0.9375rem;
  margin: 1.5rem 0 !important;
  display: block;
}

/* Keine extra Margin auf Video-interne Elemente */
.nw-faq__video-embed img,
.nw-faq__video-embed video {
  margin: 0 !important;
}

.nw-faq__content-inner iframe,
.nw-faq__content-inner video {
  width: 100% !important;
  aspect-ratio: 16 / 9;
  border-radius: 0.9375rem;
  margin: 1.5rem 0 !important;
  display: block;
  object-fit: cover;
}

/* ── FAQ Video: nutzt bestehende .nw-video-embed Styles aus Media Content ── */

.nw-faq__video-embed {
  margin: 1.5rem 0;
  padding-bottom: 2rem;
  overflow: visible !important;
}



/* ── Checkmark-Listen im FAQ-Content ── */

.nw-faq__content-inner ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 1.5rem 0 !important;
}

.nw-faq__content-inner ul li {
  position: relative;
  padding-left: 3rem !important;
  padding-bottom: 0 !important;
  margin-bottom: 0.5rem !important;
  list-style: none !important;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  line-height: 2rem !important;
}

.nw-faq__content-inner ul li:last-child {
  margin-bottom: 0 !important;
}

.nw-faq__content-inner ul li::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.5rem !important;
  width: 2.5rem !important;
  height: 3rem !important;
  background-image: url('data:image/svg+xml,%3Csvg%20width=%2219%22%20height=%2230%22%20viewBox=%220%200%2019%2030%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cmask%20id=%22mask0_2063_1549%22%20style=%22mask-type:luminance%22%20maskUnits=%22userSpaceOnUse%22%20x=%220%22%20y=%220%22%20width=%2219%22%20height=%2230%22%3E%3Cpath%20d=%22M19%200H0V30H19V0Z%22%20fill=%22white%22/%3E%3C/mask%3E%3Cg%20mask=%22url(%23mask0_2063_1549)%22%3E%3Cpath%20d=%22M12.2949%203.80168H12.2269C12.2405%203.775%2012.2813%203.74832%2012.2949%203.73499C12.2949%203.76166%2012.2949%203.78834%2012.2949%203.80168Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M12.3766%203.73486H12.3086C12.3358%203.70818%2012.3494%203.60147%2012.3766%203.73486Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M10.8669%206.05595C10.8669%206.05595%2010.7989%206.10931%2010.8669%205.98926V6.05595Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M5.72584%2016.9408H5.65784V17.0742H5.72584V16.9408ZM5.46743%2016.8741V16.9408L5.50823%2016.9008L5.46743%2016.8608V16.8741ZM12.8661%202.82786C13.111%202.44102%2013.7366%201.7207%2013.8862%201.40056C13.9542%201.25383%2014.1174%200.400116%2014.1446%200.360098C14.1718%200.346759%2014.5934%200.466812%2014.7294%200.413455C14.9742%200.33342%2014.811%200.039956%2015.1102%20-6.17406e-05C15.6543%20-0.0667581%2017.2999%200.186688%2017.8576%200.360098C17.8848%200.360098%2017.8576%200.560187%2017.8576%200.560187C17.8984%200.573527%2018.0752%200.400116%2018.2792%200.453473C18.8504%200.600205%2019.0408%201.61399%2018.9728%202.10754C18.932%202.37433%2017.4767%205.21559%2017.2319%205.65579C17.0687%205.94925%2016.8783%205.94925%2016.8647%205.97593C16.5111%206.62955%2016.1847%207.77673%2015.5727%208.17691L14.9198%209.89767C14.7158%209.49749%2014.4302%2010.7514%2014.5662%2010.8848L14.4574%2010.738L14.4166%2011.0182L14.2806%2010.8848C13.5326%2013.2592%2012.1725%2015.5135%2011.0845%2017.9012C11.0165%2018.0346%2011.1525%2018.1947%2011.1253%2018.2481C11.1253%2018.2481%2010.9077%2018.2481%2010.8805%2018.3147C10.7445%2018.6082%2010.6492%2019.0351%2010.554%2019.2485C10.1596%2020.1289%209.5748%2021.1827%209.26199%2022.0898C9.23479%2022.1698%209.34359%2022.2898%209.32999%2022.2898C9.32999%2022.3299%209.19399%2022.2498%209.19399%2022.2632C8.90838%2023.1436%208.69077%2024.0773%208.54116%2024.9977L8.40515%2024.931L8.05154%2026.9719L7.91553%2026.9052C7.86113%2027.4521%207.72513%2029.4397%207.34431%2029.7465L6.48747%2029.9999H6.41947C5.72584%2029.5597%204.7738%2029.6398%204.08017%2029.4664C3.87616%2029.413%203.76736%2029.1996%203.60415%2029.1462C3.42734%2029.0929%203.27774%2029.1596%203.22334%2029.1462C3.19613%2029.1462%203.22334%2029.0262%203.22334%2029.0128C3.10093%2028.9728%203.25054%2029.2396%202.93772%2029.1062C2.52971%2028.9461%202.23049%2028.3059%201.94488%2028.0257C1.76807%2027.8523%201.45526%2027.8657%201.14245%2027.4922C0.285612%2026.465%200.421618%2022.73%200.353615%2021.3161C0.326414%2020.8225%200.272011%2020.1956%200%2019.8354L0.353615%2015.06L0.924839%2012.6722L0.503221%2012.2854C0.625626%2012.232%200.802434%2012.3521%200.856836%2012.3521C0.884037%2012.3521%200.897638%2012.3521%200.924839%2012.3521C0.95204%2012.3521%201.00644%2012.4321%201.06084%2012.4188C1.08805%2012.3121%201.06084%2012.0053%200.924839%2012.1387C0.93844%2012.0987%200.897638%2011.9919%200.924839%2011.9386C1.11525%2011.7252%204.16178%2012.3521%204.55619%2012.5922C4.7466%2012.7123%205.27702%2013.3525%205.27702%2013.606L5.41303%2013.3926L5.49463%2016.6473C5.71224%2016.9942%205.60344%2016.3672%205.83465%2016.2738V16.7674L10.3364%206.78962L10.486%206.85632C10.5268%206.54952%2010.7037%206.26939%2010.8397%206.01595V5.94925C10.9621%205.73582%2011.1389%205.28229%2011.1933%205.17557C11.1933%205.17557%2011.3293%205.25561%2011.3293%205.24227C11.3565%205.20225%2011.3293%204.97548%2011.3973%204.85543C11.4245%204.80207%2011.5605%204.88211%2011.6149%204.78873C11.7101%204.62866%2011.6557%204.42857%2011.6829%204.38856C11.6829%204.38856%2011.8053%204.48193%2011.9005%204.34854C11.9413%204.28184%2011.7101%204.37522%2011.7917%204.24182C11.9141%204.05507%2012.0909%204.08175%2012.1045%204.06841C12.1045%204.05507%2012.0501%203.9617%2012.1861%203.74827C12.1861%203.78829%2012.1589%203.895%2012.2269%203.895C12.2949%203.895%2012.2405%203.78829%2012.2677%203.74827C12.2813%203.72159%2012.3221%203.70825%2012.3357%203.68158C12.4309%203.5215%2012.4853%203.44147%2012.4037%203.25472C12.6485%203.61488%2012.5941%203.00127%2012.7573%202.76117C12.8117%203.18802%2012.7709%202.8412%2012.8253%202.76117%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M12.8662%202.82784H12.7982C12.8526%202.74781%2012.8526%202.70779%2012.8662%202.82784Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M0.924774%2012.3787H0.856771C0.81597%2012.2987%200.911174%2012.2186%200.924774%2012.1653C0.911174%2012.1786%200.938375%2012.352%200.924774%2012.3787Z%22%20fill=%22%23ECBE18%22/%3E%3Cpath%20d=%22M6.71874%2014.6197C6.63714%2014.7398%206.62354%2014.2862%206.71874%2014.4063C6.71874%2014.4063%206.71874%2014.6064%206.71874%2014.6197Z%22%20fill=%22%23ECBE18%22/%3E%3C/g%3E%3C/svg%3E') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transform: none !important;
}

/* H2 im FAQ-Content: nw-text-h2-bold Style */
#ajax-content-wrap .nw-faq__content-inner h2 {
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  font-size: 2.25rem !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  margin: 2rem 0 0.5rem 0 !important;
}

.nw-faq__content-inner ul li strong {
  display: block;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  color: var(--schiffers-blau, #004b8c) !important;
  font-family: Inter, var(--font-inter), sans-serif !important;
  line-height: 2rem !important;
  margin-bottom: 0.125rem;
}


/* ── Responsive ── */

@media screen and (max-width: 999px) {
  .nw-faq__item {
    grid-template-columns: 1fr 50px;
  }
}

@media screen and (max-width: 599px) {
  .nw-faq__item {
    grid-template-columns: 1fr 50px;
  }
}