/* Theme base styles */

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/
/* titillium-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/titillium-web-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
    font-family: 'Titillium Web';
    src: url('TitilliumWeb-SemiBold.eot');
    src: url('TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/TitilliumWeb-SemiBold.woff2') format('woff2'),
        url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
        url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/TitilliumWeb-SemiBold.ttf') format('truetype'),
        url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}





/* titillium-web-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/titillium-web-v17-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/titillium-web-v17-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/titillium-web-v17-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* titillium-web-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/titillium-web-v17-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/source-sans-3-v15-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/fonts/source-sans-3-v15-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*! variables.css */

/*
Content Width: 1170
Column Width: 80px
Gap Width: 32px
*/

/******************************   V A R I A B L E N   ******************************/

:root {
	--transition: all 0.25s ease-in-out;
	--border-radius: 12px;
	--border-color: #013c88;
}


/******************************   C O L O R S  ******************************/

:root {
	--primary: #254996;
	--secondary: #E53932;
	--tertiary: #0085aa;
	--highlight-1: #002878;
	--highlight-2: #FF5064;
	--highlight-3: #1EBE9B;
	--highlight-4: #3CAAC3;

	--gradient-1: linear-gradient(0deg, rgb(115 230 144 / 20%) 4%, rgb(70 198 235 / 20%) 100%);
	--gradient-2: linear-gradient(90deg, #73e690 4%, #46c6eb 100%);

	--text-color-dark: #000000;
	--text-color-light: #ffffff;

	--background-color-1: #FFFFFF;
	--background-color-2: #03326c;
	--background-color-3: var(--gradient-1);
	--background-color-4: var(--gradient-2);

}

/******************************   E X P L A N A T I O N  ******************************/
/*
name of variables:

--TAG_DEFINITION: value 


using clamp

E.g. clamp(1.6rem, calc(1.67rem + -0.19vw), 1.4rem);
clamp generator: https://observablehq.com/@saneef/fluid-typography-css-clamp-value-generator

Viewport: min = 360px
Viewport: max = 1170px


RemBase = 10 

Color Filter for SVG:
https://codepen.io/sosuke/pen/Pjoqqp


*/

:root {

	/******************************   T Y P O G R A P H Y  ******************************/


	/*  B O D Y  */
	--body_font-family: "Source Sans 3", sans-serif;
	--body_color: var(--text-color-dark);
	--body_font-size: clamp(1.6rem, calc(1.51rem + 0.25vw), 1.8rem);
	--body_font-weight: 400;
	--body_line-height: 1.25;
	--body_margin-bottom: 1.8rem;
	---body_font-size-36: clamp(2rem, calc(1.29rem + 1.98vw), 3.6rem);
	---body_font-size-24: clamp(1.8rem, calc(1.53rem + 0.74vw), 2.4rem);
	---body_font-size-22: clamp(1.8rem, calc(1.62rem + 0.49vw), 2.2rem);
	---body_font-size-14: 1.4rem;

	/* text will be larger on mobile */
	--body_sm_font-size: 0.85rem;
	--body_sx_font-size: 0.75rem;
	--territory_font-family: 'Source Sans Pro', sans-serif;

	--title_font-family: "Titillium Web", Arial, sans-serif;
  
	/*  H 1  */
	--h1_color: var(--text-color-dark);
	--h1_font-size: clamp(3rem, calc(1.22rem + 4.94vw), 7rem);
	--h1_font-weight: 600;
	--h1_line-height: 1.2;
	--h1_margin-bottom: 20px;

	/* headlines will be smaller on mobile */
	--h1_sm_font-size: 1.3rem;
	--h1_sx_font-size: 1.2rem;


	/*  H 2  */
	--h2_color: var(--primary);
	--h2_font-size: clamp(2.6rem, calc(1.8rem + 2.22vw), 4.4rem);
	--h2_font-weight: 600;
	--h2_line-height: 1.2;
	--h2_margin-bottom: 20px;

	--h2_sm_font-size: 1.3rem;
	--h2_sx_font-size: 1.2rem;


	/*  H 3  */
	--h3_color: #75e1ff;
	--h3_font-size: clamp(2.2rem, calc(1.84rem + 0.99vw), 3rem);
	--h3_font-weight: 600;
	--h3_line-height: 1.2;
	--h3_margin-bottom: 20px;

	--h3_sm_font-size: 1.4rem;
	--h3_sx_font-size: 1.4rem;


	/*  H 4 */
	--h4_color: var(--tertiary);
	--h4_font-size: clamp(2rem, calc(1.91rem + 0.25vw), 2.2rem);
	--h4_font-weight: 600;
	--h4_line-height: 1.2;
	--h4_margin-bottom: 0.8em;

	--h4_sm_font-size: 1.4rem;
	--h4_sx_font-size: 1.4rem;


	/*  H 5  */
	--h5_color: var(--text-color-dark);
	--h5_font-size: clamp(1.13rem, calc(1.13rem + 0vw), 1.13rem);
	--h5_font-weight: 400;
	--h5_line-height: 1.2;
	--h5_margin-bottom: 0.8em;

	--h5_sm_font-size: 1.4rem;
	--h5_sx_font-size: 1.4rem;


	/*  H 6  */
	--h6_color: var(--text-color-dark);
	--h6_font-size: clamp(0.88rem, calc(0.88rem + 0vw), 0.88rem);
	--h6_font-weight: 400;
	--h6_line-height: 1.2;
	--h6_margin-bottom: 0.8em;

	--h6_sm_font-size: 1.4rem;
	--h6_sx_font-size: 1.4rem;


	/*  TOPLINE  */
	--topline_color: var(--primary);
	--topline_font-size: 1.7rem;
	--topline_font-weight: 600;
	--topline_line-height: 1.059;
	--topline_letter-spaing: 0.1em;
	--topline_margin-bottom: 2.4rem;
	--topline_text-transform: uppercase;


	/******************************   G R I D   ******************************/


	--section_column-gap_xs: 15px;
	--section_column-gap_sm: 20px;
	--section_column-gap_md: 25px;
	--section_column-gap_lg: 30px;

}

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

/* Here we can paste code that is used everytime */

*, *:before, *:after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
html {
    height: 100%;
    scroll-behavior: smooth;
    font-size: 62.5%;
}

html,
body,
nav,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
i,
q,
ul,
button,
span {
    margin: 0;
    padding: 0;
}

a {
    outline: none;
}
/* padding */.pt0,.p0-0{padding-top:0px;}
.pb0,.p0-0{padding-bottom:0px;}.pt5,.p5-0{padding-top:5px;}
.pb5,.p5-0{padding-bottom:5px;}.pt10,.p10-0{padding-top:10px;}
.pb10,.p10-0{padding-bottom:10px;}.pt15,.p15-0{padding-top:15px;}
.pb15,.p15-0{padding-bottom:15px;}.pt20,.p20-0{padding-top:20px;}
.pb20,.p20-0{padding-bottom:20px;}.pt25,.p25-0{padding-top:25px;}
.pb25,.p25-0{padding-bottom:25px;}.pt30,.p30-0{padding-top:30px;}
.pb30,.p30-0{padding-bottom:30px;}.pt35,.p35-0{padding-top:35px;}
.pb35,.p35-0{padding-bottom:35px;}.pt40,.p40-0{padding-top:40px;}
.pb40,.p40-0{padding-bottom:40px;}.pt45,.p45-0{padding-top:45px;}
.pb45,.p45-0{padding-bottom:45px;}.pt50,.p50-0{padding-top:50px;}
.pb50,.p50-0{padding-bottom:50px;}.pt55,.p55-0{padding-top:55px;}
.pb55,.p55-0{padding-bottom:55px;}.pt60,.p60-0{padding-top:60px;}
.pb60,.p60-0{padding-bottom:60px;}.pt65,.p65-0{padding-top:65px;}
.pb65,.p65-0{padding-bottom:65px;}.pt70,.p70-0{padding-top:70px;}
.pb70,.p70-0{padding-bottom:70px;}.pt75,.p75-0{padding-top:75px;}
.pb75,.p75-0{padding-bottom:75px;}.pt80,.p80-0{padding-top:80px;}
.pb80,.p80-0{padding-bottom:80px;}.pt85,.p85-0{padding-top:85px;}
.pb85,.p85-0{padding-bottom:85px;}.pt90,.p90-0{padding-top:90px;}
.pb90,.p90-0{padding-bottom:90px;}.pt95,.p95-0{padding-top:95px;}
.pb95,.p95-0{padding-bottom:95px;}.pt100,.p100-0{padding-top:100px;}
.pb100,.p100-0{padding-bottom:100px;}.p0{padding:0px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p35{padding:35px;}.p40{padding:40px;}.p45{padding:45px;}.p50{padding:50px;}/* margin */.mt0,.m0-0{margin-top:0px;}
.mb0,.m0-0{margin-bottom:0px;}.mt5,.m5-0{margin-top:5px;}
.mb5,.m5-0{margin-bottom:5px;}.mt10,.m10-0{margin-top:10px;}
.mb10,.m10-0{margin-bottom:10px;}.mt15,.m15-0{margin-top:15px;}
.mb15,.m15-0{margin-bottom:15px;}.mt20,.m20-0{margin-top:20px;}
.mb20,.m20-0{margin-bottom:20px;}.mt25,.m25-0{margin-top:25px;}
.mb25,.m25-0{margin-bottom:25px;}.mt30,.m30-0{margin-top:30px;}
.mb30,.m30-0{margin-bottom:30px;}.mt35,.m35-0{margin-top:35px;}
.mb35,.m35-0{margin-bottom:35px;}.mt40,.m40-0{margin-top:40px;}
.mb40,.m40-0{margin-bottom:40px;}.mt45,.m45-0{margin-top:45px;}
.mb45,.m45-0{margin-bottom:45px;}.mt50,.m50-0{margin-top:50px;}
.mb50,.m50-0{margin-bottom:50px;}.mt55,.m55-0{margin-top:55px;}
.mb55,.m55-0{margin-bottom:55px;}.mt60,.m60-0{margin-top:60px;}
.mb60,.m60-0{margin-bottom:60px;}.mt65,.m65-0{margin-top:65px;}
.mb65,.m65-0{margin-bottom:65px;}.mt70,.m70-0{margin-top:70px;}
.mb70,.m70-0{margin-bottom:70px;}.mt75,.m75-0{margin-top:75px;}
.mb75,.m75-0{margin-bottom:75px;}.mt80,.m80-0{margin-top:80px;}
.mb80,.m80-0{margin-bottom:80px;}.mt85,.m85-0{margin-top:85px;}
.mb85,.m85-0{margin-bottom:85px;}.mt90,.m90-0{margin-top:90px;}
.mb90,.m90-0{margin-bottom:90px;}.mt95,.m95-0{margin-top:95px;}
.mb95,.m95-0{margin-bottom:95px;}.mt100,.m100-0{margin-top:100px;}
.mb100,.m100-0{margin-bottom:100px;}.m0{margin:0px;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m25{margin:25px;}.m30{margin:30px;}.m35{margin:35px;}.m40{margin:40px;}.m45{margin:45px;}.m50{margin:50px;}.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Objects
Non-cosmetic design patterns including grid and layout classes)
*/

/* Responsive grid */

.row-fluid {
  width: 100%;
}

.row-fluid:before, .row-fluid:after {
  display: table;
  content: '';
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*='span'] {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.127659574%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.row-fluid [class*='span']:first-child {
  margin-left: 0;
}

.row-fluid .span12 {
  width: 99.99999998999999%;
}

.row-fluid .span11 {
  width: 91.489361693%;
}

.row-fluid .span10 {
  width: 82.97872339599999%;
}

.row-fluid .span9 {
  width: 74.468085099%;
}

.row-fluid .span8 {
  width: 65.95744680199999%;
}

.row-fluid .span7 {
  width: 57.446808505%;
}

.row-fluid .span6 {
  width: 48.93617020799999%;
}

.row-fluid .span5 {
  width: 40.425531911%;
}

.row-fluid .span4 {
  width: 31.914893614%;
}

.row-fluid .span3 {
  width: 23.404255317%;
}

.row-fluid .span2 {
  width: 14.89361702%;
}

.row-fluid .span1 {
  width: 6.382978723%;
}

.container-fluid:before, .container-fluid:after {
  display: table;
  content: '';
}

.container-fluid:after {
  clear: both;
}

@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.762430939%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.999999993%;
  }

  .row-fluid .span11 {
    width: 91.436464082%;
  }

  .row-fluid .span10 {
    width: 82.87292817100001%;
  }

  .row-fluid .span9 {
    width: 74.30939226%;
  }

  .row-fluid .span8 {
    width: 65.74585634900001%;
  }

  .row-fluid .span7 {
    width: 57.182320438000005%;
  }

  .row-fluid .span6 {
    width: 48.618784527%;
  }

  .row-fluid .span5 {
    width: 40.055248616%;
  }

  .row-fluid .span4 {
    width: 31.491712705%;
  }

  .row-fluid .span3 {
    width: 22.928176794%;
  }

  .row-fluid .span2 {
    width: 14.364640883%;
  }

  .row-fluid .span1 {
    width: 5.801104972%;
  }
}

@media (min-width: 1280px) {
  .row-fluid {
    width: 100%;
  }

  .row-fluid:before, .row-fluid:after {
    display: table;
    content: '';
  }

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*='span'] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.564102564%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .row-fluid [class*='span']:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 100%;
  }

  .row-fluid .span11 {
    width: 91.45299145300001%;
  }

  .row-fluid .span10 {
    width: 82.905982906%;
  }

  .row-fluid .span9 {
    width: 74.358974359%;
  }

  .row-fluid .span8 {
    width: 65.81196581200001%;
  }

  .row-fluid .span7 {
    width: 57.264957265%;
  }

  .row-fluid .span6 {
    width: 48.717948718%;
  }

  .row-fluid .span5 {
    width: 40.170940171000005%;
  }

  .row-fluid .span4 {
    width: 31.623931624%;
  }

  .row-fluid .span3 {
    width: 23.076923077%;
  }

  .row-fluid .span2 {
    width: 14.529914530000001%;
  }

  .row-fluid .span1 {
    width: 5.982905983%;
  }
}

