/* 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
*/
/*! elements/_fonts.css */


/* 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('//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/fonts/titillium-web-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-700 - 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: 700;
  src: url('//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/fonts/titillium-web-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* titillium-web-900 - 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: 900;
  src: url('//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/fonts/titillium-web-v17-latin-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('//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/fonts/source-sans-3-v15-latin-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('//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/fonts/source-sans-3-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*! variables.css */

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

:root   {
  --transition: all 0.3s ease-in-out;
  --border-radius: 25px;
  --border-color: #484848;
}

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

:root   {
  --blue: #134395; 
  --dark-blue: #00316C;
  --red: #E3312A;   
  --light-grey: #F5F5F5;
  --dark-grey: #484848;
  --white: #ffffff;
  --light-green: #75B1A5;
  
  --messer_lightblue: #e1ebf6;
  --messer_beige: #fff6e4;
  --messer_lightgrey: #bbbcbc;
  
  
  --messer_darkgrey: #626262;    
  --messer_green: #00A824;  
  --messer_petrol: #0084A8;  
  --messer_violet: #5400A8;  
  
  
  
  
  --gradient-1: linear-gradient(85.38deg, #C92E28 0.74%, #E3312A 74.63%);
  --text-color-dark: var(--dark-grey);
  --text-color-light: var(--white);
  
  --background-white: var(--white);
  --background-light-grey: var(--light-grey);
  --background-lightgreen: var(--light-green);
  
  --background-blue: var(--blue);
  --background-red: var(--messer_red);
  
  --background-lightblue: var(--messer_lightblue);
  --background-beige: var(--messer_beige);

  --background-lightgrey: var(--messer_lightgrey);  
  --background-darkgrey: var(--messer_darkgrey);  


  --background-darkblue: var(--dark-blue);
  --background-green: var(--messer_green);
  --background-petrol: var(--messer_petrol);
  --background-violet: var(--messer_violet);
  
  
  
  
  
  
  --filter_dark-grey: brightness(0) saturate(100%) invert(22%) sepia(45%) saturate(3%) hue-rotate(51deg) brightness(96%) contrast(82%);
  --filter_white: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(263deg) brightness(109%) contrast(101%);
  --filter_blue: brightness(0) saturate(100%) invert(22%) sepia(75%) saturate(1362%) hue-rotate(195deg) brightness(90%) contrast(101%);
  --filter_dark-blue: brightness(0) saturate(100%) invert(13%) sepia(92%) saturate(1856%) hue-rotate(199deg) brightness(97%) contrast(104%);
  --filter_grey: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(11%) hue-rotate(61deg) brightness(92%) contrast(93%);
  --filter_red: brightness(0) saturate(100%) invert(27%) sepia(97%) saturate(1609%) hue-rotate(342deg) brightness(90%) contrast(98%);
}

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

--TAG_DEFINITION: value 


using clamp

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

Viewport: min = 360px
Viewport: max = 1270px
RemBase = 10 

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

*/

:root   {

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

  /*  C L A M P */
  ---clamp_355-180: clamp(18rem, calc(10.22rem + 21.6vw), 35.5rem);
  
  --clamp_128-80: clamp(8rem, calc(6.1rem + 5.27vw), 12.8rem);
    --clamp_120-50: clamp(5rem, calc(2.23rem + 7.69vw), 12rem);
  
  --clamp_80-50: clamp(5rem, calc(3.81rem + 3.3vw), 8rem);
  --clamp_80-20: clamp(2rem, calc(-0.37rem + 6.59vw), 8rem);
  
  --clamp_60-35: clamp(3.5rem, calc(2.39rem + 3.09vw), 6rem);
  --clamp_60-25: clamp(2.5rem, calc(1.12rem + 3.85vw), 6rem);
  
  --clamp_50-30: clamp(3rem, calc(2.21rem + 2.2vw), 5rem);
  
  --clamp_48-30: clamp(3rem, calc(2.29rem + 1.98vw), 4.8rem);
  
  --clamp_40-26: clamp(2.6rem, calc(2.05rem + 1.54vw), 4rem);
  
  --clamp_35-15: clamp(1.5rem, calc(0.61rem + 2.47vw), 3.5rem);
  
  --clamp_32-24: clamp(2.4rem, calc(2.08rem + 0.88vw), 3.2rem);
  
  --clamp_30-20: clamp(2rem, calc(1.6rem + 1.1vw), 3rem);
  
  --clamp_24-20: clamp(2rem, calc(1.84rem + 0.44vw), 2.4rem);
  
  --clamp_20-18: clamp(1.8rem, calc(1.72rem + 0.22vw), 2rem);
  
   --clamp_18-16: clamp(1.6rem, calc(1.52rem + 0.22vw), 1.8rem);

  /*  B O D Y  */
  --body_font-family: 'Source Sans 3', sans-serif;
  --title_font-family: "Titillium Web", Arial, sans-serif;
  --body_color: var(--text-color-dark);
  --body_font-size: var(--clamp_20-18);
  --body_font-weight: 400;
  --body_line-height: 1.5;
  --body_margin-bottom: var(--clamp_30-20);
  --body_sm_font-size: var(--clamp_18-16);  
  --body_sx_font-size: 1.6rem;  

  /*  H 1  */
  --h1_color: var(--text-color-dark);
  --h1_font-size: var(--clamp_128-80);
  --h1_font-family: var(--title_font-family);
  --h1_font-weight: 700;
  --h1_line-height: 1.2;
  --h1_margin-bottom: var(--clamp_30-20);

  /*  H 2  */
  --h2_color: var(--text-color-dark);
  --h2_font-size: var(--clamp_48-30);
  --h2_font-family: var(--title_font-family);
  --h2_font-weight: 400;
  --h2_line-height: 1.25;
  --h2_margin-bottom: var(--clamp_30-20);
  --h2_letter-spacing: 0.2px;

  /*  H 3  */
  --h3_color: var(--text-color-dark);
  --h3_font-size: var(--clamp_40-26);
  --h3_font-family: var(--body_font-family);
  --h3_font-weight: 400;
  --h3_line-height: 1.4;
  --h3_margin-bottom: var(--clamp_30-20);

  /*  H 4 */
  --h4_color: var(--text-color-dark);
  --h4_font-size: var(--clamp_32-24);
  --h4_font-family: var(--body_font-family);
  --h4_font-weight: 400;
  --h4_line-height: 1.2;
  --h4_margin-bottom: var(--clamp_30-20);;

  /*  H 5  */
  --h5_color: var(--text-color-dark);
  --h5_font-size: var(--clamp_24-20);
  --h5_font-family: var(--body_font-family);
  --h5_font-weight: 600;
  --h5_line-height: 1.2;
  --h5_margin-bottom: var(--clamp_30-20);

  
  /*  H 6  */
  --h6_color: var(--text-color-dark);
  --h6_font-size: var(--body_font-size);
  --h6_font-family: var(--body_font-family);
  --h6_font-weight: 600;
  --h6_line-height: 1.4;
  --h6_margin-bottom: var(--clamp_30-20);


  
  /*  P O S T   C O N T E N T  */  
  
    /*  H 2  */
  --post_h2_color: var(--text-color-dark);
  --post_h2_font-size: var(--clamp_24-20);
  --post_h2_font-family: var(--body_font-family);
  --post_h2_font-weight: 600;
  --post_h2_line-height: 1.2;
  --post_h2_margin-bottom: var(--clamp_30-20);

  /*  H 3  */
  --post_h3_color: var(--text-color-dark);
  --post_h3_font-size: var(--body_font-size);
  --post_h3_font-family: var(--body_font-family);
  --post_h3_font-weight: 600;
  --post_h3_line-height: 1.4;
  --post_h3_margin-bottom: var(--clamp_30-20);
  
  
  
  /*  TOPLINE  */
  --topline_color: var(--blue);
  --topline_font-size: var(--clamp_24-20);
  --topline_font-family: var(--body_font-family);
  --topline_font-weight: 400;
  --topline_line-height: 1.4;
  --topline_letter-spaing: 0;
  --topline_margin-bottom: 2.4rem;
  --topline_text-transform: uppercase;

}

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

/*! generic/_reset.css */

/* 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;
}

/* 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: 600;
}

/**
 * 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)
*/

/*! objects/_layout.css */


/* 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; }


}

@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; }	
}

@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; }
  
}
/*! objects/_containers-dnd.css */

.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;
}
/*! objects/_grid.css */

