/* CLAUDE: Immobilien-Übersichtsseite Styles */
/* CLAUDE: Spezifische Styles für /immobilien/ Page Template */

/* ============================================
   CLAUDE: Page Layout
   ============================================ */

/* CLAUDE: Haupt-Container */
/* CLAUDE: WICHTIG: Kein padding-top hier setzen! */
/* CLAUDE: Das padding-top von .site-main (layout.css) wird durch */
/* CLAUDE: das negative margin auf .alignfull:first-child kompensiert */
/* CLAUDE: Ein zusätzliches padding-top würde den Header-Hero Abstand verursachen */
.lhi-immobilien-page {
    /* CLAUDE: padding-top ENTFERNT - siehe Kommentar oben */
    /* CLAUDE: Falls Abstand für Seiten OHNE Hero benötigt wird: */
    /* CLAUDE: Nutze .lhi-immobilien-page--no-hero { padding-top: 2rem; } */
}

/* CLAUDE: Header-Bereich (Gutenberg Content) */
.lhi-immobilien-page__header {
    /* CLAUDE: Maximale Breite und Zentrierung */
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin: 0 auto;
    padding: 0 var(--wp--preset--spacing--md, 1.5rem);
}

/* CLAUDE: Grid-Sektion */
.lhi-immobilien-page__grid {
    /* CLAUDE: Hintergrund */
    background-color: var(--wp--preset--color--porous-stone, #DCD7CE);
    /* CLAUDE: Padding oben/unten */
    padding: var(--wp--preset--spacing--xl, 3rem) 0;
    /* CLAUDE: Margin oben */
    margin-top: var(--wp--preset--spacing--lg, 2rem);
}

/* CLAUDE: Container innerhalb Grid */
.lhi-immobilien-page__grid .lhi-container {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin: 0 auto;
    padding: 0 var(--wp--preset--spacing--md, 1.5rem);
}

/* ============================================
   CLAUDE: Responsive
   ============================================ */

@media (max-width: 767px) {
    /* CLAUDE: KEIN padding-top auf Mobile - gleiches Prinzip wie Desktop */
    /* CLAUDE: layout.css kompensiert das site-main padding automatisch */

    .lhi-immobilien-page__grid {
        padding: var(--wp--preset--spacing--lg, 2rem) 0;
        margin-top: var(--wp--preset--spacing--md, 1.5rem);
    }
}