#myBanner {
    background-image: url('https://theairtist.de/wp-content/uploads/2026/09/TheAIrtist_website_banner.jpeg');
    background-size: cover;
    background-position: center;
    width: 100%; /* Breite auf 100% setzen */
    height: 5vh; /* Höhe auf 50% der Viewport-Höhe setzen */
    margin-top: 50px;
}

/* Media Query für Bildschirme kleiner als 768px (typische Mobile-Geräte) */
@media (max-width: 768px) {
    #myBanner {
        height: 30vh; /* Höhe für kleinere Bildschirme anpassen */
    }
}

/* Media Query für größere Bildschirme */
@media (min-width: 1200px) { 
  #myBanner 
  { 
    background-size: contain; /* Passt das Bild vollständig an */ 
    background-repeat: no-repeat;
    height: 70vh; /* Höhe für größere Bildschirme anpassen */ 
  }
}