/**
 * TODO:
 * Discuss use of auto-prefixer like compass or alike
 */
/* Fonts are awaiting... */
@import url("./bdf0wvu.css");
/*

Co Text Regular
font-family: co-text, sans-serif;
font-weight: 400;
font-style: normal;

Co Text Bold
font-family: co-text, sans-serif;
font-weight: 700;
font-style: normal;

*/
/* Generated by Glyphter (http://www.glyphter.com) on  Wed Sep 23 2020*/
@font-face {
  font-family: 'baleo erlenmatt';
  src: url("/wp-content/themes/baleo-erlenmatt/assets/css/fonts/co-text/baleo-erlenmatt.eot");
  src: url("/wp-content/themes/baleo-erlenmatt/assets/css/fonts/co-text/baleo-erlenmatt-1.eot") format("embedded-opentype"), url("/wp-content/themes/baleo-erlenmatt/assets/css/fonts/co-text/baleo-erlenmatt.woff") format("woff"), url("/wp-content/themes/baleo-erlenmatt/assets/css/fonts/co-text/baleo-erlenmatt.ttf") format("truetype"), url("/wp-content/themes/baleo-erlenmatt/assets/css/fonts/co-text/baleo-erlenmatt.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

[class*='icon-']:before {
  display: inline-block;
  font-family: 'baleo erlenmatt';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-left:before {
  content: '\0041'; }

.icon-arrow-right:before {
  content: '\0042'; }

.icon-bike:before {
  content: '\0043'; }

.icon-car:before {
  content: '\0044'; }

.icon-download:before {
  content: '\0045'; }

.icon-facebook:before {
  content: '\0046'; }

.icon-linkedin:before {
  content: '\0047'; }

.icon-map-marker:before {
  content: '\0048'; }

.icon-pdf:before {
  content: '\0049'; }

.icon-play:before {
  content: '\004a'; }

.icon-train:before {
  content: '\004b'; }

.icon-walking:before {
  content: '\004c'; }

.icon-overview:before {
  content: '\004d'; }

.icon-square:before {
  content: '\004e'; }

.icon-eye:before {
  content: '\0050'; }

@font-face {
  font-family: 'VideoJS';
  src: url("/assets/css/fonts/videoJS/vjs.eot");
  src: url("/assets/css/fonts/videoJS/vjs-1.eot") format("embedded-opentype"), url("/assets/css/fonts/videoJS/vjs.woff") format("woff"), url("/assets/css/fonts/videoJS/vjs.ttf") format("truetype"); }

/* Start - variables */
/* End - variables */
/* Start - variables */
/* End - variables */
/* Start - mixins */
/* End - mixins */
/* Start - functions */
/* End - functions */
/* Start - helpers */
/* Start - default helpers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* End - default helpers */
/* Start - general styles */
* {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  /* These Rules make if unnecessary to redefine color, size or font multiple times */
  color: inherit;
  font-family: inherit;
  line-height: inherit;
  font-size: inherit; }
  *:focus {
    outline: none; }
  *.stroke {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: transparent !important; }
  *.remove-margin {
    margin: 0 !important; }
  *.remove-padding {
    padding: 0 !important; }

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

/* End - general styles */
.w-100 {
  width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.h-100 {
  height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.nowrap {
  flex-wrap: nowrap; }

.cursor-pointer {
  cursor: pointer; }

/* Start - color styles */
/* End - color styles */
/* End - helpers */
/* STUIQ Styles */
#stuiq_loadmore {
  background-color: #ddd;
  border-radius: 2px;
  display: block;
  text-align: center;
  font-size: initial;
  font-weight: 600;
  letter-spacing: 1px;
  cursor: pointer;
  text-transform: uppercase;
  padding: 10px 0;
  margin: 30px 0 0 0;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; }
  #stuiq_loadmore:hover {
    background-color: #767676;
    color: #fff; }

#stuiq_pagination {
  display: flex;
  justify-content: center; }
  #stuiq_pagination a, #stuiq_pagination span {
    padding: 5px 10px;
    margin: 0 10px;
    color: black; }
    #stuiq_pagination a.next.page-numbers, #stuiq_pagination a.prev.page-numbers, #stuiq_pagination span.next.page-numbers, #stuiq_pagination span.prev.page-numbers {
      display: inline-block;
      padding: 5px;
      background-color: #eeeeee; }
    #stuiq_pagination a.next, #stuiq_pagination span.next {
      margin: 0 0 0 15px; }
    #stuiq_pagination a.prev, #stuiq_pagination span.prev {
      margin: 0 15px 0 0; }
  #stuiq_pagination span {
    background-color: #007bff;
    color: white; }

/*
 * This is the base, 1 rem is 10px.
 * If you want elements to have a fluid size
 * set the base font size to vw which is 10px.
 * EXAMPLE:
 * h1 is 35px on desktop, you want it to be fluid after 1400px viewport
 * 100 / 1400px * 10 -> 0.714vw
 * This way you dont need fluid-type function
 */
html {
  font-size: 10px; }

body {
  min-height: 100%;
  color: #000000;
  font-size: 1.7em;
  font-family: co-text, sans-serif;
  overflow-x: hidden; }
  body.menu-show header#header {
    background-color: transparent;
    box-shadow: unset; }

header#header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
  padding: 30px 0 20px 0;
  background-color: transparent;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }
  header#header.scrolled {
    background-color: #ffffff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  header#header #burger {
    display: inline-block;
    width: 100%;
    max-width: 30px;
    height: 22px;
    cursor: pointer; }
    header#header #burger span {
      width: 100%;
      height: 2px;
      display: block;
      background-color: #000000;
      position: relative;
      top: 0;
      margin: 0 auto 8px auto;
      -webkit-transition: all 0.3s ease-in 0s;
      -moz-transition: all 0.3s ease-in 0s;
      -o-transition: all 0.3s ease-in 0s;
      transition: all 0.3s ease-in 0s; }
      header#header #burger span:last-of-type {
        margin-bottom: 0; }
    header#header #burger.active span {
      width: 100%;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    header#header #burger.active span:first-child {
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 10px; }
    header#header #burger.active span:nth-child(2) {
      width: 1px; }
    header#header #burger.active span:nth-child(3) {
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: -10px; }

main {
  min-height: calc(100vh - 260px);
  padding-top: 126px;
  overflow: hidden; }
  main:before {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0c0c0c;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s; }
  main section .square {
    position: absolute; }

footer {
  position: relative;
  z-index: 10;
  background-color: #A9B1B3;
  color: #ffffff; }
  footer a:hover {
    color: #000000 !important; }
  footer nav#footer-menu {
    width: fit-content; }
    footer nav#footer-menu ul {
      padding: 0;
      list-style: none;
      display: flex; }
      footer nav#footer-menu ul li {
        margin-right: 30px; }
        footer nav#footer-menu ul li a {
          font-size: 14px; }

h1, .h1 {
  font-size: 60px;
  line-height: 71px;
  margin: 0 0 35px 0; }

h2, .h2 {
  font-size: 35px;
  line-height: 44px;
  margin: 0 0 35px 0; }

h3, .h3 {
  font-size: 24px;
  line-height: 33px;
  margin: 0 0 25px 0; }

