<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*
Theme Name: Ultramare
Text Domain: ultramare.se
Version: 0.5a
Description: Unique theme for Ultramare
Tags: ACF
Author: Milk Reklambyrå
*/
@font-face {
  font-family: "Glypha LT";
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/glyphaLT/29E139_1_0.ttf);
  src: url(./assets/fonts/glyphaLT/29E139_1_0.woff2) format("woff2"), url(./assets/fonts/glyphaLT/29E139_1_0.woff) format("woff"), url(./assets/fonts/glyphaLT/29E139_1_0.otf) format("opentype"), url(./assets/fonts/glyphaLT/29E139_1_0.ttf) format("truetype"), url(./assets/fonts/glyphaLT/29E139_1_0.eot) format("embedded-opentype"); /* Legacy iOS */
}
@font-face {
  font-family: "Glypha LT";
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/glyphaLT/29E139_0_0.ttf);
  src: url(./assets/fonts/glyphaLT/29E139_0_0.woff2) format("woff2"), url(./assets/fonts/glyphaLT/29E139_0_0.woff) format("woff"), url(./assets/fonts/glyphaLT/29E139_0_0.otf) format("opentype"), url(./assets/fonts/glyphaLT/29E139_0_0.ttf) format("truetype"), url(./assets/fonts/glyphaLT/29E139_0_0.eot) format("embedded-opentype"); /* Legacy iOS */
}
/* Open Sans */
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-display: swap;
  src: url(./assets/fonts/opensans/OpenSans-Regular.ttf);
  src: url(./assets/fonts/opensans/OpenSans-Regular.woff2) format("woff2"), url(./assets/fonts/opensans/OpenSans-Regular.woff) format("woff"), url(./assets/fonts/opensans/OpenSans-Regular.otf) format("opentype"), url(./assets/fonts/opensans/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(./assets/fonts/opensans/OpenSans-Italic.ttf);
  src: url(./assets/fonts/opensans/OpenSans-Italic.woff2) format("woff2"), url(./assets/fonts/opensans/OpenSans-Italic.woff) format("woff"), url(./assets/fonts/opensans/OpenSans-Italic.otf) format("opentype"), url(./assets/fonts/opensans/OpenSans-Italic.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 500;
  font-display: swap;
  src: url(./assets/fonts/opensans/OpenSans-Medium.ttf);
  src: url(./assets/fonts/opensans/OpenSans-Medium.woff2) format("woff2"), url(./assets/fonts/opensans/OpenSans-Medium.woff) format("woff"), url(./assets/fonts/opensans/OpenSans-Medium.otf) format("opentype"), url(./assets/fonts/opensans/OpenSans-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url(./assets/fonts/opensans/OpenSans-MediumItalic.ttf);
  src: url(./assets/fonts/opensans/OpenSans-MediumItalic.woff2) format("woff2"), url(./assets/fonts/opensans/OpenSans-MediumItalic.woff) format("woff"), url(./assets/fonts/opensans/OpenSans-MediumItalic.otf) format("opentype"), url(./assets/fonts/opensans/OpenSans-MediumItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-display: swap;
  src: url(./assets/fonts/opensans/OpenSans-SemiBold.ttf);
  src: url(./assets/fonts/opensans/OpenSans-SemiBold.woff2) format("woff2"), url(./assets/fonts/opensans/OpenSans-SemiBold.woff) format("woff"), url(./assets/fonts/opensans/OpenSans-SemiBold.otf) format("opentype"), url(./assets/fonts/opensans/OpenSans-SemiBold.ttf) format("truetype");
}
* {
  box-sizing: border-box;
}

#tinymce {
  cursor: default !important;
}

/* Margin Reset */
html, body, main, section, img, figure, span, header, footer, ul, li, a, h1, h2, h3, h4, p {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

/* Theme Stuff */
:root {
  /* Styling vars */
  --edge-padding-large: 8rem;
  --edge-padding: 2rem;
  --border-radius-l: 1.5rem;
  --border-radius-m: 0.75rem;
  --border-radius-s: 0.5rem;
  --navigation-height: 5rem;
  --aside-height: 4rem;
  --header-height: calc(var(--navigation-height) + var(--aside-height));
  --hero-top-margin: 8rem;
  --font-heading: "Open Sans";
  --font-body: "Open Sans";
  --font-size-default: clamp(16px, 0.9vw, 18px);
  --font-size-small: clamp(14px, 0.8vw, 16px);
  /* Grid vars */
  --grid-cols: 14;
  --grid-cols-offset: 12;
  --grid-gap: 4rem;
  --grid-columns--standard: 2/14;
  --grid-columns--wide: 1/-1;
  --grid-columns--thin: 4/12;
  /* Colors */
  --black: #282828;
  --green-00: #8CCEB2;
  --green-02: #5EA084;
  --green-03: #B2CCBF;
  --green-04: #CFE0D6;
  --green-05: #E4F5EE;
  --yellow: #FFCE71;
  --blue: #5FC8DB;
  --orange: #F37D56;
  --dark: #34393D;
  --grey-00: #F6F6F6;
  --grey-01: #e5e5e5;
  --grey-02: #cfcfcf;
  --grey-03: #CECECE;
}

/* Selection */
*::-moz-selection {
  background: var(--green-00);
  color: white;
  opacity: 1;
}
*::selection {
  background: var(--green-00);
  color: white;
  opacity: 1;
}

body {
  background-color: var(--grey-00);
  max-width: 100vw;
}
body.active {
  overflow: hidden;
}

h1, .h1 {
  font-family: var(--font-heading), sans-serif;
  font-size: 72px;
  font-size: clamp(48px, 3.5vw, 72px);
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.2em;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
h1 div, h1 span, .h1 div, .h1 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h2, .h2 {
  font-family: var(--font-heading), sans-serif;
  font-size: 48px;
  font-size: clamp(34px, 2.4vw, 48px);
  font-weight: 500;
  line-height: 1.2em;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}
h2 div, h2 span, .h2 div, .h2 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h3, .h3 {
  font-family: var(--font-heading), sans-serif;
  font-size: 32px;
  font-size: clamp(26px, 1.66vw, 32px);
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
}
h3 div, h3 span, .h3 div, .h3 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h4, .h4 {
  font-family: var(--font-body), sans-serif;
  font-size: 24px;
  font-size: clamp(18px, 1.25vw, 24px);
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 0.3em;
  margin-bottom: 0.7em;
  color: var(--black);
}
h4 div, h4 span, .h4 div, .h4 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h5, .h5 {
  font-family: var(--font-body), sans-serif;
  font-size: 14px;
  font-size: var(--font-size-small);
  font-weight: 500;
  line-height: 1.4em;
  margin-top: 0.4em;
  margin-bottom: 0.6em;
  color: var(--black);
}
h5 div, h5 span, .h5 div, .h5 span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

p, .p, li {
  font-family: var(--font-body), sans-serif;
  font-size: 16px;
  font-size: var(--font-size-default);
  font-weight: 400;
  line-height: 1.6em;
  margin-top: 0.8em;
  margin-bottom: 1.2em;
  color: var(--black);
}
p strong, .p strong, li strong {
  font-weight: 600;
}
p div, p span, .p div, .p span, li div, li span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
p a, .p a, li a {
  text-decoration: underline;
  color: var(--green-02);
}
p a:hover, .p a:hover, li a:hover {
  color: var(--green-00);
}

/* Text based elements */
div {
  font-family: var(--font-body), sans-serif;
}

span {
  font-family: var(--font-body), sans-serif;
  font-size: 17px;
  font-size: clamp(16px, 0.9vw, 17px);
  font-weight: 500;
  color: var(--black);
}

button {
  font-size: medium;
  border-radius: 40px;
  padding: 0.8em 2em;
  border: 1px solid var(--grey-00);
}
button:hover {
  background-color: black;
  color: white;
}

ul, ol {
  list-style: disc;
  margin-bottom: 2em;
}
ul li, ol li {
  margin: 0.5em 0 0 1.1em;
}

.search-form {
  display: flex;
  padding-inline: 0 1rem;
  border-radius: 5rem;
  background-color: var(--grey-00);
  transition: background-color 0.2s ease;
}
.search-form label {
  display: inline-flex;
  align-items: center;
  width: 100%;
}
.search-form label input[type=search] {
  border: unset;
  outline: unset;
  background: unset;
  padding-block: 0.6rem;
  max-width: 100%;
}
.search-form label input[type=submit] {
  border: unset;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.25rem;
  background: no-repeat center url("assets/img/icons/icon__search--black.svg") var(--grey-00);
  background-size: 1.25rem;
  border-radius: 5rem;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.search-form:hover {
  background-color: #ebebeb;
}

.bold {
  font-weight: 600;
}

.line-overflow {
  overflow: hidden;
  padding-bottom: 0.15em;
}
.line-overflow div {
  white-space: nowrap;
}

/* Links / Buttons*/
a {
  font-family: var(--font-body), sans-serif;
  font-size: 17px;
  font-size: var(--font-size-default);
  line-height: 1.4em;
  font-weight: 500;
  text-decoration: none;
  color: var(--black);
  display: inline-block;
  /* Buttons */
}
a[class^=btn] {
  display: inline-flex;
  align-items: center;
}
a.btn--solid--simple {
  padding: 0.8em 1.6em;
  margin-right: 8px;
  margin-top: 1rem;
  border-radius: 40px;
  line-height: 1em;
  transition: 0.1s ease;
  text-decoration: none;
}
a.btn--solid--simple.white {
  border: 1px solid white;
  color: white;
}
a.btn--solid--simple.white:hover {
  background-color: white;
  color: var(--black);
}
a.btn--solid--simple.gray {
  background-color: var(--grey-00);
  color: var(--black);
}
a.btn--solid--simple.gray:hover {
  background-color: #5f5f5f;
  color: white;
}
a.btn--solid--simple.green {
  background-color: var(--green-00);
  color: white;
}
a.btn--solid--simple.green:hover {
  background-color: var(--green-02);
}
a.btn--text {
  position: relative;
  color: var(--green-00);
}
a.btn--text.underline {
  padding-bottom: 0.2em;
}
a.btn--text.underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--green-00);
}
a.btn--download {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-small);
  padding: 0.7em 1.1em 0.7em 0.9em;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--grey-00);
  color: var(--black);
  border-radius: 4px;
  transition: background-color 0.1s ease;
}
a.btn--download img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  transition: transform 0.15s ease;
}
a.btn--download:hover {
  background-color: var(--grey-01);
}
a.btn--download:hover img {
  transform: translateY(2px);
}

/* Transition elements */
.pre__loader {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 20;
}

.transition-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
}

.t-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
}
.t-wrapper .content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  max-width: 1920px;
  background-color: white;
  margin: auto;
}

/* Transition fade SWUP stuff */
/* Translate Transition Base values */
.transition-translate {
  transition: opacity 0.4s cubic-bezier(0.28, 0.85, 0.31, 1);
}

.t-wrapper {
  transition: opacity 0.4s cubic-bezier(0.28, 0.85, 0.31, 1);
}

html.is-animating.is-leaving {
  /* Translate Transition */
}
html.is-animating.is-leaving .transition-translate {
  opacity: 0;
}
html.is-animating.is-leaving .t-wrapper {
  opacity: 1;
}
html.is-animating {
  /* Translate Transition */
}
html.is-animating .transition-translate {
  opacity: 0;
}
html.is-animating .t-wrapper {
  opacity: 1;
}
html.is-rendering .t-wrapper, html.is-rendering .transition-translate {
  transition-delay: 0.4s;
}
html.is-changing {
  pointer-events: none;
}
html.is-changing .t-wrapper {
  z-index: 4;
}

main {
  padding-top: var(--header-height);
  max-width: 1920px;
  margin: auto;
  background-color: white;
  color: #141414;
  overflow-x: hidden;
}
main .content-wrapper {
  max-width: 100%;
}
main img {
  max-width: 100%;
}

.content-wrapper {
  position: relative;
}

.breadcrumbs {
  position: absolute;
  top: 0;
  left: 7.1428571429%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: var(--edge-padding);
  font-size: var(--font-size-small);
  display: flex;
  color: var(--green-02);
  font-weight: 500;
}
.breadcrumbs * {
  color: inherit;
  font-size: inherit;
  margin-right: 0.25em;
  margin-block: 0.25em;
}
.breadcrumbs a {
  text-decoration: underline;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: 14em;
  overflow: hidden;
}
.breadcrumbs img {
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
}

