/* device.css - RESPONSIVE HELPER */

/* 1. DREH-HINWEIS FÜR SMARTPHONE QUERFORMAT */
@media (max-width: 768px) and (orientation: landscape) {
    .rotate-warning {
        display: flex !important;
    }
}

.rotate-warning {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.95);
    z-index: 9999;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    padding: 20px;
    font-family: 'Oswald', sans-serif;
}

.rotate-icon {
    font-size: 4rem;
    margin-bottom: 20px;
    animation: rotate 2s infinite;
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(90deg); }
}

/* 2. GRUNDLEGENDE RESPONSIVE-HELPER */
/* (Nur für spätere Nutzung) */
.mobile-only { display: none !important; }
.desktop-only { display: block !important; }

@media (max-width: 768px) {
    .mobile-only { display: block !important; }
    .desktop-only { display: none !important; }
}

.tablet-only { display: none !important; }