@charset "UTF-8";
/*
Theme Name: DESMA
Theme URI: https://www.desma.biz
Author: monopage GmbH
Author URI: https://www.monopage.info
Description: DESMA Theme | 2020
Version: 1.1
Tags: responsive, clean, minimal, modern
*/
@import url("https://use.typekit.net/vfw6txo.css");
/* Media Queries ----------------------------------------------- */
@import url("https://use.typekit.net/vfw6txo.css");
:root {
  /* Spacing ----------------------------------------------- */
  --max-width: 1440px;
  --max-width-news: 1020px;
  --max-width-inner: 980px;
  --max-width-inner-small: 640px;
  --padding-top-body-mobile: 70px;
  --padding-top-body-desktop: 0;
  --margin-container-mobile: 20px;
  --margin-container-desktop: 20px;
  --margin-container-child-mobile: 10px;
  --margin-container-child-desktop: 10px;
  --margin-row-none: 0;
  --margin-row-default: -10px;
  --margin-row-medium: -30px;
  --margin-row-big: -50px;
  --gutter-col-none: 0;
  --gutter-col-default: 10px;
  --gutter-col-medium: 30px;
  --gutter-col-big: 50px;
  /* Colors ----------------------------------------------------- */
  --color-primary: #024a3c;
  --color-secondary: #00446d;
  --color-tertiary: #23282d;
  --color-dark: #000;
  --color-light: #fff;
  --color-footer: var(--color-primary);
  --color-gray-lighter: #f2f3f5;
  --color-gray-light: #e3e3e5;
  --color-gray-medium: #a2a9ad;
  --color-gray-dark: #2d3237;
  --color-dark-theme-bg: #101315;
  --color-gray-dark-theme: #171c1f;
  --color-green: #afc80a;
  --color-warm-gray: #e5d3c4;
  --color-red: #e30045;
  --color-yellow: #f6a800;
  --color-purple: #722669;
  --color-success: var(--color-green);
  --color-error: var(--color-red);
  --color-warning: var(--color-yellow);
  --color-info: var(--color-primary);
  /* Fonts ------------------------------------------------------ */
  --font-text: "Exo 2", sans-serif;
  --font-head: var(--font-text);
  --font-special: var(--font-text);
  --font-mono: "Exo 2", monospace;
  /* Font Sizes ------------------------------------------------- */
  /* --> Hero --------------------------------------------------- */
  --size-hero1-mobile: 52px;
  --lineheight-hero1-mobile: 1.35;
  --size-hero1-desktop: 62px;
  --lineheight-hero1-desktop: 1.15;
  --size-hero2-mobile: 42px;
  --lineheight-hero2-mobile: 1.35;
  --size-hero2-desktop: 52px;
  --lineheight-hero2-desktop: 1.15;
  --size-hero3-mobile: 32px;
  --lineheight-hero3-mobile: 1.35;
  --size-hero3-desktop: 42px;
  --lineheight-hero3-desktop: 1.15;
  /* --> Eyebrow ------------------------------------------------ */
  --size-eyebrow-mobile: 16px;
  --lineheight-eyebrow-mobile: 1.35;
  --size-eyebrow-desktop: 18px;
  --lineheight-eyebrow-desktop: 1.15;
  /* --> Heading ------------------------------------------------ */
  --size-h1-mobile: 30px;
  --lineheight-h1-mobile: 1.15;
  --size-h1-desktop: 3vw;
  --lineheight-h1-desktop: 1.15;
  --size-h2-mobile: 34px;
  --lineheight-h2-mobile: 1.15;
  --size-h2-desktop: 48px;
  --lineheight-h2-desktop: 1.15;
  --size-h3-mobile: 26px;
  --lineheight-h3-mobile: 1.15;
  --size-h3-desktop: 40px;
  --lineheight-h3-desktop: 1.15;
  --size-h4-mobile: 22px;
  --lineheight-h4-mobile: 1.15;
  --size-h4-desktop: 32px;
  --lineheight-h4-desktop: 1.4;
  --size-h5-mobile: 18px;
  --lineheight-h5-mobile: 1.15;
  --size-h5-desktop: 28px;
  --lineheight-h5-desktop: 1.15;
  --size-h6-mobile: 16px;
  --lineheight-h6-mobile: 1.15;
  --size-h6-desktop: 18px;
  --lineheight-h6-desktop: 1.15;
  /* --> Subtitle ----------------------------------------------- */
  --size-subtitle-mobile: 18px;
  --lineheight-subtitle-mobile: 1.35;
  --size-subtitle-desktop: 20px;
  --lineheight-subtitle-desktop: 1.15;
  /* --> Lead --------------------------------------------------- */
  --size-lead-mobile: 16px;
  --lineheight-lead-mobile: 1.5;
  --size-lead-desktop: 18px;
  --lineheight-lead-desktop: 1.75;
  /* --> Text --------------------------------------------------- */
  --size-text-mobile: 16px;
  --lineheight-text-mobile: 1.5;
  --size-text-desktop: 18px;
  --lineheight-text-desktop: 1.7;
  /* --> Small -------------------------------------------------- */
  --size-small-mobile: 12px;
  --lineheight-small-mobile: 1.7;
  --size-small-desktop: 14px;
  --lineheight-small-desktop: 1.7;
  /* --> Blockquote --------------------------------------------- */
  --size-blockquote-mobile: var(--size-h3-mobile);
  --lineheight-blockquote-mobile: var(--lineheight-h3-mobile);
  --size-blockquote-desktop: var(--size-h3-desktop);
  --lineheight-blockquote-desktop: var(--lineheight-h3-desktop);
  /* --> List --------------------------------------------------- */
  --size-list-mobile: var(--size-text-mobile);
  --lineheight-list-mobile: var(--lineheight-text-mobile);
  --size-list-desktop: var(--size-text-desktop);
  --lineheight-list-desktop: var(--lineheight-text-desktop);
  /* --> Buttons ------------------------------------------------ */
  --size-button-regular-mobile: var(--size-text-mobile);
  --lineheight-button-regular-mobile: var(--lineheight-text-mobile);
  --size-button-regular-desktop: var(--size-text-desktop);
  --lineheight-button-regular-desktop: var(--lineheight-text-desktop);
  --size-button-big-mobile: var(--size-subtitle-mobile);
  --lineheight-button-big-mobile: var(--lineheight-subtitle-mobile);
  --size-button-big-desktop: var(--size-subtitle-desktop);
  --lineheight-button-big-desktop: var(--lineheight-subtitle-desktop);
}

header .btn-open-mega-menu {
  background-color: transparent;
  border: none;
}
header .btn-open-mega-menu:hover span.nav-icon {
  background: url("/wp-content/themes/DESMA/img/nav-icon-hover.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  width: 31px;
  margin-left: 20px;
  transform: scale(1.05);
}
header span.nav-icon {
  background: url("/wp-content/themes/DESMA/img/nav-icon.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  width: 31px;
  margin-left: 20px;
  transition: all 0.2s ease-in-out;
}
header span.close-icon {
  background: url("/wp-content/themes/DESMA/img/close-icon.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  min-height: 22px;
  width: 24px;
  margin-left: 30px;
  transition: all 0.2s ease-in-out;
}
header span.close-icon:hover {
  background: url("/wp-content/themes/DESMA/img/close-icon-hover.svg") no-repeat center;
  transform: scale(1.05);
}

.mega-menu-container {
  width: auto;
  height: 100vh;
  position: fixed;
  top: 0;
}
.admin-bar .mega-menu-container {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar .mega-menu-container {
    top: 32px;
  }
}
.mega-menu-container.hidden {
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.6s 0.2s ease-out, opacity 0.6s 0.2s ease-out;
}
.mega-menu-container.hidden .mega-menu-wrapper {
  transform: translate(-580px);
}
.mega-menu-container.hidden .menu-overlay {
  visibility: hidden;
  opacity: 0;
}

.mega-menu-wrapper {
  background: var(--color-light);
  height: 100vh;
  padding-top: 20px;
  overflow: auto;
  position: static;
  width: auto;
  box-shadow: 2px 2px 26px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease;
}
.admin-bar .mega-menu-wrapper {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar .mega-menu-wrapper {
    top: 32px;
  }
}
.mega-menu-wrapper #mobile-back {
  display: none;
}
@media screen and (max-width: 1024px) {
  .mega-menu-wrapper #mobile-back {
    display: block;
    position: absolute;
    top: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .mega-menu-wrapper .sub-menu.mobile-back-in-navigation {
    display: block !important;
    opacity: 1 !important;
  }
}
.mega-menu-wrapper .menu {
  width: 500px;
}
@media screen and (max-width: 576px) {
  .mega-menu-wrapper .menu {
    width: 100vw;
  }
}
.mega-menu-wrapper .container-child {
  margin-top: 50px;
  width: auto;
  padding-right: 0 !important;
}
.mega-menu-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 24px;
}
.mega-menu-wrapper ul li {
  padding: 0;
  margin: 0;
}
.mega-menu-wrapper ul a {
  color: #2d3237;
}
.mega-menu-wrapper ul .menu-item-has-children .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background-color: var(--color-light);
  left: 0%;
  height: 100%;
  top: 0;
  width: 100%;
  padding-top: 100px;
  padding-left: 30px;
  transition: all 0.3s ease;
  margin-left: 50%;
  z-index: -1;
  transition: all 0.2s ease-in-out;
  overflow-y: scroll;
}
@media screen and (max-width: 1024px) {
  .mega-menu-wrapper ul .menu-item-has-children .sub-menu {
    left: 0;
    margin-left: 0;
    z-index: 1;
  }
}
.mega-menu-wrapper ul .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  left: 50%;
  display: block;
  visibility: visible;
}
@media screen and (max-width: 1024px) {
  .mega-menu-wrapper ul .menu-item-has-children:hover > .sub-menu {
    opacity: 0;
    display: none;
    left: 0;
  }
}
.mega-menu-wrapper ul li {
  padding-bottom: 24px;
}
.mega-menu-wrapper ul li a:hover {
  color: var(--color-primary);
}
.mega-menu-wrapper ul li.menu-item-has-children {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.mega-menu-wrapper ul li.menu-item-has-children .sub-menu {
  transition: all 0.2s ease-in-out;
}
.mega-menu-wrapper ul li.menu-item-has-children .sub-menu a::after {
  background: none;
}
.mega-menu-wrapper #open-sub-menu {
  padding-right: 30px;
  height: 15px;
}
@media screen and (max-width: 1024px) {
  .mega-menu-wrapper #open-sub-menu {
    padding-right: 40px;
  }
}
.mega-menu-wrapper .mega-menu-footer ul.menu {
  display: flex;
  flex-direction: row;
  font-size: 18px;
  list-style-type: " / ";
}
.mega-menu-wrapper .mega-menu-footer ul.menu li {
  margin-left: 20px;
  margin-bottom: 0;
}
.mega-menu-wrapper .mega-menu-footer ul.menu li:first-of-type {
  list-style-type: none;
  margin-left: 0;
}
.mega-menu-wrapper .mega-menu-footer ul.menu li a {
  font-size: 16px;
}
.mega-menu-wrapper .container-child.mega-menu-footer {
  margin-left: 0px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.mega-menu-wrapper .container-child {
  margin-left: 0px !important;
  margin-top: 20px !important;
}
.mega-menu-wrapper .social-media-menu {
  padding-left: 30px;
}

.header {
  display: flex;
  justify-content: space-between;
}
.header .flex {
  display: flex;
}
.header #main-lang-switcher.lang-switcher ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  font-size: 24px;
  margin-top: -8px;
}
.header #main-lang-switcher.lang-switcher ul li {
  padding: 0;
  margin: 0;
}
.header #main-lang-switcher.lang-switcher ul a {
  color: #626b71;
}
.header #main-lang-switcher.lang-switcher ul a:hover {
  color: var(--color-primary) !important;
}
.header #main-lang-switcher.lang-switcher ul {
  display: flex;
  margin-right: 40px;
}
.header #main-lang-switcher.lang-switcher ul li {
  padding-bottom: 0;
  padding-left: 1rem;
}
.header #main-lang-switcher.lang-switcher ul li.current-lang {
  text-decoration: underline;
  text-decoration-color: #626b71;
}

