/* Sprachschalter DE|EN, Seite Markenentwicklung. Erzeugt von build_en.py, nicht von Hand aendern. */
/* Kopf: Logo | Navigation (rechtsbuendig) | Schalter. Handy: Logo | Schalter | Burger. */
.top .wrap>.logo{order:1}
.top .wrap>.nav{order:2;margin-left:auto}
.top .wrap>.lang{order:3;flex:none;display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-left:clamp(12px,1.6vw,26px);padding:0 4px;font-size:13px;letter-spacing:.06em;line-height:1;color:var(--mute);white-space:nowrap;text-decoration:none}
.lang b{color:var(--ink);font-weight:600}
.lang span[aria-hidden]{color:var(--gold);opacity:.9}
.lang span:last-child{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:6px;transition:color .25s,text-decoration-color .25s}
.lang:hover span:last-child,.lang:focus-visible span:last-child{color:var(--ink);text-decoration-color:var(--gold)}
/* Kopf mit JS (08.10.): transparent auf dem Foto -> Schalter hell; nach dem Scrollen (.scrolled) oder bei offenem Menue (.menu-open) dunkel. Ohne JS bleibt der helle Kopf (Farben oben). */
.js .top .wrap>.lang{color:rgba(255,255,255,.8);text-shadow:0 1px 10px rgba(0,0,0,.5)}
.js .top .wrap>.lang b{color:#fff}
.js .top .wrap>.lang:hover span:last-child,.js .top .wrap>.lang:focus-visible span:last-child{color:#fff}
.js .top.scrolled .wrap>.lang,.js .top.menu-open .wrap>.lang{color:var(--mute);text-shadow:none}
.js .top.scrolled .wrap>.lang b,.js .top.menu-open .wrap>.lang b{color:var(--ink)}
.js .top.scrolled .wrap>.lang:hover span:last-child,.js .top.scrolled .wrap>.lang:focus-visible span:last-child,.js .top.menu-open .wrap>.lang:hover span:last-child{color:var(--ink)}
/* Desktop: Menuepunkte nie umbrechen; auf schmalen Desktop-Breiten Abstaende enger, damit Logo, Navigation und Schalter in eine Zeile passen */
@media(min-width:861px){
  .top .wrap>.nav a{white-space:nowrap}
  .top .wrap>.nav{padding-left:16px}
}
@media(min-width:861px) and (max-width:1180px){
  .top .wrap>.nav{gap:clamp(10px,1.4vw,16px);letter-spacing:.02em}
  .top .wrap>.nav a.btn{padding:10px 13px}
  .top .wrap>.lang{margin-left:8px}
}
/* Handy und Tablet (Burger-Menue): Schalter bleibt in der Leiste sichtbar, auch bei offenem Menue */
@media(max-width:860px){
  .top .wrap>.lang{order:2;margin-left:auto;margin-right:2px}
  .top .wrap>.burger{order:3}
  .top .wrap>.nav{margin-left:0}
  .js .menu-open .lang{position:relative;z-index:70;margin-right:36px}
  html:not(.js) .top .wrap>.nav{order:3;flex-basis:100%}
}