.immomakler-gallery--static_grid { --immomakler-gallery-grid-columns: 2;
--immomakler-gallery-grid-tile-aspect: 4 / 3; --immomakler-gallery-grid-min-tile: 200px; --immomakler-gallery-grid-gap: 16px; --immomakler-gallery-grid-tile-background: #fff;
--immomakler-gallery-grid-tile-border-color: rgba(0, 0, 0, 0.1);
--immomakler-gallery-grid-caption-color: inherit;
width: 100%;
max-width: 100%;
}
.immomakler-gallery--static_grid .immomakler-gallery__grid {
display: grid; --immomakler-gallery-grid-even-split: calc((100% - (var(--immomakler-gallery-grid-columns) - 1) * var(--immomakler-gallery-grid-gap)) / var(--immomakler-gallery-grid-columns));
--immomakler-gallery-grid-column-min: min(100%, max(var(--immomakler-gallery-grid-min-tile), var(--immomakler-gallery-grid-even-split)));
grid-template-columns: repeat(auto-fit, minmax(var(--immomakler-gallery-grid-column-min), 1fr));
gap: var(--immomakler-gallery-grid-gap);
margin: 0;
padding: 0;
list-style: none;
}
.immomakler-gallery--static_grid .immomakler-gallery__grid-item {
margin: 0;
padding: 0;
min-width: 0;
}
.immomakler-gallery--static_grid .immomakler-gallery__tile {
margin: 0;
padding: 0;
}
.immomakler-gallery--static_grid .immomakler-gallery__tile-link {
display: block;
width: 100%;
aspect-ratio: var(--immomakler-gallery-grid-tile-aspect);
overflow: hidden;
box-sizing: border-box;
border-radius: var(--immomakler-gallery-border-radius, 0);
cursor: zoom-in;
color: inherit;
text-decoration: none;
}
.immomakler-gallery--static_grid .immomakler-gallery__tile-link:focus-visible {
outline: 2px solid var(--immomakler-gallery-primary-color, #af1615);
outline-offset: 2px;
} .immomakler-gallery--static_grid .immomakler-gallery__tile-link .immomakler-gallery__image,
.immomakler-gallery--static_grid .immomakler-gallery__tile-link picture > img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; transition: transform 200ms linear, filter 200ms linear;
transform-origin: center;
}
.immomakler-gallery.immomakler-gallery--fit-contain .immomakler-gallery__tile-link {
border: 1px solid var(--immomakler-gallery-grid-tile-border-color);
background: var(--immomakler-gallery-grid-tile-background);
}
.immomakler-gallery.immomakler-gallery--fit-contain .immomakler-gallery__tile-link .immomakler-gallery__image,
.immomakler-gallery.immomakler-gallery--fit-contain .immomakler-gallery__tile-link picture > img {
object-fit: contain;
}
.immomakler-gallery--hover-zoom-in.immomakler-gallery--static_grid .immomakler-gallery__tile-link:hover .immomakler-gallery__image,
.immomakler-gallery--hover-zoom-in.immomakler-gallery--static_grid .immomakler-gallery__tile-link:focus-visible .immomakler-gallery__image {
transform: scale(1.03);
}
.immomakler-gallery--hover-brighten.immomakler-gallery--static_grid .immomakler-gallery__tile-link:hover .immomakler-gallery__image,
.immomakler-gallery--hover-brighten.immomakler-gallery--static_grid .immomakler-gallery__tile-link:focus-visible .immomakler-gallery__image {
filter: brightness(1.08);
}
.immomakler-gallery--static_grid .immomakler-gallery__tile-caption {
margin: 0.5em 0 0;
padding: 0;
font-size: 0.9em;
line-height: 1.3;
text-align: center;
color: var(--immomakler-gallery-grid-caption-color);
} .immomakler-gallery.immomakler-gallery--no-lightbox.immomakler-gallery--static_grid .immomakler-gallery__tile-link {
cursor: default;
}
.immomakler-gallery.immomakler-gallery--linked.immomakler-gallery--static_grid .immomakler-gallery__tile-link {
cursor: pointer;
}