@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  font-weight: 300;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
:root {
  --margin: 1.5rem;
  --frame-padding-mobile: 1.5rem;
  --frame-padding-tablet: 3rem;
  --frame-padding-desktop: 6rem;
  --nav-padding: 2rem;
  --white: #fff;
  --trans-white: rgba(155, 154, 151);
  --trans-white2: rgb(204, 203, 198);
  --grey1: rgb(123,122,118);
  --grey2: rgb(123, 122, 118);
  --grey3: rgb(232, 231, 226);
  --bg-color: --white;
  --txt-color: rgb(66, 66, 64);
  --body-font: "Metropolis Thin", sans-serif;
  --body-font-italic: "Metropolis Thin Italic", sans-serif;
  --font-bold: "Metropolis Bold", sans-serif;
  --font-bold-italic: "Metropolis Bold Italic", sans-serif;
  --info-bg: #cce5ff;
  --success-bg: #d4edda;
  --danger-bg: #f8d7da;
  --warning-bg: #fff3cd;
  --c00: rgb(123, 122, 118);
  --c1a: #A7BBC2;
  --c1b: #815E51;
  --c1c: #B7BEE1;
  --c1d: #9F565D;
  --c1e: #9F565D;
  --c1f: #346074;
  --c1g: #E59D32;
  --c1h: #FBC346;
  --c1i: #56B1C4;
  --c1j: #A7BBC2;
  --c1k: #D57E66;
  --c1l: #893264;
  --c1m: #4C4478;
  --c2a: #C1B234;
  --c2b: #4C939C;
  --c2c: #DDBF5D;
  --c2d: #DDBF5D;
  --c2e: #F0834D;
  --c2f: #DDBF5D;
  --c2g: #7EBBE7;
  --c2h: #8A913C;
  --c2i: #AEC284;
  --c2j: #547BA2;
  --c2k: #3E4050;
  --c2l: #16735D;
  --c2m: #5E88B8;
}

@media (min-width: 768px) {
  :root {
    --nav-padding: 4rem;
  }
}
.c00 {
  fill: var(--c00);
}

.white {
  fill: transparent;
}

.svg_een {
  fill: transparent;
  animation: coloursEen 80s linear infinite;
}

.svg_twee {
  fill: transparent;
  animation: coloursTwee 80s linear infinite;
}

@keyframes coloursEen {
  0%, 7% {
    fill: var(--c1a);
  }
  8.33%, 15.33% {
    fill: var(--c1b);
  }
  16.33%, 23.66% {
    fill: var(--c1c);
  }
  32.66%, 40% {
    fill: var(--c1d);
  }
  41%, 48.33% {
    fill: var(--c1e);
  }
  49.33%, 56.66% {
    fill: var(--c1f);
  }
  57.66%, 65% {
    fill: var(--c1g);
  }
  66%, 73.33% {
    fill: var(--c1h);
  }
  74.33%, 81.66% {
    fill: var(--c1i);
  }
  82.66%, 90% {
    fill: var(--c1j);
  }
  91%, 96% {
    fill: var(--c1k);
  }
  97%, 100% {
    fill: var(--c1a);
  }
}
@keyframes coloursTwee {
  0%, 7% {
    fill: var(--c2a);
  }
  8.33%, 15.33% {
    fill: var(--c2b);
  }
  16.33%, 23.66% {
    fill: var(--c2c);
  }
  32.66%, 40% {
    fill: var(--c2d);
  }
  41%, 48.33% {
    fill: var(--c2e);
  }
  49.33%, 56.66% {
    fill: var(--c2f);
  }
  57.66%, 65% {
    fill: var(--c2g);
  }
  66%, 73.33% {
    fill: var(--c2h);
  }
  74.33%, 81.66% {
    fill: var(--c2i);
  }
  82.66%, 90% {
    fill: var(--c2j);
  }
  91%, 96% {
    fill: var(--c2k);
  }
  97%, 100% {
    fill: var(--c2a);
  }
}
.mb, .mb1 {
  margin-bottom: var(--margin);
}

.mr {
  margin-right: var(--margin);
}

.ml {
  margin-left: var(--margin);
}

.mt {
  margin-top: var(--margin);
}

.mb2 {
  margin-bottom: calc(var(--margin) * 2);
}

.mb3 {
  margin-bottom: calc(var(--margin) * 3);
}

.mb4 {
  margin-bottom: calc(var(--margin) * 4);
}

.ml-auto {
  margin-left: auto;
}

.m-auto {
  margin: auto;
}

.mr-auto {
  margin-right: auto;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-top: 0;
}

.pb0 {
  padding-top: 0;
}

.bl0 {
  padding-top: 0;
}

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

@font-face {
  font-family: "Metropolis Thin";
  src: url("/assets/fonts/metropolis/WOFF2/Metropolis-Thin.woff2") format("woff2"), url("/assets/fonts/metropolis/WOFF/Metropolis-Thin.woff") format("woff");
}
@font-face {
  font-family: "Metropolis Thin Italic";
  src: url("/assets/fonts/metropolis/WOFF2/Metropolis-ThinItalic.woff2") format("woff2"), url("/assets/fonts/metropolis/WOFF/Metropolis-ThinItalic.woff") format("woff");
}
@font-face {
  font-family: "Metropolis Regular";
  src: url("/assets/fonts/metropolis/WOFF2/Metropolis-Regular.woff") format("woff2"), url("/assets/fonts/metropolis/WOFF/Metropolis-Regular.woff") format("woff");
}
@font-face {
  font-family: "Metropolis Regular Italic";
  src: url("/assets/fonts/metropolis/WOFF2/Metropolis-RegularItalic.woff") format("woff2"), url("/assets/fonts/metropolis/WOFF/Metropolis-RegularItalic.woff") format("woff");
}
@font-face {
  font-family: "Metropolis Bold";
  src: url("/assets/fonts/metropolis/WOFF2/Metropolis-Bold.woff2") format("woff2"), url("/assets/fonts/metropolis/WOFF/Metropolis-Bold.woff") format("woff");
}
@font-face {
  font-family: "Metropolis Bold Italic";
  src: url("/assets/fonts/metropolis/WOFF2/Metropolis-BoldItalic.woff2") format("woff2"), url("/assets/fonts/metropolis/WOFF/Metropolis-BoldItalic.woff") format("woff");
}
h1, h2, h3, h4, h5, h6,
strong, b {
  font-family: var(--font-bold);
  font-weight: 600;
  color: var(--txt-color);
}

