@charset "UTF-8";
/*=============== BASE ====================================================================*/
/*--- Colors ---*/
/*--- Screen Breakpoints ---*/
/*=============== Functions ====================================================================*/
/*--------------- PX to EM ----------------------------------*/
/*--- Linkcolor, Bordercolor & Backgroundcolor ---*/
/*--- css3 vendor ---*/
/*--- opacity ---*/
/*--- white & black with Opacity ---*/
/*--- Box-embosss ---*/
/*--- Letterpress ---*/
/*--- Transition ---*/
/* devanagari */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(webfonts/yantramanav_100_1.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(webfonts/yantramanav_100_2.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(webfonts/yantramanav_100_3.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/yantramanav_400.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/yantramanav_400.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(webfonts/yantramanav_400.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/yantramanav_700.woff2) format("woff2");
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/yantramanav_700.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Yantramanav";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(webfonts/yantramanav_700.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!
 * jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2016 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */
@-webkit-keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.jconfirm-noscroll {
  overflow: hidden !important;
}

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
}

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.jconfirm .jconfirm-bg.seen {
  opacity: 1;
}

.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-perspective-origin: center;
  perspective-origin: center;
}

.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative;
  outline: none;
  padding: 15px 15px 0;
}

.jconfirm .jconfirm-box div.closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.6;
  text-align: center;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  display: none;
  font-size: 27px;
  line-height: 14px;
}

.jconfirm .jconfirm-box div.closeIcon .fa {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.closeIcon .glyphicon {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.closeIcon .zmdi {
  font-size: 16px;
}

.jconfirm .jconfirm-box div.closeIcon:hover {
  opacity: 1;
}

.jconfirm .jconfirm-box div.title-c {
  display: block;
  font-size: 22px;
  line-height: 20px;
}

.jconfirm .jconfirm-box div.title-c .icon-c {
  font-size: inherit;
  padding-bottom: 15px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.title-c .icon-c i {
  vertical-align: middle;
}

.jconfirm .jconfirm-box div.title-c .icon-c:empty {
  display: none;
}

.jconfirm .jconfirm-box div.title-c .title {
  font-size: inherit;
  font-family: inherit;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 15px;
}

.jconfirm .jconfirm-box div.title-c .title:empty {
  display: none;
}

.jconfirm .jconfirm-box div.content-pane {
  margin-bottom: 15px;
  height: auto;
  -webkit-transition: height 0.4s ease-in;
  transition: height 0.4s ease-in;
  display: inline-block;
  width: 100%;
  position: relative;
}

.jconfirm .jconfirm-box div.content-pane .content {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  right: 0;
}

.jconfirm .jconfirm-box div.content-pane .content img {
  width: 100%;
  height: auto;
}

.jconfirm .jconfirm-box div.content-pane .content:empty {
  display: none;
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading {
  height: 40px;
  position: relative;
  opacity: 0.6;
  display: block;
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {
  content: "";
  height: 20px;
  width: 20px;
  border: solid 2px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  border-radius: 50%;
  -webkit-animation: jconfirm-rotate 1s infinite linear;
  animation: jconfirm-rotate 1s infinite linear;
  border-bottom-color: #aaa;
  top: 50%;
  margin-top: -10px;
}

.jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -15px;
}

.jconfirm .jconfirm-box .buttons {
  padding-bottom: 15px;
}

.jconfirm .jconfirm-box .buttons button + button {
  margin-left: 5px;
}

.jconfirm .jquery-clear {
  clear: both;
}

.jconfirm.rtl {
  direction: rtl;
}

.jconfirm.rtl div.closeIcon {
  left: 12px;
  right: auto;
}

.jconfirm.jconfirm-white .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.2);
}

.jconfirm.jconfirm-white .jconfirm-box {
  -webkit-box-shadow: 0 0px 1000px 50px #020E26;
          box-shadow: 0 0px 1000px 50px #020E26;
  border-radius: 5px;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons {
  float: right;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #333;
}

.jconfirm.jconfirm-white .jconfirm-box .buttons button.btn-default:hover {
  background: #ddd;
}

.jconfirm.jconfirm-black .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5);
}

.jconfirm.jconfirm-black .jconfirm-box {
  -webkit-box-shadow: 0 0px 1000px 100px #020E26;
          box-shadow: 0 0px 1000px 100px #020E26;
  background: #444;
  border-radius: 5px;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons {
  float: right;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons button {
  border: none;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  background: none;
}

.jconfirm.jconfirm-black .jconfirm-box .buttons button.btn-default:hover {
  background: #666;
}

.jconfirm .jconfirm-box.hilight {
  -webkit-animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: hilight 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@-webkit-keyframes hilight {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
@keyframes hilight {
  10%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-8px, 0, 0);
    transform: translate3d(-8px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(8px, 0, 0);
    transform: translate3d(8px, 0, 0);
  }
}
/*Transition rules*/
.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px;
}

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: -webkit-transform, opacity, box-shadow;
  -webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
  transition-property: opacity, -webkit-transform, -webkit-box-shadow;
  transition-property: transform, opacity, box-shadow;
  transition-property: transform, opacity, box-shadow, -webkit-transform, -webkit-box-shadow;
}

.jconfirm .jconfirm-box.anim-top,
.jconfirm .jconfirm-box.anim-left,
.jconfirm .jconfirm-box.anim-right,
.jconfirm .jconfirm-box.anim-bottom,
.jconfirm .jconfirm-box.anim-opacity,
.jconfirm .jconfirm-box.anim-zoom,
.jconfirm .jconfirm-box.anim-scale,
.jconfirm .jconfirm-box.anim-none,
.jconfirm .jconfirm-box.anim-rotate,
.jconfirm .jconfirm-box.anim-rotatex,
.jconfirm .jconfirm-box.anim-rotatey,
.jconfirm .jconfirm-box.anim-scaley,
.jconfirm .jconfirm-box.anim-scalex {
  opacity: 0;
}

.jconfirm .jconfirm-box.anim-rotate {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.jconfirm .jconfirm-box.anim-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-rotatexr {
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-rotatey {
  -webkit-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-rotateyr {
  -webkit-transform: rotatey(-90deg);
  transform: rotatey(-90deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-scaley {
  -webkit-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-scalex {
  -webkit-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  transform-origin: center;
}

.jconfirm .jconfirm-box.anim-top {
  -webkit-transform: translate(0px, -100px);
  transform: translate(0px, -100px);
}

.jconfirm .jconfirm-box.anim-left {
  -webkit-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px);
}

.jconfirm .jconfirm-box.anim-right {
  -webkit-transform: translate(100px, 0px);
  transform: translate(100px, 0px);
}

.jconfirm .jconfirm-box.anim-bottom {
  -webkit-transform: translate(0px, 100px);
  transform: translate(0px, 100px);
}

.jconfirm .jconfirm-box.anim-zoom {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.jconfirm .jconfirm-box.anim-scale {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.jconfirm .jconfirm-box.anim-none {
  display: none;
}

.jconfirm.jconfirm-supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95);
}

.jconfirm.jconfirm-supervan .jconfirm-box {
  background-color: transparent;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.title-c > * {
  padding-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {
  margin-bottom: 25px;
}

.jconfirm.jconfirm-supervan .jconfirm-box div.content {
  text-align: center;
  color: white;
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons {
  text-align: center;
}

.jconfirm.jconfirm-supervan .jconfirm-box .buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: none;
  color: white;
  padding: 10px;
  min-width: 100px;
}

.jconfirm.jconfirm-material .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.67);
}

.jconfirm.jconfirm-material .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
          box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  padding: 30px 25px 10px 25px;
}

.jconfirm.jconfirm-material .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
}

.jconfirm.jconfirm-material .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-material .jconfirm-box .buttons {
  text-align: right;
}

.jconfirm.jconfirm-material .jconfirm-box .buttons button {
  text-transform: uppercase;
  font-weight: 500;
}

.jconfirm.jconfirm-bootstrap .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.21);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: white;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px rgba(0, 0, 0, 0.4);
  padding: 15px 0 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {
  color: rgba(0, 0, 0, 0.87);
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {
  color: rgba(0, 0, 0, 0.87);
  font-size: 22px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.content {
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  padding: 0px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {
  text-align: right;
  padding: 0px 0 0px;
  margin: -5px 0 0px;
  border-top: solid 1px #ddd;
  overflow: hidden;
  border-radius: 0 0 4px 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {
  font-weight: 500;
  border-radius: 0px;
  margin: 0;
  border-left: solid 1px #ddd;
}

.jconfirm-box-container {
  width: 38.4615384615em;
  margin: 0 auto;
}
.jconfirm-box-container .buttons button {
  border: none;
  padding: 1.1538461538em;
  border-radius: 0.3076923077em;
  background-image: none;
  text-transform: uppercase;
  font-size: 1.0769230769em;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  color: white;
  background: #fff;
}
.jconfirm-box-container .buttons button:hover {
  background: #ddd;
  cursor: pointer;
}

/*!
 * jQuery ClassyScroll
 * http://www.class.pm/projects/jquery/classyscroll
 *
 * Copyright 2011 - 2013, Class.PM www.class.pm
 * Written by Marius Stanciu - Sergiu <marius@picozu.net>
 * Licensed under the GPL Version 3 license.
 * Version 1.1.0
 *
*/
.scrollbar-path-vertical, .scrollbar-path-horizontal {
  position: absolute;
  background-color: #eee;
  background-color: rgba(2, 14, 38, 0.2);
  z-index: 100;
}

.scrollbar-path-horizontal {
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 10px;
}

.scrollbar-path-vertical {
  right: 5px;
  top: 0;
  height: 100%;
  width: 10px;
}

.scrollbar-handle {
  position: relative;
  top: 0;
  left: 0;
  background-color: rgba(2, 14, 38, 0.5);
}

.scrollbar-path-vertical .scrollbar-handle {
  height: 20%;
  width: 100%;
}

.scrollbar-path-horizontal .scrollbar-handle {
  width: 20%;
  height: 100%;
}

.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle {
  border-radius: 5px;
}

.scrollbar-content {
  padding: 0 20px 0 0;
}

/**
 *   Here's where everything gets included. You don't need
 *   to change anything here, and doing so might break
 *   stuff. Here be dragons and all that.
 */
/**
 *   Default variables
 *
 *   While these can be set with JavaScript, it's probably
 *   better and faster to just set them here, compile to
 *   CSS and include that instead to use some of that
 *   hardware-accelerated goodness.
 */
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
  position: relative;
}

.btn {
  background: #333;
  color: #fff;
  padding: 6px 15px;
  margin-top: -23px;
  border-radius: 3px;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider ul, .unslider ol, .unslider li {
  list-style: none;
  /* Reset any weird spacing */
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  background: #888;
  top: 219px;
  padding: 18px 6px;
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
}

.unslider-arrow.next {
  left: auto;
  right: 20px;
}

.unslider-nav ol {
  list-style: none;
  text-align: center;
}

.unslider-nav ol li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #fff;
  cursor: pointer;
}

.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}

/**
 * @package PickMeUp
 * @author  Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @license 0BSD
 */
.pickmeup {
  -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2), 0 24px 22px -33px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2), 0 24px 22px -33px rgba(0, 0, 0, 0.8);
  background: #fff;
  border-radius: 0.4em;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  position: absolute;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  z-index: 10;
  padding-left: 2em;
}
.pickmeup * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pickmeup.pmu-flat {
  position: relative;
}
.pickmeup.pmu-hidden {
  display: none;
}
.pickmeup .pmu-instance {
  position: relative;
  display: inline-block;
  height: 13.8em;
  padding: 0.5em;
  text-align: center;
  width: 15em;
}
.pickmeup .pmu-instance .pmu-button {
  color: #000;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}
.pickmeup .pmu-instance .pmu-today {
  background: #fff;
  color: #669b15;
}
.pickmeup .pmu-instance .pmu-button:hover {
  background: transparent;
  color: #669b15;
}
.pickmeup .pmu-instance .pmu-not-in-month {
  color: #666;
}
.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
  color: #333;
  cursor: default;
}
.pickmeup .pmu-instance .pmu-selected {
  font-weight: bold;
  background: #fff;
  color: #020E26;
}
.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
  background: #ddd;
}
.pickmeup .pmu-instance nav {
  color: #000;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  line-height: 2em;
}
.pickmeup .pmu-instance nav *:first-child :hover {
  color: #669b15;
}
.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next {
  display: none;
  height: 2em;
  width: 1em;
}
.pickmeup .pmu-instance nav .pmu-month {
  width: 14em;
}
.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * {
  display: inline-block;
  line-height: 3.6em;
  width: 3.5em;
}
.pickmeup .pmu-instance .pmu-day-of-week {
  color: #999;
  cursor: default;
}
.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
  display: inline-block;
  line-height: 1.5em;
  width: 2em;
}
.pickmeup .pmu-instance .pmu-kws {
  position: absolute;
  top: 0;
  left: -1.2em;
  top: 2.7em;
  line-height: 1.5em;
}
.pickmeup .pmu-instance .pmu-kws div {
  color: #333;
  font-weight: bold;
}
.pickmeup .pmu-instance .pmu-day-of-week * {
  line-height: 1.8em;
}
.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {
  display: block;
}
.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
  width: 13em;
}
.pickmeup .pmu-instance:first-child:last-child .pmu-month {
  width: 12em;
}
.pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
  display: none;
}

