/* KS3D v52 – mobile Navigation exakt am Header ausgerichtet */
@media (max-width:860px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden!important;
  }

  body.mobile-menu-open{
    overflow:hidden!important;
  }

  header.corporate-nav-v50{
    box-sizing:border-box!important;
    position:fixed!important;
    top:calc(6px + env(safe-area-inset-top))!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:7px 9px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
    overflow:visible!important;
    transform:none!important;
    border-radius:14px!important;
    z-index:9999!important;
  }

  header.corporate-nav-v50 .corporate-brand{
    position:static!important;
    grid-column:1!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  header.corporate-nav-v50 .brand-logo-wrap{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    flex:0 0 40px!important;
  }

  header.corporate-nav-v50 .brand-logo-wrap img{
    display:block!important;
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    object-fit:contain!important;
  }

  header.corporate-nav-v50 .brand-copy{
    display:block!important;
    min-width:0!important;
  }

  header.corporate-nav-v50 .brand-copy strong{
    display:block!important;
    font-size:.95rem!important;
    line-height:1.1!important;
  }

  header.corporate-nav-v50 .brand-copy small{
    display:block!important;
    max-width:145px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:.54rem!important;
    line-height:1.2!important;
  }

  header.corporate-nav-v50 .corporate-hamburger{
    position:static!important;
    grid-column:2!important;
    justify-self:end!important;
    display:flex!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    margin:0!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    transform:none!important;
  }

  header.corporate-nav-v50 .corporate-hamburger span{
    display:block!important;
    position:static!important;
    width:19px!important;
    height:2px!important;
    min-width:19px!important;
    max-width:19px!important;
    margin:0!important;
    padding:0!important;
  }

  /* Wichtig: absolut zum Header, nicht fixed im gefilterten Header */
  header.corporate-nav-v50 .navigation-content{
    box-sizing:border-box!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 86px - env(safe-area-inset-top))!important;
    margin:0!important;
    padding:10px!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:14px!important;
    background:#0c121d!important;
    box-shadow:0 22px 60px rgba(0,0,0,.55)!important;
    z-index:10000!important;
  }

  header.corporate-nav-v50.menu-open .navigation-content{
    display:flex!important;
  }

  header.corporate-nav-v50 .nav-social-center{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 10px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    transform:none!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  header.corporate-nav-v50 .nav-social-center a{
    box-sizing:border-box!important;
    position:static!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:10px!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.03)!important;
    font-size:.72rem!important;
    line-height:1!important;
    text-decoration:none!important;
  }

  header.corporate-nav-v50 .nav-social-center a > span:last-child{
    display:block!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  header.corporate-nav-v50 .social-icon,
  header.corporate-nav-v50 .social-icon svg{
    box-sizing:border-box!important;
    position:static!important;
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  header.corporate-nav-v50 .social-icon{
    flex:0 0 18px!important;
    overflow:hidden!important;
  }

  header.corporate-nav-v50 .social-icon svg{
    fill:none!important;
    stroke:currentColor!important;
  }

  header.corporate-nav-v50 .corporate-menu,
  header.corporate-nav-v50 .onepage-nav,
  header.corporate-nav-v50 .nav-menu{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    transform:none!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  header.corporate-nav-v50 .corporate-menu button,
  header.corporate-nav-v50 .corporate-menu .nav-cta{
    box-sizing:border-box!important;
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:12px 14px!important;
    transform:none!important;
    border-radius:10px!important;
    font-size:.91rem!important;
    text-align:left!important;
  }

  header.corporate-nav-v50 .corporate-menu button:after{
    display:none!important;
  }

  main.corporate-main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-top:calc(78px + env(safe-area-inset-top))!important;
  }
}

@media(max-width:360px){
  header.corporate-nav-v50 .nav-social-center{
    grid-template-columns:1fr!important;
  }

  header.corporate-nav-v50 .brand-copy small{
    display:none!important;
  }
}


/* KS3D v53 – Kontakt mobil wie normale Menüpunkte */
@media (max-width:860px){
  header.corporate-nav-v50 .corporate-menu .nav-cta{
    background:rgba(255,255,255,.025)!important;
    color:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:none!important;
    filter:none!important;
  }

  header.corporate-nav-v50 .corporate-menu .nav-cta:hover,
  header.corporate-nav-v50 .corporate-menu .nav-cta:focus-visible,
  header.corporate-nav-v50 .corporate-menu .nav-cta.is-active{
    background:rgba(255,255,255,.05)!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.14)!important;
    transform:none!important;
  }

  header.corporate-nav-v50 .corporate-menu .nav-cta b{
    color:rgba(255,255,255,.72)!important;
    font-size:1rem!important;
    font-weight:500!important;
  }
}

