/* Custom CSS für bessere Hintergrunddarstellung auf großen Bildschirmen */

/* Responsive Hintergründe für alle Seiten */
#onePage_1, #onePage_2, #onePage_3 {
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}

/* Fix für Textboxen auf der ersten Seite */
#onePage_1 .tdBox {
    min-height: 215px !important;
    display: flex !important;
    align-items: center !important;
}

#onePage_1 .tdBox .fullHeight {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Text-Anpassungen für bessere Lesbarkeit */
#onePage_1 .tdBox h2 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

#onePage_1 .tdBox p {
    margin-top: 10px !important;
    line-height: 1.3em !important;
}

/* Icon-Anpassungen für besseren Abstand */
#onePage_1 .tdBox img {
    margin-bottom: 5px !important;
}

#onePage_1 .tdBox .icon-left,
#onePage_1 .tdBox .icon-right {
    padding-bottom: 5px !important;
}

/* Spezifische Anpassungen für sehr große Bildschirme */
@media (min-width: 1400px) {
    #onePage_1, #onePage_2, #onePage_3 {
        min-height: 100vh !important;
        background-size: cover !important;
        background-position: center center !important;
    }
    
    /* Container auf großen Bildschirmen zentrieren */
    .container {
        max-width: 1400px !important;
    }
    
    /* Textboxen für große Bildschirme anpassen */
    #onePage_1 .tdBox {
        min-height: 250px !important;
        margin-bottom: 20px !important;
    }
    
    #onePage_1 .tdBox h2 {
        font-size: 3em !important;
    }
    
    #onePage_1 .tdBox p {
        font-size: 2.2em !important;
    }
}

/* Für Ultra-wide Bildschirme (21:9 und breiter) */
@media (min-width: 1600px) {
    #onePage_1, #onePage_2, #onePage_3 {
        background-size: cover !important;
        background-position: center center !important;
    }
    
    .container {
        max-width: 1600px !important;
    }
}

/* 4K und größere Bildschirme */
@media (min-width: 2000px) {
    .container {
        max-width: 1800px !important;
    }
    
    /* Schriftgrößen für sehr große Bildschirme anpassen */
    #onePage_1 h1, #onePage_1 h2,
    #onePage_2 h1, #onePage_2 h2,
    #onePage_3 h1, #onePage_3 h2 {
        font-size: 5em !important;
    }
    
    /* Größere Textboxen für 4K Bildschirme */
    #onePage_1 .tdBox {
        min-height: 300px !important;
        margin-bottom: 25px !important;
    }
    
    #onePage_1 .tdBox h2,
    #onePage_2 .tdBox h2 {
        font-size: 3.2em !important;
        margin-top: 25px !important;
    }
    
    #onePage_1 .tdBox p {
        font-size: 2.8em !important;
        margin-top: 15px !important;
        line-height: 1.2em !important;
    }
}

/* Fallback für sehr breite Bildschirme */
@media (min-aspect-ratio: 21/9) {
    #onePage_1, #onePage_2, #onePage_3 {
        background-size: cover !important;
        background-position: center center !important;
    }
}