/*
==============================================
STARTSEITE - AUFBAU UND STRUKTUR
==============================================

Sections Übersicht:
-------------------
1. Hero Section (startseite-section-01-hero.css)
2. Wer sind wir? (startseite-section-02-wer-sind-wir.css)
3. AöL Aktuell (startseite-section-03-aoel-aktuell.css)
4. Bio Event (startseite-section-04-bio-event.css)
5. AG und AH (startseite-section-05-ag-und-ah.css)
6. Prioritäten (startseite-section-06-prioritaeten.css)
7. Kampagnen (startseite-section-07-kampagnen.css)
8. Bio to Go (startseite-section-08-bio-to-go.css)
9. Meinungen (startseite-section-09-meinungen.css)
10. Jubiläum (startseite-section-10-jubilaeum.css)
11. Gemeinsam (startseite-section-11-gemeinsam.css)

==============================================
*/


/* ---------------------------------------------
   ABSTAENDE
   --------------------------------------------- */
#wer-sind-wir,
#mg-bild,
#aoel-aktuell,
#bio-event,
#ag-und-ah,
#prioritaeten,
#kampagnen,
#bio-to-go,
#meinungen,
#jubilaeum,
#gemeinsam {
    margin-top: 70px;
    margin-bottom: 90px;
}

#mg-bild.unterseite-mitglieder {
    margin-top: 50px;
    margin-bottom: 20px;
}


/* ---------------------------------------------
   H2
   --------------------------------------------- */
#wer-sind-wir h2,
#aoel-aktuell h2,
#bio-event h2,
#ag-und-ah h2,
#prioritaeten h2,
#kampagnen h2,
#bio-to-go h2,
#meinungen h2,
#jubilaeum h2,
#gemeinsam h2 {
    font-size: clamp(1.5rem, 5vw, 2em) !important;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
}

/* ---------------------------------------------
   P
   --------------------------------------------- */
#prioritaeten .column_container p,
#kampagnen .column_container p{
    line-height: 1.3 !important;
    text-align: center !important;
}

/* ---------------------------------------------
   FEHLERBEHEBUNG UEBERGAENGE SECTIONS
   --------------------------------------------- */
/* Behebt die zwei Pixel grüner Rand an den Sectionuebergaengen */
.full-width-content.parallax_section .row-bg-wrap, 
.full-width-section.parallax_section .row-bg-wrap, 
.wpb_row .row-bg-wrap .inner-wrap, 
.wpb_row.parallax_section .row-bg-wrap {
    height: 100% !important;
}