@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../font/montserrat/montserrat-v12-latin-ext_latin-300.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-300.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../font/montserrat/montserrat-v12-latin-ext_latin-regular.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: local("Montserrat Italic"), local("Montserrat-Italic"), url("../font/montserrat/montserrat-v12-latin-ext_latin-italic.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 300;
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"), url("../font/montserrat/montserrat-v12-latin-ext_latin-300italic.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-300italic.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../font/montserrat/montserrat-v12-latin-ext_latin-500.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-500.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"), url("../font/montserrat/montserrat-v12-latin-ext_latin-500italic.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-500italic.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../font/montserrat/montserrat-v12-latin-ext_latin-700.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-700.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("../font/montserrat/montserrat-v12-latin-ext_latin-700italic.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-700italic.woff") format("woff");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  src: local("Montserrat Black"), local("Montserrat-Black"), url("../font/montserrat/montserrat-v12-latin-ext_latin-900.woff2") format("woff2"), url("../font/montserrat/montserrat-v12-latin-ext_latin-900.woff") format("woff");
}
/*
@import '../../assets/font/barlow/stylesheet.css';
@import '../../assets/font/barlow/stylesheet-condensed.css';
*/
:root {
  --default-color: #121412;
  --brand-primary: #009a9e;
  --brand-secondary: #121412;
  --brand-secondary-l40: #1e2022;
  --brand-accent: #ff0082;
  --brand-primary-dark: #0c5453;
  --color-header: #121412;
}

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Montserrat", Calibri, Verdana, Geneva, Arial, sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #000;
  text-decoration: none;
}

a {
  color: var(--brand-primary);
  text-decoration: none;
  outline: 0 none;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:hover {
  color: var(--brand-secondary);
}

p {
  margin: 0 0 10px 0;
}

blockquote {
  margin: 0 0 0 30px;
}

h1 {
  color: var(--color-header);
  font-size: 32px;
  line-height: 28px;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  margin: 0 0 20px 0;
}

h2 {
  color: var(--color-header);
  font-size: 22px;
  line-height: 26px;
  font-weight: bold;
  font-style: normal;
  margin: 0 0 15px 0;
}

h3 {
  color: var(--brand-primary);
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  font-style: normal;
  margin: 0 0 10px 0;
}

h4 {
  color: var(--brand-primary);
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  font-style: normal;
  margin: 0 0 10px 0;
}

.s {
  font-size: 0.8em;
  line-height: 1.25em;
}

.m {
  font-size: 1.1em;
  line-height: 1.5em;
}

.l {
  font-size: clamp(1.25rem, 1.25rem + (1vw - 0.2rem) * 0.417, 1.5rem);
  line-height: 1.35em;
}

.xl {
  font-size: clamp(2rem, 2rem + (1vw - 0.2rem) * 0.417, 2.25rem);
  line-height: 1.35em;
}

.xxl {
  font-size: clamp(2rem, 2rem + (1vw - 0.1rem) * 3.5, 5rem);
  line-height: 1.35em;
}

.center {
  text-align: center;
}

/* ----------- layout ----------- */
body {
  background-color: #FFF;
}

#head {
  background-color: #121412;
  color: #FFF;
}
#head .container {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#head .navbar {
  background-color: var(--brand-secondary);
  color: #FFF;
  min-height: 0;
}
#head .navbar .nav a[href*=register] {
  color: var(--brand-primary);
  background-color: #FFF;
}
#head .navbar .nav a[href*=register]:hover {
  background-color: var(--brand-primary);
  color: #FFF;
}
#head .navbar a {
  color: #FFF;
  padding: 0.5em 1em;
}
#head .navbar a:hover {
  color: var(--brand-primary);
}

.logo {
  font-weight: 600;
  white-space: nowrap;
}
.logo span {
  font-weight: 800;
}

.button {
  display: inline-block;
  background-color: var(--brand-primary);
  color: #FFF;
  cursor: pointer;
  padding: 0.5em 1.5em;
  border-radius: 1em;
}
.button.accent {
  background-color: var(--brand-accent);
}

.button:hover {
  background-color: var(--brand-secondary);
  color: #FFF;
}
.button:hover.accent {
  background-color: var(--brand-primary);
}