body,
.font-normal,
.body-font {
  font-family: var(--body-font);
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.33px;
}

.font-bold {
  font-family: var(--font-bold);
}

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

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

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

.heading {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1rem 1em 1rem;
  line-height: 1;
  border-left: 0.5rem solid var(--grey2);
}

.main a:link,
.main a:visited,
.main a:focus {
  color: var(--grey1);
  transition: color 0.5s ease-in-out;
}

.main a:hover,
.main a:active {
  color: var(--grey2);
  transition: color 0.25s ease-in-out;
}

.h1 {
  font-size: 2em;
  margin-bottom: var(--margin);
}

h2 {
  font-size: 1.666em;
  margin-bottom: var(--margin);
}

.form {
  padding-bottom: 4rem;
  --form-error: #dc3545;
}

.form__row {
  display: flex;
  flex-flow: column nowrap;
}

.form__column {
  flex: 1 0 auto;
}

.form__item {
  display: flex;
  flex-flow: column nowrap;
}

.weg {
  display: none;
}

.form__checkbox,
.form__radio {
  accent-color: var(--txt-color);
}

.form__item--vertical {
  flex-flow: column nowrap;
}

.form__item--horizontal {
  flex-flow: row nowrap;
}

.form__label {
  padding: 0.75rem 0 0.25rem;
}

.form__required {
  color: var(--form-error);
}

.form__input {
  border: 2px solid #aaa;
  border-radius: 2px;
  padding: 0.5rem;
  outline: none;
}

.form__input:focus,
.form__select:focus,
.form__textarea:focus {
  border: 2px solid #666;
  outline: none;
}

.form__checkbox {
  position: relative;
  display: flex;
  padding: 0.5rem;
  margin-right: 1rem;
}

.form__select {
  position: relative;
  display: flex;
  padding: 0.5rem;
  border: 2px solid #aaa;
  outline: none;
}

.form__textarea {
  margin-bottom: var(--column-padding);
  padding: 0.5rem;
  resize: none;
  border: 2px solid #aaa;
  outline: none;
}

.form__button {
  flex: none;
  width: auto;
  padding: 0.75rem 3rem;
  color: var(--trans-white);
  border: none;
  background: var(--txt-color);
  font-size: 1rem;
  font-family: var(--font-bold);
  text-transform: uppercase;
}

.form__button:hover {
  color: var(--white);
  background: var(--txt-color);
}

.form__button--text {
  padding: 0.75rem 3rem;
  border: none;
  background: none;
  font-size: inherit;
  font-family: var(--body-font);
  text-transform: none;
}

.form__button--text:hover {
  color: var(--grey2);
  border: none;
  background: none;
}

.form__button--margin-top {
  margin-top: 1.5rem;
}

.form__button--full {
  width: 100%;
}

.form__error {
  color: var(--form-error);
  font-family: var(--font-bold);
}

.form__button:disabled,
.form__button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

nav.nav {
  display: flex;
  flex-flow: row nowrap;
  z-index: 100;
  background: var(--white);
  font-size: 1rem;
  position: sticky;
  top: 0;
  margin-right: calc(var(--nav-padding) / -4);
  margin-left: calc(var(--nav-padding) / -4);
}

.nav--sticky {
  position: fixed;
  align-self: flex-start;
  width: calc(100% - var(--frame-padding-mobile) * 7.25);
  top: 0;
}

.nav__column {
  display: flex;
  position: relative;
}

.nav__column--left {
  justify-content: flex-start;
  width: 42%;
}

.nav__column--center {
  justify-content: center;
  width: 16%;
}

.nav__column--right {
  justify-content: flex-end;
  width: 42%;
}

.nav__item {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 2rem;
  text-decoration: none;
  white-space: nowrap;
  color: var(--txt-color);
  line-height: 1.125;
  transition: height 0.5s ease-in-out;
}

