:root {
    --bha-col-width-mob: calc((100vw - 60px - var(--scrollbar-width)) /17);
}


/* A3 CONTENT */

.mobile #a3-content {
    margin: 30px;
}

.mobile #a3-content .wp-block-columns {
    /*display: block;*/
}

@media (min-width: 600px) and (max-width: 781px) {
    .single-projekt .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        flex-basis: unset !important;
        flex-grow: 1;
    }
}

@media (min-width: 782px) {
    .single-projekt .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: unset;
        flex-grow: 1;
    }
}

.single-projekt.tablet .is-style-3-cols-set .wp-block-columns {
    flex-wrap: unset;
    flex-flow: row wrap;
}

.single-projekt.tablet .is-style-3-cols-set .wp-block-column:first-child {
    /*flex-basis: calc((50vw - 91px - var(--scrollbar-width)) );*/
    flex-basis: calc( var(--bha-col-width) * 8);
    padding-right: var(--bha-col-width);
}

.single-projekt.tablet .is-style-3-cols-set .wp-block-column:nth-child(2) {
    /*flex-basis: calc((50vw - 91px - var(--scrollbar-width)) );*/
    flex-basis: calc( var(--bha-col-width) * 8);
    padding-right: 0 !important;
}

.single-projekt.tablet .is-style-3-cols-set .wp-block-column:nth-child(3) {
    flex: 0 0 100%;
    padding-left: 0 !important;
    padding-top: 90px !important;
    padding-bottom: 45px;
}


/* TYP B */

.mobile .wp-block-columns.gallery-typ-b {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: -30px !important;
    margin-right: -30px !important;
    text-align: left;
}

.mobile .wp-block-columns.gallery-typ-b .wp-block-image {
    width: calc(100vw - 60px - var(--scrollbar-width));
    height: calc(100vw - 60px - var(--scrollbar-width));
    text-align: center;
    margin: 0;
    display: inline-block;
}

.mobile .wp-block-columns.gallery-typ-b .aligner {
    width: calc((100vw - 60px - var(--scrollbar-width)));
    height: calc((100vw - 60px - var(--scrollbar-width)));
    position: relative;
}

.mobile .wp-block-columns.gallery-typ-b .wp-block-column {
    height: calc((100vw - 60px - var(--scrollbar-width)));
    width: calc((100vw - 60px - var(--scrollbar-width)));
    margin: 30px;
}

.mobile .wpcs {
    display: none;
}

.mobile .wp-block-columns.gallery-typ-b.bha-gallery-typ-b .wp-block-column:first-child {
    padding-bottom: 0px;
}

.mobile .wp-block-columns.gallery-typ-b .b2 .aligner {
    margin: 0;
}

.mobile #a3-content .is-style-3-cols-set .wp-block-column:nth-child(3) {
    width: calc((100vw - 60px));
    padding-left: 0;
    margin-bottom: 25px;
}


/* TYP C */

.mobile .wp-block-image.gallery-typ-c {
    margin-top: 25px !important;
}


/* TYP D E */

.mobile .wp-block-columns.gallery-typ-d {
    /*height: calc(100vw * 4 / 3);*/
    height: auto;
    margin-left: -30px !important;
    margin-right: -30px !important;
    margin-top: 25px;
    display: inline-block;
}

.mobile .wp-block-columns.gallery-typ-d .wp-block-column {
    min-width: calc((100vw - var(--scrollbar-width)) 4/3) !important;
    height: calc((100vw - var(--scrollbar-width)) 4/3) !important;
}

.mobile .wp-block-columns.gallery-typ-d .wp-block-image.ve img,
.wp-block-columns.gallery-typ-e .wp-block-image.ve img {
    position: relative;
    height: 100%;
    width: 100%;
}

.mobile .wp-block-columns.gallery-typ-d .img-typ-e {
    max-width: calc((100vw - 60px - var(--scrollbar-width)));
    margin-right: 30px !important;
    margin-left: 30px !important;
    margin-top: 90px !important;
}

.tablet .wp-block-columns.gallery-typ-d {
    display: flex;
    flex-wrap: nowrap;
}


/* TYP F */

.mobile .wp-block-columns.gallery-typ-f {
    width: calc(100vw - 60px - var(--scrollbar-width));
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}

.mobile .wp-block-columns.gallery-typ-f .wp-block-column {
    margin-bottom: 65px !important;
    margin-top: 25px;
    width: calc(100vw - 60px - var(--scrollbar-width));
    height: calc(100vw - 60px - var(--scrollbar-width));
}


/* TYP G */

.mobile .wp-block-columns.gallery-typ-g {
    background-color: white;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 65px !important;
    width: 100%;
}

.mobile .wp-block-columns.gallery-typ-g .wp-block-image {
    width: calc(100vw - 60px - var(--scrollbar-width)) !important;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    height: calc(100vw - 60px - var(--scrollbar-width)) !important;
    position: relative;
}

.mobile .wp-block-columns.gallery-typ-g .border-typ-g {
    height: calc(100vw - 60px - var(--scrollbar-width)) !important;
    width: calc(100vw - 60px - var(--scrollbar-width)) !important;
    position: relative;
}

.mobile .wp-block-columns.gallery-typ-g .wp-block-column {
    height: 100%;
    width: 100%;
}

.mobile .wp-block-columns.gallery-typ-g .wp-block-column:first-child {
    margin-bottom: 60px;
}


/***** t4 */


/*
.tablet .wp-block-columns.gallery-typ-s.t4,
.desktop .wp-block-columns.gallery-typ-s.t4 {
display: grid;
grid-template-columns: 17.65% 11.76% 5.88% 11.76% 5.88% 11.76% 5.88% 11.76% 5.88% 17.65%;
row-gap: 90px;
}
*/

.mobile .wp-block-columns.gallery-typ-s.t4 {
    display: grid;
    /*    grid-template-columns: 11.76% 17.65% 11.76% 17.65% 11.76% 17.65% 11.76%;*/
    grid-template-columns: 0 37.5% 25% 37.5% 0;
    row-gap: 90px;
}

.mobile .wp-block-columns.gallery-typ-s.t4 .r5 {
    display: block;
}


/***** t6 */

.tablet .wp-block-columns.gallery-typ-s.t6,
.desktop .wp-block-columns.gallery-typ-s.t6 {
    display: grid;
    grid-template-columns: 11.76% 17.65% 11.76% 17.65% 11.76% 17.65% 11.76%;
    row-gap: 90px;
}

.mobile .wp-block-columns.gallery-typ-s.t6 {
    display: grid;
    /*    grid-template-columns: 11.76% 17.65% 11.76% 17.65% 11.76% 17.65% 11.76%;*/
    grid-template-columns: 0 37.5% 25% 37.5%;
    row-gap: 90px;
}

.mobile .wp-block-columns.gallery-typ-s.t6 .wp-block-column.r7 {
    display: none;
}


/* TEXT-BLOCK */

.mobile #a3-content .wp-block-columns.is-style-3-cols-set {
    display: inline-block;
}

.mobile #a3-content .is-style-3-cols-set .wp-block-column {
    max-width: unset;
}

.tablet #a3-content .wp-block-columns.is-style-3-cols-set {
    flex-wrap: wrap !important;
}

.tablet #a3-content .is-style-3-cols-set .wp-block-column {
    max-width: calc((100vw - 90px) * 8/17);
}

.tablet #a3-content .is-style-3-cols-set .wp-block-column {
    max-width: 100vw;
}