:root{
    --yellow:#f4e2a5;
    --lila:#70355d;
    --lilaV2: #502642;
    --black: black;
    --dark-lila:#3b1931;
}
.img-container{
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 25px;
    max-width: 300px;
    max-height: 450px;
}
.img-text{
    z-index: 999;
    font-size: 16px;
    color: var(--yellow);
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.image-source-txt{
    color: white;
}
.links{
    color: var(--yellow);
}

.plank-bg {
    position: absolute;
    inset: 0;
    z-index: 0; 
    transform: scaleX(120%) scaleY(105%) translateY(20%);
    border-radius: 15px;
}
.curtain{
    background-image: url('/wp-content/uploads/2026/01/curtain.png');
    position: absolute;
    inset: 0;
    background-size:contain;
    background-repeat: no-repeat;
    z-index: 2;
    display: block;
    transform: scaleY(2) translateY(25%) scaleX(120%);
}
.plank{
    background-image: url('/wp-content/uploads/2026/01/plank1.png');
    position: absolute;
    inset: 0;
    scale: 1.05;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    color: var(--yellow);
    z-index: 3;
    display: block;
    filter: brightness(100%);
    transform: scaleX(125%) translateY(2%);  
}

.site-content:has(.person-container){
    background: linear-gradient(to bottom,var(--lila),var(--black))
}
.title-person{
    padding-top: 2rem;
    color: var(--yellow);
    background-color: transparent;
    max-width: unset;
}
.person-container h2{
    color: var(--yellow);
}

.person-container{
    display: flex;
    flex-direction: row;
    justify-content:stretch;
    align-items: flex-start;
    padding-bottom: 2rem;
    min-height: 70dvh;
}
.personal-text{
    color: white;
}
.person-img{
   width: 100%;
   border: white solid 2px;
   border-radius:  0 0  25vw 25vw ;
   z-index: 1;
   scale: 0.98;
   transform: translateY(30px);
   min-height: 400px;
   object-fit: cover;
}
.person-slider #besetzung-container-padding{
    background-color: transparent;
    padding-bottom: 50px;  
}
#regie-slider1 > .elementor-widget-container {
    background-color: transparent;
    padding-bottom: 50px;
}

.person-right{
    z-index: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 32px;
    flex-grow: 1;
}
.person-left{
    width: 50%;
}
.person-left a{
    color: var(--yellow);
}
.person-right a{
    color: var(--yellow);
}
@media(max-width: 1023px){
    .person-container{
        flex-direction: column-reverse;
    }
    .img-container{
        max-height: 50vh;
    }
    .person-img{
        border-radius: 0 0 50vw 50vw;
    }
    .person-left{
        width: 100%;
    }
    .person-right{
        align-items: flex-start;
        color: rgba(255, 255, 255, 0.802);
        padding: 32px 32px 0;
        padding-top: 0;
    }
    
    .img-text{
    
    font-size: 14px;
    color: var(--yellow);
    font-weight: bold;
    text-align: left;
    margin-left: -32px;
    padding-top: 60px;
}
}

@media(max-width:403px){

    .person-img{    
        transform: translateY(20px);
       
    }
}