/* Core Navigation */
header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 1922px;
  margin: auto;
  z-index: 5;
  transition: transform 0.4s ease, top 0.4s ease;
  border-bottom: 1px solid var(--grey-00);
}
header li {
  list-style-type: none;
}
header .language li {
  margin-left: 0;
}
header .language select {
  font-size: var(--font-size-small);
  color: var(--black);
  opacity: 0.6;
  border: unset;
  background: unset;
  /* Add Custom Arrow */
}
header .language select:hover {
  text-decoration: underline;
}
header .language select:focus-visible {
  outline: unset;
}
header.nav-bg {
  background-color: white;
  top: calc(var(--aside-height) * -1);
}
header .nav__desktop {
  position: relative;
  background-color: white;
  z-index: 4;
}
header .nav__desktop aside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--aside-height);
  padding-inline: 2rem;
  border-bottom: 1px solid var(--grey-00);
}
header .nav__desktop aside ul {
  margin: 0;
  padding: 0;
}
header .nav__desktop aside ul li {
  display: inline-block;
}
header .nav__desktop aside a {
  font-size: var(--font-size-small);
  opacity: 0.7;
  text-decoration: underline;
}
header .nav__desktop .menu-navbar__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--navigation-height);
  width: 100%;
  padding-inline: 2rem;
  border-bottom: 1px solid var(--grey-00);
}
header .nav__desktop .menu-navbar__inner .menu-navbar__inner__main-nav .main-nav-link {
  display: inline-flex;
  padding: 0.67em;
  color: black;
  cursor: pointer;
  font-size: var(--font-size-small);
}
header .nav__desktop .menu-navbar__inner .menu-navbar__inner__main-nav .main-nav-link:hover {
  text-decoration: underline;
}
header .nav__desktop .menu-navbar__inner .menu-navbar__inner__main-nav .main-nav-link img {
  height: 1.5em;
}
header .nav__desktop .menu-navbar__inner .menu-navbar__inner__secondary-links {
  display: flex;
  flex-direction: row;
  align-items: center;
}
header .nav__desktop .menu-navbar__inner .menu-navbar__inner__secondary-links #search {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
}
header .nav__desktop .menu-navbar__inner .menu-navbar__inner__secondary-links a {
  margin: 0 0 0 8px;
}
header .menu-navbar__inner__sub-nav {
  position: absolute;
  left: 0;
  top: calc((20vw + var(--navigation-height) + var(--aside-height)) * -1);
  display: flex;
  width: 100%;
  height: auto;
  padding: 2rem;
  background-color: white;
  border-bottom: 1px solid var(--grey-00);
  transition: top 1.4s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 3;
  overflow: hidden;
}
header .menu-navbar__inner__sub-nav a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1;
  height: 20vw;
  max-height: 400px;
  margin-inline: calc(var(--grid-gap) / 4);
  padding: 1rem;
  border-radius: var(--border-radius-s);
  font-size: clamp(18px, 1.25vw, 22px);
  color: white;
  overflow: hidden;
  opacity: 0;
  transform: translateX(6rem);
  z-index: 5;
  transition-delay: 0.3s;
}
header .menu-navbar__inner__sub-nav a .sub-nav__header {
  opacity: 0;
  transform: translateX(2em);
  transition-delay: 0.3s;
}
header .menu-navbar__inner__sub-nav a .sub-nav__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5em;
  border-top: 1px solid white;
  color: white;
  font-size: var(--font-size-default);
}
header .menu-navbar__inner__sub-nav a .sub-nav__footer img {
  position: static;
  width: 1.25em;
  height: 1.25em;
  filter: brightness(100);
}
header .menu-navbar__inner__sub-nav a picture, header .menu-navbar__inner__sub-nav a img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
  filter: brightness(0.7);
  transition: transform 0.6s ease;
}
header .menu-navbar__inner__sub-nav a:hover img {
  transform: scale(1.05);
}
header .menu-navbar__inner__sub-nav.active {
  top: var(--header-height);
}
header .menu-navbar__inner__sub-nav.active a {
  transform: translateX(0);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
header .menu-navbar__inner__sub-nav.active a .sub-nav__header {
  transform: translateX(0);
  opacity: 1;
  transition: transform 2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 1s cubic-bezier(0.19, 1, 0.22, 1);
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(1) {
  transition-delay: 0.2s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(1) .sub-nav__header {
  transition-delay: 0.25s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(2) {
  transition-delay: 0.3s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(2) .sub-nav__header {
  transition-delay: 0.35s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(3) {
  transition-delay: 0.4s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(3) .sub-nav__header {
  transition-delay: 0.45s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(4) {
  transition-delay: 0.5s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(4) .sub-nav__header {
  transition-delay: 0.55s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(5) {
  transition-delay: 0.6s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(5) .sub-nav__header {
  transition-delay: 0.65s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(6) {
  transition-delay: 0.7s;
}
header .menu-navbar__inner__sub-nav.active a:nth-of-type(6) .sub-nav__header {
  transition-delay: 0.75s;
}
header .nav__mobile {
  display: none;
  height: var(--navigation-height);
}
header .nav__mobile .menu-navbar__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  padding: 1rem 1rem 0;
  background-color: white;
  z-index: 5;
}
header .nav__mobile .menu-navbar__inner .hamburger {
  position: relative;
  height: 32px;
  width: 32px;
}
header .nav__mobile .menu-navbar__inner .hamburger .lo, header .nav__mobile .menu-navbar__inner .hamburger .lt {
  position: absolute;
  background-color: black;
  width: 26px;
  height: 3px;
  left: 3px;
  right: 3px;
  transform-origin: center center;
  transition: 0.6s cubic-bezier(0.15, 1, 0.3, 1);
}
header .nav__mobile .menu-navbar__inner .hamburger .lo {
  top: 9px;
}
header .nav__mobile .menu-navbar__inner .hamburger .lt {
  bottom: 9px;
}
header .nav__mobile .menu-navbar__inner .hamburger.active .lo {
  top: 14px;
  transform: rotate(-45deg);
}
header .nav__mobile .menu-navbar__inner .hamburger.active .lt {
  bottom: 15px;
  transform: rotate(45deg);
}
header .nav__mobile .menu-panel__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  position: absolute;
  top: var(--navigation-height);
  right: 0;
  padding: var(--edge-padding);
  padding-bottom: calc(var(--edge-padding) * 2);
  width: 80vw;
  max-width: 500px;
  height: calc(100vh - var(--navigation-height));
  overflow-y: scroll;
  z-index: 4;
  background-color: white;
  transform: translateX(100vw);
  transition: transform 0.4s cubic-bezier(0.28, 0.85, 0.31, 1);
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper {
  margin: 0 0 2rem;
  width: 100%;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper li {
  margin: 0;
  border-bottom: 1px solid var(--grey-01);
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper li a {
  padding-block: 0.5em;
  font-size: 22px;
  width: 100%;
  color: var(--black);
  text-decoration: none;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper .sub-list__heading {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper .sub-list__heading img {
  height: 1.25em;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper .sub-list__content {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.31, 0.89, 0.34, 0.99), opacity 0.2s ease-out;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper .sub-list__content .sub-nav__link {
  font-size: var(--font-size-default);
  padding-left: 1em;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper .sub-list__content .sub-nav__link:last-of-type {
  margin-bottom: 1rem;
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper.active .sub-list__heading img {
  transform: scaleY(-1);
}
header .nav__mobile .menu-panel__container .menu-panel__main__list-wrapper .menu-panel__sub-list__wrapper.active .sub-list__content {
  opacity: 1;
}
header .nav__mobile .menu-panel__container .menu-panel__sub__list-wrapper li {
  margin: 0;
}
header .nav__mobile .menu-panel__container .menu-panel__sub__list-wrapper li a {
  text-decoration: none;
  color: inherit;
  margin-bottom: 0.6em;
}
header .nav__mobile .menu-panel__container .menu-panel__socials-wrapper {
  border-bottom: 1px solid var(--grey-01);
  padding-bottom: 1em;
  width: 100%;
  flex-wrap: wrap;
}
header .nav__mobile .menu-panel__container .menu-panel__socials-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  width: 2.5rem;
  border-radius: 100%;
  background-color: var(--grey-00);
  margin-right: 0.5rem;
  transition: 0.1s ease;
}
header .nav__mobile .menu-panel__container .menu-panel__socials-wrapper a img {
  width: 22px;
  height: auto;
}
header .nav__mobile .menu-panel__container .menu-panel__socials-wrapper a:hover {
  background-color: var(--green-00);
}
header .nav__mobile .menu-panel__container .menu-panel__socials-wrapper a:hover img {
  filter: invert(1);
}
header .main__contentOverlay {
  display: block;
  width: 100vw;
  max-width: 1920px;
  height: 110vh;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.4s cubic-bezier(0.28, 0.85, 0.31, 1);
  pointer-events: none;
}
header .custom-logo-link {
  display: block;
  height: calc(var(--navigation-height) - 2.25em);
  width: auto;
}
header .custom-logo-link img {
  height: calc(var(--navigation-height) - 2.25em);
  width: auto;
}
header .searchbox__container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 0px;
  overflow: hidden;
  padding-inline: var(--grid-gap);
  background-color: white;
  z-index: 2;
  transition: height 0.4s cubic-bezier(0.28, 0.85, 0.31, 1);
}
header .searchbox__container * {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
header .searchbox__container .search-form {
  border-radius: unset;
  background-color: unset;
  padding: unset;
}
header .searchbox__container .search-form:hover {
  background-color: unset;
}
header .searchbox__container input {
  border: unset;
  font-size: 32px;
}
header .searchbox__container input :focus {
  border: none;
}
header .searchbox__container input[type=search]:focus-visible {
  outline: none;
}
header .searchbox__container input[type=submit] {
  display: none;
}
header.active .menu-panel__container {
  transform: translateX(0vw);
}
header.search .searchbox__container {
  height: 148px;
}
header.overlay .main__contentOverlay {
  opacity: 0.4;
  pointer-events: all;
}

footer {
  position: relative;
  display: grid;
  grid-template-areas: ". li li li li li li li li li li li li ." ". na na na na na na na nl nl nl nl nl ." ". so so so so so so so so so so so so." ". ex ex ex ex ex ex ex ex ex ex ex ex.";
  gap: calc(var(--grid-gap) / 2);
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  grid-template-rows: auto;
  max-width: 1920px;
  padding: 2rem var(--edge-padding);
  margin: auto;
  background-color: white;
}
footer .li {
  grid-area: li;
  height: 1px;
  background-color: var(--grey-01);
}
footer .footer-content--navigation {
  display: grid;
  grid-gap: var(--grid-gap);
  grid-template-columns: repeat(4, auto);
  grid-area: na;
  margin-bottom: 2rem;
}
footer .footer-content--navigation span {
  margin-bottom: 0.8em;
}
footer .footer-content--navigation a {
  margin-bottom: 0.6em;
}
footer .footer-content--navigation a:hover {
  text-decoration: underline;
}
footer .footer-content--newsletter {
  grid-area: nl;
}
footer .footer-content--newsletter #mc_embed_signup form * {
  font-family: var(--font-body), sans-serif !important;
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group {
  width: calc(50% - 1rem);
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group label {
  display: block;
  font-family: var(--font-body), sans-serif !important;
  font-size: 14px;
  font-size: clamp(14px, 0.8vw, 18px);
  font-weight: 500;
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input[type=text], footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input[type=email] {
  font-size: var(--font-size-default);
  line-height: 1.6em;
  width: 100%;
  height: 3em;
  max-width: 100%;
  padding: 0.6em;
  border-radius: 4px;
  border: 1px solid var(--grey-01);
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input[type=text]:focus-visible, footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input[type=email]:focus-visible {
  outline-color: var(--green-00) !important;
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .optionalParent {
  width: 100%;
}
footer .footer-content--newsletter #mc_embed_signup form #mc_embed_signup_scroll .optionalParent input[type=submit] {
  font-size: var(--font-size-default);
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  color: white;
  background-color: var(--green-00);
  width: 100%;
  height: 3em;
  padding: 0.8em 1.6em;
  margin-top: 1rem;
  border-radius: 40px;
  border: none;
  transition: 0.1s ease;
  cursor: pointer;
}
footer .footer-content--socials {
  grid-area: so;
}
footer .footer-content--socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  width: 3rem;
  border-radius: 100%;
  background-color: var(--grey-00);
  margin-right: 0.5rem;
  transition: 0.1s ease;
}
footer .footer-content--socials a img {
  width: 24px;
  height: auto;
}
footer .footer-content--socials a:hover {
  background-color: var(--green-00);
}
footer .footer-content--socials a:hover img {
  filter: invert(1);
}
footer .footer-content--extra {
  grid-area: ex;
  padding-top: 1em;
  border-top: 1px solid var(--grey-01);
}
footer .footer-content--extra a {
  margin-top: 0.5em;
  margin-right: 1em;
}
footer .footer-content--top {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  width: 6rem;
  border-radius: 100%;
  top: 0;
  right: 2rem;
  padding: 1rem;
  background-color: var(--green-00);
  color: white;
  cursor: pointer;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: rotateZ(-20deg);
}
footer .footer-content--top:hover {
  transform: rotateZ(0deg);
}

/* Footer CTA content */
.footer-cta {
  padding-bottom: unset;
}
.footer-cta .cta-wrapper--simple {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: var(--grid-columns--standard);
  border-radius: var(--border-radius-m);
  padding: 2rem 3rem;
  background-color: var(--green-00);
  color: white;
}
.footer-cta .cta-wrapper--simple.align-left {
  align-items: flex-end;
}
.footer-cta .cta-wrapper--simple.align-center {
  align-items: center;
  text-align: center;
}
.footer-cta .cta-wrapper--simple.align-center .cta-content__links-wrapper {
  text-align: center;
}
.footer-cta .cta-wrapper--simple .align-right {
  align-items: flex-start;
}
.footer-cta .cta-wrapper--complex {
  margin-top: 4rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  aspect-ratio: 16/4;
  grid-column: var(--grid-columns--standard);
  color: white;
  padding: calc(var(--grid-gap) / 2);
  overflow: visible;
}
.footer-cta .cta-wrapper--complex div {
  z-index: 2;
}
.footer-cta .cta-wrapper--complex div.cta-content__heading * {
  color: white;
  max-width: 50%;
}
.footer-cta .cta-wrapper--complex div.particle {
  position: absolute;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: var(--green-00);
  z-index: 0;
}
.footer-cta .cta-wrapper--complex div.particle:nth-of-type(3) {
  top: -3rem;
  right: 14rem;
  width: 11rem;
}
.footer-cta .cta-wrapper--complex div.particle:nth-of-type(4) {
  top: -2rem;
  right: 3rem;
  width: 7rem;
  z-index: 2;
}
.footer-cta .cta-wrapper--complex div.particle:nth-of-type(5) {
  top: -6rem;
  right: 10rem;
  width: 4.5rem;
  opacity: 0.6;
}
.footer-cta .cta-wrapper--complex div.particle:nth-of-type(6) {
  top: -6rem;
  right: 3rem;
  width: 3rem;
  opacity: 0.4;
}
.footer-cta .cta-wrapper--complex div.particle:nth-of-type(7) {
  top: -3rem;
  right: 0;
  width: 1.5rem;
  opacity: 0.3;
}
.footer-cta .cta-wrapper--complex picture {
  position: absolute;
  filter: brightness(0.5);
  z-index: 1;
  border-radius: var(--border-radius-m);
  overflow: hidden;
}

/* Sectioned content */
section {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  grid-template-rows: auto;
  row-gap: unset;
  max-width: 100%;
  padding: 4rem var(--edge-padding);
}
section.bg-l-grey {
  background-color: #f9f9f9;
}
section.bg-m-grey {
  background-color: var(--grey-03);
}
section.bg-d-grey {
  background-color: var(--black);
  color: white;
}

/* Media elements */
figure {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-s);
}
figure picture, figure img, figure .bg-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
figure picture img, figure img img, figure .bg-video img {
  position: static;
}

.wpcf7 [data-id^=group-inner] p {
  padding-left: 2em;
  line-height: 1.2em;
}
.wpcf7 [data-id^=group-inner] p:last-of-type {
  margin-bottom: 4em;
}
.wpcf7 form h3 {
  margin-top: 3em;
}
.wpcf7 form .first {
  margin-left: 0;
}
.wpcf7 form .wpcf7-list-item-label {
  color: var(--blue);
}
.wpcf7 form p {
  font-family: var(--font-body), sans-serif;
  width: 100%;
  margin-bottom: 1.5em;
}
.wpcf7 form p input[type=button], .wpcf7 form p input[type=submit], .wpcf7 form p input[type=reset] {
  font-family: var(--font-body), sans-serif;
  font-size: 16px;
  font-size: clamp(16px, 0.9vw, 18px);
  font-weight: 500;
  background-color: var(--green-00);
  border: none;
  border-radius: 4px;
  color: white;
  padding: 16px 64px;
  text-decoration: none;
  cursor: pointer;
}
.wpcf7 form p input[type=text], .wpcf7 form p input[type=email], .wpcf7 form p input[type=tel], .wpcf7 form p textarea {
  border: 1px solid var(--grey-03);
}
.wpcf7 form p input[type=text]:focus-visible, .wpcf7 form p input[type=email]:focus-visible, .wpcf7 form p input[type=tel]:focus-visible, .wpcf7 form p textarea:focus-visible {
  outline: var(--green-00) !important;
}
.wpcf7 form p .upload-file h3 {
  margin: auto;
  font-size: inherit;
}
.wpcf7 form p .upload-file a {
  font-weight: 500;
  color: var(--blue);
}
.wpcf7 form span {
  font-size: 18px;
  font-size: clamp(18px, 1vw, 28px);
  font-weight: 500;
}
.wpcf7 form span.wpcf7-not-valid-tip {
  font-size: 18px;
  font-size: clamp(15px, 0.8vw, 18px);
  margin-top: 0.2em;
  color: var(--orange);
  font-weight: 500;
}
.wpcf7 form label {
  font-size: 14px;
  font-size: clamp(14px, 0.8vw, 18px);
  font-weight: 500;
}
.wpcf7 form label input, .wpcf7 form label textarea, .wpcf7 form label select {
  font-family: var(--font-body), sans-serif !important;
  font-size: 16px;
  font-size: clamp(15px, 0.8vw, 18px);
  line-height: 1.6em;
  width: 100%;
  max-width: 100%;
  padding: 12px 16px;
  border-radius: 4px;
}
.wpcf7 form label select {
  position: relative;
  -webkit-appearance: none;
  background: url(./assets/img/icon__arrow--blue.svg) 98% 50% no-repeat;
  background-size: 1em 1em;
}
.wpcf7 form label input[type=radio] {
  width: auto;
}
.wpcf7 form label textarea {
  height: 10em;
}

.row {
  display: flex;
  flex-direction: row;
}

.row-r {
  display: flex;
  flex-direction: row-reverse;
}

.col {
  display: flex;
  flex-direction: column;
}

.col-r {
  display: flex;
  flex-direction: column-reverse;
}

.h-line {
  height: 1px;
  background-color: var(--grey-01);
}

.has-bg.bg--outline-grey {
  border: 1px solid var(--grey-01);
}
.has-bg.bg--white {
  background-color: white;
}
.has-bg.bg--grey {
  background-color: var(--grey-00);
}
.has-bg.bg--dark {
  background-color: var(--dark);
}
.has-bg.bg--dark * {
  color: white !important;
}

.text--green {
  color: var(--green-02);
}

span.tag {
  display: block;
  text-transform: uppercase;
  font-size: var(--font-size-small);
  color: var(--green-02);
  margin-bottom: 1.2em;
}

/* Universal Hero Blocks */
.hero {
  position: relative;
  padding-top: 0;
}
.hero.content--text {
  align-items: start;
  padding-bottom: 0;
}
.hero.content--text .breadcrumbs {
  top: -6rem;
  padding-top: 0;
}
.hero.content--text .content {
  grid-column: var(--grid-columns--standard);
  grid-row: auto;
  text-align: center;
  margin-inline: auto;
  z-index: 2;
  width: 100%;
}
.hero.content--text .content p {
  color: inherit;
  max-width: 56rem;
}
.hero.content--text .content.default.align-left {
  text-align: left;
}
.hero.content--text .content.default.align-center * {
  text-align: center;
  margin-inline: auto;
}
.hero.content--text .content.split {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  align-items: end;
  text-align: left;
}
.hero.content--text .content.split h1 {
  grid-column: 1/8;
  max-width: none;
}
.hero.content--text .content.split p {
  grid-column: 9/13;
}
.hero.content--text .content.extra {
  grid-column: 2/10;
  padding-right: 2rem;
}
.hero.content--text .content.extra * {
  max-width: unset;
}
.hero.content--text .content.extra.align-left {
  text-align: left;
}
.hero.content--text .content__side--box {
  grid-column: 11/14;
  grid-row: auto;
  padding: 1rem;
  background-color: var(--grey-00);
  border-radius: var(--border-radius-s);
}
.hero.content--text .content__side--box .content__side--box-wrapper {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--grey-01);
}
.hero.content--text .content__side--box .content__side--box-wrapper .content__side--box-link {
  display: block;
  color: var(--green-02);
  line-height: 1.75em;
  padding: 0.25em 0 0.25em 2em;
  background-repeat: no-repeat;
  background-image: url("assets/img/icons/icon__globe--green.svg");
  background-size: 24px;
  background-position: left center;
}
.hero.content--text .content__side--box .content__side--box-wrapper .content__side--box-link.phone {
  background-image: url("assets/img/icons/icon__phone--green.svg");
}
.hero.content--text .content__side--box .content__side--box-wrapper .content__side--box-link.email {
  background-image: url("assets/img/icons/icon__email--green.svg");
}
.hero.content--text .content__side--box .content__side--box-wrapper .content__side--box-link.download {
  background-image: url("assets/img/icons/icon__download--green.svg");
}
.hero.content--text .content__side--box .content__side--box-wrapper .content__side--box-link:hover {
  text-decoration: underline;
}
.hero.content--media {
  overflow: hidden;
  aspect-ratio: 5/2;
  padding: 0;
  grid-template-rows: 1fr;
  margin-top: calc(var(--hero-top-margin) * -1);
}
.hero.content--media .breadcrumbs.offset {
  position: static;
  grid-column: var(--grid-columns--standard);
  padding-bottom: 0;
}
.hero.content--media .content {
  color: white;
  grid-column: var(--grid-columns--wide);
  grid-row: var(--grid-columns--wide);
  padding: 2rem;
  align-self: center;
  text-align: center;
  z-index: 2;
}
.hero.content--media .content p, .hero.content--media .content h1, .hero.content--media .content h2, .hero.content--media .content h3 {
  max-width: 56rem;
  color: inherit;
  margin-inline: auto;
}
.hero.content--media figure {
  grid-column: var(--grid-columns--wide);
  grid-row: var(--grid-columns--wide);
  z-index: 1;
  border-radius: 0;
}
.hero.content--media figure.filter picture, .hero.content--media figure.filter video {
  filter: brightness(0.7);
}
.hero.content--media figure .hero-carousel {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hero.content--media figure .hero-carousel .flickity-viewport {
  height: 100% !important;
  touch-action: none !important;
}
.hero.content--media figure .hero-carousel .flickity-viewport .flickity-slider {
  height: 100%;
}
.hero.content--media figure .hero-carousel .flickity-viewport .flickity-slider .carousel-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.hero.content--media figure .hero-carousel .flickity-viewport .flickity-slider .carousel-cell img {
  z-index: -1;
}
.hero.content--media figure .hero-carousel .flickity-viewport .flickity-slider .carousel-cell .content {
  display: block;
  margin: auto;
  z-index: 5;
}
.hero.content--media figure .hero-carousel .flickity-page-dots {
  position: absolute;
  display: flex;
  transform: translate(-50%, 50%);
  left: 50%;
  bottom: 2rem;
  padding: 0;
  z-index: 2;
}
.hero.content--media figure .hero-carousel .flickity-page-dots .dot {
  width: 1rem;
  height: 1rem;
  margin: 0.5rem;
  background-color: white;
  border-radius: 1rem;
  list-style: none;
  cursor: pointer;
}
.hero.content--media figure .hero-carousel .flickity-page-dots .dot.is-selected {
  background-color: var(--green-00);
}
.hero.content--media.tall {
  aspect-ratio: 16/10;
}
.hero.content--split {
  height: 80vh;
  max-height: 864px;
  align-items: center;
}
.hero.content--split .breadcrumbs {
  padding-top: 0;
}
.hero.content--split .content {
  grid-column: 2/7;
  grid-row: auto;
  text-align: left;
  z-index: 2;
  width: 100%;
  padding-block: var(--grid-gap);
}
.hero.content--split .content p {
  color: inherit;
  max-width: 56rem;
}
.hero.content--split .media {
  grid-column: 8/14;
  height: 100%;
}
.hero.content--split .media picture {
  position: static;
}

.card__product {
  position: relative;
  margin: 0;
  background-color: white;
  overflow: hidden;
  height: auto;
}
.card__product figure {
  position: relative;
  left: 0;
  bottom: 0;
  aspect-ratio: 1;
  width: 100%;
  margin-bottom: 1em;
  background-color: white;
}
.card__product figure picture, .card__product figure img {
  -o-object-fit: cover;
     object-fit: cover;
}
.card__product h3 {
  margin-bottom: 0;
}
.card__product p {
  display: -webkit-box;
  font-size: var(--font-size-small);
  max-width: 100%;
  max-height: 4.8em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card__product .tag {
  color: var(--green-00);
  margin-bottom: 0.4em;
}
.card__product:hover {
  background-color: var(--grey--00);
}
.card__product:hover h3 {
  text-decoration: underline;
}

/* Full Width Media */
.media-layout figure {
  grid-column: var(--grid-columns--wide);
}
.media-layout figure.single-image {
  border-radius: var(--border-radius-m);
}
.media-layout figure.full_video {
  border-radius: var(--border-radius-m);
}
.media-layout figure.embed iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.media-layout figure.auto {
  height: auto;
}
.media-layout figure.auto picture {
  position: static;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-layout figure.aspectRatio5-2 {
  aspect-ratio: 5/2;
}
.media-layout figure.aspectRatio16-7 {
  aspect-ratio: 16/7;
}
.media-layout figure.aspectRatio16-9 {
  aspect-ratio: 16/9;
}
.media-layout figure.aspectRatio16-10 {
  aspect-ratio: 16/10;
}
.media-layout figure.aspectRatio2-39 {
  aspect-ratio: 2.39/1;
}
.media-layout figure.aspectRatio2-1 {
  aspect-ratio: 2/1;
}

/* Grid Layout */
.grid-layout .grid-layout--wrapper {
  grid-column: var(--grid-columns--standard);
  border-radius: var(--border-radius-s);
  display: grid;
  grid-template-columns: var(--grid-cols-offset);
  grid-template-rows: auto;
  grid-gap: var(--grid-gap);
}
.grid-layout .grid-layout--wrapper.has-bg {
  padding: calc(var(--grid-gap) * 2) var(--grid-gap);
}
.grid-layout .grid-layout--wrapper .content {
  grid-column: var(--grid-columns--wide);
  margin-bottom: calc(var(--grid-gap) / 2);
  text-align: center;
}
.grid-layout .grid-layout--wrapper .content * {
  margin-inline: auto;
}
.grid-layout .grid-layout--wrapper .collection__grid-items {
  grid-column: var(--grid-columns--wide);
  list-style: none;
  -moz-column-count: 3;
       column-count: 3;
  padding: 0;
  margin: 0 -2rem;
}
.grid-layout .grid-layout--wrapper .collection__grid-items .grid-item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  padding: 0 var(--grid-gap);
  font-size: var(--font-size-small);
  margin: 0.5rem 0 2rem;
}
.grid-layout .grid-layout--wrapper .collection__grid-items .grid-item * {
  font-size: inherit;
}
.grid-layout .grid-layout--wrapper .collection__grid-items .grid-item *:first-child {
  margin-top: 0px;
}
.grid-layout .grid-layout--wrapper .collection__grid-items .grid-item ul li {
  line-height: 1.4;
}

/* Columns Layout */
.columns-layout--two {
  /* FIX */
}
.columns-layout--two.col--2 div:nth-child(even) {
  grid-column: 8/14;
}
.columns-layout--two.col--2 div:nth-child(odd) {
  grid-column: 2/8;
}
.columns-layout--two.col--3 div:nth-child(even) {
  grid-column: 9/14;
}
.columns-layout--two.col--3 div:nth-child(odd) {
  grid-column: 2/9;
}
.columns-layout--two.col--3-r div:nth-child(even) {
  grid-column: 7/14;
}
.columns-layout--two.col--3-r div:nth-child(odd) {
  grid-column: 2/7;
}
.columns-layout--two.col--4 div:nth-child(even) {
  grid-column: 10/14;
}
.columns-layout--two.col--4 div:nth-child(odd) {
  grid-column: 2/10;
}
.columns-layout--two.col--4-r div:nth-child(even) {
  grid-column: 6/14;
}
.columns-layout--two.col--4-r div:nth-child(odd) {
  grid-column: 2/6;
}
.columns-layout--two div:nth-child(odd).columns__content--text {
  padding-right: 3rem;
}
.columns-layout--two div:nth-child(even).columns__content--text {
  padding-left: 3rem;
}
.columns-layout--two .columns__content--text {
  display: flex;
  align-items: center;
  height: 100%;
  grid-row: 1;
}
.columns-layout--two .columns__content--media {
  grid-row: 1;
}
.columns-layout--two .columns__content--media figure {
  width: 100%;
  height: 100%;
}
.columns-layout--two .columns__content--media figure picture, .columns-layout--two .columns__content--media figure img {
  position: static;
}
.columns-layout--two .columns__content--media figure.embed {
  aspect-ratio: 16/9;
  height: auto;
}
.columns-layout--two .columns__content--media figure.embed iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Columns Flex content */
.columns-layout--flex {
  padding-bottom: 0;
}
.columns-layout--flex .content {
  grid-column: var(--grid-columns--standard);
  margin-bottom: calc(var(--grid-gap) / 2);
}
.columns-layout--flex .collection__columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 4rem;
  grid-column: var(--grid-columns--standard);
  /* Design variants */
}
.columns-layout--flex .collection__columns.col-3 .card__flex {
  width: calc(33.33% - 2rem);
}
.columns-layout--flex .collection__columns.col-4 .card__flex {
  width: calc(25% - 2rem);
}
.columns-layout--flex .collection__columns.col-5 .card__flex {
  width: calc(20% - 2rem);
}
.columns-layout--flex .collection__columns.col-6 .card__flex {
  width: calc(16.66% - 2rem);
}
.columns-layout--flex .collection__columns.col-6 .card__flex h3 {
  font-size: calc(clamp(22px, 1.66vw, 28px) - 4px);
}
.columns-layout--flex .collection__columns .card__flex {
  position: relative;
}
.columns-layout--flex .collection__columns .card__flex p {
  display: -webkit-box;
  font-size: var(--font-size-small);
  max-height: 6.4em;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.columns-layout--flex .collection__columns .card__flex figure {
  margin-bottom: 1em;
}
.columns-layout--flex .collection__columns .card__flex figure picture {
  width: 100%;
}
.columns-layout--flex .collection__columns .card__flex figure.ar-1 {
  aspect-ratio: 1/1;
}
.columns-layout--flex .collection__columns .card__flex figure.ar-5-4 {
  aspect-ratio: 5/4;
}
.columns-layout--flex .collection__columns .card__flex figure.ar-4-5 {
  aspect-ratio: 4/5;
}
.columns-layout--flex .collection__columns .card__flex.has-media .tag {
  position: absolute;
  left: 1rem;
  top: 1rem;
  z-index: 1;
  color: white;
}
.columns-layout--flex .collection__columns .card__flex:hover h3 {
  text-decoration: underline;
}
.columns-layout--flex .collection__columns.internal .card__flex {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  aspect-ratio: 4/5;
  padding: 1rem;
  border-radius: var(--border-radius-s);
  overflow: hidden;
}
.columns-layout--flex .collection__columns.internal .card__flex * {
  z-index: 1;
  color: white;
}
.columns-layout--flex .collection__columns.internal .card__flex picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  filter: brightness(0.7);
}
.columns-layout--flex .collection__columns.internal .card__flex picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/* Colums Layout Scroll */
.columns-layout--scroll .content {
  grid-column: var(--grid-columns--standard);
  margin-bottom: var(--grid-gap);
  max-width: 48rem;
}
.columns-layout--scroll .collection__columns--scroll {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  grid-column: var(--grid-columns--standard);
  width: 100%;
  overflow: visible;
}
.columns-layout--scroll .collection__columns--scroll .swiper-wrapper {
  width: 100%;
}
.columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll {
  position: relative;
  width: calc(25.5% - 2rem);
  margin-right: calc(var(--grid-gap) / 2);
  /*                &amp;:first-of-type {
                     margin-left: calc((100% / 14));
                 } */
}
.columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll figure {
  width: 100%;
  aspect-ratio: 4/5;
  margin-bottom: 1rem;
}
.columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll .tag {
  position: absolute;
  left: 1rem;
  top: 1rem;
  font-size: var(--font-size-small);
  color: white;
  z-index: 1;
}
.columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll:hover h3 {
  text-decoration: underline;
}
.columns-layout--scroll .scroll_controls {
  position: absolute;
  right: 0;
  top: -4.5rem;
}
.columns-layout--scroll .scroll_controls .swiper-button-prev {
  right: 3rem;
  left: auto;
  width: 2.5rem;
  height: 2.5rem;
}
.columns-layout--scroll .scroll_controls .swiper-button-prev::after {
  content: "";
  width: 100%;
  height: 100%;
  background: no-repeat 2px center url("assets/img/icons/icon__arrow--right--white.svg") var(--green-00);
  transform: rotateZ(180deg);
  border-radius: 5rem;
  transition: background-color 0.2s ease;
}
.columns-layout--scroll .scroll_controls .swiper-button-prev:hover::after {
  background-color: var(--green-02);
}
.columns-layout--scroll .scroll_controls .swiper-button-next {
  right: 0;
  left: auto;
  width: 2.5rem;
  height: 2.5rem;
}
.columns-layout--scroll .scroll_controls .swiper-button-next::after {
  content: "";
  width: 100%;
  height: 100%;
  background: no-repeat 2px center url("assets/img/icons/icon__arrow--right--white.svg") var(--green-00);
  border-radius: 5rem;
  transition: background-color 0.2s ease;
}
.columns-layout--scroll .scroll_controls .swiper-button-next:hover::after {
  background-color: var(--green-02);
}

/*  CTA Layout */
.cta-layout .cta-wrapper--simple {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: var(--grid-columns--standard);
  border-radius: var(--border-radius-m);
  padding: 2rem 3rem;
  background-color: var(--green-00);
  color: white;
}
.cta-layout .cta-wrapper--simple.align-left {
  align-items: flex-end;
}
.cta-layout .cta-wrapper--simple.align-center {
  align-items: center;
}
.cta-layout .cta-wrapper--simple .align-right {
  align-items: flex-start;
}

/* Stack Layout */
.stack-layout .stack-layout__wrapper {
  display: grid;
  grid-template-columns: var(--grid-cols-offset);
  grid-column: var(--grid-columns--standard);
  border-radius: var(--border-radius-m);
}
.stack-layout .stack-layout__wrapper.has-bg {
  padding: calc(var(--grid-gap) * 2) var(--grid-gap);
}
.stack-layout .stack-layout__wrapper .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: var(--grid-columns--wide);
  text-align: center;
  margin-bottom: 2rem;
}
.stack-layout .stack-layout__wrapper .collection__stack {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.stack-layout .stack-layout__wrapper .collection__stack .stack {
  width: calc(16.667% - 4rem);
  margin: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Accordion Layout*/
.accordion-layout.stacked .accordion__heading, .accordion-layout.stacked .collection__accordion {
  grid-column: 2/14;
  padding-inline: 0;
}
.accordion-layout .accordion__heading {
  grid-column: 2/8;
  padding-right: 2rem;
  margin-bottom: 1rem;
}
.accordion-layout .collection__accordion {
  grid-column: 8/14;
  padding-left: 3rem;
}
.accordion-layout .collection__accordion .accordion-row {
  transition: padding 0.4s cubic-bezier(0.31, 0.89, 0.34, 0.99);
  padding: 1em;
  border-top: 1px solid var(--grey-02);
  cursor: pointer;
}
.accordion-layout .collection__accordion .accordion-row .accordion-row__heading {
  display: flex;
  justify-content: space-between;
}
.accordion-layout .collection__accordion .accordion-row .accordion-row__heading h3 {
  transition: color 0.1s ease;
  margin: unset;
}
.accordion-layout .collection__accordion .accordion-row .accordion-row__content {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.31, 0.89, 0.34, 0.99), opacity 0.2s ease-out;
}
.accordion-layout .collection__accordion .accordion-row:last-of-type {
  border-bottom: 1px solid var(--grey-02);
}
.accordion-layout .collection__accordion .accordion-row:hover h3 {
  color: var(--green-00);
}
.accordion-layout .collection__accordion .accordion-row.active {
  padding-block: 2em;
}
.accordion-layout .collection__accordion .accordion-row.active h3 {
  color: var(--green-00);
}
.accordion-layout .collection__accordion .accordion-row.active .accordion-row__heading img {
  transform: rotateZ(180deg);
}
.accordion-layout .collection__accordion .accordion-row.active .accordion-row__content {
  opacity: 1;
}

/* Toggle Layout */
.toggle-layout .toggle__heading {
  grid-column: var(--grid-columns--standard);
  padding-bottom: 1rem;
}
.toggle-layout .toggle__heading p {
  max-width: 56rem;
}
.toggle-layout .toggle__rows {
  grid-column: var(--grid-columns--standard);
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  row-gap: unset;
  padding-block: var(--grid-gap);
  max-width: 100%;
  border-top: 1px solid var(--grey-01);
}
.toggle-layout .toggle__rows .toggle__rows__buttonGroup {
  grid-column: 1/4;
}
.toggle-layout .toggle__rows .toggle__rows__buttonGroup div[class^=toggle-row-] {
  font-size: 24px;
  cursor: pointer;
  transition: color 0.1s ease;
}
.toggle-layout .toggle__rows .toggle__rows__buttonGroup div[class^=toggle-row-].active {
  color: var(--green-00);
}
.toggle-layout .toggle__rows .toggle__rows__buttonGroup div[class^=toggle-row-].active h3 {
  text-decoration: underline;
}
.toggle-layout .toggle__rows .toggle__rows__buttonGroup div[class^=toggle-row-] h3:hover {
  text-decoration: underline;
}
.toggle-layout .toggle__rows .toggle__rows__container {
  position: relative;
  grid-column: 4/13;
}
.toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content .content__text {
  width: 65%;
  padding-right: calc(var(--grid-gap) * 2);
}
.toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content .content__media {
  width: 35%;
  height: auto;
}
.toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content .content__media img {
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-s);
}
.toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content.active {
  position: static;
  opacity: 1;
  pointer-events: all;
}

/* Products Layout */
.products-layout .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  grid-column: var(--grid-columns--standard);
  margin-bottom: var(--grid-gap);
}
.products-layout .content .content__main {
  max-width: 48rem;
}
.products-layout .collection__products--highlight--slider, .products-layout .collection__products--highlight {
  margin-inline: unset;
  grid-column: var(--grid-columns--standard);
  max-width: 100%;
}
.products-layout .collection__products--highlight--slider .swiper-wrapper, .products-layout .collection__products--highlight .swiper-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2rem;
  row-gap: 4rem;
  width: 100%;
}
.products-layout .collection__products--highlight--slider .swiper-wrapper .card__product, .products-layout .collection__products--highlight .swiper-wrapper .card__product {
  width: calc(25% - 2rem);
  height: auto;
}
.products-layout .collection__products--highlight--slider .swiper-wrapper .card__product h3, .products-layout .collection__products--highlight .swiper-wrapper .card__product h3 {
  margin-bottom: 0;
}
.products-layout .collection__products--highlight--slider .swiper-wrapper .card__product span, .products-layout .collection__products--highlight .swiper-wrapper .card__product span {
  font-size: var(--font-size-small);
  text-transform: uppercase;
}
.products-layout .content__extra {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  grid-column: var(--grid-columns--standard);
}
.products-layout .content__extra * {
  margin: unset;
}

/* People layout */
.people-layout .content {
  grid-column: var(--grid-columns--standard);
  margin-bottom: var(--grid-gap);
}
.people-layout .people__row {
  grid-column: var(--grid-columns--standard);
  margin-top: 0;
}
.people-layout .people__row ~ .people__row {
  margin-top: calc(var(--grid-gap) * 1.5);
}
.people-layout .people__row .content__inner {
  margin-bottom: 2rem;
}
.people-layout .people__row .collection__people {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  width: 100%;
}
.people-layout .people__row .collection__people .card__people {
  grid-column: span 3;
}
.people-layout .people__row .collection__people .card__people figure {
  aspect-ratio: 4/5;
  border-radius: var(--border-radius-s);
}
.people-layout .people__row .collection__people .card__people .content {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: var(--font-size-default);
}
.people-layout .people__row .collection__people .card__people .content * {
  line-height: 1.6em;
}
.people-layout .people__row .collection__people .card__people .content a {
  text-decoration: underline;
  color: var(--green-02);
  font-weight: 400;
}

/* Text layout */
.information {
  align-items: start;
}
.information .rich-text {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  grid-column: var(--grid-columns--standard);
}
.information .rich-text .content__main, .information .rich-text .content__side--animation {
  grid-row: 1;
}
.information .rich-text .content__side--animation {
  position: relative;
}
.information .rich-text .content__side--animation .particle {
  position: absolute;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: var(--green-00);
  z-index: 0;
}
.information .rich-text .content__side--animation .particle:nth-of-type(1) {
  top: 0;
  right: 50%;
  width: 11rem;
}
.information .rich-text .content__side--animation .particle:nth-of-type(2) {
  top: 12rem;
  right: 55%;
  width: 7rem;
  opacity: 0.8;
}
.information .rich-text .content__side--animation .particle:nth-of-type(3) {
  top: 9rem;
  right: 35%;
  width: 4.5rem;
  opacity: 0.6;
}
.information .rich-text .content__side--animation .particle:nth-of-type(4) {
  top: 15rem;
  right: 40%;
  width: 3rem;
  opacity: 0.4;
}
.information .rich-text .content__side--animation .particle:nth-of-type(5) {
  top: 20rem;
  right: 50%;
  width: 1.5rem;
  opacity: 0.3;
}
.information .rich-text.align-left .content__main {
  grid-column: 1/9;
}
.information .rich-text.align-left .content__side--animation {
  grid-column: 9/13;
}
.information .rich-text.align-center .content__main {
  grid-column: 3/11;
  text-align: center;
}
.information .rich-text.align-center .content__main *:not(li, ul) {
  margin-inline: auto;
}
.information .rich-text.align-center .content__side--animation {
  grid-column: 1/5;
  transform: scaleX(-1);
}
.information .rich-text.align-right .content__main {
  grid-column: 5/13;
}
.information .rich-text.align-right .content__side--animation {
  grid-column: 1/5;
  transform: scaleX(-1);
}
.information .offset {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  align-items: start;
  grid-column: var(--grid-columns--standard);
}
.information .offset .content__main {
  grid-column: 1/9;
  padding-right: 2rem;
}
.information .offset .content__main.align-left {
  text-align: left;
}
.information .offset .content__main.align-center {
  text-align: center;
  margin: auto;
}
.information .offset .content__main.align-right {
  text-align: right;
}
.information .offset .content__side--box {
  grid-column: 10/13;
  padding: 1rem;
  background-color: var(--grey-00);
  border-radius: var(--border-radius-s);
}
.information .offset .content__side--box .content__side--box-wrapper {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--grey-01);
}
.information .offset .content__side--box .content__side--box-wrapper .content__side--box-link {
  display: block;
  color: var(--green-02);
  line-height: 1.75em;
  padding: 0.25em 0 0.25em 2em;
  background-repeat: no-repeat;
  background-image: url("assets/img/icons/icon__globe--green.svg");
  background-size: 24px;
  background-position: left center;
}
.information .offset .content__side--box .content__side--box-wrapper .content__side--box-link.phone {
  background-image: url("assets/img/icons/icon__phone--green.svg");
}
.information .offset .content__side--box .content__side--box-wrapper .content__side--box-link.email {
  background-image: url("assets/img/icons/icon__email--green.svg");
}
.information .offset .content__side--box .content__side--box-wrapper .content__side--box-link.download {
  background-image: url("assets/img/icons/icon__download--green.svg");
}
.information .offset .content__side--box .content__side--box-wrapper .content__side--box-link:hover {
  text-decoration: underline;
}
.information .offset-heading {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  align-items: start;
  grid-column: var(--grid-columns--standard);
}
.information .offset-heading .content__heading {
  grid-column: 1/6;
}
.information .offset-heading .content__main {
  grid-column: 6/13;
}

/* Home Page */
#temp__root .hero {
  position: relative;
  overflow: hidden;
  height: calc(100vh - var(--header-height));
  max-height: 1080px;
  padding-inline: unset;
  grid-template-rows: 1fr;
  padding-bottom: 0;
}
#temp__root .hero .content {
  color: white;
  grid-column: var(--grid-columns--wide);
  grid-row: var(--grid-columns--wide);
  padding: 2rem;
  align-self: center;
  text-align: center;
  z-index: 2;
}
#temp__root .hero .content * {
  max-width: 56rem;
  margin-inline: auto;
  color: inherit;
}
#temp__root .hero .puff {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 2rem;
  left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  padding: 2em 1em;
  font-size: var(--font-size-small);
  background-color: white;
  box-shadow: -4px 0px 16px rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem 0 0 0.5rem;
  z-index: 5;
  transform: translateX(100%);
  cursor: pointer;
  transition: transform 1.4s cubic-bezier(0.28, 0.85, 0.31, 1);
}
#temp__root .hero .puff.link {
  width: 25em;
  padding: 2em;
}
#temp__root .hero .puff.video {
  width: 25em;
}
#temp__root .hero .puff.video img {
  aspect-ratio: 1;
  width: 4em;
  margin-right: 1em;
  height: 100%;
}
#temp__root .hero .puff.active {
  transform: translateX(0%);
}
#temp__root .hero .puff p {
  font-size: inherit;
  margin: 0;
}
#temp__root .hero .puffContentWrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
#temp__root .hero .puffContentWrapper.active {
  opacity: 1;
  pointer-events: all;
}
#temp__root .hero .puffContentWrapper video {
  width: 100%;
  max-width: calc(1920px - 4rem);
  height: auto;
  max-height: calc(100vh - 2rem);
  -o-object-fit: contain;
     object-fit: contain;
}
#temp__root .hero .puffContentWrapper #puffClose {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}
#temp__root .hero .puffContentWrapper #puffClose img {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}
#temp__root .hero .swiper, #temp__root .hero figure {
  border-radius: 0 !important;
  grid-column: var(--grid-columns--wide);
  grid-row: var(--grid-columns--wide);
  width: 100%;
}
#temp__root .hero .swiper.filter--08 picture, #temp__root .hero .swiper.filter--08 video, #temp__root .hero figure.filter--08 picture, #temp__root .hero figure.filter--08 video {
  filter: brightness(0.8);
}
#temp__root .hero .swiper.filter--07 picture, #temp__root .hero .swiper.filter--07 video, #temp__root .hero figure.filter--07 picture, #temp__root .hero figure.filter--07 video {
  filter: brightness(0.7);
}
#temp__root .hero .swiper.filter--06 picture, #temp__root .hero .swiper.filter--06 video, #temp__root .hero figure.filter--06 picture, #temp__root .hero figure.filter--06 video {
  filter: brightness(0.6);
}
#temp__root .hero .swiper.filter--05 picture, #temp__root .hero .swiper.filter--05 video, #temp__root .hero figure.filter--05 picture, #temp__root .hero figure.filter--05 video {
  filter: brightness(0.5);
}
#temp__root .hero .swiper .swiper-wrapper, #temp__root .hero figure .swiper-wrapper {
  width: 100%;
  height: 100%;
}
#temp__root .hero .swiper .swiper-wrapper .swiper-slide, #temp__root .hero figure .swiper-wrapper .swiper-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#temp__root .hero .swiper .swiper-pagination .swiper-pagination-bullet-active, #temp__root .hero figure .swiper-pagination .swiper-pagination-bullet-active {
  background-color: white;
}

