/* Startseite: Projekt-Regeln aus dem Layout (unverändert übernommen; IDs = Row-IDs in WPBakery) */
html { scroll-behavior: smooth; }
    a.ch-navlink { border-bottom: none; color: var(--text-body); }
    a.ch-navlink:hover { color: var(--text-accent); border-bottom: none; }
    
    .ch-facts a, .ch-footer a { border-bottom: none; }
    a.ch-navlink { white-space: nowrap; }
    @media (max-width: 1100px) {
      :is(#hero,#hero-b) .hero-overlay { position: static !important; display: block !important; padding: 2.75rem 0 0.75rem; background: var(--bg-page); }
      :is(#hero,#hero-b) .hero-copy { max-width: 100% !important; }
      :is(#hero,#hero-b) .hero-img-wrap { aspect-ratio: 4/3 !important; min-height: 0 !important; }
      :is(#hero,#hero-b) .hero-img { width: 100% !important; -webkit-mask-image: none !important; mask-image: none !important; }
    }
    @media (max-width: 700px) { #ueber .passion-flow { column-count: 1 !important; } }
    @keyframes chMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @media (prefers-reduced-motion: reduce) { [style*="chMarquee"] { animation: none !important; } }