/*
  mo-fixes.css — replica-specific corrections
  NOTE: .et_pb_section_0/_1 use position:fixed in the ORIGINAL theme on purpose:
  they act as pinned backdrop layers (the two-image reveal animation on scroll,
  content slides over them). Do NOT force them to position:relative — that
  breaks the animation, stacks the heroes vertically and displaces the logo.
  The live site scrolls to its footer fine with the fixed heroes.
*/

/* Footer must always paint above the fixed backdrop layers */
#main-footer {
    position: relative;
    z-index: 2;
}

/* Footer: brand yellow ONLY on the current-page nav item.
   All other footer links keep their original Divi colors (#bbb nav, #666 info). */
#main-footer .bottom-nav li.current-menu-item > a {
    color: #ffcc00 !important;
}
#main-footer .bottom-nav li.current-menu-item > a:hover {
    color: #ffe066 !important;
}

/* Header menu: same treatment — yellow ONLY on current page item
   (original Divi blue #2EA3F2 comes from inline critical CSS on every page). */
#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a {
    color: #ffcc00 !important;
}
#top-menu li.current-menu-item > a:hover,
#top-menu li.current-menu-ancestor > a:hover {
    color: #ffe066 !important;
}

/* Short pages (Kontakt / Impressum) keep at least full-viewport height */
body.page-id-160 #main-content,
body.page-id-158 #main-content {
    min-height: 100vh;
}

/* First card (hero) heading: match the body text size used in all other
   cards (18px). Original renders this H1 at 26px. */
.et_pb_section_3 h1 {
    font-size: 18px !important;
    line-height: 25.2px !important;
}