.btn.form-submit {
  background-color: var(--brand-accent);
  color: #FFF;
  padding: 0.75em 1.5em;
  border-radius: 2em;
  font-size: 1rem;
}
.btn.form-submit:hover {
  background-color: var(--brand-primary);
}

p {
  font-weight: 500;
}

strong, b {
  font-weight: 600;
}

article.card {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.path-jkg-login .ui-menu-item small {
  display: none !important;
}

.card__body {
  padding: 0;
}

.container {
  padding: 2rem 3rem;
}

.container.region--gallery-filter > .region--complementary-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em;
}

#block-groupmembershipbutton {
  display: none;
}

.block-jkg-upload-block.card {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.gallery-with-filter .view-gallery {
  --gridwidth: 100%;
  --cols: 2;
  --gap: 20px;
  gap: var(--gap);
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  grid-auto-rows: minmax(-webkit-min-content, calc(var(--gridwidth) - (var(--cols) - 1) / var(--cols)));
  grid-auto-rows: minmax(min-content, calc(var(--gridwidth) - (var(--cols) - 1) / var(--cols)));
}
.gallery-with-filter article.card {
  padding: 1em;
  margin: 0;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5);
}
.gallery-with-filter article.card .meta-engage, .gallery-with-filter article.card .field--label, .gallery-with-filter article.card .comment__actions, .gallery-with-filter article.card .metainfo__published-date + div {
  display: none;
}
.gallery-with-filter .block-jkg-upload-block a {
  background-color: var(--brand-primary);
  color: #FFF;
  padding: 1em 1.5em;
  display: inline-block;
  border-radius: 15px;
}
.gallery-with-filter .block-jkg-upload-block a:hover {
  background-color: var(--brand-accent);
}
.gallery-with-filter ul.item-list__checkbox {
  padding: 0 0 1em 0;
}
.gallery-with-filter .region--complementary-top .card {
  margin-bottom: 0;
}
.gallery-with-filter .block-facet-blockort h2, .gallery-with-filter .block-facet-blockwettbewerb h2 {
  font-weight: bold;
  padding: 1em 1.5em;
  cursor: pointer;
}
.gallery-with-filter .block-facet-blockort h2::after, .gallery-with-filter .block-facet-blockwettbewerb h2::after {
  content: "+";
  font-family: sans-serif;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: var(--brand-primary);
  color: #ffffff;
}
.gallery-with-filter .block-facet-blockort h2.on::after, .gallery-with-filter .block-facet-blockwettbewerb h2.on::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.gallery-with-filter .block-facet-blockort h2 + .facets-widget-checkbox, .gallery-with-filter .block-facet-blockwettbewerb h2 + .facets-widget-checkbox {
  display: block;
  max-height: 0px;
  padding: 0 1.5em;
  overflow: hidden;
  -webkit-transition: all 0.8s cubic-bezier(0, 1, 0, 1);
  transition: all 0.8s cubic-bezier(0, 1, 0, 1);
}
.gallery-with-filter .block-facet-blockort h2.on + .facets-widget-checkbox, .gallery-with-filter .block-facet-blockwettbewerb h2.on + .facets-widget-checkbox {
  display: block;
  max-height: 4000px;
  -webkit-transition: all 0.8s cubic-bezier(1, 0, 1, 0);
  transition: all 0.8s cubic-bezier(1, 0, 1, 0);
}
.gallery-with-filter .facets-widget-checkbox li {
  list-style: none;
}
.gallery-with-filter .facets-widget-checkbox .facets-checkbox {
  margin-right: 0.5em;
}
.gallery-with-filter .facets-widget-checkbox label {
  margin-bottom: 0;
}

.grid-container.shadow, .grid-container .shadow {
  -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 2em rgba(0, 0, 0, 0.3);
  background-color: #FFF;
}

.bg-01 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-04.jpg");
}

.bg-02 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-06.jpg");
}

.bg-03 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-07.jpg");
}

.bg-04 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-02.jpg");
}

.bg-05 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-03.jpg");
}

.bg-06 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-01.jpg");
}

.bg-07 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-05.jpg");
}

.bg-08 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-08.jpg");
}

