@charset "UTF-8";
/*
Theme Name:   Digital Vision
Description:  Digital Vision Theme - Template
Author:       Digital Vision
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  digvis-trad
*/
.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

/* Base color */
/* Theme Colors */
/* The greys */
/* Transparencies */
/* Defined weights:
  * 100: -
  * 200: -
  * 300: light
  * 400: regular
  * 500: medium
  * 600: semi-bold
  * 700: bold
  * 800: -
  * 900: -
 */
:root {
  font-family: "roboto", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
  color: #000;
  text-align: left;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* Revue */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/revue-std-700.otf") format("opentype");
  font-family: "Revue";
}
/* roboto-100 - latin */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-100.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 100;
}
/* roboto-100italic - latin */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-100italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 100;
}
/* roboto-200 - latin */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-200.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 200;
}
/* roboto-200italic - latin */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-200italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 200;
}
/* roboto Light */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-300.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-300italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 300;
}
/* roboto Regular */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-400.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-400italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}
/* roboto Medium */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-500.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-500italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 500;
}
/* roboto Semi Bold */
/*@font-face {
  src: url('/wp-content/themes/theme-digitalvision/assets/fonts/roboto-600.ttf') format('truetype');
  font-family: 'roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  src: url('/wp-content/themes/theme-digitalvision/assets/fonts/roboto-600italic.ttf') format('truetype');
  font-family: 'roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 600;
}*/
/* roboto Bold */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-700.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-700italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 700;
}
/* roboto-800 - latin */
/*@font-face {
  src: url('/wp-content/themes/theme-digitalvision/assets/fonts/roboto-800.ttf') format('truetype');
  font-family: 'roboto';
  font-display: swap;
  font-style: normal;
  font-weight: 800;
}

@font-face {
  src: url('/wp-content/themes/theme-digitalvision/assets/fonts/roboto-800italic.ttf') format('truetype');
  font-family: 'roboto';
  font-display: swap;
  font-style: italic;
  font-weight: 800;
}*/
/* roboto-900 - latin */
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-900.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}
@font-face {
  src: url("/wp-content/themes/theme-digitalvision/assets/fonts/roboto-900italic.ttf") format("truetype");
  font-family: "roboto";
  font-display: swap;
  font-style: italic;
  font-weight: 900;
}
/* 231px was set in design for desktop. The other values are calculated
 * based on the coefficient between 1920 and 231 based on desktop.
 *
 * Coefficient = 0,1203 per pixel
*/
/*
 * Function to strip the unit of a number.
 * This is used for calculations between number with different units
 */
:root {
  --h-unit: 0.125vh;
  --w-unit: 0.2083333333vw;
  --grid-with: 420px;
  --grid-gutter: 5px;
  --grid-columns: 4;
  --margin: 30;
}
@media ((min-width: 481px)) {
  :root {
    --h-unit: 0.0732064422vh;
    --w-unit: 0.09765625vw;
    --grid-width: 1024px;
    --grid-gutter: 10px;
    --grid-columns: 6;
    --margin: 122;
  }
}
@media ((min-width: 1025px)) {
  :root {
    --h-unit: 0.0925925926vh;
    --w-unit: 0.0595238095vw;
    --grid-width: 1680px;
    --grid-gutter: 25px;
    --grid-columns: 12;
    --margin: 100;
  }
}

h1, h2, h3,
.h3,
.h2,
.h1 {
  margin: 0;
  padding: 0;
  font-family: "Revue";
  font-size: clamp(1.7142857143rem, 30 * var(--w-unit), 2.1428571429rem);
  font-weight: 700;
  line-height: 1;
  color: #000;
}
@media ((min-width: 481px)) {
  h1, h2, h3,
  .h3,
  .h2,
  .h1 {
    font-size: clamp(2.5714285714rem, 30 * var(--w-unit), 2.1428571429rem);
  }
}
h1--white,
.h1--white {
  color: #fff;
}

h2, h3,
.h3,
.h2 {
  font-size: clamp(1.8571428571rem, 40 * var(--w-unit), 2.5714285714rem);
  line-height: 1.25;
}
@media ((min-width: 1025px)) {
  h2, h3,
  .h3,
  .h2 {
    font-size: clamp(1.8571428571rem, 40 * var(--w-unit), 2.8571428571rem);
  }
}
@media ((min-width: 1025px)) {
  h2, h3,
  .h3,
  .h2 {
    font-size: clamp(2rem, 35 * var(--w-unit), 2.8571428571rem);
  }
}
h2--tight,
.h2--tight {
  line-height: 1.2;
}

h3,
.h3 {
  font-family: "roboto";
  font-size: 2.2142857143rem;
  font-weight: 600;
  line-height: 1.5;
}

p, p--tiny,
.p--tiny, p--increase,
.p--increase,
.btn, p--bigger,
.p--bigger,
.p {
  font-size: 1.0714285714rem;
  font-weight: 400;
  line-height: 1.5;
  color: inherit;
}
p--bigger,
.p--bigger {
  font-size: clamp(1.0714285714rem, 20 * var(--w-unit), 1.4285714286rem);
  line-height: 1.5;
}
p--increase,
.p--increase,
.btn {
  font-size: clamp(0.9285714286rem, 15 * var(--w-unit), 1.0714285714rem);
  line-height: 1.5;
}
@media ((min-width: 1025px)) {
  p--increase,
  .p--increase,
  .btn {
    font-size: 1.0714285714rem;
  }
}
p--tiny,
.p--tiny {
  font-size: 0.7142857143rem;
  line-height: 1.6;
}
p--medium,
.p--medium {
  font-size: inherit;
  font-weight: 500;
}

strong,
b,
.bold {
  font-size: inherit;
  font-weight: 700;
}

.g {
  position: relative;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  grid-column-gap: var(--grid-gutter);
  display: grid;
  width: 100%;
  max-width: var(--grid-width);
  margin: auto;
  padding: 0 min(var(--margin) * var(--w-unit), var(--margin) * 1px);
  box-sizing: border-box;
}

/* Because Mobile first */
.gi-3s10,
.gi-3-12, .gi-3s9,
.gi-3-11, .gi-3s8,
.gi-3-10, .gi-3s7,
.gi-3-9, .gi-3s6,
.gi-3-8, .gi-3s5,
.gi-3-7, .gi-3s4,
.gi-3-6, .gi-3s3,
.gi-3-5, .gi-3s2,
.gi-3-4, .gi-3s1,
.gi-3-3, .gi-2s11,
.gi-2-12, .gi-2s10,
.gi-2-11, .gi-2s9,
.gi-2-10, .gi-2s8,
.gi-2-9, .gi-2s7,
.gi-2-8, .gi-2s6,
.gi-2-7, .gi-2s5,
.gi-2-6, .gi-2s4,
.gi-2-5, .gi-2s3,
.gi-2-4, .gi-2s2,
.gi-2-3, .gi-2s1,
.gi-2-2, .gi-1s12--mobile,
.gi-1-12--mobile, .gi-1s12,
.gi-1-12, .gi-1s11--mobile,
.gi-1-11--mobile, .gi-1s11,
.gi-1-11, .gi-1s10--mobile,
.gi-1-10--mobile, .gi-1s10,
.gi-1-10, .gi-1s9--mobile,
.gi-1-9--mobile, .gi-1s9,
.gi-1-9, .gi-1s8--mobile,
.gi-1-8--mobile, .gi-1s8,
.gi-1-8, .gi-1s7--mobile,
.gi-1-7--mobile, .gi-1s7,
.gi-1-7, .gi-1s6--mobile,
.gi-1-6--mobile, .gi-1s6,
.gi-1-6, .gi-1s5--mobile,
.gi-1-5--mobile, .gi-1s5,
.gi-1-5, .gi-1s4--mobile,
.gi-1-4--mobile, .gi-1s4,
.gi-1-4, .gi-1s3--mobile,
.gi-1-3--mobile, .gi-1s3,
.gi-1-3, .gi-1s2--mobile,
.gi-1-2--mobile, .gi-1s2,
.gi-1-2, .gi-1s1--mobile,
.gi-1-1--mobile, .gi-1s1,
.gi-1-1 {
  grid-column-start: 1;
}

.gi-3-3, .gi-2-3, .gi-2-2, .gi-1-3, .gi-1-2, .gi-1-1--mobile, .gi-1-1 {
  grid-column-end: 1;
}

.gi-12s1--mobile, .gi-12s1, .gi-11s2, .gi-11s1--mobile, .gi-11s1, .gi-10s3, .gi-10s2, .gi-10s1--mobile, .gi-10s1, .gi-9s1--mobile, .gi-9s1, .gi-8s2, .gi-8s1--mobile, .gi-8s1, .gi-7s3, .gi-7s2, .gi-7s1--mobile, .gi-7s1, .gi-6s1--mobile, .gi-6s1, .gi-5s2, .gi-5s1--mobile, .gi-5s1, .gi-4s3, .gi-4s2, .gi-4s1--mobile, .gi-4s1, .gi-3s1--mobile, .gi-3s1, .gi-2s2, .gi-2s1--mobile, .gi-2s1, .gi-1s3, .gi-1s2, .gi-1s1--mobile, .gi-1s1 {
  grid-column-end: span 1;
}

.gi-6s7,
.gi-6-12, .gi-6s6,
.gi-6-11, .gi-6s5,
.gi-6-10, .gi-6s4,
.gi-6-9, .gi-6s3,
.gi-6-8, .gi-6s2,
.gi-6-7, .gi-6s1,
.gi-6-6, .gi-5s8,
.gi-5-12, .gi-5s7,
.gi-5-11, .gi-5s6,
.gi-5-10, .gi-5s5,
.gi-5-9, .gi-5s4,
.gi-5-8, .gi-5s3,
.gi-5-7, .gi-5s2,
.gi-5-6, .gi-5s1,
.gi-5-5, .gi-4s9,
.gi-4-12, .gi-4s8,
.gi-4-11, .gi-4s7,
.gi-4-10, .gi-4s6,
.gi-4-9, .gi-4s5,
.gi-4-8, .gi-4s4,
.gi-4-7, .gi-4s3,
.gi-4-6, .gi-4s2,
.gi-4-5, .gi-4s1,
.gi-4-4, .gi-2s11--mobile,
.gi-2-12--mobile, .gi-2s10--mobile,
.gi-2-11--mobile, .gi-2s9--mobile,
.gi-2-10--mobile, .gi-2s8--mobile,
.gi-2-9--mobile, .gi-2s7--mobile,
.gi-2-8--mobile, .gi-2s6--mobile,
.gi-2-7--mobile, .gi-2s5--mobile,
.gi-2-6--mobile, .gi-2s4--mobile,
.gi-2-5--mobile, .gi-2s3--mobile,
.gi-2-4--mobile, .gi-2s2--mobile,
.gi-2-3--mobile, .gi-2s1--mobile,
.gi-2-2--mobile {
  grid-column-start: 2;
}

.gi-6-6, .gi-5-6, .gi-5-5, .gi-4-6, .gi-4-5, .gi-4-4, .gi-3-6, .gi-3-5, .gi-3-4, .gi-2-6, .gi-2-5, .gi-2-4, .gi-2-2--mobile, .gi-1-2--mobile, .gi-1-4, .gi-1-5, .gi-1-6 {
  grid-column-end: 2;
}

.gi-11s2--mobile, .gi-10s2--mobile, .gi-9s4, .gi-9s3, .gi-9s2--mobile, .gi-9s2, .gi-8s5, .gi-8s4, .gi-8s3, .gi-8s2--mobile, .gi-7s6, .gi-7s5, .gi-7s4, .gi-7s2--mobile, .gi-6s4, .gi-6s3, .gi-6s2--mobile, .gi-6s2, .gi-5s5, .gi-5s4, .gi-5s3, .gi-5s2--mobile, .gi-4s6, .gi-4s5, .gi-4s4, .gi-4s2--mobile, .gi-3s4, .gi-3s3, .gi-3s2--mobile, .gi-3s2, .gi-2s5, .gi-2s4, .gi-2s3, .gi-2s2--mobile, .gi-1s2--mobile, .gi-1s4, .gi-1s5, .gi-1s6 {
  grid-column-end: span 2;
}

.gi-9s4,
.gi-9-12, .gi-9s3,
.gi-9-11, .gi-9s2,
.gi-9-10, .gi-9s1,
.gi-9-9, .gi-8s5,
.gi-8-12, .gi-8s4,
.gi-8-11, .gi-8s3,
.gi-8-10, .gi-8s2,
.gi-8-9, .gi-8s1,
.gi-8-8, .gi-7s6,
.gi-7-12, .gi-7s5,
.gi-7-11, .gi-7s4,
.gi-7-10, .gi-7s3,
.gi-7-9, .gi-7s2,
.gi-7-8, .gi-7s1,
.gi-7-7, .gi-3s10--mobile,
.gi-3-12--mobile, .gi-3s9--mobile,
.gi-3-11--mobile, .gi-3s8--mobile,
.gi-3-10--mobile, .gi-3s7--mobile,
.gi-3-9--mobile, .gi-3s6--mobile,
.gi-3-8--mobile, .gi-3s5--mobile,
.gi-3-7--mobile, .gi-3s4--mobile,
.gi-3-6--mobile, .gi-3s3--mobile,
.gi-3-5--mobile, .gi-3s2--mobile,
.gi-3-4--mobile, .gi-3s1--mobile,
.gi-3-3--mobile {
  grid-column-start: 3;
}

.gi-9-9, .gi-8-9, .gi-8-8, .gi-7-9, .gi-7-8, .gi-7-7, .gi-6-9, .gi-6-8, .gi-6-7, .gi-5-9, .gi-5-8, .gi-5-7, .gi-4-9, .gi-4-8, .gi-4-7, .gi-3-9, .gi-3-8, .gi-3-7, .gi-3-3--mobile, .gi-1-3--mobile, .gi-1-7, .gi-1-8, .gi-1-9, .gi-2-3--mobile, .gi-2-7, .gi-2-8, .gi-2-9 {
  grid-column-end: 3;
}

.gi-10s3--mobile, .gi-9s3--mobile, .gi-8s3--mobile, .gi-7s3--mobile, .gi-6s7, .gi-6s6, .gi-6s5, .gi-6s3--mobile, .gi-5s8, .gi-5s7, .gi-5s6, .gi-5s3--mobile, .gi-4s9, .gi-4s8, .gi-4s7, .gi-4s3--mobile, .gi-3s7, .gi-3s6, .gi-3s5, .gi-3s3--mobile, .gi-1s3--mobile, .gi-1s7, .gi-1s8, .gi-1s9, .gi-2s3--mobile, .gi-2s6, .gi-2s7, .gi-2s8 {
  grid-column-end: span 3;
}

.gi-12s1,
.gi-12-12, .gi-11s2,
.gi-11-12, .gi-11s1,
.gi-11-11, .gi-10s3,
.gi-10-12, .gi-10s2,
.gi-10-11, .gi-10s1,
.gi-10-10, .gi-4s9--mobile,
.gi-4-12--mobile, .gi-4s8--mobile,
.gi-4-11--mobile, .gi-4s7--mobile,
.gi-4-10--mobile, .gi-4s6--mobile,
.gi-4-9--mobile, .gi-4s5--mobile,
.gi-4-8--mobile, .gi-4s4--mobile,
.gi-4-7--mobile, .gi-4s3--mobile,
.gi-4-6--mobile, .gi-4s2--mobile,
.gi-4-5--mobile, .gi-4s1--mobile,
.gi-4-4--mobile {
  grid-column-start: 4;
}

.gi-12-12, .gi-11-12, .gi-11-11, .gi-10-12, .gi-10-11, .gi-10-10, .gi-9-12, .gi-9-11, .gi-9-10, .gi-8-12, .gi-8-11, .gi-8-10, .gi-7-12, .gi-7-11, .gi-7-10, .gi-6-12, .gi-6-11, .gi-6-10, .gi-5-12, .gi-5-11, .gi-5-10, .gi-4-12, .gi-4-11, .gi-4-10, .gi-4-4--mobile, .gi-1-4--mobile, .gi-1-10, .gi-1-11, .gi-1-12, .gi-2-4--mobile, .gi-2-10, .gi-2-11, .gi-2-12, .gi-3-4--mobile, .gi-3-10, .gi-3-11, .gi-3-12 {
  grid-column-end: 4;
}

.gi-9s4--mobile, .gi-8s4--mobile, .gi-7s4--mobile, .gi-6s4--mobile, .gi-5s4--mobile, .gi-4s4--mobile, .gi-1s4--mobile, .gi-1s10, .gi-1s11, .gi-1s12, .gi-2s4--mobile, .gi-2s9, .gi-2s10, .gi-2s11, .gi-3s4--mobile, .gi-3s8, .gi-3s9, .gi-3s10 {
  grid-column-end: span 4;
}

.gi-5s8--mobile,
.gi-5-12--mobile, .gi-5s7--mobile,
.gi-5-11--mobile, .gi-5s6--mobile,
.gi-5-10--mobile, .gi-5s5--mobile,
.gi-5-9--mobile, .gi-5s4--mobile,
.gi-5-8--mobile, .gi-5s3--mobile,
.gi-5-7--mobile, .gi-5s2--mobile,
.gi-5-6--mobile, .gi-5s1--mobile,
.gi-5-5--mobile {
  grid-column-start: 5;
}

.gi-5-5--mobile, .gi-1-5--mobile, .gi-2-5--mobile, .gi-3-5--mobile, .gi-4-5--mobile {
  grid-column-end: 5;
}

.gi-8s5--mobile, .gi-7s5--mobile, .gi-6s5--mobile, .gi-5s5--mobile, .gi-1s5--mobile, .gi-2s5--mobile, .gi-3s5--mobile, .gi-4s5--mobile {
  grid-column-end: span 5;
}

.gi-6s7--mobile,
.gi-6-12--mobile, .gi-6s6--mobile,
.gi-6-11--mobile, .gi-6s5--mobile,
.gi-6-10--mobile, .gi-6s4--mobile,
.gi-6-9--mobile, .gi-6s3--mobile,
.gi-6-8--mobile, .gi-6s2--mobile,
.gi-6-7--mobile, .gi-6s1--mobile,
.gi-6-6--mobile {
  grid-column-start: 6;
}

.gi-6-6--mobile, .gi-1-6--mobile, .gi-2-6--mobile, .gi-3-6--mobile, .gi-4-6--mobile, .gi-5-6--mobile {
  grid-column-end: 6;
}

.gi-7s6--mobile, .gi-6s6--mobile, .gi-1s6--mobile, .gi-2s6--mobile, .gi-3s6--mobile, .gi-4s6--mobile, .gi-5s6--mobile {
  grid-column-end: span 6;
}

.gi-7s6--mobile,
.gi-7-12--mobile, .gi-7s5--mobile,
.gi-7-11--mobile, .gi-7s4--mobile,
.gi-7-10--mobile, .gi-7s3--mobile,
.gi-7-9--mobile, .gi-7s2--mobile,
.gi-7-8--mobile, .gi-7s1--mobile,
.gi-7-7--mobile {
  grid-column-start: 7;
}

.gi-7-7--mobile, .gi-1-7--mobile, .gi-2-7--mobile, .gi-3-7--mobile, .gi-4-7--mobile, .gi-5-7--mobile, .gi-6-7--mobile {
  grid-column-end: 7;
}

.gi-1s7--mobile, .gi-2s7--mobile, .gi-3s7--mobile, .gi-4s7--mobile, .gi-5s7--mobile, .gi-6s7--mobile {
  grid-column-end: span 7;
}

.gi-8s5--mobile,
.gi-8-12--mobile, .gi-8s4--mobile,
.gi-8-11--mobile, .gi-8s3--mobile,
.gi-8-10--mobile, .gi-8s2--mobile,
.gi-8-9--mobile, .gi-8s1--mobile,
.gi-8-8--mobile {
  grid-column-start: 8;
}

.gi-8-8--mobile, .gi-1-8--mobile, .gi-2-8--mobile, .gi-3-8--mobile, .gi-4-8--mobile, .gi-5-8--mobile, .gi-6-8--mobile, .gi-7-8--mobile {
  grid-column-end: 8;
}

.gi-1s8--mobile, .gi-2s8--mobile, .gi-3s8--mobile, .gi-4s8--mobile, .gi-5s8--mobile {
  grid-column-end: span 8;
}

.gi-9s4--mobile,
.gi-9-12--mobile, .gi-9s3--mobile,
.gi-9-11--mobile, .gi-9s2--mobile,
.gi-9-10--mobile, .gi-9s1--mobile,
.gi-9-9--mobile {
  grid-column-start: 9;
}

.gi-9-9--mobile, .gi-1-9--mobile, .gi-2-9--mobile, .gi-3-9--mobile, .gi-4-9--mobile, .gi-5-9--mobile, .gi-6-9--mobile, .gi-7-9--mobile, .gi-8-9--mobile {
  grid-column-end: 9;
}

.gi-1s9--mobile, .gi-2s9--mobile, .gi-3s9--mobile, .gi-4s9--mobile {
  grid-column-end: span 9;
}

.gi-10s3--mobile,
.gi-10-12--mobile, .gi-10s2--mobile,
.gi-10-11--mobile, .gi-10s1--mobile,
.gi-10-10--mobile {
  grid-column-start: 10;
}

.gi-10-10--mobile, .gi-1-10--mobile, .gi-2-10--mobile, .gi-3-10--mobile, .gi-4-10--mobile, .gi-5-10--mobile, .gi-6-10--mobile, .gi-7-10--mobile, .gi-8-10--mobile, .gi-9-10--mobile {
  grid-column-end: 10;
}

.gi-1s10--mobile, .gi-2s10--mobile, .gi-3s10--mobile {
  grid-column-end: span 10;
}

.gi-11s2--mobile,
.gi-11-12--mobile, .gi-11s1--mobile,
.gi-11-11--mobile {
  grid-column-start: 11;
}

.gi-11-11--mobile, .gi-1-11--mobile, .gi-2-11--mobile, .gi-3-11--mobile, .gi-4-11--mobile, .gi-5-11--mobile, .gi-6-11--mobile, .gi-7-11--mobile, .gi-8-11--mobile, .gi-9-11--mobile, .gi-10-11--mobile {
  grid-column-end: 11;
}

.gi-1s11--mobile, .gi-2s11--mobile {
  grid-column-end: span 11;
}

.gi-12s1--mobile,
.gi-12-12--mobile {
  grid-column-start: 12;
}

.gi-12-12--mobile, .gi-1-12--mobile, .gi-2-12--mobile, .gi-3-12--mobile, .gi-4-12--mobile, .gi-5-12--mobile, .gi-6-12--mobile, .gi-7-12--mobile, .gi-8-12--mobile, .gi-9-12--mobile, .gi-10-12--mobile, .gi-11-12--mobile {
  grid-column-end: 12;
}

.gi-1s12--mobile {
  grid-column-end: span 12;
}