a, button {
  color: inherit;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }
  a:hover, button:hover {
    text-decoration: none; }
  a:focus, button:focus {
    outline: none !important; }
  a.btn, button.btn {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #000000;
    padding: 15px 30px;
    border-radius: 30px;
    font-size: 15px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s, background-color 0.3s ease-in 0s; }
    a.btn:before, a.btn:after, button.btn:before, button.btn:after {
      position: absolute;
      content: '';
      display: block;
      width: 140%;
      height: 100%;
      left: -20%;
      z-index: -9;
      transition: all ease-in-out 0.5s;
      background-repeat: no-repeat; }
    a.btn:before, button.btn:before {
      display: none;
      top: -75%;
      background-image: radial-gradient(circle, #B1C701 20%, transparent 20%), radial-gradient(circle, transparent 20%, #46AFD9 20%, transparent 30%), radial-gradient(circle, #286591 20%, transparent 20%), radial-gradient(circle, #A1006B 20%, transparent 20%), radial-gradient(circle, transparent 10%, #EE8006 15%, transparent 20%), radial-gradient(circle, red 20%, transparent 20%), radial-gradient(circle, #CC006F 20%, transparent 20%), radial-gradient(circle, #FADA0F 20%, transparent 20%), radial-gradient(circle, #EE8006 20%, transparent 20%);
      background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
    a.btn:after, button.btn:after {
      display: none;
      bottom: -75%;
      background-image: radial-gradient(circle, red 20%, transparent 20%), radial-gradient(circle, #F6AF01 20%, transparent 20%), radial-gradient(circle, transparent 10%, #CC006F 15%, transparent 20%), radial-gradient(circle, #A1006B 20%, transparent 20%), radial-gradient(circle, #286591 20%, transparent 20%), radial-gradient(circle, #46AFD9 20%, transparent 20%), radial-gradient(circle, #FADA0F 20%, transparent 20%);
      background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }
    a.btn:hover, button.btn:hover {
      background-color: #000000;
      color: #ffffff !important;
      box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2); }
    a.btn:active, button.btn:active {
      transform: scale(0.9);
      background-color: #A9B1B3 !important;
      border-color: #A9B1B3 !important;
      color: #ffffff !important;
      box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2); }
    a.btn.animate:before, button.btn.animate:before {
      display: block;
      animation: topBubbles ease-in-out 0.75s forwards; }
    a.btn.animate:after, button.btn.animate:after {
      display: block;
      animation: bottomBubbles ease-in-out 0.75s forwards; }
  a.text-link, button.text-link {
    font-weight: 700; }
  a.load, button.load {
    background-color: #000000;
    color: #ffffff; }
    a.load span:before, button.load span:before {
      content: "";
      display: none;
      background-image: url('../images/loader.svg');
      background-size: 49px;
      width: 49px;
      height: 49px;
      position: absolute;
      top: 0;
      left: calc(50% - 24.5px); }
  a.load, button.load {
    pointer-events: none; }
    a.load span, button.load span {
      position: static;
      font-size: 0; }
      a.load span:before, button.load span:before {
        display: inline-block; }
  a#loadmore, button#loadmore {
    min-width: 257px; }

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%; } }

@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%,  0% 0%,  0% 0%,  0% 0%,  0% 0%; } }

ul {
  margin: 0;
  padding-left: 15px; }