.bg-09 {
  background-image: url("../images/freestyle-fyvve/walls/mobile/wall-09.jpg");
}

.grid-container[class*=bg-0] {
  background-size: cover;
}

.grid-container[class*=bg-0] {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
  -webkit-box-shadow: inset 0 0 5vw rgba(0, 0, 0, 0.8);
          box-shadow: inset 0 0 5vw rgba(0, 0, 0, 0.8);
  -webkit-clip-path: url("#cut-1");
          clip-path: url("#cut-1");
}

.grid-container.bg-dark {
  --color-header:#FFF;
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
  -webkit-clip-path: url("#cut-2");
          clip-path: url("#cut-2");
}
.grid-container.bg-dark a:hover {
  color: #FFF;
}

.grid-container.bg-color, .grid-container.bg-03 {
  padding-top: 7rem !important;
  padding-bottom: 3rem !important;
  -webkit-clip-path: url("#cut-3");
          clip-path: url("#cut-3");
}

.grid-container.bg-04 {
  padding-top: 7rem !important;
  padding-bottom: 3rem !important;
  -webkit-clip-path: url("#cut-4");
          clip-path: url("#cut-4");
}

.grid-container.bg-05 {
  padding-top: 3rem !important;
  padding-bottom: 7rem !important;
  -webkit-clip-path: url("#cut-5");
          clip-path: url("#cut-5");
}

.grid-container.bg-06 {
  padding-top: 3rem !important;
  padding-bottom: 7rem !important;
  -webkit-clip-path: url("#cut-6");
          clip-path: url("#cut-6");
}

.grid-container[class*=bg-] + .grid-container[class*=bg-] {
  margin-top: -5.25rem;
}

.grid-container .grid-box.shadow {
  background-color: #FFF;
  padding: 2em;
  border-radius: 2em;
}
.grid-container .grid-box.shadow.bg-color {
  background-color: var(--brand-primary);
  color: #FFF;
  --color-header:#FFF;
}
.grid-container .grid-box.shadow.bg-color .button {
  color: var(--brand-primary);
  background-color: #FFF;
}
.grid-container .grid-box.shadow.bg-color .button:hover {
  background-color: var(--brand-secondary);
  color: #FFF;
}

.test #content.freestyle-fyvve {
  background: url(../images/freestyle-fyvve/images/birds-anim.svg) left top no-repeat;
  background-size: contain;
}

/* ----------- resets ----------- */
.meta-engage {
  display: none;
}

.block--user-menu h2, .region--usermenu h2 {
  display: none;
}
.block--user-menu .navbar-user > li > a, .block--user-menu .navbar-user > li > button, .block--user-menu .navbar-user .navbar-nav > li > a, .block--user-menu .navbar-user .navbar-nav > li > button, .region--usermenu .navbar-user > li > a, .region--usermenu .navbar-user > li > button, .region--usermenu .navbar-user .navbar-nav > li > a, .region--usermenu .navbar-user .navbar-nav > li > button {
  font-size: 0.875rem;
  height: auto;
  padding: 0.5em 1em;
  color: #FFF;
}
.block--user-menu .navbar-user > li > a:hover, .block--user-menu .navbar-user > li > button:hover, .block--user-menu .navbar-user .navbar-nav > li > a:hover, .block--user-menu .navbar-user .navbar-nav > li > button:hover, .region--usermenu .navbar-user > li > a:hover, .region--usermenu .navbar-user > li > button:hover, .region--usermenu .navbar-user .navbar-nav > li > a:hover, .region--usermenu .navbar-user .navbar-nav > li > button:hover {
  color: var(--brand-accent);
}

.site-footer, .badge-secondary, .stream-icon-new {
  background-color: var(--brand-secondary);
}
.site-footer a:hover, .badge-secondary a:hover, .stream-icon-new a:hover {
  color: #FFF;
}

.site-footer {
  padding-top: 3rem !important;
  -webkit-clip-path: url(#cut-4);
  clip-path: url(#cut-4);
}

/*.frame_cards .card__body {display: none;}*/
main.page-contest section.container, main.page-contest .region--content, main.page-contest section#block-fyvve-content {
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: none;
}

#galerie, [class*=galerie-s] {
  --rootunit: 0.2vh;
  --unit: 0.1vh;
  --fsizemax:3vh;
  --paddingmax:30;
  --columns:12;
  --headerheight:140px;
}

