/* 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
*/
/* 1b. Colors */






















:root {
	--site-brand-color: #42bfb0;
	--site-brand-dark-color: #42bfb0;
  --site-brand-light-color: #d9f2ef ;
	--site-dark-color: #0f0f0f;
	--site-light-color: #FFFFFF;
	--site-button-font: ;
	--site-text-dark: #0f0f0f;
	--site-text-light: #FFFFFF;
	--background-light-1: #F0F5F0;
	--background-dark-1: #243324;
	--background-light-2: #F5F3F0;
	--background-dark-2: #4D4336;
	--background-light-3: #D5E0D5;
	--background-dark-3: #336633;
	--background-light-4: #AEC2AE;
	--background-dark-4: #428442;
	--color-default: #ffffff;
	--color-light-1: #F0F5F0;
	--color-dark-1: #243324;
	--color-light-2: #F5F3F0;
	--color-dark-2: #4D4336;
	--color-light-3: #D5E0D5;
	--color-dark-3: #336633;
	--color-light-4: #AEC2AE;
	--color-dark-4: #428442;
	--site-text-color: var(--site-text-dark);
	--module-background-color: #ffffff;  
	--cta-border-radius: 48px;
	--site-gui-text-color: var(--site-light-color);
	--navigation-divider-color: #F0F0F0;
	--navigation-header-color: #0f0f0f;
	--site-content-width:  144rem;
	--site-content-width-expanded: 164rem;
	--shadow-medium: drop-shadow(0px 16px 32px rgb(20, 20, 20, 0.12));
	--shadow-dark: drop-shadow(0px 16px 32px rgb(0, 0, 0, 30%));
	--shadow-dark-large: drop-shadow(0px 24px 48px rgb(0,0,0, 30%));
	--shadow-dark-medium: drop-shadow(0px 3px 6px rgb(0,0,0, 30%));
	--shadow-medium-light: drop-shadow(0px 16px 32px rgb(0, 0, 0, 7%));
}
/*Helpers */
:root {
	--focus-outline: 2px solid currentColor;
}
:root {
	--radius-5: 0.5rem;
	--radius-6: 0.6rem;
	--radius-8: 0.8rem;
	--radius-10: 1rem;
	--radius-12: 1.2rem;
	--radius-16: 1.6rem;
	--radius-24: 2.4rem;
	--radius-32: 3.2rem;
	--radius-small: var(--radius-8);
	--radius-medium: var(--radius-24);
	--radius-large: var(--radius-32);
	--space-4: 0.4rem;
	--space-6: 0.6rem;
	--space-8: 0.8rem;
	--space-12: 1.2rem;
	--space-16: 1.6rem;
	--space-24: 2.4rem;
	--space-32: 3.2rem;
	--space-48: 4.8rem;
	--space-64: 6.4rem;
	--space-96: 9.6rem;
	--space-128: 12.8rem;
	--space-256: 25.6rem;
}
/* Theme Colors */
body {
	background: var(--site-background-color);
	--cta-background-color: var(--site-brand-dark-color);
	--cta-text-color: var(--site-text-light);
	--cta-border-color: var(--site-brand-dark-color);
	--cta-hover-background-color: var(--site-dark-color);
	--cta-hover-text-color: var(--site-text-light);
	--cta-hover-border-color: var(--site-dark-color);
	--cta-hover-overlay: var(--cta-dark-overlay);
	--cta-focus-text-color: var(--site-text-light);
	--cta-focus-background-color: var(--site-dark-color);
	--cta-focus-border-color:  var(--site-text-light);
	--cta-secondary-hover-background-color: var(--site-dark-color);
	--cta-secondary-hover-text-color: var(--site-light-color);
}
.background {
	--background-color: var(--module-background-color);
	--site-text-color: var(--site-text-dark);
	--site-brand-color: var(--site-brand-dark-color);
	--cta-background-color: var(--site-brand-dark-color);
	--cta-text-color: var(--site-text-light);
	--cta-border-color: var(--site-brand-dark-color);
	--cta-hover-text-color: var(--site-text-light);
	--cta-hover-background-color: var(--site-brand-dark-color);
	--cta-overlay-intensity: 20%;
	--white: 255 255 255;
	--black: 0 0 0;
	--cta-overlay-color: var(--black);
	--cta-overlay: linear-gradient(
		rgb(var(--cta-overlay-color) / var(--cta-overlay-intensity)),
		rgb(var(--cta-overlay-color) / var(--cta-overlay-intensity))
	);
	--cta-hover-overlay: var(--cta-overlay);
	--cta-focus-background-color: var(--site-brand-dark-color);
	--cta-focus-text-color: var(--site-text-light);
	--cta-focus-border-color: var(--site-light-color);
	--cta-secondary-hover-background-color: var(--site-dark-color);
	--cta-secondary-hover-text-color: var(--site-light-color);
	background: var(--background-color);
	color: var(--site-text-color);
	--global-overlay-r: 0;
    --global-overlay-g: 0;
    --global-overlay-b: 0;
}
.background-light-1, 
.text-brand-dark {
	--background-color: var(--background-light-1);
	--site-text-color: var(--site-text-dark);
	--cta-text-color: var(--site-text-light);
	--cta-background-color: var(--site-brand-dark-color);
	--cta-border-color: var(--site-brand-dark-color);
	--cta-hover-text-color: var(--site-text-light);
	--cta-hover-background-color: var(--site-brand-dark-color);
	--cta-overlay-intensity: 20%;
	--cta-overlay-color: var(--black);
	--cta-focus-background-color: var(--site-brand-dark-color);
	--cta-focus-text-color: var(--site-text-light);
	--cta-focus-border-color: var(--site-light-color);
	--cta-secondary-hover-background-color: var(--site-dark-color);
	--cta-secondary-hover-text-color: var(--site-light-color);
}
.background-light-2 {
	--background-color: var(--background-light-2);
	--site-text-color: var(--site-text-dark);
	--cta-background-color: var(--site-brand-dark-color);
	--cta-text-color: var(--site-text-light);
	--cta-hover-text-color: var(--site-text-light);
	--cta-border-color: var(--site-brand-dark-color);
	--cta-hover-background-color: var(--site-brand-dark-color);
	--cta-overlay-intensity: 20%;
	--cta-overlay-color: var(--black);
	--cta-focus-background-color: var(--site-brand-dark-color);
	--cta-focus-text-color: var(--site-text-light);
	--cta-focus-border-color: var(--site-light-color);
	--cta-secondary-hover-background-color: var(--site-dark-color);
	--cta-secondary-hover-text-color: var(--site-light-color);
}
.background-light-3,
.text-dark {
	--background-color: var(--background-light-3);
	--site-brand-color: var(--site-dark-color);
	--cta-background-color: var(--site-dark-color);
	--cta-text-color: var(--site-text-light);
	--cta-border-color: var(--site-dark-color);
	--cta-hover-text-color: var(--site-text-light);
	--cta-hover-background-color: var(--site-dark-color);
	--cta-overlay-intensity: 15%;
	--cta-overlay-color: var(--white);
	--cta-focus-background-color: var(--site-dark-color);
	--cta-focus-text-color: var(--site-text-light);
	--cta-focus-border-color: var(--site-light-color);
	--cta-secondary-hover-background-color: var(--site-dark-color);
	--cta-secondary-hover-text-color: var(--site-light-color);
}
.background-light-4 {
	--background-color: var(--background-light-4);
	--site-brand-color: var(--site-dark-color);
	--cta-background-color: var(--site-dark-color);
	--cta-text-color: var(--site-text-light);
	--cta-border-color: var(--site-dark-color);
	--cta-hover-text-color: var(--site-text-light);
	--cta-hover-background-color: var(--site-dark-color);
	--cta-overlay-intensity: 15%;
	--cta-overlay-color: var(--white);
	--cta-focus-background-color: var(--site-dark-color);
	--cta-focus-text-color: var(--site-text-light);
	--cta-focus-border-color: var(--site-light-color);
	--cta-secondary-hover-background-color: var(--site-dark-color);
	--cta-secondary-hover-text-color: var(--site-light-color);
}
.background-dark-1,
.text-brand-light {
	--background-color: var(--background-dark-1);
	--site-brand-color: var(--site-brand-light-color);
	--site-text-color: var(--site-text-light);
	--cta-background-color: var(--site-brand-light-color);
	--cta-text-color: var(--site-text-dark);
	--cta-border-color: var(--site-brand-light-color);
	--cta-hover-background-color: var(--site-brand-light-color);
	--cta-hover-text-color: var(--site-text-dark);
	--cta-overlay-intensity: 30%;
	--cta-overlay-color: var(--white);
	--cta-focus-background-color: var(--site-brand-light-color);
	--cta-focus-text-color: var(--site-text-dark);
	--cta-focus-border-color: var(--site-text-dark);
	--cta-secondary-hover-background-color: var(--site-light-color);
	--cta-secondary-hover-text-color: var(--site-dark-color);
}
.background-dark-2 {
	--background-color: var(--background-dark-2);
	--site-brand-color: var(--site-brand-light-color);
	--site-text-color: var(--site-text-light);
	--cta-background-color: var(--site-brand-light-color);
	--cta-text-color: var(--site-text-dark);
	--cta-border-color: var(--site-brand-light-color);
	--cta-hover-background-color: var(--site-brand-light-color);
	--cta-hover-text-color: var(--site-text-dark);
	--cta-overlay-intensity: 30%;
	--cta-overlay-color: var(--white);
	--cta-focus-background-color: var(--site-brand-light-color);
	--cta-focus-text-color: var(--site-text-dark);
	--cta-focus-border-color: var(--site-text-dark);
	--cta-secondary-hover-background-color: var(--site-light-color);
	--cta-secondary-hover-text-color: var(--site-dark-color);
}
.background-dark-3,
.background-image,
.text-light {
	--background-color: var(--background-dark-3);
	--site-brand-color: var(--site-light-color);
	--site-text-color: var(--site-text-light);
	--cta-background-color: var(--site-light-color);
	--cta-text-color: var(--site-text-dark);
	--cta-border-color: var(--site-light-color);
	--cta-hover-background-color: var(--site-light-color);
	--cta-hover-text-color: var(--site-text-dark);
	--cta-overlay-intensity: 8%;
	--cta-overlay-color: var(--black);
	--cta-focus-background-color: var(--site-light-color);
	--cta-focus-text-color: var(--site-text-dark);
	--cta-focus-border-color: var(--site-text-dark);
	--cta-secondary-hover-background-color: var(--site-light-color);
	--cta-secondary-hover-text-color: var(--site-dark-color);
}
.background-dark-4 {
	--background-color: var(--background-dark-4);
	--site-brand-color: var(--site-light-color);
	--site-text-color: var(--site-text-light);
	--cta-background-color: var(--site-light-color);
	--cta-text-color: var(--site-text-dark);
	--cta-border-color: var(--site-light-color);
	--cta-hover-background-color: var(--site-light-color);
	--cta-hover-text-color: var(--site-text-dark);
	--cta-overlay-intensity: 8%;
	--cta-overlay-color: var(--black);
	--cta-focus-background-color: var(--site-light-color);
	--cta-focus-text-color: var(--site-text-dark);
	--cta-focus-border-color: var(--site-text-dark);
	--cta-secondary-hover-background-color: var(--site-light-color);
	--cta-secondary-hover-text-color: var(--site-dark-color);
}
/* For text */
.brand-gui-color {
	color: var(--site-brand-color);
}
.text-brand-dark,
.text-brand-light,
.text-light,
.text-dark {
	--background-color: transparent;
}
/* Generic
This is where reset, normalize & box-sizing styles go.
*/
/*! 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;
}

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

/**
 * Add the correct box sizing in Firefox.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

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

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, 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;
}

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

/**
 * Remove the inheritance of text transform in Edge and Firefox.
 * 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;
}

/**
 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.
 */

