@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/dosis/v27/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xMB.ttf) format('truetype');
}
@font-face {
  font-family: 'Indie Flower';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/indieflower/v17/m8JVjfNVeKWVnh3QMuKkFcZVaUuC.ttf) format('truetype');
}

/*!
 * fullPage 2.9.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  -moz-box-sizing: border-box;
  /* <=28 */
  box-sizing: border-box;
}
.fp-slide {
  float: left;
}
.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block;
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.fp-slidesContainer {
  float: left;
  position: relative;
}
.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
  overflow: hidden;
  position: relative;
}
.fp-scroller {
  overflow: hidden;
}
.iScrollIndicator {
  border: 0 !important;
}
.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.right {
  right: 17px;
}
#fp-nav.left {
  left: 17px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}
.fp-slidesNav.bottom {
  bottom: 17px;
}
.fp-slidesNav.top {
  top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}
.fp-slidesNav ul li {
  display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp img {
  max-width: none;
}
.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
  background: #222222;
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #cccccc;
}
.pswp__error-msg a {
  color: #cccccc;
  text-decoration: underline;
}
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Images/PhotoSwipe/default-skin.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Images/PhotoSwipe/default-skin.svg');
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: block;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}
a.pswp__share--download:hover {
  background: #DDD;
}
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
.pswp__caption--empty {
  display: none;
}
.pswp__caption--fake {
  visibility: hidden;
}
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Images/PhotoSwipe/preloader.gif') 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}
/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lightSlider:before,
.lightSlider:after {
  content: " ";
  display: table;
}
.lightSlider {
  overflow: hidden;
  margin: 0;
}
.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform,height;
  transition-property: transform,height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
  position: relative;
}
.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}
.lSSlideOuter .media {
  opacity: 0.8;
}
.lSSlideOuter .media.active {
  opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Images/LightSlider/controls.png');
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}
.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}
.lSAction > a.disabled {
  pointer-events: none;
}
.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}
.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}
.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
  float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lslide img {
  width: 100%;
  height: auto;
}
.tx-felogin-pi1 label {
  display: block;
  margin-bottom: 10px;
  margin-top: 16px;
}
.tx-felogin-pi1 input[type="submit"] {
  background: #5389c2;
  color: #fff;
  font-size: 0.8em;
  border: none;
  padding: 0.2em 0.9em 0.2em 0.4em;
  margin-top: 16px;
  line-height: 1.5em;
  cursor: pointer;
}
.tx-felogin-pi1 input[type="text"],
.tx-felogin-pi1 input[type="password"] {
  width: 100%;
  max-width: 300px;
  margin-bottom: 0.6em;
  border: #cccccc solid 1px;
  font-size: 0.8em;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.2em 0.4em;
  line-height: 1.5em;
  color: #666;
  font-family: Arial, Helvetica, Sans-Serif;
}
.tx_evoweb_sfregister label {
  display: block;
  margin-bottom: 10px;
  margin-top: 16px;
}
.tx_evoweb_sfregister input[type="submit"] {
  background: #5389c2;
  color: #fff;
  font-size: 0.8em;
  border: none;
  padding: 0.2em 0.9em 0.2em 0.4em;
  margin-top: 16px;
  margin-bottom: 16px;
  line-height: 1.5em;
  cursor: pointer;
}
.tx_evoweb_sfregister input[type="text"],
.tx_evoweb_sfregister input[type="email"],
.tx_evoweb_sfregister input[type="password"] {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0.6em;
  border: #cccccc solid 1px;
  font-size: 0.8em;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.2em 0.4em;
  line-height: 1.5em;
  color: #666;
  font-family: Arial, Helvetica, Sans-Serif;
}
.tx_evoweb_sfregister textarea {
  width: 100%;
  max-width: 400px;
  margin-bottom: 0.6em;
  border: #cccccc solid 1px;
  font-size: 0.8em;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.2em 0.4em;
  line-height: 1.5em;
  color: #666;
  font-family: Arial, Helvetica, Sans-Serif;
}
.tx_evoweb_sfregister hr {
  margin: 16px 0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: #fff;
}
img {
  vertical-align: middle;
}
.ce-center .ce-gallery {
  text-align: center;
}
.layout-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
@media screen and (max-width: 729px) {
  .layout-table {
    display: block;
  }
}
.layout-row {
  display: table-row;
}
.layout-cell {
  display: table-cell;
  vertical-align: top;
}
.layout-cell * {
  vertical-align: top;
}
@media screen and (max-width: 729px) {
  .layout-cell {
    display: block;
  }
}
.yearbox {
  height: 1.3em;
  width: 1.3em;
  display: inline-block;
  margin-right: 0.3em;
}
.yearbox.yellow {
  background-color: #ffd530;
  cursor: help;
}
.yearbox.green {
  background-color: #97bf0d;
  cursor: help;
}
.yearbox.blue {
  background-color: #5389c2;
  cursor: help;
}
.yearbox.purple {
  background-color: #e52f7e;
  cursor: help;
}
.yearbox.orange {
  background-color: #f78a1a;
  cursor: help;
}
.form-group label {
  display: none;
}
.form-group input[type="text"],
.form-group textarea {
  width: 100%;
  margin-bottom: 0.6em;
  border: #cccccc solid 1px;
  font-size: 0.8em;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.2em 0.4em;
  line-height: 1.5em;
  color: #666;
  font-family: Arial, Helvetica, Sans-Serif;
}
.form-group textarea {
  min-height: 18em;
  resize: vertical;
}
.form-group input::placeholder {
  color: #666;
}
.form-navigation button[type="submit"] {
  background: #5389c2;
  color: #fff;
  font-size: 0.8em;
  border: none;
  padding: 0.2em 0.9em 0.2em 0.4em;
  line-height: 1.5em;
  cursor: pointer;
}
.call-to-action {
  margin-top: 0.5em;
  background: #5389c2;
  color: #fff;
  border: none;
  padding: 0.5em 1.9em 0.5em 1.4em;
  line-height: 1.5em;
  cursor: pointer;
}
.call-to-action.secondary {
  background: none;
  border: 1px solid #5389c2;
  color: inherit;
  font-weight: bold;
}
.js-hidden {
  display: none;
}
.embed-responsive-item {
  width: 100%;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
.grid .col-1 {
  width: 100%;
}
.grid .col-4 {
  width: 25%;
  float: left;
  padding: 0.5em;
}
.grid .col-4 h3 {
  height: 3.6em;
}
@media (max-width: 995px) {
  .grid .col-4 {
    width: 50%;
  }
}
@media (max-width: 995px) {
  .grid .col-4 {
    width: 50%;
  }
  .grid .col-4:nth-child(2n+1) {
    clear: both;
  }
}
@media (max-width: 350px) {
  .grid .col-4 {
    width: 100%;
    float: none;
  }
  .grid .col-4 h3 {
    height: auto;
  }
}
.grid .col-2 {
  width: 20%;
  float: left;
  padding: 0.5em;
}
.grid .col-2 h3 {
  height: 3.6em;
}
@media (max-width: 995px) {
  .grid .col-2 {
    width: 50%;
  }
}
@media (max-width: 995px) {
  .grid .col-2 {
    width: 50%;
  }
  .grid .col-2:nth-child(2n+1) {
    clear: both;
  }
}
@media (max-width: 350px) {
  .grid .col-2 {
    width: 100%;
    float: none;
  }
  .grid .col-2 h3 {
    height: auto;
  }
}
.home-grid .row {
  margin: 0 auto;
  max-width: 1136px;
}
.home-grid .row .col-4 img,
.home-grid .row .col-2 img {
  width: 45%;
}
@media screen and (max-width: 350px) {
  .home-grid .row .col-4 img,
  .home-grid .row .col-2 img {
    width: 25%;
  }
}
.home-grid .row .col-4 a,
.home-grid .row .col-2 a {
  color: inherit;
}
.home-grid.expanded .row {
  max-width: 1400px;
}
html {
  color: #666666;
  font-size: 16px;
  font-family: Arial, Helvetica, Sans-Serif;
}
@media screen and (max-width: 970px) {
  body {
    font-size: 16px !important;
  }
}
.content {
  font-size: 1.125em;
}
@media screen and (max-width: 1150px) {
  .content {
    font-size: 0.9em;
  }
}
.content img {
  max-width: 100%;
}
p {
  margin: 1em 0;
  line-height: 1.5em;
}
i {
  font-style: italic;
}
h1,
h2,
h3,
h4 {
  margin: 1em 0;
  line-height: 1.2em;
  font-weight: bold;
}
h1 {
  font-size: 1.68em;
  color: #4d89c2;
}
h2 {
  font-size: 1.31em;
}
h3 {
  font-size: 1.1em;
  word-wrap: break-word;
}
h4 {
  font-size: 1em;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
strong,
b {
  font-weight: bold;
}
em {
  font-style: italic;
}
sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
hr {
  height: 1px;
  border: none;
  border-bottom: 1px #ccc solid;
}
.content ul {
  padding-left: 1em;
  margin-top: 1em;
}
.content ul li {
  list-style: disc;
}
.content .accordion a {
  text-decoration: none;
  font-weight: bold;
  color: #666666;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 1px;
  background-image: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Icons/icon_blau.png');
}
li {
  line-height: 1.5em;
}
a {
  color: #4d89c2;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.highlighted.yellow {
  color: #ffd530;
}
.highlighted.green {
  color: #97bf0d;
}
.highlighted.blue {
  color: #5389c2;
}
.highlighted.purple {
  color: #e52f7e;
}
.highlighted.orange {
  color: #f78a1a;
}
.highlighted.red {
  color: #ff0000;
}
.frame-space-after-small {
  margin-bottom: 1em;
}
.frame-space-after-medium {
  margin-bottom: 1.5em;
}
.frame-space-after-large {
  margin-bottom: 2em;
}
.layout_default .left-col {
  float: left;
  width: 40%;
  padding-right: 1em;
}
.layout_default .right-col {
  width: 60%;
  padding-left: 1em;
  float: left;
}
.layout_default .gallery {
  clear: both;
  padding-top: 1.5em;
}
.layout_default .side-menu {
  width: 210px;
}
@media screen and (max-width: 1150px) {
  .layout_default .side-menu:first-child {
    display: none;
  }
}
@media screen and (max-width: 1230px) {
  .layout_default .side-menu {
    width: 180px;
  }
}
.layout_default .side-menu .left-column {
  margin-top: 8rem;
}
.layout_default .side-menu .left-column .ce-gallery {
  max-width: 60%;
}
.layout_default .side-menu .left-column a {
  color: #666666;
}
.layout_default .content-wrapper {
  padding: 0 1rem;
}
.layout_default .heading-wrapper {
  padding: 0 1rem;
}
.layout_default .heading-wrapper h1,
.layout_default .heading-wrapper h2,
.layout_default .heading-wrapper h3,
.layout_default .heading-wrapper h4 {
  margin: 0 0 0.5em 0;
}
.layout_default #wrapper {
  min-height: calc(100vh - 112px - 3.115em);
  width: 100%;
  max-width: 1400px;
  padding: 3.5em 2em 2em;
  margin: 0 auto;
}
@media screen and (max-width: 1150px) {
  .layout_default #wrapper {
    display: block;
    min-height: calc(100vh - 42px - 3.115em);
    padding: 2.5em 2.75em 1em 0.8em;
  }
}
.layout_default .main-nav {
  overflow: hidden;
}
@media screen and (max-width: 1150px) {
  .layout_default .main-nav {
    overflow: visible;
  }
}
.layout_default .footer {
  display: block;
  width: 100%;
  padding: 1.5em 1em 1em;
  height: 3.5em;
  background: #f78a1a;
  color: #000;
  z-index: 1000;
  position: relative;
  text-align: center;
  line-height: 1em;
}
.layout_default .footer ul {
  padding-left: 0;
  margin-top: 0;
}
.layout_default .footer ul li {
  list-style: none;
  display: inline-block;
  padding: 0 0.5em;
  vertical-align: bottom;
}
.layout_default .footer ul li a {
  color: #00001b;
  text-decoration: none;
}
.layout_default .footer ul li a:hover {
  color: #fff;
}
.layout_default .footer ul li a.active {
  color: #fff;
  font-weight: bold;
}
.layout_default .ce-gallery {
  /*
        img {
            width: 100%;
            height: auto;
        }
        */
}
.layout_default .ce-gallery .col-2,
.layout_default .ce-gallery .col-3,
.layout_default .ce-gallery .col-4,
.layout_default .ce-gallery .col-6 {
  float: left;
}
.layout_default .ce-gallery .col-2 {
  width: 50%;
}
.layout_default .ce-gallery .col-2:nth-child(2n+1) {
  clear: both;
}
.layout_default .ce-gallery .col-3 {
  width: 33.333%;
}
.layout_default .ce-gallery .col-3:nth-child(3n+1) {
  clear: both;
}
.layout_default .ce-gallery .col-4 {
  width: 25%;
}
.layout_default .ce-gallery .col-4:nth-child(4n+1) {
  clear: both;
}
.layout_default .ce-gallery .col-6 {
  width: 16.666%;
}
.layout_default .ce-gallery .col-6:nth-child(6n+1) {
  clear: both;
}
.layout_default .ce-gallery .grid-item {
  padding: 1em;
}
.layout_default .ce-gallery .ce-column {
  float: left;
  width: 100%;
}
.layout_default .ce-gallery .ce-row {
  clear: both;
}
.layout_default .ce-gallery[data-ce-columns="2"] .ce-column {
  width: 50%;
  padding: 1em;
}
.layout_default .ce-gallery[data-ce-columns="2"] .ce-row .ce-column:first-child {
  padding-left: 0;
}
.layout_default .ce-gallery[data-ce-columns="2"] .ce-row .ce-column:nth-child(2) {
  padding-right: 0;
}
.layout_default #main-image {
  width: 100%;
}
.layout_default #main-image img {
  width: 100%;
  height: auto;
}
.layout_default .ce-textpic.ce-intext.ce-right .ce-gallery,
.layout_default .ce-textpic.ce-intext.ce-left .ce-gallery {
  max-width: 435px;
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-right .ce-gallery,
  .layout_default .ce-textpic.ce-intext.ce-left .ce-gallery {
    max-width: 335px;
  }
}
.layout_default .ce-textpic.ce-intext.ce-right .ce-gallery img,
.layout_default .ce-textpic.ce-intext.ce-left .ce-gallery img {
  height: auto;
}
.layout_default .ce-textpic.ce-intext.ce-right:after,
.layout_default .ce-textpic.ce-intext.ce-left:after {
  clear: both;
}
.layout_default .ce-textpic.ce-intext.ce-right .ce-gallery {
  float: right;
  margin-right: -235px;
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-right .ce-gallery {
    margin-right: 0;
    float: none;
  }
}
.layout_default .ce-textpic.ce-intext.ce-right .ce-bodytext {
  margin-right: 250px;
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-right .ce-bodytext {
    margin-right: 150px;
  }
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-right .ce-bodytext {
    margin-right: 0;
  }
}
.layout_default .ce-textpic.ce-intext.ce-left .ce-gallery {
  float: left;
  margin-left: -235px;
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-left .ce-gallery {
    margin-left: 0;
    float: none;
  }
}
.layout_default .ce-textpic.ce-intext.ce-left .ce-bodytext {
  margin-left: 250px;
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-left .ce-bodytext {
    margin-left: 150px;
  }
}
@media screen and (max-width: 1150px) {
  .layout_default .ce-textpic.ce-intext.ce-left .ce-bodytext {
    margin-left: 0;
  }
}
.layout_fullpage {
  overflow: hidden;
}
.layout_fullpage .footer {
  display: block;
  font-size: 0.8888889em;
  width: 100%;
  padding: 1.5em 1em 1em;
  height: 3.5em;
  background: #f78a1a;
  color: #000;
  z-index: 1000;
  position: relative;
  text-align: center;
  line-height: 1em;
}
.layout_fullpage .footer ul {
  padding-left: 0;
  margin-top: 0;
}
.layout_fullpage .footer ul li {
  list-style: none;
  display: inline-block;
  padding: 0 0.5em;
  vertical-align: bottom;
}
.layout_fullpage .footer ul li a {
  color: #00001b;
  text-decoration: none;
}
.layout_fullpage .footer ul li a:hover {
  color: #fff;
}
.layout_fullpage .footer ul li a.active {
  color: #fff;
  font-weight: bold;
}
.layout_fullpage div.fullpage-wrapper {
  height: 100vh;
  position: relative;
}
.layout_fullpage div.section .section-body {
  height: calc(100vh - 112px);
  margin-top: 112px;
  overflow: auto;
  overflow-x: hidden;
}
@media screen and (max-width: 1150px) {
  .layout_fullpage div.section .section-body {
    height: calc(100vh - 42px);
    margin-top: 42px;
  }
}
.layout_fullpage div.fp-tableCell {
  vertical-align: top;
}
.layout_fullpage div.home-grid {
  min-height: calc(100vh - 112px - 3.115em);
}
.layout_fullpage div.section:first-child {
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Images/home_bg.jpg');
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;
  background-position: 50% 33%;
  color: #c4c4c4;
  line-height: 1.5em;
}
.layout_fullpage div.slide:first-child {
  position: relative;
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Less/Images/home_fg.png') center center no-repeat;
  background-size: cover;
  background-attachment: scroll;
}
.layout_fullpage div.slide:first-child .frame:first-child {
  position: absolute;
  right: 18%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4em;
  text-shadow: 2px 2px 0px #161616;
  text-transform: uppercase;
  text-align: right;
}
.layout_fullpage div.slide:first-child .frame:first-child:before {
  content: '';
  height: 100px;
  width: 100%;
  display: block;
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Less/Images/logo.png') right center no-repeat;
  background-size: contain;
  background-attachment: scroll;
}
.layout_fullpage div.slide:first-child:after {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.layout_fullpage div.section:nth-child(2) {
  background-color: #ffd530;
}
.layout_fullpage div.section:nth-child(2) .section-body {
  background: #fff;
}
.layout_fullpage div.slide:nth-child(3) {
  position: relative;
  font-family: 'Indie Flower', cursive;
}
.layout_fullpage div.slide:nth-child(3) .frame:first-child {
  position: absolute;
  right: 15%;
  width: 45%;
  top: 50%;
  transform: translateY(-50%);
  text-shadow: 2px 2px 0px #161616;
  font-size: 1.2em;
}
.layout_fullpage div.slide:nth-child(3):after {
  content: '';
  height: 100%;
  width: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Less/Images/pic1.png') center center no-repeat;
  background-size: contain;
  background-attachment: scroll;
}
body {
  padding-top: 112px;
}
@media (max-width: 1150px) {
  body {
    padding-top: 42px;
  }
}
.main-nav {
  position: fixed;
  width: 100%;
  height: 112px;
  z-index: 997;
  top: 0;
  left: 0;
  right: 0;
  background: #ffd530;
  border-bottom: 4px solid #fff;
}
@media (max-width: 1150px) {
  .main-nav {
    height: 42px;
  }
}
.main-nav .main-nav-wrapper {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 1560px;
  display: block;
}
.main-nav .main-nav-wrapper .nav-btn {
  display: none;
}
@media (max-width: 1150px) {
  .main-nav .main-nav-wrapper .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .main-nav .main-nav-wrapper .nav-btn label {
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 12px 8px;
  }
  .main-nav .main-nav-wrapper .nav-btn label span {
    display: block;
    width: 22px;
    height: 7px;
    border-top: 2px solid #fff;
  }
  .main-nav .main-nav-wrapper .nav-btn label:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.main-nav .main-nav-wrapper #nav-check {
  display: none;
}
@media (max-width: 1150px) {
  .main-nav .main-nav-wrapper #nav-check:not(:checked) + ul.main-nav-links {
    height: 0px;
  }
  .main-nav .main-nav-wrapper #nav-check:checked + ul.main-nav-links {
    height: calc(100vh - 42px);
    overflow-y: auto;
    padding-top: 0.8em;
  }
}
.main-nav .main-nav-wrapper ul.main-nav-links {
  display: inline-block;
  float: right;
  padding: 0;
  font-size: 1em;
  height: 100%;
  text-align: right;
  margin-left: 1em;
}
.main-nav .main-nav-wrapper ul.main-nav-links li {
  display: inline-block;
  list-style: none;
  vertical-align: bottom;
  cursor: default;
}
.main-nav .main-nav-wrapper ul.main-nav-links li a {
  display: inline-block;
  color: #00001b;
  text-decoration: none;
  text-align: center;
  padding: 1em 0.5em;
}
.main-nav .main-nav-wrapper ul.main-nav-links li a:hover {
  color: #fff;
}
.main-nav .main-nav-wrapper ul.main-nav-links li.active > a {
  color: #fff;
  font-weight: bold;
}
.main-nav .main-nav-wrapper ul.main-nav-links li:after {
  content: '|';
  display: inline-block;
  color: #000;
  height: 1em;
  width: 1em;
  text-align: center;
}
.main-nav .main-nav-wrapper ul.main-nav-links li:last-child:after {
  content: none;
}
.main-nav .main-nav-wrapper ul.main-nav-links ul.main-nav-sublinks {
  display: none;
  font-size: 0.9em;
}
.main-nav .main-nav-wrapper ul.main-nav-links ul.main-nav-sublinks li a {
  padding: 0.2em 0.5em;
}
.main-nav .main-nav-wrapper ul.main-nav-links:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
.main-nav .main-nav-wrapper ul.main-nav-links.js-enabled > li ul.main-nav-sublinks {
  max-height: 0px;
}
@media (max-width: 1150px) {
  .main-nav .main-nav-wrapper ul.main-nav-links {
    position: absolute;
    width: 100%;
    top: 42px;
    left: 0px;
    display: block;
    background-color: #fff;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    text-align: left;
    margin-left: 0px;
    z-index: 39;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links li {
    display: block;
    border-bottom: solid 1px #c0c0c0;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links li a {
    padding: 0.6em 0.5em;
    width: 100%;
    font-weight: normal;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links li a:hover {
    color: initial;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links li.active > a {
    color: #ffd530;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links li:after {
    content: none;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links > li {
    /*
                    li:first-child {
                        border-top: solid 3px #fff;
                    }
                    li:last-child {
                        border-bottom: solid 2px #fff;
                    }

                    &:first-child {
                        border-top: solid 4px #fff;
                    }
                    &:last-child {
                        border-bottom: solid 4px #fff;
                    }
                    */
  }
  .main-nav .main-nav-wrapper ul.main-nav-links > li li {
    border-bottom: none;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links > li li:first-child {
    border-top: solid 1px #c0c0c0;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links > li.show-sub ul.main-nav-sublinks {
    max-height: 10000px;
    transition: max-height 1s ease-in;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links > li.show-sub > a {
    color: inherit;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links > li ul.main-nav-sublinks {
    display: block;
    overflow: hidden;
    margin-left: 0;
    padding-left: 0;
  }
  .main-nav .main-nav-wrapper ul.main-nav-links:after {
    display: none;
  }
}
.main-nav .main-nav-wrapper .logo {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 278px;
  height: 100%;
}
.main-nav .main-nav-wrapper .logo a {
  position: relative;
  display: inline-block;
  z-index: 1000;
  margin-bottom: 10px;
  height: 81.4%;
}
.main-nav .main-nav-wrapper .logo a img {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: auto;
}
.main-nav .main-nav-wrapper .logo:before {
  content: '';
  width: 100%;
  padding-bottom: 100%;
  border-radius: 50%;
  position: absolute;
  top: -100px;
  left: 0;
  background: #fff;
  z-index: 50;
}
.main-nav .main-nav-wrapper .logo:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
@media (max-width: 1150px) {
  .main-nav .main-nav-wrapper .logo {
    width: 178px;
  }
  .main-nav .main-nav-wrapper .logo a {
    height: 130%;
  }
}
.main-nav .main-nav-wrapper .description {
  color: #000;
  display: inline-block;
  vertical-align: bottom;
  padding: 0 0 1em 1em;
  line-height: 1.3em;
}
@media (max-width: 1455px) {
  .main-nav .main-nav-wrapper .description {
    position: absolute;
    top: 1em;
    left: 294px;
  }
}
@media (max-width: 1150px) {
  .main-nav .main-nav-wrapper .description {
    display: none;
  }
}
.main-nav .main-nav-wrapper .font-sizer {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 0 16px 1em 0;
}
.main-nav .main-nav-wrapper .font-sizer .font-a {
  font-size: 14px;
}
.main-nav .main-nav-wrapper .font-sizer .font-b {
  font-size: 16px;
}
.main-nav .main-nav-wrapper .font-sizer .font-c {
  font-size: 20px;
}
.main-nav .main-nav-wrapper .font-sizer .active {
  text-decoration: underline;
}
.main-nav .main-nav-wrapper .font-sizer .clickable {
  cursor: pointer;
}
@media (max-width: 1680px) {
  .main-nav .main-nav-wrapper .font-sizer {
    bottom: unset;
    top: 1em;
  }
}
@media (max-width: 1150px) {
  .main-nav .main-nav-wrapper .font-sizer {
    display: none;
  }
}
.submenu h4 {
  margin-bottom: 0.6em;
  text-transform: uppercase;
}
.submenu ul {
  margin: 0;
  padding: 0;
}
.submenu ul li {
  list-style: none;
  padding: 0.6em 0;
  hyphens: auto;
}
.submenu ul li a {
  color: #666666;
}
.submenu ul li a:hover {
  color: #ffd530;
  text-decoration: none;
}
.submenu ul li.active a {
  color: #ffd530;
}
.submenu img {
  width: 60%;
}
#fixed_side {
  position: fixed;
  top: 112px;
  right: 0;
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s;
}
#fixed_side .side-container {
  margin: 0 0 0 auto;
  display: table;
  margin-bottom: 4px;
}
#fixed_side .side-toggle {
  background-color: #5389c2;
  width: 2em;
  cursor: pointer;
}
#fixed_side .side-toggle .inner {
  display: block;
  color: #ffffff;
  font-size: 2em;
  min-height: 1em;
  line-height: 1em;
  text-align: center;
  word-break: break-all;
  text-transform: uppercase;
}
#fixed_side .side-toggle span {
  display: inline-block;
  font-size: 0.5em;
  width: 1em;
  line-height: 1.1em;
  padding: 0.5em 0;
}
#fixed_side .side-body {
  background-color: #ffffff;
  border: #5389c2 1px solid;
  padding: 0.5em;
}
#fixed_side .side-body .inner {
  width: 280px;
  line-height: 1.5em;
}
#fixed_side .side-body .inner .yearbox {
  font-size: 0.7em;
  vertical-align: baseline;
}
#fixed_side .side-body input {
  font-size: 1.125em;
}
#fixed_side .side-body input[type="text"] {
  border: 1px #ffd630 solid;
  padding: 0.2em 0.9em 0.2em 0.4em;
  width: 100%;
}
#fixed_side .side-body input[type="submit"],
#fixed_side .side-body input[type="button"] {
  margin-top: 0.5em;
  background: #5389c2;
  color: #fff;
  border: none;
  padding: 0 0.9em 0 0.4em;
  line-height: 1.5em;
  cursor: pointer;
}
@media screen and (max-width: 1150px) {
  #fixed_side {
    top: 42px;
  }
}
#search_toggle .inner {
  background: url('../../../typo3conf/ext/jowatech_client_package/Resources/Public/Icons/search.png') no-repeat center center;
  background-size: 80%;
}
/*# sourceMappingURL=/typo3temp/jowatechclientpackage/jowatechclientpackage.map */
/*! jQuery UI - v1.10.3 - 2013-09-12
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.accordion.css, jquery.ui.tabs.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=0&bgColorHeader=%23BE1A32&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=%23BE1A32&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23fff&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=%23dddddd&fcContent=%23333333&iconColorContent=%23222222&bgColorDefault=%23f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=%23cccccc&fcDefault=%23000&iconColorDefault=%23BE1A32&bgColorHover=%23BE1A32&bgTextureHover=glass&bgImgOpacityHover=50&borderColorHover=%23BE1A32&fcHover=%23fff&iconColorHover=%23BE1A32&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23cccccc&fcActive=%23BE1A32&iconColorActive=%23BE1A32&bgColorHighlight=%23BE1A32&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=%23BE1A32&fcHighlight=%23363636&iconColorHighlight=%23BE1A32&bgColorError=%23b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffd27a&bgColorOverlay=%23666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity = 0);
}

.ui-front {
	z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle
	{
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .8em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
	padding-left: 0;
}

.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-tabs {
	position: relative;
	/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a
	{
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
	/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial, sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button
	{
	font-family: Arial, sans-serif;
	font-size: 1em;
}

.ui-widget-content {
	border-bottom: 1px solid #dddddd;
		top repeat-x;
	color: #333333;
}

.ui-widget-content a {
	color: #333333;
}

.ui-widget-header {
	border: 1px solid #BE1A32;
		50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}

.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default
	{
	border-bottom: 1px solid #cccccc;
	background: none;
	font-weight: bold;
	color: #000;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited
	{
	color: #000;
	text-decoration: none;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
	{
	border-bottom: 1px solid #cccccc;
	/*background: #BE1A32 url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/css/images/ui-bg_glass_50_BE1A32_1x400.png') 50% 50% repeat-x;*/
	font-weight: bold;
	color: #262626;
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited
	{
	color: #fff;
	text-decoration: none;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
	{
	border: 0px solid #cccccc;
		repeat-x;
	font-weight: bold;
	color: #333;
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #BE1A32;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight
	{
	border: 1px solid #BE1A32;
		50% top repeat-x;
	color: #363636;
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a
	{
	color: #363636;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error
	{
	border: 1px solid #cd0a0a;
	background: #b81900
	color: #ffffff;
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a
	{
	color: #ffffff;
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text
	{
	color: #ffffff;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary
	{
	font-weight: bold;
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary
	{
	opacity: .7;
	filter: Alpha(Opacity = 70);
	font-weight: normal;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled
	{
	opacity: .35;
	filter: Alpha(Opacity = 35);
	background-image: none;
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity = 35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

/* positioning */
.ui-icon-blank {
	background-position: 16px 16px;
}

.ui-icon-carat-1-n {
	background-position: 0 0;
}

.ui-icon-carat-1-ne {
	background-position: -16px 0;
}

.ui-icon-carat-1-e {
	background-position: -32px 0;
}

.ui-icon-carat-1-se {
	background-position: -48px 0;
}

.ui-icon-carat-1-s {
	background-position: -64px 0;
}

.ui-icon-carat-1-sw {
	background-position: -80px 0;
}

.ui-icon-carat-1-w {
	background-position: -96px 0;
}

.ui-icon-carat-1-nw {
	background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
	border-top-left-radius: 0;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
	border-top-right-radius: 0;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
	border-bottom-left-radius: 0;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
	border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666
	opacity: .5;
	filter: Alpha(Opacity = 50);
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
		repeat-x;
	opacity: .2;
	filter: Alpha(Opacity = 20);
	border-radius: 5px;
}
.clinic-list {
    font-size: 0.9em;
}

.accordion {
color: #333333;
}

.accordion .stadt {
float: left;
width: 30%;
}

.accordion .titel {
float: left;
width: 70%;
padding-right: calc(1.6em * 6);
}
.accordion .untertitel .titel {
    width: 100%;
}

.accordion .jahre {
direction: rtl;
line-height: 1.6em;
position: absolute;
right: 0;
top: 0;
width: 110px;
width: calc(1.63em * 7);
z-index: 5;
}
.accordion .jahre .yearbox svg {
    margin-right: -0.25em;
}

.accordion .tc3 {
color: #97bf0d;
}

.accordion .tc4 {
color: #97bf0d;
}

.accordion .tc4:after {
content: "\00a0+";
color: #e52f7e;
font-size:120%;
}

.accordion .tc5 {
color: #e52f7e
}

span.jahr6 {
margin-left: 3px;
float: left;
display: block;
width: 10px;
height: 10px;
background-image: url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/icon6.png');
}

span.jahr7 {
float: left;
display: block;
width: 10px;
height: 10px;
margin-left: 3px;
background-image: url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/icon7.png');
}

span.jahr8 {
float: left;
display: block;
width: 10px;
height: 10px;
margin-left: 3px;
background-image: url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/icon8.png');
}

span.jahr9 {
float: left;
display: block;
width: 10px;
height: 10px;
margin-left: 3px;
background-image: url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/icon9.png');
}

.year-info {
    line-height: 1.5em;
    margin: 1em 0;
}
.year-info .yearbox { font-size: 0.7em; vertical-align: baseline; margin-bottom:-1px; }

.accordion .acc_content,.accordion .untertitel {
    margin-left: 30% !important;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 0;
}

.accordion .untertitel {
width: 70%;
color:#666666 !important;
}


.accordion .titelzeile {
    position: relative;
}

@media screen and (max-width: 900px) {

    .accordion .stadt, .accordion .jahre {
        position: absolute;
        float:none;
        top: 0;
        left: 0;
        width: auto;
    }
    
    .accordion .jahre {
        right: 0;
        left: unset;
    }
    
    .accordion .titel {
        float: none;
        width: 100%;
        padding-top: 1.5em;
    }
    .accordion .acc_content,.accordion .untertitel {
        width: 100%;
        margin-left: 0 !important;
    }
}

.stadt {
text-transform: uppercase;
color: #999999;
}

.stadt:hover {
color: #666666;
}

.jahre {
font-size: 0.7em;
padding-top: 2px;
}

div.back-to-top {
width: 100%;
text-align: right;
}
div.anker {
margin-top:20px;
}
div.anker a:before,div.back-to-top a:before,div#alphabet a:before {
content: "" !important;
color: white;
}

div#alphabet a,div.anker {
font-size: 1.2em;
color: #999999;
text-decoration: none;
padding-right: 15px;
font-weight: bold;
background: none;
}
div#alphabet a { padding-left: 0; }

div.anker a, div.back-to-top a, #top {
background: none !important;
}

div#alphabet {
width: 100%;
}

span.stil-rot {
color: rgb(230,58,132) ;
}

span.stil-blau{
color:rgb(103,156,208);
}
span.stil-gruen{
color:#97bf0d;
}

.content .sub-accordion.clinic-details-list a {
    font-weight: normal;
}

.sub-accordion .sub-panel {
    border: none;
    color: inherit;
}

.sub-accordion .details-ambulances p { margin: 0.5em 0 0.2em; }
.sub-accordion .details-ambulances ul { margin: 0; }

.sub-accordion .sub-panel.ui-state-default a {
    line-height: 1.5em;
}
.sub-accordion .sub-panel.ui-state-hover a, .sub-accordion .sub-panel.ui-state-active a {
    color: #333333;
    text-decoration: underline;
}
.ui-accordion .sub-panel.ui-accordion-header {
    padding: 0.2em 0;
}
.ui-accordion .acc_content.ui-accordion-content > *:first-child {
    margin: 0;
    padding: 0.2em 0;
}
.ui-accordion .ui-accordion-content {
    padding: 0 0 1em 0;
}
.ui-accordion .ui-accordion-header { margin: 0; }

.untertitel {position: relative;}

.distance {
    float: left;
    width: 25%;
    color: #ccc;
}
@media screen and (max-width: 900px) {
    .distance { float: none; width: auto; }
}

.filter-options input[type="text"], .filter-options select {
    width: 100%;
    margin-bottom: 0.6em;
    border: #cccccc solid 1px;
    font-size: 0.8em;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0.2em 0.4em;
    line-height: 1.5em;
    color: #666;
}
.filter-options input[type="text"]:disabled, .filter-options select:disabled {
    color: #aaa;
}

.accordion .filter-options input[type="text"], .accordion .filter-options select,
.extended-search-panel .filter-options input[type="text"], .extended-search-panel .filter-options select {
    width: 31%;
    margin-right: 1.9%;
}

.filter-options input::placeholder {
    color: #666;
}

.filter-options select {
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-white.png'),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 0.225em) 0.55em,
        100% 0;
    background-size:
        1.1em 0.8em,
        1.6em 1.9em;
    background-repeat: no-repeat;
    border-color: #ccc;
    outline: 0;
    padding-right: 2em;
}

.filter-options select.filter-selected {
    /*
    border: 1px solid #ffd630;
    -webkit-box-shadow: inset 0px -9px 7px -7px rgba(255,214,48,1);
    -moz-box-shadow: inset 0px -9px 7px -7px rgba(255,214,48,1);
    box-shadow: inset 0px -9px 7px -7px rgba(255,214,48,1);
    */
    
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-white.png'),
        linear-gradient(to right, rgba(255,214,48,1), rgba(255,214,48,1));
        /*
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-yellow.png'),
        linear-gradient(to right, #ccc, #ccc);
        */

}

.filter-options select:focus {
    outline-color: rgb(77, 144, 254);
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
    
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-white.png'),
        linear-gradient(to right, rgb(156, 156, 156), rgb(156, 156, 156));
}

.filter-options select:hover {
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-white.png'),
        linear-gradient(to right, rgb(156, 156, 156), rgb(156, 156, 156));
}
.filter-options select.filter-selected:hover, .filter-options select.filter-selected:focus {
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-white.png'),
        linear-gradient(to right, rgb(235, 196, 44), rgb(235, 196, 44));
/*
    background-image:
        url('../../../typo3conf/ext/jwt_feuser_listing/Resources/Public/img/carot-down-yellow.png'),
        linear-gradient(to right, rgb(156, 156, 156), rgb(156, 156, 156));
        */
}

.filter-options input[type="submit"], .filter-options button[type="reset"] {
    background: #5389c2;
    color: #fff;
    font-size: 0.8em;
    border: none;
    padding: 0.2em 0.9em 0.2em 0.4em;
    line-height: 1.5em;
    cursor: pointer;
    margin-right: 2%;
}
/*
.filter-options button[type="reset"] {
    background: #406994;
}
*/

.filter-panel h2 {
    margin: 0;
    padding: 7px 0 7px 0;
    font-weight: bold;
    font-size: 100%;
    color: #5389c2;
}

.filter-panel span.all-results-info {
    display: block;
    font-size: 0.8em;
    line-height: 1.2em;
    margin-bottom: 1em;
}
.filter-panel span.all-results-info.error {
    font-size: 0.7em;
    color: #cc0f0f;
}

.ui-accordion.filter-panel .ui-accordion-content {
    padding: 0;
}

.accordion .panel, .accordion .acc_content { border: none; }

.map-view {
    display: table;
    width: 100%;
}

.map-view .filter-panel {
    width: 250px;
    display: table-cell;
    padding-right: 0.6em;
}

.map-view .filter-panel p {
    margin-top: 0;
}

#map {
    display: table-cell;
    height: calc(100vh - 11em - 112px);
}
@media screen and (max-width: 700px) {
    .map-view { 
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #map {
        display: block;
        width: 100%;
        order: 1;
    }
    .map-view .filter-panel { 
        display: block;
        margin-top: 1em;
        order: 2;
    }
}

#map .gm-style-iw h3 {
    display: inline-block;
    margin: 0;
    color: #97bf0d;
    font-weight: bold;
}
#map .gm-style-iw h3.chirurgie { color: #e52f7e; }

#map .gm-style-iw span.plus {
    font-weight: bold;
    color: #e52f7e;
}

#map .gm-style-iw info a {
    color: #333333;
    text-decoration: none;
    font-weight: bold;
}
#map .gm-style-iw info a:before {
    content: '▶ ';
    color: #5389c2;
    vertical-align: top;
}

#map .gm-style-iw .star {
    padding-left: 22px;
    margin-top: 10px;
}

/* UI - TOOLTIP */

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
.ui-tooltip, .arrow:after {
    background: white;
}
.ui-tooltip {
    padding: 10px 20px;
    border-radius: 8px;
    font: 14px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

.clinic-anchor {
    display: block;
    position: relative;
    top: -112px;
    visibility: hidden;
}

@media screen and (max-width: 700px) {
    .clinic-anchor {
        top: -42px;
    }
}