/* Clearfix */

.clearfix:before, .clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
}

/* Visibilty classes */

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none;
  visibility: hidden;
}

/* Responsive visibilty classes */

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

  
  @media (min-width: 0px) {
  
    .col-start-xs-1 { grid-column-start: 1; }
    .col-start-xs-2 { grid-column-start: 2; }
    .col-start-xs-3 { grid-column-start: 3; }
    .col-start-xs-4 { grid-column-start: 4; }
    .col-start-xs-5 { grid-column-start: 5; }
    .col-start-xs-6 { grid-column-start: 6; }
    .col-start-xs-7 { grid-column-start: 7; }
    .col-start-xs-8 { grid-column-start: 8; }
    .col-start-xs-9 { grid-column-start: 9; }
    .col-start-xs-10 { grid-column-start: 10; }
    .col-start-xs-11 { grid-column-start: 11; }
    .col-start-xs-12 { grid-column-start: 12; }

    .col-xs-1 { grid-column-end: span 1; }
    .col-xs-2 { grid-column-end: span 2; }
    .col-xs-3 { grid-column-end: span 3; }
    .col-xs-4 { grid-column-end: span 4; }
    .col-xs-5 { grid-column-end: span 5; }
    .col-xs-6 { grid-column-end: span 6; }
    .col-xs-7 { grid-column-end: span 7; }
    .col-xs-8 { grid-column-end: span 8; }
    .col-xs-9 { grid-column-end: span 9; }
    .col-xs-10 { grid-column-end: span 10; }
    .col-xs-11 { grid-column-end: span 11; }
    .col-xs-12 { grid-column-end: span 12; }
	
/*     .col-start-md-1,
    .col-start-md-2,
    .col-start-md-3,
    .col-start-md-4,
    .col-start-md-5,
    .col-start-md-6,
    .col-start-md-7,
    .col-start-md-8,
    .col-start-md-9,
    .col-start-md-10,
    .col-start-md-11,
    .col-start-md-12 { margin-bottom: 20px; }	 */

}