nav,
menu {
  width: 100%; }
  nav ul.main-menu li,
  menu ul.main-menu li {
    list-style: none; }
    nav ul.main-menu li.gray.current-menu-item a,
    nav ul.main-menu li.gray a:hover,
    menu ul.main-menu li.gray.current-menu-item a,
    menu ul.main-menu li.gray a:hover {
      color: #A9B1B3 !important; }
    nav ul.main-menu li.green.current-menu-item a,
    nav ul.main-menu li.green a:hover,
    menu ul.main-menu li.green.current-menu-item a,
    menu ul.main-menu li.green a:hover {
      color: #B1C701 !important; }
    nav ul.main-menu li.lightBlue.current-menu-item a,
    nav ul.main-menu li.lightBlue a:hover,
    menu ul.main-menu li.lightBlue.current-menu-item a,
    menu ul.main-menu li.lightBlue a:hover {
      color: #46AFD9 !important; }
    nav ul.main-menu li.blue.current-menu-item a,
    nav ul.main-menu li.blue a:hover,
    menu ul.main-menu li.blue.current-menu-item a,
    menu ul.main-menu li.blue a:hover {
      color: #286591 !important; }
    nav ul.main-menu li.violet.current-menu-item a,
    nav ul.main-menu li.violet a:hover,
    menu ul.main-menu li.violet.current-menu-item a,
    menu ul.main-menu li.violet a:hover {
      color: #A1006B !important; }
    nav ul.main-menu li.lightViolet.current-menu-item a,
    nav ul.main-menu li.lightViolet a:hover,
    menu ul.main-menu li.lightViolet.current-menu-item a,
    menu ul.main-menu li.lightViolet a:hover {
      color: #CC006F !important; }
    nav ul.main-menu li.orange.current-menu-item a,
    nav ul.main-menu li.orange a:hover,
    menu ul.main-menu li.orange.current-menu-item a,
    menu ul.main-menu li.orange a:hover {
      color: #EE8006 !important; }
    nav ul.main-menu li.darkYellow.current-menu-item a,
    nav ul.main-menu li.darkYellow a:hover,
    menu ul.main-menu li.darkYellow.current-menu-item a,
    menu ul.main-menu li.darkYellow a:hover {
      color: #F6AF01 !important; }
    nav ul.main-menu li.yellow.current-menu-item a,
    nav ul.main-menu li.yellow a:hover,
    menu ul.main-menu li.yellow.current-menu-item a,
    menu ul.main-menu li.yellow a:hover {
      color: #FADA0F !important; }
    nav ul.main-menu li a,
    menu ul.main-menu li a {
      color: #000000;
      font-weight: 700;
      text-decoration: none; }
  nav ul#main-mobile-menu li,
  menu ul#main-mobile-menu li {
    margin-top: 20px; }
    nav ul#main-mobile-menu li a,
    menu ul#main-mobile-menu li a {
      font-size: 1.8em; }
  nav ul.social-menu,
  menu ul.social-menu {
    padding: 0; }
    nav ul.social-menu li,
    menu ul.social-menu li {
      list-style: none;
      margin-right: 15px; }
      nav ul.social-menu li a,
      menu ul.social-menu li a {
        font-size: 30px;
        display: flex; }
        nav ul.social-menu li a i,
        menu ul.social-menu li a i {
          display: inline-flex; }

menu {
  opacity: 0;
  margin: 0; }
  menu #main-mobile-menu {
    position: relative;
    z-index: 1; }
  menu.show {
    z-index: 100; }
    menu.show svg.square {
      opacity: 1;
      z-index: -1; }
  menu.show + main:before {
    z-index: 1;
    opacity: 0.75;
    visibility: visible;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  menu svg#menuSquare {
    width: 300px;
    height: 300px;
    transform: scale(1) rotate(30deg) !important;
    position: absolute;
    bottom: -20%;
    left: -12%; }
  menu svg#menuSquare2 {
    width: 100px;
    height: 100px;
    transform: scale(0) rotate(45deg);
    position: absolute;
    bottom: 35%;
    right: 10%; }
  menu svg#menuSquare3 {
    width: 140px;
    height: 140px;
    transform: scale(0) rotate(45deg);
    position: absolute;
    top: 20%;
    right: -29%; }
  menu svg#menuSquare4 {
    width: 100px;
    height: 100px;
    transform: scale(0) rotate(0deg);
    position: absolute;
    top: 60%;
    left: -15%; }
  menu svg#menuSquare5 {
    width: 60px;
    height: 60px;
    transform: scale(0) rotate(30deg);
    position: absolute;
    top: 5%;
    right: 25%; }
  menu svg#menuSquare6 {
    width: 50px;
    height: 50px;
    transform: scale(0) rotate(30deg);
    position: absolute;
    top: 51%;
    left: 25%; }

img {
  max-width: 100%; }
  img.fluid-image {
    width: 100%;
    height: auto; }

picture img {
  max-width: none;
  width: 100%; }

picture, img, iframe, video {
  display: block; }

video {
  width: 100%; }
  video.video-js {
    width: 100% !important;
    height: auto !important; }

address {
  font-style: normal;
  margin: 0; }

/* Start - recurring styles (buttons, box-types, etc.) */
.text-wrapper p {
  margin: 0; }

.text-wrapper p + p {
  margin: 15px 0 0 0; }

.text-wrapper ul {
  padding: 40px 0 0 21px; }
  .text-wrapper ul li {
    padding-left: 5px; }

.img-wrapper {
  overflow: hidden; }
  .img-wrapper.bg-color {
    position: relative; }
    .img-wrapper.bg-color a:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    .img-wrapper.bg-color a:hover img, .img-wrapper.bg-color a.active img {
      opacity: 0.8; }
  .img-wrapper a img {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
  .img-wrapper a:hover img, .img-wrapper a.active img {
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }

.svg-wrapper svg {
  width: 100%;
  height: auto; }

.video-wrapper {
  position: relative; }
  .video-wrapper .video-js span:before, .video-wrapper .video-js span:after {
    font-family: VideoJS !important; }
  .video-wrapper .video-js.vjs-has-started .vjs-big-play-button {
    display: block; }
  .video-wrapper .video-js.vjs-playing .vjs-big-play-button {
    display: none; }
  .video-wrapper .video-js .vjs-button > .vjs-icon-placeholder:before {
    font-size: 20px;
    line-height: 30px; }
  .video-wrapper .video-js .vjs-control-bar {
    background-color: rgba(169, 177, 179, 0.75);
    color: black; }
  .video-wrapper .video-js .vjs-play-progress {
    background-color: #000000; }
  .video-wrapper .video-js .vjs-slider {
    background-color: rgba(0, 0, 0, 0.2); }
  .video-wrapper .vjs-poster {
    background-position: center;
    background-size: cover;
    background-color: #ffffff; }
  .video-wrapper button.vjs-big-play-button {
    background-color: transparent !important;
    border: 0;
    padding: 0;
    margin: 0;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
    background-image: url("../images/icon-play.svg") !important;
    background-size: 150px 150px;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    display: flex;
    opacity: 0.54; }
    .video-wrapper button.vjs-big-play-button span {
      display: none !important; }

.bg-white {
  position: relative;
  z-index: 2; }
  .bg-white:before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background-color: white;
    width: 100vw; }

.bg-gray rect {
  fill: #A9B1B3 !important; }

.bg-green rect {
  fill: #B1C701 !important; }

.bg-lightBlue rect {
  fill: #46AFD9 !important; }

.bg-blue rect {
  fill: #286591 !important; }

.bg-violet rect {
  fill: #A1006B !important; }

.bg-lightViolet rect {
  fill: #CC006F !important; }

.bg-orange rect {
  fill: #EE8006 !important; }

.bg-darkYellow rect {
  fill: #F6AF01 !important; }

.bg-yellow rect {
  fill: #FADA0F !important; }

.vw-50 {
  width: calc(50vw - 15px); }

.swiper-container .swiper-prev,
.swiper-container .swiper-next {
  position: absolute;
  top: calc(50% - 37px);
  z-index: 10;
  font-size: 50px;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }
  .swiper-container .swiper-prev:hover,
  .swiper-container .swiper-next:hover {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  .swiper-container .swiper-prev[tabindex="-1"],
  .swiper-container .swiper-next[tabindex="-1"] {
    opacity: 0; }

.swiper-container .swiper-prev {
  left: 15px; }
  .swiper-container .swiper-prev:hover {
    left: 10px; }

.swiper-container .swiper-next {
  right: calc(16.66667% + 21px); }
  .swiper-container .swiper-next:hover {
    right: calc(16.66667% + 16px); }

/* End - recurring styles */
/* Start - page styles */
.square-wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  transform: translate(-50%, -50%) perspective(600px) rotateY(20deg) rotateX(10deg); }

svg.square {
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }
  svg.square.scale {
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s; }
  svg.square.show {
    transform: scale(1) !important; }
    svg.square.show:hover {
      transform: scale(0.8) !important; }
  svg.square.show_rotate {
    transform: rotate(45deg) scale(1) !important; }
    svg.square.show_rotate:hover {
      transform: rotate(45deg) scale(0.8) !important; }

.home #intro-video svg.square {
  z-index: 10 !important; }

.home #text-block {
  position: relative;
  z-index: 11; }

.page-id-114 #text-image-block svg#textImageSquare {
  z-index: -1 !important;
  width: 800px;
  top: 100px;
  left: -150%;
  transform: rotate(45deg) scale(1); }

.page-id-114 #text-block {
  margin-top: 80px; }

@keyframes infinite-spinning {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

@keyframes scale1 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.25); }
  100% {
    transform: scale(1); } }

/* End - page styles */
/* Start - modules styles */
#text-block svg#offerShopsTextSquare {
  z-index: -1;
  width: 220px;
  top: -90px;
  left: 350px;
  transform: rotate(45deg) scale(1); }

#text-block svg#offerShopsTextSquare2 {
  z-index: -1;
  width: 110px;
  top: -200px;
  left: 200px;
  transform: rotate(45deg) scale(1); }

#text-block #offerShopsTextSquare3 {
  z-index: -1;
  width: 220px;
  position: absolute;
  top: 100px;
  left: 50px; }
  #text-block #offerShopsTextSquare3 span.text {
    font-weight: 700;
    font-size: 25px;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 220px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  #text-block #offerShopsTextSquare3 svg {
    transform: rotate(45deg) scale(1);
    width: 220px;
    position: static; }

#text-image-block {
  position: relative; }
  #text-image-block svg#textImageSquare {
    z-index: 10 !important;
    width: 180px;
    top: -25%;
    left: 25%;
    transform: rotate(45deg) scale(1); }

#image .img-wrapper {
  overflow: visible; }
  #image .img-wrapper img {
    width: calc((1300px + (((100vw - 1300px)) / 2)) - ((1300px / 100 * 16.66667) + 15px));
    max-width: unset; }

#image svg#imageSquare {
  z-index: 1 !important;
  width: 300px;
  top: 15%;
  left: 10%;
  transform: rotate(45deg) scale(1); }

#image svg#imageSquare2 {
  width: 260px;
  top: 50%;
  left: -7%; }

#image svg#imageSquare3 {
  width: 140px;
  top: 85%;
  left: 5%;
  transform: rotate(45deg) scale(1); }

