/* 1. Inhalts-Module: Menüzeile bleibt unangetastet */
#body-wrapper section.section {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

/* 2. Überschriften im Inhaltsbereich */
#body-wrapper h1, 
#body-wrapper h2, 
#body-wrapper h3, 
#body-wrapper h4, 
#body-wrapper h5, 
#body-wrapper h6 {
    margin-bottom: 1.5rem !important;
}

/* 3. Hero-Bereich (Welcome to...): Oben UND unten um 40% reduziert */
#showcase, 
.modular-hero,
.hero {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
/* 4. Scroll-Down Pfeil (V) im Hero-Bereich nach unten schieben */
#showcase #to-start,
.hero #to-start,
#to-start {
    margin-top: 3rem !important; /* Schiebt den Pfeil weg vom Text */
    margin-bottom: -2rem !important; /* Zieht ihn näher an den unteren Rand */
}