legend {
  padding: 0;
}

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

progress {
  vertical-align: baseline;
}

/**
 * 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 and Firefox.
 */

details {
  display: block;
}

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

summary {
  display: list-item;
}
*, *:before, *:after {
  box-sizing: border-box;
}

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

/* CSS variables */

:root {
  /* --column-gap: 2.13%; */
  --column-gap: 32px;
}
@media (min-width: 768px) {
  :root {
    --column-gap:48px;
  }
}
@media (min-width: 1400px) {
  :root {
    --column-gap:100px;
  }
}
/* Mobile layout */

.row-fluid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.row-fluid [class*='span'] {
  min-height: 1px;
  width: 100%;
}

/* Desktop layout */

@media (min-width: 768px) {
  .row-fluid {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .row-fluid .span11 {
    width: calc(91.66% - var(--column-gap) * 0.0833);
  }

  .row-fluid .span10 {
    width: calc(83.33% - var(--column-gap) * 0.166);
  }

  .row-fluid .span9 {
    width: calc(75% - (var(--column-gap) * 0.25));
  }

  .row-fluid .span8 {
    width: calc(66.66% - var(--column-gap) * 0.333);
  }

  .row-fluid .span7 {
    width: calc(58.33% - var(--column-gap) * 0.4166);
  }

  .row-fluid .span6 {
    width: calc(50% - var(--column-gap) * 0.5);
  }

  .row-fluid .span5 {
    width: calc(41.66% - var(--column-gap) * 0.5833);
  }

  .row-fluid .span4 {
    width: calc(33.33% - var(--column-gap) * 0.6668);
  }

  .row-fluid .span3 {
    width: calc(25% - var(--column-gap) * 0.75);
  }

  .row-fluid .span2 {
    width: calc(16.66% - var(--column-gap) * 0.8333);
  }

  .row-fluid .span1 {
    width: calc(8.33% - var(--column-gap) * 0.9166);
  }
}
/*=TODO add generic content wraper for system pages (404 etc)*/
.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;
  /* outline: 1px solid blue */
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}

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

/* 1c. Typography */













html {
  font-size: 62.1%;
}
img, video {
	display: block;
	max-width: 100%;
}

body {
  --body-font-size: 1.6rem;
  --title-line-height: 1.12;
  --title-xsmall-size: 2rem;
  --title-small-size: 2.4rem;
  --title-medium-size: 3.2rem;
  --title-large-size: 4.8rem;
  --title-xlarge-size: 4.8rem;
  --title-xxlarge-size: 4.8rem;
  --text-small-size: 1.6rem;
  --text-medium-size: 1.8rem;
  --text-large-size: 2.2rem;
  --title-xxlarge-line-height: var(--title-line-height);
  --title-xlarge-line-height: var(--title-line-height);
  --title-large-line-height: var(--title-line-height);
  --title-medium-line-height: var(--title-line-height);
  --title-small-line-height: var(--title-line-height);
  --title-xsmall-line-height: var(--title-line-height);
  --title-dropdown-line-height: 1.5;
  --title-xxlarge-letter-spacing: normal;
  --title-xlarge-letter-spacing: normal;
  --title-large-letter-spacing: normal;
  --title-medium-letter-spacing: normal;
  --title-small-letter-spacing: normal;
  --title-xsmall-letter-spacing: normal;
}
body.hs-blog-post {
  --title-xsmall-size: 1.8rem;
  --title-small-size: 1.8rem;
  --title-medium-size: 2rem;
  --title-large-size: 2.4rem;
  --title-xlarge-size: 4.8rem;
}