#intro-video {
  position: relative; }
  #intro-video img#mobile_title {
    width: calc(100% - 30px);
    height: auto;
    /* background: red; */
    position: absolute;
    top: 34%;
    z-index: 11;
    padding: 15px; }
  #intro-video svg#introVideoSquare {
    width: 10vw;
    top: 0;
    left: 15vw;
    transform: rotate(45deg) scale(1); }
  #intro-video svg#introVideoSquare2 {
    width: 16vw;
    top: 15vw;
    left: -5vw;
    transform: rotate(45deg) scale(1); }
  #intro-video svg#introVideoSquare3 {
    width: 6vw;
    top: 36vw;
    left: 5vw;
    transform: rotate(45deg) scale(1); }
  #intro-video svg#introVideoSquare4 {
    width: 13vw;
    bottom: -4vw;
    left: 30vw;
    transform: rotate(45deg) scale(1); }
  #intro-video svg#introVideoSquare5 {
    width: 10vw;
    bottom: 5vw;
    right: 10vw; }
  #intro-video svg#introVideoSquare6 {
    width: 100px;
    top: 30%;
    right: 6%;
    transform: rotate(45deg) scale(1); }
  #intro-video svg#introVideoSquare7 {
    width: 20vw;
    bottom: -18vw;
    right: -5vw;
    transform: rotate(45deg) scale(1); }

#slider {
  overflow: hidden; }
  #slider .swiper-slider {
    overflow: visible; }
  #slider .square {
    position: absolute;
    z-index: 10; }
  #slider svg#sliderSquare {
    z-index: 10 !important;
    width: 300px;
    top: 18%;
    left: 0;
    transform: rotate(45deg) scale(1); }
  #slider svg#sliderSquare2 {
    z-index: 10 !important;
    width: 110px;
    top: 55%;
    left: 20%;
    transform: rotate(45deg) scale(1); }

#images-collage svg#collageSquare {
  z-index: -1;
  width: 17vw;
  top: 14vw;
  left: -7.5vw;
  transform: rotate(45deg) scale(1); }

#images-collage svg#collageSquare2 {
  z-index: -1;
  width: 6vw;
  top: 31vw;
  left: 10vw;
  transform: rotate(45deg) scale(1); }

#images-collage svg#collageSquare3 {
  z-index: 10 !important;
  width: 200px;
  bottom: -5%;
  right: 30%;
  transform: rotate(45deg) scale(1); }

#images-collage svg#collageSquare4 {
  z-index: -1;
  width: 940px;
  bottom: -150%;
  right: -100%;
  transform: rotate(45deg) scale(1); }

#du-bei-uns {
  position: relative;
  top: 80px; }

#baleo-mieter {
  position: relative;
  top: -20px; }

#free-area .loop-row {
  margin: 0;
  border-bottom: 1px solid #000000; }
  #free-area .loop-row:hover p, #free-area .loop-row:hover a {
    color: #A1006B;
    cursor: pointer; }
  #free-area .loop-row .col:first-of-type {
    padding: 0 15px 0 0; }
  #free-area .loop-row .col:last-of-type {
    padding: 0 0 0 15px; }
  #free-area .loop-row p, #free-area .loop-row a {
    white-space: nowrap;
    margin: 10px 0;
    display: block; }

#free-area .btn.pdf .icon {
  position: relative;
  top: 3px;
  font-size: 20px;
  margin-right: 10px;
  display: inline-flex; }

#free-area .btn.pdf span {
  position: relative;
  top: -2px; }

#free-area svg#freeAreaSquare {
  z-index: 1;
  width: 20vw;
  top: -14vw;
  right: -14vw; }

#free-area svg#freeAreaSquare2 {
  z-index: -1;
  width: 13vw;
  top: 8vw;
  right: 5vw;
  transform: rotate(45deg) scale(1); }

#free-area svg#freeAreaSquare3 {
  z-index: -1;
  width: 6vw;
  top: 24vw;
  right: 3vw;
  transform: rotate(45deg) scale(1); }

#google-maps #map {
  padding-top: 56.25%; }

#google-maps table#arrival tr th {
  padding: 5px 0; }

#google-maps table#arrival .icon {
  font-size: 30px;
  position: relative;
  top: 4px; }

#google-maps svg#googleMapsSquare {
  z-index: 1 !important;
  width: 110px;
  top: -20%;
  right: 30%;
  transform: rotate(45deg) scale(1); }

#google-maps svg#googleMapsSquare2 {
  width: 110px;
  top: 30%;
  right: -20%; }

#google-maps svg#googleMapsSquare3 {
  width: 210px;
  top: -20%;
  right: -50%;
  transform: rotate(45deg) scale(1); }

#contact .contactimage {
  width: 200px;
  height: auto; }

#contact .swiper-container.rtl {
  direction: rtl; }
  #contact .swiper-container.rtl .swiper-prev {
    display: block !important; }
  #contact .swiper-container.rtl .swiper-next {
    display: none !important; }

#contact svg#contactSquare1 {
  z-index: -1;
  width: 210px;
  top: 20%;
  left: -40%;
  transform: rotate(45deg) scale(1); }

#contact svg#contactSquare2 {
  z-index: -1;
  width: 110px;
  top: 60%;
  left: -20%;
  transform: rotate(45deg) scale(1); }

#contact svg#contactSquare3 {
  z-index: -1;
  width: 550px;
  top: 30%;
  left: -30%;
  transform: rotate(45deg) scale(1); }

#contact svg#contactSquare4 {
  z-index: -1;
  width: 200px;
  top: 70%;
  right: -5%;
  transform: rotate(45deg) scale(1); }

#contact svg#contactSquare5 {
  z-index: -1;
  width: 700px;
  top: 150%;
  right: -120%;
  transform: rotate(45deg) scale(1); }

#angebot-geschaefte .overview img.offer-shops-element {
  cursor: pointer;
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; }
  #angebot-geschaefte .overview img.offer-shops-element:hover {
    opacity: 1;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
  #angebot-geschaefte .overview img.offer-shops-element.active {
    opacity: 1; }

#angebot-geschaefte .overview svg#offerShopsOverviewSquare {
  z-index: -1;
  width: 200px;
  top: -150%;
  right: 40%;
  transform: rotate(45deg) scale(1); }

#angebot-geschaefte .overview svg#offerShopsOverviewSquare2 {
  z-index: 1 !important;
  width: 280px;
  top: 80%;
  right: -70%;
  transform: rotate(45deg) scale(1); }

#angebot-geschaefte .detail button.btn {
  position: relative; }
  #angebot-geschaefte .detail button.btn#prev {
    padding: 15px 30px 15px 70px; }
    #angebot-geschaefte .detail button.btn#prev i.icon {
      left: 15px; }
  #angebot-geschaefte .detail button.btn#next {
    padding: 15px 70px 15px 30px; }
    #angebot-geschaefte .detail button.btn#next i.icon {
      right: 15px; }
  #angebot-geschaefte .detail button.btn i.icon {
    position: absolute;
    font-size: 35px;
    top: 3px; }

#angebot-geschaefte .detail i.icon-overview {
  font-size: 50px;
  position: absolute;
  left: calc(50% - 25px);
  top: -7px; }

#angebot-geschaefte .detail svg#offerShopsDetailSquare {
  z-index: -1;
  width: 940px;
  top: -900px;
  left: -460px;
  transform: rotate(35deg); }

#angebot-geschaefte #overview.anker,
#angebot-geschaefte #detail.anker {
  position: relative;
  top: -145px; }

