/* Das Handy-Menü: Burger im Kopf, Vollbild-Auszug. Ab 900px unsichtbar. */
.burger { display: none; }

@media (max-width: 900px) {
  .mininav { display: none !important; }
  /* nur zwei feine Striche, kein Knopf drumherum */
  .burger {
    display: grid; gap: 6px; place-content: center;
    width: 34px; height: 34px; margin-right: -6px;
    background: none; border: 0; padding: 0;
    cursor: pointer; position: relative; z-index: 96;
  }
  .burger span {
    display: block; width: 22px; height: 1px; background: var(--ink);
    transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .3s;
  }
  .burger span:nth-child(2) { display: none; }
  .burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(3.5px) rotate(45deg); }
  .burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-3.5px) rotate(-45deg); }
  body.menue-auf .kopf { z-index: 95; background: none; }
}

.menue { position: fixed; inset: 0; z-index: 90; }
.menue[hidden] { display: none; }
/* der Auszug: nur Papier, ein paar Wörter, sonst nichts */
.menue-flaeche {
  position: absolute; inset: 0; background: var(--weiss);
  opacity: 0; transition: opacity .5s ease;
  display: flex; flex-direction: column; justify-content: center;
  padding: 96px var(--rand) 44px;
}
.menue.auf .menue-flaeche { opacity: 1; }

.menue-liste { list-style: none; }
.menue-liste li { opacity: 0; }
.menue-liste a {
  display: block; padding: 9px 0;
  font-size: clamp(30px, 9.5vw, 44px); font-weight: 500;
  letter-spacing: -0.035em; line-height: 1.14;
}
.menue-liste i { display: none; }
.menue-fuss { margin-top: auto; padding-top: 40px; opacity: 0; }
.menue-fuss a { display: block; font-size: 13.5px; color: var(--grau); margin-bottom: 6px; }
.menue-fuss p { font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--grau); margin-top: 14px; }
body.menue-auf { overflow: hidden; }

@media (min-width: 901px) { .menue { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  .menue-flaeche { transition: none; }
  .menue-liste li, .menue-fuss { opacity: 1; }
}


/* ---------- Sprachumschalter ---------- */
.sprache {
  display: flex; align-items: center; gap: 9px; margin-left: 26px;
  font-size: 10px; letter-spacing: .17em; text-transform: uppercase;
}
.sprache b, .sprache a { font-weight: 400; padding: 4px 2px; transition: color .35s; }
.sprache b { color: var(--ink); }
.sprache a { color: var(--grau); }
.sprache a:hover { color: var(--ink); }
.sprache b + a::before, .sprache a + b::before {
  content: ''; display: inline-block; width: 1px; height: 9px;
  margin-right: 9px; vertical-align: -1px; background: var(--linie);
}

@media (max-width: 900px) {
  .sprache { display: none !important; }     /* am Handy steht sie im Menü */
}

/* im Handy-Menü, unter den Kontaktangaben */
.menue-sprache { display: flex; gap: 14px; margin-top: 14px; align-items: center; }
.menue-sprache b, .menue-sprache a {
  font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 400;
  min-height: 44px; display: inline-flex; align-items: center;
}
.menue-sprache b { color: var(--ink); border-bottom: 1px solid var(--ink); }
.menue-sprache a { color: var(--grau); }