/* KS3D v77 – einheitliche Typografie, Farben und robuste mobile Navigation */
:root{
  --ks77-bg:#071019;
  --ks77-panel:#0d1926;
  --ks77-panel-2:#122232;
  --ks77-line:rgba(138,190,222,.18);
  --ks77-text:#edf7fc;
  --ks77-muted:#a9bdca;
  --ks77-cyan:#22d3ee;
  --ks77-cyan-soft:rgba(34,211,238,.12);
}

body.corporate-site{
  color:var(--ks77-text);
  background:radial-gradient(circle at 50% -10%,#173246 0,var(--ks77-bg) 42%,#03070b 100%);
}

body.corporate-site .onepage-main{
  color:var(--ks77-text);
}

body.corporate-site h1,
body.corporate-site h2,
body.corporate-site h3,
body.corporate-site h4{
  max-width:100%;
  overflow-wrap:anywhere;
  text-wrap:balance;
  color:var(--ks77-text);
  letter-spacing:-.025em;
}
body.corporate-site h1{font-size:clamp(2.15rem,5vw,4.65rem);line-height:1.02}
body.corporate-site h2{font-size:clamp(1.65rem,3.5vw,2.7rem);line-height:1.12}
body.corporate-site h3{font-size:clamp(1.08rem,2vw,1.4rem);line-height:1.25}
body.corporate-site p,
body.corporate-site li{color:var(--ks77-muted)}
body.corporate-site .eyebrow{color:var(--ks77-cyan)}

body.corporate-site .content-card,
body.corporate-site .news-card,
body.corporate-site .printer-card,
body.corporate-site .gallery-item,
body.corporate-site .cards article,
body.corporate-site .capsule-benefits-v63 article,
body.corporate-site .model-v63,
body.corporate-site .capsule-showcase-grid article,
body.corporate-site .capsule-personal-v63,
body.corporate-site .legal-card,
body.corporate-site .legal-section{
  color:var(--ks77-text)!important;
  background:linear-gradient(145deg,rgba(18,34,50,.96),rgba(9,20,31,.96))!important;
  border-color:var(--ks77-line)!important;
}
body.corporate-site .content-card p,
body.corporate-site .news-card p,
body.corporate-site .printer-card p,
body.corporate-site .cards article p,
body.corporate-site .model-v63 p,
body.corporate-site .capsule-personal-v63 p{
  color:var(--ks77-muted)!important;
}
body.corporate-site .feature-chip-grid span,
body.corporate-site .personal-tags-v63 span{
  color:var(--ks77-text)!important;
  background:rgba(255,255,255,.045)!important;
  border-color:var(--ks77-line)!important;
}
body.corporate-site input,
body.corporate-site textarea,
body.corporate-site select{
  color:var(--ks77-text)!important;
  background:#091521!important;
  border-color:var(--ks77-line)!important;
}

/* Beide Dropdowns funktionieren mobil identisch. */
@media (max-width:860px){
  header.corporate-nav-v50 .corporate-menu{
    max-height:calc(100dvh - 88px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  header.corporate-nav-v50 .corporate-menu .nav-dropdown{
    display:block!important;
    width:100%!important;
  }
  header.corporate-nav-v50 .corporate-menu .nav-dropdown-toggle{
    min-height:48px!important;
  }
  header.corporate-nav-v50 .nav-dropdown-menu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:6px 0 0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  header.corporate-nav-v50 .nav-dropdown.is-open > .nav-dropdown-menu{
    display:grid!important;
  }
  header.corporate-nav-v50 .nav-dropdown.is-open > .nav-dropdown-toggle{
    color:#fff!important;
    border-color:rgba(34,211,238,.38)!important;
    background:var(--ks77-cyan-soft)!important;
  }
  header.corporate-nav-v50 .nav-dropdown.is-open > .nav-dropdown-toggle b{
    transform:rotate(180deg)!important;
  }
  header.corporate-nav-v50 .nav-dropdown-menu button{
    min-height:44px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  body.corporate-site h1{font-size:clamp(2rem,10vw,3.15rem)}
  body.corporate-site h2{font-size:clamp(1.5rem,7vw,2.15rem)}
  body.corporate-site h3{font-size:clamp(1.05rem,5vw,1.28rem)}
}

@media (max-width:560px){
  body.corporate-site .page-head{padding-top:54px}
  body.corporate-site .content-card,
  body.corporate-site .news-card,
  body.corporate-site .printer-card,
  body.corporate-site .cards article{padding:20px!important;border-radius:18px!important}
  body.corporate-site p,
  body.corporate-site li{font-size:.96rem;line-height:1.65}
}