#blog.detail {
  overflow: hidden; }
  #blog.detail .img-wrapper.get-width {
    overflow: visible; }
    #blog.detail .img-wrapper.get-width img {
      width: calc((1300px + (((100vw - 1300px)) / 2)) - ((1300px / 100 * 16.66667) + 15px));
      max-width: unset; }
  #blog.detail .swiper-blog-slider {
    overflow: visible; }
  #blog.detail svg#detailBlogSquare {
    z-index: -1;
    width: 140px;
    top: 380px;
    left: -200px;
    transform: rotate(45deg) scale(0); }
  #blog.detail svg#detailBlogSquare2 {
    z-index: -1;
    width: 260px;
    top: 100px;
    left: -480px;
    transform: rotate(45deg) scale(0); }
  #blog.detail svg#detailBlogSquare3 {
    z-index: -1;
    width: 110px;
    top: 30px;
    right: -200px;
    transform: rotate(45deg) scale(0); }
  #blog.detail svg#detailBlogSquare4 {
    z-index: -1;
    width: 210px;
    top: -40px;
    right: -650px;
    transform: rotate(45deg) scale(0); }
  #blog.detail svg#detailBlogSquare5 {
    z-index: -1;
    width: 120px;
    top: 180px;
    right: -430px;
    transform: rotate(45deg) scale(0); }

#blog.overview svg#blogSquare {
  z-index: -1;
  width: 860px;
  top: 200px;
  left: -830px;
  transform: rotate(45deg) scale(1); }

#blog.overview svg#blogSquare2 {
  z-index: -1;
  width: 110px;
  top: 60px;
  right: 100px;
  transform: rotate(45deg) scale(1); }

#blog.overview svg#blogSquare3 {
  z-index: -1;
  width: 210px;
  top: -50px;
  right: -300px;
  transform: rotate(45deg) scale(1); }

#blog.overview svg#blogSquare4 {
  z-index: -1;
  width: 110px;
  top: 300px;
  right: -200px;
  transform: rotate(45deg) scale(1); }

#blog.overview svg#blogSquare5 {
  z-index: -1;
  width: 210px;
  bottom: 50px;
  right: -150px;
  transform: rotate(45deg) scale(1); }

#blog.overview svg#blogSquare6 {
  z-index: -1;
  width: 110px;
  bottom: -130px;
  right: -180px;
  transform: rotate(45deg) scale(1); }

#offer-shop-slider {
  overflow: hidden; }
  #offer-shop-slider .swiper-container {
    overflow: visible; }
    #offer-shop-slider .swiper-container .swiper-prev {
      display: block; }
    #offer-shop-slider .swiper-container .swiper-prev,
    #offer-shop-slider .swiper-container .swiper-next {
      top: calc(50% - 40px); }

#offer .show-max-3 .content-block:nth-child(n+4) {
  display: none !important; }

#show_more {
  overflow: hidden; }
  #show_more .swiper-more-post {
    overflow: visible; }

.swiper-more-post .swiper-wrapper {
  justify-content: stretch; }

#error .errorSquare {
  z-index: 1;
  position: absolute; }
  #error .errorSquare .text {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff; }
  #error .errorSquare svg {
    transform: rotate(45deg) scale(1) !important;
    position: static; }

#error #errorSquare,
#error #errorSquare .text,
#error #errorSquare svg {
  width: 330px;
  height: 330px; }

#error #errorSquare {
  top: 100px;
  left: 50px; }
  #error #errorSquare h1 {
    font-size: 50px;
    line-height: 60px;
    margin: 0; }

#error #errorSquare2,
#error #errorSquare2 .text,
#error #errorSquare2 svg {
  width: 210px;
  height: 210px; }

#error #errorSquare2 {
  top: 10px;
  left: calc(45%); }

#error #errorSquare3,
#error #errorSquare3 .text,
#error #errorSquare3 svg {
  width: 250px;
  height: 250px; }

#error #errorSquare3 {
  top: 300px;
  right: 50px; }

#game .base,
.game .base {
  background-image: url("../images/sockel.png");
  background-size: 100% 100%;
  height: 15px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

#game .swiper-game,
.game .swiper-game {
  position: relative; }
  #game .swiper-game .swiper-slide,
  .game .swiper-game .swiper-slide {
    background-size: cover;
    background-color: grey; }
  #game .swiper-game .control-next,
  .game .swiper-game .control-next {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%; }

#game .cube-wrapper,
.game .cube-wrapper {
  width: fit-content;
  margin: 0 auto; }

#game.vertical .cube-wrapper .cube:nth-child(3) .line,
.game.vertical .cube-wrapper .cube:nth-child(3) .line {
  display: none; }

#game.vertical .swiper-game,
.game.vertical .swiper-game {
  width: 230px;
  height: 230px; }

#game.vertical .line,
.game.vertical .line {
  height: 100%;
  width: 30px; }
  #game.vertical .line:before,
  .game.vertical .line:before {
    content: "";
    height: 5px;
    width: 100%;
    background-color: transparent;
    margin: 0 auto;
    display: block; }

#game.vertical .border,
.game.vertical .border {
  display: block;
  width: 80%;
  height: 65%;
  background-color: transparent;
  position: absolute;
  bottom: 0;
  left: 10%;
  background-image: url("../images/stange_quer.png");
  background-size: 100% 100%; }

#game.vertical .base,
.game.vertical .base {
  width: 90%; }

#game.vertical #gameCubeSquare,
.game.vertical #gameCubeSquare {
  z-index: -1;
  width: 120px;
  position: absolute;
  top: -150px;
  right: -30px; }
  #game.vertical #gameCubeSquare span.text,
  .game.vertical #gameCubeSquare span.text {
    font-weight: 700;
    font-size: 25px;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  #game.vertical #gameCubeSquare svg,
  .game.vertical #gameCubeSquare svg {
    transform: rotate(45deg) scale(1);
    width: 120px;
    position: static; }

#game.vertical #gameCubeSquare2,
.game.vertical #gameCubeSquare2 {
  z-index: -1;
  width: 150px;
  position: absolute;
  top: -30px;
  left: -20px; }
  #game.vertical #gameCubeSquare2 span.text,
  .game.vertical #gameCubeSquare2 span.text {
    font-weight: 700;
    font-size: 25px;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  #game.vertical #gameCubeSquare2 svg,
  .game.vertical #gameCubeSquare2 svg {
    transform: rotate(45deg) scale(1);
    width: 150px;
    position: static; }

#game.horizontal .swiper-game,
.game.horizontal .swiper-game {
  width: 210px;
  height: 210px; }

#game.horizontal .line,
.game.horizontal .line {
  height: 30px;
  padding: 0 20px; }
  #game.horizontal .line:before,
  .game.horizontal .line:before {
    content: "";
    height: 100%;
    width: 10px;
    margin: 0 auto;
    display: block;
    background-image: url("../images/stange_hoch.png");
    background-size: 100% 100%; }

#game.horizontal .base,
.game.horizontal .base {
  width: 75%; }

#game.horizontal #gameCubeSquare,
#game.horizontal #gameCubeSquare span.text,
#game.horizontal #gameCubeSquare svg,
.game.horizontal #gameCubeSquare,
.game.horizontal #gameCubeSquare span.text,
.game.horizontal #gameCubeSquare svg {
  width: 140px;
  height: 140px; }

