/* =====================================================================
   ASOSmobil – moderner Header-Hintergrund (ersetzt die Ziegelwand)
   Wird NACH style.css geladen und ueberschreibt ausschliesslich den
   Hintergrund des <header>. Es werden bewusst keine Positionierungen,
   Pseudo-Elemente oder Stacking-Contexts ergaenzt, damit Navigation,
   Mega-Dropdowns und Mobile-Menue unveraendert funktionieren.
   Optik: tiefes Graphit, warmer Amber-Lichtschein oben rechts, feines
   technisches Raster, Amber-Linie unten.
   ===================================================================== */

header {
    background-color: #17191c;
    background-image:
        radial-gradient(55% 140% at 90% -25%, rgba(245, 173, 18, 0.26) 0%, rgba(245, 173, 18, 0) 62%),
        radial-gradient(45% 120% at 4% 130%, rgba(245, 173, 18, 0.10) 0%, rgba(245, 173, 18, 0) 60%),
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(180deg, #14161a 0%, #212529 100%);
    background-size: auto, auto, 44px 44px, 44px 44px, auto;
    background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
    background-position: center, center, left top, left top, center;
    border-bottom: 3px solid #f5ad12;
}

/* =====================================================================
   Hauptmenue am Desktop: Hover oeffnet das Aufklapp-Menue, Klick auf das
   Wort fuehrt direkt auf die Uebersichtsseite (siehe kleines Skript in
   index.php). Auf Touch-Geraeten und im mobilen Menue bleibt es beim
   Antippen (dort stehen die Uebersichts-Links als erster Eintrag im Menue).
   ===================================================================== */
@media (min-width: 992px) and (hover: hover) {
    .mainnavigation .nav-item.dropdown:hover > .dropdown-menu { display: block; margin-top: 0; }
    /* Das Menue beginnt direkt am Link (keine Luecke), Hover bleibt beim Wechsel erhalten */
    .amb-nav-overview { display: none; }
}