@charset "UTF-8";
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-BlackItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-ExtraLight.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Regular.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-MediumItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Black.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Light.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Italic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Bold.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Medium.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-LightItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-BoldItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-ExtraBold.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-ThinItalic.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-SemiBold.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Albert Sans";
  src: url("../fonts/Albert-Sans/AlbertSans-Thin.woff2") format("woff2"), url("../fonts/Albert-Sans/AlbertSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url("../fonts/NeueHaasGrotesk/NHaasGroteskTXPro-55Rg.woff2") format("woff2"), url("../fonts/NeueHaasGrotesk/NHaasGroteskTXPro-55Rg.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url("../fonts/NeueHaasGrotesk/NHaasGroteskTXPro-65Md.woff2") format("woff2"), url("../fonts/NeueHaasGrotesk/NHaasGroteskTXPro-65Md.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Neue Haas Grotesk";
  src: url("../fonts/NeueHaasGrotesk/NHaasGroteskTXPro-75Bd.woff2") format("woff2"), url("../fonts/NeueHaasGrotesk/NHaasGroteskTXPro-75Bd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "PPMori";
  src: url("../fonts/PPMori/PPMori-Extralight.woff2") format("woff2"), url("../fonts/PPMori/PPMori-Extralight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PPMori";
  src: url("../fonts/PPMori/PPMori-Regular.woff2") format("woff2"), url("../fonts/PPMori/PPMori-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PPMori";
  src: url("../fonts/PPMori/PPMori-Medium.woff2") format("woff2"), url("../fonts/PPMori/PPMori-Medium.woff") format("woff");
  font-weight: 475;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PPMori";
  src: url("../fonts/PPMori/PPMori-SemiBold.woff2") format("woff2"), url("../fonts/PPMori/PPMori-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PPMori";
  src: url("../fonts/PPMori/PPMori-Bold.woff2") format("woff2"), url("../fonts/PPMori/PPMori-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/**
* @license
*
* Font Family: Sharpie
* Designed by: Théo Guillard
* URL: https://www.fontshare.com/fonts/sharpie
* © 2024 Indian Type Foundry
* Sharpie Variable (Variable font)
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0
*/
@font-face {
  font-family: "Sharpie";
  src: url("../fonts/Sharpie/Sharpie-Variable.woff2") format("woff2"), url("../fonts/Sharpie/Sharpie-Variable.woff") format("woff");
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}
-webkit-::selection {
  background: #B3D848;
  color: #000000;
}

::selection {
  background: #B3D848;
  color: #000000;
}

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

@media (min-width: 479px) {
  br.mobile-break {
    display: none;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

.font1, h1, h2, h3, h4, .ns-toggler, body {
  font-family: "PP Mori", "Neue Haas Grotesk", "Albert Sans", sans-serif;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: calc(var(--vh, 1vh) * 100);
  min-width: 100%;
  background-color: #FFFFFF;
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: transparent;
}
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
  background: transparent;
}
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 0px;
  border: 2px solid #000000;
}

body {
  font-size: 22px;
  line-height: 29px;
  position: relative;
  font-weight: 400;
  color: #000000;
  overflow-x: hidden;
  transition: opacity 0.5s ease;
}
@media (max-width: 640px) {
  body {
    font-size: 18px;
    line-height: 26px;
  }
}

#videolayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: screen;
}
@media (max-width: 640px) {
  #videolayer {
    display: none;
  }
}
#videolayer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none !important;
}
#videolayer video::-webkit-media-controls {
  display: none !important;
}
#videolayer video::-webkit-media-controls-enclosure {
  display: none !important;
}
#videolayer video::-webkit-media-controls-panel {
  display: none !important;
}
#videolayer video::-webkit-media-controls-play-button {
  display: none !important;
}
#videolayer video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
#videolayer video::-moz-media-controls {
  display: none !important;
}
#videolayer video::-ms-media-controls {
  display: none !important;
}
#videolayer video::-o-media-controls {
  display: none !important;
}
#videolayer video::media-controls {
  display: none !important;
}

#FormBuilderViewport_contact {
  opacity: 0;
  animation: fadein 0.25s 0.4s forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#backdrop, #subbackdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 9;
  background-color: #FFFFFF;
}
#backdrop .bgdrop, #subbackdrop .bgdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  opacity: 0;
  transition: opacity 0.4s;
}
#backdrop .bgdrop.is-active, #subbackdrop .bgdrop.is-active {
  opacity: 1;
  transition: opacity 0.4s;
}
#backdrop .bgdrop.is-behind, #subbackdrop .bgdrop.is-behind {
  opacity: 1;
  transition: opacity 0.4s;
}
#backdrop .bgdrop.is-activer, #subbackdrop .bgdrop.is-activer {
  opacity: 1;
  transition: opacity 0.4s;
}
#backdrop .bgdrop img, #subbackdrop .bgdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#backdrop .bgdrop .foreground, #backdrop .bgdrop .background, #subbackdrop .bgdrop .foreground, #subbackdrop .bgdrop .background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.02);
  width: 100%;
  height: 100%;
}
#backdrop .bgdrop .foreground.img-cover img, #backdrop .bgdrop .background.img-cover img, #subbackdrop .bgdrop .foreground.img-cover img, #subbackdrop .bgdrop .background.img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#backdrop .bgdrop .foreground.img-contain img, #backdrop .bgdrop .background.img-contain img, #subbackdrop .bgdrop .foreground.img-contain img, #subbackdrop .bgdrop .background.img-contain img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 640px) {
  #backdrop .bgdrop .foreground.img-mob-cover img, #backdrop .bgdrop .background.img-mob-cover img, #subbackdrop .bgdrop .foreground.img-mob-cover img, #subbackdrop .bgdrop .background.img-mob-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
  }
  #backdrop .bgdrop .foreground.img-mob-contain img, #backdrop .bgdrop .background.img-mob-contain img, #subbackdrop .bgdrop .foreground.img-mob-contain img, #subbackdrop .bgdrop .background.img-mob-contain img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
  }
}
#backdrop .bgdrop .foreground, #subbackdrop .bgdrop .foreground {
  z-index: 2;
}
#backdrop .bgdrop .foreground img, #subbackdrop .bgdrop .foreground img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#backdrop.hidden {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}

