:root {
	--intro-margin-vertical: 1.6rem;
	--intro-border-radius: .8rem;
	--intro-vector: url('/wp-content/uploads/2024/08/vector-38.svg');
	--intro-vector-height: 3rem;
	--intro-content-margin-bottom: 3.84rem;
	--intro-fs: 3.6rem;
	--intro-individuall-logo-padding: 7.8rem;
}
#Wrapper .section.mcb-section.wso-section-hero.wso-section-intro:first-child {
	--current-top-padding: 0rem;
}
.wso-section-intro {
	z-index: 9;
}
/* ------------------------------- large intro ------------------------------ */
.wso-section-intro.wso-large-intro .wso-hero-img {
	height: calc(95vh - (var(--intro-margin-vertical)*2));
}
.wso-section-intro .wso-hero-img .mcb-wrap-inner .icon-wrapper {
	display: block;
	width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9;
}
/* ------------------------------- small intro ------------------------------ */
.wso-section-intro.wso-small-intro .wso-hero-img {
	height: calc(31.75vh - (var(--intro-margin-vertical)));
	height: 16.1rem;
}
/* ------------------------------ intro basics ------------------------------ */
.wso-section-intro .column_attr {
	color: var(--color-white);
	max-width: 50%;
	margin: 0 auto;
}
.wso-section-hero.wso-section-intro .section_wrapper {
	display: flex;
	margin-top: var(--intro-margin-vertical);
	flex-direction: column;
	align-items: center;
}
.wso-section-hero.wso-section-intro .section_wrapper {
	position: relative;
	height: 100%;
	max-width: var(--big-content-width) !important;
}
.wso-section-hero.wso-section-intro .section_wrapper .wso-hero-img::after {
	content: "";
	display: block;
	width: 40.62%;
	height: var(--intro-vector-height);
	position: absolute;
	top: unset;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	background-image: var(--intro-vector);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
	background-color: unset;
	opacity: 1;
	visibility: visible;
	z-index: 9;
}
.wso-section-hero.wso-section-intro .column.one {
	margin: 0;
	width: 100%;
}
.wso-section-intro .wso-hero-img {
	position: relative;
	top: 0;
	left: 0;
	pointer-events: none;
	overflow: hidden;
	border-radius: var(--intro-border-radius);
}
.wso-section-intro .wso-hero-img::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent;
	z-index: 8;
	visibility: visible;
	height: 100%;
	width: 100%;
}
.wso-section-intro.dark .wso-hero-img::before {
	background: var(--overlay-dark);
}
.wso-section-intro .wso-hero-img .mcb-wrap-inner,
.wso-section-intro .wso-hero-img .mcb-wrap-inner .column,
.wso-section-intro .wso-hero-img .mcb-wrap-inner .column_attr,
.wso-section-intro .wso-hero-img .mcb-wrap-inner .image_frame,
.wso-section-intro .wso-hero-img .mcb-wrap-inner .image_wrapper,
.wso-section-intro .wso-hero-img .mcb-wrap-inner .image_wrapper img {
	height: 100% !important;
}
.wso-section-intro.wso-nutropia .wso-logo-btn-wrapper {
	width: 40.62% !important;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.wso-section-intro.wso-nutropia .wso-logo-btn-wrapper .wso-button-wrapper {
	justify-content: center;
	gap: 0;
}
/* ------------------------------- intro text ------------------------------- */
.wso-section-intro .wrap:not(.wso-hero-img, .wso-logo-btn-wrapper) {
	position: absolute;
	bottom: calc(var(--intro-vector-height) + var(--intro-content-margin-bottom));
}
#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr h1 {
	/* width: 35%; */
	/* margin: 0 auto; */
}
#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr h1,
#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr .wso-h1 {
	font-size: var(--intro-fs) !important;
	margin-bottom: 2.88rem !important;
	hyphens: auto !important;
}
#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr .wso-title + .wso-subtitle {
	margin-top: -1.3rem !important;
}
#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr .wso-subtitle:not(:last-child) {
	margin-bottom: 2rem !important;
}
/* -------------------------- intro large !nutropia ------------------------- */
.wso-section-intro:not(.wso-nutropia).wso-large-intro .wso-hero-img {
	height: calc(87.08vh - (var(--intro-margin-vertical)*2));
}
.wso-section-intro:not(.wso-nutropia) .wrap:not(.wso-hero-img, .wso-logo-btn-wrapper) {
	--intro-content-margin-bottom: 5.75rem;
}
.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_frame {
	min-height: 5rem;
}
/* ------------------------- individual logo/button ------------------------- */
.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_frame {
	display: grid;
	grid-template-columns: 29.68fr 40.62fr 29.68fr;
	align-items: end;
	justify-items: center;
}
.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_wrapper {
	grid-column: 2/3;
	width: 100%;
	padding-right: var(--intro-individuall-logo-padding);
	padding-left: var(--intro-individuall-logo-padding);
}
.wso-section-intro.wso-metanorm .wso-logo-btn-wrapper .image_wrapper {
	margin-left: .3rem;
}
.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .button {
	width: fit-content;
	height: fit-content;
}
.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .wso-dropdown-wrapper {
	grid-column: 1/2;
}
@media only screen and (max-width:1499px) {
	:root {
		--intro-individuall-logo-padding: 6rem;
	}
	.wso-section-hero.wso-section-intro .section_wrapper .wso-hero-img::after {
		width: 50.62%;
	}
}
@media only screen and (max-width:1023px) {
	@media only screen and (min-height: 800px) {
		.wso-section-intro.wso-large-intro .wso-hero-img {
			height: calc(70vh - (var(--intro-margin-vertical)* 2));
		}
	}
	:root {
		--intro-individuall-logo-padding: 4rem;
	}
	.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_frame {
		grid-template-columns: 31.68fr 38.62fr 31.68fr;
	}
	.wso-section-hero.wso-section-intro .section_wrapper .wso-hero-img::after {
		width: 60.62%;
	}
	.wso-section-intro .column_attr {
		max-width: 80%;
	}
}
@media only screen and (max-width: 767px) {
	:root {
		--intro-margin-vertical: 1.6rem;
		--intro-border-radius: .8rem;
		--intro-vector-height: 2.4rem;
		--intro-content-margin-bottom: 5.32rem;
		--intro-fs: 2.8rem;
		--intro-padding-bottom-mobile: 1.6rem;
		--intro-individuall-logo-padding: 0rem;
	}
	.wso-section-intro:not(.wso-nutropia).wso-large-intro .wso-hero-img {
		height: 59vh;
	}
	.wso-section-intro .column_attr {
		max-width: 100%;
	}
	.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_frame {
		display: grid;
		min-height: 6.13rem;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0 1rem;
		z-index: 999;
	}
	.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_frame > :is(.wso-dropdown-wrapper, .wso-shop-button) {
		grid-row: 2/3;
	}
	.wso-section-intro.wso-metanorm .wso-logo-btn-wrapper .image_wrapper {
		margin-left: .8rem;
	}
	.wso-section-intro:not(.wso-nutropia) .wso-logo-btn-wrapper .image_wrapper {
		width: 68.33%;
		margin-top: 1.78rem;
		grid-row: 1/2;
		grid-column: 1/3;
		margin-bottom: 2.96rem !important;
	}
	.wso-section-intro:not(.wso-nutropia) .wrap:not(.wso-hero-img, .wso-logo-btn-wrapper) {
		bottom: calc(var(--intro-vector-height) + var(--intro-content-margin-bottom) + var(--intro-padding-bottom-mobile) + (var(--button-font-size)*1.4) + 1.78rem + 2.96rem);
	}
	.wso-section-hero.wso-section-intro .section_wrapper {
		padding-bottom: var(--intro-padding-bottom-mobile);
	}
	.wso-section-intro .wrap:not(.wso-hero-img, .wso-logo-btn-wrapper) {
		position: absolute;
		bottom: calc(var(--intro-vector-height) + var(--intro-content-margin-bottom) + var(--intro-padding-bottom-mobile));
	}
	#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr h1 {
		width: 90%;
		margin: 0 auto;
	}
	#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr h1,
	#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr .wso-h1 {
		margin-bottom: 1.78rem !important;
	}
	.wso-section-intro.wso-nutropia .wso-logo-btn-wrapper {
		width: 79.43% !important;
	}
	.wso-section-hero.wso-section-intro .section_wrapper .wso-hero-img::after {
		width: 79.43%;
		bottom: -2px;
	}
	#Wrapper .wso-section-intro .wso-dropdown-wrapper .wso-dropdown .wso-dropdown-link {
		white-space: wrap;
	}
	#Wrapper .wso-section-intro .wrap:not(.wso-hero-img) .column_attr .wso-title + .wso-subtitle {
		margin-top: -.7rem !important;
	}
	.wso-section-intro .wso-hero-img .mcb-wrap-inner .icon-wrapper {
		width: 50%;
	}
}