/*------------------ Kalender ------------- -------*/
.disabled, .fc-past {
  background-color: rgba(0, 0, 0, 0.03);
}

.disabled .fc-day-number, .fc-past .fc-day-number {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.blockday {
  background-color: rgba(217, 21, 21, 0.6);
}

.blockdaymax {
  background-color: rgba(198, 73, 73, 0.6);
}

.blockday.disabled .fc-day-number {
  opacity: 1;
}

.fc {
  direction: ltr;
  text-align: left;
}

.fc table {
  border-collapse: collapse;
  border-spacing: 0;
}

html .fc,
.fc table {
  font-size: 1em;
}

.fc td,
.fc th {
  padding: 0;
  vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap;
}

.fc-header-left {
  width: 25%;
  text-align: left;
}

.fc-header-center {
  text-align: center;
}

.fc-header-right {
  width: 25%;
  text-align: right;
}

.fc-header-title {
  display: inline-block;
  vertical-align: top;
}

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap;
}

.fc .fc-header-space {
  padding-left: 10px;
}

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top;
}

.fc-button.fc-button-today {
  display: none;
}

/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right { /* theme */
  margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2;
}

.fc-header .fc-state-down {
  z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4;
}

/* Content
------------------------------------------------------------------------*/
.fc-content {
  position: relative;
  z-index: 1; /* scopes all other z-index's to be inside this container */
  clear: both;
  zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content { /* <td>, usually */
  border: 1px solid #ddd;
}

.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
  background: #eee;
}

.fc-cell-overlay { /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 0.6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer;
}

.fc-state-default { /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/
.fc-button .fc-icon {
  margin: 0 0.1em;
  font-size: 2em;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; /* for IE7 */
}

.fc-icon-left-single-arrow:after {
  content: "‹";
  font-weight: bold;
}

.fc-icon-right-single-arrow:after {
  content: "›";
  font-weight: bold;
}

.fc-icon-left-double-arrow:after {
  content: "«";
}

.fc-icon-right-double-arrow:after {
  content: "»";
}

/* icon (for jquery ui) */
.fc-button .ui-icon {
  position: relative;
  top: 50%;
  float: left;
  margin-top: -8px; /* we know jqui icons are always 16px tall */
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9;
}

.fc-event {
  background-color: rgba(40, 40, 40, 0.8); /* default BACKGROUND color */
  color: #fff; /* default TEXT color */
  font-size: 0.85em;
  cursor: default;
}

a.fc-event {
  text-decoration: none;
}

a.fc-event:hover {
  color: #fff;
  background-color: rgba(40, 40, 40, 0.9);
}

a.fc-event,
.fc-event-draggable {
  cursor: pointer;
}

.fc-rtl .fc-event {
  text-align: right;
}

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fc-event-time,
.fc-event-title {
  display: block;
  padding: 5px 10px;
}

.fc-event-time {
  display: none;
}

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden; /* hacky spaces (IE6/7) */
  font-size: 300%; /* */
  line-height: 50%; /* */
}

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0 !important; /* importants override pre jquery ui 1.7 styles */
  right: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
  top: 0 !important;
  left: -3px !important;
  width: 7px !important;
  height: 100% !important;
  cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px; /* IE6 had 0 height */
}

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px;
}

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px;
}

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center;
}

.fc .fc-week-number {
  width: 22px;
  text-align: center;
}

.fc .fc-week-number div {
  padding: 0 2px;
}

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number, .disabled .fc-day-number {
  -webkit-transition: none;
  transition: none;
  opacity: 0.2;
  filter: alpha(opacity=20); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

.fc-other-month {
  color: #ccc !important;
  background-color: #fff !important;
}

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold;
}

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left;
}

.fc-rtl .fc-grid .fc-event-time {
  float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate;
}

.fc-agenda-days th {
  text-align: center;
}

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  font-weight: normal;
}

.fc-agenda-slots .fc-agenda-axis {
  white-space: nowrap;
}

.fc-agenda .fc-week-number {
  font-weight: bold;
}

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px;
}

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
  border-left-width: 0;
}

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
  min-height: 52px; /* TODO: doesnt work well in quirksmode */
  _height: 34px;
}

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee;
  height: 30px;
}

.fc-widget-header {
  line-height: 30px;
}

.fc-widget-header:first-child {
  border-radius: 10px 0 0 0;
}

.fc-widget-header:last-child {
  border-radius: 0 10px 0 0;
}

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0;
}

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none;
}

.fc-agenda-slots td div {
  height: 20px;
}

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid; /* doesn't work with background in IE6/7 */
}

.avalible:not(.disabled):not(.fc-past):not(.fc-other-month):not(.blockday):hover {
  cursor: pointer;
}

.avalible:not(.disabled):not(.fc-past):not(.fc-other-month):not(.blockday):before {
  content: "Add New Action";
  position: absolute;
  font-size: 13px;
  color: rgba(0, 0, 0, 0);
  padding: 3px;
}

.avalible:not(.disabled):not(.fc-past):not(.fc-other-month):not(.blockday):hover:before {
  color: rgba(0, 0, 0, 0.8);
}

.status1:before, .status2:before, .status3:before, .status4:before, .status5:before {
  content: "P";
  position: absolute;
  right: 5px;
  top: 5px;
}

.status1 {
  background-color: #ef9718;
}

.status2 {
  background-color: #37bb47;
}
.status2:before {
  content: "B";
}

.status3 {
  background-color: #d8d8d8;
}
.status3:before {
  content: "D";
}

.status4 {
  background-color: #bb3737;
}
.status4:before {
  content: "C";
}

.status5 {
  background-color: #333;
}
.status5:before {
  content: "";
}

.statusLegend {
  color: #fff;
  font-size: 11px;
  padding: 4px;
  margin: 3px;
  border-radius: 4px;
}

.tipsy {
  font-size: 12px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
  margin-top: -3px;
}

.tipsy-inner {
  background-color: #f3f3f3;
  color: #333;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
}

/* Rounded corners */
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #eee;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #eee;
}

.tipsy-arrow-s {
  border-top-color: #eee;
}

.tipsy-arrow-e {
  border-left-color: #eee;
}

.tipsy-arrow-w {
  border-right-color: #eee;
}

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* ####################################################################################################################
MAIN STYLES
#################################################################################################################### */
body {
  margin: 0 auto;
  padding: 0;
  font-size: 15px;
  font-family: "Yantramanav", sans-serif;
  color: #191d23;
  background: #f9f9f9;
  font-weight: 400;
}
body.testversion #nav {
  background: #df0052;
}
body.testversion #nav a.active {
  color: #df0052;
}

a {
  color: #020E26;
}
a:hover, a:active, a:focus {
  color: black;
}

/*--------------- Transitions ----------------*/
.reiter a {
  -webkit-transition: border 300ms ease-in-out;
  transition: border 300ms ease-in-out;
}

a.btn {
  -webkit-transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out, color 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

.blur .logo, .login .logo, .blur #loginWrapper, .login #loginWrapper {
  -webkit-transition: filter 500ms ease-in-out, opacity 500ms ease-in-out;
  -webkit-transition: opacity 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
  transition: opacity 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
  transition: filter 500ms ease-in-out, opacity 500ms ease-in-out;
  transition: filter 500ms ease-in-out, opacity 500ms ease-in-out, -webkit-filter 500ms ease-in-out;
}

.login input, .login a[xsdata-submit], a.button {
  -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
  -webkit-transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out, transform 200ms ease-in-out, box-shadow 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
}

#content h1 {
  padding: 1.1538461538em 0;
  font-size: 1.5em;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
}

#content h2, #content .h2, #content .h2like {
  padding: 0.9230769231em 0.8461538462em 0.6153846154em 0;
  font-size: 1.25em;
  font-weight: 400;
  margin: 0;
}

#content h3, #content .h3, #content .h3like {
  padding: 0.7692307692em 0.8461538462em 0.4615384615em 0;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

#content h4, #content .h4, #content .h4like {
  padding: 0.7692307692em 0.8461538462em 0.4615384615em 0;
  font-size: 1em;
  font-weight: 300;
  margin: 0;
}

#content h5, #content .h5, #content .h5like {
  padding: 0.7692307692em 0.8461538462em 0.4615384615em 0;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}

#content h1.absolute {
  position: absolute;
}
#content h1.absolute.hasReiter {
  top: 1.7692307692em;
}
#content h1.absolute.noAbsolute {
  position: relative;
  top: 0;
}

