/* ========================================================================== */
/*                               !!!IMPORTANT!!!                              */
/* ----------- the variables: --transition-speed and --column-gap ----------- */
/* ------------------- are being generated from acf-fields ------------------ */
/* --- only the variable --column-gap needs changing from the frontend-dev -- */
/* ------------------ the acf-field is called space_between ----------------- */
/* ========================================================================== */
/* ========================================================================== */
/*                            YOU CAN TOUCH THIS                              */
/* ========================================================================== */
/* -------------------------------- variables ------------------------------- */
:root {
	/* ---------------- sets the height of the section and images --------------- */
	--section-height: 35.9rem;
	/* ----------- each image has a dark overlay so the text readable ----------- */
	--image-shadow: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
	/* ---------- if the preview text is below, change the spacing here --------- */
	--spacing-title-below: .5rem;
	/* ---------- if the preview text is above, change the spacing here --------- */
	--spacing-title-above: .5rem;
}
@media only screen and (max-width: 767px) {
	:root {
		--section-height: 20rem;
		--spacing-title-below: .5rem;
		--spacing-title-above: .5rem;
	}
}
/* --------------------------------- general -------------------------------- */
#Wrapper .wso-section-animated-columns .section_wrapper {
	max-width: 100% !important;
}
#Wrapper .wso-section-animated-columns .column.one {
	margin: 0;
	width: 100%;
}
/* -------------------------------- col-text -------------------------------- */
/* --------------- change the col-text elements to your liking -------------- */
#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-title,
#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-subtitle,
#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-preview-title {
	color: var(--color-white) !important;
	text-align: center;
}
/* -------------------------------- col-title ------------------------------- */
#Wrapper #Content .wso-section-animated-columns .wso-flex-wrapper .wso-title {
	display: flex;
	flex-direction: column;
	color: var(--color-white) !important;
	font-family: var(--font-3-bold) !important;
	font-size: var(--h3-font-size) !important;
	line-height: var(--h3-line-height) !important;
	letter-spacing: var(--h3-letter-spacing) !important;
	font-weight: var(--h3-font-weight) !important;
	text-transform: var(--h3-text-transform) !important;
	margin-top: 1.44rem;
	align-items: center;
}
/* -------------------------------- col-subtitle ---------------------------- */
#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-subtitle {
	font-size: var(--h4-font-size) !important;
	line-height: var(--h4-line-height) !important;
	letter-spacing: var(--h4-letter-spacing) !important;
	font-weight: var(--h4-font-weight) !important;
}
/* -------------------------------- col-preview-title ----------------------- */
#Wrapper #Content .wso-section-animated-columns .wso-flex-wrapper .wso-preview-title {
	color: var(--color-white) !important;
	font-family: var(--font-3-bold) !important;
	font-size: var(--h3-font-size) !important;
	line-height: var(--h3-line-height) !important;
	letter-spacing: var(--h3-letter-spacing) !important;
	font-weight: var(--h3-font-weight) !important;
	text-transform: var(--h3-text-transform) !important;
	margin: 0;
}
/* ----------------- col-preview-title depending on position ---------------- */
#Wrapper .wso-section-animated-columns.wso-title-above-image .wso-flex-wrapper .wso-preview-title,
#Wrapper .wso-section-animated-columns.wso-title-below-image .wso-flex-wrapper .wso-preview-title {
	color: var(--color-1) !important;
}
/* ----------- this sets the opacity of the inactive preview texts ---------- */
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text) .wso-hover-title.wso-not-active-title,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-above-image .wso-hover-title.wso-not-active-title,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-below-image .wso-hover-title.wso-not-active-title {
	opacity: 0.5;
	transition: var(--transition-speed) ease-in;
}
/* ========================================================================== */
/*                         ONLY TOUCH THIS IF YOU MUST                        */
/* ========================================================================== */
/* ------------------------------- two columns ------------------------------ */
.wso-section-animated-columns .wso-two-columns .wso-col-title {
	width: calc(50% - var(--column-gap) / 2);
}
.wso-section-animated-columns .wso-two-columns > .wso-hover-title:first-child {
	left: 0;
}
.wso-section-animated-columns .wso-two-columns > .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title {
	left: calc(50% - var(--column-gap) / 2 + var(--column-gap));
}
/* ------------------------ text in animation wrapper ----------------------- */
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text, .wso-title-below-image, .wso-title-above-image, .wso-hide-hover-title).wso-two-columns .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col .wso-text-wrapper {
	left: calc(50% - var(--column-gap) / 2 + var(--column-gap));
}
/* ------------------------------ three columns ----------------------------- */
.wso-section-animated-columns .wso-three-columns .wso-col-title {
	width: calc(33.3333333333% - var(--column-gap) / 1.5);
}
.wso-section-animated-columns .wso-three-columns > .wso-hover-title:first-child {
	left: 0;
}
.wso-section-animated-columns .wso-three-columns > .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title {
	left: calc(33.3333333333% - var(--column-gap) / 1.5 + var(--column-gap));
}
.wso-section-animated-columns .wso-three-columns > .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
	left: calc((33.3333333333% - var(--column-gap) / 1.5) * 2 + var(--column-gap) * 2);
}
/* ------------------------ text in animation wrapper ----------------------- */
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text, .wso-title-below-image, .wso-title-above-image, .wso-hide-hover-title).wso-three-columns .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col .wso-text-wrapper {
	left: calc(33.3333333333% - var(--column-gap) / 1.5 + var(--column-gap));
}
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text, .wso-title-below-image, .wso-title-above-image, .wso-hide-hover-title).wso-three-columns .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col .wso-text-wrapper {
	left: calc((33.3333333333% - var(--column-gap) / 1.5) * 2 + var(--column-gap) * 2);
}
/* ------------------------------ four columns ------------------------------ */
.wso-section-animated-columns .wso-four-columns .wso-col-title {
	width: calc(25% - var(--column-gap) / 1.3333333333);
}
.wso-section-animated-columns .wso-four-columns > .wso-hover-title:first-child {
	left: 0;
}
.wso-section-animated-columns .wso-four-columns > .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title {
	left: calc(25% - var(--column-gap) / 1.3333333333 + var(--column-gap));
}
.wso-section-animated-columns .wso-four-columns > .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
	left: calc((25% - var(--column-gap) / 1.3333333333) * 2 + var(--column-gap) * 2);
}
.wso-section-animated-columns .wso-four-columns > .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
	left: calc((25% - var(--column-gap) / 1.3333333333) * 3 + var(--column-gap) * 3);
}
/* ------------------------ text in animation wrapper ----------------------- */
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text, .wso-title-below-image, .wso-title-above-image, .wso-hide-hover-title).wso-four-columns .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col .wso-text-wrapper {
	left: calc(25% - var(--column-gap) / 1.3333333333 + var(--column-gap));
}
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text, .wso-title-below-image, .wso-title-above-image, .wso-hide-hover-title).wso-four-columns .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col .wso-text-wrapper {
	left: calc((25% - var(--column-gap) / 1.3333333333) * 2 + var(--column-gap) * 2);
}
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-hide-unhovered-text, .wso-title-below-image, .wso-title-above-image, .wso-hide-hover-title).wso-four-columns .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col .wso-text-wrapper {
	left: calc((25% - var(--column-gap) / 1.3333333333) * 3 + var(--column-gap) * 3);
}
/* --------------------------------- Columns -------------------------------- */
/* ------------------------------- two columns ------------------------------ */
.wso-section-animated-columns .wso-flex-wrapper.wso-two-columns .wso-flex-col {
	width: calc(50% - var(--column-gap) / 2);
	display: grid;
}
/* ------------------------------ three columns ----------------------------- */
.wso-section-animated-columns .wso-flex-wrapper.wso-three-columns .wso-flex-col {
	width: calc(33.3333333333% - var(--column-gap) / 1.5);
}
/* ------------------------------ four columns ------------------------------ */
.wso-section-animated-columns .wso-flex-wrapper.wso-four-columns .wso-flex-col {
	width: calc(25% - var(--column-gap) / 1.3333333333);
}
/* --------------------------------- general -------------------------------- */
.wso-section-animated-columns .column_attr .wso-flex-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.wso-section-animated-columns .wso-col-title {
	position: relative;
	top: 0;
	display: flex;
	height: 100%;
	transition: var(--transition-speed) ease-in-out calc(var(--transition-speed));
	grid-area: 1/1/2/2;
	align-items: center;
	justify-content: flex-start;
	z-index: 9;
	flex-direction: column;
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col {
	transition: var(--transition-speed) ease-in-out;
}
/* --------------------------- hover title ---------------------------------- */
.wso-section-animated-columns .wso-flex-wrapper .wso-hover-title ~ .wso-flex-col .wso-text-wrapper {
	opacity: 1;
	transition: var(--transition-speed) ease-in-out calc(var(--transition-speed) / 2);
}
.wso-section-animated-columns .wso-flex-wrapper .wso-hover-title ~ .wso-flex-col.wso-active-hover .wso-text-wrapper {
	opacity: 1;
	transition: var(--transition-speed) ease-in-out calc(var(--transition-speed) / 2);
}
.wso-section-animated-columns .wso-flex-wrapper .wso-hover-title ~ .wso-flex-col .wso-text-wrapper svg {
	margin-top: -3rem;
	height: 7rem;
	transition: var(--transition-speed) ease-in-out;
}
.wso-section-animated-columns .wso-flex-wrapper .wso-hover-title ~ .wso-flex-col.wso-active-hover .wso-text-wrapper svg {
	margin-top: 0;
	transition: var(--transition-speed) ease-in-out;
}
#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-hover-title ~ .wso-flex-col .wso-text-wrapper .button {
	position: absolute;
	bottom: 4rem;
	--button-text-color: var(--color-white);
	--button-border-default: var(--color-white) 2px solid;
}
#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-hover-title ~ .wso-flex-col .wso-text-wrapper .button:hover {
	color: var(--vienna-primary) !important;
	background-color: var(--color-white) !important;
	--button-border-default: var(--color-white) 2px solid;
}
.wso-section-animated-columns .wso-flex-wrapper:not(.wso-title-above-image, .wso-title-below-image) .wso-hover-title.wso-active-title {
	z-index: -1;
	opacity: 0;
	transition: var(--transition-speed) ease-in-out;
}
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-hover-title .wso-hover-title {
	display: none !important;
}
/* ------------------------- hover title over image ------------------------- */
#Wrapper .wso-section-animated-columns.wso-title-above-image {
	margin-top: calc(var(--spacing-title-above) + 5rem) !important;
}
.wso-section-animated-columns .wso-flex-wrapper.wso-title-above-image .wso-hover-title {
	height: -moz-fit-content;
	height: fit-content;
	transform: translateY(calc(-100% - var(--spacing-title-above)));
}
/* -------------------------- hover title in image -------------------------- */
.wso-section-animated-columns .wso-flex-wrapper.wso-title-in-image:not(.wso-hide-hover-title) .wso-hover-title ~ .wso-flex-col {
	pointer-events: none;
}
.wso-section-animated-columns .wso-flex-wrapper.wso-title-in-image .wso-hover-title.wso-active-title ~ .wso-flex-col {
	pointer-events: all;
}
/* ------------------------- hover title below image ------------------------ */
#Wrapper .wso-section-animated-columns.wso-title-below-image {
	margin-bottom: calc(var(--spacing-title-below) + 5rem) !important;
}
.wso-section-animated-columns .wso-flex-wrapper.wso-title-below-image .wso-hover-title {
	top: unset;
	bottom: 0;
	height: -moz-fit-content;
	height: fit-content;
	transform: translateY(calc(100% + var(--spacing-title-below)));
}
/* -------------------------- center text on hover -------------------------- */
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-hover-title .wso-flex-col .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-below-image .wso-flex-col .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-above-image .wso-flex-col .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-unhovered-text .wso-flex-col .wso-text-wrapper {
	pointer-events: none;
	left: 50%;
	transform: translateX(-50%);
	transition: var(--transition-speed) ease-in-out !important;
}
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-hover-title .wso-flex-col.wso-active-hover .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-below-image .wso-flex-col.wso-active-hover .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-above-image .wso-flex-col.wso-active-hover .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-unhovered-text .wso-flex-col .wso-text-wrapper.wso-active-title {
	pointer-events: all;
	left: 50%;
	transform: translateX(-50%);
	transition: var(--transition-speed) ease-in-out calc(var(--transition-speed) / 2) !important;
}
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-hover-title .wso-flex-col.wso-active-hover .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-below-image .wso-flex-col.wso-active-hover .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-title-above-image .wso-flex-col.wso-active-hover .wso-text-wrapper,
.wso-section-animated-columns .wso-flex-wrapper.wso-hide-unhovered-text .wso-flex-col.wso-active-hover .wso-text-wrapper {
	width: 100%;
	transition: var(--transition-speed) ease-in-out !important;
}
@media only screen and (min-width: 768px) {
	.wso-section-animated-columns .wso-flex-wrapper.wso-hide-unhovered-text:not(.wso-title-above-image, .wso-title-below-image) .wso-hover-title.wso-not-active-title {
		opacity: 0 !important;
		pointer-events: none;
		transition: var(--transition-speed) ease-in-out !important;
	}
}
/* ---------------------------- animation wrapper --------------------------- */
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-animation-wrapper {
	height: var(--section-height);
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-animation-wrapper:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: var(--image-shadow);
	opacity: 1 !important;
	pointer-events: none !important;
	transition: calc(var(--transition-speed) / 2) linear;
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-animation-wrapper {
	position: relative;
	grid-area: 1/1/2/2;
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-image-wrapper,
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-video-wrapper,
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-video-thumbnail-wrapper,
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col img {
	height: 100% !important;
	width: 100%;
	-o-object-fit: cover !important;
	object-fit: cover !important;
	transition: var(--transition-speed) ease-in-out calc(var(--transition-speed) / 2);
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col img,
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col video {
	pointer-events: none;
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-video-wrapper video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
	-o-object-fit: cover;
	object-fit: cover;
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col.wso-active-hover .wso-video-wrapper .wso-video-thumbnail-wrapper {
	opacity: 0;
	pointer-events: none;
	transition: var(--transition-speed) ease-in-out calc(var(--transition-speed) / 2);
}
#Wrapper .wso-section-animated-columns .wso-col-link {
	display: flex;
	color: inherit !important;
	position: static;
	pointer-events: none !important;
	cursor: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#Wrapper .wso-section-animated-columns .wso-col-link:hover {
	text-decoration: unset !important;
}
/* -------------------------------- Animation ------------------------------- */
@media only screen and (min-width: 768px) {
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col.wso-active-hover {
		width: 100%;
		transition: var(--transition-speed) ease-in-out;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col.wso-active-hover img {
		-o-object-fit: cover !important;
		object-fit: cover !important;
		transition: var(--transition-speed) ease-in-out;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col.wso-not-active-hover {
		width: 0%;
		opacity: 0;
		transition: var(--transition-speed) ease-in-out;
	}
}
.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col.wso-active-hover .wso-animation-wrapper + .wso-text-wrapper {
	z-index: 1;
	opacity: 1;
	transition: calc(var(--transition-speed) * 1.5) ease-in-out var(--transition-speed);
}
#Wrapper .wso-section-animated-columns .wso-col-title .wso-col-link.wso-active-link {
	height: 100%;
	width: 100%;
	pointer-events: all !important;
	cursor: pointer;
	z-index: 99;
	transition: calc(var(--transition-speed) * 1.5) ease-in var(--transition-speed);
}
@media only screen and (max-width: 767px) {
	/* --------------------------------- general -------------------------------- */
	.wso-section-animated-columns .wso-col-title:not(.wso-hover-title) {
		display: flex;
		width: 100%;
		height: 100%;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col:not(:last-child) .wso-text-wrapper {
		height: calc(100% - var(--column-gap)) !important;
	}
	.wso-section-animated-columns .column_attr .wso-flex-wrapper {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col,
	.wso-section-animated-columns .wso-flex-wrapper .wso-hover-title {
		width: 100% !important;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col:not(:last-child) .wso-animation-wrapper {
		margin-bottom: var(--column-gap);
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-text-wrapper {
		z-index: -1;
		pointer-events: none;
		left: 50% !important;
		transform: translateX(-50%);
		transition: var(--transition-speed) ease-in-out !important;
	}
	/* ------------------------------- hover title ------------------------------ */
	.wso-section-animated-columns .wso-hover-title {
		height: -moz-fit-content !important;
		height: fit-content !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		bottom: unset !important;
	}
	/* ------------------------------- two columns ------------------------------ */
	/* ----------------------------- title above image -------------------------- */
	.wso-section-animated-columns .wso-two-columns.wso-title-above-image .wso-hover-title:first-child {
		top: 0 !important;
		transform: translate(-50%, calc(-100% - var(--spacing-title-above))) !important;
	}
	.wso-section-animated-columns .wso-two-columns.wso-title-above-image .wso-hover-title:first-child ~ .wso-hover-title {
		top: calc(var(--section-height) + var(--column-gap)) !important;
		transform: translate(-50%, calc(-100% - var(--spacing-title-above))) !important;
	}
	.wso-section-animated-columns .wso-title-above-image .wso-flex-col:not(:last-child) .wso-animation-wrapper {
		margin-bottom: calc(var(--column-gap) + var(--spacing-title-above));
	}
	/* ----------------------------- title in image ----------------------------- */
	.wso-section-animated-columns .wso-two-columns.wso-title-in-image .wso-hover-title:first-child {
		top: calc(var(--section-height) / 2) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-two-columns.wso-title-in-image .wso-hover-title:first-child ~ .wso-hover-title {
		top: calc((var(--section-height) * 2 + var(--column-gap)) / 1.25) !important;
		transform: translate(-50%, -100%) !important;
	}
	/* ------------------------------- title below ------------------------------ */
	.wso-section-animated-columns .wso-two-columns.wso-title-below-image .wso-hover-title:first-child {
		top: var(--section-height) !important;
		transform: translate(-50%, var(--spacing-title-below)) !important;
	}
	.wso-section-animated-columns .wso-two-columns.wso-title-below-image .wso-hover-title:first-child ~ .wso-hover-title {
		top: calc(var(--section-height) * 2 + var(--column-gap)) !important;
		transform: translate(-50%, var(--spacing-title-below)) !important;
	}
	.wso-section-animated-columns .wso-title-below-image .wso-flex-col:not(:last-child) .wso-animation-wrapper {
		margin-bottom: calc(var(--column-gap) + var(--spacing-title-below));
	}
	/* ------------------------------- four columns ---------------------------- */
	/* ----------------------------- title above image -------------------------- */
	.wso-section-animated-columns .wso-title-above-image .wso-hover-title:first-child {
		top: 0 !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-above-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title {
		top: calc(var(--section-height) + var(--column-gap) + var(--spacing-title-above)) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-above-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
		top: calc(var(--section-height) * 2 + var(--column-gap) * 2 + var(--spacing-title-above) * 2) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-above-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
		top: calc(var(--section-height) * 3 + var(--column-gap) * 3 + var(--spacing-title-above) * 3) !important;
		transform: translate(-50%, -50%) !important;
	}
	/* ----------------------------- title in image ----------------------------- */
	.wso-section-animated-columns .wso-title-in-image .wso-hover-title:first-child {
		top: calc(var(--section-height) / 2) !important;
	}
	.wso-section-animated-columns .wso-title-in-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title {
		top: calc((var(--section-height) * 2 + var(--column-gap)) / 1.25) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-in-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
		top: calc((var(--section-height) * 3 + var(--column-gap) * 2) / 1.1833) !important;
	}
	.wso-section-animated-columns .wso-title-in-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
		top: calc((var(--section-height) * 4 + var(--column-gap) * 3) / 1.125) !important;
	}
	/* ------------------------------- title below ------------------------------ */
	.wso-section-animated-columns .wso-title-below-image .wso-hover-title:first-child {
		top: calc(var(--section-height) + var(--column-gap) + var(--spacing-title-below)) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-below-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title {
		top: calc(var(--section-height) * 2 + var(--column-gap) * 2 + var(--spacing-title-below) * 2) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-below-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
		top: calc(var(--section-height) * 3 + var(--column-gap) * 3 + var(--spacing-title-below) * 3) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-title-below-image .wso-hover-title:first-child + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title + .wso-flex-col + .wso-hover-title {
		top: calc(var(--section-height) * 4 + var(--column-gap) * 4 + var(--spacing-title-below) * 4) !important;
		transform: translate(-50%, var(--spacing-title-below)) !important;
		transform: translate(-50%, -50%) !important;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col {
		position: relative;
		width: 100%;
		pointer-events: all;
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-flex-col .wso-animation-wrapper {
		height: var(--section-height);
	}
	.wso-section-animated-columns .wso-flex-wrapper .wso-animation-wrapper .wso-text-wrapper {
		width: 100%;
	}
	#Wrapper .wso-section-animated-columns .wso-flex-wrapper .wso-animation-wrapper .wso-col-text {
		display: none !important;
	}
	.wso-section-animated-columns .wso-col-title.wso-col-three {
		left: unset;
	}
	.wso-section-animated-columns .wso-col-title.wso-col-two {
		left: unset;
	}
}