/* =========================================================
   Seiten – Gestaltung & Layout
   ---------------------------------------------------------
   Zweck:
   Enthält globale Layout- und Formatierungsregeln für
   Standardseiten (Pages) im Theme.
   Beinhaltet Grundabstände, Textbereiche, Buttons,
   Überschriften und Grid-Einstellungen.
   ---------------------------------------------------------
   Dateiname: seiten.css
   Ort: /custom/css/seiten.css
   Autor: Wimmer IT-Services
   ========================================================= */


/* grundlegende Einstellungen */
.column_container .wpb_content_element {
    margin-top: 3vh;
}

/* H1-Formatierung */
#header-homepage .nectar-split-heading:not(.fitty-fit) h1:not(.header) {
    font-size: clamp(1.5rem, 4vw, 2em) !important;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
    padding: 2% 10% !important;
}

@media screen and (max-width: 999px) {
    #header-homepage .nectar-split-heading:not(.fitty-fit) h1:not(.header) {
    padding: 4% 10% !important;
}
}

@media screen and (max-width: 690px) {
    #header-homepage .nectar-split-heading:not(.fitty-fit) h1:not(.header) {
        font-size: clamp(1rem, 5vw, 1.5em) !important;
        padding: 0 !important;
    }
}


/* ---------------------------------------------
   TEXTBEREICH-CONTAINER
   ---------------------------------------------
   - Begrenzt Textbreite für bessere Lesbarkeit
   - Zentriert den Textbereich horizontal
------------------------------------------------ */
.padding-textbereich {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

/* Responsive Anpassung für mobile Geräte */
@media (max-width: 768px) {
    .padding-textbereich {
        width: 95%;
    }
}


/* ---------------------------------------------
   GRID-EINSTELLUNGEN
   ---------------------------------------------
   - Optimiert Meta-Bereich in vertikalen Grid-Layouts
------------------------------------------------ */
.nectar-post-grid-wrap[data-style="vertical_list"] 
.item-main .nectar-post-grid-item__meta-wrap {
    min-width: 245px !important;
    padding-right: 0% !important;
}

/* ---------------------------------------------
   ABSATZ-FORMATIERUNG
   ---------------------------------------------
   - Einheitliche Textgröße und Zeilenhöhe
   - Blocksatz für harmonisches Schriftbild
------------------------------------------------ */
.column_container p {
    font-size: 20px;
    line-height: 2 !important;
    text-align: justify !important;
}

.column_container h2 { 
    color: #54ae31;
}