:root   {

  /*  B R E A K P O I N T S cant be used :-( */
  --breakpoint_min_sm: 768px;
  --breakpoint_min_md: 1025px;
  --breakpoint_min_lg: 1440px;
}

:root   {

  /*  S E C T I O N   P A D D I N G S  */
  --section_padding-top: var(--clamp_80-50);
  --section_padding-bottom: var(--clamp_80-50);
  --section_padding-top_half: var(--clamp_60-25);
  --section_padding-bottom_half: var(--clamp_60-25);
  --section_padding-right: 3rem;
  --section_padding-left: 3rem;

  /*  S E C T I O N  C O L U M N  G A P  */
  --section_column-gap: 2.4rem;

  /*  S E C T I O N  R O W  G A P  */
  --section_row-gap: 3rem;
}

section {
  padding: var(--section_padding-top) var(--section_padding-right) var(--section_padding-bottom) var(--section_padding-left);
}

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

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

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

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

.container  {
  width: 100%;
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
}    

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

.row.block {
  display: block;
}

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

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

/* XS */

@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;}

  .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: 768px) {
  .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:1025px) {
  .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:1440px) {

  .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.)
*/
/*! elements/_color.css */

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

.dark { 
  color: var(--text-color-dark);
}

.light { 
  color: var(--text-color-light);
}

