/* Ferreira Air GmbH – Basis-Styles
   Farbwelt, Reset, responsive Navigation, Sprachumschaltung und Hover-Zustände.
   Layout-Angaben stehen als Inline-Styles direkt an den Elementen. */
:root{
      --color-ferreira-gold:#C2A242;
      --color-ferreira-silver:#D9DADA;
      --color-anthracite:#1D2023;
      --color-dark-gray:#34383B;
      --color-medium-gray:#74797D;
      --color-light-gray:#F3F3F1;
      --color-off-white:#F8F8F6;
      --color-white:#FFFFFF;
    }
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
    body{margin:0;background:#FFFFFF;color:#1D2023;font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
    /* Lange deutsche Komposita in Überschriften umbrechen bzw. trennen */
    h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
    /* Sprachumschaltung DE/EN – ohne JavaScript wird Deutsch angezeigt */
    html:not([data-lang="en"]) [data-lang="en"]{display:none !important}
    html[data-lang="en"] [data-lang="de"]{display:none !important}
    html:not([data-lang="en"]) .fa-lang-de,html[data-lang="en"] .fa-lang-en{background:#1D2023 !important;color:#FFFFFF !important}
    a{color:#C2A242}
    a:hover{color:#1D2023}
    img{max-width:100%}
    :focus-visible{outline:3px solid #C2A242;outline-offset:3px}
    ::selection{background:#C2A242;color:#1D2023}
    input::placeholder,textarea::placeholder{color:#9A9E9F}
    /* Responsive Navigation: Desktop-Menü ab 1080px, davor Hamburger-Menü */
    @media (min-width:1080px){
      .fa-desktop-nav{display:flex !important}
      .fa-burger{display:none !important}
      #fa-mobile-nav{display:none !important}
    }
    @media (prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      *{transition-duration:.001ms !important;animation-duration:.001ms !important}
    }

/* ---- Hover- und Fokus-Zustände ---- */
.fa-h1:hover,.fa-h1:focus-visible{color:#C2A242;border-bottom:2px solid #C2A242}
.fa-h2:hover,.fa-h2:focus-visible{background:#1D2023;color:#FFFFFF}
.fa-h3:hover,.fa-h3:focus-visible{background:#FFFFFF;color:#1D2023}
.fa-h4:hover,.fa-h4:focus-visible{border-color:#C2A242;background:rgba(194,162,66,0.14);color:#FFFFFF}
.fa-h5:hover,.fa-h5:focus-visible{border-color:#C2A242;color:#1D2023}
.fa-h6:hover,.fa-h6:focus-visible{color:#C2A242}