#game.horizontal #gameCubeSquare,
.game.horizontal #gameCubeSquare {
  z-index: -1;
  position: absolute;
  top: 150px;
  left: 250px; }
  #game.horizontal #gameCubeSquare span.text,
  .game.horizontal #gameCubeSquare span.text {
    font-weight: 700;
    font-size: 25px;
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff; }
  #game.horizontal #gameCubeSquare svg,
  .game.horizontal #gameCubeSquare svg {
    transform: rotate(45deg) scale(1);
    position: static; }

#game.horizontal #gameCubeSquare2,
#game.horizontal #gameCubeSquare2 .text,
#game.horizontal #gameCubeSquare2 svg,
.game.horizontal #gameCubeSquare2,
.game.horizontal #gameCubeSquare2 .text,
.game.horizontal #gameCubeSquare2 svg {
  width: 180px;
  height: 180px; }

#game.horizontal #gameCubeSquare2,
.game.horizontal #gameCubeSquare2 {
  position: absolute;
  top: 400px; }
  #game.horizontal #gameCubeSquare2 h3,
  .game.horizontal #gameCubeSquare2 h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    color: #ffffff; }

#game .blogGameSquare,
.game .blogGameSquare {
  z-index: 1;
  position: absolute; }
  #game .blogGameSquare .text,
  .game .blogGameSquare .text {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #ffffff; }
  #game .blogGameSquare svg,
  .game .blogGameSquare svg {
    transform: rotate(45deg) scale(1);
    position: static; }

#game #blogGameSquare,
#game #blogGameSquare .text,
#game #blogGameSquare svg,
.game #blogGameSquare,
.game #blogGameSquare .text,
.game #blogGameSquare svg {
  width: 230px;
  height: 230px; }

#game #blogGameSquare,
.game #blogGameSquare {
  top: 100px;
  right: 50px; }
  #game #blogGameSquare h3,
  .game #blogGameSquare h3 {
    margin: 0;
    color: #000000; }

#game #blogGameSquare2,
.game #blogGameSquare2 {
  z-index: 1;
  position: absolute; }
  #game #blogGameSquare2 .text,
  .game #blogGameSquare2 .text {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: black !important; }
  #game #blogGameSquare2 svg,
  .game #blogGameSquare2 svg {
    transform: rotate(45deg) scale(1);
    position: static; }

#game #blogGameSquare2,
#game #blogGameSquare2 .text,
#game #blogGameSquare2 svg,
.game #blogGameSquare2,
.game #blogGameSquare2 .text,
.game #blogGameSquare2 svg {
  width: 180px;
  height: 180px; }

#game #blogGameSquare2,
.game #blogGameSquare2 {
  position: relative;
  top: 400px;
  right: 0; }
  #game #blogGameSquare2 h3,
  .game #blogGameSquare2 h3 {
    margin: 0;
    color: #000000; }

#cookie-notice .cn-button {
  margin: 0 0 0 20px;
  border: 1px solid #ffffff;
  background-color: transparent;
  font-size: 13px;
  padding: 7.5px 10px 8.5px 10px; }

/* End - modules styles */
@media screen and (max-width: 1340px) {
  #game.vertical .border,
  .game.vertical .border {
    width: 85%;
    left: 7.5%; }
  #game.vertical .base,
  .game.vertical .base {
    width: 95%; }
  #game.vertical .cube-wrapper .cube:nth-child(3) .line,
  .game.vertical .cube-wrapper .cube:nth-child(3) .line {
    display: none; } }

@media screen and (max-width: 1300px) {
  footer nav ul.social-menu li {
    margin: 0 0 20px 0; }
    footer nav ul.social-menu li:last-of-type {
      margin: 0; }
  #error #errorSquare {
    top: 100px;
    left: -50px; }
  #error #errorSquare2 {
    top: 10px;
    left: calc(45%); }
  #error #errorSquare3 {
    top: 300px;
    right: -50px; }
  #slider svg#sliderSquare2 {
    z-index: -1 !important;
    width: 110px;
    top: 55%;
    left: 20%;
    transform: rotate(45deg) scale(1); }
  .swiper-container .swiper-next {
    right: calc(16.66667% - 15px) !important; }
    .swiper-container .swiper-next:hover {
      right: calc(16.66667% - 20px) !important; }
  #game {
    padding-top: 100px; }
    #game.vertical #gameCubeSquare2 {
      top: -100px !important;
      left: -25px !important; } }

@media screen and (max-width: 992px) {
  menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: #ffffff;
    margin: 0;
    padding: 115px 15px 0 15px;
    transform: translateX(-100vw);
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
    menu.show {
      opacity: 1;
      transform: translateX(0);
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
    menu nav ul#main-menu {
      flex-direction: column; }
  .vw-50 {
    width: 100%; }
  .swiper-container {
    overflow: visible; }
    .swiper-container .swiper-next {
      right: 15px !important; }
      .swiper-container .swiper-next:hover {
        right: 10px !important; }
  #image .img-wrapper img {
    width: calc((960px + (((100vw - 960px)) / 2)) - ((960px / 100 * 16.66667) + 15px)); }
  #image svg#imageSquare {
    width: 200px;
    top: 15%;
    left: 7%; }
  #image svg#imageSquare2 {
    width: 160px;
    top: 45%;
    left: -7%; }
  #image svg#imageSquare3 {
    width: 80px;
    top: 75%;
    left: 0; }
  #slider svg#sliderSquare {
    z-index: 3 !important; }
  #slider svg#sliderSquare2 {
    width: 110px;
    top: 50%;
    left: unset;
    right: 10%; }
  #slider svg#sliderSquare3 {
    width: 130px;
    right: -30px;
    top: 37%; }
  #text-block svg#offerShopsTextSquare {
    width: 220px;
    top: -100px;
    left: 240px; }
  #text-block svg#offerShopsTextSquare2 {
    width: 110px;
    top: -220px;
    left: 100px; }
  #text-block #offerShopsTextSquare3 {
    width: 220px;
    top: 220px;
    left: -50px; }
    #text-block #offerShopsTextSquare3 span.text {
      font-weight: 700;
      font-size: 25px;
      width: 220px;
      height: 200px; }
    #text-block #offerShopsTextSquare3 svg {
      width: 220px; }
  #angebot-geschaefte .overview svg#offerShopsOverviewSquare {
    width: 200px;
    top: -400px;
    right: 0; }
  #angebot-geschaefte .overview svg#offerShopsOverviewSquare2 {
    width: 280px;
    top: -180px;
    right: -40%; }
  #error {
    min-height: unset; }
    #error #errorSquare,
    #error #errorSquare .text,
    #error #errorSquare svg {
      width: 280px;
      height: 280px; }
    #error #errorSquare {
      top: 170px;
      left: -15px; }
      #error #errorSquare h1 {
        font-size: 45px;
        line-height: 55px;
        margin: 0; }
    #error #errorSquare2 {
      top: 10px;
      left: calc(45%); }
    #error #errorSquare3 {
      top: 300px;
      right: -50px; }
  #google-maps svg#googleMapsSquare {
    width: 200px;
    top: -45%;
    right: unset;
    left: -25%; }
  #google-maps svg#googleMapsSquare2 {
    width: 110px;
    top: 90%;
    right: 10%; }
  #google-maps svg#googleMapsSquare3 {
    width: 210px;
    top: 30%;
    right: -30%; }
  #blog.overview svg#blogSquare3 {
    z-index: -1;
    width: 210px;
    top: -50px;
    right: -200px; }
  #blog.overview svg#blogSquare4 {
    z-index: -1;
    width: 110px;
    top: 300px;
    right: -100px; }
  #blog.overview svg#blogSquare5 {
    z-index: -1;
    width: 210px;
    bottom: 150px;
    right: 50px; }
  #blog.overview svg#blogSquare6 {
    z-index: -1;
    width: 110px;
    bottom: -80px;
    right: -50px; }
  #blog.detail svg#detailBlogSquare {
    width: 140px;
    top: 450px;
    left: -20%; }
  #blog.detail svg#detailBlogSquare2 {
    width: 260px;
    top: 50px;
    left: 50%; }
  #blog.detail svg#detailBlogSquare3 {
    width: 110px;
    top: -30px;
    right: 90%; }
  #blog.detail svg#detailBlogSquare4 {
    width: 210px;
    top: -350px;
    right: -20%; }
  #blog.detail svg#detailBlogSquare5 {
    width: 120px;
    top: 400px;
    right: 20%; }
  #contact {
    overflow: hidden; }
    #contact .img-wrapper {
      overflow: visible; }
    #contact svg#contactSquare1 {
      top: 30%;
      left: unset;
      right: 20%; }
    #contact svg#contactSquare2 {
      top: 70%;
      left: unset;
      right: 10%; }
    #contact svg#contactSquare3 {
      top: 10%;
      left: -30%; }
  #game.horizontal #gameCubeSquare2 {
    position: absolute;
    top: -100px; }
  #game.vertical #gameCubeSquare2 {
    top: -200px !important;
    left: 80px !important; }
  #game #blogGameSquare2,
  #game #blogGameSquare2 .text,
  #game #blogGameSquare2 svg {
    width: 180px;
    height: 180px; }
  #game #blogGameSquare2 {
    position: relative;
    top: 400px;
    right: 80px; } }