@media (min-width: 576px) {
  
    .col-start-sm-1 { grid-column-start: 1; }
    .col-start-sm-2 { grid-column-start: 2; }
    .col-start-sm-3 { grid-column-start: 3; }
    .col-start-sm-4 { grid-column-start: 4; }
    .col-start-sm-5 { grid-column-start: 5; }
    .col-start-sm-6 { grid-column-start: 6; }
    .col-start-sm-7 { grid-column-start: 7; }
    .col-start-sm-8 { grid-column-start: 8; }
    .col-start-sm-9 { grid-column-start: 9; }
    .col-start-sm-10 { grid-column-start: 10; }
    .col-start-sm-11 { grid-column-start: 11; }
    .col-start-sm-12 { grid-column-start: 12; }

    .col-sm-1 { grid-column-end: span 1; }
    .col-sm-2 { grid-column-end: span 2; }
    .col-sm-3 { grid-column-end: span 3; }
    .col-sm-4 { grid-column-end: span 4; }
    .col-sm-5 { grid-column-end: span 5; }
    .col-sm-6 { grid-column-end: span 6; }
    .col-sm-7 { grid-column-end: span 7; }
    .col-sm-8 { grid-column-end: span 8; }
    .col-sm-9 { grid-column-end: span 9; }
    .col-sm-10 { grid-column-end: span 10; }
    .col-sm-11 { grid-column-end: span 11; }
    .col-sm-12 { grid-column-end: span 12; }

}

@media (min-width: 768px) {
	
    .col-start-md-1 { grid-column-start:1; }
    .col-start-md-2 { grid-column-start:2; }
    .col-start-md-3 { grid-column-start:3; }
    .col-start-md-4 { grid-column-start:4; }
    .col-start-md-5 { grid-column-start:5; }
    .col-start-md-6 { grid-column-start:6; }
    .col-start-md-7 { grid-column-start:7; }
    .col-start-md-8 { grid-column-start:8; }
    .col-start-md-9 { grid-column-start:9; }
    .col-start-md-10 { grid-column-start:10; }
    .col-start-md-11 { grid-column-start:11; }
    .col-start-md-12 { grid-column-start:12; }
    
    .col-md-1 { grid-column-end: span 1; }
    .col-md-2 { grid-column-end: span 2; }
    .col-md-3 { grid-column-end: span 3; }
    .col-md-4 { grid-column-end: span 4; }
    .col-md-5 { grid-column-end: span 5; }
    .col-md-6 { grid-column-end: span 6; }
    .col-md-7 { grid-column-end: span 7; }
    .col-md-8 { grid-column-end: span 8; }
    .col-md-9 { grid-column-end: span 9; }
    .col-md-10 { grid-column-end: span 10; }
    .col-md-11 { grid-column-end: span 11; }
    .col-md-12 { grid-column-end: span 12; }

    .col-start-md-1,
    .col-start-md-2,
    .col-start-md-3,
    .col-start-md-4,
    .col-start-md-5,
    .col-start-md-6,
    .col-start-md-7,
    .col-start-md-8,
    .col-start-md-9,
    .col-start-md-10,
    .col-start-md-11,
    .col-start-md-12 { margin-bottom: unset; }		
}

@media (min-width: 1200px) {

    .col-start-lg-1 { grid-column-start:1; }
    .col-start-lg-2 { grid-column-start:2; }
    .col-start-lg-3 { grid-column-start:3; }
    .col-start-lg-4 { grid-column-start:4; }
    .col-start-lg-5 { grid-column-start:5; }
    .col-start-lg-6 { grid-column-start:6; }
    .col-start-lg-7 { grid-column-start:7; }
    .col-start-lg-8 { grid-column-start:8; }
    .col-start-lg-9 { grid-column-start:9; }
    .col-start-lg-10 { grid-column-start:10; }
    .col-start-lg-11 { grid-column-start:11; }
    .col-start-lg-12 { grid-column-start:12; }
    
    .col-lg-1 { grid-column-end: span 1; }
    .col-lg-2 { grid-column-end: span 2; }
    .col-lg-3 { grid-column-end: span 3; }
    .col-lg-4 { grid-column-end: span 4; }
    .col-lg-5 { grid-column-end: span 5; }
    .col-lg-6 { grid-column-end: span 6; }
    .col-lg-7 { grid-column-end: span 7; }
    .col-lg-8 { grid-column-end: span 8; }
    .col-lg-9 { grid-column-end: span 9; }
    .col-lg-10 { grid-column-end: span 10; }
    .col-lg-11 { grid-column-end: span 11; }
    .col-lg-12 { grid-column-end: span 12; }

}

