/* Menue 2026-11 (Testseite, 2026-11-12): fuenf Hauptpunkte, Kontakt als Knopf im Kopf,
   Fuss mit eigener Spalte 3D-Druck. Markup baut Teststand-Aenderungen.py (_menue). */

/* Eintraege nur fuer das Handy-Menue: Ueberblick 3D-Druck-Service und Kontakt */
.nav-nur-mobil { display: none !important; }

/* Kontakt als Knopf neben „Sofortpreis im Portal“ */
.nav__kontakt { flex-shrink: 0; white-space: nowrap; }

/* 3D-Druck ist der erste Reiter: Mega-Menue linksbuendig unter dem Reiter statt mittig,
   sonst ragt es bei 1025-1280 px links aus dem Fenster. */
@media (min-width: 721px) {
    .nav__dropdown--druck { left: -12px; transform: translateY(8px); }
    .nav__item:hover .nav__dropdown--druck,
    .nav__item:focus-within .nav__dropdown--druck,
    .nav__item.is-open .nav__dropdown--druck { transform: translateY(0); }
}

@media (max-width: 720px) {
    .nav__menu li.nav-nur-mobil { display: block !important; }
    .nav__dropdown .dropdown__item.nav-nur-mobil { display: flex !important; }
    .nav__kontakt { display: none; }
}

/* Fuss: Marke + 3D-Druck + Leistungen/Serienfertigung + Unternehmen + Kontakt */
@media (min-width: 1025px) {
    .footer__grid { grid-template-columns: 1.4fr repeat(4, 1fr); gap: 40px; }
}

/* Platz im Kopf (gemessen 2026-11-12, Kopf hat hoechstens 1232 px Inhalt): mit dem Kontakt-Knopf
   ragte „Sofortpreis im Portal“ bei 1024, 1280 und 1440 px 15-88 px ueber den Rand.
   Deshalb: Kunden-Login immer nur als Symbol, Pfeil im Portal-Knopf erst ab 1440 px,
   Kontakt zwischen 721 und 1279 px als runder Brief-Knopf (Text bleibt fuer Screenreader). */
.nav__login { width: 40px; padding: 0; }
.nav__kontakt-icon { display: none; }
.nav__login-text {
    display: inline; position: absolute; width: 1px; height: 1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
@media (max-width: 1439px) {
    .nav__cta .arrow { display: none; }
}
@media (min-width: 721px) and (max-width: 1279px) {
    .nav__kontakt { width: 40px; height: 40px; padding: 0; justify-content: center; }
    .nav__kontakt-icon { display: block; width: 18px; height: 18px; }
    .nav__kontakt-text {
        position: absolute; width: 1px; height: 1px;
        overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
    }
}