.images__wrapper_outer {
	max-width: var(--module-wrapper-width);
	height: auto;
	/* padding: 20px 0; */
	margin: 45px auto;
}

.images__wrapper_outer *,
.images__wrapper_outer *::after,
.images__wrapper_outer *::before {
	margin: 0;
	padding: 0;
	box-sizing: inherit;
}

.images__wrapper_outer .images__intro {
	margin: 30px 0;
}
.images__wrapper_outer .images__intro h2 {
	font-family: var(--default-font-medium);
	/* font-size: var(--section-header-size); */
	font-size: var(--font-size-header-minor);
	margin: var(--section-header-margin);
}

.images__wrapper_outer .images__intro p {
	/* font-size: var(--section-intro-size); */
	font-size: var(--font-size-text);
	line-height: var(--lineheight-text);
	width: 50%;
}

/* OVERLAY */
.images__overlay {
	position: fixed;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #202020df;
	z-index: var(--image-overlay-z-index);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.overlay-hidden {
	display: none;
}
.overlay__image_wrapper {
	height: 90%;
	max-width: 98%;
	position: relative;
}
.overlay__image_wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* IMAGES GENERAL */

.images__item {
	display: flex;
	align-items: flex-end !important;
	justify-content: end;
	padding: 12px;
}
.images__item:hover .expand-button {
	visibility: visible;
}
.images__item:hover .images__description {
	display: flex !important;
}

.images__description {
	background-color: var(--light);
	padding: 10px 10px 12px;
	width: 100%;
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between;
	align-items: center;
	display: none !important;
	font-size: 0.75rem;
}

.images__description .images__description_text {
	width: 80%;
}

/* SINGLE IMAGES */

.images__singleimages__wrapper_outer {
	display: flex;
	flex-direction: row;
}

.images__singleitem_wrapper {
	display: flex;
	flex-direction: column;
	flex: 1 1 0px;
	margin: 7px;
}

.images__item.single__img {
	height: 280px;
	object-fit: contain;
}
.images__item.single__img.singleitem-1 {
	height: 380px;
}
.images__item.single__img.singleitem-2 {
	height: 340px;
}

.images__single__image_description {
	padding: 12px 0;
	font-size: 0.75rem;
	line-height: 1.15rem;
}

/* BUTTONS */

.expand-button {
	height: 33px;
	width: 33px;
	border-radius: 50%;
	background-color: var(--light);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none"><path d="M7 17H10C10.2833 17 10.5208 17.0958 10.7125 17.2875C10.9042 17.4792 11 17.7167 11 18C11 18.2833 10.9042 18.5208 10.7125 18.7125C10.5208 18.9042 10.2833 19 10 19H6C5.71667 19 5.47917 18.9042 5.2875 18.7125C5.09583 18.5208 5 18.2833 5 18V14C5 13.7167 5.09583 13.4792 5.2875 13.2875C5.47917 13.0958 5.71667 13 6 13C6.28333 13 6.52083 13.0958 6.7125 13.2875C6.90417 13.4792 7 13.7167 7 14V17ZM17 7H14C13.7167 7 13.4792 6.90417 13.2875 6.7125C13.0958 6.52083 13 6.28333 13 6C13 5.71667 13.0958 5.47917 13.2875 5.2875C13.4792 5.09583 13.7167 5 14 5H18C18.2833 5 18.5208 5.09583 18.7125 5.2875C18.9042 5.47917 19 5.71667 19 6V10C19 10.2833 18.9042 10.5208 18.7125 10.7125C18.5208 10.9042 18.2833 11 18 11C17.7167 11 17.4792 10.9042 17.2875 10.7125C17.0958 10.5208 17 10.2833 17 10V7Z" fill="black"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	visibility: hidden;
}
.close-button {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background-color: #ffffffc6;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 13.05L6.74998 18.3C6.59998 18.45 6.42498 18.525 6.22498 18.525C6.02498 18.525 5.84998 18.45 5.69998 18.3C5.54998 18.15 5.47498 17.975 5.47498 17.775C5.47498 17.575 5.54998 17.4 5.69998 17.25L10.95 12L5.69998 6.75C5.54998 6.6 5.47498 6.425 5.47498 6.225C5.47498 6.025 5.54998 5.85 5.69998 5.7C5.84998 5.55 6.02498 5.475 6.22498 5.475C6.42498 5.475 6.59998 5.55 6.74998 5.7L12 10.95L17.25 5.7C17.4 5.55 17.575 5.475 17.775 5.475C17.975 5.475 18.15 5.55 18.3 5.7C18.45 5.85 18.525 6.025 18.525 6.225C18.525 6.425 18.45 6.6 18.3 6.75L13.05 12L18.3 17.25C18.45 17.4 18.525 17.575 18.525 17.775C18.525 17.975 18.45 18.15 18.3 18.3C18.15 18.45 17.975 18.525 17.775 18.525C17.575 18.525 17.4 18.45 17.25 18.3L12 13.05Z" fill="%23202020"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	position: absolute;
	top: 18px;
	right: 18px;
}
.expand-simple {
	box-shadow: 1px 6px 12px 1px #20202016;
	margin: 5px;
}
.expand-outlined {
	border: 1px solid var(--dark);
}

/* GALLERY */

.gallery-type-1 {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-template-rows: repeat(8, 5vw);
	grid-gap: 1.2rem;
}

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

.gallery-type-1 .gallery__item--1 {
	grid-column: 1 / span 6;
	grid-row: 1 / span 6;
}

.gallery-type-1 .gallery__item--2 {
	grid-column: 7 / span 4;
	grid-row: 1 / span 4;
}

.gallery-type-1 .gallery__item--3 {
	grid-column: 7 / span 4;
	grid-row: 5 / span 4;
}

.gallery-type-1 .gallery__item--4 {
	grid-column: 1 / span 2;
	grid-row: 7 / span 2;
}

.gallery-type-1 .gallery__item--5 {
	grid-column: 3 / span 2;
	grid-row: 7 / span 2;
}

.gallery-type-1 .gallery__item--6 {
	grid-column: 5 / span 2;
	grid-row: 7 / span 2;
}

/* gallery expanded */

.gallery-type-2 {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	grid-template-rows: repeat(20, 5vw);
	grid-gap: 1.2rem;
}

.gallery-type-2 .gallery__item--1 {
	grid-column: 1 / span 6;
	grid-row: 1 / span 6;
}

.gallery-type-2 .gallery__item--2 {
	grid-column: 7 / span 4;
	grid-row: 1 / span 4;
}

.gallery-type-2 .gallery__item--3 {
	grid-column: 7 / span 4;
	grid-row: 5 / span 4;
}

.gallery-type-2 .gallery__item--4 {
	grid-column: 1 / span 2;
	grid-row: 7 / span 2;
}

.gallery-type-2 .gallery__item--5 {
	grid-column: 3 / span 2;
	grid-row: 7 / span 2;
}

.gallery-type-2 .gallery__item--6 {
	grid-column: 5 / span 2;
	grid-row: 7 / span 2;
}

.gallery-type-2 .gallery__item--7 {
	grid-column: 1 / span 2;
	grid-row: 9 / span 2;
}
.gallery-type-2 .gallery__item--8 {
	grid-column: 3 / span 4;
	grid-row: 9 / span 4;
}
.gallery-type-2 .gallery__item--9 {
	grid-column: 7 / span 2;
	grid-row: 9 / span 2;
}
.gallery-type-2 .gallery__item--10 {
	grid-column: 9 / span 2;
	grid-row: 9 / span 2;
}

.gallery-type-2 .gallery__item--11 {
	grid-column: 1 / span 2;
	grid-row: 11 / span 2;
}
.gallery-type-2 .gallery__item--12 {
	grid-column: 7 / span 4;
	grid-row: 11 / span 4;
}

.gallery-type-2 .gallery__item--13 {
	grid-column: 1 / span 2;
	grid-row: 13 / span 2;
}
.gallery-type-2 .gallery__item--14 {
	grid-column: 3 / span 2;
	grid-row: 13 / span 2;
}
.gallery-type-2 .gallery__item--15 {
	grid-column: 5 / span 2;
	grid-row: 13 / span 2;
}

.gallery-type-2 .gallery__item--16 {
	grid-column: 1 / span 2;
	grid-row: 15 / span 2;
}
.gallery-type-2 .gallery__item--17 {
	grid-column: 3 / span 2;
	grid-row: 15 / span 2;
}
.gallery-type-2 .gallery__item--18 {
	grid-column: 5 / span 6;
	grid-row: 15 / span 6;
}
.gallery-type-2 .gallery__item--19 {
	grid-column: 1 / span 4;
	grid-row: 17 / span 4;
}

/* simple gallery */

.gallery-type-3 {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(9, 5vw);
	grid-gap: 1.2rem;
}
.gallery-type-3 .gallery__item--1 {
	grid-column: 1 / span 3;
	grid-row: 1 / span 3;
}

.gallery-type-3 .gallery__item--2 {
	grid-column: 4 / span 3;
	grid-row: 1 / span 3;
}

.gallery-type-3 .gallery__item--3 {
	grid-column: 7 / span 3;
	grid-row: 1 / span 3;
}

.gallery-type-3 .gallery__item--4 {
	grid-column: 1 / span 3;
	grid-row: 4 / span 3;
}

.gallery-type-3 .gallery__item--5 {
	grid-column: 4 / span 3;
	grid-row: 4 / span 3;
}

.gallery-type-3 .gallery__item--6 {
	grid-column: 7 / span 3;
	grid-row: 4 / span 3;
}

.gallery-type-3 .gallery__item--7 {
	grid-column: 1 / span 3;
	grid-row: 7 / span 3;
}

.gallery-type-3 .gallery__item--8 {
	grid-column: 4 / span 3;
	grid-row: 7 / span 3;
}

.gallery-type-3 .gallery__item--9 {
	grid-column: 7 / span 3;
	grid-row: 7 / span 3;
}

@media screen and (max-width: 768px) {
	.images__wrapper_outer {
		padding: 40px 0;
		margin: 40px auto;
	}
	.gallery-type-1,
	.gallery-type-2,
	.gallery-type-3 {
		display: flex;
		flex-direction: column;
	}
	.images__item {
		height: 250px;
	}
	.images__overlay {
		background-color: #151515f0;
	}

	.overlay__image_wrapper {
		height: 100%;
		display: flex;
		align-items: center;
	}

	.overlay__image_wrapper img {
		width: 100%;
		height: auto;
	}

	.images__singleimages__wrapper_outer {
		flex-direction: column;
	}
	.images__item.single__img,
	.images__item.single__img.singleitem-1,
	.images__item.single__img.singleitem-2 {
		height: 300px;
	}
}