@charset "UTF-8";
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

:root {
  --uk-breakpoint-s: 640px;
  --uk-breakpoint-m: 960px;
  --uk-breakpoint-l: 1366px;
  --uk-breakpoint-xl: 1600px;
}

strong {
  font-weight: 600;
}

.sans-serif {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.02em;
}

.serif {
  color: #4E4540;
  font-family: "optima-nova-lt-pro", sans-serif;
}

.special-font {
  font-family: minion-pro, serif;
  line-height: 1.57 !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
  margin-bottom: clamp(21px, 1.25vw, 28px);
}
@media (max-width: 959px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: clamp(21px, 3.125vw, 28px);
  }
}
@media (max-width: 639px) {
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-bottom: clamp(21px, 6.15vw, 28px);
  }
}

p,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

h1,
.h1 {
  color: #4E4540;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  h1,
  .h1 {
    font-size: calc(100 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  h1,
  .h1 {
    font-size: calc(90 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  h1,
  .h1 {
    font-size: calc(82 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  h1,
  .h1 {
    font-size: calc(62 / 390 * 100vw);
  }
}

h2,
.h2 {
  color: #4E4540;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  h2,
  .h2 {
    font-size: calc(50 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  h2,
  .h2 {
    font-size: calc(48 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  h2,
  .h2 {
    font-size: calc(44 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  h2,
  .h2 {
    font-size: calc(34 / 390 * 100vw);
  }
}

h3,
.h3 {
  color: #4E4540;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  h3,
  .h3 {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  h3,
  .h3 {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  h3,
  .h3 {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  h3,
  .h3 {
    font-size: calc(23 / 390 * 100vw);
  }
}

h4,
.h4 {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  h4,
  .h4 {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  h4,
  .h4 {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  h4,
  .h4 {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  h4,
  .h4 {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  h4,
  .h4 {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}

h5,
.h5 {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  h5,
  .h5 {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  h5,
  .h5 {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  h5,
  .h5 {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  h5,
  .h5 {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  h5,
  .h5 {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

h6,
.h6 {
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  h6,
  .h6 {
    font-size: clamp(12px, 12px + (0) * (100vw - 320px) / 320, 12px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  h6,
  .h6 {
    font-size: clamp(12px, 12px + (0) * (100vw - 640px) / 320, 12px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  h6,
  .h6 {
    font-size: 12px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  h6,
  .h6 {
    font-size: clamp(12px, 12px + (0) * (100vw - 1367px) / 553, 15.6px);
  }
}
@media (min-width: 1921px) {
  h6,
  .h6 {
    font-size: clamp(12px, 12px + (3.6) * (100vw - 1920px) / 1280, 15.6px);
  }
}

@media (max-width: 639px) {
  h1 + h2 + p,
  h2 + h3 + p {
    margin-top: 1.5em;
  }
}

.unlisted-page h1,
.unlisted-page h2,
.unlisted-page h3,
.unlisted-page h4,
.unlisted-page h5,
.unlisted-page h6 {
  font-family: "optima-nova-lt-pro", sans-serif;
  color: #4E4540;
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.18 !important;
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.unlisted-page h1:first-child,
.unlisted-page h2:first-child,
.unlisted-page h3:first-child,
.unlisted-page h4:first-child,
.unlisted-page h5:first-child,
.unlisted-page h6:first-child {
  margin-top: 0;
}
.unlisted-page h2 + h3 {
  margin-top: 0;
}
.unlisted-page h3 + h4 {
  margin-top: 0;
}
.unlisted-page h4 + h5 {
  margin-top: 0;
}
.unlisted-page h5 + h6 {
  margin-top: 0;
}
.unlisted-page h1 {
  font-size: 2rem;
}
.unlisted-page h2 {
  font-size: 1.6rem;
}
.unlisted-page h3 {
  font-size: 1.4rem;
}
.unlisted-page h4 {
  font-size: 1.2rem;
}
.unlisted-page h5 {
  font-size: 0.875rem;
}
.unlisted-page h6 {
  font-size: 0.75rem;
}

.tipp-text:not(strong, br) {
  display: inline-block;
  font-size: 1rem;
  border: 1px solid #000;
  padding: 1em 1.5em;
  margin-top: 1rem;
}

a:not(.more-link, .uk-slidenav, .uk-logo, .nav-link, .more-button, .sliced-button, .uk-icon-link, .blog-card, .gallery-item a, .blog-nav__link, .uk-pagination a) {
  position: relative;
  color: #302723;
  transition: color 0.25s ease-in-out;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(48, 39, 35, 0.5);
}
a:not(.more-link, .uk-slidenav, .uk-logo, .nav-link, .more-button, .sliced-button, .uk-icon-link, .blog-card, .gallery-item a, .blog-nav__link, .uk-pagination a):hover {
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: rgba(48, 39, 35, 0.5);
  color: #302723 !important;
}

.size-basic {
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .size-basic {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-basic {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-basic {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .size-basic {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .size-basic {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.size-xxs {
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .size-xxs {
    font-size: clamp(12px, 12px + (0) * (100vw - 320px) / 320, 12px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-xxs {
    font-size: clamp(12px, 12px + (0) * (100vw - 640px) / 320, 12px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-xxs {
    font-size: 12px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .size-xxs {
    font-size: clamp(12px, 12px + (0) * (100vw - 1367px) / 553, 15.6px);
  }
}
@media (min-width: 1921px) {
  .size-xxs {
    font-size: clamp(12px, 12px + (3.6) * (100vw - 1920px) / 1280, 15.6px);
  }
}

.size-xs {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .size-xs {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-xs {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-xs {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .size-xs {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .size-xs {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.size-s {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .size-s {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-s {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-s {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .size-s {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .size-s {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}

.size-m {
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .size-m {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-m {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-m {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .size-m {
    font-size: calc(23 / 390 * 100vw);
  }
}

p.size-m {
  line-height: 1.2 !important;
}

.size-l {
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .size-l {
    font-size: calc(50 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-l {
    font-size: calc(48 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-l {
    font-size: calc(44 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .size-l {
    font-size: calc(34 / 390 * 100vw);
  }
}

.size-xl {
  font-weight: 300;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .size-xl {
    font-size: calc(100 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .size-xl {
    font-size: calc(90 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .size-xl {
    font-size: calc(82 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .size-xl {
    font-size: calc(62 / 390 * 100vw);
  }
}

.sur-title {
  margin-bottom: 0.8rem !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .sur-title {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .sur-title {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .sur-title {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .sur-title {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .sur-title {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.serif.size-l,
.serif.size-xl,
.serif.size-m {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lead-text {
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .lead-text {
    font-size: clamp(17px, 17px + (3) * (100vw - 320px) / 320, 20px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .lead-text {
    font-size: clamp(20px, 20px + (2) * (100vw - 640px) / 320, 22px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .lead-text {
    font-size: 22px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .lead-text {
    font-size: clamp(22px, 22px + (0) * (100vw - 1367px) / 553, 28.6px);
  }
}
@media (min-width: 1921px) {
  .lead-text {
    font-size: clamp(22px, 22px + (6.6) * (100vw - 1920px) / 1280, 28.6px);
  }
}

h1.sur-title,
h2.sur-title,
h3.sur-title,
h4.sur-title,
h5.sur-title,
h6.sur-title {
  margin-bottom: 0 !important;
}

sup {
  font-size: 60%;
}

.search-button::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  width: 1em;
  height: 1em;
  margin-left: 15px;
  vertical-align: middle;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23F4F3F1%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.color-1 .search-button::after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23302723%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  stroke: #302723;
}

.more-link {
  position: relative;
  display: inline-block;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 450;
  text-transform: uppercase;
  color: #302723;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  .more-link {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .more-link {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .more-link {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .more-link {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  .more-link {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
.more-link::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.25em;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: rgba(48, 39, 35, 0.5);
  transition: width 0.35s ease-in-out;
}
.more-link:hover {
  color: #302723 !important;
  text-decoration: none !important;
}
.more-link:hover::before {
  background-color: rgba(48, 39, 35, 0.5);
  width: 0%;
}

.more-link-reverse {
  position: relative;
  display: inline-block;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 450;
  text-transform: uppercase;
  color: #302723;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  .more-link-reverse {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .more-link-reverse {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .more-link-reverse {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .more-link-reverse {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  .more-link-reverse {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
.more-link-reverse::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.25em;
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background-color: rgba(48, 39, 35, 0.5);
  transition: width 0.35s ease-in-out;
}
.more-link-reverse:hover {
  color: #302723 !important;
  text-decoration: none !important;
}
.more-link-reverse:hover::before {
  background-color: rgba(48, 39, 35, 0.5);
  width: 100%;
}

.color-2 .more-link {
  color: #F4F3F1;
}
.color-2 .more-link::before {
  background-color: rgba(244, 243, 241, 0.5);
}
.color-2 .more-link:hover {
  color: #F4F3F1 !important;
}

.more-icon {
  position: relative;
  display: inline-block;
  padding: 10px 10px;
  border: 1px solid #F4F3F1;
  border-radius: 999px;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  transition: width 0.35s ease-in-out;
}
.more-icon svg.more-icon-svg {
  width: 17px;
  height: 15.5px;
  overflow: visible;
}
.more-icon svg.more-icon-svg path.line {
  transform: scaleX(1);
  transform-origin: left center;
  transform-box: fill-box;
  transition: transform 0.35s ease-in-out;
  stroke: #F4F3F1;
}
.more-icon svg.more-icon-svg path.arrow {
  transform: translateX(0);
  transform-box: fill-box;
  transition: transform 0.35s ease-in-out;
  stroke: #F4F3F1;
}
.more-icon:hover {
  width: 56px;
}
.more-icon:hover svg.more-icon-svg path.line {
  transform: scaleX(1.878);
}
.more-icon:hover svg.more-icon-svg path.arrow {
  transform: translateX(15px);
}

.service-wrapper:hover .more-icon {
  width: 56px;
}

.service-wrapper:hover .more-icon svg.more-icon-svg path.line {
  transform: scaleX(1.878);
}

.service-wrapper:hover .more-icon svg.more-icon-svg path.arrow {
  transform: translateX(15px);
}

a.more-button,
button.more-button {
  display: inline-block;
  justify-content: center;
  position: relative;
  color: #F4F3F1;
  font-family: "neue-haas-grotesk-display", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.35s ease-in-out;
  margin-top: calc(40px - 1rem);
  font-weight: 500;
  padding: 1em 4em;
  line-height: 1 !important;
  z-index: 1;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  a.more-button,
  button.more-button {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  a.more-button,
  button.more-button {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  a.more-button,
  button.more-button {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  a.more-button,
  button.more-button {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  a.more-button,
  button.more-button {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
@media (max-width: 639px) {
  a.more-button,
  button.more-button {
    font-size: 12px;
    white-space: nowrap;
    padding: 1em 1.5em;
  }
}
a.more-button:hover,
button.more-button:hover {
  color: #302723 !important;
  text-decoration: none;
}
a.more-button:hover::before,
button.more-button:hover::before {
  background-color: #F4F3F1;
  transform: translate(-50%, -50%) scale(1.02);
}
a.more-button::before,
button.more-button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  background-color: #302723;
  border: 1px solid #000;
  z-index: -1;
  transition: all 0.35s ease-in-out;
}

button.more-button {
  cursor: pointer;
  display: block;
  width: 100%;
}

.more-button-light {
  color: #F4F3F1;
}
.more-button-light::before {
  border: 1px solid #D9D9D9;
}
.more-button-light:hover {
  color: #F4F3F1 !important;
}
.more-button-light:hover::before {
  border: 1px solid #fff;
}

.appointment-button-nav.more-button {
  margin-top: 0 !important;
}
.appointment-button-nav.more-button::before {
  z-index: -1;
  background-color: transparent !important;
  border: 1px solid #F4F3F1 !important;
}
.appointment-button-nav.more-button:hover {
  color: #F4F3F1 !important;
}
.appointment-button-nav.more-button:hover::before {
  border: 1px solid #000 !important;
  background-color: #302723 !important;
}
@media (max-width: 959px) {
  .appointment-button-nav.more-button {
    padding: 1em 1.5em;
  }
}

header.nav-scroll .navbar-wrapper #navbar .uk-navbar-left .appointment-button-nav.more-button {
  color: #F4F3F1 !important;
  z-index: 1;
}
header.nav-scroll .navbar-wrapper #navbar .uk-navbar-left .appointment-button-nav.more-button::before {
  z-index: -1;
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
header.nav-scroll .navbar-wrapper #navbar .uk-navbar-left .appointment-button-nav.more-button:hover {
  color: #302723 !important;
}
header.nav-scroll .navbar-wrapper #navbar .uk-navbar-left .appointment-button-nav.more-button:hover::before {
  border: 1px solid #000 !important;
  background-color: #F4F3F1 !important;
}

.mobile-appointment-button-nav.more-button {
  position: fixed !important;
  top: inherit !important;
  left: 0;
  bottom: 0 !important;
  width: 100%;
  z-index: 10;
  border: none;
  background-color: #302723;
  color: #F4F3F1;
  text-align: center;
  padding: 1.5em !important;
  margin: 0 !important;
  z-index: 10 !important;
  height: 48px !important;
}
.mobile-appointment-button-nav.more-button::before {
  display: none !important;
  border: none !important;
}
.mobile-appointment-button-nav.more-button:hover {
  color: #F4F3F1 !important;
}
.more-icon .animated-circle,
.more-icon .animated-arrow,
.more-icon .animated-line {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  stroke-opacity: 0;
  transition: stroke-dashoffset 0.6s ease, stroke-opacity 0.3s ease;
}

p:not(:first-of-type):has(.more-button),
p:not(:first-child):has(.more-button) {
  margin-top: 0 !important;
}

@media (max-width: 959px) {
  article h1:last-child, article h2:last-child, article h3:last-child, article h4:last-child, article h5:last-child, article h6:last-child {
    margin-bottom: 16px !important;
  }
}
@media (max-width: 639px) {
  article h1:last-child, article h2:last-child, article h3:last-child, article h4:last-child, article h5:last-child, article h6:last-child {
    margin-bottom: 10px !important;
  }
}

p:not(:first-child):has(.more-button) {
  margin-top: 2rem;
}

.sliced-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-weight: 500;
  border: 1px solid #302723;
  border-radius: 1.5rem;
  padding: 0.75rem 1.5rem 0.6rem;
  line-height: 1 !important;
  margin-top: 1rem;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .sliced-button {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .sliced-button {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .sliced-button {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .sliced-button {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .sliced-button {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.sliced-button:hover {
  color: #000;
  text-decoration: none;
}
.sliced-button .text-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.sliced-button .main-link,
.sliced-button .hover-link {
  display: inline-block;
  position: relative;
  line-height: 1;
}
.sliced-button .char {
  display: inline-block;
  position: relative;
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sliced-button .char.space {
  white-space: pre;
}
.sliced-button .main-link {
  color: #302723 !important;
}
.sliced-button .hover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #302723 !important;
}

/* Optional: Fügen Sie hier weitere Stile für den Link hinzu */
ul.big-line-list {
  padding-left: 0 !important;
  list-style: none !important;
  margin-top: 30px !important;
}
ul.big-line-list li {
  font-family: "optima-nova-lt-pro", sans-serif;
  font-weight: 300;
  padding: 0.4em 0 0.5em;
  border-bottom: 1px solid rgba(145, 127, 94, 0.5);
  line-height: 1.3 !important;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  ul.big-line-list li {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  ul.big-line-list li {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  ul.big-line-list li {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  ul.big-line-list li {
    font-size: calc(23 / 390 * 100vw);
  }
}
ul.big-line-list li::before {
  display: none;
}
ul.big-line-list li:first-child {
  border-top: 1px solid rgba(145, 127, 94, 0.5);
}

ul.small-line-list {
  padding-left: 0 !important;
  list-style: none !important;
}
ul.small-line-list li {
  font-family: "optima-nova-lt-pro", sans-serif;
  font-weight: 300;
  padding: 0.4em 0 0.5em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  line-height: 1.3 !important;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  ul.small-line-list li {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  ul.small-line-list li {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  ul.small-line-list li {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  ul.small-line-list li {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  ul.small-line-list li {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
ul.small-line-list li::before {
  display: none;
}

ul.small-line-list:not(:last-child),
ul.big-line-list:not(:last-child) {
  margin-bottom: 40px !important;
}

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

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  margin-top: 0 !important;
}

h1 + h2 + p {
  margin-top: 1.5rem;
}

h3 + h4 + p {
  margin-top: 1.5rem;
}

p + h2 {
  margin-top: 3rem !important;
}

p + ul,
*.size-basic + ul {
  margin-top: 0.5rem !important;
}

.nowrap-numbers {
  white-space: nowrap;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.full-height-section {
  min-height: 100vh;
}
@media (max-width: 959px) {
  .full-height-section {
    min-height: calc(var(--vh, 1vh) * 100);
  }
}

.background-top-left {
  position: absolute;
  top: 0;
  left: 0;
  transsform: translate(-50%, -50%);
  transform-origin: center;
  z-index: 0;
}

.background-top-right {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  transform-origin: center;
  z-index: 0;
}

.background-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  transform-origin: center;
  z-index: 0;
}

.background-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  transform-origin: center;
  z-index: 0;
}

/* ========================================================================
   Component: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
/* Twelves */
.uk-child-width-1-12 > * {
  width: 8.3326389468%;
}

.uk-child-width-1-6 > * {
  width: 16.6638893518%;
}

.uk-child-width-1-5 > * {
  width: 19.9960007998%;
}

.uk-child-width-1-4 > * {
  width: 24.9937515621%;
}

.uk-child-width-1-3 > * {
  width: 33.3222259247%;
}

.uk-child-width-2-5 > * {
  width: 39.9920015997%;
}

.uk-child-width-5-12 > * {
  width: 41.6631947338%;
}

.uk-child-width-1-2 > * {
  width: 49.9750124938%;
}

.uk-child-width-3-5 > * {
  width: 59.9880023995%;
}

.uk-child-width-7-12 > * {
  width: 58.3284726273%;
}

.uk-child-width-2-3 > * {
  width: 66.6444518494%;
}

.uk-child-width-3-4 > * {
  width: 74.9812546863%;
}

.uk-child-width-4-5 > * {
  width: 79.9840031994%;
}

.uk-child-width-5-6 > * {
  width: 83.3194467589%;
}

.uk-child-width-11-12 > * {
  width: 91.6284881299%;
}

.uk-child-width-1-1 > * {
  width: 100%;
}

.uk-child-width-expand > * {
  flex: 1;
  min-width: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* Whole */
  /* Tvelvths */
  .uk-child-width-1-12\@s > * {
    width: 8.3326389468%;
  }
  .uk-child-width-1-6\@s > * {
    width: 16.6638893518%;
  }
  .uk-child-width-1-5\@s > * {
    width: 19.9960007998%;
  }
  .uk-child-width-1-4\@s > * {
    width: 24.9937515621%;
  }
  .uk-child-width-1-3\@s > * {
    width: 33.3222259247%;
  }
  .uk-child-width-2-5\@s > * {
    width: 39.9920015997%;
  }
  .uk-child-width-5-12\@s > * {
    width: 41.6631947338%;
  }
  .uk-child-width-1-2\@s > * {
    width: 49.9750124938%;
  }
  .uk-child-width-3-5\@s > * {
    width: 59.9880023995%;
  }
  .uk-child-width-7-12\@s > * {
    width: 58.3284726273%;
  }
  .uk-child-width-2-3\@s > * {
    width: 66.6444518494%;
  }
  .uk-child-width-3-4\@s > * {
    width: 74.9812546863%;
  }
  .uk-child-width-4-5\@s > * {
    width: 79.9840031994%;
  }
  .uk-child-width-5-6\@s > * {
    width: 83.3194467589%;
  }
  .uk-child-width-11-12\@s > * {
    width: 91.6590284143%;
  }
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }
  .uk-child-width-expand\@s > * {
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* Tvelvths */
  .uk-child-width-1-12\@m > * {
    width: 8.3326389468%;
  }
  .uk-child-width-1-6\@m > * {
    width: 16.6638893518%;
  }
  .uk-child-width-1-5\@m > * {
    width: 19.9960007998%;
  }
  .uk-child-width-1-4\@m > * {
    width: 24.9937515621%;
  }
  .uk-child-width-1-3\@m > * {
    width: 33.3222259247%;
  }
  .uk-child-width-2-5\@m > * {
    width: 39.9920015997%;
  }
  .uk-child-width-5-12\@m > * {
    width: 41.6631947338%;
  }
  .uk-child-width-1-2\@m > * {
    width: 49.9750124938%;
  }
  .uk-child-width-3-5\@m > * {
    width: 59.9880023995%;
  }
  .uk-child-width-7-12\@m > * {
    width: 58.3284726273%;
  }
  .uk-child-width-2-3\@m > * {
    width: 66.6444518494%;
  }
  .uk-child-width-3-4\@m > * {
    width: 74.9812546863%;
  }
  .uk-child-width-4-5\@m > * {
    width: 79.9840031994%;
  }
  .uk-child-width-5-6\@m > * {
    width: 83.3194467589%;
  }
  .uk-child-width-11-12\@m > * {
    width: 91.6590284143%;
  }
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }
  .uk-child-width-expand\@m > * {
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1367px) {
  /* Tvelvths */
  .uk-child-width-1-12\@l > * {
    width: 8.3326389468%;
  }
  .uk-child-width-1-6\@l > * {
    width: 16.6638893518%;
  }
  .uk-child-width-1-5\@l > * {
    width: 19.9960007998%;
  }
  .uk-child-width-1-4\@l > * {
    width: 24.9937515621%;
  }
  .uk-child-width-1-3\@l > * {
    width: 33.3222259247%;
  }
  .uk-child-width-2-5\@l > * {
    width: 39.9920015997%;
  }
  .uk-child-width-5-12\@l > * {
    width: 41.6631947338%;
  }
  .uk-child-width-1-2\@l > * {
    width: 49.9750124938%;
  }
  .uk-child-width-3-5\@l > * {
    width: 59.9880023995%;
  }
  .uk-child-width-7-12\@l > * {
    width: 58.3284726273%;
  }
  .uk-child-width-2-3\@l > * {
    width: 66.6444518494%;
  }
  .uk-child-width-3-4\@l > * {
    width: 74.9812546863%;
  }
  .uk-child-width-4-5\@l > * {
    width: 79.9840031994%;
  }
  .uk-child-width-5-6\@l > * {
    width: 83.3194467589%;
  }
  .uk-child-width-11-12\@l > * {
    width: 91.6590284143%;
  }
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }
  .uk-child-width-expand\@l > * {
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* Tvelvths */
  .uk-child-width-1-12\@xl > * {
    width: 8.3326389468%;
  }
  .uk-child-width-1-6\@xl > * {
    width: 16.6638893518%;
  }
  .uk-child-width-1-5\@xl > * {
    width: 19.9960007998%;
  }
  .uk-child-width-1-4\@xl > * {
    width: 24.9937515621%;
  }
  .uk-child-width-1-3\@xl > * {
    width: 33.3222259247%;
  }
  .uk-child-width-2-5\@xl > * {
    width: 39.9920015997%;
  }
  .uk-child-width-5-12\@xl > * {
    width: 41.6631947338%;
  }
  .uk-child-width-1-2\@xl > * {
    width: 49.9750124938%;
  }
  .uk-child-width-3-5\@xl > * {
    width: 59.9880023995%;
  }
  .uk-child-width-7-12\@xl > * {
    width: 58.3284726273%;
  }
  .uk-child-width-2-3\@xl > * {
    width: 66.6444518494%;
  }
  .uk-child-width-3-4\@xl > * {
    width: 74.9812546863%;
  }
  .uk-child-width-4-5\@xl > * {
    width: 79.9840031994%;
  }
  .uk-child-width-5-6\@xl > * {
    width: 83.3194467589%;
  }
  .uk-child-width-11-12\@xl > * {
    width: 91.6590284143%;
  }
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }
  .uk-child-width-expand\@xl > * {
    flex: 1;
    min-width: 1px;
  }
}
/* Single Widths
 ========================================================================== */
/*
 * 1. `max-width` is needed for the pixel-based classes
 */
/* Twelves */
.uk-width-1-12 {
  width: 8.3326389468%;
}

.uk-width-1-6 {
  width: 16.6638893518%;
}

.uk-width-1-5 {
  width: 19.9960007998%;
}

.uk-width-1-4 {
  width: 24.9937515621%;
}

.uk-width-1-3 {
  width: 33.3222259247%;
}

.uk-width-2-5 {
  width: 39.9920015997%;
}

.uk-width-5-12 {
  width: 41.6631947338%;
}

.uk-width-1-2 {
  width: 49.9750124938%;
}

.uk-width-3-5 {
  width: 59.9880023995%;
}

.uk-width-7-12 {
  width: 58.3284726273%;
}

.uk-width-2-3 {
  width: 66.6444518494%;
}

.uk-width-3-4 {
  width: 74.9812546863%;
}

.uk-width-4-5 {
  width: 79.9840031994%;
}

.uk-width-5-6 {
  width: 83.3194467589%;
}

.uk-width-11-12 {
  width: 91.6590284143%;
}

.uk-width-1-1 {
  width: 100%;
}

.uk-width-expand {
  flex: 1;
  min-width: 1px;
}

/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* Whole */
  /* Tvelvths */
  .uk-width-1-12\@s {
    width: 8.3326389468%;
  }
  .uk-width-1-6\@s {
    width: 16.6638893518%;
  }
  .uk-width-1-5\@s {
    width: 19.9960007998%;
  }
  .uk-width-1-4\@s {
    width: 24.9937515621%;
  }
  .uk-width-1-3\@s {
    width: 33.3222259247%;
  }
  .uk-width-2-5\@s {
    width: 39.9920015997%;
  }
  .uk-width-5-12\@s {
    width: 41.6631947338%;
  }
  .uk-width-1-2\@s {
    width: 49.9750124938%;
  }
  .uk-width-3-5\@s {
    width: 59.9880023995%;
  }
  .uk-width-7-12\@s {
    width: 58.3284726273%;
  }
  .uk-width-2-3\@s {
    width: 66.6444518494%;
  }
  .uk-width-3-4\@s {
    width: 74.9812546863%;
  }
  .uk-width-4-5\@s {
    width: 79.9840031994%;
  }
  .uk-width-5-6\@s {
    width: 83.3194467589%;
  }
  .uk-width-11-12\@s {
    width: 91.6590284143%;
  }
  .uk-width-1-1\@s {
    width: 100%;
  }
  .uk-width-expand\@s {
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* Tvelvths */
  .uk-width-1-12\@m {
    width: 8.3326389468%;
  }
  .uk-width-1-6\@m {
    width: 16.6638893518%;
  }
  .uk-width-1-5\@m {
    width: 19.9960007998%;
  }
  .uk-width-1-4\@m {
    width: 24.9937515621%;
  }
  .uk-width-1-3\@m {
    width: 33.3222259247%;
  }
  .uk-width-2-5\@m {
    width: 39.9920015997%;
  }
  .uk-width-5-12\@m {
    width: 41.6631947338%;
  }
  .uk-width-1-2\@m {
    width: 49.9750124938%;
  }
  .uk-width-3-5\@m {
    width: 59.9880023995%;
  }
  .uk-width-7-12\@m {
    width: 58.3284726273%;
  }
  .uk-width-2-3\@m {
    width: 66.6444518494%;
  }
  .uk-width-3-4\@m {
    width: 74.9812546863%;
  }
  .uk-width-4-5\@m {
    width: 79.9840031994%;
  }
  .uk-width-5-6\@m {
    width: 83.3194467589%;
  }
  .uk-width-11-12\@m {
    width: 91.6590284143%;
  }
  .uk-width-1-1\@m {
    width: 100%;
  }
  .uk-width-expand\@m {
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1367px) {
  /* Tvelvths */
  .uk-width-1-12\@l {
    width: 8.3326389468%;
  }
  .uk-width-1-6\@l {
    width: 16.6638893518%;
  }
  .uk-width-1-5\@l {
    width: 19.9960007998%;
  }
  .uk-width-1-4\@l {
    width: 24.9937515621%;
  }
  .uk-width-1-3\@l {
    width: 33.3222259247%;
  }
  .uk-width-2-5\@l {
    width: 39.9920015997%;
  }
  .uk-width-5-12\@l {
    width: 41.6631947338%;
  }
  .uk-width-1-2\@l {
    width: 49.9750124938%;
  }
  .uk-width-3-5\@l {
    width: 59.9880023995%;
  }
  .uk-width-7-12\@l {
    width: 58.3284726273%;
  }
  .uk-width-2-3\@l {
    width: 66.6444518494%;
  }
  .uk-width-3-4\@l {
    width: 74.9812546863%;
  }
  .uk-width-4-5\@l {
    width: 79.9840031994%;
  }
  .uk-width-5-6\@l {
    width: 83.3194467589%;
  }
  .uk-width-11-12\@l {
    width: 91.6590284143%;
  }
  .uk-width-1-1\@l {
    width: 100%;
  }
  .uk-width-expand\@l {
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* Tvelvths */
  .uk-width-1-12\@xl {
    width: 8.3326389468%;
  }
  .uk-width-1-6\@xl {
    width: 16.6638893518%;
  }
  .uk-width-1-5\@xl {
    width: 19.9960007998%;
  }
  .uk-width-1-4\@xl {
    width: 24.9937515621%;
  }
  .uk-width-1-3\@xl {
    width: 33.3222259247%;
  }
  .uk-width-2-5\@xl {
    width: 39.9920015997%;
  }
  .uk-width-5-12\@xl {
    width: 41.6631947338%;
  }
  .uk-width-1-2\@xl {
    width: 49.9750124938%;
  }
  .uk-width-3-5\@xl {
    width: 59.9880023995%;
  }
  .uk-width-7-12\@xl {
    width: 58.3284726273%;
  }
  .uk-width-2-3\@xl {
    width: 66.6444518494%;
  }
  .uk-width-3-4\@xl {
    width: 74.9812546863%;
  }
  .uk-width-4-5\@xl {
    width: 79.9840031994%;
  }
  .uk-width-5-6\@xl {
    width: 83.3194467589%;
  }
  .uk-width-11-12\@xl {
    width: 91.6590284143%;
  }
  .uk-width-1-1\@xl {
    width: 100%;
  }
  .uk-width-expand\@xl {
    flex: 1;
    min-width: 1px;
  }
}
.uk-container {
  max-width: 1440px;
  max-width: 75vw;
  min-width: 900px;
}
@media (max-width: 959px) {
  .uk-container {
    max-width: 768px;
    max-width: 100vw;
    padding-left: 46px;
    padding-right: 46px;
    min-width: inherit;
  }
}
@media (max-width: 639px) {
  .uk-container {
    max-width: inherit;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.uk-container-small {
  max-width: 875px;
  max-width: 45.5729166667vw;
  min-width: 600px;
}
@media (max-width: 959px) {
  .uk-container-small {
    max-width: 560px;
    max-width: 72.9166666667vw;
    min-width: inherit;
  }
}
@media (max-width: 639px) {
  .uk-container-small {
    max-width: 100%;
  }
}

.uk-container-medium {
  max-width: 1168px;
  max-width: 60.8333333333vw;
}
@media (max-width: 959px) {
  .uk-container-medium {
    max-width: 560px;
    max-width: 72.9166666667vw;
  }
}
@media (max-width: 639px) {
  .uk-container-medium {
    max-width: inherit;
  }
}

.uk-container-large {
  max-width: 1640px;
  max-width: 85.4166666667vw;
}
@media (max-width: 959px) {
  .uk-container-large {
    max-width: 768;
    max-width: 100vw;
  }
}
@media (max-width: 639px) {
  .uk-container-large {
    max-width: inherit;
  }
}

@media (max-width: 959px) {
  .no-container .text-right {
    padding-right: 40px !important;
    padding-bottom: 80px;
  }
}
@media (max-width: 639px) {
  .no-container .text-right {
    padding-right: 30px !important;
    padding-left: 60px !important;
    padding-bottom: 0px;
  }
}
@media (max-width: 959px) {
  .no-container .text-left {
    padding-left: 80px !important;
    padding-bottom: 80px;
  }
}
@media (max-width: 639px) {
  .no-container .text-left {
    padding-left: 70px !important;
    padding-right: 30px !important;
    padding-bottom: 40px;
  }
}
@media (max-width: 959px) {
  .no-container .single-text-section:not(:has(.navigation-table)) {
    padding-left: 36px;
    padding-right: 36px;
  }
}

.no-container-right {
  max-width: 85.4vw;
  margin-left: auto;
}
@media (max-width: 959px) {
  .no-container-right {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 639px) {
  .no-container-right {
    max-width: calc(100% - 60px);
    margin-right: auto;
  }
}
.no-container-right .single-image-section .main-image .overlay-wrapper {
  max-width: 61%;
}
@media (max-width: 959px) {
  .no-container-right .single-image-section .main-image .overlay-wrapper {
    max-width: 60%;
  }
}
@media (max-width: 959px) {
  .no-container-right .single-image-section .main-image .overlay-wrapper {
    max-width: calc(100% - 60px);
  }
}
.no-container-left {
  max-width: 85.4vw;
  margin-right: auto;
}
@media (max-width: 959px) {
  .no-container-left {
    max-width: calc(100% - 80px);
  }
}
@media (max-width: 639px) {
  .no-container-left {
    max-width: calc(100% - 60px);
    margin-left: auto;
  }
}
.no-container-left .single-image-section .main-image .overlay-wrapper {
  max-width: 61%;
}
@media (max-width: 959px) {
  .no-container-left .single-image-section .main-image .overlay-wrapper {
    max-width: 60%;
  }
}
@media (max-width: 959px) {
  .no-container-left .single-image-section .main-image .overlay-wrapper {
    max-width: calc(100% - 60px);
  }
}
.uk-container-expand {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 959px) {
  .uk-container-expand {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .uk-container-expand {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.uk-section {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-top: 5.2083333333vw;
  padding-bottom: 5.2083333333vw;
}
@media (max-width: 959px) {
  .uk-section {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-top: 10.4166666667vw;
    padding-bottom: 10.4166666667vw;
  }
}
@media (max-width: 639px) {
  .uk-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.uk-section-small {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-top: 3.125vw;
  padding-bottom: 3.125vw;
}
@media (max-width: 959px) {
  .uk-section-small {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
@media (max-width: 639px) {
  .uk-section-small {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.uk-section-large {
  padding-top: 120px;
  padding-bottom: 120px;
  padding-top: 6.25vw;
  padding-bottom: 6.25vw;
}
@media (max-width: 959px) {
  .uk-section-large {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 639px) {
  .uk-section-large {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.uk-section-xlarge {
  padding-top: 180px;
  padding-bottom: 180px;
  padding-top: 9.375vw;
  padding-bottom: 9.375vw;
}
@media (max-width: 959px) {
  .uk-section-xlarge {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}
@media (max-width: 639px) {
  .uk-section-xlarge {
    padding-top: 130px;
    padding-bottom: 130px;
  }
}

.first-section {
  padding-top: 350px;
  padding-top: 18.2291666667vw;
  padding-bottom: 6.25vw;
}
@media (max-width: 1366px) {
  .first-section {
    padding-top: clamp(300px, 16vw, 350px);
  }
}
@media (max-width: 959px) {
  .first-section {
    padding-top: 220px;
    padding-top: 28.6458333333vw;
    padding-bottom: 13.0208333333vw;
  }
}
@media (max-width: 639px) {
  .first-section {
    padding-top: 200px;
    padding-top: 51.2820512821vw;
    padding-bottom: 20.5128205128vw;
  }
}

@media (max-width: 639px) {
  .mobile-only-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.padding-bottom-xlarge {
  padding-bottom: 240px;
}
@media (max-width: 959px) {
  .padding-bottom-xlarge {
    padding-bottom: 200px;
  }
}
@media (max-width: 639px) {
  .padding-bottom-xlarge {
    padding-bottom: 160px;
  }
}

[class*=uk-animation-] {
  animation-duration: 0.75s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 1.2s;
  animation-timing-function: linear;
}

.uk-animation-kenburns {
  animation-duration: 20s;
}

.no-padding-top {
  padding-top: 0;
}

@media (max-width: 639px) {
  .no-padding-top-mobile {
    padding-top: 0px;
  }
}

.no-section-padding-top {
  padding-top: 0px;
}
@media (max-width: 639px) {
  .no-section-padding-top {
    padding-top: 0px;
  }
}

.no-section-padding-bottom {
  padding-bottom: 0px;
}
@media (max-width: 639px) {
  .no-section-padding-bottom {
    padding-bottom: 0px;
  }
}

.uk-animation-slide-bottom-medium {
  animation-name: uk-slide-bottom-medium fade;
  animation-duration: 0.75s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

@keyframes uk-slide-bottom-medium {
  0% {
    transform: translateY(30px);
  }
  100% {
    transform: translateY(0);
  }
}
.uk-grid > * {
  padding-left: 20px;
}

.uk-grid {
  margin-left: -20px;
}

.uk-grid-small > *,
.uk-grid-column-small > * {
  padding-left: 18px;
}

.uk-grid-small,
.uk-grid-column-small {
  margin-left: -18px;
}

.uk-grid-large > *,
.uk-grid-column-large > * {
  padding-left: 84px;
}
@media (max-width: 959px) {
  .uk-grid-large > *,
  .uk-grid-column-large > * {
    padding-left: 40px;
  }
}
@media (max-width: 639px) {
  .uk-grid-large > *,
  .uk-grid-column-large > * {
    padding-left: 30px;
  }
}

.uk-grid-large,
.uk-grid-column-large {
  margin-left: -84px;
}
@media (max-width: 959px) {
  .uk-grid-large,
  .uk-grid-column-large {
    margin-left: -40px;
  }
}
@media (max-width: 639px) {
  .uk-grid-large,
  .uk-grid-column-large {
    margin-left: -30px;
  }
}

.uk-grid-collapse > *,
.uk-grid-column-collapse > * {
  padding-left: 0;
}

.uk-grid + .uk-grid,
.uk-grid > .uk-grid-margin,
* + .uk-grid-margin {
  margin-top: clamp(45px, 3.125vw, 75px);
}
@media (max-width: 959px) {
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: clamp(45px, 7.8125vw, 75px);
  }
}
@media (max-width: 639px) {
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: clamp(45px, 15vw, 75px);
  }
}

* + .uk-grid-margin-small, .uk-grid + .uk-grid-row-small, .uk-grid + .uk-grid-small, .uk-grid-row-small > .uk-grid-margin, .uk-grid-small > .uk-grid-margin {
  margin-top: 15px;
}

.uk-grid-margin-large,
.uk-grid + .uk-grid-large,
.uk-grid + .uk-grid-row-large,
.uk-grid-large > .uk-grid-margin,
.uk-grid-row-large > .uk-grid-margin {
  margin-top: calc(3.6458333333vw);
}
@media (max-width: 959px) {
  .uk-grid-margin-large,
  .uk-grid + .uk-grid-large,
  .uk-grid + .uk-grid-row-large,
  .uk-grid-large > .uk-grid-margin,
  .uk-grid-row-large > .uk-grid-margin {
    margin-top: calc(7.8125vw);
  }
}
@media (max-width: 639px) {
  .uk-grid-margin-large,
  .uk-grid + .uk-grid-large,
  .uk-grid + .uk-grid-row-large,
  .uk-grid-large > .uk-grid-margin,
  .uk-grid-row-large > .uk-grid-margin {
    margin-top: 16.66vw;
  }
}

.uk-grid-margin-xlarge,
.uk-grid + .uk-grid-xlarge,
.uk-grid + .uk-grid-row-xlarge,
.uk-grid-xlarge > .uk-grid-margin,
.uk-grid-row-xlarge > .uk-grid-margin {
  margin-top: calc(4.6875vw);
}
@media (max-width: 959px) {
  .uk-grid-margin-xlarge,
  .uk-grid + .uk-grid-xlarge,
  .uk-grid + .uk-grid-row-xlarge,
  .uk-grid-xlarge > .uk-grid-margin,
  .uk-grid-row-xlarge > .uk-grid-margin {
    margin-top: calc(9.1145833333vw);
  }
}
@media (max-width: 639px) {
  .uk-grid-margin-xlarge,
  .uk-grid + .uk-grid-xlarge,
  .uk-grid + .uk-grid-row-xlarge,
  .uk-grid-xlarge > .uk-grid-margin,
  .uk-grid-row-xlarge > .uk-grid-margin {
    margin-top: 16.66vw;
  }
}

.uk-grid-collapse,
.uk-grid-column-collapse {
  margin-left: 0;
}

.uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin {
  margin-top: 0;
}

.min-width-container .uk-container {
  min-width: 1180px;
}
@media (max-width: 1200px) {
  .min-width-container .uk-container {
    min-width: 100%;
  }
}

@media (max-width: 639px) {
  .remove-padding-bottom-mobile {
    padding-bottom: 0 !important;
  }
}

/* Viewport Height Fix */
.vh-100 {
  height: 100vh;
  /* Fallback */
  height: calc(var(--vh, 1vh) * 100);
}

/* Animation Basics */
* {
  outline: none !important;
  box-sizing: border-box !important;
}

html {
  box-sizing: border-box;
  width: 100vw;
  height: 100%;
  overflow-x: hidden;
  font-size: 18px;
}
@media (max-width: 639px) {
  html {
    font-size: 16px;
  }
}

body {
  width: 100%;
  min-height: 100dvh;
  font-family: "neue-haas-grotesk-display", sans-serif;
  overflow-x: clip;
  -webkit-overflow-scrolling: touch;
  font-weight: 400;
  color: #302723;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  body {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  body {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  body {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  body {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  body {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
em {
  color: #302723;
}

#site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  background-color: #F4F3F1;
}

strong {
  font-weight: 600;
}

section + section {
  position: relative;
  z-index: 1;
}

section {
  position: relative;
}

#fixed-main {
  width: 100%;
  height: 100%;
}

#navigationContainer {
  position: relative;
  width: 100%;
}

img,
video {
  display: block;
  width: 100%;
  height: auto;
}

canvas, img, svg, video {
  max-width: 100%;
  box-sizing: border-box;
  height: auto;
  aspect-ratio: inherit;
  -o-object-fit: inherit;
     object-fit: inherit;
}

table tr td {
  vertical-align: top;
  padding-right: 1em;
}

hr {
  border-top: 2px solid #302723;
  margin-bottom: 1em;
}

article,
.text-wrapper {
  position: relative;
}
article ul:not(.border-list),
.text-wrapper ul:not(.border-list) {
  list-style: none;
  padding-left: 15px;
  margin-top: 1rem;
}
article ul:not(.border-list) li,
.text-wrapper ul:not(.border-list) li {
  padding-bottom: 0.35em;
  position: relative;
}
article ul:not(.border-list) li::before,
.text-wrapper ul:not(.border-list) li::before {
  content: "·";
  position: absolute;
  left: -15px;
  font-size: 1.5em;
  margin-top: -0.25em;
}
article *:last-child,
.text-wrapper *:last-child {
  margin-bottom: 0;
}
article h1:has(+ .lead-text-small),
.text-wrapper h1:has(+ .lead-text-small) {
  margin-bottom: 0.5rem;
}
article p:has(+ ul),
article *.size-basic:has(+ ul),
.text-wrapper p:has(+ ul),
.text-wrapper *.size-basic:has(+ ul) {
  margin-bottom: 0.25em !important;
}
article h2:not(:first-child),
article h3:not(:first-child),
article h4:not(:first-child),
article h5:not(:first-child),
article h6:not(:first-child),
.text-wrapper h2:not(:first-child),
.text-wrapper h3:not(:first-child),
.text-wrapper h4:not(:first-child),
.text-wrapper h5:not(:first-child),
.text-wrapper h6:not(:first-child) {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
article [style*="overflow: hidden;"] h1,
article [style*="overflow: hidden;"] h2,
article [style*="overflow: hidden;"] h3,
article [style*="overflow: hidden;"] h4,
article [style*="overflow: hidden;"] h5,
article [style*="overflow: hidden;"] h6,
.text-wrapper [style*="overflow: hidden;"] h1,
.text-wrapper [style*="overflow: hidden;"] h2,
.text-wrapper [style*="overflow: hidden;"] h3,
.text-wrapper [style*="overflow: hidden;"] h4,
.text-wrapper [style*="overflow: hidden;"] h5,
.text-wrapper [style*="overflow: hidden;"] h6 {
  margin-bottom: 1rem;
}

.google-map {
  height: 500px;
  width: 100%;
  background: #f5f5f5;
}

.map-info-window {
  padding: 15px;
  max-width: 300px;
}

.map-info-window h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.map-info-window p {
  margin: 5px 0;
}

.filler-height-small {
  height: 20px;
}
@media (max-width: 959px) {
  .filler-height-small {
    height: 0px;
  }
}
@media (max-width: 639px) {
  .filler-height-small {
    height: 0px;
  }
}

.filler-height-medium {
  height: 80px;
}
@media (max-width: 959px) {
  .filler-height-medium {
    height: 60px;
  }
}
@media (max-width: 639px) {
  .filler-height-medium {
    height: 0px;
  }
}

.filler-height-large {
  height: 100px;
}
@media (max-width: 959px) {
  .filler-height-large {
    height: 60px;
  }
}
@media (max-width: 639px) {
  .filler-height-large {
    height: 20px;
  }
}

#smooth-wrapper #smooth-content {
  will-change: transform;
  backface-visibility: hidden;
}

.color-1 {
  color: #302723;
}
.color-1 ul.small-line-list li, .color-1 ul.big-line-list li {
  border-color: rgba(108, 108, 108, 0.25);
}
.color-1 a:not(.more-button) {
  color: #302723;
}
.color-1 a:not(.more-button):hover {
  color: #5D5857;
}

.color-2 {
  color: #F4F3F1;
}
.color-2 * {
  color: #F4F3F1;
}
.color-2 h1, .color-2 h2, .color-2 h3, .color-2 h4, .color-2 h5, .color-2 h6 {
  color: #F4F3F1;
}
.color-2 a:not(.more-button) {
  color: #F4F3F1;
}
.color-2 a:not(.more-button):hover {
  color: #5D5857;
}
.color-2 p {
  color: #F4F3F1;
}
.color-2 .more-link::before {
  background-color: #F4F3F1;
}

.color-red {
  color: #D0081D;
}

.color-blue {
  color: #106EB9;
}

.color-green {
  color: #63b105;
}

.color-pink {
  color: #ff00ff;
}

.color-orange {
  color: #F9A364;
}

.color-grey {
  color: #aba59f;
}

.color-fade {
  opacity: 0.6;
}

.background-std {
  background-color: #ffffff;
}

.background-light {
  background-color: #F4F3F1;
}

.background-medium {
  background-color: #EBE9E3;
}

.background-dark {
  background-color: #4E4540;
}

.background-transparent {
  background-color: transparent;
}

.bottom-color-layer {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16%;
  background-color: #4E4540;
}
@media (max-width: 639px) {
  .bottom-color-layer {
    display: none;
  }
}

.image-section .image-wrapper .main-image .figcaption,
.single-image-section .image-wrapper .main-image .figcaption {
  width: 50%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 959px) {
  .image-section .image-wrapper .main-image .figcaption,
  .single-image-section .image-wrapper .main-image .figcaption {
    width: 60%;
  }
}
@media (max-width: 639px) {
  .image-section .image-wrapper .main-image .figcaption,
  .single-image-section .image-wrapper .main-image .figcaption {
    width: 90%;
  }
}
.image-section .image-wrapper .main-image .overlay-wrapper,
.single-image-section .image-wrapper .main-image .overlay-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.image-section .image-wrapper .main-image .overlay-wrapper .overlay-text,
.single-image-section .image-wrapper .main-image .overlay-wrapper .overlay-text {
  width: 100%;
  padding: 7.8125vw 0;
}
@media (max-width: 959px) {
  .image-section .image-wrapper .main-image .overlay-wrapper .overlay-text,
  .single-image-section .image-wrapper .main-image .overlay-wrapper .overlay-text {
    padding: 14.0625vw 0;
  }
}
@media (max-width: 639px) {
  .image-section .image-wrapper .main-image .overlay-wrapper .overlay-text,
  .single-image-section .image-wrapper .main-image .overlay-wrapper .overlay-text {
    padding: 16.6666666667vw 0;
  }
}
.image-section .rounded-corners .main-image img,
.image-section .rounded-corners .overlay-image img,
.single-image-section .rounded-corners .main-image img,
.single-image-section .rounded-corners .overlay-image img {
  border-radius: 30px;
}
@media (max-width: 959px) {
  .image-section .rounded-corners .main-image img,
  .image-section .rounded-corners .overlay-image img,
  .single-image-section .rounded-corners .main-image img,
  .single-image-section .rounded-corners .overlay-image img {
    border-radius: 20px;
  }
}
@media (max-width: 639px) {
  .image-section .rounded-corners .main-image img,
  .image-section .rounded-corners .overlay-image img,
  .single-image-section .rounded-corners .main-image img,
  .single-image-section .rounded-corners .overlay-image img {
    border-radius: 15px;
  }
}
.image-section .two-images .main-image,
.single-image-section .two-images .main-image {
  width: 78% !important;
}
.image-section .two-images .overlay-image,
.single-image-section .two-images .overlay-image {
  width: 32% !important;
}
.image-section .two-images .overlay-image.portrait-overlay,
.single-image-section .two-images .overlay-image.portrait-overlay {
  width: 55% !important;
}
.image-section .two-images .uk-position-top-left,
.single-image-section .two-images .uk-position-top-left {
  top: -50%;
  transform: translateY(30%);
}
.image-section .two-images .uk-position-top-right,
.single-image-section .two-images .uk-position-top-right {
  top: -50%;
  transform: translateY(30%);
}
.image-section .two-images .uk-position-bottom-left,
.single-image-section .two-images .uk-position-bottom-left {
  bottom: -50%;
  transform: translateY(-30%);
}
.image-section .two-images .uk-position-bottom-right,
.single-image-section .two-images .uk-position-bottom-right {
  bottom: -50%;
  transform: translateY(-30%);
}
.image-section .two-images .uk-position-center-left,
.single-image-section .two-images .uk-position-center-left {
  top: 50%;
  transform: translateY(-50%);
}
.image-section .two-images .uk-position-center-right,
.single-image-section .two-images .uk-position-center-right {
  top: 50%;
  transform: translateY(-50%);
}
.image-section .two-images .has-left-sibling,
.single-image-section .two-images .has-left-sibling {
  margin-left: auto !important;
}
.image-section .has-bottom-child,
.single-image-section .has-bottom-child {
  position: relative;
  margin-bottom: 15% !important;
}
.image-section .has-bottom-child .figcaption,
.single-image-section .has-bottom-child .figcaption {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.image-section .has-top-child,
.single-image-section .has-top-child {
  margin-top: 15% !important;
}

.layer-position-top-left .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
@media (max-width: 639px) {
  .layer-position-top-left .overlay-underlay {
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
  }
}

.layer-position-top-center .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
@media (max-width: 639px) {
  .layer-position-top-center .overlay-underlay {
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
  }
}

.layer-position-top-right .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(225deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
@media (max-width: 639px) {
  .layer-position-top-right .overlay-underlay {
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
  }
}

.layer-position-center-left .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}

.layer-position-center .overlay-text {
  width: 100% !important;
  transform-origin: center center !important;
}
.layer-position-center .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}

.layer-position-center-right .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}

.layer-position-bottom-left .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
@media (max-width: 639px) {
  .layer-position-bottom-left .overlay-underlay {
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
  }
}

.layer-position-bottom-center .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
@media (max-width: 639px) {
  .layer-position-bottom-center .overlay-underlay {
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
  }
}

.layer-position-bottom-right .overlay-underlay {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(325deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
@media (max-width: 639px) {
  .layer-position-bottom-right .overlay-underlay {
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
  }
}

.overlay-underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.main-slider video {
  filter: grayscale(100%);
}

.video-section .video-wrapper .main-video {
  width: 100%;
  aspect-ratio: 1.4/1;
}
.video-section .video-wrapper .main-video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-section .video-wrapper .main-video .figcaption {
  width: 50%;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 959px) {
  .video-section .video-wrapper .main-video .figcaption {
    width: 60%;
  }
}
@media (max-width: 639px) {
  .video-section .video-wrapper .main-video .figcaption {
    margin-left: inherit;
    margin-right: inherit;
    width: 90%;
  }
}
.video-section .video-wrapper .main-video .overlay-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.video-section .video-wrapper .main-video .overlay-wrapper .overlay-text {
  width: 100%;
  padding: 7.8125vw 0;
}
@media (max-width: 959px) {
  .video-section .video-wrapper .main-video .overlay-wrapper .overlay-text {
    padding: 14.0625vw 0;
  }
}
@media (max-width: 639px) {
  .video-section .video-wrapper .main-video .overlay-wrapper .overlay-text {
    padding: 16.6666666667vw 0;
  }
}
.video-section .rounded-corners .main-video img,
.video-section .rounded-corners .main-video video,
.video-section .rounded-corners .overlay-image img,
.video-section .rounded-corners .overlay-image video {
  border-radius: 30px;
}
@media (max-width: 959px) {
  .video-section .rounded-corners .main-video img,
  .video-section .rounded-corners .main-video video,
  .video-section .rounded-corners .overlay-image img,
  .video-section .rounded-corners .overlay-image video {
    border-radius: 20px;
  }
}
@media (max-width: 639px) {
  .video-section .rounded-corners .main-video img,
  .video-section .rounded-corners .main-video video,
  .video-section .rounded-corners .overlay-image img,
  .video-section .rounded-corners .overlay-image video {
    border-radius: 15px;
  }
}
.video-section .video-with-image {
  width: 100%;
}
.video-section .video-with-image .main-video {
  position: relative;
  width: 78% !important;
}
.video-section .video-with-image .overlay-image {
  width: 32% !important;
}
.video-section .video-with-image .overlay-image.portrait-overlay {
  width: 55% !important;
}
.video-section .video-with-image .uk-position-top-left {
  top: -50%;
  transform: translateY(30%);
}
.video-section .video-with-image .uk-position-top-right {
  top: -50%;
  transform: translateY(30%);
}
.video-section .video-with-image .uk-position-bottom-left {
  bottom: -50%;
  transform: translateY(-30%);
}
.video-section .video-with-image .uk-position-bottom-right {
  bottom: -50%;
  transform: translateY(-30%);
}
.video-section .video-with-image .uk-position-center-left {
  top: 50%;
  transform: translateY(-50%);
}
.video-section .video-with-image .uk-position-center-right {
  top: 50%;
  transform: translateY(-50%);
}
.video-section .video-with-image [class*=uk-position-top-] {
  transform: translateY(50%);
}
.video-section .video-with-image .has-left-sibling {
  margin-left: auto !important;
}
.video-section .has-bottom-child {
  margin-bottom: 15% !important;
}
.video-section .has-bottom-child .figcaption {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 959px) {
  .video-section .has-bottom-child .figcaption {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 639px) {
  .video-section .has-bottom-child .figcaption {
    left: 0;
    transform: translateX(0);
  }
}
.video-section .has-top-child {
  margin-top: 15% !important;
}

.overlay-image.portrait-overlay {
  /* Add specific styles for portrait orientation */
  width: 60% !important;
}

.overlay-image.landscape-overlay {
  /* Add specific styles for landscape orientation */
  width: 80% !important;
}

/* Transform values for top positioned overlays */
.overlay-image[class*=uk-position-bottom-].portrait-overlay {
  transform: translateY(-70%) !important;
}

.overlay-image[class*=uk-position-top-].portrait-overlay {
  transform: translateY(70%) !important;
}

.rounded-corners .main-image,
.rounded-corners .overlay-image,
.rounded-corners .blog-header-image,
.rounded-corners .image-wrapper,
.rounded-corners .blog-card__image {
  overflow: hidden;
  border-radius: 30px;
}
@media (max-width: 959px) {
  .rounded-corners .main-image,
  .rounded-corners .overlay-image,
  .rounded-corners .blog-header-image,
  .rounded-corners .image-wrapper,
  .rounded-corners .blog-card__image {
    border-radius: 20px;
  }
}
@media (max-width: 639px) {
  .rounded-corners .main-image,
  .rounded-corners .overlay-image,
  .rounded-corners .blog-header-image,
  .rounded-corners .image-wrapper,
  .rounded-corners .blog-card__image {
    border-radius: 15px;
  }
}
.rounded-corners .main-image img,
.rounded-corners .overlay-image img,
.rounded-corners .blog-header-image img,
.rounded-corners .image-wrapper img,
.rounded-corners .blog-card__image img {
  border-radius: 30px;
}
@media (max-width: 959px) {
  .rounded-corners .main-image img,
  .rounded-corners .overlay-image img,
  .rounded-corners .blog-header-image img,
  .rounded-corners .image-wrapper img,
  .rounded-corners .blog-card__image img {
    border-radius: 20px;
  }
}
@media (max-width: 639px) {
  .rounded-corners .main-image img,
  .rounded-corners .overlay-image img,
  .rounded-corners .blog-header-image img,
  .rounded-corners .image-wrapper img,
  .rounded-corners .blog-card__image img {
    border-radius: 15px;
  }
}

.image-caption {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 7.8125vw 0;
}
@media (max-width: 959px) {
  .image-caption {
    padding: 14.0625vw 0;
  }
}
@media (max-width: 639px) {
  .image-caption {
    padding: 16.6666666667vw 0;
  }
}
.image-caption .uk-container,
.image-caption .uk-grid {
  height: 100%;
  position: relative;
}

.overlay-text.color-2 * {
  color: #F4F3F1;
}

.image-align-vertical {
  display: flex;
  align-items: center;
  height: 100%;
}

@media (max-width: 639px) {
  .full-on-mobile {
    overflow: inherit !important;
    width: 100vw !important;
    transform: translateX(-30px);
  }
  .full-on-mobile .main-image {
    overflow: inherit !important;
  }
}

@media (max-width: 639px) {
  .img-align-mobile-left {
    overflow: inherit !important;
    transform: translateX(-30px);
  }
  .img-align-mobile-left .main-image {
    width: calc(100% + 30px) !important;
  }
}

@media (max-width: 639px) {
  .img-align-mobile-right {
    overflow: inherit !important;
  }
  .img-align-mobile-right .main-image {
    width: calc(100% + 30px) !important;
    overflow: inherit !important;
  }
}

@media (max-width: 639px) {
  .img-align-mobile-both {
    overflow: inherit !important;
    transform: translateX(-30px);
  }
  .img-align-mobile-both .main-image {
    width: calc(100% + 60px) !important;
    overflow: inherit !important;
  }
}

.single-text-section {
  height: 100%;
}

.margin-top, p:has(.more-link.margin-top) {
  margin-top: 3.6458333333vw;
}

.margin-bottom, p:has(.more-link.margin-bottom) {
  margin-bottom: 3.6458333333vw;
}

.margin-top-small, p:has(.more-link.margin-top-small) {
  margin-top: 1.0416666667vw;
}

.margin-bottom-small, p:has(.more-link.margin-bottom-small) {
  margin-bottom: 1.0416666667vw;
}

.margin-top-medium, p:has(.more-link.margin-top-medium) {
  margin-top: 3.6458333333vw;
}

.margin-bottom-medium, p:has(.more-link.margin-bottom-medium) {
  margin-bottom: 3.6458333333vw;
}

.margin-top-large, p:has(.more-link.margin-top-large) {
  margin-top: 4.6875vw;
}

.margin-bottom-large, p:has(.more-link.margin-bottom-large) {
  margin-bottom: 4.6875vw;
}

.center-text-widget .widget-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center-text-widget .widget-content .widget-text {
  text-align: center;
}

.numbered-widget {
  counter-reset: item;
  position: relative;
  width: 100%;
}
.numbered-widget .uk-grid-column-large,
.numbered-widget .uk-grid-large {
  margin-left: -6rem;
}
@media (max-width: 1366px) {
  .numbered-widget .uk-grid-column-large,
  .numbered-widget .uk-grid-large {
    margin-left: -40px;
  }
}
@media (max-width: 959px) {
  .numbered-widget .uk-grid-column-large,
  .numbered-widget .uk-grid-large {
    margin-left: -40px;
  }
}
.numbered-widget .uk-grid-column-large > *,
.numbered-widget .uk-grid-large > * {
  padding-left: 6rem;
}
@media (max-width: 1366px) {
  .numbered-widget .uk-grid-column-large > *,
  .numbered-widget .uk-grid-large > * {
    padding-left: 40px;
  }
}
@media (max-width: 959px) {
  .numbered-widget .uk-grid-column-large > *,
  .numbered-widget .uk-grid-large > * {
    padding-left: 40px;
  }
}
.numbered-widget .widget-wrapper {
  counter-increment: item;
}
.numbered-widget .widget-wrapper .widget-content .text-wrapper {
  position: relative;
}
.numbered-widget .widget-wrapper .widget-content .text-wrapper::before {
  content: counter(item, decimal-leading-zero);
  line-height: 1;
  margin-bottom: 1rem;
  display: inline-block;
  font-family: "optima-nova-lt-pro", sans-serif;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper::before {
    font-size: calc(100 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper::before {
    font-size: calc(90 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper::before {
    font-size: calc(82 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper::before {
    font-size: calc(62 / 390 * 100vw);
  }
}
.numbered-widget .widget-wrapper .widget-content .text-wrapper:nth-child(n+10)::before {
  content: counter(item);
}
.numbered-widget .widget-wrapper .widget-content .text-wrapper p {
  position: relative;
}
.numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
  font-family: "optima-nova-lt-pro", sans-serif;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  line-height: 1.4 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
@media (max-width: 639px) {
  .numbered-widget .widget-wrapper .widget-content .text-wrapper h3 {
    margin-bottom: 1.5rem;
  }
}
.numbered-widget .color-2 .text-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.numbered-widget .color-2 .text-wrapper::before {
  color: rgba(255, 255, 255, 0.6);
}

.widget-wrapper .image-over-text {
  display: flex;
  flex-direction: column;
}
.widget-wrapper .image-over-text img {
  order: 1;
}
.widget-wrapper .image-over-text .text-wrapper {
  margin-top: clamp(50px, 3.64vw, 90px);
  padding-right: 7.45%;
  order: 2;
}
@media (max-width: 639px) {
  .widget-wrapper .image-over-text .text-wrapper {
    margin-top: 40px;
  }
}
.widget-wrapper .image-over-text .text-wrapper h3 {
  margin-top: 0;
  margin-bottom: 0.8rem;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .widget-wrapper .image-over-text .text-wrapper h3 {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .widget-wrapper .image-over-text .text-wrapper h3 {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .widget-wrapper .image-over-text .text-wrapper h3 {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .widget-wrapper .image-over-text .text-wrapper h3 {
    font-size: calc(23 / 390 * 100vw);
  }
}
.widget-wrapper .image-over-text .image-wrapper .main-image {
  width: 100%;
  height: 100%;
}
.widget-wrapper .image-over-text .image-wrapper .main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.widget-wrapper .image-under-text {
  display: flex;
  flex-direction: column;
}
.widget-wrapper .image-left-text {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.widget-wrapper .image-left-text .text-wrapper {
  order: 2;
  width: 70%;
}
.widget-wrapper .image-left-text .image-wrapper {
  order: 1;
  width: 30%;
}
.widget-wrapper .image-right-text {
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.widget-wrapper .image-right-text .text-wrapper {
  width: 70%;
}
.widget-wrapper .image-right-text .image-wrapper {
  width: 30%;
  display: flex;
  align-items: flex-end;
}

.icon-widget .widget-wrapper .widget-content {
  position: relative;
}
.icon-widget .widget-wrapper .widget-content .icon-title-wrapper {
  max-width: calc(100% - 85px);
}
@media (max-width: 959px) {
  .icon-widget .widget-wrapper .widget-content .icon-title-wrapper {
    max-width: calc(100% - 58px);
  }
}
@media (max-width: 639px) {
  .icon-widget .widget-wrapper .widget-content .icon-title-wrapper {
    max-width: calc(100% - 58px);
  }
}
.icon-widget .widget-wrapper .widget-content .icon-title-wrapper h3.title {
  margin-bottom: 0 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .icon-widget .widget-wrapper .widget-content .icon-title-wrapper h3.title {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .icon-widget .widget-wrapper .widget-content .icon-title-wrapper h3.title {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .icon-widget .widget-wrapper .widget-content .icon-title-wrapper h3.title {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .icon-widget .widget-wrapper .widget-content .icon-title-wrapper h3.title {
    font-size: calc(23 / 390 * 100vw);
  }
}
.icon-widget .widget-wrapper .widget-content .text-wrapper {
  margin-top: 1.333rem;
  padding-right: inherit;
}
@media (max-width: 959px) {
  .icon-widget .widget-wrapper .widget-content .text-wrapper {
    margin-top: 0.5rem !important;
    padding-right: 15%;
  }
}
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper {
  width: 70px;
  max-width: 30%;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 959px) {
  .icon-widget .widget-wrapper .widget-content .icon-image-wrapper {
    width: 54px;
    height: 54px;
  }
}
@media (max-width: 639px) {
  .icon-widget .widget-wrapper .widget-content .icon-image-wrapper {
    width: 64px;
    height: 64px;
    max-width: 13.63%;
  }
}
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img, .icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg {
  fill: none;
  height: 100%;
  width: -moz-min-content;
  width: min-content;
}
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img path,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img circle,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img line,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img polyline,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img polygon,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img ellipse, .icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg path,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg circle,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg line,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg polyline,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg polygon,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg ellipse {
  stroke: #302723;
  stroke-width: 1px;
}
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img path.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img circle.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img line.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img polyline.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img polygon.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper img ellipse.uk-animation-stroke, .icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg path.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg circle.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg line.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg polyline.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg polygon.uk-animation-stroke,
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg ellipse.uk-animation-stroke {
  fill: none;
}
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg.icon#erfahrung path#star {
  fill: #F4F3F1 !important;
}
.icon-widget .widget-wrapper .widget-content .icon-image-wrapper svg.icon#erfahrung.uk-animation-stroke {
  fill: #F4F3F1 !important;
}
.icon-widget .color-2 .widget-content {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.products-widget .widget-wrapper .widget-content .text-wrapper {
  margin-top: 1.05em;
  padding-right: 9%;
}
.products-widget .widget-wrapper .widget-content .text-wrapper h3 {
  margin-bottom: 0.5em;
}
.products-widget .widget-wrapper .widget-content .text-wrapper h4 {
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

.widget-section .uk-grid-margin,
.widget-section .uk-grid + .uk-grid,
.widget-section .uk-grid > .uk-grid-margin {
  margin-top: 60px;
}

.widget-section.icon-widget .uk-grid-margin,
.widget-section.icon-widget .uk-grid + .uk-grid,
.widget-section.icon-widget .uk-grid > .uk-grid-margin {
  margin-top: 100px;
}
@media (max-width: 959px) {
  .widget-section.icon-widget .uk-grid-margin,
  .widget-section.icon-widget .uk-grid + .uk-grid,
  .widget-section.icon-widget .uk-grid > .uk-grid-margin {
    margin-top: 32px;
  }
}

@media (max-width: 639px) {
  .no-container-left .widget-section {
    padding-left: 30px;
  }
}

@media (max-width: 639px) {
  .no-container-right .widget-section {
    padding-right: 30px;
  }
}

@media (max-width: 639px) {
  .move-image-right-mobile .widget-content .image-wrapper {
    overflow: inherit;
  }
  .move-image-right-mobile .widget-content .image-wrapper img {
    padding-left: 20%;
    transform: translateX(30px);
  }
}

.nowrap {
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.contact-widgets .widget-section {
  display: flex;
  justify-content: center;
}
.contact-widgets .widget-section .widget-wrapper {
  width: auto;
}
.contact-widgets .widget-section .widget-wrapper p:not(:last-child) {
  margin-bottom: 1rem;
}

.big-gap-widget .uk-grid-large {
  margin-left: -4.67vw;
}
.big-gap-widget .uk-grid-large > * {
  padding-left: 4.67vw;
}

.widget-section.team-widget .uk-grid > * {
  padding-left: 6.35vw;
}
@media (max-width: 959px) {
  .widget-section.team-widget .uk-grid > * {
    padding-left: 40px;
  }
}
.widget-section.team-widget .uk-grid {
  margin-left: -6.35vw;
}
@media (max-width: 959px) {
  .widget-section.team-widget .uk-grid {
    margin-left: -40px;
  }
}
.widget-section.team-widget .uk-grid-margin,
.widget-section.team-widget .uk-grid + .uk-grid,
.widget-section.team-widget .uk-grid > .uk-grid-margin {
  margin-top: clamp(120px, 8.333vw, 180px);
}
@media (max-width: 959px) {
  .widget-section.team-widget .uk-grid-margin,
  .widget-section.team-widget .uk-grid + .uk-grid,
  .widget-section.team-widget .uk-grid > .uk-grid-margin {
    margin-top: 100px;
  }
}
@media (max-width: 639px) {
  .widget-section.team-widget .uk-grid-margin,
  .widget-section.team-widget .uk-grid + .uk-grid,
  .widget-section.team-widget .uk-grid > .uk-grid-margin {
    margin-top: 80px;
  }
}
.widget-section.team-widget .image-wrapper {
  width: 57.45%;
}
@media (max-width: 959px) {
  .widget-section.team-widget .image-wrapper {
    width: 75%;
  }
}
@media (max-width: 639px) {
  .widget-section.team-widget .image-wrapper {
    width: 100%;
  }
}
.widget-section.team-widget .text-wrapper {
  padding-right: 0;
  margin-top: clamp(40px, 2.6vw, 60px);
}
.widget-section.team-widget .text-wrapper * {
  color: #302723;
}
.widget-section.team-widget .text-wrapper h3 {
  margin-bottom: clamp(10px, 0.677vw, 15px);
}
.widget-section.team-widget .text-wrapper h4 {
  margin-bottom: clamp(40px, 2.6vw, 60px);
}
.widget-section.team-widget .text-wrapper p {
  line-height: 1.75 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .widget-section.team-widget .text-wrapper p {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .widget-section.team-widget .text-wrapper p {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .widget-section.team-widget .text-wrapper p {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .widget-section.team-widget .text-wrapper p {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .widget-section.team-widget .text-wrapper p {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}

.quality-widget .uk-grid {
  display: flex;
  justify-content: center;
}
@media (max-width: 959px) {
  .quality-widget .uk-grid .widget-wrapper .widget-content {
    text-align: center;
  }
}
.quality-widget .uk-grid .widget-wrapper .widget-content h3 {
  margin-bottom: 0.75em;
}
.quality-widget .uk-grid .widget-wrapper .widget-content .text-wrapper {
  padding-right: 3.33333em;
}
@media (max-width: 959px) {
  .quality-widget .uk-grid .widget-wrapper .widget-content .text-wrapper {
    padding: 0 16px;
  }
}

.length-widget .uk-grid {
  display: flex;
  justify-content: center;
}
.length-widget .uk-grid .widget-wrapper .widget-content .text-wrapper {
  margin-top: clamp(40px, 2.825vw, 68px);
}
.length-widget .uk-grid .widget-wrapper .widget-content .text-wrapper h3 {
  margin-bottom: 0.5em;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table th {
  font-weight: 500;
}
table thead tr th {
  font-weight: 600;
}

.advantage-table {
  width: 100%;
  border-collapse: collapse;
}
.advantage-table tr td {
  vertical-align: top;
  padding: 1em 0;
  border-bottom: 1px solid #4E4540;
}
.advantage-table tr td h3 {
  margin-top: 0;
  margin-bottom: 0.75em;
}
.advantage-table tr:first-child td {
  padding-top: 0;
}

.number-widget-table {
  width: 100%;
  border-collapse: collapse;
}
.number-widget-table tr td {
  vertical-align: top;
}
.number-widget-table tr td:first-child {
  width: 40%;
}
.number-widget-table tr td:last-child {
  padding-right: 0;
}

.centered-link-table {
  margin: 0 auto;
  width: auto;
}

footer#footer table {
  width: auto;
}
footer#footer table tr {
  border: none;
}
footer#footer table tr td {
  border: none;
  font-size: 10px;
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.02em;
  padding-right: 2rem;
}
footer#footer table tr td p, footer#footer table tr td a {
  font-size: 10px;
  font-family: "neue-haas-grotesk-display", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.contact-table {
  width: 100%;
  border-collapse: collapse;
}
.contact-table tr td {
  vertical-align: top;
}
@media (max-width: 639px) {
  .contact-table tr td {
    display: block;
  }
}
@media (max-width: 639px) {
  .contact-table tr td:first-child {
    margin-bottom: 10px;
  }
}

.logos .uk-slider .uk-slider-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: clamp(50px, 3.96vw, 100px);
}
@media (max-width: 959px) {
  .logos .uk-slider .uk-slider-items {
    gap: 10px;
  }
}
@media (max-width: 639px) {
  .logos .uk-slider .uk-slider-items {
    gap: 5px;
  }
}
.logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper {
  height: 100%;
  max-height: 72px;
  /* fixer Container */
  width: auto;
  max-width: 135px;
  /* oder z.B. 160px für einheitliche Breite */
  display: flex;
  align-items: center;
  justify-content: center;
}
.logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper img, .logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper svg {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  /* das Herzstück */
  opacity: 1;
  filter: grayscale(100%);
  transition: opacity 0.25s ease-in-out;
}
@media (max-width: 959px) {
  .logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper img, .logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper svg {
    height: 50px;
  }
}
@media (max-width: 639px) {
  .logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper img, .logos .uk-slider .uk-slider-items a .logo-inner .image-wrapper svg {
    height: 50px;
  }
}
.logos .uk-slider .uk-slider-items a:hover img {
  opacity: 0.6;
}
.logos .marquee {
  position: relative;
  overflow: hidden;
  /* Ein einziger Wert fuer den Abstand zwischen zwei Logos. Er gilt sowohl
     innerhalb einer Gruppe als auch an der Naht zwischen den beiden Gruppen –
     dadurch ist der Abstand ueberall gleich, ohne zwei Werte synchron halten
     zu muessen. */
  --logo-gap: clamp(50px, 3.96vw, 100px);
  /* Logohoehe – bewusst ein fester Wert, kein max-height: SVGs ohne width/height
     im Datei-Header (nur viewBox) haben keine intrinsische Groesse und wuerden
     mit height:100% gegen einen hoehenlosen Eltern-Container auf 0x0 kollabieren. */
  --logo-height: 72px;
  /* Breitendeckel fuer sehr breite Wortmarken. Bewusst max-width und KEINE feste
     Boxbreite: Die Box schrumpft weiterhin auf das Logo, dadurch bleibt der
     sichtbare Abstand gleich dem eingestellten --logo-gap. Eine feste Boxbreite
     wuerde schmale Logos mit Luft umgeben – gemessen bliebe der Abstand gleich,
     optisch waere er bei diesen Logos deutlich groesser. */
  --logo-max-width: 180px;
}
@media (max-width: 959px) {
  .logos .marquee {
    --logo-gap: 46px;
    --logo-height: 57px;
    --logo-max-width: 145px;
  }
}
@media (max-width: 639px) {
  .logos .marquee {
    --logo-gap: 34px;
    --logo-height: 40px;
    --logo-max-width: 105px;
  }
}
.logos .marquee__track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee-scroll var(--marquee-duration, 40s) linear infinite;
  /* Hier bewusst KEIN gap: Die Animation verschiebt um translateX(-50%), also um
     die halbe Trackbreite. Liegt der Abstand zwischen den Gruppen auf dem Track,
     betraegt die halbe Breite (Gruppe + gap/2), die Wiederhollaenge aber
     (Gruppe + gap) – die Differenz erzeugt bei jedem Durchlauf einen Sprung.
     Stattdessen traegt jede Gruppe ihren Abstand selbst (padding-right unten),
     dann ist die halbe Trackbreite exakt die Wiederhollaenge. */
}
.logos .marquee__group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--logo-gap);
  /* Abstand zur naechsten Gruppe – identisch mit dem Abstand innerhalb der Gruppe */
  padding-right: var(--logo-gap);
}
.logos .marquee__group .logo-wrapper {
  padding: 0;
  flex: 0 0 auto;
}
.logos .marquee__group .image-wrapper {
  height: var(--logo-height);
  width: auto;
  /* oder z.B. 160px für einheitliche Breite */
  display: flex;
  align-items: center;
  justify-content: center;
}
.logos .marquee__group .image-wrapper img, .logos .marquee__group .image-wrapper svg {
  /* Hoehe definit, Breite aus dem Seitenverhaeltnis – funktioniert fuer
     Rasterbilder ebenso wie fuer SVGs ohne intrinsische Groesse.
     Greift der Breitendeckel, skaliert object-fit:contain das Logo
     innerhalb der gedeckelten Box herunter; es wird also flacher,
     fuellt die Breite aber randlos aus – seitlich entsteht keine Luft. */
  height: var(--logo-height);
  width: auto;
  max-width: var(--logo-max-width);
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
.logos .marquee a {
  display: inline-flex;
  align-items: center;
}
.logos .marquee a:hover img {
  opacity: 0.6;
}

@keyframes marquee-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.uk-accordion li {
  text-align: left;
  border-top: 1px solid #4E4540;
  padding: 22px 0;
  text-decoration: none;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .uk-accordion li {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .uk-accordion li {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .uk-accordion li {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .uk-accordion li {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .uk-accordion li {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.uk-accordion li a.uk-accordion-title {
  font-family: "optima-nova-lt-pro", sans-serif;
  text-decoration: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.uk-accordion li a.uk-accordion-title h3 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  text-decoration: none;
  margin-bottom: 0 !important;
  max-width: calc(100% - 30px);
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .uk-accordion li a.uk-accordion-title h3 {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .uk-accordion li a.uk-accordion-title h3 {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .uk-accordion li a.uk-accordion-title h3 {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .uk-accordion li a.uk-accordion-title h3 {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .uk-accordion li a.uk-accordion-title h3 {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.uk-accordion li a.uk-accordion-title::before {
  content: "";
  width: 18px;
  height: 18px;
  color: #302723;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23917F5E%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-size: contain;
}
@media (max-width: 639px) {
  .uk-accordion li a.uk-accordion-title::before {
    width: 16px;
    height: 16px;
  }
}
.uk-accordion li .uk-accordion-content {
  font-family: "neue-haas-grotesk-display", sans-serif;
  text-align: left;
  padding: 16px 0 0;
  line-height: 1.5 !important;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .uk-accordion li .uk-accordion-content {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .uk-accordion li .uk-accordion-content {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .uk-accordion li .uk-accordion-content {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .uk-accordion li .uk-accordion-content {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .uk-accordion li .uk-accordion-content {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.uk-accordion li .uk-accordion-content p img {
  width: 70%;
}
.uk-accordion li .uk-accordion-content ul:not(.border-list) {
  list-style: none;
  padding-left: 15px;
  margin-top: 1rem;
}
.uk-accordion li .uk-accordion-content ul:not(.border-list) li {
  padding-bottom: 0.35em;
  position: relative;
  border: none;
  padding: 0;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .uk-accordion li .uk-accordion-content ul:not(.border-list) li {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .uk-accordion li .uk-accordion-content ul:not(.border-list) li {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .uk-accordion li .uk-accordion-content ul:not(.border-list) li {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .uk-accordion li .uk-accordion-content ul:not(.border-list) li {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .uk-accordion li .uk-accordion-content ul:not(.border-list) li {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.uk-accordion li .uk-accordion-content ul:not(.border-list) li::before {
  content: "·";
  position: absolute;
  left: -15px;
  font-size: 1.5em;
  margin-top: -0.25em;
}
.uk-accordion li.uk-open a.uk-accordion-title::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23917F5E%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.uk-accordion li:last-child {
  border-bottom: 1px solid #4E4540;
}

.uk-accordion li.accordion-item {
  border-bottom: none;
}
.uk-accordion li.accordion-item .uk-accordion-title {
  font-family: "optima-nova-lt-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .uk-accordion li.accordion-item .uk-accordion-title {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .uk-accordion li.accordion-item .uk-accordion-title {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .uk-accordion li.accordion-item .uk-accordion-title {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .uk-accordion li.accordion-item .uk-accordion-title {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .uk-accordion li.accordion-item .uk-accordion-title {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.uk-accordion li.accordion-item .uk-accordion-content {
  font-weight: 400;
  letter-spacing: 0.05em;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .uk-accordion li.accordion-item .uk-accordion-content {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .uk-accordion li.accordion-item .uk-accordion-content {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .uk-accordion li.accordion-item .uk-accordion-content {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .uk-accordion li.accordion-item .uk-accordion-content {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .uk-accordion li.accordion-item .uk-accordion-content {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.uk-accordion li.accordion-item:last-child {
  border-bottom: 1px solid #4E4540;
}

.uk-accordion > :nth-child(n+2) {
  margin-top: 0px;
}

.gsap-animation-scale-up {
  will-change: transform, opacity;
}

.gsap-animation-scale-up .animate-2 {
  will-change: transform, opacity;
}

.gsap-animation-slice-in h1,
.gsap-animation-slice-in h2,
.gsap-animation-slice-in h3,
.gsap-animation-slice-in p {
  transform: translateY(100%);
}

.gsap-animation-text-splitter h1,
.gsap-animation-text-splitter h2,
.gsap-animation-text-splitter h3,
.gsap-animation-text-splitter p,
.gsap-animation-text-splitter-line:not(.blog-text) h1,
.gsap-animation-text-splitter-line:not(.blog-text) h2,
.gsap-animation-text-splitter-line:not(.blog-text) h3,
.gsap-animation-text-splitter-line:not(.blog-text) p {
  font-kerning: none !important;
}
.gsap-animation-text-splitter .char,
.gsap-animation-text-splitter-line:not(.blog-text) .char {
  display: inline-block;
  will-change: transform, opacity;
}
.gsap-animation-text-splitter [style*="overflow: hidden"]:not(.line-wrapper),
.gsap-animation-text-splitter-line:not(.blog-text) [style*="overflow: hidden"]:not(.line-wrapper) {
  width: 100%;
}
.gsap-animation-text-splitter .line-wrapper p,
.gsap-animation-text-splitter-line:not(.blog-text) .line-wrapper p {
  margin-bottom: 0;
}
.gsap-animation-text-splitter .text-splitter-wrapper h1,
.gsap-animation-text-splitter .text-splitter-wrapper h2,
.gsap-animation-text-splitter .text-splitter-wrapper h3,
.gsap-animation-text-splitter .text-splitter-wrapper h4,
.gsap-animation-text-splitter .text-splitter-wrapper h5,
.gsap-animation-text-splitter .text-splitter-wrapper h6,
.gsap-animation-text-splitter-line:not(.blog-text) .text-splitter-wrapper h1,
.gsap-animation-text-splitter-line:not(.blog-text) .text-splitter-wrapper h2,
.gsap-animation-text-splitter-line:not(.blog-text) .text-splitter-wrapper h3,
.gsap-animation-text-splitter-line:not(.blog-text) .text-splitter-wrapper h4,
.gsap-animation-text-splitter-line:not(.blog-text) .text-splitter-wrapper h5,
.gsap-animation-text-splitter-line:not(.blog-text) .text-splitter-wrapper h6 {
  margin-bottom: 0;
}

article [style*="overflow: hidden"]:not(.line-wrapper),
.overlay-text [style*="overflow: hidden"]:not(.line-wrapper) {
  display: block;
  margin-bottom: 1rem;
}
article [style*="overflow: hidden"]:last-child,
.overlay-text [style*="overflow: hidden"]:last-child {
  margin-bottom: 0;
}

h1 div[style*="display: inline-block; overflow: hidden;"] {
  margin: 0 !important;
}

.gsap-animation-image-scale-in .image-wrapper {
  overflow: hidden;
  overflow: hidden;
}
.gsap-animation-image-scale-in .image-wrapper .animate {
  will-change: transform, opacity;
}

.text-slice-wrapper * {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.gallery-section * + .uk-grid-margin-small, .gallery-section .uk-grid + .uk-grid-row-small, .gallery-section .uk-grid + .uk-grid-small, .gallery-section .uk-grid-row-small > .uk-grid-margin, .gallery-section .uk-grid-small > .uk-grid-margin {
  margin-top: 15px !important;
}
.gallery-section .gallery-filter {
  margin-bottom: 1rem;
}
.gallery-section .gallery-filter ul li.uk-active a {
  background-color: transparent;
  color: #302723;
}
.gallery-section .gallery-filter ul li.uk-active a::before {
  transform-origin: 0 50%;
  transform: scaleX(1);
  height: 1px;
}
.gallery-section .gallery-filter ul li a {
  display: inline-block;
  padding: 0;
  text-transform: none;
  color: rgba(48, 39, 35, 0.5);
  transition: color 0.25s ease-in-out;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  .gallery-section .gallery-filter ul li a {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .gallery-section .gallery-filter ul li a {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .gallery-section .gallery-filter ul li a {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .gallery-section .gallery-filter ul li a {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  .gallery-section .gallery-filter ul li a {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
.gallery-section .gallery-filter ul li a:hover {
  background-color: transparent;
  color: #302723 !important;
}
.gallery-section .gallery-item a {
  display: block;
  overflow: hidden;
  border-radius: 30px;
}
@media (max-width: 959px) {
  .gallery-section .gallery-item a {
    border-radius: 20px;
  }
}
@media (max-width: 639px) {
  .gallery-section .gallery-item a {
    border-radius: 15px;
  }
}
.gallery-section .gallery-item a img {
  transition: transform 0.25s cubic-bezier(0.75, 0, 0.25, 1);
  transform: scale(1);
}
.gallery-section .gallery-item a:hover img {
  transform: scale(1.05);
}

.gallery-section.rounded-corners .gallery-item a img {
  border-radius: 30px;
}
@media (max-width: 959px) {
  .gallery-section.rounded-corners .gallery-item a img {
    border-radius: 20px;
  }
}
@media (max-width: 639px) {
  .gallery-section.rounded-corners .gallery-item a img {
    border-radius: 15px;
  }
}

.uk-lightbox {
  background-color: #F4F3F1 !important;
  transition: opacity 0.35s cubic-bezier(0.75, 0, 0.25, 1);
  transition-delay: 1s !important;
}
.uk-lightbox img {
  max-height: 80vh;
}
.uk-lightbox .uk-slidenav, .uk-lightbox .uk-close {
  color: rgba(48, 39, 35, 0.75);
}
.uk-lightbox .uk-slidenav:hover, .uk-lightbox .uk-close:hover {
  color: #302723;
}
.uk-lightbox .uk-position-small {
  padding: 40px;
}

.blog-header {
  padding-top: 16.1458333333vw;
}
@media (max-width: 959px) {
  .blog-header {
    padding-top: 32.5520833333vw;
  }
}
@media (max-width: 639px) {
  .blog-header {
    padding-top: 64.1025641026vw;
  }
}
.blog-header .image-wrapper {
  aspect-ratio: 1.975/1;
}
@media (max-width: 639px) {
  .blog-header .image-wrapper {
    aspect-ratio: 1.5/1;
  }
}
.blog-header .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog-slider {
  max-width: 60.8333333333vw;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .blog-slider {
    max-width: 72.9166666667vw;
  }
}
@media (max-width: 639px) {
  .blog-slider {
    max-width: 100%;
  }
}
.blog-slider .uk-slideshow-items li .animate img {
  width: 100%;
}

.blog-title-section .blog-title {
  margin-bottom: 10px;
  line-height: 1.1875 !important;
}
.blog-title-section .blog-date p {
  margin-bottom: 10px;
  line-height: 1.46 !important;
  color: #aba59f;
}
.blog-title-section .preview-text {
  margin-top: 0;
}

.blog-content .blog-text-wrapper h1,
.blog-content .blog-text-wrapper h2,
.blog-content .blog-text-wrapper h3,
.blog-content .blog-text-wrapper h4,
.blog-content .blog-text-wrapper h5,
.blog-content .blog-text-wrapper h6 {
  margin-bottom: 2rem;
}

.blog-card {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}
.blog-card:hover {
  text-decoration: none;
  color: inherit;
}
.blog-card:hover .blog-card__img {
  transform: scale(1.05);
}
.blog-card .blog-card__image {
  position: relative;
  aspect-ratio: 1.34/1;
  overflow: hidden;
}
.blog-card .blog-card__image .blog-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.35s ease-in-out;
}
.blog-card .blog-card__content {
  padding: clamp(60px, 3.645vw, 80px) clamp(60px, 3.645vw, 80px) 0 0;
}
@media (max-width: 959px) {
  .blog-card .blog-card__content {
    padding: 40px 40px 0 0;
  }
}
@media (max-width: 639px) {
  .blog-card .blog-card__content {
    padding: 30px 0 0;
  }
}
.blog-card .blog-card__date {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .blog-card .blog-card__date {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-card .blog-card__date {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-card .blog-card__date {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .blog-card .blog-card__date {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .blog-card .blog-card__date {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.blog-card .blog-card__preview {
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .blog-card .blog-card__preview {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-card .blog-card__preview {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-card .blog-card__preview {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .blog-card .blog-card__preview {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .blog-card .blog-card__preview {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.blog-card .blog-card__title {
  font-family: "optima-nova-lt-pro", sans-serif;
  font-weight: 400;
  line-height: 1.18 !important;
  letter-spacing: -0.03em !important;
  margin-top: 0.5em !important;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .blog-card .blog-card__title {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-card .blog-card__title {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-card .blog-card__title {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .blog-card .blog-card__title {
    font-size: calc(23 / 390 * 100vw);
  }
}

@media (max-width: 959px) {
  .blog-overview--style-cards .blog-card__title {
    font-size: 18px !important;
  }
}

.blog-overview .uk-grid-small > *, .blog-overview .uk-grid-column-small > * {
  padding-left: 16px;
}
@media (max-width: 959px) {
  .blog-overview .uk-grid-small > *, .blog-overview .uk-grid-column-small > * {
    padding-left: 8px;
  }
}

.blog-overview--style-wide .blog-entry--wide + .blog-entry--wide {
  margin-top: clamp(2rem, 4vw, 3.5rem);
}
@media (max-width: 959px) {
  .blog-overview--style-wide .blog-entry--wide + .blog-entry--wide {
    margin-top: 40px;
  }
}
@media (max-width: 639px) {
  .blog-overview--style-wide .blog-entry--wide + .blog-entry--wide {
    margin-top: 30px;
  }
}
.blog-overview--style-wide .blog-entry--wide + .blog-entry--wide .blog-card {
  padding-top: clamp(2rem, 4vw, 3.5rem);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
@media (max-width: 959px) {
  .blog-overview--style-wide .blog-entry--wide + .blog-entry--wide .blog-card {
    padding-top: 40px;
  }
}
@media (max-width: 639px) {
  .blog-overview--style-wide .blog-entry--wide + .blog-entry--wide .blog-card {
    padding-top: 30px;
  }
}
.blog-overview--style-wide .blog-card--wide {
  display: block;
  height: auto;
  text-decoration: none;
  color: inherit;
}
.blog-overview--style-wide .blog-card--wide:hover {
  text-decoration: none;
  color: inherit;
}
.blog-overview--style-wide .blog-card__image-link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.blog-overview--style-wide .blog-card__image-link:hover {
  text-decoration: none;
  color: inherit;
}
.blog-overview--style-wide .blog-card__image-link:hover .blog-card__img {
  transform: scale(1.02);
}
.blog-overview--style-wide .blog-card__image {
  aspect-ratio: 2.2/1;
  max-width: 100%;
}
@media (max-width: 639px) {
  .blog-overview--style-wide .blog-card__image {
    aspect-ratio: 1.5/1;
  }
}
.blog-overview--style-wide .blog-card__content--wide {
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 0;
  max-width: 100%;
}
.blog-overview--style-wide .blog-card__title--wide {
  margin-top: 0 !important;
  margin-bottom: 0.35em;
  margin-bottom: 16px;
}
.blog-overview--style-wide .blog-card__title--wide a {
  text-decoration: none !important;
  color: inherit;
}
.blog-overview--style-wide .blog-card__title--wide a:hover {
  text-decoration: none !important;
  color: inherit;
}
.blog-overview--style-wide .blog-card__date--wide {
  margin-top: 0;
  margin-bottom: 0.75rem;
  margin-bottom: 16px;
  text-transform: none;
  color: #A8A59F;
}
@media (max-width: 959px) {
  .blog-overview--style-wide .blog-card__date--wide {
    margin-bottom: 40px;
  }
}
@media (max-width: 639px) {
  .blog-overview--style-wide .blog-card__date--wide {
    margin-bottom: 30px;
  }
}
.blog-overview--style-wide .blog-card__preview--wide {
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.blog-overview--style-wide .blog-card__readmore {
  display: inline-block;
  margin-top: 0.25rem;
}

.blog-nav-share-wrapper {
  max-width: 875px;
  max-width: 45.5729166667vw;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto;
}
@media (max-width: 1366px) {
  .blog-nav-share-wrapper {
    max-width: 560px;
    max-width: 72.9166666667vw;
  }
}
@media (max-width: 959px) {
  .blog-nav-share-wrapper {
    max-width: 560px;
    max-width: 72.9166666667vw;
  }
}
@media (max-width: 639px) {
  .blog-nav-share-wrapper {
    max-width: 100%;
  }
}

.blog-share-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.blog-share-icons p {
  margin: 0;
  padding-right: 1rem;
}
.blog-share-icons ul.MarkupSocialShareButtons {
  margin: 0;
  list-style: none;
  display: flex;
  gap: 1rem;
}
.blog-share-icons ul.MarkupSocialShareButtons li.mssb-item {
  list-style: none;
  padding-bottom: 0;
}
.blog-share-icons ul.MarkupSocialShareButtons li.mssb-item::before {
  display: none;
}
.blog-share-icons ul.MarkupSocialShareButtons li.mssb-item a svg {
  width: auto;
  height: 1rem;
}
.blog-share-icons ul.MarkupSocialShareButtons li.mssb-item a::before {
  display: none;
}

.blog-entry-page {
  padding-top: 129px;
}
@media (max-width: 959px) {
  .blog-entry-page {
    padding-top: 120px;
  }
}
@media (max-width: 639px) {
  .blog-entry-page {
    padding-top: 100px;
  }
}
.blog-entry-page h1,
.blog-entry-page h2,
.blog-entry-page h3,
.blog-entry-page h4,
.blog-entry-page h5,
.blog-entry-page h6 {
  margin-bottom: 10px;
}
.blog-entry-page h1 {
  font-family: "optima-nova-lt-pro", sans-serif;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .blog-entry-page h1 {
    font-size: calc(32 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-entry-page h1 {
    font-size: calc(30 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-entry-page h1 {
    font-size: calc(28 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .blog-entry-page h1 {
    font-size: calc(23 / 390 * 100vw);
  }
}
.blog-entry-page h2 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .blog-entry-page h2 {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-entry-page h2 {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-entry-page h2 {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .blog-entry-page h2 {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .blog-entry-page h2 {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.blog-entry-page h2.serif {
  letter-spacing: -0.04em !important;
  font-family: "optima-nova-lt-pro", sans-serif;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .blog-entry-page h2.serif {
    font-size: clamp(17px, 17px + (3) * (100vw - 320px) / 320, 20px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-entry-page h2.serif {
    font-size: clamp(20px, 20px + (2) * (100vw - 640px) / 320, 22px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-entry-page h2.serif {
    font-size: 22px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .blog-entry-page h2.serif {
    font-size: clamp(22px, 22px + (0) * (100vw - 1367px) / 553, 28.6px);
  }
}
@media (min-width: 1921px) {
  .blog-entry-page h2.serif {
    font-size: clamp(22px, 22px + (6.6) * (100vw - 1920px) / 1280, 28.6px);
  }
}
.blog-entry-page h3 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.25em;
}
.blog-entry-page h4 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.15em;
}
.blog-entry-page h5 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.05em;
}
.blog-entry-page h6 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1em;
}
.blog-entry-page .filler {
  height: 2em;
}
.blog-entry-page strong {
  font-weight: 400;
}
.blog-entry-page h1 + h2.size-l {
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .blog-entry-page h1 + h2.size-l {
    font-size: calc(50 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-entry-page h1 + h2.size-l {
    font-size: calc(48 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-entry-page h1 + h2.size-l {
    font-size: calc(44 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .blog-entry-page h1 + h2.size-l {
    font-size: calc(34 / 390 * 100vw);
  }
}
.blog-entry-page p:has(+ ul) {
  margin-top: 1.2rem;
}
.blog-entry-page h1 + p,
.blog-entry-page h2 + p,
.blog-entry-page h3 + p,
.blog-entry-page h4 + p,
.blog-entry-page h5 + p,
.blog-entry-page h6 + p {
  margin-top: 0.8rem;
}
.blog-entry-page .more-button:not(.blog-nav-link) {
  margin-top: 3em;
}
.blog-entry-page table.uk-table tr td:first-of-type {
  padding-left: 0 !important;
}
.blog-entry-page table.uk-table tr td:last-of-type {
  padding-right: 0 !important;
}
.blog-entry-page * + .uk-grid-margin-large,
.blog-entry-page .uk-grid + .uk-grid-large,
.blog-entry-page .uk-grid + .uk-grid-row-large,
.blog-entry-page .uk-grid-large > .uk-grid-margin,
.blog-entry-page .uk-grid-row-large > .uk-grid-margin {
  margin-top: 3rem;
}
.blog-entry-page .widget-section .uk-grid-margin,
.blog-entry-page .widget-section .uk-grid + .uk-grid,
.blog-entry-page .widget-section .uk-grid > .uk-grid-margin {
  margin-top: 2rem;
}
.blog-entry-page section.uk-section:nth-child(2) {
  padding-top: 40px !important;
}

/* ------ Paginierung der Blog-Uebersicht ------ */
.blog-overview__pagination {
  margin-top: clamp(32px, 4vw, 64px);
}
.blog-overview__pagination .uk-pagination {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .blog-overview__pagination .uk-pagination {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-overview__pagination .uk-pagination {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-overview__pagination .uk-pagination {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .blog-overview__pagination .uk-pagination {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .blog-overview__pagination .uk-pagination {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.blog-overview__pagination .uk-pagination > * > * {
  color: #88837E;
  padding: 6px 12px;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
}
.blog-overview__pagination .uk-pagination > * > *:hover {
  color: #302723;
  text-decoration: none;
}
.blog-overview__pagination .uk-pagination > .uk-active > * {
  color: #302723;
}
.blog-overview__pagination .uk-pagination > .uk-disabled > * {
  color: #DBD4CC;
}

/* ------ Navigation am Beitragsende: vorheriger / Uebersicht / naechster ------ */
.blog-nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: clamp(16px, 2.5vw, 48px);
}
@media (max-width: 639px) {
  .blog-nav {
    grid-template-columns: 1fr;
    gap: 28px;
    text-align: center;
  }
}
.blog-nav__item {
  min-width: 0;
}
.blog-nav__item--prev {
  justify-self: start;
}
.blog-nav__item--back {
  justify-self: center;
}
.blog-nav__item--next {
  justify-self: end;
  text-align: right;
}
@media (max-width: 639px) {
  .blog-nav__item {
    justify-self: center !important;
    text-align: center !important;
  }
}
.blog-nav__link {
  display: block;
  text-decoration: none;
  color: #88837E;
  transition: color 0.25s ease-in-out;
}
.blog-nav__link:hover {
  color: #302723;
  text-decoration: none;
}
.blog-nav__label {
  display: block;
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .blog-nav__label {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .blog-nav__label {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .blog-nav__label {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .blog-nav__label {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .blog-nav__label {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.blog-nav__item--prev .blog-nav__label::before {
  content: "← ";
}
.blog-nav__item--next .blog-nav__label::after {
  content: " →";
}
.blog-nav .blog-nav__label {
  font-size: 14px;
}

.text-wrapper p img {
  width: -moz-min-content;
  width: min-content;
}

.workshops-section * + .uk-grid-margin-small, .workshops-section .uk-grid + .uk-grid-row-small, .workshops-section .uk-grid + .uk-grid-small, .workshops-section .uk-grid-row-small > .uk-grid-margin, .workshops-section .uk-grid-small > .uk-grid-margin {
  margin-top: 60px;
}
.workshops-section .workshops-section__empty {
  margin: 0;
}

.workshop-entry {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.workshop-entry__image {
  aspect-ratio: 1.34/1;
  overflow: hidden;
  flex-shrink: 0;
}
.workshop-entry__image img,
.workshop-entry__image picture {
  display: block;
  width: 100%;
  height: 100%;
}
.workshop-entry__image .workshop-entry__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.workshop-entry__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.workshop-entry__overtitle {
  margin: 0 0 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.workshop-entry__title {
  margin: 0 0 1rem;
}

.workshop-entry__text {
  margin-bottom: 1.25rem;
}

.workshop-entry__on-request {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .workshop-entry__on-request {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .workshop-entry__on-request {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .workshop-entry__on-request {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .workshop-entry__on-request {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .workshop-entry__on-request {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.workshop-entry__on-request-note {
  font-family: "neue-haas-grotesk-display", sans-serif;
  margin-top: 0.25rem !important;
  font-style: italic;
  padding-right: 25%;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .workshop-entry__on-request-note {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .workshop-entry__on-request-note {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .workshop-entry__on-request-note {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .workshop-entry__on-request-note {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .workshop-entry__on-request-note {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.workshop-entry__dates-title {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  margin-top: 0 !important;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .workshop-entry__dates-title {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .workshop-entry__dates-title {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .workshop-entry__dates-title {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .workshop-entry__dates-title {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .workshop-entry__dates-title {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.workshop-entry__date--ausgebucht {
  color: rgba(48, 39, 35, 0.45);
}

.workshop-entry__sold-out {
  margin-left: 0.35em;
  white-space: nowrap;
}

.workshop-entry__dates {
  padding-left: 0 !important;
  list-style: none;
  margin-top: 0 !important;
}
.workshop-entry__dates li {
  padding: 0 !important;
  margin: 0 !important;
}
.workshop-entry__dates li::before {
  display: none;
}

.workshop-register-link {
  margin-top: 40px;
}
.workshop-register-link:hover {
  color: #302723;
}

#menu-toggle {
  position: relative;
  cursor: pointer;
  padding: 10px;
  z-index: 1;
  display: inline-block;
}
#menu-toggle .menu-toggle-wrapper {
  position: relative;
  width: 50px;
  height: 21px;
  display: block;
  transition: height 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), width 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
}
@media (max-width: 639px) {
  #menu-toggle .menu-toggle-wrapper {
    width: 40px;
  }
}
#menu-toggle .menu-toggle-wrapper:hover .top,
#menu-toggle .menu-toggle-wrapper:hover .middle,
#menu-toggle .menu-toggle-wrapper:hover .bottom {
  width: 100%;
}
#menu-toggle .menu-toggle-wrapper .top,
#menu-toggle .menu-toggle-wrapper .middle,
#menu-toggle .menu-toggle-wrapper .bottom {
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  left: inherit;
  background-color: #F4F3F1;
  transition: transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), color 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), width 0.35s ease-in-out;
}
#menu-toggle .menu-toggle-wrapper .top {
  top: 0%;
  bottom: inherit;
  transform: rotate(0deg) translate(0, 0);
}
#menu-toggle .menu-toggle-wrapper .middle {
  width: 64%;
  opacity: 1;
  top: 10px;
  bottom: inherit;
  transform: rotate(0deg) translate(0, 0);
}
#menu-toggle .menu-toggle-wrapper .bottom {
  width: 32%;
  top: inherit;
  bottom: 0%;
  transform: rotate(0deg) translate(0, 0);
}

.menu-close {
  position: absolute;
  top: clamp(45px, 3.125vw, 75px);
  right: clamp(45px, 3.125vw, 75px);
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
.menu-close .top,
.menu-close .bottom {
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  left: inherit;
  background-color: #F4F3F1;
}
.menu-close .top {
  top: 50%;
  transform: rotate(-45deg) translate(0, -50%);
}
.menu-close .bottom {
  bottom: 50%;
  transform: rotate(225deg) translate(0, 50%);
}

header#nav-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent;
  z-index: 1000;
  transition: background-color 0.35s ease-in-out, height 0.35s ease-in-out;
}
header#nav-header nav#navbar {
  position: relative;
  width: 100%;
  padding: clamp(45px, 3.125vw, 75px);
  background-color: transparent;
  transition: padding 0.35s ease-in-out;
}
@media (max-width: 959px) {
  header#nav-header nav#navbar {
    padding: 50px 40px;
  }
}
@media (max-width: 639px) {
  header#nav-header nav#navbar {
    padding: 30px;
  }
}
header#nav-header nav#navbar .logo {
  position: absolute;
  top: clamp(45px, 3.125vw, 75px);
  left: 50%;
  transform: translate(-50%, 0%);
  width: 7.44vw;
  max-width: 300px;
  min-width: 120px;
  transition: transform 0.35s ease-in-out;
}
@media (max-width: 959px) {
  header#nav-header nav#navbar .logo {
    width: 16.5vw;
    min-width: inherit;
  }
}
@media (max-width: 639px) {
  header#nav-header nav#navbar .logo {
    width: 22vw;
    top: 60px;
    min-width: inherit;
  }
}
header#nav-header nav#navbar .logo img,
header#nav-header nav#navbar .logo svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: width 0.35s ease-in-out;
}
header#nav-header nav#navbar .logo .uk-logo {
  color: unset;
}
header#nav-header nav#navbar .logo .uk-logo * {
  fill: revert-layer;
}
header#nav-header nav#navbar .logo svg {
  fill: initial !important;
}
header#nav-header nav#navbar .logo svg * {
  transition: all 0.35s ease-in-out;
}
header#nav-header nav#navbar .bottom-filler {
  height: 40px;
  width: 40px;
}
header#nav-header nav#navbar .uk-navbar-right {
  position: relative;
}
header#nav-header nav#navbar .uk-navbar-right .button-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
header#nav-header nav#navbar .cta-wrapper {
  display: flex;
  flex-direction: column;
}
header#nav-header nav#navbar .cta-wrapper a.more-link, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  color: #F4F3F1;
  transition: all 0.35s ease-in-out;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  header#nav-header nav#navbar .cta-wrapper a.more-link, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  header#nav-header nav#navbar .cta-wrapper a.more-link, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  header#nav-header nav#navbar .cta-wrapper a.more-link, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  header#nav-header nav#navbar .cta-wrapper a.more-link, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  header#nav-header nav#navbar .cta-wrapper a.more-link, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
header#nav-header nav#navbar .cta-wrapper a.more-link::before, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse::before {
  background-color: rgba(244, 243, 241, 0.5);
}
header#nav-header nav#navbar .cta-wrapper a.more-link:hover, header#nav-header nav#navbar .cta-wrapper a.more-link-reverse:hover {
  color: #F4F3F1 !important;
}

header#nav-header.smallnav {
  background-color: #F4F3F1 !important;
}
header#nav-header.smallnav #navbar {
  padding: 40px clamp(45px, 3.125vw, 75px) !important;
}
@media (max-width: 959px) {
  header#nav-header.smallnav #navbar {
    padding: 50px 40px !important;
  }
}
@media (max-width: 639px) {
  header#nav-header.smallnav #navbar {
    padding: 30px !important;
  }
}
header#nav-header.smallnav #navbar .logo {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
header#nav-header.smallnav #navbar .uk-logo svg {
  width: 80% !important;
  color: #302723 !important;
}
header#nav-header.smallnav #navbar .uk-logo svg path {
  fill: #302723 !important;
}
@media (max-width: 959px) {
  header#nav-header.smallnav #navbar .uk-logo svg {
    width: 100% !important;
  }
}
header#nav-header.smallnav #navbar .menu-button #menu-toggle .top,
header#nav-header.smallnav #navbar .menu-button #menu-toggle .middle,
header#nav-header.smallnav #navbar .menu-button #menu-toggle .bottom {
  background-color: #302723 !important;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link, header#nav-header.smallnav #navbar .cta-wrapper a.more-link-reverse {
  color: #302723;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link:hover, header#nav-header.smallnav #navbar .cta-wrapper a.more-link-reverse:hover {
  color: #302723 !important;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link::before, header#nav-header.smallnav #navbar .cta-wrapper a.more-link-reverse::before {
  background-color: #302723;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link.search-button, header#nav-header.smallnav #navbar .cta-wrapper a.more-link-reverse.search-button {
  color: #302723;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link.search-button::after, header#nav-header.smallnav #navbar .cta-wrapper a.more-link-reverse.search-button::after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23302723%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  stroke: #302723;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link:hover {
  color: #302723 !important;
}
header#nav-header.smallnav #navbar .cta-wrapper a.more-link:hover::before {
  background-color: #302723 !important;
}
header#nav-header.smallnav .language-switch .language-trigger .language-button {
  color: #302723 !important;
}
header#nav-header.smallnav .language-switch .language-trigger .language-button .language-arrow {
  color: #302723 !important;
}
header#nav-header.smallnav .language-switch .language-trigger .language-button .language-arrow path {
  stroke: #302723 !important;
}
header#nav-header.smallnav .language-switch .language-trigger .language-button:hover {
  color: #F4F3F1 !important;
}
header#nav-header.smallnav .language-switch .language-trigger .language-button:hover .language-arrow {
  color: #F4F3F1 !important;
}
header#nav-header.smallnav .language-switch .language-trigger .language-button:hover .language-arrow path {
  stroke: #F4F3F1 !important;
}
header#nav-header.smallnav .language-switch fieldset svg {
  color: #302723 !important;
}
header#nav-header.smallnav .language-switch fieldset svg rect {
  stroke: rgba(48, 39, 35, 0.5) !important;
}
header#nav-header.smallnav .language-switch fieldset select.uk-select {
  color: #302723;
}
header#nav-header.smallnav .language-switch fieldset .uk-select:not([multiple]):not([size]) {
  background-image: url(../img/selectarrow.svg);
  color: #302723 !important;
}

header#nav-header.no-header-slider #navbar .uk-logo svg path {
  fill: #4E4540 !important;
}
header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link, header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
  color: #302723;
}
header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link::before, header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link-reverse::before {
  background-color: rgba(48, 39, 35, 0.5);
}
header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link::after, header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link-reverse::after {
  color: #302723;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23302723%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link:hover, header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link-reverse:hover {
  color: #302723 !important;
}
header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link:hover::before, header#nav-header.no-header-slider #navbar .cta-wrapper a.more-link-reverse:hover::before {
  background-color: rgba(48, 39, 35, 0.5);
}
header#nav-header.no-header-slider #navbar .menu-button #menu-toggle .top,
header#nav-header.no-header-slider #navbar .menu-button #menu-toggle .middle,
header#nav-header.no-header-slider #navbar .menu-button #menu-toggle .bottom {
  background-color: #302723;
}
header#nav-header.no-header-slider #navbar .language-switch .language-trigger .language-button {
  color: #302723;
}
header#nav-header.no-header-slider #navbar .language-switch .language-trigger .language-button .language-arrow {
  color: #302723;
}
header#nav-header.no-header-slider #navbar .language-switch .language-trigger .language-button .language-arrow path {
  stroke: #302723;
}
header#nav-header.no-header-slider #navbar .language-switch fieldset svg {
  color: #302723;
}
header#nav-header.no-header-slider #navbar .language-switch fieldset svg path {
  stroke: #302723;
}

header#nav-header.nav-scroll,
header#nav-header.nav-scroll.no-header-slider {
  background-color: #4E4540 !important;
}
header#nav-header.nav-scroll #navbar,
header#nav-header.nav-scroll.no-header-slider #navbar {
  padding: 40px clamp(45px, 3.125vw, 75px) !important;
}
@media (max-width: 959px) {
  header#nav-header.nav-scroll #navbar,
  header#nav-header.nav-scroll.no-header-slider #navbar {
    padding: 30px 40px !important;
  }
}
@media (max-width: 639px) {
  header#nav-header.nav-scroll #navbar,
  header#nav-header.nav-scroll.no-header-slider #navbar {
    padding: 20px 30px !important;
  }
}
header#nav-header.nav-scroll #navbar .logo,
header#nav-header.nav-scroll.no-header-slider #navbar .logo {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
header#nav-header.nav-scroll #navbar .uk-logo svg,
header#nav-header.nav-scroll.no-header-slider #navbar .uk-logo svg {
  width: 80% !important;
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll #navbar .uk-logo svg path,
header#nav-header.nav-scroll.no-header-slider #navbar .uk-logo svg path {
  fill: #F4F3F1 !important;
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
  color: #F4F3F1;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link,
  header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link::before, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse::before,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link::before,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse::before {
  background-color: rgba(244, 243, 241, 0.5);
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link:hover, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse:hover,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link:hover,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse:hover {
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link:hover::before, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse:hover::before,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link:hover::before,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse:hover::before {
  background-color: rgba(244, 243, 241, 0.5);
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link.search-button, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse.search-button,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link.search-button,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse.search-button {
  color: #F4F3F1;
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link.search-button::after, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse.search-button::after,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link.search-button::after,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse.search-button::after {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23F4F3F1%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
  stroke: #F4F3F1;
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link.search-button:hover, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse.search-button:hover,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link.search-button:hover,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse.search-button:hover {
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link.search-button:hover::after, header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link-reverse.search-button:hover::after,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link.search-button:hover::after,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link-reverse.search-button:hover::after {
  stroke: #F4F3F1 !important;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23F4F3F1%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link:hover,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link:hover {
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll #navbar .cta-wrapper a.more-link:hover::before,
header#nav-header.nav-scroll.no-header-slider #navbar .cta-wrapper a.more-link:hover::before {
  background-color: rgba(244, 243, 241, 0.5);
}
header#nav-header.nav-scroll #navbar .menu-button #menu-toggle .top,
header#nav-header.nav-scroll #navbar .menu-button #menu-toggle .middle,
header#nav-header.nav-scroll #navbar .menu-button #menu-toggle .bottom,
header#nav-header.nav-scroll.no-header-slider #navbar .menu-button #menu-toggle .top,
header#nav-header.nav-scroll.no-header-slider #navbar .menu-button #menu-toggle .middle,
header#nav-header.nav-scroll.no-header-slider #navbar .menu-button #menu-toggle .bottom {
  background-color: #F4F3F1 !important;
}
header#nav-header.nav-scroll .language-switch .language-trigger .language-button,
header#nav-header.nav-scroll.no-header-slider .language-switch .language-trigger .language-button {
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll .language-switch .language-trigger .language-button .language-arrow,
header#nav-header.nav-scroll.no-header-slider .language-switch .language-trigger .language-button .language-arrow {
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll .language-switch .language-trigger .language-button .language-arrow path,
header#nav-header.nav-scroll.no-header-slider .language-switch .language-trigger .language-button .language-arrow path {
  stroke: #F4F3F1 !important;
}
header#nav-header.nav-scroll .language-switch fieldset svg,
header#nav-header.nav-scroll.no-header-slider .language-switch fieldset svg {
  color: #F4F3F1 !important;
}
header#nav-header.nav-scroll .language-switch fieldset svg path,
header#nav-header.nav-scroll.no-header-slider .language-switch fieldset svg path {
  stroke: #F4F3F1 !important;
}

#sidenav {
  display: block;
  position: fixed;
  top: 0;
  background-color: #F4F3F1;
  right: 0;
  transform: translateX(100%);
  transition: transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
  overflow: hidden;
  width: clamp(300px, 18.75svw, 450px);
  height: 100svh;
  z-index: 1;
}
@media (max-width: 959px) {
  #sidenav {
    width: clamp(450px, 40svw, 550px);
  }
}
@media (max-width: 639px) {
  #sidenav {
    width: 100%;
  }
}
#sidenav .sidenav-inner {
  padding: clamp(45px, 3.125vw, 75px);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 959px) {
  #sidenav .sidenav-inner {
    padding-left: 50px;
  }
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner {
    padding: 40px 36px;
  }
}
#sidenav .sidenav-inner .sidenav-top {
  display: flex;
  justify-content: flex-end;
}
#sidenav .sidenav-inner .menu-close .top, #sidenav .sidenav-inner .menu-close .bottom {
  background-color: #88837E;
}
#sidenav .sidenav-inner .cta-wrapper.cta-sidebar {
  position: relative;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner .cta-wrapper.cta-sidebar {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.search-button::after {
    position: absolute;
    top: 0.5em;
    margin-left: 5px;
  }
}
#sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse {
  color: #302723;
  text-decoration: none;
}
@media (max-width: 959px) {
  #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse {
    display: block;
  }
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse {
    text-align: center;
    display: block;
  }
}
#sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link::before, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse::before {
  background-color: rgba(48, 39, 35, 0.5) !important;
}
#sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link::after, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse::after {
  color: #302723;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.1223%2011.1223L14.5%2014.5M11.1223%2011.1223C8.69437%2013.5503%204.75512%2013.5503%202.32716%2011.1223C-0.109055%208.69437%20-0.109055%204.75512%202.32716%202.32716C4.75512%20-0.109055%208.69437%20-0.109055%2011.1223%202.32716C13.5503%204.75512%2013.5503%208.69437%2011.1223%2011.1223Z%22%20stroke%3D%22%23302723%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
}
#sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link:hover, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse:hover {
  color: #302723 !important;
}
#sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link:hover::before, #sidenav .sidenav-inner .cta-wrapper.cta-sidebar a.more-link-reverse:hover::before {
  background-color: rgba(48, 39, 35, 0.5) !important;
}
#sidenav .sidenav-inner .sidenav-middle {
  width: 100%;
}
#sidenav .sidenav-inner .sidenav-bottom {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner .sidenav-bottom {
    font-size: clamp(15px, 15px + (0) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #sidenav .sidenav-inner .sidenav-bottom {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #sidenav .sidenav-inner .sidenav-bottom {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #sidenav .sidenav-inner .sidenav-bottom {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  #sidenav .sidenav-inner .sidenav-bottom {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
#sidenav .sidenav-inner .sidenav-bottom .uk-grid {
  margin-left: -50px;
}
#sidenav .sidenav-inner .sidenav-bottom .uk-grid > * {
  padding-left: 50px;
}
#sidenav .sidenav-inner ul.uk-nav li {
  padding: 10px 0;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li {
    text-align: center;
  }
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__toggle {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font: inherit;
  color: inherit;
  opacity: 0;
  transform: translateX(-20px);
  transition: color 0.35s ease-in-out, transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1) 0.35s, opacity 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1) 0.35s;
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__toggle.show-nav-link {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #88837E;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
    font-size: clamp(20px, 20px + (0) * (100vw - 320px) / 320, 20px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
    font-size: clamp(20px, 20px + (0) * (100vw - 640px) / 320, 20px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
    font-size: 20px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
    font-size: clamp(20px, 20px + (0) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .title {
    display: inline-block;
    text-align: center;
  }
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__icon {
  display: none;
  position: relative;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-left: 1rem;
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__icon::before, #sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1px;
  background-color: #88837E;
  transform-origin: center;
  transition: transform 0.35s ease-in-out, background-color 0.25s ease-in-out;
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__icon::before {
  transform: translate(-50%, -50%);
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item.is-open .nav-parent__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation {
  overflow: hidden;
  transition: max-height 0.35s ease-in-out, opacity 0.25s ease-in-out;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation {
    max-height: 0;
    opacity: 0;
  }
}
#sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation li a.nav-link {
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (0) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation li a.nav-link {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item.is-open .sub-navigation {
    max-height: 40rem;
    opacity: 1;
  }
}
@media (min-width: 640px) {
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__toggle {
    pointer-events: none;
    cursor: default;
  }
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .nav-parent__icon {
    display: none;
  }
  #sidenav .sidenav-inner ul.uk-nav li.parent-item .sub-navigation {
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible;
  }
}
#sidenav .sidenav-inner ul.uk-nav li a.nav-link {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: rgba(48, 39, 35, 0.5);
  padding: 0;
  opacity: 0;
  transform: translateX(-20px);
  transition: color 0.35s ease-in-out, transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1) 0.35s, opacity 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1) 0.35s;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li a.nav-link {
    font-size: clamp(20px, 20px + (0) * (100vw - 320px) / 320, 20px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #sidenav .sidenav-inner ul.uk-nav li a.nav-link {
    font-size: clamp(20px, 20px + (0) * (100vw - 640px) / 320, 20px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #sidenav .sidenav-inner ul.uk-nav li a.nav-link {
    font-size: 20px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #sidenav .sidenav-inner ul.uk-nav li a.nav-link {
    font-size: clamp(20px, 20px + (0) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  #sidenav .sidenav-inner ul.uk-nav li a.nav-link {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li a.nav-link {
    display: inline-block;
  }
}
#sidenav .sidenav-inner ul.uk-nav li a.nav-link:hover {
  color: #302723;
  text-decoration: none;
}
#sidenav .sidenav-inner ul.uk-nav li a.show-nav-link {
  opacity: 1 !important;
  transform: translateX(0) !important;
}
#sidenav .sidenav-inner ul.uk-nav li a.more-button {
  display: inline-block;
  color: #4E4540;
  transition: color 0.25s ease-in-out;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.uk-nav li a.more-button {
    font-size: clamp(12px, 12px + (0) * (100vw - 320px) / 320, 12px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #sidenav .sidenav-inner ul.uk-nav li a.more-button {
    font-size: clamp(12px, 12px + (0) * (100vw - 640px) / 320, 12px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #sidenav .sidenav-inner ul.uk-nav li a.more-button {
    font-size: 12px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #sidenav .sidenav-inner ul.uk-nav li a.more-button {
    font-size: clamp(12px, 12px + (0) * (100vw - 1367px) / 553, 15.6px);
  }
}
@media (min-width: 1921px) {
  #sidenav .sidenav-inner ul.uk-nav li a.more-button {
    font-size: clamp(12px, 12px + (3.6) * (100vw - 1920px) / 1280, 15.6px);
  }
}
#sidenav .sidenav-inner ul.uk-nav li.uk-active a.nav-link {
  color: #302723;
}
#sidenav .sidenav-inner ul.sub-navigation {
  margin-top: 4px;
  margin-bottom: 4px;
}
#sidenav .sidenav-inner ul.sub-navigation li {
  padding: 4px 0;
}
#sidenav .sidenav-inner ul.sub-navigation li a.nav-link {
  color: rgba(48, 39, 35, 0.5);
  text-transform: none;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #sidenav .sidenav-inner ul.sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (0) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #sidenav .sidenav-inner ul.sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #sidenav .sidenav-inner ul.sub-navigation li a.nav-link {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #sidenav .sidenav-inner ul.sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  #sidenav .sidenav-inner ul.sub-navigation li a.nav-link {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
#sidenav .sidenav-inner ul.sub-navigation li.uk-active a.nav-link {
  color: #302723;
}
#sidenav .sidenav-inner li.uk-active ul li:not(.uk-active) a.nav-link {
  color: rgba(48, 39, 35, 0.5);
}
#sidenav .sidenav-inner li.uk-active ul li:not(.uk-active) a.nav-link:hover {
  color: #302723;
}
#sidenav .sidenav-inner .language-button {
  position: relative;
  top: inherit;
  left: inherit;
}
#sidenav .sidenav-inner .language-button .language-selector a {
  color: rgba(48, 39, 35, 0.5);
}
#sidenav .sidenav-inner .language-button .language-selector a:hover {
  color: #302723 !important;
  text-decoration: none !important;
}
#sidenav .sidenav-inner .language-button .language-selector a.uk-active {
  color: #302723 !important;
}

.nav-open {
  transform: translateX(0) !important;
}

#nav-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

#nav-underlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background: rgba(48, 39, 35, 0.7);
  visibility: hidden;
  transition: opacity 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), visibility 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
  z-index: 1;
}

#nav-underlay.show-underlay {
  opacity: 1 !important;
  visibility: visible !important;
}

#contactLayer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 18.65vw;
  min-width: 300px;
}
@media (max-width: 639px) {
  #contactLayer {
    width: 100%;
    min-width: inherit;
  }
}
#contactLayer .contactLayer-inner {
  width: 100%;
  max-height: 100%;
  margin-block: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  padding: 5.55vh 3.125vw;
  color: #302723;
}
@media (max-width: 959px) {
  #contactLayer .contactLayer-inner {
    padding: 15vh 40px 60px;
  }
}
@media (max-width: 639px) {
  #contactLayer .contactLayer-inner {
    padding: 15vh 30px 60px;
  }
}

#kursanmeldung {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 40vw;
  min-width: 650px;
}
@media (max-width: 639px) {
  #kursanmeldung {
    width: 100%;
    min-width: inherit;
  }
}
#kursanmeldung .formBuilder {
  margin-top: 60px;
}
#kursanmeldung .kursanmeldung-inner {
  width: 100%;
  max-height: 100%;
  margin-block: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  padding: 12.96vh 3.125vw 5.55vh;
}
@media (max-width: 959px) {
  #kursanmeldung .kursanmeldung-inner {
    padding: 60px 40px;
  }
}
@media (max-width: 639px) {
  #kursanmeldung .kursanmeldung-inner {
    padding: 15vh 30px 60px;
  }
}

#contactLayer,
#onlineRating,
#guidebar,
#kursanmeldung,
#partner-sidebar {
  position: fixed;
  left: unset;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
  background-color: #F4F3F1;
  height: 100svh;
  color: #302723;
  -webkit-overflow-scrolling: touch;
}
#contactLayer .close-contactLayer,
#contactLayer .close-onlineRating,
#contactLayer .close-guidebar,
#contactLayer .close-kursanmeldung,
#contactLayer .close-partner-sidebar,
#onlineRating .close-contactLayer,
#onlineRating .close-onlineRating,
#onlineRating .close-guidebar,
#onlineRating .close-kursanmeldung,
#onlineRating .close-partner-sidebar,
#guidebar .close-contactLayer,
#guidebar .close-onlineRating,
#guidebar .close-guidebar,
#guidebar .close-kursanmeldung,
#guidebar .close-partner-sidebar,
#kursanmeldung .close-contactLayer,
#kursanmeldung .close-onlineRating,
#kursanmeldung .close-guidebar,
#kursanmeldung .close-kursanmeldung,
#kursanmeldung .close-partner-sidebar,
#partner-sidebar .close-contactLayer,
#partner-sidebar .close-onlineRating,
#partner-sidebar .close-guidebar,
#partner-sidebar .close-kursanmeldung,
#partner-sidebar .close-partner-sidebar {
  position: absolute;
  top: clamp(45px, 3.125vw, 75px);
  right: clamp(45px, 3.125vw, 75px);
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
}
#contactLayer .close-contactLayer .top,
#contactLayer .close-contactLayer .bottom,
#contactLayer .close-onlineRating .top,
#contactLayer .close-onlineRating .bottom,
#contactLayer .close-guidebar .top,
#contactLayer .close-guidebar .bottom,
#contactLayer .close-kursanmeldung .top,
#contactLayer .close-kursanmeldung .bottom,
#contactLayer .close-partner-sidebar .top,
#contactLayer .close-partner-sidebar .bottom,
#onlineRating .close-contactLayer .top,
#onlineRating .close-contactLayer .bottom,
#onlineRating .close-onlineRating .top,
#onlineRating .close-onlineRating .bottom,
#onlineRating .close-guidebar .top,
#onlineRating .close-guidebar .bottom,
#onlineRating .close-kursanmeldung .top,
#onlineRating .close-kursanmeldung .bottom,
#onlineRating .close-partner-sidebar .top,
#onlineRating .close-partner-sidebar .bottom,
#guidebar .close-contactLayer .top,
#guidebar .close-contactLayer .bottom,
#guidebar .close-onlineRating .top,
#guidebar .close-onlineRating .bottom,
#guidebar .close-guidebar .top,
#guidebar .close-guidebar .bottom,
#guidebar .close-kursanmeldung .top,
#guidebar .close-kursanmeldung .bottom,
#guidebar .close-partner-sidebar .top,
#guidebar .close-partner-sidebar .bottom,
#kursanmeldung .close-contactLayer .top,
#kursanmeldung .close-contactLayer .bottom,
#kursanmeldung .close-onlineRating .top,
#kursanmeldung .close-onlineRating .bottom,
#kursanmeldung .close-guidebar .top,
#kursanmeldung .close-guidebar .bottom,
#kursanmeldung .close-kursanmeldung .top,
#kursanmeldung .close-kursanmeldung .bottom,
#kursanmeldung .close-partner-sidebar .top,
#kursanmeldung .close-partner-sidebar .bottom,
#partner-sidebar .close-contactLayer .top,
#partner-sidebar .close-contactLayer .bottom,
#partner-sidebar .close-onlineRating .top,
#partner-sidebar .close-onlineRating .bottom,
#partner-sidebar .close-guidebar .top,
#partner-sidebar .close-guidebar .bottom,
#partner-sidebar .close-kursanmeldung .top,
#partner-sidebar .close-kursanmeldung .bottom,
#partner-sidebar .close-partner-sidebar .top,
#partner-sidebar .close-partner-sidebar .bottom {
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  left: inherit;
  background-color: #88837E;
}
#contactLayer .close-contactLayer .top,
#contactLayer .close-onlineRating .top,
#contactLayer .close-guidebar .top,
#contactLayer .close-kursanmeldung .top,
#contactLayer .close-partner-sidebar .top,
#onlineRating .close-contactLayer .top,
#onlineRating .close-onlineRating .top,
#onlineRating .close-guidebar .top,
#onlineRating .close-kursanmeldung .top,
#onlineRating .close-partner-sidebar .top,
#guidebar .close-contactLayer .top,
#guidebar .close-onlineRating .top,
#guidebar .close-guidebar .top,
#guidebar .close-kursanmeldung .top,
#guidebar .close-partner-sidebar .top,
#kursanmeldung .close-contactLayer .top,
#kursanmeldung .close-onlineRating .top,
#kursanmeldung .close-guidebar .top,
#kursanmeldung .close-kursanmeldung .top,
#kursanmeldung .close-partner-sidebar .top,
#partner-sidebar .close-contactLayer .top,
#partner-sidebar .close-onlineRating .top,
#partner-sidebar .close-guidebar .top,
#partner-sidebar .close-kursanmeldung .top,
#partner-sidebar .close-partner-sidebar .top {
  top: 50%;
  transform: rotate(-45deg) translate(0, -50%);
}
#contactLayer .close-contactLayer .bottom,
#contactLayer .close-onlineRating .bottom,
#contactLayer .close-guidebar .bottom,
#contactLayer .close-kursanmeldung .bottom,
#contactLayer .close-partner-sidebar .bottom,
#onlineRating .close-contactLayer .bottom,
#onlineRating .close-onlineRating .bottom,
#onlineRating .close-guidebar .bottom,
#onlineRating .close-kursanmeldung .bottom,
#onlineRating .close-partner-sidebar .bottom,
#guidebar .close-contactLayer .bottom,
#guidebar .close-onlineRating .bottom,
#guidebar .close-guidebar .bottom,
#guidebar .close-kursanmeldung .bottom,
#guidebar .close-partner-sidebar .bottom,
#kursanmeldung .close-contactLayer .bottom,
#kursanmeldung .close-onlineRating .bottom,
#kursanmeldung .close-guidebar .bottom,
#kursanmeldung .close-kursanmeldung .bottom,
#kursanmeldung .close-partner-sidebar .bottom,
#partner-sidebar .close-contactLayer .bottom,
#partner-sidebar .close-onlineRating .bottom,
#partner-sidebar .close-guidebar .bottom,
#partner-sidebar .close-kursanmeldung .bottom,
#partner-sidebar .close-partner-sidebar .bottom {
  bottom: 50%;
  transform: rotate(225deg) translate(0, 50%);
}

.contactLayer-open,
.onlineRating-open,
.guidebar-open,
.kursanmeldung-open,
.partner-sidebar-open {
  transform: translateX(0) !important;
}

#kursanmeldung-underlay,
#partner-sidebar-underlay,
#contact-layer-underlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), visibility 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
  z-index: 3990;
}

#kursanmeldung-underlay.show-underlay,
#partner-sidebar-underlay.show-underlay,
#contact-layer-underlay.show-underlay {
  opacity: 1 !important;
  visibility: visible !important;
}

#kursanmeldung,
#partner-sidebar,
#contactLayer {
  z-index: 4000;
}

#partner-sidebar {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 30vw;
  min-width: 450px;
}
@media (max-width: 639px) {
  #partner-sidebar {
    width: 100%;
    min-width: 300px;
  }
}
#partner-sidebar .partner-sidebar-inner {
  width: 100%;
  max-height: 100%;
  margin-block: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  padding: 12.96vh 12% 5.55vh;
  color: #302723;
}
@media (max-width: 959px) {
  #partner-sidebar .partner-sidebar-inner {
    padding: 60px 40px;
  }
}
@media (max-width: 639px) {
  #partner-sidebar .partner-sidebar-inner {
    padding: 15vh 30px 60px;
  }
}
#partner-sidebar .partner-sidebar-inner .form {
  padding-top: 8%;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 959px) {
  .no-padding {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 639px) {
  .no-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.close-sidebar {
  cursor: pointer;
  font-family: minion-pro, serif;
  text-transform: uppercase;
  color: #DED8D0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1;
}

.color-2 .close-sidebar {
  color: #DED8D0;
}

.language-button {
  position: absolute;
  top: clamp(45px, 3.125vw, 75px);
  left: clamp(45px, 3.125vw, 75px);
  display: block;
}
.language-button .language-selector {
  display: flex;
  flex-wrap: wrap;
  transition: transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), opacity 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
}
.language-button .language-selector a {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
  color: #88837E;
  transition: color 0.35s cubic-bezier(0.75, 0, 0.25, 1);
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .language-button .language-selector a {
    font-size: clamp(15px, 15px + (0) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .language-button .language-selector a {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .language-button .language-selector a {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .language-button .language-selector a {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .language-button .language-selector a {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.language-button .language-selector a:hover {
  color: #F4F3F1 !important;
}
.language-button .language-selector a::after {
  content: "|";
  margin: 0 6px;
  color: rgba(244, 243, 241, 0.5);
}
.language-button .language-selector a:last-child::after {
  display: none;
}
.language-button .language-selector .uk-active {
  color: #88837E;
}
.language-button .show-nav-link {
  transform: translateY(0) !important;
  opacity: 1 !important;
}

.language-mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.language-mobile .language-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.language-mobile .language-selector a {
  line-height: 1;
  opacity: 0.5;
}
.language-mobile .language-selector .uk-active {
  opacity: 1;
}

.nav-color-light .language-button .language-selector a, .show-header .language-button .language-selector a {
  color: rgba(78, 69, 64, 0.5);
}
.nav-color-light .language-button .language-selector a:hover, .show-header .language-button .language-selector a:hover {
  color: #DED8D0 !important;
  text-decoration: none !important;
}
.nav-color-light .language-button .language-selector .uk-active, .show-header .language-button .language-selector .uk-active {
  color: #DED8D0;
}

.nav-scroll.nav-color-dark .language-button .language-selector a {
  color: rgba(48, 39, 35, 0.5);
}
.nav-scroll.nav-color-dark .language-button .language-selector a:hover {
  color: #DED8D0 !important;
  text-decoration: none !important;
}
.nav-scroll.nav-color-dark .language-button .language-selector .uk-active {
  color: #302723;
}

.language-switch {
  display: inline-block;
}
.language-switch .language-trigger {
  position: relative;
}
.language-switch .language-trigger .language-button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #F4F3F1;
  background-color: transparent;
  border: none;
  width: 76px;
  height: 35px;
  padding: 0 1rem;
  cursor: pointer;
  z-index: 1;
  top: inherit !important;
  left: inherit !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .language-switch .language-trigger .language-button {
    font-size: clamp(15px, 15px + (0) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .language-switch .language-trigger .language-button {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .language-switch .language-trigger .language-button {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .language-switch .language-trigger .language-button {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .language-switch .language-trigger .language-button {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
@media (max-width: 639px) {
  .language-switch .language-trigger .language-button {
    font-size: 10px;
    width: 60px;
    height: 35px;
    padding: 0 0.75rem;
  }
}
.language-switch .language-trigger .language-button .language-text {
  line-height: 1;
}
.language-switch .language-trigger .language-button .language-arrow, .language-switch .language-trigger .language-button svg.language-arrow {
  width: 8px;
  height: 8px;
  min-width: 8px;
  display: block;
  flex: 0 0 auto;
  opacity: 0.7;
  color: #F4F3F1;
  stroke: #F4F3F1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
@media (max-width: 639px) {
  .language-switch .language-trigger .language-button .language-arrow, .language-switch .language-trigger .language-button svg.language-arrow {
    width: 6px;
    height: 6px;
    min-width: 6px;
  }
}
.language-switch .language-trigger .language-button .language-arrow path, .language-switch .language-trigger .language-button svg.language-arrow path {
  stroke: #F4F3F1;
}
.language-switch .language-trigger .language-button:hover .language-arrow {
  opacity: 1;
}
.language-switch.uk-open .language-trigger .language-arrow {
  transform: rotate(180deg);
}
.language-switch .language-dropdown {
  min-width: auto;
  width: auto;
  padding: 0;
  background: #4E4540;
  border: none;
  border-radius: 0.5rem;
}
.language-switch .language-dropdown .uk-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.language-switch .language-dropdown .uk-nav li {
  margin: 0;
}
.language-switch .language-dropdown .uk-nav li a {
  display: block;
  padding: 0.5rem 1.25rem;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #F4F3F1;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.language-switch .language-dropdown .uk-nav li a:hover {
  color: #F4F3F1 !important;
}
.language-switch .language-dropdown .uk-nav li.uk-active a {
  color: #F4F3F1;
  font-weight: 600;
}

.no-opacity {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.ajax-content {
  min-height: 100vh;
  transition: opacity 0.3s ease-in-out;
}

#ajax-loader {
  width: 0;
  height: 100svh;
  transition: width 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: #fff;
  position: fixed;
  top: 0;
  left: clamp(100px, 7.825vw, 200px);
  z-index: 9999;
  pointer-events: none;
}
@media (max-width: 959px) {
  #ajax-loader {
    left: 0 !important;
  }
}

#ajax-loader.active {
  width: calc(100vw - clamp(100px, 7.825vw, 200px));
  left: clamp(100px, 7.825vw, 200px);
}
@media (max-width: 959px) {
  #ajax-loader.active {
    width: 100vw !important;
    left: 0 !important;
  }
}

#ajax-loader.hide {
  width: 0;
  left: 100vw;
  transition: width 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), left 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
}
@media (max-width: 959px) {
  #ajax-loader.hide {
    width: 0vw !important;
    left: 100vw !important;
  }
}

#main-container {
  transition: opacity 0.3s ease-in-out;
}

#main-container.is-loading {
  opacity: 0 !important;
  pointer-events: none;
}

#ajax-container {
  transition: opacity 0.3s ease-in-out;
}

#ajax-container.is-loading {
  opacity: 0 !important;
}

.spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  background-color: #ffffff;
  z-index: 9999;
  transition: transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
}
.spinner .loader {
  display: inline-block;
  color: #302723;
}
.spinner .loader img {
  width: 100%;
}
.spinner #spinner-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner #spinner-background .loader-logo {
  width: 100%;
  max-width: 21.26vw;
  min-width: 350px;
}
@media (max-width: 959px) {
  .spinner #spinner-background .loader-logo {
    max-width: 40vw;
    min-width: 250px;
  }
}
@media (max-width: 639px) {
  .spinner #spinner-background .loader-logo {
    max-width: 60vw;
    min-width: 150px;
  }
}
.spinner #spinner-background .loader-logo svg {
  width: 100%;
  height: 100%;
}

footer#footer {
  margin-top: auto;
}
footer#footer .footer-section {
  width: 100%;
  background-color: #4E4540;
  padding-top: clamp(75px, 4.68vw, 110px);
  padding-bottom: clamp(75px, 4.68vw, 110px);
}
@media (max-width: 959px) {
  footer#footer .footer-section {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
@media (max-width: 639px) {
  footer#footer .footer-section {
    padding-bottom: 80px;
  }
}
footer#footer .footer-section .footer-container .footer-widgets .align_center {
  text-align: center;
  margin: 0 auto;
  display: block;
  padding-bottom: 1rem;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner {
  color: #F4F3F1;
  width: 100%;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner a {
  color: #F4F3F1;
  text-decoration: none;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner a:hover {
  color: rgb(86.8862745098%, 85.6941176471%, 83.3098039216%) !important;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .size-m {
  letter-spacing: 0.01em;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1.75 !important;
}
@media (max-width: 959px) {
  footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items {
    font-size: 12px;
  }
}
@media (max-width: 639px) {
  footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items {
    font-size: 12px;
    justify-content: inherit;
    flex-wrap: wrap;
  }
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items .f-item {
  position: relative;
  padding-left: 0;
}
@media (max-width: 959px) {
  footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items .f-item {
    width: 50%;
  }
}
@media (max-width: 639px) {
  footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items .f-item:nth-child(odd) {
    width: 50%;
  }
}
@media (max-width: 639px) {
  footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner .footer-repeater-items .f-item:nth-child(even) {
    width: 50%;
  }
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner *:last-child {
  margin-bottom: 0;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner img, footer#footer .footer-section .footer-container .footer-widgets .footer-widget .footer-widget-inner svg {
  width: 32px;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .more-link::before, footer#footer .footer-section .footer-container .footer-widgets .footer-widget .more-link-reverse::before {
  background-color: rgba(244, 243, 241, 0.5);
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .language-button {
  margin-top: 0;
  margin: 0;
  top: inherit;
  left: inherit;
  position: relative;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .language-button .language-selector {
  opacity: 1;
  transform: translateY(0);
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .language-button .language-selector a {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: currentcolor;
  text-decoration: none;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .language-button .language-selector a:hover {
  color: #D2C2AE !important;
}
footer#footer .footer-section .footer-container .footer-widgets .footer-widget .language-button .language-selector .uk-active {
  color: #D2C2AE !important;
}
.social-icons {
  display: flex;
  gap: 0.5rem;
  align-self: flex-start;
}
.social-icons a.uk-icon-link {
  width: 1.8rem;
  height: 1.8rem;
  color: #F4F3F1;
  transform: scale(1);
  transition: color 0.35s cubic-bezier(0.75, 0, 0.25, 1), transform 0.35s cubic-bezier(0.75, 0, 0.25, 1);
}
@media (max-width: 959px) {
  .social-icons a.uk-icon-link {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 639px) {
  .social-icons a.uk-icon-link {
    width: 1rem;
    height: 1rem;
  }
}
.social-icons a.uk-icon-link:hover {
  color: #5D5857;
  transform: scale(1.1) !important;
}
.social-icons a.uk-icon-link svg {
  width: 100%;
  height: 100%;
}

.main-content-wrapper {
  position: relative;
  z-index: 1;
}

.divider {
  position: relative;
}
.divider .divider-wrapper {
  width: 70px;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .divider .divider-wrapper {
    width: 50px;
  }
}
@media (max-width: 639px) {
  .divider .divider-wrapper {
    width: 50px;
  }
}
.divider .divider-wrapper svg {
  width: 100%;
  height: auto;
}

.main-slider.uk-slideshow {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
@media (max-width: 959px) {
  .main-slider.uk-slideshow {
    height: calc(var(--vh, 1vh) * 100);
  }
}
@media (max-width: 639px) {
  .main-slider.uk-slideshow {
    height: calc(var(--vh, 1vh) * 100);
  }
}
.main-slider.uk-slideshow .uk-slideshow-items {
  height: 100%;
}
.main-slider.uk-slideshow .uk-slideshow-items .video-wrapper {
  width: 100%;
  height: 100%;
}
.main-slider.uk-slideshow .uk-slideshow-items img,
.main-slider.uk-slideshow .uk-slideshow-items video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.main-slider.uk-slideshow .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  background: linear-gradient(0deg, rgba(78, 69, 64, 0.6) 0%, rgba(78, 69, 64, 0) 40%, rgba(78, 69, 64, 0) 80%, rgba(78, 69, 64, 0.6) 100%);
  mix-blend-mode: multiply;
}

#verticalSlideshow .uk-slideshow-items > :not(.uk-active) {
  display: block;
  opacity: 1;
  z-index: -1;
}
#verticalSlideshow .uk-slideshow-items > .uk-active {
  z-index: 1;
}

.uk-slideshow .uk-slideshow-items li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.uk-slider .slider-image {
  width: 100%;
  height: 70vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 959px) {
  .uk-slider .slider-image {
    height: 40vh;
    height: 40svh;
    height: calc(var(--vh, 1vh) * 40);
  }
}
@media (max-width: 639px) {
  .uk-slider .slider-image {
    height: 50vh;
    height: 50svh;
    height: calc(var(--vh, 1vh) * 50);
  }
}

.header-caption {
  padding: 7.8125vw 0;
}
@media (max-width: 959px) {
  .header-caption {
    padding: 14.0625vw 0;
  }
}
@media (max-width: 639px) {
  .header-caption {
    padding: 16.6666666667vw 0;
  }
}
.header-caption .header-text p,
.header-caption .header-text h1,
.header-caption .header-text h2,
.header-caption .header-text h3,
.header-caption .header-text h4,
.header-caption .header-text h5,
.header-caption .header-text h6 {
  color: #F4F3F1;
}

.caption-wrapper .header-text {
  width: 100%;
}

.header-caption-all,
.header-caption {
  z-index: 1;
}
.header-caption-all img,
.header-caption-all svg,
.header-caption img,
.header-caption svg {
  width: 2.38vw;
  min-width: 35px;
  margin: 0 auto;
}

.header-caption-all {
  padding: 0;
  bottom: clamp(100px, 6.45vw, 150px);
  width: 100%;
  z-index: 1;
}
@media (max-width: 959px) {
  .header-caption-all {
    bottom: clamp(80px, 11vw, 100px);
  }
}
@media (max-width: 639px) {
  .header-caption-all {
    bottom: clamp(60px, 17vw, 80px);
  }
}
.header-caption-all *:last-child {
  margin-bottom: 0;
}

.uk-dotnav {
  margin-left: -9px;
}

.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(145, 127, 94, 0.5);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: none;
  transition: 0.2s ease-in-out;
  transition-property: background-color;
}

.uk-dotnav > .uk-active > * {
  background-color: #6F685B;
  border-color: transparent;
}

.uk-dotnav > * {
  flex: none;
  padding-left: 9px;
}

.uk-slidenav svg {
  width: 12px;
}

.slider-section .uk-slideshow .uk-slidenav {
  margin: 0;
  top: inherit;
  transform: translateY(0);
  bottom: -10px;
}

/* eingebaute Dotnav sicherheitshalber ausblenden, falls aktiv */
/* optional: etwas größere Klickflächen */
.tri-dotnav li a {
  width: 6px;
  height: 6px;
  border: none;
}

.custom-dotnav .uk-dotnav > * > * {
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
}

.dotnav-wrapper {
  height: 6px;
}
.dotnav-wrapper .uk-dotnav {
  flex-wrap: nowrap;
}

#verticalGsapSlider {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
#verticalGsapSlider .vs-dotnav {
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 10;
}
#verticalGsapSlider .vs-dotnav .dot {
  width: 26px;
  height: 1px;
  border-radius: 2px;
  cursor: pointer;
  padding: 8px 0;
}
#verticalGsapSlider .vs-dotnav .dot .dot-inner {
  width: 100%;
  height: 1px;
  height: 1px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.35);
  transition: background 0.3s;
}
#verticalGsapSlider .vs-dotnav .dot.active .dot-inner {
  background: #fff;
}
#verticalGsapSlider .slider-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}
#verticalGsapSlider .slider-wrapper .vs-slide {
  height: 100svh;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: z-index 0.3s;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner {
  width: 100%;
  height: 100%;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-image-wrapper {
  width: 100%;
  height: 100%;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-caption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-caption .uk-container {
  height: 100%;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-caption .uk-container .uk-grid {
  height: 100%;
  position: relative;
}
#verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-caption .uk-container .uk-grid .caption-wrapper {
  width: 80%;
}
@media (max-width: 959px) {
  #verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-caption .uk-container .uk-grid .caption-wrapper {
    width: 100%;
  }
}
@media (max-width: 639px) {
  #verticalGsapSlider .slider-wrapper .vs-slide .vs-inner .vs-caption .uk-container .uk-grid .caption-wrapper {
    width: 100%;
  }
}

.vs-caption a,
.text-wrapper a {
  pointer-events: auto;
  position: relative;
}

.instagram-section * + .uk-grid-margin, .instagram-section .uk-grid + .uk-grid, .instagram-section .uk-grid > .uk-grid-margin {
  margin-top: 0;
}
.instagram-section .carousel .uk-grid-margin {
  margin-top: 0;
}

.insta-type-icon {
  display: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
}

.instaSlider {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
}
.instaSlider .uk-slider-items {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
}
.instaSlider .uk-slider-items div[role=group] {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
}
.instaSlider .uk-slider-items img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: contain;
     object-fit: contain;
}

#instaModal .instaSlideshow {
  width: 80vw !important;
  height: 100%;
  aspect-ratio: 5/3;
}
@media (max-width: 959px) {
  #instaModal .instaSlideshow {
    width: 86vw !important;
  }
}
@media (max-width: 639px) {
  #instaModal .instaSlideshow {
    aspect-ratio: unset;
    width: calc(100vw - 80px) !important;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100 - 80px) !important;
  }
}
#instaModal .instaSlideshow .uk-slideshow-items {
  width: 100%;
  height: 100%;
  aspect-ratio: 5/3;
}
@media (max-width: 639px) {
  #instaModal .instaSlideshow .uk-slideshow-items {
    aspect-ratio: unset;
  }
}
#instaModal .instaSlideshow .uk-slideshow-items li {
  height: 100%;
  aspect-ratio: 5/3;
}
@media (max-width: 639px) {
  #instaModal .instaSlideshow .uk-slideshow-items li {
    aspect-ratio: unset;
  }
}
#instaModal .instaSlideshow .uk-slideshow-items li .uk-grid {
  height: 100%;
}
#instaModal .uk-icon {
  color: #a7af9d !important;
}
#instaModal .uk-modal-dialog {
  background-color: rgba(0, 0, 0, 0.75);
}
#instaModal .uk-modal-close-full {
  background-color: transparent;
}
#instaModal .instaSlideshow {
  width: 100%;
  height: auto;
}
#instaModal .instaText {
  background-color: #fff;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 959px) {
  #instaModal .instaText {
    font-size: 12px;
  }
}
#instaModal .instaMedia {
  background-color: #000;
  height: 100%;
}
@media (max-width: 639px) {
  #instaModal .instaMedia {
    height: 50%;
  }
}
#instaModal .instaMedia .instaMediaWrapper {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
}
#instaModal .instaMedia .instaMediaWrapper img, #instaModal .instaMedia .instaMediaWrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#instaModal .instaDescription {
  max-height: 100%;
  overflow-y: auto;
}
@media (max-width: 639px) {
  #instaModal .instaDescription {
    height: 50%;
    margin-top: 0;
  }
  #instaModal .instaDescription .instaText {
    overflow-y: auto;
  }
}

@media (max-width: 639px) {
  .uk-position-center-left-out.uk-position-small {
    margin-right: 5px;
  }
}

@media (max-width: 639px) {
  .uk-position-center-right-out.uk-position-small {
    margin-left: 5px;
  }
}

.employee-section .employees .employee-wrapper .image-wrapper {
  aspect-ratio: 1/1.2725;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image img {
  transform: scale(1.1);
  transition: transform 0.35s cubic-bezier(0.75, 0, 0.25, 1);
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .visible-part {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 8.58% 1.5rem;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .visible-part .name {
  margin-bottom: 1rem;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper {
  padding: 8.58%;
  background-color: #ffffff;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper .overlay-content {
  color: #4E4540;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper .overlay-content p {
  color: #4E4540;
  line-height: 1.43;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper .overlay-content a {
  position: relative;
  display: inline-table;
  color: #4E4540 !important;
  line-height: 1.64 !important;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper .overlay-content a::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #302723;
  transition: width 0.25s ease-in-out;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper .overlay-content a:hover {
  color: #302723 !important;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .employee-info .overlay-wrapper .overlay-content a:hover::after {
  width: 0;
}
.employee-section .employees .employee-wrapper .image-wrapper .main-image .show-info {
  transform: translateY(0) !important;
}
.employee-section .employees .employee-wrapper .image-wrapper .active-image img {
  transform: scale(1);
}
.employee-section .partner-design .employee-wrapper .image-wrapper .main-image img {
  filter: grayscale(100%);
}

.cv-table {
  width: 100%;
  border-collapse: collapse;
}
.cv-table th,
.cv-table td {
  text-align: left;
}

.show-overlay {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  align-self: flex-end;
  margin-top: -1rem;
  background-color: rgba(0, 0, 0, 0.00001);
  cursor: pointer;
}
.show-overlay .top,
.show-overlay .bottom {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 1px;
  opacity: 1;
  background-color: #F4F3F1;
  transition: opacity 0.35s ease-in-out;
}
.show-overlay .top {
  transform: rotate(0deg);
}
.show-overlay .bottom {
  transform: rotate(90deg);
}

.show-overlay.active .bottom {
  opacity: 0;
}

.info-underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0) 100%);
}

.FormBuilder form input,
.FormBuilder form .uk-input,
.FormBuilder form .uk-textarea,
.FormBuilder form select,
.FormBuilder form select:focus {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-size: 16px;
  letter-spacing: 0.04em;
  border: 0;
  border-bottom: 1px solid rgba(52, 49, 47, 0.5);
  padding: 0;
  transition: 0.25s ease-in-out;
  transition-property: color, background-color, border;
  font-size: 16px;
  font-weight: 200;
  color: #302723;
  border: none;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.FormBuilder form input::-moz-placeholder, .FormBuilder form .uk-input::-moz-placeholder, .FormBuilder form .uk-textarea::-moz-placeholder, .FormBuilder form select::-moz-placeholder, .FormBuilder form select:focus::-moz-placeholder {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #88837E;
  font-size: 16px;
  letter-spacing: 0.04em;
}
.FormBuilder form input::placeholder,
.FormBuilder form .uk-input::placeholder,
.FormBuilder form .uk-textarea::placeholder,
.FormBuilder form select::placeholder,
.FormBuilder form select:focus::placeholder {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #88837E;
  font-size: 16px;
  letter-spacing: 0.04em;
}
.FormBuilder form input[type=text],
.FormBuilder form input[type=email],
.FormBuilder form input[type=tel],
.FormBuilder form input[type=number],
.FormBuilder form input[type=date],
.FormBuilder form input[type=time],
.FormBuilder form input[type=search],
.FormBuilder form input[type=password],
.FormBuilder form input[type=url],
.FormBuilder form input[type=color],
.FormBuilder form input[type=range],
.FormBuilder form input[type=file],
.FormBuilder form select,
.FormBuilder form .uk-textarea {
  background-color: transparent;
  margin-bottom: 20px;
}
.FormBuilder form .uk-form-label {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: transparent;
  transition: color 0.25s ease-in-out;
}
.FormBuilder form .fb-label-visible .uk-form-label {
  color: #302723;
}
.FormBuilder form input[type=checkbox],
.FormBuilder form .uk-checkbox {
  font-family: "neue-haas-grotesk-display", sans-serif;
  border-radius: 50% !important;
  margin-top: -5px !important;
}
.FormBuilder form .uk-checkbox:checked,
.FormBuilder form .uk-checkbox:indeterminate,
.FormBuilder form .uk-radio:checked {
  font-family: "neue-haas-grotesk-display", sans-serif;
  background-color: transparent !important;
  border-color: #A09D9B !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23474747%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.FormBuilder form .uk-checkbox,
.FormBuilder form .uk-radio {
  font-family: "neue-haas-grotesk-display", sans-serif;
  border: 1px solid #A09D9B !important;
  color: #4E4540 !important;
  margin-right: 10px !important;
}
.FormBuilder form .InputfieldRadiosStacked label,
.FormBuilder form .InputfieldRadiosStacked .uk-label {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #4E4540 !important;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: clamp(12px, 12px + (0) * (100vw - 320px) / 320, 12px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: clamp(12px, 12px + (0) * (100vw - 640px) / 320, 12px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: 12px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: clamp(12px, 12px + (0) * (100vw - 1367px) / 553, 15.6px);
  }
}
@media (min-width: 1921px) {
  .FormBuilder form .InputfieldRadiosStacked label,
  .FormBuilder form .InputfieldRadiosStacked .uk-label {
    font-size: clamp(12px, 12px + (3.6) * (100vw - 1920px) / 1280, 15.6px);
  }
}
.FormBuilder form .pw-no-select {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  color: #302723 !important;
  font-size: 16px;
}
.FormBuilder form label,
.FormBuilder form .uk-label {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  font-size: 12px;
  margin-bottom: 0 !important;
}
.FormBuilder form button[type=submit] {
  position: relative;
  display: inline-block;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 450;
  text-transform: uppercase;
  color: #302723;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  background-color: transparent;
  padding: 0;
  letter-spacing: 0.1em;
  line-height: 2.2;
}
@media (max-width: 639px) {
  .FormBuilder form button[type=submit] {
    font-size: clamp(12px, 12px + (1) * (100vw - 320px) / 320, 13px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .FormBuilder form button[type=submit] {
    font-size: clamp(13px, 13px + (1) * (100vw - 640px) / 320, 14px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .FormBuilder form button[type=submit] {
    font-size: 14px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .FormBuilder form button[type=submit] {
    font-size: clamp(14px, 14px + (0) * (100vw - 1367px) / 553, 18.2px);
  }
}
@media (min-width: 1921px) {
  .FormBuilder form button[type=submit] {
    font-size: clamp(14px, 14px + (4.2) * (100vw - 1920px) / 1280, 18.2px);
  }
}
.FormBuilder form button[type=submit]::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.25em;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: rgba(48, 39, 35, 0.5);
  transition: width 0.35s ease-in-out;
}
.FormBuilder form button[type=submit]:hover {
  color: #302723 !important;
  text-decoration: none !important;
}
.FormBuilder form button[type=submit]:hover::before {
  background-color: rgba(48, 39, 35, 0.5);
  width: 0%;
}
.FormBuilder .InputfieldHeaderHidden {
  display: none !important;
}
.FormBuilder .Inputfield_betreff {
  display: none !important;
}
.FormBuilder #Inputfield_pflichtfelder legend.uk-legend {
  font-size: 12px;
  text-align: right;
}
.FormBuilder .Inputfields {
  --form-spalten-abstand: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--form-spalten-abstand) / -2);
  margin-right: calc(var(--form-spalten-abstand) / -2);
}
.FormBuilder .Inputfields > .Inputfield {
  width: 100%;
  padding-left: calc(var(--form-spalten-abstand) / 2);
  padding-right: calc(var(--form-spalten-abstand) / 2);
  box-sizing: border-box;
}
@media (max-width: 639px) {
  .FormBuilder .Inputfields > .Inputfield {
    width: 100% !important;
  }
}
.FormBuilder .uk-alert.uk-alert-success {
  background: transparent;
  color: #302723;
  padding-left: 0;
  padding-right: 0;
}
.FormBuilder .uk-alert.uk-alert-success .uk-alert-close {
  display: none;
}
.FormBuilder .InputfieldCheckboxes .uk-form-controls ul {
  padding-left: 0;
}
.FormBuilder .InputfieldCheckboxes .uk-form-controls ul li {
  list-style: none;
}
.FormBuilder .InputfieldCheckboxes > .uk-form-label,
.FormBuilder .InputfieldRadios > .uk-form-label {
  color: #302723;
}
.FormBuilder ul.InputfieldCheckboxesWidth {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 639px) {
  .FormBuilder ul.InputfieldCheckboxesWidth > li {
    width: 100% !important;
  }
}
.FormBuilder label[for=Inputfield_erfahrung_mit_extensions] {
  margin-bottom: 8px !important;
}

.services-section .services .service-wrapper {
  display: block;
  text-decoration: none;
  color: #302723;
}
.services-section .services .service-wrapper .service-image-wrapper {
  position: relative;
  aspect-ratio: 1/1.5;
  overflow: hidden;
}
@media (max-width: 959px) {
  .services-section .services .service-wrapper .service-image-wrapper {
    aspect-ratio: 1/1.3333;
  }
}
@media (max-width: 639px) {
  .services-section .services .service-wrapper .service-image-wrapper {
    aspect-ratio: 1.8/1;
  }
}
.services-section .services .service-wrapper .service-image-wrapper .service-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 639px) {
  .services-section .services .service-wrapper .service-content-wrapper h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 639px) {
  .services-section .services .service-wrapper .service-content-wrapper p {
    margin-bottom: 0px;
    max-width: calc(100% - 50px);
  }
}
@media (max-width: 639px) {
  .services-section .services .service-wrapper .service-content-wrapper .more-icon {
    position: absolute;
    right: 30px;
    bottom: 30px;
  }
}
.services-section .services .service-wrapper .overlay {
  position: absolute;
  inset: 0;
  background: #F4F3F1;
  background: linear-gradient(to bottom, rgba(244, 243, 241, 0) 55%, rgba(78, 69, 64, 0.8) 100%);
  mix-blend-mode: multiply;
}
@media (max-width: 959px) {
  .services-section .services .service-wrapper .overlay {
    background: linear-gradient(to bottom, rgba(244, 243, 241, 0) 40%, rgba(78, 69, 64, 0.8) 100%);
  }
}
@media (max-width: 639px) {
  .services-section .services .service-wrapper .overlay {
    background: linear-gradient(to bottom, rgba(244, 243, 241, 0) 30%, rgba(78, 69, 64, 0.8) 100%);
  }
}
.services-section [class*=uk-position-bottom], .services-section [class*=uk-position-center], .services-section [class*=uk-position-left], .services-section [class*=uk-position-right], .services-section [class*=uk-position-top] {
  position: absolute !important;
  max-width: inherit;
  padding: 40px 110px 60px 40px;
  box-sizing: border-box;
}
@media (max-width: 959px) {
  .services-section [class*=uk-position-bottom], .services-section [class*=uk-position-center], .services-section [class*=uk-position-left], .services-section [class*=uk-position-right], .services-section [class*=uk-position-top] {
    padding: 46px;
  }
}
@media (max-width: 639px) {
  .services-section [class*=uk-position-bottom], .services-section [class*=uk-position-center], .services-section [class*=uk-position-left], .services-section [class*=uk-position-right], .services-section [class*=uk-position-top] {
    padding: 30px;
  }
}

.home .services-section .services .service-wrapper .overlay {
  position: absolute;
  inset: 0;
  background: #F4F3F1;
  background: linear-gradient(to bottom, rgba(244, 243, 241, 0) 55%, rgba(78, 69, 64, 0.8) 100%), linear-gradient(to left, rgba(244, 243, 241, 0) 75%, rgba(78, 69, 64, 0.5) 100%);
  mix-blend-mode: multiply;
}
@media (max-width: 959px) {
  .home .services-section .services .service-wrapper .overlay {
    background: linear-gradient(to bottom, rgba(244, 243, 241, 0) 40%, rgba(78, 69, 64, 0.8) 100%);
  }
}
@media (max-width: 639px) {
  .home .services-section .services .service-wrapper .overlay {
    background: linear-gradient(to bottom, rgba(244, 243, 241, 0) 30%, rgba(78, 69, 64, 0.8) 100%);
  }
}
.home .services-section .services .service-wrapper .service-image-wrapper {
  aspect-ratio: 1/2.248;
}
@media (max-width: 959px) {
  .home .services-section .services .service-wrapper .service-image-wrapper {
    aspect-ratio: 1/1.3333;
  }
}
@media (max-width: 639px) {
  .home .services-section .services .service-wrapper .service-image-wrapper {
    aspect-ratio: 1.8/1;
  }
}

.colors-section .colors .uk-grid-small > *, .colors-section .colors .uk-grid-column-small > * {
  padding-left: 16px;
}
@media (max-width: 959px) {
  .colors-section .colors .uk-grid-small > *, .colors-section .colors .uk-grid-column-small > * {
    padding-left: 12px;
  }
}
@media (max-width: 639px) {
  .colors-section .colors .uk-grid-small > *, .colors-section .colors .uk-grid-column-small > * {
    padding-left: 6px;
  }
}
.colors-section .colors .uk-grid + .uk-grid, .colors-section .colors .uk-grid > .uk-grid-margin, .colors-section .colors * + .uk-grid-margin {
  margin-top: 16px;
}
@media (max-width: 959px) {
  .colors-section .colors .uk-grid + .uk-grid, .colors-section .colors .uk-grid > .uk-grid-margin, .colors-section .colors * + .uk-grid-margin {
    margin-top: 12px;
  }
}
@media (max-width: 639px) {
  .colors-section .colors .uk-grid + .uk-grid, .colors-section .colors .uk-grid > .uk-grid-margin, .colors-section .colors * + .uk-grid-margin {
    margin-top: 6px;
  }
}
.colors-section .colors .color-page-tile {
  text-decoration: none;
  color: inherit;
}
.colors-section .colors .color-page-tile__media {
  width: 100%;
  margin-inline: auto;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.colors-section .colors .color-page-tile__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.colors-section .colors .color-page-tile__overlay {
  right: 0;
  left: 0;
  max-width: none;
  width: 100%;
  padding: 0.5rem 0.6rem 0.45rem;
  box-sizing: border-box;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.35) 55%, transparent 100%);
}
@media (max-width: 639px) {
  .colors-section .colors .color-page-tile__overlay {
    height: 100%;
    padding: 10px;
  }
}
.colors-section .colors .color-page-tile__caption {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 20px;
}
@media (max-width: 639px) {
  .colors-section .colors .color-page-tile__caption {
    height: 100%;
    flex-direction: column;
    gap: inherit;
    align-items: inherit;
    justify-content: space-between;
  }
}
.colors-section .colors .color-page-tile__number {
  font-family: "neue-haas-grotesk-display", sans-serif;
  flex-shrink: 0;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .colors-section .colors .color-page-tile__number {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .colors-section .colors .color-page-tile__number {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .colors-section .colors .color-page-tile__number {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .colors-section .colors .color-page-tile__number {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .colors-section .colors .color-page-tile__number {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.colors-section .colors .color-page-tile__label {
  flex: 1 1 auto;
  min-width: 0;
  letter-spacing: 0.04em !important;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .colors-section .colors .color-page-tile__label {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .colors-section .colors .color-page-tile__label {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .colors-section .colors .color-page-tile__label {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .colors-section .colors .color-page-tile__label {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .colors-section .colors .color-page-tile__label {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
@media (max-width: 639px) {
  .colors-section .colors .color-page-tile__label {
    flex: 0 0;
  }
}
.colors-section .colors .color-page-tile__label p {
  margin: 0;
}
.colors-section .colors .color-page-tile__label p + p {
  margin-top: 0.35em;
}
.colors-section [class*=uk-position-bottom].color-page-tile__overlay {
  position: absolute !important;
}

@media (max-width: 639px) {
  .shop-section .uk-grid-margin,
  .shop-section .uk-grid + .uk-grid,
  .shop-section .uk-grid > .uk-grid-margin,
  .products-section .uk-grid-margin,
  .products-section .uk-grid + .uk-grid,
  .products-section .uk-grid > .uk-grid-margin {
    margin-top: 20px;
  }
}
.shop-section .products .product,
.products-section .products .product {
  text-decoration: none;
}
.shop-section .products .product:hover .product-image-wrapper img,
.products-section .products .product:hover .product-image-wrapper img {
  transform: scale(1.05);
}
.shop-section .products .product .product-image-wrapper,
.products-section .products .product .product-image-wrapper {
  aspect-ratio: 1/1.5;
  margin-bottom: 1em;
  overflow: hidden;
}
.shop-section .products .product .product-image-wrapper img,
.products-section .products .product .product-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.35s ease-in-out;
}
.shop-section .products .product .product-info-wrapper,
.products-section .products .product .product-info-wrapper {
  text-align: center;
}
.shop-section .products .product .product-name,
.products-section .products .product .product-name {
  font-family: minion-pro, serif;
  font-weight: 300;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 8px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .shop-section .products .product .product-name,
  .products-section .products .product .product-name {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .shop-section .products .product .product-name,
  .products-section .products .product .product-name {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .shop-section .products .product .product-name,
  .products-section .products .product .product-name {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .shop-section .products .product .product-name,
  .products-section .products .product .product-name {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .shop-section .products .product .product-name,
  .products-section .products .product .product-name {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
@media (max-width: 959px) {
  .shop-section .products .product .product-name,
  .products-section .products .product .product-name {
    margin-bottom: 6px;
  }
}
.shop-section .products .product .product-price,
.products-section .products .product .product-price {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .shop-section .products .product .product-price,
  .products-section .products .product .product-price {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .shop-section .products .product .product-price,
  .products-section .products .product .product-price {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .shop-section .products .product .product-price,
  .products-section .products .product .product-price {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .shop-section .products .product .product-price,
  .products-section .products .product .product-price {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .shop-section .products .product .product-price,
  .products-section .products .product .product-price {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}

.buy-button {
  padding-top: 1.3em;
}
@media (max-width: 639px) {
  .buy-button {
    padding-top: 1em;
  }
}

.buy-button[type=submit] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  line-height: 1;
}

.disabled-button[type=submit] {
  background-color: transparent;
  border: none;
  cursor: not-allowed;
  line-height: 1;
  color: #D9D9D9;
}
.disabled-button[type=submit]:hover {
  color: #D9D9D9 !important;
}
.disabled-button[type=submit]:hover::before {
  transform: scale(1) translate(-50%, -50%);
  border-color: #D9D9D9;
}

.product-detail-page {
  margin-top: 100px;
}
.product-detail-page .product-detail-page-content {
  display: flex;
  flex-wrap: wrap;
  height: calc(100svh - 100px);
  overflow: hidden;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content {
    height: calc(100svh - 100px);
    height: auto;
  }
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content {
    height: auto;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-left {
  width: 50%;
  height: 100%;
  overflow-y: auto;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-left {
    height: 100%;
    height: auto;
    width: 100%;
    order: 2;
  }
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-left {
    width: 100%;
    height: auto;
    order: 2;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-left .product-detail-page-content-left-image {
  width: 100%;
  height: 100%;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-left .product-detail-page-content-left-image {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-left .product-detail-page-content-left-image img {
  width: 100%;
  height: calc(100svh - 100px);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-left .product-detail-page-content-left-image img {
    width: 50%;
    height: auto;
  }
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-left .product-detail-page-content-left-image img {
    width: 100%;
    height: auto;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right {
    height: auto;
    width: 100%;
    order: 1;
  }
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right {
    width: 100%;
    height: auto;
    order: 1;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos {
  width: 100%;
  max-width: 400px;
  max-width: clamp(350px, 21vw, 800px);
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos {
    padding-top: 10.4166666667vw;
    padding-bottom: 10.4166666667vw;
  }
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos {
    padding-top: 20.5128205128vw;
    padding-bottom: 20.5128205128vw;
    max-width: 80%;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-category {
  font-family: minion-pro, serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-category {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-category {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-category {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-category {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-category {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-title {
  font-family: "optima-nova-lt-pro", sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-title {
    font-size: calc(50 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-title {
    font-size: calc(48 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-title {
    font-size: calc(44 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-title {
    font-size: calc(34 / 390 * 100vw);
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-price {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-price {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-price {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-price {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-price {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-price {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-detail-description {
  margin-top: 40px;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section {
  display: flex;
  gap: 10px;
  margin-top: 50px;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section input {
  width: 100%;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .buy-button, .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .more-button {
  margin: 0;
  width: 69%;
  border: none;
  line-height: 1.25 !important;
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .buy-button, .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .more-button {
    width: 66%;
    white-space: nowrap;
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .disabled-button {
  border: none;
  cursor: not-allowed;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .disabled-button::before {
  border-color: rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .disabled-button:hover {
  color: #F4F3F1 !important;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .disabled-button:hover::before {
  transform: scale(1) translate(-50%, -50%);
  border-color: rgba(0, 0, 0, 0.5) !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper {
  display: flex;
  align-items: center;
  max-width: 120px;
  border: 1px solid #D9D9D9;
  width: calc(31% - 10px);
}
@media (max-width: 959px) {
  .product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper {
    width: calc(34% - 10px);
  }
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper .quantity-btn {
  width: 32px;
  height: 32px;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
  color: #302723;
  font-size: 20px;
  font-weight: 200;
  font-family: "neue-haas-grotesk-display", sans-serif;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper .quantity-input {
  width: 40px;
  text-align: center;
  border: none;
  margin: 0 4px;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  padding: 0.8em 0;
  line-height: 1;
  font-size: 0.8em;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper {
  /* Für Chrome, Safari, Edge, Opera */
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper .quantity-input::-webkit-outer-spin-button,
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper .quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper {
  /* Für Firefox */
}
.product-detail-page .product-detail-page-content .product-detail-page-content-right .product-detail-infos .product-buy-section .quantity-wrapper .quantity-input[type=number] {
  -moz-appearance: textfield;
}

#cart-button,
#cart-button-mobile {
  position: relative;
  cursor: pointer;
  color: #F4F3F1;
  transition: color 0.35s ease-in-out;
}
#cart-button .cart-count,
#cart-button-mobile .cart-count {
  position: relative;
  display: inline-block;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  font-size: 14px;
  margin-left: 2px;
  line-height: 1;
  vertical-align: top;
}

@media (max-width: 639px) {
  #cart-button {
    display: none;
  }
}

.nav-scroll #cart-button,
.nav-scroll #cart-button-mobile {
  color: #302723;
}

.cart-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1), visibility 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
  z-index: 999;
}

#cart-sidebar {
  width: 450px;
  height: 100svh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  padding: 40px 20px;
  transform: translateX(100%);
  transition: transform 1.2s linear(0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1);
}
@media (max-width: 639px) {
  #cart-sidebar {
    width: 100%;
    height: 100svh;
  }
}
#cart-sidebar #cart {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#cart-sidebar #cart #rockcommerce {
  height: 100%;
}
#cart-sidebar #cart .cart-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#cart-sidebar #cart .cart-content .cart-footer {
  margin-top: auto;
}
#cart-sidebar #cart .cart-content .uk-close-large {
  position: absolute;
  top: 20px;
  right: 20px;
}
#cart-sidebar #cart .cart-content .uk-close-large svg {
  width: 30px;
  height: 30px;
}
#cart-sidebar #cart .cart-content .uk-close-large svg line {
  stroke-width: 0.5;
}
#cart-sidebar #cart .cart-content .cart-title {
  margin-bottom: 30px;
}
#cart-sidebar #cart .cart-content .cart-title p {
  font-family: "optima-nova-lt-pro", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  #cart-sidebar #cart .cart-content .cart-title p {
    font-size: calc(50 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #cart-sidebar #cart .cart-content .cart-title p {
    font-size: calc(48 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #cart-sidebar #cart .cart-content .cart-title p {
    font-size: calc(44 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  #cart-sidebar #cart .cart-content .cart-title p {
    font-size: calc(34 / 390 * 100vw);
  }
}
#cart-sidebar #cart .cart-content .cart-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#cart-sidebar #cart .cart-content .cart-items .item-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
#cart-sidebar #cart .cart-content .cart-items .item-wrapper .product-image {
  width: 60px;
  height: 60px;
}
#cart-sidebar #cart .cart-content .cart-items .item-wrapper .product-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#cart-sidebar #cart .cart-content .cart-items .item-wrapper .product-info {
  width: calc(100% - 60px - 20px - 20px);
}
#cart-sidebar #cart .cart-content .cart-items .item-wrapper .product-remove {
  width: 20px;
  text-align: right;
}
#cart-sidebar #cart .cart-content .cart-items .item-wrapper:not(:first-of-type) {
  margin-top: 20px;
}
#cart-sidebar #cart .cart-content .cart-items .product-name {
  font-family: minion-pro, serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 8px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #cart-sidebar #cart .cart-content .cart-items .product-name {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #cart-sidebar #cart .cart-content .cart-items .product-name {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #cart-sidebar #cart .cart-content .cart-items .product-name {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #cart-sidebar #cart .cart-content .cart-items .product-name {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  #cart-sidebar #cart .cart-content .cart-items .product-name {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
@media (max-width: 959px) {
  #cart-sidebar #cart .cart-content .cart-items .product-name {
    margin-bottom: 6px;
  }
}
#cart-sidebar #cart .cart-content .cart-items .product-amount {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  font-family: "neue-haas-grotesk-display", sans-serif;
  height: 1rem;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #cart-sidebar #cart .cart-content .cart-items .product-amount {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #cart-sidebar #cart .cart-content .cart-items .product-amount {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #cart-sidebar #cart .cart-content .cart-items .product-amount {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #cart-sidebar #cart .cart-content .cart-items .product-amount {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  #cart-sidebar #cart .cart-content .cart-items .product-amount {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
#cart-sidebar #cart .cart-content .cart-items .product-amount .quantity-wrapper {
  display: flex;
  gap: 5px;
  border: 1px solid #D9D9D9;
  padding: 0 5px;
}
#cart-sidebar #cart .cart-content .cart-items .product-amount .quantity-wrapper .quantity-btn {
  width: 20px;
  height: 20px;
  border: none;
  background: none;
  cursor: pointer;
}
#cart-sidebar #cart .cart-content .cart-items .product-price {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #cart-sidebar #cart .cart-content .cart-items .product-price {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #cart-sidebar #cart .cart-content .cart-items .product-price {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #cart-sidebar #cart .cart-content .cart-items .product-price {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #cart-sidebar #cart .cart-content .cart-items .product-price {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  #cart-sidebar #cart .cart-content .cart-items .product-price {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
#cart-sidebar #cart .cart-footer {
  margin-top: 30px;
}
#cart-sidebar #cart .cart-footer hr {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
}
#cart-sidebar #cart .cart-footer .subtotal {
  display: flex;
  justify-content: space-between;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  #cart-sidebar #cart .cart-footer .subtotal {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  #cart-sidebar #cart .cart-footer .subtotal {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  #cart-sidebar #cart .cart-footer .subtotal {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  #cart-sidebar #cart .cart-footer .subtotal {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  #cart-sidebar #cart .cart-footer .subtotal {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
#cart-sidebar #cart .cart-footer .buy-button[type=submit] {
  width: 100%;
  display: block;
}

.show-cart {
  transform: translateX(0) !important;
}

.reviews-section .uk-slider {
  max-width: 650px;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .reviews-section .uk-slider {
    max-width: inherit;
  }
}
@media (max-width: 639px) {
  .reviews-section .uk-slider {
    max-width: calc(100% - 40px);
  }
}
.reviews-section .review-rating {
  display: flex;
  justify-content: center;
  gap: 5px;
  font-size: 14px;
  color: #302723;
  margin-bottom: clamp(20px, 5vw, 40px);
}
.reviews-section .review-author {
  text-align: center;
  font-family: minion-pro, serif;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #302723;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .reviews-section .review-author {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .reviews-section .review-author {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .reviews-section .review-author {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .reviews-section .review-author {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .reviews-section .review-author {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.reviews-section .review-text {
  text-align: center;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 300;
  color: #302723;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .reviews-section .review-text {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .reviews-section .review-text {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .reviews-section .review-text {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .reviews-section .review-text {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .reviews-section .review-text {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.reviews-section .review-text *:last-child {
  margin-bottom: 0;
}
.reviews-section .uk-card {
  margin: 0 auto;
  padding: 0 20px;
  box-shadow: none;
  background-color: transparent;
}
@media (max-width: 639px) {
  .reviews-section .uk-card {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.fullscreen-slider {
  width: 100%;
  height: 100vh;
}
@media (max-width: 959px) {
  .fullscreen-slider {
    height: 100%;
  }
}

.slider-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8029586835) 0%, rgba(0, 0, 0, 0) 15%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.slider-overlay-vertical {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8029586835) 0%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0.800157563) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.silent-slider {
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  position: relative;
  z-index: 0;
}
.silent-slider .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.15) 45%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.38) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);
}
.silent-slider .header-caption {
  z-index: 15;
}
.silent-slider .header-caption-all {
  z-index: 15;
}

.silent-slider .silent-slide {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.silent-slider .silent-slide img {
  overflow: hidden;
  display: block;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center;
}

@keyframes silentSlideSlideNext {
  from {
    clip: rect(0, 0, 100vh, 0); /* Works in most browsers but is deprecated */
    /*clip-path: inset(0 100% 0 0); !* Better solution but does not work in Safari *!*/
  }
  to {
    clip: rect(0, 100vw, 100vh, 0); /* Works in most browsers but is deprecated */
    /*clip-path: inset(0 0 0 0); !* Better solution but does not work in Safari *!*/
  }
}
@keyframes silentSlideSlidePrev {
  from {
    clip: rect(0, 100vw, 100vh, 100vw); /* Works in most browsers but is deprecated */
    /*clip-path: inset(0 0 0 100%); !* Better solution but does not work in Safari *!*/
  }
  to {
    clip: rect(0, 100vw, 100vh, 0); /* Works in most browsers but is deprecated */
    /*clip-path: inset(0 0 0 0); !* Better solution but does not work in Safari *!*/
  }
}
@keyframes silentSlideScale {
  from {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}
.silent-slider .silent-slide-active {
  width: 100%;
  z-index: 10;
  left: 0;
  clip: rect(0, 100vw, 100vh, 0); /* Initial state is required for Safari */
  animation: silentSlideSlideNext 400ms ease-in;
}

.silent-slider .silent-slide-active.silent-slide-active-rwd {
  animation: silentSlideSlidePrev 400ms ease-in;
}

.silent-slider .silent-slide-active img {
  animation: silentSlideScale 700ms ease-out;
}

.silent-slider .silent-slide-prev {
  width: 100%;
  z-index: 5;
  left: 0;
}

.desktop-slider {
  display: block;
}

.animate {
  transition: transform 0.3s ease-out;
}

.ms-touch.slider {
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  /* Hides the scrollbar. */
  -ms-scroll-chaining: none;
  /* Prevents Metro from swiping to the next tab or app. */
  -ms-scroll-snap-type: mandatory;
  /* Forces a snap scroll behavior on your images. */
  -ms-scroll-snap-points-x: snapInterval(0%, 100%);
  /* Defines the y and x intervals to snap to when scrolling. */
}

.silent-slides .swiper-link {
  display: inherit;
}

.silent-slides .swiper-link picture source {
  height: 100%;
  display: block;
}

.navigation-dots {
  position: absolute;
  left: 66.6666%;
  bottom: 20px;
  z-index: 99;
  width: 100%;
}
.navigation-dots .dots {
  width: 100%;
}
.navigation-dots .dots li {
  display: inline-block;
  width: 6px;
  height: 6px;
}
.navigation-dots .dots li a {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 8px;
  border: 1px solid #fff;
}

.animation-item:first-child {
  margin-bottom: 20px;
}

.animation-item {
  opacity: 0;
  display: block;
  transform: translateY(20px);
  transition: all 1s cubic-bezier(0.49, 0.19, 0.32, 1.06);
}

.animation-done {
  opacity: 1 !important;
  transform: translateY(0px) !important;
  margin-top: 0 !important;
}

.history-slider {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.history-slider .swiper-pagination-bullet-active {
  background: #D0081D;
}
.history-slider .swiper-horizontal > .swiper-pagination-bullets, .history-slider .swiper-pagination-bullets.swiper-pagination-horizontal, .history-slider .swiper-pagination-custom, .history-slider .swiper-pagination-fraction {
  bottom: inherit;
  top: 0;
}
.history-slider .swiper-wrapper .swiper-slide {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 40px;
  box-sizing: border-box;
}
.history-slider .swiper-wrapper .swiper-slide .slide-content {
  width: 50%;
  margin-right: 25%;
}
.history-slider .button-next {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  z-index: 1;
}
.history-slider .button-prev {
  display: block;
  position: absolute;
  cursor: pointer;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  z-index: 1;
}

.pseudo-background-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.faq-page h2.size-l,
.faq-page h3.size-l,
.faq-page h4.size-l,
.faq-page h5.size-l,
.faq-page h6.size-l {
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .faq-page h2.size-l,
  .faq-page h3.size-l,
  .faq-page h4.size-l,
  .faq-page h5.size-l,
  .faq-page h6.size-l {
    font-size: clamp(17px, 17px + (3) * (100vw - 320px) / 320, 20px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .faq-page h2.size-l,
  .faq-page h3.size-l,
  .faq-page h4.size-l,
  .faq-page h5.size-l,
  .faq-page h6.size-l {
    font-size: clamp(20px, 20px + (2) * (100vw - 640px) / 320, 22px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .faq-page h2.size-l,
  .faq-page h3.size-l,
  .faq-page h4.size-l,
  .faq-page h5.size-l,
  .faq-page h6.size-l {
    font-size: 22px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .faq-page h2.size-l,
  .faq-page h3.size-l,
  .faq-page h4.size-l,
  .faq-page h5.size-l,
  .faq-page h6.size-l {
    font-size: clamp(22px, 22px + (0) * (100vw - 1367px) / 553, 28.6px);
  }
}
@media (min-width: 1921px) {
  .faq-page h2.size-l,
  .faq-page h3.size-l,
  .faq-page h4.size-l,
  .faq-page h5.size-l,
  .faq-page h6.size-l {
    font-size: clamp(22px, 22px + (6.6) * (100vw - 1920px) / 1280, 28.6px);
  }
}
.faq-page h1,
.faq-page h2,
.faq-page h3,
.faq-page h4,
.faq-page h5,
.faq-page h6 {
  margin-bottom: 1em;
}
.faq-page h2 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.5em;
}
.faq-page h2.serif {
  letter-spacing: -0.04em !important;
  font-family: "optima-nova-lt-pro", sans-serif;
  letter-spacing: normal;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .faq-page h2.serif {
    font-size: clamp(17px, 17px + (3) * (100vw - 320px) / 320, 20px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .faq-page h2.serif {
    font-size: clamp(20px, 20px + (2) * (100vw - 640px) / 320, 22px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .faq-page h2.serif {
    font-size: 22px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .faq-page h2.serif {
    font-size: clamp(22px, 22px + (0) * (100vw - 1367px) / 553, 28.6px);
  }
}
@media (min-width: 1921px) {
  .faq-page h2.serif {
    font-size: clamp(22px, 22px + (6.6) * (100vw - 1920px) / 1280, 28.6px);
  }
}
.faq-page h3 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.25em;
}
.faq-page h4 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.15em;
}
.faq-page h5 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1.05em;
}
.faq-page h6 {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 200;
  letter-spacing: 0.04em !important;
  font-size: 1em;
}
.faq-page .filler {
  height: 2em;
}
.faq-page strong {
  font-weight: 400;
}
.faq-page h1 + h2.size-l {
  letter-spacing: -0.03em;
  line-height: 1.03;
}
@media (min-width: 1367px) {
  .faq-page h1 + h2.size-l {
    font-size: calc(50 / 1920 * 100vw);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .faq-page h1 + h2.size-l {
    font-size: calc(48 / 1366 * 100vw);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .faq-page h1 + h2.size-l {
    font-size: calc(44 / 768 * 100vw);
  }
}
@media (max-width: 639px) {
  .faq-page h1 + h2.size-l {
    font-size: calc(34 / 390 * 100vw);
  }
}
.faq-page p:has(+ ul) {
  margin-top: 1.2rem;
}
.faq-page h1 + p,
.faq-page h2 + p,
.faq-page h3 + p,
.faq-page h4 + p,
.faq-page h5 + p,
.faq-page h6 + p {
  margin-top: 0.8rem;
}
.faq-page .more-button:not(.blog-nav-link) {
  margin-top: 3em;
}
.faq-page .uk-width-1-1:first-of-type .single-text-section .text-wrapper {
  margin: 0 auto;
  max-width: 70%;
}
@media (max-width: 959px) {
  .faq-page .uk-width-1-1:first-of-type .single-text-section .text-wrapper {
    max-width: 80%;
  }
}
@media (max-width: 639px) {
  .faq-page .uk-width-1-1:first-of-type .single-text-section .text-wrapper {
    max-width: 90%;
  }
}
.faq-page table.uk-table tr td:first-of-type {
  padding-left: 0 !important;
}
.faq-page table.uk-table tr td:last-of-type {
  padding-right: 0 !important;
}

.faq-list {
  list-style: none;
  padding-left: 0;
  margin-top: 1rem;
}
.faq-list li {
  padding-bottom: 0.35em;
  position: relative;
  border: none;
  border-bottom: 1px solid #4E4540;
}
.faq-list li a.faq-link {
  text-decoration: none;
  color: #5D5857;
  font-weight: 200;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
}
.faq-list li a.faq-link img {
  width: 20px;
  height: 20px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.faq-list li a.faq-link:hover {
  text-decoration: none;
  color: #302723;
}
.faq-list li a.faq-link:hover img {
  opacity: 1;
}
.faq-list li:last-of-type {
  border-bottom: none;
}

.testimonials-section .uk-card {
  background-color: transparent;
  box-shadow: none;
}
.testimonials-section .uk-card .uk-card-body {
  text-align: center;
  color: #302723;
  padding: 0 30px;
}
@media (max-width: 959px) {
  .testimonials-section .uk-card .uk-card-body {
    padding-left: 0;
    padding-right: 0;
  }
}
.testimonials-section .uk-slider-container-offset {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.testimonials-section .uk-slider-nav {
  margin-top: 3.6458333333vw !important;
}
@media (max-width: 959px) {
  .testimonials-section .uk-slider-nav {
    margin-top: 6.5104166667vw !important;
  }
}
@media (max-width: 639px) {
  .testimonials-section .uk-slider-nav {
    margin-top: 7.6923076923vw !important;
  }
}

@media (max-width: 639px) {
  .filler-hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .filler-hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1366px) {
  .filler-hidden-desktop-small {
    display: none !important;
  }
}

@media (min-width: 1366px) {
  .filler-hidden-desktop {
    display: none !important;
  }
}

.filler-height-small {
  height: 20px;
}
@media (max-width: 959px) {
  .filler-height-small {
    height: 20px;
  }
}
@media (max-width: 639px) {
  .filler-height-small {
    height: 10px;
  }
}

.filler-height-medium {
  height: clamp(40px, 2.6vw, 60px);
}
@media (max-width: 959px) {
  .filler-height-medium {
    height: 60px;
  }
}
@media (max-width: 639px) {
  .filler-height-medium {
    height: 40px;
  }
}

.filler-height-large {
  height: 100px;
}
@media (max-width: 959px) {
  .filler-height-large {
    height: 120px;
  }
}
@media (max-width: 639px) {
  .filler-height-large {
    height: 30px;
  }
}

@media (max-width: 639px) {
  [class*=filler-height] {
    margin-top: 0 !important;
  }
}

.beforeafter-section .beforeafter-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.beforeafter-section .beforeafter-item .before-image {
  width: 50%;
}
.beforeafter-section .beforeafter-item .before-image .img-wrapper {
  width: 100%;
  aspect-ratio: 1/1.373;
}
.beforeafter-section .beforeafter-item .before-image .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.beforeafter-section .beforeafter-item .after-image {
  width: 50%;
}
.beforeafter-section .beforeafter-item .after-image .img-wrapper {
  width: 100%;
  aspect-ratio: 1/1.373;
}
.beforeafter-section .beforeafter-item .after-image .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.beforeafter-section .beforeafter-item figcaption {
  font-family: "neue-haas-grotesk-display", sans-serif;
  margin-top: 1rem;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .beforeafter-section .beforeafter-item figcaption {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .beforeafter-section .beforeafter-item figcaption {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .beforeafter-section .beforeafter-item figcaption {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .beforeafter-section .beforeafter-item figcaption {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .beforeafter-section .beforeafter-item figcaption {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
@media (max-width: 959px) {
  .beforeafter-section .beforeafter-item figcaption {
    margin-top: 10px;
  }
}
@media (max-width: 639px) {
  .beforeafter-section .beforeafter-item figcaption {
    margin-top: 10px;
  }
}

.salonfinder-section {
  width: 100%;
}

.salonfinder {
  display: flex;
  flex-direction: column;
  gap: 6.25vw;
}

/* ------ Filter ------ */
.salonfinder__filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1rem;
  align-items: end;
}
.salonfinder__filters label {
  display: block;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__filters label {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__filters label {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__filters label {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__filters label {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__filters label {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__filters label {
  margin-bottom: 0.35rem;
  color: #302723;
}
.salonfinder__filters input[type=text],
.salonfinder__filters select {
  width: 100%;
  padding: 0.6rem 1.2rem;
  background: #F4F3F1;
  border: 1px solid rgba(78, 69, 64, 0.15);
  color: #302723;
  font-family: "neue-haas-grotesk-display", sans-serif;
  border-radius: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__filters input[type=text],
  .salonfinder__filters select {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__filters input[type=text],
  .salonfinder__filters select {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__filters input[type=text],
  .salonfinder__filters select {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__filters input[type=text],
  .salonfinder__filters select {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__filters input[type=text],
  .salonfinder__filters select {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__filters input[type=text]:focus,
.salonfinder__filters select:focus {
  outline: none;
  border-color: #4E4540;
}
.salonfinder__filters input[type=text] {
  background-color: hsl(40, 12%, 105.0980392157%);
}
.salonfinder__filters select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  /* 12px = Abstand vom rechten Rand */
  background-size: 16px;
  padding-right: 36px;
  /* muss > Abstand + Icon-Breite sein */
}

.salonfinder__filter--search {
  position: relative;
}

.salonfinder__search-wrap {
  position: relative;
}

.salonfinder__suggestions {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #F4F3F1;
  border: 1px solid rgba(78, 69, 64, 0.2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  max-height: 240px;
  overflow-y: auto;
}
.salonfinder__suggestions[hidden] {
  display: none;
}

.salonfinder__suggestion {
  padding: 0.65rem 0.75rem;
  cursor: pointer;
  color: #302723;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__suggestion {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__suggestion {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__suggestion {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__suggestion {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__suggestion {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__suggestion {
  border-top: 1px solid rgba(78, 69, 64, 0.12);
}
.salonfinder__suggestion:first-child {
  border-top: none;
}
.salonfinder__suggestion:hover, .salonfinder__suggestion.is-active {
  background: rgba(78, 69, 64, 0.08);
}

.salonfinder__filter--buttons {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
}

.salonfinder__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #4E4540;
  background: #4E4540;
  color: #F4F3F1;
  padding: 0.6rem 1.2rem;
  cursor: pointer;
  font-family: "neue-haas-grotesk-display", sans-serif;
  border-radius: 1.5rem;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__btn {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__btn {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__btn {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__btn {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__btn {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__btn {
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}
.salonfinder__btn:hover {
  background: transparent;
  color: #302723;
}
.salonfinder__btn--ghost {
  background: transparent;
  color: #302723;
}
.salonfinder__btn--ghost:hover {
  background: #4E4540;
  color: #F4F3F1;
}

/* ------ Karte ------ */
.salonfinder__map {
  width: 100%;
  height: clamp(380px, 60vh, 620px);
  background: #F3F0EB;
}
@media (max-width: 959px) {
  .salonfinder__map {
    height: clamp(300px, 40vh, 420px);
  }
}
.salonfinder__map {
  /* Leaflet-Overrides.
     Leaflet setzt die Klasse .leaflet-container auf dasselbe Element und
     bringt background:#ddd mit. Da sein CSS erst per JS nachgeladen wird,
     gewinnt es bei gleicher Spezifitaet – deshalb "&" statt Nachfahren-Selektor. */
}
.salonfinder__map.leaflet-container {
  font-family: "neue-haas-grotesk-display", sans-serif;
  background: #F3F0EB;
}
.salonfinder__map {
  /* Kein CSS-Filter: Farben und sichtbare Ebenen stecken im Vektor-Style
     data/salonfinder-map-style.json und sind dort pro Ebene anpassbar. */
}
.salonfinder__map .leaflet-popup-content-wrapper {
  border-radius: 4px;
}
.salonfinder__map .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 34px;
  min-width: 200px;
}
.salonfinder__map .leaflet-popup-content-wrapper, .salonfinder__map .leaflet-popup-tip {
  background: #ffffff;
  color: #302723;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 40px rgba(78, 69, 64, 0.25);
}
.salonfinder__map .leaflet-popup-close-button {
  width: 17px;
  height: 17px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent;
  border: none;
  box-shadow: none;
  top: 15px !important;
  right: 15px !important;
}
.salonfinder__map .leaflet-popup-close-button:hover, .salonfinder__map .leaflet-popup-close-button:focus {
  background: transparent;
  color: transparent;
}
.salonfinder__map .leaflet-popup-close-button::before, .salonfinder__map .leaflet-popup-close-button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 1px;
  margin: 0;
  background-color: #88837E;
  transform-origin: center;
}
.salonfinder__map .leaflet-popup-close-button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.salonfinder__map .leaflet-popup-close-button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.salonfinder__map .leaflet-popup-close-button:hover::before, .salonfinder__map .leaflet-popup-close-button:hover::after, .salonfinder__map .leaflet-popup-close-button:focus::before, .salonfinder__map .leaflet-popup-close-button:focus::after {
  background-color: #302723;
}
.salonfinder__map .sf-popup {
  font-family: "neue-haas-grotesk-display", sans-serif;
  line-height: 1.45;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__map .sf-popup {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__map .sf-popup {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__map .sf-popup {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__map .sf-popup {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__map .sf-popup {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__map .sf-popup .size-s {
  margin-bottom: 0.55em;
}
.salonfinder__map .sf-popup a {
  color: #88837E;
  text-decoration: none;
}
.salonfinder__map .sf-popup a:hover {
  color: #302723;
  text-decoration: none !important;
}
.salonfinder__map .sf-popup .website {
  margin-top: 0.35rem;
}
.salonfinder__map .sf-popup__logo {
  max-width: 80px;
  max-height: 60px;
  margin-bottom: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.salonfinder__map .sf-popup__cat {
  font-style: italic;
  margin-bottom: 0.35rem;
  color: #8B857F;
}
.salonfinder__map .sf-popup__addr {
  margin-bottom: 0.35rem;
}

/* Custom Marker (DivIcon mit SVG) */
.sf-marker {
  background: transparent;
  border: 0;
}
.sf-marker svg {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
  transform-origin: 50% 100%;
  transition: transform 0.25s ease-in-out;
}
.sf-marker:hover svg {
  transform: scale(1.1);
}

/* ------ Ergebnis-Tabelle ------ */
.salonfinder__results {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  min-width: 810px;
  width: 60.8333333333vw;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .salonfinder__results {
    gap: 15px;
    min-width: inherit;
    width: calc(100vw - 80px);
    max-width: inherit;
  }
}

.salonfinder__count {
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__count {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__count {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__count {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__count {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__count {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__count {
  color: #8B857F;
}

.salonfinder__table-wrapper {
  width: 100%;
}

.salonfinder__table {
  width: 100%;
  border-collapse: collapse;
  letter-spacing: 0.04em;
  line-height: 1.46;
}
@media (max-width: 639px) {
  .salonfinder__table {
    font-size: clamp(14px, 14px + (1) * (100vw - 320px) / 320, 15px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__table {
    font-size: clamp(15px, 15px + (0) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__table {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__table {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__table {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__table thead th {
  text-align: left;
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 500;
  padding: 20px 10px;
  border-bottom: 1px solid #4E4540;
  white-space: nowrap;
  display: none;
}
@media (max-width: 959px) {
  .salonfinder__table thead th {
    padding: 10px;
  }
}
.salonfinder__table tbody {
  width: 100%;
}
.salonfinder__table tbody tr {
  width: 100%;
}
.salonfinder__table tbody tr td {
  padding: 20px 10px;
  border-top: 1px solid #4E4540;
}
@media (max-width: 959px) {
  .salonfinder__table tbody tr td {
    padding: 10px;
  }
}
.salonfinder__table tbody tr td a {
  color: #88837E;
  text-decoration: none;
}
.salonfinder__table tbody tr td a:hover {
  color: #302723;
}
.salonfinder__table tbody tr:last-child td {
  border-bottom: 1px solid #4E4540;
}
.salonfinder__table tbody tr {
  transition: background 0.25s ease-in-out;
}
.salonfinder__table tbody tr:hover {
  background: #F4F3F1;
}
.salonfinder__table .col-logo {
  vertical-align: top;
  /* Einheitliche Logogroesse – gleiche Logik wie im Logo-Marquee:
     - definite Hoehe statt max-height, damit SVGs, die im Datei-Header nur
       ein viewBox und kein width/height haben, nicht auf 0 kollabieren
     - Breitendeckel, damit breite Wortmarken die Spalte nicht dominieren
     - width:auto ist entscheidend: ohne das streckt die globale img-Regel
       (width:100%) das Bild auf die volle Zellenbreite, object-fit zentriert
       das Logo darin und es entsteht tote Luft (vorher bis zu 54 px je Seite),
       die von Logo zu Logo unterschiedlich gross ausfiel. */
  --sf-logo-height: 48px;
  --sf-logo-max-width: 150px;
}
@media (max-width: 959px) {
  .salonfinder__table .col-logo {
    --sf-logo-height: 34px;
    --sf-logo-max-width: 110px;
  }
}
.salonfinder__table .col-logo img {
  height: var(--sf-logo-height);
  width: auto;
  max-width: var(--sf-logo-max-width);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
  display: block;
  filter: grayscale(100%);
  mix-blend-mode: multiply;
}
.salonfinder__table .col-name {
  font-family: "neue-haas-grotesk-display", sans-serif;
}
.salonfinder__table .col-name strong {
  display: block;
  font-weight: 450;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .salonfinder__table .col-name strong {
    font-size: clamp(17px, 17px + (1) * (100vw - 320px) / 320, 18px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__table .col-name strong {
    font-size: clamp(18px, 18px + (1) * (100vw - 640px) / 320, 19px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__table .col-name strong {
    font-size: 19px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__table .col-name strong {
    font-size: clamp(19px, 19px + (1) * (100vw - 1367px) / 553, 26px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__table .col-name strong {
    font-size: clamp(20px, 20px + (6) * (100vw - 1920px) / 1280, 26px);
  }
}
.salonfinder__table .col-categories,
.salonfinder__table .col-contact {
  min-width: 160px;
}
.salonfinder__table .col-website {
  word-break: break-all;
  white-space: nowrap;
}
.salonfinder__table .sf-cat-item {
  color: #8B857F;
}
.salonfinder__table .sf-ranking {
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #88837E;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .salonfinder__table .sf-ranking {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .salonfinder__table .sf-ranking {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .salonfinder__table .sf-ranking {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .salonfinder__table .sf-ranking {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .salonfinder__table .sf-ranking {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.salonfinder__table a {
  color: #88837E;
  text-decoration: none;
}
.salonfinder__table a:hover {
  color: #302723;
  text-decoration: none !important;
}
.salonfinder__table a.arrow-link {
  color: #88837E;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  cursor: pointer;
}
.salonfinder__table a.arrow-link:hover {
  color: #302723;
  text-decoration: none;
}
.salonfinder__table a.arrow-link .arrow-icon {
  width: 22px;
  height: 22px;
  margin-left: 0.5rem;
  border: 1px solid #4E4540;
  border-radius: 50%;
  padding: 5px;
  box-sizing: border-box;
}
.salonfinder__table .sf-empty {
  text-align: center;
  padding: 2rem 1rem;
  color: #8B857F;
  font-style: italic;
  cursor: default;
}

/* ------ Responsive ------ */
@media (max-width: 639px) {
  .salonfinder__table {
    border-collapse: collapse;
    width: 100%;
  }
  .salonfinder__table thead {
    display: none;
  }
  .salonfinder__table tbody,
  .salonfinder__table tr,
  .salonfinder__table td {
    display: inline-block;
    width: 100%;
  }
  .salonfinder__table tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding: 16px 0;
    border-bottom: 1px solid #4E4540;
  }
  .salonfinder__table tbody tr td {
    border: none;
    padding: 5px 0;
    width: 50%;
  }
  .salonfinder__table tbody tr td::before {
    content: attr(data-label);
  }
  .salonfinder__table tbody tr .col-logo {
    width: 50%;
    padding-right: 25px;
    /* In der gestapelten Ansicht darf das Logo wieder groesser werden.
       Nur die Variablen setzen – die Regeln selbst stehen oben. */
    --sf-logo-height: 44px;
    --sf-logo-max-width: 130px;
  }
  .salonfinder__table tbody tr .col-name {
    width: 50%;
  }
  .salonfinder__table tbody tr .col-categories {
    width: 50%;
  }
  .salonfinder__table tbody tr .col-contact {
    width: 50%;
    order: 10;
  }
  .salonfinder__table tbody tr .col-website {
    width: 50%;
    align-self: end;
  }
  .salonfinder__table tbody tr .col-website .arrow-link {
    justify-content: flex-start;
  }
  .salonfinder__table tbody tr .col-website .arrow-link img {
    width: 40px;
    height: 40px;
    padding: 10px;
    margin-left: 0;
  }
  .salonfinder__table tbody tr:last-child td {
    border-bottom: none;
  }
}
/**
 * Bestaetigung nach dem Absenden eines FormBuilder-Formulars.
 *
 * Markup und Steuerung stehen in includes/footer.php, den Text liefert der Hook
 * in site/ready.php. Das Popup blendet sich nach 5 Sekunden selbst aus.
 *
 * z-index bewusst ueber den Sidebars (4000) – die Bestaetigung erscheint zwar
 * erst nach dem Reload mit geschlossener Sidebar, soll aber in jedem Fall oben
 * liegen.
 */
.form-success-popup {
  --popup-abstand: 30px;
  --popup-versatz: 12px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 4100;
  width: -moz-max-content;
  width: max-content;
  max-width: min(420px, 100vw - 2 * var(--popup-abstand));
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, calc(-50% + var(--popup-versatz)));
  transition: opacity 0.4s cubic-bezier(0.75, 0, 0.25, 1), transform 0.4s cubic-bezier(0.75, 0, 0.25, 1), visibility 0.4s cubic-bezier(0.75, 0, 0.25, 1);
}
.form-success-popup.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}
@media (max-width: 639px) {
  .form-success-popup {
    --popup-abstand: 15px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-success-popup {
    --popup-versatz: 0px;
    transition: opacity 0.4s linear, visibility 0.4s linear;
  }
}

.form-success-popup__inner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 20px 24px;
  background-color: #4E4540;
  color: #F4F3F1;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}
@media (max-width: 639px) {
  .form-success-popup__inner {
    padding: 16px 18px;
  }
}

.form-success-popup__icon {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #F4F3F1;
}

.form-success-popup__text {
  font-family: "neue-haas-grotesk-display", sans-serif;
  letter-spacing: 0.04em;
  line-height: 1.3;
}
@media (max-width: 639px) {
  .form-success-popup__text {
    font-size: clamp(14px, 14px + (0) * (100vw - 320px) / 320, 14px);
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .form-success-popup__text {
    font-size: clamp(14px, 14px + (1) * (100vw - 640px) / 320, 15px);
  }
}
@media (min-width: 960px) and (max-width: 1366px) {
  .form-success-popup__text {
    font-size: 15px;
  }
}
@media (min-width: 1367px) and (max-width: 1920px) {
  .form-success-popup__text {
    font-size: clamp(15px, 15px + (0) * (100vw - 1367px) / 553, 19.5px);
  }
}
@media (min-width: 1921px) {
  .form-success-popup__text {
    font-size: clamp(15px, 15px + (4.5) * (100vw - 1920px) / 1280, 19.5px);
  }
}
.form-success-popup__text {
  color: #F4F3F1;
}
.form-success-popup__text p {
  margin: 0;
}
.form-success-popup__text p + p {
  margin-top: 0.5em;
}
.form-success-popup__text a {
  color: #F4F3F1;
}

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