/*--------- 4er Block Galerie -------- */
[class*=galerie-s] {
  --unit: 1px;
  --rootunit: 1px;
  --fsizemax:20px;
  height: calc(400 * var(--unit));
  position: relative;
}

[class*=galerie-s].frame_cards .card {
  position: absolute;
}

.galerie-s-h .card:nth-child(-n+10) {
  --offset-h:calc(20 * var(--rootunit));
  bottom: calc(50% + 10 * var(--unit));
  -webkit-animation: slideframeleft 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
          animation: slideframeleft 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}

.galerie-s-h .card:nth-child(n+11) {
  --offset-h:0px;
  top: calc(50% + 10 * var(--unit));
  -webkit-animation: slideframeright 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
          animation: slideframeright 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}

.galerie-s-h .card:nth-child(2n) {
  right: calc(50% + 10 * var(--unit) + var(--offset-h));
}

.galerie-s-h .card:nth-child(2n+1) {
  left: calc(50% + 10 * var(--unit) - var(--offset-h));
}

.galerie-s-v .card:nth-child(-n+10) {
  --offset-v:calc(60 * var(--rootunit));
  left: calc(50% + 10 * var(--unit));
  -webkit-animation: slideframedown 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
          animation: slideframedown 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}

.galerie-s-v .card:nth-child(n+11) {
  --offset-v:0px;
  right: calc(50% + 10 * var(--unit));
  -webkit-animation: slideframeup 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
          animation: slideframeup 20s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}

.galerie-s-v .card:nth-child(2n) {
  top: calc(50% + 10 * var(--unit) - var(--offset-v));
}

.galerie-s-v .card:nth-child(2n+1) {
  bottom: calc(50% + 10 * var(--unit) + var(--offset-v));
}