@media (min-width: 767px) {
  body{
    --title-xlarge-size: 6.4rem;
    --title-xxlarge-size: 6.4rem;
  }
  body.hs-blog-post {
    --title-xlarge-size: 4.8rem;
    --title-xxlarge-size: 4.8rem;
  }
}
/*Desktop*/
@media (min-width: 1600px) {
  body {
    --title-xsmall-size: 2.4rem;
    --title-small-size: 3.2rem;
    --title-medium-size: 4.8rem;
    --title-large-size: 6.4rem;
    --title-xlarge-size: 9.6rem;
    --title-xxlarge-size: 12.8rem;
    --body-font-size: 1.8rem;
    --text-large-size: 2.4rem;
  }
  body.hs-blog-post {
    --title-medium-size: 2.4rem;
    --title-large-size: 3.2rem;
    --title-xlarge-size: 6.4rem;
  }
}

body {
  font-size: var(--body-font-size);
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  hyphens: manual;
  margin-top: 0;
  margin-bottom: var(--space-24);
  font-weight: normal;
  word-break: break-word;
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
}
h1, .h1, .title-xlarge {
  font-size: var(--title-xlarge-size);
  line-height: var(--title-xlarge-line-height);
  letter-spacing: var(--title-xlarge-letter-spacing);
}
h2, .h2, .title-large {
  font-size: var(--title-large-size);
  line-height: var(--title-large-line-height);
  letter-spacing: var(--title-large-letter-spacing);
}
h3, .h3, .title-medium {
  font-size: var(--title-medium-size);
  line-height: var(--title-medium-line-height);
  letter-spacing: var(--title-medium-letter-spacing);
}
h4, .h4, .title-small {
  font-size: var(--title-small-size);
  line-height: var(--title-small-line-height);
  letter-spacing: var(--title-small-letter-spacing);
}
h5, .h5,
h6, .h6, .title-xsmall {
  font-size: var(--title-xsmall-size);
  line-height: var(--title-xsmall-line-height);
  letter-spacing: var(--title-xsmall-letter-spacing);
}
.title-xxlarge {
  font-size: var(--title-xxlarge-size);
  line-height: var(--title-xxlarge-line-height);
  letter-spacing: var(--title-xxlarge-letter-spacing); 
}
.text-bold-style {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
}
.text-large {
  font-size: var(--text-large-size);
}
.text-medium{
  font-size: var(--text-medium-size);
}
.text-medium-semibold {
  font-size: var(--text-medium-size);
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
}
.text-large-semibold{
  font-size: var(--text-large-size);
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
}
.text-small {
  font-size: var(--text-small-size);
}
.site-navigation,
.lang_switcher_link{ 
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}
.submenu-list {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}
.submenu-column-header {
  --title-dropdown-size: 1.8rem;
  font-size: var(--title-dropdown-size);
  line-height: var(--title-dropdown-line-height);
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

@media screen and (min-width: 1200px) {

  .submenu-column-header {
    --title-dropdown-size: 2rem;
    text-transform: none;
  }
}
.button, 
.cta, 
input[type="submit"], 
.hs-button {
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
}
.font-bold,
.bold
strong,
b {
  font-weight: 700;
}

a:not(class) {
  color: var(--link-color);
}
p {
  margin-top: 0;
}
form label {
  font-size: inherit;
}
.text-center {
  text-align: center;
}

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

/* Code blocks */

pre {
  overflow: auto;
}

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  all: unset
}

/* Horizontal rules */

hr {
  border: none;
  border-bottom: 1px solid #CCC;
}
/* UI helper classes*/
.kicker-text {
  --kicker-margin-bottom: var(--space-32);
  color: var(--site-brand-color);
  margin-bottom: var(--kicker-margin-bottom);
  font-size: var(--text-large-size);
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
}
/*Set correct font family for the footer title, to use HS variable; override HS form*/
.footer-title, .visma-footer .form-title {
  font-size: var(--text-small-size);
  font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
}
button:disabled,
.button:disabled {
	background-color: #d0d0d0;
	border-color: #d0d0d0;
	color: #e6e6e6;
}
/*otherwise IOS will set to browser default button color*/
button {
	color: inherit;
}

/* No button */
.no-button,
.no-button:focus,
.no-button:active {
	background: none;
	border: none;
	border-radius: 0;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	margin-bottom: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	transition: none;
}
@keyframes bgMove {
	0%{
    background-position-x: -100%;
  }
  100% {
    background-position-x: 100%;
  }
}
/* Global button styling for primary/secondary/link buttons (<a></a>) */
/* <a class="cta -secondary -large"/>
<button class="cta -primary -small" /> */

