/* archivo-narrow-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* archivo-narrow-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Archivo Narrow';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/archivo-narrow-v30-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* be-vietnam-pro-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* be-vietnam-pro-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/be-vietnam-pro-v11-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
 font-family: "Be Vietnam Pro", sans-serif;
 font-weight: 500;
 font-style: normal;
}

body.startpage .navbar {
 position: fixed;
 padding-top: 0 !important;
 opacity: 0;
 transition: opacity 0.5s ease;
}

h1, h2, h3, h4, h5, h6 {
 font-family: "Archivo Narrow", sans-serif;
 font-optical-sizing: auto;
 font-weight: 700;
 font-style: normal;
}

h1, h2, h3 {
 letter-spacing: inherit;
}

.footer a {
 color: black;
}

main.content a:not(.nav-link),
.zs-link {
  position: relative;
  color: black;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
  z-index: 1;
}

main.content a:not(.nav-link)::before,
.zs-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: -1;
  transition: transform 0.3s ease;
  transform-origin: bottom center;
  pointer-events: none;
}

main.content a:not(.nav-link)::after,
.zs-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  z-index: -1;
  transition: height 0.3s ease;
  pointer-events: none;
}

/* Hover / Focus Effekte */
main.content a:not(.nav-link):hover,
main.content a:not(.nav-link):focus,
.zs-link:hover,
.zs-link:focus {
  color: white !important;
}

main.content a:not(.nav-link):hover::before,
main.content a:not(.nav-link):focus::before,
.zs-link:hover::before,
.zs-link:focus::before {
  transform: scaleY(0);
}

main.content a:not(.nav-link):hover::after,
main.content a:not(.nav-link):focus::after,
.zs-link:hover::after,
.zs-link:focus::after {
  height: 100%;
}

.uk-navbar-brand {
 transition: transform 0.3s ease;
}

.uk-navbar-brand:hover {
 transform: scale(2);
 transform-origin: center top;
}

@media screen and (min-width:769px) {
 .uk-navbar-brand:hover {
  transform: scale(3);
  transform-origin: 30% top;
 }
}

@media screen and (min-width:1024px) {
 .uk-navbar-brand:hover {
  transform: scale(4);
  transform-origin: 30% top;
 }
}

@media screen and (min-width:1408px) {
 .uk-navbar-brand:hover {
  transform: scale(5);
  transform-origin: 30% top;
 }
}

.uk-modal {
 background-color: var(--color-modal-bg);
 background-size: 33vw auto;
 background-repeat: no-repeat;
 background-position: right 25% bottom 25%;
 background-attachment: fixed;
}

.uk-modal-dialog {
 --color-nav: var(--color-modal-text);
}

.navbar-toggle.uk-active span {
 background-color: var(--color-modal-text);
}

section.zs-parallax {
 position: absolute;
 z-index: -1;
 overflow: hidden;
}

section.zs-parallax img {
 width: 100%;
 max-width: none;
 height: 100%;
 object-fit: cover;
 position: fixed;
 top: 0%;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
}

.uk-block-shift {
 padding-top: 0vh;
}

.zs-virn {
 padding-bottom: 23em;
 text-align: center;
}

.zs-virn img {
 width: 10em;
 height: 10em;
 transition: transform 0.1s ease;
}

@media screen and (min-width:640px) {
 .uk-block-shift {
  padding-top: 63vh;
 }
 
 .zs-virn {
  padding-bottom: 13em;
 }
}

@media screen and (min-width:1408px) {
 .uk-block-shift {
  padding-top: 63vh;
 }
 
 .zs-virn {
  padding-bottom: 13em;
 }
}

@media screen and (min-width:1600px) {
 .uk-block-shift {
  padding-top: 57vh;
 }
 
 .zs-virn {
  padding-bottom: 13em;
 }
}

.pswp__dynamic-caption--mobile {
 background: rgba(255,255,255,.9);
}

.pswp__button--arrow:hover,
.pswp__button--close:hover,
.pswp__button--zoom:hover {
 background: rgba(255,255,255,.9);
}

.zs-social-icon {
 display: inline-block;
 margin: 1.5em 0.5em 0.9em 0;
 width: 4em;
 height: 4em;
 background-size: contain !important;
}

.zs-social-icon.instagram {
 background: url('images/instagram.svg') no-repeat center;
}

.zs-social-icon.facebook {
 background: url('images/facebook.svg') no-repeat center;
}

#cookie-banner {
 position: relative;
 padding: 1.25rem 2.5rem 1.25rem 1.5rem;
 color: #362d28;
 background-color: rgba(210,100,129,0.9);
 border-radius: 0.5rem;
 z-index: 1000;
}

#cookie-banner a {
 color: #362d28;
 text-decoration: underline;
}

#cookie-banner button {
 position: relative;
 height: 2.25em;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin: 0;
 padding-bottom: calc(0.375em - 1px);
 padding-left: 0.75em;
 padding-right: 0.75em;
 padding-top: calc(0.375em - 1px);
 font-size: 1rem;
 color: #e9e4e2;
 text-align: center;
 white-space: nowrap;
 vertical-align: top;
 line-height: 1.5;
 background-color: rgba(0,0,0,0.95);
 border: 1px solid transparent;
 border-radius: 0.25rem;
 box-shadow: none;
 cursor: pointer;
}

#cookie-banner p {
 margin: 0;
}

#cookie-banner .has-text-centered {
 text-align: center !important;
}

@media screen and (max-width:769px) {
 .lines {
  position: relative;
  left: 1.75rem;
  overflow-x: hidden;
 }
}

.line {
 position: relative;
 bottom: -50px;
 width: 100%;
 height: 1em;
 background-color: black;
 transform-origin: bottom center;
 z-index: -1;
 pointer-events: none;
 will-change: transform;
}

:root {
 --cards-radius: 0.5rem;
 --color-modal-bg: #000;
 --color-modal-text: #fff;
}