@-webkit-keyframes fade_in_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes fade_in_show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}
@-webkit-keyframes fade_out_show {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes fade_out_show {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.red {
  color: #E74536 !important;
}

/* ####################################################################################################################
WEBKIT AUTOFILL
#################################################################################################################### */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #E74536;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* ####################################################################################################################
LOGIN
#################################################################################################################### */
@-webkit-keyframes scroll {
  100% {
    background-position: 3000px -3000px;
  }
}
@keyframes scroll {
  100% {
    background-position: 3000px -3000px;
  }
}
body.login {
  background: url(../images/bgpattern.gif) repeat center center #fff;
  -webkit-animation: scroll 800s linear infinite;
          animation: scroll 800s linear infinite;
}
body.login #login {
  border-radius: 30px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -200px;
  width: 350px;
  height: 450px;
  padding: 25px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.05), inset 3px 3px 3px 0 rgba(255, 255, 255, 0.4);
}
body.login .logo {
  display: block;
  width: 9.2307692308em;
  margin: 0 auto;
  margin-top: 15px;
}
body.login h1 {
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  margin: 40px 20px;
}
body.login input {
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border: none;
  border: 3px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
body.login input:focus, body.login input:focus-visible, body.login input:active {
  background-color: white;
  border: 3px solid rgba(2, 14, 38, 0.1);
  outline: none;
}
body.login .loginBtn {
  background-color: #020E26;
  border-color: #020E26;
  color: #fff;
}
body.login .loginBtn:hover {
  text-decoration: underline;
  cursor: pointer;
}
body.login .pwBtn {
  background-color: #ffcfcf;
  border-color: #ffcfcf;
  color: #aa1b1b;
  padding: 5px 15px;
  font-size: 14px;
}
body.login .pwBtn:hover {
  text-decoration: underline;
  cursor: pointer;
}
body.login.error {
  background: url(../images/bgpattern_red.gif) repeat center center #fff;
}
body.login.error h1, body.login.error h2 {
  font-weight: 800;
  font-size: 18px;
  text-align: center;
  margin: 40px 20px;
}
body.login.error a {
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 15px;
  border: none;
  border: 3px solid #fff;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #020E26;
  border-color: #020E26;
  color: #fff;
}
body.login.error a:hover {
  text-decoration: underline;
  cursor: pointer;
}

/* ####################################################################################################################
NAV - SHOP
#################################################################################################################### */
#nav {
  position: relative;
  z-index: 3;
  width: 9.2307692308em;
  background: #020E26;
  -webkit-box-shadow: inset -1.4615384615em 0.3076923077em 1.1538461538em -1.3076923077em rgba(0, 0, 0, 0.2);
          box-shadow: inset -1.4615384615em 0.3076923077em 1.1538461538em -1.3076923077em rgba(0, 0, 0, 0.2);
  height: 100%;
  position: fixed;
  text-align: center;
}
#nav #logo {
  width: 5em;
  height: 3.4615384615em;
  margin: 0.7692307692em 1.5384615385em;
  margin-top: 0;
  background-size: contain;
  border-radius: 0em;
  background: url(../images/cobis_white.svg) no-repeat center center transparent;
  background-size: contain;
  position: absolute;
  top: 0.4615384615em;
  left: 0.6153846154em;
  right: 0;
}
#nav #logo .claim {
  color: #fff;
  font-size: 0.7692307692em;
  padding-top: 4.1538461538em;
  line-height: 100%;
}
#nav > .middle {
  position: absolute;
  bottom: 50%;
  top: 38%;
  width: 100%;
}
#nav > .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#nav:hover a i {
  opacity: 0.6;
}
#nav:hover a.active i {
  opacity: 1;
}
#nav a {
  display: block;
  text-decoration: none;
  position: relative;
  color: #fff;
  padding: 0.3846153846em;
  border-radius: 0.3846153846em;
  margin: 0.3846153846em 0.7692307692em;
}
#nav a i {
  font-size: 1.5384615385em;
  display: block;
  margin: 0.0769230769em 0 0 0;
  padding: 0.2307692308em 0 0.5384615385em 0;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#nav a i span {
  position: absolute;
  font-size: 1.1538461538em;
  margin: -0.3846153846em 0 0 -1.1538461538em;
}
#nav a i span.orders {
  margin: -0.3846153846em 0 0 -0.3846153846em;
}
#nav a span {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: -0.3846153846em;
  padding-bottom: 0.2307692308em;
  display: block;
}
#nav a:hover {
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
#nav a:hover i {
  opacity: 1;
}
#nav a:hover div, #nav a:hover span {
  opacity: 0.8;
}
#nav a.active {
  -webkit-box-shadow: inset 0 0 0 0.1538461538em #fff;
  box-shadow: inset 0 0 0 0.1538461538em #fff;
}
#nav a.active i {
  text-shadow: none;
}
#nav .fa-fire {
  color: #18D97F;
}
#nav #topNav {
  position: absolute;
  top: 6.9230769231em;
  left: 0;
  right: 0;
}
#nav #footNav {
  position: absolute;
  bottom: 0.7692307692em;
  left: 0;
  right: 0;
}
#nav .mydata.active {
  background: #f9f9f9;
  color: #020E26;
}
#nav .mydata.active i {
  text-shadow: none;
}
/* ####################################################################################################################
Buttons
#################################################################################################################### */
div.buttons, div.buttons2, div.buttons3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
div.buttons input.button, div.buttons input.button2, div.buttons input.button3, div.buttons a.btn, div.buttons input[submit], div.buttons2 input.button, div.buttons2 input.button2, div.buttons2 input.button3, div.buttons2 a.btn, div.buttons2 input[submit], div.buttons3 input.button, div.buttons3 input.button2, div.buttons3 input.button3, div.buttons3 a.btn, div.buttons3 input[submit] {
  float: left;
}

div.buttons2, div.buttons3, .marginT, .margin_top {
  margin-top: 1.5384615385em;
}

div.buttons3, .marginB, .margin_bottom {
  margin-bottom: 1.5384615385em;
}

.buttons.wrap {
  padding-right: 1.3846153846em;
  min-height: 4.7692307692em;
}
.buttons.wrap a {
  margin-top: 1.3846153846em;
  float: right;
  margin-bottom: 0;
}

input.button, input.button2, input.button3, a.btn, input.red, input.deleteRow, input.delete {
  background: #020E26;
  color: #fff !important;
  width: auto !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
  margin: 0.9230769231em 0.6153846154em 0.6153846154em 0;
  padding: 0.9230769231em 2.1538461538em !important;
  color: #191d23;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.0769230769em;
  border: none;
  border-radius: 0.3076923077em !important;
  -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
}
input.button:hover, input.button2:hover, input.button3:hover, a.btn:hover, input.red:hover, input.deleteRow:hover, input.delete:hover {
  color: #fff;
  background: #191d23 !important;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
input.button[xsdata-submit], input.button.editRow, input.button.submitEdit, input.button.save, input.button2[xsdata-submit], input.button2.editRow, input.button2.submitEdit, input.button2.save, input.button3[xsdata-submit], input.button3.editRow, input.button3.submitEdit, input.button3.save, a.btn[xsdata-submit], a.btn.editRow, a.btn.submitEdit, a.btn.save, input.red[xsdata-submit], input.red.editRow, input.red.submitEdit, input.red.save, input.deleteRow[xsdata-submit], input.deleteRow.editRow, input.deleteRow.submitEdit, input.deleteRow.save, input.delete[xsdata-submit], input.delete.editRow, input.delete.submitEdit, input.delete.save {
  color: black;
  border-color: black;
}
input.button[xsdata-submit]:hover, input.button.editRow:hover, input.button.submitEdit:hover, input.button.save:hover, input.button2[xsdata-submit]:hover, input.button2.editRow:hover, input.button2.submitEdit:hover, input.button2.save:hover, input.button3[xsdata-submit]:hover, input.button3.editRow:hover, input.button3.submitEdit:hover, input.button3.save:hover, a.btn[xsdata-submit]:hover, a.btn.editRow:hover, a.btn.submitEdit:hover, a.btn.save:hover, input.red[xsdata-submit]:hover, input.red.editRow:hover, input.red.submitEdit:hover, input.red.save:hover, input.deleteRow[xsdata-submit]:hover, input.deleteRow.editRow:hover, input.deleteRow.submitEdit:hover, input.deleteRow.save:hover, input.delete[xsdata-submit]:hover, input.delete.editRow:hover, input.delete.submitEdit:hover, input.delete.save:hover {
  background-color: black !important;
  color: #fff;
}
input.button.alternate, input.button.black, input.button2.alternate, input.button2.black, input.button3.alternate, input.button3.black, a.btn.alternate, a.btn.black, input.red.alternate, input.red.black, input.deleteRow.alternate, input.deleteRow.black, input.delete.alternate, input.delete.black {
  color: #18D97F;
  border-color: #18D97F;
}
input.button.alternate:hover, input.button.black:hover, input.button2.alternate:hover, input.button2.black:hover, input.button3.alternate:hover, input.button3.black:hover, a.btn.alternate:hover, a.btn.black:hover, input.red.alternate:hover, input.red.black:hover, input.deleteRow.alternate:hover, input.deleteRow.black:hover, input.delete.alternate:hover, input.delete.black:hover {
  background-color: #18D97F !important;
  color: #fff;
}
input.button.small, input.button2.small, input.button3.small, a.btn.small, input.red.small, input.deleteRow.small, input.delete.small {
  font-size: 80%;
  padding: 0.3076923077em 0.7692307692em;
}
input.button.boxbtn, input.button2.boxbtn, input.button3.boxbtn, a.btn.boxbtn, input.red.boxbtn, input.deleteRow.boxbtn, input.delete.boxbtn {
  margin: 0.3846153846em 0;
}

input.button2, input.red, input.deleteRow, input.delete {
  background-color: #E74536 !important;
  color: #fff;
}
input.button2:hover, input.red:hover, input.deleteRow:hover, input.delete:hover {
  background-color: #191d23 !important;
  color: #fff;
}

input.button3 {
  background-color: #3eb256 !important;
}
input.button3:hover {
  background-color: #191d23 !important;
  color: #fff;
}

/* ####################################################################################################################
FORM
#################################################################################################################### */
#content {
  position: relative;
  z-index: 2;
  width: calc(100% - 12.6923076923em);
  margin-left: 10.7692307692em;
  margin-bottom: 10%;
  padding: 0 0 1.9230769231em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
#content.popup {
  width: calc(100% - 3.8461538462em);
  margin: 0;
  padding: 1.9230769231em;
  background: #fff;
}
#content label {
  -ms-grid-column-span: 12;
  grid-column: span 12;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
#content label.relative {
  position: relative;
}
#content label.width-60 {
  -ms-grid-column-span: 8;
  grid-column: span 8;
}
#content label.width-50 {
  -ms-grid-column-span: 6;
  grid-column: span 6;
}
#content label.width-40 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
#content label.width-25 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
#content label.width-20 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
#content label.width-30 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
#content label.width-33 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
#content label.staticWidth.width-50 {
  width: 50%;
}
#content label.staticWidth.width-40 {
  width: 40%;
}
#content label.staticWidth.width-20 {
  width: 20%;
}
#content label.staticWidth.width-10 {
  width: 10%;
}
#content label input, #content label select, #content label textarea, #content label .input {
  margin-top: 0.3846153846em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.9230769231em;
  border-radius: 0.2307692308em;
  width: 100%;
  border: 1px solid rgba(25, 29, 35, 0.2);
  font-size: 0.9230769231em;
  outline: none;
  -webkit-appearance: none;
}
#content label input:-webkit-autofill, #content label select:-webkit-autofill, #content label textarea:-webkit-autofill, #content label .input:-webkit-autofill {
  color: #E74536 !important;
}
#content label input:hover, #content label select:hover, #content label textarea:hover, #content label .input:hover {
  border: 1px solid rgba(2, 14, 38, 0.8);
}
#content label input:focus, #content label select:focus, #content label textarea:focus, #content label .input:focus {
  border: 1px solid rgba(2, 14, 38, 0.8);
  background-color: rgba(2, 14, 38, 0.08);
}
#content label input[disabled], #content label input[disabled]:focus, #content label input[disabled]:hover, #content label select[disabled], #content label select[disabled]:focus, #content label select[disabled]:hover, #content label textarea[disabled], #content label textarea[disabled]:focus, #content label textarea[disabled]:hover, #content label .input[disabled], #content label .input[disabled]:focus, #content label .input[disabled]:hover {
  cursor: default;
  border: 1px solid rgba(25, 29, 35, 0.1);
  background-color: rgba(25, 29, 35, 0.1);
}
#content label input.smallInp, #content label input.small, #content label input.num, #content label select.smallInp, #content label select.small, #content label select.num, #content label textarea.smallInp, #content label textarea.small, #content label textarea.num, #content label .input.smallInp, #content label .input.small, #content label .input.num {
  width: 9.2307692308em !important;
}
#content label input.medium, #content label select.medium, #content label textarea.medium, #content label .input.medium {
  width: 1.5384615385em !important;
}
#content label input:-webkit-autofill {
  -webkit-text-fill-color: #E74536 !important;
}
#content label .mandatory {
  color: #E74536;
}
#content label .errorHint {
  display: none;
}
#content label.error input, #content label.error select, #content label.error textarea {
  border-color: rgba(231, 69, 54, 0.5) !important;
  background-color: rgba(231, 69, 54, 0.03);
}
#content label.error input:hover, #content label.error select:hover, #content label.error textarea:hover {
  border-color: #e74536;
}
#content label.error input:focus, #content label.error select:focus, #content label.error textarea:focus {
  border-color: #e74536;
  background-color: rgba(2, 14, 38, 0.08);
}
#content label.error .errorHint {
  display: block;
  color: #E74536;
  opacity: 1;
}
#content label input.error, #content label select.error, #content label textarea.error {
  border-color: rgba(231, 69, 54, 0.5) !important;
  background-color: rgba(231, 69, 54, 0.03) !important;
}
#content label input.error:hover, #content label select.error:hover, #content label textarea.error:hover {
  border-color: #e74536 !important;
}
#content label input.error:focus, #content label select.error:focus, #content label textarea.error:focus {
  border-color: #e74536 !important;
  background-color: rgba(2, 14, 38, 0.08) !important;
}
#content label input.error .errorHint, #content label select.error .errorHint, #content label textarea.error .errorHint {
  display: block;
  color: #E74536;
  opacity: 1;
}
#content label.valid input, #content label.valid select, #content label.valid textarea {
  border-color: rgba(62, 178, 86, 0.5);
  background-color: rgba(62, 178, 86, 0.03);
}
#content label.valid input:hover, #content label.valid select:hover, #content label.valid textarea:hover {
  border-color: #3eb256;
}
#content label.valid input:focus, #content label.valid select:focus, #content label.valid textarea:focus {
  border-color: #3eb256;
  background-color: rgba(2, 14, 38, 0.08);
}
#content label .hint {
  display: block;
  opacity: 0.7;
}
#content label > span {
  display: block;
  margin-top: 0.3846153846em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.6153846154em 0 1.2307692308em 0;
  font-weight: bold;
  border-radius: 0.2307692308em;
  width: 100%;
  font-size: 0.9230769231em;
  outline: none;
  -webkit-appearance: none;
}
#content label > span.smallError {
  color: #E74536;
  margin: 0;
  padding: 0;
  padding-top: 0.1538461538em;
  font-size: 70%;
}
#content label > span.input {
  border: none;
  margin: 2.1538461538em 1.1538461538em 1.1538461538em 0;
  font-weight: 600;
  padding: 0;
}
#content .tableList .smallError {
  font-size: 70%;
  color: #E74536;
  margin: 0;
  padding: 0;
  padding-top: 0.1538461538em;
}