@media ((min-width: 481px)) {
  .gi-2s11,
  .gi-2-12, .gi-2s10,
  .gi-2-11, .gi-2s9,
  .gi-2-10, .gi-2s8,
  .gi-2-9, .gi-2s7,
  .gi-2-8, .gi-2s6,
  .gi-2-7, .gi-2s5,
  .gi-2-6, .gi-2s4,
  .gi-2-5, .gi-2s3,
  .gi-2-4, .gi-2s2,
  .gi-2-3, .gi-2s1,
  .gi-2-2, .gi-1s12--tablet-up,
  .gi-1-12--tablet-up, .gi-1s12,
  .gi-1-12, .gi-1s11--tablet-up,
  .gi-1-11--tablet-up, .gi-1s11,
  .gi-1-11, .gi-1s10--tablet-up,
  .gi-1-10--tablet-up, .gi-1s10,
  .gi-1-10, .gi-1s9--tablet-up,
  .gi-1-9--tablet-up, .gi-1s9,
  .gi-1-9, .gi-1s8--tablet-up,
  .gi-1-8--tablet-up, .gi-1s8,
  .gi-1-8, .gi-1s7--tablet-up,
  .gi-1-7--tablet-up, .gi-1s7,
  .gi-1-7, .gi-1s6--tablet-up,
  .gi-1-6--tablet-up, .gi-1s6,
  .gi-1-6, .gi-1s5--tablet-up,
  .gi-1-5--tablet-up, .gi-1s5,
  .gi-1-5, .gi-1s4--tablet-up,
  .gi-1-4--tablet-up, .gi-1s4,
  .gi-1-4, .gi-1s3--tablet-up,
  .gi-1-3--tablet-up, .gi-1s3,
  .gi-1-3, .gi-1s2--tablet-up,
  .gi-1-2--tablet-up, .gi-1s2,
  .gi-1-2, .gi-1s1--tablet-up,
  .gi-1-1--tablet-up, .gi-1s1,
  .gi-1-1 {
    grid-column-start: 1;
  }
  .gi-2-2, .gi-1-2, .gi-1-1--tablet-up, .gi-1-1 {
    grid-column-end: 1;
  }
  .gi-12s1--tablet-up, .gi-12s1, .gi-11s2, .gi-11s1--tablet-up, .gi-11s1, .gi-10s1--tablet-up, .gi-10s1, .gi-9s2, .gi-9s1--tablet-up, .gi-9s1, .gi-8s1--tablet-up, .gi-8s1, .gi-7s2, .gi-7s1--tablet-up, .gi-7s1, .gi-6s1--tablet-up, .gi-6s1, .gi-5s2, .gi-5s1--tablet-up, .gi-5s1, .gi-4s1--tablet-up, .gi-4s1, .gi-3s2, .gi-3s1--tablet-up, .gi-3s1, .gi-2s1--tablet-up, .gi-2s1, .gi-1s2, .gi-1s1--tablet-up, .gi-1s1 {
    grid-column-end: span 1;
  }
}
@media ((min-width: 481px)) {
  .gi-4s9,
  .gi-4-12, .gi-4s8,
  .gi-4-11, .gi-4s7,
  .gi-4-10, .gi-4s6,
  .gi-4-9, .gi-4s5,
  .gi-4-8, .gi-4s4,
  .gi-4-7, .gi-4s3,
  .gi-4-6, .gi-4s2,
  .gi-4-5, .gi-4s1,
  .gi-4-4, .gi-3s10,
  .gi-3-12, .gi-3s9,
  .gi-3-11, .gi-3s8,
  .gi-3-10, .gi-3s7,
  .gi-3-9, .gi-3s6,
  .gi-3-8, .gi-3s5,
  .gi-3-7, .gi-3s4,
  .gi-3-6, .gi-3s3,
  .gi-3-5, .gi-3s2,
  .gi-3-4, .gi-3s1,
  .gi-3-3, .gi-2s11--tablet-up,
  .gi-2-12--tablet-up, .gi-2s10--tablet-up,
  .gi-2-11--tablet-up, .gi-2s9--tablet-up,
  .gi-2-10--tablet-up, .gi-2s8--tablet-up,
  .gi-2-9--tablet-up, .gi-2s7--tablet-up,
  .gi-2-8--tablet-up, .gi-2s6--tablet-up,
  .gi-2-7--tablet-up, .gi-2s5--tablet-up,
  .gi-2-6--tablet-up, .gi-2s4--tablet-up,
  .gi-2-5--tablet-up, .gi-2s3--tablet-up,
  .gi-2-4--tablet-up, .gi-2s2--tablet-up,
  .gi-2-3--tablet-up, .gi-2s1--tablet-up,
  .gi-2-2--tablet-up {
    grid-column-start: 2;
  }
  .gi-4-4, .gi-3-4, .gi-3-3, .gi-2-4, .gi-2-3, .gi-2-2--tablet-up, .gi-1-2--tablet-up, .gi-1-3, .gi-1-4 {
    grid-column-end: 2;
  }
  .gi-11s2--tablet-up, .gi-10s3, .gi-10s2--tablet-up, .gi-10s2, .gi-9s4, .gi-9s3, .gi-9s2--tablet-up, .gi-8s3, .gi-8s2--tablet-up, .gi-8s2, .gi-7s4, .gi-7s3, .gi-7s2--tablet-up, .gi-6s3, .gi-6s2--tablet-up, .gi-6s2, .gi-5s4, .gi-5s3, .gi-5s2--tablet-up, .gi-4s3, .gi-4s2--tablet-up, .gi-4s2, .gi-3s4, .gi-3s3, .gi-3s2--tablet-up, .gi-2s3, .gi-2s2--tablet-up, .gi-2s2, .gi-1s2--tablet-up, .gi-1s3, .gi-1s4 {
    grid-column-end: span 2;
  }
}
@media ((min-width: 481px)) {
  .gi-6s7,
  .gi-6-12, .gi-6s6,
  .gi-6-11, .gi-6s5,
  .gi-6-10, .gi-6s4,
  .gi-6-9, .gi-6s3,
  .gi-6-8, .gi-6s2,
  .gi-6-7, .gi-6s1,
  .gi-6-6, .gi-5s8,
  .gi-5-12, .gi-5s7,
  .gi-5-11, .gi-5s6,
  .gi-5-10, .gi-5s5,
  .gi-5-9, .gi-5s4,
  .gi-5-8, .gi-5s3,
  .gi-5-7, .gi-5s2,
  .gi-5-6, .gi-5s1,
  .gi-5-5, .gi-3s10--tablet-up,
  .gi-3-12--tablet-up, .gi-3s9--tablet-up,
  .gi-3-11--tablet-up, .gi-3s8--tablet-up,
  .gi-3-10--tablet-up, .gi-3s7--tablet-up,
  .gi-3-9--tablet-up, .gi-3s6--tablet-up,
  .gi-3-8--tablet-up, .gi-3s5--tablet-up,
  .gi-3-7--tablet-up, .gi-3s4--tablet-up,
  .gi-3-6--tablet-up, .gi-3s3--tablet-up,
  .gi-3-5--tablet-up, .gi-3s2--tablet-up,
  .gi-3-4--tablet-up, .gi-3s1--tablet-up,
  .gi-3-3--tablet-up {
    grid-column-start: 3;
  }
  .gi-6-6, .gi-5-6, .gi-5-5, .gi-4-6, .gi-4-5, .gi-3-6, .gi-3-5, .gi-3-3--tablet-up, .gi-1-3--tablet-up, .gi-1-5, .gi-1-6, .gi-2-3--tablet-up, .gi-2-5, .gi-2-6 {
    grid-column-end: 3;
  }
  .gi-10s3--tablet-up, .gi-9s3--tablet-up, .gi-8s5, .gi-8s4, .gi-8s3--tablet-up, .gi-7s6, .gi-7s5, .gi-7s3--tablet-up, .gi-6s5, .gi-6s4, .gi-6s3--tablet-up, .gi-5s6, .gi-5s5, .gi-5s3--tablet-up, .gi-4s5, .gi-4s4, .gi-4s3--tablet-up, .gi-3s6, .gi-3s5, .gi-3s3--tablet-up, .gi-1s3--tablet-up, .gi-1s5, .gi-1s6, .gi-2s3--tablet-up, .gi-2s4, .gi-2s5 {
    grid-column-end: span 3;
  }
}
@media ((min-width: 481px)) {
  .gi-8s5,
  .gi-8-12, .gi-8s4,
  .gi-8-11, .gi-8s3,
  .gi-8-10, .gi-8s2,
  .gi-8-9, .gi-8s1,
  .gi-8-8, .gi-7s6,
  .gi-7-12, .gi-7s5,
  .gi-7-11, .gi-7s4,
  .gi-7-10, .gi-7s3,
  .gi-7-9, .gi-7s2,
  .gi-7-8, .gi-7s1,
  .gi-7-7, .gi-4s9--tablet-up,
  .gi-4-12--tablet-up, .gi-4s8--tablet-up,
  .gi-4-11--tablet-up, .gi-4s7--tablet-up,
  .gi-4-10--tablet-up, .gi-4s6--tablet-up,
  .gi-4-9--tablet-up, .gi-4s5--tablet-up,
  .gi-4-8--tablet-up, .gi-4s4--tablet-up,
  .gi-4-7--tablet-up, .gi-4s3--tablet-up,
  .gi-4-6--tablet-up, .gi-4s2--tablet-up,
  .gi-4-5--tablet-up, .gi-4s1--tablet-up,
  .gi-4-4--tablet-up {
    grid-column-start: 4;
  }
  .gi-8-8, .gi-7-8, .gi-7-7, .gi-6-8, .gi-6-7, .gi-5-8, .gi-5-7, .gi-4-8, .gi-4-7, .gi-4-4--tablet-up, .gi-1-4--tablet-up, .gi-1-7, .gi-1-8, .gi-2-4--tablet-up, .gi-2-7, .gi-2-8, .gi-3-4--tablet-up, .gi-3-7, .gi-3-8 {
    grid-column-end: 4;
  }
  .gi-9s4--tablet-up, .gi-8s4--tablet-up, .gi-7s4--tablet-up, .gi-6s7, .gi-6s6, .gi-6s4--tablet-up, .gi-5s8, .gi-5s7, .gi-5s4--tablet-up, .gi-4s7, .gi-4s6, .gi-4s4--tablet-up, .gi-1s4--tablet-up, .gi-1s7, .gi-1s8, .gi-2s4--tablet-up, .gi-2s6, .gi-2s7, .gi-3s4--tablet-up, .gi-3s7, .gi-3s8 {
    grid-column-end: span 4;
  }
}
@media ((min-width: 481px)) {
  .gi-10s3,
  .gi-10-12, .gi-10s2,
  .gi-10-11, .gi-10s1,
  .gi-10-10, .gi-9s4,
  .gi-9-12, .gi-9s3,
  .gi-9-11, .gi-9s2,
  .gi-9-10, .gi-9s1,
  .gi-9-9, .gi-5s8--tablet-up,
  .gi-5-12--tablet-up, .gi-5s7--tablet-up,
  .gi-5-11--tablet-up, .gi-5s6--tablet-up,
  .gi-5-10--tablet-up, .gi-5s5--tablet-up,
  .gi-5-9--tablet-up, .gi-5s4--tablet-up,
  .gi-5-8--tablet-up, .gi-5s3--tablet-up,
  .gi-5-7--tablet-up, .gi-5s2--tablet-up,
  .gi-5-6--tablet-up, .gi-5s1--tablet-up,
  .gi-5-5--tablet-up {
    grid-column-start: 5;
  }
  .gi-10-10, .gi-9-10, .gi-9-9, .gi-8-10, .gi-8-9, .gi-7-10, .gi-7-9, .gi-6-10, .gi-6-9, .gi-5-10, .gi-5-9, .gi-5-5--tablet-up, .gi-1-5--tablet-up, .gi-1-9, .gi-1-10, .gi-2-5--tablet-up, .gi-2-9, .gi-2-10, .gi-3-5--tablet-up, .gi-3-9, .gi-3-10, .gi-4-5--tablet-up, .gi-4-9, .gi-4-10 {
    grid-column-end: 5;
  }
  .gi-8s5--tablet-up, .gi-7s5--tablet-up, .gi-6s5--tablet-up, .gi-5s5--tablet-up, .gi-1s5--tablet-up, .gi-1s9, .gi-1s10, .gi-2s5--tablet-up, .gi-2s8, .gi-2s9, .gi-3s5--tablet-up, .gi-3s9, .gi-3s10, .gi-4s5--tablet-up, .gi-4s8, .gi-4s9 {
    grid-column-end: span 5;
  }
}
@media ((min-width: 481px)) {
  .gi-12s1,
  .gi-12-12, .gi-11s2,
  .gi-11-12, .gi-11s1,
  .gi-11-11, .gi-6s7--tablet-up,
  .gi-6-12--tablet-up, .gi-6s6--tablet-up,
  .gi-6-11--tablet-up, .gi-6s5--tablet-up,
  .gi-6-10--tablet-up, .gi-6s4--tablet-up,
  .gi-6-9--tablet-up, .gi-6s3--tablet-up,
  .gi-6-8--tablet-up, .gi-6s2--tablet-up,
  .gi-6-7--tablet-up, .gi-6s1--tablet-up,
  .gi-6-6--tablet-up {
    grid-column-start: 6;
  }
  .gi-12-12, .gi-11-12, .gi-11-11, .gi-10-12, .gi-10-11, .gi-9-12, .gi-9-11, .gi-8-12, .gi-8-11, .gi-7-12, .gi-7-11, .gi-6-12, .gi-6-11, .gi-6-6--tablet-up, .gi-1-6--tablet-up, .gi-1-11, .gi-1-12, .gi-2-6--tablet-up, .gi-2-11, .gi-2-12, .gi-3-6--tablet-up, .gi-3-11, .gi-3-12, .gi-4-6--tablet-up, .gi-4-11, .gi-4-12, .gi-5-6--tablet-up, .gi-5-11, .gi-5-12 {
    grid-column-end: 6;
  }
  .gi-7s6--tablet-up, .gi-6s6--tablet-up, .gi-1s6--tablet-up, .gi-1s11, .gi-1s12, .gi-2s6--tablet-up, .gi-2s10, .gi-2s11, .gi-3s6--tablet-up, .gi-4s6--tablet-up, .gi-5s6--tablet-up {
    grid-column-end: span 6;
  }
}
@media ((min-width: 481px)) {
  .gi-7s6--tablet-up,
  .gi-7-12--tablet-up, .gi-7s5--tablet-up,
  .gi-7-11--tablet-up, .gi-7s4--tablet-up,
  .gi-7-10--tablet-up, .gi-7s3--tablet-up,
  .gi-7-9--tablet-up, .gi-7s2--tablet-up,
  .gi-7-8--tablet-up, .gi-7s1--tablet-up,
  .gi-7-7--tablet-up {
    grid-column-start: 7;
  }
  .gi-7-7--tablet-up, .gi-1-7--tablet-up, .gi-2-7--tablet-up, .gi-3-7--tablet-up, .gi-4-7--tablet-up, .gi-5-7--tablet-up, .gi-6-7--tablet-up {
    grid-column-end: 7;
  }
  .gi-1s7--tablet-up, .gi-2s7--tablet-up, .gi-3s7--tablet-up, .gi-4s7--tablet-up, .gi-5s7--tablet-up, .gi-6s7--tablet-up {
    grid-column-end: span 7;
  }
}
@media ((min-width: 481px)) {
  .gi-8s5--tablet-up,
  .gi-8-12--tablet-up, .gi-8s4--tablet-up,
  .gi-8-11--tablet-up, .gi-8s3--tablet-up,
  .gi-8-10--tablet-up, .gi-8s2--tablet-up,
  .gi-8-9--tablet-up, .gi-8s1--tablet-up,
  .gi-8-8--tablet-up {
    grid-column-start: 8;
  }
  .gi-8-8--tablet-up, .gi-1-8--tablet-up, .gi-2-8--tablet-up, .gi-3-8--tablet-up, .gi-4-8--tablet-up, .gi-5-8--tablet-up, .gi-6-8--tablet-up, .gi-7-8--tablet-up {
    grid-column-end: 8;
  }
  .gi-1s8--tablet-up, .gi-2s8--tablet-up, .gi-3s8--tablet-up, .gi-4s8--tablet-up, .gi-5s8--tablet-up {
    grid-column-end: span 8;
  }
}
@media ((min-width: 481px)) {
  .gi-9s4--tablet-up,
  .gi-9-12--tablet-up, .gi-9s3--tablet-up,
  .gi-9-11--tablet-up, .gi-9s2--tablet-up,
  .gi-9-10--tablet-up, .gi-9s1--tablet-up,
  .gi-9-9--tablet-up {
    grid-column-start: 9;
  }
  .gi-9-9--tablet-up, .gi-1-9--tablet-up, .gi-2-9--tablet-up, .gi-3-9--tablet-up, .gi-4-9--tablet-up, .gi-5-9--tablet-up, .gi-6-9--tablet-up, .gi-7-9--tablet-up, .gi-8-9--tablet-up {
    grid-column-end: 9;
  }
  .gi-1s9--tablet-up, .gi-2s9--tablet-up, .gi-3s9--tablet-up, .gi-4s9--tablet-up {
    grid-column-end: span 9;
  }
}
@media ((min-width: 481px)) {
  .gi-10s3--tablet-up,
  .gi-10-12--tablet-up, .gi-10s2--tablet-up,
  .gi-10-11--tablet-up, .gi-10s1--tablet-up,
  .gi-10-10--tablet-up {
    grid-column-start: 10;
  }
  .gi-10-10--tablet-up, .gi-1-10--tablet-up, .gi-2-10--tablet-up, .gi-3-10--tablet-up, .gi-4-10--tablet-up, .gi-5-10--tablet-up, .gi-6-10--tablet-up, .gi-7-10--tablet-up, .gi-8-10--tablet-up, .gi-9-10--tablet-up {
    grid-column-end: 10;
  }
  .gi-1s10--tablet-up, .gi-2s10--tablet-up, .gi-3s10--tablet-up {
    grid-column-end: span 10;
  }
}
@media ((min-width: 481px)) {
  .gi-11s2--tablet-up,
  .gi-11-12--tablet-up, .gi-11s1--tablet-up,
  .gi-11-11--tablet-up {
    grid-column-start: 11;
  }
  .gi-11-11--tablet-up, .gi-1-11--tablet-up, .gi-2-11--tablet-up, .gi-3-11--tablet-up, .gi-4-11--tablet-up, .gi-5-11--tablet-up, .gi-6-11--tablet-up, .gi-7-11--tablet-up, .gi-8-11--tablet-up, .gi-9-11--tablet-up, .gi-10-11--tablet-up {
    grid-column-end: 11;
  }
  .gi-1s11--tablet-up, .gi-2s11--tablet-up {
    grid-column-end: span 11;
  }
}
@media ((min-width: 481px)) {
  .gi-12s1--tablet-up,
  .gi-12-12--tablet-up {
    grid-column-start: 12;
  }
  .gi-12-12--tablet-up, .gi-1-12--tablet-up, .gi-2-12--tablet-up, .gi-3-12--tablet-up, .gi-4-12--tablet-up, .gi-5-12--tablet-up, .gi-6-12--tablet-up, .gi-7-12--tablet-up, .gi-8-12--tablet-up, .gi-9-12--tablet-up, .gi-10-12--tablet-up, .gi-11-12--tablet-up {
    grid-column-end: 12;
  }
  .gi-1s12--tablet-up {
    grid-column-end: span 12;
  }
}
@media ((min-width: 1025px)) {
  .gi-1s12--desktop-up,
  .gi-1-12--desktop-up, .gi-1s12,
  .gi-1-12, .gi-1s11--desktop-up,
  .gi-1-11--desktop-up, .gi-1s11,
  .gi-1-11, .gi-1s10--desktop-up,
  .gi-1-10--desktop-up, .gi-1s10,
  .gi-1-10, .gi-1s9--desktop-up,
  .gi-1-9--desktop-up, .gi-1s9,
  .gi-1-9, .gi-1s8--desktop-up,
  .gi-1-8--desktop-up, .gi-1s8,
  .gi-1-8, .gi-1s7--desktop-up,
  .gi-1-7--desktop-up, .gi-1s7,
  .gi-1-7, .gi-1s6--desktop-up,
  .gi-1-6--desktop-up, .gi-1s6,
  .gi-1-6, .gi-1s5--desktop-up,
  .gi-1-5--desktop-up, .gi-1s5,
  .gi-1-5, .gi-1s4--desktop-up,
  .gi-1-4--desktop-up, .gi-1s4,
  .gi-1-4, .gi-1s3--desktop-up,
  .gi-1-3--desktop-up, .gi-1s3,
  .gi-1-3, .gi-1s2--desktop-up,
  .gi-1-2--desktop-up, .gi-1s2,
  .gi-1-2, .gi-1s1--desktop-up,
  .gi-1-1--desktop-up, .gi-1s1,
  .gi-1-1 {
    grid-column-start: 1;
  }
  .gi-1-1--desktop-up, .gi-1-1 {
    grid-column-end: 1;
  }
  .gi-12s1--desktop-up, .gi-12s1, .gi-11s1--desktop-up, .gi-11s1, .gi-10s1--desktop-up, .gi-10s1, .gi-9s1--desktop-up, .gi-9s1, .gi-8s1--desktop-up, .gi-8s1, .gi-7s1--desktop-up, .gi-7s1, .gi-6s1--desktop-up, .gi-6s1, .gi-5s1--desktop-up, .gi-5s1, .gi-4s1--desktop-up, .gi-4s1, .gi-3s1--desktop-up, .gi-3s1, .gi-2s1--desktop-up, .gi-2s1, .gi-1s1--desktop-up, .gi-1s1 {
    grid-column-end: span 1;
  }
}
@media ((min-width: 1025px)) {
  .gi-2s11--desktop-up,
  .gi-2-12--desktop-up, .gi-2s11,
  .gi-2-12, .gi-2s10--desktop-up,
  .gi-2-11--desktop-up, .gi-2s10,
  .gi-2-11, .gi-2s9--desktop-up,
  .gi-2-10--desktop-up, .gi-2s9,
  .gi-2-10, .gi-2s8--desktop-up,
  .gi-2-9--desktop-up, .gi-2s8,
  .gi-2-9, .gi-2s7--desktop-up,
  .gi-2-8--desktop-up, .gi-2s7,
  .gi-2-8, .gi-2s6--desktop-up,
  .gi-2-7--desktop-up, .gi-2s6,
  .gi-2-7, .gi-2s5--desktop-up,
  .gi-2-6--desktop-up, .gi-2s5,
  .gi-2-6, .gi-2s4--desktop-up,
  .gi-2-5--desktop-up, .gi-2s4,
  .gi-2-5, .gi-2s3--desktop-up,
  .gi-2-4--desktop-up, .gi-2s3,
  .gi-2-4, .gi-2s2--desktop-up,
  .gi-2-3--desktop-up, .gi-2s2,
  .gi-2-3, .gi-2s1--desktop-up,
  .gi-2-2--desktop-up, .gi-2s1,
  .gi-2-2 {
    grid-column-start: 2;
  }
  .gi-2-2--desktop-up, .gi-2-2, .gi-1-2, .gi-1-2--desktop-up {
    grid-column-end: 2;
  }
  .gi-11s2--desktop-up, .gi-11s2, .gi-10s2--desktop-up, .gi-10s2, .gi-9s2--desktop-up, .gi-9s2, .gi-8s2--desktop-up, .gi-8s2, .gi-7s2--desktop-up, .gi-7s2, .gi-6s2--desktop-up, .gi-6s2, .gi-5s2--desktop-up, .gi-5s2, .gi-4s2--desktop-up, .gi-4s2, .gi-3s2--desktop-up, .gi-3s2, .gi-2s2--desktop-up, .gi-2s2, .gi-1s2, .gi-1s2--desktop-up {
    grid-column-end: span 2;
  }
}
@media ((min-width: 1025px)) {
  .gi-3s10--desktop-up,
  .gi-3-12--desktop-up, .gi-3s10,
  .gi-3-12, .gi-3s9--desktop-up,
  .gi-3-11--desktop-up, .gi-3s9,
  .gi-3-11, .gi-3s8--desktop-up,
  .gi-3-10--desktop-up, .gi-3s8,
  .gi-3-10, .gi-3s7--desktop-up,
  .gi-3-9--desktop-up, .gi-3s7,
  .gi-3-9, .gi-3s6--desktop-up,
  .gi-3-8--desktop-up, .gi-3s6,
  .gi-3-8, .gi-3s5--desktop-up,
  .gi-3-7--desktop-up, .gi-3s5,
  .gi-3-7, .gi-3s4--desktop-up,
  .gi-3-6--desktop-up, .gi-3s4,
  .gi-3-6, .gi-3s3--desktop-up,
  .gi-3-5--desktop-up, .gi-3s3,
  .gi-3-5, .gi-3s2--desktop-up,
  .gi-3-4--desktop-up, .gi-3s2,
  .gi-3-4, .gi-3s1--desktop-up,
  .gi-3-3--desktop-up, .gi-3s1,
  .gi-3-3 {
    grid-column-start: 3;
  }
  .gi-3-3--desktop-up, .gi-3-3, .gi-1-3, .gi-1-3--desktop-up, .gi-2-3, .gi-2-3--desktop-up {
    grid-column-end: 3;
  }
  .gi-10s3--desktop-up, .gi-10s3, .gi-9s3--desktop-up, .gi-9s3, .gi-8s3--desktop-up, .gi-8s3, .gi-7s3--desktop-up, .gi-7s3, .gi-6s3--desktop-up, .gi-6s3, .gi-5s3--desktop-up, .gi-5s3, .gi-4s3--desktop-up, .gi-4s3, .gi-3s3--desktop-up, .gi-3s3, .gi-1s3, .gi-1s3--desktop-up, .gi-2s3, .gi-2s3--desktop-up {
    grid-column-end: span 3;
  }
}
@media ((min-width: 1025px)) {
  .gi-4s9--desktop-up,
  .gi-4-12--desktop-up, .gi-4s9,
  .gi-4-12, .gi-4s8--desktop-up,
  .gi-4-11--desktop-up, .gi-4s8,
  .gi-4-11, .gi-4s7--desktop-up,
  .gi-4-10--desktop-up, .gi-4s7,
  .gi-4-10, .gi-4s6--desktop-up,
  .gi-4-9--desktop-up, .gi-4s6,
  .gi-4-9, .gi-4s5--desktop-up,
  .gi-4-8--desktop-up, .gi-4s5,
  .gi-4-8, .gi-4s4--desktop-up,
  .gi-4-7--desktop-up, .gi-4s4,
  .gi-4-7, .gi-4s3--desktop-up,
  .gi-4-6--desktop-up, .gi-4s3,
  .gi-4-6, .gi-4s2--desktop-up,
  .gi-4-5--desktop-up, .gi-4s2,
  .gi-4-5, .gi-4s1--desktop-up,
  .gi-4-4--desktop-up, .gi-4s1,
  .gi-4-4 {
    grid-column-start: 4;
  }
  .gi-4-4--desktop-up, .gi-4-4, .gi-1-4, .gi-1-4--desktop-up, .gi-2-4, .gi-2-4--desktop-up, .gi-3-4, .gi-3-4--desktop-up {
    grid-column-end: 4;
  }
  .gi-9s4--desktop-up, .gi-9s4, .gi-8s4--desktop-up, .gi-8s4, .gi-7s4--desktop-up, .gi-7s4, .gi-6s4--desktop-up, .gi-6s4, .gi-5s4--desktop-up, .gi-5s4, .gi-4s4--desktop-up, .gi-4s4, .gi-1s4, .gi-1s4--desktop-up, .gi-2s4, .gi-2s4--desktop-up, .gi-3s4, .gi-3s4--desktop-up {
    grid-column-end: span 4;
  }
}
@media ((min-width: 1025px)) {
  .gi-5s8--desktop-up,
  .gi-5-12--desktop-up, .gi-5s8,
  .gi-5-12, .gi-5s7--desktop-up,
  .gi-5-11--desktop-up, .gi-5s7,
  .gi-5-11, .gi-5s6--desktop-up,
  .gi-5-10--desktop-up, .gi-5s6,
  .gi-5-10, .gi-5s5--desktop-up,
  .gi-5-9--desktop-up, .gi-5s5,
  .gi-5-9, .gi-5s4--desktop-up,
  .gi-5-8--desktop-up, .gi-5s4,
  .gi-5-8, .gi-5s3--desktop-up,
  .gi-5-7--desktop-up, .gi-5s3,
  .gi-5-7, .gi-5s2--desktop-up,
  .gi-5-6--desktop-up, .gi-5s2,
  .gi-5-6, .gi-5s1--desktop-up,
  .gi-5-5--desktop-up, .gi-5s1,
  .gi-5-5 {
    grid-column-start: 5;
  }
  .gi-5-5--desktop-up, .gi-5-5, .gi-1-5, .gi-1-5--desktop-up, .gi-2-5, .gi-2-5--desktop-up, .gi-3-5, .gi-3-5--desktop-up, .gi-4-5, .gi-4-5--desktop-up {
    grid-column-end: 5;
  }
  .gi-8s5--desktop-up, .gi-8s5, .gi-7s5--desktop-up, .gi-7s5, .gi-6s5--desktop-up, .gi-6s5, .gi-5s5--desktop-up, .gi-5s5, .gi-1s5, .gi-1s5--desktop-up, .gi-2s5, .gi-2s5--desktop-up, .gi-3s5, .gi-3s5--desktop-up, .gi-4s5, .gi-4s5--desktop-up {
    grid-column-end: span 5;
  }
}
@media ((min-width: 1025px)) {
  .gi-6s7--desktop-up,
  .gi-6-12--desktop-up, .gi-6s7,
  .gi-6-12, .gi-6s6--desktop-up,
  .gi-6-11--desktop-up, .gi-6s6,
  .gi-6-11, .gi-6s5--desktop-up,
  .gi-6-10--desktop-up, .gi-6s5,
  .gi-6-10, .gi-6s4--desktop-up,
  .gi-6-9--desktop-up, .gi-6s4,
  .gi-6-9, .gi-6s3--desktop-up,
  .gi-6-8--desktop-up, .gi-6s3,
  .gi-6-8, .gi-6s2--desktop-up,
  .gi-6-7--desktop-up, .gi-6s2,
  .gi-6-7, .gi-6s1--desktop-up,
  .gi-6-6--desktop-up, .gi-6s1,
  .gi-6-6 {
    grid-column-start: 6;
  }
  .gi-6-6--desktop-up, .gi-6-6, .gi-1-6, .gi-1-6--desktop-up, .gi-2-6, .gi-2-6--desktop-up, .gi-3-6, .gi-3-6--desktop-up, .gi-4-6, .gi-4-6--desktop-up, .gi-5-6, .gi-5-6--desktop-up {
    grid-column-end: 6;
  }
  .gi-7s6--desktop-up, .gi-7s6, .gi-6s6--desktop-up, .gi-6s6, .gi-1s6, .gi-1s6--desktop-up, .gi-2s6, .gi-2s6--desktop-up, .gi-3s6, .gi-3s6--desktop-up, .gi-4s6, .gi-4s6--desktop-up, .gi-5s6, .gi-5s6--desktop-up {
    grid-column-end: span 6;
  }
}
@media ((min-width: 1025px)) {
  .gi-7s6--desktop-up,
  .gi-7-12--desktop-up, .gi-7s6,
  .gi-7-12, .gi-7s5--desktop-up,
  .gi-7-11--desktop-up, .gi-7s5,
  .gi-7-11, .gi-7s4--desktop-up,
  .gi-7-10--desktop-up, .gi-7s4,
  .gi-7-10, .gi-7s3--desktop-up,
  .gi-7-9--desktop-up, .gi-7s3,
  .gi-7-9, .gi-7s2--desktop-up,
  .gi-7-8--desktop-up, .gi-7s2,
  .gi-7-8, .gi-7s1--desktop-up,
  .gi-7-7--desktop-up, .gi-7s1,
  .gi-7-7 {
    grid-column-start: 7;
  }
  .gi-7-7--desktop-up, .gi-7-7, .gi-1-7, .gi-1-7--desktop-up, .gi-2-7, .gi-2-7--desktop-up, .gi-3-7, .gi-3-7--desktop-up, .gi-4-7, .gi-4-7--desktop-up, .gi-5-7, .gi-5-7--desktop-up, .gi-6-7, .gi-6-7--desktop-up {
    grid-column-end: 7;
  }
  .gi-1s7, .gi-1s7--desktop-up, .gi-2s7, .gi-2s7--desktop-up, .gi-3s7, .gi-3s7--desktop-up, .gi-4s7, .gi-4s7--desktop-up, .gi-5s7, .gi-5s7--desktop-up, .gi-6s7, .gi-6s7--desktop-up {
    grid-column-end: span 7;
  }
}
@media ((min-width: 1025px)) {
  .gi-8s5--desktop-up,
  .gi-8-12--desktop-up, .gi-8s5,
  .gi-8-12, .gi-8s4--desktop-up,
  .gi-8-11--desktop-up, .gi-8s4,
  .gi-8-11, .gi-8s3--desktop-up,
  .gi-8-10--desktop-up, .gi-8s3,
  .gi-8-10, .gi-8s2--desktop-up,
  .gi-8-9--desktop-up, .gi-8s2,
  .gi-8-9, .gi-8s1--desktop-up,
  .gi-8-8--desktop-up, .gi-8s1,
  .gi-8-8 {
    grid-column-start: 8;
  }
  .gi-8-8--desktop-up, .gi-8-8, .gi-1-8, .gi-1-8--desktop-up, .gi-2-8, .gi-2-8--desktop-up, .gi-3-8, .gi-3-8--desktop-up, .gi-4-8, .gi-4-8--desktop-up, .gi-5-8, .gi-5-8--desktop-up, .gi-6-8, .gi-6-8--desktop-up, .gi-7-8, .gi-7-8--desktop-up {
    grid-column-end: 8;
  }
  .gi-1s8, .gi-1s8--desktop-up, .gi-2s8, .gi-2s8--desktop-up, .gi-3s8, .gi-3s8--desktop-up, .gi-4s8, .gi-4s8--desktop-up, .gi-5s8, .gi-5s8--desktop-up {
    grid-column-end: span 8;
  }
}
@media ((min-width: 1025px)) {
  .gi-9s4--desktop-up,
  .gi-9-12--desktop-up, .gi-9s4,
  .gi-9-12, .gi-9s3--desktop-up,
  .gi-9-11--desktop-up, .gi-9s3,
  .gi-9-11, .gi-9s2--desktop-up,
  .gi-9-10--desktop-up, .gi-9s2,
  .gi-9-10, .gi-9s1--desktop-up,
  .gi-9-9--desktop-up, .gi-9s1,
  .gi-9-9 {
    grid-column-start: 9;
  }
  .gi-9-9--desktop-up, .gi-9-9, .gi-1-9, .gi-1-9--desktop-up, .gi-2-9, .gi-2-9--desktop-up, .gi-3-9, .gi-3-9--desktop-up, .gi-4-9, .gi-4-9--desktop-up, .gi-5-9, .gi-5-9--desktop-up, .gi-6-9, .gi-6-9--desktop-up, .gi-7-9, .gi-7-9--desktop-up, .gi-8-9, .gi-8-9--desktop-up {
    grid-column-end: 9;
  }
  .gi-1s9, .gi-1s9--desktop-up, .gi-2s9, .gi-2s9--desktop-up, .gi-3s9, .gi-3s9--desktop-up, .gi-4s9, .gi-4s9--desktop-up {
    grid-column-end: span 9;
  }
}
@media ((min-width: 1025px)) {
  .gi-10s3--desktop-up,
  .gi-10-12--desktop-up, .gi-10s3,
  .gi-10-12, .gi-10s2--desktop-up,
  .gi-10-11--desktop-up, .gi-10s2,
  .gi-10-11, .gi-10s1--desktop-up,
  .gi-10-10--desktop-up, .gi-10s1,
  .gi-10-10 {
    grid-column-start: 10;
  }
  .gi-10-10--desktop-up, .gi-10-10, .gi-1-10, .gi-1-10--desktop-up, .gi-2-10, .gi-2-10--desktop-up, .gi-3-10, .gi-3-10--desktop-up, .gi-4-10, .gi-4-10--desktop-up, .gi-5-10, .gi-5-10--desktop-up, .gi-6-10, .gi-6-10--desktop-up, .gi-7-10, .gi-7-10--desktop-up, .gi-8-10, .gi-8-10--desktop-up, .gi-9-10, .gi-9-10--desktop-up {
    grid-column-end: 10;
  }
  .gi-1s10, .gi-1s10--desktop-up, .gi-2s10, .gi-2s10--desktop-up, .gi-3s10, .gi-3s10--desktop-up {
    grid-column-end: span 10;
  }
}
@media ((min-width: 1025px)) {
  .gi-11s2--desktop-up,
  .gi-11-12--desktop-up, .gi-11s2,
  .gi-11-12, .gi-11s1--desktop-up,
  .gi-11-11--desktop-up, .gi-11s1,
  .gi-11-11 {
    grid-column-start: 11;
  }
  .gi-11-11--desktop-up, .gi-11-11, .gi-1-11, .gi-1-11--desktop-up, .gi-2-11, .gi-2-11--desktop-up, .gi-3-11, .gi-3-11--desktop-up, .gi-4-11, .gi-4-11--desktop-up, .gi-5-11, .gi-5-11--desktop-up, .gi-6-11, .gi-6-11--desktop-up, .gi-7-11, .gi-7-11--desktop-up, .gi-8-11, .gi-8-11--desktop-up, .gi-9-11, .gi-9-11--desktop-up, .gi-10-11, .gi-10-11--desktop-up {
    grid-column-end: 11;
  }
  .gi-1s11, .gi-1s11--desktop-up, .gi-2s11, .gi-2s11--desktop-up {
    grid-column-end: span 11;
  }
}
@media ((min-width: 1025px)) {
  .gi-12s1--desktop-up,
  .gi-12-12--desktop-up, .gi-12s1,
  .gi-12-12 {
    grid-column-start: 12;
  }
  .gi-12-12--desktop-up, .gi-12-12, .gi-1-12, .gi-1-12--desktop-up, .gi-2-12, .gi-2-12--desktop-up, .gi-3-12, .gi-3-12--desktop-up, .gi-4-12, .gi-4-12--desktop-up, .gi-5-12, .gi-5-12--desktop-up, .gi-6-12, .gi-6-12--desktop-up, .gi-7-12, .gi-7-12--desktop-up, .gi-8-12, .gi-8-12--desktop-up, .gi-9-12, .gi-9-12--desktop-up, .gi-10-12, .gi-10-12--desktop-up, .gi-11-12, .gi-11-12--desktop-up {
    grid-column-end: 12;
  }
  .gi-1s12, .gi-1s12--desktop-up {
    grid-column-end: span 12;
  }
}
.hidden {
  display: none !important;
}
@media (max-width: 480px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media (min-width: 481px) and (max-width: 1024px) {
  .hidden-tablet {
    display: none !important;
  }
}
@media (min-width: 481px) {
  .hidden-tablet-up {
    display: none !important;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .hidden-desktop-up {
    display: none !important;
  }
}
@media (min-width: 1441px) {
  .hidden-desktop-xl {
    display: none !important;
  }
}

.fixed {
  width: 100vw;
  overflow: hidden;
}

.screenreader__only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  color: white;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.debug {
  position: relative;
  z-index: 999999999;
  display: block;
  max-width: 80%;
  margin: 0 auto 20px;
  padding: 10px;
  border: 1px solid #ff0000;
  font-size: 1em;
  line-height: 1.5;
}
.debug__pre {
  margin: 0;
  white-space: pre-wrap;
}

body {
  flex-direction: column;
  display: flex;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

main,
.main {
  flex: 1 0 auto;
}

.rank-math-breadcrumb {
  color: #a7a7a7;
}
.rank-math-breadcrumb a, .rank-math-breadcrumb span {
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1.0714285714rem);
}

/* Style de base pour le collapse */
.collapse {
  display: none;
}

/* Style pour le lien parent */
.collapse-parent {
  cursor: pointer;
}

@media ((min-width: 1025px)) {
  .user_profile {
    display: flex;
    flex-direction: row;
  }
}
.user_profile__main {
  box-sizing: border-box;
}
@media ((min-width: 1025px)) {
  .user_profile__main {
    width: calc(100% - 250px);
    max-width: calc(100% - 250px);
    flex: 0 0 calc(100% - 250px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
  }
}
.user_profile__header {
  overflow: hidden;
}
@media ((min-width: 1025px)) {
  .user_profile__header {
    width: 250px;
    max-width: 250px;
    flex: 0 0 250px;
    position: sticky !important;
    top: 0;
    height: 100vh;
  }
}
.user_profile__header__content {
  width: 100%;
}
@media ((min-width: 1025px)) {
  .user_profile__header__content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.user_profile__header__nav {
  list-style: none;
  margin: 0;
  padding: 0 20px;
}
.user_profile__header__nav__item {
  padding: 10px 0;
}
.user_profile__header__nav__item-link {
  display: flex;
  flex-direction: row;
  font-size: clamp(1.1428571429rem, 16 * var(--w-unit), 1.2857142857rem);
  font-weight: 400;
}
.user_profile__header__nav__item-link-icon {
  width: 18px;
  height: 20px;
  margin: auto 10px auto 0;
}
.user_profile__header__wrapper {
  background: #f6f6f6;
  width: 100%;
}
@media ((min-width: 1025px)) {
  .user_profile__header__wrapper {
    height: 100%;
  }
}
.user_profile__header__logo {
  display: block;
  background: #f51a00;
  padding: 10px 20px;
}
.user_profile__header__logo span {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -9999em;
  top: -9999em;
  width: 0;
  height: 0;
  overflow: hidden;
}
.user_profile__header__logo svg {
  height: 35px;
  width: 100%;
  object-fit: contain;
}
.user_profile__header__footer__coordinates {
  padding: 0 20px;
}
.user_profile__header__footer__coordinates-link {
  display: block;
}
.user_profile__header__footer__logout {
  padding: 30px 20px;
  display: flex;
  flex-direction: row;
}
.user_profile__header__footer__logout-icon {
  width: 18px;
  height: 20px;
  margin: auto 10px auto 0;
}
.user_profile .stage {
  margin-bottom: 0;
}
.user_profile .stage-small {
  background: none;
  margin-top: 0;
  padding: 75px 0;
  margin-bottom: 0;
}
.user_profile .stage-small__headline {
  margin-bottom: 10px;
}
.user_profile .stage-small__background {
  display: none;
}

.user_dashboard {
  margin: 0 0 80px;
}
@media ((min-width: 1025px)) {
  .user_dashboard {
    margin: 80px 0;
  }
}
@media ((min-width: 1025px)) {
  .user_dashboard__blocks {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
}
.user_dashboard__blocks__item {
  padding: 0 15px;
  width: 100%;
  margin-bottom: 20px;
}
@media ((min-width: 1025px)) {
  .user_dashboard__blocks__item {
    margin-bottom: 0;
    width: 25%;
    height: 100%;
  }
}
.user_dashboard__blocks__item-link {
  display: block;
  border-radius: 15px;
  border: 1px solid #eaeaea;
  padding: 30px 45px;
  text-align: center;
  box-sizing: border-box;
  height: 100%;
  transition: 0.2s all ease-in-out;
  box-shadow: 0 0 15px rgba(150, 150, 150, 0.05);
}
.user_dashboard__blocks__item-link:hover {
  background: #f51a00;
  border-color: #f51a00;
  color: #fff;
}
.user_dashboard__blocks__item-link:hover svg {
  filter: brightness(10);
}
.user_dashboard__blocks__item-icon {
  height: 48px;
  margin-bottom: 20px;
  width: 100%;
  transition: 0.2s all ease-in-out;
}
.user_dashboard__blocks__item-title {
  font-size: clamp(1.1428571429rem, 18 * var(--w-unit), 1.4285714286rem);
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
}
.user_dashboard__blocks__item-description {
  display: block;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.1428571429rem);
}

.user_profile {
  margin: 0;
}
.user_profile__blocks {
  width: 100%;
}
.user_profile__blocks__form {
  width: 100%;
}
.user_profile__blocks__form__cols {
  width: 100%;
}
@media ((min-width: 1025px)) {
  .user_profile__blocks__form__cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.user_profile__blocks__form__cols__col {
  margin-bottom: 30px;
}
@media ((min-width: 1025px)) {
  .user_profile__blocks__form__cols__col {
    margin-bottom: 0px;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
  }
}
.user_profile__blocks__form__cols__col__content {
  border: 1px solid #eaeaea;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(150, 150, 150, 0.05);
}
.user_profile__blocks__form__cols__col__content .h3 {
  margin-bottom: 30px;
}
.user_profile__blocks__form__item {
  margin-bottom: 15px;
}
@media ((min-width: 481px)) {
  .user_profile__blocks__form__item {
    display: flex;
    flex-direction: row;
  }
}
.user_profile__blocks__form__item label {
  width: 100%;
  display: block;
  margin: 0 0 5px 0;
}
@media ((min-width: 481px)) {
  .user_profile__blocks__form__item label {
    flex: 0 0 30%;
    max-width: 30%;
    margin: auto 0;
  }
}
.user_profile__blocks__form__item input, .user_profile__blocks__form__item select, .user_profile__blocks__form__item textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  border: 2px solid #eaeaea;
  outline: none !important;
  border-radius: 30px;
  background: transparent;
  color: #000000;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 15px;
}
@media ((min-width: 481px)) {
  .user_profile__blocks__form__item input, .user_profile__blocks__form__item select, .user_profile__blocks__form__item textarea {
    flex: 0 0 60%;
    max-width: 60%;
  }
}
.user_profile__blocks__form__item input.readonly, .user_profile__blocks__form__item select.readonly, .user_profile__blocks__form__item textarea.readonly {
  background: #eee;
  opacity: 0.7;
}
.user_profile__blocks__form__item input[type=submit] {
  background: #f51a00;
  border-color: #f51a00;
  font-size: clamp(1.0714285714rem, 17 * var(--w-unit), 1.2857142857rem);
  color: #fff;
  font-weight: 600;
  margin: 30px -15px 0 auto;
  width: auto;
  flex: 0 0 auto;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.user_requests {
  margin: 0;
}
.user_requests__wrapper {
  height: fit-content;
  border: 1px solid #eaeaea;
  background: #fff;
  border-radius: 20px;
  border-spacing: 0;
  overflow: hidden;
}
.user_requests__wrapper thead {
  background: #f6f6f6;
}
.user_requests__wrapper thead th {
  padding: 10px 20px;
}
.user_requests__wrapper tbody tr + tr td {
  border-top: 1px solid #eaeaea;
}
.user_requests__wrapper tbody td {
  padding: 10px 20px;
  font-weight: 600;
}

.cart-table {
  margin-bottom: 100px;
}
.cart-table__wrapper {
  height: fit-content;
  border: 1px solid #eaeaea;
  background: #fff;
  border-radius: 20px;
  border-spacing: 0;
  overflow: hidden;
}
.cart-table__wrapper thead {
  background: #f6f6f6;
}
.cart-table__wrapper thead th {
  padding: 10px 20px;
}
.cart-table__wrapper tbody tr + tr td {
  border-top: 1px solid #eaeaea;
}
.cart-table__wrapper tbody td {
  padding: 10px 20px;
  font-weight: 600;
}

.cart-user {
  height: fit-content;
  border: 1px solid #eaeaea;
  background: #f51a00;
  border-radius: 20px;
  border-spacing: 0;
  overflow: hidden;
}
.cart-user thead {
  background: #000;
}
.cart-user thead th {
  padding: 10px 20px;
  color: #fff;
}
.cart-user tbody tr + tr td {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.cart-user tbody td {
  padding: 10px 20px;
  color: #000;
}

.order-form input, .order-form select, .order-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  border: 2px solid #eaeaea;
  outline: none !important;
  border-radius: 30px;
  background: transparent;
  color: #000000;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 15px;
}
.order-form input.readonly, .order-form select.readonly, .order-form textarea.readonly {
  background: #eee;
  opacity: 0.7;
}
.order-form button[type=submit] {
  background: #f51a00;
  border-color: #f51a00;
  font-size: clamp(1.0714285714rem, 17 * var(--w-unit), 1.2857142857rem);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  width: auto;
  flex: 0 0 auto;
  padding-left: 30px !important;
  padding-right: 30px !important;
  transition: all 0.2s ease-in-out;
  margin-left: auto;
}
.order-form button[type=submit]:hover {
  background: #000;
  border-color: #000;
}
.order-form__cart-data__infos {
  background: #f6f6f6;
  border: 1px solid #eaeaea;
  padding: 10px 25px;
  margin-bottom: 30px;
  border-radius: 20px;
}
.order-form__cart-data__infos p {
  font-size: 13px;
  font-style: italic;
  color: #000;
}
.order-form .order-process__content {
  padding: 30px 0;
  text-align: right;
  color: #000;
  font-weight: 700;
  font-size: 24px;
}
.order-form .order-process__content-total {
  color: #ffffff;
}
.order-form .order-process__submit-cgv {
  display: flex;
  flex-direction: row;
  width: 100%;
  background: #f6f6f6;
  border: 1px solid #eaeaea;
  padding: 15px 20px;
  border-radius: 20px;
  box-sizing: border-box;
  font-weight: 600;
  margin-bottom: 30px;
}
.order-form .order-process__submit-cgv input {
  width: 20px;
  margin-right: 30px;
}

.order_complete {
  margin-bottom: 100px;
}
.order_complete__content {
  text-align: center;
}
.order_complete__content .btn {
  width: fit-content;
  margin: 30px auto;
}

.contact-section__form div.wpforms-container-full input[type=date],
.contact-section__form div.wpforms-container-full input[type=datetime],
.contact-section__form div.wpforms-container-full input[type=datetime-local],
.contact-section__form div.wpforms-container-full input[type=email],
.contact-section__form div.wpforms-container-full input[type=month],
.contact-section__form div.wpforms-container-full input[type=number],
.contact-section__form div.wpforms-container-full input[type=password],
.contact-section__form div.wpforms-container-full input[type=range],
.contact-section__form div.wpforms-container-full input[type=search],
.contact-section__form div.wpforms-container-full input[type=tel],
.contact-section__form div.wpforms-container-full input[type=text],
.contact-section__form div.wpforms-container-full input[type=time],
.contact-section__form div.wpforms-container-full input[type=url],
.contact-section__form div.wpforms-container-full input[type=week],
.contact-section__form div.wpforms-container-full select,
.contact-section__form div.wpforms-container-full textarea {
  border: 2px solid #fff !important;
  outline: none !important;
  border-radius: 30px;
  background: transparent;
  color: #000000;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 15px;
}
.contact-section__form div.wpforms-container-full input[type=date]::placeholder,
.contact-section__form div.wpforms-container-full input[type=datetime]::placeholder,
.contact-section__form div.wpforms-container-full input[type=datetime-local]::placeholder,
.contact-section__form div.wpforms-container-full input[type=email]::placeholder,
.contact-section__form div.wpforms-container-full input[type=month]::placeholder,
.contact-section__form div.wpforms-container-full input[type=number]::placeholder,
.contact-section__form div.wpforms-container-full input[type=password]::placeholder,
.contact-section__form div.wpforms-container-full input[type=range]::placeholder,
.contact-section__form div.wpforms-container-full input[type=search]::placeholder,
.contact-section__form div.wpforms-container-full input[type=tel]::placeholder,
.contact-section__form div.wpforms-container-full input[type=text]::placeholder,
.contact-section__form div.wpforms-container-full input[type=time]::placeholder,
.contact-section__form div.wpforms-container-full input[type=url]::placeholder,
.contact-section__form div.wpforms-container-full input[type=week]::placeholder,
.contact-section__form div.wpforms-container-full select::placeholder,
.contact-section__form div.wpforms-container-full textarea::placeholder {
  color: #000000 !important;
  opacity: 1 !important;
}
.contact-section__form .wpforms-container .wpforms-field {
  padding: 10px 0;
}
.contact-section__form .wpforms-container .wpforms-field-layout {
  padding: 0;
}
.contact-section__form .wpforms-field-gdpr-checkbox {
  max-width: 100% !important;
}
.contact-section__form .wpforms-field-gdpr-checkbox li input:before {
  background: transparent !important;
  border: 2px solid #fff !important;
  top: -6px !important;
  border-radius: 5px !important;
}
.contact-section__form .wpforms-field-gdpr-checkbox label {
  font-size: 13px !important;
}
.contact-section__form .wpforms-field-gdpr-checkbox .wpforms-required-label {
  display: none;
}
.contact-section__form .wpforms-submit-container {
  margin-top: 30px !important;
  display: flex !important;
  align-items: end !important;
  flex-direction: column !important;
}
.contact-section__form .wpforms-form textarea.wpforms-field-medium {
  height: 150px !important;
}
.contact-section__form .wpforms-submit {
  background: #fff !important;
  border: 2px solid #fff !important;
  color: #f51a00 !important;
  border-radius: 30px !important;
  padding: 10px 30px !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}
.contact-section__form .wpforms-submit:hover {
  background: transparent !important;
}

a,
.a,
.link {
  color: inherit;
  text-decoration: none;
  transition: color 250ms ease-in-out;
}
@media (hover: hover), (min-width: 1025px) {
  a:hover,
  .a:hover,
  .link:hover {
    color: #a81100;
  }
}

.btn {
  justify-content: center;
  display: flex;
  padding: 12px 25px;
  background: #f51a00;
  border-radius: 30px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}
.btn:hover {
  background: #000 !important;
  color: #fff !important;
}
.btn-outline {
  background: #fff !important;
  border: 2px solid #000 !important;
  color: #000 !important;
  border-radius: 30px !important;
  padding: 10px 30px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  font-size: clamp(0.9285714286rem, 16 * var(--w-unit), 1.4285714286rem);
  align-items: center;
  width: max-content;
  transition: all 0.2s ease-in-out;
}
.btn-outline:hover {
  background: #000 !important;
  color: #fff !important;
}
.btn--icon {
  align-items: center;
  display: flex;
}
.btn--icon::before {
  flex: 0 0 24px;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 13px 0 0;
  background: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17.798\" height=\"18.88\" viewBox=\"0 0 17.798 18.88\"> <path d='M32.411,6.144a.835.835,0,0,1-.236.907L30.578,8.5a7.03,7.03,0,0,1,0,1.874l1.6,1.453a.835.835,0,0,1,.236.907A9.141,9.141,0,0,1,31.828,14l-.173.3a9.385,9.385,0,0,1-.815,1.151.835.835,0,0,1-.9.251l-2.054-.653a7.1,7.1,0,0,1-1.623.937L25.8,18.094a.834.834,0,0,1-.671.656,9.581,9.581,0,0,1-3.135,0,.834.834,0,0,1-.671-.656l-.461-2.106a7.1,7.1,0,0,1-1.623-.937l-2.051.656a.842.842,0,0,1-.9-.251,9.385,9.385,0,0,1-.815-1.151l-.173-.3a9.142,9.142,0,0,1-.583-1.265.835.835,0,0,1,.236-.907l1.6-1.453a7.236,7.236,0,0,1-.063-.94,7.136,7.136,0,0,1,.063-.937l-1.6-1.453a.835.835,0,0,1-.236-.907,9.142,9.142,0,0,1,.583-1.265l.173-.3a9.385,9.385,0,0,1,.815-1.151.835.835,0,0,1,.9-.251l2.054.653A7.1,7.1,0,0,1,20.863,2.9L21.324.789A.834.834,0,0,1,22,.133,9.143,9.143,0,0,1,23.563,0a9.53,9.53,0,0,1,1.567.129A.834.834,0,0,1,25.8.786l.461,2.106a7.1,7.1,0,0,1,1.623.937l2.054-.653a.842.842,0,0,1,.9.251,9.384,9.384,0,0,1,.815,1.151l.173.3a9.142,9.142,0,0,1,.583,1.265Zm-8.848,6.248a2.951,2.951,0,1,0-2.951-2.951A2.951,2.951,0,0,0,23.563,12.392Z' transform='translate(-14.662)' fill='#b1c91e'/></svg>") no-repeat center center;
  content: "";
}
.btn--inverted {
  background: #b1c91e;
}
.btn--inverted--icon::before {
  background: url("data:image/svg+xml, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17.798\" height=\"18.88\" viewBox=\"0 0 17.798 18.88\"><path d='M32.411,6.144a.835.835,0,0,1-.236.907L30.578,8.5a7.03,7.03,0,0,1,0,1.874l1.6,1.453a.835.835,0,0,1,.236.907A9.141,9.141,0,0,1,31.828,14l-.173.3a9.385,9.385,0,0,1-.815,1.151.835.835,0,0,1-.9.251l-2.054-.653a7.1,7.1,0,0,1-1.623.937L25.8,18.094a.834.834,0,0,1-.671.656,9.581,9.581,0,0,1-3.135,0,.834.834,0,0,1-.671-.656l-.461-2.106a7.1,7.1,0,0,1-1.623-.937l-2.051.656a.842.842,0,0,1-.9-.251,9.385,9.385,0,0,1-.815-1.151l-.173-.3a9.142,9.142,0,0,1-.583-1.265.835.835,0,0,1,.236-.907l1.6-1.453a7.236,7.236,0,0,1-.063-.94,7.136,7.136,0,0,1,.063-.937l-1.6-1.453a.835.835,0,0,1-.236-.907,9.142,9.142,0,0,1,.583-1.265l.173-.3a9.385,9.385,0,0,1,.815-1.151.835.835,0,0,1,.9-.251l2.054.653A7.1,7.1,0,0,1,20.863,2.9L21.324.789A.834.834,0,0,1,22,.133,9.143,9.143,0,0,1,23.563,0a9.53,9.53,0,0,1,1.567.129A.834.834,0,0,1,25.8.786l.461,2.106a7.1,7.1,0,0,1,1.623.937l2.054-.653a.842.842,0,0,1,.9.251,9.384,9.384,0,0,1,.815,1.151l.173.3a9.142,9.142,0,0,1,.583,1.265Zm-8.848,6.248a2.951,2.951,0,1,0-2.951-2.951A2.951,2.951,0,0,0,23.563,12.392Z' transform='translate(-14.662)' fill='#404f5b'/></svg>") no-repeat center center;
}
@media (hover: hover), (min-width: 1025px) {
  .btn--inverted:hover {
    color: #a81100;
  }
}
.btn-primary {
  border: 2px solid #f51a00;
  border-radius: 20px;
}
.btn-primary:hover {
  background: transparent;
  border-color: #000;
  color: #000;
}

.single-post__content {
  margin-bottom: 100px;
}
.single-post_stage.stage {
  margin-bottom: 0;
}
.single-post_stage.stage .stage-small__wrapper, .single-post_stage.stage .stage-small__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media ((min-width: 1025px)) {
  .single-post_stage.stage .stage-small__wrapper {
    padding-bottom: 185px;
  }
}
.single-post_stage.stage .postmedia {
  margin: 30px auto;
}
.single-post_stage.stage .postmedia img {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  border-radius: 20px;
}

.section.same-category {
  padding-bottom: 45px;
}

.same-category__title__wrapper {
  text-align: center;
  padding: 30px 0 45px;
}

.single-product__wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media ((min-width: 481px)) {
  .single-product__wrapper {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
@media ((min-width: 1025px)) {
  .single-product__wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.single-product__media {
  border: 5px solid #efefef;
  background: #fff;
  position: relative;
  margin-bottom: 45px;
  /*&:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    background: c.$yellow-dark;
    z-index: -1;
  }*/
}
.single-product__media img {
  box-sizing: border-box;
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: contain;
  max-height: 320px;
  padding: 30px;
}
@media ((min-width: 1025px)) {
  .single-product__media img {
    max-height: 520px;
  }
}
@media ((min-width: 1025px)) {
  .single-product__media {
    border: 5px solid #222;
  }
}
.single-product__content__info-meta {
  color: #c5c5c5;
  display: block;
  margin: 5px 0 30px;
}
.single-product__content__info-meta span {
  display: inline-block;
}
@media ((min-width: 481px)) {
  .single-product__content__info-meta span + span {
    padding-left: 15px;
  }
}

.header__wrapper__landing {
  background: #f51a00;
}
.header__wrapper__landing .header__content__landing .header__logo::before {
  display: none;
}
.header__wrapper__landing .header__content__landing .header__logo-text {
  position: absolute;
  left: -9999em;
  opacity: 0;
  visibility: hidden;
}
.header__wrapper__landing .header__content__landing .header__logo-icon {
  max-width: 100%;
}
.header__wrapper__landing .header__content__landing .header__socialmedia-wrapper {
  flex-direction: row;
  justify-content: end;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__wrapper__landing .header__content__landing .header__socialmedia__link-wrapper {
  margin: auto 0;
}
.header__wrapper__landing .header__content__landing .header__socialmedia__link-icon {
  width: 35px;
  height: 24px;
}
.header__wrapper__landing .header__content__landing .header__socialmedia__link-text {
  position: absolute;
  left: -9999em;
  opacity: 0;
  visibility: hidden;
}

.header {
  position: relative;
  z-index: 15;
}
.header__nav {
  display: none;
}
@media ((min-width: 1025px)) {
  .header__nav {
    position: relative;
    z-index: 2;
    display: grid;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .header__nav::before {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    z-index: 0;
    width: 100%;
    max-width: 1810px;
    height: 100%;
    background: black;
    transform: translateX(50%);
    content: "";
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
  .header__nav__top-links {
    position: relative;
    z-index: 1;
  }
  .header__nav__top-links__wrapper {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
    list-style: none;
  }
  .header__nav__top-links__item {
    display: inline-block;
  }
  .header__nav__top-links__item-link {
    display: flex;
    color: #f51a00;
  }
  .header__nav__top-links__item-link:hover {
    color: #fff;
  }
}
@media ((min-width: 1025px)) and ((min-width: 1025px)) {
  .header__nav__top-links__item-link {
    margin-left: 10px;
    font-size: 12px;
  }
}
@media ((min-width: 1025px)) and ((min-width: 1441px)) {
  .header__nav__top-links__item-link {
    margin-left: 15px;
    font-size: 13px;
  }
}
@media ((min-width: 1025px)) {
  .header__nav__top-links__item-icon {
    width: 14px;
    height: 14px;
    margin: auto 5px auto 0;
    color: #f51a00;
  }
  .header__nav__top-links__item-label {
    margin: auto 0;
  }
}
.header__content {
  position: relative;
}
.header__content::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
  background: #f51a00;
  content: "";
}
@media ((min-width: 1025px)) {
  .header__content::before {
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: inherit;
    z-index: 0;
    width: 100%;
    max-width: 95%;
    height: 100%;
    background: #f3f3f3;
    transform: translateX(50%);
    content: "";
    border-bottom-right-radius: 30px;
  }
}
.header__logo {
  position: relative;
  z-index: 1;
}
.header__logo-text {
  display: none;
}
@media ((min-width: 1025px)) {
  .header__logo::before {
    position: absolute;
    top: -100px;
    right: 0;
    bottom: 0;
    left: -9999em;
    z-index: 0;
    background: #f51a00;
    content: "";
  }
}
.header__logo-icon {
  position: relative;
  z-index: 1;
  max-width: calc(100% - 30px);
  max-height: 84px;
}
.header__tools, .header__search-form {
  display: none;
}
@media ((min-width: 1025px)) {
  .header__tools {
    position: relative;
    z-index: 1;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    display: flex;
  }
  .header__tools__megamenu-trigger {
    padding: 7.5px 17.5px;
    border-radius: 30px;
    background: #f51a00;
    font-size: 16px;
    font-weight: 700;
    color: #000;
  }
  .header__tools__megamenu-trigger:hover {
    background: #000;
    color: white;
  }
  .header__tools__megamenu-trigger:hover svg {
    color: #f51a00;
    filter: brightness(1);
  }
  .header__tools__link-item.cart_link {
    position: relative;
  }
  .header__tools__link-item.cart_link .cart_count {
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    border-radius: 20px;
    position: absolute;
    bottom: -1px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header__tools__megamenu-icon {
    width: 10px;
    height: 7.5px;
    margin-left: 7.5px;
    filter: brightness(0);
  }
  .header__tools__link-icon {
    max-width: 23px;
    height: 20px;
    padding: 0 0 0 15px;
  }
  .header__search-form {
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: space-between;
    display: flex;
    height: 39px;
    margin: auto 0;
    border-radius: 30px;
    background: #fff;
  }
  .header__search-form__input {
    width: calc(100% - 100px);
    height: 30px;
    padding: 10px 20px;
    border: none;
    outline: none;
    background: transparent;
  }
  .header__search-form__submit {
    width: 39px;
    height: 39px;
    border: none;
    border-radius: 39px;
    background: #f51a00;
    cursor: pointer;
  }
  .header__search-form__submit-icon {
    width: 19px;
    height: 19px;
  }
}
@media ((min-width: 1441px)) {
  .header__tools__megamenu-trigger {
    padding: 10px 20px;
    font-size: 20px;
  }
  .header__tools__megamenu-icon {
    width: 15px;
    height: 10px;
    margin-left: 10px;
  }
  .header__tools__link-icon {
    max-width: 30px;
    height: 28px;
  }
  .header__search-form {
    height: 50px;
  }
  .header__search-form__submit {
    width: 50px;
    height: 50px;
    border-radius: 50px;
  }
}
.header__toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  height: 60px;
  padding: 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  background: #000;
  display: flex !important;
  justify-content: center;
}
@media ((min-width: 1025px)) {
  .header__toolbar {
    display: none;
    opacity: 0;
    visibility: hidden;
  }
}
.header__toolbar__actions {
  flex-direction: row;
  display: flex;
}
.header__toolbar__actions__links {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  display: flex;
  width: 65%;
  height: 60px;
  margin: auto 0;
  background: #000;
}
.header__toolbar__actions__link-item {
  padding: 0 15px;
}
.header__toolbar__actions__link-icon {
  width: 24px;
  height: 24px;
}
@media ((min-width: 481px)) {
  .header__toolbar__actions__link-icon {
    width: 30px;
    height: 30px;
  }
}
.header__toolbar__actions__burger-trigger {
  align-items: center;
  display: flex;
  width: 35%;
  height: 60px;
  margin: auto 0;
  background: #f51a00;
}
.header__toolbar__actions__burger-icon {
  position: relative;
  width: 26px;
  height: 24px;
  margin: 0 auto;
  transform: rotate(0deg);
  transform: rotate(0deg);
  transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.header__toolbar__actions__burger-icon span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 9px;
  background: #000;
  opacity: 1;
  transform: rotate(0deg);
  transform: rotate(0deg);
  transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header__toolbar__actions__burger-icon span:nth-child(1) {
  top: 0;
  transform-origin: left center;
  transform-origin: left center;
  transform-origin: left center;
  transform-origin: left center;
}
.header__toolbar__actions__burger-icon span:nth-child(2) {
  top: 10px;
  transform-origin: left center;
  transform-origin: left center;
  transform-origin: left center;
  transform-origin: left center;
}
.header__toolbar__actions__burger-icon span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
  transform-origin: left center;
  transform-origin: left center;
  transform-origin: left center;
}
.header__toolbar__actions__burger-icon.open span {
  width: calc(100% + 5px);
}
.header__toolbar__actions__burger-icon.open span:nth-child(1) {
  top: -2px;
  left: 0;
  transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
}
.header__toolbar__actions__burger-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.header__toolbar__actions__burger-icon.open span:nth-child(3) {
  top: 17px;
  left: 0;
  transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.megamenu {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 999999;
  overflow: hidden;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 40px;
  padding-bottom: 40px;
}

.megamenu__parent-container {
  float: left;
  width: 23.5%;
  background: #fff;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border-right: 1px solid #eaeaea;
}

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

.megamenu__parent-item {
  padding: 10px;
}
.megamenu__parent-item.active a {
  color: #f51a00;
}

.megamenu__parent-item a {
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: 700;
  font-size: 16px;
  padding: 10px 0;
  transition: all 0.2s ease-in-out;
}
.megamenu__parent-item a:hover {
  color: #f51a00;
}

.megamenu__child-container {
  float: left;
  width: 75.5%;
  padding: 20px;
  display: none; /* Masqué par défaut */
  box-sizing: border-box;
}

.megamenu__child-container .megamenu__child-list {
  display: flex !important; /* Masqué par défaut */
}

.megamenu__parent-container .megamenu__child-list {
  display: none !important; /* Masqué par défaut */
}

.megamenu__child-list {
  display: flex !important;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.megamenu__child-item {
  padding: 5px;
  padding: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.megamenu__child-item a {
  text-decoration: none;
  color: #333;
  padding: 0;
  font-size: 13px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}
.megamenu__child-item a:hover {
  color: #f51a00;
}

.megamenu__child-item {
  width: 20%; /* Ajuste ce pourcentage en fonction du nombre de colonnes souhaité */
  padding: 5px;
  overflow: hidden;
  box-sizing: border-box;
}

.megamenu__child-item a {
  text-decoration: none;
  color: #333;
}

.header-nav {
  position: relative;
  z-index: 1;
}
.header-nav__navigation-wrapper {
  flex-direction: row;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-nav__navigation-link {
  padding: 5px 15px 5px 0;
  color: #f51a00;
  text-decoration: none;
}
.header-nav__navigation-link:hover {
  color: #fff;
}
@media ((min-width: 1025px) and (max-width: 1440px)) {
  .header-nav__navigation-link {
    font-size: 13px;
  }
}
@media ((min-width: 1441px)) {
  .header-nav__navigation-link {
    font-size: 14px;
  }
}

.header__wrapper {
  position: relative;
  z-index: 999;
}

.header__toolbar__menu li a {
  font-size: 21px;
  font-weight: 400;
  color: #000;
  padding: 5px 0;
  display: block;
  border-bottom: 1px solid #efefef;
}

.header__toolbar__menu svg {
  display: none;
}

.header__toolbar__menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block !important;
}

.header__toolbar__menu {
  position: fixed;
  top: 0px;
  right: 0;
  width: calc(87.5% - 60px);
  padding: 120px 30px 45px;
  bottom: 60px;
  background: #fff;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
}
.header__toolbar__menu a {
  text-transform: capitalize;
}
.header__toolbar__menu a.current-menu-item {
  color: #f51a00;
  border-bottom: 1px solid #f51a00;
}
.header__toolbar__menu.inactive {
  right: -110vw;
}

.header__toolbar__actions__burger-trigger.close .header__toolbar__actions__burger-icon span:nth-child(2) {
  opacity: 0;
}

.header__toolbar__actions__burger-trigger.close .header__toolbar__actions__burger-icon span:nth-child(3) {
  transform: rotate(-45deg);
  top: 16px;
}

.header__toolbar__actions__burger-trigger.close .header__toolbar__actions__burger-icon span:nth-child(1) {
  transform: rotate(45deg);
  top: -2px;
}

/* Normal positioning of the burger lines */
.header__toolbar__actions__burger-icon span:nth-child(1),
.header__toolbar__actions__burger-icon span:nth-child(3) {
  transition: all 0.3s ease;
}

/* Space out the spans initially */
.header__toolbar__actions__burger-icon.close span:nth-child(2) {
  margin: 5px 0;
}

.contact-cta__button {
  --image-width: 48px;
  position: fixed;
  right: calc((var(--nav-width) - var(--image-width)) / 2);
  bottom: calc(var(--nav-width) + 20px);
  z-index: 990;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 100vmax;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  background: #efefef;
  fill: #404f5b;
  cursor: pointer;
}
@media ((min-width: 481px)) {
  .contact-cta__button {
    bottom: 30px;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
}
.contact-cta__button__content {
  position: relative;
  display: block;
  margin: 0 32px -4px 0;
  padding: 12px 24px;
  border-radius: 100vmax;
  background: white;
  opacity: 0;
  font-family: "roboto", Arial, sans-serif;
  transform-origin: right bottom;
  transition: opacity 250ms ease-in-out;
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.3));
  pointer-events: none;
}
.contact-cta__button__content::after {
  position: absolute;
  right: 2vmax;
  bottom: 14px;
  width: 0;
  height: 0;
  border-top: 0;
  border-right: 28px solid #fff;
  border-bottom: 28px solid transparent;
  background: transparent;
  transform: translateY(100%) skewX(25deg);
  content: "";
}
.contact-cta__button__content--active {
  opacity: 1;
  pointer-events: all;
}
.contact-cta__button__content-close {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  line-height: 1;
  cursor: crosshair;
}
.contact-cta__button__content-superline {
  display: block;
  max-width: 130px;
  font-size: 12px;
}
.contact-cta__button__content-headline {
  display: block;
  max-width: 130px;
  font-size: 12px;
  font-weight: 700;
}
.contact-cta__button__image {
  display: block;
  width: var(--image-width);
  height: var(--image-width);
  border-radius: 0;
  object-fit: cover;
}
@media ((min-width: 481px)) {
  .contact-cta__button__image {
    border-radius: 100vmax;
  }
}
.contact-cta__layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 995;
  align-items: center;
  justify-items: center;
  display: flex;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: opacity 400ms ease-in-out;
  backdrop-filter: blur(30px);
  pointer-events: none;
}
.contact-cta__layer--no-transition {
  transition: none;
}
.contact-cta__layer--active {
  opacity: 1;
  pointer-events: all;
}
.contact-cta__layer__close {
  position: absolute;
  top: calc(35 * var(--h-unit));
  right: calc(35 * var(--w-unit));
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  cursor: pointer;
}
.contact-cta__layer__close::before, .contact-cta__layer__close::after {
  position: absolute;
  top: 9px;
  left: 9px;
  width: 3px;
  height: 42.426px;
  border-radius: 2px;
  background: #707070;
  transform: rotate(-45deg);
  transform-origin: top center;
  content: "";
}
.contact-cta__layer__close::after {
  left: 39px;
  transform: rotate(45deg);
}
.contact-cta__layer__close-text {
  position: absolute;
  text-indent: -999em;
}
.contact-cta__layer__wrapper {
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 50px;
  grid-column-gap: calc(200 * var(--w-unit));
  display: grid;
  width: 90%;
  margin: auto;
}
@media ((min-width: 481px)) {
  .contact-cta__layer__wrapper {
    grid-row-gap: 0;
    width: min-content;
  }
}
.contact-cta__layer-headline, .contact-cta__layer-text {
  grid-column-start: 1;
  grid-column-end: span 2;
  text-align: center;
}
.contact-cta__layer-text {
  margin: 0;
  font-weight: 500;
}
@media ((min-width: 481px)) {
  .contact-cta__layer-text {
    margin: 0 0 95px;
  }
}
.contact-cta__layer__ringback {
  flex-direction: column;
  justify-content: space-between;
  justify-items: stretch;
  grid-column-start: 1;
  grid-column-end: span 2;
  display: flex;
}
@media ((min-width: 481px)) {
  .contact-cta__layer__ringback {
    grid-column-start: 1;
    grid-column-end: span 1;
  }
}
.contact-cta__layer__ringback-text {
  display: block;
  margin: 0 0 25px;
  text-align: center;
}
.contact-cta__layer__ringback-input, .contact-cta__layer__ringback-submit {
  min-width: calc(300 * var(--w-unit));
  padding: 12px 13px;
  border: 0;
  outline: 0;
  font-family: "roboto", Arial, sans-serif;
}
.contact-cta__layer__ringback-input:focus, .contact-cta__layer__ringback-submit:focus {
  outline: 0;
}
.contact-cta__layer__ringback-input {
  margin: 0 0 10px;
  border: 1px solid #707070;
}
.contact-cta__layer__ringback-submit {
  transition: color 250ms ease-in-out, background 250ms ease-in-out;
  cursor: pointer;
}
@media (hover: hover), (min-width: 1025px) {
  .contact-cta__layer__ringback-submit:hover {
    background: #b1c91e;
    color: #404f5b;
  }
}
.contact-cta__layer__whatsapp {
  flex-direction: column;
  justify-content: space-between;
  justify-items: stretch;
  grid-column-start: 1;
  grid-column-end: span 2;
  display: flex;
}
@media ((min-width: 481px)) {
  .contact-cta__layer__whatsapp {
    grid-column-start: 2;
    grid-column-end: span 1;
  }
}
.contact-cta__layer__whatsapp-text {
  margin: 0 0 25px;
  text-align: center;
}
.contact-cta__layer__whatsapp-link {
  position: relative;
  display: block;
  width: calc(96 * var(--w-unit));
  height: calc(96 * var(--w-unit));
  margin: auto;
  padding: 10px;
  border-radius: 100vmax;
  background: #b1c91e;
  fill: #fff;
}
@media ((min-width: 481px)) {
  .contact-cta__layer__whatsapp-link {
    margin: 0 calc(75 * var(--w-unit));
  }
}
.contact-cta__layer__whatsapp-link-icon {
  width: 100%;
  height: 100%;
}
.contact-cta__layer__whatsapp-link-text {
  position: absolute;
  text-indent: -999em;
}

:root {
  --nav-width: 60px;
}
@media ((min-width: 481px)) {
  :root {
    --nav-width: 57px;
  }
}
@media ((min-width: 1025px)) {
  :root {
    --nav-width: 103px;
  }
}

.side-navigation {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 101;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  height: var(--nav-width);
  background: #efefef;
}
@media ((min-width: 481px)) {
  .side-navigation {
    top: 0;
    right: 0;
    bottom: unset;
    left: unset;
    z-index: 99;
    display: block;
    width: var(--nav-width);
    height: 100%;
  }
}
.side-navigation__wrapper {
  flex-direction: row;
  align-items: stretch;
  justify-content: space-around;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media ((min-width: 481px)) {
  .side-navigation__wrapper {
    flex-direction: column;
    justify-content: unset;
    width: unset;
    margin: 22px 0 0;
  }
}
.side-navigation__link {
  position: relative;
  right: 0;
  flex: 1 1 0;
  align-items: center;
  justify-content: right;
  display: flex;
  min-width: 48px;
  min-height: 48px;
  border: none;
  transition: transform 500ms ease-in-out;
}
@media ((min-width: 481px)) {
  .side-navigation__link {
    position: absolute;
    min-width: 100%;
  }
}
.side-navigation__link-wrapper {
  display: block;
  min-width: 48px;
  min-height: 49px;
}
@media ((min-width: 481px)) {
  .side-navigation__link-wrapper {
    min-width: unset;
    min-height: 49px;
  }
}
.side-navigation__link-text {
  position: relative;
  align-items: center;
  display: flex;
  width: 0;
  height: 49px;
  margin-right: 0;
  background: #efefef;
  transition: width 500ms ease-in-out;
  white-space: nowrap;
  overflow: hidden;
}
@media ((min-width: 481px)) {
  .side-navigation__link-text {
    margin-right: calc((var(--nav-width) - 48px) / 2);
  }
}
.side-navigation__link__icon {
  flex: 0 0 auto;
  width: 25px;
  height: 25px;
  fill: #404f5b;
}
.side-navigation__link__icon-wrapper {
  flex: 0 0 48px;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 48px;
  height: 49px;
  border-radius: 25px 0 0 25px;
  background: #efefef;
}
@media ((min-width: 481px)) and (hover: hover), ((min-width: 481px)) and (min-width: 1025px) {
  .side-navigation__link:hover {
    color: #404f5b;
    transform: translateX(-15px);
  }
  .side-navigation__link:hover .side-navigation__link-text {
    width: 100%;
  }
}
.side-navigation__burger {
  flex: 1 1 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  min-height: 48px;
  padding: 0 50% 0 0;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
}
.side-navigation__burger-patty, .side-navigation__burger::before, .side-navigation__burger::after {
  width: 30px;
  height: 3px;
  margin: 2px 0;
  border-radius: 2px;
  background: #404f5b;
  transform: translateX(15px);
  content: "";
  align-self: end;
}
.side-navigation__burger::after {
  width: 15px;
  transition: width 400ms ease-in-out;
}
.side-navigation__burger-text {
  position: absolute;
  text-indent: -999em;
}
@media (hover: hover), (min-width: 1025px) {
  .side-navigation__burger:hover::after {
    width: 30px;
  }
}

.footer {
  background: #000 url(../svg/bg-shapes-light.svg);
  position: relative;
  z-index: 1;
}
.footer__copyright {
  color: #fff;
  display: block;
  padding-top: 65px;
  padding-bottom: 30px;
}
@media ((min-width: 1025px)) {
  .footer__copyright {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 13px;
  }
  .footer__copyright-right {
    margin-left: auto;
  }
}
.footer__copyright .sep {
  display: block;
  height: 0;
  overflow: hidden;
}
@media ((min-width: 1025px)) {
  .footer__copyright .sep {
    display: inline;
    height: inherit;
    overflow: inherit;
  }
}
.footer .test {
  color: #000;
}
.footer__wrapper {
  position: relative;
  padding: 100px 0 0;
}
.footer__wrapper a, .footer__wrapper p, .footer__wrapper strong, .footer__wrapper address, .footer__wrapper li {
  color: #fff;
}
.footer__wrapper strong.h3 {
  font-size: clamp(1.1428571429rem, 18 * var(--w-unit), 1.4285714286rem);
  font-weight: 700;
}
.footer__logo {
  background: #f51a00;
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 440px;
  width: 90%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  padding: 10px 20px;
}
.footer__logo-icon {
  max-height: 45px;
  position: relative;
  margin: auto;
}
.footer__logo-text {
  visibility: hidden;
  opacity: 0;
  display: none;
}
.footer__support {
  color: #fff;
}
.footer__support a {
  margin-top: auto !important;
}
.footer__support__col {
  margin-bottom: 0px;
}
.footer__support__col .col__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media ((min-width: 1025px)) {
  .footer__support {
    display: grid;
    gap: 10px 40px;
  }
  .footer__support .h2 {
    grid-row-start: 1;
    margin-bottom: 0px;
  }
  .footer__support__col {
    grid-row-start: 2;
  }
}
.footer__support a {
  color: #f51a00;
  display: block;
  font-weight: 500;
  margin-top: 10px;
}
.footer__coordinates .h2 {
  margin-bottom: 30px;
}
.footer__coordinates address {
  font-style: normal;
}
@media ((min-width: 1025px)) {
  .footer__coordinates {
    display: grid;
    gap: 10px 40px;
    height: min-content;
  }
  .footer__coordinates .h2 {
    grid-row-start: 1;
    margin-bottom: 0px;
  }
  .footer__coordinates__col {
    grid-row-start: 2;
  }
}

.otgs-development-site-front-end {
  display: none !important;
}

.form {
  grid-column: span 4;
  padding: 24px;
  box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.17);
  background-color: #fff;
  row-gap: 16px;
}
@media ((min-width: 481px)) {
  .form {
    grid-column: span 6;
    padding: 48px;
  }
}
@media ((min-width: 1025px)) {
  .form {
    grid-column: span 12;
    padding: 64px;
    row-gap: 0;
  }
}
.form__title {
  grid-column: span 4;
  font-size: clamp(2.8571428571rem, 46 * var(--w-unit), 3.5714285714rem);
}
@media ((min-width: 481px)) {
  .form__title {
    grid-column: span 6;
  }
}
@media ((min-width: 1025px)) {
  .form__title {
    grid-column: span 6;
  }
}
.form__first-title {
  font-size: clamp(1.2857142857rem, 24 * var(--w-unit), 2rem);
  font-weight: 700;
}
.form__first-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.form__first-list__item {
  padding: 8px 0;
}
.form__first-container {
  grid-column: span 4;
}
@media ((min-width: 481px)) {
  .form__first-container {
    grid-column: span 6;
  }
}
@media ((min-width: 1025px)) {
  .form__first-container {
    grid-column: span 3;
  }
}
.form__second-title {
  font-size: clamp(1.2857142857rem, 24 * var(--w-unit), 2rem);
  font-weight: 700;
}
.form__second-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.form__second-list__item {
  padding: 8px 0;
}
.form__second-container {
  grid-column: span 4;
}
@media ((min-width: 481px)) {
  .form__second-container {
    grid-column: span 6;
  }
}
@media ((min-width: 1025px)) {
  .form__second-container {
    grid-column: span 3;
  }
}
.form-container {
  grid-column: span 4;
}
@media ((min-width: 481px)) {
  .form-container {
    grid-column: span 6;
  }
}
@media ((min-width: 1025px)) {
  .form-container {
    grid-column: span 12;
  }
}
.form__under-space--nothing {
  margin-bottom: 0;
}
.form__under-space--small {
  margin-bottom: 50px;
}
.form__under-space--big {
  margin-bottom: 100px;
}
.form__container {
  position: relative;
}
.form__container::before {
  position: absolute;
  top: 0;
  left: -100px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="604.13" height="817.395" viewBox="0 0 604.13 817.395"><path id="Pfad_651" d="M595.092,117.778l9.038-54.606L325.481,0,0,73.785l.456,44.584C.513,123.4,2.112,242.851,37.594,384.96,58.711,469.5,87.544,544.767,123.3,608.626c46.215,82.551,104.255,146.428,172.5,189.887L325.481,817.4l29.678-18.882c68.054-43.34,125.959-106.982,172.115-189.2h-64.3c-35.468,56.205-80.454,106.265-137.5,142.586C60.447,583.152,55.71,117.814,55.71,117.814L325.481,56.66Z" transform="translate(0 -0.001)"/></svg>') no-repeat left;
  background-size: contain;
  opacity: 0.1;
  content: "";
}
@media ((min-width: 1025px)) {
  .form__container::before {
    left: -100px;
  }
}
.form .wpforms-container-full {
  margin: 0;
}
.form .wpforms-container-full input[type=checkbox]:before {
  border-radius: 0;
  border-color: #707070;
}
.form .wpforms-form {
  position: relative;
}
.form .wpforms-form .wpforms-submit-container {
  margin: 0;
  padding: 0;
}
@media ((min-width: 1025px)) {
  .form .wpforms-form .wpforms-submit-container {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.form .wpforms-form .wpforms-field * {
  border-radius: 0;
  border-color: #707070;
}

@media ((min-width: 1025px)) {
  .wpforms-field-gdpr-checkbox {
    max-width: 75% !important;
  }
}

.wpforms-submit {
  padding: 0 50px 0 32px !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #404f5b !important;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem) !important;
  font-weight: 700 !important;
  color: #fff !important;
  transition: background-color 0.3s ease !important;
  cursor: pointer !important;
}
.wpforms-submit::before {
  position: absolute;
  right: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  content: url('data:image/svg+xml, <svg width="16" height="16" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.2149 0.784091C13.3394 0.869235 13.4373 0.987826 13.4973 1.12619C13.5572 1.26455 13.5769 1.41704 13.5539 1.56609L11.9539 11.9981C11.9356 12.1183 11.8901 12.2327 11.8208 12.3327C11.7516 12.4326 11.6605 12.5155 11.5545 12.575C11.4484 12.6345 11.3302 12.669 11.2088 12.6759C11.0875 12.6829 10.9661 12.6621 10.8539 12.6151L7.85394 11.3691L6.12794 13.2271C6.01904 13.3478 5.87592 13.4325 5.71766 13.4699C5.55941 13.5072 5.39352 13.4955 5.24212 13.4362C5.09071 13.3769 4.96097 13.2729 4.87018 13.1379C4.77939 13.003 4.73187 12.8437 4.73394 12.6811V10.5811C4.73379 10.4817 4.77131 10.3859 4.83894 10.3131L9.03894 5.72609C9.11135 5.65093 9.15152 5.55044 9.15087 5.44608C9.15022 5.34172 9.1088 5.24174 9.03546 5.16749C8.96212 5.09323 8.86266 5.05059 8.75832 5.04864C8.65397 5.0467 8.553 5.08562 8.47694 5.15709L3.37694 9.68909L1.16794 8.58309C1.0378 8.51849 0.927706 8.41966 0.849483 8.29721C0.77126 8.17477 0.727861 8.03334 0.723943 7.88809C0.719927 7.74324 0.75494 7.59997 0.825314 7.4733C0.895688 7.34662 0.998833 7.24121 1.12394 7.16809L12.3619 0.747091C12.4929 0.671783 12.6425 0.635104 12.7935 0.641298C12.9445 0.647492 13.0906 0.696306 13.2149 0.782091V0.784091Z" fill="#B1C91E"/></svg> ');
}

.wpforms-submit:hover {
  color: #fff !important;
}

.blog_page {
  margin-bottom: 100px;
}
.blog_page__heading {
  padding-bottom: 30px;
}
@media ((min-width: 1025px)) {
  .blog_page__heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.blog_page__categories__list {
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}
.blog_page__categories__item {
  padding: 10px 0;
}
.blog_page__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -15px;
}
.blog_page__cat-icon {
  width: 14px;
  height: 14px;
  margin: 0 3px -3px 0;
  display: inline-block;
}
.blog_page__items-item {
  flex: 0 0 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 15px;
  margin-bottom: 30px;
}
.blog_page__items-item__header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
}
.blog_page__items-item__header-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.blog_page__items-item__content {
  height: 100%;
  border: 1px solid #bfbfbf;
  border-radius: 15px;
  position: relative;
}
.blog_page__items-item__cat {
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1rem);
  text-decoration: underline;
  padding-bottom: 10px;
  display: inline-block;
}
.blog_page__items-item__title {
  font-size: clamp(1.2857142857rem, 22 * var(--w-unit), 2rem);
  line-height: 1.2;
  transition: all 0.2s ease-in-out;
}
.blog_page__items-item__icon {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transition: all 0.2s ease-in-out;
}
.blog_page__items-item__img-link {
  overflow: hidden;
}
.blog_page__items-item__img-link:hover img {
  transform: scale(1.15);
}
.blog_page__items-item__link {
  display: block;
  color: #000;
  padding: 10px 10px 25px;
}
.blog_page__items-item__link:hover {
  text-decoration: none;
  color: #000;
}
.blog_page__items-item__link:hover h3 {
  color: #f51a00;
}
.blog_page__items-item__link:hover svg.icon-icon-arrow-red {
  transform: rotate(-45deg);
  filter: saturate(0);
}
@media ((min-width: 481px)) {
  .blog_page__items-item {
    flex: 0 0 50%;
    box-sizing: border-box;
    max-width: 50%;
  }
}
@media ((min-width: 1025px)) {
  .blog_page__items-item {
    flex: 0 0 25%;
    box-sizing: border-box;
    max-width: 25%;
  }
}
.blog_page .tool-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-top: 45px;
  font-size: clamp(1.0714285714rem, 18 * var(--w-unit), 1.4285714286rem);
}
.blog_page .tool-pagination .pages {
  padding: 0 30px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
}
.blog_page .tool-pagination .pages li {
  padding: 0 8px;
}
.blog_page .tool-pagination .pages li .current {
  font-weight: 700;
  color: #f51a00;
}

.range-slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
}
.range-slider #price_range {
  width: 100%;
  height: 4px;
  margin-top: 30px;
}
.range-slider #price_range .noUi-connect {
  height: 2px;
  background: #f51a00;
}
.range-slider #price_range .noUi-horizontal .noUi-handle {
  width: 2px !important;
}
.range-slider #price_range .noUi-horizontal .noUi-handle:before {
  display: none;
}
.range-slider #price_range .noUi-horizontal .noUi-handle:after {
  display: none;
}

.noUi-target {
  height: 3px;
  background: #e0e0e0;
}

.noUi-connect {
  background: #f51a00;
}

.noUi-tooltip {
  /*background: none !important; 
  border: none !important;*/
  font-size: clamp(0.9285714286rem, 13 * var(--w-unit), 0.9285714286rem);
}

.noUi-handle {
  width: 2px !important;
  height: 20px !important;
  background: black !important;
  border-radius: 0 !important;
  top: -9px !important;
  right: -1px !important;
  box-shadow: none !important;
  border-color: #000 !important;
}

.noUi-handle-upper .noUi-tooltip {
  transform: translate(-75%, 0) !important;
}

.noUi-handle::before,
.noUi-handle::after {
  display: none !important;
}

.range-values {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
}

#price_min {
  text-align: left;
}

#price_max {
  text-align: right;
}

.range-values input {
  display: none;
}

.product-page__items-header {
  padding-bottom: 30px;
  padding-top: 45px;
}
@media ((min-width: 1025px)) {
  .product-page__items-header {
    padding-bottom: 45px;
    padding-top: 0;
  }
}

.product-page__items-header__description {
  margin-top: 30px;
  font-size: 16px;
}

.product_page {
  padding-top: 60px;
  margin-bottom: 100px;
}
.product_page__heading {
  padding-bottom: 30px;
}
@media ((min-width: 1025px)) {
  .product_page__heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.product_page__categories-box {
  background: #f6f6f6;
  border: 1px solid #eaeaea;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.product_page__categories-box h3 {
  line-height: 1;
}
.product_page__categories-box select#brand_id {
  width: 100%;
  padding: 5px 10px;
  border-radius: 10px;
  border-color: #e5e5e5;
  margin-bottom: 20px;
  margin-top: 5px;
}
.product_page__categories-box .btn.btn-primary {
  display: block;
  cursor: pointer;
  width: 100%;
  border-radius: 12px !important;
}
.product_page__categories-box .category_filter__parent-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product_page__categories-box .category_filter__parent-list li + li {
  border-top: 1px solid #eaeaea;
}
.product_page__categories-box .category_filter__parent-list li.active > a {
  color: #f51a00;
}
.product_page__categories-box .category_filter__parent-item {
  padding: 5px 0;
  display: block;
}
.product_page__categories-box .category_filter__parent-item > a {
  font-weight: 600;
  display: block;
  width: 100%;
  position: relative;
}
.product_page__categories-box .category_filter__parent-item > a.open i.arrow {
  transform: rotate(-90deg);
  top: 0px;
  display: none;
}
.product_page__categories-box .category_filter__parent-item > a i.arrow {
  background: url(/wp-content/themes/theme-digitalvision/assets/svg/icon-arrow-right-link.svg) center no-repeat;
  /* filter: invert(1); */
  width: 8px;
  height: 20px;
  display: none;
  background-size: 8px;
  transform: rotate(90deg);
  position: absolute;
  top: 1px;
  right: 0;
}
.product_page__categories-box .category_filter__child-list {
  padding-left: 10px;
  list-style: none;
  padding-top: 15px;
}
.product_page__categories-box .category_filter__child-item a {
  font-size: clamp(0.8571428571rem, 13 * var(--w-unit), 0.9285714286rem);
  padding: 5px 0;
  display: block;
  width: 100%;
  line-height: 1;
}
.product_page__categories__list {
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}
.product_page__categories__item {
  padding: 10px 0;
}
.product_page__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0 -15px;
}
.product_page__cat-icon {
  width: 14px;
  height: 14px;
  margin: 0 3px -3px 0;
  display: inline-block;
}
.product_page__items-item {
  flex: 0 0 100%;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 15px;
  margin-bottom: 45px;
}
.product_page__items-item__header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
}
.product_page__items-item__header-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
  object-fit: contain;
  transition: all 0.5s ease-in-out;
}
.product_page__items-item__content {
  height: 100%;
  border: 1px solid #bfbfbf;
  border-radius: 15px;
  position: relative;
}
.product_page__items-item__body {
  display: flex;
  flex-direction: column;
}
.product_page__items-item__cat {
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1rem);
  text-decoration: underline;
  padding-bottom: 10px;
  display: inline-block;
}
.product_page__items-item__title {
  font-size: clamp(1.2857142857rem, 19 * var(--w-unit), 1.6428571429rem);
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}
.product_page__items-item__categorie {
  color: #f51a00;
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.7857142857rem, 12 * var(--w-unit), 0.9285714286rem);
}
.product_page__items-item__ref {
  display: block;
  font-size: clamp(0.7857142857rem, 12 * var(--w-unit), 0.9285714286rem);
}
.product_page__items-item__price {
  display: block;
  font-size: clamp(1.5714285714rem, 24 * var(--w-unit), 1.8571428571rem);
  font-weight: 700;
  color: #f51a00;
}
.product_page__items-item__icon {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transition: all 0.2s ease-in-out;
}
.product_page__items-item__img-link {
  overflow: hidden;
}
.product_page__items-item__img-link:hover img {
  transform: scale(1.15);
}
.product_page__items-item__add-to-cart {
  margin: 0 auto;
  transform: translateY(50%);
}
.product_page__items-item__add-to-cart button {
  color: #000000;
  padding: 8px 20px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.product_page__items-item__add-to-cart button:hover {
  background: #fff;
}
.product_page__items-item__add-to-cart-icon {
  width: 17px;
  height: 15px;
  filter: saturate(0) brightness(5) invert(1);
  margin-right: 10px;
}
.product_page__items-item__link {
  display: block;
  color: #000;
  padding: 10px 20px 0;
}
.product_page__items-item__link:hover {
  text-decoration: none;
  color: #000;
}
.product_page__items-item__link:hover h3 {
  color: #f51a00;
}
.product_page__items-item__link:hover svg.icon-icon-arrow-red {
  transform: rotate(-45deg);
  filter: saturate(0);
}
@media ((min-width: 481px)) {
  .product_page__items-item {
    flex: 0 0 50%;
    box-sizing: border-box;
    max-width: 50%;
  }
}
@media ((min-width: 1025px)) {
  .product_page__items-item {
    flex: 0 0 25%;
    box-sizing: border-box;
    max-width: 25%;
  }
}
.product_page .tool-pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding-top: 45px;
  font-size: clamp(1.0714285714rem, 18 * var(--w-unit), 1.4285714286rem);
}
.product_page .tool-pagination .pages {
  padding: 0 30px;
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0;
}
.product_page .tool-pagination .pages li {
  padding: 0 8px;
}
.product_page .tool-pagination .pages li .current {
  font-weight: 700;
  color: #f51a00;
}

