/* Blocker standardmäßig versteckt */
#orientation-blocker {
    display: none;
}

/* Greift nur, wenn das Gerät quer liegt UND ein Mobilgerät ist */
@media screen and (orientation: landscape) and (max-device-width: 956px) {
    #orientation-blocker {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #111111; /* Dunkler Hintergrund passend zum App-Design */
        color: #ffffff;
        z-index: 99999; /* Über alle Menüs und Modals legen */
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }

    .blocker-content {
        padding: 20px;
    }

    .phone-icon {
        font-size: 3rem;
        animation: rotate 2s infinite ease-in-out;
        margin-bottom: 15px;
    }
}

/* Kleine Animation, die das Drehen andeutet */
@keyframes rotate {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(-90deg); }
    100% { transform: rotate(0deg); }
}