/*
===============================================================================
RENT ASSISTENZ - SECTION BACKGROUNDS SYSTEM
===============================================================================
Section background colors and styling - moved from style.css
Corporate design consistency for all sections
Version: 1.0.0 - Clean Migration
===============================================================================
*/

/* ===== HERO BANNER CORE ===== */

/* 1. Hero-Banner behält das Bild (Rent-1.png) */
.dlab-bnr-inr {
    /* Bleibt unverändert - hat bereits das Hintergrund-Bild */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 60vh !important;
    position: relative !important;
    z-index: var(--z-ground) !important;
}

/* ===== SECTION BACKGROUNDS ===== */

/* 2. Erste Sektion nach Hero - BLAUER HINTERGRUND */
.section-full.first_bg {
    background: var(--rent-deep-blue) !important;
    background-image: none !important;
    color: var(--rent-bg-white) !important;
}

.first_section {
    color: var(--rent-bg-white) !important;
}

.first_section h2,
.first_section .box-title {
    color: var(--rent-bg-white) !important;
}

.first_section p {
    color: var(--rent-overlay-light) !important;
}

/* 3. Blaue Galerie-Sektion (die große mit Owl-Carousel) */
.dlab-bnr-inr.bnr-style2.padding {
    background: var(--rent-deep-blue) !important;
    background-image: none !important;
    color: var(--rent-bg-white) !important;
}

.dlab-bnr-inr.bnr-style2 .section-head h2,
.dlab-bnr-inr.bnr-style2 .box-title {
    color: var(--rent-bg-white) !important;
}

.dlab-bnr-inr.bnr-style2 .section-head p {
    color: var(--rent-overlay-light) !important;
}

/* 4. Weiße Content-Sektionen (bleiben weiß) */
.page-content .section-full.content-inner.bg-white,
.page-content .section-full.bg-white {
    background: var(--rent-bg-white) !important;
    color: var(--rent-text-primary) !important;
}

/* ===== RESPONSIVE SECTION ADJUSTMENTS ===== */

/* Mobile */
@media (max-width: 768px) {
    .first_section h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }
    
    .first_section p {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    .dlab-bnr-inr {
        min-height: 55vh !important;
    }
    
    .first_section h2 {
        font-size: 28px !important;
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .dlab-bnr-inr {
        min-height: 60vh !important;
    }
}

/* ===== SECTION ACCESSIBILITY ===== */

/* High contrast support */
@media (prefers-contrast: high) {
    .first_section h2,
    .first_section p {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .section-full.first_bg,
    .dlab-bnr-inr.bnr-style2.padding {
        transition: none !important;
    }
}