@media (max-width: 1000px) {

    .threecol-start-xs-1 { grid-column-start: 1; }
    .threecol-start-xs-2 { grid-column-start: 2; }
    .threecol-start-xs-3 { grid-column-start: 3; }
    .threecol-start-xs-4 { grid-column-start: 4; }
    .threecol-start-xs-5 { grid-column-start: 5; }
    .threecol-start-xs-6 { grid-column-start: 6; }
    .threecol-start-xs-7 { grid-column-start: 7; }
    .threecol-start-xs-8 { grid-column-start: 8; }
    .threecol-start-xs-9 { grid-column-start: 9; }
    .threecol-start-xs-10 { grid-column-start: 10; }
    .threecol-start-xs-11 { grid-column-start: 11; }
    .threecol-start-xs-12 { grid-column-start: 12; }

    .threecol-xs-1 { grid-column-end: span 1; }
    .threecol-xs-2 { grid-column-end: span 2; }
    .threecol-xs-3 { grid-column-end: span 3; }
    .threecol-xs-4 { grid-column-end: span 4; }
    .threecol-xs-5 { grid-column-end: span 5; }
    .threecol-xs-6 { grid-column-end: span 6; }
    .threecol-xs-7 { grid-column-end: span 7; }
    .threecol-xs-8 { grid-column-end: span 8; }
    .threecol-xs-9 { grid-column-end: span 9; }
    .threecol-xs-10 { grid-column-end: span 10; }
    .threecol-xs-11 { grid-column-end: span 11; }
    .threecol-xs-12 { grid-column-end: span 12; }
  
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 1rem;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.dnd-section > .row-fluid {
  margin: 0 auto;
}

/* .dnd-section .dnd-column {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
} */
/*! _grid.css */

:root {

	/*  B R E A K P O I N T S 
  cant be used :-( */
	--breakpoint_min_sm: 540px;
	--breakpoint_min_md: 916px;
	--breakpoint_min_lg: 1024px;

}


:root {

	/*  S E C T I O N   P A D D I N G S   SX */
	--section_padding-top_xs: 50px;
	--section_padding-bottom_xs: 50px;

	--section_padding-top_half_xs: 25px;
	--section_padding-bottom_half_xs: 25px;

	--section_padding-right_xs: 0;
	--section_padding-left_xs: 0;


	/*  S E C T I O N   P A D D I N G S   SM */
	--section_padding-top_sm: 60px;
	--section_padding-bottom_sm: 60px;

	--section_padding-top_half_sm: 30px;
	--section_padding-bottom_half_sm: 30px;

	--section_padding-right_sm: 0;
	--section_padding-left_sm: 0;


	/*  S E C T I O N   P A D D I N G S   MD */
	--section_padding-top_md: 70px;
	--section_padding-bottom_md: 70px;

	--section_padding-top_half_md: 35px;
	--section_padding-bottom_half_md: 35px;

	--section_padding-right_md: 0;
	--section_padding-left_md: 0;


	/*  S E C T I O N   P A D D I N G S   LG */
	--section_padding-top_lg: 100px;
	--section_padding-bottom_lg: 100px;

	--section_padding-top_half_lg: 50px;
	--section_padding-bottom_half_lg: 50px;

	--section_padding-right_lg: 0;
	--section_padding-left_lg: 0;


	/*  R O W   P A D D I N G S   LG */
	--row_padding-top: 36px;
	--row_padding-bottom: 36px;

	--row_padding-top_half: 18px;
	--row_padding-bottom_half: 18px;

}

.container {
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 25px;
}

/* ROW */
.row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.row.block {
	display: block;
}

.row.flex {
	display: flex;
	flex-wrap: wrap;
	gap: unset;
}

.row {
	padding: var(--row_padding-top) 0 var(--row_padding-top) 0;
}

.row_padding-top_half {
	padding-top: var(--row_padding-top_half);
}

.row_padding-top_none {
	padding-top: 0px
}

.row_padding-bottom_half {
	padding-bottom: var(--row_padding-top_half);
}

.row_padding-bottom_none {
	padding-bottom: 0px
}


.vertical-centered {
	display: flex;
	align-items: center;
}

.vertical-alignment {
	width: 100%;
}

/* XS */

@media (min-width: 0px) {

	section {
		padding: var(--section_padding-top_xs) var(--section_padding-right_xs) var(--section_padding-top_xs) var(--section_padding-left_xs);
	}

	section.section_padding-top_half {
		padding-top: var(--section_padding-top_half_xs)
	}

	section.section_padding-bottom_half {
		padding-bottom: var(--section_padding-bottom_half_xs)
	}

	section.section_padding-top_none {
		padding-top: 0px
	}

	section.section_padding-bottom_none {
		padding-bottom: 0px
	}

	.row {
		gap: var(--section_column-gap_xs);
	}

	.col-start-xs-1 {
		grid-column-start: 1;
	}

	.col-start-xs-2 {
		grid-column-start: 2;
	}

	.col-start-xs-3 {
		grid-column-start: 3;
	}

	.col-start-xs-4 {
		grid-column-start: 4;
	}

	.col-start-xs-5 {
		grid-column-start: 5;
	}

	.col-start-xs-6 {
		grid-column-start: 6;
	}

	.col-start-xs-7 {
		grid-column-start: 7;
	}

	.col-start-xs-8 {
		grid-column-start: 8;
	}

	.col-start-xs-9 {
		grid-column-start: 9;
	}

	.col-start-xs-10 {
		grid-column-start: 10;
	}

	.col-start-xs-11 {
		grid-column-start: 11;
	}

	.col-start-xs-12 {
		grid-column-start: 12;
	}

	.col-xs-1 {
		grid-column-end: span 1;
	}

	.col-xs-2 {
		grid-column-end: span 2;
	}

	.col-xs-3 {
		grid-column-end: span 3;
	}

	.col-xs-4 {
		grid-column-end: span 4;
	}

	.col-xs-5 {
		grid-column-end: span 5;
	}

	.col-xs-6 {
		grid-column-end: span 6;
	}

	.col-xs-7 {
		grid-column-end: span 7;
	}

	.col-xs-8 {
		grid-column-end: span 8;
	}

	.col-xs-9 {
		grid-column-end: span 9;
	}

	.col-xs-10 {
		grid-column-end: span 10;
	}

	.col-xs-11 {
		grid-column-end: span 11;
	}

	.col-xs-12 {
		grid-column-end: span 12;
	}


	.text-left_xs {
		text-align: left !important;
	}

	.text-center_xs {
		text-align: center !important;
	}

	.text-right_xs {
		text-align: right !important;
	}

	.reverse-order_xs {
		grid-row: 1;
	}

}

@media (min-width: 540px) {

	section {
		padding: var(--section_padding-top_sm) var(--section_padding-right_sm) var(--section_padding-top_sm) var(--section_padding-left_sm);
	}

	section.section_padding-top_half {
		padding-top: var(--section_padding-top_half_sm)
	}

	section.section_padding-bottom_half {
		padding-bottom: var(--section_padding-bottom_half_sm)
	}


	.row {
		gap: var(--section_column-gap_sm)
	}

	.col-start-sm-1 {
		grid-column-start: 1;
	}

	.col-start-sm-2 {
		grid-column-start: 2;
	}

	.col-start-sm-3 {
		grid-column-start: 3;
	}

	.col-start-sm-4 {
		grid-column-start: 4;
	}

	.col-start-sm-5 {
		grid-column-start: 5;
	}

	.col-start-sm-6 {
		grid-column-start: 6;
	}

	.col-start-sm-7 {
		grid-column-start: 7;
	}

	.col-start-sm-8 {
		grid-column-start: 8;
	}

	.col-start-sm-9 {
		grid-column-start: 9;
	}

	.col-start-sm-10 {
		grid-column-start: 10;
	}

	.col-start-sm-11 {
		grid-column-start: 11;
	}

	.col-start-sm-12 {
		grid-column-start: 12;
	}

	.col-sm-1 {
		grid-column-end: span 1;
	}

	.col-sm-2 {
		grid-column-end: span 2;
	}

	.col-sm-3 {
		grid-column-end: span 3;
	}

	.col-sm-4 {
		grid-column-end: span 4;
	}

	.col-sm-5 {
		grid-column-end: span 5;
	}

	.col-sm-6 {
		grid-column-end: span 6;
	}

	.col-sm-7 {
		grid-column-end: span 7;
	}

	.col-sm-8 {
		grid-column-end: span 8;
	}

	.col-sm-9 {
		grid-column-end: span 9;
	}

	.col-sm-10 {
		grid-column-end: span 10;
	}

	.col-sm-11 {
		grid-column-end: span 11;
	}

	.col-sm-12 {
		grid-column-end: span 12;
	}


	.text-left_sm {
		text-align: left !important;
	}

	.text-center_sm {
		text-align: center !important;
	}

	.text-right_sm {
		text-align: right !important;
	}

	.reverse-order_sm {
		grid-row: 1;
	}

}

@media (min-width: 916px) {

	section {
		padding: var(--section_padding-top_md) var(--section_padding-right_md) var(--section_padding-top_md) var(--section_padding-left_md);
	}

	section.section_padding-top_half {
		padding-top: var(--section_padding-top_half_md)
	}

	section.section_padding-bottom_half {
		padding-bottom: var(--section_padding-bottom_half_md)
	}

	section.section_padding-top_none {
		padding-top: 0px
	}

	section.section_padding-bottom_none {
		padding-bottom: 0px
	}

	.row {
		column-gap: var(--section_column-gap_md)
	}

	.col-start-md-1 {
		grid-column-start: 1;
	}

	.col-start-md-2 {
		grid-column-start: 2;
	}

	.col-start-md-3 {
		grid-column-start: 3;
	}

	.col-start-md-4 {
		grid-column-start: 4;
	}

	.col-start-md-5 {
		grid-column-start: 5;
	}

	.col-start-md-6 {
		grid-column-start: 6;
	}

	.col-start-md-7 {
		grid-column-start: 7;
	}

	.col-start-md-8 {
		grid-column-start: 8;
	}

	.col-start-md-9 {
		grid-column-start: 9;
	}

	.col-start-md-10 {
		grid-column-start: 10;
	}

	.col-start-md-11 {
		grid-column-start: 11;
	}

	.col-start-md-12 {
		grid-column-start: 12;
	}

	.col-md-1 {
		grid-column-end: span 1;
	}

	.col-md-2 {
		grid-column-end: span 2;
	}

	.col-md-3 {
		grid-column-end: span 3;
	}

	.col-md-4 {
		grid-column-end: span 4;
	}

	.col-md-5 {
		grid-column-end: span 5;
	}

	.col-md-6 {
		grid-column-end: span 6;
	}

	.col-md-7 {
		grid-column-end: span 7;
	}

	.col-md-8 {
		grid-column-end: span 8;
	}

	.col-md-9 {
		grid-column-end: span 9;
	}

	.col-md-10 {
		grid-column-end: span 10;
	}

	.col-md-11 {
		grid-column-end: span 11;
	}

	.col-md-12 {
		grid-column-end: span 12;
	}


	.text-left_md {
		text-align: left !important;
	}

	.text-center_md {
		text-align: center !important;
	}

	.text-right_md {
		text-align: right !important;
	}

}


@media (min-width: 1024px) {

	section {
		padding: var(--section_padding-top_lg) var(--section_padding-right_lg) var(--section_padding-bottom_lg) var(--section_padding-left_lg);
	}

	section.section_padding-top_half {
		padding-top: var(--section_padding-top_half_lg);
	}

	section.section_padding-bottom_half {
		padding-bottom: var(--section_padding-bottom_half_lg);
	}

	section.section_padding-top_none {
		padding-top: 0px
	}

	section.section_padding-bottom_none {
		padding-bottom: 0px
	}

	.row {
		gap: var(--section_column-gap_lg)
	}

	.col-start-lg-1 {
		grid-column-start: 1;
	}

	.col-start-lg-2 {
		grid-column-start: 2;
	}

	.col-start-lg-3 {
		grid-column-start: 3;
	}

	.col-start-lg-4 {
		grid-column-start: 4;
	}

	.col-start-lg-5 {
		grid-column-start: 5;
	}

	.col-start-lg-6 {
		grid-column-start: 6;
	}

	.col-start-lg-7 {
		grid-column-start: 7;
	}

	.col-start-lg-8 {
		grid-column-start: 8;
	}

	.col-start-lg-9 {
		grid-column-start: 9;
	}

	.col-start-lg-10 {
		grid-column-start: 10;
	}

	.col-start-lg-11 {
		grid-column-start: 11;
	}

	.col-start-lg-12 {
		grid-column-start: 12;
	}

	.col-lg-1 {
		grid-column-end: span 1;
	}

	.col-lg-2 {
		grid-column-end: span 2;
	}

	.col-lg-3 {
		grid-column-end: span 3;
	}

	.col-lg-4 {
		grid-column-end: span 4;
	}

	.col-lg-5 {
		grid-column-end: span 5;
	}

	.col-lg-6 {
		grid-column-end: span 6;
	}

	.col-lg-7 {
		grid-column-end: span 7;
	}

	.col-lg-8 {
		grid-column-end: span 8;
	}

	.col-lg-9 {
		grid-column-end: span 9;
	}

	.col-lg-10 {
		grid-column-end: span 10;
	}

	.col-lg-11 {
		grid-column-end: span 11;
	}

	.col-lg-12 {
		grid-column-end: span 12;
	}

	.text-left_lg {
		text-align: left !important;
	}

	.text-center_lg {
		text-align: center !important;
	}

	.text-right_lg {
		text-align: right !important;
	}

}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/
/*! _color.css */

/******************************   C O L O R S  ******************************/


.background_1 { background-color: var(--background-color-1); }
.background_2 { background-color: var(--background-color-2); }
.background_3 { background-image: var(--background-color-3); }
.background_4 { background-image: var(--background-color-4); }


.dark { color: var(--text-color-dark); }
.light { color: var(--text-color-light); }
.blue { color: #013c88; }

.background_primary { background-color: var(--primary); }
.background_secondary { background-color: var(--secondary); }
.background_tertiary { background-color: var(--tertiary); }

.background_highlight_1 { background-color: var(--highlight-1); }
.background_highlight_2 { background-color: var(--highlight-2); }
.background_highlight_3 { background-color: var(--highlight-3); }
/*! _typography.css */
html{
  font-size:10px;
}

body{
  font-family: var(--body_font-family);
  font-size: var(--body_font-size);
  font-weight: var(--body_font-weight);
  color: var(--body_color);
  line-height: var(--body_line-height);
  letter-spacing: var(--body_letter-spacing);
}

p {
  margin-bottom: var(--body_margin-bottom);  
}

p:last-child {
  margin-bottom: 0;  
}

/******************************   H A E D I N G    ******************************/


h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  text-decoration: none;
  display: block;
  color: inherit;
}

h1,
.h1 {
  font-size: var(--h1_font-size);
  font-weight: var(--h1_font-weight);
  color: var(--h1_color);
  line-height: var(--h1_line-height);
  letter-spacing: var(--h1_letter-spacing);
  margin: 0 0 var(--h1_margin-bottom);
  font-family: var(--title_font-family);
}


h2,
.h2 {
  font-size: var(--h2_font-size);
  font-weight: var(--h2_font-weight);
  color: var(--h2_color);
  line-height: var(--h2_line-height);
  letter-spacing: var(--h2_letter-spacing);
  margin-bottom: var(--h2_margin-bottom);
  font-family: var(--title_font-family);
}


h2:has(+ h2),
.h2:has(+ h2),
h2:has(+ .subline),
.h2:has(+ .subline),
h2:has(+ p),
.h2:has(+ p) {margin-bottom: 1em;}

h3,
.h3 {
  font-size: var(--h3_font-size);
  font-weight: var(--h3_font-weight);
  color: var(--h3_color);
  line-height: var(--h3_line-height);
  letter-spacing: var(--h3_letter-spacing);
  margin-bottom: var(--h3_margin-bottom);
  font-family: var(--title_font-family);
  text-transform: uppercase;
}

h4,
.h4 {
  font-size: var(--h4_font-size);
  font-weight: var(--h4_font-weight);
  color: var(--h4_color);
  line-height: var(--h4_line-height);
  letter-spacing: var(--h4_letter-spacing);
  margin-bottom: var(--h4_margin-bottom);
  font-family: var(--title_font-family);
}

h5,
.h5 {
  font-size: var(--h5_font-size);
  font-weight: var(--h5_font-weight);
  color: var(--h5_color);
  line-height: var(--h5_line-height);
  letter-spacing: var(--h5_letter-spacing);
  margin-bottom: var(--h5_margin-bottom);
  font-family: var(--body_font-family);
}

h6,
.h6 {
  font-size: var(--h6_font-size);
  font-weight: var(--h6_font-weight);
  color: var(--h6_color);
  line-height: var(--h6_line-height);
  letter-spacing: var(--h6_letter-spacing);
  margin-bottom: var(--h6_margin-bottom);
  font-family: var(--body_font-family);
}

.topline {
  font-size: var(--topline_font-size);
  font-weight: var(--topline_font-weight);
  color: var(--topline_color);
  line-height: var(--topline_line-height);
  letter-spacing: var(--topline_letter-spaing);
  margin-bottom: var(--topline_margin-bottom);
  text-transform: var(--topline_text-transform);
}

.font-36{
  font-size: var(---body_font-size-36);
}

.font-24{
  font-size: var(---body_font-size-24);
}

.font-22{
  font-size: var(---body_font-size-22);
  font-weight:500;
}

.font-14{
  font-size: var(---body_font-size-14);
}

.font-12{
  font-size: 1.2rem;
}

.text-element > *:last-child {
  margin-bottom: 0;
}

/* Anchors */

a {
  cursor: pointer;
  transition: color 0.25s ease;
  color:var(--primary);
  text-decoration: none;
}

a:hover{
  color:var(--secondary);
}


/* Lists */

ul,
ol {
  margin: 0 0 20px;
  padding-left: 20px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin:10px 0 0;
}

ul.no-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.bullet li {
  list-style: none;
  margin-bottom: 8px;
}
.bullet li:before {
  content: "";
  display: inline-block;
  background-size: contain;  
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  filter: invert(60%) sepia(58%) saturate(616%) hue-rotate(347deg) brightness(101%) contrast(94%);
  background-image: url("https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/images/module-icons/icon_bullet.svg");
    }

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 7px solid var(--primary);
  margin: 0 0 1.4rem;
  padding-left: 3.2rem;
  font-size: 2rem;
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}

