/* 
* N.O. Immobilien - Tablet-spezifische Anpassungen
* Author: NAXII | ZamZob
* Version: 1.0
*/

/* Tablet-spezifische Anpassungen (zwischen 768px und 992px) */
@media (min-width: 768px) and (max-width: 992px) {
    /* Verbesserte Container-Breite für Tablets */
    .container {
        width: 95%;
        max-width: 95%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Verbesserte Darstellung der Immobilienkarten auf Tablets */
    .property-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    /* Verbesserte Darstellung des Headers auf Tablets */
    .header-container {
        padding: 0 20px;
    }
    
    /* Verbesserte Darstellung des Formulars auf Tablets */
    .bewertung-page .card-body {
        padding: 2rem;
    }
    
    /* Verbesserte Darstellung der Immobiliendetails auf Tablets */
    .property-detail-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .property-detail-sidebar {
        margin-top: 0;
    }
    
    /* Verbesserte Darstellung der Features auf Tablets */
    .feature-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    /* Verbesserte Darstellung der Ausstattungsliste auf Tablets */
    .ausstattung-list {
        column-count: 2;
        column-gap: 20px;
    }
    
    /* Verbesserte Darstellung der Galerie auf Tablets */
    .gallery-thumbnails {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
    }
    
    /* Verbesserte Darstellung des Footers auf Tablets */
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    
    /* Verbesserte Darstellung der Kontaktseite auf Tablets */
    .contact-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Verbesserte Darstellung der Über-mich-Seite auf Tablets */
    .about-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    /* Verbesserte Darstellung der Leistungsseite auf Tablets */
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Allgemeine Verbesserungen für mobile Geräte und Tablets */
@media (max-width: 992px) {
    /* Verhindern von horizontalem Scrollen */
    html {
        -webkit-overflow-scrolling: touch;
    }
    
    body {
        overflow-x: hidden; /* Nur horizontales Scrollen verhindern */
        width: 100%;
    }
    
    /* Verbesserte Darstellung des mobilen Menüs */
    body.menu-open {
        overflow: hidden;
    }
    
    /* Verbesserte Darstellung der Dropdown-Menüs auf mobilen Geräten */
    .dropdown-menu {
        max-height: 300px;
        overflow-y: auto;
    }
    
    /* Verbesserte Touch-Ziele für mobile Geräte */
    .nav-link, .btn, .form-control, .form-select, .dropdown-item {
        padding: 0.75rem 1rem;
    }
    
    /* Verbesserte Darstellung von Bildern auf mobilen Geräten */
    img {
        max-width: 100%;
        height: auto;
    }
}

/* Spezifische Anpassungen für Landscape-Modus auf Tablets */
@media (min-width: 768px) and (max-width: 992px) and (orientation: landscape) {
    /* Verbesserte Darstellung des Headers im Landscape-Modus */
    .header {
        height: 70px;
    }
    
    /* Verbesserte Darstellung des Hero-Bereichs im Landscape-Modus */
    .hero {
        height: 50vh;
        min-height: 400px;
    }
    
    /* Verbesserte Darstellung der Immobilienkarten im Landscape-Modus */
    .property-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}