.menu-overlay {
  width: 100vw;
  height: 100vh;
  background-color: #000000;
  position: absolute;
  z-index: -2;
  visibility: visible;
  opacity: 0.5;
  transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
}

/* Media Queries ----------------------------------------------- */
:root {
  /* Spacing ----------------------------------------------- */
  --max-width: 1440px;
  --max-width-news: 1020px;
  --max-width-inner: 980px;
  --max-width-inner-small: 640px;
  --padding-top-body-mobile: 70px;
  --padding-top-body-desktop: 0;
  --margin-container-mobile: 20px;
  --margin-container-desktop: 20px;
  --margin-container-child-mobile: 10px;
  --margin-container-child-desktop: 10px;
  --margin-row-none: 0;
  --margin-row-default: -10px;
  --margin-row-medium: -30px;
  --margin-row-big: -50px;
  --gutter-col-none: 0;
  --gutter-col-default: 10px;
  --gutter-col-medium: 30px;
  --gutter-col-big: 50px;
  /* Colors ----------------------------------------------------- */
  --color-primary: #024a3c;
  --color-secondary: #00446d;
  --color-tertiary: #23282d;
  --color-dark: #000;
  --color-light: #fff;
  --color-footer: var(--color-primary);
  --color-gray-lighter: #f2f3f5;
  --color-gray-light: #e3e3e5;
  --color-gray-medium: #a2a9ad;
  --color-gray-dark: #2d3237;
  --color-dark-theme-bg: #101315;
  --color-gray-dark-theme: #171c1f;
  --color-green: #afc80a;
  --color-warm-gray: #e5d3c4;
  --color-red: #e30045;
  --color-yellow: #f6a800;
  --color-purple: #722669;
  --color-success: var(--color-green);
  --color-error: var(--color-red);
  --color-warning: var(--color-yellow);
  --color-info: var(--color-primary);
  /* Fonts ------------------------------------------------------ */
  --font-text: "Exo 2", sans-serif;
  --font-head: var(--font-text);
  --font-special: var(--font-text);
  --font-mono: "Exo 2", monospace;
  /* Font Sizes ------------------------------------------------- */
  /* --> Hero --------------------------------------------------- */
  --size-hero1-mobile: 52px;
  --lineheight-hero1-mobile: 1.35;
  --size-hero1-desktop: 62px;
  --lineheight-hero1-desktop: 1.15;
  --size-hero2-mobile: 42px;
  --lineheight-hero2-mobile: 1.35;
  --size-hero2-desktop: 52px;
  --lineheight-hero2-desktop: 1.15;
  --size-hero3-mobile: 32px;
  --lineheight-hero3-mobile: 1.35;
  --size-hero3-desktop: 42px;
  --lineheight-hero3-desktop: 1.15;
  /* --> Eyebrow ------------------------------------------------ */
  --size-eyebrow-mobile: 16px;
  --lineheight-eyebrow-mobile: 1.35;
  --size-eyebrow-desktop: 18px;
  --lineheight-eyebrow-desktop: 1.15;
  /* --> Heading ------------------------------------------------ */
  --size-h1-mobile: 30px;
  --lineheight-h1-mobile: 1.15;
  --size-h1-desktop: 3vw;
  --lineheight-h1-desktop: 1.15;
  --size-h2-mobile: 34px;
  --lineheight-h2-mobile: 1.15;
  --size-h2-desktop: 48px;
  --lineheight-h2-desktop: 1.15;
  --size-h3-mobile: 26px;
  --lineheight-h3-mobile: 1.15;
  --size-h3-desktop: 40px;
  --lineheight-h3-desktop: 1.15;
  --size-h4-mobile: 22px;
  --lineheight-h4-mobile: 1.15;
  --size-h4-desktop: 32px;
  --lineheight-h4-desktop: 1.4;
  --size-h5-mobile: 18px;
  --lineheight-h5-mobile: 1.15;
  --size-h5-desktop: 28px;
  --lineheight-h5-desktop: 1.15;
  --size-h6-mobile: 16px;
  --lineheight-h6-mobile: 1.15;
  --size-h6-desktop: 18px;
  --lineheight-h6-desktop: 1.15;
  /* --> Subtitle ----------------------------------------------- */
  --size-subtitle-mobile: 18px;
  --lineheight-subtitle-mobile: 1.35;
  --size-subtitle-desktop: 20px;
  --lineheight-subtitle-desktop: 1.15;
  /* --> Lead --------------------------------------------------- */
  --size-lead-mobile: 16px;
  --lineheight-lead-mobile: 1.5;
  --size-lead-desktop: 18px;
  --lineheight-lead-desktop: 1.75;
  /* --> Text --------------------------------------------------- */
  --size-text-mobile: 16px;
  --lineheight-text-mobile: 1.5;
  --size-text-desktop: 18px;
  --lineheight-text-desktop: 1.7;
  /* --> Small -------------------------------------------------- */
  --size-small-mobile: 12px;
  --lineheight-small-mobile: 1.7;
  --size-small-desktop: 14px;
  --lineheight-small-desktop: 1.7;
  /* --> Blockquote --------------------------------------------- */
  --size-blockquote-mobile: var(--size-h3-mobile);
  --lineheight-blockquote-mobile: var(--lineheight-h3-mobile);
  --size-blockquote-desktop: var(--size-h3-desktop);
  --lineheight-blockquote-desktop: var(--lineheight-h3-desktop);
  /* --> List --------------------------------------------------- */
  --size-list-mobile: var(--size-text-mobile);
  --lineheight-list-mobile: var(--lineheight-text-mobile);
  --size-list-desktop: var(--size-text-desktop);
  --lineheight-list-desktop: var(--lineheight-text-desktop);
  /* --> Buttons ------------------------------------------------ */
  --size-button-regular-mobile: var(--size-text-mobile);
  --lineheight-button-regular-mobile: var(--lineheight-text-mobile);
  --size-button-regular-desktop: var(--size-text-desktop);
  --lineheight-button-regular-desktop: var(--lineheight-text-desktop);
  --size-button-big-mobile: var(--size-subtitle-mobile);
  --lineheight-button-big-mobile: var(--lineheight-subtitle-mobile);
  --size-button-big-desktop: var(--size-subtitle-desktop);
  --lineheight-button-big-desktop: var(--lineheight-subtitle-desktop);
}

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

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

.blue-text {
  color: var(--color-primary) !important;
}

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

.red-text {
  color: var(--color-red) !important;
}

.yellow-text {
  color: var(--color-yellow) !important;
}

.purple-text {
  color: var(--color-purple) !important;
}

.left-text {
  text-align: left;
}

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

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

.uppercase {
  text-transform: uppercase !important;
}

.intro-text {
  font-size: 24px;
}

.use-case-text {
  font-size: 22px;
}