#content input, select, textarea {
  margin-top: 0.0769230769em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.7692307692em;
  border-radius: 0.2307692308em;
  width: 100%;
  border: 1px solid rgba(25, 29, 35, 0.2);
  outline: none;
  -webkit-appearance: none;
}
#content input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
  color: #E74536 !important;
}
#content input:hover, select:hover, textarea:hover {
  border: 1px solid rgba(2, 14, 38, 0.8);
}
#content input:focus, select:focus, textarea:focus {
  border: 1px solid rgba(2, 14, 38, 0.8);
  background-color: rgba(2, 14, 38, 0.08);
}
#content input[disabled], #content input[disabled]:focus, #content input[disabled]:hover, select[disabled], select[disabled]:focus, select[disabled]:hover, textarea[disabled], textarea[disabled]:focus, textarea[disabled]:hover {
  cursor: default;
  border: 1px solid rgba(25, 29, 35, 0.1);
  background-color: rgba(25, 29, 35, 0.1);
}
#content input.dd, select.dd, textarea.dd {
  width: auto;
}
#content input.plz, #content input.marginR, select.plz, select.marginR, textarea.plz, textarea.marginR {
  margin-right: 0.7692307692em;
}
#content input.xsmall, select.xsmall, textarea.xsmall {
  width: 4.6153846154em;
}
#content input.plz, select.plz, textarea.plz {
  width: 6.1538461538em;
}
#content input.smallInp, #content input.small, #content input.num, select.smallInp, select.small, select.num, textarea.smallInp, textarea.small, textarea.num {
  width: 7.6923076923em;
}
#content input.medium, select.medium, textarea.medium {
  width: 15.3846153846em;
}
#content input.large, #content input.ort, select.large, select.ort, textarea.large, textarea.ort {
  width: 23.0769230769em;
}
#content input.xlarge, select.xlarge, textarea.xlarge {
  width: 100%;
}
#content input.provision, select.provision, textarea.provision {
  padding: 0.1538461538em 0.9230769231em !important;
}

.trenner {
  margin-left: 0.7692307692em;
  margin-right: 0.7692307692em;
}

.trenner2 {
  margin-left: 0.3846153846em;
  margin-right: 0.3846153846em;
}

.muststock, .muststock:hover {
  color: #020E26;
  font-weight: bold;
}

.tableList tbody tr[attr-sub] td.inputLike {
  padding: 1.2307692308em !important;
  font-weight: bold;
}

#content .matTr td div {
  text-align: center;
  margin-top: 0.3846153846em;
  font-weight: bold;
  display: inline-block;
  width: 32.5%;
}
#content .matTr td div input {
  width: 90%;
  text-align: right;
}

.fa-solid.fa-trash-can.delete {
  color: #e10000;
  opacity: 0.5;
}
.fa-solid.fa-trash-can.delete:hover {
  opacity: 1;
  cursor: pointer;
}

.zielChart {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.zielChart > div {
  width: 20%;
  border-right: 1px dashed #eee;
  display: inline-block;
  text-align: center;
  position: relative;
}
.zielChart > div .circle {
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 5px;
  position: absolute;
  width: 100px;
  height: 100px;
  background: #020E26;
  border-radius: 100%;
}
.zielChart > div .circleFill {
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 5px;
  position: absolute;
  width: 100px;
  height: 100px;
  background: #020E26;
  border-radius: 100%;
}
.zielChart > div .circleOverlay {
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 20px;
  position: absolute;
  width: 70px;
  height: 70px;
  background: #fff;
  border-radius: 100%;
}
.zielChart > div .procent {
  z-index: 20;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 45px;
  position: absolute;
  color: #333;
  font-weight: bold;
  border-radius: 100%;
}
.zielChart > div span {
  font-weight: bold;
  display: block;
  margin-top: 115px;
}

#content .zielDiv {
  position: relative;
}
#content .zielDiv span {
  display: block;
  padding: 0.3846153846em 0;
}
#content .zielDiv a {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
#content .zielDiv div {
  text-align: center;
  margin-top: 0.3846153846em;
  font-weight: bold;
  display: inline-block;
  width: 32.5%;
  border-bottom: 1px dashed #e3e3e3;
  padding-bottom: 0.7692307692em;
  margin-bottom: 0.7692307692em;
}
#content .zielDiv div input {
  width: 90%;
  text-align: right;
}

#content input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: #020E26;
  width: 1.15em;
  height: 1.15em;
  border-radius: 0.15em;
  -webkit-transform: translateY(-0.075em);
          transform: translateY(-0.075em);
  display: -ms-grid;
  display: grid;
  place-content: center;
}

input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 1px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em #020E26;
          box-shadow: inset 1em 1em #020E26;
}

input[type=checkbox]:checked::before {
  -webkit-transform: scale(1.4);
          transform: scale(1.4);
}

input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid #020E26;
  outline-offset: max(2px, 0.15em);
}

input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

select {
  background: url("../images/dd_down.svg") no-repeat center right 0.7692307692em #fff;
  background-size: 0.5384615385em;
  padding-right: 1.5384615385em !important;
}

/* ####################################################################################################################
Reiter
#################################################################################################################### */
.reiter {
  border-bottom: 1px solid #e3e3e3;
}
.reiter > a {
  color: #191d23;
  text-decoration: none;
  display: inline-block;
  margin: 1.7692307692em 0.7692307692em 0 0;
  padding: 0 0.7692307692em 0.7692307692em 0.7692307692em;
  border-bottom: 4px solid transparent;
}
.reiter > a:hover {
  border-bottom: 4px solid rgba(0, 0, 0, 0.5);
}
.reiter > a.active {
  color: black;
  font-weight: bold;
  border-bottom: 4px solid black;
}

/* ####################################################################################################################
GRID
#################################################################################################################### */
.grid {
  margin: 1.9230769231em;
}

.gutter-sizer {
  width: 1.9230769231em;
}

.grid-item, table.grid-item, .grid-sizer {
  padding: 1.5384615385em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0 0 1.5384615385em 0 rgba(25, 29, 35, 0.1);
  box-shadow: 0 0 1.5384615385em 0 rgba(25, 29, 35, 0.1), 54px 84px -83px rgba(25, 29, 35, 0.9);
  border-radius: 1.1538461538em;
  width: calc((100% - 3.8461538462em) / 3);
  margin-bottom: 1.9230769231em;
  -ms-grid-column-span: 1;
  grid-column: span 1;
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 1.9230769231em;
     -moz-column-gap: 1.9230769231em;
          column-gap: 1.9230769231em;
  row-gap: 0.7692307692em;
  -ms-grid-columns: 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr 1.9230769231em 1fr;
  grid-template-columns: repeat(12, 1fr);
}
.grid-item .buttons, table.grid-item .buttons, .grid-sizer .buttons {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid-item .buttons a, table.grid-item .buttons a, .grid-sizer .buttons a {
  display: inline-block;
}
.grid-item > h2, table.grid-item > h2, .grid-sizer > h2 {
  width: calc(100% - 0em);
  color: #191d23;
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: block;
  font-size: 12px;
  padding: 1.5384615385em 1.9230769231em 0.7692307692em 1.9230769231em;
  margin: 0;
  border-bottom: 3px solid #f2f2f2;
  line-height: 1.5384615385em;
  margin: -1.9230769231em -1.9230769231em -0.3846153846em -1.9230769231em;
}
.grid-item > h2 a, table.grid-item > h2 a, .grid-sizer > h2 a {
  float: right;
  font-size: 70%;
  padding: 0.3076923077em 1.0769230769em 0.3076923077em 0;
  margin-top: -0.4615384615em;
}
.grid-item > h2.error, table.grid-item > h2.error, .grid-sizer > h2.error {
  color: #E74536;
  border: none;
}
.grid-item > h2:nth-child(2), .grid-item > h2:nth-child(3), .grid-item > h2:nth-child(4), .grid-item > h2.second, table.grid-item > h2:nth-child(2), table.grid-item > h2:nth-child(3), table.grid-item > h2:nth-child(4), table.grid-item > h2.second, .grid-sizer > h2:nth-child(2), .grid-sizer > h2:nth-child(3), .grid-sizer > h2:nth-child(4), .grid-sizer > h2.second {
  margin-top: 0em;
}
.grid-item > .chartDiv, .grid-item > h2, .grid-item > table, table.grid-item > .chartDiv, table.grid-item > h2, table.grid-item > table, .grid-sizer > .chartDiv, .grid-sizer > h2, .grid-sizer > table {
  -ms-grid-column-span: 12;
  grid-column: span 12;
}
.grid-item th a, table.grid-item th a, .grid-sizer th a {
  float: right;
  font-size: 70%;
  padding: 0.3076923077em 1.0769230769em;
  margin-top: -0.3076923077em;
  margin-left: 1.1538461538em;
}
.grid-item.grid-width-2, table.grid-item.grid-width-2, .grid-sizer.grid-width-2 {
  width: calc((100% - 1.5384615385em) / 3 * 2);
}
.grid-item.grid-width-3, table.grid-item.grid-width-3, .grid-sizer.grid-width-3 {
  width: calc((100% - 0em) / 3 * 3);
}

@media (max-width: 1200px) {
  .grid-item, .grid-sizer {
    width: calc((100% - 2.3076923077em) / 2);
  }
  .grid-width-3 {
    width: calc(100% - 0.7692307692em);
  }
}
@media (max-width: 1000px) and (orientation: portrait) {
  .grid-item, .grid-sizer {
    width: 100% !important;
  }
  .grid-width-3, .grid-width-2 {
    width: calc(100% - 0.7692307692em);
  }
}
.grid-box-loader {
  position: relative;
  overflow: hidden;
  height: 26.9230769231em;
  z-index: 8;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.7692307692em;
  min-height: 7.6923076923em;
  background: #3373f4;
  -webkit-animation: shopLoader 1000ms ease infinite;
  animation: shopLoader 1000ms ease infinite;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.grid-box-loader.delay1 {
  -webkit-animation: shopLoader 700ms ease infinite;
  animation: shopLoader 700ms ease infinite;
}
.grid-box-loader.delay2 {
  -webkit-animation: shopLoader 850ms ease infinite;
  animation: shopLoader 850ms ease infinite;
}
.grid-box-loader.delay3 {
  -webkit-animation: shopLoader 1200ms ease infinite;
  animation: shopLoader 1200ms ease infinite;
}
.grid-box-loader.delay4 {
  -webkit-animation: shopLoader 1500ms ease infinite;
  animation: shopLoader 1500ms ease infinite;
}
.grid-box-loader.delay5 {
  -webkit-animation: shopLoader 1700ms ease infinite;
  animation: shopLoader 1700ms ease infinite;
}

.max-row-8 .flex-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 12%;
          flex: 1 1 12%;
}

/* ####################################################################################################################
Filter
#################################################################################################################### */
#content .filter, #content .filterdiv {
  background: #fff;
  padding: 1.1538461538em;
  border-bottom: 1px solid #e3e3e3;
}
#content .filter label, #content .filterdiv label {
  display: inline-block;
  margin-right: 1.1538461538em;
  width: auto;
}
#content .filter label.right, #content .filterdiv label.right {
  float: right;
}
#content .filter label input, #content .filter label select, #content .filterdiv label input, #content .filterdiv label select {
  display: inline-block;
}
#content .filter label input:before, #content .filter label select:before, #content .filterdiv label input:before, #content .filterdiv label select:before {
  content: "";
  display: block;
}
#content .filter.buttons, #content .filterdiv.buttons {
  float: none;
  padding: 0.3846153846em 1.1538461538em;
}
#content .filter.buttons a, #content .filter.buttons [type=button], #content .filterdiv.buttons a, #content .filterdiv.buttons [type=button] {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0.7692307692em 1.5384615385em;
}

