.menu-button{
    background-color:black;
}

.menu-button:after{
    background-color:black;
}

    /* Fullscreen-Bild Section */
.fullscreen-header {
    position: relative;
    height: 60vh;
    background-image: url('../images/DSC03902.jpg'); /* Bildpfad anpassen */
    background-size: cover;
    background-position: center;
    color: white;
}
.fullscreen-header .title-container {
    position: absolute;
    bottom: 20px;
    left: 60px; /* Abstand von 40px von links */
    /*font-size: clamp(2rem, 4vw, 4.1rem);*/
    font-size: clamp(30px, 3.3vw, 82px);
    /*font-weight: 700; /* Fettschrift */
}


.title-container span{
    font-size: clamp(0.9rem, 1vw, 2.1rem);
}



/* Inhalts-Section mit Zeichnung im Hintergrund */
.content-section {
    position: relative;
    background-color: rgba(255, 255, 255, 0.9); /* Leicht transparenter weißer Hintergrund */
    z-index:1;
}
.content-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/Mumbai.png'); /* Zeichnungshintergrund */
    background-size: cover;
    background-position: center;
    opacity: 0.1; /* Zeichnung leicht sichtbar */
    z-index: -1;
    margin-top: -2.5rem !important;
}


/* Einheitliche Linksausrichtung von 40px */
.left-margin {
    padding-left: var(--left-margin);
    margin-right: var(--right-margin);
}

.content-section-head{
    font-size: clamp(1.5rem, 2vw, 1.1rem);
}

.content-section-head .bold{
    font-weight: 700; /* Fettschrift */
}

.content-section-head .mt-4 {
    margin-top: 2.5rem !important;
}

.info-wrapper{
    display:flex;
}

.info-wrapper .col-md-6{
    padding-left:0px;
}

/* Stil für Kästen */
.info-box {
    align-items: center;
}

/* Box für Bilder und Text */
.custom-box {
    align-items: center;
    justify-content: center;
}


.custom-box img {
    max-width: 100%;
    height: auto;
}

.filmography-wrapper{
    display:flex;
    flex-wrap: wrap;
}

.col-lg-12{
    padding-left: 0px;
}

.col-lg-4{
    padding-left:0px;
}

.col-lg-8{
    padding-left: 0px;
}

.col-md-6{
    padding-left:0px;
}

.bio_left_content{
    padding-right: 4vw;
}

.bio_right_content{
    padding-left: 4vw;
}

@media (max-width: 767px) {
    .bio_right_content{
        padding-left: 0vw;
    }
}

.filmography-wrapper .col-lg-6{
    padding-left: 0px;
}

.film-wrapper{
    margin-bottom:24px;
}

.film-title{
    margin-bottom: 0px;
    line-height: 1;
}

.film-undertitle{
}

.film-data{
    margin-bottom: 0.2rem;
}

.film-info{
    margin-bottom: 0.1rem;
}