.fullwidth {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

.inner {
  max-width: var(--max-width);
  margin: 0 auto;
}

.inner-content {
  max-width: var(--max-width-inner);
  margin: 0 auto;
}

.inner-content-small {
  max-width: var(--max-width-inner-small);
  margin: 0 auto;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.margin-top-biggest {
  margin-top: 8rem !important;
}

.margin-top-big {
  margin-top: 4rem !important;
}

.margin-top-medium {
  margin-top: 2rem !important;
}

.margin-top-small {
  margin-top: 1rem !important;
}

.margin-top-4px {
  margin-top: 4px !important;
}

.margin-top-smallest {
  margin-top: 0.5rem !important;
}

.margin-left-biggest {
  margin-left: 8rem !important;
}

.margin-left-big {
  margin-left: 4rem !important;
}

.margin-left-medium {
  margin-left: 2rem !important;
}

.margin-left-small {
  margin-left: 1rem !important;
}

.margin-left-smallest {
  margin-left: 0.5rem !important;
}

.margin-right-biggest {
  margin-right: 8rem !important;
}

.margin-right-big {
  margin-right: 4rem !important;
}

.margin-right-medium {
  margin-right: 2rem !important;
}

.margin-right-small {
  margin-right: 1rem !important;
}

.margin-right-smallest {
  margin-right: 0.5rem !important;
}

.margin-bottom-smallest {
  margin-bottom: 0.5rem !important;
}

.margin-bottom-small {
  margin-bottom: 1rem !important;
}

.margin-bottom-medium {
  margin-bottom: 2rem !important;
}

.margin-bottom-big {
  margin-bottom: 4rem !important;
}

.margin-bottom-biggest {
  margin-bottom: 8rem !important;
}

@media screen and (max-width: 599px) {
  .mobile-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.gutter-fix.wp-block-columns .wp-block-column:first-of-type {
  flex-basis: calc(66.66% + 20px) !important;
}
@media (max-width: 781px) and (min-width: 600px) {
  .gutter-fix.wp-block-columns .wp-block-column:first-of-type {
    flex-basis: calc(50% - 10px) !important;
  }
}
@media (max-width: 781px) and (min-width: 600px) {
  .gutter-fix.wp-block-columns .wp-block-column:nth-child(2n) {
    margin-left: 20px;
    flex-basis: calc(50% - 10px) !important;
  }
}

@media (max-width: 781px) and (min-width: 600px) {
  .wp-block-column {
    flex-basis: calc(50% - 10px) !important;
  }
}

@media (max-width: 781px) and (min-width: 600px) {
  .wp-block-column:nth-child(2n) {
    margin-left: 20px;
  }
}

#desma .inner-container .highlight-icon {
  padding-top: 4px;
}
#desma .inner-container .highlight-icon .wp-block-getwid-image-box__image-container {
  max-width: 100px;
  padding-left: 30px;
}
@media screen and (max-width: 599px) {
  #desma .inner-container .highlight-icon .wp-block-getwid-image-box__image-container {
    padding-left: 0;
    max-width: 70px;
  }
}
#desma .inner-container .highlight-icon .wp-block-getwid-image-box__content {
  padding-left: 30px;
}
@media screen and (max-width: 599px) {
  #desma .inner-container .highlight-icon .wp-block-getwid-image-box__content {
    padding-left: 0;
  }
}

#desma .bg-group .wp-block-columns .wp-block-column {
  margin-left: 4rem;
}
#desma .bg-group .wp-block-columns .wp-block-column:first-child {
  margin-left: 0;
}
@media screen and (max-width: 782px) {
  #desma .bg-group .wp-block-columns .wp-block-column {
    margin: 40px auto;
    padding-right: 20px;
    width: 60%;
  }
  #desma .bg-group .wp-block-columns .wp-block-column:first-child {
    margin: 40px auto;
  }
}
@media screen and (max-width: 576px) {
  #desma .bg-group .wp-block-columns .wp-block-column {
    width: 100%;
    padding-right: 0;
  }
}
#desma .bg-group .wp-block-columns .wp-block-column .highlight-icon .wp-block-getwid-image-box__image-container {
  max-width: 90px;
}
#desma .bg-group .wp-block-columns .wp-block-column .highlight-icon .wp-block-getwid-image-box__image-container img {
  height: 90px;
}

#floating-elements.floating-elements-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  top: calc(50% - 100px);
  right: 0;
  z-index: 100000;
}
@media screen and (max-width: 576px) {
  #floating-elements.floating-elements-container {
    display: none;
  }
}
#floating-elements button {
  background-color: var(--color-primary);
  border: none;
  border-bottom: 1px solid var(--color-gray-light);
  padding: 15px 12px 12px 12px;
}
#floating-elements button span.globe-icon {
  background: url("/wp-content/themes/DESMA/img/Icon-World-24x24px.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
}
#floating-elements button span.phone-icon {
  background: url("/wp-content/themes/DESMA/img/Icon-Contact-24x24px.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
}
#floating-elements button span.share-icon {
  background: url("/wp-content/themes/DESMA/img/Icon-SocialMedia-24x24px.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  width: 24px;
}
#floating-elements #open-globe:hover span.globe-icon {
  background: url("/wp-content/themes/DESMA/img/Icon-World-blue-24x24px.svg") no-repeat center;
}
#floating-elements #open-phone:hover span.phone-icon {
  background: url("/wp-content/themes/DESMA/img/Icon-Contact-blue-24x24px.svg") no-repeat center;
}
#floating-elements #open-share:hover span.share-icon {
  background: url("/wp-content/themes/DESMA/img/Icon-SocialMedia-blue-24x24px.svg") no-repeat center;
}

.floating-elements-wrapper {
  position: relative;
}

#floating-elements-children {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  width: 540px;
  height: 55px;
  right: -500px;
  background-color: var(--color-primary);
  align-items: center;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  padding: 14px;
  z-index: -1;
  transition: right 0.6s ease;
  cursor: default;
  min-width: auto !important;
}
#floating-elements-children a {
  color: white;
}
#floating-elements-children a:hover {
  color: var(--color-green);
}

#floating-elements-children > * {
  border-right: 1px solid white;
  padding: 0 14px;
}
#floating-elements-children > *:last-child {
  border-right: none;
  padding: 0 0 0 14px;
}
#floating-elements-children > *:first-child {
  padding-left: 0;
}

#open-globe:hover #floating-elements-children,
#open-phone:hover #floating-elements-children,
#open-share:hover #floating-elements-children {
  right: 48px;
  visibility: visible;
  opacity: 1;
}

.social-icon:hover {
  fill: var(--color-green);
}

.icon-facebook {
  margin-right: 4px;
}
.icon-facebook:hover {
  fill: #4267b2;
}

.icon-youtube {
  margin-right: 4px;
}
.icon-youtube:hover {
  fill: #ff0000;
}

.icon-linkedin {
  margin-right: 4px;
}
.icon-linkedin:hover {
  fill: #0e76a8;
}

.icon-instagram:hover {
  fill: #8a3ab9;
}

.wp-block-getwid-custom-post-type__post {
  width: 300px;
}

.wp-block-getwid-custom-post-type .getwid-columns-3 {
  display: flex;
  --gap: 0px;
  --column-gap: var(--gap);
  --row-gap: var(--gap);
  margin: calc(var(--row-gap) / -2) calc(var(--column-gap) / -2);
  flex-wrap: wrap;
  --column-gap: 20px;
  --row-gap: 20px;
}

.getwid-columns.getwid-columns-3 > * {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);
  margin-top: 10px !important;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  flex-basis: calc(33.33% - 20px);
}
@media screen and (max-width: 1000px) {
  .getwid-columns.getwid-columns-3 > * {
    flex-basis: calc(50% - 20px);
  }
}
@media screen and (max-width: 599px) {
  .getwid-columns.getwid-columns-3 > * {
    flex-basis: 100% !important;
  }
}

.has-primary-blue-background-color {
  background-color: var(--color-primary) !important;
}

.has-primary-blue-color {
  color: var(--color-primary) !important;
}

.has-secondary-blue-background-color {
  background-color: var(--color-secondary) !important;
}

.has-secondary-blue-color {
  color: var(--color-secondary) !important;
}

.has-tertiary-blue-background-color {
  background-color: var(--color-tertiary) !important;
}

.has-tertiary-blue-color {
  color: var(--color-tertiary) !important;
}

.has-black-background-color {
  background-color: var(--color-dark) !important;
}

.has-black-color {
  color: var(--color-dark) !important;
}

.has-white-background-color {
  background-color: var(--color-light) !important;
}

.has-white-color {
  color: var(--color-light) !important;
}

.has-green-background-color {
  background-color: var(--color-green) !important;
}

.has-green-color {
  color: var(--color-green) !important;
}

.has-red-background-color {
  background-color: var(--color-red) !important;
}

.has-red-color {
  color: var(--color-red) !important;
}

.has-yellow-background-color {
  background-color: var(--color-yellow) !important;
}

.has-yellow-color {
  color: var(--color-yellow) !important;
}

.has-purple-background-color {
  background-color: var(--color-purple) !important;
}

.has-purple-color {
  color: var(--color-purple) !important;
}

.has-gray-lighter-background-color {
  background-color: var(--color-gray-lighter) !important;
}

.has-gray-lighter-color {
  color: var(--color-gray-lighter) !important;
}

.has-gray-light-background-color {
  background-color: var(--color-gray-light) !important;
}

.has-gray-light-color {
  color: var(--color-gray-light) !important;
}

.has-gray-medium-background-color {
  background-color: var(--color-gray-medium) !important;
}

.has-gray-medium-color {
  color: var(--color-gray-medium) !important;
}

