@media (max-width: 900px) { .about-grid, .dozenten-grid, .contact-grid { grid-template-columns: 1fr; gap: 40px; } .about-img img, .dozenten-img img { height: 280px; } .video-band { height: 320px; } .services-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .hero { min-height: 80vh; } .hero-content { padding: 48px 24px; } .locations-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .locations-grid { grid-template-columns: 1fr 1fr; gap: 12px; } .contact-form { padding: 24px; } }