.wp-block-columns.immomakler-property-grid {
display: grid;
grid-template-columns: repeat(var(--immomakler-property-grid-columns, 3), minmax(0, 1fr));
gap: 2em;
align-items: start;
margin-bottom: 1.75em;
}
.immomakler-property-grid--cols-1 {
--immomakler-property-grid-columns: 1;
}
.immomakler-property-grid--cols-2 {
--immomakler-property-grid-columns: 2;
}
.immomakler-property-grid--cols-3 {
--immomakler-property-grid-columns: 3;
}
.immomakler-property-grid > .wp-block-column {
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
} @media (max-width: 1024px) {
.immomakler-property-grid--cols-3 {
--immomakler-property-grid-columns: 2;
} .immomakler-property-grid--centered {
--immomakler-property-grid-columns: 1;
}
.immomakler-property-grid--centered > .wp-block-column:empty {
display: none;
}
} @media (max-width: 781px) {
.wp-block-columns.immomakler-property-grid {
--immomakler-property-grid-columns: 1;
}
.immomakler-property-grid > .wp-block-column:empty {
display: none;
}
} .immomakler-property-grid .uagb-infobox__content-wrap {
position: relative;
box-sizing: border-box;
width: 100%;
word-break: break-word;
z-index: 1;
}
.immomakler-property-grid .uagb-infobox-icon-above-title.uagb-infobox__content-wrap {
display: block;
width: 100%;
text-align: center;
}
.immomakler-property-grid .uagb-ifb-content {
display: inline-block;
width: 100%;
} .immomakler-property-grid .uagb-ifb-image-content {
line-height: 0;
margin-block-end: var(--immomakler-property-grid-image-gap, 10px);
} .immomakler-property-grid__image-link {
display: block;
box-shadow: none;
text-decoration: none;
}
.immomakler-property-grid .uagb-ifb-image-content img {
position: relative;
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
box-sizing: border-box;
}
.immomakler-property-grid .uagb-ifb-title-wrap {
width: 100%;
}
.immomakler-property-grid .uagb-ifb-title {
margin-block-start: 0;
margin-block-end: 10px;
}
.immomakler-property-grid .uagb-ifb-desc {
margin-block-end: 20px;
}
.immomakler-property-grid .uagb-ifb-content p:empty {
display: none;
}
.immomakler-property-grid .uagb-ifb-button-wrapper {
line-height: 1;
}
.immomakler-property-grid .uagb-ifb-button-wrapper:empty {
display: none;
}
.immomakler-property-grid .uagb-infobox-cta-link {
display: inline-flex;
align-items: center;
cursor: pointer;
text-decoration: none;
box-shadow: none;
}
.immomakler-property-grid .uagb-infobox-cta-link > svg {
width: 15px;
height: 15px;
font-size: 15px;
margin-inline-start: 5px;
vertical-align: middle;
fill: currentColor;
}