.background_white { 
  background-color: var(--background-white);
}

.background_light-grey { 
  background-color: var(--background-light-grey);
}

.background_blue { 
  background-color: var(--background-blue);
}

.background_lightgreen { 
  background-color: var(--background-lightgreen);
}

.background_green { 
  background-color: var(--background-green);
}




.background_red { 
  background-color: var(--red);
}  
.background_lightblue { 
  background-color: var(--background-lightblue);
}
.background_beige { 
  background-color: var(--background-beige);
}
.background_lightgrey { 
  background-color: var(--background-lightgrey);
}
.background_darkgrey { 
  background-color: var(--background-darkgrey);
}
.background_darkblue { 
  background-color: var(--background-darkblue);
}
.background_petrol { 
  background-color: var(--background-petrol);
}
.background_violet { 
  background-color: var(--background-violet);
}



.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light ul,
.light ol,
.light p,
.light .topline{
  color:inherit;
}
/*! elements/_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;
  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-bottom: var(--h1_margin-bottom);
  font-family: var(--h1_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(--h2_font-family);
}

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(--h3_font-family);
}

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(--h4_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(--h5_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(--h6_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-family: var(--topline_font-family);
}

.hs-blog-post .blog-post-body h2  {
  font-size: var(--post_h2_font-size);
  font-weight: var(--post_h2_font-weight);
  color: var(--post_h2_color);
  line-height: var(--post_h2_line-height);
  letter-spacing: var(--post_h2_letter-spacing);
  margin-bottom: var(--post_h2_margin-bottom);
  font-family: var(--post_h2_font-family);
}

.hs-blog-post .blog-post-body h3 {
  font-size: var(--post_h3_font-size);
  font-weight: var(--post_h3_font-weight);
  color: var(--post_h3_color);
  line-height: var(--post_h3_line-height);
  letter-spacing: var(--post_h3_letter-spacing);
  margin-bottom: var(--post_h3_margin-bottom);
  font-family: var(--post_h3_font-family);
}

/* Anchors */

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