/* Image alt text */

img {
  font-size: 0.583rem;
  word-break: normal;
  max-width: 100%;
  height: auto;
  vertical-align: middle; 
}

.light h1,
.light h2,
/* .light h3, */
.light h4, 
.light h5,
.light h6{
  color: inherit;
}

.light a{
  text-decoration: underline;
  color: inherit;
}

.overlay {
  position: relative;
  z-index: 1;
}

.overlay:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background: var(--primary);
  opacity: 0.75;
}


section {
  background-size: cover;
  background-repeat: no-repeat;
}
/*! _buttons.css */

/* 
still missing:
buttons with Icons, right and left
*/
/******************************   B U T T O N S   ******************************/

:root   {

  /*  D E F A U L T   also used as  F O R M   S U B M I T   B U T T O N  */
  /*--button_default_font-family: var(--body_font-family);*/
  --button_default_font-family: var(--title_font-family);
  --button_default_background-color: var(--secondary);
  --button_default_color: var(--text-color-light);
  --button_default_font-size: var(---body_font-size-36);
  --button_default_font-weight: 700;
  --button_default_line-height: 1.2;
  --button_default_letter-spacing: 0;
  --button_default_border-radius: 10px;
  --button_default_border-width: 2px;
  --button_default_border-color: var(--secondary);
  --button_default_padding: 6px 25px;
  --button_default_text-transform: none;
  --button_default_text-decoration: none;
  --button_default_transition: var(--transition);
  --button_default_box-shadow: none;
  --button_default_margin-top: 24px;

  /*  D E F A U L T  Hover  */
  --button_default_hover_background-color: var(--primary);
  --button_default_hover_color: var(--text-color-light);
  --button_default_hover_border-color:  var(--primary);
  --button_default_hover_box-shadow: 0 0 0 1px rgb(0 0 0 / 6%), 0 8px 24px 0 rgb(0 0 0 / 8%);

  /*  D E F A U L T  Focus  */
  --button_default_focus_background-color: var(--primary);
  --button_default_focus_color: var(--text-color-light);
  --button_default_focus_border-color:  var(--primary);
  --button_default_focus_box-shadow: 0 0 0 1px rgb(0 0 0 / 6%), 0 8px 24px 0 rgb(0 0 0 / 8%);


  /*  P R I M A R Y  */
  --button_primary_font-family: var(--button_default_font-family);
  --button_primary_background-color: var(--button_default_background-color);
  --button_primary_color: var(--button_default_color);
  --button_primary_font-size: var(--button_default_font-size);
  --button_primary_font-weight: var(--button_default_font-weight);
  --button_primary_line-height: var(--button_default_line-height);
  --button_primary_letter-spacing: var(--button_default_letter-spacing);
  --button_primary_border-radius: var(--button_default_border-radius);
  --button_primary_border-width: var(--button_default_border-width);
  --button_primary_border-color: var(--button_default_border-color);
  --button_primary_padding: 6px 48px 6px 24px;
  --button_primary_text-transform: var(--button_default_text-transform);
  --button_primary_text-decoration: var(--button_default_text-decoration);
  --button_primary_box-shadow: var(--button_default_box-shadow);
  --button_primary_margin-top: var(--button_default_margin-top);

  /*  P R I M A R Y  Hover  */
  --button_primary_hover_background-color: var(--button_default_hover_background-color);
  --button_primary_hover_color: var(--button_default_hover_color);
  --button_primary_hover_border-color: var(--button_default_hover_border-color);
  --button_primary_hover_box-shadow: var(--button_default_hover_box-shadow);

  /*  P R I M A R Y  Focus  */
  --button_primary_focus_background-color: var(--button_default_focus_background-color);
  --button_primary_focus_color: var(--button_default_focus_color);
  --button_primary_focus_border-color: var(--button_default_focus_border-color);
  --button_primary_focus_box-shadow: var(--button_default_focus_box-shadow);



  /*  S E C O N D A R Y  */
  --button_secondary_font-family: var(--button_default_font-family);
  --button_secondary_background-color: var(--secondary);
  --button_secondary_color: var(--text-color-light);
  --button_secondary_font-size: var(--button_default_font-size);
  --button_secondary_weight: var(--button_default_weight);
  --button_secondary_line-height: var(--button_default_line-height);
  --button_secondary_letter-spacing: var(--button_default_letter-spacing);
  --button_secondary_border-radius: var(--button_default_border-radius);
  --button_secondary_border-width: var(--button_default_border-width);
  --button_secondary_border-color: var(--secondary);
  --button_secondary_padding: var(--button_default_padding);
  --button_secondary_text-transform: var(--button_default_text-transform);
  --button_secondary_text-decoration: var(--button_default_text-decoration);
  --button_secondary_margin-top: var(--button_default_margin-top);


  /*  S E C O N D A R Y  Hover  */
  --button_secondary_hover_background-color: var(--secondary-light);
  --button_secondary_hover_color: var(--text-color-light);
  --button_secondary_hover_border-color: var(--secondary-light);
  --button_secondary_hover_box-shadow: var(--button_default_hover_box-shadow);

  /*  S E C O N D A R Y  Focus  */
  --button_secondary_focus_background-color: var(--button_default_focus_background-color);
  --button_secondary_focus_color: var(--button_default_focus_color);
  --button_secondary_focus_border-color: var(--button_default_focus_border-color);
  --button_secondary_focus_box-shadow: var(--button_default_focus_box-shadow);


  /*  O U T L I N E  */
  --button_outline_font-family: var(--button_default_font-family);
  --button_outline_background-color: transparent;
  --button_outline_color: #ffffff;
  --button_outline_font-size: var(--button_default_font-size);
  --button_outline_weight: var(--button_default_font-weight);
  --button_outline_line-height: var(--button_default_line-height);
  --button_outline_letter-spacing: var(--button_default_letter-spacing);
  --button_outline_border-radius: var(--button_default_border-radius);
  --button_outline_border-width: 2px;
  --button_outline_border-color: #ffffff;
  --button_outline_padding: 6px 48px 6px 24px;
  --button_outline_text-transform: var(--button_default_text-transform);
  --button_outline_text-decoration: var(--button_default_text-decoration);
  --button_outline_margin-top: var(--button_default_margin-top);

  /*  O U T L I N E  Hover  */
  --button_outline_hover_background-color: var(--secondary);
  --button_outline_hover_color: #ffffff;
  --button_outline_hover_border-color: var(--secondary);
  --button_outline_hover_box-shadow: var(--button_default_hover_box-shadow);

  /*  O U T L I N E  Focus  */
  --button_outline_focus_background-color: var(--secondary);
  --button_outline_focus_color: #ffffff;
  --button_outline_focus_border-color: var(--secondary);
  --button_outline_focus_box-shadow: var(--button_default_focus_box-shadow);




  /*  L I N K  */
  --button_link_font-family: var(--button_default_font-family);
  --button_link_background-color: none;
  --button_link_color: var(--primary);
  --button_link_font-size: var(--button_default_font-size);
  --button_link_weight: 300;
  --button_link_line-height: var(--button_default_line-height);
  --button_link_letter-spacing: var(--button_default_letter-spacing);
  --button_link_border-radius: 0;
  --button_link_border-width: 0;
  --button_link_border-color: transparent;
  --button_link_padding: 0;
  --button_link_text-transform: var(--button_default_text-transform);
  --button_link_text-decoration: var(--button_default_text-decoration);
  --button_link_margin-top: var(--button_default_margin-top);

  --button_link_icon_size_width_before: 17px;
  --button_link_icon_size_height_before: 17px;
  --button_link_icon_image_before: ;


  --button_link_icon_image_after: var(--icon_arrow-double_right);


  /*  L I N K  LARGE  */
  --button_link_large_font-size: var(--button_default_large_font-size);
  --button_link_large_letter-spacing: var(--button_default_large_letter-spacing);
  --button_link_large_border-radius: 0;
  --button_link_large_padding: 0;

  /*  L I N K  SMALL  */
  --button_link_small_font-size: var(--button_default_small_font-size);
  --button_link_small_letter-spacing: var(--button_default_small_letter-spacing);
  --button_link_small_border-radius: 0;
  --button_link_small_padding: 0;

  /*  L I N K  Hover  */
  --button_link_hover_background-color: transparent;
  --button_link_hover_color: var(--secondary);
  --button_link_hover_border-color: var(--secondary);  

} 