/*! nouislider - 14.7.0 - 4/6/2021 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.files__list {
  margin-bottom: 100px;
}
.files__list__flist__wrapper, .files__list__vlist__wrapper {
  margin: 0 -15px;
}
@media ((min-width: 481px)) {
  .files__list__flist__wrapper, .files__list__vlist__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
  }
}
.files__list__wrapper__text {
  margin-bottom: 40px;
}
.files__list__item {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}
@media ((min-width: 481px)) {
  .files__list__item {
    flex: 0 0 50%;
    max-width: calc(50% - 30px) !important;
  }
}
@media ((min-width: 1025px)) {
  .files__list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    width: 20% !important;
  }
}
.files__list__item a {
  display: flex;
  flex-direction: column;
  margin: auto;
  text-align: center;
  border: 1px solid #bfbfbf;
  border-radius: 15px;
  padding: 30px 0;
  margin: 0 15px 30px;
  width: 100%;
}
@media ((min-width: 481px)) {
  .files__list__item a {
    padding: 30px 0;
  }
}
@media ((min-width: 1025px)) {
  .files__list__item a {
    padding: 45px 0;
  }
}
.files__list__item .icon-icon-files {
  width: 35px;
  height: 35px;
  display: block;
  margin: 7px auto;
}
.files__list__item .icon-icon-videos {
  width: 70px;
  height: 70px;
  display: block;
  margin: 7px auto 0;
}
.files__list__flist__item__infos {
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1rem);
}
.files__list__flist__item__filetype {
  text-transform: uppercase;
}

.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.video-popup.fade-in {
  opacity: 1;
}

.video-popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%; /* Adjust as needed for responsive layout */
  max-height: 90vh; /* Adjust as needed for responsive layout */
  overflow: auto; /* Enable scrolling if content exceeds container */
}

