/**
 * Image Block Styles
 */

.gridwrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 250px);
    gap: 15px;
}

.teamitem {
    overflow: hidden;
}

.teamitem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Bild 1: großes Bild links oben */
.teamitem:nth-child(1) {
    grid-column: 1 / 5;
    grid-row: 1 / 3;
}

/* Bild 2: oben Mitte */
.teamitem:nth-child(2) {
    grid-column: 5 / 9;
    grid-row: 1 / 1;
}

/* Bild 3: rechts oben groß */
.teamitem:nth-child(3) {
    grid-column: 5 / 9;
    grid-row: 3 / 2;
}

/* Bild 4: Mitte unten */
.teamitem:nth-child(4) {
    grid-column: 9 / 13;
    grid-row: 1 / 3;
}

/* Bild 5: links unten breit */
.teamitem:nth-child(5) {
    grid-column: 1 / 6;
    grid-row: 3 / 3;
}

/* Bild 6: unten Mitte */
.teamitem:nth-child(6) {
    grid-column: 6 / 8;
    grid-row: 3 / 3;
}

/* Bild 7: unten rechts breit */
.teamitem:nth-child(7) {
    grid-column: 8 / 13;
    grid-row: 3 / 3;
}


.image-block-app .imagewrapper{
    position:relative;
}
.image-block-app .imagewrapper .content{
    position:absolute;
    top:0;
    bottom:0;
    left:50px;
    right:50px;
    align-content:center;
}
.image-block-app .imagewrapper .content .headerbox .headline{
    margin-bottom:15px;
    margin-top:15px;
}
.image-block-app .imagewrapper .content .buttonwrapper{
    height:100%;
    align-content:end;
}
.image-block-app .imagewrapper .content .buttonwrapper .link-list{
    flex-direction:row;
}
.image-block-app .imagewrapper .content .buttonwrapper .link-list .link-list-item{
    margin:0;
    padding:0;
}
.image-block-app .imagewrapper .content .buttonwrapper .link-list .link-list-item:after{
    display:none;
}
.image-block-app .imagewrapper .content .buttonwrapper .link-list .link-list-item .btn{
    padding:0;
}
.image-block-app .imagewrapper .content .buttonwrapper .link-list .link-list-item .btn:hover img{
    transform:scale(1.05);
    transition:all .3s ease;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .gridwrapper {
        grid-template-rows: repeat(3, 150px);
    }
    .image-block-app .imagewrapper{
        height:250px;
    }
    .image-block-app .imagewrapper img{
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: right;
    }
    .image-block-app .imagewrapper .content{
        left:15px;
        right:15px;
    }
    .image-block-app .imagewrapper .content .headerbox{
        width:70%;
    }
}

@media (max-width: 767px) {

    .image-block-app .imagewrapper{
        height:auto;
    }
    .image-block-app .imagewrapper .content{
        position:unset;
        padding-top:25px;;
    }
    .image-block-app .imagewrapper .content .headerbox{
        width:100%;
    }

}

@media (max-width: 991px) {
    .gridwrapper {
        grid-template-rows: repeat(4, 100px);
    }
    .teamitem:nth-child(5) {
        grid-column: 1 / 7;
        grid-row: 4 / 4;
    }
    .teamitem:nth-child(6) {
        grid-column: 1 / 13;
        grid-row: 3 / 3;
    }
    .teamitem:nth-child(7) {
        grid-column: 7 / 13;
        grid-row: 4 / 4;
    }
}