.has-gray-dark-background-color {
  background-color: var(--color-gray-dark) !important;
}

.has-gray-dark-color {
  color: var(--color-gray-dark) !important;
}

.has-gray-darker-background-color {
  background-color: var(--color-gray-dark-bg) !important;
}

.has-gray-darker-color {
  color: var(--color-gray-dark-bg);
}

.has-dark-background-color {
  background-color: var(--color-gray-dark-theme) !important;
}

.has-dark-color {
  color: var(--color-gray-dark-theme) !important;
}

.tooltip-0::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_359.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-1::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_360.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-2::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_361.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-3::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_362.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-4::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_363.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-5::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_364.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-6::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_365.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-7::before {
  content: "";
  background: url(/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_366.svg) no-repeat;
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
}

.tooltip-8::before {
  content: "";
  background: url(/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_367.svg) no-repeat;
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
}

.tooltip-9::before {
  content: "";
  background: url(/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_368.svg) no-repeat;
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
}

.tooltip-10::before {
  content: "";
  background: url(/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_371.svg) no-repeat;
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -9px;
  top: -9px;
}

.tooltip-11::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_372.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-12::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_373.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-13::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_374.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-14::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_375.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-15::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_376.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-16::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_377.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-17::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_378.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-18::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_379.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-19::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_380.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-20::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_381.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.tooltip-plus::before {
  content: url("/wp-content/themes/DESMA/img/Desma-Icons-Gepfadet_173.svg");
  background-size: 38px;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: -10px;
  top: -10px;
}

.age-green-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/green/age-green.svg);
}

.employees-green-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/green/employees-green.svg);
}

.machines-green-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/green/machines-green.svg);
}

.orders-green-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/green/orders-green.svg);
}

.service-green-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  margin-top: -5px;
  padding-top: 0;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/green/service-green.svg);
}

.transport-green-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  margin-top: -5px;
  padding-top: 0;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/green/transport-green.svg);
}

.age-purple-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/purple/age-purple.svg);
}

.employees-purple-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/purple/employees-purple.svg);
}

.machines-purple-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/purple/machines-purple.svg);
}

.orders-purple-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/purple/orders-purple.svg);
}

.service-purple-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  margin-top: -5px;
  padding-top: 0;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/purple/service-purple.svg);
}

.age-red-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/red/age-red.svg);
}

.employees-red-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/red/employees-red.svg);
}

.machines-red-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/red/machines-red.svg);
}

.orders-red-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/red/orders-red.svg);
}

.service-red-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  margin-top: -5px;
  padding-top: 0;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/red/service-red.svg);
}

.transport-red-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  padding-top: 0;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/red/transport-red.svg);
}

.age-yellow-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/yellow/age-yellow.svg);
}

.employees-yellow-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/yellow/employees-yellow.svg);
}

.machines-yellow-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/yellow/machines-yellow.svg);
}

.orders-yellow-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  padding-top: 2px;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/yellow/orders-yellow.svg);
}

.service-yellow-icon .wp-block-getwid-counter__number::after {
  width: 48px;
  height: 48px;
  position: absolute;
  padding-left: 20px;
  padding-top: 2px;
  margin-top: -5px;
  padding-top: 0;
  content: url(/wp-content/themes/DESMA/img/icons/counter-icons/yellow/service-yellow.svg);
}

article.source_type_post {
  padding: 0;
}

.source_type_post .esg-bc.eec {
  background: linear-gradient(0deg, rgba(35, 40, 45, 0.7) 0%, rgba(35, 40, 45, 0.5) 50%, rgba(35, 40, 45, 0) 100%);
}

#desma .tabbed-content .item .item-content {
  transition: none;
}

/* exo-2-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 100;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 100;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 200;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 200;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 300;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 300;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 400;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 500;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 500;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 600;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 700;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 800;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 800;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 900;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* exo-2-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 900;
  src: url("/wp-content/themes/DESMA/fonts/exo/exo-2-v21-latin_latin-ext-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.blocks-gallery-grid .blocks-gallery-item:last-child {
  max-height: 320px;
}

.page-id-915 .bg-group .wp-block-columns .wp-block-column {
  margin-left: 20px !important;
}

.machine-park-group {
  min-height: 220px;
}

.wp-block-column .machine-park-group:last-child {
  min-height: 70px;
}

.machine-park .wp-block-column {
  width: 100%;
}
.machine-park .wp-block-column + .wp-block-column {
  margin-left: 20px !important;
}

@media screen and (max-width: 786px) {
  .machine-park {
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
  }
  .machine-park .wp-block-column {
    width: 100% !important;
    margin-bottom: 0px !important;
    padding-right: 0px !important;
  }
  .machine-park .wp-block-column + .wp-block-column {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }
  .wp-block-column .machine-park-group:last-child {
    margin-bottom: 0px !important;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  hyphens: auto;
  height: 100%;
  position: relative;
}

html {
  scroll-behavior: smooth;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  font-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-family: var(--font-text);
  font-size: var(--size-text-desktop);
  line-height: var(--lineheight-text-desktop);
  color: var(--color-dark);
  box-sizing: border-box;
}
@media screen and (max-width: 576px) {
  body {
    font-size: var(--size-text-mobile);
    line-height: var(--lineheight-text-mobile);
  }
}

.main-container-mono {
  min-height: 100vh; /* will cover the 100% of viewport */
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 290px; /* height of your footer */
}
@media screen and (max-width: 576px) {
  .main-container-mono {
    padding-bottom: 390px; /* height of your footer */
  }
}

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
*::selection {
  background: var(--color-dark);
  color: var(--color-light);
}

a,
button {
  cursor: pointer;
  outline: none;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

a {
  color: var(--color-green);
}
a:hover {
  color: var(--color-primary);
}

figure {
  margin: 0;
}

figcaption {
  color: var(--color-tertiary);
  font-size: var(--size-text-desktop);
  line-height: var(--lineheight-text-desktop);
}

hr {
  border: none;
  border-bottom: solid 1px var(--color-gray-light);
}

fieldset {
  appearance: none;
  border: none;
}

img,
svg {
  transition: all 0.3s ease;
}
img *,
svg * {
  transition: all 0.3s ease;
}

img {
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: auto;
}

strong,
b {
  font-weight: 700;
}

p {
  display: block;
  margin-block-start: 1em !important;
  margin-block-end: 1em !important;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}

@media (max-width: 781px) and (min-width: 600px) {
  .wp-block-column:nth-child(2n) {
    margin-left: 0 !important;
  }
}
small {
  display: inline-block;
  font-size: var(--size-small-mobile);
  line-height: var(--lineheight-small-mobile);
}
@media screen and (max-width: 1440px) {
  small {
    font-size: var(--size-small-desktop);
    line-height: var(--lineheight-small-desktop);
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-head);
  font-weight: 700;
  margin: 0;
  padding: 0;
  hyphens: manual;
}

h1,
.h1 {
  font-size: var(--size-h1-mobile);
  line-height: var(--lineheight-h1-mobile);
  text-transform: uppercase;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 4vw;
    line-height: var(--lineheight-h1-desktop);
  }
}
@media screen and (min-width: 1440px) {
  h1,
  .h1 {
    font-size: var(--size-h1-desktop);
    line-height: var(--lineheight-h1-desktop);
  }
}

h2,
.h2 {
  font-size: var(--size-h2-mobile);
  line-height: var(--lineheight-h2-mobile);
  text-transform: uppercase;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  h2,
  .h2 {
    font-size: var(--size-h2-desktop);
    line-height: var(--lineheight-h2-desktop);
  }
}

h3,
.h3 {
  font-size: var(--size-h3-mobile);
  line-height: var(--lineheight-h3-mobile);
  text-transform: uppercase;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  h3,
  .h3 {
    font-size: var(--size-h3-desktop);
    line-height: var(--lineheight-h3-desktop);
  }
}

h4,
.h4 {
  font-size: var(--size-h4-mobile);
  line-height: var(--lineheight-h4-mobile);
  text-transform: uppercase;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  h4,
  .h4 {
    font-size: var(--size-h4-desktop);
    line-height: var(--lineheight-h4-desktop);
  }
}

h5,
.h5 {
  font-size: var(--size-h5-mobile);
  line-height: var(--lineheight-h5-mobile);
  text-transform: uppercase;
  font-style: italic;
}
@media screen and (min-width: 1024px) {
  h5,
  .h5 {
    font-size: var(--size-h5-desktop);
    line-height: var(--lineheight-h5-desktop);
  }
}

h6,
.h6 {
  font-size: var(--size-h6-mobile);
  line-height: var(--lineheight-h6-mobile);
}
@media screen and (min-width: 1024px) {
  h6,
  .h6 {
    font-size: var(--size-h6-desktop);
    line-height: var(--lineheight-h6-desktop);
  }
}

p {
  color: var(--color-tertiary);
  font-size: var(--size-text-desktop);
  line-height: var(--lineheight-text-desktop);
}
@media screen and (max-width: 1024px) {
  p {
    font-size: var(--size-text-mobile);
    line-height: var(--lineheight-text-mobile);
  }
}

main {
  display: block;
}

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

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

a {
  background-color: transparent;
}

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

b {
  font-weight: 700;
}

strong {
  font-weight: 700;
}

code {
  font-family: monospace, monospace;
  font-size: 1em;
}

kbd {
  font-family: monospace, monospace;
  font-size: 1em;
}

samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

img {
  border-style: none;
}

button {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
}
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
}

optgroup {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

select {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  text-transform: none;
}

textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: auto;
}

[type=button] {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset] {
  -webkit-appearance: button;
}
[type=reset]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=reset]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=submit] {
  -webkit-appearance: button;
}
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

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

