.masken_wrapper{
position:relative;
width:100%;
height:100vh;
}
.container_text{
font-family: 'Open Sans',sans-serif;
 padding: 10px 0;
 text-align: left;
}
.container_text p{
margin-bottom: 0;
}
.container_text p:nth-child(2){
font-weight: bold;
}

.container_text p.info {
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 0;
color: rgba(225,225,225, .4);
}

.masken_container{
width: 960px;
display: flex;
justify-content: space-between;
margin: 140px auto 20px auto;
}
.container_ohne{
width: 100%;
background: #000;
box-shadow: 0 2px 4px #0003;
padding: 0 100px;
color: #fff;
font-weight: bold;
}
.scroll::-webkit-scrollbar {
width: 2px;
}

.scroll::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #fff;
}

.preview_box_wrapper{
width: 100%;
height: 100vh;
position: absolute;
top: -180px;
left: 0;
background: rgba(0,0,0,0.4);
display: none;
z-index:9999;
}
body .preview_box_wrapper.is-active{
overflow-y:hidden;
height:100vh;
}
.preview_box_wrapper.is-active{
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
cursor: pointer;
}
.preview_box{
position: fixed;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width: 670px;
height: 820px;
background: #000;
border-radius: 5px;
box-shadow: 0 2px 4px #0003;
overflow-y: auto;
overflow-x: hidden;
z-index: 999;  
padding: 0;

}
.preview_box .close_btn{
display: flex;
justify-content: flex-start;
padding: 16px 20px;
cursor: pointer;
color: #fff;
font-size: 18px;
font-weight: bold;
position: fixed;
}
.preview_box .details{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
padding:30px 12px;
}

.image_box .title{
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 12px 33px;
font-family: 'Open Sans',sans-serif;
display: flex;
justify-content: space-between;
width: 100%;
}
.preview_box .image_box{
display: flex;
width: 90%;
justify-content: center;
align-items: center;
flex-direction: column;
}
.preview_box .image_box img{
    width: 90%;
    height: 100%;
    display: block;
object-fit: cover;
}
.preview_box .slide{
position: absolute;
top: 50%;
cursor: pointer;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
z-index: 999;
}

.neu_gallery{
/*display: flex;
flex-wrap: wrap;
width: 100%;*/
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
background: #000;
}
.neu_gallery .image{
/*width: calc(100% / 4);*/
cursor: pointer;
}

.neu_gallery .image.pink{
grid-column: span 2;
}
/* nur Galerie-Kacheln – nicht Bilder mit Bildunterschrift in Beiträgen (figure.image) */
.neu_gallery .image img{
width: 100%;
height: 100%;
object-fit: cover;
}