#subbackdrop {
  position: relative;
  z-index: 0;
  height: calc(var(--vh, 1vh) * 100);
  height: 70vh;
  width: 100% !important;
  padding: 0 !important;
  overflow: hidden;
}
#subbackdrop .bgdrop {
  position: absolute;
  opacity: 1;
  z-index: 1;
  height: auto !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#subbackdrop .bgdrop .foreground, #subbackdrop .bgdrop .background {
  transform: translate(-50%, -50%) scale(1);
}
#subbackdrop.inactive {
  display: none;
}
#subbackdrop .foreground img {
  opacity: 0;
}
@media (max-width: 640px) {
  #subbackdrop {
    height: 55vh !important;
    min-height: 400px !important;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.05);
  }
  #subbackdrop #maintitle h1 {
    margin-bottom: 0 !important;
  }
  #subbackdrop .bgdrop .foreground img {
    object-fit: contain !important;
  }
  #subbackdrop .bgdrop .background img {
    object-fit: cover !important;
  }
  #subbackdrop.titleshift #maintitle {
    top: 50%;
    height: 50%;
  }
  #subbackdrop.titleshift .bgdrop {
    bottom: 15%;
    overflow: hidden;
  }
}
#subbackdrop #scrolldown {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
  display: flex;
  font-weight: bold;
  font-size: 1em;
  transition: opacity 0.5s;
}
#subbackdrop #scrolldown img {
  height: 50px;
  display: none;
}
@media (max-width: 640px) {
  #subbackdrop #scrolldown {
    display: none;
  }
}

.triangles {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.triangles .triangle {
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
}

#maintitle {
  position: absolute;
  bottom: 0;
  left: 12%;
  right: 12%;
  z-index: 2;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  scale: 0.95;
  opacity: 0;
}
#maintitle h1 {
  text-align: center;
  font-family: "Sharpie", sans-serif !important;
  line-height: 0.85em !important;
  font-weight: normal !important;
  letter-spacing: -0.02em;
}

header {
  position: absolute;
  z-index: 10;
  top: 5px;
  left: 15px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 580px;
  height: calc(100vh - 15px);
  overflow-y: auto;
  scrollbar-width: none;
  scrollbar-color: #000000 transparent;
}
header::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
}
header::-webkit-scrollbar-track {
  background: transparent;
}
header::-webkit-scrollbar-thumb {
  background-color: #000000;
  border-radius: 0px;
  border: 2px solid #000000;
}
header #brand {
  position: fixed;
  top: 20px;
  left: 10px;
  z-index: 10;
  font-size: clamp(25px, 2vw, 120px);
  transform-origin: top right;
  transform: translateX(-100%) rotate(-90deg);
}
@media (max-width: 960px) {
  header #brand {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  header #brand {
    font-size: 14px;
  }
}
header #menuDown, header #menuUp {
  position: fixed;
  top: 0;
  left: 10%;
  right: 10%;
  height: clamp(20px, 5vh, 80px);
  z-index: 20;
}
@media (max-width: 640px) {
  header #menuDown, header #menuUp {
    display: none;
  }
}
header #menuUp {
  top: auto;
  bottom: 0;
}
header nav ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}
header nav ul li {
  padding: 0;
  margin: 0;
}
header nav ul li a {
  font-weight: 700;
}
header nav ul li a:link, header nav ul li a:visited {
  text-decoration: none;
  color: #000000;
}
header nav ul li a:hover, header nav ul li a:active {
  text-decoration: underline;
  color: #000000;
}
header #mainmenu {
  font-size: 4.8vw;
  letter-spacing: -0.025em;
  line-height: 1.08em;
}
@media (max-width: 640px) {
  header #mainmenu {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
header #mainmenu a {
  font-weight: 700;
  transition: color 0.25s, margin-left 0.25s;
}
header #mainmenu a:hover, header #mainmenu a:active {
  text-decoration: none;
  margin-left: 10px;
}
header #sidemenu {
  font-size: max(22px, 2vw);
  letter-spacing: -0.025em;
  line-height: 1.2em;
  margin-bottom: 0;
  margin-top: 150px;
  transition: opacity 0.25s 0.15s;
}
header #mainmenu ul li, header #sidemenu ul li {
  font-family: "Sharpie", sans-serif !important;
  line-height: 0.95 !important;
  letter-spacing: -0.025em;
}
@media (max-width: 640px) {
  header #mainmenu ul li, header #sidemenu ul li {
    line-height: 0.75em !important;
    margin-bottom: 0.3em !important;
  }
}
header #mainmenu ul li a, header #sidemenu ul li a {
  font-weight: 400 !important;
  transition: all 0.15s ease, font-weight 0.4s ease !important;
}
header #mainmenu ul li a:hover, header #sidemenu ul li a:hover {
  font-weight: 600 !important;
}
header #langmenu {
  font-size: max(17px, 1.6vw);
  letter-spacing: -0.025em;
  line-height: 1.1em;
  transition: opacity 0.25s 0.15s;
  margin-top: 50px;
}
header #langmenu ul li {
  padding: 2px;
}
header #langmenu a:link, header #langmenu a:visited {
  text-decoration: none;
  color: #000000;
  background-color: transparent;
  padding: 10px 14px 7px 14px;
  border-radius: 24px;
  border: 2px solid #000000;
}
header #langmenu a:hover, header #langmenu a:active, header #langmenu a.is-active {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
}
header .fadeaway {
  opacity: 0;
}
header.header-style2 {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  text-align: center;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
}
@media (max-width: 640px) {
  header.header-style2 {
    padding: calc(10px + 4vh) 0 10px 0;
  }
}
header.header-style2 #brand {
  position: fixed;
  top: 20px;
  left: 10px;
  z-index: 10;
  font-size: clamp(25px, 1.75vw, 120px);
  transform-origin: top right;
  transform: translateX(-100%) rotate(-90deg);
}
@media (max-width: 960px) {
  header.header-style2 #brand {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  header.header-style2 #brand {
    font-size: 12px;
    top: 10px;
    left: 4px;
  }
}
header.header-style2 #mainmenu {
  font-size: 13vw;
  line-height: 1em;
  letter-spacing: -0.015em;
  width: 100%;
}
header.header-style2 #mainmenu li {
  margin-bottom: 10px;
}
header.header-style2 #mainmenu a, header.header-style2 #sidemenu a {
  font-weight: 700;
}
header.header-style2 #mainmenu a:link, header.header-style2 #mainmenu a:visited, header.header-style2 #sidemenu a:link, header.header-style2 #sidemenu a:visited {
  color: #000000;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #000000;
  transition: all 0.15s ease;
}
@media (max-width: 640px) {
  header.header-style2 #mainmenu a:link, header.header-style2 #mainmenu a:visited, header.header-style2 #sidemenu a:link, header.header-style2 #sidemenu a:visited {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    -webkit-text-stroke: 0px #000000 !important;
  }
}
header.header-style2 #mainmenu a:hover, header.header-style2 #mainmenu a:active, header.header-style2 #sidemenu a:hover, header.header-style2 #sidemenu a:active {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  -webkit-text-fill-color: #000000;
  margin-left: 0;
}
header.header-style2 #mainmenu a.is-active, header.header-style2 #sidemenu a.is-active {
  -webkit-text-fill-color: #000000;
}
@media (max-width: 640px) {
  header.header-style2 #mainmenu, header.header-style2 #sidemenu {
    font-size: 13vw !important;
    line-height: 1em;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0;
    margin-bottom: 0;
    hyphens: auto;
  }
  header.header-style2 #mainmenu a:link, header.header-style2 #mainmenu a:visited, header.header-style2 #sidemenu a:link, header.header-style2 #sidemenu a:visited {
    -webkit-text-stroke: 0.02em #000000;
  }
  header.header-style2 #mainmenu li, header.header-style2 #sidemenu li {
    margin-bottom: 10px;
  }
}
@media (min-width: 640px) {
  header.header-style2 #sidemenu {
    margin-bottom: 60px;
  }
  header.header-style2 #sidemenu ul {
    display: flex;
    flex-wrap: wrap;
  }
  header.header-style2 #sidemenu ul li {
    margin: 0 0.4em 0.2em 0.4em;
  }
}
header.hidden {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-100%);
}
header.hidden #mainmenu ul li {
  scale: 0.75;
  opacity: 0;
}
header.is-active {
  position: fixed;
  height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
}

