


























@font-face {
  font-family: 'VAGRoundedStd';
  src:  url('https://4546388.fs1.hubspotusercontent-na1.net/hubfs/4546388/Fonts/VAG%20Rounded%20Std%20Thin.woff2') format('woff2'),
        url('https://4546388.fs1.hubspotusercontent-na1.net/hubfs/4546388/Fonts/VAG%20Rounded%20Std%20Thin.woff') format('woff');
}

@font-face {
  font-family: 'VAGRoundedStdBold';
  src:  url('https://4546388.fs1.hubspotusercontent-na1.net/hubfs/4546388/Fonts/VAG%20Rounded%20Std%20Bold.woff2') format('woff2'),
        url('https://4546388.fs1.hubspotusercontent-na1.net/hubfs/4546388/Fonts/VAG%20Rounded%20Std%20Bold.woff') format('woff');
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  color: #000000;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', 'Roboto', 'sans-serif';
  line-height: 1.4;
  overflow-x: hidden;
  background-color: #00385A; 
}

a {
  color: #00385A;
}

a:not(.c-btn):hover {
  opacity: 0.7;
}

ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 24px;
}

p {
  margin-top: 0;
  margin-bottom: 24px;
}

.o-fit {
    object-fit: cover;
    object-position: center center;   
    font-family: 'object-fit: cover;object-position: center center;'; 
    height: 100% !important;
    width: 100% !important;
}

.o-wrapper {
  max-width: 1120px;
  padding: 0 24px;
  margin: 0 auto;
}

img {
  pointer-events: none;
  user-select: none;
  border: none;
}

.container-fluid {
  overflow-x: hidden;
}
h1 {
  font-family: 'VAGRoundedStd', 'sans-serif';
  color: #00385A;
  font-weight: 300;
  font-size: 38px;
  margin-bottom: 24px;
  margin-top: 0;
  line-height: 110%;
}

h2 {
  font-family: 'VAGRoundedStd', 'sans-serif';
  color: #00385A;
  font-weight: 400;
  font-size: 35px;
  margin-bottom: 12px;
  margin-top: 0;
  line-height: 110%;
}

h3 {
  font-family: 'VAGRoundedStd', 'sans-serif';
  color: #00385A;
  font-weight: 400;
  font-size: 28px;
  margin-bottom: 12px;
  margin-top: 0;
  line-height: 110%;
}

h4 {
  font-family: 'VAGRoundedStd', 'sans-serif';
  color: #00385A;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 6px;
  margin-top: 0;
  line-height: 110%;
}

h5 {
  font-family: 'VAGRoundedStd', 'sans-serif';
  color: #00385A;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 6px;
  margin-top: 0;
  line-height: 110%;
}

h6 {
  font-family: 'VAGRoundedStd', 'sans-serif';
  color: #00385A;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 6px;
  margin-top: 0;
  line-height: 110%;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { 
  font-family: 'VAGRoundedStdBold', 'sans-serif';
  font-weight: 500;
}
.c-btn, input[type="submit"] {
  background-color: #E35205;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 30px;
  padding: 12px 24px;
  display: inline-block;
  transition: all .3s ease-in-out;
  border: 1px solid #E35205;
  cursor: pointer;
}

.c-btn:hover, input[type="submit"]:hover {
  background-color: #00385A;
  border: 1px solid #00385A;
}

.c-btn-wrapper {
  margin-top: 48px;
}
.c-back-to-top {
  position: fixed;
  bottom: -2px;
  right: 24px;
  z-index: 9999;
  transform: translateY(100%);
  transition: transform 0.5s ease;
}

.c-back-to-top.shown {
  transform: translateY(0%);
}


.c-back-to-top a {
  display: block;
  line-height: 1px;
}

.c-back-to-top a:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  .c-back-to-top {
    right: 12px;
  }
}

@media (max-width: 768px) {
  .c-back-to-top img {
    width: 75px;
    height: auto;
  }
}
.c-partner-block {
  background-color: #00385A;
  padding: 96px 0;
  position: relative;
}

.c-partner-block .c-rich-text {
  background-color: #FFFFFF;
  padding: 80px 48px  48px;
  margin: auto;
  text-align: left;
  font-size: 20px;
  position: relative;
  margin-top: 48px;
}

.c-partner--icon {
  position: absolute;
  top: -60px;
  left: 60px;
  left: 48px;
  z-index:10;
}

.c-partner-block .c-rich-text h1,
.c-partner-block .c-rich-text h2,
.c-partner-block .c-rich-text h3,
.c-partner-block .c-rich-text h4,
.c-partner-block .c-rich-text h5,
.c-partner-block .c-rich-text h6 {
  color: #E35205;
}

@media (min-width: 980px) {
  .c-partner-block .c-rich-text {
    padding: 88px 96px 64px 64px;
  }
}
.c-hero-video {
  line-height: 0;
  background-color: #FEB600;
  margin-bottom: -6vw;
}

.c-hero-video video {
  width: 100%;
  max-width: 100%;
  margin-bottom: -1px;
}

.c-hero-video {
  --aspect-ratio: 1920 / 1080;

  aspect-ratio: var(--aspect-ratio);
  position: relative;
}

/* aspect-ratio with
support for older browsers (ex. up to iOS v14.5) */
@supports not(aspect-ratio: 1) {
  .c-hero-video::before {
    content: '';
    float: left;
    padding-top: calc((1 / (var(--aspect-ratio))) * 100%);
  }

  .c-hero-video::after {
    content: '';
    display: block;
    clear: both;
  }

  .c-hero-video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.c-hero-video__mobile-text {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='1354' viewBox='0 0 1920 1354'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='1920' height='1354' transform='translate(0 839)' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 -839)' clip-path='url(%23a)'%3E%3Cpath d='M2028.338-21051.574s111.909,19.641,151.738,24.723,118.727,0,118.727,0,112.479,15.848,157.1,22.2,621.1-1.066,639.142,0,413.381.246,472.86,0,396.327-36.277,448.482-22.2,527.55,23.965,600.368,22.2,700.732,3.008,730.514,0,290.327,0,290.327,0l-60.345,1320.293s-730.957-43.426-766.543-41.781-405.677,42.895-482.823,41.781-769.288,11.121-804.959,23.2-295.772-7.594-343.812,0-330.663.391-403.271,0-512.12-23.2-512.12-23.2H2028.338Z' transform='translate(5567.443 -18818.406) rotate(180)' fill='%23f5b108'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  position: relative;
  margin-top: -5vw;
  padding: 10vw 10vw 23vw;
  margin-bottom: -15vw;
  /* color fix */
  background-color: #f5b108;
  box-shadow: -10px -30px 40px  #f5b108;
}

.c-hero-video__mobile-text h1,
.c-hero-video__mobile-text h2 {
  color: white;
}

.c-hero-video__mobile-text h1 {
  font-size: 8.5vw;
  width: 78vw;
}

.c-hero-video__mobile-text h1 div {
  max-width: 92%;
}

.c-hero-video__mobile-text h1 span {
  display: block;
  margin-right: -1vw;
  margin-top: -3vw;
  text-align: right;
}

.c-hero-video__mobile-text h2 {
  font-size: 4.5vw;
  margin-left: 4vw;
  margin-right: 3vw;
  margin-top: 7vw;
  padding-right: 4vw;
}

/* animation */
.c-hero-video__mobile-text h1 {
  line-height: 1;
}

.c-hero-video__mobile-text h1 div,
.c-hero-video__mobile-text h1 svg,
.c-hero-video__mobile-text h1 span, 
.c-hero-video__mobile-text h2 {
  opacity: 0;
  transform: scale(0.1, 0.3) rotate(5deg) translateY(-60%) translateZ(0px);
  transform-origin: bottom left;
  transition: opacity 0.6s ease, transform 0.7s ease;
}

.c-hero-video__mobile-text h1 div.fadeIn,
.c-hero-video__mobile-text h1 svg.fadeIn,
.c-hero-video__mobile-text h1 span.fadeIn, 
.c-hero-video__mobile-text h2.fadeIn {
  opacity: 1;
  transform: scale(1, 1) rotate(0deg) translateY(0%) translateZ(0px);
}

.c-hero-video__mobile-video {
  --aspect-ratio: 980 / 1040;

  aspect-ratio: var(--aspect-ratio);
  position: relative;
}