a:hover,
.light a:hover{
  color:var(--red);
}

.light a {
  color: inherit;
}

/* Lists */

ul,
ol {
  margin: 0 0 var(--body_margin-bottom);;
  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("//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/module-icons/icon_bullet.svg");
    }

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  font-size: 3rem;
  margin: 0 0 var(--body_margin-bottom);
  font-style: italic;
  color: var(--blue);
}

/* 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; 
}


@media(max-width:1024px){
  
  h1,.h1{
    line-height: 1.075;
  }

  h2,.h2{
    line-height: 1.5;
  }
  
}
/*! elements/_buttons.css */

/******************************   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_background-color: var(--red);
  --button_default_color: var(--text-color-light);
  --button_default_font-size: 18px;
  --button_default_font-weight: 700;
  --button_default_line-height: 1.2;
  --button_default_letter-spacing: 0;
  --button_default_border-radius: 100px;
  --button_default_border-width: 2px;
  --button_default_border-color: var(--red);
  --button_default_padding: 10px 28px;
  --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: #C92E28;
  --button_default_hover_color: var(--text-color-light);
  --button_default_hover_border-color: #C92E28;
  --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: linear-gradient(85.38deg, #E3312A 0.74%, #EE463F 74.63%);
  --button_default_focus_color: var(--text-color-light);
  --button_default_focus_border-color: #F29591;
  --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: var(--button_default_padding);
  --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);


  /*  O U T L I N E  */
  --button_outline_font-family: var(--button_default_font-family);
  --button_outline_background-color: transparent;
  --button_outline_color: var(--primary-dark);
  --button_outline_font-size: var(--button_default_font-size);
  --button_outline_weight: var(--button_default_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: var(--button_default_border-width);
  --button_outline_border-color: var(--primary-dark);
  --button_outline_padding: var(--button_default_padding);
  --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  LARGE  */
  --button_outline_large_font-size: var(--button_default_large_font-size);
  --button_outline_large_letter-spacing: var(--button_default_large_letter-spacing);
  --button_outline_large_border-radius: var(--button_default_large_border-radius);
  --button_outline_large_padding: var(--button_default_large_padding);

  /*  O U T L I N E  SMALL  */
  --button_outline_small_font-size: var(--button_default_small_font-size);
  --button_outline_small_letter-spacing: var(--button_default_small_letter-spacing);
  --button_outline_small_border-radius: var(--button_default_small_border-radius);
  --button_outline_small_padding: var(--button_default_small_padding);

  /*  O U T L I N E  Hover  */
  --button_outline_hover_background-color: transparent;
  --button_outline_hover_color: var(--secondary);
  --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(--button_default_focus_background-color);
  --button_outline_focus_color: var(--button_default_focus_color);
  --button_outline_focus_border-color: var(--button_default_focus_border-color);
  --button_outline_focus_box-shadow: var(--button_default_focus_box-shadow);

  /*  L I N K  */
  --button_link_font-family: var(--body_font-family);
  --button_link_color: var(--dark-grey);
  --button_link_filter: var(--filter_dark-grey);
  --button_link_font-size: var(--clamp_20-18);
  --button_link_weight: 700;
  --button_link_line-height: 1.4;
  --button_link_letter-spacing: var(--button_default_letter-spacing);
  --button_link_text-transform: none;
  --button_link_text-decoration: none;
  --button_link_margin-top: var(--button_default_margin-top);
  --button_link_icon_size_width_after: 9px;
  --button_link_icon_size_height_after: 15px;
  --button_link_icon_size_width_before: 9px;
  --button_link_icon_size_height_before: 15px;

  /*  L I N K  Hover  */
  --button_link_hover_color: var(--dark-blue);
  --button_link_hover_filter: var(--filter_dark-blue);

  /*  L I N K  Focus  */
  --button_link_focus_color: var(--dark-grey);
  --button_link_focus_filter: var(--filter_dark-grey);
} 


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


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