#headerfoot, footer {
  width: 100%;
  margin-top: 100px;
}
@media (max-width: 960px) {
  #headerfoot, footer {
    margin-top: 75px;
  }
}
@media (max-width: 640px) {
  #headerfoot, footer {
    font-size: 1em !important;
    padding-top: 30px;
    margin-top: 0px;
  }
  #headerfoot .uk-grid, footer .uk-grid {
    display: flex;
    flex-direction: column;
  }
  #headerfoot .uk-grid > div, footer .uk-grid > div {
    order: 2;
  }
}
#headerfoot a:link, #headerfoot a:visited, footer a:link, footer a:visited {
  text-decoration: none;
}
@media (max-width: 640px) {
  #headerfoot a:link, #headerfoot a:visited, footer a:link, footer a:visited {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px !important;
  }
}
#headerfoot a:link i, #headerfoot a:visited i, footer a:link i, footer a:visited i {
  transition: scale 0.15s ease;
}
#headerfoot a:hover, #headerfoot a:active, footer a:hover, footer a:active {
  text-decoration: underline;
}
#headerfoot a:hover i, #headerfoot a:active i, footer a:hover i, footer a:active i {
  scale: 1.2;
}

@media (max-width: 640px) {
  #headerfoot {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 10px;
  }
}

footer {
  margin-top: 50px;
  padding-bottom: 20px;
}
footer.inactive {
  display: none;
}

#topspacer {
  height: clamp(50px, 5vw, 300px);
}

main {
  position: relative;
  z-index: 1;
  padding-top: 0px;
}
main.inactive {
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

#content-matrix {
  padding: 80px 0 0 0;
}
@media (max-width: 640px) {
  #content-matrix {
    padding: 40px 0 0 0;
  }
}

.ns-arrow {
  height: 24px;
  width: auto;
}

.iconwrap {
  display: flex;
  align-items: center;
}

.icon {
  height: 14px;
  width: auto;
}
.icon.size-1, .uk-subnav li a.icon:link, .uk-subnav li a.icon:visited, .privacywire-ask-consent button.icon, .icon#headerfoot, footer.icon {
  height: 12px;
  width: auto;
}
.icon.size-2 {
  height: 10px;
  width: auto;
}
.icon.size2 {
  height: 17px;
  width: auto;
}
.icon.size3 {
  height: 20px;
  width: auto;
}

.arrow.arrow-horizontal {
  height: 70px;
  width: auto;
}
.arrow.arrow-vertical {
  width: 70px;
  height: auto;
}

.social-media {
  margin-bottom: 30px;
}
@media (max-width: 640px) {
  .social-media {
    margin-bottom: 10px;
    margin-top: 30px;
  }
  .social-media.mobile-top {
    order: 1 !important;
    margin-bottom: 50px;
  }
  .social-media.mobile-side {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: center;
    width: auto;
  }
  .social-media.mobile-side a {
    display: block;
    margin-bottom: 23px;
  }
}

.ns-slider-nav {
  list-style: none;
  padding-left: 0 !important;
}
.ns-slider-nav li {
  margin: 0 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  transition: all 0.25s;
  cursor: pointer;
  white-space: nowrap;
}
.ns-slider-nav li:hover {
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid #000000;
}
.ns-slider-nav li.uk-active {
  border-bottom: 2px solid #000000;
}
.ns-slider-nav.ns-slider-nav-left {
  padding-left: 0 !important;
}
.ns-slider-nav.ns-slider-nav-left li {
  margin-left: 0;
  margin-right: 40px;
}
@media (max-width: 640px) {
  .ns-slider-nav {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-evenly;
    font-size: 13px;
  }
  .ns-slider-nav.space-between {
    justify-content: space-between;
  }
  .ns-slider-nav li {
    margin: 0;
  }
}

.uk-flex-start {
  align-items: flex-start;
}

.uk-slider-items {
  padding-left: 0 !important;
}

.uk-slider-item {
  max-width: 1300px;
  margin: 15px;
  padding-left: 45px;
  padding-right: 10px;
  cursor: grab;
}