/* About Page */
/* Product / Archive Page */
#archive__products {
  padding-top: var(--hero-top-margin);
}
#archive__products .products-filter__container {
  grid-column: var(--grid-columns--standard);
  border-bottom: 1px solid var(--grey-01);
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
#archive__products .products-filter__container form ul {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left: 0;
}
#archive__products .products-filter__container form ul li {
  margin-right: 1rem;
  padding: 0;
}
#archive__products .products-filter__container form ul li label .sf-input-select {
  border-radius: 4px;
  padding: 0.5em;
  font-size: var(--font-size-small);
  border: 1px solid var(--grey-01);
  background-color: var(--grey-00);
  -webkit-appearance: none;
  max-width: 170px;
}
#archive__products .products-filter__container form ul li.sf-field-sort_order {
  margin-left: auto;
  margin-right: 0;
}
#archive__products .collection__products {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  grid-column: var(--grid-columns--standard);
}
#archive__products .collection__products .card__product {
  width: 25%;
}
#archive__products .collection__products .card__product p {
  display: -webkit-box;
  font-size: var(--font-size-small);
  max-width: 100%;
  max-height: 6.4em;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#archive__products .collection__products .card__product picture, #archive__products .collection__products .card__product img {
  -o-object-fit: contain;
     object-fit: contain;
}