.filterBubble {
  white-space: nowrap;
  background: #ef98aa;
  padding: 0.3846153846em 0.7692307692em;
  font-size: 70%;
  border-radius: 1.5384615385em;
  font-weight: bold;
  display: inline-block;
  margin-right: 0.3846153846em;
}
.filterBubble.color1 {
  background: #c4dbe8;
}
.filterBubble.color2 {
  background: #c4e8db;
}
.filterBubble.color3 {
  background: #e3e8c4;
}
.filterBubble.color4 {
  background: #d0c4e8;
}
.filterBubble.color5 {
  background: #e8c4d9;
}
.filterBubble.color6 {
  background: #e8e3c4;
}
.filterBubble.color7 {
  background: #e8d2c4;
}
.filterBubble.color8 {
  background: #ef98aa;
}
.filterBubble.statusColor1 {
  background: #c4dbe8;
}
.filterBubble.statusColor2 {
  background: #e3e8c4;
}
.filterBubble.statusColor3 {
  background: #ef98aa;
}
.filterBubble.statusColor4 {
  background: #e8e3c4;
}

/* ####################################################################################################################
Bildzuordnung
#################################################################################################################### */
.bildzuordnung {
  clear: both;
  width: 23em;
}
.bildzuordnung .bildzuordnungBig {
  margin-left: 0.2em;
  margin-bottom: 0.2em;
  width: 21.6em;
  height: 21.6em;
  background: url(../images/wooAdd.jpg) no-repeat center center #d9d9d9;
}
.bildzuordnung .bildzuordnungSmall {
  margin: 0.2em;
  width: 4em;
  height: 4em;
  background: url(../images/wooAdd.jpg) no-repeat center center #d9d9d9;
  background-size: 66%;
  float: left;
}
.bildzuordnung .bildzuordnungBig i, .bildzuordnung .bildzuordnungSmall i {
  display: none;
  padding: 2px;
  opacity: 0.5;
}
.bildzuordnung .bildzuordnungBig i:hover, .bildzuordnung .bildzuordnungSmall i:hover {
  opacity: 1;
  cursor: pointer;
}
.bildzuordnung .bildzuordnungBig:hover i, .bildzuordnung .bildzuordnungSmall:hover i {
  display: block;
}

.bildVorschau {
  width: 100%;
}
.bildVorschau div {
  text-align: center;
  margin: 0.2em;
  width: calc(4em - 4px);
  height: calc(4em - 4px);
  border: 2px solid #d9d9d9;
  float: left;
}
.bildVorschau div img {
  max-width: 100%;
  max-height: 100%;
}
.bildVorschau :after {
  clear: both;
  display: block;
  height: 1px;
  width: 100%;
}

/* ####################################################################################################################
Accordion
#################################################################################################################### */
.accordion {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(40% - 1.5384615385em);
          flex: 1 0 calc(40% - 1.5384615385em);
  display: block;
}
.accordion h2 {
  width: 100%;
}
.accordion h2 span {
  float: right;
  font-size: 80%;
  padding-top: 0;
  opacity: 0.8;
}
.accordion h2 span:hover {
  cursor: pointer;
  opacity: 1;
}
.accordion div {
  width: 100%;
}
.accordion.close {
  height: 1.6923076923em;
  overflow: hidden;
}
.accordion .tableList {
  width: 100%;
}

/* ####################################################################################################################
Tabellen
#################################################################################################################### */
.detailtable tr td:first-child, .detailtable tr td:nth-child(3), .formtable tr td:first-child, .formtable tr td:nth-child(3) {
  width: 15%;
  font-weight: bold;
}
.detailtable tr td:nth-child(2), .detailtable tr td:nth-child(4), .formtable tr td:nth-child(2), .formtable tr td:nth-child(4) {
  width: 35%;
}
.detailtable tr td.colspan3, .formtable tr td.colspan3 {
  width: 85%;
}

table.ntv tr td.inputcell2, table.col2 tr td.inputcell2, table.col2 tr td:nth-child(2) {
  width: 85%;
}

table tr th, table tr.headerrow td {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding: 1em 1em;
  border-bottom: 2px solid #f2f2f2;
  border-right: 1px dashed #f2f2f2;
  line-height: 1.5384615385em;
  text-align: left;
  background: #e3e3e3;
  font-weight: bold;
  text-transform: uppercase;
}

table tr.headline th, table tr.headerrow.headline td {
  text-align: center;
}

.inputcell table.none tr td {
  width: auto !important;
  padding: 0;
  margin: 0;
}

.nodata {
  font-weight: bold;
}