progress {
  vertical-align: baseline;
}

[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.hidden {
  display: none;
}

.visible {
  display: block;
}

article {
  padding: 0 20px;
}

.wp-block-columns.inner-container {
  max-width: var(--max-width-inner);
  margin: 0 auto;
}

hr.wp-block-separator {
  clear: both;
  margin-bottom: 0px;
  border: 0;
  height: 2px;
  background-image: radial-gradient(ellipse at center, rgb(5, 75, 60) 0%, rgb(5, 75, 60) 20%, rgba(0, 163, 255, 0) 90%);
  margin: 80px auto 80px auto !important;
  max-width: var(--max-width-inner);
}

.block-seperator-wide {
  max-width: 1400px !important;
}

.group-flex {
  display: flex;
  --gap: 0px;
  --column-gap: var(--gap);
  --row-gap: var(--gap);
  gap: 20px;
  flex-wrap: wrap;
  --column-gap: 20px;
  --row-gap: 20px;
}
.group-flex .wp-block-group__inner-container {
  display: flex;
  --gap: 0px;
  --column-gap: var(--gap);
  --row-gap: var(--gap);
  gap: 20px;
  flex-wrap: wrap;
  --column-gap: 20px;
  --row-gap: 20px;
}

.card-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-block-end: 0 !important;
  padding: 0;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  flex-basis: calc(33.33% - 13.33333px);
}
@media screen and (max-width: 1120px) {
  .card-link {
    flex-basis: calc(50% - 10px);
  }
}
@media screen and (max-width: 599px) {
  .card-link {
    flex-basis: 100% !important;
  }
}
.card-link:hover .card-block {
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.3);
}
.card-link:hover .abdecker {
  opacity: 0.1;
}
.card-link:hover .link-bottom {
  color: var(--color-primary);
}

.card-without-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  flex-basis: calc(33.33% - 13.3333px);
}
@media screen and (max-width: 1120px) {
  .card-without-link {
    flex-basis: calc(50% - 10px);
  }
}
@media screen and (max-width: 599px) {
  .card-without-link {
    flex-basis: 100% !important;
  }
}

.card-inactive {
  pointer-events: none;
  opacity: 50%;
}

.btn-flex-2 {
  display: flex;
  --gap: 0px;
  --column-gap: var(--gap);
  --row-gap: var(--gap);
  gap: 20px;
  flex-wrap: wrap;
  --column-gap: 20px;
  --row-gap: 20px;
  gap: 20px;
}
.btn-flex-2 .wp-block-group__inner-container {
  display: flex;
  --gap: 0px;
  --column-gap: var(--gap);
  --row-gap: var(--gap);
  gap: 20px;
  flex-wrap: wrap;
  --column-gap: 20px;
  --row-gap: 20px;
}

.btn-flex-2 .card-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 0px !important;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  flex-basis: calc(50% - 10px);
}
@media screen and (max-width: 1120px) {
  .btn-flex-2 .card-link {
    flex-basis: calc(50% - 10px);
  }
}
@media screen and (max-width: 599px) {
  .btn-flex-2 .card-link {
    flex-basis: 100% !important;
  }
}
.btn-flex-2 .card-link:hover .card-block {
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.3);
}
.btn-flex-2 .card-link:hover .abdecker {
  opacity: 0.1;
}
.btn-flex-2 .card-without-link {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  margin: calc(var(--row-gap) / 2) calc(var(--column-gap) / 2);
  margin-top: 10px !important;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  flex-basis: calc(50% - 10px);
}
@media screen and (max-width: 1120px) {
  .btn-flex-2 .card-without-link {
    flex-basis: calc(50% - 10px);
  }
}
@media screen and (max-width: 599px) {
  .btn-flex-2 .card-without-link {
    flex-basis: 100% !important;
  }
}

.faq-career .wp-block-group.inner-container {
  margin: 0;
}
.faq-career .wp-block-column {
  display: flex;
  flex-direction: column;
}
.faq-career p,
.faq-career .has-background {
  flex-grow: 1;
}

.offer-p {
  margin-top: 0px;
  margin-bottom: 32px;
}

