/* general */
:root {
	/**
  * Fonts now use Varables, 
  * this makes styling and reusing headline styles easier.
  */
	/* h1/h2 Wrapper */
	--h1-font-family: var(--font-1);
	--h1-font-size: 3rem;
	--h1-line-height: 1.2em;
	--h1-text-transform: uppercase;
	--h1-letter-spacing: 0em;
	--h1-font-weight: 700;
	--h1-color-default: inherit;
	--h1-hyphens-default: manual;
	--h1-margin-bottom: 0rem;
	/* h1/h2 Hero */
	--h2-font-family: var(--font-1);
	--h2-font-size: 2rem;
	--h2-line-height: 1.3em;
	--h2-text-transform: unset;
	--h2-letter-spacing: 0em;
	--h2-font-weight: 700;
	--h2-color-default: inherit;
	--h2-hyphens-default: manual;
	--h2-margin-bottom: 0rem;
	/* h3 */
	--h3-font-family: var(--font-1);
	--h3-font-size: 1.6rem;
	--h3-line-height: 1.3em;
	--h3-text-transform: inherit;
	--h3-letter-spacing: 0em;
	--h3-font-weight: 700;
	--h3-color-default: var(--color-text);
	--h3-hyphens-default: manual;
	--h3-margin-bottom: 0rem;
	/* h4 */
	--h4-font-family: var(--font-1);
	--h4-font-size: 1.3rem;
	--h4-line-height: 1.4em;
	--h4-text-transform: inherit;
	--h4-letter-spacing: 0em;
	--h4-font-weight: 700;
	--h4-color-default: var(--color-text);
	--h4-hyphens-default: manual;
	--h4-margin-bottom: 0rem;
	/* h5 */
	--h5-font-family: var(--font-1);
	--h5-font-size: 1.1rem;
	--h5-line-height: 1.4em;
	--h5-text-transform: initial;
	--h5-letter-spacing: 0;
	--h5-font-weight: 700;
	--h5-color-default: var(--color-text);
	--h5-hyphens-default: manual;
	--h5-margin-bottom: 0rem;
	/* h6 */
	--h6-font-family: var(--font-1);
	--h6-font-size: .9rem;
	--h6-line-height: 1.4em;
	--h6-text-transform: none;
	--h6-letter-spacing: 0;
	--h6-font-weight: 700;
	--h6-color-default: var(--color-text);
	--h6-hyphens-default: manual;
	--h6-margin-bottom: 0rem;
	/* p */
	--p-font-family: var(--font-1);
	--p-font-size: 0.9rem;
	--p-line-height: 1.6em;
	--p-text-transform: none;
	--p-letter-spacing: 0em;
	--p-font-weight: 400;
	--p-color-default: inherit;
	--p-hyphens-default: manual;
	--p-margin-bottom: 0rem;
}
@media only screen and (max-width:767px) {
	:root {
		/* h1/h2 Wrapper */
		--h1-font-size: 2.8rem;
		--h1-line-height: 1.15em;
		/* h1/h2 Hero */
		--h2-font-size: 2.4rem;
		/* h3 */
		--h3-font-size: 2.2rem;
		/* h4 */
		--h4-font-size: 1.9rem;
		/* h5 */
		--h5-font-size: 1.7rem;
		/* h6 */
		--h6-font-size: 1.5rem;
		/* p */
		--p-font-size: 1.6rem;
	}
}
/* H4 Color Overwrite */
.ui-tabs .ui-tabs-nav li a {
	--h4-color-default: var(--color-1);
}
#Wrapper .dark :where(h4):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .dark .wso-h4 {
	--h4-color-default: var(--color-white);
}
a[href*="mailto:"] {
	text-transform: none !important;
}
body,
.wpgb-card p,
.gm-style p,
#Wrapper :where(p):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wso-p {
	/* font-family: var(--p-font-family); /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--p-font-size);
	line-height: var(--p-line-height);
	text-transform: var(--p-text-transform);
	letter-spacing: var(--p-letter-spacing);
	font-weight: var(--p-font-weight);
	/* color: var(--p-color-default); /* Activate this line if you are not using the Smarttheme settings to set font colors */
	-ms-hyphens: var(--p-hyphens-default);
	-webkit-hyphens: var(--p-hyphens-default);
	hyphens: var(--p-hyphens-default);
	margin: 0;
}
.column > p,
.column_visual > p,
.column_attr > p,
.column_attr > ul,
.column_attr > ol,
#Footer p,
#Footer ul,
#Footer ol,
#Footer ul li,
#Footer ol li {
	margin-bottom: var(--p-margin-bottom) !important;
}
/* -------------------------------- headlines ------------------------------- */
/*
The selector :where(h*):not([class*='wso-h'],[class*='wso-p']) is used for compatibility reasons.
it has the same specificity as a class selector (0,1,0)
this way h* elements that have no class are still selected
*/
/* reset all headlines */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1rem;
	line-height: 1em;
	font-weight: 100;
	letter-spacing: 0em;
	/* font-family: inherit; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	/* color: inherit; /* Activate this line if you are not using the Smarttheme settings to set font colors */
	margin: 0;
	display: block;
}
#Wrapper :where(h1):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wso-h1,
#Wrapper h1,
#Wrapper .wso-h1,
#Top_bar .mfn-megamenu-title,
#Top_bar .wso-megamenu-text {
	/* font-family: var(--h1-font-family) !important; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--h1-font-size) !important;
	line-height: var(--h1-line-height) !important;
	text-transform: var(--h1-text-transform) !important;
	letter-spacing: var(--h1-letter-spacing) !important;
	font-weight: var(--h1-font-weight) !important;
	color: var(--h1-color-default) !important;
	-ms-hyphens: var(--h1-hyphens-default) !important;
	-webkit-hyphens: var(--h1-hyphens-default) !important;
	hyphens: var(--h1-hyphens-default) !important;
	margin-bottom: var(--h1-margin-bottom) !important;
}
#Wrapper .wso-section-hero :where(h2):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wso-section-hero .wso-h2,
#Wrapper h2,
#Wrapper .wso-h2,
#Wrapper .wpgb-card-2 :where(h2):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wpgb-card-2 .wso-h2 {
	/* font-family: var(--h2-font-family) !important; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--h2-font-size) !important;
	line-height: var(--h2-line-height) !important;
	text-transform: var(--h2-text-transform) !important;
	letter-spacing: var(--h2-letter-spacing) !important;
	font-weight: var(--h2-font-weight) !important;
	color: var(--h2-color-default) !important;
	-ms-hyphens: var(--h2-hyphens-default) !important;
	-webkit-hyphens: var(--h2-hyphens-default) !important;
	hyphens: var(--h2-hyphens-default) !important;
	margin-bottom: var(--h2-margin-bottom) !important;
}
#Wrapper :where(h3):not([class*='wso-h'], [class*='wso-p']),
#Wrapper h3,
#Wrapper .wso-h3 {
	/* font-family: var(--h3-font-family) !important; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--h3-font-size) !important;
	line-height: var(--h3-line-height) !important;
	text-transform: var(--h3-text-transform) !important;
	letter-spacing: var(--h3-letter-spacing) !important;
	font-weight: var(--h3-font-weight) !important;
	color: var(--h3-color-default) !important;
	-ms-hyphens: var(--h3-hyphens-default) !important;
	-webkit-hyphens: var(--h3-hyphens-default) !important;
	hyphens: var(--h3-hyphens-default) !important;
	margin-bottom: var(--h3-margin-bottom) !important;
}
#Wrapper :where(h3):not([class*='wso-h'], [class*='wso-p']) a:hover,
#Wrapper .wso-h3 a:hover {
	text-decoration: none !important;
}
#Wrapper :where(h4):not([class*='wso-h'], [class*='wso-p']),
#Wrapper h4,
#Wrapper .wso-h4,
#Footer .wrap:first-of-type :where(h4):not([class*='wso-h'], [class*='wso-p']),
#Footer .wrap:first-of-type .wso-h4,
.wso-highlight-button p,
.ui-tabs .ui-tabs-nav li a,
#Footer .widget_nav_menu ul li a,
.wp-grid-builder .wpgb-card.wpgb-no-result > div {
	/* font-family: var(--h4-font-family) !important; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--h4-font-size) !important;
	line-height: var(--h4-line-height) !important;
	text-transform: var(--h4-text-transform) !important;
	letter-spacing: var(--h4-letter-spacing) !important;
	font-weight: var(--h4-font-weight) !important;
	color: var(--h4-color-default) !important;
	-ms-hyphens: var(--h4-hyphens-default) !important;
	-webkit-hyphens: var(--h4-hyphens-default) !important;
	hyphens: var(--h4-hyphens-default) !important;
	margin-bottom: var(--h4-margin-bottom) !important;
}
.wso-highlight-button p,
.ui-tabs .ui-tabs-nav li a,
#Footer .widget_nav_menu ul li a,
.wp-grid-builder .wpgb-card.wpgb-no-result > div {
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	margin-bottom: 0.6rem !important;
}
#Wrapper :where(h5):not([class*='wso-h'], [class*='wso-p']),
#Wrapper h5,
#Wrapper .wso-h5 {
	/* font-family: var(--h5-font-family) !important; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--h5-font-size) !important;
	line-height: var(--h5-line-height) !important;
	text-transform: var(--h5-text-transform) !important;
	letter-spacing: var(--h5-letter-spacing) !important;
	font-weight: var(--h5-font-weight) !important;
	color: var(--h5-color-default) !important;
	-ms-hyphens: var(--h5-hyphens-default) !important;
	-webkit-hyphens: var(--h5-hyphens-default) !important;
	hyphens: var(--h5-hyphens-default) !important;
	margin-bottom: var(--h5-margin-bottom) !important;
}
#Wrapper :where(h6):not([class*='wso-h'], [class*='wso-p']),
#Wrapper h6,
#Wrapper .wso-h6 {
	/* font-family: var(--h6-font-family) !important; /* Activate this line if you are not using the Smarttheme settings to set fonts */
	font-size: var(--h6-font-size) !important;
	line-height: var(--h6-line-height) !important;
	text-transform: var(--h6-text-transform) !important;
	letter-spacing: var(--h6-letter-spacing) !important;
	font-weight: var(--h6-font-weight) !important;
	color: var(--h6-color-default) !important;
	-ms-hyphens: var(--h6-hyphens-default) !important;
	-webkit-hyphens: var(--h6-hyphens-default) !important;
	hyphens: var(--h6-hyphens-default) !important;
	margin-bottom: var(--h6-margin-bottom) !important;
}
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr :where(h1):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr .wso-h1,
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr :where(h2):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr .wso-h2,
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr :where(h3):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr .wso-h3,
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr :where(h4):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr .wso-h4,
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr :where(h5):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr .wso-h5,
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr :where(h6):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr .wso-h6,
#Wrapper .section.full-width:not(.wso-section-slider) .column_attr p {
	/* max-width: var(--content-width); */
	/* margin-left: auto; */
	/* margin-right: auto; */
}
/* ------------------------------ heading after ----------------------------- */
/* ---------------------------------- list ---------------------------------- */
.column_column ul,
.column_helper ul,
.column_visual ul,
.icon_box ul,
.mfn-acc ul,
.ui-tabs-panel ul,
.post-excerpt ul,
.the_content_wrapper ul,
.column_column ol,
.column_visual ol,
.the_content_wrapper ol {
	margin: 0 0 1rem 0;
}
.column_column ul li,
.column_helper ul li,
.column_visual ul li,
.icon_box ul li,
.mfn-acc ul li,
.ui-tabs-panel ul li,
.post-excerpt ul li,
.the_content_wrapper ul li,
.column_column ol li,
.column_visual ol li,
.the_content_wrapper ol li {
	margin-bottom: 0.5rem;
}
/* --------------------------------- marker --------------------------------- */
:root {
	--marker-selo: url('/wp-content/uploads/2024/11/nutropia-pfeile-pink.svg');
	--marker-nutro: url('/wp-content/uploads/2024/11/nutropia-pfeile-orange.svg');
	--marker-meta: url('/wp-content/uploads/2024/11/nutropia-pfeile-rot.svg');
	--marker-vis: url('/wp-content/uploads/2024/11/nutropia-pfeile-gruen.svg');
}
#Wrapper ul,
#Wrapper ol {
	list-style-type: none;
}
#Wrapper ul:not(:first-child, .sub-menu), #Wrapper ol:not(:first-child) {
	margin-top: .5rem !important;
}
#Wrapper #Content .section ol li,
#Wrapper #Content .section ul li {
	position: relative;
	padding-left: 2rem;
}
#Wrapper #Content .section ol li::before,
#Wrapper #Content .section ul li::before {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	left: 0;
	top: .25em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.wso-nutropia #Wrapper #Content .section ol li::before,
.wso-nutropia #Wrapper #Content .section ul li::before {
	background-image: var(--marker-nutro);
}
.wso-selomun #Wrapper #Content .section ol li::before,
.wso-selomun #Wrapper #Content .section ul li::before {
	background-image: var(--marker-selo);
}
.wso-vis-terrena #Wrapper #Content .section ol li::before,
.wso-vis-terrena #Wrapper #Content .section ul li::before {
	background-image: var(--marker-vis);
}
.wso-metanorm #Wrapper #Content .section ol li::before,
.wso-metanorm #Wrapper #Content .section ul li::before {
	background-image: var(--marker-meta);
}