.tableList, .detailtable, .formtable, .list, .flex-box.tableList, .grid-box.tableList, .tableDetail, .flex-box.tableDetail, .grid-box.tableDetail {
  width: 100%;
  display: table !important;
  padding: 0;
  border-collapse: collapse;
  background: #fff;
}
.tableList thead tr th, .detailtable thead tr th, .formtable thead tr th, .list thead tr th, .flex-box.tableList thead tr th, .grid-box.tableList thead tr th, .tableDetail thead tr th, .flex-box.tableDetail thead tr th, .grid-box.tableDetail thead tr th {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding: 1em 1em;
  border-bottom: 2px solid #f2f2f2;
  border-right: 1px dashed #f2f2f2;
  line-height: 1.5384615385em;
  text-align: left;
  background: #ccc;
}
.tableList thead tr th:last-child, .detailtable thead tr th:last-child, .formtable thead tr th:last-child, .list thead tr th:last-child, .flex-box.tableList thead tr th:last-child, .grid-box.tableList thead tr th:last-child, .tableDetail thead tr th:last-child, .flex-box.tableDetail thead tr th:last-child, .grid-box.tableDetail thead tr th:last-child {
  border-right: none;
}
.tableList thead tr.headline th, .detailtable thead tr.headline th, .formtable thead tr.headline th, .list thead tr.headline th, .flex-box.tableList thead tr.headline th, .grid-box.tableList thead tr.headline th, .tableDetail thead tr.headline th, .flex-box.tableDetail thead tr.headline th, .grid-box.tableDetail thead tr.headline th {
  text-align: center;
}
.tableList thead tr.headerrow td, .detailtable thead tr.headerrow td, .formtable thead tr.headerrow td, .list thead tr.headerrow td, .flex-box.tableList thead tr.headerrow td, .grid-box.tableList thead tr.headerrow td, .tableDetail thead tr.headerrow td, .flex-box.tableDetail thead tr.headerrow td, .grid-box.tableDetail thead tr.headerrow td {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding: 1em 1em;
  border-bottom: 2px solid #f2f2f2;
  border-right: 1px dashed #f2f2f2;
  line-height: 1.5384615385em;
  text-align: left;
  background: #ccc;
}
.tableList thead tr.headerrow td:last-child, .detailtable thead tr.headerrow td:last-child, .formtable thead tr.headerrow td:last-child, .list thead tr.headerrow td:last-child, .flex-box.tableList thead tr.headerrow td:last-child, .grid-box.tableList thead tr.headerrow td:last-child, .tableDetail thead tr.headerrow td:last-child, .flex-box.tableDetail thead tr.headerrow td:last-child, .grid-box.tableDetail thead tr.headerrow td:last-child {
  border-right: none;
}
.tableList thead tr.headerrow.headline td, .detailtable thead tr.headerrow.headline td, .formtable thead tr.headerrow.headline td, .list thead tr.headerrow.headline td, .flex-box.tableList thead tr.headerrow.headline td, .grid-box.tableList thead tr.headerrow.headline td, .tableDetail thead tr.headerrow.headline td, .flex-box.tableDetail thead tr.headerrow.headline td, .grid-box.tableDetail thead tr.headerrow.headline td {
  text-align: center;
}
.tableList thead.alternate tr:first-child th:first-child, .detailtable thead.alternate tr:first-child th:first-child, .formtable thead.alternate tr:first-child th:first-child, .list thead.alternate tr:first-child th:first-child, .flex-box.tableList thead.alternate tr:first-child th:first-child, .grid-box.tableList thead.alternate tr:first-child th:first-child, .tableDetail thead.alternate tr:first-child th:first-child, .flex-box.tableDetail thead.alternate tr:first-child th:first-child, .grid-box.tableDetail thead.alternate tr:first-child th:first-child {
  border-radius: 0.3846153846em 0 0 0;
}
.tableList thead.alternate tr:first-child th:last-child, .detailtable thead.alternate tr:first-child th:last-child, .formtable thead.alternate tr:first-child th:last-child, .list thead.alternate tr:first-child th:last-child, .flex-box.tableList thead.alternate tr:first-child th:last-child, .grid-box.tableList thead.alternate tr:first-child th:last-child, .tableDetail thead.alternate tr:first-child th:last-child, .flex-box.tableDetail thead.alternate tr:first-child th:last-child, .grid-box.tableDetail thead.alternate tr:first-child th:last-child {
  border-radius: 0 0.3846153846em 0 0;
}
.tableList thead.alternate th, .detailtable thead.alternate th, .formtable thead.alternate th, .list thead.alternate th, .flex-box.tableList thead.alternate th, .grid-box.tableList thead.alternate th, .tableDetail thead.alternate th, .flex-box.tableDetail thead.alternate th, .grid-box.tableDetail thead.alternate th {
  background-color: #020E26;
  color: #fff;
}
.tableList tbody tr td, .detailtable tbody tr td, .formtable tbody tr td, .list tbody tr td, .flex-box.tableList tbody tr td, .grid-box.tableList tbody tr td, .tableDetail tbody tr td, .flex-box.tableDetail tbody tr td, .grid-box.tableDetail tbody tr td {
  min-height: 3.0769230769em;
  padding: 0.8461538462em 1em;
  text-align: left;
  border-right: 1px dashed #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  line-height: 1.5384615385em;
}
.tableList tbody tr td:last-child, .detailtable tbody tr td:last-child, .formtable tbody tr td:last-child, .list tbody tr td:last-child, .flex-box.tableList tbody tr td:last-child, .grid-box.tableList tbody tr td:last-child, .tableDetail tbody tr td:last-child, .flex-box.tableDetail tbody tr td:last-child, .grid-box.tableDetail tbody tr td:last-child {
  border-right: none;
}
.tableList tbody tr td.euro, .detailtable tbody tr td.euro, .formtable tbody tr td.euro, .list tbody tr td.euro, .flex-box.tableList tbody tr td.euro, .grid-box.tableList tbody tr td.euro, .tableDetail tbody tr td.euro, .flex-box.tableDetail tbody tr td.euro, .grid-box.tableDetail tbody tr td.euro {
  text-align: right;
  white-space: nowrap;
}
.tableList tbody tr:hover td, .detailtable tbody tr:hover td, .formtable tbody tr:hover td, .list tbody tr:hover td, .flex-box.tableList tbody tr:hover td, .grid-box.tableList tbody tr:hover td, .tableDetail tbody tr:hover td, .flex-box.tableDetail tbody tr:hover td, .grid-box.tableDetail tbody tr:hover td {
  background: rgba(2, 14, 38, 0.07);
  color: black;
}
.tableList tbody tr:hover td a, .detailtable tbody tr:hover td a, .formtable tbody tr:hover td a, .list tbody tr:hover td a, .flex-box.tableList tbody tr:hover td a, .grid-box.tableList tbody tr:hover td a, .tableDetail tbody tr:hover td a, .flex-box.tableDetail tbody tr:hover td a, .grid-box.tableDetail tbody tr:hover td a {
  color: black;
}
.tableList tbody tr.subdetail, .detailtable tbody tr.subdetail, .formtable tbody tr.subdetail, .list tbody tr.subdetail, .flex-box.tableList tbody tr.subdetail, .grid-box.tableList tbody tr.subdetail, .tableDetail tbody tr.subdetail, .flex-box.tableDetail tbody tr.subdetail, .grid-box.tableDetail tbody tr.subdetail {
  border-left: 3.0769230769em solid #F4F8FB;
}
.tableList tbody tr.subdetail label, .detailtable tbody tr.subdetail label, .formtable tbody tr.subdetail label, .list tbody tr.subdetail label, .flex-box.tableList tbody tr.subdetail label, .grid-box.tableList tbody tr.subdetail label, .tableDetail tbody tr.subdetail label, .flex-box.tableDetail tbody tr.subdetail label, .grid-box.tableDetail tbody tr.subdetail label {
  width: 19%;
  padding: 0;
  margin: 0;
}
.tableList tbody tr.subdetail label span, .detailtable tbody tr.subdetail label span, .formtable tbody tr.subdetail label span, .list tbody tr.subdetail label span, .flex-box.tableList tbody tr.subdetail label span, .grid-box.tableList tbody tr.subdetail label span, .tableDetail tbody tr.subdetail label span, .flex-box.tableDetail tbody tr.subdetail label span, .grid-box.tableDetail tbody tr.subdetail label span {
  width: 90%;
  padding: 0;
  margin: 0;
}
.tableList tbody tr.new td, .detailtable tbody tr.new td, .formtable tbody tr.new td, .list tbody tr.new td, .flex-box.tableList tbody tr.new td, .grid-box.tableList tbody tr.new td, .tableDetail tbody tr.new td, .flex-box.tableDetail tbody tr.new td, .grid-box.tableDetail tbody tr.new td {
  text-align: left;
  font-size: 15px;
  text-decoration: none;
}
.tableList tbody tr.new td i, .detailtable tbody tr.new td i, .formtable tbody tr.new td i, .list tbody tr.new td i, .flex-box.tableList tbody tr.new td i, .grid-box.tableList tbody tr.new td i, .tableDetail tbody tr.new td i, .flex-box.tableDetail tbody tr.new td i, .grid-box.tableDetail tbody tr.new td i {
  display: inline-block;
  background-color: #020E26;
  color: #fff;
  padding: 0.6153846154em;
  border-radius: 7.6923076923em;
  margin-right: 0.7692307692em;
}
.tableList tbody tr.new td a, .detailtable tbody tr.new td a, .formtable tbody tr.new td a, .list tbody tr.new td a, .flex-box.tableList tbody tr.new td a, .grid-box.tableList tbody tr.new td a, .tableDetail tbody tr.new td a, .flex-box.tableDetail tbody tr.new td a, .grid-box.tableDetail tbody tr.new td a {
  text-decoration: none;
}
.tableList tbody tr.new td:hover, .detailtable tbody tr.new td:hover, .formtable tbody tr.new td:hover, .list tbody tr.new td:hover, .flex-box.tableList tbody tr.new td:hover, .grid-box.tableList tbody tr.new td:hover, .tableDetail tbody tr.new td:hover, .flex-box.tableDetail tbody tr.new td:hover, .grid-box.tableDetail tbody tr.new td:hover {
  cursor: pointer;
}
.tableList tbody tr.new td:hover i, .detailtable tbody tr.new td:hover i, .formtable tbody tr.new td:hover i, .list tbody tr.new td:hover i, .flex-box.tableList tbody tr.new td:hover i, .grid-box.tableList tbody tr.new td:hover i, .tableDetail tbody tr.new td:hover i, .flex-box.tableDetail tbody tr.new td:hover i, .grid-box.tableDetail tbody tr.new td:hover i {
  background-color: #191d23;
}
.tableList tbody tr.catBold, .detailtable tbody tr.catBold, .formtable tbody tr.catBold, .list tbody tr.catBold, .flex-box.tableList tbody tr.catBold, .grid-box.tableList tbody tr.catBold, .tableDetail tbody tr.catBold, .flex-box.tableDetail tbody tr.catBold, .grid-box.tableDetail tbody tr.catBold {
  font-weight: bold;
  border-top: 4px solid rgba(0, 0, 0, 0.4);
}
.tableList tbody tr.catBold:hover td, .detailtable tbody tr.catBold:hover td, .formtable tbody tr.catBold:hover td, .list tbody tr.catBold:hover td, .flex-box.tableList tbody tr.catBold:hover td, .grid-box.tableList tbody tr.catBold:hover td, .tableDetail tbody tr.catBold:hover td, .flex-box.tableDetail tbody tr.catBold:hover td, .grid-box.tableDetail tbody tr.catBold:hover td {
  background: #fff;
  color: #191d23;
}
.tableList tbody tr.catBold:hover td a, .detailtable tbody tr.catBold:hover td a, .formtable tbody tr.catBold:hover td a, .list tbody tr.catBold:hover td a, .flex-box.tableList tbody tr.catBold:hover td a, .grid-box.tableList tbody tr.catBold:hover td a, .tableDetail tbody tr.catBold:hover td a, .flex-box.tableDetail tbody tr.catBold:hover td a, .grid-box.tableDetail tbody tr.catBold:hover td a {
  color: #191d23;
}
.tableList tbody tr.catBold2 td, .detailtable tbody tr.catBold2 td, .formtable tbody tr.catBold2 td, .list tbody tr.catBold2 td, .flex-box.tableList tbody tr.catBold2 td, .grid-box.tableList tbody tr.catBold2 td, .tableDetail tbody tr.catBold2 td, .flex-box.tableDetail tbody tr.catBold2 td, .grid-box.tableDetail tbody tr.catBold2 td {
  border-top: 2px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: bold;
  padding-left: 3.0769230769em;
}
.tableList tbody tr.catBold2:hover td, .detailtable tbody tr.catBold2:hover td, .formtable tbody tr.catBold2:hover td, .list tbody tr.catBold2:hover td, .flex-box.tableList tbody tr.catBold2:hover td, .grid-box.tableList tbody tr.catBold2:hover td, .tableDetail tbody tr.catBold2:hover td, .flex-box.tableDetail tbody tr.catBold2:hover td, .grid-box.tableDetail tbody tr.catBold2:hover td {
  background: #fff;
  color: #191d23;
}
.tableList tbody tr.catBold2:hover td a, .detailtable tbody tr.catBold2:hover td a, .formtable tbody tr.catBold2:hover td a, .list tbody tr.catBold2:hover td a, .flex-box.tableList tbody tr.catBold2:hover td a, .grid-box.tableList tbody tr.catBold2:hover td a, .tableDetail tbody tr.catBold2:hover td a, .flex-box.tableDetail tbody tr.catBold2:hover td a, .grid-box.tableDetail tbody tr.catBold2:hover td a {
  color: #191d23;
}
.tableList tbody tr.borderdot td, .detailtable tbody tr.borderdot td, .formtable tbody tr.borderdot td, .list tbody tr.borderdot td, .flex-box.tableList tbody tr.borderdot td, .grid-box.tableList tbody tr.borderdot td, .tableDetail tbody tr.borderdot td, .flex-box.tableDetail tbody tr.borderdot td, .grid-box.tableDetail tbody tr.borderdot td {
  border-bottom: none;
  padding-bottom: 0;
}
.tableList tbody tr[attr-sub] td:first-child, .detailtable tbody tr[attr-sub] td:first-child, .formtable tbody tr[attr-sub] td:first-child, .list tbody tr[attr-sub] td:first-child, .flex-box.tableList tbody tr[attr-sub] td:first-child, .grid-box.tableList tbody tr[attr-sub] td:first-child, .tableDetail tbody tr[attr-sub] td:first-child, .flex-box.tableDetail tbody tr[attr-sub] td:first-child, .grid-box.tableDetail tbody tr[attr-sub] td:first-child {
  padding-left: 4.6153846154em;
  width: 60%;
}
.tableList.right, .tableList .right, .tableList .text_right, .tableList .sub_id, .detailtable.right, .detailtable .right, .detailtable .text_right, .detailtable .sub_id, .formtable.right, .formtable .right, .formtable .text_right, .formtable .sub_id, .list.right, .list .right, .list .text_right, .list .sub_id, .flex-box.tableList.right, .flex-box.tableList .right, .flex-box.tableList .text_right, .flex-box.tableList .sub_id, .grid-box.tableList.right, .grid-box.tableList .right, .grid-box.tableList .text_right, .grid-box.tableList .sub_id, .tableDetail.right, .tableDetail .right, .tableDetail .text_right, .tableDetail .sub_id, .flex-box.tableDetail.right, .flex-box.tableDetail .right, .flex-box.tableDetail .text_right, .flex-box.tableDetail .sub_id, .grid-box.tableDetail.right, .grid-box.tableDetail .right, .grid-box.tableDetail .text_right, .grid-box.tableDetail .sub_id {
  text-align: right !important;
}
.tableList .red td, .tableList .red td a, .tableList .red, .detailtable .red td, .detailtable .red td a, .detailtable .red, .formtable .red td, .formtable .red td a, .formtable .red, .list .red td, .list .red td a, .list .red, .flex-box.tableList .red td, .flex-box.tableList .red td a, .flex-box.tableList .red, .grid-box.tableList .red td, .grid-box.tableList .red td a, .grid-box.tableList .red, .tableDetail .red td, .tableDetail .red td a, .tableDetail .red, .flex-box.tableDetail .red td, .flex-box.tableDetail .red td a, .flex-box.tableDetail .red, .grid-box.tableDetail .red td, .grid-box.tableDetail .red td a, .grid-box.tableDetail .red {
  color: #E74536 !important;
}
.tableList.width100, .detailtable.width100, .formtable.width100, .list.width100, .flex-box.tableList.width100, .grid-box.tableList.width100, .tableDetail.width100, .flex-box.tableDetail.width100, .grid-box.tableDetail.width100 {
  width: 100%;
}
.tableList.loader tr td, .detailtable.loader tr td, .formtable.loader tr td, .list.loader tr td, .flex-box.tableList.loader tr td, .grid-box.tableList.loader tr td, .tableDetail.loader tr td, .flex-box.tableDetail.loader tr td, .grid-box.tableDetail.loader tr td {
  background: #3373f4;
  -webkit-animation: shopLoader 1000ms ease infinite;
  animation: shopLoader 1000ms ease infinite;
}
.tableList.loader tr td.delay1, .detailtable.loader tr td.delay1, .formtable.loader tr td.delay1, .list.loader tr td.delay1, .flex-box.tableList.loader tr td.delay1, .grid-box.tableList.loader tr td.delay1, .tableDetail.loader tr td.delay1, .flex-box.tableDetail.loader tr td.delay1, .grid-box.tableDetail.loader tr td.delay1 {
  -webkit-animation: shopLoader 700ms ease infinite;
  animation: shopLoader 700ms ease infinite;
}
.tableList.loader tr td.delay2, .detailtable.loader tr td.delay2, .formtable.loader tr td.delay2, .list.loader tr td.delay2, .flex-box.tableList.loader tr td.delay2, .grid-box.tableList.loader tr td.delay2, .tableDetail.loader tr td.delay2, .flex-box.tableDetail.loader tr td.delay2, .grid-box.tableDetail.loader tr td.delay2 {
  -webkit-animation: shopLoader 850ms ease infinite;
  animation: shopLoader 850ms ease infinite;
}
.tableList.loader tr td.delay3, .detailtable.loader tr td.delay3, .formtable.loader tr td.delay3, .list.loader tr td.delay3, .flex-box.tableList.loader tr td.delay3, .grid-box.tableList.loader tr td.delay3, .tableDetail.loader tr td.delay3, .flex-box.tableDetail.loader tr td.delay3, .grid-box.tableDetail.loader tr td.delay3 {
  -webkit-animation: shopLoader 1200ms ease infinite;
  animation: shopLoader 1200ms ease infinite;
}
.tableList.loader tr td.delay4, .detailtable.loader tr td.delay4, .formtable.loader tr td.delay4, .list.loader tr td.delay4, .flex-box.tableList.loader tr td.delay4, .grid-box.tableList.loader tr td.delay4, .tableDetail.loader tr td.delay4, .flex-box.tableDetail.loader tr td.delay4, .grid-box.tableDetail.loader tr td.delay4 {
  -webkit-animation: shopLoader 1500ms ease infinite;
  animation: shopLoader 1500ms ease infinite;
}
.tableList.loader tr td.delay5, .detailtable.loader tr td.delay5, .formtable.loader tr td.delay5, .list.loader tr td.delay5, .flex-box.tableList.loader tr td.delay5, .grid-box.tableList.loader tr td.delay5, .tableDetail.loader tr td.delay5, .flex-box.tableDetail.loader tr td.delay5, .grid-box.tableDetail.loader tr td.delay5 {
  -webkit-animation: shopLoader 1700ms ease infinite;
  animation: shopLoader 1700ms ease infinite;
}
.tableList.orderList tbody td.right, .tableList.orderList tbody td.right input, .detailtable.orderList tbody td.right, .detailtable.orderList tbody td.right input, .formtable.orderList tbody td.right, .formtable.orderList tbody td.right input, .list.orderList tbody td.right, .list.orderList tbody td.right input, .flex-box.tableList.orderList tbody td.right, .flex-box.tableList.orderList tbody td.right input, .grid-box.tableList.orderList tbody td.right, .grid-box.tableList.orderList tbody td.right input, .tableDetail.orderList tbody td.right, .tableDetail.orderList tbody td.right input, .flex-box.tableDetail.orderList tbody td.right, .flex-box.tableDetail.orderList tbody td.right input, .grid-box.tableDetail.orderList tbody td.right, .grid-box.tableDetail.orderList tbody td.right input {
  text-align: right;
}
.tableList.orderList tbody td input, .detailtable.orderList tbody td input, .formtable.orderList tbody td input, .list.orderList tbody td input, .flex-box.tableList.orderList tbody td input, .grid-box.tableList.orderList tbody td input, .tableDetail.orderList tbody td input, .flex-box.tableDetail.orderList tbody td input, .grid-box.tableDetail.orderList tbody td input {
  padding: 0.3846153846em !important;
  width: auto !important;
}
.tableList .inlineTable tbody tr td, .detailtable .inlineTable tbody tr td, .formtable .inlineTable tbody tr td, .list .inlineTable tbody tr td, .flex-box.tableList .inlineTable tbody tr td, .grid-box.tableList .inlineTable tbody tr td, .tableDetail .inlineTable tbody tr td, .flex-box.tableDetail .inlineTable tbody tr td, .grid-box.tableDetail .inlineTable tbody tr td {
  padding: 0 0.3846153846em 0 0 !important;
  border: 0;
  width: 33%;
  background: transparent !important;
}
.tableList .inlineTable tbody tr:hover, .detailtable .inlineTable tbody tr:hover, .formtable .inlineTable tbody tr:hover, .list .inlineTable tbody tr:hover, .flex-box.tableList .inlineTable tbody tr:hover, .grid-box.tableList .inlineTable tbody tr:hover, .tableDetail .inlineTable tbody tr:hover, .flex-box.tableDetail .inlineTable tbody tr:hover, .grid-box.tableDetail .inlineTable tbody tr:hover {
  background: transparent;
}
.tableList .inlineTable tbody tr:hover td, .detailtable .inlineTable tbody tr:hover td, .formtable .inlineTable tbody tr:hover td, .list .inlineTable tbody tr:hover td, .flex-box.tableList .inlineTable tbody tr:hover td, .grid-box.tableList .inlineTable tbody tr:hover td, .tableDetail .inlineTable tbody tr:hover td, .flex-box.tableDetail .inlineTable tbody tr:hover td, .grid-box.tableDetail .inlineTable tbody tr:hover td {
  background: transparent;
}
.tableList.gewichtung tr td:last-child, .detailtable.gewichtung tr td:last-child, .formtable.gewichtung tr td:last-child, .list.gewichtung tr td:last-child, .flex-box.tableList.gewichtung tr td:last-child, .grid-box.tableList.gewichtung tr td:last-child, .tableDetail.gewichtung tr td:last-child, .flex-box.tableDetail.gewichtung tr td:last-child, .grid-box.tableDetail.gewichtung tr td:last-child {
  vertical-align: top;
}
.tableList.gewichtung tr td:last-child, .detailtable.gewichtung tr td:last-child, .formtable.gewichtung tr td:last-child, .list.gewichtung tr td:last-child, .flex-box.tableList.gewichtung tr td:last-child, .grid-box.tableList.gewichtung tr td:last-child, .tableDetail.gewichtung tr td:last-child, .flex-box.tableDetail.gewichtung tr td:last-child, .grid-box.tableDetail.gewichtung tr td:last-child {
  text-align: right;
}
.tableList.gewichtung .distTable, .detailtable.gewichtung .distTable, .formtable.gewichtung .distTable, .list.gewichtung .distTable, .flex-box.tableList.gewichtung .distTable, .grid-box.tableList.gewichtung .distTable, .tableDetail.gewichtung .distTable, .flex-box.tableDetail.gewichtung .distTable, .grid-box.tableDetail.gewichtung .distTable {
  width: 100%;
}
.tableList.gewichtung .distTable td, .detailtable.gewichtung .distTable td, .formtable.gewichtung .distTable td, .list.gewichtung .distTable td, .flex-box.tableList.gewichtung .distTable td, .grid-box.tableList.gewichtung .distTable td, .tableDetail.gewichtung .distTable td, .flex-box.tableDetail.gewichtung .distTable td, .grid-box.tableDetail.gewichtung .distTable td {
  text-align: right;
  vertical-align: top;
  width: 33% !important;
}
.tableList.gewichtung .distTable span.distAnswer, .detailtable.gewichtung .distTable span.distAnswer, .formtable.gewichtung .distTable span.distAnswer, .list.gewichtung .distTable span.distAnswer, .flex-box.tableList.gewichtung .distTable span.distAnswer, .grid-box.tableList.gewichtung .distTable span.distAnswer, .tableDetail.gewichtung .distTable span.distAnswer, .flex-box.tableDetail.gewichtung .distTable span.distAnswer, .grid-box.tableDetail.gewichtung .distTable span.distAnswer {
  display: block;
  font-weight: bold;
}
.tableList.gewichtung input, .detailtable.gewichtung input, .formtable.gewichtung input, .list.gewichtung input, .flex-box.tableList.gewichtung input, .grid-box.tableList.gewichtung input, .tableDetail.gewichtung input, .flex-box.tableDetail.gewichtung input, .grid-box.tableDetail.gewichtung input {
  text-align: right;
}
.tableList.noHover td:hover, .tableList.noHover tr:hover td, .detailtable.noHover td:hover, .detailtable.noHover tr:hover td, .formtable.noHover td:hover, .formtable.noHover tr:hover td, .list.noHover td:hover, .list.noHover tr:hover td, .flex-box.tableList.noHover td:hover, .flex-box.tableList.noHover tr:hover td, .grid-box.tableList.noHover td:hover, .grid-box.tableList.noHover tr:hover td, .tableDetail.noHover td:hover, .tableDetail.noHover tr:hover td, .flex-box.tableDetail.noHover td:hover, .flex-box.tableDetail.noHover tr:hover td, .grid-box.tableDetail.noHover td:hover, .grid-box.tableDetail.noHover tr:hover td {
  background: #ffffff !important;
}