/* Product-single */
#single__products {
  padding-top: var(--hero-top-margin);
}
#single__products .product--hero {
  padding-top: 0;
}
#single__products .product--hero .product--hero__heading {
  grid-column: 2/11;
}
#single__products .product--hero .product--hero__heading h1 {
  margin-bottom: 0.3em;
}
#single__products .product--hero .product--hero__media-wrapper {
  grid-column: 2/8;
  padding: calc(var(--grid-gap) * 2);
  padding-left: 0;
}
#single__products .product--hero .product--hero__media-wrapper figure {
  width: 100%;
  aspect-ratio: 5/4;
  background-color: unset;
  overflow: visible;
}
#single__products .product--hero .product--hero__media-wrapper figure img, #single__products .product--hero .product--hero__media-wrapper figure picture {
  -o-object-fit: contain;
     object-fit: contain;
}
#single__products .product--hero .product--hero__media-wrapper figure .hero-slider {
  height: 100%;
}
#single__products .product--hero .product--hero__media-wrapper figure .swiper-pagination {
  bottom: -2rem;
}
#single__products .product--hero .product--hero__media-wrapper figure .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--green-02);
}
#single__products .product--hero .product--hero__description {
  grid-column: 8/13;
  padding-top: calc(var(--grid-gap) * 2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#single__products .product--hero .product--hero__description .product--hero__description-documents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 2rem;
}
#single__products .product--hero .product--hero__description .product--hero__description-features {
  margin-block: 1rem 2rem;
  width: 100%;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper {
  cursor: pointer;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row {
  border-top: 1px solid var(--grey-01);
  padding: 0.75em;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row .features-row__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row .features-row__heading span {
  margin: unset;
  font-weight: 600;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row .features-row__heading img {
  aspect-ratio: 1;
  width: 32px;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row .features-row__content {
  overflow: hidden;
  max-height: 0px;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.31, 0.89, 0.34, 0.99), opacity 0.2s ease-out;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row:hover h3 {
  color: var(--green-00);
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row.active .features-row__content {
  opacity: 1;
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row.active img {
  transform: rotate(180deg);
}
#single__products .product--hero .product--hero__description .product--hero__description-features .description-feature-wrapper .features-row:last-child {
  border-bottom: 1px solid var(--grey-01);
}
#single__products .product--technical-details {
  padding-top: unset;
}
#single__products .product--technical-details .content {
  grid-column: var(--grid-columns--standard);
  border-bottom: 1px solid var(--grey-01);
}
#single__products .product--technical-details .technical-details--wrapper {
  display: grid;
  -moz-column-gap: var(--grid-gap);
       column-gap: var(--grid-gap);
  grid-template-columns: 1fr 1fr;
  grid-column: 2/11;
}
#single__products .product--technical-details .technical-details--wrapper .technical-details--content {
  margin-top: 2em;
}
#single__products .product--technical-details .technical-details--wrapper .technical-details--content span {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0.6em;
}
#single__products .product--technical-details .technical-details--wrapper .technical-details--content dl {
  display: grid;
  -moz-column-gap: var(--grid-gap);
       column-gap: var(--grid-gap);
  grid-template-columns: 1fr 2fr;
  margin: 0;
}
#single__products .product--technical-details .technical-details--wrapper .technical-details--content dl dt {
  opacity: 0.6;
}
#single__products .product--technical-details .technical-details--wrapper .technical-details--content dl dd {
  margin: 0;
}
#single__products .product--technical-details .technical-details--wrapper .technical-details--content dl dt, #single__products .product--technical-details .technical-details--wrapper .technical-details--content dl dd {
  line-height: 1.8em;
}

