/* @override 
	https://vahterus.test/assets/css/global.css?*
	https://vahterus.com/assets/css/global.css?* 
*/

/* -----------------------------------------------------------

	Project:		Vahterus
	Created:		May 25, 2018
	Modified:		October 8, 2024

		[Table of contents]
		1. RESET
		2. TYPOGRAPHY
			- font face(s)
			- headings
			- text elements
		3. UTILITY STYLES
			- buttons
			- lists
			- tables
			- forms
		4. STRUCTURE
			- content structure
			- page headers
			- nagivation
			- sidebar navigation
			- pagination
			- content blocks
			- footer
		5.MEDIA QUERIES

----------------------------------------------------------- */



/* -----------------------------------------------------------

	RESET

----------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section 	{ display: block; }
audio, canvas, video 											{ display: inline-block; }

nav ul 		{ list-style: none; margin: 0; padding: 0; }
nav ul li	{ display: inline; }

blockquote, q 					{ quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after 				{ content: ''; content: none; }

a 				{ margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins 			{ background-color: #ff9; color: var(--brand-color-black); text-decoration: none; }
mark 			{ background-color: #ff9; color: var(--brand-color-black); font-style: italic; font-weight: bold; }
del 			{ text-decoration: line-through; }
abbr[title], 
dfn[title] 		{ border-bottom: 1px dotted var(--brand-color-black); cursor: help; }

/* tables still need cellspacing="0" in the markup */
table 			{ border-collapse: collapse; border-spacing: 0; }
hr 				{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select 	{ vertical-align: middle; }


:root {
	/* brand colors */
	--brand-color-blue: #000169;
	--brand-color-black: #000;
	--brand-color-white: #fff;

	/* font-sizes */
	--size-h1: 2.500em; 		/* 30px */
	--size-h1-upsize: 3.667em; 	/* 44px */
	--size-h1-xxl: 5.667em; 	/* 68px */ 
	--size-h2: 1.333em; 		/* 16px */
	--size-h2-upsize: 1.833em; 	/* 22px */
	--size-h3: 1.333em; 		/* 16px */
	--size-h3-content: 1.167em ;/* 14px */

	--size-p-ingress: 1.167em; 	/* 14px */
	--size-p-regular: 1em; 		/* 12px */
	--size-p-xs: 0.833em; 		/* 10px */
}

@view-transition 	{ navigation: auto; }


/* -----------------------------------------------------------

	TYPOGRAPHY

----------------------------------------------------------- */
@font-face {
	font-family: "AktivGroteskEx_W_Rg";
	font-display: swap;
	src: url("../fonts/AktivGroteskEx_W_Rg.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AktivGroteskEx_W_Rg.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/AktivGroteskEx_W_Rg.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/AktivGroteskEx_W_Rg.ttf")  format("truetype"); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "AktivGroteskEx_W_Bd";
	font-display: swap;
	src: url("../fonts/AktivGroteskEx_W_Bd.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AktivGroteskEx_W_Bd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/AktivGroteskEx_W_Bd.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/AktivGroteskEx_W_Bd.ttf")  format("truetype"); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "AktivGroteskEx_W_It";
	font-display: swap;
	src: url("../fonts/AktivGroteskEx_W_It.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AktivGroteskEx_W_It.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/AktivGroteskEx_W_It.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/AktivGroteskEx_W_It.ttf")  format("truetype"); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: "AktivGroteskEx_W_BdIt";
	font-display: swap;
	src: url("../fonts/AktivGroteskEx_W_BdIt.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AktivGroteskEx_W_BdIt.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("../fonts/AktivGroteskEx_W_BdIt.woff") format("woff"), /* Pretty Modern Browsers */
       url("../fonts/AktivGroteskEx_W_BdIt.ttf")  format("truetype"); /* Safari, Android, iOS */
	font-weight: normal;
    font-style: normal;
}


html		{ font-size: 62.5%; /* Set html font-size to 10px so: 1rem = 10px */ }
body		{ font-size: 120%; /* Set html font-size to 16px. Use em for font-size and change this to change scale */ color: var(--brand-color-black); line-height: 2; font-family: "AktivGroteskEx_W_Rg", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeLegibility; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; }


/* HEADINGS
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6							{ font-weight: normal; color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; }

h1											{ font-size: var(--size-h1); line-height: 1; margin-bottom: 4.5rem; }
.hero__text h1								{ line-height: 1.5; font-size: var(--size-h1-upsize); }
.center h1									{ font-size: var(--size-h1-xxl) !important; }
.large-hero-text .hero__text h1				{ font-size: var(--size-h1-upsize); }
.main-content h1							{ line-height: 1.5; }
.fairs .main-content h1						{ margin-bottom: 1rem; }
.fair-date									{ margin-bottom: 3.5rem; }

h2											{ font-size: var(--size-h2); margin-bottom: 1rem; }
.upsize h2									{ font-size: var(--size-h2-upsize); }
.contact-wrapper h2,
.regular-text h2							{ margin-bottom: 2rem; padding-top: 2rem; }
.image-block + .regular-text h2:first-child	{ padding-top: 0; }
.grid h2 									{ margin-top: 1rem; }

h3											{ font-size: var(--size-h3); line-height: 1; margin-bottom: 1em; }
.main-content h3							{ font-size: var(--size-h3-content); line-height: 1.25; }
h4											{ line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5											{ font-weight: bold; margin-bottom: 1.5em; }
h6											{ font-weight: bold; }

.page-content.blue-bg						{ background-color: var(--brand-color-blue); color: var(--brand-color-white); }
.blue-bg p,
.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg a									{ color: var(--brand-color-white) !important; }


/* TEXT ELEMENTS
-------------------------------------------------------------- */
p											{ margin: 0 0 2em 0; }
.ingress-text p								{ font-size: var(--size-p-ingress); }

.hero__text .-cta-anchor					{ color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; display: inline-block; border: 0.2rem solid var(--brand-color-black); padding: 2.2rem 5.4rem; transition: 130ms ease-in-out; line-height: 1; }
.hero__text .-cta-anchor:hover				{ color: var(--brand-color-white); background-color: var(--brand-color-black); }
.whiteText .hero__text .-cta-anchor			{ color: var(--brand-color-white) !important; border-color: var(--brand-color-white); }
.whiteText .hero__text .-cta-anchor:hover	{ color: var(--brand-color-black) !important; border-color: var(--brand-color-white); background-color: var(--brand-color-white); }

.hero .hero__text							{ position: absolute; z-index: 100; width: 80%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.hero.center .hero__text					{ text-align: center; width: 100%; padding-left: 8.5vw; padding-right: 8.5vw; }
.hero.left .hero__text						{ left: 8.33%; text-align: left; }
.hero.right .hero__text						{ right: 8.33%; text-align: right; }

.hero.whiteText .hero__text,
.hero.whiteText .hero__text h1,
.hero.whiteText .hero__text a				{ color: var(--brand-color-white); }	
.hero.darkText .hero__text,
.hero.darkText .hero__text h1,
.hero.darkText .hero__text a				{ color: var(--brand-color-black); }

.content-block.ingress-text					{ font-size: var(--size-p-ingress); line-height: 2; }
.content-block.regular-text					{ line-height: 2.4; }
.content-block.regular-text table			{ font-family: "AktivGroteskEx_W_Bd"; margin-bottom: 4.5rem; }
.content-block.regular-text table thead		{ font-family: "AktivGroteskEx_W_Rg"; }
.content-block.regular-text table thead th	{ padding-bottom: 4.5rem; }
.content-block.regular-text table tbody td	{ padding-bottom: 3.5rem; }
.content-block .caption						{ font-family: "AktivGroteskEx_W_It"; }

a											{ text-decoration: none; }
a:hover										{ text-decoration: none; }

.contact-wrapper,
.location p a								{  font-family: "AktivGroteskEx_W_Rg"; }
.location p a:hover							{  font-family: "AktivGroteskEx_W_Bd"; }

a:hover, a:active 							{ outline: none; }
.page-navigation .active					{ font-family: "AktivGroteskEx_W_Bd"; }

.content-block a							{ color: var(--brand-color-black); border-bottom: 1px solid var(--brand-color-black); padding: 0.1rem 0; }
.content-block a:hover						{ color: var(--brand-color-white); text-decoration: none; background-color: var(--brand-color-black); }

.cta-anchor a, 
a.cta-anchor								{ color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; display: inline-block; border-bottom: 0.2rem solid var(--brand-color-black); padding-bottom: 0; }
.cta-anchor a:hover, 
a.cta-anchor:hover							{ color: var(--brand-color-black); background-color: transparent; font-family: "AktivGroteskEx_W_Bd"; }

/* blockquote	{  } */
strong										{ font-weight: normal; font-family: "AktivGroteskEx_W_Bd"; }
em,dfn										{ font-style: normal; font-family: "AktivGroteskEx_W_It"; }
dfn											{ font-weight: bold; }
sup, sub									{ line-height: 0; font-size: var(--size-p-xs); position: relative; vertical-align: baseline; }
sup											{ top: -0.5em; }
sub											{ bottom: -0.25em; }

pre,code									{ white-space: pre; }
pre 										{ white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }



/* -----------------------------------------------------------

	UTILITY STYLES

----------------------------------------------------------- */
.bg-video,
.bg-cover						{ background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-video 						{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.center-vertically				{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.center-vertically-flex			{ display: flex; align-items: center; }

.text-center					{ text-align: center; }
.text-right						{ text-align: right; }

.no-border						{ border: none !important; }
.add-margin-bottom				{ margin-bottom: 1.333em; }
.has-padding-bottom				{ padding-bottom: 2rem; }

.clear 							{ display: inline-block; }
.clear:after 					{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clear 					{ height: 1%; }
.clear 							{ display: block; }

.disable-hover,
.disable-hover * 				{ pointer-events: none !important; }


/* BUTTONS
-------------------------------------------------------------- */
/* .btn							{  }
.btn:hover						{  } */

.cta-contact                                { background: var(--brand-color-white); align-content: center;  text-align: left; position: fixed; right: 2rem; bottom: 2rem; padding: 2.4rem; z-index: 1000; border: 1px solid var(--brand-color-black); color: var(--brand-color-black); text-decoration: none; }
.cta-contact h3                             { font-size: var(--size-h3); padding-bottom: 1rem; }
	/* toggling between boxes */
.cta-contact .form,
.cta-contact .no-form						{ opacity: 0; pointer-events: none; height: 0rem; width: 0rem; }
.cta-contact .form.active,
.cta-contact .no-form.active				{ opacity: 1; pointer-events: auto; height: auto; width: auto; }
	/* box styling */
.cta-contact .no-form.active				{ width: 32rem !important; max-height: 20.5rem !important; }
.cta-contact .form.active                   { max-width: 45rem; max-height: 90vh; }
.cta-contact .no-form .cta-anchor			{ padding-top: 2rem; cursor: pointer; color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; display: inline-block; border-bottom: 0.2rem solid var(--brand-color-black); padding-bottom: 0.2rem;}
.cta-contact .no-form .cta-anchor:hover 	{ color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; }
	/* toggling the exited box */
.cta-contact .cta-contact-toggle, 
.cta-contact .cta-contact-toggle-exit      	{ float: right; text-decoration: none; position: absolute; top: 2rem; right: 2rem; text-align: center; z-index: 100; }
.cta-contact .cta-contact-toggle:hover,
.cta-contact .cta-contact-toggle-exit:hover	{ cursor: pointer; }
.cta-contact.exited							{ display: none; pointer-events: none; }

.flow-image-switcher-wrapper button 					{ padding-bottom: 4em; display: block; font-family: "AktivGroteskEx_W_Bd"; border: 0.2rem solid var(--brand-color-black); width: 100%; padding: 1.5rem 1rem; cursor: pointer; margin-top: 0.8em; text-transform: uppercase; }
.flow-image-switcher-wrapper button.before-image-btn	{ background-color: var(--brand-color-black); color: var(--brand-color-white); }
.flow-image-switcher-wrapper button.after-image-btn		{ background-color: var(--brand-color-white); color: var(--brand-color-black); }
.flow-image-switcher-wrapper button:focus 				{ outline: none; }

.cta-button									{ margin-bottom: 2rem; }
.cta-button.left							{ display: flex; justify-content: flex-start; }
.cta-button.center							{ display: flex; justify-content: space-around; }
.cta-button.right							{ display: flex; justify-content: flex-end; }
.cta-button	button							{ background-color: var(--brand-color-black); border: 1px solid var(--brand-color-black); border-radius: 0; padding: 2.2rem 5.4rem; width: fit-content; font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; cursor: pointer; line-height: 1; transition: 130ms ease-in-out; }
.cta-button button a						{ color: var(--brand-color-white); text-decoration: none; }
.cta-button	button.cta-button-hover:hover	{ background-color: var(--brand-color-white); transition: 130ms ease-in-out; }
.cta-button	button.cta-button-hover:hover a	{ color: var(--brand-color-black); transition: 130ms ease-in-out; }

.cta-wrapper								{ margin: 6.5rem 0 10rem 0; display: block; }
a.cta-button--box              				{ background-color: var(--brand-color-black); border: 1px solid var(--brand-color-black); border-radius: 0; padding: 2.2rem 5.4rem; width: fit-content; font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; cursor: pointer; line-height: 1; transition: 130ms ease-in-out; color: var(--brand-color-white); }
a.cta-button--box:hover        				{ cursor: pointer; background-color: transparent; color: var(--brand-color-black); }





/* LISTS
-------------------------------------------------------------- */
li ul,
li ol										{ margin: 0 1.5em; }
ul, ol										{ margin: 0 1.5em 1.5em 1.5em; }

.regular-text ul							{ list-style-type: none; margin-left: 0; }
.regular-text ul li							{ position: relative; }
.regular-text ul li:before					{ content: "\2013"; margin-right: 1rem; }
ol											{ list-style-type: decimal; }

dl											{ margin: 0 0 1.5em 0; }
dl dt										{ font-weight: bold; }
dd											{ margin-left: 1.5em;}


/* TABLES
-------------------------------------------------------------- */
table										{ width: 100%; }
th											{ font-weight: normal; }



/* FORMS
-------------------------------------------------------------- */
/* align checkboxes, radios, text inputs with their label */
input[type=radio] 							{ vertical-align: text-bottom; }
input[type=checkbox] 						{ border-radius: 0px; }
.ie6 input 									{ vertical-align: text-bottom; }

/* Default Formie styles */
.fui-hidden 											{ display: none }
.fui-sr-only 											{ clip: rect(0,0,0,0); height: 0.1rem; margin: -0.1rem; overflow: hidden; position: absolute; width: 0.1rem }
.fui-field 												{ flex: 1 }
.fui-field[data-conditionally-hidden] 					{ display: none }
.fui-label-left-input .fui-field-container, 
.fui-label-right-input .fui-field-container 			{ display: flex; align-items: baseline }
.fui-label-left-input .fui-input-container, 
.fui-label-right-input .fui-input-container				{ flex: 1 }
.fui-label-below-input>.fui-field-container>.fui-input-container>.fui-fieldset>.fui-legend { display: block; float: left; clear: both; width: 100%; }
.fui-layout-horizontal .fui-layout-wrap, .fui-row		{ display: flex }
.fui-row												{ flex-wrap: wrap }
.fui-btn-container 										{ display: flex; justify-content: flex-start }
.fui-btn-container.fui-btn-right 						{ justify-content: flex-end }
.fui-btn-container.fui-btn-center 						{ justify-content: center }
.fui-btn-container.fui-btn-left-right 					{ justify-content: space-between }
.fui-btn-container .fui-btn[data-conditionally-hidden]	{ display: none }
.fui-submit 											{ order: 10 }

/* Formie Two Column Form Block */
.form-flexbox                           { background-color: var(--brand-color-white); color: var(--brand-color-black); display: flex; justify-content: space-between; padding-top: 1.5rem; margin-bottom: 4rem;  }
.form-flexbox.home                      { border-top: 0.2rem solid rgba(0, 0, 0, 1);  padding: 8rem; }
.form-flexbox.flex-reverse              { flex-direction: row-reverse; }
.form-flexbox.flex-reverse h1           { padding-left: 2rem; }

.form-flexbox-item                      { flex: 1 1 0; }
.form-flexbox-item h1,
.form-flexbox-item h2                   { width: 100%; max-width: 96rem; padding: 0; margin: 0rem 2% 0rem 0rem !important; }
.form-flexbox-item a                    { color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; display: inline-block; border-bottom: 0.2rem solid var(--brand-color-black); padding-bottom: 0.2rem; }
.form-flexbox-item a:hover              { color: var(--brand-color-black); text-decoration: none; font-family: "AktivGroteskEx_W_Bd"; }
.form-flexbox-item input[type=text], 
.form-flexbox-item input[type=email]    { border: 1px solid var(--brand-color-black); border-radius: 0; overflow: hidden; padding: 1.5rem 1rem; width: 100%; margin-bottom: 1rem; font-size: var(--size-p-regular); }
.form-flexbox-item textarea             { border: 1px solid var(--brand-color-black); border-radius: 0; padding: 1.5rem 1rem; width: 100%; margin-bottom: 1rem; }
.form-flexbox-item button               { font-family: "AktivGroteskEx_W_Bd"; background-color: var(--brand-color-black); color: var(--brand-color-white); border: none; border-radius: 0; text-transform: uppercase; padding: 1.5rem 1rem; width: 100%; position: relative; font-size: var(--size-p-regulars); }
.form-flexbox-item button:hover         { cursor: pointer; background-color: var(--brand-color-black); }
.form-flexbox-item input.fui-input::placeholder   { font-family: "AktivGroteskEx_W_Rg" !important; font-size: var(--size-p-regular) !important; overflow: visible; }


/* contact us form in CONTACT PAGE */
/*#contact-form div.fui-form-container		{ width: 39rem; }
#contact-form label                         { height: 2rem; width: 6rem; line-height: 2.4; margin-left: 0; text-align: left; font-family: "AktivGroteskEx_W_Rg"; margin-right:3rem; float:left; color: var(--brand-color-white); white-space: nowrap; }
#contact-form input                         { height: 2rem; width: 100%; line-height: 2.4; border-radius: 0; background: transparent; border: 0rem; border-bottom: 0.17rem solid white; font-family: "AktivGroteskEx_W_Rg"; color: var(--brand-color-white); }
#contact-form textarea                      { border-radius: 0; border: none; height: 15rem; width: 30rem; margin-top: 2rem; background-color: var(--brand-color-white); font-family: "AktivGroteskEx_W_Rg"; color: var(--brand-color-black); border-bottom: 1.7px solid white; resize: none; outline: none; }
#contact-form button                        { cursor: pointer; margin-top: 5rem; border: none; background-color: transparent; color: var(--brand-color-white); font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; }
#contact-form *:focus                       { outline: none !important; }
#contact-form span.fui-required             { color: var(--brand-color-white) !important; }
#contact-form div.message-label label		{  position: relative; top: -14.5rem; }
#contact-form input[type="checkbox"].fui-input.fui-checkbox-input:checked { opacity: 0; }
#contact-form label.fui-checkbox-label a	{ border-bottom: 0.1rem solid var(--brand-color-white); padding-bottom: 0.2rem; }
#contact-form label.fui-checkbox-label		{ padding-right: 2rem; display: inline-block; margin: 1.2rem 0rem; line-height: 2; }
#contact-form .fui-alert-top-form			{ font-family: "AktivGroteskEx_W_Bd"; }
#contact-form .fui-error-message			{ display: none; }*/

#contact-form										{ margin-bottom: 4rem; }
#contact-form span.fui-required						{ color: var(--brand-color-white) !important; }
#contact-form .fui-label,
#contact-form .fui-legend							{ font-family: "AktivGroteskEx_W_Bd"; font-weight: normal; margin-bottom: 1.6rem; display: inline-block; line-height: 1; }
#contact-form .fui-legend							{ font-family: "AktivGroteskEx_W_Rg"; margin-bottom: 1rem; line-height: 1; }
#contact-form .fui-error-message					{ color: red; line-height: 1; margin-top: 0.5rem; margin-bottom: 1.6rem; }

#contact-form .fui-input[type="text"],
#contact-form .fui-input[type="email"]				{ font-family: "AktivGroteskEx_W_Rg"; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-image: none; background-color: transparent; border: 1px solid var(--brand-color-white); padding: 1.5rem 1rem; width: 100%; margin-bottom: 1rem; font-size: var(--size-p-regular); color: var(--brand-color-white); }
#contact-form .fui-input[type="text"]::placeholder,
#contact-form .fui-input[type="email"]::placeholder,
#contact-form .fui-input::placeholder				{ color: var(--brand-color-white); }
#contact-form textarea.fui-input					{ font-family: "AktivGroteskEx_W_Rg"; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-image: none; background-color: transparent; border: 1px solid var(--brand-color-white); padding: 1.5rem 1rem; width: 100%; margin-bottom: 1rem; font-size: var(--size-p-regular); color: var(--brand-color-white); line-height: 1.5; height: auto; min-height: 16rem; }


#contact-form .fui-select							{ margin-bottom: 2rem; appearance: none; -webkit-appearance: none; width: 100%; font-family: "AktivGroteskEx_W_Rg"; font-size: var(--size-p-regular) !important; padding: 1.5rem 1rem; background-color: transparent; border: 1px solid var(--brand-color-white); border-radius: 0; color: var(--brand-color-white); cursor: pointer; position: relative; }

#contact-form .fui-type-dropdown .fui-input-container			{ position: relative; }
#contact-form .fui-type-dropdown .fui-input-container::after,
#contact-form .fui-type-dropdown .fui-input-container::before	{ position: absolute; content: ""; right: 1.5rem; top: 2.5rem; pointer-events: none; width: 1rem; height: 0.1rem; background-color: #fff; }
#contact-form .fui-type-dropdown .fui-input-container::after	{ transform: rotate(45deg); right: 2.2rem; }
#contact-form .fui-type-dropdown .fui-input-container::before	{ transform: rotate(-45deg); }

#contact-form .fui-page-row[data-fui-field-count="2"] .fui-type-dropdown:first-of-type .fui-input-container::before { right: 3.5rem; }
#contact-form .fui-page-row[data-fui-field-count="2"] .fui-type-dropdown:first-of-type .fui-input-container::after 	{ right: 4.2rem; }


#contact-form .fui-page-row[data-fui-field-count="2"] .fui-type-dropdown:first-of-type .fui-select { width: calc(100% - 2rem); }

#contact-form .fui-row:last-of-type					{ margin-bottom: 2.5rem; }

#contact-form button               					{ font-family: "AktivGroteskEx_W_Bd"; background-color: var(--brand-color-white); color: var(--brand-color-blue); border: 1px solid var(--brand-color-white); border-radius: 0; text-transform: uppercase; padding: 1.5rem 7rem; font-size: var(--size-p-regulars); }
#contact-form button:hover         					{ cursor: pointer; background-color: transparent; color: var(--brand-color-white); }


#contact-form [type="checkbox"]:not(:checked) + label:before,
#contact-form [type="checkbox"]:checked + label:before 		{ content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: 1px solid var(--brand-color-white); background: var(--brand-color-white); border-radius: 0; }

#contact-form [type="checkbox"]:not(:checked) + label:after,
#contact-form [type="checkbox"]:checked + label:after 		{ content: "\00D7"; position: absolute; top: 7px; left: 3px; font-size: var(--size-p-ingress); line-height: 0.8; color: var(--brand-color-black); transition: all .0125s; border: 1px solid var(--brand-color-white); }

#contact-form .fui-checkbox-label a							{ text-decoration: underline; }


#contact-form .fui-type-agree .fui-legend,
#contact-form .fui-label-hidden .fui-label		{ display: none; }

.contact-popup									{ position: absolute; right: 0; bottom: 0; background-color: var(--brand-color-white); border: 1px solid var(--brand-color-black); z-index: 1000; color: var(--brand-color-black); display: none; }

/* contact form in GET IN TOUCH box */
.cta-contact-form                               { padding: 3rem 0rem 1.5rem 0rem; text-align: left; position: relative; z-index: 100000; max-height: 100vh; width: 40rem; margin-right: 0 !important; }
.cta-contact-form a                             { color: var(--brand-color-black); }
.cta-contact-form label                         { color: var(--brand-color-black); text-align: left; font-family: "AktivGroteskEx_W_Rg"; margin-left: 2rem; float: left; }
.cta-contact-form input[type=text], 
.cta-contact-form input[type=email],
.cta-contact-form input[type=tel]               { border: none; padding: 0; border-bottom: 1.7px solid var(--brand-color-black); border-radius: 0; color: var(--brand-color-black); float: right; height: 2rem; width: 30rem; margin: 0; }
.cta-contact-form textarea                      { outline: none; border: 1.7px solid var(--brand-color-black); border-radius: 0; width: 30rem; height: 16rem; float: right; margin-top: 1.5rem; }
.cta-contact-form div.message-label label   	{  position: relative; top: -15.5rem; }
.cta-contact-form button						{ cursor: pointer; border:none; background-color: transparent; color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; padding: 0.2rem 0; }
.cta-contact-form button:hover,
.cta-contact-form button:focus					{ background-color: transparent; color: var(--brand-color-black); }
.cta-contact-form label.fui-checkbox-label a	{ border-bottom: 1px solid var(--brand-color-black); padding-bottom: 0.2rem; }
.cta-contact-form label.fui-checkbox-label		{ padding-right: 20px; display: inline-block; margin-bottom: 15px; line-height: 2; }

/* formie overrides */
div.fui-field-container							{ line-height: 2.5; }
form *:focus                      				{ outline: none !important; }
form span.fui-required             				{ color: var(--brand-color-black) !important; }
div.rc-anchor-invisible-text					{ display: none; }
div.grecaptcha-badge							{ opacity: 0; pointer-events: none; }

.fui-checkbox									{ margin-bottom: 1.25rem; }
.fui-checkbox-label								{ display: inline-block; line-height: 2.4; }
.fui-checkbox-label a							{ text-transform: none; line-height: 1.4; }

/* Custom checkbox: Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked 							{ position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label 					{ position: relative; padding-left: 2.5rem; cursor: pointer; }

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before 			{ content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: 1px solid var(--brand-color-black); background: var(--brand-color-white); border-radius: 0; }

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after 			{ content: "\00D7"; position: absolute; top: 8px; left: 4px; font-size: var(--size-p-ingress); line-height: 0.8; color: var(--brand-color-black); transition: all .0125s; }

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after 		{ opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after 			{ opacity: 1; transform: scale(1); }

/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before 	{ box-shadow: none; border-color: #bbb; background-color: #ddd; border-radius: 0px; }
[type="checkbox"]:disabled:checked + label:after 	{ color: #999;}
[type="checkbox"]:disabled + label 					{ color: #aaa; }

/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before{ border: 1px dotted var(--brand-color-black); }

/* hover style just for information */
label:hover:before 									{ /*border: 1px solid var(--brand-color-black) !important;*/ }




/* Inline forms with new form style */
.inline-form										{ margin-bottom: 4rem; }

.form-style--new									{  }
.form-style--new .fui-label,
.form-style--new .fui-legend						{ font-family: "AktivGroteskEx_W_Bd"; font-weight: normal; margin-bottom: 1.6rem; display: inline-block; line-height: 1; }
.form-style--new .fui-legend						{ font-family: "AktivGroteskEx_W_Rg"; margin-bottom: 1rem; line-height: 1; }
.form-style--new .fui-error-message					{ color: red; line-height: 1; margin-top: 0.5rem; margin-bottom: 1.6rem; }

.form-style--new .fui-input[type="text"],
.form-style--new .fui-input[type="email"]			{ font-family: "AktivGroteskEx_W_Rg"; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background-image: none; border: 1px solid var(--brand-color-black); padding: 1.5rem 1rem; width: 100%; margin-bottom: 1rem; font-size: var(--size-p-regular); }
.form-style--new .fui-input[type="text"]::placeholder	{  }

.form-style--new [data-field-type="radio-buttons"]						{ margin-top: 1.5rem; margin-bottom: 1.5rem; }
.form-style--new [data-field-type="radio-buttons"] .fui-radio			{ display: inline-block; margin-right: 3rem; }
.form-style--new [data-field-type="radio-buttons"] .fui-radio-label		{ padding-left: 1rem; }
.form-style--new [data-field-type="radio-buttons"] .fui-radio input		{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; margin: 0; width: 1.8rem; height: 1.8rem; border: 1px solid var(--brand-color-black); border-radius: 50%; transform: translateY(0.1rem); }
.form-style--new [data-field-type="radio-buttons"] .fui-radio input:checked		{ background-color: var(--brand-color-black); }
.form-style--new [data-field-type="radio-buttons"] .fui-radio:hover,
.form-style--new [data-field-type="radio-buttons"] .fui-radio input:hover,
.form-style--new [data-field-type="radio-buttons"] .fui-radio label:hover		{ cursor: pointer; }

.form-style--new .fui-row:last-of-type				{ margin-bottom: 2.5rem; }

.form-style--new button               				{ font-family: "AktivGroteskEx_W_Bd"; background-color: var(--brand-color-black); color: var(--brand-color-white); border: none; border-radius: 0; text-transform: uppercase; padding: 1.5rem 7rem; font-size: var(--size-p-regulars); }
.form-style--new button:hover         				{ cursor: pointer; background-color: var(--brand-color-black); }




/* -----------------------------------------------------------

	STRUCTURE

----------------------------------------------------------- */
*,
*:before,
*:after 			{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html				{ height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
body 				{ height: 100%; text-align: center; }

.page-wrapper		{ width: 100%; min-height: 100%; _height: fit-content; margin: auto; position: relative; text-align: left; overflow: hidden; }
.page-header,
.page-content,
.page-footer,
.content-wrapper	{ width: 100%; position: relative; }

.page-content		{ min-height: calc(100vh - 170px); background-color: var(--brand-color-white); }
.page-content.has-sidebar		{ padding-bottom: 120px; }


/* CONTENT STRUCTURE
-------------------------------------------------------------- */
.layout-wrapper,
.content-wrapper		 					{ margin-left: auto; margin-right: auto; padding-left: 8.33%; padding-right: 8.33%; }
.layout-wrapper.has-sidebar					{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.layout-wrapper.has-sidebar .main-content	{ order: 2; width: 75%; padding-left: 5%; padding-top: 4.5rem; padding-bottom: 3rem; }
.layout-wrapper.has-sidebar .sidebar		{ order: 1; width: 20%; min-width: 160px; position: relative; }

/* .layout-wrapper.has-sidebar .sidebar		{  } */
.sidebar .side-nav-wrapper					{ padding-top: 5.5rem; padding-bottom: 3rem; top: 0; }
.side-nav-wrapper.fixed-sidebar				{ position: fixed; max-width: 26.5rem; width: 20%; min-width: 160px; }

.page-navigation .content-wrapper			{ position: relative; height: 84px; }
.page-logo									{ width: 20%; min-width: 160px; margin-right: 10%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }


.layout-wrapper								{ border-top: 2px solid rgba(0, 0, 0, 1); }
.fairs .layout-wrapper						{ border-top: none; }

/* .content-block							{  } */
.content-block img							{ display: block; width: 100%; height: auto; }
.content-block.image-block					{ padding-top: 1.5rem; margin-bottom: 4rem; }
.content-block.image-block.has-caption		{ margin-bottom: 3.5rem; }
.content-block.image-block img				{ margin-bottom: 2rem; }

.flow-image-switcher-wrapper img			{ width: 100%; height: 100%; }

h1 + .content-block.image-block				{ padding-top: 0; }


.contact-wrapper							{  }
.contact-wrapper:first-of-type				{ margin-top: 4rem; }
.contact-wrapper h2							{ margin-bottom: 4rem; padding-top: 0; font-size: 16px; }
.contact-wrapper.small-header h2			{ margin-bottom: 3.5rem; padding-top: 0; font-size: 12px; }
.contact-wrapper h3							{ margin-bottom: 2.5rem; font-size: 12px; }
.location-wrapper							{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-top: 1rem; }
.location-wrapper-main						{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin-bottom: 2.5rem; }
.location-wrapper h3						{ width: 100%; }
.location-wrapper .location					{ width: 50%; margin-bottom: 4.5rem; }
.location-wrapper .location p				{ margin-bottom: 2.5rem; padding-right: 2.5rem; }
.location-wrapper .location :last-child		{ margin-bottom: 0; }
.single-col .location-wrapper .location		{ width: 100%; }


.contact-wrapper h2.toggle					{ position: relative; }
.contact-wrapper h2.toggle:hover			{ cursor: pointer; }
.contact-wrapper h2.toggle::after			{ content: ""; position: absolute; background-image: url(../img/white-arrow-down.svg); background-position: center center; background-size: 16px auto; background-repeat: no-repeat; width: 30px; height: 30px; right: 0; }
.contact-wrapper.small-header h2.toggle::after	{ margin-top: -2px; }
.contact-wrapper.open h2.toggle::after		{ transform: rotate(180deg); }
.location-wrapper--toggled					{  }
.location-wrapper--toggled					{ display: none; }
.open .location-wrapper--toggled			{ display: flex; }

.grid-container                         	{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.grid-item                              	{ width: 30%; padding-bottom: 8%; margin-bottom: 2%; position: relative; margin-right: 5%; }
.grid-item:last-child						{ margin-right: 0; }
.grid-item header p							{ text-transform: uppercase; margin: 1.333em 0; }
.grid-item header p a						{ border-bottom: none; font-family: "AktivGroteskEx_W_Rg"; font-style: normal !important; }
.grid-item header p a:hover					{ font-family: "AktivGroteskEx_W_Rg" !important; font-style: normal !important; }
.grid-item h3 a								{ border-bottom: none; }






/* PAGE-HEADER
-------------------------------------------------------------- */
.page-logo a								{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
.page-logo a img							{ display: block; }
.page-logo img								{ display: block; max-width: 100%; height: auto; }


/* NAVIGATION
-------------------------------------------------------------- */
.page-navigation 							{ text-align: justify; }
.page-navigation .page-logo					{ float: left; }
.page-navigation nav						{ float: left; margin-left: -2rem; display: inline-block; }
.page-navigation nav a	 					{ padding: 0 2rem; white-space: nowrap; display: inline-block; vertical-align: middle; line-height: 84px; color: var(--brand-color-black); position: relative; background-color: var(--brand-color-white); text-transform: uppercase; }
.page-navigation nav a:hover				{ font-family: "AktivGroteskEx_W_Bd"; }
.page-navigation nav a::before 				{ display: block; font-family: "AktivGroteskEx_W_Bd"; content: attr(data-name); height: 0; overflow: hidden; visibility: hidden; }
.page-navigation nav li						{ display: inline-block; }

/* .main-nav ul li							{  } */
.main-nav ul li a.main-active				{ font-family: "AktivGroteskEx_W_Bd"; }
.main-nav ul li ul							{ background: var(--brand-color-white); position: absolute; width: 100%; top: 84px; z-index: -100; left: 0; right: 0; border-bottom: 2px solid rgba(0, 0, 0, 1); height: 0; max-height: 0; transition: max-height 350ms cubic-bezier(0.77, 0, 0.175, 1); margin: 0; list-style: none; padding-left: 8.33% !important; padding-right: 8.33% !important; text-align: center; will-change: transition, max-height; background-color: var(--brand-color-white); }
.main-nav ul li ul li						{ list-style: none; opacity: 0; transition: opacity 550ms cubic-bezier(0.77, 0, 0.175, 1); }
.main-nav ul li ul li.active				{ font-family: "AktivGroteskEx_W_Bd"; }
.main-nav ul li ul li.active				{ font-family: "AktivGroteskEx_W_Bd"; }
.main-nav ul li ul li a:hover				{ font-family: "AktivGroteskEx_W_Bd"; }
.main-nav ul li:hover ul					{ height: auto; max-height: 200px; z-index: 100; }
.main-nav ul li:hover ul li					{ opacity: 1; }

.lang-nav,
.lang-nav ul,
.lang-nav li								{ list-style: none; margin: 0; padding: 0; }
.lang-nav									{ display: inline; float: right; }
.lang-nav a									{ color: var(--brand-color-black); display: inline-block; }

.lang-nav-toggle span						{ float: right; position: relative; line-height: 84px; }
.lang-nav-toggle span:hover					{ cursor: pointer; }

.lang-nav-list								{ background: var(--brand-color-white); position: absolute; width: 100%; top: 84px; z-index: -100; left: 0; right: 0; border-bottom: 2px solid rgba(0, 0, 0, 1); height: 0; max-height: 0; transition: max-height 350ms cubic-bezier(0.77, 0, 0.175, 1); }
.lang-nav-list ul							{ padding: 0px 8.33% !important; text-align: right; }
.lang-nav-list ul li						{ display: inline; opacity: 0; transition: opacity 550ms cubic-bezier(0.77, 0, 0.175, 1); }
.lang-nav-list ul li a						{ line-height: 64px; padding: 0rem 2rem; position: relative; display: inline-block; background-color: var(--brand-color-white); }
.lang-nav-list ul li a:after				{ content: attr(data-name); position: absolute; left: -20px; top: 0px; width: 100%; font-family: "AktivGroteskEx_W_Bd"; background-color: var(--brand-color-white); z-index: -2; }
.lang-nav-list ul li:last-of-type a:after	{ left: 0; }
.lang-nav-list ul li a:hover:after			{ z-index: 2; }
.lang-nav-list ul li.active					{ font-family: "AktivGroteskEx_W_Bd"; }
.lang-nav-list ul li.active:hover			{ cursor: default; }
.lang-nav-list ul li:last-of-type a			{ padding-right: 0; }

.lang-nav:hover .lang-nav-list				{ height: auto; max-height: 200px; z-index: 100; }
.lang-nav:hover .lang-nav-list ul li		{ opacity: 1; }
.lang-nav:hover .lang-nav-toggle a			{ font-family: "AktivGroteskEx_W_Bd"; }

.mobile-menu 								{ display: block; width: 100%; left: -100%; height: 100%; background: var(--brand-color-white); position: absolute; z-index: 10000; transition: 0.25s ease-in-out; top: 85px; }
.mobile-menu ul 							{ position: relative; margin: 0 0 0 4rem; padding: 0; top: 2.8rem; }
.mobile-menu ul li 							{ list-style: none; display: inline-block; width: 100%; position: relative; }
.mobile-menu ul li .toggle					{ font-size: var(--size-p-ingress); position: absolute; right: 3rem; top: -14px; width: 48px; height: 56px; line-height: 56px; text-align: center; background-image: url(../img/arrow-down.svg); background-position: center center; background-size: 24px auto; background-repeat: no-repeat; }
.mobile-menu ul li .toggle.toggled			{ background-image: url(../img/arrow-up.svg); }
.mobile-menu ul li .toggle.empty,
.mobile-menu ul li.active .toggle			{ display: none; }
.mobile-menu ul li .toggle:hover			{ cursor: pointer; }
.mobile-menu ul li ul						{ top: 0; max-height: 0; overflow: hidden; transition: max-height 0.35s ease;  }
/* .mobile-menu ul li ul li a				{  } */
.mobile-menu ul li ul li:last-child			{ margin-bottom: 0; }
/* .mobile-menu ul li.active				{  } */

.mobile-menu ul li.active ul				{ max-height: max-content; }
.mobile-menu ul li ul.open					{ max-height: max-content; transition: max-height 0.35s ease; }

.mobile-menu ul li a 						{ width: calc(100% - 96px); max-width: 1200px; margin: 0 auto; display: inline-block; text-align: left; color: var(--brand-color-black); overflow: hidden; position: relative; font-family: "AktivGroteskEx_W_Rg"; font-size: var(--size-p-ingress); margin-bottom: 2.5rem; }
.mobile-menu .active > a					{ font-family: "AktivGroteskEx_W_Bd"; }
.mobile-menu ul li a:hover 					{ color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; }
.mobile-menu .lvl-3-links					{ font-size: var(--size-p-xs); }
.mobile-menu .secondary-toggle				{ font-size: var(--size-p-ingress); position: absolute; right: 3rem; top: -14px; width: 48px; height: 56px; line-height: 56px; text-align: center; background-image: url(../img/arrow-down.svg); background-position: center center; background-size: 16px auto; background-repeat: no-repeat; }
.mobile-menu .secondary-toggle.toggled { background-image: url(../img/arrow-up.svg); }
.mobile-menu .secondary-toggle .empty,
.mobile-menu li.active .secondary-toggle { display: none; }
.mobile-menus li .secondary-toggle:hover	{ cursor: pointer; }

.mobile-menu--open 							{ left: 0; opacity: 1; }
.mobile-nav-button 							{ position: absolute; margin: 3.25rem 2rem 0 0; right: 0; top: 0; z-index: 900; cursor: pointer; width: 24px; height: 24px; display: none; }
.mobile-nav-button:hover 					{ cursor: pointer; }
.mobile-nav-button .mobile-nav-button__line { width: 100%; height: 2px; background: rgba(0, 0, 0, 1); position: relative; transition: 0.25s ease; }

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; }

.mobile-nav-button .mobile-nav-button__line--1 	{ transform: rotate(45deg); top: 8px; position: absolute; }
.mobile-nav-button .mobile-nav-button__line--2 	{ display: none; }
.mobile-nav-button .mobile-nav-button__line--3 	{ transform: rotate(135deg); top: 8px; position: absolute; }

/* SIDEBAR
-------------------------------------------------------------- */
.sidebar h3.products						{ display: none; }
.sidebar h3									{ margin-bottom: 5rem; }
.sidebar li h3								{ margin-bottom: 0; /*margin-top: 4.5rem;*/ line-height: 1.7; }
.sidebar li h3.remove-margin				{ margin-top: 0; }
.sidebar li h3.has-children					{ margin-bottom: 2rem; }
/* .sidebar nav								{  } */
.sidebar nav li								{ display: block; margin-bottom: 2rem; line-height: 2; }
.sidebar nav li ul							{ margin: 0; margin-top: 2rem; }
.sidebar nav ul:last-of-type				{ margin-bottom: 4.5rem; }
.sidebar nav ul li ul li ul a				{ font-family: "AktivGroteskEx_W_It"; }
.sidebar a 									{ color: var(--brand-color-black); display: block; }
.sidebar a:hover							{ font-family: "AktivGroteskEx_W_Bd"; }
.sidebar .active > a,
.sidebar .active span > a					{ font-family: "AktivGroteskEx_W_Bd"; }

.sidebar ul li 								{ list-style: none; display: inline-block; width: 100%; position: relative; }
.sidebar a 									{ max-width: 80% !important; }
.sidebar ul li .toggle						{ position: absolute; background-image: url(../img/arrow-down.svg); background-position: center center; background-size: 16px auto; background-repeat: no-repeat; width: 48px; height: 56px; top: -1.5rem; right: 0; }
.sidebar ul li .toggle.toggled				{ background-image: url(../img/arrow-up.svg); top: -1.5rem; right: 0; }
.sidebar ul li .toggle.empty,
.sidebar ul li ul							{ display: none; }
.sidebar ul li ul.open						{ display: block; max-height: 500px; transition: max-height 0.35s ease; margin-bottom: 0; margin-left: 2rem; }
.sidebar ul li .toggle:hover,
.sidebar ul li ul.open li:hover				{ cursor: pointer; font-family: "AktivGroteskEx_W_Bd"; }
.sidebar input[type=radio]					{ visibility: hidden; margin: 0; padding: 0; width: 0; }

.blue-bg .sidebar ul li .toggle 			{ position: absolute; background-image: url(../img/white-arrow-down.svg); background-position: center center; background-size: 16px auto; background-repeat: no-repeat; width: 48px; height: 56px; top: -1.5rem; right: 2rem; }
.blue-bg .sidebar ul li .toggle.toggled 	{ background-image: url(../img/white-arrow-up.svg); top: -1.5rem; right: 2rem; }

/* PAGINATION
-------------------------------------------------------------- */
.pagination				{ font-weight: normal; font-family: "AktivGroteskEx_W_Rg"; line-height: 3.5; text-transform: uppercase; }
.pagination span		{ display: inline-block; margin: 0 0.5rem; }
.pagination a			{ font-weight: normal; font-family: "AktivGroteskEx_W_Rg"; display: inline-block; color: var(--brand-color-black); text-transform: uppercase; }
.pagination a.prev		{ padding-right: 0.5rem; position: relative; display: inline-block; }
.pagination a.next		{ padding-left: 0.5rem;  position: relative; display: inline-block; }
.pagination a:hover		{ font-weight: normal; font-family: "AktivGroteskEx_W_Bd"; color: var(--brand-color-black); }
a.prev:after 			{ content: "";  position: absolute; top: 0; right: 0; bottom: 0; left:0; }
a.next:after 			{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0; }


/* CONTENT ELEMENTS
-------------------------------------------------------------- */
.hero										{ position: relative; }
.hero--main									{ border-top: 2px solid rgba(0, 0, 0, 1); border-bottom: 2px solid rgba(0, 0, 0, 1); }
.hero--main img								{ display: block; width: 100%; height: auto; }
/* .hero--liftup							{  } */
.hero--liftup img							{ display: block; width: 100%; height: auto; border-top: 2px solid rgba(0, 0, 0, 1); border-bottom: 2px solid rgba(0, 0, 0, 1); }

.embed-block								{ margin-bottom: 2em; position: relative; }
.embed-block > div							{ display: block; width: 100%; height: 0; position: relative; padding-top: 62.5%; }
.embed-block iframe							{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }
.embed-block .no-cookies					{ display: none; width: 100%; height: 0; position: relative; padding-top: 62.5%; background-color: #ddd; }
.embed-block .no-cookies div				{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin: 0; text-align: center; padding: 0 4%; }
.embed-block .no-cookies div p:last-of-type	{ margin: 0; }

/* Show no-cookies content if sketchfab iframe has been blocked by CookieBot */
.sketchfab-embed-wrapper:has(.cookieconsent-optin-preferences)					{ display: none; }
.sketchfab-embed-wrapper:has(.cookieconsent-optin-preferences) + .no-cookies 	{ display: block; }


.campaign-text-block						{ padding-top: 20rem; padding-bottom: 19rem; }
.campaign-text-block p                 		{ line-height: 2.4; }
.campaign-text-block ul,
.campaign-text-block ol						{ line-height: 1.5; }

.newsletter-consent							{ display: none; }

.newsletter-cta                         	{ background-color: var(--brand-color-blue); color: var(--brand-color-white); padding: 22.5rem 8.33%; height: calc(100vh / 2); }
.newsletter-cta.homepage,
.newsletter-cta-w-image.homepage			{ height: calc(100vw / 1.5); }
.newsletter-cta h1,
.newsletter-cta-w-image h1              	{ color: var(--brand-color-white); max-width: 960px; }
.newsletter-cta form,
.newsletter-cta-w-image form            	{ font-family: "AktivGroteskEx_W_Rg"; }
.newsletter-input-group                 	{ border: 1px solid var(--brand-color-white); min-width: 50%; max-width: 60%; overflow: hidden; padding: 0.8rem 1rem; display: inline-flex; justify-content: space-between; }
.newsletter-input-group input           	{ line-height: 1; border: none; padding: 0; margin: 0; background-color: transparent; color: var(--brand-color-white); font-family: "AktivGroteskEx_W_Rg"; width: 100%; max-width: 100%; outline: none; border-radius: 0; }
.newsletter-input-group .button         	{ background-color: transparent; border: none; }
.newsletter-input-group .button:hover   	{ cursor: pointer;}
.newsletter-input-group img.button-arrow    { width: 1.8rem; height: 1.8rem; }
.newsletter-input-group ::placeholder   	{ color: var(--brand-color-white); font-family: "AktivGroteskEx_W_Rg"; }

.newsletter-cta-w-image						{ color: var(--brand-color-white); position: relative; overflow: hidden; }
.newsletter-cta-w-image img					{ display: inline-block; width: 100%; height: 100%;  }
.newsletter-cta-w-image .newsletter-text	{ position: absolute; z-index: 100; width: 80%; padding: 15rem 8.33%; }
 
.request-cta                      		   	{ background-color: var(--brand-color-blue); color: var(--brand-color-white); padding: 22.5rem 8.33%; height: calc(100vh / 2); }
.request-cta.homepage,
.request-cta-w-image.homepage				{ height: calc(100vw / 2); }
.request-cta h1,
.request-cta-w-image h1              		{ color: var(--brand-color-white); max-width: 960px; }
.request-cta form,
.request-cta-w-image form           	 	{ font-family: "AktivGroteskEx_W_Rg"; }
.request-input-group                	 	{ border: 1px solid var(--brand-color-white); min-width: 50%; max-width: 60%; overflow: hidden; padding: 0.8rem 1rem; position: relative; }
.request-input-group input           		{ line-height: 1; border: none; padding: 0; margin: 0; background-color: transparent; color: var(--brand-color-white); font-family: "AktivGroteskEx_W_Rg"; width: 100%; max-width: 100%; outline: none; border-radius: 0; }
.inline-send-btn button      			  	{ background-color: transparent; border: none; color: transparent; background-image: url(../img/white-arrow-right.svg); background-position: center center; background-size: 16px auto; background-repeat: no-repeat; width: 48px; height: 100%; position: absolute; top: 0; right: 0; z-index: 1000; }
.inline-send-btn button:hover   			{ cursor: pointer;}
.request-input-group ::placeholder   		{ color: var(--brand-color-white); font-family: "AktivGroteskEx_W_Rg"; font-size: var(--size-p-ingress); }

.request-cta-w-image						{ color: var(--brand-color-white); position: relative; overflow: hidden; }
.request-cta-w-image img					{ display: inline-block; width: 100%; height: 100%;  }
.request-cta-w-image .request-text			{ position: absolute; z-index: 100; width: 80%; padding: 22.5rem 8.33%; }
 
.blue-text-block-wrapper					{ background-color: var(--brand-color-blue); color: var(--brand-color-white); padding: 15rem 8.33%; border-top: 2px solid rgba(0, 0, 0, 1); border-bottom: 2px solid rgba(0, 0, 0, 1); min-height: calc(100vw / 1.6); height: auto; }
.blue-text-block-wrapper p					{ font-size: var(--size-h2); line-height: 1.5; }
.blue-text-block-wrapper h1,
.blue-text-block-wrapper h2					{ color: var(--brand-color-white); max-width: 960px; }
.blue-text-block-wrapper .blue-box-logo		{ width: 32rem; padding-top: 2rem; }

.image-block__hotcold						{ padding-top: 1.5rem; margin-bottom: 4rem; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.image-block__hotcold img					{ width: 44% !important; height: auto; margin-bottom: 1rem; }
.image-block__hotcold .caption				{ width: 44%; }


.cta-text-block a							{ height: 8.4rem; min-height: 8.4rem; position: relative; display: block; border-bottom: 0; text-decoration: none; }
.cta-text-block a:hover						{ background-color: transparent; }
.cta-text-block .content-wrapper			{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.cta-text-block h2							{ margin-bottom: 0; max-width: fit-content; display: block; position: relative ;}
.cta-text-block h2::after					{ content: ""; position: absolute; width: 100%; height: 0.2rem; background-color: var(--brand-color-black); display: block; transition: 130ms ease-in-out; }
.cta-text-block h2:hover::after				{ margin-top: 0.2rem; }
.cta-text-block h3							{ margin-bottom: 0; }
.cta-text-block h2 a,
.cta-text-block h3 a						{ color: var(--brand-color-black); }

.content-block + .news-list					{ padding-top: 8rem; }
/* .news-list								{  } */
.news-list ul								{ margin: 0; }
.news-list li								{ margin: 0 0 3rem 0; list-style: none; }
.news-list li p								{ margin-bottom: 1rem; }
.news-list li h2 a							{ color: var(--brand-color-black); }
.news-list li h2 a:hover					{ font-family: "AktivGroteskEx_W_BdIt"; }

/* .article-list							{  } */
.article-list header p						{ text-transform: uppercase; /*margin-top: 0.7rem;*/ }
.article-list header p a					{ border-bottom: none; font-family: "AktivGroteskEx_W_Rg"; font-style: normal !important; }
.article-list header p a:hover				{ font-family: "AktivGroteskEx_W_Rg" !important; font-style: normal !important; }
.article-list article						{ margin-bottom: 8rem; }
.article-list h1							{ font-size: var(--size-h2-upsize); margin-bottom: 2rem;}
.article-list h1 a							{ color: var(--brand-color-black); border-bottom: none; }
.article-list h1 a:hover					{ color: var(--brand-color-white); border-bottom: none; }

.article-list article .regular-text + .regular-text { display: none; }

.saima-job-blocks li p						{ display: inline; }

/* .fairs-list								{  } */
.fairs-list ul								{ margin: 0; }
.fairs-list li								{ margin: 0 0 3rem 0; list-style: none; }
.fairs-list li p							{ margin-bottom: 1rem; }
.fairs-list li h3 a							{ color: var(--brand-color-black); }
.fairs-list li h3							{ line-height: 1.6; }
.fairs-list .regular-text ul li::before,
.regular-text.fairs-list ul li::before		{ content: unset !important; margin-right: unset; }
.fairs-list .regular-text h3,
.regular-text.fairs-list h3					{ margin-bottom: 0.5rem; padding-top: 0; }



/* Open positions block */
.open-positions										{ padding: 110px 0; }
.open-positions h2									{ margin-bottom: 110px; }
.open-positions-list								{ margin: 0; padding: 0; border-top: 1px solid #000; }
.open-positions-list li								{ margin: 0; padding: 27px 200px 27px 0; display: block; border-bottom: 1px solid #000; font-family: "AktivGroteskEx_W_Bd";  line-height: 1.5; }
.open-positions-list li a							{ border: 1px solid #000; padding: 0 44px; float: right; text-transform: uppercase; line-height: 38px; margin-top: -9px; margin-right: -200px; }



/* FAQ block */
.faq-block											{ padding: 110px 0; }
.faq-block h2										{ margin-bottom: 106px; }
.faq-block__faqs									{ border-bottom: 1px solid #000; }
.faq-block__faqs .question							{ font-family: "AktivGroteskEx_W_Bd";  line-height: 1.5; padding: 27px 60px 27px 0; position: relative; border-top: 1px solid #000; }
.faq-block__faqs .question:hover					{ cursor: pointer; }
.faq-block__faqs .question::before,
.faq-block__faqs .question::after					{ content: ""; position: absolute; width: 10px; height: 1px; background-color: #000; right: 8px; top: 35px; transform: rotate(-45deg); }
.faq-block__faqs .question::after					{ transform: rotate(45deg); right: 15px; }
.faq-block__faqs .question.open::after				{ transform: rotate(-45deg); }
.faq-block__faqs .question.open::before				{ transform: rotate(45deg); }
.faq-block__faqs .answer							{ visibility: hidden; opacity: 0; height: 0; overflow: hidden; transition: 0.25s cubic-bezier(0.55, 0, 0.45, 1); padding-right: 60px;  }
.faq-block__faqs .answer.open						{ visibility: visible; opacity: 1; height: auto; min-height: 10px; transition: 0.25s cubic-bezier(0.55, 0, 0.45, 1); }
.faq-block__faqs .answer .inner						{ padding-bottom: 27px; }
.faq-block__faqs .answer *:last-child				{ margin-bottom: 0; }



/* Cross-posting block */
.cross-posting										{  }
.cross-posting--latest								{ padding: 60px 0; }
.cross-posting--latest h2							{ margin-bottom: 110px; }

.cross-posting--latest .hero						{ margin-bottom: 80px; }
.cross-posting--latest h3							{ margin-bottom: 50px; }
.cross-posting--latest .read-more					{ margin: 0; }
.cross-posting--latest .read-more a					{ font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; border-bottom: 2px solid #000; }



/* Promoted page block */
.page-promotion										{ display: grid; justify-content: space-between; grid-template-columns: repeat(2, 1fr); grid-gap: 0 50px; align-content: end; margin-top: 110px; }
.page-promotion .img-wrapper						{  }
.page-promotion .txt-wrapper						{ align-self: end; padding-right: 50px; }
.page-promotion .txt-wrapper h2						{ padding: 0; margin-bottom: 50px; }
.page-promotion .txt-wrapper a						{ font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; border-bottom: 2px solid #000; }



/* Promoted articles block */
.block--linked-articles								{  }
.block--linked-articles header p					{ margin-bottom: 6rem; }
.block--linked-articles header h3					{ line-height: 1.8; margin-bottom: 5rem; }
.block--linked-articles header h3 a:hover			{ background-color: transparent !important; color: var(--brand-color-black) !important; border-bottom: 2px solid #000; }
.block--linked-articles .read-more					{ margin-bottom: 0; }
.block--linked-articles .read-more a				{ font-family: "AktivGroteskEx_W_Bd"; text-transform: uppercase; border-bottom: 0.2rem solid var(--brand-color-black); padding-bottom: 8px; transition: 130ms ease-in-out; }
.block--linked-articles .read-more a:hover			{ background-color: transparent !important; color: var(--brand-color-black) !important; padding-bottom: 10px; }




/* Cases article listing */
.cases-filters										{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; padding-bottom: 2.5rem; }
.cases-filter-wrapper								{ width: 31%; }
.cases-filter-wrapper label							{ font-family: "AktivGroteskEx_W_Bd"; font-weight: normal; margin-bottom: 1.6rem; display: block; line-height: 1; }
.cases-filter-wrapper select						{ margin-bottom: 2rem; appearance: none; -webkit-appearance: none; width: 100%; font-family: "AktivGroteskEx_W_Rg"; font-size: var(--size-p-regular) !important; padding: 1.5rem 1rem; background-color: transparent; border: 1px solid var(--brand-color-black); border-radius: 0; color: var(--brand-color-black); cursor: pointer; position: relative; outline: none; }

.cases-filter-wrapper .custom-select-wrapper		{ position: relative; }
.cases-filter-wrapper .custom-select-wrapper::after,
.cases-filter-wrapper .custom-select-wrapper::before{ position: absolute; content: ""; right: 1.5rem; top: 2.5rem; pointer-events: none; width: 1rem; height: 0.1rem; background-color: var(--brand-color-black); }
.cases-filter-wrapper .custom-select-wrapper::after	{ transform: rotate(45deg); right: 2.2rem; }
.cases-filter-wrapper .custom-select-wrapper::before{ transform: rotate(-45deg); }

.cases-filter-clear									{ display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.cases-filter-clear .custom-btn-wrapper				{ padding-top: 1.1rem; }
.cases-filter-clear a								{ color: var(--brand-color-black); text-transform: uppercase; border-bottom: 1px solid var(--brand-color-black); padding: 0.4rem 0; margin-left: 1rem; }
.cases-filter-clear a:hover							{ font-family: "AktivGroteskEx_W_Bd"; border-bottom: 2px solid var(--brand-color-black); }

.cases-listing										{  }
.article-list--mod article,
.cases-listing article								{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; }
.article-list--mod article .cases-deck,
.cases-listing article .cases-deck					{ width: 65%; }
.article-list--mod article .cases-thumb,
.cases-listing article .cases-thumb					{ width: 31%; }






/* COOKIE-BOT
-------------------------------------------------------------- */
/* whole div */
div.CybotEdge.CybotCookiebotDialogActive			{ padding: 1rem; }
div#CybotCookiebotDialog							{ font-family: unset; font-size: 0.8em; border: 1px solid black; border-radius: 0; }
div#CybotCookiebotDialog *							{ font-size: 12px !important; }
div#CybotCookiebotDialog div						{ font-family: "AktivGroteskEx_W_Rg" !important; line-height: 2.4 !important; letter-spacing: 0.2;}
div#CybotCookiebotDialogBodyContent					{ padding: 1rem 1.5rem; }
/* header/default images */
div#CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot	{ display: none; pointer-events: none; width: 0px; }
div#CybotCookiebotDialogHeader						{ max-width: 7.2rem; opacity: 0; max-height: 1px; margin: 0; padding: 0; }
div#CybotCookiebotDialogPoweredbyLink 				{ width: 1px; margin: 0; }
img#CybotCookiebotDialogPoweredbyImage 				{ display: none; pointer-events: none; }
/* text */
div#CybotCookiebotDialog a							{ text-decoration: none !important; font-family: "AktivGroteskEx_W_Rg"; }
div#CybotCookiebotDialog a:hover					{ font-family: "AktivGroteskEx_W_Bd" !important; cursor: pointer; text-decoration: none; color: var(--brand-color-black); }
div#CybotCookiebotDialogBodyContent h2				{ font-family: "AktivGroteskEx_W_Rg"; font-size: var(--size-h2) !important;  }
/* body div#CybotCookiebotDialogBodyContentText		{; } */
/* show details button */
a#CybotCookiebotDialogBodyEdgeMoreDetailsLink		{ font-family: "AktivGroteskEx_W_Bd" !important; color: var(--brand-color-black) !important; text-transform: uppercase; border-bottom: 0.2rem solid var(--brand-color-black); padding-bottom: 0.2rem; }
a#CybotCookiebotDialogBodyEdgeMoreDetailsLink::after{ display: none !important; }
/* buttons */
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtons	{ margin-top: 2.4rem; }
button.CybotCookiebotDialogBodyButton				{ text-transform: uppercase; margin-bottom: 1rem !important; }
button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
button#CybotCookiebotDialogBodyLevelButtonCustomize,
button#CybotCookiebotDialogBodyButtonDecline		{ border: 1px solid var(--brand-color-black) !important; border-radius: 0 !important; background-color: var(--brand-color-white) !important; color: var(--brand-color-black) !important; }
div.CybotCookiebotDialogArrow						{ display: none; width: 0px; }
button#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection	{ border-radius: 0 !important; border: 1px solid var(--brand-color-black) !important; }
/* customize window expanded */
	/* nav */
div#CybotCookiebotDialogNav							{ border-bottom: 1px solid var(--brand-color-black) !important; }
a.CybotCookiebotDialogNavItemLink					{ font-family: "AktivGroteskEx_W_Rg"; text-transform: uppercase; color: var(--brand-color-black); font-weight: lighter !important; }
a.CybotCookiebotDialogNavItemLink:hover				{ font-family: "AktivGroteskEx_W_Bd" !important; color: var(--brand-color-black) !important; }
a.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive	 { color: var(--brand-color-black) !important; border-bottom: none !important; font-family: "AktivGroteskEx_W_Bd" !important; }
	/* type of cookies sections */
div.CookieCard										{ border-bottom: none !important; padding-top: 1rem !important; padding-bottom: 1rem !important;}
button.CybotCookiebotDialogDetailBodyContentCookieContainerButton,
div.CybotCookiebotDialogDetailBodyContentCookieTypeIntro,
div#CybotCookiebotDialogDetailFooter,
div#CybotCookiebotDialogDetailFooter a										{ color: var(--brand-color-black) !important; }	
input[type=checkbox]#CybotCookiebotDialogBodyLevelButtonStatisticsInline,
input[type=checkbox]#CybotCookiebotDialogBodyLevelButtonPreferencesInline,
input[type=checkbox]#CybotCookiebotDialogBodyLevelButtonMarketingInline		{position: relative; left: 0; opacity: 1; }
div.CybotCookiebotDialogBodyLevelButtonSliderWrapper						{position: relative;}
div.CybotCookiebotDialogBodyLevelButtonSliderWrapper input 					{position: absolute;}
#CybotCookiebotDialogTabContent input:not(:checked)+.CybotCookiebotDialogBodyLevelButtonSlider { background-color:#d6d6d6; outline: none; }
span.CybotCookiebotDialogBodyLevelButtonSlider								{ transform: scale(0.7); }
#CybotCookiebotDialog .CybotCookiebotScrollContainer						{ border-bottom: none !important; }
	/* each cookie's card */
div.CybotCookiebotDialogDetailBodyContentCookieGroup,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider	{ border: none !important; padding: 1rem !important; border-radius: 0 !important; font-weight: unset !important; font-family: "AktivGroteskEx_W_Bd" !important; font-size: var(--size-p-ingress) !important; }
a.CybotCookiebotDialogDetailBodyContentCookieProvider:hover	{ color: var(--brand-color-black) !important; }
div.CybotCookiebotDialogDetailBodyContentCookieInfo.CybotCookiebotDialogHide.CybotCookiebotDialogShow	{ border-radius: 0 !important; }
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieLink			{ padding: 0 !important; margin-left: 1em !important; margin-bottom: 1em !important; color: var(--brand-color-black) !important; border-bottom: 2px solid var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd" !important; text-transform: uppercase; font-size: var(--size-p-xs) !important;  }
a.CybotCookiebotDialogDetailBodyContentCookieLink:hover		{ color: var(--brand-color-black) !important; }
a.CybotCookiebotDialogDetailBodyContentCookieLink img		{ display: none; height: 1px; }
/* widget */
div#CookiebotWidget.CookiebotWidget-open			{ border: 1px solid var(--brand-color-black) !important; border-radius: 0 !important; background-color: var(--brand-color-white); }
div#CookiebotWidget-widgetContent *					{ font-size: 12px; font-family: "AktivGroteskEx_W_Rg"; color: var(--brand-color-black); border-radius: 0 !important;  }
div.CookiebotWidget-header							{ border-bottom: none !important; border-radius: 0 !important; padding: 1.8rem !important; margin-left: 0.6rem !important; }
div.CookiebotWidget-header *						{ text-transform: capitalize; font-size: 16px !important; }
div.CookiebotWidget-consents-list *					{ text-align: left; text-transform: capitalize; }
.CookiebotWidget-state								{ margin-bottom: 15px !important; font-size: 12px; }

button.CookiebotWidget-show-consent-details			{ font-family: "AktivGroteskEx_W_Bd" !important; color: var(--brand-color-black) !important; text-transform: uppercase; border-bottom: 0.2rem solid var(--brand-color-black) !important; padding-bottom: 0.2rem; }
button.CookiebotWidget-show-consent-details svg		{ display: none; width: 0px; }

#CookiebotWidget #CookiebotWidget-buttons			{ border-top: none !important; }
button#CookiebotWidget-btn-withdraw					{ border: 1px solid var(--brand-color-black) !important; border-radius: 0 !important; text-transform: uppercase; }
button#CookiebotWidget-btn-change					{ border: 1px solid var(--brand-color-black) !important; background-color: var(--brand-color-black) !important; border-radius: 0 !important; text-transform: uppercase; }	

button.CookiebotWidget-close svg					{ position: relative; opacity: 0; } 
button.CookiebotWidget-close::after					{ position: absolute; content: url(../img/exit.svg); opacity: 1; transform: scale(1.82); }


/* FOOTER
-------------------------------------------------------------- */
.page-footer							{ border-top: 2px solid rgba(0, 0, 0, 1); }
.page-footer .content-wrapper			{ height: 84px; }
.page-footer .content-wrapper p			{ line-height: 84px; margin: 0; }
.page-footer .copy						{ float: left; font-family: "AktivGroteskEx_W_Bd"; width: 20%; min-width: 160px; margin-right: 10% !important; display: inline-block; }
.page-footer .copy a					{ color: rgba(0, 0, 0, 1); }

.page-footer .some-links				{ float: left; }
.page-footer .some-links a				{ color: rgba(0, 0, 0, 1); margin-right: 3rem; }
.page-footer .some-links a:hover		{ color: rgba(0, 0, 0, 1); font-family: "AktivGroteskEx_W_Bd"; }

.page-footer .cookie-consent-link		{ float: right; }
.page-footer .cookie-consent-link a		{ color: rgba(0, 0, 0, 1); }
.page-footer .cookie-consent-link a:hover	{ color: rgba(0, 0, 0, 1); font-family: "AktivGroteskEx_W_Bd"; }

.page-footer .back-to-top				{ float: right; }
.page-footer .back-to-top a				{ color: rgba(0, 0, 0, 1); text-transform: uppercase; }
.page-footer .back-to-top a:hover		{ color: rgba(0, 0, 0, 1); font-family: "AktivGroteskEx_W_Bd"; }
.page-footer .country					{ float: left; color: rgba(0, 0, 0, 1); text-decoration: none; }
.page-footer .country a					{ color: var(--brand-color-black); }
.page-footer .country a:hover			{ color: var(--brand-color-black); font-family: "AktivGroteskEx_W_Bd"; }



/* -----------------------------------------------------------

	MEDIA QUERIES

----------------------------------------------------------- */
@media only screen and (max-width : 1600px) {
	.page-navigation nav				{ margin-left: -1.8rem; }
	.page-navigation nav a	 			{ padding: 0 1.8rem; }
	.page-navigation nav a:after		{ left: 1.8rem; }
}

@media only screen and (max-width : 1550px) {
	.page-navigation nav				{ margin-left: -1.5rem; }
	.page-navigation nav a	 			{ padding: 0 1.5rem; }
	.page-navigation nav a:after		{ left: 1.5rem; }
}

@media only screen and (max-width : 1514px) {
	.page-navigation nav				{ margin-left: -1rem; }
	.page-navigation nav a	 			{ padding: 0 1rem; }
	.page-navigation nav a:after		{ left: 1rem; }
	.newsletter-input-group				{ max-width: 65%; }
}

@media only screen and (max-width : 1380px) {
	.page-navigation nav				{ margin-left: -0.6rem; }
	.page-navigation nav a	 			{ padding: 0 0.6rem; }
	.page-navigation nav a:after		{ left: 0.6rem; }
}

@media only screen and (max-width : 1324px) { /* THIS IS WHERE THAT MAIN-CONTENT OFFSET IS HAPPENING */
	.page-logo							{ margin-right: 5%; }
	.newsletter-input-group				{ max-width: 70%; }
	.hero.center .hero__text			{ width: 100%; padding-left: 5vw; padding-right: 5vw; }
	.grid-container						{  grid-auto-rows: minmax(auto, 36em); }
	.layout-wrapper.has-sidebar .main-content	{ padding-left: 0; }
}

@media only screen and (max-width: 1279px) {
	div.CybotCookiebotScrollArea						{ padding-bottom: 0 !important; }
	#CybotCookiebotDialog .CybotCookiebotScrollContainer{ border-bottom: none !important; }
	#CybotCookiebotDialog .CybotCookiebotDialogBodyBottomWrapper	{ justify-content: flex-start !important; margin-top: -1rem !important; margin-left: 2.15rem !important; }
	div#CybotCookiebotDialogPoweredByText				{ display: none; pointer-events: none; max-height: 1px; }
	div#CybotCookiebotDialogFooter						{ padding-top: 0; }
	.page-navigation nav				{ margin-left: -0.4rem; }
	.page-navigation nav a	 			{ padding: 0 0.4rem; }
	.page-navigation nav a:after		{ left: 0.4rem; }
}

@media only screen and (max-width : 1164px) {
	.newsletter-input-group				{ max-width: 75%; }
	.grid-container						{ grid-auto-rows: minmax(auto, 38em); }
}

@media only screen and (max-width : 1150px) {
	.newsletter-cta,
	.layout-wrapper,
	.content-wrapper							{ padding-left: 4rem; padding-right: 4rem; }
	.mobile-nav-button 							{ margin-right: 4rem; }
	.newsletter-input-group						{ max-width: 50%; }
}

@media only screen and (max-width : 1044px) {
	.sidebar,
	.lang-nav,
	.page-navigation nav						{ display: none; }
	.mobile-nav-button 							{ display: block; }
	.layout-wrapper.has-sidebar .main-content	{ width: 100%; }
}

@media only screen and (max-width : 960px) {
	.hero .hero__text			{ width: calc(100% - 8rem); }
	.hero.left .hero__text		{ left: 4rem; }
	.hero.right .hero__text		{ right: 4rem; }
	.page-logo					{ margin-right: 5rem; }
	.page-footer .copy			{ margin-right: 0 !important; }
}

@media only screen and (max-width : 820px) {
	.newsletter-input-group		{ max-width: 100%; }
	.grid-container				{ display: block !important; flex-wrap: none;  }
	.grid-item					{ padding: 1rem 0rem; width: 100%; }
	.grid-item .cta-anchor		{ position: relative; }
}

@media only screen and (max-width : 768px) {
	/* Formie Two Column Form Block */
	.form-flexbox                       { display: flex; flex-direction: column; }
	.form-flexbox.flex-reverse          { flex-direction: column; }
}

@media only screen and (max-width : 640px) {
	.blue-text-block-wrapper .blue-box-logo		{ width: 26rem; }
	h1											{ margin-bottom: 3rem; }
	.newsletter-cta.homepage					{ height: calc(100vw * 1.6); align-content: unset; }
	.newsletter-cta,
	.layout-wrapper,
	.content-wrapper							{ padding-left: 2rem; padding-right: 2rem; }
	.hero .hero__text							{ width: calc(100% - 4rem); }
	.hero.left .hero__text						{ left: 2rem; }
	.hero.right .hero__text						{ right: 2rem; }
	.hero__text h1 br							{ display: none; }
	.page-logo									{ margin-right: 0; }
	.page-footer 								{ margin-bottom: 8.4rem; }
	.page-footer .content-wrapper p 			{ line-height: 4.2rem; }
	.page-footer .copy							{ margin-right: 0 !important; }
	.hero__text h1								{ font-size: var(--size-h1) !important; }
	.mobile-nav-button 							{ margin-right: 2rem; }
	.mobile-menu ul 							{ margin: 0 0 0 2rem; }
	.mobile-menu ul li a						{ width: calc(100% - 88px); }
	.mobile-menu ul li .toggle					{ right: 1rem; }
	.hero.center .hero__text					{ width: 100%; padding-left: 2rem; padding-right: 2rem; }
	.cta-contact								{ display: none; pointer-events: none; }
	
	.cases-filter-wrapper						{ width: 48%; }
	
	.article-list--mod article,
	.cases-listing article						{ flex-wrap: wrap; }
	.article-list--mod article .cases-deck,
	.cases-listing article .cases-deck			{ width: 100%; }
	.article-list--mod article .cases-thumb,
	.cases-listing article .cases-thumb			{ width: 100%; }
	
	.page-footer .cookie-consent-link			{ float: left; }
}

@media only screen and (max-width : 560px) {
	.hide-on-mobile					{ display: none; }
	:root {
		/* font-sizes */
		--size-h1-xxl: 5.167em; /* 62px */
	}
	
	#contact-form .fui-field-container			{ display: block; }
	#contact-form div.message-label label 		{ top: 0; }
	#contact-form textarea						{ width: 100% !important; }
}

@media only screen and (max-width : 480px) {
	.location-wrapper .location		{ width: 100%; }
	.image-block__hotcold			{ flex-wrap: wrap; align-items: flex-end; }
	.image-block__hotcold img		{ width: 100% !important; height: auto; margin-bottom: 2rem; }
	.image-block__hotcold .caption	{ width: 100%; }
	.campaign-text-block			{ padding-top: 13rem; padding-bottom: 13rem; }
	.cases-filter-wrapper			{ width: 100%; }
	.newsletter-cta					{ padding: 13rem 8.33%; }
		:root {
		/* font-sizes */
			--size-h1-xxl: 5.000em; /* 60px */
		}
	.center h1						{ margin-bottom: 1.2rem; }
	.page-promotion					{ grid-template-columns: repeat(1, 1fr); grid-gap: 50px 50px; }
}

@media only screen and (max-width : 430px) {
	/* contact us form in CONTACT PAGE */
	#contact-form div.fui-form-container		{ width: 33rem; }
	#contact-form textarea                      { width: 24rem; }
	.location-wrapper-main						{ flex-wrap: wrap; }
	:root {
		/* font-sizes */
		--size-h1-xxl: 4.833em; 	/* 58px */
	}
	.center h1						{ margin-bottom: 1rem; }
}

@media only screen and (max-width : 390px) {
	.newsletter-input-group						{ width: 100%; }
	.blue-text-block-wrapper .blue-box-logo		{ width: 22rem; }
	.campaign-text-block						{ padding-top: 11rem; padding-bottom: 11rem; }
	.newsletter-cta								{ padding: 0rem 8%; }
	:root {
		/* font-sizes */
		--size-h1: 1.833em; /* 22px */
		--size-h1-upsize: 2.833em; /* 34px */
		--size-h2: 1.333em; /* 16px */
		--size-h2-upsize: 1.500em; /* 18px */
	}
	h1								{ margin-bottom: 2.5rem; }
	.hero__text h1					{ line-height: 1.3; }
}

@media only screen and (max-width : 390px) {
	:root {
		/* font-sizes */
		--size-h1-xxl: 4.333em; /* 52px */
	}
	.center h1						{ margin-bottom: 1rem; }
}

@media only screen and (max-width : 325px) {
	/* contact us form in CONTACT PAGE */
	#contact-form div.fui-form-container	{ width: 26rem; }
	#contact-form textarea                  { width: 17rem; }
	#contact-form label.fui-checkbox-label	{ width: 24rem; white-space: normal; }
	#contact-form button					{ margin-top: 7rem; }
	:root {
		/* font-sizes */
		--size-h1-xxl: 4.167em; /* 50px */
	}
}