/* css für Slider */
#slider h2{
    hyphens: none;
}

#slider img {
    height: 80vh;
    object-fit: cover;
}

/* Bootstrap Slider */

.carousel-control-next,
.carousel-control-prev {
    /*width: 5%;*/
    /*color: #fff;*/
}
/*carousel-neu falls beschreibung an einer andern Position */
.carousel-caption {
    /*background-color: rgba(0, 33, 48, 0.5);*/
    /*border-radius: 1em;*/
}

.carousel-caption h3 {
    /*font-size: 1em;*/
}

.carousel-caption p {
    /*font-size: 0.8em;*/
}

ol.carousel-indicators {
    list-style: none;
}

@media screen and (max-width: 428px) {
    #slider img {
        /*height: 100vh;*/
    }

    .carousel-caption {
        font-size: 70%;
        line-height: 20px;
    }

    .carousel-caption {
        padding-bottom: 0;
    }

    .carousel-caption h1, .h1, h2, .h2 {
        margin-bottom: 10px;
        margin-right: 0;
    }
}

/* Ende Bootstrap Slider */

/*.slidercontainer {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.bannercontent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 60%;
    /*max-width: 600px;*/
}

.background_Header {
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 576px) {
    .bannercontent {
        width: 100%;

    }

    /*.bannercontent h1 {*/
    /*    font-size: 2rem; !* Adjust font size for smaller screens *!*/
    /*}*/

    /*.bannercontent p {*/
    /*    font-size: 1rem; !* Adjust font size for smaller screens *!*/
    /*}*/
}

/* aus mystyle.css: */




.carousel-caption.d-block h1.h-0 {
    margin: 0;
}

@media screen and (max-width: 428px) {
    .carousel-caption {
        font-size: 70%;
        line-height: 20px;
    }

    .carousel-caption {
        padding-bottom: 0;
    }

    .carousel-caption h1, .h1, h2, .h2 {
        margin-bottom: 10px;
        margin-right: 0;
    }
}