/* Branscher / Archive Page */
#temp__branscher .hero {
  padding: unset;
}
#temp__branscher .hero figure {
  grid-column: var(--grid-columns--wide);
  aspect-ratio: 3/1;
  border-radius: 0 !important;
}
#temp__branscher .hero .breadcrumbs {
  position: static;
  grid-column: var(--grid-columns--standard);
}
#temp__branscher .description {
  position: relative;
  padding-block: 0;
}
#temp__branscher .description .content__main {
  grid-column: 2/10;
  padding-right: 2rem;
}
#temp__branscher .description .content__main .branscher {
  margin-top: 4rem;
}
#temp__branscher .description .content__main .branscher .content {
  width: 100%;
}
#temp__branscher .description .content__main .branscher .collection__branscher {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 2rem;
  gap: unset;
}
#temp__branscher .description .content__main .branscher .collection__branscher .card__branscher {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: calc(33.33% - 2rem);
  padding: 1rem 0.5rem 0;
  border-top: 1px solid var(--grey-01);
  min-height: 3em;
  transition: 0.2s ease-out;
}
#temp__branscher .description .content__main .branscher .collection__branscher .card__branscher .h4 {
  max-width: 75%;
  margin-block: 0;
  min-height: 4.8em;
}
#temp__branscher .description .content__main .branscher .collection__branscher .card__branscher img {
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  width: 2em;
  height: 2em;
  transition: 0.2s ease-out;
}
#temp__branscher .description .content__main .branscher .collection__branscher .card__branscher:hover {
  background-color: var(--grey-00);
  padding-left: 1rem;
}
#temp__branscher .description .content__main .branscher .collection__branscher .card__branscher:hover img {
  right: 1rem;
}
#temp__branscher .description .content__side--box {
  position: relative;
  grid-column: 11/14;
  padding: 1rem;
  background-color: var(--grey-00);
  border-radius: var(--border-radius-s);
  height: -moz-fit-content;
  height: fit-content;
  z-index: 2;
}
#temp__branscher .description .content__side--box .content__side--box-wrapper {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid var(--grey-01);
}
#temp__branscher .description .content__side--box .content__side--box-wrapper .content__side--box-link {
  display: block;
  color: var(--green-02);
  line-height: 1.75em;
  padding: 0.25em 0 0.25em 2em;
  background-repeat: no-repeat;
  background-image: url("assets/img/icons/icon__globe--green.svg");
  background-size: 24px;
  background-position: left center;
}
#temp__branscher .description .content__side--box .content__side--box-wrapper .content__side--box-link.phone {
  background-image: url("assets/img/icons/icon__phone--green.svg");
}
#temp__branscher .description .content__side--box .content__side--box-wrapper .content__side--box-link.email {
  background-image: url("assets/img/icons/icon__email--green.svg");
}
#temp__branscher .description .content__side--box .content__side--box-wrapper .content__side--box-link.download {
  background-image: url("assets/img/icons/icon__download--green.svg");
}
#temp__branscher .description .content__side--box .content__side--box-wrapper .content__side--box-link:hover {
  text-decoration: underline;
}
#temp__branscher .description .content__side--animation {
  position: absolute;
  right: 0;
  top: 0;
}
#temp__branscher .description .content__side--animation .particle {
  position: absolute;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: var(--green-00);
  z-index: 0;
}
#temp__branscher .description .content__side--animation .particle:nth-of-type(1) {
  top: 9rem;
  right: -2rem;
  width: 11rem;
}
#temp__branscher .description .content__side--animation .particle:nth-of-type(2) {
  top: 0rem;
  right: -3rem;
  width: 7rem;
  opacity: 0.8;
}
#temp__branscher .description .content__side--animation .particle:nth-of-type(3) {
  top: 4rem;
  right: 5rem;
  width: 4.5rem;
  opacity: 0.6;
}
#temp__branscher .description .content__side--animation .particle:nth-of-type(4) {
  top: -2rem;
  right: 4rem;
  width: 3rem;
  opacity: 0.4;
}
#temp__branscher .description .content__side--animation .particle:nth-of-type(5) {
  top: -3rem;
  right: 1rem;
  width: 1.5rem;
  opacity: 0.3;
}
#temp__branscher .branscher .content {
  grid-column: var(--grid-columns--standard);
}
#temp__branscher .branscher .collection__branscher {
  grid-column: var(--grid-columns--standard);
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  row-gap: unset;
  max-width: 100%;
  margin-top: 1rem;
}
#temp__branscher .branscher .collection__branscher .card__branscher {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  grid-column: span 3;
  padding: 1rem 0.5rem 0;
  border-top: 1px solid var(--grey-01);
  min-height: 3em;
  transition: 0.2s ease-out;
}
#temp__branscher .branscher .collection__branscher .card__branscher .h4 {
  max-width: 75%;
  margin-block: 0;
  min-height: 4.8em;
}
#temp__branscher .branscher .collection__branscher .card__branscher img {
  position: absolute;
  right: 0.5rem;
  top: 1rem;
  width: 2em;
  height: 2em;
  transition: 0.2s ease-out;
}
#temp__branscher .branscher .collection__branscher .card__branscher:hover {
  background-color: var(--grey-00);
  padding-left: 1rem;
}
#temp__branscher .branscher .collection__branscher .card__branscher:hover img {
  right: 1rem;
}