/* Responsive Design */
@media (max-width: 768px) {
  .video-popup-content {
    max-width: 95%;
  }
}
/* Close Button Styles */
.video-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
}

/* Video Controls Styles */
.video-popup video::-webkit-controls-in-secondary {
  display: block;
  background: transparent;
}

.video-popup video::-webkit-media-controls-timeline {
  background: transparent;
}

/* Accessibility */
.video-popup-close {
  aria-label: "Fermer la vidéo";
}

.video-popup video {
  aria-label: "Vidéo";
}

/* Customization */
/* Replace with your desired colors, fonts, and styling */
.video-popup {
  background-color: rgba(0, 0, 0, 0.7); /* Darker overlay */
}

.video-popup-content {
  background-color: #fff; /* Light background for content */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Drop shadow */
}

.video-popup-close {
  color: #333; /* Darker close button color */
  font-family: Arial, sans-serif; /* Choose a different font */
}

.links__list {
  margin-bottom: 100px;
}
@media ((min-width: 481px)) {
  .links__list__wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
  }
}
.links__list__title__wrapper {
  padding-bottom: 30px;
}
.links__list__item {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
}
@media ((min-width: 481px)) {
  .links__list__item {
    flex: 0 0 50%;
    max-width: 50% !important;
  }
}
@media ((min-width: 1025px)) {
  .links__list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    width: 20% !important;
  }
}
.links__list__item__link {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 5px;
}
.links__list__item__text {
  width: calc(100% - 30px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.links__list__item__icon {
  width: 18px;
  height: 15px;
  display: inline-block;
}

@media ((min-width: 1025px)) {
  section.cta__image {
    padding-top: 35px;
  }
}

section.cta__icon, section.cta__image {
  margin-bottom: 100px;
}

.cta__heading {
  text-align: center;
  padding-bottom: 65px;
}
.cta__item__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
.cta__item__wrapper.cols-1 .cta__item__icon-content__text-title {
  font-size: clamp(1.4285714286rem, 28 * var(--w-unit), 2.8571428571rem);
}
.cta__item__wrapper.cols-2 .cta__item__icon-content__text-title {
  font-size: clamp(1.2857142857rem, 25 * var(--w-unit), 2.1428571429rem);
}
.cta__item__wrapper.cols-4 .cta__item__icon-content__text-title {
  font-size: clamp(1.1428571429rem, 20 * var(--w-unit), 2rem);
}
@media ((min-width: 1025px)) {
  .cta__item__wrapper.cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .cta__item__wrapper.cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .cta__item__wrapper.cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cta__item-img {
  width: 100%;
}
.cta__item__img-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
@media ((min-width: 481px)) {
  .cta__item__img-content {
    margin-bottom: 60px;
    flex-direction: row;
  }
}
@media ((min-width: 1025px)) {
  .cta__item__img-content {
    margin-bottom: 0;
  }
}
.cta__item__img-content__img-wrapper {
  width: 95%;
  position: relative;
  left: -2.5%;
  position: relative;
  z-index: 3;
  top: 0;
  border-radius: 20px;
  max-height: 250px;
  overflow: hidden;
}
@media ((min-width: 481px)) {
  .cta__item__img-content__img-wrapper {
    width: 45%;
    left: 0;
  }
}
@media ((min-width: 1025px)) {
  .cta__item__img-content__img-wrapper {
    width: 55%;
  }
}
@media ((min-width: 481px)) {
  .cta__item__img-content__img-wrapper {
    top: -35px;
  }
}
.cta__item__img-content-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cta__item__img-content__text {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  position: relative;
  padding: 20px;
}
@media ((min-width: 481px)) {
  .cta__item__img-content__text {
    width: 55%;
  }
}
@media ((min-width: 1025px)) {
  .cta__item__img-content__text {
    width: 45%;
  }
}
.cta__item__img-content__text h2 {
  font-size: clamp(1.4285714286rem, 22 * var(--w-unit), 1.7857142857rem);
  line-height: 1.2;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
}
.cta__item__img-content__text h2::before {
  content: "";
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background: #f51a00;
  display: inline-block;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 3px;
  box-shadow: 3px 3px 0 #000;
}
.cta__item__img-content__text p {
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1rem);
}
.cta__item__img-content__text a {
  font-weight: 700;
  display: block;
  text-decoration: underline;
  margin-top: 10px;
}
.cta__item__img-content__text h2, .cta__item__img-content__text p, .cta__item__img-content__text a {
  position: relative;
  z-index: 3;
}
.cta__item__img-content__text::before {
  content: "";
  position: absolute;
  top: -50px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f6f6f6;
  border-radius: 20px;
}
@media ((min-width: 481px)) {
  .cta__item__img-content__text::before {
    top: 0;
    left: -100px;
  }
}
.cta__item__icon-content {
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
}
.cta__item__icon-content__text {
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.cta__item__icon-content__text-link {
  font-weight: 700;
  font-size: clamp(1.1428571429rem, 18 * var(--w-unit), 1.4285714286rem);
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  margin-top: 35px;
  transition: all 0.2s ease-in-out;
}
.cta__item__icon-content__text-link__icon {
  width: 18px;
  height: 28px;
  display: inline-block;
  padding-left: 10px;
}
.cta__item__icon-content__text-link:hover {
  gap: 20px;
}
.cta__item__icon-content__img-wrapper {
  text-align: center;
}
.cta__item__icon-content-img {
  margin: 0 auto 10px;
  height: 43px;
}
.cta__item__icon-content-bg {
  position: absolute;
  right: 40%;
  top: 25%;
  z-index: 1;
}
.cta__item__icon-content-bgimg {
  width: auto;
  height: 120%;
}
.cta__item__icon-content.bg-black {
  background: #000;
}
.cta__item__icon-content.bg-black h2, .cta__item__icon-content.bg-black p, .cta__item__icon-content.bg-black a {
  color: #ffffff;
  word-break: break-word;
}
.cta__item__icon-content.bg-yellow {
  background: #f51a00;
}
.cta__item__icon-content.bg-yellow h2, .cta__item__icon-content.bg-yellow p, .cta__item__icon-content.bg-yellow a {
  color: #000;
  word-break: break-word;
}
.cta__item__icon-content.bg-yellow .icon-icon-arrow-right-link {
  filter: brightness(0);
}
@media ((min-width: 481px)) {
  .cta__item__icon-content {
    padding: 30px;
  }
}
@media ((min-width: 1025px)) {
  .cta__item__icon-content {
    padding: 30px;
    margin-bottom: 0;
  }
}

.tabbed-content__title {
  grid-column: span 4;
  padding-bottom: 32px;
  font-size: clamp(2.2857142857rem, 36 * var(--w-unit), 2.8571428571rem);
  font-weight: 700;
  color: #404f5b;
}
@media ((min-width: 1025px)) {
  .tabbed-content__title {
    grid-column: 2/12;
    font-size: clamp(2.2857142857rem, 38 * var(--w-unit), 3.1428571429rem);
  }
}
.tabbed-content__list-container {
  position: relative;
  z-index: 1;
  flex-direction: column;
  grid-column: span 4;
  display: flex;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
@media ((min-width: 481px)) {
  .tabbed-content__list-container {
    grid-column: span 6;
  }
}
@media ((min-width: 1025px)) {
  .tabbed-content__list-container {
    flex-direction: row;
    grid-column: 2/12;
    margin-bottom: -1px;
  }
}
.tabbed-content__list-title {
  padding: 8px 12px;
  border-bottom: 1px solid #404f5b;
  background-color: #fff;
  opacity: 1;
  font-weight: 400;
  color: #404f5b;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
  white-space: nowrap;
}
.tabbed-content__list-title--hide {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
@media ((min-width: 1025px)) {
  .tabbed-content__list-title--hide {
    position: initial;
    z-index: initial;
    border-bottom: none;
    background-color: #404f5b;
    opacity: 1;
    color: #fff;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
  }
  .tabbed-content__list-title--hide:last-of-type {
    padding-right: 64px;
    clip-path: polygon(-1% 0, 68% 0, 100% 100%, -1% 100%);
  }
  .tabbed-content__list-title--hide:focus, .tabbed-content__list-title--hide:hover {
    color: #b1c91e;
  }
}
.tabbed-content__list-title--active {
  position: relative;
  z-index: initial;
  justify-content: center;
  gap: 24px;
  display: flex;
  border: 1px solid #404f5b;
  background-color: #404f5b;
  opacity: 1;
  font-weight: 700;
  color: #fff;
  order: -1;
}
@media ((min-width: 1025px)) {
  .tabbed-content__list-title--active {
    position: initial;
    z-index: initial;
    gap: 0;
    border: none;
    border-bottom: 2px solid #404f5b;
    background-color: transparent;
    opacity: 1;
    color: #404f5b;
    cursor: pointer;
    order: initial;
  }
}
.tabbed-content__list-title--active::before {
  content: url('data:image/svg+xml, <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L9 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> ');
  order: 1;
}
@media ((min-width: 1025px)) {
  .tabbed-content__list-title--active::before {
    content: "";
  }
}
@media ((min-width: 1025px)) {
  .tabbed-content__gallery-container {
    grid-column: span 6;
    order: 1;
  }
}
.tabbed-content__gallery-slide {
  object-fit: cover;
}
@media ((min-width: 1025px)) {
  .tabbed-content__gallery-slide {
    aspect-ratio: 1;
  }
}
.tabbed-content__tabs-container {
  position: relative;
  grid-column: span 4;
}
@media ((min-width: 481px)) {
  .tabbed-content__tabs-container {
    grid-column: span 6;
  }
}
@media ((min-width: 1025px)) {
  .tabbed-content__tabs-container {
    grid-column: 2/12;
    border-top: 2px solid #404f5b;
  }
}
.tabbed-content__tab-container {
  transition: opacity 0.3s ease-in-out;
}
@media ((min-width: 1025px)) {
  .tabbed-content__tab-container {
    align-items: center;
    grid-template-columns: repeat(12, 1fr);
    gap: 48px;
    display: grid;
  }
}
.tabbed-content__tab-container--active {
  position: relative;
  opacity: 1;
}
.tabbed-content__tab-container--hide {
  position: absolute;
  opacity: 0;
}
.tabbed-content__tab-text-container {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media ((min-width: 1025px)) {
  .tabbed-content__tab-text-container {
    grid-column: span 6;
  }
}
.tabbed-content__tab-text-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabbed-content__tab-text-container li {
  padding: 8px 16px 8px 18px;
  border-bottom: 1px solid #c5c5c5;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem);
}
.tabbed-content__tab-text-container li::before {
  position: relative;
  left: -18px;
  content: url('data:image/svg+xml, <svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 5.11719C9 2.63191 6.98528 0.617188 4.5 0.617188C2.01472 0.617188 0 2.63191 0 5.11719C0 7.60247 2.01472 9.61719 4.5 9.61719C6.98528 9.61719 9 7.60247 9 5.11719Z" fill="#B1C91E"/></svg> ');
}
.tabbed-content__tab-text-container li:first-of-type {
  margin-top: 32px;
}
.tabbed-content__tab-text-container li:last-of-type {
  margin-bottom: 32px;
}
.tabbed-content__tab-text-container p {
  margin: 0;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem);
  line-height: 1.5em;
}
@media ((min-width: 1025px)) {
  .tabbed-content__tab-text-container p {
    font-size: clamp(0.8571428571rem, 14 * var(--w-unit), 1.1428571429rem);
  }
}
.tabbed-content__tab-button-container {
  display: flex;
  margin-top: 32px;
}
.tabbed-content__tab-download-button {
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 8px 12px;
  border: 1px solid #404f5b;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem);
  font-weight: 700;
  text-align: center;
}
.tabbed-content__tab-download-button::before {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 20px;
  height: 21px;
  padding-right: 12px;
  content: url('data:image/svg+xml, <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2491 1.83594C11.2491 1.50442 11.1174 1.18647 10.8829 0.952054C10.6485 0.717634 10.3306 0.585938 9.99906 0.585938C9.66754 0.585938 9.34959 0.717634 9.11517 0.952054C8.88075 1.18647 8.74906 1.50442 8.74906 1.83594V11.3089L5.88606 8.44394C5.76997 8.32785 5.63215 8.23576 5.48047 8.17294C5.3288 8.11011 5.16623 8.07777 5.00206 8.07777C4.67049 8.07777 4.35251 8.20949 4.11806 8.44394C4.00197 8.56003 3.90988 8.69784 3.84705 8.84952C3.78423 9.0012 3.75189 9.16376 3.75189 9.32794C3.75189 9.6595 3.88361 9.97749 4.11806 10.2119L9.11806 15.2119C9.35262 15.4462 9.67056 15.5778 10.0021 15.5778C10.3336 15.5778 10.6515 15.4462 10.8861 15.2119L15.8861 10.2119C16.1205 9.97616 16.2517 9.65691 16.2508 9.3244C16.2498 8.9919 16.1168 8.67339 15.8811 8.43894C15.6453 8.20449 15.326 8.0733 14.9935 8.07424C14.661 8.07517 14.3425 8.20816 14.1081 8.44394L11.2471 11.3089L11.2491 1.83594ZM2.50806 14.3269C2.17975 14.3269 1.85466 14.3916 1.55135 14.5172C1.24803 14.6429 0.972436 14.827 0.74029 15.0592C0.508143 15.2913 0.323995 15.5669 0.198358 15.8702C0.072721 16.1735 0.00805664 16.4986 0.00805664 16.8269L0.00805664 18.0759C0.00805664 18.739 0.271449 19.3749 0.74029 19.8437C1.20913 20.3125 1.84502 20.5759 2.50806 20.5759H17.4951C18.1581 20.5759 18.794 20.3125 19.2628 19.8437C19.7317 19.3749 19.9951 18.739 19.9951 18.0759V16.8249C19.9951 16.1619 19.7317 15.526 19.2628 15.0572C18.794 14.5883 18.1581 14.3249 17.4951 14.3249H13.5331L11.7651 16.0929C11.2964 16.5607 10.6612 16.8234 9.99906 16.8234C9.33688 16.8234 8.70175 16.5607 8.23306 16.0929L6.46806 14.3269H2.50806ZM16.8721 16.5129C17.0574 16.5129 17.2385 16.5679 17.3926 16.6709C17.5467 16.7738 17.6668 16.9201 17.7377 17.0914C17.8087 17.2626 17.8272 17.451 17.7911 17.6327C17.7549 17.8145 17.6657 17.9815 17.5346 18.1125C17.4036 18.2435 17.2366 18.3328 17.0549 18.3689C16.8731 18.4051 16.6847 18.3865 16.5135 18.3156C16.3423 18.2447 16.1959 18.1246 16.093 17.9705C15.99 17.8164 15.9351 17.6353 15.9351 17.4499C15.9348 17.2016 16.0331 16.9633 16.2084 16.7874C16.3838 16.6116 16.6217 16.5125 16.8701 16.5119L16.8721 16.5129Z" fill="#404F5B"/></svg> ');
}
.tabbed-content__tab-link {
  align-items: center;
  gap: 24px;
  display: flex;
  margin-left: 24px;
  padding: 8px 12px;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem);
  font-weight: 700;
  color: #404f5b;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  text-underline: #404f5b;
}
.tabbed-content__tab-link:after {
  display: inline-flex;
  transform: rotate(-90deg);
  content: url('data:image/svg+xml, <svg fill="none" height="25" viewBox="0 0 8 25" width="8" xmlns="http://www.w3.org/2000/svg"><g stroke="#b1c91e"><path d="m3.75.702148v18.098552" stroke-width="1.5"/><path d="m5.82622 20.2583-2.07622 2.9958-2.07622-2.9958z" fill="#b1c91e"/></g></svg>');
}
.tabbed-content__space__bottom--nothing {
  margin-bottom: 0;
}
.tabbed-content__space__bottom--small {
  margin-bottom: 50px;
}
.tabbed-content__space__bottom--big {
  margin-bottom: 100px;
}
.tabbed-content-arrow-prev {
  left: -1.5em;
  width: 3em;
  height: 3em;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  opacity: 1;
}
.tabbed-content-arrow-next {
  right: -1.5em;
  width: 3em;
  height: 3em;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  opacity: 1;
}

.contact-section__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #f51a00;
}
@media ((min-width: 1025px)) {
  .contact-section__wrapper {
    flex-direction: row;
  }
}
.contact-section__map {
  width: 100%;
  position: relative;
  z-index: 2;
  display: none;
}
@media ((min-width: 1025px)) {
  .contact-section__map {
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
  }
  .contact-section__map .leaflet-map {
    width: 100%;
    height: 100% !important;
  }
}
.contact-section__form {
  width: 100%;
  position: relative;
  z-index: 2;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media ((min-width: 1025px)) {
  .contact-section__form {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.contact-section__coordinates {
  background: #000;
  grid-column-gap: var(--grid-gutter);
  display: grid;
  width: 100%;
  max-width: var(--grid-width);
  margin: auto;
  padding: 35px min(var(--margin) * var(--w-unit), var(--margin) * 1px);
  box-sizing: border-box;
}
@media ((min-width: 1025px)) {
  .contact-section__coordinates {
    border-radius: 20px;
    padding: 30px 0 0;
  }
}
.contact-section__coordinates-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: baseline;
  box-sizing: border-box;
  padding: 0 20px 5px;
}
.contact-section__coordinates-item__icon {
  width: 20px;
  height: 30px;
  margin-right: 15px;
  position: relative;
  top: 8px;
}
.contact-section__coordinates-item__content {
  color: #ffffff;
  font-style: normal;
  font-weight: 500;
}
.contact-section__coordinates-item__content-nosvg {
  margin-left: 35px;
  color: #ffffff;
  font-style: normal;
}
.contact-section__coordinates-image {
  display: none;
}
@media ((min-width: 1025px)) {
  .contact-section__coordinates-image {
    width: 100%;
    margin-bottom: -10px;
    margin-top: 15px;
    display: block;
  }
}
@media ((min-width: 1025px)) {
  .contact-section__coordinates {
    width: 310px;
    position: absolute;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    z-index: 3;
  }
}

.numbers-background {
  position: relative;
}
.numbers-background:before {
  position: absolute;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 800px;
  margin: 0 auto;
  background: url('data:image/svg+xml, <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="604.13" height="817.395" viewBox="0 0 604.13 817.395"><path id="Pfad_651" d="M595.092,117.778l9.038-54.606L325.481,0,0,73.785l.456,44.584C.513,123.4,2.112,242.851,37.594,384.96,58.711,469.5,87.544,544.767,123.3,608.626c46.215,82.551,104.255,146.428,172.5,189.887L325.481,817.4l29.678-18.882c68.054-43.34,125.959-106.982,172.115-189.2h-64.3c-35.468,56.205-80.454,106.265-137.5,142.586C60.447,583.152,55.71,117.814,55.71,117.814L325.481,56.66Z" transform="translate(0 -0.001)"/></svg>') no-repeat center center;
  background-size: contain;
  opacity: 0.1;
  content: "";
  object-fit: contain;
}
@media ((min-width: 481px)) {
  .numbers-background:before {
    background-position: center left;
  }
}
@media ((min-width: 1025px)) {
  .numbers-background:before {
    top: -50%;
    height: 200%;
  }
}
.numbers__title {
  grid-row: 1;
  grid-column: 1/5;
  margin-bottom: 1.5rem;
  font-weight: 300;
}
@media ((min-width: 481px)) {
  .numbers__title {
    grid-column: 1/7;
    margin-bottom: 0;
  }
}
@media ((min-width: 1025px)) {
  .numbers__title {
    grid-column: 1/6;
    margin-bottom: 0;
  }
}
@media ((min-width: 1441px)) {
  .numbers__title {
    grid-column: 1/5;
    margin-bottom: 0;
  }
}
.numbers__container {
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: space-between;
  grid-row: 2;
  grid-column: 1/5;
  gap: 2rem;
  display: flex;
  margin-bottom: 1.5rem;
}
@media ((min-width: 481px)) {
  .numbers__container {
    grid-column: 1/7;
    margin-bottom: 0;
  }
}
@media ((min-width: 1025px)) {
  .numbers__container {
    grid-row: 2;
    grid-column: 1/7;
  }
}
@media ((min-width: 1441px)) {
  .numbers__container {
    grid-row: 2;
    grid-column: 1/6;
  }
}
.numbers__item {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  text-align: center;
}
.numbers__superline {
  align-items: flex-end;
  display: flex;
  height: 3rem;
  margin: 0;
  font-size: clamp(0.8571428571rem, 14 * var(--w-unit), 1.1428571429rem);
}
@media ((min-width: 1025px)) {
  .numbers__superline {
    white-space: nowrap;
  }
}
.numbers__value {
  margin: 0;
  font-size: clamp(2.2857142857rem, 36 * var(--w-unit), 2.8571428571rem);
  font-weight: 700;
}
@media ((min-width: 481px)) {
  .numbers__value {
    font-size: clamp(3.1428571429rem, 48 * var(--w-unit), 3.8571428571rem);
  }
}
@media ((min-width: 1025px)) {
  .numbers__value {
    font-size: clamp(4rem, 64 * var(--w-unit), 5.1428571429rem);
    line-height: 1.2;
  }
}
@media ((min-width: 1441px)) {
  .numbers__value {
    line-height: 1.2;
  }
}
.numbers__subline {
  height: 3rem;
  margin: 0;
  font-size: clamp(0.8571428571rem, 14 * var(--w-unit), 1.1428571429rem);
}
.numbers__text {
  margin-top: 0.5rem;
}
.numbers__text-wrapper {
  position: relative;
  z-index: 1;
  grid-row: 3;
  grid-column: 1/5;
}
@media ((min-width: 481px)) {
  .numbers__text-wrapper {
    grid-column: 1/7;
  }
}
@media ((min-width: 1025px)) {
  .numbers__text-wrapper {
    grid-row: 1/3;
    grid-column: 7/13;
    margin-left: 2.5rem;
  }
}
@media ((min-width: 1441px)) {
  .numbers__text-wrapper {
    grid-row: 1/3;
    grid-column: 6/13;
    margin-left: 2.5rem;
  }
}
.numbers__text-wrapper * {
  font-size: clamp(0.8571428571rem, 16 * var(--w-unit), 1.2857142857rem);
}
.numbers__link {
  grid-row: 4;
  grid-column: 1/5;
  display: inline-block;
  padding: 12px 24px;
  font-family: var(--standard-family);
  font-size: clamp(0.8571428571rem, 16 * var(--w-unit), 1.2857142857rem);
  transition: scale 250ms, color 250ms ease-in-out;
}
@media ((min-width: 1025px)) {
  .numbers__link:hover, .numbers__link:focus {
    scale: 1.05;
  }
}
.numbers__under-space--nothing {
  margin-bottom: 0;
}
.numbers__under-space--small {
  margin-bottom: 50px;
}
.numbers__under-space--big {
  margin-bottom: 100px;
}

.video__under-space--nothing {
  margin-bottom: 0;
}
.video__under-space--small {
  margin-bottom: 75px;
}
.video__under-space--big {
  margin-bottom: 150px;
}
.video__headline {
  grid-column: 1/5;
  margin: 0;
  font-size: clamp(2.2857142857rem, 40 * var(--w-unit), 3.4285714286rem);
  font-weight: 700;
  text-align: center;
}
@media ((min-width: 481px)) {
  .video__headline {
    grid-column: 1/7;
  }
}
@media ((min-width: 1025px)) {
  .video__headline {
    grid-column: 3/11;
  }
}
.video__subline {
  grid-column: 1/5;
  margin: 0;
  font-size: clamp(1.1428571429rem, 18 * var(--w-unit), 1.4285714286rem);
  font-weight: 700;
  line-height: 1.5em;
  text-align: center;
}
@media ((min-width: 481px)) {
  .video__subline {
    grid-column: 1/7;
  }
}
@media ((min-width: 1025px)) {
  .video__subline {
    grid-column: 6/8;
  }
}
.video__text {
  grid-column: 1/5;
  margin: 0 0 25px;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem);
  text-align: center;
}
@media ((min-width: 481px)) {
  .video__text {
    grid-column: 1/7;
    margin-bottom: 50px;
  }
}
@media ((min-width: 1025px)) {
  .video__text {
    grid-column: 3/11;
    margin-bottom: 100px;
  }
}
.video__text__under-space--nothing {
  margin-bottom: 0;
}
.video__text__under-space--small {
  margin-bottom: 50px;
}
.video__text__under-space--medium {
  margin-bottom: 100px;
}
.video__text__under-space--high {
  margin-bottom: 150px;
}
.video__container {
  position: relative;
  grid-column: 1/5;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
@media ((min-width: 481px)) {
  .video__container {
    grid-column: 1/7;
  }
}
@media ((min-width: 1025px)) {
  .video__container {
    grid-column: 2/12;
  }
}
.video__container-element {
  aspect-ratio: 16/9;
}
.video__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.video__layer {
  position: absolute;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.video__layer__text {
  max-width: 30rem;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}
.video__layer__text * {
  margin: 0;
  padding: 1rem;
  font-size: clamp(1rem, 16 * var(--w-unit), 1.2857142857rem);
  line-height: 1.75em;
}
.video__layer__button {
  margin: 0;
  padding: 1rem 1.5rem;
  border: none;
  background-color: transparent;
}
.video__layer__button svg {
  width: 120px;
  transform: scale(1);
  transition: transform 250ms ease-in-out;
}
@media ((min-width: 1025px)) {
  .video__layer__button:hover, .video__layer__button:focus {
    cursor: pointer;
  }
  .video__layer__button:hover svg, .video__layer__button:focus svg {
    transform: scale(1.1);
  }
}

@media ((min-width: 1025px)) {
  .stage--small {
    margin-bottom: -50px;
  }
}
.stage--big {
  margin: 60px 0;
}
.stage--big img {
  border-radius: 20px;
}
.stage-small {
  position: relative;
  display: flex;
  width: 100%;
  background-image: url(../svg/bg-shapes.svg);
  background-repeat: repeat-x;
  padding: 75px 0;
}
@media ((min-width: 1025px)) {
  .stage-small {
    margin-top: -110px;
    padding: 185px 0 235px;
    margin-bottom: -150px;
  }
}
.stage-small__background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
.stage-small__background-vector {
  width: 100%;
  height: auto;
}
.stage-small__content {
  align-content: center;
}
.stage-small__superline {
  margin: 0 0 5px;
  font-weight: 700;
  text-align: center;
}
.stage-small__headline {
  margin: 0 0 20px;
  font-size: clamp(2.5rem, 40 * var(--w-unit), 3.5714285714rem);
  line-height: 1.11;
  text-align: center;
}
.stage-small__text {
  text-align: center;
}
.stage-big {
  position: relative;
  display: flex;
  width: 100%;
  height: 100vh;
  max-height: 300px;
  margin: 0;
  perspective: calc(1330 * var(--w-unit));
  overflow: visible;
}
@media ((min-width: 481px)) {
  .stage-big {
    width: 100%;
    max-height: 400px;
    margin: 0;
  }
}
@media ((min-width: 1025px)) {
  .stage-big {
    width: 100%;
    max-height: 600px;
    margin: 0;
  }
}
.stage-big .splide__arrow {
  background: #fff;
  width: 55px;
  height: 55px;
  opacity: 1;
}
.stage-big .splide__arrow svg {
  width: 21px;
  height: 21px;
}
.stage-big__track {
  overflow: hidden;
  width: 100%;
}
.stage-big__slider {
  display: flex;
  height: 100%;
}
.stage-big__slider__slide {
  position: relative;
  flex: 0 0 100%;
  height: 100%;
  overflow: hidden;
}
.stage-big__slider__slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stage-big__slider__slide-image-wrapper {
  z-index: 0;
  width: 100%;
  height: 100%;
}
.stage-big__slider__slide-content {
  position: relative;
  z-index: 10;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  display: grid;
  height: 100%;
}
@media ((min-width: 481px)) {
  .stage-big__slider__slide-content {
    align-items: flex-start;
    display: flex;
    width: calc(570 * var(--w-unit));
    margin-left: calc(180 * var(--w-unit));
    padding: 0;
  }
}
@media ((min-width: 1025px)) {
  .stage-big__slider__slide-content {
    width: calc(751 * var(--w-unit));
    margin-left: calc(330 * var(--w-unit));
  }
}
.stage-big__slider__slide-headline {
  margin: 0 0 10px;
}
.stage-big__slider__slide-text {
  width: min(449 * var(--w-unit), 100%);
  margin: 0 0 22px;
  color: #fff;
}
.stage-big__slider__slide-cta {
  min-height: 22px;
  padding: 13px 12px;
}
.stage-big__slider__slide-cta::before {
  margin-left: -37px;
}
@media ((min-width: 481px)) {
  .stage-big__slider__slide-cta::before {
    margin-left: 0;
  }
}
.stage-big__slider__pagination {
  position: absolute;
  right: calc(var(--nav-width) + 15px);
  bottom: 15px;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.stage-big__slider__pagination-page {
  width: 20px;
  height: 20px;
  margin-left: 7px;
  border: none;
  outline: none;
  background: #fff;
  cursor: pointer;
}
.stage-big__slider__pagination-page.is-active {
  background: #b1c91e;
}
.stage-big__certifications {
  display: flex;
  margin: 0 min(var(--margin) * var(--w-unit), var(--margin) * 1px);
  padding: 0;
  list-style: none;
}
@media ((min-width: 481px)) {
  .stage-big__certifications {
    margin: 0 min(var(--margin) * var(--w-unit), var(--margin) * 1px) 0 calc(min(var(--margin) * var(--w-unit), var(--margin) * 1px) + var(--w-unit) * 150);
  }
}
.stage-big__certifications-item {
  height: 80px;
}
.stage-big__certifications-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.stage-big__categories {
  display: flex;
  flex-direction: column;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  justify-content: center;
  transform: translateY(-45px);
}
@media ((min-width: 481px)) {
  .stage-big__categories {
    flex-direction: row;
    flex-flow: wrap;
    transform: translateY(-10%);
    margin-bottom: -45px;
  }
}
@media ((min-width: 1025px)) {
  .stage-big__categories {
    flex-flow: inherit;
    transform: translateY(-50%);
    margin-bottom: 0px;
  }
}
.stage-big__categories-item {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
  width: 70%;
  text-align: center;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.stage-big__categories-item svg {
  transition: all 0.2s ease-in-out;
}
.stage-big__categories-item:hover a, .stage-big__categories-item a:hover {
  color: #fff !important;
}
.stage-big__categories-item a {
  transition: all 0 linear;
}
.stage-big__categories-item:hover svg {
  filter: invert(1);
}
@media ((min-width: 481px)) {
  .stage-big__categories-item {
    width: 35%;
    max-width: 175px;
    padding: 20px 15px;
    margin-right: inherit;
    margin-left: inherit;
  }
}
@media ((min-width: 1025px)) {
  .stage-big__categories-item {
    padding: 45px 15px;
    max-width: 175px;
    text-align: center;
    margin-right: inherit;
    margin-left: inherit;
  }
  .stage-big__categories-item:hover {
    background: #f51a00;
    color: #fff;
    border-color: #f51a00;
  }
}
.stage-big__categories-name {
  font-weight: 700;
  font-size: clamp(1.0714285714rem, 16 * var(--w-unit), 1.2857142857rem);
}
.stage-big__categories-logo {
  width: 100%;
  max-height: 38px;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .stage-big__content.g {
    padding: 0 !important;
  }
}
.stage-big__content {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}

.stage-big__slider__slide {
  position: relative;
  overflow: hidden;
}

.stage-big__slider__slide-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  border-radius: 30px !important;
  overflow: hidden;
  display: block;
}

.stage-big__slider__slide-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 65px;
  color: #fff;
  z-index: 6;
  border-radius: 30px;
  overflow: hidden;
  font-size: 48px;
}
.stage-big__slider__slide-content p {
  font-size: 18px;
}
.stage-big__slider__slide-content strong {
  font-family: "Revue";
  font-weight: 500 !important;
}

:root {
  --logo-slider-max-width: 860px;
  --transition-duration: 250ms;
  --scale-factor: 0.95;
}

.logo-slider {
  align-items: center;
  justify-content: center;
  margin: auto auto 100px;
}
.logo-slider__text-alignment--left {
  text-align: left;
}
.logo-slider__text-alignment--center {
  text-align: center;
}
.logo-slider__text-alignment--right {
  text-align: right;
}
.logo-slider__space__bottom--nothing {
  margin-bottom: 0;
}
.logo-slider__space__bottom--small {
  margin-bottom: 50px;
}
.logo-slider__space__bottom--big {
  margin-bottom: 100px;
}
.logo-slider__list_lists {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 30px;
  margin-top: 75px;
}
@media ((min-width: 481px)) {
  .logo-slider__list_lists {
    grid-template-columns: repeat(3, 1fr);
    gap: 0 30px;
    margin-top: 75px;
  }
}
@media ((min-width: 1025px)) {
  .logo-slider__list_lists {
    grid-template-columns: repeat(7, 1fr);
    gap: 0 30px;
    margin-top: 75px;
  }
}
.logo-slider__list_lists li {
  text-transform: uppercase;
  line-height: 2;
}
.logo-slider__wrapper__title {
  margin: 0;
  padding-bottom: 0.5rem;
  font-size: clamp(2rem, 45 * var(--w-unit), 3.2142857143rem);
}
.logo-slider__wrapper__title.space-bottom {
  padding-bottom: 45px;
}
.logo-slider__wrapper__text {
  margin: 0;
  padding-bottom: 1rem;
  font-size: 1rem;
}
.logo-slider__slider__image {
  object-fit: contain;
}
.logo-slider__slider__slide-hover .logo-slider__slider__image, .logo-slider__slider__slide-hover {
  transition: filter 250ms ease-in-out;
  filter: grayscale(1);
}
@media ((min-width: 1025px)) {
  .logo-slider__slider__slide-hover .logo-slider__slider__image:focus .logo-slider__slider__image, .logo-slider__slider__slide-hover .logo-slider__slider__image:hover .logo-slider__slider__image, .logo-slider__slider__slide-hover:focus .logo-slider__slider__image, .logo-slider__slider__slide-hover:hover .logo-slider__slider__image {
    transition: 250ms ease-in-out;
    filter: initial;
    cursor: pointer;
  }
  .logo-slider__slider__slide-hover .logo-slider__slider__image:focus, .logo-slider__slider__slide-hover .logo-slider__slider__image:hover, .logo-slider__slider__slide-hover:focus, .logo-slider__slider__slide-hover:hover {
    transition: 250ms ease-in-out;
    filter: initial;
  }
}

.logo-slider__list-trigger {
  background: #fff;
  display: flex;
  position: relative;
  margin: 30px auto 0;
  border-radius: 20px;
  font-weight: 700;
  font-size: clamp(1.1428571429rem, 18 * var(--w-unit), 1.4285714286rem);
  border: 1px solid #000;
  padding: 5px 15px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.logo-slider__list-trigger:hover {
  background: #000000;
  color: #ffffff;
}

.logo-slider__list-trigger-wrapper {
  position: relative;
}
.logo-slider__list-trigger-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='black' stroke-width='2' stroke-dasharray='6%2c 14' stroke-dashoffset='2' stroke-linecap='square'/%3e%3c/svg%3e");
}

.teaser {
  --col-start-headline: 1;
  --col-start-text: 1;
  --col-start-link: 1;
  --col-end-headline: 1;
  --col-end-text: 1;
  --col-end-link: 1;
  margin: 0 0 100px;
}
.teaser--full {
  display: flex;
}
.teaser--left {
  --col-start-headline: 1;
  --col-start-text: 1;
  --col-start-link: 1;
  --col-end-headline: 13;
  --col-end-text: 11;
  --col-end-link: 7;
  --link-margin: 0 auto 0 0;
  text-align: left;
}
.teaser--left.teaser--medium {
  --col-start-headline: 2;
  --col-start-text: 2;
  --col-start-link: 2;
  --col-end-headline: 12;
  --col-end-text: 11;
  --col-end-link: 8;
}
.teaser--center {
  --col-start-headline: 1;
  --col-start-text: 3;
  --col-start-link: 4;
  --col-end-headline: 13;
  --col-end-text: 11;
  --col-end-link: 10;
  --link-margin: auto;
  text-align: center;
}
.teaser--center.teaser--medium {
  --col-start-headline: 2;
  --col-start-text: 3;
  --col-start-link: 4;
  --col-end-headline: 12;
  --col-end-text: 11;
  --col-end-link: 10;
}
.teaser--right {
  --col-start-headline: 1;
  --col-start-text: 3;
  --col-start-link: 4;
  --col-end-headline: 13;
  --col-end-text: 13;
  --col-end-link: 13;
  --link-margin: 0 0 0 auto;
  text-align: right;
}
.teaser--right.teaser--medium {
  --col-start-headline: 2;
  --col-start-text: 3;
  --col-start-link: 6;
  --col-end-headline: 12;
  --col-end-text: 12;
  --col-end-link: 12;
}
.teaser--small {
  --col-start-headline: 2;
  --col-start-text: 2;
  --col-start-link: 2;
  --col-end-headline: 8;
  --col-end-text: 8;
  --col-end-link: 8;
}
.teaser__wrapper {
  position: relative;
  flex: 1 1 auto;
  display: flex;
}
.teaser__background {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #404f5b;
  transition: background 350ms ease-in-out;
  overflow: hidden;
}
.teaser__background__image {
  width: 100%;
  height: 100%;
  opacity: 0.12;
  transition: opacity 350ms ease-in-out;
  object-fit: cover;
}
.teaser__content {
  position: relative;
  z-index: 1;
  margin: 120px auto;
  color: #fff;
}
.teaser__content--medium, .teaser__content--small {
  padding: 0;
}
.teaser__content--small {
  grid-template-columns: repeat(8, 1fr);
}
.teaser__content__icon {
  grid-row: 1/span 1;
  grid-column: var(--col-start-headline)/var(--col-end-headline);
  display: block;
  width: 45px;
  height: 45px;
  margin: var(--link-margin);
  margin-bottom: 20px;
  transition: fill 350ms ease-in-out;
  fill: #b1c91e;
}
.teaser__content__headline {
  grid-row: 2/span 1;
  grid-column: var(--col-start-headline)/var(--col-end-headline);
  margin: 0 0 30px;
  font-size: clamp(2.5714285714rem, 50 * var(--w-unit), 3.5714285714rem);
  line-height: 1.2;
  color: #fff;
}
.teaser__content__headline strong {
  color: #b1c91e;
  transition: color 350ms ease-in-out;
}
.teaser__content__text {
  grid-row: 3/span 1;
  grid-column: var(--col-start-text)/var(--col-end-text);
  margin: 0 0 30px;
  font-size: 14px;
  line-height: 1.5;
}
.teaser__content__link {
  position: relative;
  grid-row: 4/span 1;
  grid-column: var(--col-start-link)/var(--col-end-link);
  display: block;
  margin: var(--link-margin);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
.teaser__content__link:after {
  position: relative;
  bottom: -5px;
  display: block;
  width: calc(100% + 20px);
  height: 2px;
  margin: 0 -10px;
  background-image: linear-gradient(to right, transparent 0%, transparent 50%, currentColor 50%, currentColor 100%);
  background-repeat: repeat;
  background-size: 200%;
  background-position: 100% 0;
  transition: background-position 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955), background-size 800ms cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}
@media (hover: hover), (min-width: 1025px) {
  .teaser__content__link:hover {
    color: #fff;
  }
  .teaser__content__link:hover::after {
    background-position: 300% 0;
  }
}
@media (hover: hover), (min-width: 1025px) {
  .teaser:hover .teaser__background {
    background: #b1c91e;
  }
  .teaser:hover .teaser__background__image {
    opacity: 0;
  }
  .teaser:hover .teaser__content__icon {
    fill: #fff;
  }
  .teaser:hover .teaser__content strong {
    color: #fff;
  }
}

.teaser__services {
  margin-bottom: 100px;
}
@media ((min-width: 1025px)) {
  .teaser__services {
    margin-top: 45px;
  }
}
.teaser__services__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media ((min-width: 1025px)) {
  .teaser__services__wrapper {
    flex: 1 0 auto;
    flex-direction: row;
    gap: 30px;
  }
}
.teaser__services__heading {
  width: 100%;
  padding: 30px 0;
}
@media ((min-width: 1025px)) {
  .teaser__services__heading {
    width: 25%;
    padding: 0;
  }
}
.teaser__services__heading-title {
  padding-bottom: 15px;
}
@media ((min-width: 1025px)) {
  .teaser__services__heading-title {
    padding-bottom: 15px;
  }
}
.teaser__services__items-list {
  width: 100%;
}
@media ((min-width: 1025px)) {
  .teaser__services__items-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    width: 75%;
  }
}
.teaser__services__items-item {
  width: 100%;
  margin-bottom: 30px;
}
@media ((min-width: 1025px)) {
  .teaser__services__items-item {
    margin-bottom: 0;
  }
}
.teaser__services__items-item__header {
  display: flex;
  gap: 20px;
  min-height: 75px;
}
.teaser__services__items-item__icon-wrapper {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  background: #f51a00;
  display: flex;
  border-radius: 50%;
  margin-top: auto;
  margin-bottom: auto;
}
.teaser__services__items-item__icon {
  margin: auto;
  max-height: 35px;
  max-width: 35px;
  width: 100%;
  filter: brightness(500);
}
.teaser__services__items-item__title {
  margin-top: auto;
  margin-bottom: auto;
  line-height: 1.1;
  font-size: clamp(1.5rem, 26 * var(--w-unit), 2.2142857143rem);
}
.teaser__services__items-item__content {
  padding: 20px 15px;
  border-radius: 20px;
  border: 1px solid #bfbfbf;
}
@media ((min-width: 1025px)) {
  .teaser__services__items-item__content {
    padding: 30px 20px;
  }
}

.teaser__news {
  margin-bottom: 100px;
}
.teaser__news__heading {
  padding-bottom: 30px;
}
@media ((min-width: 1025px)) {
  .teaser__news__heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}
.teaser__news__cat-icon {
  width: 14px;
  height: 14px;
  margin: 0 3px -3px 0;
  display: inline-block;
}
.teaser__news__items-item__header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden;
}
.teaser__news__items-item__header-img {
  width: 100%;
  height: 200px;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.teaser__news__items-item__body {
  border: 1px solid #bfbfbf;
  border-top-width: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  position: relative;
}
.teaser__news__items-item__cat {
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1rem);
  text-decoration: underline;
  padding-bottom: 10px;
  display: inline-block;
}
.teaser__news__items-item__title {
  font-size: clamp(1.2857142857rem, 22 * var(--w-unit), 2rem);
  line-height: 1.2;
  transition: all 0.2s ease-in-out;
}
.teaser__news__items-item__icon {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  transition: all 0.2s ease-in-out;
}
.teaser__news__items-item__img-link {
  overflow: hidden;
}
.teaser__news__items-item__img-link:hover img {
  transform: scale(1.15);
}
.teaser__news__items-item__link {
  display: block;
  color: #000;
  padding: 10px 10px 25px;
}
.teaser__news__items-item__link:hover {
  text-decoration: none;
  color: #000;
}
.teaser__news__items-item__link:hover h3 {
  color: #f51a00;
}
.teaser__news__items-item__link:hover svg.icon-icon-arrow-red {
  transform: rotate(-45deg);
  filter: saturate(0);
}

.text-media {
  margin-bottom: 100px;
}
@media ((min-width: 481px)) {
  .text-media {
    margin-bottom: 0;
  }
}
.text-media__intro {
  margin-bottom: 60px;
}
.text-media__intro__headline, .text-media__intro__subline, .text-media__intro__text, .text-media__intro__link {
  grid-column-start: 1;
  grid-column-end: span 4;
}
@media ((min-width: 481px)) {
  .text-media__intro__headline, .text-media__intro__subline, .text-media__intro__text, .text-media__intro__link {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
@media ((min-width: 1025px)) {
  .text-media__intro__headline, .text-media__intro__subline, .text-media__intro__text, .text-media__intro__link {
    grid-column-start: 3;
    grid-column-end: span 8;
  }
}
.text-media__intro__headline {
  grid-column-start: 1;
  grid-column-end: span 4;
  margin-bottom: 20px;
  font-size: clamp(2rem, 30 * var(--w-unit), 2.1428571429rem);
  line-height: 1.2;
  text-align: center;
}
@media ((min-width: 481px)) {
  .text-media__intro__headline {
    grid-column-start: 1;
    grid-column-end: span 6;
  }
}
@media ((min-width: 1025px)) {
  .text-media__intro__headline {
    grid-column-start: 2;
    grid-column-end: span 10;
  }
}
.text-media__intro__subline {
  margin-bottom: 20px;
  font-size: clamp(1.2857142857rem, 24 * var(--w-unit), 1.7142857143rem);
  text-align: center;
}
.text-media__intro__text {
  text-align: center;
}
.text-media__intro__superline {
  display: block;
  margin-bottom: 18px;
  font-size: clamp(1rem, 20 * var(--w-unit), 1.4285714286rem);
}
.text-media__wrapper {
  grid-auto-flow: dense;
  grid-template-columns: 100%;
}
@media ((min-width: 1025px)) {
  .text-media__wrapper {
    grid-template-columns: repeat(var(--grid-columns), 1fr);
  }
}
.text-media__image__wrapper--row1, .text-media__text__wrapper--row1 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row1, .text-media__text__wrapper--row1 {
    grid-row-start: 1;
  }
}
.text-media__image__wrapper--row2, .text-media__text__wrapper--row2 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row2, .text-media__text__wrapper--row2 {
    grid-row-start: 2;
  }
}
.text-media__image__wrapper--row3, .text-media__text__wrapper--row3 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row3, .text-media__text__wrapper--row3 {
    grid-row-start: 3;
  }
}
.text-media__image__wrapper--row4, .text-media__text__wrapper--row4 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row4, .text-media__text__wrapper--row4 {
    grid-row-start: 4;
  }
}
.text-media__image__wrapper--row5, .text-media__text__wrapper--row5 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row5, .text-media__text__wrapper--row5 {
    grid-row-start: 5;
  }
}
.text-media__image__wrapper--row6, .text-media__text__wrapper--row6 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row6, .text-media__text__wrapper--row6 {
    grid-row-start: 6;
  }
}
.text-media__image__wrapper--row7, .text-media__text__wrapper--row7 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row7, .text-media__text__wrapper--row7 {
    grid-row-start: 7;
  }
}
.text-media__image__wrapper--row8, .text-media__text__wrapper--row8 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row8, .text-media__text__wrapper--row8 {
    grid-row-start: 8;
  }
}
.text-media__image__wrapper--row9, .text-media__text__wrapper--row9 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row9, .text-media__text__wrapper--row9 {
    grid-row-start: 9;
  }
}
.text-media__image__wrapper--row10, .text-media__text__wrapper--row10 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row10, .text-media__text__wrapper--row10 {
    grid-row-start: 10;
  }
}
.text-media__image__wrapper--row11, .text-media__text__wrapper--row11 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row11, .text-media__text__wrapper--row11 {
    grid-row-start: 11;
  }
}
.text-media__image__wrapper--row12, .text-media__text__wrapper--row12 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row12, .text-media__text__wrapper--row12 {
    grid-row-start: 12;
  }
}
.text-media__image__wrapper--row13, .text-media__text__wrapper--row13 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row13, .text-media__text__wrapper--row13 {
    grid-row-start: 13;
  }
}
.text-media__image__wrapper--row14, .text-media__text__wrapper--row14 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row14, .text-media__text__wrapper--row14 {
    grid-row-start: 14;
  }
}
.text-media__image__wrapper--row15, .text-media__text__wrapper--row15 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row15, .text-media__text__wrapper--row15 {
    grid-row-start: 15;
  }
}
.text-media__image__wrapper--row16, .text-media__text__wrapper--row16 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row16, .text-media__text__wrapper--row16 {
    grid-row-start: 16;
  }
}
.text-media__image__wrapper--row17, .text-media__text__wrapper--row17 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row17, .text-media__text__wrapper--row17 {
    grid-row-start: 17;
  }
}
.text-media__image__wrapper--row18, .text-media__text__wrapper--row18 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row18, .text-media__text__wrapper--row18 {
    grid-row-start: 18;
  }
}
.text-media__image__wrapper--row19, .text-media__text__wrapper--row19 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row19, .text-media__text__wrapper--row19 {
    grid-row-start: 19;
  }
}
.text-media__image__wrapper--row20, .text-media__text__wrapper--row20 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row20, .text-media__text__wrapper--row20 {
    grid-row-start: 20;
  }
}
.text-media__image__wrapper--row21, .text-media__text__wrapper--row21 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row21, .text-media__text__wrapper--row21 {
    grid-row-start: 21;
  }
}
.text-media__image__wrapper--row22, .text-media__text__wrapper--row22 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row22, .text-media__text__wrapper--row22 {
    grid-row-start: 22;
  }
}
.text-media__image__wrapper--row23, .text-media__text__wrapper--row23 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row23, .text-media__text__wrapper--row23 {
    grid-row-start: 23;
  }
}
.text-media__image__wrapper--row24, .text-media__text__wrapper--row24 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row24, .text-media__text__wrapper--row24 {
    grid-row-start: 24;
  }
}
.text-media__image__wrapper--row25, .text-media__text__wrapper--row25 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row25, .text-media__text__wrapper--row25 {
    grid-row-start: 25;
  }
}
.text-media__image__wrapper--row26, .text-media__text__wrapper--row26 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row26, .text-media__text__wrapper--row26 {
    grid-row-start: 26;
  }
}
.text-media__image__wrapper--row27, .text-media__text__wrapper--row27 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row27, .text-media__text__wrapper--row27 {
    grid-row-start: 27;
  }
}
.text-media__image__wrapper--row28, .text-media__text__wrapper--row28 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row28, .text-media__text__wrapper--row28 {
    grid-row-start: 28;
  }
}
.text-media__image__wrapper--row29, .text-media__text__wrapper--row29 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row29, .text-media__text__wrapper--row29 {
    grid-row-start: 29;
  }
}
.text-media__image__wrapper--row30, .text-media__text__wrapper--row30 {
  grid-row-start: auto;
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--row30, .text-media__text__wrapper--row30 {
    grid-row-start: 30;
  }
}
.text-media__image {
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.075);
  object-fit: cover;
  border-radius: 20px;
}
.text-media__image__wrapper {
  grid-column-end: span 4;
  margin-bottom: 30px;
}
@media ((min-width: 481px)) {
  .text-media__image__wrapper {
    grid-column-end: span 3;
    margin-bottom: 45px;
  }
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper {
    grid-column-end: span 6;
    margin-bottom: 100px;
  }
}
.text-media__image__wrapper--left {
  grid-column-start: 1;
}
.text-media__image__wrapper--right {
  grid-column-start: 1;
}
@media ((min-width: 481px)) {
  .text-media__image__wrapper--right {
    grid-column-start: 1;
  }
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--right {
    grid-column-start: 7;
  }
}
.text-media__image__wrapper--center {
  grid-column-start: 1;
  grid-column-end: span 4;
  max-height: 40vh;
  margin-bottom: 30px;
}
@media ((min-width: 481px)) {
  .text-media__image__wrapper--center {
    grid-column-start: 1;
    grid-column-end: span 6;
    margin-bottom: 50px;
  }
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--center {
    grid-column-start: 2;
    grid-column-end: span 10;
    margin-bottom: 50px;
  }
}
.text-media__image__wrapper--inset.text-media__image__wrapper--left {
  grid-column-end: span 4;
}
@media ((min-width: 481px)) {
  .text-media__image__wrapper--inset.text-media__image__wrapper--left {
    grid-column-end: span 4;
  }
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--inset.text-media__image__wrapper--left {
    grid-column-end: span 7;
  }
}
.text-media__image__wrapper--inset.text-media__image__wrapper--right {
  grid-column-start: 1;
  grid-column-end: span 4;
}
@media ((min-width: 481px)) {
  .text-media__image__wrapper--inset.text-media__image__wrapper--right {
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
@media ((min-width: 1025px)) {
  .text-media__image__wrapper--inset.text-media__image__wrapper--right {
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}
.text-media__text__wrapper {
  flex-wrap: wrap;
  align-content: center;
  grid-column-end: span 4;
  display: flex;
  margin-bottom: 30px;
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper {
    grid-column-end: span 3;
    margin-bottom: 75px;
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper {
    grid-column-end: span 6;
    margin-bottom: 100px;
  }
}
.text-media__text__wrapper--left {
  grid-column-start: 1;
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--left {
    grid-column-start: 1;
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--left {
    grid-column-start: 7;
  }
}
.text-media__text__wrapper--right {
  grid-column-start: 1;
}
.text-media__text__wrapper--center {
  grid-column-start: 1;
  grid-column-end: span 4;
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--center {
    grid-column-start: 2;
    grid-column-end: span 4;
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--center {
    grid-column-start: 3;
    grid-column-end: span 8;
  }
}
.text-media__text__wrapper--grey .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper), .text-media__text__wrapper--green .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper) {
  padding: calc(24 * var(--w-unit)) calc(32 * var(--h-unit));
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--grey .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper), .text-media__text__wrapper--green .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper) {
    padding: calc(36 * var(--w-unit)) calc(50 * var(--h-unit));
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--grey .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper), .text-media__text__wrapper--green .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper) {
    padding: calc(48 * var(--w-unit)) calc(70 * var(--h-unit));
  }
}
.text-media__text__wrapper--grey .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper) *:not(a), .text-media__text__wrapper--green .text-media__text__inner-wrapper:not(.text-media__text__wrapper--outline .text-media__text__inner-wrapper) *:not(a) {
  color: #fff;
}
.text-media__text__wrapper--grey .text-media__text__inner-wrapper {
  background: #404f5b;
}
.text-media__text__wrapper--green .text-media__text__inner-wrapper {
  background: #b1c91e;
}
.text-media__text__wrapper--outline .text-media__text__inner-wrapper {
  background: #fff;
}
.text-media__text__wrapper--outline.text-media__text__wrapper--grey .text-media__text__inner-wrapper, .text-media__text__wrapper--outline.text-media__text__wrapper--green .text-media__text__inner-wrapper, .text-media__text__wrapper--outline.text-media__text__wrapper--white .text-media__text__inner-wrapper {
  padding: calc(24 * var(--w-unit)) calc(32 * var(--h-unit));
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--outline.text-media__text__wrapper--grey .text-media__text__inner-wrapper, .text-media__text__wrapper--outline.text-media__text__wrapper--green .text-media__text__inner-wrapper, .text-media__text__wrapper--outline.text-media__text__wrapper--white .text-media__text__inner-wrapper {
    padding: calc(36 * var(--w-unit)) calc(50 * var(--h-unit));
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--outline.text-media__text__wrapper--grey .text-media__text__inner-wrapper, .text-media__text__wrapper--outline.text-media__text__wrapper--green .text-media__text__inner-wrapper, .text-media__text__wrapper--outline.text-media__text__wrapper--white .text-media__text__inner-wrapper {
    padding: calc(48 * var(--w-unit)) calc(70 * var(--h-unit));
  }
}
.text-media__text__wrapper--outline.text-media__text__wrapper--grey .text-media__text__inner-wrapper {
  outline: 1px solid #404f5b;
}
.text-media__text__wrapper--outline.text-media__text__wrapper--green .text-media__text__inner-wrapper {
  outline: 1px solid #b1c91e;
}
.text-media__text__wrapper--outline.text-media__text__wrapper--white .text-media__text__inner-wrapper {
  outline: 0 solid #fff;
}
.text-media__text__wrapper--inset .text-media__text__inner-wrapper {
  margin: 10px 0;
}
.text-media__text__wrapper--inset.text-media__text__wrapper--left {
  grid-column-start: 1;
  grid-column-end: span 4;
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--inset.text-media__text__wrapper--left {
    grid-column-start: 3;
    grid-column-end: span 4;
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--inset.text-media__text__wrapper--left {
    grid-column-start: 6;
    grid-column-end: span 7;
  }
}
.text-media__text__wrapper--inset.text-media__text__wrapper--right {
  grid-column-start: 1;
  grid-column-end: span 4;
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--inset.text-media__text__wrapper--right {
    grid-column-start: 1;
    grid-column-end: span 7;
  }
}
.text-media__text__wrapper--inset.text-media__text__wrapper--center {
  margin-top: 0;
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--inset.text-media__text__wrapper--center {
    margin-top: -100px;
  }
}
.text-media__text__wrapper--inset.text-media__text__wrapper--white .text-media__text__inner-wrapper {
  padding: calc(24 * var(--w-unit)) calc(32 * var(--h-unit));
  background: #fff;
}
@media ((min-width: 481px)) {
  .text-media__text__wrapper--inset.text-media__text__wrapper--white .text-media__text__inner-wrapper {
    padding: calc(36 * var(--w-unit)) calc(50 * var(--h-unit));
  }
}
@media ((min-width: 1025px)) {
  .text-media__text__wrapper--inset.text-media__text__wrapper--white .text-media__text__inner-wrapper {
    padding: calc(48 * var(--w-unit)) calc(70 * var(--h-unit));
  }
}
.text-media__text__inner-wrapper *:last-child {
  margin-bottom: 0;
}
.text-media__text__headline {
  margin-bottom: 35px;
  font-size: clamp(1.5714285714rem, 25 * var(--w-unit), 2rem);
  line-height: 1.2;
  display: flex;
}
.text-media__text__headline::before {
  content: "";
  width: 15px;
  height: 15px;
  background: #f51a00;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 3px;
  box-shadow: 3px 3px 0 #000;
}
.text-media__text__subline {
  margin-bottom: 20px;
  font-size: clamp(0.9285714286rem, 14 * var(--w-unit), 1.0714285714rem);
}
.text-media__text__superline {
  display: block;
  margin-bottom: 18px;
  font-size: clamp(1rem, 20 * var(--w-unit), 1.4285714286rem);
}
.text-media__text__text {
  margin-bottom: 10px;
}
.text-media__text__link {
  display: inline-flex;
}

.timeline {
  position: relative;
}
.timeline__main__headline {
  grid-row: 1;
  grid-column: 1/5;
  margin-bottom: 20px;
  font-size: clamp(2.2857142857rem, 40 * var(--w-unit), 3.4285714286rem);
  font-weight: 700;
  text-align: center;
}
@media ((min-width: 481px)) {
  .timeline__main__headline {
    grid-column: 1/7;
    margin-bottom: 40px;
  }
  .timeline__main__headline-alignment--left {
    text-align: left;
  }
  .timeline__main__headline-alignment--center {
    text-align: center;
  }
  .timeline__main__headline-alignment--right {
    text-align: right;
  }
}
@media ((min-width: 1025px)) {
  .timeline__main__headline {
    grid-column: 3/11;
  }
}
.timeline__main__container {
  grid-row: 2;
  grid-column: 1/5;
}
.timeline__main__container-background:before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url('data:image/svg+xml, <?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="604.13" height="817.395" viewBox="0 0 604.13 817.395"><path id="Pfad_651" d="M595.092,117.778l9.038-54.606L325.481,0,0,73.785l.456,44.584C.513,123.4,2.112,242.851,37.594,384.96,58.711,469.5,87.544,544.767,123.3,608.626c46.215,82.551,104.255,146.428,172.5,189.887L325.481,817.4l29.678-18.882c68.054-43.34,125.959-106.982,172.115-189.2h-64.3c-35.468,56.205-80.454,106.265-137.5,142.586C60.447,583.152,55.71,117.814,55.71,117.814L325.481,56.66Z" transform="translate(0 -0.001)"/></svg>') no-repeat center center;
  background-size: contain;
  opacity: 0.1;
  content: "";
}
@media ((min-width: 1025px)) {
  .timeline__main__container-background:before {
    background-size: contain;
  }
}
@media ((min-width: 481px)) {
  .timeline__main__container {
    grid-column: 2/12;
    border-left: 1px solid #404f5b;
    border-left: none;
  }
}
@media ((min-width: 481px)) {
  .timeline__main__container-alignment--left {
    grid-column: 1/5;
    border-left: 1px solid #404f5b;
  }
}
@media ((min-width: 481px)) {
  .timeline__main__container-alignment--center {
    grid-column: 2/6;
  }
  .timeline__main__container-alignment--center .timeline__single__step-title {
    max-width: initial;
    padding-top: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
  }
  .timeline__main__container-alignment--center .timeline__single__step-text {
    padding: 0 10px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
  }
  .timeline__main__container-alignment--center .timeline__single__step-text * {
    margin-top: 0;
  }
  .timeline__main__container-alignment--center .timeline__single__step-slide:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 50%;
    height: 100%;
    border-right: 1px solid #404f5b;
    content: "";
  }
}
@media ((min-width: 1025px)) {
  .timeline__main__container-alignment--center .timeline__single__step-title {
    max-width: fit-content;
    padding-top: 0;
    background-color: initial;
    text-align: left;
  }
  .timeline__main__container-alignment--center .timeline__single__step-text {
    padding: 0 10px 10px 3rem;
    background-color: initial;
    text-align: left;
  }
  .timeline__main__container-alignment--center .timeline__single__step-slide:before {
    position: initial;
    display: initial;
    width: initial;
    height: initial;
    border-right: none;
    content: "";
  }
}
@media ((min-width: 481px)) {
  .timeline__main__container-alignment--right {
    grid-column: 3/7;
    border-right: 1px solid #404f5b;
  }
  .timeline__main__container-alignment--right .timeline__single__step-title {
    justify-content: flex-end;
    max-width: initial;
    padding-right: 8px;
  }
  .timeline__main__container-alignment--right .timeline__single__step-text {
    margin-bottom: 0;
    padding-right: 8px;
    text-align: right;
  }
}
@media ((min-width: 1025px)) {
  .timeline__main__container-alignment--right .timeline__single__step-title {
    justify-content: flex-start;
    max-width: initial;
    padding-right: 0;
  }
  .timeline__main__container-alignment--right .timeline__single__step-text {
    margin-bottom: 0;
    padding-right: 0;
    text-align: left;
  }
}
@media ((min-width: 1025px)) {
  .timeline__main__container {
    grid-column: 2/12;
    border-right: none;
    border-left: none;
  }
  .timeline__main__container-first-position--left .timeline__single__step-slide:nth-child(odd) {
    max-width: 50.1%;
    margin-right: auto;
    margin-left: 0;
    border-right: 1px solid #404f5b;
  }
  .timeline__main__container-first-position--left .timeline__single__step-slide:nth-child(odd) .timeline__single__step-title {
    margin-left: auto;
    padding-right: 48px;
    padding-left: 0;
  }
  .timeline__main__container-first-position--left .timeline__single__step-slide:nth-child(odd) .timeline__single__step-title-strong {
    text-align: right;
    order: -1;
  }
  .timeline__main__container-first-position--left .timeline__single__step-slide:nth-child(odd) .timeline__single__step-title::before {
    right: -8px;
    left: initial;
  }
  .timeline__main__container-first-position--left .timeline__single__step-slide:nth-child(odd) .timeline__single__step-text {
    padding-right: 48px;
    padding-left: 0;
    text-align: right;
  }
  .timeline__main__container-first-position--left .timeline__single__step-slide:nth-child(even) {
    max-width: 50%;
    margin-right: 0;
    margin-left: auto;
    border-left: 1px solid #404f5b;
  }
  .timeline__main__container-first-position--right .timeline__single__step-slide:nth-child(even) {
    max-width: 50.1%;
    margin-right: auto;
    margin-left: 0;
    border-right: 1px solid #404f5b;
  }
  .timeline__main__container-first-position--right .timeline__single__step-slide:nth-child(even) .timeline__single__step-title {
    margin-left: auto;
    padding-right: 48px;
    padding-left: 0;
  }
  .timeline__main__container-first-position--right .timeline__single__step-slide:nth-child(even) .timeline__single__step-title-strong {
    text-align: right;
    order: -1;
  }
  .timeline__main__container-first-position--right .timeline__single__step-slide:nth-child(even) .timeline__single__step-title::before {
    right: -8px;
    left: initial;
  }
  .timeline__main__container-first-position--right .timeline__single__step-slide:nth-child(even) .timeline__single__step-text {
    padding-right: 48px;
    padding-left: 0;
    text-align: right;
  }
  .timeline__main__container-first-position--right .timeline__single__step-slide:nth-child(odd) {
    max-width: 50%;
    margin-right: 0;
    margin-left: auto;
    border-left: 1px solid #404f5b;
  }
}
@media ((min-width: 481px)) {
  .timeline__single__step-container {
    padding-bottom: 32px;
  }
}
@media ((min-width: 481px)) {
  .timeline__single__step-slide:last-of-type .timeline__single__step-text {
    margin-bottom: 0;
  }
}
@media ((min-width: 481px)) {
  .timeline__single__step-slide:last-of-type .timeline__single__step-container {
    padding-bottom: 0;
  }
}
@media ((min-width: 481px)) {
  .timeline__single__step-text {
    margin-bottom: 72px;
    padding-left: 20px;
  }
}
@media ((min-width: 1025px)) {
  .timeline__single__step-text {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 24px;
    padding-left: 48px;
  }
}
.timeline__single__step-container {
  text-align: center;
}
@media ((min-width: 481px)) {
  .timeline__single__step-container {
    text-align: left;
  }
}
@media ((min-width: 1025px)) {
  .timeline__single__step-container {
    flex-direction: column;
    display: flex;
  }
}
.timeline__single__step-title {
  justify-content: center;
  gap: 16px;
  display: flex;
  padding-bottom: 8px;
  font-size: clamp(1.4285714286rem, 20 * var(--w-unit), 2.2857142857rem);
  font-weight: 700;
  color: #b1c91e;
}
@media ((min-width: 481px)) {
  .timeline__single__step-title {
    max-width: fit-content;
    padding-left: 20px;
    font-size: clamp(1.4285714286rem, 20 * var(--w-unit), 2.2857142857rem);
  }
}
.timeline__single__step-title-strong {
  font-size: clamp(1.4285714286rem, 20 * var(--w-unit), 2.2857142857rem);
  color: #404f5b;
}
@media ((min-width: 481px)) {
  .timeline__single__step-title-strong {
    font-size: clamp(1.4285714286rem, 20 * var(--w-unit), 2.2857142857rem);
  }
}
@media ((min-width: 1025px)) {
  .timeline__single__step-title {
    margin-top: -8px;
    padding-top: 0;
    padding-left: 48px;
    border-bottom: none;
  }
  .timeline__single__step-title::before {
    position: absolute;
    top: 0;
    left: -8px;
    width: 14px;
    height: 14px;
    background: #b1c91e;
    content: "";
  }
}
.timeline__under-space--nothing {
  margin-bottom: 0;
}
.timeline__under-space--small {
  margin-bottom: 50px;
}
.timeline__under-space--big {
  margin-bottom: 100px;
}

/*# sourceMappingURL=style.css.map */