button,
.button {
  font-family: var(--button_default_font-family);
  background: 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: 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: 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: var(--button_primary_background-color);
  color: var(--button_primary_color);
  font-size: var(--button_primary_font-size);
  font-weight: var(--button_primary_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);
}
button.primary:hover,
.button.primary:hover {
  background: 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: 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);
}


/******************************   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: 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);
}

button.outline:hover,
.button.outline:hover {
  background: var(--button_outline_hover_background-color);
  color: var(--button_outline_hover_color);
  border-color: var(--button_outline_hover_border-color);
}


button.arrow,
.button.arrow{
  padding-right:5.8rem;
  position:relative;
}

button.arrow:after,
.button.arrow:after{
  position:absolute;
  content: "";
  width:11px;
  height: 17px;
  right: 2.8rem;
  top:50%;
  transform: translateY(-50%);
  background-image: url("//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/icons/icon_right-angle-white.svg");
}


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


.link {
  font-family: var(--button_link_font-family);
  color: var(--button_link_filter);
  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);
  text-transform: var(--button_link_text-transform);
  text-decoration: var(--button_link_text-decoration);
  margin-top: var(--button_link_margin-top);
  display: inline-block;
}

.link.blue{
  color: var(--blue);
}

.light .link{
  color: var(--text-color-light);
}

.link-arrow-after{
  padding-right: 2rem;
  position:relative;
}

.link-arrow-before{
  padding-left: 2rem;
  position:relative;
}

.link-arrow-after:after{
  position: absolute;
  content:"";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--button_link_icon_size_width_after);
  height: var(--button_link_icon_size_height_after);
  filter: var(--button_link_filter);
  background-size: contain;
  background-image: url("//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/icons/icon_right-angle.svg");
    }

.link-arrow-before:before{
  position: absolute;
  content:"";
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: var(--button_link_icon_size_width_after);
  height: var(--button_link_icon_size_height_after);
  filter: var(--button_link_filter);
  background-size: contain;
  background-image: url("//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/icons/icon_right-angle.svg");
    }


.link:hover,
.link.blue:hover{
  color: var(--button_link_hover_color);
}

.light .link:hover{
  color: var(--red);
}

.light .link:focus{
  color: var(--text-color-light);
}

.light .link-arrow-after:after,
.light .link-arrow-before:before{
  filter: var(--filter_white);
}

.light .link-arrow-after:hover:after,
.light .link-arrow-before:hover:before{
  filter: var(--filter_red);
}

.light .link-arrow-after:focus:after,
.light .link-arrow-before:focus:before{
  filter: var(--filter_white);
}

.link-arrow-after.blue:not(:hover):after,
.link-arrow-before.blue:not(:hover):before{
  filter: var(--filter_blue);
}

.link:focus {
  color: var(--button_link_focus_color);
  text-decoration:underline;
}

.link.blue:focus {
  color:var(--blue);
}

.link-arrow-after:hover:after,
.link-arrow-before:hover:before,
.link-arrow-after.blue:hover:after,
.link-arrow-before.blue:hover:before{
  filter: var(--button_link_hover_filter);
}

.link-arrow-after:focus:after,
.link-arrow-before:focus:before{
  filter: var(--button_link_focus_filter);
}

.link-arrow-after.blue:focus:after,
.link-arrow-before.blue:focus:before{
  filter: var(--filter_blue);
}
/*! elements/_forms.css */

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

