/* Beratungshelden – kleine, startseitenspezifische Layoutkorrekturen
   Wird NACH responsive.css geladen und bleibt durch .home-v2 auf index2 begrenzt. */

.home-v2 {
    font-size: 15px;
    line-height: 25px;
}

/* Navigation etwas besser lesbar, ohne den Header umzubauen */
.home-v2 .navbar li a {
    font-size: 13px;
}

.home-v2 .navbar img {
    max-height: 38px;
}

/* Ruhiger, aber kompakterer vertikaler Rhythmus */
.home-v2 #start,
.home-v2 #leistungen,
.home-v2 #angebote,
.home-v2 #wir {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
}

.home-v2 #fuer-wen,
.home-v2 #arbeitsweise,
.home-v2 #warum-wir {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.home-v2 #cta {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

/* Typografie: Grundtext lesbarer, Hierarchie im Hero deutlicher */
.home-v2 section p:not(.text-extra-large):not(.text-medium) {
    font-size: 15px;
    line-height: 25px;
}

.home-v2 #start h1.title-extra-large {
    font-size: 42px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em;
}

.home-v2 #start .text-extra-large {
    font-size: 19px !important;
    line-height: 30px !important;
}

.home-v2 #start .text-medium {
    font-size: 15px !important;
    line-height: 26px !important;
}

.home-v2 .section-title-large {
    margin-bottom: 12px;
}

.home-v2 .title-small {
    line-height: 27px !important;
}

/* Prozentbasierte margin-ten-bottom ist auf breiten Containern unnötig groß */
.home-v2 #fuer-wen .margin-ten-bottom,
.home-v2 #arbeitsweise .margin-ten-bottom,
.home-v2 #angebote .margin-ten-bottom {
    margin-bottom: 38px !important;
}

/* Karten: mehr Innenraum und gleiche Höhe auf Desktop */
.home-v2 #fuer-wen > .container > .row:last-child,
.home-v2 #angebote > .container > .row:last-child,
.home-v2 #arbeitsweise > .container > .row.text-center {
    display: flex;
    flex-wrap: wrap;
}

.home-v2 #fuer-wen > .container > .row:last-child > [class*="col-"],
.home-v2 #angebote > .container > .row:last-child > [class*="col-"],
.home-v2 #arbeitsweise > .container > .row.text-center > [class*="col-"] {
    display: flex;
}

.home-v2 #fuer-wen .bg-white,
.home-v2 #angebote .bg-light-gray,
.home-v2 #arbeitsweise .bg-white {
    width: 100%;
    padding: 28px !important;
}

.home-v2 #fuer-wen .bg-white {
    min-height: 180px;
}

.home-v2 #arbeitsweise .bg-white {
    min-height: 168px;
}

.home-v2 #angebote .bg-light-gray {
    min-height: 220px;
    display: flex;
    flex-direction: column;
}

.home-v2 #angebote .bg-light-gray .btn {
    margin-top: auto;
    align-self: flex-start;
}

/* Die kleinen Angebots-CTAs sind im Template nur 10px groß */
.home-v2 #angebote .btn-circle.btn-small {
    font-size: 12px;
    padding: 8px 20px !important;
}

/* 2x2-Bereiche enger zusammenhalten */
.home-v2 #leistungen .col-md-8 .row,
.home-v2 #warum-wir .col-md-8 .row {
    margin-top: 2px;
}

.home-v2 #leistungen .col-sm-6,
.home-v2 #warum-wir .col-sm-6 {
    padding-left: 22px;
    padding-right: 22px;
}

/* Personenbereich weniger verloren auf der Fläche */
.home-v2 #wir .col-md-7 img {
    max-height: 330px;
}

@media (max-width: 991px) {
    .home-v2 #start,
    .home-v2 #fuer-wen,
    .home-v2 #leistungen,
    .home-v2 #arbeitsweise,
    .home-v2 #angebote,
    .home-v2 #warum-wir,
    .home-v2 #wir {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .home-v2 #fuer-wen > .container > .row:last-child > [class*="col-"],
    .home-v2 #angebote > .container > .row:last-child > [class*="col-"],
    .home-v2 #arbeitsweise > .container > .row.text-center > [class*="col-"] {
        margin-bottom: 20px;
    }

    .home-v2 #fuer-wen > .container > .row:last-child > [class*="col-"]:last-child,
    .home-v2 #angebote > .container > .row:last-child > [class*="col-"]:last-child,
    .home-v2 #arbeitsweise > .container > .row.text-center > [class*="col-"]:last-child {
        margin-bottom: 0;
    }

    .home-v2 #fuer-wen .bg-white,
    .home-v2 #angebote .bg-light-gray,
    .home-v2 #arbeitsweise .bg-white {
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .home-v2 #start,
    .home-v2 #fuer-wen,
    .home-v2 #leistungen,
    .home-v2 #arbeitsweise,
    .home-v2 #angebote,
    .home-v2 #warum-wir,
    .home-v2 #wir {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .home-v2 #cta {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    .home-v2 #start h1.title-extra-large {
        font-size: 32px !important;
        line-height: 38px !important;
    }

    .home-v2 .section-title-large {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    .home-v2 #start .text-extra-large,
    .home-v2 section .text-extra-large {
        font-size: 17px !important;
        line-height: 26px !important;
    }

    .home-v2 section p:not(.text-extra-large):not(.text-medium),
    .home-v2 #start .text-medium {
        font-size: 15px !important;
        line-height: 24px !important;
    }

    .home-v2 #fuer-wen .bg-white,
    .home-v2 #angebote .bg-light-gray,
    .home-v2 #arbeitsweise .bg-white {
        padding: 24px !important;
    }

    .home-v2 #leistungen .col-sm-6,
    .home-v2 #warum-wir .col-sm-6 {
        padding-left: 15px;
        padding-right: 15px;
    }
}