.bgi-breadcrumb-container {
    display: none !important;
}
.main-hero-image {
    display: none !important;
}
.hero-image {
    background: #2a658c !important;
    padding: 30px 0px !important;
    min-height: 100px !important;
    border-radius: 5px;
}
.hero-image > .content {
    padding-left: 30px !important;
}
.hero-image h1 {
    font-size: 1.7rem !important;
}
.hero-image h2 {
    font-size: 1.3rem !important;
}
@media screen and (max-width:768px) {
    .hero-image {
        background: none !important; 
    }
}
.section {
    margin-top: 30px !important;
    margin-bottom: 150px !important;
}
.section h2 {
    padding-top: 0px;
    padding-bottom: 50px;
    font-size: 1.7rem;
    text-align: left !important;
}

.section .main-description {
    text-align: left !important;
}

.modal-video-portrait {
    max-width: 700px;
    max-height: 800px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    .modal-dialog.modal-lg {
        max-width: 768px; /* reduziert die Breite des Modals auf großen Bildschirmen */
    }
}