/*************** Wichtig im Landscape ist jetzt die Höhe die Breite, darum ist es besser nach Höhe zu fragen */
/* Nur anzeigen, wenn EINE der beiden Seiten klein ist (Handy) */
@media (max-height: 600px) {
    #mobile-fullscreen-btn {
        position: fixed;
        left: calc(2.8% + env(safe-area-inset-left));
		top:  calc(20% + env(safe-area-inset-top));
        padding: 12px 18px;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        border-radius: 10px;
        font-size: 16px;
        z-index: 99999;
        cursor: pointer;
        user-select: none;
        display: block; /* sicherheit */
    }
	
}

@media (max-height: 460px) {
    #mobile-fullscreen-btn {
        position: fixed;
		left: calc(2.8% + env(safe-area-inset-left));
		top:  calc(30% + env(safe-area-inset-top));
        padding: 12px 12px;
        background: rgba(0, 0, 0, 0.6);
        color: white;
        border-radius: 10px;
        font-size: 16px;
        z-index: 99999;
        cursor: pointer;
        user-select: none;
        display: block; /* sicherheit */
    }
}


/* Verstecken, wenn beide Seiten größer sind (Desktop/Tablet) */
@media (min-height: 601px) {
    #mobile-fullscreen-btn {
        display: none;
    }
}