.grid-item .tableList {
  width: calc(100% + 3.0769230769em);
  margin-left: -1.5384615385em;
  border: none;
}

.tableDetail tbody tr:hover td, .flex-box.tableDetail tbody tr:hover td, .grid-box.tableDetail tbody tr:hover td {
  background: transparent;
  color: #191d23;
}

.tableList, .detailtable, .formtable, .list, .flex-box.tableList, .grid-box.tableList, .tableDetail, .flex-box.tableDetail, .grid-box.tableDetail {
  margin-bottom: 1.5384615385em;
}

div.hierarchie {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 1.6666666667em;
  margin-bottom: 1.6666666667em;
}

table.hierarchie {
  width: 100%;
  text-align: center;
}

table.hierarchie a:after {
  content: "\a";
  white-space: pre;
}

table.hierarchie td {
  vertical-align: top;
}

.hierarchie a {
  border-radius: 50px;
  display: inline-block;
  padding: 0.8333333333em 1.25em;
  margin: 0.4166666667em;
  color: #fff;
  background-color: #63a300;
  text-decoration: none;
}

.hierarchie a:hover {
  text-decoration: underline;
  cursor: pointer;
}

body.login.error img.logo {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  width: 150px;
  margin: 0 auto;
}
body.login.error #loginWrapper {
  margin-top: 50px;
  text-align: center;
  width: calc(100% - 100px);
  padding: 0 50px;
  display: block;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}
body.login.error #loginWrapper h1 {
  font-size: 1.5em;
  font-weight: bold;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
}

body.login #content #loginWrapper {
  position: relative;
  -webkit-transform: none;
          transform: none;
}
body.login #content #loginWrapper h1, body.login #content #loginWrapper h2 {
  font-size: 12px;
}

/* ####################################################################################################################
Sortiment Admin
#################################################################################################################### */
.bubble, label.chanBubble span[attr-channel] {
  display: inline-block !important;
  background: #555;
  opacity: 0.8;
  color: #fff;
  width: auto !important;
  font-size: 0.9166666667em;
  padding: 0.4166666667em !important;
  border-radius: 0.4166666667em;
}
.bubble.active, label.chanBubble span[attr-channel].active {
  background: #020E26;
  opacity: 1;
}

.sortimentGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 25% 25% 25%;
  grid-template-columns: 25% 25% 25% 25%;
  margin: 1.1538461538em;
}
.sortimentGrid .sortimentDiv {
  border: 2px solid #191d23;
  border-right: 0 solid #191d23;
}
.sortimentGrid .sortimentDiv .bubble {
  margin-right: 0.2307692308em;
  margin-bottom: 0.2307692308em;
}
.sortimentGrid .sortimentDiv .bubble.alt {
  background: #18D97F;
}
.sortimentGrid .sortimentDiv a {
  display: block;
  position: relative;
  padding: 1.1538461538em 1.5384615385em;
  color: #191d23;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-weight: bold;
  text-decoration: none;
}
.sortimentGrid .sortimentDiv a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv a.active {
  background: #191d23;
  color: #fff;
}
.sortimentGrid .sortimentDiv a .up {
  position: absolute;
  right: 4.6153846154em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
  opacity: 0.7;
}
.sortimentGrid .sortimentDiv a .up:hover {
  opacity: 1;
  color: #020E26;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv a .down {
  position: absolute;
  right: 3.4615384615em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
  opacity: 0.7;
}
.sortimentGrid .sortimentDiv a .down:hover {
  opacity: 1;
  color: #020E26;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv a .edit {
  position: absolute;
  right: 0.7692307692em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
  opacity: 0.7;
}
.sortimentGrid .sortimentDiv a .edit:hover {
  opacity: 1;
  color: #020E26;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv.stage2 {
  border-radius: 0.1538461538em;
  overflow: hidden;
}
.sortimentGrid .sortimentDiv.stage3 {
  border-right: 2px solid #020E26;
}
.sortimentGrid .sortimentDiv.stage3 a {
  display: block;
  position: relative;
  padding: 1.1538461538em 1.5384615385em;
  color: #191d23;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  font-weight: bold;
  text-decoration: none;
}
.sortimentGrid .sortimentDiv.stage3 a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv.stage3 a.active {
  background: #191d23;
  color: #fff;
}
.sortimentGrid .sortimentDiv.stage3 a .up {
  position: absolute;
  right: 3.0769230769em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
}
.sortimentGrid .sortimentDiv.stage3 a .down {
  position: absolute;
  right: 1.9230769231em;
  top: 1.1538461538em;
  bottom: 0;
  height: 1.5384615385em;
}
.sortimentGrid .sortimentDiv.stage3 a .edit {
  display: none;
}

/* ####################################################################################################################
AUTOCOMPLETE
#################################################################################################################### */
#autocomplete {
  z-index: 10;
  left: -5000px;
  position: absolute;
  border: 1px solid #888;
  background: #fff;
  margin: 0;
  padding: 0;
}

#autocomplete a {
  font-size: 90%;
  display: block;
  padding: 0.6153846154em 0.7692307692em;
  border-bottom: 1px solid #888;
}

#autocomplete a:hover {
  cursor: pointer;
}

.checkAutocomplete {
  color: #3eb256;
  position: absolute;
  right: 2.1538461538em;
  margin-top: 1.3076923077em;
}

.relative .checkAutocomplete {
  color: #3eb256;
  position: absolute;
  right: 6.9230769231em;
  margin-top: 1.3076923077em;
}

.ueberfaelligeOutlets {
  position: absolute;
  font-size: 80%;
  right: 1.1538461538em;
  bottom: 0.8461538462em;
  background: #020E26;
  text-decoration: none;
  color: #fff;
  padding: 0.3846153846em 1.1538461538em;
  border-radius: 2.2307692308em;
}
.ueberfaelligeOutlets:hover {
  background: #333;
  color: #fff;
}

/* ####################################################################################################################
POPUP
#################################################################################################################### */
body.pwpre #nav a, body.pwpre .reiter {
  display: none !important;
}

body.onepopup #nav, body.onepopup .reiter {
  display: none !important;
}
body.onepopup #content {
  width: auto;
  margin: 1.1538461538em;
}

.popup {
  bottom: 0;
  left: 0;
  top: 0;
  position: fixed;
  right: 0;
  z-index: 1000;
  background-color: rgba(51, 51, 51, 0.8);
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 1.5384615385em;
}
.popup .wrapper {
  background: #fff;
  color: #333;
  max-height: 99%;
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
}
.popup > span {
  right: 0.7692307692em;
  top: 0.7692307692em;
  position: absolute;
  font-size: 2.6153846154em;
}

#calendar.fc {
  background: #fff;
}
#calendar.fc .fc-toolbar-title {
  padding: 0.3846153846em 0.9230769231em;
}
#calendar.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}
#calendar.fc .fc-timegrid-slot-label {
  padding-left: 0.9230769231em;
}
#calendar.fc .fc-button {
  background: transparent;
  font-weight: 700;
  display: inline-block;
  margin: 0.5384615385em;
  padding: 0.9230769231em 1.5384615385em;
  color: #191d23;
  border-radius: 0.1538461538em;
  text-decoration: none;
  line-height: 0;
  letter-spacing: 0.0153846154em;
  border: 1px solid transparent;
  border-color: #191d23;
  border-width: 1px;
  border-radius: 0.1538461538em;
  -webkit-box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 10px 20px -6px rgba(0, 0, 0, 0.12);
}
#calendar.fc .fc-button:hover {
  color: #fff;
  background: #191d23;
}

a.gesperrt, a.gesperrt:hover {
  float: right;
  border: 0;
  margin-top: 1.9230769231em;
  padding: 0.3846153846em 0.7692307692em;
  font-size: 70%;
  color: #fff;
  border-radius: 2.2307692308em;
}
a.gesperrt.delete, a.gesperrt:hover.delete {
  background-color: #E74536;
}
a.gesperrt.green, a.gesperrt:hover.green {
  background-color: #3eb256;
}

/* ####################################################################################################################
MOBILE
#################################################################################################################### */
@media (max-width: 1200px) {
  body {
    font-size: 12px;
  }
}
@media (max-height: 700px) {
  body {
    font-size: 12.5px;
  }
  #nav a {
    margin: 0.3846153846em 0.7692307692em;
  }
  #nav a i {
    margin-top: 0.3846153846em;
  }
}
@media (max-width: 1000px) {
  .nomobile {
    display: none;
  }
  #nav a span {
    display: none;
  }
}
html, body {
  height: 100%;
}

#landscape {
  display: block;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body:not(.pdf) #landscape {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body:not(.pdf) #landscape {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
/* ####################################################################################################################
PDF
#################################################################################################################### */
body.pdf {
  margin: 0 auto;
  padding: 0;
  color: #000 !important;
  background: #fff !important;
}

body.pdf #nav, body.pdf .reiter {
  display: none !important;
}

body.pdf #content {
  position: relative;
  left: 0;
  top: 0;
  margin: 1.5384615385em 0.3846153846em 0.3846153846em 1.5384615385em;
  width: calc(100% - 1.9230769231em);
  background: #fff !important;
}

/* ####################################################################################################################
Base64 Upload
#################################################################################################################### */
.uploadFile {
  width: 19.2307692308em;
  height: 7.6923076923em;
  border: 1px dashed #333;
  background-color: rgba(51, 51, 51, 0.05);
  border-radius: 3px;
  margin-bottom: 0.3846153846em;
  position: relative;
  padding: 0.3846153846em;
  cursor: pointer;
}
.uploadFile span.upload {
  text-align: center;
  line-height: 12.3076923077em;
  display: block;
  color: #333;
}
.uploadFile i {
  position: absolute;
  font-size: 3.8461538462em;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.uploadFile i::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  text-align: center;
  line-height: 1.5384615385em;
}
.uploadFile input {
  display: none;
}
.uploadFile:hover {
  background-color: rgba(51, 51, 51, 0.15);
}
.uploadFile .imgWrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 7.6923076923em;
  word-wrap: break-word;
  text-align: center;
  background: #fff;
  font-weight: bold;
  top: 0;
  left: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.uploadFile .imgWrapper .remove {
  color: #fff;
  display: none;
  background: rgba(255, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.uploadFile .imgWrapper:hover .remove {
  display: block;
}

/* ####################################################################################################################
CONTENT
#################################################################################################################### */
.remark_iframe {
  width: 0;
  height: 0;
  border: none;
}

.clear {
  clear: both;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.nowrap {
  white-space: nowrap;
}

.filtercol, #filterbox, #filterbox .filtertable, .filter input, .filter select, .filter .filtertable, .filtertable td, .filtertable td.buttoncell {
  vertical-align: bottom !important;
}

.filtertable td input {
  margin-bottom: 0;
}

.filtertable td {
  padding-right: 0.3846153846em;
}

.filtertable .trenner2 {
  margin-bottom: 0.4615384615em;
  font-size: 0.85em;
}

.filtercol, .filteroperator, .filterinput {
  padding-left: 0.3846153846em;
}

.filterinput span {
  padding-left: 0.3846153846em;
}

.headercell, .headercell2 {
  font-weight: bold !important;
}

.headercell.sub, .headercell2.sub {
  padding: 0.8461538462em 1em 0.6153846154em 1em;
}

.spacercol {
  width: 0.3846153846em;
}

.hidden, .calicon {
  display: none;
}

.text_center, tr.headerrow td.text_center, tr th.text_center {
  text-align: center !important;
}

.text_right, .num, .curr {
  text-align: right !important;
}

.date, .num, .curr {
  width: 6.1538461538em !important;
}

div.buttons::after, div.buttons2::after, div.buttons3::after, .checkboxes2::after {
  content: "";
  clear: both;
  display: table;
}

div.checkboxes {
  display: block;
  width: 23.0769230769em;
  padding: 0;
}

div.checkboxes2 {
  display: block;
  width: 100% !important;
  padding: 0;
  position: relative;
}

div.checkboxes3 {
  float: left;
  width: 96px;
}

div.checkboxes4 {
  float: left;
  padding: 4px 25px 0 0;
  white-space: nowrap;
}

div.checkboxes5 {
  margin: 2px 5px -1px 0;
}

div.checkboxes6 {
  float: left;
  padding: 0px 25px 0 0;
  white-space: nowrap;
}

div.checkboxeslist {
  width: auto;
  float: left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}

div.checkboxeslist:first-child {
  border-left: none;
  padding-left: 0;
}

div.checkboxeslist:last-child {
  border-right: none;
  padding-right: 0;
}

input.checkbox {
  float: left;
}

span.checkboxtitle, span.checkboxtitle2 {
  float: left;
  margin: 0.0769230769em 1.5384615385em 0.7692307692em 0.7692307692em;
}

.info, .info2, .hinweis {
  padding: 1em 1.5384615385em;
  background: #0fcbea;
}

.highlight, tr.highlight td {
  background: #0fcbea !important;
}

.headerwidth {
  width: 15% !important;
}

.w-50 {
  width: 50% !important;
  font-weight: normal !important;
}

.detailtable.vtop tr td, .formtable.vtop tr td {
  vertical-align: top;
}

.bold {
  font-weight: bold;
}

.hiddenform {
  display: inline;
}

.readonly {
  background-color: #ebebe4 !important;
}

.box_promotion {
  width: 19.2307692308em;
  margin: 0 20px 10px 0;
  padding: 0;
  border: 0;
  float: left;
}

.box_promotion:last-child {
  margin-right: 0;
}

.box_promotion_title {
  background: #3eb256;
  padding: 5px 0 5px 0;
  text-align: center;
  font-weight: bold;
}

.box_promotion_content {
  cursor: pointer;
}

.box_promotion_teaserpic {
  width: 19.2307692308em;
  padding: 0;
}

span.sup {
  margin: 0;
  position: relative;
  top: -1px;
  font-size: 14px;
}

.light {
  color: #fff;
}