.table {
    display: table;
    width: 100%;

}

.table-row {
    /*display: table-row;*/
    width: auto;
    clear: both;
    margin: 3px 0px;
}

.table-col {
    float: left;
    display: table-column;
    width: 50%;
    line-height:1.4rem;


}

.name-col {
    font-weight:400;

}





.blogimages._imagebar-wrapper {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:2rem;
    gap:var(--grid-spacing);
}

.blogimages ._imagebar-item-wrapper {
    position: relative;
    display:inline-block;
    max-width: unset;
    /*flex-grow: 1;*/
    /*width:min-content;*/
}


._imagebar-item-wrapper {

    max-width: unset;
    flex-grow: 0;
}

@media (max-width:320px) {
    .blogimages ._imagebar-item-wrapper {
        flex-basis: 100%;
    }
}

@media (min-width: 321px) and (max-width:768px) {
    .blogimages ._imagebar-item-wrapper {
        flex-basis: calc((100% / 2) - var(--grid-spacing));
    }
}

@media (min-width: 769px) and (max-width:1024px) {
    .blogimages ._imagebar-item-wrapper {

        flex-basis: calc((100% / 3) -  var(--grid-spacing));
    }
}

@media (min-width: 1024px) {
    .blogimages ._imagebar-item-wrapper {

        flex-basis: calc((100% / 4) - var(--grid-spacing));
    }
}

.blogimages ._imagebar-item {
    margin-right:var(--grid-spacing);
}

.blogimages ._imagebar-item img {
    width: 100%;
    border-radius:var(--borderradius);
    border:0px solid transparent;
}




.flex-container {

    display: flex;

    justify-content: center;
    align-items: center;
    /* flex-flow: wrap; */
    flex-wrap: wrap;
    align-content: center;


    height: 100%;
    padding: 15px;
    gap: 5px;

}

.flex-container > div{


    border-radius: 5px;
    padding: 8px;
}


.item {
    /* flex:1 1 auto; */
    flex-grow:1;
    max-width:30%
}

.item img{
    width:100%
}

.customerlink{
    text-decoration:underline !important;
    color:var(--textcolor) !important;
}




/* Stellt den Container des Videos responsiv ein */
.responsiveyt {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px;
    height: 0;
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.responsiveyt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}