/**
 * OCM Landing Page - Responsive Styles
 * 
 * Media Queries für mobile Optimierung
 */

@media (max-width: 1440px) {
  .hero {
    grid-template-columns: 1fr;
    padding: 32px 0;
  }
  
  .hero h1 {
    font-size: 32px;
  }
  
  .nav ul {
    display: none;
  }
  
  .hamburger {
    display: flex;
  }
  
  .container {
    padding: 0 24px;
  }
  
  .logo-ticker-container {
    padding: 15px 0;
    margin: 30px 0;
  }
  
  .logo-item img {
    height: 75px;
    width: 75px;
  }
}