@media screen and (max-width: 1024px) {
  .early-break-point {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  .early-break-point .wp-block-column {
    flex-basis: 100% !important;
    margin-bottom: 1rem;
  }
  .early-break-point .wp-block-column:nth-child(2n) {
    margin-left: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 782px) {
  .wp-block-column:not(:first-child) {
    margin-left: 20px;
  }
}
.wp-block-columns {
  margin-bottom: 20px;
}

.subtitle-light {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 80px;
}

a.anchor {
  display: block;
  position: relative;
  top: -112px;
  visibility: hidden;
}

/* --> Colors for Columns ----------------------------------------------- */
.wp-block-column.green {
  background-color: var(--color-green);
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-column.green p {
  color: var(--color-light);
}
.wp-block-column.green a {
  color: var(--color-light);
  text-decoration: underline;
}
.wp-block-column.yellow {
  background-color: var(--color-yellow);
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-column.yellow p {
  color: var(--color-light);
}
.wp-block-column.yellow a {
  color: var(--color-light);
  text-decoration: underline;
}
.wp-block-column.red {
  background-color: var(--color-red);
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-column.red p {
  color: var(--color-light);
}
.wp-block-column.red a {
  color: var(--color-light);
  text-decoration: underline;
}
.wp-block-column.purple {
  background-color: var(--color-purple);
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-column.purple p {
  color: var(--color-light);
}
.wp-block-column.purple a {
  color: var(--color-light);
  text-decoration: underline;
}
.wp-block-column.gray {
  background-color: var(--color-gray-lighter);
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-column.dark-gray-tile {
  background-color: var(--color-gray-dark-theme);
  padding: 40px;
  display: flex;
  flex-direction: column;
}
.wp-block-column.light-gray-tile {
  background-color: var(--color-gray-lighter);
}

article .wp-block-column ul {
  margin-left: -26px;
  list-style: none;
  /* Remove default bullets */
}
article .wp-block-column ul li::before {
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  content: "›";
  color: var(--color-primary);
  font-weight: bold;
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  font-size: 25px;
  width: 0.7em;
  margin-left: -18px;
}
article .wp-block-column .wp-block-gallery ul li::before {
  content: none;
}

.partner-site .wp-block-gallery {
  padding: 0px;
}
.partner-site .partner-grid .blocks-gallery-grid {
  margin-left: 0px !important;
}
.partner-site .wp-block-column:not(:first-child) {
  margin-left: 2em;
}
.partner-site h4 {
  margin-top: -14px;
}
@media screen and (max-width: 1024px) {
  .partner-site h4 {
    margin-top: -7px;
  }
}
.partner-site p {
  margin-top: 8px;
}

.link-list li::before {
  content: "" !important;
}
.link-list li:hover::before {
  background-repeat: no-repeat !important;
}

.btn-long {
  white-space: normal !important;
}

.container.header {
  background-color: transparent;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
.admin-bar .container.header {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar .container.header {
    top: 32px;
  }
}

.navbar.solid {
  background-color: var(--color-light);
  transition: background-color 0.2s ease 0s;
  box-shadow: 0 0 4px grey;
}

#header .container-child {
  max-width: var(--max-width);
  margin: auto;
  padding-right: var(--margin-container-desktop);
  padding-left: var(--margin-container-desktop);
  display: flex;
  padding-top: 22px;
  padding-bottom: 25px;
}
@media screen and (max-width: 1440px) {
  #header .container-child {
    padding-right: var(--margin-container-mobile);
    padding-left: var(--margin-container-mobile);
  }
}
#header .custom-logo {
  height: 25px;
  margin-top: 1px;
}

body {
  overflow-x: hidden;
}

.container.footer {
  background-color: var(--color-footer);
  width: 100%;
}
.container.footer .footer-inner {
  max-width: var(--max-width);
  padding: 40px var(--margin-container-desktop) 80px var(--margin-container-desktop);
  margin: 0 auto;
}
.container.footer .footer-inner .container-child {
  padding: var(--margin-container-child-mobile);
}
.container.footer .footer-inner .text-row {
  display: flex;
  flex-wrap: wrap;
  --modifier: calc(40rem - 100%);
}
.container.footer .footer-inner .text-row > * {
  flex-grow: 1;
  flex-basis: calc(var(--modifier) * 999);
}
.container.footer .footer-inner .bigger-flex {
  flex-grow: 1.3;
}
.container.footer .footer-inner .custom-logo {
  width: 130px;
  padding-top: 10px;
  filter: brightness(0) invert(1);
}
.container.footer .footer-inner svg {
  margin: 10px 5px;
}
.container.footer .footer-inner svg:first-child {
  margin-left: 0;
}
.container.footer .footer-inner a {
  color: var(--color-light);
}
.container.footer .footer-inner a:hover {
  color: var(--color-green);
}
.container.footer .footer-inner a:active {
  color: var(--color-green);
}
.container.footer .footer-inner ul {
  list-style-type: none;
  margin-block-start: 0;
  padding-inline-start: 0;
  padding-top: 10px;
}
.container.footer .footer-inner li {
  margin: 16px 0;
}
.container.footer .footer-inner li:first-child {
  margin: 0;
}
.container.footer .footer-inner .footer-external a::before {
  transform: rotate(-45deg);
}
.container.footer .footer-inner .footer-external a:active::before {
  transform: rotate(-45deg);
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.error-page {
  background: url("/wp-content/themes/DESMA/img/HallBackground.jpg") no-repeat center;
  background-size: cover;
  background-position: center center;
  padding: 120px 80px;
  min-height: 88vh;
}
.error-page .error-box {
  background: white;
  border-radius: 4px;
  width: auto;
  margin: 0 auto;
  max-width: 480px;
  padding: 40px;
}
.error-page .page-title {
  text-align: center;
  margin: 0 auto;
  width: auto;
  font-size: 128px;
}
.error-page .page-content {
  text-align: center;
  margin: 0 auto;
  width: auto;
}

body.page-template-page-black {
  background-color: var(--color-dark-theme-bg);
}
body.page-template-page-black .bg-group {
  background-color: var(--color-gray-dark-theme);
}
body.page-template-page-black .bg-group.no-color {
  background-color: transparent;
}
body.page-template-page-black p {
  color: var(--color-light);
}

.single.inner {
  max-width: var(--max-width-news);
  margin: 0 auto;
}
.single.inner .wp-block-group.narrow-block {
  max-width: var(--max-width-inner-small);
  margin: 100px auto;
}
.single.inner .wp-block-group.narrow-block blockquote {
  margin: 50px auto;
}

.site-content.single .narrow-content {
  margin: 100px 0;
}

.desma.test {
  color: green;
}

.bg-group {
  background-color: var(--color-gray-lighter);
  padding: 80px 20px;
}
.bg-group .wp-block-group__inner-container {
  max-width: var(--max-width-inner);
  margin: 0 auto;
}
.bg-group.wp-block-group {
  margin: 0 0 20px 0;
}
.bg-group .wp-block-columns {
  margin-bottom: 0;
}
.bg-group .wp-block-image {
  margin-bottom: 0;
}
.bg-group.fullwidth.wp-block-group {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
}

@media screen and (max-width: 782px) {
  .location-bg .wp-block-columns .wp-block-column {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .location-bg .bg-group {
    padding: 40px 20px !important;
  }
}
.light-green-link {
  color: var(--color-green);
  font-size: var(--size-text-desktop);
  transition: 0.3s ease;
}
.light-green-link::before {
  content: "›";
}
.light-green-link:hover {
  color: var(--color-primary);
  transition: all 0.3s ease;
}

.blue-link, .link-list li {
  color: var(--color-green);
  font-size: var(--size-text-desktop);
  transition: all 0.3s ease;
}
.blue-link::before, .link-list li::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/arrow-link-blue.svg") no-repeat;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
  transition: all 0.3s ease;
}
.blue-link.external::before, .link-list li::before {
  transform: rotate(-45deg);
}
.blue-link:hover, .link-list li:hover {
  color: var(--color-primary);
  transition: all 0.3s ease;
}
.blue-link:hover::before, .link-list li:hover::before {
  background: url("/wp-content/themes/DESMA/img/arrow-link-active-blue.svg");
  transition: all 0.3s ease;
}

.file::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/pdf-file-icon.svg") no-repeat;
  background-size: 24px 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  top: 6px;
  position: relative;
}
.file:hover {
  color: var(--color-secondary);
  transition: all 0.3s ease;
}
.file:hover::before {
  background: url("/wp-content/themes/DESMA/img/pdf-file-icon-hover.svg");
  transition: all 0.3s ease;
  background-size: 24px 24px;
  display: inline-block;
  width: 24x;
  height: 24px;
}

.light-link {
  color: var(--color-light);
  font-size: var(--size-text-desktop);
}
.light-link::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/arrow-link-blue.svg") no-repeat;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
}
.light-link.external::before, .link-list li.light-link::before {
  transform: rotate(-45deg);
}
.light-link:hover {
  color: var(--color-primary);
  transition: all 0.3s ease;
}
.light-link:hover::before {
  transition: all 0.3s ease;
}

.brand-button {
  font-size: var(--size-text-desktop);
  color: var(--color-primary) !important;
  text-transform: uppercase;
  line-height: 24px;
  width: auto;
  padding: 10px 20px;
  border: 2px solid var(--color-primary);
  border-radius: 13px;
  display: inline-block;
  white-space: nowrap;
}
.brand-button:hover {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  color: var(--color-green) !important;
}
.brand-button:active {
  border-color: var(--color-green);
  background-color: var(--color-primary);
}
.brand-button.Secondary {
  color: white !important;
  border: 2px solid white;
}
.brand-button.Secondary:hover {
  color: var(--color-green) !important;
  border: 2px solid var(--color-green);
}

blockquote {
  margin: 3rem auto;
  width: 700px;
  padding: 10px;
  border-left: none !important;
}
@media screen and (max-width: 1024px) {
  blockquote {
    width: 60%;
  }
}
@media screen and (max-width: 576px) {
  blockquote {
    width: 90%;
  }
}
blockquote p {
  font-style: italic;
  font-weight: bold;
  font-size: 36px;
  line-height: 130%;
  padding-left: 14px;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  text-transform: uppercase;
  position: relative;
}
blockquote p::before {
  content: "»";
  position: absolute;
  font-size: 4.75em;
  top: 0;
  left: -0.5em;
}
@media screen and (max-width: 784px) {
  blockquote p {
    font-size: 20px;
    padding: 20px 20px;
  }
}
blockquote cite {
  font-size: 16px;
  line-height: 20px;
  font-style: initial;
  padding-left: 14px;
  display: block;
  hyphens: none;
}
blockquote.quote-black p {
  color: var(--color-tertiary);
}
blockquote.quote-light p {
  color: var(--color-light);
}
blockquote.quote-purple p {
  color: var(--color-purple);
}
blockquote.quote-green-1 p {
  color: var(--color-primary);
}
blockquote.quote-green-3 p {
  color: var(--color-green);
}
blockquote.quote-red p {
  color: var(--color-red);
}
blockquote.quote-yellow p {
  color: var(--color-yellow);
}

.wp-block-getwid-tabs {
  max-width: var(--max-width-inner);
  margin: 0 auto;
}
.wp-block-getwid-tabs.red .wp-block-getwid-tabs__nav-link.ui-tabs-active {
  border-bottom: 3px solid var(--color-red);
}
.wp-block-getwid-tabs.yellow .wp-block-getwid-tabs__nav-link.ui-tabs-active {
  border-bottom: 3px solid var(--color-yellow);
}
.wp-block-getwid-tabs.green .wp-block-getwid-tabs__nav-link.ui-tabs-active {
  border-bottom: 3px solid var(--color-green);
}
.wp-block-getwid-tabs.purple .wp-block-getwid-tabs__nav-link.ui-tabs-active {
  border-bottom: 3px solid var(--color-purple);
}

.wp-block-getwid-tabs__nav-links {
  justify-content: space-evenly;
}

.wp-block-getwid-tabs__nav-link a {
  padding: 0.5em 0.75em !important;
  display: block;
  text-decoration: none;
  border: 0;
  box-shadow: none;
  font-style: italic;
  font-weight: bold;
  font-size: var(--size-h5-desktop);
  line-height: 26px;
  text-transform: uppercase;
  color: var(--color-gray-medium);
}

.wp-block-getwid-tabs__nav-link {
  border-bottom: 3px solid transparent;
}

.wp-block-getwid-tabs__nav-link.ui-tabs-active {
  border-color: #ebeef1;
  background: transparent;
  border-color: transparent;
  border-bottom: 3px solid var(--color-primary);
  font-style: italic;
  font-weight: bold;
  font-size: 24px;
  line-height: 26px;
  text-transform: uppercase;
}
.wp-block-getwid-tabs__nav-link.ui-tabs-active a {
  color: var(--color-tertiary);
}

.wp-block-getwid-tabs__tab-content {
  border: none;
  border-top: 1px solid var(--color-gray-medium);
  padding: 20px 0;
}
@media screen and (max-width: 576px) {
  .wp-block-getwid-tabs__tab-content {
    padding: 0;
  }
}
@media screen and (max-width: 576px) {
  .wp-block-getwid-tabs__tab-content p {
    padding-bottom: 20px;
  }
}
.wp-block-getwid-tabs__tab-content figure {
  padding-left: 10%;
  margin-block-start: 1em;
}
@media screen and (max-width: 576px) {
  .wp-block-getwid-tabs__tab-content figure {
    padding-left: 0;
  }
}

.wp-block-getwid-tabs__nav-link:hover {
  border: none !important;
}

.wp-block-getwid-tabs__nav-link > a:hover {
  color: blue;
}

.wp-block-cover {
  margin-bottom: 20px;
}

.wp-block-cover .wp-block-cover__inner-container {
  color: var(--color-tertiary);
  width: calc(100% - 264px);
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-column:first-of-type p:nth-child(3) {
  font-size: 24px;
}
@media screen and (max-width: 1680px) {
  .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 40px);
  }
}

/* --> Country Modifications ----------------------------------------------- */
.wp-block-cover.country-header .wp-block-column:first-of-type {
  transform: rotate(-180deg);
  writing-mode: tb;
  text-orientation: mixed;
  display: flex;
  flex-basis: 65px !important;
}
@media screen and (max-width: 600px) {
  .wp-block-cover.country-header .wp-block-column:first-of-type {
    transform: rotate(0deg);
    writing-mode: horizontal-tb;
    text-orientation: upright;
    flex-basis: 100% !important;
  }
}
.wp-block-cover.country-header .wp-block-column:first-of-type h1 {
  font-style: normal;
  padding-left: 50px;
}
.wp-block-cover.country-header .wp-block-column:first-of-type h1 span {
  font-size: var(--size-subtitle-desktop);
  vertical-align: bottom;
  line-height: 35px;
}
@media screen and (max-width: 600px) {
  .wp-block-cover.country-header .wp-block-column:first-of-type h1 {
    padding-left: 0px;
  }
}
.wp-block-cover.country-header h2,
.wp-block-cover.country-header h3,
.wp-block-cover.country-header h4,
.wp-block-cover.country-header h5,
.wp-block-cover.country-header h6 {
  font-style: normal;
  font-weight: normal;
}
@media screen and (max-width: 576px) {
  .wp-block-cover.country-header .wp-block-column {
    flex-basis: 70% !important;
  }
}

/* --> Stoerer Modifications ----------------------------------------------- */
.wp-block-cover.stoerer {
  margin-bottom: 20px;
}
.wp-block-cover.stoerer .wp-block-cover__inner-container {
  padding: 80px 0px;
  max-width: var(--max-width-inner);
}

.location-column {
  min-width: unset !important;
}
.location-column h1 {
  padding-left: 0 !important;
}

.product-header.wp-block-columns.has-background {
  padding-top: 144px;
  min-height: 720px;
}
.product-header .wp-block-column:first-of-type p:nth-child(3) {
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .product-header .wp-block-column:first-of-type {
    padding-left: 0;
  }
}
.product-header .wp-block-group__inner-container {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  padding-bottom: 20px;
}
@media screen and (max-width: 576px) {
  .product-header .wp-block-group__inner-container {
    flex-direction: column;
  }
}
.product-header .wp-block-group__inner-container div + div {
  padding-left: 20px;
}
@media screen and (max-width: 576px) {
  .product-header .wp-block-group__inner-container div + div {
    padding: 20px 0;
  }
}
.product-header .tippy-box[data-theme=light] {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  color: var(--color-tertiary);
}
.product-header .wp-block-getwid-image-hotspot__tooltip {
  padding: 10px;
  text-align: left;
}
.product-header .wp-block-getwid-image-hotspot__tooltip-content {
  font-size: var(--size-text-desktop);
}
.product-header .wp-block-getwid-image-hotspot__tooltip-content a {
  display: block;
  padding-top: 10px;
}
.product-header .wp-block-getwid-image-hotspot__tooltip-content a::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/arrow-link-blue.svg") no-repeat;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
}
.product-header .wp-block-getwid-image-hotspot__tooltip-content a:hover {
  color: var(--color-secondary);
  transition: all 0.3s ease;
}
.product-header .wp-block-getwid-image-hotspot__tooltip-content a:hover::before {
  background: url("/wp-content/themes/DESMA/img/arrow-link-active-blue.svg");
  transition: all 0.3s ease;
}
.product-header .wp-block-getwid-image-hotspot__tooltip-title {
  font-size: var(--size-text-desktop);
}
.product-header .wp-block-getwid-image-hotspot__tooltip-title span.italic {
  font-style: italic;
}
.product-header .spacing-header-image {
  height: 80px !important;
}
@media screen and (max-width: 1024px) {
  .product-header .spacing-header-image {
    height: 64px !important;
  }
}
@media screen and (max-width: 1024px) {
  .product-header .wp-block-spacer {
    display: none;
  }
}

.product-detail-grid {
  display: block;
  margin: 80px 0;
  height: 720px;
}
@media screen and (max-width: 1023px) {
  .product-detail-grid {
    height: 1120px;
  }
}
.product-detail-grid .low-image-text {
  position: absolute;
  bottom: 0;
  color: white;
  font-weight: bold;
  width: 100%;
  padding: 0 0 10px 20px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
  margin: 0;
}
.product-detail-grid .left-side {
  width: calc(50% - 10px);
  float: left;
  height: 100%;
  margin-right: 10px;
  min-height: 720px;
}
@media screen and (max-width: 1023px) {
  .product-detail-grid .left-side {
    max-height: 720px;
  }
}
.product-detail-grid .right-side {
  width: calc(50% - 10px);
  float: right;
  height: 100%;
  margin-left: 10px;
  min-height: 720px;
}
@media screen and (max-width: 1023px) {
  .product-detail-grid .right-side {
    margin-top: 20px;
    min-height: 350px;
    max-height: 350px;
  }
}
.product-detail-grid .upper-image {
  height: 350px;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 20px;
}
.product-detail-grid .lower-image {
  height: 350px;
  background-size: cover;
  background-position: center center;
  position: relative;
  margin-bottom: 20px;
}
.product-detail-grid .side-image {
  height: 720px;
  background-size: cover;
  background-position: center center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .product-detail-grid .side-image {
    max-height: 350px;
  }
}
@media screen and (max-width: 1024px) {
  .product-detail-grid .left-side,
  .product-detail-grid .right-side {
    width: 100%;
  }
}

.produkt-link-block {
  display: flex;
  background-color: var(--color-gray-lighter);
  padding-left: 1rem;
}
@media screen and (max-width: 1024px) {
  .produkt-link-block {
    margin-bottom: 1rem;
  }
}
.produkt-link-block img {
  margin-right: 1rem;
}
@media screen and (max-width: 576px) {
  .produkt-link-block p {
    padding-bottom: 0;
  }
}

.wp-block-getwid-image-box.has-text-left {
  padding-top: 1rem;
}

/*
SCSS variables and mixins
*/
/*
-------------------------------------
*/
.tabbed-content {
  max-width: 980px;
  margin: 100px auto;
}
.tabbed-content:after {
  content: "";
  display: table;
  clear: both;
}
.tabbed-content p {
  margin-top: 0;
}

.tabs ul {
  margin: 0;
  padding: 0 0 1em 0;
  font-weight: bold;
}
.tabs ul li a {
  padding: 0.5em 0;
  color: var(--color-gray-medium);
  font-size: var(--size-h5-mobile);
  line-height: var(--lineheight-h5-mobile);
  text-transform: uppercase;
  font-style: italic;
  border-bottom: 3px solid transparent;
}
@media screen and (min-width: 1024px) {
  .tabs ul li a {
    font-size: var(--size-h5-desktop);
    line-height: var(--lineheight-h5-desktop);
  }
}
.tabs ul li a:hover, .tabs ul li a.active {
  background: transparent;
  color: var(--color-tertiary);
  border-bottom: 3px solid var(--color-primary);
}

.item {
  margin-bottom: 2px;
}
.item::before {
  cursor: pointer;
  font-weight: bold;
  background: #eee;
  padding: 0.5em;
  display: block;
}
.item.active::before {
  background: transparent;
  color: var(--color-tertiary);
  border-bottom: 3px solid var(--color-primary);
}
.item.active .item-content {
  padding: 1em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.item.active .item-content p {
  margin-block-start: 0;
}

@media all and (min-width: 800px) {
  .item.active .item-content {
    padding-top: 0;
  }
  .tabs-side .tabs li {
    margin-bottom: 2px;
  }
}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.tabbed-content .tabs {
  display: none;
}
.tabbed-content .item {
  min-height: 2em;
}
.tabbed-content .item::before {
  content: attr(data-title);
}
.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}
.tabbed-content .item .item-content img {
  height: 0;
}
.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition-delay: 0s;
}
.tabbed-content .item.active .item-content img {
  height: auto;
}

@media all and (min-width: 800px) {
  .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    display: block;
  }
  .tabbed-content .item {
    min-height: 0;
  }
  .tabbed-content .item::before {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width: 30%;
    float: left;
  }
  .tabbed-content.tabs-side .tabs li {
    display: block;
  }
  .tabbed-content.tabs-side .item {
    margin-left: calc(30% + 10px);
  }
}
.product-tile-block {
  height: 420px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem;
  transition: ease-in 0.3s;
  display: flex;
  flex-direction: column;
  /* --> country tile specific ----------------------------------------------- */
}
@media screen and (max-width: 576px) {
  .product-tile-block {
    background-position: 75%;
    padding-bottom: 0.7rem;
    justify-content: space-between;
  }
}
.product-tile-block h2 {
  color: var(--color-tertiary);
}
.product-tile-block h2:last-child {
  padding-left: 3rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 576px) {
  .product-tile-block h2.h2 {
    font-size: var(--size-h5-mobile);
  }
}
@media screen and (max-width: 576px) {
  .product-tile-block .button-wrapper {
    text-align: center;
  }
}
.product-tile-block span.brand-button {
  border: 1px solid transparent;
  color: var(--color-primary);
  opacity: 0;
  transition: ease-in 0.3s;
}
@media screen and (max-width: 1024px) {
  .product-tile-block span.brand-button {
    opacity: 1;
    border: 1px solid var(--color-primary);
  }
}
@media screen and (max-width: 576px) {
  .product-tile-block span.brand-button {
    border: 1px solid transparent;
  }
}
.product-tile-block span.brand-button:hover {
  color: white;
}
.product-tile-block:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.product-tile-block:hover span.brand-button {
  opacity: 1;
  border: 2px solid var(--color-primary);
  border-radius: 13px;
}
.product-tile-block.country-specific {
  height: 336px;
  margin: 20px 0;
}
.product-tile-block.country-specific .wp-block-group__inner-container {
  margin: auto 0;
}
@media screen and (max-width: 576px) {
  .product-tile-block.country-specific {
    height: 440px;
  }
  .product-tile-block.country-specific .wp-block-group__inner-container {
    margin: 0;
  }
}
.product-tile-block.country-specific .product-tile-headings {
  max-width: var(--max-width-inner);
  margin: 0 auto;
}
.product-tile-block.country-specific .product-tile-headings .usa {
  text-transform: uppercase;
  color: var(--color-tertiary);
}
.product-tile-block.country-specific .product-tile-headings .usa::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/us.svg") no-repeat;
  background-size: auto;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
}
.product-tile-block.country-specific .product-tile-headings .slovakia {
  text-transform: uppercase;
  color: var(--color-tertiary);
}
.product-tile-block.country-specific .product-tile-headings .slovakia::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/sk.svg") no-repeat;
  background-size: auto;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
}
.product-tile-block.country-specific .product-tile-headings .india {
  text-transform: uppercase;
  color: var(--color-tertiary);
}
.product-tile-block.country-specific .product-tile-headings .india::before {
  content: "";
  background: url("/wp-content/themes/DESMA/img/in.svg") no-repeat;
  background-size: auto;
  background-size: 16px 12px;
  display: inline-block;
  width: 16px;
  height: 12px;
  margin-right: 8px;
}