/* Archive News NEW */
#archive__newsNew {
  padding-top: var(--hero-top-margin);
}
#archive__newsNew .hero {
  padding-bottom: var(--grid-gap);
}
#archive__newsNew .news__mainContent {
  display: grid;
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  row-gap: unset;
  max-width: 100%;
  padding-top: unset;
}
#archive__newsNew .news__mainContent .news__filter {
  grid-column: var(--grid-columns--standard);
  grid-row: 1;
  margin-bottom: 1rem;
}
#archive__newsNew .news__mainContent .news__filter a {
  margin-right: 1em;
  cursor: pointer;
}
#archive__newsNew .news__mainContent .news__filter a.active {
  color: var(--green-00);
  text-decoration: underline;
}
#archive__newsNew .news__mainContent .linkedin__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-column: 11/15;
  grid-row: 2;
  padding-left: 2rem;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem;
  width: 100%;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading a {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  width: 3rem;
  border-radius: 100%;
  background-color: var(--grey-00);
  margin-right: 1rem;
  transition: background-color 0.1s ease;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading a img {
  width: 24px;
  height: auto;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading a:hover {
  background-color: var(--green-00);
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading a:hover img {
  filter: invert(1);
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading .heading-wrapper h3 {
  margin: 0;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .heading .heading-wrapper p {
  font-size: var(--font-size-small);
  margin-top: 0.2em;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin {
  width: 100%;
  padding: 1rem;
  border: 2px solid var(--grey-00);
  margin-bottom: 1rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin .linkedin__heading {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin .linkedin__heading .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin .linkedin__heading .wrapper img {
  aspect-ratio: 1;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  border-radius: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: white;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin .linkedin__heading .date {
  font-size: var(--font-size-small);
  font-weight: 300;
  opacity: 0.6;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin .linkedin__content {
  display: -webkit-box;
  font-size: var(--font-size-small);
  font-weight: 300;
  max-width: 100%;
  max-height: 4.8em;
  opacity: 0.8;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin:hover {
  background-color: var(--grey-00);
}
#archive__newsNew .news__mainContent #contentNews {
  display: none;
  grid-column: 2/11;
  grid-row: 2;
  padding-top: unset;
}
#archive__newsNew .news__mainContent #contentNews.active {
  display: block;
}
#archive__newsNew .news__mainContent #contentNews .btn__wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
#archive__newsNew .news__mainContent #contentNews .collection__news {
  grid-column: var(--grid-columns--standard);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  max-width: 100%;
}
#archive__newsNew .news__mainContent #contentNews .collection__news .card__news figure {
  margin-bottom: 1.2em;
}
#archive__newsNew .news__mainContent #contentNews .collection__news .card__news p {
  display: -webkit-box;
  font-size: var(--font-size-default);
  max-width: 100%;
  max-height: 6.4em;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#archive__newsNew .news__mainContent #contentEvents {
  display: none;
  grid-column: 2/11;
  grid-row: 2;
  padding-top: unset;
}
#archive__newsNew .news__mainContent #contentEvents.active {
  display: block;
}
#archive__newsNew .news__mainContent #contentEvents .collection__events .card__news {
  width: 100%;
  margin-bottom: 3rem;
}
#archive__newsNew .news__mainContent #contentEvents .collection__events .card__news figure {
  aspect-ratio: 2/1;
  background-color: var(--grey-01);
  margin-bottom: 1em;
}
#archive__newsNew .news__mainContent #contentEvents .collection__events .card__news .title-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#archive__newsNew .news__mainContent #contentEvents .collection__events .card__news .title-content .date {
  border-radius: 2rem;
  display: inline-block;
  padding: 0.1em 0.6em;
  margin-left: 2rem;
  font-weight: 400;
  background-color: var(--green-00);
  color: white;
}
#archive__newsNew .news__mainContent #contentEvents .collection__events .card__news p {
  margin-top: unset;
}
#archive__newsNew .news__mainContent #contentEvents .collection__events .content__empty {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: var(--grid-gap);
  border-radius: var(--border-radius-l);
  border: 1px solid var(--grey-01);
}
#archive__newsNew .card__news figure {
  width: 100%;
  aspect-ratio: 3/2;
  border-radius: var(--border-radius-s);
  overflow: hidden;
}
#archive__newsNew .card__news h2 {
  font-size: calc(clamp(26px, 2.3vw, 40px) - 8px);
}
#archive__newsNew .card__news p {
  display: -webkit-box;
  font-size: var(--font-size-default);
  max-width: 100%;
  max-height: 6.4em;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#archive__newsNew .card__news:hover h2 {
  text-decoration: underline;
}

/* News Single */
#single__news .hero {
  padding-top: 4rem;
  padding-bottom: 0rem;
}
#single__news .hero figure {
  grid-column: var(--grid-columns--wide);
  aspect-ratio: auto;
}
#single__news .hero figure picture, #single__news .hero figure img {
  position: static;
}
#single__news .hero .hero--news__content {
  position: relative;
  grid-column: var(--grid-columns--thin);
  text-align: center;
}
#single__news .hero .hero--news__content h1 {
  text-align: center;
  margin-inline: auto;
}
#single__news .hero .hero--news__content .date {
  border-radius: 2rem;
  display: inline-block;
  padding: 0.1em 0.6em;
  font-weight: 400;
  background-color: var(--green-00);
  color: white;
}
#single__news .hero .hero--news__content .hero--back-btn {
  position: fixed;
}
#single__news .hero.media {
  padding-top: 2rem;
}
#single__news .hero.media .hero--news__content {
  margin-top: 4rem;
}
#single__news .news--main-content * {
  grid-column: var(--grid-columns--thin);
  max-width: 100%;
}
#single__news .news--main-content p {
  margin: 0.3em 0 0.6em;
}
#single__news .news--main-content p img, #single__news .news--main-content p video, #single__news .news--main-content p embed {
  grid-column: var(--grid-columns--standard);
  height: auto;
}
#single__news .news--main-content .news--content__quote {
  padding: 1rem;
  background-color: var(--grey-00);
  border-radius: 1rem;
}

/* Contact Page */
#temp__contact {
  padding-top: var(--hero-top-margin);
}
#temp__contact .hero .heading {
  grid-column: 2/8;
  padding-right: 1rem;
}
#temp__contact .hero .heading a {
  display: inline-flex;
  align-items: center;
  color: var(--green-02);
}
#temp__contact .hero .heading a img {
  width: 32px;
}
#temp__contact .hero .content {
  grid-column: 8/14;
}
#temp__contact .hero #waving-man {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 0;
  left: -3rem;
  width: 320px;
  transform: rotate(55deg);
}
#temp__contact .office-locations .content {
  grid-column: var(--grid-columns--standard);
}
#temp__contact .office-locations--collection {
  grid-column: var(--grid-columns--standard);
}
#temp__contact .office-locations--collection .office-locations--row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
  row-gap: unset;
  max-width: 100%;
  margin-top: calc(var(--grid-gap));
  padding-top: calc(var(--grid-gap) / 2);
}
#temp__contact .office-locations--collection .office-locations--row .office-locations--row--name {
  grid-column: 1/7;
}
#temp__contact .office-locations--collection .office-locations--row .office-locations--row--contact-info {
  grid-column: 7/10;
}
#temp__contact .office-locations--collection .office-locations--row .office-locations--row--contact-info a {
  position: relative;
  display: inline-block;
  color: var(--green-02);
  text-decoration: none;
}
#temp__contact .office-locations--collection .office-locations--row .office-locations--row--contact-info a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: var(--green-02);
}
#temp__contact .office-locations--collection .office-locations--row .office-locations--row--timetable {
  grid-column: 10/12;
}
#temp__contact .office-locations--collection .office-locations--row .h-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: var(--grey-01);
}
#temp__contact .office-locations--collection .office-locations--row:first-of-type {
  margin-top: unset;
}

/* 404 Error */
#temp__error {
  padding-top: var(--hero-top-margin);
}
#temp__error .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-column: var(--grid-columns--standard);
  text-align: center;
}
#temp__error .content h5 {
  font-weight: 600;
  opacity: 0.6;
}