[class*=galerie-s] .card:nth-child(n+1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

[class*=galerie-s] .card:nth-child(n+2) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

[class*=galerie-s] .card:nth-child(n+3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

[class*=galerie-s] .card:nth-child(n+4) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

[class*=galerie-s] .card:nth-child(n+5) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

[class*=galerie-s] .card:nth-child(n+6) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

[class*=galerie-s] .card:nth-child(n+7) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

[class*=galerie-s] .card:nth-child(n+8) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

[class*=galerie-s] .card:nth-child(n+9) {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}

[class*=galerie-s] .card:nth-child(n+10) {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}

[class*=galerie-s] .card:nth-child(10n+1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

[class*=galerie-s] .card:nth-child(10n+2) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

[class*=galerie-s] .card:nth-child(10n+3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

[class*=galerie-s] .card:nth-child(10n+4) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

[class*=galerie-s] .card:nth-child(10n+5) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

[class*=galerie-s] .card:nth-child(10n+6) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

[class*=galerie-s] .card:nth-child(10n+7) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

[class*=galerie-s] .card:nth-child(10n+8) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

[class*=galerie-s] .card:nth-child(10n+9) {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}

[class*=galerie-s] .card:nth-child(10n+10) {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}

@-webkit-keyframes slideframeleft {
  0% {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
  2% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
}

@keyframes slideframeleft {
  0% {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
  2% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes slideframeright {
  0% {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
  2% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
}
@keyframes slideframeright {
  0% {
    -webkit-transform: translate3d(-50px, 0, 0);
            transform: translate3d(-50px, 0, 0);
    opacity: 0;
  }
  2% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(50px, 0, 0);
            transform: translate3d(50px, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes slideframeup {
  0% {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
  3% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  21% {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
}
@keyframes slideframeup {
  0% {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
  3% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  21% {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes slideframedown {
  0% {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  3% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  21% {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
}
@keyframes slideframedown {
  0% {
    -webkit-transform: translate3d(0, -50px, 0);
            transform: translate3d(0, -50px, 0);
    opacity: 0;
  }
  3% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  21% {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
    opacity: 0;
  }
}
/*--------- Wand Galerie -------- */
#galerie {
  /*  -webkit-overflow-scrolling: touch;
    overflow-x:scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;*/
  position: relative;
  overflow: hidden;
  --positionX:0;
  /*
        -webkit-overflow-scrolling: touch;
          overflow-x:scroll;
          scroll-snap-type: x mandatory;
          scroll-behavior: smooth;
          scrollbar-width:0;
          */
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#galerie .frames {
  padding: 1em 2em;
  background-size: cover;
  background-position: bottom;
  min-height: calc(100vh - var(--headerheight)); /*header height*/
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  margin: 0 auto;
  width: calc(4em + var(--columns) * 25vh + var(--columns) * 20 * var(--unit));
  min-width: 100%;
  grid-template-columns: repeat(var(--columns), 25vh);
  grid-template-rows: repeat(2, calc((100vh - var(--headerheight)) / 2 - 1em - 20 * var(--unit)));
  /*grid-template-rows: repeat(2, 1fr);*/
  grid-gap: calc(20 * var(--unit));
  /*transition: transform 1.5s;
   transition-timing-function: ease-in-out;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transform: translateX(calc(-100vw * var(--positionX)));*/
  background-image: url("../images/freestyle-fyvve/walls/wall-01.jpg"), url("../images/freestyle-fyvve/walls/wall-02.jpg"), url("../images/freestyle-fyvve/walls/wall-03.jpg"), url("../images/freestyle-fyvve/walls/wall-04.jpg"), url("../images/freestyle-fyvve/walls/wall-05.jpg"), url("../images/freestyle-fyvve/walls/wall-06.jpg"), url("../images/freestyle-fyvve/walls/wall-07.jpg"), url("../images/freestyle-fyvve/walls/wall-08.jpg"), url("../images/freestyle-fyvve/walls/wall-09.jpg"), url("../images/freestyle-fyvve/walls/wall-01.jpg"), url("../images/freestyle-fyvve/walls/wall-02.jpg"), url("../images/freestyle-fyvve/walls/wall-03.jpg"), url("../images/freestyle-fyvve/walls/wall-04.jpg"), url("../images/freestyle-fyvve/walls/wall-05.jpg"), url("../images/freestyle-fyvve/walls/wall-06.jpg"), url("../images/freestyle-fyvve/walls/wall-07.jpg"), url("../images/freestyle-fyvve/walls/wall-08.jpg"), url("../images/freestyle-fyvve/walls/wall-09.jpg"), url("../images/freestyle-fyvve/walls/wall-01.jpg"), url("../images/freestyle-fyvve/walls/wall-02.jpg"), url("../images/freestyle-fyvve/walls/wall-03.jpg"), url("../images/freestyle-fyvve/walls/wall-04.jpg"), url("../images/freestyle-fyvve/walls/wall-05.jpg"), url("../images/freestyle-fyvve/walls/wall-06.jpg"), url("../images/freestyle-fyvve/walls/wall-07.jpg"), url("../images/freestyle-fyvve/walls/wall-08.jpg"), url("../images/freestyle-fyvve/walls/wall-09.jpg");
  background-position-y: top;
  /*background-position-x: 0,200vh,400vh,600vh,800vh,1000vh,1200vh,1400vh,1600vh,1800vh,2000vh,2200vh,2400vh,2600vh,2800vh,3000vh,3200vh,3400vh,3600vh,3800vh,4000vh,4200vh,4400vh,4600vh,4800vh,5000vh,5200vh,5400vh,5600vh,5800vh;*/
  --bgoffset:0vh;
  background-position-x: calc(0vh - var(--bgoffset)), calc(200vh - var(--bgoffset)), calc(400vh - var(--bgoffset)), calc(600vh - var(--bgoffset)), calc(800vh - var(--bgoffset)), calc(1000vh - var(--bgoffset)), calc(1200vh - var(--bgoffset)), calc(1400vh - var(--bgoffset)), calc(1600vh - var(--bgoffset)), calc(1800vh - var(--bgoffset)), calc(2000vh - var(--bgoffset)), calc(2200vh - var(--bgoffset)), calc(2400vh - var(--bgoffset)), calc(2600vh - var(--bgoffset)), calc(2800vh - var(--bgoffset)), calc(3000vh - var(--bgoffset)), calc(3200vh - var(--bgoffset)), calc(3400vh - var(--bgoffset)), calc(3600vh - var(--bgoffset)), calc(3800vh - var(--bgoffset)), calc(4000vh - var(--bgoffset)), calc(4200vh - var(--bgoffset)), calc(4400vh - var(--bgoffset)), calc(4600vh - var(--bgoffset)), calc(4800vh - var(--bgoffset)), calc(5000vh - var(--bgoffset));
  background-size: 210vh;
  background-repeat: no-repeat;
}

#galerie {
  background-image: url("../images/freestyle-fyvve/walls/wall-01.jpg");
  background-position-y: top;
  background-position-x: 0;
  background-size: 210vh;
  background-repeat: no-repeat;
}
#galerie .metainfo, #galerie .meta-engage {
  display: none;
}
#galerie [class*=button] {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  width: calc(90 * var(--unit));
  height: calc(90 * var(--unit));
  border-radius: 50%;
  border: 2px solid;
  color: #FFF;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#galerie [class*=button]:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#galerie .button_prev::after {
  content: "";
  position: absolute;
  left: 40%;
  top: 30%;
  width: 40%;
  height: 40%;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
#galerie .button_next::after {
  content: "";
  position: absolute;
  right: 40%;
  top: 30%;
  width: 40%;
  height: 40%;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#galerie .button_prev {
  left: calc(30 * var(--unit));
}
#galerie .button_next {
  right: calc(30 * var(--unit));
}
#galerie .button_prev.disabled, #galerie .button_next.disabled {
  opacity: 0.25;
  pointer-events: none;
}
#galerie .card:hover {
  z-index: 1000;
}
#galerie .card:hover .field--label {
  opacity: 1;
  top: calc(100% - 5px);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
#galerie .card:hover .field {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
  padding: 5px;
  background-color: #FFF;
}
#galerie .card:hover .field::after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.frame_cards {
  /*.card[class*=pp-s]{background-color:#fff}*/
}
.frame_cards .card {
  --shad-x: calc(4 * var(--rootunit));
  --shad-y: calc(7 * var(--rootunit));
  --shad-s: calc(6 * var(--rootunit));
  display: inline-block;
  position: relative;
  border-width: var(--fsize);
  border-style: solid;
  border-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: var(--shad-x) var(--shad-y) var(--shad-s) rgba(0, 0, 0, 0.7), inset calc(var(--shad-x) / 2) calc(var(--shad-y) / 2) calc(var(--shad-s) / 2) rgba(0, 0, 0, 0.2);
          box-shadow: var(--shad-x) var(--shad-y) var(--shad-s) rgba(0, 0, 0, 0.7), inset calc(var(--shad-x) / 2) calc(var(--shad-y) / 2) calc(var(--shad-s) / 2) rgba(0, 0, 0, 0.2);
  margin: 0;
  background-clip: initial;
}
.frame_cards .card .field {
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.frame_cards .card .field ~ .field {
  display: none;
}
.frame_cards .card .field::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-box-shadow: inset calc(var(--shad-x) / 4) calc(var(--shad-y) / 4) calc(var(--shad-s) / 4) rgba(0, 0, 0, 0.2);
          box-shadow: inset calc(var(--shad-x) / 4) calc(var(--shad-y) / 4) calc(var(--shad-s) / 4) rgba(0, 0, 0, 0.2);
}
.frame_cards .card .field--label {
  display: block;
  position: absolute;
  z-index: -1;
  opacity: 0;
  top: 0;
  left: 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  font-size: 1em;
  line-height: 1.3em;
  padding: 5px;
  background-color: #FFF;
  min-width: 0;
}
.frame_cards .card:nth-child(6n) {
  --fsize:0px;
  --shad-x:calc(2 * var(--unit));
  --shad-y:calc(3 * var(--unit));
  --shad-s:calc(3 * var(--unit));
  -webkit-box-shadow: var(--shad-x) var(--shad-y) var(--shad-s) rgba(0, 0, 0, 0.5);
          box-shadow: var(--shad-x) var(--shad-y) var(--shad-s) rgba(0, 0, 0, 0.5);
}
.frame_cards .card:nth-child(6n+1) {
  --fsize:calc(10 * var(--unit));
}
.frame_cards .card:nth-child(6n+2) {
  --fsize:calc(12 * var(--unit));
}
.frame_cards .card:nth-child(6n+3) {
  --fsize:calc(16 * var(--unit));
}
.frame_cards .card:nth-child(6n+4) {
  --fsize:min(calc(20 * var(--unit)),var(--fsizemax));
}
.frame_cards .card:nth-child(6n+5) {
  --fsize:min(calc(28 * var(--unit)),var(--fsizemax));
}
.frame_cards .card:nth-child(15n+1) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame01.png") 36 36 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame01.png") 36 36 repeat;
}
.frame_cards .card:nth-child(15n+2) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame02.png") 36 36 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame02.png") 36 36 repeat;
  --fsizemax: calc(16 * var(--unit));
}
.frame_cards .card:nth-child(15n+3) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame03.png") 36 36 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame03.png") 36 36 repeat;
}
.frame_cards .card:nth-child(15n+4) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame04.png") 36 36 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame04.png") 36 36 repeat;
}
.frame_cards .card:nth-child(15n+5) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame05.png") 105 105 stretch;
     border-image: url("../images/freestyle-fyvve/frames/frame05.png") 105 105 stretch;
  border-image-outset: calc(3 * var(--unit));
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-filter: drop-shadow(var(--shad-x) var(--shad-y) var(--shad-s) rgba(0, 0, 0, 0.5));
          filter: drop-shadow(var(--shad-x) var(--shad-y) var(--shad-s) rgba(0, 0, 0, 0.5));
  --unit:calc(var(--rootunit) * 0.75);
  --paddingmax:15;
  --fsizemax: calc(16 * var(--unit));
}
.frame_cards .card:nth-child(15n+6) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame06.png") 97 97 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame06.png") 97 97 repeat;
}
.frame_cards .card:nth-child(15n+7) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame07.png") 88 85 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame07.png") 88 85 repeat;
}
.frame_cards .card:nth-child(15n+8) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame08.png") 79 79 stretch;
     border-image: url("../images/freestyle-fyvve/frames/frame08.png") 79 79 stretch;
}
.frame_cards .card:nth-child(15n+9) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame09.png") 41 41 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame09.png") 41 41 repeat;
}
.frame_cards .card:nth-child(15n+10) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame10.png") 41 41 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame10.png") 41 41 repeat;
}
.frame_cards .card:nth-child(15n+11) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame11.png") 43 43 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame11.png") 43 43 repeat;
}
.frame_cards .card:nth-child(15n+12) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame12.png") 55 55 repeat;
     border-image: url("../images/freestyle-fyvve/frames/frame12.png") 55 55 repeat;
}
.frame_cards .card:nth-child(15n+13) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame13.png") 130 160 stretch;
     border-image: url("../images/freestyle-fyvve/frames/frame13.png") 130 160 stretch;
  --unit:calc(var(--rootunit) * 1.5) ;
}
.frame_cards .card:nth-child(15n+14) {
  -o-border-image: url("../images/freestyle-fyvve/frames/frame14.png") 58 58 68 70 stretch;
     border-image: url("../images/freestyle-fyvve/frames/frame14.png") 58 58 68 70 stretch;
}
.frame_cards .card:nth-child(4n+0) {
  padding: 0px;
}
.frame_cards .card:nth-child(4n+1) {
  padding: calc(10 * var(--unit));
}
.frame_cards .card:nth-child(4n+2) {
  padding: calc(20 * var(--unit));
}
.frame_cards .card:nth-child(4n+3) {
  padding: min(30 * var(--unit), var(--paddingmax));
}
.frame_cards .card:nth-child(9n+0) {
  background-color: #e7e3d7;
}
.frame_cards .card:nth-child(9n+1) {
  background-color: #efedea;
}
.frame_cards .card:nth-child(9n+2) {
  background-color: #323232;
}
.frame_cards .card:nth-child(9n+3) {
  background-color: #E9E6DD;
}
.frame_cards .card:nth-child(9n+4) {
  background-color: #ccd7e8;
}
.frame_cards .card:nth-child(9n+5) {
  background-color: #080707;
}
.frame_cards .card:nth-child(9n+6) {
  background-color: #233038;
}
.frame_cards .card:nth-child(9n+7) {
  background-color: #4A6958;
}
.frame_cards .card:nth-child(9n+8) {
  background-color: #898984;
}
.frame_cards .card:nth-child(10n) {
  background-image: url("../images/freestyle-fyvve/frames/structure.png");
}
.frame_cards .card img {
  display: block;
  width: 100%;
  max-height: calc(150 * var(--rootunit));
}
.frame_cards .card {
  grid-column: span 1;
  grid-row: span 1;
}
.frame_cards .card:nth-child(5n+5) {
  grid-column: span 2;
}
.frame_cards .card:nth-child(7n) {
  grid-row: span 2;
}
.frame_cards .card:nth-child(3n) {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.frame_cards .card:nth-child(6n) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.frame_cards .card:nth-child(5n) {
  justify-self: self-start;
}
.frame_cards .card:nth-child(8n) {
  justify-self: self-end;
}
.frame_cards .card.logo {
  grid-column: span 2;
  grid-row: span 2;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
  background-color: transparent;
  padding: 0;
  border: none;
}
.frame_cards .card.logo, .frame_cards .card.logo .field {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.frame_cards .card.logo figure::after {
  content: none;
}
/*footer*/
.grid-container:last-child .grid-box__gallery--images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}

.grid-container:last-child figure.grid-box__gallery--image {
  mix-blend-mode: multiply;
}

.grid-container:last-child .grid-box-first img {
  max-width: 110px;
}

.grid-container:last-child .grid-box-first + .grid-box img {
  max-height: 55px;
}

.grid-container:last-child .grid-box-last img {
  max-height: 70px;
}

.ui-widget-overlay {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  background: #FFF !important;
}

@media (min-width: 768px) {
  .gallery-with-filter .view-gallery {
    --cols:3 ;
  }
}

@media (min-width: 900px) {
  .container {
    max-width: 1200px;
  }
  .gallery-with-filter .view-gallery {
    --cols:4 ;
  }
}

@media (min-width: 1200px) {
  .card__body {
    padding: 0;
  }
  .grid-container[class*=bg-] {
    padding: 3rem calc((100vw - 1200px + 6rem) / 2);
    margin-left: calc((1200px - 100vw - 6rem) / 2);
    margin-right: calc((1200px - 100vw - 6rem) / 2);
  }
}

@media (max-width: 599px) {
  #head .container {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}

@media (max-width: 480px) {
  .gallery-with-filter .view-gallery {
    --cols:1 ;
  }
}

@media (max-width: 899px) {
  .grid-container[class*=bg-0] {
    -webkit-clip-path: url(#cut-1-low);
            clip-path: url(#cut-1-low);
  }
  .grid-container.bg-dark {
    -webkit-clip-path: url(#cut-2-low);
            clip-path: url(#cut-2-low);
  }
  .grid-container.bg-color, .grid-container.bg-03 {
    -webkit-clip-path: url(#cut-3-low);
            clip-path: url(#cut-3-low);
  }
  .grid-container.bg-04 {
    -webkit-clip-path: url(#cut-4-low);
            clip-path: url(#cut-4-low);
  }
  .grid-container.bg-05 {
    -webkit-clip-path: url(#cut-5-low);
            clip-path: url(#cut-5-low);
  }
  .grid-container.bg-06 {
    -webkit-clip-path: url(#cut-6-low);
            clip-path: url(#cut-6-low);
  }
}

@media screen and (max-width: 640px) {
  :root {
    --unit:0.5px;
  }
  #galerie .card:nth-child(15n+5) {
    --unit:1px;
  }
  #galerie .frames {
    background-image: url("../images/freestyle-fyvve/walls/mobile/wall-01.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-02.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-03.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-04.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-05.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-06.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-07.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-08.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-09.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-01.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-02.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-03.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-04.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-05.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-06.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-07.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-08.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-09.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-01.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-02.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-03.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-04.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-05.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-06.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-07.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-08.jpg"), url("../images/freestyle-fyvve/walls/mobile/wall-09.jpg");
  }
}