a {
  transition: all 0.15s ease;
  color: #000000;
}
a.long-link {
  word-break: break-all;
}
a:link, a:visited {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 2px !important;
  color: #000000;
}
a:hover, a:active {
  text-decoration: none;
}
a.nolink:hover, a.nolink:active {
  border-bottom: 0;
}
a.is-active {
  pointer-events: none;
}
a.nolink:link, a.nolink:visited {
  text-decoration: none;
}
a.nolink:hover, a.nolink:active {
  border-bottom: 0;
}
a.hoverlink:link, a.hoverlink:visited {
  text-decoration: none;
}
a.hoverlink:hover, a.hoverlink:active {
  color: #000000 !important;
  border-bottom: 0;
  opacity: 0.66;
}
a.iconlink i {
  transition: all 0.25s;
}
a.iconlink:link, a.iconlink:visited {
  text-decoration: none;
}
a.iconlink:hover, a.iconlink:active {
  color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
a.iconlink:hover i, a.iconlink:active i {
  transform: translateX(2px);
}
a.iconlink2 i {
  transition: all 0.25s;
}
a.iconlink2:link, a.iconlink2:visited {
  text-decoration: none;
  text-transform: uppercase;
}
a.iconlink2:hover, a.iconlink2:active {
  color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}
a.iconlink2:hover i, a.iconlink2:active i {
  transform: translateX(2px);
}
a.move-link-left > * {
  transition: transform 0.15s ease;
}
a.move-link-left:hover > * {
  transform: translateX(-3px);
}
a.poplink {
  display: block;
}
a.poplink:link, a.poplink:visited {
  text-decoration: none;
}
a.poplink:hover, a.poplink:active {
  animation: pop2 0.25s forwards;
}

button {
  cursor: pointer;
}

.nolinks a:link, .nolinks a:visited {
  text-decoration: none;
  color: #000000;
}
.nolinks a:hover, .nolinks a:active {
  text-decoration: none;
}
.nolinks a.is-active {
  pointer-events: none;
}

ul {
  padding-left: 18px !important;
}

ul[uk-accordion] {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
ul[uk-accordion] > li {
  padding-bottom: 20px;
  border-bottom: 2px solid #000000;
}
ul[uk-accordion] > li:last-child {
  border-bottom: 0px solid #000000;
}
ul[uk-accordion] ul {
  list-style: disc;
}
ul[uk-accordion] ul > li {
  margin-bottom: 5px;
}
ul[uk-accordion] ul ul {
  list-style: circle;
}
ul[uk-accordion] .uk-accordion-title {
  display: block;
  font-size: 1em;
  color: #000000;
  overflow: inherit;
  font-weight: 700;
  position: relative;
}
ul[uk-accordion] .uk-accordion-title:link {
  text-decoration: none;
}
ul[uk-accordion] .uk-accordion-title:after {
  content: "";
  width: 26px;
  height: 2px;
  background-color: #000000;
  transform: rotate(90deg);
  right: 0;
  top: 15px;
  position: absolute;
  transition: transform 0.1s ease;
}
ul[uk-accordion] .uk-accordion-title::before {
  width: 26px;
  height: 2px;
  top: 15px;
  right: 0;
  top: 15px;
  position: absolute;
  background-color: #000000;
  transition: transform 0.1s ease;
}
ul[uk-accordion] .uk-accordion-title[aria-expanded=true]:after {
  transform: rotate(0deg);
}
ul[uk-accordion] .uk-accordion-title[aria-expanded=true]::before {
  transform: rotate(-180deg);
}

.font-weight-normal {
  font-weight: 500;
}

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

.ns-shadow {
  box-shadow: 0px 5px 50px rgba(0, 0, 0, 0.05);
}

.ns-toggler {
  background-color: transparent;
  border: none;
  padding: 0;
  font-weight: 700;
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.ns-toggler span.toggleicon {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: 20px;
  transition: all 0.25s ease;
}
.ns-toggler span.toggleicon:after, .ns-toggler span.toggleicon:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #000000;
  top: calc(50% - 1px);
  left: 0;
}
.ns-toggler span.toggleicon:after {
  transform: rotate(90deg);
}
.ns-toggler span.toggleicon:before {
  transform: rotate(0deg);
  transition: transform 0.25s ease;
}
.ns-toggler:hover span.toggleicon {
  transform: rotate(90deg);
  transition: transform 0.15s ease;
}

.nolink {
  color: #000000;
}
.nolink:hover {
  border-bottom: 0;
}

.pseudo-link {
  cursor: pointer;
}
.pseudo-link.pseudo-link-hover-col:hover, .pseudo-link.pseudo-link-hover-col .is-active {
  color: rgba(0, 0, 0, 0.4);
}

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

.nolinks a:link, .nolinks a:visited {
  text-decoration: none;
  color: #000000;
}
.nolinks a:hover, .nolinks a:active {
  text-decoration: none;
  color: #000000;
}

.fullsize {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.font-weight-800 {
  font-weight: 800;
}

em {
  font-style: normal;
}

p {
  margin-top: 0;
}

p, .mb-p {
  margin-bottom: 30px !important;
}
@media (max-width: 640px) {
  p, .mb-p {
    margin-bottom: 20px !important;
  }
}

.ns-last-p-m0 p:last-child {
  margin-bottom: 15px !important;
}

.p-child-last-mb0 p:last-child {
  margin-bottom: 0 !important;
}

.p-child-mb0 > p {
  margin-bottom: 0 !important;
}

.p-child-mb1 > p {
  margin-bottom: 1em !important;
}

.p-child-mb2 > p {
  margin-bottom: 2em !important;
}

@media (min-width: 640px) {
  .p-child-mb0\@s > p {
    margin-bottom: 0 !important;
  }
}

.ns-mb-1 {
  margin-bottom: 0.75em !important;
}

.ns-mb-2 {
  margin-bottom: 1em !important;
}

.ns-mb-3 {
  margin-bottom: 1.5em !important;
}

em {
  color: #000000;
}

a.mybtn {
  position: relative;
  padding: 10px 28px;
  display: inline-block;
  text-shadow: none !important;
  text-align: center;
}
@media (max-width: 640px) {
  a.mybtn {
    display: block;
    width: 100%;
    text-align: center;
  }
}
a.mybtn:link, a.mybtn:visited {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #000000;
  border: 2px solid #000000;
}
a.mybtn:hover, a.mybtn:active {
  text-decoration: none;
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #000000;
}
a.mybtn.mybtn2:link, a.mybtn.mybtn2:visited {
  text-decoration: none;
  color: #000000;
  background-color: #FFFFFF;
  border: 2px solid #000000;
}
a.mybtn.mybtn2:hover, a.mybtn.mybtn2:active {
  text-decoration: none;
  color: #000000 !important;
  border: 2px solid #000000;
}
a.mybtn.mybtn3:link, a.mybtn.mybtn3:visited {
  text-decoration: none;
  color: #000000;
  border: 2px solid #000000;
}
a.mybtn.mybtn3:hover, a.mybtn.mybtn3:active {
  text-decoration: none;
  color: #000000 !important;
  border: 2px solid #000000;
}
a.mybtn.mybtn4:link, a.mybtn.mybtn4:visited {
  text-decoration: none;
  color: #000000;
  border: 2px solid #000000;
}
a.mybtn.mybtn4:hover, a.mybtn.mybtn4:active {
  text-decoration: none;
  color: #FFFFFF !important;
  background-color: #000000;
  border: 2px solid #000000;
}
a.mybtn ~ a.mybtn {
  margin-left: 12px;
}
@media (max-width: 640px) {
  a.mybtn ~ a.mybtn {
    margin-left: 0;
    margin-top: 8px;
  }
}
@media (max-width: 640px) {
  a.mybtn.mybtn-mob100 {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.text-shadow {
  text-shadow: 0 2px 5px rgba(255, 255, 255, 0.3);
}

.white {
  color: #FFFFFF;
}

.black {
  color: #000000;
}

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

@media (min-width: 960px) {
  .uk-margin-remove-bottom\@m {
    margin: 0 !important;
  }
}

@media (min-width: 1200px) {
  .uk-margin-remove-bottom\@l {
    margin: 0 !important;
  }
}

@media (min-width: 640px) {
  .uk-margin-medium-bottom\@s {
    margin-bottom: 40px !important;
  }
}

.oneline {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.bold {
  font-weight: bold;
}

hr {
  border: 0;
  height: 20px;
}

.topspacer {
  height: 0;
}

.ns-px-2 {
  padding: 0 0px;
}

.ns-pb-shove-2 {
  padding-bottom: 540px;
  background-position: 0 -100px;
}
.ns-pb-shove-2 + section {
  margin-top: -460px;
}

.ns-margin-top-auto {
  margin-top: auto;
}

.hyphens {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fit {
  width: 100%;
  height: auto;
}

@media (min-width: 640px) {
  .fit\@s {
    max-width: 100% !important;
  }
}

.size-2 {
  font-size: 0.66em;
  line-height: 1.35em;
}

.size-1, .uk-subnav li a:link, .uk-subnav li a:visited, .privacywire-ask-consent button, #headerfoot, footer {
  font-size: 0.8em;
  line-height: 1.35em;
}

.size1, .ns-toggler {
  font-size: 20px;
  line-height: 25px;
}

.size1plus {
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

.size2 {
  font-size: 1.29em;
  line-height: 1.35em;
  letter-spacing: -0.01em;
}

.size3 {
  font-size: 1.618em;
  line-height: 1.2em;
  font-weight: 400;
  letter-spacing: -0.0125em;
}

.size4 {
  font-size: 2.617;
  line-height: 1.2em;
  letter-spacing: -0.015em;
}

.size-maintitle {
  font-size: clamp(50px, 13vw, 500px);
  line-height: 1em;
}
@media (max-width: 640px) {
  .size-maintitle {
    font-size: 15vw !important;
  }
}

@media (min-width: 640px) {
  .size2\@s {
    font-size: 30px !important;
    line-height: 41px !important;
  }
}
@media (min-width: 640px) {
  .size1\@s {
    font-size: 20px !important;
    line-height: 24px !important;
  }
}
@media (min-width: 960px) {
  .size-1\@m {
    font-size: 17px !important;
    line-height: 23px !important;
  }
}
@media (min-width: 960px) {
  .size4\@m {
    font-size: 42px !important;
    line-height: 54px !important;
  }
}
@media (min-width: 1200px) {
  .size2\@l {
    font-size: 30px !important;
    line-height: 41px !important;
  }
}
@media (min-width: 1600px) {
  .size2\@xl {
    font-size: 30px !important;
    line-height: 41px !important;
  }
}
.size-claim {
  font-size: clamp(46px, 4vw, 100px);
  line-height: 1.05em;
  font-weight: 700;
}

.size-nav {
  font-size: clamp(22px, 3.4vw, 70px);
}

h1, h2, h3, h4 {
  color: #000000;
  font-weight: bold;
  letter-spacing: -0.025em;
  line-height: 1.18em;
}

h1 {
  font-size: 2.2em;
  margin-bottom: 30px;
}
@media (max-width: 640px) {
  h1 {
    margin-bottom: 20px !important;
  }
}

h2 {
  font-size: 1.618em;
  margin-bottom: 30px;
}
@media (max-width: 640px) {
  h2 {
    margin-bottom: 20px !important;
  }
}
h2.toptitle {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 0.6em;
  font-weight: 500;
  text-align: center;
}

h3 {
  font-size: 1.25em;
  margin-bottom: 20px;
}

@media (min-width: 601px) {
  br.mobile_break {
    display: none !important;
  }
}

.uppercase {
  text-transform: uppercase;
}

.ns-buttons {
  display: flex;
}

.ns-flex-center {
  justify-content: center;
}
.ns-flex-center a.mybtn {
  margin: 0 15px;
}

@media (min-width: 640px) {
  .uk-flex-row\@s {
    flex-direction: row;
  }
}

@media (min-width: 960px) {
  .uk-flex-row\@m {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .uk-flex-row\@l {
    flex-direction: row;
  }
}

@media (min-width: 640px) {
  .uk-flex-column\@s {
    flex-direction: column;
  }
}

@media (min-width: 960px) {
  .uk-flex-column\@m {
    flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .uk-flex-column\@l {
    flex-direction: column;
  }
}

.uk-button {
  background-color: #000000 !important;
  color: #FFFFFF;
}
.uk-button:not([disabled]):hover {
  color: #FFFFFF !important;
}
.uk-button.uk-button-primary {
  background-color: #FFFFFF !important;
  color: black;
  border: 2px solid #000000;
}
.uk-button.uk-button-primary:hover, .uk-button.uk-button-primary:focus, .uk-button.uk-button-primary:active {
  color: black !important;
  border-color: black !important;
}

.uk-button[type=submit] {
  background-color: transparent !important;
  color: #000000 !important;
  text-transform: none;
  font-size: 1em;
  border: 2px solid #000000;
}
.uk-button[type=submit][disabled] {
  opacity: 0.6;
}
.uk-button[type=submit]:not([disabled]):hover {
  color: #FFFFFF !important;
  background-color: #000000 !important;
}

button[disabled] {
  cursor: not-allowed;
}

.uk-checkbox {
  width: 22px;
  height: 22px;
  margin-top: 0;
  margin-right: 5px !important;
  border: 2px solid #000000;
}
.uk-checkbox:hover, .uk-checkbox:focus {
  background-color: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.5);
}

.uk-checkbox:checked, .uk-checkbox:checked:focus, .uk-checkbox:indeterminate, .uk-radio:checked {
  border-color: #000000;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23000%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-input, .uk-textarea {
  border: 2px solid #000000;
  color: #000000;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  outline: 0;
  color: #000000;
  border-color: #000000;
}

.uk-form-label {
  font-size: 0.85em !important;
}

.uk-radio + span, .uk-checkbox + span {
  font-size: 0.85em !important;
}

.line-height-2 {
  line-height: 1.35em;
}

.line-height-3 {
  line-height: 1.5em;
}

p.p-0 {
  margin-bottom: 20px !important;
}

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

.ns-claim {
  padding: 80px 50px;
  min-height: 500px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
@media (min-width: 640px) {
  .ns-claim {
    min-height: 600px;
    padding: 120px 20% 60px 20%;
  }
}
.ns-claim.shove-top {
  margin-top: -100px;
}
.ns-claim.shove-bottom {
  margin-bottom: -100px;
}
.ns-claim.ns-claim-small {
  min-height: 500px !important;
}

.ns-text-shadow {
  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
}

.uk-width-1-12 {
  width: 8.333%;
}

.uk-width-2-12 {
  width: 16.666%;
}

.uk-width-3-12 {
  width: 25%;
}

.uk-width-4-12 {
  width: 33.333%;
}

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

.uk-width-6-12 {
  width: 50%;
}

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

.uk-width-8-12 {
  width: 66.666%;
}

.uk-width-9-12 {
  width: 75%;
}

.uk-width-10-12 {
  width: 83.333%;
}

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

/* Only tablets and desktop */
@media (min-width: 960px) {
  .uk-width-1-12\@m {
    width: 8.333%;
  }
  .uk-width-2-12\@m {
    width: 16.666%;
  }
  .uk-width-3-12\@m {
    width: 25%;
  }
  .uk-width-4-12\@m {
    width: 33.333%;
  }
  .uk-width-5-12\@m {
    width: 41.666%;
  }
  .uk-width-6-12\@m {
    width: 50%;
  }
  .uk-width-7-12\@m {
    width: 58.333%;
  }
  .uk-width-8-12\@m {
    width: 66.666%;
  }
  .uk-width-9-12\@m {
    width: 75%;
  }
  .uk-width-10-12\@m {
    width: 83.333%;
  }
  .uk-width-11-12\@m {
    width: 91.666%;
  }
}
/* Only desktop */
@media (min-width: 1200px) {
  .uk-width-1-12\@l {
    width: 8.333%;
  }
  .uk-width-2-12\@l {
    width: 16.666%;
  }
  .uk-width-3-12\@l {
    width: 25%;
  }
  .uk-width-4-12\@l {
    width: 33.333%;
  }
  .uk-width-5-12\@l {
    width: 41.666%;
  }
  .uk-width-6-12\@l {
    width: 50%;
  }
  .uk-width-7-12\@l {
    width: 58.333%;
  }
  .uk-width-8-12\@l {
    width: 66.666%;
  }
  .uk-width-9-12\@l {
    width: 75%;
  }
  .uk-width-10-12\@l {
    width: 83.333%;
  }
  .uk-width-11-12\@l {
    width: 91.666%;
  }
}
.pop {
  animation: pop 0.35s ease-out forwards;
}

.popfade {
  opacity: 0;
  animation: popfade 1s ease-out forwards;
}

.pop-fast {
  animation: pop 0.15s ease-out forwards;
}

@keyframes pop {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pop2 {
  0% {
    transform: scale(1);
  }
  33% {
    transform: scale(1.02);
  }
  66% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes popfade {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.uk-form-label {
  font-size: 17px;
}

#goback {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 20;
  transition: scale 0.15s ease;
}
@media (max-width: 640px) {
  #goback {
    transform-origin: top left;
    scale: 0.8 !important;
  }
}

#menutoggler {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 20;
  transition: scale 0.15s ease;
}
#menutoggler img, #menutoggler svg {
  transition: scale 0.15s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
#menutoggler:hover {
  cursor: pointer;
}
#menutoggler:hover img, #menutoggler:hover svg {
  scale: 1.05;
}
@media (max-width: 640px) {
  #menutoggler {
    transform-origin: top right;
    scale: 0.8 !important;
  }
}

body.scrolled #goback {
  transform-origin: top left;
  scale: 0.7;
}
@media (max-width: 640px) {
  body.scrolled #goback {
    scale: 0.6 !important;
  }
}
body.scrolled #menutoggler {
  transform-origin: top right;
  scale: 0.7;
}
@media (max-width: 640px) {
  body.scrolled #menutoggler {
    scale: 0.6 !important;
  }
}
body.scrolled #scrolldown {
  opacity: 0;
}

.privacywire-wrapper {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

.privacywire {
  background: #000000 !important;
  color: #FFFFFF !important;
  bottom: -250%;
  box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.15) !important;
  left: 0;
  opacity: 0;
  padding: 1rem;
  position: fixed;
  right: 0;
  transition: bottom 0.3s ease-in, opacity 0.3s ease;
  z-index: 1;
  font-size: 18px !important;
  line-height: 1.3em !important;
}
.privacywire a:link, .privacywire a:visited {
  text-decoration: underline;
  color: #FFFFFF;
}
.privacywire a:hover, .privacywire a:active {
  text-decoration: none;
}

.show-banner .privacywire-banner, .show-message .privacywire-message, .show-options .privacywire-options {
  bottom: 0;
  opacity: 1;
}

.privacywire-header {
  font-weight: 700;
}

.privacywire button[hidden], .privacywire-ask-consent-blueprint, [data-ask-consent-rendered="1"] {
  display: none;
}

.privacywire-banner {
  background-color: #000000;
  color: #FFFFFF;
  box-shadow: none;
  padding: 20px 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0px solid #000000;
  margin: 0px;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 600px) {
  .privacywire-banner {
    margin: 0;
    box-shadow: none;
    padding: 20px 40px;
    width: 100%;
    text-align: left;
  }
}

.privacywire-buttons button {
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1em;
  margin-top: 10px;
  padding: 12px 22px;
}
@media (min-width: 600px) {
  .privacywire-buttons button {
    margin-top: 0;
    margin-left: 5px;
  }
}
.privacywire-buttons button:hover {
  opacity: 0.5;
}
.privacywire-buttons button:first-child {
  font-weight: 700;
  border: 2px solid #FFFFFF;
  border-radius: 0px;
}
.privacywire-buttons button:first-child:hover {
  background-color: #FFFFFF;
  color: #000000;
  opacity: 1;
}

.privacywire-message {
  background-color: #000000;
  color: #FFFFFF;
  padding: 20px 20px;
  width: 100%;
  font-size: clamp(18px, 1vw, 28px);
  line-height: 1.4em;
  margin: 0px;
  box-shadow: none;
}
@media (min-width: 600px) {
  .privacywire-message {
    margin: 0;
    box-shadow: none;
    padding: 20px 40px;
    width: 100%;
    text-align: left;
  }
}

.privacywire-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 599px) {
  .privacywire-body {
    flex-direction: column;
    align-items: flex-start;
  }
}

