/* =========================================================
   DISIX
   ZENTRALE NAVIGATION
   ========================================================= */


/* ---------------------------------------------------------
   HEADER
   --------------------------------------------------------- */

.disix-header{
  position:sticky;
  top:0;
  z-index:10000;

  width:100%;

  background:#ffffff;

  border-bottom:1px solid #dfe7ee;
}


/* ---------------------------------------------------------
   NAVIGATION CONTAINER
   --------------------------------------------------------- */

.disix-header .disix-nav{
  position:relative;

  min-height:82px;

  display:flex;
  align-items:center;

  gap:26px;
}


/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

.disix-header .disix-logo{
  display:flex;
  align-items:center;

  flex-shrink:0;

  text-decoration:none;
}

.disix-header .disix-logo img{
  display:block;

  width:180px;
  height:auto;
}


/* ---------------------------------------------------------
   DESKTOP MENÜ
   --------------------------------------------------------- */

.disix-header .disix-main-nav{
  display:flex;
  align-items:center;

  gap:22px;

  margin-left:auto;
}

.disix-header .disix-main-nav > a{
  color:#112d4f;

  text-decoration:none;

  font-size:.92rem;
  font-weight:650;

  line-height:1.3;

  white-space:nowrap;
}

.disix-header .disix-main-nav > a:hover{
  color:#3475b0;
}


/* ---------------------------------------------------------
   DESKTOP BUTTON
   --------------------------------------------------------- */

.disix-header .disix-desktop-cta{
  flex-shrink:0;
}


/* ---------------------------------------------------------
   MOBILER CTA
   AUF DESKTOP NICHT SICHTBAR
   --------------------------------------------------------- */

.disix-header .disix-mobile-cta{
  display:none;
}


/* ---------------------------------------------------------
   HAMBURGER
   AUF DESKTOP NICHT SICHTBAR
   --------------------------------------------------------- */

.disix-header .disix-menu-toggle{
  display:none;

  position:relative;

  z-index:10002;

  flex-shrink:0;

  width:44px;
  height:44px;

  margin:0;
  padding:0;

  border:0;

  background:transparent;

  appearance:none;
  -webkit-appearance:none;

  cursor:pointer;

  touch-action:manipulation;

  -webkit-tap-highlight-color:transparent;
}

.disix-header .disix-menu-toggle span{
  position:absolute;

  left:10px;

  width:24px;
  height:2px;

  background:#112d4f;

  border-radius:2px;

  pointer-events:none;

  transition:
    transform .25s ease,
    opacity .25s ease;
}

.disix-header .disix-menu-toggle span:nth-child(1){
  top:14px;
}

.disix-header .disix-menu-toggle span:nth-child(2){
  top:21px;
}

.disix-header .disix-menu-toggle span:nth-child(3){
  top:28px;
}


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

@media (max-width:1050px){


  /* -------------------------------------------------------
     HEADER
     ------------------------------------------------------- */

  .disix-header .disix-nav{
    min-height:72px;
  }


  /* -------------------------------------------------------
     LOGO
     ------------------------------------------------------- */

  .disix-header .disix-logo img{
    width:155px;
  }


  /* -------------------------------------------------------
     DESKTOP CTA WEG
     ------------------------------------------------------- */

  .disix-header .disix-desktop-cta{
    display:none !important;
  }


  /* -------------------------------------------------------
     HAMBURGER
     ------------------------------------------------------- */

  .disix-header .disix-menu-toggle{
    display:block !important;

    margin-left:auto;

    pointer-events:auto;
  }


  /* -------------------------------------------------------
     MOBILES MENÜ GESCHLOSSEN
     ------------------------------------------------------- */

  .disix-header .disix-main-nav{
    position:absolute;

    top:100%;
    left:0;
    right:0;

    z-index:10001;

    display:flex;

    flex-direction:column;
    align-items:stretch;

    gap:0;

    margin:0;

    padding:8px 20px 22px;

    background:#ffffff;

    border-top:1px solid #dfe7ee;
    border-bottom:1px solid #dfe7ee;

    box-shadow:
      0 18px 35px rgba(11,35,64,.12);


    /*
     * Scrollbarer Bereich
     */

    max-height:calc(100vh - 72px);
    max-height:calc(100dvh - 72px);

    overflow-y:auto;
    overflow-x:hidden;

    -webkit-overflow-scrolling:touch;

    overscroll-behavior:contain;


    /*
     * Geschlossener Zustand
     */

    visibility:hidden;

    opacity:0;

    pointer-events:none;

    transform:translateY(-8px);

    transition:
      opacity .18s ease,
      transform .18s ease,
      visibility .18s ease;
  }


  /* -------------------------------------------------------
     MOBILES MENÜ OFFEN
     ------------------------------------------------------- */

  .disix-header .disix-main-nav.is-open{
    visibility:visible;

    opacity:1;

    pointer-events:auto;

    transform:translateY(0);
  }


  /* -------------------------------------------------------
     MENÜPUNKTE
     ------------------------------------------------------- */

  .disix-header .disix-main-nav > a{
    display:block;

    width:100%;

    padding:15px 4px;

    color:#112d4f;

    font-size:1rem;
    font-weight:650;

    line-height:1.35;

    text-decoration:none;

    white-space:normal;

    border-bottom:1px solid #e5ebf0;
  }

  .disix-header .disix-main-nav > a:hover{
    color:#3475b0;
  }


  /* -------------------------------------------------------
     MOBILER CTA
     ------------------------------------------------------- */

  .disix-header .disix-mobile-cta{
    display:flex !important;

    align-items:center;
    justify-content:center;

    box-sizing:border-box;

    width:100%;

    margin-top:14px;

    padding:14px 18px !important;

    border:0 !important;

    border-radius:12px;

    background:#1767a5;

    color:#ffffff !important;

    font-weight:750 !important;

    text-align:center;
  }

  .disix-header .disix-mobile-cta:hover{
    background:#114f80;

    color:#ffffff !important;
  }


  /* -------------------------------------------------------
     HAMBURGER OFFEN → X
     ------------------------------------------------------- */

  .disix-header .disix-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .disix-header .disix-menu-toggle.is-open span:nth-child(2){
    opacity:0;
  }

  .disix-header .disix-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media (max-width:640px){

  .disix-header .disix-nav{
    min-height:66px;
  }


  .disix-header .disix-logo img{
    width:140px;
  }


  .disix-header .disix-main-nav{
    padding-left:18px;
    padding-right:18px;

    max-height:calc(100vh - 66px);
    max-height:calc(100dvh - 66px);
  }


  .disix-header .disix-main-nav > a{
    padding-top:14px;
    padding-bottom:14px;
  }

}


/* =========================================================
   GERINGE DISPLAYHÖHE
   z.B. iPHONE QUERFORMAT
   ========================================================= */

@media (max-width:1050px) and (max-height:600px){

  .disix-header .disix-main-nav > a{
    padding-top:10px;
    padding-bottom:10px;

    font-size:.94rem;
  }


  .disix-header .disix-mobile-cta{
    margin-top:8px;

    padding-top:11px !important;
    padding-bottom:11px !important;
  }

}