.big-header, .small-header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
}

.big-header {
    font-size: 8rem;
    width: 100%;
    color: white !important;
}

.small-header {
    font-size: 4rem;
    width: 50%;
}

/* Blue Background */
.custom-background-blue {
    background-color: rgba(0, 56, 109, 0.8) !important;
}

/* Orange Background */
.custom-background-orange {
    background-color: rgba(245,102,16, 0.8) !important; /* Halbtransparentes Orange */
}


.frame-backgroundimage .frame-backgroundimage-behaviour-cover {
    background-color: rgba(0, 56, 255, 0.5) !important;
}

.frame-backgroundimage-container {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden; /* Sicherstellen, dass das Overlay das Bild nicht überschreibt */
}

.carousel-inner, .carousel-content-inner {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.carousel-inner {
    margin-bottom: 50px;
    margin-top: 50px;
}

.carousel-text-inner {
    align-self: center !important;
}