.c-hero-video__mobile-video video {
  width: 100%;
  height: 100%;
}

/* aspect-ratio with
support for older browsers (ex. up to iOS v14.5) */
@supports not(aspect-ratio: 1) {
  .c-hero-video__mobile-video::before {
    content: '';
    float: left;
    padding-top: calc((1 / (var(--aspect-ratio))) * 100%);
  }

  .c-hero-video__mobile-video::after {
    content: '';
    display: block;
    clear: both;
  }

  .c-hero-video__mobile-video video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

@media (max-width: 768px) {
  [lang=de] .c-hero-video__mobile-text h1 {
    font-size: 8vw;
  }
  
  [lang=de] .c-hero-video__mobile-text {
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}
.c-header {
  padding: 24px;
  display: flex;
  justify-content: space-between;
  width: calc(100% - (24px + 24px));
  position: absolute;
  z-index: 1;
}

.c-header__label {
  display: none;
}

@media (min-width: 980px) {
  .c-header {
    padding: 48px;
    width: calc(100% - (48px + 48px));
  }

  .c-header__label {
    display: block;
  }
}
.c-features {
  position: relative;
  z-index: 2;
  background: transparent;
  margin-bottom: -6vw;
}

.c-features__img {
  position: absolute;
  z-index: 0;
  width: 100%;
}

.c-features__items {
  position: relative;
  z-index: 1;
  width: 62vw;
  height: 30vw;
  margin-left: 33.4vw;
  padding-top: 10.7vw;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.c-feature__item {
  width: 20vw;
  height: 20vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  position: relative;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='378.621' height='370.114' viewBox='0 0 378.621 370.114'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='378.621' height='370.114' fill='%23ffaf00'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M343.562,135.236c3.466,6.947,6.5,13.04,9.936,19.918.81-4.7,1.441-8.534,2.141-12.356.268-1.458-.611-1.959-1.682-2.474-3.133-1.5-6.243-3.051-10.395-5.088M297.507,309.327c6.611-5.707,13.537-11.115,13.782-21.1.086-3.446,1.677-6.788,1.721-10.475-1.34.386-1.5,1.383-1.961,2.093A111.278,111.278,0,0,0,299.5,303.41c-.71,1.97-2.191,3.7-1.939,5.986l-.468.081.188.338c.073-.161.148-.324.223-.486M32.138,216.091c-6.313-5.555-12.084-11.044-18.309-15.959-3.723-2.94-4.72-6.177-5.031-10.815-.89-13.224,2.7-25.623,5.664-38.186a9.007,9.007,0,0,1,1.818-3.2c3.748-5.071,7.419-10.2,11.264-15.192,1.271-1.65,1.457-2.842.29-4.711a189.856,189.856,0,0,1-10.3-18.579c-1.019-2.129-2.009-4.281-2.831-6.488-1.873-5.019-1.267-6.356,3.769-8,3.844-1.253,7.775-2.241,11.644-3.423,3.43-1.046,5.473-3.147,5.773-6.988.227-2.892,1.172-5.721,1.632-8.6a21.939,21.939,0,0,1,7.028-13c4.592-4.3,8.758-9.06,13.063-13.662a8.026,8.026,0,0,1,4.018-2.277,119.024,119.024,0,0,0,15.7-5.112c2.349-.992,3.862-2.4,4.357-5.063.761-4.084,2-8.082,2.711-12.175.382-2.214,1.224-2.963,3.469-3.051,12.143-.468,24.277-1.139,36.42-1.634a7.366,7.366,0,0,0,4.6-1.66c5.362-4.29,10.827-8.452,16.195-12.734a6.544,6.544,0,0,1,4.629-1.4c7.5.159,14.992,2.032,22.509.077,1.852-.481,3.512.6,5.147,1.29,13.38,5.616,26.448,11.911,39.542,18.148a6.744,6.744,0,0,0,5.117.55c9.753-2.69,19.582-5.11,29.324-7.832a6.562,6.562,0,0,1,6.2,1.169q21.748,15.448,43.635,30.7c4.5,3.146,9.959,4.043,14.89,6.189,3.789,1.648,8.928,1.714,11.2,4.87,2.157,3,1.968,7.7,2.736,11.671a15.162,15.162,0,0,0,2.095,5.278c5.455,8.665,10.8,17.4,16.325,26.019,1.139,1.777,1.18,2.983-.536,4.188a1.586,1.586,0,0,0-.241.236c-2.584,2.806-5.641,5.163-7.891,8.286,2.609,2.64,5.2,5.3,7.834,7.912,4.322,4.277,8.615,8.584,13.054,12.736a5.008,5.008,0,0,1,1.7,4.107c-.052,12.5.057,25.008-.068,37.512-.054,5.376,1.66,10.416,2.406,15.634a4.546,4.546,0,0,0,1.671,2.474,20.98,20.98,0,0,1,3.971,5.432c2.5,4.84,1.825,9-1.957,12.956a75.2,75.2,0,0,1-15.183,12.3,4.686,4.686,0,0,0-2.593,4.27c-.206,5.278-.815,10.543-.944,15.821a9.748,9.748,0,0,1-2.5,6.726,39.894,39.894,0,0,0-9.882,18.854c-1.559,7.557-5.655,13.855-9.939,20.08-3.255,4.727-6.39,9.539-9.483,14.373a17.607,17.607,0,0,1-4.077,3.98c-4.1,3.349-8.248,6.636-12.368,9.959-3.56,2.872-7.231,5.483-8.776,10.286-1.01,3.144-3.871,5.149-6.9,6.634-16.754,8.218-34.579,13.6-52.566,17.907-10.7,2.563-22.145,1.821-33.251.465a4.233,4.233,0,0,0-3.925,1.421c-4.545,5.283-11.038,7.126-17.07,9.662-2.572,1.081-5.267-.6-7.634-1.869-6.461-3.476-12.323-7.866-18.207-12.211-2.265-1.673-4.547-3.333-6.677-5.165-1.576-1.355-2.949-1.873-4.649-.277a14.05,14.05,0,0,1-2.272,1.453c-5.907,3.694-11.7,5.076-17.471-.4a29.142,29.142,0,0,0-5.09-3.3c-7.4-4.5-14.756-9-20.148-16.087a34.765,34.765,0,0,0-7.837-6.9,17.2,17.2,0,0,0-10.045-3.3c-8.027-.132-14.107-4.76-19.982-9.567a6.931,6.931,0,0,1-1.369-2.667c-4.9-11.473-9.835-22.935-14.647-34.448-.81-1.941-1.755-3.3-4.007-3.3-2.693,0-4.534-1.475-6.288-3.357-3.371-3.623-8.252-6.552-9.977-10.8-1.775-4.366-.565-9.959-.6-15.015-.039-5.519.068-11.04-.052-16.558-.041-1.864.492-2.87,2.309-3.478,2.524-.845,4.951-1.98,7.869-3.176' transform='translate(6.818 3.255)' fill='%23ffaf00'/%3E%3Cpath d='M25.961,156.123a15.232,15.232,0,0,1,.965,1.746q5.088,14.96,10.175,30a3.9,3.9,0,0,1-1.126.273c-8.647-1.067-8.608-1.072-8.956-9.8-.286-7.18-.679-14.354-1.058-22.22' transform='translate(20.439 122.915)' fill='%23ffaf00'/%3E%3Cpath d='M0,122.529c2.835-2.745,5.09-4.89,7.294-7.088a1.5,1.5,0,0,1,2.08-.179c5.78,3.2,11.576,6.366,17.439,9.583a6.225,6.225,0,0,1-.772,1.021c-2.377,1.871-4.822,5.224-7.146,5.146-2.188-.075-2.828-4.561-4.129-7.11-.758-1.485-1.6-2.155-3.385-1.98-3.458.336-6.945.39-11.382.608' transform='translate(0 90.481)' fill='%23ffaf00'/%3E%3Cpath d='M216.777,148.318c-4.806-.758-8.849-1.4-12.894-2.027-1.441-.223-1.694-1.156-1.662-2.424.059-2.238-.061-4.481.048-6.715.054-1.1-.727-2.9,1-3.085s3.993-1.108,5.283.874c2.72,4.177,5.235,8.488,8.22,13.376' transform='translate(159.144 105.255)' fill='%23ffaf00'/%3E%3Cpath d='M38.387,13.917c4.063,1.616,7.24,2.938,10.465,4.132,1.312.486,1.512,1.285,1.508,2.556-.013,6.684-.07,6.829-6.67,7.676-2.769.356-5.557.556-8.642.858,1.217-2.293,3.194-3.58,4.929-4.972,1.877-1.508,2.508-2.815,1-4.962a41.254,41.254,0,0,1-2.6-5.289' transform='translate(27.593 10.957)' fill='%23ffaf00'/%3E%3Cpath d='M152.4,7.345c-5.056,3.1-9.14,5.621-14.381,5.369A69.117,69.117,0,0,0,128.6,13c-1.464.13-1.943-.454-2.491-1.587-1.925-3.977-1.9-4.064,2.536-4.066Z' transform='translate(98.325 5.783)' fill='%23ffaf00'/%3E%3Cpath d='M139.767,3.67c4.122-1.214,8.084-2.349,12.025-3.56,1.189-.365,1.618.218,1.995,1.155,1.044,2.588,2.123,5.16,3.21,7.789a20.861,20.861,0,0,1-17.23-5.383' transform='translate(110.038 0)' fill='%23ffaf00'/%3E%3Cpath d='M194.566,33.742,179.542,32.38c-.692-.063-1.56-.216-1.283-1.094a73.683,73.683,0,0,1,2.634-7.231c.409-.947,1.155-.088,1.623.247,4.084,2.928,8.147,5.886,12.216,8.833l-.166.608' transform='translate(140.301 18.599)' fill='%23ffaf00'/%3E%3Cpath d='M33.383,190.233c.685-4.792,1.314-9.2,1.939-13.575.99-.034,1.3.658,1.714,1.11,7.467,8.109,7.444,8.188-3.653,12.465' transform='translate(26.282 139.082)' fill='%23ffaf00'/%3E%3Cpath d='M197.348,156.03c1.265-2.577,2.268-4.656,3.3-6.72,1.476-2.951,3.206-3.237,5.258-.66,1.269,1.6,1.287,3.76,1.721,5.694.252,1.126-.879,1.065-1.617,1.119-2.663.2-5.33.352-8.661.567' transform='translate(155.372 115.648)' fill='%23ffaf00'/%3E%3Cpath d='M172.931,26.761c1.13-2.279,2.1-4.39,3.217-6.418.547-.992.592-2.912,2.039-2.62a4.814,4.814,0,0,1,3.676,2.618,36.409,36.409,0,0,1,1.2,4.516c.261,1.037-.238,1.4-1.219,1.43-2.86.1-5.689.863-8.917.474' transform='translate(136.148 13.93)' fill='%23ffaf00'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
  background-size: contain;
}

.c-feature__item-img {
  max-width: 80%;
  margin: auto;
}

/* Images animations */
.c-feature__item img {
  transition: transform 0.2s ease-out, transform-origin 0.2s ease-out;
  will-change: transform;
}

.c-feature__item:nth-child(1) img {
  position: absolute;
  top: 0;
  left: 2.4vw;
  transform: scale(1.24);
  transform-origin: 51% 101%;
}

.c-feature__item:nth-child(2)  {
  margin-left: -0.25vw;
}

.c-feature__item:nth-child(2) img {
  position: absolute;
  top: 0;
  left: 2.4vw;
  transform: scale(1.24);
  transform-origin: 52% 100%;
}

.c-feature__item:nth-child(3) img {
  position: absolute;
  top: 1vw;
  left: 2vw;
  transform: scale(1.5);
  transform-origin: 64% 111%;
}

.c-feature__item:nth-child(1):hover img {
  transform: rotate(-6.7deg) scale(1.43);
  transform-origin: 42% 110%;
}

.c-feature__item:nth-child(2):hover img {
  transform: rotate(6.5deg) scale(1.4);
  transform-origin: 64% 111%;
}

.c-feature__item:nth-child(3):hover img {
  transform: rotate(7.3deg) scale(1.65);
  transform-origin: 61% 101%;
}

.c-feature__item-text {
  height: 8vw;
  margin: 0 0 0.9vw 0.6vw;
}

.c-feature__item-text h2 {
  font-size: 2.2vw;
  line-height: 1.1;
  margin: auto;
  width: 15vw;
}

/* text-size alternatives */
.c-feature__item-text h2.small {
  font-size: 1.9vw;
  line-height: 1.075;
}

.c-feature__item-text h2.very-small {
  font-size: 1.7vw;
  line-height: 1.05;
}

.c-feature__item-text h2.extremely-small {
  font-size: 1.55vw;
  line-height: 1.05;
}

.c-feature__item-label {
  display: block;
  font-family: VAGRoundedStdBold,"sans-serif";
  font-size: 1.31vw;
  padding-left: 0.3vw;
  margin: auto;
  position: absolute;
  top: 9vw;
  width: 100%;
}

.c-features__btn {
  display: flex;
  justify-content: center;
  margin-left: 28.5%;
  margin-top: -5.5%;
  padding-bottom: 3.5%;
  position: relative;
  z-index: 1;
}

.c-features__btn .c-btn:hover {
  background: #004f80;
}

[lang="it"] h3.c-feature__item-label {
  display: none;
}

[lang="it"] .c-feature__item:nth-child(3) .c-feature__item-text {
  top: -2vw;
  position: relative
}

[lang=el] .c-characteristics__items {
  width: 34vw;
  transform: scale(0.85);
  transform-origin: left;
  margin-left: 67vw;
}

[lang=el] .c-characteristics__items h2:before {
  position: relative;
  top: 0.2vw
}


@media (max-width: 768px) {
  .c-features {
    background: linear-gradient(180deg,#f5b108 ,transparent);
  }

  .c-features__items {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: auto;
    padding: 100vw 5vw 20vw;
    width: 86vw;
    justify-content: space-around;
  }

  .c-feature__item {
    width: 40vw;
    height: 40vw;
    margin-bottom: 0;
  }

  .c-feature__item:nth-child(1) img {
    transform: scale(1.34);
    transform-origin: 28% 108%;
  }

  .c-feature__item:nth-child(2) img {
    transform: scale(1.3);
    transform-origin: 28% 100%;
  }

  .c-feature__item:nth-child(3) img {
    transform: scale(1.65);
    transform-origin: 49% 92%
  }

  .c-feature__item:nth-child(1):hover img {
    transform: rotate(-6.7deg) scale(1.52);
    transform-origin: 34% 103%;
  }

  .c-feature__item:nth-child(2):hover img {
    transform: rotate(6.5deg) scale(1.5);
    transform-origin: 44% 114%;
  }

  .c-feature__item:nth-child(3):hover img {
    transform: rotate(7.3deg) scale(1.85);
    transform-origin: 51% 89%;
  }

  .c-feature__item-text {
    height: 17vw;
  }

  .c-feature__item-text h2 {
    font-size: 3.9vw;
    width: 27vw;
  }

  .c-feature__item-label {
    font-size: 3vw;
    top: 18.5vw;
  }

  .c-features__btn {
    width: auto;
    margin: -10vw auto 20vw;
  }

  [lang=es] .c-feature__item-text h2{
    font-size: 3.67vw;
    margin-top: 1px;
    width: 29vw;
  }

  [lang=es] .c-feature__item:nth-child(2) .c-feature__item-text h2 {
    font-size: 3.5vw;
  }


  [lang=pt] .c-feature__item-text h2 {
    font-size: 3.8vw;
  }

  [lang=pt] .c-feature__item:last-child .c-feature__item-text h2 {
    font-size: 3.45vw;
    line-height: 1;
  }

  [lang=el] .c-characteristics__items {
    margin: 45vw auto 30vw;
    position: relative;
    transform: scale(2.8);
    left: -27vw;
    width: 34vw;
  }

  [lang=el] .c-characteristics__items h2 {
    letter-spacing: -0.07vw;
  }

  [lang=el] .c-characteristics__items h2:before {
    position: relative;
    top: 0
  }

  /* text-size alternatives */
  .c-feature__item-text h2.small {
    font-size: 3.7vw;
    line-height: 1.075;
  }

  .c-feature__item-text h2.very-small {
    font-size: 3.5vw;
    line-height: 1.05;
    width: 30vw;
  }

  .c-feature__item-text h2.extremely-small {
    font-size: 3.35vw;
    line-height: 1.05;
  }
}

@media (min-width: 768px) and (max-width: 980px) {
  .c-features__items {
    padding-top: 9.5vw;
  }

  .c-features__btn {
    margin-top: -7vw;
    padding-bottom: 4vw;
  }
}


@media (min-width: 768px) {
  [lang=es] .c-feature__item-text h2{
    font-size: 1.85vw;
    width: 15vw;
  }

  [lang=pt] .c-feature__item-text h2 {
    font-size: 1.7vw;
    width: 14vw;
  }

  [lang=pt] .c-feature__item:last-child .c-feature__item-text h2 {
    font-size: 1.55vw;
    width: 14vw;
    line-height: 1;
  }
}


/* IntersectObserver()
* CSS animation */
.c-feature__item {
  opacity: 0;
  transform: scale(0.1, 0.3) rotate(5deg) translateY(-60%) translateZ(0px);
  transform-origin: bottom center;
  transition: opacity 0.6s ease, transform 0.8s ease, filter 0.5s ease;
  filter: blur(8px);
}

.fadeIn {
  opacity: 1;
  transform: scale(1, 1) rotate(0deg) translateY(0%) translateZ(0px);
  filter: blur(0px);
}
:root {
  --observer-delay: 300;
  --packages-item-center__height: 34vw;
  --packages-item-center__margin: -4.5vw;
  --packages__height: 28.5vw;
}

.c-products {
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #feb600 90%, transparent 90%);
  margin-bottom: var(--products__margin-bottom, -12vw);
  overflow: hidden;
}

.c-products__img {
  position: absolute;
  z-index: -1;
  width: 100%;
  margin-top: 2vw;
}

.c-products__title {
  padding: 5vw 10vw;
}

.c-products__title svg {
  width: 24.5vw;
  transform: translate(2.3vw, -0.2vw);
}

.c-products__title span {
  display: block;
  transform: translate(11.5vw, -1vw);
}

.c-characteristics__items {
  margin: -5.4vw 0vw 3vw 68.5vw;
  width: 25vw;
}

.c-characteristics__item {
  display: flex;
  font-size: 1.825vw;
}

.c-characteristics__item::before {
  content: "";
  display: block;
  margin-right: 0.4vw;
  width: 8.5vw;
  height: 1.67vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='161.691' height='33.917' viewBox='0 0 161.691 33.917'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0-18.037H117.691V-51.954H0Z' transform='translate(0 51.954)' fill='%2300385a'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-1340.5 -5082.022)'%3E%3Cg transform='translate(1340.5 5086.973)'%3E%3Cpath d='M0,0,3.928,17.648,8.5,1.865Z' transform='translate(0 0)' fill='%23e35205'/%3E%3Cpath d='M20.065,0,4,18.9l1.94,1.245L25.3,8.825Z' transform='translate(2.556 0)' fill='%23e35205'/%3E%3Cpath d='M6.03,17.149l17.309.692v-6.37l-.693-1.8Z' transform='translate(3.852 6.178)' fill='%23e35205'/%3E%3C/g%3E%3Cg transform='translate(1384.5 5133.977)'%3E%3Cg transform='translate(0 -51.954)' clip-path='url(%23a)'%3E%3Cg transform='translate(1.287 30.048)'%3E%3Cpath d='M-3.108,0-8.953,2.288A2.87,2.87,0,0,0-6.067,3.865,2.97,2.97,0,0,0-3.09.42Z' transform='translate(8.953)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(0 5.935)'%3E%3Cpath d='M-1.522-6.122,0-7.262-1.593-5.7,11.045-2A7.3,7.3,0,0,0,14.7-5.2a8.088,8.088,0,0,0,.943-4.3,9.377,9.377,0,0,0-.6-2.978l-1.137.416L9.073-10.3a3.02,3.02,0,0,1,.339,1.3A2.963,2.963,0,0,1,6.349-5.791L2.23-5.614l-.259-6.045,4.119-.177a3.2,3.2,0,0,1,2.74,1.152L13.8-13l.832-.388a7.585,7.585,0,0,0-1.05-1.5,9.205,9.205,0,0,0-7.468-2.741L-1.4-17.3A3.012,3.012,0,0,0-4.38-14.048L-4.052-6.4l1.917.458Z' transform='translate(4.384 17.635)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(0.406 18.107)'%3E%3Cpath d='M-10.987-6.482a3.2,3.2,0,0,0-.84-2c-.17-.206-.366-.415-.585-.634l-5.68-5.62c.228-.053.449-.113.666-.18l-12.129-3.751-2.094.8.195,4.548,6.317,1.608,2.726.693,5.377,1.368-5.037-.975,4.98,5.757a3.214,3.214,0,0,0,3.031,1.413,3.349,3.349,0,0,0,1.552-.426l-2.049-2.959,2.337,2.77a3.035,3.035,0,0,0,.8-.894,2.949,2.949,0,0,0,.433-1.515' transform='translate(31.648 18.672)' fill='%2300385a'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(0.338 -34.638)'%3E%3Cpath d='M-.032-.753,1.709-1.6l-1.8-.57Z' transform='translate(0.093 2.17)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(0 -51.954)' clip-path='url(%23a)'%3E%3Cg transform='translate(0.638 24.341)'%3E%3Cpath d='M-3.351-.649l-6.3-1.22.274,6.4a4.782,4.782,0,0,0,.1.8l6.11-1.679Z' transform='translate(9.652 1.869)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(40.005 10.447)'%3E%3Cpath d='M-4.518-4.765l1.574-5.571-4.785-3.39L-12.259.494c-.131.415-.241.777-.332,1.1A7.726,7.726,0,0,0-13,4.386a2.348,2.348,0,0,0,1.346,2.069,3.605,3.605,0,0,0,1.774.332,3.378,3.378,0,0,0,1.169-.246l.369-3.861.381-.906,5.405-6.629Z' transform='translate(13.014 13.726)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(45.515 2.275)'%3E%3Cpath d='M-10.013-13.377a10.02,10.02,0,0,0-1.1-3.807l-.5-1.171L-17.873-33.11c-1.258-2.989-2.342-5.562-5.537-5.414-3.119.145-3.959,2.808-4.934,5.9l-.5,1.558,4.73,3.493,1.138-4.027.077,0,2.228,6.155,3.107-3.81-3,4.117.791,2.185,1.127.45,2.515,1.669,2.172,4.686.3-2.007,1.164-1.077-.841,1.426-.092,2.353-2.679,2.4c.612,1.432,1.376,2.444,3.2,2.359a3.22,3.22,0,0,0,2.294-.958,2.348,2.348,0,0,0,.591-1.723' transform='translate(28.84 38.53)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(44.854 18.57)'%3E%3Cpath d='M-3.357-.379-8.809,7.115l-.86,3.62A4.789,4.789,0,0,0-8.257,8.1L-7.6,5.6l10.24-.476.809,2.22L5.73,6,3.356.741,1.06-.808.328-1.093.522-.56Z' transform='translate(9.669 1.093)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(21.543 3.183)'%3E%3Cpath d='M-6.749-2.826A2.608,2.608,0,0,0-4.222-5.684,2.565,2.565,0,0,0-7.151-8.129l-9.529.723c-2.037.155-2.889,1.649-2.744,3.57l.358,4.727,5.853.734-.3-3.938Z' transform='translate(19.44 8.14)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(33.012 25.214)'%3E%3Cpath d='M-3.067-1.306a2.878,2.878,0,0,0-.344-1.173A2.558,2.558,0,0,0-6-3.75l-2.838.215L-3.827-.307-3.3.032a2.769,2.769,0,0,0,.233-1.338' transform='translate(8.835 3.761)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(21.999 13.294)'%3E%3Cpath d='M-5.161-6.512l-2.963.225-.443-5.841,6.3-.478a2.652,2.652,0,0,0,2.6-2.864,2.609,2.609,0,0,0-3.006-2.438l-6.3.478-.052-.692-5.845-.634L-13.7-3.429A2.813,2.813,0,0,0-10.527-.771l9.914-.752A2.833,2.833,0,0,0,.9-2.066a2.458,2.458,0,0,0,.284-.245l-.21-.14Z' transform='translate(14.867 18.756)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(72.799 20.928)'%3E%3Cpath d='M-4.713-1.132A2.724,2.724,0,0,0-5.966-3.26l-.628,1.727-1.841.125-2.894.2-2.245,4.053L-8.22,2.2l.753-.09A2.8,2.8,0,0,0-4.713-1.132' transform='translate(13.574 3.26)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(63.208 0)'%3E%3Cpath d='M-.834-1.454.85-4.127.217-4.188A2.855,2.855,0,0,0-2.4-1.993a.006.006,0,0,1,0,0h0Z' transform='translate(2.403 4.188)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(63.113 0.015)'%3E%3Cpath d='M-7.87-11.877l1.549-.086.646-1.49a3.662,3.662,0,0,0-1.891-.213l-.409.049-6.249.749L-16.435-31.31a2.978,2.978,0,0,0-2.439-2.9l-2.074,3.324-1.578-.789-.1-.052a4.438,4.438,0,0,0,0,1.161L-20.1-9.484a3.136,3.136,0,0,0,.828,1.837,3.119,3.119,0,0,0,2.643.89l2.883-.345,2.707-4.6Z' transform='translate(22.669 34.21)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(83.262 3.14)'%3E%3Cpath d='M-8.539-12.131l-2.161.451-1.488.31-2.544,1.92,2.118-2.5,1.734-.35,2.254-.456A2.788,2.788,0,0,0-11.587-14.8h-.022l-6.681-.157.437-18.569a4.2,4.2,0,0,0-.189-1.416c-1.15,3.28-2.648,7.548-2.725,7.751-.125.332,1.52,1.294,1.52,1.294l-.785,5.692.082-4.934-1.731-1.639L-24.3-24.743l-.289,12.3a3.013,3.013,0,0,0,3.047,3.194l9.824.231a3.662,3.662,0,0,0,1.7-.333,2.677,2.677,0,0,0,1.488-2.483c0-.1,0-.2-.005-.294' transform='translate(24.595 34.943)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(83.576 1.169)'%3E%3Cpath d='M-2.99-.483a3.071,3.071,0,0,0-2.237-.906,2.97,2.97,0,0,0-3.2,3.239L-8.613,9.8l2.631-1.843Z' transform='translate(8.613 1.39)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(97.976 2.335)'%3E%3Cpath d='M-8.78,0c-1.694-.067-2.55,1.1-3.241,1.994L-16.9,8.4l-1.7-2.641-.086.169-1.066-.184-5.535,1.275,5.033,7.343-.15,3.809,5.8-7.895,6.328-2.788C-6.26,4.9-5.627,4.157-5.578,2.9-5.513,1.245-6.932.071-8.78,0' transform='translate(25.291 0.004)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(102.62 10.682)'%3E%3Cpath d='M-.041-7.417-.113-5.571A3.691,3.691,0,0,0,.349-3.489L2.8-6.018l3.38-.622.333-8.466,5.054-6.259L6.1-18.7.091-10.777,0-8.476Z' transform='translate(0.117 21.365)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(103.833 26.359)'%3E%3Cpath d='M-2.675-.193l.014-.363-3.252.384L-7.7,2.444A3.3,3.3,0,0,0-5.924,3,2.97,2.97,0,0,0-2.675-.193' transform='translate(7.704 0.556)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(95.507 1.723)'%3E%3Cpath d='M-1.821,0C-3.669-.074-5.176.985-5.242,2.64A4.62,4.62,0,0,0-4.2,5.454l7.356.512.108-.607L1.253,2.24C.635,1.29-.127.065-1.821,0' transform='translate(5.244 0.005)' fill='%2300385a'/%3E%3C/g%3E%3Cg transform='translate(96.844 7.639)'%3E%3Cpath d='M-2.628-.162l-4.941-.3c.277.426.6.917.984,1.494Z' transform='translate(7.569 0.467)' fill='%2300385a'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
}

[lang="it"] .c-characteristics__items {
  margin-left: 67vw;
}

[lang="it"] .c-characteristics__items {
  width: 30vw;
}

[lang="it"] .c-characteristics__items h3 {
  letter-spacing: -0.04vw;
}

.c-products__title {
  padding: 5.5vw 5vw 4.5vw;
  height: 29vw;
  width: 28vw;
  margin-left: 12vw;
  margin-top: 6.5vw;
}

.c-products__title h2 {
  color: white;
  font-size: 3vw;
  line-height: 1;
}

[lang="en"] .c-products__title,
[lang="de"] .c-products__title {
  padding: 7vw 5vw 3vw;
}

.c-products__symbol {
  margin-left: 45.4vw;
  margin-top: 1vw;
  width: 40vw;
  height: 14vw;
}

.c-products__symbol img {
  transform: scale(1);
  width: 22.5vw;
  transition: transform 0.3s ease;
}

.c-products__symbol:hover img {
  transform: scale(1.3) rotate(9deg);
}

.c-products__packages {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 3vw;
  margin: auto;
  margin-top: 8vw;
  max-width: 70vw;
  padding-bottom: 4.5vw;
  height: var(--packages__height);
}

.c-products__packages::before {
  content: "";
  display: block;
  width: var(--packages__gradient-width, 80vw);
  height: var(--packages__gradient-height, 51vw);
  position: absolute;
  background: radial-gradient(#fff -10%, transparent 69%);
  mix-blend-mode: soft-light;
  top: var(--packages__gradient-top, -15vw);
}

.c-products__packages img {
  object-fit: contain;
  height: 100%;
}

.c-products__packages-item.is-hover-ready {
  transition: transform 0.4s ease;
  transform-origin: 50% 90%;
}

.c-products__packages-item.is-hover-ready:hover {
  transform: scale(1.09);
}

/* IntersectObserver()
* CSS animation */
.c-products__packages-item {
  display: flex;
  height: 100%;
  opacity: 0;
  transform: scale(0.1, 0.3) rotate(5deg) translateY(-60%) translateZ(0px);
  transform-origin: bottom center;
  transition: opacity 0.6s ease, transform 0.8s ease, filter 0.5s ease;
  filter: blur(8px);
}

.fadeIn {
  opacity: 1;
  transform: scale(1, 1) rotate(0deg) translateY(0%) translateZ(0px);
  filter: blur(0px);
}

.c-products__packages-item:nth-child(1),
.c-products__packages-item:nth-child(3) {
  border-top: var(--packages-item-side__border-width, 2.75vw) solid transparent;
  border-bottom: var(--packages-item-side__border-width, 2.75vw) solid transparent;
}

.c-products__packages-item:nth-child(2) {
  height: var(--packages-item-center__height);
  margin-left: var(--packages-item-center__margin);
  margin-right: var(--packages-item-center__margin);
  position: relative;
  z-index: 2;
}

@media (max-width: 600px) {
  :root {
    --packages-item-center__height: 53vw;
    --packages-item-center__margin: -7.5vw;
    --packages__height: 44vw;
    --packages__gradient-width: 130vw;
    --packages__gradient-height: 85vw;
    --packages__gradient-top: -25vw;
    --products__margin-bottom: -16vw;
  }

}

@media (min-width: 601px) and (max-width: 1160px) {
  :root {
    --packages-item-center__height: 48vw;
    --packages-item-center__margin: -6.5vw;
    --packages__height: 40.5vw;
    --packages__gradient-width: 100vw;
    --packages__gradient-height: 60vw;
    --products__margin-bottom: -14vw;
  }
}

@media (min-width: 1161px) and (max-width: 1600px) {
  :root {
    --packages-item-center__height: 41vw;
    --packages-item-center__margin: -5.5vw;
    --packages__height: 35.5vw;
    --packages__gradient-width: 90vw;
    --packages__gradient-height: 60vw;
  }
}

@media (max-width: 768px) {
  .c-products {
    padding-top: 40vw;
    margin-bottom: -26vw;
    padding-bottom: 10vw;
  }

  .c-products__img {
    transform: scale(1.85);
    margin-top: 16vw;
    transform-origin: 50% 46%;
  }

  .c-products__title {
    position: relative;
    transform: scale(2.5);
    left: 14.5vw;
    top: -14.5vw;
  }

  .c-products__title svg {
    box-shadow: 10px 15px 10px #feb600, 10px -10px 90px #feb600;
    background: #feb600;
    position: relative;
    z-index: -1;
  }

  .c-products__symbol {
    transform: scale(2.2);
    transform-origin: 38% -20%;
  }

  .c-characteristics__items {
    margin: 45vw auto 30vw;
    position: relative;
    transform: scale(3);
    left: 4vw;
  }

  .c-characteristics__item {
    margin-bottom: 1vw;
  }

  [lang="it"] .c-characteristics__items {
    margin-left: 31.5vw;
    transform: scale(2.9);
  }
}
.c-unique-taste {
  background: #FEB600;
  position: relative;
}

.c-unique-taste__text {
  position: absolute;
}

.c-unique-taste__text h2 {
  font-size: 2.6vw;
}

.c-unique-taste__text-top { 
  max-width: 32.4vw;
  margin: 29% auto 0;
  text-align: center;
  transform: translateX(55%);
}

.c-unique-taste__text-bottom { 
  max-width: 53vw;
  margin: 30.8% auto 0;
  text-align: center;
  transform: translateX(15%);
}

@media (max-width: 768px) {
  .c-unique-taste__img {
    padding-top: 80vw;
    padding-bottom: 80vw;
    overflow-x: hidden;
  }

  .c-unique-taste__img img {
    transform: scale(2.25);
    transform-origin: 97vw 46vw;
  }

  .c-unique-taste__text-top {
    transform: scale(2.2);
    transform-origin: -9vw -6vw;
    margin-left: auto;
    margin-right: auto;
  }

  .c-unique-taste__text-bottom {
    transform: scale(2.2);
    transform-origin: -7vw;
    max-width: 37vw;
    top: 147vw;
    position: relative;
  }
}

/* languages fixes */
@media (max-width: 768px) {
  html[lang="en"] .c-unique-taste__text-bottom h2 {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

@media (min-width: 768px) {
  html[lang="en"] .c-unique-taste__text-bottom h2 {
    padding-right: 10vw;
  }
}
.c-hotspots {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  margin: -10.5vw 0 -12.5vw;
}

.c-hotspots__title-wrapper {
  position: absolute;
  z-index: 1;
  margin-top: 7%;
  width: 100%;
}

.c-hotspots__title {
  margin: auto;
  max-width: 44.7vw;
  font-size: 2.97vw;
  color: white;
}

.c-hotspots__img {
  position: relative;
  z-index: 0;
}

.c-hotspots__btn {
  display: flex;
  justify-content: center;
  margin-top: -12%;
  padding-bottom: 12%;
  position: relative;
  z-index: 2;
}

.c-hotspots__item {
  position: absolute;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#hs-1  { left: 11vw; top: 21vw; }
#hs-2  { left: 34vw; top: 22.5vw; }
#hs-3  { left: 85.5vw; top: 27vw; }
#hs-4  { left: 68vw; top: 20vw; }
#hs-5  { left: 15vw; top: 38vw; }
#hs-6  { left: 29vw; top: 40vw; }            
#hs-7  { left: 73vw; top: 38vw; }
#hs-8  { left: 55vw; top: 39.5vw; }
#hs-9  { left: 52vw; top: 22vw; }
#hs-10 { left: 8vw; top: 30.5vw; }
#hs-11 { left: 23vw; top: 22vw; }
#hs-12 { left: 42vw; top: 40vw; }

.c-hotspots__item-btn {
  --item-btn__size: 1.57vw;
  width: var(--item-btn__size);
  height: var(--item-btn__size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: absolute;
  left: calc(var(--item-btn__size) / 1.5);
  top: calc(var(--item-btn__size) / 3);
  z-index: 2;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='59' height='58' viewBox='0 0 59 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.5 0C27.0147 0 25 2.01472 25 4.5V24.5H5C2.51472 24.5 0.5 26.5147 0.5 29C0.5 31.4853 2.51472 33.5 5 33.5H25V53.5C25 55.9853 27.0147 58 29.5 58C31.9853 58 34 55.9853 34 53.5V33.5H54C56.4853 33.5 58.5 31.4853 58.5 29C58.5 26.5147 56.4853 24.5 54 24.5H34V4.5C34 2.01472 31.9853 0 29.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: var(--item-btn__size);
  background-repeat: no-repeat;
  background-position: center;
}

.c-hotspots__item-bg {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='70.509' height='57' viewBox='0 0 70.509 57'%3E%3Cpath id='Path_1731' data-name='Path 1731' d='M44.928,51.678c1.515,0,3.273.555,4.8.549,7.064-.029,13.06-.454,20.415-.505.186-3.294.621-6.548.159-9.726-.449-3.089-.711-6.22-1.164-9.191-.468-3.061-1.175-5.934-1.853-8.656a22.906,22.906,0,0,0-1.377-3.939A24.821,24.821,0,0,0,63.9,16.9c-.7-1.079-1.418-2.151-2.223-3.161a28.008,28.008,0,0,0-2.489-2.869c-.908-.863-1.941-1.674-2.965-2.48-.992-.78-2.088-1.5-3.177-2.237a29.875,29.875,0,0,0-3.388-2.091,57.594,57.594,0,0,0-5.771-2.432,21.005,21.005,0,0,0-2.171-.584A42.174,42.174,0,0,0,37.055.173,36.075,36.075,0,0,0,31.76.028a21.228,21.228,0,0,0-8.842,2.14,15.426,15.426,0,0,0-1.8.924,29.735,29.735,0,0,0-3.123,2.334c-.5.417-1.031.764-1.536,1.167s-.951.855-1.43,1.264A56.953,56.953,0,0,0,10.9,11.845c-.649.68-1.253,1.424-1.853,2.188A33.216,33.216,0,0,0,6.4,18.069a14.8,14.8,0,0,0-.9,1.751,79.051,79.051,0,0,0-3.283,9.92C1.5,32.611.97,35.531.523,38.542c-.109.734-.1,1.484-.158,2.237C.243,42.361.046,43.907.046,45.448a42.312,42.312,0,0,0,.212,7.2c13.713-.367,30.193-.968,44.669-.968' transform='translate(0 0)' fill='%23e35205'/%3E%3C/svg%3E%0A") center no-repeat;
  background-size: contain;
  width: 3.65vw;
  height: 2.95vw;
  border-radius: 100% 100% 0 0;
  position: absolute;
  z-index: 1;
  transform: scale(1);
  transform-origin: center 90%;
  transition: transform 0.4s ease;
  backface-visibility: hidden;
}

.c-hotspots__item-popup {
  display: none;
  justify-content: flex-end;
  flex-direction: column;
  visibility: hidden;
  width: 12.5vw;
  height: 9vw;
  color: white;
  font-size: clamp(12px, 0.85vw, 16px);
  line-height: 1.1;
  text-align: center;
  position: relative;
  bottom: 9vw;
  left: calc(-50% + 1.9vw);
  z-index: 2;
}

.c-hotspots__item-popup .big {
  font-size: clamp(19px, 1.7vw, 22px);
  line-height: 1.1;
  padding-top: 1vw;
  display: block;
}

.c-hotspots__item-popup .little-big {
  font-size: clamp(15px, 1.7vw, 19px);
  line-height: 1.1;
  padding-top: 0.9vw;
  display: block;
}

.c-hotspots__item-image {
  display: block;
  max-width: 6.7vw;
  margin: 0 auto 1vw;
}


.is-visible .c-hotspots__item-popup {
  display: flex;
  visibility: visible;
  opacity: 0;
  animation: fadeIn 0.3s 0.15s forwards;
}

.is-visible .c-hotspots__item-btn {
  transform: rotate(45deg);
}

.is-visible .c-hotspots__item-bg {
  transform: scale(4.4) ;
}

.c-hotspots__items:has(.is-visible) .c-hotspots__item {
  opacity: 0.7;
}

.c-hotspots__item.is-visible {
  z-index: 3;
  opacity: 1!important;
}

.c-hotspots__item {
  transition: opacity 0.6s ease;
}

@keyframes fadeIn {
  to { opacity: 1}
}



.c-hotspots__item-popup {
  width: 16vw;
}

.c-hotspots__item-popup-text,
.c-hotspots__item-popup-text p {
  height: 100%;
}

.c-hotspots__item-popup-text p {
  position: relative;
  top: 50%;
  transform: translateY(-25%);
}

.c-hotspots__item-popup-text::before {
  content: "";
  width: 50%;
  height: 100%;
  float: left;
  shape-outside: polygon(0px 14px, 94.75% -8px, 64.32% -3.41%, 29.91% 20.2%, 17.79% 38.82%, 9px 64.19%, -1px 99.65%, 98% 100%, 0px 100%);
  shape-margin: 2%;
}

.c-hotspots__item-popup-text p::before {
  content: "";
  width: 50%;
  height: 100%;
  float: right;
  shape-outside: polygon(4.6% -10px, 98.7% 20px, 100% 100%, 2% 100%, 100.67% 99.65%, 97.33% 86.46%, 96.08% 71.24%, 91.54% 54.62%, 82.2% 37.66%, 70.09% 20.77%, 50% 3.68%);
  shape-margin: 2%;
  position: relative;
  top: -25%;
}

.c-hotspots__item-popup-text.has-image .c-hotspots__item-image {
  position: absolute;
  top: 1.5vw;
  left: 4.5vw;
}

.c-hotspots__item-popup-text.has-image p {
  margin-top: 3vw;
}

html[lang="pt"] .c-hotspots__item-popup-text.has-image p,
html[lang="de"] .c-hotspots__item-popup-text.has-image p {
  hyphens: auto;
  -webkit-hyphens: auto;
}

.c-hotspots__item-popup-text.has-image p::before {
  shape-outside: polygon(12.42% -55px, 94.14% 20px, 100% 100%, 2% 100%, 100.67% 99.65%, 96.03% 84.72%, 99.33% 68.92%, 101.96% 51.73%, 94.58% 30.72%, 91.58% 13.83%, 68.24% -13.68%);
}

.c-hotspots__img-clone {
  display: none;
}

.c-hotspots .c-btn:hover {
  background: #004f80;
}

@media (max-width: 768px) {
  html[lang="de"] .c-hotspots__item-popup-text.has-image p {
    margin-top: 15vw;
  }

  .c-hotspots__item-popup .big {
    padding-top: 7vw;
  }
  
  .c-hotspots__item-popup .little-big {
    padding-top: 3.5vw;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .c-hotspots__item-popup {
    width: 26vw;
    padding-left: 0.7vw;
    bottom: 18.5vw;
    height: 15vw;
    font-size: clamp(12.5px,.85vw,16px);
  }

  .is-visible .c-hotspots__item-bg {
    transform: scale(8);
  }

  .c-hotspots__item-popup-text.has-image p {
    margin-top: 5.5vw;
  }

  .c-hotspots__item-popup-text.has-image .c-hotspots__item-image {
    left: 7.5vw;
    position: absolute;
    top: 2.5vw;
    max-width: 11vw;
  }

  .c-hotspots__img-clone {
    display: block;
    position: relative;
    margin-top: -48vw;
    z-index: -1;
  }

  .c-hotspots__item-popup-text {}
}

@media (min-width: 940px) and (max-width: 1400px) {
  .is-visible .c-hotspots__item-bg {
    transform: scale(5);
  }

  .c-hotspots__item-popup {
    bottom: 11.5vw;
    font-size: clamp(13.7px,.85vw,16px);
    height: 13.5vw;
    width: 20vw;
    padding-left: 0;
  }

  .c-hotspots__item-popup-text.has-image .c-hotspots__item-image {
    left: 6vw;
    max-width: 8vw;
  }

  .c-hotspots__item-popup-text.has-image p {
    margin-top: 3.5vw;
  }

  #hs-4 {
    hyphens: auto;
    -webkit-hyphens: auto;
  }
}

@media (min-width: 940px) and (max-width: 1100px) {
  .is-visible .c-hotspots__item-bg {
    transform: scale(5.4);
  }

  .c-hotspots__item-popup {
    bottom: 13vw;
    font-size: clamp(12px,.85vw,16px);
    height: 13.5vw;
    line-height: 1.08;
  }

  .c-hotspots__item-popup-text.has-image .c-hotspots__item-image {
    top: 3.5vw;
  }

  .c-hotspots__item-popup-text.has-image p {
    margin-top: 4.5vw;
  }
}

/* IntersectObserver()
* CSS animation */
.c-hotspots__item {
  opacity: 0;
  transform: scale(0.1, 0.3) rotate(5deg) translateY(-60%) translateZ(0px);
  transform-origin: center;
  transition: opacity 0.6s ease, transform 0.7s ease, filter 0.5s ease;
  filter: blur(8px);
}

.fadeIn {
  opacity: 1;
  transform: scale(1, 1) rotate(0deg) translateY(0%) translateZ(0px);
  filter: blur(0px);
}


/* Mobile */
@media (max-width: 768px) {
  .c-hotspots__title {
    transform: scale(2.2);
    max-width: 46vw;
    margin-left: 25vw;
    margin-top: 16vw;
    text-align: center;
  }

  .c-hotspots__item-bg {
    width: 10vw;
    height: 8vw;
  }

  .c-hotspots__item-btn {
    --item-btn__size: 4.4vw;
  }

  .c-hotspots__item-popup {
    width: 49vw;
    height: 31vw;
    bottom: 38vw;
    margin-left: 7vw;
    font-size: 13px;
    line-height: 1.1;
  }

  .is-visible .c-hotspots__item-bg {
    transform: scale(5.5);
  }

  #hs-1 { left: 27.5vw; top: 69vw; }
  #hs-2 { left: 30vw; top: 96vw; }
  #hs-3 { left: 30.5vw; top: 121vw; }
  #hs-4 { left: 28vw; top: 150vw; }
  #hs-5 { left: 67vw; top: 106vw; }
  #hs-6 { left: 65vw; top: 182vw; display: none; }
  #hs-7 { left: 64.5vw; top: 72vw; }
  #hs-8 { left: 67vw; top: 76vw; display: none; }
  #hs-9 { left: 66vw; top: 152vw; display: none; }
  #hs-10 { left: 66vw; top: 152vw; display: none; }
  #hs-11 { left: 66vw; top: 142vw; }

  .c-hotspots__btn {
    position: relative;
    top: -25vw;
    margin-bottom: -20vw;
  }

  /* CSS specific to iOS devices */ 
  @supports (-webkit-touch-callout: none) {
    .c-hotspots__btn {
      margin-bottom: -8vw;
    }
  }

  .c-hotspots .c-product__img.u-hide-tablet {
    position: relative;
    transform: scale3d(1.2, 1, 1);
    left: -2.5vw;
  }

  .c-hotspots__img.u-hide-tablet {
    overflow: hidden;
  }

  .c-hotspots__item-popup-text.has-image .c-hotspots__item-image {
    left: 11vw;
    position: absolute;
    top: 9.5vw;
    max-width: 24vw;
  }

  .c-hotspots__item-popup-text.has-image p {
    margin-top: 15vw;
    letter-spacing: -0.5px;
  }

  #hs-1 {
    hyphens: auto;
    -webkit-hyphens: auto;
  }

  [lang="de"] .c-hotspots__title {
    max-width: 40vw;
    margin-left: 29vw;
  }
}


/* Tablet */
@media (min-width: 768px) {
  #hs-11 {
    display: none;
    visibility: hidden;
  }
}
.c-contact {
  background-color: #E1E0D6;
  padding: 14vw 0 48px 0;
  position: relative;
}

.c-contact .o-wrapper {
  max-width: 950px;
}

.c-contact .c-rich-text {
  padding: 0;
  margin: auto;
  text-align: left;
  font-size: 20px;
}

.c-contact .c-rich-text h2 {
  font-size: clamp(30px, 10vw, 40px);
  max-width: clamp(480px, 77vw, 740px);
}

.c-contact .c-rich-text p {
  margin-bottom: 0;
  color: #00385A;
  font-size: small;
}

@media (max-width: 768px) {
  .c-contact .c-rich-text h2 {
    margin-bottom: 6vw;
    font-size: 8vw;
    margin-top: 5vw;
    max-width: 100%;
  }
}


@media (min-width: 768px) {
  .c-contact {
    padding: 8.275vw 0 96px 0;
  }

  .c-contact .c-rich-text {
    padding: 0;
  }
} 

@media (min-width: 768px) and (max-width: 1159px) {
  .c-contact .c-rich-text h2 {
    margin-top: 48px;
  }  
}

@media (min-width: 980px) {
  .c-contact .c-rich-text h2 {
    margin-bottom: 2vw;
  }
} 


/* languages fixes */
html[lang="en"] .c-contact .c-rich-text h2 {
    max-width: 100%;
}
.c-form input[type="text"],
.c-form input[type="email"],
.c-form input[type="tel"],
.c-form select {
  box-sizing: border-box;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  color: #00385A;
  background-color: #FFFFFF;
  border: 1px solid #00385A;
  border-radius: 0;
}

.c-form .multi-container {
  border: 1px solid #00385A;
  background-color: #FFFFFF;
  padding: 15px;
  margin-bottom: 0;
}

.c-form .form-columns-1, .c-form .form-columns-2, .c-form .form-columns-3, .c-form .form-columns-4, .c-form .form-columns-5 {
  max-width: 100% !important;
}

.c-form fieldset .hs-form-field {
  margin-bottom: 24px !important;
}

/* html[lang="nl"] .c-form .hs-city, */
html[lang="de"] .c-form .hs-city,
.c-form .hs_wholesaler_of_choice {
  width: 50%;
}

.c-form .hs_error_rollup {
  display: none;
}

/* iOS fix  */
.hs-form-checkbox input {
  height: 22px;
  width: 22px!important;
  border: none;
  outline: 2px solid white;
}

.c-form fieldset.form-columns-2 {
  display: block;
}

.c-form fieldset label span {
  color: #00385A;
}

.c-form input[type="submit"] {
  font-size: 20px;
}

.c-form input[type=checkbox] {
  appearance: none;
}

.c-form input[type=checkbox]::before {
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: #E1E0D6;
}

.c-form input[type=checkbox]:checked::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='10.711' height='7.998' fill='%2300385a'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-1304 -1084)'%3E%3Crect width='22' height='22' transform='translate(1304 1084)' fill='%23e1e0d6'/%3E%3Cg transform='translate(1309.644 1091.001)'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M6.826,7.85c.23,0,.5.084.729.083,1.073,0,1.984-.069,3.1-.077a7.441,7.441,0,0,0,.024-1.478c-.068-.469-.108-.945-.177-1.4s-.179-.9-.282-1.315a3.48,3.48,0,0,0-.209-.6,3.771,3.771,0,0,0-.306-.5C9.6,2.4,9.492,2.24,9.37,2.087a4.255,4.255,0,0,0-.378-.436c-.138-.131-.295-.254-.45-.377s-.317-.228-.483-.34A4.538,4.538,0,0,0,7.544.617,8.75,8.75,0,0,0,6.667.247a3.191,3.191,0,0,0-.33-.089A6.407,6.407,0,0,0,5.63.026,5.48,5.48,0,0,0,4.825,0,3.225,3.225,0,0,0,3.482.329a2.343,2.343,0,0,0-.273.14,4.517,4.517,0,0,0-.474.355C2.658.887,2.578.94,2.5,1s-.144.13-.217.192a8.652,8.652,0,0,0-.627.606c-.1.1-.19.216-.282.332a5.046,5.046,0,0,0-.4.613,2.249,2.249,0,0,0-.137.266,12.009,12.009,0,0,0-.5,1.507C.228,4.953.148,5.4.08,5.854c-.017.112-.015.225-.024.34-.018.24-.048.475-.048.709A6.428,6.428,0,0,0,.04,8c2.083-.056,4.587-.147,6.786-.147' transform='translate(-0.001 0.001)' fill='%2300385a'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

.c-form select {
  background: white url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important; 
  appearance: none !important;
  padding-right: 0.8rem !important;
}

@media (max-width: 1024px) {
  .c-form select {
    padding-right: 1.8rem !important;
  }
}

.c-form .hs-form-checkbox-display {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}


.c-form .multi-container li:last-child .hs-form-checkbox-display {
  margin-bottom: 0;
}

.c-form .hs-form-checkbox-display span {
  margin-left: 10px;
}

.c-form .hs-error-msgs {
  background-color: #00385A;
  color: #FFFFFF;
  padding: 5px 10px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  margin-right: 8px;
}

.c-form .actions {
  text-align: right; 
}

.c-form fieldset.form-columns-2 div:first-child {
  width:48%;
  margin-right: 24px;
}

.c-form input[type="submit"] {
  background-color: #00385A;
  border: 1px solid #00385A;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Arial', 'Roboto', 'sans-serif';
  line-height: 1.4;
  -webkit-appearance: none;
   color: white;
   padding: 12px 25px;
}

.c-form input[type="submit"]:hover {
  background-color: #E35205;
  border: 1px solid #E35205;
}

.c-form .hs-fieldtype-checkbox > label span {
  display: none;
}

/* phone with country */
.c-form .hs_phone .hs-fieldtype-intl-phone {
  width: 100%!important;
}

.c-form .hs-fieldtype-intl-phone.hs-input select {
  width: 38%!important;
  padding: 18px 15px 17px 15px;
}

.c-form .hs-fieldtype-intl-phone.hs-input input {
  width: 60%!important;
}

@media (max-width: 768px) {
  .form-columns-1 .hs-form-field,
  .form-columns-2 .hs-form-field,
  .form-columns-2 .hs-form-field .hs-input {
    width: 100% !important;
  }

  .form-columns-1 .input,
  .form-columns-2 .input {
    margin-right: 0 !important;
  }

  .c-form .hs-error-msgs {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
/*   [lang=nl] .c-form .hs_wholesaler_of_choice input, */
  [lang=de] .c-form .hs_wholesaler_of_choice input {
    width: 100%!important;
  }
}

@media (min-width: 768px) {
  .c-form fieldset.form-columns-2 {
    display: flex;
  }

/*   [lang=nl] .c-form .hs_wholesaler_of_choice input, */
  [lang=de] .c-form .hs_wholesaler_of_choice input {
    width: 50%;
  }

/*   [lang=nl] .c-form .hs-submit, */
  [lang=de] .c-form .hs-submit {
    margin-top: -80px;
  }
}


/* [lang=nl] .hs_wholesaler_of_choice .hs-error-msgs, */
[lang=de] .hs_wholesaler_of_choice .hs-error-msgs {
  max-width: 100%;
}
/* 
@media (min-width: 768px) and (max-width: 1117px) {
[lang=nl] .hs_wholesaler_of_choice .hs-error-msgs {
max-width: calc(95% - 28px);
}
}

@media (min-width: 1118px) {
.[lang=nl] hs_wholesaler_of_choice .hs-error-msgs {
max-width: calc(95% - 27px);
}
}
*/


.hs-form-booleancheckbox input {
    border: 1px solid #00385A;
    margin-right: 12px;
    margin-top: 8px;
    margin-bottom: -6px;
}
.c-footer {
  padding: 48px 0;
  background-color: #F2F2F2;
  font-size: 14px;
  color: #00385A;
  position: relative;
}

.c-footer .o-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  justify-content: center;
  text-align: center;
}
  
.c-social__title {
  display: inline-block;
  margin-bottom: 6px;
}

.c-social__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2.5;
  color: #00385A;
}

.c-social__buttons a {
  display: block;
  height: 15px;
  width: 15px;
  background-color: #FFFFFF;
  border-radius: 40px;
  box-shadow: 0 5px 10px 0 hsl(0deg 0% 62% / 50%);
  padding: 10px;
  margin: 0 6px;
  text-align: center;
}

.c-social__buttons li:last-child a {
  margin-right: 0;
}

.c-social__buttons li:first-child a: {
  margin-left: 0;
}

.c-social__buttons svg {
  height: 16px;
  width: auto;
}

@media (min-width: 980px) {
  .c-footer .o-wrapper {
    grid-template-columns: auto 1fr auto;
    gap: 48px;
    align-items: center;
    border-top: 1px solid #E1E0D6;
    padding-top:  48px;
  }
  
  .c-footer__copyright {
    text-align: center;
  }
  
  .c-social {
    text-align: right;
  }
  
  .c-social__buttons {
    justify-content: flex-end;
  }
}
.u-bg-color-black {
  background-color: #000000 !important;
}

.u-bg-color-white {
  background-color: #FFFFFF !important;
}

.u-bg-color-blue {
  background-color: #00385A !important;
}

.u-bg-color-yellow {
  background-color: #FEB600 !important;
}

.u-bg-color-red {
  background-color: #E75204 !important;
}

.u-bg-color-gray {
  background-color: #F2F2F2 !important;
}
@media (max-width: 768px)
{
  .u-hide-until-tablet {
    display: none !important;
  }
}

@media (min-width: 768px)
{
  .u-hide-tablet {
     display: none !important;
  }
}

.u-sr-only {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
}
.u-padding {
  padding: 24px;
}

.u-padding-large {
  padding: 48px;
}

.u-padding-top {
  padding-top: 24px;
}

.u-padding-bottom {
  padding-bottom: 24px;
}