/* Markus 24.2.23 */

button,
.button{
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: var(--transition);
  white-space: normal;
}

.button:has(+ .button),
.button + .button {
    margin-left: 10px;
    margin-right: 10px;
}

/******************************   B U T T O N S    D E F A U L T    ******************************/

button,
.button {
  font-family: var(--button_default_font-family);
  background-color: var(--button_default_background-color);
  color: var(--button_default_color);
  font-size: var(--button_default_font-size);
  font-weight: var(--button_default_weight);
  line-height: var(--button_default_line-height);
  letter-spacing: var(--button_default_letter-spacing);
  border-radius: var(--button_default_border-radius);
  border-width: var(--button_default_border-width);
  border-style: solid;
  border-color: var(--button_default_border-color); 
  padding: var(--button_default_padding);
  text-transform: var(--button_default_text-transform);
  text-decoration: var(--button_default_text-decoration);
  margin-top: var(--button_default_margin-top);
  display: inline-block;
}
button:hover,
.button:hover {
  background-color: var(--button_default_hover_background-color);
  color: var(--button_default_hover_color);
  border-color: var(--button_default_hover_border-color);
  box-shadow: var(--button_default_hover_box-shadow);
}
button:focus,
.button:focus {
  background-color: var(--button_default_focus_background-color);
  color: var(--button_default_focus_color);
  border-color: var(--button_default_focus_border-color);
  box-shadow: var(--button_default_focus_box-shadow);
}