.cta,
.hs-button {
	--inner-space: var(--space-12) var(--space-24);
	--font-size: 1.6rem;
	--text-color: var(--cta-text-color);
	--background-color: var(--cta-background-color);
	--border-color: var(--cta-border-color);
	--radius: var(--cta-border-radius);
	--text-align: center;
	font-size: var(--font-size);
	text-decoration: none;
	display: inline-flex;
	text-align: var(--text-align);
	border-radius: var(--radius);
	padding: var(--inner-space);
	color: var(--text-color);
	background-color: var(--background-color);
	transition: all 300ms cubic-bezier(.46,.03,.52,.96);
	word-break: break-word;
	border: 2px solid var(--border-color);
}
.cta:hover,
.hs-button:hover {
	--text-color: var(--cta-hover-text-color);
	--background-color: var(--cta-hover-background-color);
	--border-color: transparent;
}
.cta.-primary:hover {
	background-image: var(--cta-hover-overlay);
	background-repeat: no-repeat;
	background-size: 200% 200%;
	animation: bgMove 200ms linear;
	background-position-y: -2px;
	background-position-x: -2px;
}
.cta:focus,
.hs-button:focus{
	--background-color: var(--cta-focus-background-color);
	--text-color: var(--cta-focus-text-color);
	box-shadow: 0 0 0 3px var(--cta-focus-border-color) inset;
	outline: 2px solid transparent; /*Windows High Contrast Mode*/
}
.cta.-small {
	--font-size: 1.6rem;
	--inner-space: var(--space-12) var(--space-24);
}
.cta.-tertiary,
.cta.tertiary {
	--background-color: transparent;
	--border-color: transparent;
	--inner-space: 0;
	--text-color: var(--site-brand-color);
}
.cta.-tertiary:hover,
.-tertiary.test-hover {
	--cta-hover-background-color: transparent;
	--cta-hover-border-color: transparent;
	background-image: none;
	text-decoration: underline;
	text-underline-offset: 4px;
}
.cta.-tertiary:focus {
	--cta-focus-background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	outline: var(--focus-outline);
	outline-offset: 4px;
}
.cta.-secondary,
.cta.secondary {
	--background-color: transparent;
	--text-color: var(--site-text-color);
	--border-color: var(--text-color);
	--cta-focus-background-color: transparent;
	--cta-focus-border-color: var(--site-text-color);
	--cta-focus-text-color: var(--site-text-color);
}
.cta.-secondary:hover {
	--background-color: var(--cta-secondary-hover-background-color);
	--text-color: var(--cta-secondary-hover-text-color);
	--border-color: var(--background-color);
}
/*Add arrow, if the cta is a link */
/* [1] Icon color = text color */
a[class*='cta'] {
	--text-align: left;
	display: inline-flex;
	align-items: center;
	gap: 2rem;
	justify-self: flex-start;
}
a[class*='cta']:after {
	content: '';
	display: inline-block;
	min-width: 2rem;
	height: 1.6rem;
	-webkit-mask-image: url(//143339701.fs1.hubspotusercontent-eu1.net/hubfs/143339701/raw_assets/public/product-pages-theme/images/icons/arrow-right.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: auto;
	mask-image: url(//143339701.fs1.hubspotusercontent-eu1.net/hubfs/143339701/raw_assets/public/product-pages-theme/images/icons/arrow-right.svg);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: auto;
	background-color: currentColor; /*[1]*/
	speak-as: none;
}
a[class*='external']:after {
	-webkit-mask-image: url(//143339701.fs1.hubspotusercontent-eu1.net/hubfs/143339701/raw_assets/public/product-pages-theme/images/icons/external_link.svg);
	mask-image: url(//143339701.fs1.hubspotusercontent-eu1.net/hubfs/143339701/raw_assets/public/product-pages-theme/images/icons/external_link.svg);
}
/*Slider, Video button*/
.icon-button {
	--size: 4.8rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
}
.icon-button.-small {
	--size: 4.8rem;
}
.icon-button[disabled] {
  filter: grayscale(1) opacity(50%)!important;
	cursor: not-allowed;
}
.icon-button[disabled]:focus,
.icon-button[disabled]:hover {
  transform: none;
}
@media screen and (min-width: 767px) {
	.cta,
	.hs-button {
		--inner-space: var(--space-24) var(--space-64);
		--font-size: 1.8rem;
	}
	.icon-button.-large {
		--size: 7.5rem;
	}
}
@media (max-width: 480px) {
	a[class*='cta']:not(.-tertiary) {
		width: 100%;
		justify-content: center;
	}
}
/* Fields */

.hs-form-field {
  margin-bottom: var(--space-24);
}
.hs_submit {
  margin-top: var(--space-32)
}
form {
  max-width: 60rem;
  --label-height: 24px;
  --label-width: 24px;
}
/* Labels */

form label {
  display: block;
  margin-bottom: var(--space-8);
  
}

/* Help text */

form legend {
  font-size: 1.6rem;
  margin-bottom: var(--space-4);
}

form textarea {
  resize: vertical;
}

form fieldset {
  max-width: 100%;
}

/* Inputs - checkbox/radio */

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

form .inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  /* background-color:red; */
}

/* Test: only affect radio buttons with 2 options */
/* form .inputs-list:has(> :last-child:nth-child(2)){
  background-color: red;
} */


form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  margin-right: 0.35rem;
}

/* Custom checkbox */

li.hs-form-checkbox,
li.hs-form-booleancheckbox {
  margin: 16px 0;
}

li.hs-form-checkbox label,
li.hs-form-booleancheckbox label {
  position: relative;
  display: flex;
}

li.hs-form-checkbox label span,
li.hs-form-booleancheckbox label span {
  display: inline-block;
  margin-left: 4rem;
  align-self: center;
  line-height: 2.4rem;
}

li.hs-form-checkbox label input,
li.hs-form-booleancheckbox label input {
  height: var(--label-height);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: var(--label-width);
}

li.hs-form-checkbox label span::before,
li.hs-form-booleancheckbox label span::before {
  border: 2px solid var(--site-text-color);
  border-radius: 4px;
  content: "";
  height: var(--label-height);
  left: 0;
  position: absolute;
  top: 0;
  width: var(--label-width);
}

li.hs-form-checkbox label span::after,
li.hs-form-booleancheckbox label span::after {
  content: "";
  border: 2px solid;
  border-color: var(--background-color);
  color: var(--color-default);
  border-left: 0;
  border-top: 0;
  height: 16px;
  left: 8px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(45deg);
  transition: opacity 0.2s ease-in-out;
  width: 8px;
}

li.hs-form-checkbox label input:checked + span::before,
li.hs-form-booleancheckbox label input:checked + span::before {
  background-color: var(--site-brand-color);
  border: 2px solid transparent;
}

li.hs-form-checkbox label input:checked + span::after,
li.hs-form-booleancheckbox label input:checked + span::after {
  opacity: 1;
}

li.hs-form-checkbox label input:focus-visible + span::before,
li.hs-form-booleancheckbox label input:focus-visible + span::before {
  box-shadow: 0 0 0 2px var(--cta-hover-border-color);
  outline: 3px solid transparent;
}

/* Inputs - date picker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  position: absolute;
  right: 5%;
  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;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span {
  margin-left: 4rem !important;
}

/* Validation */

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

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

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  border: transparent;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border-collapse: collapse;
  overflow-wrap: break-word;
}
table:not(:last-child) {
  margin-bottom: var(--space-16);
}

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

/*Hubspot html override*/
.header div.hs_cos_wrapper {
  display: contents;
}

@media screen and (max-width: 1200px) {
  .header-wrapper {
    position: sticky;
    top: 0;
    z-index: 20;
  }
}

.skip-to-content-link {
  left: var(--space-32);
  padding: var(--space-8);
  position: absolute;
  top: -100%;
  transform: translateY(-100%);
  transition: transform 0.3s;
  text-decoration: none;
  overflow: hidden;
}

.skip-to-content-link:focus-visible {
  transform: translateY(0%);
  top: 0;
  overflow: visible;
  outline: var(--focus-outline);
}

/*Toggle buttons*/
.navigation-toggle {
  min-height: var(--header-height);
  width: fit-content;
  background-color: transparent;
  border: none;
  padding: 0 var(--space-16);
}

.navigation-toggle.-small {
  height: auto;
  min-height: auto;
  align-self: center;
  padding: var(--space-12);
}

.navigation-toggle:focus-visible {
  outline: var(--focus-outline);
  outline-offset: -2px;
}

.menu-icon {
  height: 2.4rem;
  width: 1.8rem;
}

.globe-icon {
  height: 2.4rem;
  width: 2.2rem;
}

/*Smaller icon without causing reflow*/
.visma-icon.close-icon {
  transform: scale(0.7);
}

/*Submenu, language on mobile = dropdown list*/
button[aria-expanded="true"] .-dropdown {
  transform: rotate(180deg);
}

.navigation-toggle {
  --margin-left: 0;
  --margin-right: 0;
  margin-left: var(--margin-left);
  margin-right: var(--margin-right);
}

/*Header setup*/
.header {
  --header-padding: 0 var(--space-16) 0 var(--space-32);
  --header-height: 7.2rem;
  --grid-columns: 1fr auto auto;
  --link-padding: var(--space-8) var(--space-12);
  --nav-link-strech: center;
  --active-link-bg: transparent;
  --active-link-underline: underline;
  --link-focus-offset: 0;
  --nav-margin: 0;
  --nav-height: auto;
  --nav-item-height: auto;
  --nav-gap: var(--space-12);
  --cta-list-gap: var(--space-12);
  --submenu-direction: column;
  --dropdown-zindex: 100;
  /* --nav-font-size: 2.4rem;
  --subnav-font-size: 1.8rem; */
  --nav-font-size: 1.8rem;
  --subnav-font-size: 1.6rem;
}

.header {
  display: grid;
  grid-template-columns: var(--grid-columns);
  grid-template-rows: auto;
  align-items: var(--nav-link-strech);
  min-height: var(--header-height);
  padding: var(--header-padding);
}

.header.search-open {
  --grid-columns: 1fr auto;
}

/*Hide search or menu toggle, only close button should be visible*/
.header.nav-open #toggle-search-mobile,
.header.search-open #toggle-nav-mobile {
  display: none;
}

.header.-small-font {
  --nav-font-size: 1.6rem;
  --subnav-font-size: 1.6rem;
}