@media screen and (max-width: 768px) {
  body {
    font-size: 1.6em; }
    body h1, body .h1 {
      font-size: 40px;
      line-height: 51px;
      margin: 0 0 20px 0; }
    body h2, body .h2 {
      font-size: 25px;
      line-height: 34px;
      margin: 0 0 20px 0; }
    body h3, body .h3 {
      font-size: 20px;
      line-height: 29px;
      margin: 0 0 20px 0; }
    body .mb-30 {
      margin-bottom: 15px !important; }
  header#header {
    padding: 15px 0; }
  main {
    min-height: calc(100vh - 95px);
    padding-top: 95px;
    overflow: hidden; }
  menu {
    padding-top: 78px; }
  #intro-video {
    min-height: calc(100vh - 95px); }
  #text-block svg#offerShopsTextSquare {
    width: 200px;
    top: -210px;
    left: 290px; }
  #text-block svg#offerShopsTextSquare2 {
    width: 90px;
    top: -400px;
    left: calc(100vw - 40px); }
  #text-block #offerShopsTextSquare3 {
    width: 160px;
    top: 50px;
    left: 122px; }
    #text-block #offerShopsTextSquare3 span.text {
      font-size: 20px;
      width: 160px;
      height: 160px; }
    #text-block #offerShopsTextSquare3 svg {
      width: 160px; }
  #image .img-wrapper img {
    width: calc((720px + (((100vw - 720px)) / 2)) - ((720px / 100 * 16.66667) + 15px)); }
  #image svg#imageSquare {
    width: 150px;
    top: 15%;
    left: -10%; }
  #image svg#imageSquare2 {
    width: 120px;
    top: 50%;
    left: -10%; }
  #image svg#imageSquare3 {
    width: 140px;
    top: 30%;
    left: unset;
    right: 30px; }
  #contact .col-img {
    padding: 0; }
  #contact i {
    color: #000000 !important; }
  #game.horizontal .swiper-game {
    width: 120px !important;
    height: 120px !important; }
  #game.horizontal #gameCubeSquare,
  #game.horizontal #gameCubeSquare span.text,
  #game.horizontal #gameCubeSquare svg {
    width: 100px !important;
    height: 100px !important; }
  #game.horizontal #gameCubeSquare {
    top: 50px !important;
    left: 30px !important; }
    #game.horizontal #gameCubeSquare span.text {
      font-size: 17px !important; }
  #game.horizontal .line {
    height: 20px !important; }
  #game.horizontal .base {
    width: 50% !important; }
  #game.horizontal #gameCubeSquare2,
  #game.horizontal #gameCubeSquare2 .text,
  #game.horizontal #gameCubeSquare2 svg {
    width: 180px;
    height: 180px; }
  #game.horizontal #gameCubeSquare2 {
    position: absolute;
    top: -100px;
    right: 40%; }
  #game.vertical .cube-wrapper {
    width: 100%;
    margin: 0 auto;
    align-items: center; }
  #game.vertical .cube.d-flex {
    width: calc(33.333% - 4px);
    padding-bottom: calc(33.333% - 4px);
    position: relative;
    margin-right: 6px; }
    #game.vertical .cube.d-flex:last-of-type {
      margin-right: 0; }
  #game.vertical .swiper-game {
    position: absolute;
    width: 100% !important;
    height: 100% !important; }
  #game.vertical .base {
    width: 100% !important; }
  #game.vertical #gameCubeSquare2 {
    top: -200px !important;
    left: 30px !important; }
  #game.horizontal .line:before, #game.vertical .line:before {
    width: 3px; }
  #game.horizontal .base, #game.vertical .base {
    height: 10px !important; }
  #game #blogGameSquare2 {
    position: relative;
    top: -75px;
    right: 0; }
  #free-area .table p, #free-area .table a {
    font-size: 14px; }
  #free-area .table .col {
    padding: 0 5px; }
    #free-area .table .col:first-of-type {
      padding: 0 5px 0 0; }
    #free-area .table .col:last-of-type {
      padding: 0 0 0 5px; }
  #free-area .table.table-retail .col {
    flex-basis: unset;
    text-align: center; }
    #free-area .table.table-retail .col:nth-child(1) {
      width: 33% !important;
      text-align: left; }
    #free-area .table.table-retail .col:nth-child(2) {
      width: 26% !important; }
    #free-area .table.table-retail .col:nth-child(3) {
      width: 10% !important; }
    #free-area .table.table-retail .col:nth-child(4) {
      width: 15% !important; }
    #free-area .table.table-retail .col:nth-child(5) {
      width: 8% !important;
      text-align: right; }
      #free-area .table.table-retail .col:nth-child(5) a {
        position: relative;
        right: -5px; }
    #free-area .table.table-retail .col:nth-child(6) {
      width: 8% !important; }
  #free-area .table.table-office .col {
    flex-basis: unset;
    text-align: center; }
    #free-area .table.table-office .col:nth-child(1) {
      width: 24% !important;
      text-align: left; }
    #free-area .table.table-office .col:nth-child(2) {
      width: 35% !important; }
    #free-area .table.table-office .col:nth-child(3) {
      width: 10% !important; }
    #free-area .table.table-office .col:nth-child(4) {
      width: 15% !important; }
    #free-area .table.table-office .col:nth-child(5) {
      width: 8% !important;
      text-align: right; }
      #free-area .table.table-office .col:nth-child(5) a {
        position: relative;
        right: -5px; }
    #free-area .table.table-office .col:nth-child(6) {
      width: 8% !important; }
  #free-area .loop-row {
    flex-wrap: nowrap; }
  .video-wrapper button.vjs-big-play-button {
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    background-size: 80px; }
  #angebot-geschaefte .swiper-offer-shops {
    overflow: visible; }
  #angebot-geschaefte i.icon-overview {
    top: 0 !important; }
  #angebot-geschaefte button.btn.controls {
    padding: 15px !important; }
    #angebot-geschaefte button.btn.controls i {
      position: static !important;
      display: flex; }
    #angebot-geschaefte button.btn.controls span {
      display: none; }
  #angebot-geschaefte .overview img.offer-shops-element {
    transform: scale(1.2); }
    #angebot-geschaefte .overview img.offer-shops-element:hover {
      -webkit-transform: scale(1.25);
      -moz-transform: scale(1.25);
      -ms-transform: scale(1.25);
      -o-transform: scale(1.25);
      transform: scale(1.25);
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s; }
  #angebot-geschaefte .overview svg#offerShopsOverviewSquare {
    width: 120px;
    top: -320px;
    right: -50px; }
  #angebot-geschaefte .overview svg#offerShopsOverviewSquare2 {
    width: 180px;
    top: -60px;
    right: -40%; }
  #angebot-geschaefte .detail svg#offerShopsDetailSquare {
    width: 700px;
    top: -750px;
    left: -260px; }
  #angebot-geschaefte #overview.anker,
  #angebot-geschaefte #detail.anker {
    position: relative;
    top: -90px; }
  #offer-shop-slider .swiper-offer-shop-slider .text-wrapper {
    padding: 0 15px; }
  #offer-shop-slider .swiper-container .swiper-prev,
  #offer-shop-slider .swiper-container .swiper-next {
    top: calc(50% - 50px); }
  #google-maps svg#googleMapsSquare {
    width: 200px;
    top: -25%;
    right: unset;
    left: -10%;
    z-index: -1 !important; }
  #google-maps svg#googleMapsSquare3 {
    z-index: -1; }
  #blog.overview svg#blogSquare2 {
    top: -50px;
    right: 77%; }
  #blog.overview svg#blogSquare3 {
    right: -180px; }
  #blog.overview svg#blogSquare4 {
    right: 0; }
  #blog.overview svg#blogSquare5 {
    right: -100px; }
  .page-id-114 #text-image-block svg#textImageSquare {
    width: 600px;
    left: -50%; }
  #error #errorSquare2,
  #error #errorSquare2 .text,
  #error #errorSquare2 svg {
    width: 150px;
    height: 150px; }
  #error #errorSquare,
  #error #errorSquare .text,
  #error #errorSquare svg {
    width: 200px;
    height: 200px; }
  #error #errorSquare h1 {
    font-size: 30px;
    line-height: 35px; }
  #error #errorSquare3 {
    right: -25px; }
  #error #errorSquare3,
  #error #errorSquare3 .text,
  #error #errorSquare3 svg {
    width: 160px;
    height: 160px; }
  .blog #game {
    padding-top: 0 !important; }
  #du-bei-uns,
  #baleo-mieter {
    top: 0 !important; } }