.privacywire-options ul {
  margin: 15px 0 10px 0 !important;
  padding: 0 !important;
}
.privacywire-options .privacywire-body {
  align-items: flex-start;
}

.privacywire-text p:last-child {
  margin-bottom: 0px !important;
}
@media (max-width: 960px) {
  .privacywire-text p:last-child {
    margin-bottom: 10px !important;
  }
}

.privacywire-text ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}
.privacywire-text ul li {
  margin: 0;
  padding: 0;
}
.privacywire-text ul li input[type=checkbox] {
  margin-right: 12px;
  width: 25px;
  height: 25px;
  position: relative;
  transform: translateY(5px);
}
.privacywire-text ul li input[type=checkbox]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background-color: #000000;
  border: 2px solid #FFFFFF;
  border-radius: 0px;
}
.privacywire-text ul li input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background-color: #FFFFFF;
}
.privacywire-text ul li input[type=checkbox]:checked:after {
  content: "✓"; /* Unicode checkmark symbol */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000; /* Color of the checkmark */
}

button[class^=privacywire], button.privacywire-show-options {
  background-color: #000000;
  color: #000000;
  border: 1px solid #000000;
  padding: 12px 24px;
  border-radius: 25px;
  margin-top: 15px;
  transition: opacity 0.15s;
  font-size: 16px;
}
button[class^=privacywire]:hover, button.privacywire-show-options:hover {
  opacity: 0.7;
}