/*Tablet, Desktop*/
@media screen and (min-width: 1200px) {
  .header-wrapper.-sticky {
    position: sticky;
    top: 0;
    z-index: 2000;
  }

  .header {
    --header-padding: 0 var(--space-32);
    --link-padding: 0 1rem;
    --nav-gap: var(--space-8);
    --subnav-radius: 0;
    --subnav-top-position: 150%;
    --subnav-left-position: -1.2rem;
    --subnav-translate: 0;
    --subnav-align-to-link: relative;
    --subnav-max-witdh: max-content;
    --subnav-width: auto;
    --cta-list-gap: var(--space-6);
  }

  .header.-rounded {
    --subnav-radius: var(--radius-medium);
  }

  .header.-item-full-height {
    --link-focus-offset: -2px;
    --nav-link-strech: strech;
    --nav-height: 100%;
    --nav-gap: 0;
    --active-link-bg: rgb(0, 0, 0, 0.09);
    --active-link-underline: none;
    --subnav-top-position: 100%;
    --subnav-left-position: 0;
    --subnav-translate: 0;
    --subnav-radius: 0;
  }

  .header.-horizontal-subnav {
    --subnav-align-to-link: static;
    --subnav-max-witdh: 100%;
    --subnav-width: 100%;
    --submenu-direction: row;
  }

  .navigation-toggle {
    --margin-left: var(--space-12);
    --margin-right: var(--space-12);
  }

  /*search icon + lang icon*/
  #toggle-search-desktop+.site-language {
    --margin-left: 0;
    margin-left: -12px;
    /*var(--margin-left)*/
  }

  .menu-list {
    margin-left: auto;
    margin-right: 0;
  }

  .menu-list.-right {
    margin-left: auto;
  }

  .menu-list.-center {
    margin-right: auto;
    margin-left: auto;
  }

  .-shadow {
    filter: var(--shadow-medium);
  }

  /*If no search, language btn added*/
  .site-navigation-wrapper+.cta-wrapper-large {
    margin-left: var(--space-16);
  }
}

/*Multicolumn subnavigation layout*/
.submenu-column-wrapper {
  --submenu-gap: var(--space-8);
  --space-vertical: var(--space-16);
  --space-horizontal: var(--space-24);
  --headline-margin: var(--space-8);
  --item-gap: var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--item-gap);
  padding: var(--space-vertical) var(--space-horizontal);
  max-width: var(--site-content-width);
}

.submenu-column-wrapper.-multi-col {
  --item-gap: var(--space-24);
}

.submenu-column-header {
  color: var(--navigation-header-color);
  margin-bottom: var(--headline-margin);
}

@media screen and (min-width: 1200px) {

  /*Full width white navigation*/
  .header.-has-divider .submenu-column-wrapper {
    border-top: 2px solid var(--navigation-divider-color);
  }

  .submenu-column-wrapper {
    --headline-margin: var(--space-16);
  }

  .submenu-column-wrapper.-multi-col {
    --space-vertical: var(--space-48);
    --space-horizontal: var(--space-48);
    --column-size: 25rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--column-size), 1fr));
    grid-column-gap: var(--space-32);
    grid-row-gap: var(--space-48);
    margin: 0 auto;
  }

  /*Full width subnav, aligned to the logo*/
  .-horizontal-subnav .submenu-column-wrapper {
    width: 100%;
  }

  .-horizontal-subnav .submenu-column-wrapper.-multi-col {
    --space-vertical: var(--space-64);
    --column-size: 20%;
    --space-horizontal: var(--space-32);
  }

  .-horizontal-subnav .submenu-column-wrapper.-single-col {
    --submenu-gap: var(--space-32);
    gap: var(--submenu-gap);
    display: inherit;
    flex-direction: inherit;
    justify-content: center;
  }
}

@media screen and (min-width: 1500px) {
  .-horizontal-subnav .submenu-column-wrapper.-multi-col {
    --space-horizontal: 0;
  }
}

.site-logo {
  --logo-max-width: 12rem;
  display: flex;
  align-items: center;
  min-width: 10rem;
  max-width: var(--logo-max-width);
  height: auto;
  object-fit: contain;
  padding: 4px;
  margin-right: var(--space-12);
}

.site-logo:focus-visible {
  outline: var(--focus-outline);
}

/*Main menu*/
.site-navigation {
  --list-direction: column;
  --space-bottom: var(--space-24);
  --space-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  flex-direction: var(--list-direction);
  justify-content: space-between;
  padding-top: var(--space-top);
  padding-bottom: var(--space-bottom);
  height: var(--nav-height);
}

/*CTA list*/
.site-navigation-cta-list {
  --list-direction: column;
  --margin-bottom: var(--space-32);
  display: flex;
  flex-wrap: nowrap;
  flex-direction: var(--list-direction);
  gap: var(--cta-list-gap);
  align-items: flex-start;
  margin-bottom: var(--margin-bottom) !important;
}

/*CTA on mobile*/
.site-cta-mobile {
  margin-top: var(--space-32);
  padding-top: 4px;
}

/*Move to separate file?*/
/*Language selector (HS override, can not change HTML)*/
/*.site-language = visma component wrapper*/
.site-language {
  --list-position: static;
  --list-top-position: 0;
  --list-left-position: 0;
  --list-background: inherit;
  --list-padding: var(--space-32) var(--space-24);
  position: relative;
}

.site-language .lang_switcher_class {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: var(--list-position);
  top: var(--list-top-position);
  left: var(--list-left-position);
}

/*Language switch override HS*/
/* v1 */
/* Remove default styles */
#toggle-language-mobile {
  justify-content: flex-start !important;
  gap: var(--space-16);
}

nav.hs-language-switcher {
  margin: 0 !important;
  padding: 0 !important;
}

.hs-language-switcher__button {
  display: none !important;
}

.hs-language-switcher__inner-wrapper {
  width: 100%;
}
.hs-language-switcher__icon {
  margin-right: 0 !important;
}
.hs-language-switcher__current-language,
.hs-language-switcher__icon--dropdown {
  display: none !important;
}
.hs-language-switcher__menu.visible {
  display: flex !important;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .hs-language-switcher__menu.visible {
    position: static;
    --space-vertical: var(--space-16);
    --space-horizontal: var(--space-24);
    padding: var(--space-vertical) var(--space-horizontal);
    font-size: var(--subnav-font-size);
    gap: var(--space-16);
  }
}
.hs-language-switcher__menu {
  border: 0 !important; 
  flex-direction: column;
}
.hs-language-switcher__item {
  padding: 0 !important;
}
.navigation-toggle.toggle-language .submenu-button-icon {
  margin-left: auto;
}

.hs-language-switcher__item.active,
.hs-language-switcher__item:hover {
  background: none !important;
}
.hs-language-switcher__item:hover {
  color: currentColor;
  text-decoration: underline;
}
.hs-language-switcher__item a {
  padding: 2px;
}

@media screen and (min-width: 1200px) {
  .hs-language-switcher {
    align-self: center;
    height: auto;
    min-height: auto;
    padding: var(--space-12);
    --margin-left: var(--space-12);
    --margin-right: var(--space-12);
    margin-left: var(--margin-left);
    margin-right: var(--margin-right);
  }

  .hs-language-switcher__menu {
    position: absolute !important;
    top: var(--list-top-position) !important;
    left: var(--list-left-position) !important;
    padding: var(--space-vertical) var(--space-horizontal) !important;
    --space-vertical: var(--space-16);
    --space-horizontal: var(--space-24);
    font-size: var(--subnav-font-size);
    gap: var(--space-16);
    padding: var(--space-vertical) var(--space-horizontal);
    filter: var(--shadow-medium);
  }
  
}

/* v0 */
.site-language .globe_class {
  display: contents !important;
}

.site-language .globe_class:hover .lang_list_class {
  display: flex;
}

.site-language .lang_list_class {
  --space-vertical: var(--space-16);
  --space-horizontal: var(--space-24); 
  padding: var(--space-vertical) var(--space-horizontal);
  position: static;
  transform: translate(0);
  display: flex;
  gap: var(--space-16);
  font-size: var(--subnav-font-size);
  flex-direction: column;
  text-align: left;
  border-radius: var(--subnav-radius);
}

.site-language .lang_list_class li {
  font-size: var(--subnav-font-size);
  border: none !important;
  background-color: transparent;
  white-space: nowrap;
  padding: 0 !important;
}