/* KS3D v54 – Social-Media-Icons mobil in der Kopfzeile */
@media (max-width:860px){
  header.corporate-nav-v50{grid-template-columns:minmax(0,1fr) auto 42px!important}
  header.corporate-nav-v50 .navigation-content{position:static!important;display:contents!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
  header.corporate-nav-v50 .nav-social-center{position:static!important;grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:end!important;display:flex!important;width:auto!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;gap:6px!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
  header.corporate-nav-v50 .nav-social-center a{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important}
  header.corporate-nav-v50 .nav-social-center a>span:last-child{display:none!important}
  header.corporate-nav-v50 .social-icon,header.corporate-nav-v50 .social-icon svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:19px!important;max-height:19px!important}
  header.corporate-nav-v50 .corporate-hamburger{grid-column:3!important;grid-row:1!important}
  header.corporate-nav-v50 .corporate-menu,header.corporate-nav-v50 .onepage-nav,header.corporate-nav-v50 .nav-menu{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;display:none!important;grid-template-columns:1fr!important;gap:6px!important;margin:0!important;padding:10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:#0c121d!important;box-shadow:0 22px 60px rgba(0,0,0,.55)!important;z-index:10000!important}
  header.corporate-nav-v50.menu-open .corporate-menu,header.corporate-nav-v50.menu-open .onepage-nav,header.corporate-nav-v50.menu-open .nav-menu{display:grid!important}
}
@media (max-width:620px){
  header.corporate-nav-v50{gap:6px!important}
  header.corporate-nav-v50 .brand-copy small{display:none!important}
  header.corporate-nav-v50 .nav-social-center{gap:4px!important}
  header.corporate-nav-v50 .nav-social-center a{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;border-radius:9px!important}
  header.corporate-nav-v50 .social-icon,header.corporate-nav-v50 .social-icon svg{width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important}
}
@media (max-width:430px){
  header.corporate-nav-v50{grid-template-columns:auto minmax(0,1fr) 42px!important}
  header.corporate-nav-v50 .brand-copy{display:none!important}
  header.corporate-nav-v50 .nav-social-center{justify-self:center!important}
}
@media (max-width:360px){header.corporate-nav-v50 .nav-social-center a{width:31px!important;min-width:31px!important;max-width:31px!important;height:31px!important;min-height:31px!important;max-height:31px!important}}


/* KS3D v57 – Druckwerkstatt als Obermenü */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle{display:flex!important;align-items:center;gap:8px}
.nav-dropdown-toggle b{font-size:1rem;line-height:1;transition:transform .2s ease}
.nav-dropdown-menu{
  position:absolute;top:calc(100% + 10px);left:50%;min-width:210px;
  padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:14px;
  background:#0c121d;box-shadow:0 22px 60px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translate(-50%,-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  z-index:10020
}
.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu,
.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dropdown:hover .nav-dropdown-toggle b,
.nav-dropdown:focus-within .nav-dropdown-toggle b,
.nav-dropdown.is-open .nav-dropdown-toggle b{transform:rotate(180deg)}
.corporate-menu .nav-dropdown-menu button{
  width:100%;display:flex!important;text-align:left!important;justify-content:flex-start!important;
  padding:11px 12px!important;border-radius:9px!important;color:rgba(255,255,255,.84)!important;
  background:transparent!important;border:0!important;box-shadow:none!important
}
.corporate-menu .nav-dropdown-menu button:hover,
.corporate-menu .nav-dropdown-menu button.is-active{background:rgba(255,255,255,.065)!important;color:#fff!important}
.corporate-menu .nav-dropdown-menu button:after,
.corporate-menu .nav-dropdown-menu button:before{display:none!important}

@media (max-width:860px){
  header.corporate-nav-v50 .corporate-menu .nav-dropdown{display:block!important;width:100%!important}
  header.corporate-nav-v50 .corporate-menu .nav-dropdown-toggle{
    width:100%!important;display:flex!important;justify-content:space-between!important;
    text-align:left!important;padding:14px!important;border:1px solid rgba(255,255,255,.09)!important;
    border-radius:11px!important;background:rgba(255,255,255,.025)!important;color:rgba(255,255,255,.92)!important
  }
  header.corporate-nav-v50 .nav-dropdown-menu{
    position:static!important;min-width:0!important;width:100%!important;margin:6px 0 0!important;
    padding:6px!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;
    box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;
    display:none!important
  }
  header.corporate-nav-v50 .nav-dropdown.is-open .nav-dropdown-menu{display:grid!important;gap:4px!important}
  header.corporate-nav-v50 .nav-dropdown-menu button{
    padding:12px 14px 12px 24px!important;border:0!important;background:transparent!important;
    color:rgba(255,255,255,.78)!important
  }
  header.corporate-nav-v50 .nav-dropdown-menu button:before{
    content:""!important;display:block!important;width:5px!important;height:5px!important;border-radius:50%!important;
    background:rgba(91,213,255,.75)!important;margin-right:10px!important;position:static!important
  }
}


/* KS3D v58 – direkte Bereichsansicht ohne Scrollen und ohne aktive Blase */
.onepage-nav button.is-active,
.corporate-menu button.is-active,
.corporate-menu button:hover,
.corporate-menu button:focus-visible{
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.onepage-nav button.is-active::before,
.onepage-nav button.is-active::after,
.corporate-menu button.is-active::before,
.corporate-menu button.is-active::after{
  display:none!important;
  content:none!important;
}

/* Start zeigt Hero + Startinhalt. Jede andere Auswahl zeigt ausschließlich den Zielbereich. */
body.show-detail-view .fixed-hero{
  display:none!important;
}
body.show-detail-view .below-hero{
  padding-top:88px!important;
  min-height:calc(100vh - 88px)!important;
}
body.show-start-view .fixed-hero{
  display:grid!important;
}

/* Kein zweites Untermenü innerhalb der Druckwerkstatt. */
#werkstatt > .page-head,
#werkstatt > .workshop-subnav{
  display:none!important;
}
#werkstatt .workshop-panels{
  margin-top:0!important;
}
.workshop-panel{
  display:none!important;
}
.workshop-panel.is-active{
  display:block!important;
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}
.page-panel.is-active{
  animation:none!important;
  opacity:1!important;
  transform:none!important;
}

@media (max-width:860px){
  body.show-detail-view .below-hero{
    padding-top:78px!important;
  }
  header.corporate-nav-v50 .corporate-menu button.is-active,
  header.corporate-nav-v50 .corporate-menu button:hover,
  header.corporate-nav-v50 .corporate-menu button:focus-visible{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.09)!important;
    box-shadow:none!important;
  }
}

/* KS3D v59 – Navigationsblase und alle Menü-Pseudoelemente vollständig entfernt */
header.corporate-nav-v50 .onepage-nav button,
header.corporate-nav-v50 .onepage-nav button:hover,
header.corporate-nav-v50 .onepage-nav button:focus,
header.corporate-nav-v50 .onepage-nav button:focus-visible,
header.corporate-nav-v50 .onepage-nav button:active,
header.corporate-nav-v50 .onepage-nav button.is-active,
header.corporate-nav-v50 .corporate-menu button,
header.corporate-nav-v50 .corporate-menu button:hover,
header.corporate-nav-v50 .corporate-menu button:focus,
header.corporate-nav-v50 .corporate-menu button:focus-visible,
header.corporate-nav-v50 .corporate-menu button:active,
header.corporate-nav-v50 .corporate-menu button.is-active {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  outline:none!important;
}
header.corporate-nav-v50 .onepage-nav button::before,
header.corporate-nav-v50 .onepage-nav button::after,
header.corporate-nav-v50 .onepage-nav button:hover::before,
header.corporate-nav-v50 .onepage-nav button:hover::after,
header.corporate-nav-v50 .onepage-nav button:focus::before,
header.corporate-nav-v50 .onepage-nav button:focus::after,
header.corporate-nav-v50 .onepage-nav button:active::before,
header.corporate-nav-v50 .onepage-nav button:active::after,
header.corporate-nav-v50 .onepage-nav button.is-active::before,
header.corporate-nav-v50 .onepage-nav button.is-active::after {
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  inset:auto!important;
  transform:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Untermenü: nur Text, keine Punkte, Kreise oder farbigen Flächen. */
header.corporate-nav-v50 .nav-dropdown-menu button,
header.corporate-nav-v50 .nav-dropdown-menu button:hover,
header.corporate-nav-v50 .nav-dropdown-menu button:focus,
header.corporate-nav-v50 .nav-dropdown-menu button:focus-visible,
header.corporate-nav-v50 .nav-dropdown-menu button:active,
header.corporate-nav-v50 .nav-dropdown-menu button.is-active {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
header.corporate-nav-v50 .nav-dropdown-menu button::before,
header.corporate-nav-v50 .nav-dropdown-menu button::after {
  content:none!important;
  display:none!important;
}

@media (max-width:860px){
  header.corporate-nav-v50 .nav-dropdown-menu{
    background:rgba(255,255,255,.018)!important;
  }
  header.corporate-nav-v50 .nav-dropdown-menu button{
    padding:13px 14px!important;
  }
}

/* ===== KS3D v65: Mobile Header wirklich in einer Linie ===== */
@media(max-width:860px){
  body{padding-top:calc(74px + env(safe-area-inset-top))!important}
  header.corporate-nav-v50{position:fixed!important;top:calc(8px + env(safe-area-inset-top))!important;left:10px!important;right:10px!important;width:auto!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;padding:7px 9px!important;display:grid!important;grid-template-columns:minmax(64px,1fr) auto 42px!important;grid-template-rows:44px!important;align-items:center!important;gap:7px!important;border-radius:16px!important;overflow:visible!important}
  header.corporate-nav-v50 .corporate-brand{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;gap:7px!important}
  header.corporate-nav-v50 .brand-logo-wrap{width:42px!important;min-width:42px!important;height:42px!important;margin:0!important}
  header.corporate-nav-v50 .brand-logo-wrap img{width:42px!important;height:42px!important;object-fit:contain!important}
  header.corporate-nav-v50 .brand-copy{display:block!important;min-width:0!important;line-height:1!important}
  header.corporate-nav-v50 .brand-copy strong{display:block!important;white-space:nowrap!important;font-size:1rem!important;line-height:1!important}
  header.corporate-nav-v50 .brand-copy small{display:none!important}
  header.corporate-nav-v50 .navigation-content{position:static!important;display:contents!important}
  header.corporate-nav-v50 .nav-social-center{grid-column:2!important;grid-row:1!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:36px!important;gap:4px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
  header.corporate-nav-v50 .nav-social-center a{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin:0!important;padding:0!important;border-radius:9px!important}
  header.corporate-nav-v50 .nav-social-center a>span:last-child{display:none!important}
  header.corporate-nav-v50 .corporate-hamburger{grid-column:3!important;grid-row:1!important;position:static!important;display:flex!important;width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;padding:10px!important;border-radius:11px!important;align-self:center!important;justify-self:end!important}
  header.corporate-nav-v50 .corporate-menu,header.corporate-nav-v50 .onepage-nav,header.corporate-nav-v50 .nav-menu{position:absolute!important;top:calc(100% + 7px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important}
}
@media(max-width:430px){header.corporate-nav-v50{grid-template-columns:48px minmax(0,1fr) 42px!important}.corporate-brand .brand-copy{display:none!important}.corporate-brand{width:42px!important}.nav-social-center{justify-self:center!important}.nav-social-center a{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important}}
@media(max-width:360px){header.corporate-nav-v50 .nav-social-center a:nth-child(3){display:none!important}}

/* ===== KS3D v66: exakt ausgerichtete Kopfzeile + Hover-Effekt ===== */
header.corporate-nav-v50,
header.corporate-nav-v50 *{
  box-sizing:border-box;
}

/* Desktop: ruhiger, hochwertiger Hover ohne "Blase" */
@media (min-width:861px){
  header.corporate-nav-v50 .corporate-menu > button,
  header.corporate-nav-v50 .nav-dropdown > .nav-dropdown-toggle{
    position:relative!important;
    border:1px solid transparent!important;
    border-radius:10px!important;
    padding:10px 13px!important;
    transition:color .22s ease, background-color .22s ease, border-color .22s ease,
               box-shadow .22s ease, transform .22s ease!important;
  }
  header.corporate-nav-v50 .corporate-menu > button:hover,
  header.corporate-nav-v50 .corporate-menu > button:focus-visible,
  header.corporate-nav-v50 .nav-dropdown > .nav-dropdown-toggle:hover,
  header.corporate-nav-v50 .nav-dropdown > .nav-dropdown-toggle:focus-visible{
    color:#fff!important;
    background:linear-gradient(135deg,rgba(32,190,235,.13),rgba(64,110,255,.08))!important;
    border-color:rgba(74,211,255,.34)!important;
    box-shadow:0 8px 24px rgba(0,156,214,.15), inset 0 0 0 1px rgba(255,255,255,.025)!important;
    transform:translateY(-2px)!important;
  }
  header.corporate-nav-v50 .corporate-menu > button.is-active,
  header.corporate-nav-v50 .nav-dropdown:has(.nav-dropdown-menu button.is-active) > .nav-dropdown-toggle{
    color:#8de8ff!important;
    border-color:rgba(74,211,255,.22)!important;
  }
  header.corporate-nav-v50 .nav-social-center a{
    transition:transform .22s ease, border-color .22s ease, background-color .22s ease,
               box-shadow .22s ease, color .22s ease!important;
  }
  header.corporate-nav-v50 .nav-social-center a:hover,
  header.corporate-nav-v50 .nav-social-center a:focus-visible{
    color:#fff!important;
    border-color:rgba(74,211,255,.48)!important;
    background:rgba(34,190,235,.12)!important;
    box-shadow:0 8px 22px rgba(0,168,225,.19)!important;
    transform:translateY(-2px) scale(1.04)!important;
  }
}

/* Mobil: Logo, alle vier Social-Icons und Menüknopf auf exakt einer Linie */
@media (max-width:860px){
  body{padding-top:calc(74px + env(safe-area-inset-top))!important}

  header.corporate-nav-v50{
    position:fixed!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    margin:0!important;
    padding:7px 8px!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:6px!important;
    border-radius:15px!important;
    overflow:visible!important;
  }

  header.corporate-nav-v50 .corporate-brand{
    order:1!important;
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    gap:0!important;
  }
  header.corporate-nav-v50 .brand-logo-wrap,
  header.corporate-nav-v50 .brand-logo-wrap img{
    display:block!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  header.corporate-nav-v50 .brand-copy{display:none!important}

  header.corporate-nav-v50 .navigation-content{
    order:2!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    gap:6px!important;
    position:static!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  header.corporate-nav-v50 .nav-social-center{
    order:1!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    align-self:center!important;
    gap:4px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  header.corporate-nav-v50 .nav-social-center a{
    flex:0 0 34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.035)!important;
    transition:transform .2s ease, border-color .2s ease, background-color .2s ease,
               box-shadow .2s ease!important;
  }
  header.corporate-nav-v50 .nav-social-center a:hover,
  header.corporate-nav-v50 .nav-social-center a:focus-visible,
  header.corporate-nav-v50 .nav-social-center a:active{
    border-color:rgba(74,211,255,.55)!important;
    background:rgba(34,190,235,.14)!important;
    box-shadow:0 0 0 3px rgba(34,190,235,.09),0 7px 18px rgba(0,158,214,.20)!important;
    transform:translateY(-2px) scale(1.05)!important;
  }
  header.corporate-nav-v50 .nav-social-center a>span:last-child{display:none!important}
  header.corporate-nav-v50 .social-icon,
  header.corporate-nav-v50 .social-icon svg{
    display:block!important;
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    margin:0!important;
  }

  header.corporate-nav-v50 .corporate-hamburger{
    order:3!important;
    flex:0 0 42px!important;
    position:static!important;
    align-self:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:11px!important;
    transition:transform .2s ease, border-color .2s ease, background-color .2s ease,
               box-shadow .2s ease!important;
  }
  header.corporate-nav-v50 .corporate-hamburger:hover,
  header.corporate-nav-v50 .corporate-hamburger:focus-visible,
  header.corporate-nav-v50 .corporate-hamburger:active{
    border-color:rgba(74,211,255,.55)!important;
    background:rgba(34,190,235,.13)!important;
    box-shadow:0 0 0 3px rgba(34,190,235,.09),0 7px 18px rgba(0,158,214,.20)!important;
    transform:translateY(-2px)!important;
  }
  header.corporate-nav-v50 .corporate-hamburger span{
    flex:0 0 2px!important;
    width:20px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    border-radius:999px!important;
  }

  header.corporate-nav-v50 .corporate-menu,
  header.corporate-nav-v50 .onepage-nav,
  header.corporate-nav-v50 .nav-menu{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
  }

  /* Touch-/Hover-Effekt im geöffneten mobilen Menü */
  header.corporate-nav-v50 .corporate-menu > button,
  header.corporate-nav-v50 .corporate-menu .nav-dropdown-toggle{
    transition:background-color .2s ease, border-color .2s ease, color .2s ease,
               transform .2s ease, box-shadow .2s ease!important;
  }
  header.corporate-nav-v50 .corporate-menu > button:hover,
  header.corporate-nav-v50 .corporate-menu > button:focus-visible,
  header.corporate-nav-v50 .corporate-menu > button:active,
  header.corporate-nav-v50 .corporate-menu .nav-dropdown-toggle:hover,
  header.corporate-nav-v50 .corporate-menu .nav-dropdown-toggle:focus-visible,
  header.corporate-nav-v50 .corporate-menu .nav-dropdown-toggle:active{
    color:#fff!important;
    background:linear-gradient(135deg,rgba(32,190,235,.13),rgba(64,110,255,.07))!important;
    border-color:rgba(74,211,255,.32)!important;
    box-shadow:inset 3px 0 0 rgba(74,211,255,.78),0 8px 18px rgba(0,140,195,.09)!important;
    transform:translateX(3px)!important;
  }
}

/* Auch auf sehr schmalen Geräten bleiben alle Elemente sichtbar und in einer Reihe. */
@media (max-width:390px){
  header.corporate-nav-v50{gap:4px!important;padding-left:6px!important;padding-right:6px!important}
  header.corporate-nav-v50 .corporate-brand,
  header.corporate-nav-v50 .brand-logo-wrap,
  header.corporate-nav-v50 .brand-logo-wrap img{
    flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important
  }
  header.corporate-nav-v50 .navigation-content{gap:4px!important}
  header.corporate-nav-v50 .nav-social-center{gap:3px!important}
  header.corporate-nav-v50 .nav-social-center a{
    flex-basis:30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;
    height:30px!important;min-height:30px!important;max-height:30px!important;border-radius:8px!important
  }
  header.corporate-nav-v50 .social-icon,
  header.corporate-nav-v50 .social-icon svg{
    width:15px!important;min-width:15px!important;max-width:15px!important;
    height:15px!important;min-height:15px!important;max-height:15px!important
  }
  header.corporate-nav-v50 .corporate-hamburger{
    flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;padding:9px!important
  }
}