button.margin-top_none,
.button.margin-top_none {
  margin-top: 0 !important;
}






/******************************   B U T T O N S    P R I M A R Y     ******************************/

button.primary,
.button.primary {
  font-family: var(--button_primary_font-family);
  background-color: var(--button_primary_background-color);
  color: var(--button_primary_color);
  font-size: var(--button_primary_font-size);
  font-weight: var(--button_primary_font-weight);
  line-height: var(--button_primary_line-height);
  letter-spacing: var(--button_primary_letter-spacing);
  border-radius: var(--button_primary_border-radius);
  border-width: var(--button_primary_border-width);
  border-style: solid;
  border-color: var(--button_primary_border-color); 
  padding: var(--button_primary_padding);
  text-transform: var(--button_primary_text-transform);
  text-decoration: var(--button_primary_text-decoration);
  margin-top: var(--button_primary_margin-top);
  position: relative;
  min-width: 200px;
}

.button.primary:after,
button.primary:after{
  position: absolute;
  content: "";
  height: 3rem;
  width: 3rem;
  background-repeat: no-repeat;
  background-image: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/Messer%202024/Images/_Group_%20%284%29.svg');
  background-position: center;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}

button.primary:hover,
.button.primary:hover {
  background-color: var(--button_primary_hover_background-color);
  color: var(--button_primary_hover_color);
  border-color: var(--button_primary_hover_border-color);
  box-shadow: var(--button_primary_hover_box-shadow);
}
button.primary:focus,
.button.primary:focus {
  background-color: var(--button_primary_focus_background-color);
  color: var(--button_primary_focus_color);
  border-color: var(--button_primary_focus_border-color);
  box-shadow: var(--button_primary_hover_box-shadow);
}

@media(min-width:1025px){
  button.primary,
  .button.primary {
    min-width: 290px;
  }
}



/******************************   B U T T O N S   O U T L I N E   ******************************/

button.outline,
.button.outline {
  font-family: var(--button_outline_font-family);
  background-color: var(--button_outline_background-color);
  color: var(--button_outline_color);
  font-size: var(--button_outline_font-size);
  font-weight: var(--button_outline_weight);
  line-height: var(--button_outline_line-height);
  letter-spacing: var(--button_outline_letter-spacing);
  border-radius: var(--button_outline_border-radius);
  border-width: var(--button_outline_border-width);
  border-style: solid;
  border-color: var(--button_outline_border-color);
  padding: var(--button_outline_padding);
  text-transform: var(--button_outline_text-transform);
  text-decoration: var(--button_outline_text-decoration);
  margin-top: var(--button_outline_margin-top);
  position: relative;
  min-width: 200px;
}
button.outline:hover,
.button.outline:hover {
  background-color: var(--button_outline_hover_background-color);
  color: var(--button_outline_hover_color);
  border-color: var(--button_outline_hover_border-color);
}

.button.outline:after,
button.outline:after{
  position: absolute;
  content: "";
  height: 3rem;
  width: 3rem;
  background-repeat: no-repeat;
  background-image: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/Messer%202024/Images/_Group_%20%284%29.svg');
  background-position: center;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}


@media(min-width:1025px){
  button.outline,
  .button.outline {
    min-width: 290px;
  }
}


/******************************   B U T T O N S    S E C O N D A R Y    ******************************/

button.secondary,
.button.secondary {
  font-family: var(--button_secondary_font-family);
  background-color: var(--button_secondary_background-color);
  color: var(--button_secondary_color);
  font-size: var(--button_secondary_font-size);
  font-weight: var(--button_secondary_weight);
  line-height: var(--button_secondary_line-height);
  letter-spacing: var(--button_secondary_letter-spacing);
  border-radius: var(--button_secondary_border-radius);
  border-width: var(--button_secondary_border-width);
  border-style: solid;
  border-color: var(--button_secondary_border-color);
  padding: var(--button_secondary_padding);
  text-transform: var(--button_secondary_text-transform);
  text-decoration: var(--button_secondary_text-decoration);
  margin-top: var(--button_secondary_margin-top);
}
button.secondary:hover,
.button.secondary:hover {
  background-color: var(--button_secondary_hover_background-color);
  color: var(--button_secondary_hover_color);
  border-color: var(--button_secondary_hover_border-color);
  box-shadow: var(--button_secondary_hover_box-shadow);
}
button.secondary:focus,
.button.secondary:focus {
  background-color: var(--button_secondary_focus_background-color);
  color: var(--button_secondary_focus_color);
  border-color: var(--button_secondary_focus_border-color);
  box-shadow: var(--button_secondary_hover_box-shadow);
}



/******************************   L I N K   ******************************/

.link {
  font-family: var(--button_link_font-family);
  background-color: var(--button_link_background-color);
  color: var(--button_link_color);
  font-size: var(--button_link_font-size);
  font-weight: var(--button_link_weight);
  line-height: var(--button_link_line-height);
  letter-spacing: var(--button_link_letter-spacing);
  border-radius: var(--button_link_border-radius);
  border-width: var(--button_link_border-width);
  border-style: solid;
  border-color: var(--button_link_border-color);
  padding: var(--button_link_padding);
  text-transform: var(--button_link_text-transform);
  text-decoration: var(--button_link_text-decoration);
  margin-top: var(--button_link_margin-top);
  display: inline-block;
  vertical-align: middle;

}
.link:hover {
  background-color: var(--button_link_hover_background-color);
  color: var(--button_link_hover_color);
  border-color: var(--button_link_hover_border-color);
}

.link.large {
  font-size: var(--button_link_large_font-size);
  letter-spacing: var(--button_link_large_letter-spacing);
  border-radius: var(--button_link_large_border-radius);
  padding: var(--button_link_large_padding);
}
.link.small {
  font-size: var(--button_link_small_font-size);
  letter-spacing: var(--button_link_small_letter-spacing);
  border-radius: var(--button_link_small_border-radius);
  padding: var(--button_link_small_padding);
}

.link.icon.arrow-double-right.before:before, 
.link.icon.arrow-double-right.after:after {
  content: "";
  display: inline-block;
  background-size: contain;  
  width: var(--button_link_icon_size_width_before);
  height: var(--button_link_icon_size_height_before);
  margin-top: -3px;
  margin-left: 5px;
  vertical-align: middle;
  filter: invert(80%) sepia(36%) saturate(4791%) hue-rotate(339deg) brightness(102%) contrast(94%);    
  background-image: url("https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/images/module-icons/icon_arrow-double_right.svg");
    }

.link.icon.arrow-double-right.before:hover:before, 
.link.icon.arrow-double-right.after:hover:after {
  filter: invert(0%) sepia(1%) saturate(7492%) hue-rotate(347deg) brightness(110%) contrast(97%);   
}


/******************************   I C O N S   ******************************/

button.icon.download:before, 
.button.icon.download:before {
  content: "";
  display: inline-block;
  background-size: contain;  
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  background-image: url("https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/images/module-icons/icon_download.svg");
    }


/******************************   I C O N S   ******************************/

button.icon.download:before, 
.button.icon.download:before {
  content: "";
  display: inline-block;
  background-size: contain;  
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  background-image: url("https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/images/module-icons/icon_download.svg");
    }
/*! _forms.css */

/******************************   F O R M S   ******************************/