.nav__column--left .nav__item {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.nav__column--right .nav__item {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.nav__sticky.nav--scroll .nav__item {
  height: 3rem;
  transition: height 0.5s ease-in-out;
}

.nav__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5rem;
  min-width: 6rem;
  padding: 0.5rem;
}

.nav__logo svg {
  display: block;
  width: 100%;
  height: auto;
  max-height: 4rem;
}

.nav__collection {
  display: flex;
  height: 5rem;
}

.nav__zoom {
  margin-left: 0.5rem;
}

.nav__item--flag {
  opacity: 0.5;
  filter: grayscale(100%);
  transition: all 0.5s ease;
}

.nav__item--flag:hover {
  opacity: 1;
  filter: none;
  transition: all 0.2s ease;
}

.nav__item.nav__item--flag {
  padding-right: calc(var(--nav-padding) / 8);
}

.nav__item.nav__item--flag + .nav__item.nav__item--flag {
  padding-left: calc(var(--nav-padding) / 8);
  padding-right: calc(var(--nav-padding) / 6);
}

.nav__dropdown {
  margin-left: 0.5rem;
}

.nav__item--desktop,
.nav__item.nav__cart {
  display: none;
}

@media (min-width: 768px) {
  .nav__item.nav__cart {
    display: flex;
  }
}
.nav__slogan {
  margin-left: var(--frame-padding-mobile);
}

.cart__icon {
  position: relative;
}

.nav__cart {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}

.nav__counter {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-top: -0.5rem;
  margin-left: 0.25rem;
  border-radius: 50%;
  background: #444;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.85rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav__menu {
  padding: 0 var(--frame-padding-mobile);
  background: transparent;
  border: none;
  cursor: pointer;
}

.nav__item.nav__search--hidden,
.nav__item.nav__close--hidden {
  display: none;
}

.searchbar {
  position: absolute;
  display: none;
  height: 6rem;
  right: 0;
  left: 0;
  padding: 0;
  background: var(--white);
  z-index: -1;
  transform: translateY(calc(8rem + 2px));
  transition: transform 0.5s ease-in-out;
}

.searchbar--hidden {
  transform: translateY(-12rem);
  transition: transform 0.5s ease-in-out;
}

.searchbar__form {
  display: flex;
  align-items: center;
  width: 100%;
}

.searchbar__input,
.searchbar__button {
  height: 3rem;
  padding: 0.5rem 0;
  border: none;
  background: var(--white);
}

.searchbar__input {
  flex: 1 1 auto;
  padding: 0.5rem 0;
  color: var(--color-text);
}

.searchbar__button {
  flex: 0 1 auto;
  padding-left: 1.5rem;
  margin-left: 5px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .nav__item {
    height: 6rem;
    position: relative;
  }
  .nav__item--tablet {
    display: flex;
  }
  .nav__search {
    margin-right: calc(var(--frame-padding-mobile) * -1);
    padding: 0 var(--frame-padding-mobile);
  }
}
@media (min-width: 1024px) {
  .nav__column--left .nav__item {
    padding-right: calc(var(--nav-padding) / 6);
    padding-left: calc(var(--nav-padding) / 6);
  }
  .nav__column--right .nav__item {
    padding-right: calc(var(--nav-padding) / 6);
    padding-left: calc(var(--nav-padding) / 6);
  }
  .nav__item {
    height: 8rem;
  }
}
@media (min-width: 1280px) {
  .nav__column--left .nav__item {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .nav__column--right .nav__item {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .nav__item--desktop {
    display: flex;
  }
  .searchbar {
    display: flex;
  }
  .nav__menu {
    display: none;
  }
}
@media (min-width: 1360px) {
  .nav__column--left .nav__item,
  .nav__column--right .nav__item {
    padding-right: 0.667rem;
    padding-left: 0.667rem;
  }
}
@media (min-width: 1600px) {
  .nav__column--left .nav__item,
  .nav__column--right .nav__item {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.hover-menu .app {
  overflow: hidden;
}

.hover-menu {
  position: absolute;
  overflow: hidden;
  width: auto;
  height: auto;
  background: var(--grey3);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  color: var(--txt-color);
  visibility: hidden;
  z-index: 0;
  font-size: 0.875rem;
  display: none;
}

@media (min-width: 1024px) {
  .hover-menu {
    display: block;
  }
}
@media (min-width: 1200px) {
  .hover-menu {
    font-size: 1rem;
  }
}
.hover-menu--no-pointer {
  pointer-events: none;
}

.hover-menu.hover-menu--active {
  visibility: visible;
  transition: all 0.5s ease-out;
  opacity: 1;
}

.hover-menu__row {
  display: flex;
  padding: 1.5rem;
  margin-left: -6rem !important;
  margin-right: -6rem !important;
  gap: 0.5rem;
}

@media (min-width: 1200px) {
  .hover-menu__row {
    gap: 1rem;
    padding: 2rem;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
}
@media (min-width: 1440px) {
  .hover-menu__row {
    gap: 2rem;
    padding: 2rem 3rem;
    margin-left: inherit;
    margin-right: inherit;
  }
}
.hover-menu__column {
  flex: 0 0 22.222%;
}

.hover-menu__column:first-of-type {
  flex: 0 0 33.333%;
}

.hover-menu__column {
  padding: 0;
}

@media (min-width: 1200px) {
  .hover-menu__column {
    padding: 2rem 0;
  }
}
.hover-menu__heading {
  padding-bottom: 0.5rem;
}

.hover-menu__list:empty {
  display: none;
}

.hover-menu__list {
  display: flex;
  flex-flow: column wrap;
  max-height: 32rem;
}

.hover-menu__list,
.hover-menu__list-item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.hover-menu__list-item {
  max-width: 20rem;
}

.hover-menu__anchor {
  display: block;
  height: 1.5rem;
  white-space: nowrap;
  text-decoration: none;
  color: var(--txt-color);
}

@media (min-width: 1200px) {
  .hover-menu__anchor {
    height: 1.75rem;
  }
}
.hover-menu__anchor:hover {
  text-decoration: underline;
}

.hero + .page {
  border-top: 0;
}

.glide__slides {
  height: 320px;
}

@media (min-width: 1024px) {
  .glide__slides {
    height: 540px;
  }
}
.glide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: 50% 50%;
  background-size: cover;
}

.glide__arrows .glide__arrow {
  border: none;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  color: var(--grey1);
  box-shadow: none;
}

.glide__arrows .glide__arrow img {
  width: 2.5rem;
  height: 2.5rem;
  box-shadow: none;
}

button.glide__arrow.glide__arrow--left {
  margin-left: -2rem;
}

button.glide__arrow.glide__arrow--right {
  margin-right: -2rem;
}

html {
  background: var(--bg-color);
  color: var(--txt-color);
  scroll-behavior: smooth;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::-moz-selection {
  background: #f2f2f2;
}

::-moz-selection,
::selection {
  background: #f2f2f2;
}

/**
 * app
 */
.app {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  max-width: 100vw;
  padding: 0 var(--frame-padding-mobile);
}

@media (min-width: 768px) {
  .app {
    padding: 0 var(--frame-padding-tablet);
  }
}
@media (min-width: 1024px) {
  .app {
    padding: 0 var(--frame-padding-desktop);
  }
}
.section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: var(--txt-color);
}

.section:first-of-type {
  border-top: 2px solid #ccc;
}

.section--no-top {
  padding-top: 0;
  padding-bottom: 3rem;
}

.form-login {
  margin: 0 auto 3rem;
}

@media screen and (min-width: 768px) {
  .form-login {
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .form-login {
    max-width: 33.33%;
  }
}
@media screen and (min-width: 1200px) {
  .form-login {
    max-width: 25%;
  }
}
.form__group {
  display: flex;
  flex-flow: column nowrap;
  padding-bottom: 0.75rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.page {
  --page-padding: 0;
  --column-padding: 6rem;
  padding: var(--page-padding) var(--page-padding);
  margin-bottom: 4rem;
}

.page__content {
  margin-bottom: 3rem;
}

.collection__grid {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template-areas: "body" "application" "media";
  gap: 3rem;
}

.collection__body {
  grid-area: body;
  max-width: 70ch;
}

.content__application {
  grid-area: application;
}

.content__media {
  grid-area: media;
  max-height: 600px;
  align-items: flex-end;
}

.collection__image {
  min-width: 100%;
  height: auto;
  aspect-ratio: auto;
}

.application__header {
  padding-bottom: 0.5rem;
}

.application__item {
  list-style: inside;
  padding-block: 0.125rem;
}

@media (min-width: 768px) {
  .collection__grid {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "body media";
  }
}
.page__body {
  max-width: 62ch;
}

.page__body p {
  margin-bottom: 1.5rem;
}

.page__body p:last-child {
  margin-bottom: 0;
}

.page__breadcrumbs {
  padding-bottom: 2rem;
}

.page__title {
  padding-bottom: 2rem;
}

.page__subtitle {
  font-family: "Metropolis Thin", sans-serif;
}

.page.main .article:last-child {
  padding-bottom: 0;
}

.page + .blocks .article:first-child {
  padding-top: 0;
  margin-top: -2rem;
}

.row {
  margin-left: calc(var(--column-padding) / -2);
  margin-right: calc(var(--column-padding) / -2);
  display: flex;
  flex-flow: column nowrap;
}

.row--center {
  justify-content: center;
}

.column {
  flex: 1 1 auto;
  margin: 0 calc(var(--column-padding) / 2);
}

.column--full,
.column--half,
.column--third,
.column--fourth,
.column--quart,
.column--fifth,
.column--sixth,
.column--two-thirds,
.column--three-fourth {
  flex: 0 0 100%;
}

.form {
  --column-padding: 1.5rem;
}

.account .column--border-right::after {
  display: none;
}

address.contact-address {
  font-size: 1em;
  font-style: normal;
}

@media screen and (min-width: 768px) {
  .page {
    --page-padding: 2rem;
  }
  .row {
    position: relative;
    flex-direction: row;
  }
  .column--half {
    flex: 0 0 calc(50% - var(--column-padding));
  }
  .column--third {
    flex: 0 0 calc(33.3333% - var(--column-padding));
  }
  .column--fourth {
    flex: 0 0 calc(25% - var(--column-padding));
  }
  .column--fifth {
    flex: 0 0 calc(20% - var(--column-padding));
  }
  .column--sixth {
    flex: 0 0 calc(16.6666% - var(--column-padding));
  }
  .column--eighth {
    flex: 0 0 calc(12.5% - var(--column-padding));
  }
  .column--tenth {
    flex-basis: calc(10% - var(--column-padding));
  }
  .column--two-thirds {
    flex: 0 0 calc(66.6666% - var(--column-padding));
  }
  .column--three-fourth {
    flex: 0 0 calc(75% - var(--column-padding));
  }
  .account .column--border-right::after {
    display: block;
    content: "";
    position: absolute;
    overflow: hidden;
    width: 2px;
    top: 0;
    right: 50%;
    bottom: 0;
    background: #ddd;
  }
}
@media screen and (min-width: 1024px) {
  .page {
    --page-padding: 4rem;
  }
  .row {
    flex-direction: row;
  }
  .column--half {
    flex: 0 0 50%;
  }
}
.samplerequest {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-template-areas: "samples" "form";
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 3rem;
}

@media screen and (min-width: 1200px) {
  .samplerequest {
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "samples form";
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    row-gap: 3rem;
  }
}
.samplerequest__samples,
.samplerequest__form {
  /*background: #fff3cd;*/
}

.samplerequest__samples {
  grid-area: samples;
}

.samplerequest__form {
  grid-area: form;
}

.form__full {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.form__half {
  flex: 0 0 auto;
}

@media screen and (min-width: 1024px) {
  .form__full {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .form__half {
    flex: 0 0 calc(50% - 1.5rem);
  }
}
.cart {
  width: 100%;
}

.cart__table {
  width: 100%;
  border-collapse: collapse;
}

.cart__thead {
  text-align: left;
  line-height: 2;
  font-style: italic;
}

.cart__thead th {
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.5rem;
}

.cart__table tr {
  line-height: 2;
}

.cart__row {
  /*padding: .5rem;*/
  /*background: #f5f5f5;*/
}

.cart__cell {
  padding: 0.5rem;
  border-bottom: 2px solid #ddd;
}

.cart__delete, .cart__destroy {
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}

.cart__destroy {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 2rem;
  text-align: center;
  color: #999;
}

.main {
  border-top: 2px solid #ccc;
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: var(--txt-color);
}

.main--borderless {
  border: none;
}

.main--no-bottom {
  padding-bottom: 0;
}

.bread {
  padding-bottom: 3rem;
}

.bread a {
  display: inline-block;
}

.finder {
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .finder {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.finder__bread {
  padding-bottom: 3rem;
}

.finder__header {
  flex-basis: 100%;
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 3rem;
}

.finder__title {
  flex: 1 1 25%;
  margin: 0 0 2rem -0.5rem;
}

@media (min-width: 1024px) {
  .finder__title {
    margin-bottom: 0;
  }
}
.search__input,
.search__button,
.search__reset {
  padding: 1rem 2rem;
  border: 2px solid var(--grey1);
  background-color: var(--white);
  outline: none;
  cursor: pointer;
}

button.search__reset--small {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
}

button.search__reset--small svg {
  width: 1.5rem;
  padding-right: 0.5rem;
}

.search__input:focus,
.search__button:focus,
.search__reset:focus {
  outline: none;
}

.search__input::-moz-placeholder {
  color: #666;
  font-style: italic;
}

.search__input::placeholder {
  color: #666;
  font-style: italic;
}

.search__input {
  margin-left: 0;
}

.finder__search {
  flex: 1 1 75%;
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
}

.search__input {
  flex-basis: auto;
}

.search__button,
.search__reset {
  flex: 1 0 auto;
}

@media (min-width: 768px) {
  .search__input {
    flex-basis: 50%;
  }
  .search__button,
  .search__reset {
    flex-basis: auto;
  }
}
.finder__content {
  display: flex;
  flex-flow: column nowrap;
}

.finder__filter {
  flex: 1 1 auto;
  order: 1;
}

.finder__list {
  flex: 1 1 auto;
  order: 0;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .finder__content {
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
  }
  .finder__filter {
    flex: 0 0 calc(33.3333% - 1rem);
    order: 0;
  }
  .finder__list {
    flex: 0 0 calc(66.6667% - 1rem);
    order: 1;
  }
}
@media (min-width: 768px) {
  .finder__filter {
    flex: 0 0 calc(25% - 1rem);
    order: 0;
  }
  .finder__list {
    flex: 0 0 calc(75% - 1rem);
    order: 1;
  }
}
.filter__header {
  display: flex;
  line-height: 4rem;
}

.filter__block {
  border-bottom: 2px solid #ddd;
}

.filter__block--sector {
  padding-bottom: 1.5rem;
}

.filter__misc {
  padding-bottom: 1rem;
}

.filter__label {
  display: flex;
  justify-content: flex-start;
  padding-block: 0.25rem;
  cursor: pointer;
  line-height: 1.125rem;
}

.filter__checkbox,
.filter__radio {
  margin-right: 0.5rem;
  accent-color: var(--txt-color);
  transform: scale(1.25);
  cursor: pointer;
}

.filter__checkbox {
  display: grid;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.filter__checkbox::before,
.filter__checkbox:checked::before,
.filter__checkbox:checked::after {
  grid-area: 1/1;
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  border: 2px solid #ddd;
  border-radius: 0.25rem;
  transition: all 0.45s ease-in-out;
}

.filter__checkbox::before {
  border: 2px solid #ddd;
  transition: border-color 0.15s ease-in-out;
}

.filter__checkbox::before:hover {
  border-color: var(--grey2);
  transition: border-color 0.15s ease-in-out;
}

.filter__checkbox:checked {
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out;
  z-index: 1;
}

.filter__checkbox:checked::before {
  border-color: var(--grey2);
}

.filter__checkbox:checked::after {
  border: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2138 0.763954C17.7996 1.34974 17.7996 2.29949 17.2138 2.88527L7.32605 12.773C6.74027 13.3588 5.79054 13.3588 5.20475 12.773L0.776018 8.3445C0.190219 7.75873 0.190197 6.80898 0.775971 6.22318C1.36174 5.63738 2.31149 5.63736 2.89729 6.22313L6.26536 9.59106L15.0924 0.763956C15.6782 0.178169 16.628 0.178168 17.2138 0.763954Z' fill='%237B7A76'/%3E%3C/svg%3E%0A");
  z-index: 2;
}

.finder__sort {
  display: flex;
  line-height: 4rem;
}

.sort__header {
  margin-left: auto;
}

.products {
  display: flex;
  flex-flow: row wrap;
  flex-basis: auto;
  gap: 2rem;
}

@media (min-width: 768px) {
  .products {
    margin-right: -2rem;
  }
}
.product {
  flex: 0 0 100%;
  padding-bottom: 2rem;
}

@media (min-width: 520px) {
  .product {
    flex-basis: calc(50% - 1rem);
  }
}
@media (min-width: 1024px) {
  .product {
    flex-basis: calc(33.333% - 2rem);
  }
}
@media (min-width: 1200px) {
  .product {
    flex-basis: calc(25% - 2rem);
  }
}
.product__header {
  text-decoration: none;
}

.product__collection {
  text-decoration: none;
}

.product__img {
  max-width: 100%;
  margin-bottom: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-products {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

@media (min-width: 768px) {
  .c-products {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .c-products {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .c-products {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1440px) {
  .c-products {
    grid-template-columns: repeat(6, 1fr);
  }
}
.c-product {
  padding-bottom: 4rem;
}

.c-product__image {
  padding-bottom: 1rem;
}

.c-product__image--image {
  width: 100%;
  aspect-ratio: 2/3;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1rem;
}

.c-product__image--no-image {
  width: 100%;
  aspect-ratio: 2/3;
  background: #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

.c-product__title {
  font-family: var(--body-font);
  font-size: 1rem;
  text-decoration: none;
}

.c-product__collection {
  font-family: var(--body-font);
  font-size: 1rem;
  text-decoration: none;
}

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

.finder__header {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .finder__header {
    flex-direction: row;
  }
  .finder__search {
    margin-left: 2rem;
    margin-bottom: 0;
  }
}
ul.filter__collections {
  position: relative;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  min-height: 1.5rem;
  max-height: 16rem;
  overflow-y: auto;
}

ul.filter__collections:empty {
  display: none;
}

ul.filter__collections--sustainability {
  max-height: initial;
  min-height: 100%;
  overflow-y: initial;
}

.filter__line {
  display: flex;
  justify-content: flex-start;
  padding: 0.25rem 0.5rem 0.25rem 0;
  text-decoration: none;
}

.filter__line svg {
  padding-top: 0.125rem;
}

.filter__line .filter__line-title {
  padding-left: 0.5rem;
}

.colour {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
}

.colour__item {
  position: relative;
  flex: 0 0 13.222%;
  aspect-ratio: 1;
  cursor: pointer;
  outline: 2px solid #fff;
  transition: outline-color 0.75s ease-in-out;
}

.colour__item:hover {
  outline: 2px solid #ddd;
  transition: outline-color 0.25s ease-in-out;
}

.colour__item--active:after {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "✔";
  font-size: 1.5rem;
  text-shadow: 0 0 0.25rem var(--grey1);
  color: var(--white);
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

@media (min-width: 1024px) {
  .colour__item--active:after {
    font-size: 2rem;
  }
}
.finder__bread {
  padding-bottom: 3rem;
}

.detail {
  display: flex;
  flex-flow: column nowrap;
}

@media (min-width: 768px) {
  .detail {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}
@media (min-width: 1024px) {
  .detail {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.detail__image {
  padding-bottom: 3rem;
}

.detail__img {
  width: 100%;
  cursor: zoom-in;
}

.detail__product hr {
  border: 1px solid #ccc;
}

@media (min-width: 768px) {
  .filter__line--more {
    display: flex;
    justify-content: center;
    justify-items: center;
  }
  .detail {
    flex-flow: row wrap;
  }
  .detail__top {
    flex-basis: 100%;
  }
  .detail__image {
    flex-basis: 33.333%;
    padding-right: 1rem;
    padding-bottom: 0;
  }
  .detail__product {
    flex-basis: 66.666%;
    padding-left: 1rem;
  }
}
@media (min-width: 1024px) {
  .detail__image {
    padding-right: 2rem;
    padding-bottom: 0;
  }
  .detail__product {
    padding-left: 2rem;
  }
}
.detail__cta {
  display: flex;
  padding: 2rem 0;
}

.cta__button {
  flex: 0 0 33%;
  margin-right: 2rem;
  padding: 1rem 0.75rem;
  background: var(--txt-color);
  border: none;
  color: var(--white) !important;
  font-family: var(--font-bold);
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

.cta__button:last-of-type {
  margin-right: 0;
}

.detail__related {
  width: 100%;
  padding: 3rem 0;
  grid-area: related;
}

.description-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.table {
  width: 100%;
}

.table__detail {
  padding-right: 1.5rem;
  font-family: var(--font-bold);
  font-weight: 600;
  vertical-align: top;
}

.table__term {
  width: 100%;
}

.table__term ul,
.table__term li {
  padding: 0;
  list-style: inside;
  line-height: 1.5;
}

.table__term li {
  margin: 0;
}

.table__term li a {
  margin-bottom: 0;
  text-decoration: none;
}

.product-badges {
  display: flex;
  flex-flow: row wrap;
}

.product-badges__item {
  max-width: 4rem;
  max-height: 4rem;
  padding: 0.125rem;
}

@media (min-width: 480px) {
  .product-badges__item {
    max-width: 5rem;
    max-height: 5rem;
  }
}
@media (min-width: 768px) {
  .product-badges__item {
    max-width: 5rem;
    max-height: 5rem;
  }
}
@media (min-width: 1024px) {
  .product-badges__item {
    max-width: 8rem;
    max-height: 8rem;
    padding: 0.5rem;
  }
}
.collections {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.collections--hidden {
  display: none;
}

.result {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.collections__ul {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}

.collections__letter {
  padding-top: 1rem;
  padding-bottom: 1rem;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.collections__header {
  -moz-column-break-after: avoid;
       break-after: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}

.collections__item {
  margin-left: 1.5rem;
  list-style: disc outside;
}

.collections__anchor {
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-decoration: none;
}

.collections__anchor:hover {
  font-weight: bold;
}

@media (min-width: 768px) {
  .collections {
    -moz-columns: 2 auto;
         columns: 2 auto;
  }
}
@media (min-width: 1024px) {
  .collections {
    -moz-columns: 3 auto;
         columns: 3 auto;
  }
}
.collection-filter {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  padding: 2rem 0 0;
  max-width: 375px;
}

.collection-filter__label {
  padding-bottom: 0.5rem;
}

.collection-filter__input {
  padding: 0.75rem 3rem 0.75rem 1rem;
  border: solid var(--grey1) 2px;
}

.collection-filter__input:focus {
  outline: 0;
}

.collection-filter__button {
  position: absolute;
  right: 0.666rem;
  bottom: 0.666rem;
  padding: 0.25rem;
  border: none;
  background-color: transparent;
  font-size: 1.125rem;
  cursor: pointer;
}

.product-line {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.product-line__header {
  margin-bottom: 3rem;
}

.product-line__products {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 2rem;
  justify-content: flex-start;
}

.product-line__product {
  flex: 0 0 calc(50% - 1rem);
  display: flex;
  flex-flow: column nowrap;
}

.product-line__title {
  padding-block: 1rem 0;
  margin-bottom: 0;
  text-decoration: none;
  font-size: 0.75rem;
}

.product-line__collection {
  color: var(--body-font);
  margin-top: -1.5rem;
  padding-block: 0;
  text-decoration: none;
}

@media (min-width: 768px) {
  .product-line__product {
    flex-basis: calc(33% - 1.5rem);
  }
}
@media (min-width: 1024px) {
  .product-line__product {
    flex-basis: calc(25% - 1.5rem);
  }
}
@media (min-width: 1280px) {
  .product-line__product {
    flex-basis: calc(16.66% - 1.6666666667rem);
  }
}
/**
    Grid-look
 */
.grid-look {
  padding-top: 3rem;
}

.grid-look_top {
  display: flex;
  justify-content: flex-end;
  padding-block: 0 2rem;
}

.grid-look__label {
  padding-right: 1rem;
  font-size: 1rem;
}

.grid-look__select {
  font-size: 1rem;
}

.grid-look__select {
  width: 24ch;
  padding-block: 0.33rem;
  border: none;
  background: white;
  border-bottom: 1px solid #ccc;
}

.grid-look__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 2rem;
}

.grid-look__item {
  display: block;
  width: 100%;
  height: 18rem;
  text-decoration: none;
  font-size: 2em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
}

.grid-look__item--hidden {
  display: none;
}

.grid-look__text {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  padding-inline: 2rem;
  background: rgba(255, 255, 255, 0.75);
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.grid-look__item:hover .grid-look__text {
  opacity: 1;
}

@media (min-width: 768px) {
  .grid-look__grid {
    grid-template-columns: repeat(3, calc(33.33% - 1.33rem));
    grid-template-rows: auto;
    grid-auto-flow: column;
  }
  .grid-look__item:nth-child(4n+1) {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .grid-look__item:nth-child(4n+2) {
    grid-column-start: 2;
    grid-column-end: 4;
  }
  .grid-look__item:nth-child(4n+3) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .grid-look__item:nth-child(4n+4) {
    grid-column-start: 3;
    grid-column-end: 4;
  }
}
@media (min-width: 1440px) {
  .grid-look__item {
    height: 24rem;
  }
}
@media (min-width: 1920px) {
  .grid-look__item {
    height: 28rem;
  }
}
@media (hover: none) {
  .grid-look__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .grid-look__item .grid-look__text {
    width: 100%;
    height: 2.5em;
    line-height: 1;
    background: var(--white);
    font-size: 1.125rem;
    text-align: center;
    opacity: 1;
  }
}
.article {
  padding: 3rem 0;
  display: flex;
  flex-flow: column nowrap;
}

.article:last-of-type {
  padding-bottom: 3rem;
}

.article--center {
  padding-bottom: 3rem;
}

.article__image {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  order: 1;
}

.article__content {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 2rem;
  order: 2;
}

.article__box {
  display: flex;
  flex-flow: column nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  position: relative;
  width: 100%;
  padding: 3rem;
}

.article__heading {
  max-width: 32rem;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.article__products {
  max-width: 12rem;
  margin: 0 auto;
}

a.article__product {
  margin-bottom: 2rem;
  text-decoration: none;
  color: var(--txt-color);
}

.article__product:not(:last-child) .article__product-description {
  margin-bottom: 2rem;
}

.article__product-image {
  max-width: 8rem;
  max-height: 16rem;
}

.article__paragraph {
  max-width: 60ch;
}

.article__paragraph:last-of-type {
  margin-bottom: 0;
}

.article__icons {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}

.article__icon {
  flex: 0 0 50%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: calc(var(--frame-padding-mobile) / 2);
  margin: 0;
  text-align: center;
  color: var(--body-font);
  text-decoration-color: transparent;
  transition: all 0.4s ease-out;
}

.article__icon:hover {
  transition: all 0.15s ease-in;
  text-decoration-color: var(--body-font);
}

.article__icon .article__ico {
  transform: scale(1);
  transition: all 0.5s ease-out;
  clip-path: inset(0 0 2.5rem);
}

.article__icon:hover .article__ico {
  transform: scale(1.125);
  transition: all 0.15s ease-in;
}

.article__ico {
  margin-bottom: -1rem;
}

@media (min-width: 768px) {
  .article {
    display: flex;
    flex-flow: row nowrap;
  }
  .article__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    order: initial;
  }
  .article__image {
    width: 50%;
    overflow: hidden;
    order: initial;
  }
  .article__icon {
    flex: 0 0 25%;
  }
}
@media (min-width: 1080px) {
  .article__icon {
    flex: 0 0 25%;
    padding: var(--frame-padding-mobile);
    margin-bottom: var(--frame-padding-mobile);
  }
}
@media (min-width: 1203px) {
  .article__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 38.2%;
  }
  .article__image {
    width: 61.8%;
    overflow: hidden;
  }
  .article__icon {
    flex: 0 0 25%;
    padding: var(--frame-padding-mobile);
    margin-bottom: var(--frame-padding-mobile);
  }
}
.image {
  min-width: 100%;
  min-height: 100%;
}

.image--cover {
  min-width: 100%;
  min-height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.article--center {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.article a.button {
  align-self: flex-start;
  margin-top: 2rem;
  padding: 0.75rem 3rem;
  font-size: 0.85rem;
  font-weight: 600;
  font-family: var(--font-bold);
  text-transform: uppercase;
  display: inline-block;
}

.article a.button:link,
.article a.button:visited {
  color: var(--text);
  border: 2px solid var(--txt-color);
  text-decoration: none;
}

.pagination {
  display: flex;
  justify-content: center;
}

.pagination__link {
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.pagination__link--active {
  border: 2px solid var(--grey1);
}

.footer {
  position: relative;
  padding: var(--frame-padding-mobile);
  background: var(--grey2);
  color: var(--trans-white2);
  font-size: 1rem;
}

.footer a:-moz-any-link {
  color: var(--trans-white2);
}

.footer a:any-link {
  color: var(--trans-white2);
}

.footer__grid {
  display: grid;
  grid-template-areas: "flogo" "fcontact" "fnavigation" "fsocials" "finfo";
  gap: 1rem;
}

.footer__contact {
  flex: 0 0 100%;
}

.footer__header {
  font-size: 1rem;
  font-family: var(--font-bold);
  font-weight: bold;
  color: var(--grey3);
}

.footer__nav {
  flex: 0 0 100%;
}

.footer__navlist {
  margin: 0;
  padding: 0;
}

.footer__navitem {
  list-style: none;
}

.footer__navlink {
  color: var(--grey3);
  text-decoration: none;
  transition: color 0.5s ease-in-out;
}

.footer__navlink:hover {
  color: var(--white);
  transition: color 0.5s ease-in-out;
}

.footer__address {
  font-style: normal;
}

.footer__address a:-moz-any-link {
  color: var(--body-font);
}

.footer__address a:any-link {
  color: var(--body-font);
}

.footer__social {
  display: flex;
  gap: 1rem;
  padding-top: 0.25rem;
}

.footer__totop {
  position: absolute;
  top: 0;
  right: 0;
  width: 4.5em;
  height: 4.5em;
  font-size: 0.9rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  background: var(--white);
  text-decoration: none;
  color: var(--txt-color);
}

.info {
  flex: 0 0 100%;
  display: flex;
  flex-flow: column wrap;
}

.info__link {
  flex: 0 0 auto;
  text-decoration: none;
  color: var(--white);
}

.info__logolink {
  display: flex;
  flex: 0 0 100%;
  justify-content: center;
  place-items: center;
  color: var(--white);
  text-decoration: none;
  grid-area: flogo;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
}

.bottom {
  background: var(--white);
  padding: 0.5rem;
  text-align: center;
  font-size: 14px;
}

.bottom__link {
  color: var(--txt-color);
}

@media (min-width: 640px) {
  .footer__grid {
    display: grid;
    grid-template-areas: "flogo flogo" "fsocials finfo" "fcontact fnavigation";
  }
}
@media (min-width: 768px) {
  .footer {
    padding: var(--frame-padding-tablet);
  }
  .info__link:hover {
    color: var(--white);
  }
  .bottom {
    display: flex;
  }
  .bottom--copyright {
    flex: 1 1 40%;
    margin-left: 30%;
    text-align: center;
  }
  .bottom--credits {
    flex: 1 0 40%;
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .footer__grid {
    display: grid;
    grid-template-areas: "flogo flogo flogo flogo" "fcontact fnavigation fsocials finfo";
  }
  .bottom {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .footer {
    padding: var(--frame-padding-desktop);
  }
  .footer__grid {
    display: grid;
    grid-template-areas: "flogo fcontact fnavigation fsocials finfo";
  }
}
.cookie-consent {
  max-width: 100vw;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: var(--grey3);
  color: var(--txt-color);
}

.cookie-consent__message,
.cookie-consent__agree {
  color: var(--txt-color);
}

.cookie-consent__message {
  background: var(--grey3);
  margin-bottom: 1.5rem;
  text-align: center;
}

.cookie-consent__agree {
  padding: 0.5rem 1.5rem;
  border: 2px solid var(--txt-color);
  background-color: transparent;
  font-size: 0.9rem;
  font-family: var(--font-bold);
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .cookie-consent {
    flex-direction: row;
  }
  .cookie-consent__message {
    margin-bottom: 0;
    text-align: left;
  }
  .cookie-consent__agree {
    margin-left: 2rem;
  }
}
.message {
  width: 100%;
  max-width: 100%;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.message__link {
  color: var(--txt-color);
}

.message--success {
  border-left: 0.33rem solid var(--success-bg);
}

.message--warning {
  border-left: 0.33rem solid var(--warning-bg);
}

.message--info {
  border-left: 0.33rem solid var(--info-bg);
}

.message--danger {
  border-left: 0.33rem solid var(--danger-bg);
}

.message--error {
  border-left: 0.33rem solid var(--danger-bg);
}

@media screen and (min-width: 768px) {
  .message {
    max-width: 640px;
  }
}
.mobile-menu {
  display: none;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  z-index: 100;
  overflow-y: auto;
  inset: 0;
  width: 100vw;
  max-width: 100vw;
  padding: 1.5rem;
  background: var(--white);
}

.mobile-menu__container {
  display: flex;
  width: 100%;
  flex-flow: column nowrap;
}

.mobile-menu__header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: 2rem;
}

.mobile-menu__logo svg {
  max-height: 3.333rem;
}

.mobile-menu__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  flex: 0 0 2rem;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}

.mobile-menu__close svg {
  margin-top: 3px;
}

.mobile-menu__ul,
.mobile-menu__item {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu__ul {
  border: 2px solid rgb(204, 204, 204);
  border-bottom: none;
}

.mobile-menu__languages {
  display: flex;
  justify-content: space-around;
}

.mobile-menu__flag {
  padding: 1rem;
}

.mobile-menu__link {
  display: block;
  padding: 1rem 2rem;
  color: var(--text-color);
  text-decoration: none;
  border-bottom: 2px solid rgb(204, 204, 204);
}

.mobile-menu__request {
  position: relative;
}

.mobile-menu__link .nav__counter {
  position: absolute;
  top: 0;
  right: 0;
}

.mobile-menu__footer {
  padding: 2rem;
  display: flex;
  justify-content: center;
}

.mobile-menu__sub-list {
  background-color: rgba(232, 231, 226, 0.4);
  display: none;
}

.mobile-menu__ul .mobile-menu__sub-list {
  border: none;
}

.mobile-menu__parent--active .mobile-menu__sub-list {
  display: block;
}

.mobile-menu__sub-list .mobile-menu__link {
  padding-left: 3rem;
}

.mobile-menu__with-arrow {
  display: flex;
  margin-left: auto;
  justify-content: space-between;
}

.mobile-menu__arrow {
  padding-block: 0.5rem;
}

@media (min-width: 1280px) {
  .mobile-menu {
    display: none;
  }
}
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.glide--rtl {
  direction: rtl;
}

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}

.glide__arrow:focus {
  outline: none;
}

.glide__arrow:hover {
  border-color: white;
}

.glide__arrow--left {
  left: 2em;
}

.glide__arrow--right {
  right: 2em;
}

.glide__arrow--disabled {
  opacity: 0.33;
}

.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}

.glide__bullet:focus {
  outline: none;
}

.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}

.glide__bullet--active {
  background-color: white;
}

.glide--swipeable {
  cursor: grab;
  cursor: -webkit-grab;
}

.glide--dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}