/* responsive_tablet === */
/* RESPONSIVE ANPASSUNGEN */
<meta charset="UTF-8">
/* Tablets */
@media (max-width: 768px) {
    /* Dropdown kompakter */
    .ddsmoothmenu ul li ul li a {
        padding: 3px 10px !important;
        min-height: 26px !important;
        font-size: 12px !important;
    }
    
    /* Cookie Banner Anpassungen */
    .cookie-banner {
        padding: 15px 10px;
        width: 100%;
        max-width: 100%;
        left: 0;
        transform: none;
        border-radius: 0;
    }
    
    .cookie-content {
        flex-direction: column;
        text-align: center;
        padding: 0 10px;
        gap: 10px;
    }
    
    .cookie-text {
        min-width: 100%;
        margin-bottom: 10px;
    }
    
    .cookie-buttons {
        width: 100%;
        justify-content: center;
    }
    
    .cookie-btn {
        padding: 8px 16px;
        font-size: 13px;
        flex: 1;
        min-width: 80px;
    }
    
    /* Modal Anpassungen */
    .modal-content {
        padding: 20px;
        max-height: 90vh;
    }
    
    .modal-header h2 {
        font-size: 18px;
    }
    
    .cookie-category {
        padding: 10px;
        margin: 15px 0;
    }
}

/* Kleine Smartphones */
@media (max-width: 480px) {
    .cookie-banner {
        padding: 10px 5px;
    }
    
    .cookie-content {
        padding: 0 5px;
    }
    
    .cookie-text {
        font-size: 12px;
        line-height: 1.4;
    }
    
    .cookie-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .cookie-btn {
        width: 100%;
        margin: 2px 0;
    }
    
    /* Modal noch kompakter */
    .modal-content {
        padding: 15px;
        width: 100%;
        border-radius: 0;
        max-height: 100vh;
        height: 100%;
    }
    
    .category-header {
        flex-wrap: wrap;
    }
    
    .category-header h3 {
        font-size: 14px;
        flex: 1;
    }
}

@media (max-width: 360px) {
    .cookie-buttons {
        flex-direction: column;
        width: 100%;
    }
    
    .cookie-btn {
        width: 100%;
        margin: 3px 0;
    }
}

/* Sehr kleine Bildschirme */
@media (max-width: 320px) {
    .cookie-text {
        font-size: 12px;
    }
    
    .cookie-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .modal-header h2 {
        font-size: 16px;
    }
}

/* Landscape Modus für Mobile */
@media (max-width: 768px) and (orientation: landscape) {
    .cookie-banner {
        padding: 10px;
        max-height: 50vh;
        overflow-y: auto;
    }
    
    .cookie-content {
        flex-direction: row;
    }
    
    .cookie-buttons {
        flex-direction: row;
    }
}