/* Under Construction – Anpassungen
   Ergänzt style.css / style-custom.css, überschreibt nichts dauerhaft. */

/* Seite über die volle Höhe: Header oben, Hero füllt den Rest,
   Footer schließt unterhalb des Bildes an.
   --uc-header-h = Höhe des Headers (Logo 46px + 2 x 18px Padding). */
body.uc-page {
    --uc-header-h: 82px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.uc-page main {
    flex: 1 1 auto;
    display: flex;
}

/* Hero im Vollbild */
.uc-hero {
    flex: 1 1 auto;
    min-height: calc(100vh - var(--uc-header-h));
    position: relative;
    background-image: url('../img/sport-archer-training-02.jpg');
    background-repeat: no-repeat;
    background-position: 50% 12%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
}

.uc-hero .overlay {
    height: 100%;
}

.uc-hero__caption {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 900px;
}

.uc-hero__caption h1 {
    color: #fff;
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
    margin: 0;
}

@media (max-width: 991px) {
    .uc-hero__caption h1 {
        font-size: 42px;
    }
}

@media (max-width: 575px) {
    .uc-hero {
        padding: 40px 16px;
    }

    .uc-hero__caption h1 {
        font-size: 30px;
    }
}

/* Header ohne Menü: gleiche Höhe wie auf den übrigen Seiten */
.uc-header .header-bottom {
    padding: 18px 0;
}