.site-language .lang_switcher_link {
  display: block;
  cursor: unset;
  padding: 2px;
}

.site-language .lang_switcher_link:focus-visible {
  outline: var(--focus-outline);
}

.site-language .lang_switcher_link:hover {
  color: currentColor;
  text-decoration: underline;
}

.lang_list_class:before,
.lang_list_class:after {
  display: none !important;
  content: none;
}

/*Language toggle buttons mobile, desktop*/
.toggle-language[aria-expanded="true"]+#hs_cos_wrapper_language-switcher .lang_switcher_class {
  display: block;
  visibility: visible;
  opacity: 1;
  z-index: var(--dropdown-zindex);
}

#toggle-language-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--link-padding);
}

.toggle-button-icon {
  display: flex;
  align-items: center;
  gap: var(--space-16);
  font-size: var(--subnav-font-size);
}

@media screen and (min-width: 1200px) {
  .site-language {
    --list-position: absolute;
    --list-top-position: 6rem;
    --list-left-position: -3.2rem;
    --list-background: white;
    --list-padding: var(--space-32) var(--space-32);
    align-self: center;
  }

  .site-language .lang_list_class {
    filter: var(--shadow-medium);
  }
}

@media screen and (max-width: 1199px) {

  .site-navigation-wrapper,
  .site-search {
    visibility: hidden;
    transform: translateX(-100%);
    height: 0;
    opacity: 0;
    grid-column: 1/-1;
  }

  #toggle-search-desktop {
    display: none;
  }

  #toggle-nav-mobile[aria-expanded="true"]+.site-navigation-wrapper,
  .site-search {
    display: flex;
    flex-direction: column;
    visibility: visible;
    position: absolute;
    transform: translateX(0);
    opacity: 1;
    grid-column: 1/-1;
    z-index: 20;
    width: 100%;
    margin: auto;
    top: 100%;
    left: 0;
    transition: all 200ms ease-in-out;
    padding: 0 var(--space-32);
    min-height: calc(100vh - 70px);
    overflow-y: auto;
  }
}

/*Main navigation, subnavigation*/
.menu-list {
  --menu-direction: column;
  --link-display: block;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: var(--menu-direction);
  gap: var(--nav-gap);
  height: var(--nav-height);
  font-weight: 400;
  font-size: var(--nav-font-size);
}

.menu-item__link,
.submenu-item__link {
  text-decoration: none;
}

.menu-item {
  display: var(--link-display);
  justify-items: center;
  align-items: center;
}

.menu-item-style {
  --text-overflow: wrap;
  --word-break: break-word;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--nav-item-height);
  width: 100%;
  padding: var(--link-padding);
  font-weight: inherit;
  text-align: left;
  line-height: 1.5;
  white-space: var(--text-overflow);
  word-break: var(--word-break);
}

.menu-item-style:hover,
.submenu-item__link:hover {
  text-decoration: underline;
  text-decoration-line: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.submenu-item__link:focus-visible,
.menu-item-style:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--link-focus-offset);
  background-color: var(--active-link-bg);
}

/*Current page link */
.menu-item.active {
  background-color: transparent;
  font-weight: 700;
}

/* Subnavigation */
.menu-item.has-submenu {
  position: var(--subnav-align-to-link);
}

/*Multicolumn navigation*/
.submenu-column-list {
  display: flex;
  flex-direction: column;
  gap: var(--submenu-gap);
}

/*Dropdown open/close*/
.menu-item__submenu-button[aria-expanded="true"] {
  background-color: var(--active-link-bg);
}

.menu-item__submenu-button[aria-expanded="false"] {
  background-color: transparent;
}

@keyframes fade-in {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

/* @keyframes fade-out {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fade-out {
  animation: fade-out 1000ms ease-in;
  visibility: hidden;
} */

.menu-item__submenu-button[aria-expanded="false"]+.submenu-list {
  display: none;
}

.menu-item__submenu-button[aria-expanded="true"]+.submenu-list {
  display: flex;
  flex-direction: var(--submenu-direction);
  animation: fade-in 100ms ease-in;
}

.submenu-list {
  gap: var(--submenu-gap);
}

.submenu-item {
  font-size: var(--subnav-font-size);
}

.submenu-item__link {
  white-space: normal;
  display: block;
  padding: 2px;
  word-break: break-word;
}

.menu-item__submenu-button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: none;
  gap: var(--space-8);
}

.submenu-button-icon {
  --size: 1.4rem;
  display: inline-block;
  height: var(--size);
  width: var(--size);
  min-width: var(--size);
}

@media screen and (max-width: 1200px) {
  .hide-nav-mobile {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .hide-nav-desktop {
    display: none;
  }

  .hide-nav-mobile {
    display: inline-flex;
  }

  .site-logo {
    --logo-max-width: 20rem;
  }

  .header {
    --header-height: 9.6rem;
    --grid-columns: auto 1fr auto auto auto;
    --nav-font-size: 1.8rem;
  }

  .header.-item-full-height {
    --nav-item-height: 100%;
  }

  .menu-item-style {
    --text-overflow: nowrap;
    --word-break: normal;
  }

  #toggle-nav-mobile,
  #toggle-search-mobile {
    display: none;
  }

  .site-navigation-wrapper {
    display: block;
  }

  .site-navigation {
    --list-direction: row;
    --space-bottom: 0;
    --space-top: 0;
  }

  .menu-list {
    --menu-direction: row;
    --link-display: flex;
  }

  .site-navigation-cta-list {
    --list-direction: row;
    --margin-bottom: 0;
    align-items: center;
  }

  .submenu-list {
    position: absolute;
    top: var(--subnav-top-position);
    left: var(--subnav-left-position);
    transform: translateX(var(--subnav-translate));
    max-width: var(--subnav-max-witdh);
    min-width: 25rem;
    width: var(--subnav-width);
    border-radius: var(--subnav-radius);
    justify-content: center;
    z-index: var(--dropdown-zindex);
  }

  .submenu-button-icon {
    --size: 1rem;
  }

  /* Transparent menu styles */
  .header-wrapper.-sticky.-transparent .header:not(.submenu-list):not(.site-search):not(.lang_list_class) {
    background-color: transparent !important;
  }

  .header-wrapper.-sticky.-transparent .menu-item,
  .header-wrapper.-sticky.-transparent button .submenu-button-text,
  .header-wrapper.-sticky.-transparent .navigation-toggle {
    color: var(--site-text-color) !important;
  }

  .header-wrapper.-sticky.-transparent.-scroll .menu-item,
  .header-wrapper.-sticky.-transparent.-scroll button .submenu-button-text,
  .header-wrapper.-sticky.-transparent.-scroll .navigation-toggle {
    color: var(--site-text-dark) !important;
  }

  .header-wrapper.-sticky.-transparent.-scroll div.background.is-relative,
  .header-wrapper.-sticky.-transparent div.background:not(.site-search):not(.lang_list_class) {
    background: transparent;
  }

  .header-wrapper.-sticky.-transparent .navigation-toggle:hover svg {
    background-color: rgba(255, 255, 255, 0.1);
    outline: 12px solid rgba(255, 255, 255, 0.1);
    overflow: visible;
    border-radius: 96px;
  }

  .header-wrapper.-sticky.-transparent.-scroll .background-dark-1 .cta.-small.-primary,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-2 .cta.-small.-primary,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-3 .cta.-small.-primary,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-4 .cta.-small.-primary,
  .header-wrapper.-sticky.-transparent.-scroll .background-image .cta.-small.-primary {
    background-color: var(--site-text-dark);
    color: var(--site-text-light);
    border-color: var(--site-text-dark);
  }

  .header-wrapper.-sticky.-transparent.-scroll .background-dark-1 .cta.-small.-primary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-2 .cta.-small.-primary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-3 .cta.-small.-primary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-4 .cta.-small.-primary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-image .cta.-small.-primary:hover {
    color: var(--site-text-dark);
    background-color: transparent;
    border-color: var(--site-text-dark);
    background-image: none;
  }
  
   .header-wrapper.-sticky.-transparent.-scroll .background-dark-1 .cta.-small.-secondary,
   .header-wrapper.-sticky.-transparent.-scroll .background-dark-2 .cta.-small.-secondary,
   .header-wrapper.-sticky.-transparent.-scroll .background-dark-3 .cta.-small.-secondary,
   .header-wrapper.-sticky.-transparent.-scroll .background-dark-4 .cta.-small.-secondary,
   .header-wrapper.-sticky.-transparent.-scroll .background-image .cta.-small.-secondary {
    color: var(--site-text-dark);
    border-color: var(--site-text-dark);
  }

  .header-wrapper.-sticky.-transparent.-scroll .background-dark-1 .cta.-small.-secondary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-2 .cta.-small.-secondary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-3 .cta.-small.-secondary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-dark-4 .cta.-small.-secondary:hover,
  .header-wrapper.-sticky.-transparent.-scroll .background-image .cta.-small.-secondary:hover {
    background-color: var(--site-text-dark) !important;
    color: var(--site-text-light);
  } 

  /* Scroll state */
  .header-wrapper.-sticky.-transparent.-scroll {
    background-color: #ffffff;
  }

  /* .header-wrapper.-sticky.-transparent.-scroll .text-brand-light .cta.-secondary {
    border-color: var(--site-text-dark);
    color: var(--site-text-dark);
  } */

  /* First module styles */
  .background.visma-module-wrapper.-transparent:not(.visma-module-full-height-wrapper){
    /* padding-top: 196px; */
    padding-top: calc(9.6rem + var(--block-padding-vertical));
  }
  .background.visma-module-wrapper.-transparent,
  .background.visma-module-full-height-wrapper.-transparent{
    margin-top: -100px;
    padding-top: 150px;
  }

  /* Remove padding from advanced banner when transparent menu */
  .background.-transparent .branded-banner-block__text,
  .background.-transparent .branded-banner-content {
    --content-top: 0;
  }
  
  /* Fix to prevent layout shift */
  .header-wrapper.-sticky.-transparent + .body-wrapper,
  .header-wrapper.-sticky.-transparent {
    opacity: 0;
    transition: opacity 2s ease-out;
  }
}