.wp-block-getwid-image-box.bg-group {
  padding: 3rem;
}
@media screen and (max-width: 576px) {
  .wp-block-getwid-image-box.bg-group {
    margin-bottom: 1rem;
  }
}
.wp-block-getwid-image-box.bg-group .wp-block-getwid-image-box__content p {
  padding-right: 5rem;
}
@media screen and (max-width: 1024px) {
  .wp-block-getwid-image-box.bg-group .wp-block-getwid-image-box__content {
    margin-top: 2rem;
  }
  .wp-block-getwid-image-box.bg-group .wp-block-getwid-image-box__content p {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-getwid-image-box.bg-group.has-image-right {
    flex-direction: column-reverse;
  }
  .wp-block-getwid-image-box.bg-group.has-image-right .wp-block-getwid-image-box__image-container {
    margin: 0;
  }
}

.wp-block-getwid-image-box__image-wrapper {
  width: 100%;
}
.wp-block-getwid-image-box__image-wrapper img {
  width: 100%;
}

.wp-block-getwid-banner {
  transition: ease-in 0.3s;
}
.wp-block-getwid-banner:hover {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
.wp-block-getwid-banner .wp-block-getwid-banner__title {
  font-size: var(--size-h2-desktop);
  line-height: var(--lineheight-h2-desktop);
  color: #fff;
  text-transform: uppercase;
  font-family: var(--font-head);
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.wp-block-getwid-banner .wp-block-getwid-banner__text {
  font-weight: 700;
  opacity: 1;
  transform: none;
}

.wp-block-getwid-counter {
  transition: ease-in 0.3s;
  margin: 20px 0;
}
.wp-block-getwid-counter .wp-block-getwid-counter__number {
  font-weight: bold;
  font-size: 64px;
  line-height: 64px;
}
@media screen and (max-width: 576px) {
  .wp-block-getwid-counter .wp-block-getwid-counter__number {
    padding-top: 80px;
  }
  .wp-block-getwid-counter .wp-block-getwid-counter__number::after {
    display: block;
    margin-top: -140px;
    left: calc(50% - 58px);
  }
}
.wp-block-getwid-counter .wp-block-getwid-counter__suffix {
  font-size: 22px;
}

.machine-park-group {
  background-color: white;
  padding: 20px;
}

.wp-block-getwid-media-text-slider {
  margin-bottom: 20px;
}
.wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide__content {
  padding: 100px 16px;
}
@media screen and (max-width: 1024px) {
  .wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide__content {
    padding: 60px 16px;
  }
}
.wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide-content {
  max-width: calc(100% - 264px);
}
@media screen and (max-width: 1024px) {
  .wp-block-getwid-media-text-slider .wp-block-getwid-media-text-slider-slide-content {
    max-width: calc(100% - 70px);
  }
}
.wp-block-getwid-media-text-slider .slick-prev.slick-arrow {
  left: 80px;
}
@media screen and (max-width: 1024px) {
  .wp-block-getwid-media-text-slider .slick-prev.slick-arrow {
    display: none;
  }
}
.wp-block-getwid-media-text-slider .slick-next.slick-arrow {
  right: 80px;
}
@media screen and (max-width: 1024px) {
  .wp-block-getwid-media-text-slider .slick-next.slick-arrow {
    display: none;
  }
}

.wp-block-gallery .blocks-gallery-item figcaption {
  text-align: left;
  font-weight: 700;
  font-size: var(--size-subtitle-mobile);
}

.wp-block-getwid-icon__wrapper {
  padding-left: 0;
}

.wp-block-group.inner-container {
  max-width: var(--max-width-inner);
  margin: 0 auto;
}

.wp-block-columns.country-map .wp-block-column:last-child p {
  margin-block-start: 0;
  margin-block-end: 0;
}

.contact-persons-view .wp-block-getwid-image-box__image-container {
  margin: 0 0 10px 0;
  width: 100%;
}
.contact-persons-view .wp-block-getwid-image-box__content {
  min-height: 140px;
  align-self: flex-start;
}
.contact-persons-view .wp-block-getwid-image-box__content p {
  text-align: left;
  margin: 0;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
.contact-persons-view figure {
  margin-bottom: 0;
}
.contact-persons-view .contact-person {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  flex-basis: calc(33.33% - 13.33333px);
}
@media screen and (max-width: 1000px) {
  .contact-persons-view .contact-person {
    flex-basis: calc(50% - 10px);
  }
}
@media screen and (max-width: 599px) {
  .contact-persons-view .contact-person {
    flex-basis: 100% !important;
  }
}

.card-block {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  flex: 1;
  transition: all 0.2s ease;
}
.card-block .img {
  height: 280px;
  width: 100%;
  background-size: cover;
  background-position: 50%;
}
.card-block .img-skinner {
  position: relative;
  height: 280px;
  width: 100%;
}
.card-block .abdecker {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0;
  height: 280px;
  width: 100%;
  transition: 0.2s;
}
.card-block .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px;
  flex-grow: 1;
}
.card-block .content h5 {
  color: var(--color-dark);
  hyphens: auto;
}
.card-block .content .link-bottom {
  margin-top: auto !important;
  margin-bottom: 0px;
}

.btn-flex-2 .card-block .img {
  background-position: 60%;
}

.countdown-cover {
  padding-top: 5rem;
  padding-bottom: 4rem;
}
@media screen and (min-width: 782px) {
  .countdown-cover .wp-block-column + .wp-block-column {
    margin-left: 40px !important;
  }
}
.countdown-cover p {
  margin-top: 0.5rem;
  font-size: 20px;
  text-transform: uppercase;
  hyphens: none;
  line-height: 1.25em;
}
.countdown-cover h3 {
  margin-top: 2rem;
}
@media screen and (max-width: 725px) {
  .countdown-cover .wp-block-columns {
    flex-direction: column;
  }
}
@media screen and (max-width: 1300px) {
  .countdown-cover .wp-block-cover__inner-container {
    width: calc(100% - 70px);
  }
}
@media screen and (max-width: 500px) {
  .countdown-cover .wp-block-cover__inner-container {
    width: calc(100% - 0px);
  }
}
@media screen and (max-width: 725px) {
  .countdown-cover {
    padding-bottom: 0.5rem;
  }
  .countdown-cover .wp-block-image {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
}
.countdown-cover .countdown-amount {
  font-family: var(--font-text);
  font-weight: 700;
  font-style: italic;
}
.countdown-cover .countdown-period {
  font-family: var(--font-text);
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px !important;
}
@media screen and (max-width: 880px) {
  .countdown-cover .countdown-section {
    padding: 8px !important;
  }
}
@media screen and (min-width: 725px) {
  .countdown-cover .countdown-section:first-child {
    padding-left: 0 !important;
  }
}
@media screen and (max-width: 725px) {
  .countdown-cover .wp-block-getwid-countdown.has-horizontal-alignment-left .countdown-row {
    justify-content: center !important;
  }
}
@media screen and (max-width: 725px) {
  .countdown-cover h1,
  .countdown-cover h3,
  .countdown-cover p {
    text-align: center !important;
  }
}
@media screen and (max-width: 1300px) {
  .countdown-cover p,
  .countdown-cover .countdown-period {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 877px) {
  .countdown-cover p,
  .countdown-cover .countdown-period {
    font-size: 16px !important;
  }
}

.teaser-text-block {
  width: 70%;
  font-size: 24px;
  text-transform: uppercase;
  font-style: italic;
}
@media screen and (max-width: 940px) {
  .teaser-text-block {
    width: 100%;
    font-size: 20px !important;
  }
}

a .press {
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);
  padding: 16px 32px;
  transition: all 0.3s ease;
}
a .messe {
  display: flex;
}
@media screen and (max-width: 576px) {
  a .messe {
    flex-direction: column;
  }
}
a .messe .messe-thumbnail {
  display: flex;
  width: 300px;
  margin-right: 32px;
}
@media screen and (max-width: 576px) {
  a .messe .messe-thumbnail {
    width: 100%;
    margin-right: 0;
    justify-content: center;
    margin: 20px 0 20px 0;
  }
}
a .messe img {
  max-width: 300px;
  max-height: 150px;
}
@media screen and (max-width: 576px) {
  a .messe img {
    max-width: 200px;
  }
}
a h2 {
  transition: all 0.3s ease;
  color: var(--color-dark);
}
a .cpt-date {
  transition: all 0.3s ease;
  color: var(--color-dark);
}
a .blue-link, a .link-list li, .link-list a li {
  transition: all 0.3s ease;
}
a .blue-link::before, a .link-list li::before, .link-list a li::before {
  transition: all 0.3s ease;
}
a:hover .press {
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.3);
}
a:hover .blue-link, a:hover .link-list li, .link-list a:hover li {
  color: var(--color-secondary);
}
a:hover .blue-link::before, a:hover .link-list li::before, .link-list a:hover li::before {
  background: url("/wp-content/themes/DESMA/img/arrow-link-active-blue.svg");
}