:root   {

  /*  Label  */
  --form_label_font-family: var(--primary_font-family);
  --form_label_weight: 700;
  --form_label_color: #013c88;
  --form_label_margin-bottom: 5px;
  --form_label_size:var(--body_font-size);

  /*  I N P U T  */
  --form_input_font-family: var(--primary_font-family);
  --form_input_background-color: #e1ebf6;
  --form_input_color: var(--secondary);
  --form_input_font-size: 16px;
  --form_input_weight: 400;
  --form_input_line-height: 1.2;
  --form_input_letter-spacing: 0;
  --form_input_border-radius: 0;
  --form_input_border-width: 0;
  --form_input_border-color: #013c88;
  --form_input_padding: 13px 15px;
  --form_input_text-transform: none;
  --form_input_text-decoration: none;

  /*  P L A C E H O L D E R  */
  --form_input_placeholder_color: #013c88;
  --form_input_placeholder_opacity: 1;

  /*  R I C H  T E X T  */
  --form_richtext_color: #013c88;
  --form_richtext_font-size: var(--body_font-size);
  --form_richtext_font-weight: 700;
  --form_richtext_line-height: normal;
  --form_richtext_letter-spacing: 0;
  --form_richtext_padding: 0;
  --form_richtext_text-transform: nomral;
  --form_richtext_text-decoration: none;
  --form_richtext_padding: 0;
  --form_richtext_margin: 0 0 0.6em 0;

  /*  S U B M I T   B U T T O N  */
  --form_submit_font-family: var(--button_default_font-family);
  --form_submit_background-color: var(--button_default_background-color);
  --form_sumbit_color: var(--button_default_color);
  --form_submit_font-size: var(--body_font-size);
  --form_submit_font-weight: var(--button_default_font-weight);
  --form_submit_line-height: var(--button_default_line-height);
  --form_submit_letter-spacing: var(--button_default_letter-spacing);
  --form_submit_border-radius: 5px;
  --form_submit_border-width: var(--button_default_border-width);
  --form_submit_border-color: var(--button_default_border-color);
  --form_submit_border-style: solid;
  --form_submit_padding: 11px 23px;
  --form_submit_text-transform: none;
  --form_submit_text-decoration: var(--button_default_text-decoration);
  --form_submit_hover_background-color:var(--button_default_hover_background-color);
  --form_submit_hover_color:var(--button_default_hover_color);
  --form_submit_hover_border-color:var(--button_default_hover_border-color);
}  

form ul{ list-style:none; padding:0; margin:0; }

/* Fields */

form .hs-form-field {
  margin-bottom: 15px;
  width: 100% !important;
}
/* Labels */

form .hs-form-field > label {
  display: block;
  font-size: var(--form_label_size);
  font-weight: var(--form_label_weight);
  margin-bottom: var(--form_label_margin-bottom);
  color: var(--form_label_color);
}


@media(min-width:1025px){
  form .hs-form-field {
    display: flex;
    flex-wrap: wrap;
  }

  form .hs-form-field > label {
    width: 145px;
    margin: 0;
    padding: 11px 0;
    padding-right: 20px;
  }

  form .hs-form-field:has(> label) > .input{
    width: calc(100% - 145px);
  }

  form .hs-form-field:has(> label)  .hs-error-msgs,
  form .legal-consent-container,
  form .hs_recaptcha{
    padding-left:145px !important;
  }
}

/* Form Title */
.form-title {
  margin-bottom: 0;
}
.form-title:empty { display: none; }

/* Help text */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  display: inline-block;
  background-color: var(--form_input_background-color);
  font-size: var(--form_input_font-size);
  border-radius: var(--form_input_border-radius);
  border-width: var(--form_input_border-width);
  border-color: var(--form_input_border-color);
  border-style: solid;
  padding: var(--form_input_padding);
  width: 100% !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--form_input_placeholder_color);
  opacity: var(--form_input_placeholder_opacity);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--form_input_placeholder_color);
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--form_input_placeholder_color);
}


form textarea {
  resize: vertical;
  height:175px;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Headings and text */

form .hs-richtext,
form p,
form .legal-consent-container{
  color: var(--form_richtext_color);
  font-size: var(--form_richtext_font-size);
  font-weight: var(--form_richtext_font-weight);
  line-height: var(--form_richtext_line-height);
  letter-spacing: var(--form_richtext_letter-spacing);
  text-transform: var(--form_richtext_text-transform);
  text-decoration: var(--form_richtext_text-decoration);
  margin: var(--form_richtext_margin);
  padding: var(--form_richtext_padding);  
}

form a{
  text-decoration: underline;
}


/* Validation */

.hs-form-required {
  color: #EF6B51;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

.hs_error_rollup {
  display: none;
}

/* Submit button */

form .hs-submit {
  text-align: right;
}

form input[type=submit],
form .hs-button {
  font-family: var(--form_submit_font-family);
  background-color: var(--form_submit_background-color);
  color: var(--form_sumbit_color);
  font-size: var(--form_submit_font-size);
  font-weight: var(--form_submit_font-weight);
  line-height: var(--form_submit_line-height);
  letter-spacing: var(--form_submit_letter-spacing);
  border-radius: var(--form_submit_border-radius);
  border-width: var(--form_submit_border-width);
  border-color: var(--form_submit_border-color);
  border-style: var(--form_submit_border-style);
  padding: var(--form_submit_padding);
  text-transform: var(--form_submit_text-transform);
  text-decoration: var(--form_submit_text-decoration);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: var(--transition);
  white-space: normal;

}

form input[type=submit]:hover,
form .hs-button:hover {
  background-color: var(--form_submit_hover_background-color);
  color: var(--form_submit_hover_color);
  border-color: var(--form_submit_hover_border-color);
}


form fieldset .input { margin:0!important;}

form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url('https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/images/caret-down.png');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 13px auto;
  cursor: pointer;
  padding-right: 30px;
}

form .input ul.inputs-list li label input[type=radio]:checked+span:before {
  box-shadow: inset 0 0 0 3px #fff;
  background-color: var(--form_input_border-color);
}

form .input ul.inputs-list li label input[type=radio] {
  display: none!important;
  opacity: 0
}

form .input ul.inputs-list li label input[type=radio]+span:before {
  border-radius: 50%;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 20px;
  background-color: transparent;
  border-width: 2px;
  border-color: var(--form_input_border-color);
  border-style: solid;
}

form .input ul.inputs-list li label input[type=radio]+span {
  padding-left: 30px;
  position: relative;
  display: inline-block;
}

form .input ul.inputs-list li label input[type=checkbox]:checked+span:before {
  background-image: url("https://25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%202024/images/icon_check1.png");
  background-position: center;
  background-repeat: no-repeat;
    background-size: 12px;
}

form .input ul.inputs-list li label input[type=checkbox] {
  display: none!important;
  opacity: 0
}

form .input ul.inputs-list li label input[type=checkbox]+span:before {
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 20px;
  background-color: transparent;
  border-radius: var(--form_input_border-radius);
  border-width: 2px;
  border-color: var(--form_input_border-color);
  border-style: solid;
}

form .input ul.inputs-list li label input[type=checkbox]+span {
  display: inline-block;
  padding-left: 30px;
  position: relative
}

form div.hs-form-field .input>ul>li {
  padding: 0 0 10px;
  margin:0;
}

form .legal-consent-container .hs-form-booleancheckbox-display > span{ 
  margin-left:0;
}

form .inputs-list label{ 
  margin:0;
}

form .legal-consent-container .field.hs-form-field{
  margin-bottom:0;
}

.submitted-message {
    text-align: center;
    font-weight: 700;
    color: var(--primary);
}

@media(min-width: 480px) {
  form fieldset.form-columns-2>div.hs-form-field {
    margin-right:10px;
    width: calc(50% - 5px)!important
  }

  form fieldset.form-columns-2>div.hs-form-field:last-child,form fieldset.form-columns-3>div.hs-form-field:last-child {
    margin-right: 0
  }

  form fieldset.form-columns-3>div.hs-form-field {
    margin-right: 10px;
    width: calc(33.33% - 3.5px)!important
  }
}
/*! _tables.css */

table {
  border-collapse: collapse;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table cells */

td,
th {
  vertical-align: top;
}

/* Table header */

thead th {
  vertical-align: bottom;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

header{padding-top:32px;padding-bottom:32px;position: relative; width: 100%; z-index: 9;  }
header .dis-flex{ display: flex; flex-wrap: wrap; }
header .vmiddle { align-items: center; }
/* Menu and simple menu */

nav .hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  nav .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

/* CTA, logo, and rich text images */

.hs_cos_wrapper_type_cta img,
.hs_cos_wrapper_type_logo img,
.hs_cos_wrapper_type_rich_text img {
  height: auto;
  max-width: 100%;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}