.elementor-kit-7{--e-global-color-primary:#00AFD7;--e-global-color-secondary:#000000;--e-global-color-text:#505050;--e-global-color-accent:#FF8C2F;--e-global-color-27fb137:#FFFFFF;--e-global-color-fbfb0fd:#F5F5F5;--e-global-color-8eed9f0:#CCCCCC;--e-global-color-e6daf57:#666666;--e-global-color-ec5c1ff:#505050;--e-global-color-b5265ef:#333333;--e-global-typography-primary-font-family:"Helvetica Neue 55 Roman";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-line-height:1.6em;--e-global-typography-secondary-font-family:"Arial";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Helvetica Neue 55 Roman";--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Helvetica Neue 65 Roman";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-line-height:1.3em;--e-global-typography-43dc4dd-font-family:"Helvetica Neue 65 Roman";--e-global-typography-43dc4dd-font-size:60px;--e-global-typography-43dc4dd-line-height:1.2em;--e-global-typography-a3f656b-font-family:"Helvetica Neue 65 Roman";--e-global-typography-a3f656b-font-size:48px;--e-global-typography-a3f656b-line-height:1.2em;--e-global-typography-ae12eaa-font-family:"Helvetica Neue 65 Roman";--e-global-typography-ae12eaa-font-size:36px;--e-global-typography-ae12eaa-line-height:1.3em;--e-global-typography-467e1a8-font-family:"Helvetica Neue 65 Roman";--e-global-typography-467e1a8-font-size:24px;--e-global-typography-467e1a8-line-height:1.4em;--e-global-typography-da116ae-font-family:"Helvetica Neue 65 Roman";--e-global-typography-da116ae-font-size:18px;--e-global-typography-da116ae-line-height:1.4em;--e-global-typography-8d3127c-font-family:"Helvetica Neue 55 Roman";--e-global-typography-8d3127c-font-size:24px;--e-global-typography-8d3127c-line-height:1.2em;--e-global-typography-a4ef9fc-font-family:"Helvetica Neue 55 Roman";--e-global-typography-a4ef9fc-font-size:18px;--e-global-typography-5093378-font-family:"Helvetica Neue 65 Roman";--e-global-typography-5093378-font-size:16px;--e-global-typography-5093378-line-height:1.4em;--e-global-typography-536128c-font-family:"Helvetica Neue 55 Roman";--e-global-typography-536128c-font-size:36px;--e-global-typography-536128c-line-height:1.3em;font-family:"Helvetica Neue 55 Roman", Sans-serif;line-height:1.4em;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Helvetica Neue 55 Roman", Sans-serif;}.elementor-kit-7 h1{font-family:"Helvetica Neue 55 Roman", Sans-serif;font-size:54px;line-height:1.2em;}.elementor-kit-7 h2{font-family:"Helvetica Neue 55 Roman", Sans-serif;font-size:48px;line-height:1.2em;}.elementor-kit-7 h3{font-family:"Helvetica Neue 55 Roman", Sans-serif;font-size:36px;line-height:1.2em;}.elementor-kit-7 h4{font-family:"Helvetica Neue 55 Roman", Sans-serif;font-size:24px;line-height:1.2em;}.elementor-kit-7 h5{font-family:"Helvetica Neue 55 Roman", Sans-serif;font-size:20px;line-height:1.2em;}.elementor-kit-7 h6{font-family:"Helvetica Neue 55 Roman", Sans-serif;font-size:16px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-43dc4dd-font-size:48px;--e-global-typography-a3f656b-font-size:36px;--e-global-typography-ae12eaa-font-size:24px;--e-global-typography-467e1a8-font-size:18px;--e-global-typography-da116ae-font-size:16px;--e-global-typography-8d3127c-font-size:18px;--e-global-typography-a4ef9fc-font-size:16px;--e-global-typography-a4ef9fc-line-height:1.2em;--e-global-typography-5093378-font-size:16px;--e-global-typography-536128c-font-size:24px;}.elementor-kit-7 h1{font-size:48px;}.elementor-kit-7 h2{font-size:36px;}.elementor-kit-7 h3{font-size:24px;}.elementor-kit-7 h4{font-size:20px;}.elementor-kit-7 h5{font-size:18px;}.elementor-kit-7 h6{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:12px;--e-global-typography-secondary-font-size:12px;--e-global-typography-text-font-size:12px;--e-global-typography-accent-font-size:12px;--e-global-typography-43dc4dd-font-size:36px;--e-global-typography-a3f656b-font-size:24px;--e-global-typography-ae12eaa-font-size:20px;--e-global-typography-5093378-font-size:14px;--e-global-typography-536128c-font-size:20px;}.elementor-kit-7 h1{font-size:36px;}.elementor-kit-7 h2{font-size:28px;}.elementor-kit-7 h3{font-size:24px;}.elementor-kit-7 h4{font-size:20px;}.elementor-kit-7 h5{font-size:16px;}.elementor-kit-7 h6{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   BASE FIX (für beide Varianten)
   ========================================================= */

/* verhindert Full-Width Stretch */
.custom-tabs-pill .e-n-tabs,
.custom-tabs-pill-light .e-n-tabs {
    display: inline-block !important;
    width: auto !important;
}

/* Wrapper nur so breit wie Inhalt */
.custom-tabs-pill .e-n-tabs-heading,
.custom-tabs-pill-light .e-n-tabs-heading {
    width: auto !important;
    display: inline-flex !important;
}


/* =========================================================
   DARK MODE
   ========================================================= */

.custom-tabs-pill .e-n-tabs-heading {

    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 6px;

    background: #1c1c1e;
    padding: 6px;
    border-radius: 16px;

    margin: 0;
    position: relative;

    border: 1px solid rgba(255,255,255,0.08);
}

/* Tabs */
.custom-tabs-pill .e-n-tab-title {

    border-radius: 13px;
    padding: 24px 48px;

    background: transparent;
    border: none;

    color: #a1a1a6;
    transition: all 0.2s ease;
}

/* Active */
.custom-tabs-pill .e-n-tab-title[aria-selected="true"] {
    background: #2c2c2e;
    color: #000 !important;
}

/* Hover */
.custom-tabs-pill .e-n-tab-title:hover:not([aria-selected="true"]) {
    color: #ffffff;
}


/* =========================================================
   LIGHT MODE (KORRIGIERT)
   ========================================================= */

.custom-tabs-pill-light .e-n-tabs-heading {

    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 6px;

    background: #f2f2f5;
    padding: 6px;
    border-radius: 16px;

    margin: 0;
    position: relative;

    border: 1px solid rgba(0,0,0,0.08);
}

/* Tabs */
.custom-tabs-pill-light .e-n-tab-title {

    border-radius: 13px;
    padding: 24px 48px;

    background: transparent;
    border: none;

    color: #6e6e73;
    transition: all 0.2s ease;
}

/* ACTIVE = dunkel (wie Dark Mode gespiegelt) */
.custom-tabs-pill-light .e-n-tab-title[aria-selected="true"] {
    background: #1c1c1e;
    color: #ffffff !important;
}

/* HOVER = subtil heller */
.custom-tabs-pill-light .e-n-tab-title:hover:not([aria-selected="true"]) {
    background: rgba(0,0,0,0.05);
    color: #000000;
}


/* =========================================================
   CONTENT SPACING
   ========================================================= */

.custom-tabs-pill .e-n-tabs-content,
.custom-tabs-pill-light .e-n-tabs-content {
    margin-top: 20px;
}


/* =========================================================
   MOBILE ONLY: SCROLL FADE
   ========================================================= */

@media (max-width: 767px) {

  /* DARK MODE FADE */
  .custom-tabs-pill .e-n-tabs-heading::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 60px;
      height: 100%;
      pointer-events: none;

      border-top-right-radius: 999px;
      border-bottom-right-radius: 999px;

      background: linear-gradient(
          to right,
          rgba(28,28,30,0) 0%,
          rgba(28,28,30,0.4) 40%,
          #1c1c1e 100%
      );
  }

  /* LIGHT MODE FADE */
  .custom-tabs-pill-light .e-n-tabs-heading::after {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 60px;
      height: 100%;
      pointer-events: none;

      border-top-right-radius: 999px;
      border-bottom-right-radius: 999px;

      background: linear-gradient(
          to right,
          rgba(242,242,245,0) 0%,
          rgba(242,242,245,0.6) 50%,
          #f2f2f5 100%
      );
  }
}


/* ===== Base Style ===== */
.bw-hover img {
    border-radius: 16px;

    /* Subtile Outline */
    border: 1px solid rgba(0,0,0,0.06);

    /* Soft Shadow */
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);

    /* Schwarz-Weiß */
    filter: grayscale(40%);

    /* Übergang */
    transition: filter 0.3s ease, box-shadow 0.3s ease;
}

/* ===== Hover State ===== */
.bw-hover img:hover {
    filter: grayscale(0%);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue 55 Roman';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://oneport5.com/wp-content/uploads/2026/04/NeueHelvetica55Roman_normal_normal.woff2') format('woff2'),
		url('https://oneport5.com/wp-content/uploads/2026/04/NeueHelvetica55Roman_normal_normal.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue 65 Roman';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://oneport5.com/wp-content/uploads/2026/04/NeueHelvetica65Medium_normal_normal.woff2') format('woff2'),
		url('https://oneport5.com/wp-content/uploads/2026/04/NeueHelvetica65Medium_normal_normal.woff') format('woff');
}
/* End Custom Fonts CSS */