/* Search */
#temp__search {
  padding-top: var(--hero-top-margin);
}
#temp__search .hero .content {
  grid-column: var(--grid-columns--standard);
  border-bottom: 1px solid var(--grey-01);
}
#temp__search .hero .content .search-form {
  margin-block: 1rem;
  width: clamp(20rem, 32rem, 100%);
}
#temp__search .hero .content .search-form input[type=search] {
  width: calc(100% - 2.5rem);
}
#temp__search .search-results {
  padding-top: 0;
}
#temp__search .search-results .collection__search {
  grid-column: var(--grid-columns--standard);
  display: grid;
  grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--grid-gap);
}
#temp__search .search-results .collection__search .card__search {
  grid-column: span 3;
  margin-bottom: 2rem;
}
#temp__search .search-results .collection__search .card__search .tag {
  margin-bottom: 0;
}
#temp__search .search-results .collection__search .card__search p {
  display: -webkit-box;
  font-size: var(--font-size-small);
  max-width: 100%;
  max-height: 6.4em;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#temp__search .search-results .collection__search .card__search figure {
  aspect-ratio: 5/4;
  margin-bottom: 1em;
  background-color: var(--grey-00);
}
/* index */
#temp__index {
  padding-top: var(--hero-top-margin);
}
/* Laptop --- */
@media only screen and (max-width: 1441px) {
  /* Theme Stuff */
  :root {
    /* Styling vars */
    --hero-top-margin: 4rem;
    /* Grid vars */
    --grid-cols: 12;
    --grid-gap: 1.5rem;
    --grid-cols-offset: 10;
    --grid-columns--standard: 1/13;
    --grid-columns--wide: 1/-1;
    --grid-columns--thin: 3/11;
  }
  .breadcrumbs {
    left: 0;
  }
  footer {
    grid-template-areas: "li li li li li li li li li li li li" "na na na na na na na nl nl nl nl nl" "so so so so so so so so so so so so" "ex ex ex ex ex ex ex ex ex ex ex ex";
  }
  footer .footer-content--top {
    top: unset;
    bottom: 2rem;
  }
  .hero.content--text .breadcrumbs {
    top: -3rem;
  }
  .hero.content--text.extra .content {
    grid-column: 1/9;
  }
  .hero.content--text.extra .content__side--box {
    grid-column: 9/13;
  }
  .hero.content--split .content {
    grid-column: 1/6;
  }
  .hero.content--split .media {
    grid-column: 7/13;
  }
  .information .rich-text.align-center .content__main {
    grid-column: 2/10;
  }
  .information .offset .content__main {
    grid-column: 1/8;
  }
  .information .offset .content__side--box {
    grid-column: 8/12;
  }
  .columns-layout--two.col--2 div:nth-child(even) {
    grid-column: 7/14;
  }
  .columns-layout--two.col--2 div:nth-child(odd) {
    grid-column: 1/7;
  }
  .columns-layout--two.col--3 div:nth-child(even) {
    grid-column: 9/14;
  }
  .columns-layout--two.col--3 div:nth-child(odd) {
    grid-column: 1/9;
  }
  .columns-layout--two.col--3-r div:nth-child(even) {
    grid-column: 7/14;
  }
  .columns-layout--two.col--3-r div:nth-child(odd) {
    grid-column: 1/7;
  }
  .columns-layout--two.col--4 div:nth-child(even) {
    grid-column: 10/14;
  }
  .columns-layout--two.col--4 div:nth-child(odd) {
    grid-column: 1/10;
  }
  .columns-layout--two.col--4-r div:nth-child(even) {
    grid-column: 6/14;
  }
  .columns-layout--two.col--4-r div:nth-child(odd) {
    grid-column: 1/6;
  }
  .columns-layout--flex .collection__columns.col-5 .card__flex {
    width: calc(25% - 2rem);
  }
  .columns-layout--flex .collection__columns.col-6 .card__flex {
    width: calc(25% - 2rem);
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll:first-of-type {
    margin-left: 0;
  }
  .accordion-layout.stacked .accordion__heading, .accordion-layout.stacked .collection__accordion {
    grid-column: 1/14;
  }
  .accordion-layout .accordion__heading {
    grid-column: 1/5;
  }
  .accordion-layout .collection__accordion {
    grid-column: 5/14;
  }
  .people-layout .people__row .collection__people {
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  /* Temp Branscher */
  #temp__branscher .description .content__main {
    grid-column: 1/10;
  }
  #temp__branscher .description .content__side--box {
    grid-column: 10/13;
  }
  #temp__branscher .branscher .collection__branscher {
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  /* News new */
  #archive__newsNew .news__mainContent {
    padding-top: unset;
  }
  #archive__newsNew .news__mainContent .linkedin__wrapper {
    grid-column: 9/14;
    grid-row: 2;
  }
  #archive__newsNew .news__mainContent .linkedin__wrapper .heading {
    display: flex;
    justify-content: flex-start;
  }
  #archive__newsNew .news__mainContent #contentNews {
    grid-column: 1/9;
  }
  #archive__newsNew .news__mainContent #contentEvents {
    grid-column: 1/9;
  }
  #single__products .product--hero {
    padding-top: 0;
  }
  #single__products .product--hero .product--hero__heading {
    grid-column: var(--grid-columns--wide);
  }
  #single__products .product--hero .product--hero__description {
    grid-column: 7/13;
  }
  #single__products .product--hero .product--hero__media-wrapper {
    grid-column: 1/7;
  }
  #single__products .product--technical-details .technical-details--wrapper {
    grid-column: 1/10;
  }
  /* Search */
  #temp__search .search-results .collection__search {
    grid-column: var(--grid-columns--standard);
    display: grid;
    grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  }
  #temp__search .search-results .collection__search .card__search {
    grid-column: span 3;
  }
  #temp__contact .hero .heading {
    grid-column: 1/7;
  }
  #temp__contact .hero .content {
    grid-column: 7/14;
  }
  #temp__contact .office-locations .office-locations--collection .office-locations--row .office-locations--row--name {
    grid-column: 1/6;
  }
  #temp__contact .office-locations .office-locations--collection .office-locations--row .office-locations--row--contact-info {
    grid-column: 6/9;
  }
  #temp__contact .office-locations .office-locations--collection .office-locations--row .office-locations--row--timetable {
    grid-column: 9/12;
  }
}
/* Laptop --- */
@media only screen and (max-width: 1279px) {
  /* Theme Stuff */
  :root {
    --hero-top-margin: 2rem;
    --grid-columns--thin: 2/12;
  }
  /* Navigation */
  header {
    max-width: 100vw;
    height: var(--navigation-height);
  }
  header .nav__desktop, header .menu-navbar__inner--sub-nav {
    display: none;
  }
  header .nav__mobile {
    display: flex;
  }
  header.nav-bg {
    top: 0;
  }
  main {
    padding-top: var(--navigation-height);
  }
  .hero.content--text {
    padding-top: 2rem;
  }
  .hero.content--text .breadcrumbs {
    top: -2rem;
  }
  .columns-layout--flex .collection__columns.col-4 .card__flex {
    width: calc(33.33% - 2rem);
  }
  .columns-layout--flex .collection__columns.col-5 .card__flex {
    width: calc(33.33% - 2rem);
  }
  .columns-layout--flex .collection__columns.col-6 .card__flex {
    width: calc(33.33% - 2rem);
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll {
    width: calc(27.88% - 2rem);
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll:first-of-type {
    margin-left: 0;
  }
  .people-layout .people__row .collection__people .card__people {
    grid-column: span 4;
  }
  #single__products .product--hero {
    padding-top: 0;
  }
  #single__products .product--hero .product--hero__heading {
    grid-column: var(--grid-columns--wide);
  }
  #single__products .product--hero .product--hero__description {
    grid-column: 7/13;
  }
  #single__products .product--hero .product--hero__media-wrapper {
    grid-column: 1/7;
  }
  #temp__branscher .description .content__main .branscher .collection__branscher .card__branscher {
    width: calc(50% - 2rem);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait) {
  /* Navigation */
  header {
    max-width: 100vw;
    height: var(--navigation-height);
  }
  header .nav__desktop, header .menu-navbar__inner--sub-nav {
    display: none;
  }
  header .nav__mobile {
    display: flex;
  }
  header.nav-bg {
    top: 0;
  }
  main {
    padding-top: var(--navigation-height);
  }
  .information .rich-text.align-center .content__main {
    grid-column: 2/10;
  }
  .information .rich-text.align-left .content__main {
    grid-column: 1/8;
  }
  .information .rich-text.align-right .content__main {
    grid-column: 5/13;
  }
  .columns-layout--flex .collection__columns.col-3 .card__flex {
    width: calc(50% - 2rem);
  }
  .columns-layout--flex .collection__columns.col-4 .card__flex {
    width: calc(50% - 2rem);
  }
  .columns-layout--flex .collection__columns.col-5 .card__flex {
    width: calc(50% - 2rem);
  }
  .columns-layout--flex .collection__columns.col-6 .card__flex {
    width: calc(50% - 2rem);
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll {
    width: calc(27.88% - 2rem);
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll:first-of-type {
    margin-left: 0;
  }
  .columns-layout--scroll .scroll_controls {
    display: none;
  }
  .grid-layout .grid-layout--wrapper .collection__grid-items {
    -moz-column-count: 2;
         column-count: 2;
    margin: unset;
  }
  .products-layout .collection__products--highlight--slider .swiper-wrapper .card__product {
    width: calc(33.33% - 2rem);
  }
  .products-layout .collection__products--highlight .swiper-wrapper .card__product {
    width: calc(33.33% - 2rem);
  }
  .people-layout .people__row .collection__people .card__people {
    grid-column: span 4;
  }
  #temp__branscher .description .content__main {
    grid-column: 1/9;
  }
  #temp__branscher .description .content__side--box {
    grid-column: 9/13;
  }
  #temp__branscher .branscher .collection__branscher .card__branscher {
    grid-column: span 4;
  }
  #archive__newsNew .news__mainContent #contentNews {
    grid-column: 1/-1;
  }
  #archive__newsNew .news__mainContent #contentEvents {
    grid-column: 1/-1;
  }
  #archive__newsNew .news__mainContent .linkedin__wrapper {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-column: 1/-1;
    grid-row: 3;
    padding-top: 4rem;
    padding-left: unset;
  }
  #archive__newsNew .news__mainContent .linkedin__wrapper .card__linkedin {
    max-width: calc(50% - 0.25rem);
  }
  #single__products .product--hero {
    padding-top: var(--hero-top-margin);
  }
  #single__products .product--hero .product--hero__heading {
    grid-column: var(--grid-columns--wide);
  }
  #single__products .product--hero .product--hero__description {
    grid-column: 7/13;
  }
  #single__products .product--hero .product--hero__media-wrapper {
    grid-column: 1/7;
  }
  #temp__search .search-results .collection__search .card__search {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 768px) {
  /* Theme Stuff */
  :root {
    --navigation-height: 4.5rem;
    --hero-top-margin: 2rem;
    /* Styling vars */
    --edge-padding: 1.5rem;
    --border-radius-l: 12px;
    --border-radius-m: 6px;
    --border-radius-s: 4px;
    /* Grid vars */
    --grid-cols: 6;
    --grid-cols-offset: 6;
    --grid-gap: 1rem;
    --grid-columns--standard: 1/-1;
    --grid-columns--thin: 1/-1;
  }
  /* Navigation */
  header {
    max-width: 100vw;
    height: var(--navigation-height);
  }
  header .nav__desktop, header .menu-navbar__inner--sub-nav {
    display: none;
  }
  header .nav__mobile {
    display: flex;
  }
  header.nav-bg {
    top: 0;
  }
  footer {
    padding-top: 2rem;
    padding-inline: 1.5rem;
    grid-template-areas: " li li li li li li " " na na na na na na" " nl nl nl nl nl nl" " so so so so so so" " ex ex ex ex ex ex";
  }
  footer .footer-content--navigation {
    grid-template-columns: repeat(2, 50%);
    row-gap: 2rem;
    padding-top: 1.5rem;
  }
  footer .footer-content--newsletter {
    margin-bottom: 2rem;
  }
  footer .footer-content--top {
    display: none;
    right: 1.5rem;
  }
  .footer-cta .cta-wrapper--complex {
    margin-top: 2rem;
    padding: 1.5rem;
  }
  .footer-cta .cta-wrapper--complex .cta-content__links-wrapper {
    margin-top: 2rem;
  }
  .footer-cta .cta-wrapper--complex div.cta-content__heading * {
    max-width: none;
  }
  .footer-cta .cta-wrapper--complex div.cta-content__heading h3 {
    padding-right: 6rem;
  }
  .footer-cta .cta-wrapper--complex div.particle {
    position: absolute;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: var(--green-00);
    z-index: 0;
  }
  .footer-cta .cta-wrapper--complex div.particle:nth-of-type(3) {
    top: -2rem;
    right: 9.334rem;
    width: 7.3rem;
  }
  .footer-cta .cta-wrapper--complex div.particle:nth-of-type(4) {
    top: -1.334rem;
    right: 2rem;
    width: 5.334rem;
    z-index: 2;
  }
  .footer-cta .cta-wrapper--complex div.particle:nth-of-type(5) {
    top: -4rem;
    right: 6.667rem;
    width: 3rem;
    opacity: 0.6;
  }
  .footer-cta .cta-wrapper--complex div.particle:nth-of-type(6) {
    top: -4rem;
    right: 1.667rem;
    width: 2rem;
    opacity: 0.4;
  }
  .footer-cta .cta-wrapper--complex div.particle:nth-of-type(7) {
    top: -2rem;
    right: 0;
    width: 1rem;
    opacity: 0.3;
  }
  main {
    padding-top: var(--navigation-height);
  }
  section {
    padding-block: 3rem;
  }
  .hero.content--text {
    grid-column: 1/6;
  }
  .hero.content--text .breadcrumbs {
    top: -2rem;
  }
  .hero.content--text .content {
    margin-left: 0;
  }
  .hero.content--text .content.split h1 {
    grid-column: span 6;
  }
  .hero.content--text .content.split p {
    grid-column: 2/7;
  }
  .hero.content--text.extra .content {
    grid-column: 1/-1;
    padding-right: unset;
  }
  .hero.content--text.extra .content__side--box {
    margin-top: 2rem;
    grid-column: 1/-1;
  }
  .hero.content--media {
    aspect-ratio: unset;
    grid-column: 1/6;
  }
  .hero.content--media .content {
    padding: 8rem 1rem 2em;
    width: 100%;
  }
  .hero.content--split .media {
    grid-column: var(--grid-columns--wide);
    grid-row: 1;
    padding: 0;
  }
  .hero.content--split .breadcrumbs {
    position: static;
    grid-column: var(--grid-columns--wide);
    grid-row: 2;
    padding-top: var(--edge-padding);
    padding-left: 0;
  }
  .hero.content--split .content {
    grid-column: var(--grid-columns--wide);
    grid-row: 3;
  }
  /* information layout */
  .information .rich-text.align-right .content__main, .information .rich-text.align-left .content__main {
    grid-column: 1/-1;
  }
  .information .rich-text.align-right .content__side--animation, .information .rich-text.align-left .content__side--animation {
    display: none;
  }
  .information .rich-text.align-center .content__main {
    grid-column: 1/-1;
  }
  .information .offset .content__main {
    grid-column: 1/-1;
    padding-right: unset;
  }
  .information .offset .content__side--box {
    grid-column: 1/-1;
  }
  .information .offset-heading {
    grid-row-gap: 0;
  }
  .information .offset-heading .content__main {
    grid-column: 1/-1;
  }
  .information .offset-heading .content__side--box {
    grid-column: 1/-1;
  }
  /* Full Width Media */
  .media {
    padding-inline: var(--edge-padding);
  }
  .media figure {
    grid-column: var(--grid-columns--wide);
    aspect-ratio: 3/2;
  }
  .media figure.single-image {
    border-radius: var(--border-radius-m);
  }
  .media figure.full_video {
    border-radius: var(--border-radius-m);
  }
  /* Columns content */
  .columns-layout--two.col--2 div:nth-child(even), .columns-layout--two.col--2 div:nth-child(odd), .columns-layout--two.col--3-r div:nth-child(even), .columns-layout--two.col--3-r div:nth-child(odd), .columns-layout--two.col--3 div:nth-child(even), .columns-layout--two.col--3 div:nth-child(odd), .columns-layout--two.col--4-r div:nth-child(even), .columns-layout--two.col--4-r div:nth-child(odd), .columns-layout--two.col--4 div:nth-child(even), .columns-layout--two.col--4 div:nth-child(odd) {
    grid-column: 1/-1;
    grid-row: auto;
  }
  .columns-layout--two.col--2 div:nth-child(even).columns__content--text, .columns-layout--two.col--2 div:nth-child(odd).columns__content--text, .columns-layout--two.col--3-r div:nth-child(even).columns__content--text, .columns-layout--two.col--3-r div:nth-child(odd).columns__content--text, .columns-layout--two.col--3 div:nth-child(even).columns__content--text, .columns-layout--two.col--3 div:nth-child(odd).columns__content--text, .columns-layout--two.col--4-r div:nth-child(even).columns__content--text, .columns-layout--two.col--4-r div:nth-child(odd).columns__content--text, .columns-layout--two.col--4 div:nth-child(even).columns__content--text, .columns-layout--two.col--4 div:nth-child(odd).columns__content--text {
    grid-column: 1/-1;
    padding-inline: 0;
  }
  .columns-layout--two.col--2 div:nth-child(even).columns__content--media, .columns-layout--two.col--2 div:nth-child(odd).columns__content--media, .columns-layout--two.col--3-r div:nth-child(even).columns__content--media, .columns-layout--two.col--3-r div:nth-child(odd).columns__content--media, .columns-layout--two.col--3 div:nth-child(even).columns__content--media, .columns-layout--two.col--3 div:nth-child(odd).columns__content--media, .columns-layout--two.col--4-r div:nth-child(even).columns__content--media, .columns-layout--two.col--4-r div:nth-child(odd).columns__content--media, .columns-layout--two.col--4 div:nth-child(even).columns__content--media, .columns-layout--two.col--4 div:nth-child(odd).columns__content--media {
    grid-column: 1/-1;
    margin-bottom: 1rem;
  }
  .columns-layout--two.col--2.reverse div:nth-child(odd), .columns-layout--two.col--3-r.reverse div:nth-child(odd), .columns-layout--two.col--3.reverse div:nth-child(odd), .columns-layout--two.col--4-r.reverse div:nth-child(odd), .columns-layout--two.col--4.reverse div:nth-child(odd) {
    grid-row: 2;
  }
  .columns-layout--two.col--2.reverse div:nth-child(even), .columns-layout--two.col--3-r.reverse div:nth-child(even), .columns-layout--two.col--3.reverse div:nth-child(even), .columns-layout--two.col--4-r.reverse div:nth-child(even), .columns-layout--two.col--4.reverse div:nth-child(even) {
    grid-row: 1;
  }
  /* Columns Flex content */
  .columns-layout--flex .collection__columns {
    grid-template-columns: repeat(var(--grid-cols-offset), minmax(0, 1fr));
    grid-row-gap: calc(var(--grid-gap) * 3);
  }
  .columns-layout--flex .collection__columns.col-6 .card__flex {
    width: 100%;
  }
  .columns-layout--flex .collection__columns.col-5 .card__flex {
    width: 100%;
  }
  .columns-layout--flex .collection__columns.col-4 .card__flex {
    width: 100%;
  }
  .columns-layout--flex .collection__columns.col-3 .card__flex {
    width: 100%;
  }
  /* Colums Layout Scroll */
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll {
    width: 65vw;
    min-width: 220px;
    margin-right: calc(var(--grid-gap) * 2);
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll:first-of-type {
    margin-left: 0;
  }
  .columns-layout--scroll .collection__columns--scroll .swiper-wrapper .card__scroll h3 {
    font-size: 24px;
  }
  .columns-layout--scroll .scroll_controls {
    display: none;
  }
  /*  CTA  */
  .cta-layout .cta-wrapper--simple {
    padding: 2rem 1rem;
  }
  /* Stack Layout */
  .stack-layout .stack-layout__wrapper .collection__stack .stack {
    width: calc(50% - 1rem);
    margin: 1rem;
  }
  .stack-layout .stack-layout__wrapper .collection__stack .stack:nth-of-type(even) {
    margin-right: 0;
  }
  .stack-layout .stack-layout__wrapper .collection__stack .stack:nth-of-type(odd) {
    margin-left: 0;
  }
  /* Accordion Layout*/
  .accordion-layout.stacked .accordion__heading {
    grid-column: var(--grid-columns--wide);
    margin-bottom: 0;
  }
  .accordion-layout.stacked .collection__accordion {
    grid-column: var(--grid-columns--wide);
  }
  .accordion-layout .accordion__heading {
    grid-column: var(--grid-columns--wide);
  }
  .accordion-layout .collection__accordion {
    grid-column: var(--grid-columns--wide);
    margin-top: 1em;
  }
  .accordion-layout .collection__accordion .accordion-row {
    padding: 0.75em;
    cursor: pointer;
  }
  .accordion-layout .collection__accordion .accordion-row .accordion-row__heading img {
    height: 2em;
  }
  /* Toggle Layout */
  .toggle-layout .toggle__heading {
    grid-column: var(--grid-columns--standard);
  }
  .toggle-layout .toggle__rows .toggle__rows__buttonGroup {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    overflow-x: scroll;
    grid-column: var(--grid-columns--wide);
    grid-row: 1;
    padding-bottom: 2em;
  }
  .toggle-layout .toggle__rows .toggle__rows__buttonGroup div {
    margin-right: 1em;
  }
  .toggle-layout .toggle__rows .toggle__rows__buttonGroup div h3 {
    margin: 0;
  }
  .toggle-layout .toggle__rows .toggle__rows__container {
    grid-column: var(--grid-columns--wide);
  }
  .toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content {
    display: flex;
    flex-direction: column-reverse;
  }
  .toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content .content__text {
    width: 100%;
    padding-right: unset;
  }
  .toggle-layout .toggle__rows .toggle__rows__container .toggle__rows__container__content .content__media {
    width: 100%;
  }
  /* Products Layout */
  .products-layout .content {
    margin-bottom: 2rem;
  }
  .products-layout .collection__products--highlight .swiper-wrapper .card__product {
    width: 100%;
  }
  .products-layout .collection__products--highlight--slider .swiper-wrapper {
    flex-wrap: nowrap;
  }
  .products-layout .collection__products--highlight--slider .swiper-wrapper .card__product {
    width: 45%;
    min-width: 280px;
  }
  /* People layout */
  .grid-layout .grid-layout--wrapper .collection__grid-items {
    -moz-column-count: 1;
         column-count: 1;
    margin: unset;
  }
  .grid-layout .grid-layout--wrapper .collection__grid-items .grid-item {
    padding-inline: 0;
  }
  .grid-layout .grid-layout--wrapper.has-bg {
    padding-bottom: 1rem;
  }
  /* Home Page */
  #temp__root .hero {
    aspect-ratio: unset;
    height: calc(100vh - var(--navigation-height));
  }
  #temp__root .hero .content {
    grid-column: var(--grid-columns--wide);
    grid-row: var(--grid-columns--wide);
    padding: 1rem;
  }
  #temp__root .hero figure {
    height: 100%;
    grid-column: var(--grid-columns--wide);
    grid-row: var(--grid-columns--wide);
  }
  #temp__root .hero .puff {
    bottom: 1rem;
  }
  /* About Page */
  /* Product / Archive Page */
  #archive__products .products-filter__container form ul {
    flex-wrap: wrap;
  }
  #archive__products .collection__products {
    grid-column: var(--grid-columns--standard);
  }
  #archive__products .collection__products .grid-gutter {
    width: 2rem;
  }
  #archive__products .collection__products .card__product {
    width: 100%;
  }
  /* Product-single */
  #single__products .product--hero {
    padding-top: var(--hero-top-margin);
  }
  #single__products .product--hero .product--hero__heading {
    grid-column: var(--grid-columns--wide);
  }
  #single__products .product--hero .product--hero__description {
    grid-column: var(--grid-columns--wide);
  }
  #single__products .product--hero .product--hero__media-wrapper {
    grid-column: var(--grid-columns--wide);
    padding-inline: 0;
  }
  #single__products .product--technical-details .content {
    grid-column: var(--grid-columns--standard);
    border-bottom: 1px solid var(--grey-00);
  }
  #single__products .product--technical-details .technical-details--wrapper {
    grid-column: var(--grid-columns--standard);
    display: grid;
    -moz-column-gap: var(--grid-gap);
         column-gap: var(--grid-gap);
    grid-template-columns: 1fr;
  }
  #single__products .product--technical-details .technical-details--wrapper .technical-details--content {
    margin-top: 2em;
  }
  #single__products .product--technical-details .technical-details--wrapper .technical-details--content span {
    display: inline-block;
    margin-bottom: 0.6em;
  }
  #single__products .product--technical-details .technical-details--wrapper .technical-details--content dl {
    display: grid;
    -moz-column-gap: var(--grid-gap);
         column-gap: var(--grid-gap);
    grid-template-columns: 1fr 1fr;
    margin: 0;
  }
  #single__products .product--technical-details .technical-details--wrapper .technical-details--content dl dt {
    opacity: 0.6;
  }
  #single__products .product--technical-details .technical-details--wrapper .technical-details--content dl dd {
    margin: 0;
  }
  /* News / Blog Page */
  #archive__newsNew .news__mainContent .linkedin__wrapper {
    grid-column: 1/-1;
    grid-row: 3;
    padding-top: 4rem;
    padding-left: unset;
  }
  #archive__newsNew .news__mainContent #contentNews {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #archive__newsNew .news__mainContent #contentNews .collection__news {
    grid-template-columns: 1fr;
  }
  #archive__newsNew .news__mainContent #contentEvents {
    grid-column: 1/-1;
    grid-row: 2;
  }
  #archive__newsNew .news__mainContent #contentEvents .collection__events .card__news figure {
    aspect-ratio: 3/2;
  }
  #temp__branscher .hero figure {
    aspect-ratio: 4/3;
  }
  #temp__branscher .description {
    row-gap: 2rem;
  }
  #temp__branscher .description .content__main, #temp__branscher .description .content__side--box {
    grid-column: 1/-1;
    grid-row: auto;
    padding-right: unset;
  }
  #temp__branscher .description .content__main .branscher .collection__branscher .card__branscher {
    width: 100%;
  }
  #temp__branscher .description .content__side--animation {
    display: none;
  }
  #temp__branscher .branscher .collection__branscher .card__branscher {
    grid-column: span 6;
  }
  /* News Single */
  /* Contact Page */
  #temp__contact .hero {
    padding-bottom: 280px;
  }
  #temp__contact .hero .heading, #temp__contact .hero .content {
    grid-column: span 6;
  }
  #temp__contact .hero #waving-man {
    position: absolute;
    top: auto;
    right: -3rem;
    bottom: -4rem;
    left: auto;
    width: 280px;
    transform: rotate(-55deg);
  }
  #temp__contact .contact-form .contact-form--wrapper {
    grid-column: span 6;
  }
  #temp__contact .office-locations .office-locations--collection .office-locations--row {
    grid-gap: 1rem;
    padding-block: 1rem;
  }
  #temp__contact .office-locations .office-locations--collection .office-locations--row div[class^=office-locations--row--] {
    grid-column: span 3;
  }
  #temp__contact .office-locations .office-locations--collection .office-locations--row div.office-locations--row--name {
    grid-column: span 6;
  }
  /* 404 Error */
  /* Search  */
  #temp__search .search-results .collection__search .card__search {
    grid-column: span 6;
  }
  /* index */
  .wpcf7 [data-id^=group-inner] p {
    padding-left: 1em;
  }
  .wpcf7 form span {
    width: 100%;
  }
  .wpcf7 form .wpcf7-list-item {
    margin: 0;
    padding: 0.3em 0;
  }
}
@media only screen and (max-width: 414px) {
  #temp__contact .office-locations .office-locations--collection .office-locations--row div[class^=office-locations--row--] {
    grid-column: span 6;
  }
}/*# sourceMappingURL=style.css.map */</pre></body></html>