@media screen and (max-width: 576px) {
  body a.btn, body button.btn {
    transform: scale(1);
    font-size: 14px; }
    body a.btn:before, body a.btn:after, body button.btn:before, body button.btn:after {
      display: none !important;
      opacity: 0;
      visibility: hidden; }
    body a.btn:active, body a.btn:hover, body button.btn:active, body button.btn:hover {
      transform: scale(0.95) !important;
      background-color: #000000 !important;
      border-color: #000000 !important;
      color: #ffffff !important;
      box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2); }
    body a.btn:hover, body button.btn:hover {
      transition: transform ease-in 0.1s, box-shadow ease-in 0.25s, background-color 0.1s ease-in 0s; }
  body.blog #blogGameSquare,
  body.blog #blogGameSquare .text,
  body.blog #blogGameSquare svg {
    width: 200px !important;
    height: 200px !important; }
  body.blog #blogGameSquare {
    top: -120px !important;
    right: 0 !important; }
    body.blog #blogGameSquare h2 {
      font-size: 20px;
      line-height: 25px;
      margin: 0;
      color: #000000; }
  header#header #logo {
    width: 200px; }
  main {
    min-height: calc(100vh - 73px);
    padding-top: 73px; }
  nav ul.social-menu li a,
  menu ul.social-menu li a {
    justify-content: flex-end; }
  #google-maps #map {
    width: 100vw;
    left: 15px;
    padding-top: 100vw; }
  #images-collage svg#collageSquare3 {
    width: 80px;
    bottom: -30%; }
  #images-collage svg#collageSquare4 {
    width: 500px;
    bottom: 80%;
    right: -70%; }
  #slider svg#sliderSquare {
    width: 200px;
    top: 20%; }
  #slider svg#sliderSquare2 {
    width: 110px;
    top: 70%;
    left: unset;
    right: 20px; }
  #slider svg#sliderSquare3 {
    top: 42%; }
  #text-image-block svg#textImageSquare {
    width: 80px;
    top: -10%;
    left: 70%; }
  .img-wrapper.get-width img {
    width: 100% !important; }
  .img-padding {
    padding: 0 !important; }
  #intro-video {
    min-height: auto; }
    #intro-video div#player,
    #intro-video .img-wrapper img {
      width: calc(100vw - 30px);
      height: 475px;
      margin: 0 0 100px 0;
      object-fit: cover; }
    #intro-video svg#introVideoSquare {
      width: 90px;
      top: 1%;
      left: 10%;
      transform: rotate(45deg) scale(1); }
    #intro-video svg#introVideoSquare2 {
      width: 190px;
      top: 25%;
      left: -35%;
      transform: rotate(45deg) scale(1); }
    #intro-video svg#introVideoSquare3 {
      width: 70px;
      top: 65%;
      left: 10%;
      transform: rotate(45deg) scale(1); }
    #intro-video svg#introVideoSquare4 {
      width: 100px;
      bottom: 3%;
      left: 32%;
      transform: rotate(45deg) scale(1); }
    #intro-video svg#introVideoSquare5 {
      width: 85px;
      bottom: 30%;
      right: 7%; }
    #intro-video svg#introVideoSquare6 {
      width: 60px;
      top: 5%;
      right: 10%;
      transform: rotate(45deg) scale(1); }
    #intro-video svg#introVideoSquare7 {
      width: 240px;
      bottom: -35%;
      right: -40%;
      transform: rotate(45deg) scale(1);
      z-index: -1 !important; }
  #contact svg#contactSquare5 {
    width: 300px;
    top: 900px;
    right: -150px; }
  #error .figure:nth-child(2) {
    display: none !important; }
  #error #errorSquare {
    left: 10px; }
  #error #errorSquare2 {
    left: 57%; }
  #error #errorSquare3 {
    right: 0;
    top: 400px; }
  #game.horizontal #gameCubeSquare {
    top: -30px !important; }
  #game.horizontal #gameCubeSquare2 {
    position: absolute;
    right: 0;
    top: -120px; }
  #game #blogGameSquare2 {
    display: none; }
  #game.vertical #gameCubeSquare {
    right: 0 !important; } }

@media screen and (max-width: 320px) {
  #slider svg#sliderSquare3 {
    opacity: 0;
    visibility: hidden; } }

/* IE Hacks */
.safari #game .position-relative {
  position: absolute !important; }