@media screen and (min-width: 1600px) {
  .background.visma-module-wrapper.-transparent,
  .background.visma-module-full-height-wrapper.-transparent {
    margin-top: -150px;
  }
}

/* end transparent menu */

@media screen and (min-width: 1600px) {
  .header {
    --header-height: 15rem;
    --header-padding: 0;
    --link-padding: var(--space-8) var(--space-16);
    --nav-gap: var(--space-12);
    --cta-list-gap: var(--space-12);
  }

  .header.-item-full-height {
    --link-padding: 0 var(--space-16);
  }

  .navigation-toggle {
    --margin-left: var(--space-32);
    --margin-right: var(--space-12);
  }

  /*search icon + lang icon*/
  #toggle-search-desktop+.site-language {
    margin-left: -32px;
  }
  /* Transparent menu */
  .background.visma-module-wrapper.-transparent:not(.visma-module-full-height-wrapper){
    padding-top: calc(15rem + var(--block-padding-vertical));
  }
}

.lang_switcher_link.active,
.site-navigation .active {
  font-weight: 800;
}


/*CTA BTNS*/
/* Text in one line */
.cta-item {
  min-width: max-content;
}
.visma-footer {
  --copyright-margin: var(--space-32);
  --logo-module-margin: var(--space-32);
  --logo-column-margin: var(--space-32);
  --info-column-direction: column;
  --info-column-align: flex-start;
}
/*Small font size for all text*/
.site-footer {
  font-size: var(--text-small-size);
}
.footer-logo-wrapper {
  margin-bottom: var(--logo-module-margin);
}
.logo-link {
  display: inline-block;
  max-width: 30rem;
}
.logo-link:focus-visible {
  outline: var(--focus-outline);
  outline-offset: 4px;
}

.footer-info-wrapper {
  --column-gap: var(--space-32);
  display: flex;
  flex-direction: var(--info-column-direction);
  flex-wrap: wrap;
  align-items: var(--info-column-align);
  gap: var(--column-gap);
  margin-top: var(--logo-column-margin);
  margin-bottom: var(--logo-column-margin);
}
/*User added content inside rich text*/
.footer-copyright * {
  margin-bottom: 0;
  margin-top: 0;
}
/* .footer-info-wrapper > * {
  outline: 1px solid grey;
} */

.default-link {
  display: inline-block;
  text-decoration: none;
}
.default-link:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.default-link:focus-visible {
  outline: var(--focus-outline);
  outline-offset: 4px;
}
@media screen and (min-width: 767px) {
  .visma-footer {
    --copyright-margin: var(--space-48);
    --logo-module-margin: var(--space-48);
  }
}
@media screen and (min-width: 1200px) {
  .visma-footer {
    --logo-module-margin: var(--space-64);
    --info-column-direction: row;
    --info-column-align: center;
    --logo-column-margin: var(--space-48);
  }
  .footer-info-wrapper {
    --column-gap: var(--space-64);
  }
  .footer-social {
    margin-left: auto;
  }
}
/* Light logo */
div[class*="background-dark"] .branded-logo-image {
  filter: invert();
}
/* Menu and simple menu */

.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) {
  .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%;
}
/* Template */
/*Search result page*/
.visma-search-result {
	--header-space: var(--space-32);
	--list-margin-bottom: var(--space-32);
	--item-space: var(--space-32);
	
}
.search-result-header {
	margin-bottom: var(--header-space);
}
.visma-search-result .hs-search-results__listing {
	max-width: 110rem;
	margin-bottom: var(--list-margin-bottom);
}
.visma-search-result li {
	margin-bottom: var(--item-space) !important;
}
.visma-search-result .hs-search-results__title {
	font-size: var(--title-small-size);
	font-weight: bold;
	text-decoration: underline;
}
.visma-search-result .hs-search-results__title:hover{
	color: #006AB0;
}
.visma-search-result a.hs-search-results__title:focus-visible,
.visma-search-result .hs-search-results__pagination a:focus-visible {
	outline: var(--focus-outline);
	outline-offset: 4px;
}
.visma-search-result .hs-search-results__pagination {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.visma-search-result .hs-search-results__pagination a {
  color: var(--site-brand-color);
  text-decoration: none;
  font-weight: 600;
  float: none;
}
.visma-search-result .hs-search-results__next-page {
  margin-left: auto;
}
@media screen and (min-width: 767px) {
	.visma-search-result {
		--header-space: var(--space-48);
		--list-margin-bottom: var(--space-48);
	}
}
@media screen and (min-width: 1000px) {
	.visma-search-result {
		--header-space: var(--space-64);
		--list-margin-bottom: var(--space-64);
    --block-padding-vertical: var(--space-96);
	}
}
#hs_cos_wrapper_search_results_content_{
	display: contents
}
/* 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 */

.sr-only {
  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;
  }
}
/*Module background 100% of the page*/
/* .full-width-background, .visma-module-wrapper {
  position: relative;
  z-index: 10;
}
.full-width-background:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50vw);
  pointer-events: none;
  top: 0;
  width: 100vw;
  z-index: -1;
  background: inherit;
} */

