/* Standardgröße - große Bildschirme */
#panorama {
    width: 100%;
    height: 760px;  /* Standardhöhe für größere Bildschirme */
}

/* Für kleinere Bildschirme (z. B. Tablets) */
@media (max-width: 1024px) {
    #panorama {
        height: 600px;  /* Höhe auf 600px für Tablets und mittlere Geräte */
    }
}

/* Für noch kleinere Bildschirme (z. B. Smartphones im Hochformat) */
@media (max-width: 797px) {
    #panorama {
        height: 480px;  /* Höhe auf 480px für Geräte unter 797px */
    }
}

/* Für sehr kleine Bildschirme (z. B. Smartphones im Querformat oder sehr kleine Geräte) */
@media (max-width: 480px) {
    #panorama {
        height: 360px;  /* Höhe auf 360px für sehr kleine Geräte */
    }
}

/* Für extrem kleine Bildschirme (z. B. sehr kleine Smartphones) */
@media (max-width: 320px) {
    #panorama {
        height: 280px;  /* Höhe auf 280px für die kleinsten Geräte */
    }
}

/* Panorama Container */
#panorama-container {
  position: relative;
  width: 100%;
  height: 0px;
  z-index: 0;
}