button.privacywire-show-options {
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #000000;
  color: #000000;
}
button.privacywire-show-options:hover {
  background-color: black;
  color: #000000;
  opacity: 1;
}

.privacywire-ask-consent {
  background-color: #FF7332;
  color: #000000;
  padding: 30px;
}
.privacywire-ask-consent button {
  border-radius: 0px;
  border: 2px solid #000000;
  background-color: #000000;
  color: #FFFFFF;
}
.privacywire-ask-consent button:hover {
  background-color: transparent;
  color: #000000;
  opacity: 1;
}

.uk-padding-large {
  padding: 40px;
}
@media (max-width: 479px) {
  .uk-padding-large {
    padding: 20px;
  }
}

.desktop-only {
  display: block;
}
@media (max-width: 640px) {
  .desktop-only {
    display: none !important;
  }
}

.mobile-only {
  display: none;
}
@media (max-width: 640px) {
  .mobile-only {
    display: block !important;
  }
}

.flex-desktop-only\@m {
  display: flex;
}
@media (max-width: 960px) {
  .flex-desktop-only\@m {
    display: none !important;
  }
}

.flex-mobile-only\@m {
  display: none;
}
@media (max-width: 960px) {
  .flex-mobile-only\@m {
    display: flex !important;
  }
}

.desktop-only\@m {
  display: block;
}
@media (max-width: 960px) {
  .desktop-only\@m {
    display: none !important;
  }
}