:root   {

  /*  Label  */
  --form_label_font-family: var(--body_font-family);
  --form_label_weight: 600;
  --form_label_color: var(--text-color-dark);
  --form_label_margin-bottom: 1rem;
  --form_label_size: 1.8rem;

  /*  I N P U T  */
  --form_input_font-family: var(--body_font-family);
  --form_input_background-color: transparent;
  --form_input_color: var(--text-color-dark);
  --form_input_font-size: 1.8rem;
  --form_input_weight: 400;
  --form_input_line-height: 1.2;
  --form_input_letter-spacing: 0;
  --form_input_border-radius: 25px;
  --form_input_border-width: 2px;
  --form_input_border-color: var(--border-color);
  --form_input_padding: 9px 30px;
  --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: var(--text-color-dark);
  --form_input_placeholder_opacity: 0.8;

  /*  R I C H  T E X T  */
  --form_richtext_color: var(--text-color-dark);
  --form_richtext_font-size: 1.5rem;
  --form_richtext_font-weight: 400;
  --form_richtext_line-height: normal;
  --form_richtext_letter-spacing: 0;
  --form_richtext_padding: 0;
  --form_richtext_text-transform: none;
  --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(--button_default_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: var(--button_default_border-radius);
  --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: var(--button_default_padding);
  --form_submit_text-transform: var(--button_default_text-transform);
  --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{
  font-size: var(--form_label_size);
}

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

/* Fields */

form .hs-form-field {
  margin-bottom: 20px;
  width:100% !important;
}

/* Labels */

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

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

.form-title:empty { 
  display: none;
}

/* Help text */

form legend {
  font-size: 1.4rem;
}

/* 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;
  outline:none;
}

.light form input[type=text],
.light form input[type=search],
.light form input[type=email],
.light form input[type=password],
.light form input[type=tel],
.light form input[type=number],
.light form input[type=file],
.light form select,
.light form textarea {
  color: var(--text-color-light);
  border-color: var(--white);
}

.light form select option{
  color: var(--text-color-dark);
}

form select[name="at_anrede"] {
  max-width: 200px;
}

form input[type=text].error,
form input[type=search].error,
form input[type=email].error,
form input[type=password].error,
form input[type=tel].error,
form input[type=number].error,
form input[type=file].error,
form select.error,
form textarea.error {
  color: var(--red);
}

.light form  input[type=text].error,
.light form  input[type=search].error,
.light form  input[type=email].error,
.light form  input[type=password].error,
.light form  input[type=tel].error,
.light form  input[type=number].error,
.light form  input[type=file].error,
.light form  select.error,
.light form  textarea.error {
  color: var(--white);
  background-color: var(--red);
}

::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);
  opacity: var(--form_input_placeholder_opacity);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--form_input_placeholder_color);
  opacity: var(--form_input_placeholder_opacity);
}

.light ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--text-color-light);
}

.light :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--text-color-light);
}

.light ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--text-color-light);
}


form textarea {
  resize: vertical;
}

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{
  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);  
}


/* Validation */

form .hs-form-required {
  color: var(--red);
}

form .hs-input.invalid.error {
  border-color:var(--red);
}

form .hs-error-msg {
  color: var(--red);;
  margin-top: 0.35rem;
}

form .hs_error_rollup {
  display: none;
}

/* Submit button */

form .hs-submit {
    margin-top: var(--clamp_50-30);
}

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(//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/icons/icon_arrow-down.svg);
  background-position: right 30px center;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 50px;
}

.light form select {
  background-image: url(//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/icons/icon_arrow-down-white.svg);
}

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

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

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: 3rem;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  background-color: var(--form_input_background-color);
  border-width: var(--form_input_border-width);
  border-color: var(--form_input_border-color);
  border-style: solid;
}

.light form .input ul.inputs-list li label input[type=radio]+span:before {
  border-color: var(--white);
}


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

form .input ul.inputs-list li label input[type=checkbox]:checked+span:before {
  background-image: url("//25289124.fs1.hubspotusercontent-eu1.net/hubfs/25289124/raw_assets/public/Messer%20-%20Gases%20for%20Life/images/icons/icon_checkmark-white.svg");
    filter: var(--filter_dark-grey);
    background-position: center;
    background-repeat: no-repeat;
    }

.light form .input ul.inputs-list li label input[type=checkbox]:checked+span:before {
  filter: none;
}


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 {
  background-color: var(--form_input_background-color);
  border-color: var(--form_input_border-color);
  border-style: solid;
  border-width: var(--form_input_border-width);
  content: "";
  height: 3rem;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  border-radius: 5px;
}

.light form .input ul.inputs-list li label input[type=checkbox]+span:before {
  border-color: var(--white);
}


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

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

form div.hs-form-field .input>ul>li:last-child {
  margin: 0;
}
form div.hs-form-field .input>ul>li.hs-form-booleancheckbox {
  margin-bottom: 10px;
}

form .legal-consent-container .hs-form-booleancheckbox-display > span{ 
  margin-left:0;
  font-size: var(--form_richtext_font-size);
  font-weight: var(--form_richtext_font-weight);
  line-height: var(--form_richtext_line-height);
}


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

form a{
  text-decoration: underline;
}

@media(min-width: 480px) {
  form fieldset.form-columns-2>div.hs-form-field {
    margin-right:24px;
    width: calc(50% - 12px)!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
  }
}
/*! elements/_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
*/

/*! components/_header.css */

header {
  position: relative;
  width: 100%;
  z-index: 99;
  font-family: var(--title_font-family);
  padding-right: var(--section_padding-right);
  padding-left: var(--section_padding-left);
}

header .container {
  position: relative;
}

header .dis-flex {
  display: flex;
  flex-wrap: wrap;
}

header .vmiddle {
  align-items: center;
}

header a {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

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

header .header-right-flex {
  justify-content: flex-end;
  flex-wrap: nowrap;
}

header .header-right-flex > div {
  background: var(--background-blue);
  border-radius: 4px;
  margin-left: 5px;
  text-align: center;
  width: 40px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

header .header-right-flex .login {
  background: var(--red);
}

header .menu-toggle {
  cursor: pointer;
}

header:has(.header-nav.open) .menu-toggle .toggle,
header .menu-toggle .close{
  display: none;
}

header:has(.header-nav.open) .menu-toggle .close {
  display: block;
}

header .header-nav .hs-menu-depth-2 > a:hover {
  color: #ffffff;
}

header .header-nav .hs-menu-children-wrapper {
  font-size: var(--clamp_18-16);
}

header .language-switcher ul {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 1.4rem;
  justify-content: flex-end;
  color: var(--red);
  padding: 0.2rem 0;
}

header .language-switcher ul li {
  position: relative;
  padding: 0 1rem;
}

header .language-switcher ul li:last-child {
  padding-right: 0;
}

header .language-switcher ul li:not(:first-child):before {
  position: absolute;
  content: "|";
  left: -2px;
  top: 45%;
  transform: translateY(-50%);
}

header .language-switcher a {
  color: var(--blue);
}

header .header-nav {
  margin-top: -25px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 3.5rem;
  -webkit-transition: margin .3s cubic-bezier(0.48, 0.01, 0.5, 0.99), opacity .3s cubic-bezier(0.48, 0.01, 0.5, 0.99), visibility 1s linear;
  transition: margin .3s cubic-bezier(0.48, 0.01, 0.5, 0.99), opacity .3s cubic-bezier(0.48, 0.01, 0.5, 0.99), visibility 1s linear;
  background-color: var(--background-blue);
}

header .header-nav.open {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

header .header-nav .hs-menu-depth-1 > a {
  align-items: flex-end;
  border-bottom: 1px solid;
  display: flex;
  font-size: var(--clamp_24-20);
  padding: 0 0 12px;
  text-transform: uppercase;
  transition: .25s ease;
  color: inherit;
}

header .header-nav .hs-menu-depth-2 > a {
  display: block;
  padding: 15px 10px;
  transition: .4s;
  text-transform: uppercase;
  line-height: 1;
}

header .header-nav .hs-menu-depth-2 > a:hover {
  color: var(--red);
}

header .header-nav .hs-menu-children-wrapper {
  margin-top: 10px;
}

@media(min-width:992px) {
  header .header-logo {
    width: 210px;
  }

  header .header-right {
    width: calc(100% - 210px);
    padding-left: 20px;
  }

  header .header-nav .hs-menu-wrapper > ul {
    display: flex;
    justify-content: flex-end;
    gap: 1.4rem;
  }

  header .header-nav .hs-menu-children-wrapper {
    display: block !important;
  }

  header .header-nav .hs-menu-depth-1 > a {
    min-height: 71px;
  }

  header .header-nav .child-trigger {
    display: none;
  }

  header .header-right-flex > div {
    width: 56px;
    height: 65px;
  }

}

@media(max-width:991px) {
  html,
  body {
    overflow-x: hidden;
  }

  header .language-switcher ul{
    padding: .7rem 0;
  }

  header .language-switcher ul li {
    padding: 0.25rem 1rem;
    position: relative;
  }

  header .header-logo {
    width: 140px;
  }

  header .header-right {
    width: calc(100% - 140px);
  }

  header .header-nav{
    padding:2.3rem 2rem 3.5rem;
  }

  header .header-nav .hs-menu-children-wrapper {
    display: none;
  }

  header .header-nav .hs-menu-depth-1 {
    position: relative;
  }

  header .header-nav .child-trigger {
    height: 55px;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header .header-nav .child-trigger img {
    max-width: 10px;
  }

  header .header-nav .child-open .child-trigger img {
    transform: rotate(180deg);
  }

  header .header-nav .hs-menu-depth-1 > a{
    padding-top:12px;
  }

  eader .header-right-flex img {
    width: 22px;
  }

}
/*! components/_footer.css */

.module_footer-top {
  border-top: 6px solid var(--red);
  padding: 1.8rem var(--section_padding-right) 2rem var(--section_padding-left);
  font-size: 1.8rem;
  font-family: var(--title_font-family);
}

.module_footer {
  padding: 50px var(--section_padding-right) 120px var(--section_padding-left);
  font-size: 1.8rem;
  font-family: var(--title_font-family);
}

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

.module_footer .footer-nav {
  text-transform: uppercase;
}

.module_footer a:empty {
  display: none;
}

.module_footer a:not(:hover) {
  color: var(--blue);
}

.module_footer .hs-menu-depth-2:not(:last-child) {
  margin-bottom: 0.4rem;
}

.module_footer .hs-menu-wrapper>ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--section_column-gap);
  justify-content: space-between;
}

.back-to-top {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 99;
  display:none;
}

.back-to-top path:first-child {
  transition: fill .25s ease;
}


.back-to-top:hover path:first-child {
  fill: var(--red);
}

@media(max-width:767px){

  .module_footer {
    padding-bottom:100px;
  }

  .module_footer .hs-menu-depth-1 {
    width:100%;
  }
}
/*! components/_modules.css */

/******************************   ALL Multi Content Modules  ******************************/

.module_content {
  font-size: var(--clamp_24-20);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.module_content .row{
  row-gap: var(--clamp_50-30);
}

.module_content .row > div > *:last-child {
  margin-bottom: 0;
}

@media(max-width:767px){
  .module_content .mobile-col-swap{
    order:2;
  }
}


/******************************   C O L O R E D   B O X  ******************************/

.post-content-with-background {
  padding: var(--clamp_50-30);
}

div:has(> .post-content-with-background) {
    margin: var(--clamp_80-50) 0;
}

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

form .hs_recaptcha {
  margin-top: 20px;
}

/* 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;
  }
}