/* 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: 5rem;
	--h1-line-height: 1em;
	--h1-text-transform: none;
	--h1-letter-spacing: 0em;
	--h1-font-weight: 500;
	--h1-color-default: inherit;
	--h1-hyphens-default: manual;
	--h1-margin-bottom: 0rem;
	/* h1/h2 Hero */
	--h2-font-family: var(--font-1);
	--h2-font-size: 3.5rem;
	--h2-line-height: 1em;
	--h2-text-transform: none;
	--h2-letter-spacing: 0em;
	--h2-font-weight: 500;
	--h2-color-default: inherit;
	--h2-hyphens-default: manual;
	--h2-margin-bottom: 0rem;
	/* h3 */
	--h3-font-family: var(--font-3-bold) !important;
	--h3-font-size: 1.75rem;
	--h3-line-height: 1.25em;
	--h3-text-transform: uppercase;
	--h3-letter-spacing: 0.175rem;
	--h3-font-weight: 500;
	--h3-color-default: inherit;
	--h3-hyphens-default: manual;
	--h3-margin-bottom: 0rem;
	/* h4 */
	--h4-font-family: var(--font-1);
	--h4-font-size: 1.25rem;
	--h4-line-height: 1.4em;
	--h4-text-transform: none;
	--h4-letter-spacing: 0em;
	--h4-font-weight: 500;
	--h4-color-default: inherit;
	--h4-hyphens-default: manual;
	--h4-margin-bottom: 0rem;
	/* h5 */
	--h5-font-family: var(--font-3-medium);
	--h5-font-size: 1.3rem;
	--h5-line-height: 1.3em;
	--h5-text-transform: uppercase;
	--h5-letter-spacing: 0.13rem;
	--h5-font-weight: 500;
	--h5-color-default: inherit;
	--h5-hyphens-default: manual;
	--h5-margin-bottom: 0rem;
	/* h6 */
	--h6-font-family: var(--font-3-bold);
	--h6-font-size: 1rem;
	--h6-line-height: 1.3em;
	--h6-text-transform: uppercase;
	--h6-letter-spacing: 0.1rem;
	--h6-font-weight: 700;
	--h6-color-default: inherit;
	--h6-hyphens-default: manual;
	--h6-margin-bottom: 0rem;
	/* p */
	--p-font-family: var(--font-4);
	--p-font-size: 1.25rem;
	--p-line-height: 1.4em;
	--p-text-transform: none;
	--p-letter-spacing: 0em;
	--p-font-weight: 400;
	--p-color-default: inherit;
	--p-hyphens-default: manual;
	--p-margin-bottom: 0rem;
}
/* ---------------------------------- 767px --------------------------------- */
@media only screen and (max-width:767px) {
	:root {
		/**
		* Fonts now use Varables, 
		* this makes styling and reusing headline styles easier.
		*/
		/* h1/h2 Wrapper */
		--h1-font-size: 3.8rem;
		--h1-hyphens-default: auto;
		/* h1/h2 Hero */
		--h2-font-size: 3.2rem;
		--h2-hyphens-default: auto;
		/* h3 */
		--h3-font-size: 2rem;
		--h3-letter-spacing: .2rem;
		--h3-hyphens-default: auto;
		/* h4 */
		--h4-font-size: 1.9rem;
		--h4-hyphens-default: auto;
		/* h5 */
		--h5-font-size: 1.7rem;
		--h5-letter-spacing: 0.17rem;
		--h5-hyphens-default: auto;
		/* h6 */
		--h6-font-size: 1.4rem;
		--h6-letter-spacing: 0.14rem;
		--h6-hyphens-default: auto;
		/* p */
		--p-font-size: 1.8rem;
	}
}
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);
	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-bottom: unset;
}
.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;
	/* 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-section-hero :where(h1):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wso-h1,
#Wrapper .wso-section-hero .wso-h1,
#Top_bar .mfn-megamenu-title,
#Top_bar .wso-megamenu-text {
	color: var(--color-1) !important;
	font-family: var(--h1-font-family) !important;
	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;
	-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 [class^="wso-h"] em,
#Wrapper .wso-subtitle em,
#Wrapper .wso-title em {
	font-family: var(--font-1);
	font-style: normal;
	text-transform: var(--title-span-tt) !important;
	font-weight: var(--title-span-fw) !important;
}
#Wrapper .wso-subtitle em + i,
#Wrapper [class^="wso-h"] em + i {
	font-family: var(--font-1);
}
#Wrapper .wso-section-hero :where(h2):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wso-h2,
#Wrapper .wso-section-hero .wso-h2,
#Wrapper .wpgb-card-2 :where(h2):not([class*='wso-h'], [class*='wso-p']),
#Wrapper :where(h2):not([class*='wso-h'], [class*='wso-p']),
#Wrapper .wpgb-card-2 .wso-h2 {
	color: var(--color-1) !important;
	font-family: var(--h2-font-family) !important;
	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;
	-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 .wso-h3 {
	color: var(--color-1) !important;
	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;
	-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 .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 {
	color: var(--color-1) !important;
	font-family: var(--h4-font-family) !important;
	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;
	-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 .wso-h5 {
	color: var(--color-1) !important;
	font-family: var(--h5-font-family) !important;
	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;
	-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 .wso-h6 {
	color: var(--color-1) !important;
	font-family: var(--h6-font-family) !important;
	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;
	-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 {
	color: var(--color-1) !important;
}
/* ---------------------------------- list ---------------------------------- */
.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 {
	list-style-type: none !important;
}
.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 0rem .5rem;
}
.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 {
	position: relative;
	margin-bottom: 0.96rem;
	padding-left: .8rem;
}
.column_column ul li:last-child {
	margin-bottom: 0;
}
.column_column ul li::marker,
.column_helper ul li::marker,
.column_visual ul li::marker,
.icon_box ul li::marker,
.mfn-acc ul li::marker,
.ui-tabs-panel ul li::marker,
.post-excerpt ul li::marker,
.the_content_wrapper ul li::marker,
.the_content_wrapper ol li::marker {
	content: "";
}
.column_column ul li::before,
.column_helper ul li::before,
.column_visual ul li::before,
.icon_box ul li::before,
.mfn-acc ul li::before,
.ui-tabs-panel ul li::before,
.post-excerpt ul li::before,
.the_content_wrapper ul li::before,
.the_content_wrapper ol li::before {
	content: "-";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#Footer ul li::before,
li.ui-tabs-tab::before,
li.wpgb-page::before,
.wpgb-hierarchical-list li::before {
	display: none !important;
}
.column_column ol li,
.column_visual ol li {
	padding-left: 0 !important;
	margin-left: 1rem;
}