.text-center {
  text-align: center;
}
.ratio-1-1 {
  aspect-ratio: 1 / 1;
}
.ratio-21-9{
  aspect-ratio: 21 / 9;
}
.ratio-16-10 {
  aspect-ratio: 16 / 10;
}
.ratio-16-9 {
  aspect-ratio: 16/9;
}
.ratio-4-3 {
  aspect-ratio: 4 / 3;
}
.ratio-3-2 {
  aspect-ratio: 3 / 2;
}
.ratio-0 {
  aspect-ratio: auto;
}
/* .container-fluid {
  max-width: 1440px;
  margin: auto;
  background-color: aqua;
  padding: 0 32px;
}  */

.is-relative {
  position: relative
}
.hide {
  display: none !important;
}
.-rounded {
  --border-radius: var(--radius-16);
  border-radius: var(--border-radius);
}
.-rounded.-esmall {
  --border-radius: var(--radius-8);
  border-radius: var(--border-radius);
}
.-rounded.-small {
  --border-radius: var(--radius-16);
  border-radius: var(--border-radius);
}
.-rounded.-medium {
  --border-radius: var(--radius-24);
}
.-rounded.-large {
  --border-radius: var(--radius-32);
}
.un-list {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.-shadow-medium-dark {
  filter: var(--shadow-dark-medium);
}
.-shadow-medium {
  filter: var(--shadow-medium);
}
.-shadow-dark {
  filter: var(--shadow-dark);
}
.-shadow-medium-light {
  filter: var(--shadow-medium-light);
}
body {
  --block-padding-vertical: var(--space-64);
  --slim-block-padding-vertical: var(--space-48);
  --medium-block-padding-vertical: var(--space-48);
  --block-padding-horizontal: var(--space-32);
  color: var(--text-color);
	background-color: var(--site-background-color);
	margin: 0;
  overflow-x: hidden;
}
/*ToDo = do we need to push footer down? if the content is less than 100 viewport height*/
 /*body {
  display: grid;
  flex-direction: column;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}
*/
/*Custom scrollbar*/
html {
  --scrollbar-width: 0.6rem;
  scrollbar-color: #00000080 #eff1ed;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: var(--scrollbar-width);
}
::-webkit-scrollbar-track {
  background-color: #eff1ed;
  border-radius: var(--scrollbar-width);
}

::-webkit-scrollbar-thumb {
  background-color: #00000080;
  border-radius: var(--scrollbar-width);
}
.overlay {
  overflow: hidden;
}
.content-wrapper {
  max-width: var(--site-content-width); 
}
/* module parent wrapper*/
/* custom module*/
/* main .hs_cos_wrapper_type_module > *,  */
/*Each module should be wrapped (full width)*/
/*V2 grid layout*/
.visma-module-wrapper, 
.visma-module-full-height-wrapper {
  display: grid;
  grid-template-columns: var(--block-padding-horizontal) minmax(20rem,var(--site-content-width)) var(--block-padding-horizontal);
}
.expanded-width {
  --site-content-width: var(--site-content-width-expanded);
}
.visma-module {
  grid-column-start: 2;
}
.visma-module-wrapper {
  padding: var(--block-padding-vertical) 0;
}
.visma-module-wrapper.slim-wrapper {
  padding: var(--slim-block-padding-vertical) 0;
}
.visma-module-wrapper.medium-wrapper,
.visma-module-wrapper.medium-wrapper.content-width-wrapper{
  padding: var(--medium-block-padding-vertical) 0;
}
.visma-module-wrapper.full-width-wrapper {
  padding: 0;
}
.visma-module-wrapper.content-width-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
/* If the module should be at least 100% of the screen height */
/*=TODO 100 - get nav height -module-margin-bottom*/
.visma-module-full-height-wrapper {
  /* display: flex;
  flex-direction: column; */
  min-height: calc(100vh - 120px);
  padding: 0;
}
.visma-module-full-height-wrapper.-push-down .visma-module {
  margin-top: auto;
  margin-bottom: var(--space-64);
}
/*Module content wrapper direct element*/
/*span.hs_cos_wrapper_widget = HS native module, like text, image*/
/*Content*/
.visma-module{
  --header-margin: var(--space-48);
  --header-text-width: 100%;
  --blog-post-text-width: 100%;
  margin: auto;
  max-width: var(--site-content-width);
  width: 100%;
}
.visma-module-wrapper.full-width-wrapper .visma-module {
  width: 100%;
  grid-column: 2/-1;
  grid-column-end: span 2;
  margin: 0;
  max-width: 100%;
}

.visma-module-wrapper.complete-full-width-wrapper .visma-module {
  width: 100%;
  grid-column: 1/-1;
  margin: 0;
  max-width: 100%;
}
/*Module header section*/
/*Set bottom margin to the module (whatever content it has)*/
.visma-module-header > * {
  width: var(--header-text-width);
}
/* add not for translated cta */
.visma-module-header *:last-child:not(.cta font) {
  margin-bottom: var(--header-margin);
}


/* .dnd-section > .row-fluid {
  max-width: 1440px;
} */

/*HS grid override*/
.dnd-section .dnd-column {
  padding: 0;
}
.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 0;
}
.dnd-section {
  margin: auto;
  background-color: var(--module-backgroud-color);
}
/*START Add HS native modules here*/
span[data-hs-cos-type="rich_text"], 
span[data-hs-cos-type="linked_image"] {
  display: block;
  margin: auto;
  padding: var(--block-padding-vertical) var(--block-padding-horizontal); 
  max-width: var(--site-content-width);
}
/*END HS native modules here*/
.module-cta-container {
  --margin-top: var(--space-24);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-16);
  margin-top: var(--margin-top);
  align-items: center; /*when small button + large, to set correct height (no streching)*/
}

/*Mobile < 767*/
@media screen and (max-width: 767px) {

}
/*Tablet 767 - 1200*/
@media screen and (min-width: 767px){
  .module-cta-container {
    --margin-top: var(--space-32);
  }
  .visma-module{
    --header-text-width: 80%;
    --blog-post-text-width: 80%;
  }
}
@media screen and (max-width: 1200px) {
  .hide-img-tablet {
    display: none;
  }
}
/*laptop 1200 - 1600*/
@media screen and (min-width: 1200px) {
  body {
    --block-padding-horizontal: var(--space-96);
    --block-padding-vertical: var(--space-96);
    --slim-block-padding-vertical: var(--space-64);
  }
  .module-cta-container {
    --margin-top: var(--space-48);
  }
  .visma-module{
    --header-margin: var(--space-64);
  }
  /*Product, big quote etc */
  img.image-full-height {
    max-height: 100% !important;
  }
  .visma-module-wrapper.full-height-on-large-wrapper.full-width-wrapper {
    padding: 0 0 0 0;
  }
  .visma-module-wrapper.full-height-on-large-wrapper {
    padding: 0 var(--block-padding-horizontal);
  }
  .full-height-on-large-wrapper.full-width-wrapper .visma-module {
    margin: 0
  }
  .hide-img-laptop {
    display: none;
  }

}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  img:not(.columns__image, .post img, .branded-banner__image, .site-logo-image, .banner-block__image, .product-finder__card-image, .quote__custom-quotation-mark, .logo-banner-block__image, .two-column-block__image img, .image-block img, .employee-page__panel-image) {
    height: auto;
    max-height: 500px;
    margin-left: auto;/*push to module side*/
  }
}
/*Desktop > 1600*/
@media screen and (min-width: 1600px) {
  body {
    --block-padding-vertical: var(--space-128);
    --block-padding-horizontal: 0;
    --slim-block-padding-vertical: var(--space-96);
    --medium-block-padding-vertical: var(--space-96);
  }
  .visma-module-wrapper, 
  .visma-module-full-height-wrapper {
    grid-template-columns: 1fr minmax(30rem,var(--site-content-width)) 1fr;
  }
  .module-cta-container {
    --margin-top: var(--space-64);
  }
  .visma-module{
    --header-margin: var(--space-96);
    --header-text-width: 70%;
    --blog-post-text-width: 70%;
  }
  .visma-module-wrapper.content-width-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}