.mobile-only\@m {
  display: none;
}
@media (max-width: 960px) {
  .mobile-only\@m {
    display: block !important;
  }
}

.uk-flex-right\@m {
  justify-content: flex-end;
}

.videoposterwrap {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.videoposterwrap img.videoposter {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoposterwrap svg {
  height: 60px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-65%, -50%);
  transition: transform 0.25s ease;
}
.videoposterwrap:hover svg {
  transform: translate(-65%, -50%) scale(1.1);
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video-container.portrait {
  padding-bottom: 177.78%; /* 9:16 aspect ratio */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.iframe-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (change this if needed) */
  height: 0;
  overflow: hidden;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.uk-modal-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.video-modal .uk-modal-dialog {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.video-modal .uk-modal-dialog video, .video-modal .uk-modal-dialog iframe {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.uk-modal-close-outside {
  right: 10px;
}
@media (max-width: 960px) {
  .uk-modal-close-outside {
    top: 0px;
    right: -20px;
  }
}
@media (max-width: 640px) {
  .uk-modal-close-outside {
    top: 40px;
    right: 0;
  }
}
.uk-modal-close-outside svg {
  width: 30px;
  height: auto;
  transform: none;
}

.videoposterwrap {
  position: relative;
}
.videoposterwrap img {
  position: relative;
}
.videoposterwrap svg {
  height: 50px;
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease;
}
.videoposterwrap svg path {
  fill: #FFFFFF;
}
.videoposterwrap:hover svg {
  transform: translate(-50%, -50%) scale(1.1);
}
.videoposterwrap:hover svg path {
  fill: rgba(255, 255, 255, 0.85) !important;
}

.uk-accordion-item {
  border-bottom: 2px solid #000000;
  padding-bottom: 0;
  margin-top: 0 !important;
}

.uk-accordion-title {
  color: #000000;
}

.tourdates .uk-accordion-title:before, .tourdates .uk-accordion-pseudo-title:before {
  display: none;
}
.tourdates .uk-accordion-title .uk-accordion-title-inner, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner {
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tourdates .uk-accordion-title .uk-accordion-title-inner .gigtit, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigtit {
  width: 25%;
}
.tourdates .uk-accordion-title .uk-accordion-title-inner .gigloc, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigloc {
  width: calc(40% - 20px);
  font-weight: bold;
}
.tourdates .uk-accordion-title .uk-accordion-title-inner .gigproj, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigproj {
  width: calc(35% - 20px);
}
.tourdates .uk-accordion-title .uk-accordion-title-inner .gigicon, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigicon {
  width: 40px;
  text-align: right;
}
.tourdates .uk-accordion-title .uk-accordion-title-inner .gigicon img, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigicon img {
  transform-origin: center center;
  transform: rotate(45deg);
  transition: transform 0.15s ease;
  height: 25px;
  width: 25px;
}
.tourdates .uk-accordion-title .uk-accordion-title-inner .gigicon a:hover, .tourdates .uk-accordion-title .uk-accordion-title-inner .gigicon a:active, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigicon a:hover, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigicon a:active {
  opacity: 0.5;
}
@media (max-width: 640px) {
  .tourdates .uk-accordion-title .uk-accordion-title-inner, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner {
    flex-wrap: wrap;
    position: relative;
  }
  .tourdates .uk-accordion-title .uk-accordion-title-inner .gigtit, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigtit {
    width: 100%;
  }
  .tourdates .uk-accordion-title .uk-accordion-title-inner .gigloc, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigloc {
    width: 100%;
    font-weight: bold;
  }
  .tourdates .uk-accordion-title .uk-accordion-title-inner .gigproj, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigproj {
    width: 100%;
  }
  .tourdates .uk-accordion-title .uk-accordion-title-inner .gigicon, .tourdates .uk-accordion-pseudo-title .uk-accordion-title-inner .gigicon {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    transform: translateY(-50%);
  }
}
.tourdates .uk-accordion-title[aria-expanded=true] .uk-accordion-title-inner .gigicon img, .tourdates .uk-accordion-pseudo-title[aria-expanded=true] .uk-accordion-title-inner .gigicon img {
  transform: rotate(0);
}
.tourdates div.uk-accordion-title {
  pointer-events: none;
}
.tourdates .uk-accordion-content {
  padding: 30px 0 60px;
}
@media (max-width: 640px) {
  .tourdates .uk-accordion-content {
    padding: 20px 0;
    margin: 0;
  }
}
.uk-lightbox {
  background-color: #FFFFFF;
}
.uk-lightbox .uk-lightbox-toolbar {
  transform: none !important;
  background-color: transparent;
  padding: 15px;
}
.uk-lightbox .uk-lightbox-toolbar .uk-lightbox-toolbar-icon {
  transform: scale(1.5);
  color: #000000;
}
.uk-lightbox .uk-lightbox-button {
  color: #000000;
  background-color: transparent;
  opacity: 1 !important;
}
.uk-lightbox .uk-lightbox-button svg {
  width: 18px !important;
  height: auto;
}
.uk-lightbox ul li {
  padding: clamp(10px, 3%, 50px);
}
.uk-lightbox ul li img, .uk-lightbox ul li video, .uk-lightbox ul li iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.uk-close-large svg line {
  stroke-width: 2.5;
}

.slicksliderwrapper {
  position: relative;
}
.slicksliderwrapper .slickslider {
  position: relative;
}
.slicksliderwrapper .slickslider .slick-prev {
  left: 15px;
  z-index: 20;
  display: none !important;
}
.slicksliderwrapper .slickslider .slick-next {
  right: 15px;
  z-index: 20;
  display: none !important;
}
.slicksliderwrapper .slickslider .slickslide img {
  height: clamp(300px, 48vw, 1200px);
}
@media (min-width: 640px) {
  .slicksliderwrapper .slickslider .slickslide.half\@s img {
    height: clamp(250px, 28.5vw, 1200px);
  }
}
@media (min-width: 960px) {
  .slicksliderwrapper .slickslider .slickslide.half\@m img {
    height: clamp(250px, 28.5vw, 1200px);
  }
}
@media (min-width: 1200px) {
  .slicksliderwrapper .slickslider .slickslide.half\@l img {
    height: clamp(250px, 28.5vw, 1200px);
  }
}
.slicksliderwrapper .my-slick-prev, .slicksliderwrapper .my-slick-next {
  position: absolute;
  top: 50%;
  left: 0px;
  z-index: 20;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.25s ease;
}
@media (max-width: 640px) {
  .slicksliderwrapper .my-slick-prev, .slicksliderwrapper .my-slick-next {
    display: none;
  }
}
.slicksliderwrapper .my-slick-prev img, .slicksliderwrapper .my-slick-prev svg, .slicksliderwrapper .my-slick-next img, .slicksliderwrapper .my-slick-next svg {
  width: 100px;
  height: auto;
}
.slicksliderwrapper .my-slick-prev svg path, .slicksliderwrapper .my-slick-next svg path {
  fill: #FFFFFF;
}
.slicksliderwrapper .my-slick-next {
  left: auto;
  right: 0px;
}
.slicksliderwrapper .slick-dots li {
  height: 6px;
}
.slicksliderwrapper .slick-dots li button:before {
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 50%;
  background-color: #000000;
}
.slicksliderwrapper:hover .my-slick-prev, .slicksliderwrapper:hover .my-slick-next {
  opacity: 1;
}
.slicksliderwrapper:hover .my-slick-prev {
  transform: translate(20px, -50%);
}
.slicksliderwrapper:hover .my-slick-next {
  transform: translate(-20px, -50%);
}

.gsap-fadein {
  opacity: 0;
}

.uk-subnav {
  padding: 0 !important;
}
.uk-subnav li {
  background-color: transparent !important;
}
.uk-subnav li a {
  background-color: transparent !important;
}
.uk-subnav li a:link, .uk-subnav li a:visited {
  text-transform: capitalize;
  text-decoration: none;
  color: #000000;
  padding: 0;
}
.uk-subnav li a:hover, .uk-subnav li a:active {
  opacity: 0.5;
}
.uk-subnav li.uk-active a:link, .uk-subnav li.uk-active a:visited {
  text-decoration: none !important;
  font-weight: bold;
  pointer-events: none;
}

.two-columns {
  column-count: 2;
  column-gap: 30px;
}
@media (min-width: 1200px) {
  .two-columns {
    column-gap: 40px;
  }
}

@media (min-width: 640px) {
  .two-columns\@s {
    column-count: 2;
    column-gap: 30px;
  }
}
@media (min-width: 640px) and (min-width: 1200px) {
  .two-columns\@s {
    column-gap: 40px;
  }
}

@media (min-width: 960px) {
  .two-columns\@m {
    column-count: 2;
    column-gap: 30px;
  }
}
@media (min-width: 960px) and (min-width: 1200px) {
  .two-columns\@m {
    column-gap: 40px;
  }
}

@media (min-width: 1200px) {
  .two-columns\@l {
    column-count: 2;
    column-gap: 40px;
  }
}

@media (min-width: 960px) {
  .three-columns\@m {
    column-count: 3;
    column-gap: 30px;
  }
}
@media (min-width: 960px) and (min-width: 1200px) {
  .three-columns\@m {
    column-gap: 40px;
  }
}

@media (min-width: 1200px) {
  .three-columns\@l {
    column-count: 3;
    column-gap: 40px;
  }
}

@media (min-width: 960px) {
  .four-columns\@m {
    column-count: 4;
    column-gap: 30px;
  }
}
@media (min-width: 960px) and (min-width: 1200px) {
  .four-columns\@m {
    column-gap: 40px;
  }
}

@media (min-width: 1200px) {
  .four-columns\@l {
    column-count: 4;
    column-gap: 40px;
  }
}

.cmtextbildText table {
  border-color: #FFFFFF;
}
.cmtextbildText table tr td {
  padding-bottom: 12px !important;
  padding-right: 20px !important;
  vertical-align: top;
}
.cmtextbildText table tr td:first-child {
  min-width: max-content;
  max-width: 230px;
  min-width: 155px;
}
@media (max-width: 640px) {
  .cmtextbildText table tr td:first-child {
    width: 110px !important;
    min-width: auto;
  }
}
.cmtextbildText table tr td p:last-child {
  margin-bottom: 0 !important;
}
.cmtextbildText table[border="1"] tr td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.cmtextbildText ul li {
  padding-bottom: 12px !important;
}

@media (min-width: 1200px) {
  * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
    margin-top: 0px;
  }
}
.gigicon {
  position: relative;
  height: 26px !important;
  width: 26px !important;
}
.gigicon img {
  display: none;
}
.gigicon:before, .gigicon:after {
  position: absolute;
  top: 0;
  left: 12px;
  content: "";
  width: 2px;
  height: 100%;
  background-color: white;
}
.gigicon:after {
  transform: rotate(90deg);
}

body.darkmode .gigicon {
  transition: transform 0.15s ease;
  position: relative;
  height: 26px !important;
  width: 26px !important;
}
body.darkmode .gigicon img {
  display: none;
}
body.darkmode .gigicon:before, body.darkmode .gigicon:after {
  position: absolute;
  top: 0;
  left: 12px;
  content: "";
  width: 2px;
  height: 100%;
  background-color: white;
}
body.darkmode .gigicon:after {
  transform: rotate(90deg);
}
body.darkmode .uk-accordion-title[aria-expanded=true] .uk-accordion-title-inner .gigicon {
  transform: rotate(45deg);
}