/* Start custom CSS *//* =====================================================
   AURELIS MOTORS – ergänzendes CSS (nur Seite 11)
   Nur für Funktionen ohne Elementor-Bordmittel.
   ===================================================== */

/* 1. Grundfläche, sanftes Scrollen, kein seitliches Scrollen */
html { scroll-behavior: smooth; }
body.elementor-page-11 { background-color: #0B0B0D; overflow-x: clip; }

/* 2. Header: beim Scrollen dunkler, leicht transparenter Hintergrund
      (CSS Scroll-Driven Animation, progressive Enhancement) */
@keyframes au-header-solid {
  to { background-color: rgba(11,11,13,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom-color: rgba(255,255,255,0.12); }
}
@supports (animation-timeline: scroll()) {
  .elementor-11 [data-id="6a4d53b5"] { animation: au-header-solid linear both; animation-timeline: scroll(root); animation-range: 0px 280px; }
}

/* 3. Mobilmenü (details/summary)
      - Standardmarker ausblenden
      - ::details-content neutralisieren, damit das Panel
        die volle Header-Breite nutzt
      - geschlossen sicher ausblenden */
.elementor-11 [data-id="27b924e3"]::-webkit-details-marker { display: none; }
.elementor-11 [data-id="27b924e3"]::marker { content: ""; }
.elementor-11 [data-id="53443cf4"]::details-content { display: contents; }
.elementor-11 [data-id="53443cf4"]:not([open]) [data-id="706e87c5"] { display: none; }

/* 4. Links im Kontakttext */
.elementor-11 [data-id="47e1ec47"] a { color: #F5F3EF; text-decoration: underline; text-decoration-color: #B79A64; text-underline-offset: 4px; }
.elementor-11 [data-id="47e1ec47"] a:hover { color: #B79A64; }

/* 5. Touchflächen ≥ 44 px für Textlinks (Logo, Mobilmenü, Footer) */
.elementor-11 [data-id="12b26e3a"] > a,
.elementor-11 [data-id="706e87c5"] [data-id] > a,
.elementor-11 footer [data-id] > a { display: flex; align-items: center; min-height: 44px; color: inherit; text-decoration: none; }
.elementor-11 footer [data-id]:has(> a) { padding-top: 0; padding-bottom: 0; }

/* 6. Sichtbarer Tastatur-Fokus */
.elementor-11 a:focus-visible, .elementor-11 button:focus-visible, .elementor-11 summary:focus-visible, .elementor-11 input:focus-visible, .elementor-11 select:focus-visible, .elementor-11 textarea:focus-visible { outline: 1px solid #B79A64; outline-offset: 4px; }

/* 7. Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .elementor-11 *, .elementor-11 *::before, .elementor-11 *::after { animation-duration: 0.01ms !important; animation-delay: 0ms !important; transition-duration: 0.01ms !important; }
  .elementor-11 [data-interaction-id] { opacity: 1 !important; transform: none !important; }
  .elementor-11 [data-id="6a4d53b5"] { background-color: rgba(11,11,13,0.9); }
}/* End custom CSS */