@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;
}
.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;
  height: 7.6923076923em;
}
.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 {
  opacity: 0;
  z-index: 50;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.uploadFile input:hover {
  cursor: pointer;
}
.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 {
  z-index: 51;
  color: #fff;
  display: none;
  background: rgba(255, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.uploadFile:hover .remove {
  display: block;
}

/*!
 * 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 #0072CE;
          box-shadow: 0 0px 1000px 50px #0072CE;
  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 #0072CE;
          box-shadow: 0 0px 1000px 100px #0072CE;
  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(0, 114, 206, 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(0, 114, 206, 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;
}

.btn.small {
  font-size: 16px;
  background: #333;
  color: #fff;
  padding: 3px 7px;
  margin-top: -23px;
  border-radius: 3px;
  font-weight: 400;
  margin-left: 7px;
}

.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: 50000;
  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: #88c5eb;
}
.pickmeup .pmu-instance .pmu-button:hover {
  background: transparent;
  color: #88c5eb;
}
.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: #0072CE;
}
.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: #88c5eb;
}
.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;
}

/* line 2, ../sass/_sortable.sass */
table[data-sortable] {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 6, ../sass/_sortable.sass */
table[data-sortable] th {
  vertical-align: bottom;
  font-weight: bold;
}

/* line 10, ../sass/_sortable.sass */
table[data-sortable] th, table[data-sortable] td {
  text-align: left;
  padding: 10px;
}

/* line 14, ../sass/_sortable.sass */
table[data-sortable] th:not([data-sortable=false]) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}

/* line 26, ../sass/_sortable.sass */
table[data-sortable] th:after {
  content: "";
  visibility: hidden;
  display: inline-block;
  vertical-align: inherit;
  height: 0;
  width: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent;
  margin-right: 1px;
  margin-left: 10px;
  float: right;
}

/* line 40, ../sass/_sortable.sass */
table[data-sortable] th:after {
  margin-top: 8px;
  border-top-color: #ccc;
  visibility: visible;
}

/* line 43, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted-direction=descending]:after {
  border-top-color: inherit;
  margin-top: 8px;
}

/* line 47, ../sass/_sortable.sass */
table[data-sortable] th[data-sorted-direction=ascending]:after {
  border-bottom-color: inherit;
  border-top-color: transparent;
  margin-top: 3px;
}

/* line 6, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder {
  font-family: "Lucida Grande", sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: black;
  background: white;
  border: 1px solid #cfcfcf;
}

/* line 14, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th, table[data-sortable].sortable-theme-finder td {
  padding: 2px 8px;
}

/* line 17, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder thead th {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #f6f6f6), color-stop(50%, #f0f0f0), to(#eeeeee));
  background-image: linear-gradient(#ffffff 0%, #f6f6f6 50%, #f0f0f0 50%, #eeeeee 100%);
  background-color: #f0f0f0;
  border-bottom: 1px solid #cccccc;
  font-weight: normal;
}

/* line 23, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder tbody > tr:nth-child(odd) > td {
  background-color: #f3f6fa;
}

/* line 28, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th:after {
  border-width: 4px;
  margin-right: 0;
}

/* line 32, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th[data-sorted=true] {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c5e2f6), color-stop(50%, #80c1f0), to(#b8e7f5));
  background-image: linear-gradient(#c5e2f6 0%, #80c1f0 50%, #b8e7f5 100%);
  background-size: 28px 100%;
  -webkit-box-shadow: inset 1px 0 #7eb3d3, inset -1px 0 #7eb3d3;
  box-shadow: inset 1px 0 #7eb3d3, inset -1px 0 #7eb3d3;
  border-bottom-color: #7eb3d3;
  background-color: #78c0f0;
}

/* line 39, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th[data-sorted=true]:first-child {
  -webkit-box-shadow: inset -1px 0 #7eb3d3;
  box-shadow: inset -1px 0 #7eb3d3;
}

/* line 42, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th[data-sorted=true]:last-child {
  -webkit-box-shadow: inset 1px 0 #7eb3d3;
  box-shadow: inset 1px 0 #7eb3d3;
}

/* line 45, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th[data-sorted=true][data-sorted-direction=descending]:after {
  border-top-color: #548ec0;
  margin-top: 6px;
}

/* line 49, ../sass/sortable-theme-finder.sass */
table[data-sortable].sortable-theme-finder th[data-sorted=true][data-sorted-direction=ascending]:after {
  border-bottom-color: #548ec0;
  margin-top: 2px;
}

.ms-options-wrap {
  position: relative;
}

.ms-options-wrap,
.ms-options-wrap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  position: relative;
  width: 100%;
  text-align: left;
  border: 1px solid #aaa;
  background-color: #fff;
  padding: 5px 20px 5px 5px;
  margin-top: 1px;
  font-size: 13px;
  color: #aaa;
  outline-offset: -2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-options-wrap > button[disabled] {
  background-color: #e5e9ed;
  color: #808080;
  opacity: 0.6;
}

.ms-options-wrap > button:after {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 0;
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #999;
  margin-top: -3px;
}

.ms-options-wrap.ms-has-selections > button {
  color: #333;
}

.ms-options-wrap > .ms-options {
  position: absolute;
  left: 0;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 20px;
  background: white;
  z-index: 2000;
  border: 1px solid #aaa;
  overflow: auto;
  visibility: hidden;
}

.ms-options-wrap.ms-active > .ms-options {
  visibility: visible;
}

.ms-options-wrap > .ms-options > .ms-search input {
  width: 100%;
  padding: 4px 5px;
  border: none;
  border-bottom: 1px groove;
  outline: none;
}

.ms-options-wrap > .ms-options > .no-result-message {
  padding: 4px 5px;
  display: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
  display: inline-block;
  font-size: 0.9em;
  text-transform: lowercase;
  text-decoration: none;
}

.ms-options-wrap > .ms-options .ms-selectall:hover {
  text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
  margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}

.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 4px 4px 20px;
  margin: 1px 0;
  border: 1px dotted transparent;
}

.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
  background-color: #efefef;
  border-color: #999;
}

.ms-options-wrap > .ms-options > ul li.selected label {
  background-color: #efefef;
  border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type=checkbox] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type=checkbox] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  margin-top: 6px;
  height: 10px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 20px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #F0B323;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 2px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 2px;
}

.noUi-vertical .noUi-handle:after {
  top: 2px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* ####################################################################################################################
MAIN STYLES
#################################################################################################################### */
body {
  margin: 0 auto;
  padding: 0;
  font-size: 13px;
  font-family: "Yantramanav", sans-serif;
  color: #191d23;
  background: #F4F8FB;
  font-weight: 400;
  min-width: 76.9230769231em;
  min-height: 53.8461538462em;
}
body a, body p, body li, body td, body input, body select, body textarea {
  font-size: 13px;
}
body.testversion {
  background: url(../img/testversion.png) repeat #F4F8FB;
}
@media (max-width: 1360px) {
  body {
    font-size: 12px;
  }
  body a, body p, body li, body td, body input, body select, body textarea {
    font-size: 12px;
  }
}
@media (max-width: 1500px) {
  body {
    font-size: 13px;
  }
  body a, body p, body li, body td, body input, body select, body textarea {
    font-size: 13px;
  }
}
@media (max-height: 720px) {
  body {
    font-size: 11px;
  }
  body a, body p, body li, body td, body input, body select, body textarea {
    font-size: 11px;
  }
  body .productdiv.grid-box .productName {
    height: 2.4615384615em !important;
  }
}
@media (min-width: 1700px) {
  body {
    font-size: 14px;
  }
  body a, body p, body li, body td, body input, body select, body textarea {
    font-size: 14px;
  }
}
body.size16 {
  font-size: 15px;
}
body.size16 a, body.size16 p, body.size16 li, body.size16 td, body.size16 input, body.size16 select, body.size16 textarea {
  font-size: 15px;
}
@media (max-width: 1360px) {
  body.size16 {
    font-size: 14px;
  }
  body.size16 a, body.size16 p, body.size16 li, body.size16 td, body.size16 input, body.size16 select, body.size16 textarea {
    font-size: 14px;
  }
}
@media (max-height: 720px) {
  body.size16 {
    font-size: 13px;
  }
  body.size16 a, body.size16 p, body.size16 li, body.size16 td, body.size16 input, body.size16 select, body.size16 textarea {
    font-size: 13px;
  }
}
@media (min-width: 1700px) {
  body.size16 {
    font-size: 16px;
  }
  body.size16 a, body.size16 p, body.size16 li, body.size16 td, body.size16 input, body.size16 select, body.size16 textarea {
    font-size: 16px;
  }
}
body.size18 {
  font-size: 16px;
}
body.size18 a, body.size18 p, body.size18 li, body.size18 td, body.size18 input, body.size18 select, body.size18 textarea {
  font-size: 16px;
}
@media (max-width: 1360px) {
  body.size18 {
    font-size: 15px;
  }
  body.size18 a, body.size18 p, body.size18 li, body.size18 td, body.size18 input, body.size18 select, body.size18 textarea {
    font-size: 15px;
  }
}
@media (max-height: 720px) {
  body.size18 {
    font-size: 14px;
  }
  body.size18 a, body.size18 p, body.size18 li, body.size18 td, body.size18 input, body.size18 select, body.size18 textarea {
    font-size: 14px;
  }
}
@media (min-width: 1700px) {
  body.size18 {
    font-size: 17px;
  }
  body.size18 a, body.size18 p, body.size18 li, body.size18 td, body.size18 input, body.size18 select, body.size18 textarea {
    font-size: 17px;
  }
}
body.size20 {
  font-size: 17px;
}
body.size20 a, body.size20 p, body.size20 li, body.size20 td, body.size20 input, body.size20 select, body.size20 textarea {
  font-size: 17px;
}
@media (max-width: 1360px) {
  body.size20 {
    font-size: 16px;
  }
  body.size20 a, body.size20 p, body.size20 li, body.size20 td, body.size20 input, body.size20 select, body.size20 textarea {
    font-size: 16px;
  }
}
@media (max-height: 720px) {
  body.size20 {
    font-size: 15px;
  }
  body.size20 a, body.size20 p, body.size20 li, body.size20 td, body.size20 input, body.size20 select, body.size20 textarea {
    font-size: 15px;
  }
}
@media (min-width: 1700px) {
  body.size20 {
    font-size: 18px;
  }
  body.size20 a, body.size20 p, body.size20 li, body.size20 td, body.size20 input, body.size20 select, body.size20 textarea {
    font-size: 18px;
  }
}
body.size22 {
  font-size: 18px;
}
body.size22 a, body.size22 p, body.size22 li, body.size22 td, body.size22 input, body.size22 select, body.size22 textarea {
  font-size: 18px;
}
@media (max-width: 1360px) {
  body.size22 {
    font-size: 17px;
  }
  body.size22 a, body.size22 p, body.size22 li, body.size22 td, body.size22 input, body.size22 select, body.size22 textarea {
    font-size: 17px;
  }
}
@media (max-height: 720px) {
  body.size22 {
    font-size: 16px;
  }
  body.size22 a, body.size22 p, body.size22 li, body.size22 td, body.size22 input, body.size22 select, body.size22 textarea {
    font-size: 16px;
  }
}
@media (min-width: 1700px) {
  body.size22 {
    font-size: 19px;
  }
  body.size22 a, body.size22 p, body.size22 li, body.size22 td, body.size22 input, body.size22 select, body.size22 textarea {
    font-size: 19px;
  }
}

a {
  color: #0072CE;
}
a:hover, a:active, a:focus {
  color: #003a68;
}

.fa-triangle-exclamation {
  color: #E74536;
}

/*--------------- Transitions ----------------*/
.msg-erro {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.smallCart {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.addToCart, .category .flex-box span, .special .flex-box {
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.license .flex-box, .category .flex-box, .product.grid-wrap .grid-box {
  -webkit-transition: box-shadow 300ms ease-in-out, transform 100ms ease-in-out;
  -webkit-transition: -webkit-box-shadow 300ms ease-in-out, -webkit-transform 100ms ease-in-out;
  transition: -webkit-box-shadow 300ms ease-in-out, -webkit-transform 100ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, transform 100ms ease-in-out;
  transition: box-shadow 300ms ease-in-out, transform 100ms ease-in-out, -webkit-box-shadow 300ms ease-in-out, -webkit-transform 100ms 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;
}

@-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;
  }
}
/* ####################################################################################################################
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: #fff;
  -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
#################################################################################################################### */
body.login {
  overflow: hidden;
  height: 100vh;
  background: linear-gradient(112.65deg, #0072CE 0%, rgba(0, 114, 206, 0.69) 100%);
}
body.login.blur #loginWrapper, body.login.blur img {
  -webkit-filter: blur(10px);
          filter: blur(10px);
  opacity: 0;
}
body.login.hide #loginWrapper, body.login.hide img {
  display: none;
}
body.login .msg-error {
  background-color: #F0B323;
  width: 30.7692307692em;
  text-align: center;
  padding: 1.1538461538em;
  border-radius: 0.7692307692em;
  color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}
body.login .msg-error.notShow {
  top: -15.3846153846em;
}
body.login > img {
  width: 20%;
  position: absolute;
  left: 25%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.login #loginWrapper {
  padding: 3.8461538462em 0 3.8461538462em 3.8461538462em;
  width: calc(50% - 7.6923076923em);
  right: 0%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body.login #loginWrapper h1 {
  font-weight: 100;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 3.8461538462em;
}
body.login #loginWrapper h2 {
  font-weight: 500;
  color: #fff;
  margin: 0em 0 2.3076923077em 0;
  padding: 0;
  font-size: 0.9230769231em;
}
body.login #loginWrapper label {
  display: block;
}
body.login #loginWrapper label i {
  position: absolute;
  color: #fff;
  font-size: 120%;
  padding: 1.2307692308em;
}
body.login #loginWrapper label input, body.login #loginWrapper label input:active, body.login #loginWrapper label input:hover, body.login #loginWrapper label input:focus {
  width: 30.7692307692em;
  padding: 1.5384615385em 1.5384615385em 1.5384615385em 3.8461538462em;
  margin-bottom: 1.5384615385em;
  border-radius: 0.7692307692em;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid transparent;
  color: #fff;
  outline: none;
  -webkit-appearance: none;
}
body.login #loginWrapper label input::-webkit-input-placeholder, body.login #loginWrapper label input:active::-webkit-input-placeholder, body.login #loginWrapper label input:hover::-webkit-input-placeholder, body.login #loginWrapper label input:focus::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input::-moz-placeholder, body.login #loginWrapper label input:active::-moz-placeholder, body.login #loginWrapper label input:hover::-moz-placeholder, body.login #loginWrapper label input:focus::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input:-ms-input-placeholder, body.login #loginWrapper label input:active:-ms-input-placeholder, body.login #loginWrapper label input:hover:-ms-input-placeholder, body.login #loginWrapper label input:focus:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input::-ms-input-placeholder, body.login #loginWrapper label input:active::-ms-input-placeholder, body.login #loginWrapper label input:hover::-ms-input-placeholder, body.login #loginWrapper label input:focus::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input::placeholder, body.login #loginWrapper label input:active::placeholder, body.login #loginWrapper label input:hover::placeholder, body.login #loginWrapper label input:focus::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.8; /* Firefox */
}
body.login #loginWrapper label input:hover, body.login #loginWrapper label input:active:hover, body.login #loginWrapper label input:hover:hover, body.login #loginWrapper label input:focus:hover {
  background: rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.1);
}
body.login #loginWrapper label input:focus, body.login #loginWrapper label input:-webkit-autofill, body.login #loginWrapper label input:-webkit-autofill:focus, body.login #loginWrapper label input:active:focus, body.login #loginWrapper label input:active:-webkit-autofill, body.login #loginWrapper label input:active:-webkit-autofill:focus, body.login #loginWrapper label input:hover:focus, body.login #loginWrapper label input:hover:-webkit-autofill, body.login #loginWrapper label input:hover:-webkit-autofill:focus, body.login #loginWrapper label input:focus:focus, body.login #loginWrapper label input:focus:-webkit-autofill, body.login #loginWrapper label input:focus:-webkit-autofill:focus {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset;
}
body.login #loginWrapper label input:-webkit-autofill, body.login #loginWrapper label input:-webkit-autofill:hover, body.login #loginWrapper label input:-webkit-autofill:focus, body.login #loginWrapper label input:-webkit-autofill, body.login #loginWrapper label input:active:-webkit-autofill, body.login #loginWrapper label input:active:-webkit-autofill:hover, body.login #loginWrapper label input:active:-webkit-autofill:focus, body.login #loginWrapper label input:active:-webkit-autofill, body.login #loginWrapper label input:hover:-webkit-autofill, body.login #loginWrapper label input:hover:-webkit-autofill:hover, body.login #loginWrapper label input:hover:-webkit-autofill:focus, body.login #loginWrapper label input:hover:-webkit-autofill, body.login #loginWrapper label input:focus:-webkit-autofill, body.login #loginWrapper label input:focus:-webkit-autofill:hover, body.login #loginWrapper label input:focus:-webkit-autofill:focus, body.login #loginWrapper label input:focus:-webkit-autofill {
  border: 2px solid rgba(255, 255, 255, 0.3);
  -webkit-text-fill-color: #fff;
  -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;
}
body.login #loginWrapper a[xsdata-submit], body.login #loginWrapper a.button {
  color: #0072CE;
  font-size: 150%;
  font-weight: 500;
  display: block;
  width: 21.3076923077em;
  padding: 0.6153846154em 0.7692307692em;
  margin-bottom: 0.3846153846em;
  border-radius: 0.4615384615em;
  text-align: center;
  background: rgb(255, 255, 255);
  text-decoration: none;
  border: 4px solid transparent;
}
body.login #loginWrapper a[xsdata-submit]:hover, body.login #loginWrapper a.button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 4px solid rgba(255, 255, 255, 0.9);
  color: #fff;
}
body.login #loginWrapper a[xsdata-submit], body.login #loginWrapper a.button {
  width: 22.3076923077em;
}
body.login #loginWrapper a.loginLink {
  width: 34.6153846154em;
  text-align: center;
  display: block;
  position: absolute;
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
body.login #loginWrapper a.loginLink:hover {
  text-decoration: underline;
}
body.login #loginWrapper .world {
  font-size: 150%;
  font-weight: 500;
  display: block;
  width: 11.5384615385em;
  padding: 4.6153846154em 0.7692307692em;
  margin-bottom: 1.5384615385em;
  border-radius: 0.4615384615em;
  text-align: center;
  border: none;
  background: rgb(255, 255, 255);
  text-decoration: none;
  border: 4px solid transparent;
}
body.login #loginWrapper .world:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 4px solid rgba(255, 255, 255, 0.9);
  color: #fff;
}
body.login.error {
  background: linear-gradient(112.65deg, #E74536 0%, rgba(231, 69, 54, 0.69) 100%);
}
body.login.error #loginWrapper a.button {
  color: #E74536;
  width: auto;
  display: inline-block;
}
body.login.error #loginWrapper a.button:hover {
  color: #fff;
}

/* ####################################################################################################################
NAV - SHOP
#################################################################################################################### */
#nav {
  position: relative;
  z-index: 3;
  width: 6.1538461538em;
  background-color: #0072CE;
  height: calc(100% - 0.7692307692em);
  position: fixed;
  border-radius: 0.7692307692em;
  margin: 0.3846153846em;
  text-align: center;
}
#nav > img {
  height: 1.6923076923em;
  margin: 1.1538461538em 1.1538461538em;
}
#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 a {
  text-decoration: none;
  position: relative;
  color: #fff;
}
#nav a i {
  font-size: 1.7692307692em;
  display: block;
  padding: 0.7692307692em 0;
}
#nav a i span {
  position: absolute;
  font-size: 0.4615384615em;
  margin: -1.0769230769em 0 0 -1.1538461538em;
}
#nav a i span.orders {
  margin: -1.0769230769em 0 0 -0.3846153846em;
}
#nav a div {
  -webkit-animation: fade_out_show 0.5s;
          animation: fade_out_show 0.5s;
  display: none;
  position: absolute;
  width: auto;
  white-space: nowrap;
  background-color: #0072CE;
  left: 3.0769230769em;
  top: 0;
  padding: 1.4615384615em 1.5384615385em 1.4615384615em 0.7692307692em;
  opacity: 0.8;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 0 3.0769230769em 3.0769230769em 0;
  margin-top: 0.3076923077em;
}
#nav a:hover {
  cursor: pointer;
}
#nav a:hover i {
  opacity: 1;
}
#nav a:hover div {
  display: block;
  -webkit-animation: fade_in_show 0.3s;
          animation: fade_in_show 0.3s;
  opacity: 0.8;
}
#nav a.active i {
  background-color: rgba(255, 255, 255, 0.2);
}
#nav .fa-fire {
  color: #F0B323;
}

@supports (-webkit-hyphens: none) {
  #nav a div {
    top: -4.6153846154em;
    left: 6.1538461538em !important;
  }
}
/* ####################################################################################################################
ADMIN
#################################################################################################################### */
.admin #nav {
  background-color: #191d23;
  text-align: left;
  width: 19.2307692308em;
}
.admin #nav > img {
  height: 1.6923076923em;
  margin: 1.1538461538em 1.1538461538em;
}
.admin #nav ul {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  list-style: none;
  padding: 0;
  margin: 0;
}
.admin #nav ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.admin #nav ul li a {
  font-size: 1.2307692308em;
  display: block;
  padding: 0.6153846154em 0.9230769231em;
}
.admin #nav ul li a:hover {
  cursor: pointer;
  background-color: transparent;
  text-decoration: underline;
}
.admin #nav ul li.active {
  background-color: rgba(255, 255, 255, 0.05);
}
.admin #nav ul li ul li a {
  padding: 0.3846153846em 0.9230769231em 0.3846153846em 1.9230769231em;
}
.admin #nav .bottom a {
  display: inline-block;
  margin: 0 2.3076923077em 0 0;
}
.admin #nav .bottom a div {
  opacity: 0;
  display: none;
}
.admin #nav .bottom a:first-child {
  margin-left: 1.9230769231em;
}

.admin #content {
  width: calc(100% - 22.3076923077em);
  margin-left: 20.7692307692em;
}

.admin #funcNav {
  width: calc(100% - 22.3076923077em);
  margin-left: 20.7692307692em;
}

/* ####################################################################################################################
Headline
#################################################################################################################### */
#content > h1 {
  font-weight: 100;
  font-size: 1.9230769231em;
  color: #191d23;
  margin: 0 0 0.7692307692em 0;
  padding: 0;
}

/* ####################################################################################################################
Buttons
#################################################################################################################### */
div.buttons {
  margin-top: -0.3076923077em;
  float: right;
}

a.button {
  font-weight: 700;
  display: inline-block;
  padding: 0.7692307692em 1.2307692308em;
  margin-left: 0.1538461538em;
  background-color: #F0B323;
  color: #fff;
  border-radius: 0.3846153846em;
  text-decoration: none;
  letter-spacing: 0.0384615385em;
  -webkit-box-shadow: inset 0 0 0.7692307692em 0 rgb(255, 255, 255);
  box-shadow: inset 0 0 0.0769230769em 0.0384615385em rgb(255, 255, 255);
}
a.button:hover {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #fff;
  -webkit-box-shadow: inset 0 0 0.0769230769em 0.0769230769em rgba(255, 255, 255, 0);
  box-shadow: inset 0 0 0.0769230769em 0.0769230769em rgba(255, 255, 255, 0);
  background: #f0b323 !important;
  text-decoration: underline;
}
a.button[xsdata-submit], a.button.editRow, a.button.submitEdit, a.button.green {
  background-color: #3eb256;
}
a.button[xsdata-submit]:hover, a.button.editRow:hover, a.button.submitEdit:hover, a.button.green:hover {
  color: #fff;
  background: #3eb256 !important;
}
a.button.alternate, a.button.black {
  background-color: #191d23;
}
a.button.alternate:hover, a.button.black:hover {
  color: #fff;
  background: #191d23 !important;
}
a.button.red, a.button.deleteRow, a.button.delete {
  background-color: #E74536;
}
a.button.red:hover, a.button.deleteRow:hover, a.button.delete:hover {
  color: #fff;
  background: #e74536 !important;
}
a.button.small {
  font-size: 80%;
  padding: 0.3076923077em 0.7692307692em;
}
a.button.boxbtn {
  margin: 0.3846153846em 0;
}

/* ####################################################################################################################
FUNCNAV
#################################################################################################################### */
#funcNav {
  position: relative;
  z-index: 1;
  width: calc(100% - 9.2307692308em);
  margin-left: 7.6923076923em;
  padding: 1.7692307692em 0;
}
#funcNav a {
  margin-top: -0.3076923077em;
  float: right;
  text-decoration: none;
  font-size: 80%;
  color: #8d9aae;
  margin-left: 0.7692307692em;
  padding: 0.0769230769em 0;
}
#funcNav a img {
  margin-top: -0.0769230769em;
  height: 1.5384615385em;
  width: 1.5384615385em;
}
#funcNav a:hover {
  text-decoration: underline;
}
#funcNav a.bigsize {
  margin-top: -0.3076923077em;
  padding: 0.0769230769em 0 0 0;
  margin-left: 5px;
  background: #fff;
  border-radius: 1.5384615385em;
  display: inline-block;
  height: 1.4615384615em;
  width: 1.5384615385em;
  text-align: center;
}
#funcNav a.bigsize.active {
  background-color: #0072CE;
  color: #fff;
}
#funcNav a.bigsize[attr-size="14"] b {
  font-size: 60%;
  margin-top: 0.6153846154em;
  display: inline-block;
}
#funcNav a.bigsize[attr-size="18"] b {
  font-size: 80%;
  margin-top: 0.3076923077em;
  display: inline-block;
}
#funcNav a.bigsize[attr-size="22"] b {
  font-size: 100%;
}
#funcNav span {
  background-color: #F0B323;
  color: #fff;
  font-size: 90%;
  padding: 0.6153846154em 0.9230769231em;
  border-radius: 0.4615384615em;
  margin-right: 0.7692307692em;
}
#funcNav span.red {
  background-color: #E74536;
}
#funcNav span.red:hover {
  text-decoration: underline;
  cursor: pointer;
}
#funcNav span.green {
  background-color: #3eb256;
}
#funcNav span.green:hover {
  text-decoration: underline;
  cursor: pointer;
}

.choose {
  overflow: hidden;
  width: 30%;
  margin-left: 35%;
  background: #0072CE;
  padding: 0.3846153846em;
  margin-bottom: 1.1538461538em;
  border-radius: 50px;
}
.choose span {
  font-weight: 600;
  font-size: 1.5384615385em;
  text-decoration: none;
  width: calc(48.8% - 0.0769230769em);
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 0.3846153846em 0;
  border-radius: 50px;
  cursor: pointer;
}
.choose span:first-child {
  margin-right: 2%;
}
.choose span.active, .choose span.active:hover {
  -webkit-box-shadow: 0 0 2.3076923077em 0 #333;
          box-shadow: 0 0 2.3076923077em 0 #333;
  color: #0072CE;
  background: rgba(255, 255, 255, 0.99);
}
.choose span:hover {
  background: rgba(255, 255, 255, 0.2);
}

.schnellsuche {
  color: #fff;
  width: calc(100% - 2.3076923077em);
  background: transparent;
  border: none;
  padding: 1.1538461538em;
  outline: none;
}

.schnellsucheDiv {
  max-height: 80vh;
  overflow-y: auto;
  width: 34.6153846154em;
  -webkit-box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 200px 0 rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.7);
  color: #333;
  position: absolute;
  margin: -3.6153846154em 0 0 19.6153846154em;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.schnellsucheDiv div {
  padding: 0.7692307692em;
  border-bottom: 2px dashed #F0B323;
}
.schnellsucheDiv span {
  height: 1.5384615385em;
  overflow: hidden;
  display: block;
}
.schnellsucheDiv a {
  display: inline-block !important;
  width: auto !important;
  border-radius: 100px !important;
  font-size: 80% !important;
  color: #fff !important;
  background: #0072CE !important;
  margin: 0.3846153846em 0.3846153846em 0 0 !important;
  padding: 0.3846153846em 0.7692307692em !important;
}

/* ####################################################################################################################
DASHBOARD
#################################################################################################################### */
.grid-box.kpi, .grid-box.chartKpi {
  display: block;
  overflow: hidden;
  background-color: #fff;
  min-height: 8.4615384615em;
  position: relative;
}
.grid-box.kpi.green, .grid-box.chartKpi.green {
  background-color: #8fad15;
  color: #fff;
}
.grid-box.kpi.green h2, .grid-box.chartKpi.green h2 {
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
.grid-box.kpi.green .sec, .grid-box.chartKpi.green .sec {
  color: #fff;
}
.grid-box.kpi.orange, .grid-box.chartKpi.orange {
  background-color: #F0B323;
  color: #fff;
}
.grid-box.kpi.orange h2, .grid-box.chartKpi.orange h2 {
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
.grid-box.kpi.orange .sec, .grid-box.chartKpi.orange .sec {
  color: #fff;
}
.grid-box.kpi.red, .grid-box.chartKpi.red {
  background-color: #E74536;
  color: #fff;
}
.grid-box.kpi.red h2, .grid-box.chartKpi.red h2 {
  border-bottom: 2px solid rgba(255, 255, 255, 0.8);
}
.grid-box.kpi.red .sec, .grid-box.chartKpi.red .sec {
  color: #fff;
}
.grid-box.kpi a.extendList, .grid-box.chartKpi a.extendList {
  color: #aaa;
  font-size: 1.6923076923em;
  position: absolute;
  right: 0.7692307692em;
  bottom: 0.7692307692em;
}
.grid-box.kpi a.extendList:hover, .grid-box.chartKpi a.extendList:hover {
  color: #333;
}
.grid-box.kpi.small, .grid-box.chartKpi.small {
  min-height: 6.9230769231em;
}
.grid-box.kpi.placeholder, .grid-box.chartKpi.placeholder {
  background: transparent;
}
.grid-box.kpi h3, .grid-box.chartKpi h3 {
  position: absolute;
  right: 0.7692307692em;
  top: 0.8461538462em;
  margin: 0;
  padding: 0.3846153846em 0.7692307692em;
}
@media (max-width: 1080px) {
  .grid-box.kpi h3, .grid-box.chartKpi h3 {
    font-size: 80%;
  }
}
@media (max-width: 1360px) {
  .grid-box.kpi h3, .grid-box.chartKpi h3 {
    font-size: 80%;
  }
}
@media (max-width: 1500px) {
  .grid-box.kpi h3, .grid-box.chartKpi h3 {
    font-size: 80%;
  }
}
.grid-box.kpi h3 b, .grid-box.chartKpi h3 b {
  color: #0072CE;
}
.grid-box.kpi h3 b:last-child, .grid-box.chartKpi h3 b:last-child {
  color: #000;
  opacity: 0.5;
}
.grid-box.kpi h3 b:first-child, .grid-box.chartKpi h3 b:first-child {
  color: #0072CE;
  opacity: 1;
}
.grid-box.kpi > span, .grid-box.chartKpi > span {
  position: relative;
  text-align: center;
  margin: 0.7692307692em 0 0.7692307692em 0;
  clear: both;
  display: block;
  min-height: 1.2307692308em;
  font-size: 1.5384615385em;
  font-weight: bold;
}
.grid-box.kpi > span.left, .grid-box.chartKpi > span.left {
  text-align: right;
  margin: 0.7692307692em 0 0 0;
  width: 7.6923076923em;
}
.grid-box.kpi > span.left span, .grid-box.chartKpi > span.left span {
  float: left;
  font-weight: 400;
  opacity: 0.8;
}
.grid-box.kpi > span.right, .grid-box.chartKpi > span.right {
  position: absolute;
  top: 0.4615384615em;
  right: 0.4615384615em;
  font-size: 3.8461538462em;
}
.grid-box.kpi > span .progn2, .grid-box.chartKpi > span .progn2 {
  background: #fff;
  display: inline-block;
  position: absolute;
  height: 1.5384615385em;
  width: 1.5384615385em;
  margin-top: -0.0769230769em;
  margin-left: 0.6153846154em;
}
.grid-box.kpi > span .progn2.down, .grid-box.chartKpi > span .progn2.down {
  background: url(../img/prog_down.png) no-repeat center center #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.grid-box.kpi > span .progn2.up, .grid-box.chartKpi > span .progn2.up {
  background: url(../img/prog_up.png) no-repeat center center #fff;
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.grid-box.kpi > span .progn, .grid-box.chartKpi > span .progn {
  background: #fff;
  display: inline-block;
  position: absolute;
  height: 1.5384615385em;
  width: 1.5384615385em;
  margin-top: -0.0769230769em;
  margin-left: 0.6153846154em;
}
.grid-box.kpi > span .progn.up, .grid-box.chartKpi > span .progn.up {
  background: url(../img/prog_up.png) no-repeat center center #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.grid-box.kpi > span .progn.down, .grid-box.chartKpi > span .progn.down {
  background: url(../img/prog_down.png) no-repeat center center #fff;
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.grid-box.kpi > span.sec, .grid-box.chartKpi > span.sec {
  margin: 0;
  display: block;
  color: #000;
  opacity: 0.5;
}
.grid-box.kpi > span.miniSec, .grid-box.chartKpi > span.miniSec {
  font-size: 80%;
  margin: 0;
  display: block;
  color: #000;
  opacity: 0.5;
}
.grid-box.kpi > span.single, .grid-box.chartKpi > span.single {
  margin-top: 1.3846153846em;
  font-size: 2.1538461538em;
}
div.chartKpi {
  float: left;
  height: 29.2307692308em;
}
@media (max-width: 1080px) {
  div.chartKpi {
    height: 16.9230769231em !important;
  }
}
@media (max-width: 1360px) {
  div.chartKpi {
    height: 21.5384615385em !important;
  }
}
@media (max-width: 1500px) {
  div.chartKpi {
    height: 22.3076923077em !important;
  }
}
div.chartKpi.fullWidth {
  width: calc(100% - 3.9230769231em);
}
div.chartKpi .chartDiv.special {
  height: 26.1538461538em;
}
@media (max-width: 1080px) {
  div.chartKpi .chartDiv.special {
    height: 13.8461538462em !important;
  }
}
@media (max-width: 1360px) {
  div.chartKpi .chartDiv.special {
    height: 18.4615384615em !important;
  }
}
@media (max-width: 1500px) {
  div.chartKpi .chartDiv.special {
    height: 20em !important;
  }
}

.proc1, .proc2 {
  white-space: nowrap;
  font-weight: bold;
  background: #ff3333;
  color: #fff;
  border-radius: 25px;
  padding: 3px 12px;
  margin-right: 16px;
}
.proc1.green, .proc2.green {
  background: #8fad15;
}
@media (max-width: 1080px) {
  .proc1, .proc2 {
    margin-right: 6px;
  }
}
@media (max-width: 1360px) {
  .proc1, .proc2 {
    margin-right: 6px;
  }
}
@media (max-width: 1500px) {
  .proc1, .proc2 {
    margin-right: 6px;
  }
}

.proc98, .proc98.green {
  white-space: nowrap;
  font-weight: bold;
  background: #333;
  color: #fff;
  border-radius: 25px;
  padding: 3px 12px;
  margin-right: 0px;
}

.proc99, .proc99.green {
  white-space: nowrap;
  font-weight: bold;
  background: #333;
  background: #8fad15;
  color: #fff;
  border-radius: 25px;
  padding: 3px 12px;
  margin-right: 0px;
  background: rgb(255, 51, 51);
  background: linear-gradient(153deg, rgb(255, 51, 51) 49%, rgb(143, 173, 21) 51%);
}

.proc3, .proc3.green {
  position: absolute;
  right: 6.1538461538em;
  top: 0.6153846154em;
  white-space: nowrap;
  font-weight: bold;
  background: #333;
  color: #fff;
  border-radius: 25px;
  padding: 3px 12px;
  margin-right: 16px;
}

.wareRight .grid-box, .wareLeft .grid-box, .mbLeft .grid-box, .mbMiddle .grid-box, .mbRight .grid-box {
  margin-bottom: 0.7692307692em;
  margin-right: 1.1538461538em;
}

.wareRight {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}

.mbLeft .fold, .mbMiddle .fold, .mbRight .fold, .mbStyle .fold {
  float: right;
  background-color: #0072CE;
  padding: 0 0.5384615385em;
  border-radius: 1.6923076923em;
  color: #fff;
}
.mbLeft .fold:hover, .mbMiddle .fold:hover, .mbRight .fold:hover, .mbStyle .fold:hover {
  cursor: pointer;
}
.mbLeft .foldAmount, .mbMiddle .foldAmount, .mbRight .foldAmount, .mbStyle .foldAmount {
  float: right;
  background-color: #0072CE;
  padding: 0 0.5384615385em;
  border-radius: 1.6923076923em;
  color: #fff;
  margin-right: -0.7692307692em;
  font-size: 75%;
  line-height: 1.2307692308em;
  margin-top: -0.6153846154em;
  background: #003a68;
}
.mbLeft th, .mbMiddle th, .mbRight th, .mbStyle th {
  position: relative;
}
.mbLeft th a, .mbMiddle th a, .mbRight th a, .mbStyle th a {
  position: absolute;
  right: 4.2307692308em;
}

/* ####################################################################################################################
ACTIONBOARD
#################################################################################################################### */
.abContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.abContainer .ab_data {
  padding: 0.7692307692em 0;
  border-top: 2px solid #d5d8df;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.abContainer .ab_data > span {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 1.3846153846em;
  padding-top: 0.8461538462em;
  text-align: center;
}
.abContainer .ab_data:first-child {
  border-top: none;
}
.abContainer .ab_data .ab_event {
  position: relative;
  text-align: center;
  width: 15.3846153846em;
  margin: 0.5384615385em;
  padding: 1.1538461538em;
  height: 15em;
  background: #fff;
  display: inline-block;
  border-radius: 0.3846153846em;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.abContainer .ab_data .ab_event.col1 {
  border-top: 5px solid #2f3c60;
}
.abContainer .ab_data .ab_event.col2 {
  border-top: 5px solid #602f2f;
}
.abContainer .ab_data .ab_event.col3 {
  border-top: 5px solid #2f5f60;
}
.abContainer .ab_data .ab_event.col4 {
  border-top: 5px solid #5d2f60;
}
.abContainer .ab_data .ab_event.col5 {
  border-top: 5px solid #5e602f;
}
.abContainer .ab_data .ab_event > span {
  font-size: 1.3846153846em;
}
.abContainer .ab_data .ab_event.half {
  width: 15.3846153846em;
  height: 2.4615384615em;
}
.abContainer .ab_data .ab_event .art {
  font-size: 0.9230769231em;
  display: block;
  margin-top: -0.9230769231em;
  font-weight: 800;
}
.abContainer .ab_data .ab_event .person {
  font-size: 1.2307692308em;
  display: block;
  margin-top: 0.0769230769em;
  font-weight: 300;
}
.abContainer .ab_data .ab_event .title {
  position: absolute;
  bottom: 1.1538461538em;
  max-height: 3.0769230769em;
  overflow: hidden;
  font-weight: 300;
  display: block;
  text-align: center;
  left: 0.3846153846em;
  right: 0.3846153846em;
  display: -webkit-box;
  margin: 0 auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.abContainer .ab_data .ab_event .img {
  position: absolute;
  left: 0;
  right: 0;
  padding: 1.1538461538em;
  bottom: 2.6923076923em;
  top: 1.1538461538em;
}
.abContainer .ab_data .ab_event .img img {
  max-width: 100%;
  max-height: 100%;
}
.abContainer .ab_data .ab_event .date {
  text-align: center;
  font-size: 0.9230769231em;
  display: block;
  margin-top: -0.9230769231em;
  font-weight: 800;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.3846153846em;
}
.abContainer .ab_data .ab_event:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
}
.abContainer .ab_data .ab_event:hover .art {
  text-decoration: underline;
}
.abContainer .ab_data .term {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: (1fr)[3];
  grid-template-rows: repeat(3, 1fr);
  height: 15.3846153846em;
}
.abContainer .ab_data .term > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.abContainer .ab_data .term > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.abContainer .ab_data .term > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.abContainer .ab_data .term > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.abContainer .ab_data .term > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.abContainer .ab_data .term > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.abContainer .ab_data .term > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.abContainer .ab_data .term > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.abContainer .ab_data .term > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.abContainer .ab_data .term .ab_event {
  display: inline-block;
}
.abContainer .ab_data .nonTerm .ab_event {
  display: inline-block;
}
.bubbles div {
  background: #d5d8df;
  color: #333;
  display: inline-block;
  font-size: 90%;
  padding: 0.3076923077em 0.7692307692em;
  border-radius: 230.7692307692em;
  margin-left: 0.3076923077em;
  margin-bottom: 0.3076923077em;
}
.bubbles div:hover {
  text-decoration: underline;
  cursor: pointer;
  background-color: #c1c5d0;
}
.bubbles div.active2 {
  background: #2f3c60;
  color: #fff;
}
.bubbles div.active2:hover {
  text-decoration: none;
  background: #2f3c60;
  cursor: default;
}
.bubbles div.active {
  background: #2f3c60;
  color: #fff;
}
.bubbles div.active:after {
  content: "x";
}
.bubbles div.active:hover {
  background: #2f3c60;
}

/* ####################################################################################################################
CONTENT
#################################################################################################################### */
#content {
  position: relative;
  z-index: 2;
  width: calc(100% - 9.2307692308em);
  margin-left: 7.6923076923em;
  margin-bottom: 1.5384615385em;
}
#content.popup {
  width: calc(100% - 3.8461538462em);
  margin: 0;
  padding: 1.9230769231em;
  background: #fff;
}

#content input, select, [type=datetime-local], textarea, #content input:focus, select:focus, textarea:focus {
  font-family: "Yantramanav", sans-serif;
  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 input:-webkit-autofill, select:-webkit-autofill, [type=datetime-local]:-webkit-autofill, textarea:-webkit-autofill, #content input:focus:-webkit-autofill, select:focus:-webkit-autofill, textarea:focus:-webkit-autofill {
  color: #191d23 !important;
}
#content input:hover, select:hover, [type=datetime-local]:hover, textarea:hover, #content input:focus:hover, select:focus:hover, textarea:focus:hover {
  border: 1px solid rgba(0, 114, 206, 0.8);
}
#content input:focus, select:focus, [type=datetime-local]:focus, textarea:focus, #content input:focus:focus, select:focus:focus, textarea:focus:focus {
  border: 1px solid rgba(0, 114, 206, 0.8);
  background-color: rgba(0, 114, 206, 0.08);
}
#content input[disabled], #content input[disabled]:focus, #content input[disabled]:hover, select[disabled], select[disabled]:focus, select[disabled]:hover, [type=datetime-local][disabled], [type=datetime-local][disabled]:focus, [type=datetime-local][disabled]:hover, textarea[disabled], textarea[disabled]:focus, textarea[disabled]:hover, #content input:focus[disabled], #content input:focus[disabled]:focus, #content input:focus[disabled]:hover, select:focus[disabled], select:focus[disabled]:focus, select:focus[disabled]:hover, textarea:focus[disabled], textarea:focus[disabled]:focus, textarea:focus[disabled]:hover {
  cursor: default;
  border: 1px solid rgba(25, 29, 35, 0.1);
  background-color: rgba(25, 29, 35, 0.1);
}
#content input.smallNumber, select.smallNumber, [type=datetime-local].smallNumber, textarea.smallNumber, #content input:focus.smallNumber, select:focus.smallNumber, textarea:focus.smallNumber {
  width: 6.1538461538em !important;
}
#content input.comment, select.comment, [type=datetime-local].comment, textarea.comment, #content input:focus.comment, select:focus.comment, textarea:focus.comment {
  width: 23.0769230769em !important;
}
#content input[validate*=date], select[validate*=date], [type=datetime-local][validate*=date], textarea[validate*=date], #content input:focus[validate*=date], select:focus[validate*=date], textarea:focus[validate*=date] {
  width: 6.1538461538em !important;
}
#content input.small, select.small, [type=datetime-local].small, textarea.small, #content input:focus.small, select:focus.small, textarea:focus.small {
  width: 11.5384615385em !important;
  padding: 0.7692307692em !important;
}

select {
  background: url("../img/dd_down.svg") no-repeat center right 0.7692307692em #fff;
  background-size: 0.7692307692em;
}

.tableList.orderList .smallCheckbox input[type=checkbox], .tableList.orderList .smallCheckbox input[type=radio] {
  display: inline-block;
  margin: 0 !important;
  margin-top: 0.3076923077em !important;
  height: 1.9230769231em !important;
  width: 1.9230769231em !important;
  padding: 0.3846153846em !important;
  border-radius: 0.1538461538em !important;
}

/* to hide the checkbox itself */
.smallCheckbox input[type=checkbox]:before, .smallCheckbox input[type=radio]:before {
  font-family: FontAwesome;
  display: inline-block;
}

/* space between checkbox and label */
.smallCheckbox input[type=checkbox]:checked:before, .smallCheckbox input[type=radio]:checked:before {
  content: "\f00c";
}

/* ####################################################################################################################
Startseite
#################################################################################################################### */
.banner {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  height: 1px;
  padding-top: 13.5%;
  border-radius: 1.1538461538em;
  margin-bottom: 1.5384615385em;
}
.banner .slide {
  border-radius: 1.1538461538em;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 100%;
  opacity: 0;
}
.banner .slide .top {
  position: relative;
  padding: 15px;
  width: calc(33% - 31px);
  height: calc(100% - 30px);
  float: left;
  border-right: 1px solid #eee;
}
.banner .slide .top:last-child {
  border-right: none;
}
.banner .slide .top div {
  float: left;
  display: inline-block;
  height: 100%;
  width: 35%;
  text-align: center;
  overflow: hidden;
}
.banner .slide .top div img {
  max-height: 100%;
  max-width: 100%;
}
.banner .slide .top .priceProTag {
  left: 30%;
  text-align: center;
  max-width: 23.0769230769em;
  background: url(../img/cart_price_2.gif) no-repeat center center transparent;
  color: #fff;
  font-size: 1.2307692308em;
  padding: 1em 0.6em 0.3em 0.6em;
  overflow: hidden;
  width: 3.5em;
  height: 3.5em;
  background-size: cover;
  font-weight: 200;
  bottom: 1.1538461538em;
  position: absolute;
  z-index: 2;
}
.banner .slide .top .btn {
  border-radius: 1.1538461538em;
  font-size: 1.2307692308em;
  text-decoration: none;
  padding: 1.1538461538em;
  position: absolute;
  background-color: #F0B323;
  color: #fff;
  bottom: 10%;
  right: 1.5384615385em;
}
.banner .slide .top .btn.small {
  font-size: 0.9230769231em;
}
.banner .slide .top .btn:hover {
  background-color: #a2750b;
  color: #fff !important;
  text-decoration: underline;
}
.banner .slide .top h3 {
  float: left;
  display: inline-block;
  width: calc(50% - 30px);
  margin: 0;
  margin-left: 0.7692307692em;
  padding: 15px;
  font-weight: 300;
  font-size: 1.5384615385em;
}
.banner .coverSlide {
  background-size: cover;
  background-position: center;
}
.banner .hide {
  z-index: 1;
  opacity: 0;
}
.banner .show {
  z-index: 2;
  opacity: 1;
}

.special .flex-box {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 1.5384615385em;
  min-height: 0;
  border: 0.1538461538em solid #0072CE;
  padding: 0.7692307692em 1.5384615385em 0.7692307692em 1.5384615385em;
  -webkit-box-shadow: 0 0 0.7692307692em -1.9230769231em #028eff;
  box-shadow: 0 0 0.7692307692em -1.9230769231em #028eff;
  z-index: 9;
  font-weight: bold;
  background: #0072CE;
  overflow: hidden;
  position: relative;
}
.special .flex-box.top {
  background: #F0B323;
  border-color: #F0B323;
}
.special .flex-box.top i {
  position: absolute;
  right: 1.5384615385em;
  top: 0.9230769231em;
}
.special .flex-box.rec {
  background: #8fad15;
  border-color: #8fad15;
}
.special .flex-box.rec i {
  position: absolute;
  right: 1.5384615385em;
  top: 0.9230769231em;
}
.special .flex-box.sale {
  background: #fff;
  border-color: #E74536;
  color: #E74536;
}
.special .flex-box.sale i {
  position: absolute;
  right: 1.5384615385em;
  top: 0.9230769231em;
}
.special .flex-box.neu {
  background: #0072CE;
  border-color: #0072CE;
}
.special .flex-box.neu i {
  position: absolute;
  right: 1.5384615385em;
  top: 0.9230769231em;
}
.special .flex-box:hover {
  font-weight: bold;
  -webkit-box-shadow: 0 0 9.2307692308em -0.7692307692em #028eff;
  box-shadow: 0 0 9.2307692308em -0.7692307692em #028eff;
  z-index: 10;
  cursor: pointer;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.category .flex-box {
  display: block;
  text-align: center;
  font-size: 1.5384615385em;
  min-height: 0;
  border: 0.1538461538em solid #0072CE;
  padding: 1.5384615385em 11.5384615385em 1.5384615385em 1.5384615385em;
  -webkit-box-shadow: 0 0 0.7692307692em -1.9230769231em #028eff;
  box-shadow: 0 0 0.7692307692em -1.9230769231em #028eff;
  z-index: 9;
  font-weight: bold;
  background: url(../img/cat_bg.jpg) no-repeat center right -7.6923076923em #0072CE;
  overflow: hidden;
  position: relative;
}
.category .flex-box span.caruWrapper {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30%;
  border-bottom: 5.3846153846em solid #fff;
  border-left: 2.3076923077em solid transparent;
  border-right: 0 solid transparent;
  border-top: 0 solid transparent;
  border-radius: 0.6153846154em 0.6153846154em 0 0;
}
.category .flex-box span.caruWrapper span.caru {
  background: no-repeat center center transparent;
  display: block;
  position: absolute;
  top: 0.3846153846em;
  bottom: 0.3846153846em;
  right: 0.3846153846em;
  left: 0.3846153846em;
  height: 3.4615384615em;
  opacity: 1;
  background-size: contain;
}
.category .flex-box span.caruWrapper span.caru.hide {
  left: 83%;
  opacity: 0;
}
.category .flex-box:hover {
  color: #0072CE;
  font-weight: bold;
  -webkit-box-shadow: 0 0 9.2307692308em -0.7692307692em #028eff;
  box-shadow: 0 0 9.2307692308em -0.7692307692em #028eff;
  z-index: 10;
  cursor: pointer;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.category .flex-box.blue {
  background: #fff;
  background-color: #0072CE;
  color: #fff;
  -webkit-box-shadow: 0 0 7.6923076923em 0.7692307692em transparent;
  box-shadow: 0 0 7.6923076923em 0.7692307692em transparent;
}
.category .flex-box.blue:hover {
  color: #fff;
  font-weight: bold;
  -webkit-box-shadow: 0 0 7.6923076923em 0.7692307692em #fff;
  box-shadow: 0 0 7.6923076923em 0.7692307692em #fff;
  z-index: 10;
  cursor: pointer;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

@media (min-width: 1700px) {
  .category .flex-box {
    background: url(../img/cat_bg.jpg) no-repeat center right -3.8461538462em #0072CE;
  }
}
.license .flex-box, .grid-wrap.product .flex-box {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1.5384615385em solid #fff;
  -webkit-box-shadow: 0 0 0.7692307692em -1.9230769231em #028eff;
  box-shadow: 0 0 0.7692307692em -1.9230769231em #028eff;
  z-index: 9;
  padding: 1.5384615385em 2.6923076923em;
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 1% !important;
          flex: 1 1 1% !important;
}
.license .flex-box:hover, .grid-wrap.product .flex-box:hover {
  -webkit-box-shadow: 0 0 9.2307692308em -1.9230769231em #028eff;
  box-shadow: 0 0 9.2307692308em -1.9230769231em #028eff;
  z-index: 10;
  cursor: pointer;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.checklist.green {
  color: #3eb256;
}
.checklist.red {
  color: #E74536;
}
.checklist span {
  padding: 0 !important;
}

/* ####################################################################################################################
FLEX 
#################################################################################################################### */
.flex-wrap {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0.7692307692em 0.7692307692em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5384615385em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-box, .flex-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20%;
          flex: 1 0 20%;
  background-color: #fff;
  min-height: 7.6923076923em;
  border-radius: 0.7692307692em;
}
.flex-box.flex-width-33, .flex-column.flex-width-33 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33%;
          flex: 1 0 33%;
}
.flex-box.flex-width-50, .flex-column.flex-width-50 {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}

.flex-column {
  margin-bottom: 1.5384615385em;
  border-radius: 0.7692307692em;
}

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

.max-row-4 .flex-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
}

/* ####################################################################################################################
GRID
#################################################################################################################### */
.grid-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.7692307692em 1fr 0.7692307692em 1fr 0.7692307692em 1fr;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 0.7692307692em;
     -moz-column-gap: 0.7692307692em;
          column-gap: 0.7692307692em;
  row-gap: 0.7692307692em;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
.grid-wrap.grid-2-column {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.grid-wrap.grid-3-column {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1360px) {
  .grid-wrap.grid-3-column {
    -ms-grid-columns: (minmax(200px, 1fr))[3];
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
}
@media (min-width: 1700px) {
  .grid-wrap.grid-3-column {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1360px) {
  .grid-wrap.grid-3-column.xs-4 {
    -ms-grid-columns: (minmax(200px, 1fr))[4];
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }
}
.grid-wrap.grid-4-column {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1360px) {
  .grid-wrap.grid-4-column {
    -ms-grid-columns: (minmax(200px, 1fr))[2];
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}
@media (min-width: 1700px) {
  .grid-wrap.grid-4-column {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1360px) {
  .grid-wrap.grid-4-column.xs-4 {
    -ms-grid-columns: (minmax(200px, 1fr))[4];
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }
}
.grid-wrap.grid-5-column {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.grid-wrap.grid-6-column {
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
}
.grid-wrap.grid-7-column {
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
}
.grid-wrap.grid-8-column {
  -ms-grid-columns: (1fr)[9];
  grid-template-columns: repeat(9, 1fr);
}
.grid-wrap.grid-9-column {
  -ms-grid-columns: (1fr)[10];
  grid-template-columns: repeat(10, 1fr);
}
.grid-wrap.grid-10-column {
  -ms-grid-columns: (1fr)[11];
  grid-template-columns: repeat(11, 1fr);
}
.grid-wrap.filterButtons {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.grid-wrap.filterButtons > div {
  overflow: visible;
  padding: 0;
  background: transparent;
  margin: 1.1538461538em 0;
}

.grid-box {
  border-radius: 0.7692307692em;
  background-color: #fff;
  min-height: 7.6923076923em;
}
.grid-box.grid-25 {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.grid-box.grid-height-2 {
  grid-row-start: span 2;
}
.grid-box.grid-height-3 {
  grid-row-start: span 3;
}
.grid-box.grid-height-4 {
  grid-row-start: span 4;
}
.grid-box.grid-height-5 {
  grid-row-start: span 5;
}
@media (max-width: 1500px) {
  .grid-box.grid-width-1 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
.grid-box.grid-width-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.grid-box.grid-width-3 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.grid-box.grid-width-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid-box.grid-width-5 {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
.grid-box.productdiv {
  padding: 0;
}
.grid-box .buttons {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.grid-box .buttons a {
  display: inline-block;
}
.grid-box.marTop {
  position: relative;
  border-radius: 0;
  margin-top: 1.1538461538em;
}
.grid-box.marTop .adminEdit.save {
  position: absolute;
  right: 1.1538461538em;
  top: 1.1538461538em;
  width: 7.6923076923em !important;
  display: inline-block;
  background: #3eb256;
  border: none !important;
}
.grid-box.marTop .adminEdit.save:hover {
  cursor: pointer;
  text-decoration: underline;
}
.grid-box.noBotMar {
  margin-top: -0.7692307692em;
  margin-left: 1.5384615385em;
  border-top: 1px solid #F4F8FB;
}
.grid-box.noBotMar label {
  margin-bottom: 0.7692307692em;
  padding-right: 1.1538461538em;
}
.grid-box.noBotMar input, .grid-box.noBotMar select {
  display: block;
  width: 60%;
}
.grid-box.rotationDiv {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding: 1.1538461538em;
}
.grid-box.rotationDiv h4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  padding: 0;
  margin: 0;
}
.grid-box.rotationDiv.rotation1 {
  background-color: #F0B323;
}
.grid-box.rotationDiv.rotation2 {
  background-color: #8fad15;
}
.grid-box.rotationDiv.rotation3 {
  background-color: #0072CE;
  color: #fff;
}
.grid-box.rotationDiv.rotation4 {
  background-color: #a0b2c6;
}
.grid-box.rotationDiv.rotation5 {
  background-color: #BF8970;
}
.grid-box.rotationDiv.rotation6 {
  background-color: #8F4E35;
  color: #fff;
}
.grid-box.verfuegbarDiv {
  background-color: #0072CE;
  color: #fff;
  padding: 0.3846153846em 1.1538461538em;
  height: 2.3076923077em;
}
.grid-box.verfuegbarDiv h4 {
  padding: 0.5384615385em 0;
  margin: 0;
}

.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: #cee9ff;
  -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%;
}

.pextradownload {
  text-align: center;
  float: right;
  margin-bottom: 1.5384615385em;
}
.pextradownload img {
  width: 100%;
}

/* ####################################################################################################################
Data Lizenz
#################################################################################################################### */
.datalicenseedit, .datalicense span {
  float: left;
  padding: 0.3076923077em;
  margin: 0.1538461538em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}
.datalicenseedit:hover, .datalicense span:hover {
  background-color: #191d23;
  cursor: pointer;
}

.licensezugeordnet .datalicenseedit, .datalicense span.checked {
  background-color: #0072CE;
}

/* ####################################################################################################################
Bildzuordnung
#################################################################################################################### */
.bildzuordnung {
  clear: both;
  width: 28em;
  height: 35em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 0.3846153846em 25% 0.3846153846em 25% 0.3846153846em 25%;
  grid-template-columns: 25% 25% 25% 25%;
  -ms-grid-rows: 1fr 0.3846153846em 1fr 0.3846153846em 1fr 0.3846153846em 1fr 0.3846153846em 1fr 0.3846153846em 1fr 0.3846153846em 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 0.3846153846em;
  grid-row-gap: 0.3846153846em;
}
.bildzuordnung > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.bildzuordnung > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
.bildzuordnung > *:nth-child(9) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(10) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(11) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(12) {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
}
.bildzuordnung > *:nth-child(13) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(14) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(15) {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(16) {
  -ms-grid-row: 7;
  -ms-grid-column: 7;
}
.bildzuordnung > *:nth-child(17) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(18) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(19) {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(20) {
  -ms-grid-row: 9;
  -ms-grid-column: 7;
}
.bildzuordnung > *:nth-child(21) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(22) {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(23) {
  -ms-grid-row: 11;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(24) {
  -ms-grid-row: 11;
  -ms-grid-column: 7;
}
.bildzuordnung > *:nth-child(25) {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
}
.bildzuordnung > *:nth-child(26) {
  -ms-grid-row: 13;
  -ms-grid-column: 3;
}
.bildzuordnung > *:nth-child(27) {
  -ms-grid-row: 13;
  -ms-grid-column: 5;
}
.bildzuordnung > *:nth-child(28) {
  -ms-grid-row: 13;
  -ms-grid-column: 7;
}
.bildzuordnung .bildzuordnungBig, .bildzuordnung .bildzuordnungSmall {
  display: inline-block;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
  width: 100%;
  border: 2px solid #d9d9d9;
  height: 100%;
  background: url(../img/wooAdd.jpg) no-repeat center center #d9d9d9;
}
.bildzuordnung .bildzuordnungBig.merkliste, .bildzuordnung .bildzuordnungSmall.merkliste {
  border: 2px solid #0072CE;
}
.bildzuordnung .bildzuordnungSmall {
  grid-column: auto;
  grid-row: auto;
}
.bildzuordnung .bildzuordnungSmall:nth-child(2n) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.bildzuordnung .bildzuordnungSmall:nth-child(3n) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
  -ms-grid-row-span: 2;
  grid-row: 3/5;
}
.bildzuordnung .bildzuordnungSmall:nth-child(4n), .bildzuordnung .bildzuordnungSmall:nth-child(5n), .bildzuordnung .bildzuordnungSmall:nth-child(6n), .bildzuordnung .bildzuordnungSmall:nth-child(7n), .bildzuordnung .bildzuordnungSmall:nth-child(8n), .bildzuordnung .bildzuordnungSmall:nth-child(9n), .bildzuordnung .bildzuordnungSmall:nth-child(10n), .bildzuordnung .bildzuordnungSmall:nth-child(11n), .bildzuordnung .bildzuordnungSmall:nth-child(12n) {
  grid-column: auto;
  grid-row: auto;
}
.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;
}

.bildzuordnungMerkliste {
  display: -ms-grid;
  display: grid;
  height: 23.0769230769em;
  width: 28.6153846154em;
  -ms-grid-columns: 65% 0.3846153846em 35%;
  grid-template-columns: 65% 35%;
  -ms-grid-rows: 1fr 0.3846153846em 1fr;
  grid-template-rows: 1fr 1fr;
  grid-column-gap: 0.3846153846em;
  grid-row-gap: 0.3846153846em;
}

.bildzuordnungMerkliste > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.bildzuordnungMerkliste > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.bildzuordnungMerkliste > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.bildzuordnungMerkliste > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.bildzuordnungMerkliste .bildzuordnungMerklisteBig, .bildzuordnungMerkliste .bildzuordnungMerklisteSmall {
  display: inline-block;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  width: 100%;
  height: 100%;
  background: url(../img/wooAdd.jpg) no-repeat center center #d9d9d9;
}
.bildzuordnungMerkliste .bildzuordnungMerklisteSmall:nth-child(2n) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.bildzuordnungMerkliste .bildzuordnungMerklisteSmall:nth-child(3n) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.bildzuordnungMerkliste .bildzuordnungMerklisteBig i, .bildzuordnungMerkliste .bildzuordnungMerklisteSmall i {
  display: none;
  padding: 2px;
  opacity: 0.5;
}
.bildzuordnungMerkliste .bildzuordnungMerklisteBig i:hover, .bildzuordnungMerkliste .bildzuordnungMerklisteSmall i:hover {
  opacity: 1;
  cursor: pointer;
}
.bildzuordnungMerkliste .bildzuordnungMerklisteBig:hover i, .bildzuordnungMerkliste .bildzuordnungMerklisteSmall:hover i {
  display: block;
}

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

.loader-small {
  top: 0;
  position: fixed;
  z-index: 100000;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  left: 0;
  bottom: 0;
  right: 0;
}
.loader-small:before {
  content: "";
  width: 200px;
  height: 200px;
  border: 10px solid #0072CE;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: block;
  margin: 10% auto 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
          animation: rotation 1s linear infinite;
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* ####################################################################################################################
FC Top d
#################################################################################################################### */
.fctopd {
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  display: table !important;
}
.fctopd td {
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 15%;
}
.fctopd td:nth-child(2) {
  width: 85%;
}
.fctopd label {
  width: 13.8461538462em;
  float: left;
  padding: 0.3846153846em;
  clear: none !important;
  margin: 0 !important;
}
.fctopd label input, .fctopd label select {
  margin-left: 7.6923076923em;
  width: 10em !important;
  padding: 0;
}
.fctopd label span {
  width: 6.9230769231em !important;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fctopd label.med {
  width: 7.6923076923em;
}
.fctopd label.med span {
  opacity: 0.9;
  font-weight: 700;
  width: 6.9230769231em !important;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fctopd label.small {
  width: 5.3846153846em;
}
.fctopd label.small input {
  margin-left: 1.9230769231em;
  width: 2.3076923077em !important;
  padding: 0;
}
.fctopd label.small span {
  opacity: 0.9;
  font-weight: 200;
  width: 1.6923076923em !important;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fctopd table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
}
.fctopd table:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.fctopd table table table label {
  border-bottom: 1px solid #333;
}
.fctopd table:last-child {
  border-bottom: none;
}

/* ####################################################################################################################
Filter
#################################################################################################################### */
@-webkit-keyframes blurLoader {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0.8;
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0.6;
  }
  100% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0.8;
  }
}
@keyframes blurLoader {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0.8;
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0.6;
  }
  100% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    opacity: 0.8;
  }
}
.filterBar {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  margin-bottom: -0.7692307692em;
}
.filterBar label {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
  text-align: center;
  background: #fff;
  display: inline-block;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  margin-bottom: 0.7692307692em;
  white-space: nowrap;
}
.filterBar label:hover {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.filterBar label span {
  font-size: 1em;
  color: #0072CE;
  display: inline-block;
  border-right: 1px solid #F4F8FB;
  padding: 1em;
}
.filterBar label select, .filterBar label select:focus, .filterBar label select:hover {
  font-size: 1em;
  display: inline-block;
  width: auto;
  padding: 1.0769230769em 2.1538461538em 1em 1em !important;
  background-color: transparent;
  border: none !important;
  margin: 0 !important;
}
.filterBar label .multiselect {
  background-size: 0.7692307692em;
  font-size: 1em;
  display: inline-block;
  width: auto;
  background-color: transparent;
  border: none !important;
  margin: 0 !important;
}
.filterBar label .multiselect button {
  padding: 1.0769230769em 2.1538461538em 1em 1em !important;
  font-size: 1em;
  background: none;
  background: url("../img/dd_down.svg") no-repeat center right 0.7692307692em #fff;
  background-size: 0.7692307692em;
  border: none;
  text-align: left;
  padding: 0;
  margin: 0;
  width: 10em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.filterBar label .multiselect.open div {
  display: block;
}
.filterBar label .multiselect div {
  display: none;
  width: 12.3076923077em;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 23.0769230769em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0.2307692308em;
  margin-left: -1.1538461538em;
  background-color: #fff;
  position: absolute;
  border-radius: 3px;
  z-index: 10;
  -webkit-box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.2);
}
.filterBar label .multiselect div .spanOption {
  border-right: none;
  display: block;
  font-weight: normal;
  color: #333;
  width: 11.5384615385em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left;
  padding: 0.5384615385em 1.5384615385em;
  cursor: pointer;
}
.filterBar label .multiselect div .spanOption:hover {
  text-decoration: underline;
}
.filterBar label .multiselect div .spanOption.active {
  font-weight: bold;
  color: #0072CE;
}
.filterBar label .multiselect div .multisearch {
  overflow: hidden;
  border-right: none;
  display: block;
  font-weight: normal;
  color: #333;
  width: 11.5384615385em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  text-align: left;
  padding: 0.5384615385em 1.5384615385em;
  cursor: pointer;
}
.filterBar label input, .filterBar label input:focus, .filterBar label input:hover {
  font-size: 1em !important;
  display: inline-block;
  width: auto !important;
  padding: 1.0769230769em 2.1538461538em 1em 1em !important;
  background-color: transparent;
  border: none !important;
  margin: 0 !important;
}
.filterBar label input.date, .filterBar label input:focus.date, .filterBar label input:hover.date {
  width: 7.6923076923em !important;
}
.filterBar [xsdata-submit], .filterBar .button {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 0.7692307692em;
  text-align: center;
  background: #0072CE;
  padding: 1em;
  display: inline-block;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.filterBar [xsdata-submit]:hover, .filterBar .button:hover {
  text-decoration: underline;
  background: #00569b;
}
.filterBar .button {
  background: #333;
}
.filterBar .export {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 0.7692307692em;
  text-align: center;
  background: #333;
  padding: 1em;
  display: inline-block;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.filterBar .export:hover {
  text-decoration: underline;
  background: #00569b;
}

.setOrder[disabled] {
  opacity: 0.5;
}
.setOrder[disabled]:hover {
  -webkit-transform: none !important;
          transform: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

#content .grid-box.filter, #content .flex-box.filter {
  background-color: #0072CE;
  color: #fff;
  display: block;
  padding: 0;
  text-transform: uppercase;
}
#content .grid-box.filter.blur, #content .flex-box.filter.blur {
  -webkit-animation: blurLoader 2000ms ease infinite;
  animation: blurLoader 2000ms ease infinite;
}
#content .grid-box.filter.blur div:hover > div, #content .flex-box.filter.blur div:hover > div {
  display: none !important;
}
#content .grid-box.filter label, #content .grid-box.filter div.label, #content .flex-box.filter label, #content .flex-box.filter div.label {
  display: inline-block;
  font-size: 1em;
  margin-left: 0.6153846154em;
  margin-right: 0.7692307692em;
  width: auto;
  position: relative;
  line-height: 3.5384615385em;
}
#content .grid-box.filter label span, #content .grid-box.filter div.label span, #content .flex-box.filter label span, #content .flex-box.filter div.label span {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: auto;
}
#content .grid-box.filter label input, #content .grid-box.filter label select, #content .grid-box.filter div.label input, #content .grid-box.filter div.label select, #content .flex-box.filter label input, #content .flex-box.filter label select, #content .flex-box.filter div.label input, #content .flex-box.filter div.label select {
  margin-left: 0.3846153846em;
  margin-top: 0;
  position: relative;
  display: inline-block;
  float: right;
  width: auto;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: none;
  border-radius: 0;
  padding: 1.3076923077em 1.1538461538em;
}
#content .grid-box.filter label input option, #content .grid-box.filter label select option, #content .grid-box.filter div.label input option, #content .grid-box.filter div.label select option, #content .flex-box.filter label input option, #content .flex-box.filter label select option, #content .flex-box.filter div.label input option, #content .flex-box.filter div.label select option {
  color: #191d23;
  padding: 0.1538461538em;
  background: #fff;
}
#content .grid-box.filter label input::-webkit-input-placeholder, #content .grid-box.filter label select::-webkit-input-placeholder, #content .grid-box.filter div.label input::-webkit-input-placeholder, #content .grid-box.filter div.label select::-webkit-input-placeholder, #content .flex-box.filter label input::-webkit-input-placeholder, #content .flex-box.filter label select::-webkit-input-placeholder, #content .flex-box.filter div.label input::-webkit-input-placeholder, #content .flex-box.filter div.label select::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
#content .grid-box.filter label input::-moz-placeholder, #content .grid-box.filter label select::-moz-placeholder, #content .grid-box.filter div.label input::-moz-placeholder, #content .grid-box.filter div.label select::-moz-placeholder, #content .flex-box.filter label input::-moz-placeholder, #content .flex-box.filter label select::-moz-placeholder, #content .flex-box.filter div.label input::-moz-placeholder, #content .flex-box.filter div.label select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
#content .grid-box.filter label input:-ms-input-placeholder, #content .grid-box.filter label select:-ms-input-placeholder, #content .grid-box.filter div.label input:-ms-input-placeholder, #content .grid-box.filter div.label select:-ms-input-placeholder, #content .flex-box.filter label input:-ms-input-placeholder, #content .flex-box.filter label select:-ms-input-placeholder, #content .flex-box.filter div.label input:-ms-input-placeholder, #content .flex-box.filter div.label select:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
#content .grid-box.filter label input::-ms-input-placeholder, #content .grid-box.filter label select::-ms-input-placeholder, #content .grid-box.filter div.label input::-ms-input-placeholder, #content .grid-box.filter div.label select::-ms-input-placeholder, #content .flex-box.filter label input::-ms-input-placeholder, #content .flex-box.filter label select::-ms-input-placeholder, #content .flex-box.filter div.label input::-ms-input-placeholder, #content .flex-box.filter div.label select::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
#content .grid-box.filter label input::placeholder, #content .grid-box.filter label select::placeholder, #content .grid-box.filter div.label input::placeholder, #content .grid-box.filter div.label select::placeholder, #content .flex-box.filter label input::placeholder, #content .flex-box.filter label select::placeholder, #content .flex-box.filter div.label input::placeholder, #content .flex-box.filter div.label select::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
#content .grid-box.filter label div.select, #content .grid-box.filter label div.multiple, #content .grid-box.filter label div.pricerange, #content .grid-box.filter div.label div.select, #content .grid-box.filter div.label div.multiple, #content .grid-box.filter div.label div.pricerange, #content .flex-box.filter label div.select, #content .flex-box.filter label div.multiple, #content .flex-box.filter label div.pricerange, #content .flex-box.filter div.label div.select, #content .flex-box.filter div.label div.multiple, #content .flex-box.filter div.label div.pricerange {
  margin-left: 0.3846153846em;
  display: inline-block;
  width: auto;
  float: right;
}
#content .grid-box.filter label div.select .checkAll, #content .grid-box.filter label div.multiple .checkAll, #content .grid-box.filter label div.pricerange .checkAll, #content .grid-box.filter div.label div.select .checkAll, #content .grid-box.filter div.label div.multiple .checkAll, #content .grid-box.filter div.label div.pricerange .checkAll, #content .flex-box.filter label div.select .checkAll, #content .flex-box.filter label div.multiple .checkAll, #content .flex-box.filter label div.pricerange .checkAll, #content .flex-box.filter div.label div.select .checkAll, #content .flex-box.filter div.label div.multiple .checkAll, #content .flex-box.filter div.label div.pricerange .checkAll {
  width: 96%;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
}
#content .grid-box.filter label div.select > span, #content .grid-box.filter label div.multiple > span, #content .grid-box.filter label div.pricerange > span, #content .grid-box.filter div.label div.select > span, #content .grid-box.filter div.label div.multiple > span, #content .grid-box.filter div.label div.pricerange > span, #content .flex-box.filter label div.select > span, #content .flex-box.filter label div.multiple > span, #content .flex-box.filter label div.pricerange > span, #content .flex-box.filter div.label div.select > span, #content .flex-box.filter div.label div.multiple > span, #content .flex-box.filter div.label div.pricerange > span {
  display: block;
  max-width: 7.6923076923em;
  padding: 0 1.1538461538em;
  color: #F0B323;
  font-weight: bold;
  border-right: 1px solid #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#content .grid-box.filter label div.select > div, #content .grid-box.filter label div.multiple > div, #content .grid-box.filter label div.pricerange > div, #content .grid-box.filter div.label div.select > div, #content .grid-box.filter div.label div.multiple > div, #content .grid-box.filter div.label div.pricerange > div, #content .flex-box.filter label div.select > div, #content .flex-box.filter label div.multiple > div, #content .flex-box.filter label div.pricerange > div, #content .flex-box.filter div.label div.select > div, #content .flex-box.filter div.label div.multiple > div, #content .flex-box.filter div.label div.pricerange > div {
  display: none;
  position: absolute;
  line-height: 1.9230769231em;
  z-index: 15;
  background: #0072CE;
  width: 19.2307692308em;
}
#content .grid-box.filter label div.select > div > span, #content .grid-box.filter label div.multiple > div > span, #content .grid-box.filter label div.pricerange > div > span, #content .grid-box.filter div.label div.select > div > span, #content .grid-box.filter div.label div.multiple > div > span, #content .grid-box.filter div.label div.pricerange > div > span, #content .flex-box.filter label div.select > div > span, #content .flex-box.filter label div.multiple > div > span, #content .flex-box.filter label div.pricerange > div > span, #content .flex-box.filter div.label div.select > div > span, #content .flex-box.filter div.label div.multiple > div > span, #content .flex-box.filter div.label div.pricerange > div > span {
  padding: 0.3846153846em;
  margin: 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
  width: 100%;
  /* to hide the checkbox itself */
  /* unchecked icon */
  /* space between checkbox and label */
  /* checked icon */
}
#content .grid-box.filter label div.select > div > span:last-child, #content .grid-box.filter label div.multiple > div > span:last-child, #content .grid-box.filter label div.pricerange > div > span:last-child, #content .grid-box.filter div.label div.select > div > span:last-child, #content .grid-box.filter div.label div.multiple > div > span:last-child, #content .grid-box.filter div.label div.pricerange > div > span:last-child, #content .flex-box.filter label div.select > div > span:last-child, #content .flex-box.filter label div.multiple > div > span:last-child, #content .flex-box.filter label div.pricerange > div > span:last-child, #content .flex-box.filter div.label div.select > div > span:last-child, #content .flex-box.filter div.label div.multiple > div > span:last-child, #content .flex-box.filter div.label div.pricerange > div > span:last-child {
  border-bottom: none;
}
#content .grid-box.filter label div.select > div > span input[type=checkbox], #content .grid-box.filter label div.select > div > span input[type=radio], #content .grid-box.filter label div.multiple > div > span input[type=checkbox], #content .grid-box.filter label div.multiple > div > span input[type=radio], #content .grid-box.filter label div.pricerange > div > span input[type=checkbox], #content .grid-box.filter label div.pricerange > div > span input[type=radio], #content .grid-box.filter div.label div.select > div > span input[type=checkbox], #content .grid-box.filter div.label div.select > div > span input[type=radio], #content .grid-box.filter div.label div.multiple > div > span input[type=checkbox], #content .grid-box.filter div.label div.multiple > div > span input[type=radio], #content .grid-box.filter div.label div.pricerange > div > span input[type=checkbox], #content .grid-box.filter div.label div.pricerange > div > span input[type=radio], #content .flex-box.filter label div.select > div > span input[type=checkbox], #content .flex-box.filter label div.select > div > span input[type=radio], #content .flex-box.filter label div.multiple > div > span input[type=checkbox], #content .flex-box.filter label div.multiple > div > span input[type=radio], #content .flex-box.filter label div.pricerange > div > span input[type=checkbox], #content .flex-box.filter label div.pricerange > div > span input[type=radio], #content .flex-box.filter div.label div.select > div > span input[type=checkbox], #content .flex-box.filter div.label div.select > div > span input[type=radio], #content .flex-box.filter div.label div.multiple > div > span input[type=checkbox], #content .flex-box.filter div.label div.multiple > div > span input[type=radio], #content .flex-box.filter div.label div.pricerange > div > span input[type=checkbox], #content .flex-box.filter div.label div.pricerange > div > span input[type=radio] {
  margin-top: 0.3076923077em;
  height: 1.1538461538em;
  width: 1.1538461538em;
  padding: 0;
  float: left;
  margin-right: 0.7692307692em;
  border-radius: 0.1538461538em;
}
#content .grid-box.filter label div.select > div > span:hover, #content .grid-box.filter label div.multiple > div > span:hover, #content .grid-box.filter label div.pricerange > div > span:hover, #content .grid-box.filter div.label div.select > div > span:hover, #content .grid-box.filter div.label div.multiple > div > span:hover, #content .grid-box.filter div.label div.pricerange > div > span:hover, #content .flex-box.filter label div.select > div > span:hover, #content .flex-box.filter label div.multiple > div > span:hover, #content .flex-box.filter label div.pricerange > div > span:hover, #content .flex-box.filter div.label div.select > div > span:hover, #content .flex-box.filter div.label div.multiple > div > span:hover, #content .flex-box.filter div.label div.pricerange > div > span:hover {
  text-decoration: underline;
}
#content .grid-box.filter label div.select > div > span input[type=checkbox]:before, #content .grid-box.filter label div.select > div > span input[type=radio]:before, #content .grid-box.filter label div.multiple > div > span input[type=checkbox]:before, #content .grid-box.filter label div.multiple > div > span input[type=radio]:before, #content .grid-box.filter label div.pricerange > div > span input[type=checkbox]:before, #content .grid-box.filter label div.pricerange > div > span input[type=radio]:before, #content .grid-box.filter div.label div.select > div > span input[type=checkbox]:before, #content .grid-box.filter div.label div.select > div > span input[type=radio]:before, #content .grid-box.filter div.label div.multiple > div > span input[type=checkbox]:before, #content .grid-box.filter div.label div.multiple > div > span input[type=radio]:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=checkbox]:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=radio]:before, #content .flex-box.filter label div.select > div > span input[type=checkbox]:before, #content .flex-box.filter label div.select > div > span input[type=radio]:before, #content .flex-box.filter label div.multiple > div > span input[type=checkbox]:before, #content .flex-box.filter label div.multiple > div > span input[type=radio]:before, #content .flex-box.filter label div.pricerange > div > span input[type=checkbox]:before, #content .flex-box.filter label div.pricerange > div > span input[type=radio]:before, #content .flex-box.filter div.label div.select > div > span input[type=checkbox]:before, #content .flex-box.filter div.label div.select > div > span input[type=radio]:before, #content .flex-box.filter div.label div.multiple > div > span input[type=checkbox]:before, #content .flex-box.filter div.label div.multiple > div > span input[type=radio]:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=checkbox]:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=radio]:before {
  font-family: FontAwesome;
  display: inline-block;
  padding: 0.1538461538em;
}
#content .grid-box.filter label div.select > div > span input[type=checkbox]:before, #content .grid-box.filter label div.select > div > span input[type=radio]:before, #content .grid-box.filter label div.multiple > div > span input[type=checkbox]:before, #content .grid-box.filter label div.multiple > div > span input[type=radio]:before, #content .grid-box.filter label div.pricerange > div > span input[type=checkbox]:before, #content .grid-box.filter label div.pricerange > div > span input[type=radio]:before, #content .grid-box.filter div.label div.select > div > span input[type=checkbox]:before, #content .grid-box.filter div.label div.select > div > span input[type=radio]:before, #content .grid-box.filter div.label div.multiple > div > span input[type=checkbox]:before, #content .grid-box.filter div.label div.multiple > div > span input[type=radio]:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=checkbox]:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=radio]:before, #content .flex-box.filter label div.select > div > span input[type=checkbox]:before, #content .flex-box.filter label div.select > div > span input[type=radio]:before, #content .flex-box.filter label div.multiple > div > span input[type=checkbox]:before, #content .flex-box.filter label div.multiple > div > span input[type=radio]:before, #content .flex-box.filter label div.pricerange > div > span input[type=checkbox]:before, #content .flex-box.filter label div.pricerange > div > span input[type=radio]:before, #content .flex-box.filter div.label div.select > div > span input[type=checkbox]:before, #content .flex-box.filter div.label div.select > div > span input[type=radio]:before, #content .flex-box.filter div.label div.multiple > div > span input[type=checkbox]:before, #content .flex-box.filter div.label div.multiple > div > span input[type=radio]:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=checkbox]:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=radio]:before {
  letter-spacing: 10px;
}
#content .grid-box.filter label div.select > div > span input[type=checkbox]:checked:before, #content .grid-box.filter label div.select > div > span input[type=radio]:checked:before, #content .grid-box.filter label div.multiple > div > span input[type=checkbox]:checked:before, #content .grid-box.filter label div.multiple > div > span input[type=radio]:checked:before, #content .grid-box.filter label div.pricerange > div > span input[type=checkbox]:checked:before, #content .grid-box.filter label div.pricerange > div > span input[type=radio]:checked:before, #content .grid-box.filter div.label div.select > div > span input[type=checkbox]:checked:before, #content .grid-box.filter div.label div.select > div > span input[type=radio]:checked:before, #content .grid-box.filter div.label div.multiple > div > span input[type=checkbox]:checked:before, #content .grid-box.filter div.label div.multiple > div > span input[type=radio]:checked:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=checkbox]:checked:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=radio]:checked:before, #content .flex-box.filter label div.select > div > span input[type=checkbox]:checked:before, #content .flex-box.filter label div.select > div > span input[type=radio]:checked:before, #content .flex-box.filter label div.multiple > div > span input[type=checkbox]:checked:before, #content .flex-box.filter label div.multiple > div > span input[type=radio]:checked:before, #content .flex-box.filter label div.pricerange > div > span input[type=checkbox]:checked:before, #content .flex-box.filter label div.pricerange > div > span input[type=radio]:checked:before, #content .flex-box.filter div.label div.select > div > span input[type=checkbox]:checked:before, #content .flex-box.filter div.label div.select > div > span input[type=radio]:checked:before, #content .flex-box.filter div.label div.multiple > div > span input[type=checkbox]:checked:before, #content .flex-box.filter div.label div.multiple > div > span input[type=radio]:checked:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=checkbox]:checked:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=radio]:checked:before {
  content: "\f00c";
}
#content .grid-box.filter label div.select > div > span input[type=checkbox]:checked:before, #content .grid-box.filter label div.select > div > span input[type=radio]:checked:before, #content .grid-box.filter label div.multiple > div > span input[type=checkbox]:checked:before, #content .grid-box.filter label div.multiple > div > span input[type=radio]:checked:before, #content .grid-box.filter label div.pricerange > div > span input[type=checkbox]:checked:before, #content .grid-box.filter label div.pricerange > div > span input[type=radio]:checked:before, #content .grid-box.filter div.label div.select > div > span input[type=checkbox]:checked:before, #content .grid-box.filter div.label div.select > div > span input[type=radio]:checked:before, #content .grid-box.filter div.label div.multiple > div > span input[type=checkbox]:checked:before, #content .grid-box.filter div.label div.multiple > div > span input[type=radio]:checked:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=checkbox]:checked:before, #content .grid-box.filter div.label div.pricerange > div > span input[type=radio]:checked:before, #content .flex-box.filter label div.select > div > span input[type=checkbox]:checked:before, #content .flex-box.filter label div.select > div > span input[type=radio]:checked:before, #content .flex-box.filter label div.multiple > div > span input[type=checkbox]:checked:before, #content .flex-box.filter label div.multiple > div > span input[type=radio]:checked:before, #content .flex-box.filter label div.pricerange > div > span input[type=checkbox]:checked:before, #content .flex-box.filter label div.pricerange > div > span input[type=radio]:checked:before, #content .flex-box.filter div.label div.select > div > span input[type=checkbox]:checked:before, #content .flex-box.filter div.label div.select > div > span input[type=radio]:checked:before, #content .flex-box.filter div.label div.multiple > div > span input[type=checkbox]:checked:before, #content .flex-box.filter div.label div.multiple > div > span input[type=radio]:checked:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=checkbox]:checked:before, #content .flex-box.filter div.label div.pricerange > div > span input[type=radio]:checked:before {
  letter-spacing: 5px;
}
#content .grid-box.filter label div.select:hover > div, #content .grid-box.filter label div.multiple:hover > div, #content .grid-box.filter label div.pricerange:hover > div, #content .grid-box.filter div.label div.select:hover > div, #content .grid-box.filter div.label div.multiple:hover > div, #content .grid-box.filter div.label div.pricerange:hover > div, #content .flex-box.filter label div.select:hover > div, #content .flex-box.filter label div.multiple:hover > div, #content .flex-box.filter label div.pricerange:hover > div, #content .flex-box.filter div.label div.select:hover > div, #content .flex-box.filter div.label div.multiple:hover > div, #content .flex-box.filter div.label div.pricerange:hover > div {
  display: block;
}
#content .grid-box.filter label div.pricerange div, #content .grid-box.filter div.label div.pricerange div, #content .flex-box.filter label div.pricerange div, #content .flex-box.filter div.label div.pricerange div {
  width: 13.8461538462em;
}
#content .grid-box.filter label div.pricerange div input, #content .grid-box.filter div.label div.pricerange div input, #content .flex-box.filter label div.pricerange div input, #content .flex-box.filter div.label div.pricerange div input {
  width: 6.1538461538em;
  float: none;
  text-align: right;
}
#content .grid-box.filter a[xsdata-submit], #content .grid-box.filter > a, #content .flex-box.filter a[xsdata-submit], #content .flex-box.filter > a {
  border-radius: 0;
  float: right;
  color: #fff;
  background: #F0B323;
  padding: 1.1538461538em;
  text-decoration: none;
  margin-right: 0;
}
#content .grid-box.filter a[xsdata-submit]:hover, #content .grid-box.filter > a:hover, #content .flex-box.filter a[xsdata-submit]:hover, #content .flex-box.filter > a:hover {
  background: #eaa910;
  text-decoration: underline;
}
#content .grid-box.filter > a, #content .flex-box.filter > a {
  border-radius: 0;
  float: right;
  color: #fff;
  background: #191d23;
  padding: 1.1538461538em;
  text-decoration: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-right: 0.3846153846em;
}
#content .grid-box.filter > a:hover, #content .flex-box.filter > a:hover {
  background: #191d23;
  -webkit-transform: none;
          transform: none;
  background: #eaa910;
  text-decoration: underline;
}

#funcNav .legend {
  text-align: center;
  display: inline-block;
}
#funcNav .legend span {
  background-color: transparent;
  color: #191d23;
  padding: 0.3076923077em 0.6153846154em;
  margin: 0 0.7692307692em;
}
#funcNav .legend .legendTopseller {
  border: 3px solid #F0B323;
  border-radius: 1.8461538462em;
}
#funcNav .legend .legendAktiv {
  border-bottom: 3px solid #0072CE;
  border-radius: 0.1538461538em;
}
#funcNav .legend .legendInaktiv {
  border-bottom: 3px solid #8d9aae;
  border-radius: 0.1538461538em;
}
.minusType:after {
  font-size: 1.3846153846em;
  width: 1.5384615385em;
  content: "-";
  display: block;
  margin-top: -1.6923076923em;
  margin-left: 0.5384615385em;
  height: 1.5384615385em;
  color: #E74536;
  position: absolute;
}

#content .checkboxLabel {
  /* space between checkbox and label */
}
#content .checkboxLabel input[type=checkbox], #content .checkboxLabel input[type=radio] {
  outline: none;
  -webkit-appearance: none;
  display: block;
  height: 1.1538461538em;
  width: 1.1538461538em;
}
#content .checkboxLabel input[type=checkbox]:checked, #content .checkboxLabel input[type=radio]:checked {
  background-color: #0072CE;
}

.legend {
  text-align: center;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.legend h1 {
  color: #333;
}
.legend span {
  display: block;
  background-color: transparent;
  color: #191d23;
  padding: 0.3076923077em 0.6153846154em;
  margin: 0 0.7692307692em;
  margin-bottom: 1.1538461538em;
}
.legend .legendTopseller {
  border: 3px solid #F0B323;
  border-radius: 1.8461538462em;
}
.legend .legendAktiv {
  border-bottom: 3px solid #0072CE;
  border-radius: 0.1538461538em;
}
.legend .legendInaktiv {
  border-bottom: 3px solid #8d9aae;
  border-radius: 0.1538461538em;
}

#funcNav a.legendPopup {
  clear: both;
  float: none !important;
  background-color: #333;
  color: #fff;
  font-size: 90%;
  padding: 0.6153846154em 0.9230769231em;
  border-radius: 0.4615384615em;
  margin-right: 0.7692307692em;
}

#content .shopSuche {
  position: fixed;
  float: left;
  width: 19.2307692308em;
}
#content .shopSuche.topPos {
  top: 0.4615384615em;
}
#content .shopSuche.blur .area {
  display: none;
}
#content .shopSuche .area {
  margin-bottom: 1.1538461538em;
  border: 3px solid #0072CE;
  background: #fff;
  color: #333;
  border-radius: 0.7692307692em;
}
#content .shopSuche .area .label.remove {
  display: none;
}
#content .shopSuche .area .label.remove2 {
  opacity: 0.5;
  display: none;
}
#content .shopSuche .area .label p {
  padding: 0.7692307692em 1.1538461538em;
  margin: 0;
  cursor: pointer;
}
#content .shopSuche .area .label p i {
  float: right;
}
#content .shopSuche .area .label p:hover {
  text-decoration: underline;
}
#content .shopSuche .area .label.open > div, #content .shopSuche .area .label.open2 > div {
  height: auto;
  max-height: 8.4615384615em;
}
#content .shopSuche .area .label.open p {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
#content .shopSuche .area .label.open2 > div {
  height: auto;
  max-height: 11.5384615385em;
}
#content .shopSuche .area .label > div {
  max-height: 8.4615384615em;
  height: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(255, 255, 255, 0.1);
}
#content .shopSuche .area .label > div.open {
  max-height: 8.4615384615em;
}
#content .shopSuche .area .label > div span {
  white-space: nowrap;
  word-wrap: unset;
  text-overflow: ellipsis;
  cursor: pointer;
  position: relative;
  display: block;
  height: 1.3846153846em;
  overflow: hidden;
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 3.0769230769em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#content .shopSuche .area .label > div span.level2 {
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 3.8461538462em;
}
#content .shopSuche .area .label > div span.level3 {
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 4.6153846154em;
}
#content .shopSuche .area .label > div span.level4 {
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 5.3846153846em;
}
#content .shopSuche .area .label > div span.active:before, #content .shopSuche .area .label > div span.active2:before {
  margin-left: -1.9230769231em;
  margin-top: 0.1538461538em;
  position: absolute;
  content: "\f00c";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
#content .shopSuche .area .label > div span.active3 {
  font-weight: bold;
}
#content .shopSuche .area .label > div span.hide {
  display: none;
}
#content .shopSuche .area .label > div span.active2:before {
  opacity: 0.3;
}
#content .shopSuche .area .label > div span:hover:before {
  opacity: 1;
}
#content .shopSuche .area .label > div span[attr-displayprod="0"] {
  display: none;
}
#content .shopSuche .area.main .label p {
  display: none;
}
#content .shopSuche .area.main .label > div span {
  padding: 0.7692307692em 1.1538461538em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#content .shopSuche .area.main .label > div span:last-child {
  border-bottom: none;
}
#content .shopSuche .area.main .label > div span.level2 {
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 3.8461538462em;
}
#content .shopSuche .area.main .label > div span.level3 {
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 4.6153846154em;
}
#content .shopSuche .area.main .label > div span.level4 {
  padding: 0.3846153846em 1.1538461538em 0.3846153846em 5.3846153846em;
}
#content .shopSuche .area.main .label > div span:hover {
  text-decoration: underline;
}
#content .shopSuche .area.main .label > div span.active {
  font-weight: bold;
}
#content .shopSuche .area.main .label > div span:before {
  display: none !important;
}
#content .shopSuche .area.main .label > div span.pullDown:before {
  right: 1.1538461538em;
  display: block !important;
  margin-left: -1.9230769231em;
  margin-top: 0.1538461538em;
  position: absolute;
  content: "\f078";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
#content .shopSuche .area.main .label > div span.pullUp:before {
  right: 1.1538461538em;
  display: block !important;
  margin-left: -1.9230769231em;
  margin-top: 0.1538461538em;
  position: absolute;
  content: "\f077";
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
#content .shopSuche .area.main .label.open2 > div {
  max-height: 19.2307692308em;
}
#content .shopSuche .area .label.uvp span:before {
  display: none !important;
}
#content .shopSuche .area .label.uvp span.range {
  padding: 1.1538461538em 1.9230769231em !important;
}
#content .shopSuche .area .label.uvp span.range:before {
  display: none !important;
}
#content .shopSuche .filteractive .fa-chevron-down {
  display: none;
}
#content .shopSuche .returnfilter {
  color: #E74536;
}

.shopProduct {
  margin-left: 20.3846153846em;
}

.productart .proartWrap {
  margin-top: 1.1538461538em;
  width: 13.0769230769em;
  float: left;
  padding: 0.3846153846em;
  border-right: 1px solid #eee;
}
.productart .proartWrap div {
  cursor: pointer;
  padding-left: 1.1538461538em;
  margin-top: 1.1538461538em;
  display: block;
}
.productart .proartWrap div span.check {
  position: absolute;
  display: inline-block;
  width: 0.5384615385em;
  margin-left: -1.1538461538em;
  margin-top: 0.3846153846em;
  height: 0.5384615385em;
  border-radius: 0.3846153846em;
  border: 1px solid #333;
}
.productart .proartWrap div.level2 {
  margin-top: 0.3846153846em;
  padding-left: 2.3076923077em;
}
.productart .proartWrap div.level3 {
  margin-top: 0;
  padding-left: 3.4615384615em;
}
.productart .proartWrap div.level4 {
  margin-top: 0;
  padding-left: 4.6153846154em;
}
.productart .proartWrap div:hover {
  font-weight: bold;
}
.productart .proartWrap div.active span.check {
  background: #0072CE;
  border-color: #0072CE;
}
.productart.style2 .proartWrap {
  margin-top: -1.1538461538em;
  width: 19%;
  border-right: 0px solid #eee;
}
.productart.style2 .proartWrap div {
  padding-top: 0.3846153846em;
  padding-bottom: 0.3846153846em;
}
.productart.style2 .proartWrap div span.check {
  width: 1.1538461538em;
  margin-left: -1.9230769231em;
  margin-top: 0em;
  height: 1.1538461538em;
}
.productart.style2 .proartWrap div.level1 {
  margin-top: 1.1538461538em;
}
.productart.style2 .proartWrap div.level2 {
  margin-top: 0.3846153846em;
}
.productart.details div:hover {
  font-weight: normal !important;
  cursor: auto !important;
}
.productart.details span {
  opacity: 0.5;
}
.productart.details span.check {
  border: 1px solid #eee !important;
}
.productart.details div.active span {
  opacity: 1 !important;
}
.productart.details div.active span.check {
  background: #0072CE;
  border-color: #0072CE;
}

.sortimentGrid {
  background: #fff;
  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: #F0B323;
}
.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: #0072CE;
  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: #0072CE;
  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: #0072CE;
  cursor: pointer;
}
.sortimentGrid .sortimentDiv.stage2 {
  border-radius: 0.1538461538em;
  overflow: hidden;
}
.layout {
  min-height: 92.3076923077em;
}

.display-original-transform {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-perspective: 307.6923076923em;
          perspective: 307.6923076923em;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  margin-top: 6.1538461538em;
  -webkit-transform: translate3d(0.7692307692em, 0.7692307692em, 0) scale(0.8);
          transform: translate3d(0.7692307692em, 0.7692307692em, 0) scale(0.8);
}
.display-original-transform[display-view="1"] .original-transform, .display-original-transform[display-view="1"] .view3D {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: rotateX(-8deg) rotateY(11deg);
          transform: rotateX(-8deg) rotateY(11deg);
}
.display-original-transform[display-view="2"] .original-transform, .display-original-transform[display-view="2"] .view3D {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: rotateX(-4deg) rotateY(-18deg);
          transform: rotateX(-4deg) rotateY(-18deg);
}
.display-original-transform[display-view="3"] .original-transform, .display-original-transform[display-view="3"] .view3D {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: rotateX(-22deg) rotateY(-4deg);
          transform: rotateX(-22deg) rotateY(-4deg);
}
.display-original-transform.big {
  -webkit-transform: translate3d(0.7692307692em, 0.7692307692em, 0) scale(1);
          transform: translate3d(0.7692307692em, 0.7692307692em, 0) scale(1);
  margin-top: 12.3076923077em;
}
.display-original-transform.big.maTop {
  margin-top: 19.2307692308em;
}
.display-original-transform.maTop {
  margin-top: 15.3846153846em;
}
.display-original-transform > .original-transform {
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  margin: 1.5em auto 0 auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  width: 600px;
  height: 400px;
}
.display-original-transform > .original-transform > div {
  -webkit-filter: blur(1px);
          filter: blur(1px);
  width: 600px;
  height: 400px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.05em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.display-original-transform > .original-transform > div.front {
  background: linear-gradient(50deg, rgb(189, 189, 189) 0%, rgb(233, 233, 233) 100%);
}
.display-original-transform > .original-transform > div.frontRight {
  background: linear-gradient(50deg, rgb(232, 232, 232) 0%, rgb(220, 217, 217) 100%);
}
.display-original-transform > .original-transform > div.frontLeft {
  background: linear-gradient(50deg, rgb(205, 205, 205) 0%, rgb(197, 197, 197) 100%);
}
.display-original-transform > .original-transform > div.back {
  background: linear-gradient(89deg, rgb(170, 170, 170) 0%, rgb(228, 228, 228) 100%);
}
.display-original-transform > .original-transform > div.top {
  background: linear-gradient(123deg, rgb(206, 206, 206) 20%, rgb(214, 214, 214) 100%);
}
.display-original-transform > .original-transform > div.top.none {
  display: none;
}
.display-original-transform > .original-transform > div.top.fixed {
  background: linear-gradient(89deg, rgb(170, 170, 170) 0%, rgb(228, 228, 228) 100%);
}
.display-original-transform > .original-transform > div.bottom {
  background: linear-gradient(2deg, rgb(141, 141, 141) 20%, rgb(201, 201, 201) 100%);
}
.display-original-transform > .original-transform > div.leftSide, .display-original-transform > .original-transform > div.leftSide2 {
  background: linear-gradient(62deg, rgb(183, 183, 183) 0%, rgb(236, 236, 236) 100%);
}
.display-original-transform > .original-transform > div.rightSide, .display-original-transform > .original-transform > div.rightSide2 {
  background: linear-gradient(112deg, rgb(216, 216, 216) 0%, rgb(197, 195, 195) 100%);
}
.display-original-transform > .original-transform > div.floor {
  background: linear-gradient(2deg, rgb(141, 141, 141) 20%, rgb(201, 201, 201) 100%);
}
.display-original-transform > .original-transform > div.scanner {
  background: linear-gradient(20deg, rgb(235, 235, 235) 20%, rgb(248, 248, 248) 100%);
}
.display-original-transform > .original-transform > div.dropzone {
  padding: 0 6px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-color: transparent;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.display-original-transform > .original-transform > div.dropzone:hover {
  background: rgba(255, 255, 255, 0.2);
}
.display-original-transform > .original-transform .prodView {
  -webkit-transform: none;
          transform: none;
  -webkit-perspective: none;
          perspective: none;
}

.prodDisplayList > div {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border: 1px solid #333;
}

.prodView {
  max-width: 45%;
  margin-right: 5px;
  -webkit-transform: rotateX(-8deg) rotateY(11deg) scale(0.5);
          transform: rotateX(-8deg) rotateY(11deg) scale(0.5);
  height: 90px;
  display: inline-block;
  width: 20px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 307.6923076923em;
          perspective: 307.6923076923em;
}
.prodView .view3D {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
}
.prodView .view3D > div {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  position: absolute;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  will-change: transform;
  height: 100px;
  width: 100px;
  display: block;
  background: no-repeat center center #fff;
  background-size: contain;
  background-color: rgb(230, 230, 230);
}
.prodView .view3D > div.front {
  background-color: #fff;
}

/* ####################################################################################################################
ZIELEINGABE
#################################################################################################################### */
.zielEingabe {
  display: block;
  -ms-grid-column-span: 4;
  grid-column: span 4;
  margin-bottom: -0.7692307692em;
}
.zielEingabe label {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
  text-align: center;
  background: #fff;
  display: inline-block;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  margin-bottom: 0.7692307692em;
  white-space: nowrap;
}
.zielEingabe label:hover {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.zielEingabe label span {
  font-size: 1em;
  color: #0072CE;
  display: inline-block;
  border-right: 1px solid #F4F8FB;
  padding: 1em;
}
.zielEingabe label select, .zielEingabe label select:focus, .zielEingabe label select:hover {
  font-size: 1em;
  display: inline-block;
  width: auto;
  padding: 1.0769230769em 2.1538461538em 1em 1em !important;
  background-color: transparent;
  border: none !important;
  margin: 0 !important;
}
.zielEingabe label input {
  background: transparent;
  border: none !important;
  padding-right: 0.3846153846em !important;
  width: 11.5384615385em !important;
}
.zielEingabe label input:focus, .zielEingabe label input:hover {
  background: none;
}
.zielEingabe .yearView {
  display: block;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
  background: #fff;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  margin-bottom: 0.7692307692em;
  white-space: nowrap;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[13];
  grid-template-columns: repeat(13, 1fr);
}
.zielEingabe .yearView > div {
  padding: 5px;
  border-right: 1px solid #eee;
}
.zielEingabe .yearView > div span {
  display: block;
  text-align: right;
}
.zielEingabe .yearView > div span input {
  padding: 0.5384615385em !important;
  width: 4.2307692308em !important;
  font-weight: bold !important;
  margin-right: 5px;
  width: 7.6923076923em;
  text-align: right;
}
.zielEingabe .yearView > div span:first-child {
  padding: 5px 0 5px 0;
}
.zielEingabe .yearView > div span:last-child {
  opacity: 0.5;
  font-weight: bold;
  padding: 10px 0 5px 0;
}
.zielEingabe .yearView > div span.smallError {
  color: #c82222;
  opacity: 1;
  padding: 0;
}
.zielEingabe .yearView > div .fc_month_proc {
  font-size: 150%;
  line-height: 3.8461538462em;
}
.zielEingabe .yearView > div .fc_month_proc.green {
  opacity: 1;
  color: #3eb256;
}
.zielEingabe .yearView > div .fc_month_proc.red {
  opacity: 1;
  color: #E74536;
}
.zielEingabe .chartKpi {
  float: none;
  margin-bottom: 0.7692307692em;
}
.zielEingabe .kwView {
  -ms-grid-columns: (1fr)[27];
  grid-template-columns: repeat(27, 1fr);
}
.zielEingabe .kwView select {
  text-align: right;
  padding: 0.1em;
  margin: 0;
  background: none;
}
.zielEingabe .calcData {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
  background: #fff;
  display: block;
  position: relative;
  text-align: right;
  padding: 0.7692307692em;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  margin-bottom: 0.7692307692em;
  white-space: nowrap;
  color: #fff;
}
.zielEingabe .calcData span:first-child {
  float: left;
}
.zielEingabe .calcData.red {
  background-color: #E74536;
}
.zielEingabe .calcData.green {
  background-color: #3eb256;
}
.zielEingabe .allData > div {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.03);
  background: #fff;
  display: block;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  margin-bottom: 0.7692307692em;
  white-space: nowrap;
}
.zielEingabe .allData .head {
  position: relative;
}
.zielEingabe .allData .head h3 {
  padding: 0.7692307692em;
  margin: 0;
  display: block;
  border-bottom: 3px solid #F4F8FB;
  cursor: pointer;
}
.zielEingabe .allData .head .calcDataAmount {
  text-align: right;
  position: absolute;
  right: 0.7692307692em;
  width: 7.6923076923em;
  top: 0.9230769231em;
  opacity: 0.5;
  font-weight: bold;
}
.zielEingabe .allData .head .procData {
  position: absolute;
  right: 11.5384615385em;
  width: 3.8461538462em;
  top: 0.1538461538em;
}
.zielEingabe .allData .head .procData input {
  padding: 0.5384615385em !important;
  width: 4.2307692308em !important;
  font-weight: bold !important;
  margin-right: 5px;
  width: 7.6923076923em;
  text-align: right;
}
.zielEingabe .allData .head .calcOneData {
  position: absolute;
  left: 50%;
  width: 19.2307692308em;
  text-align: right;
  top: 0.9230769231em;
}
.zielEingabe .allData .head .calcOneData.red {
  color: #E74536;
}
.zielEingabe .allData .head .calcOneData.green {
  color: #3eb256;
}
.zielEingabe .allData .license > div {
  display: inline-block;
  float: left;
  border-right: 3px solid #F4F8FB;
}
.zielEingabe .allData .license > div h3 {
  padding: 0.7692307692em !important;
  margin: 0;
  display: block;
}
.zielEingabe .allData .license > div table {
  margin: 0 0.7692307692em 0.7692307692em 0.7692307692em;
}
.zielEingabe .allData .license > div table tr td {
  text-align: right;
  padding-top: 0.3846153846em;
}
.zielEingabe .allData .license > div table tr td:last-child {
  padding-left: 1.1538461538em;
  text-align: left;
}
.zielEingabe .allData .license > div table tr td input {
  padding: 0.5384615385em !important;
  width: 4.2307692308em !important;
  font-weight: bold !important;
  margin-right: 5px;
  width: 7.6923076923em;
  text-align: right;
}
.zielEingabe .allData .license:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  width: 100%;
}
.zielEingabe .allData [attr-id] .license {
  display: none;
}
.zielEingabe .allData [attr-id].open .license {
  display: block;
}

/* ####################################################################################################################
ADMIN EINGABE
#################################################################################################################### */
.flex-box, .grid-box {
  padding: 1.1538461538em;
  overflow: hidden;
  min-height: 0.7692307692em;
  padding-bottom: 1.5384615385em;
  -ms-grid-column-span: 1;
  grid-column: span 1;
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 1.1538461538em;
     -moz-column-gap: 1.1538461538em;
          column-gap: 1.1538461538em;
  row-gap: 1.2307692308em;
  -ms-grid-columns: 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  grid-auto-flow: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.flex-box.nogrid, .grid-box.nogrid {
  display: block;
}
.flex-box h2, .grid-box h2 {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: block;
  font-size: 1.0769230769em;
  padding: 0.6153846154em 1em;
  margin: -0.8461538462em 0 0 -1em;
  border-bottom: 2px solid rgba(0, 114, 206, 0.1);
  line-height: 1.5384615385em;
}
.flex-box h2 a, .grid-box h2 a {
  float: right;
  font-size: 70%;
  padding: 0.3076923077em 1.0769230769em;
  margin-top: -0.3076923077em;
  margin-right: 2.6923076923em;
}
.flex-box h2 .reset-zoom, .grid-box h2 .reset-zoom {
  font-size: 80%;
  background: #6d6d6d;
  color: #fff;
  padding: 5px 10px;
  border-radius: 30px;
  cursor: pointer;
}
.flex-box h2 .reset-zoom:hover, .grid-box h2 .reset-zoom:hover {
  text-decoration: underline;
}
.flex-box h2:nth-child(2n), .flex-box h2:nth-child(3n), .grid-box h2:nth-child(2n), .grid-box h2:nth-child(3n) {
  margin-top: 0.0769230769em;
}
.flex-box th a, .grid-box th a {
  float: right;
  font-size: 70%;
  padding: 0.3076923077em 1.0769230769em;
  margin-top: -0.3076923077em;
  margin-left: 1.1538461538em;
}
.flex-box th a.leftFloat, .grid-box th a.leftFloat {
  float: left;
  margin-right: 1.1538461538em;
  margin-left: 0;
}
.flex-box label, .grid-box label {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 100%;
}
.flex-box label.width-50, .grid-box label.width-50 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.flex-box label.width-40, .grid-box label.width-40 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.flex-box label.width-25, .grid-box label.width-25 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.flex-box label.width-75, .grid-box label.width-75 {
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.flex-box label.width-20, .grid-box label.width-20 {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.flex-box label.staticWidth.width-50, .grid-box label.staticWidth.width-50 {
  width: 50%;
}
.flex-box label.staticWidth.width-40, .grid-box label.staticWidth.width-40 {
  width: 40%;
}
.flex-box label.staticWidth.width-20, .grid-box label.staticWidth.width-20 {
  width: 20%;
}
.flex-box label.staticWidth.width-10, .grid-box label.staticWidth.width-10 {
  width: 10%;
}
.flex-box label input, .flex-box label select, .flex-box label textarea, .grid-box label input, .grid-box label select, .grid-box label textarea {
  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;
}
.flex-box label input:-webkit-autofill, .flex-box label select:-webkit-autofill, .flex-box label textarea:-webkit-autofill, .grid-box label input:-webkit-autofill, .grid-box label select:-webkit-autofill, .grid-box label textarea:-webkit-autofill {
  color: #fff !important;
}
.flex-box label input:hover, .flex-box label select:hover, .flex-box label textarea:hover, .grid-box label input:hover, .grid-box label select:hover, .grid-box label textarea:hover {
  border: 1px solid rgba(0, 114, 206, 0.8);
}
.flex-box label input:focus, .flex-box label select:focus, .flex-box label textarea:focus, .grid-box label input:focus, .grid-box label select:focus, .grid-box label textarea:focus {
  border: 1px solid rgba(0, 114, 206, 0.8);
  background-color: rgba(0, 114, 206, 0.08);
}
.flex-box label input[disabled], .flex-box label input[disabled]:focus, .flex-box label input[disabled]:hover, .flex-box label select[disabled], .flex-box label select[disabled]:focus, .flex-box label select[disabled]:hover, .flex-box label textarea[disabled], .flex-box label textarea[disabled]:focus, .flex-box label textarea[disabled]:hover, .grid-box label input[disabled], .grid-box label input[disabled]:focus, .grid-box label input[disabled]:hover, .grid-box label select[disabled], .grid-box label select[disabled]:focus, .grid-box label select[disabled]:hover, .grid-box label textarea[disabled], .grid-box label textarea[disabled]:focus, .grid-box label textarea[disabled]:hover {
  cursor: default;
  border: 1px solid rgba(25, 29, 35, 0.1);
  background-color: rgba(25, 29, 35, 0.1);
}
.flex-box label input:-webkit-autofill, .grid-box label input:-webkit-autofill {
  -webkit-text-fill-color: #191d23 !important;
}
.flex-box label .mandatory, .grid-box label .mandatory {
  color: #E74536;
}
.flex-box label .errorHint, .grid-box label .errorHint {
  display: none;
}
.flex-box label.error input, .flex-box label.error select, .flex-box label.error textarea, .grid-box label.error input, .grid-box label.error select, .grid-box label.error textarea {
  border-color: rgba(231, 69, 54, 0.5) !important;
  background-color: rgba(231, 69, 54, 0.03);
}
.flex-box label.error input:hover, .flex-box label.error select:hover, .flex-box label.error textarea:hover, .grid-box label.error input:hover, .grid-box label.error select:hover, .grid-box label.error textarea:hover {
  border-color: #e74536;
}
.flex-box label.error input:focus, .flex-box label.error select:focus, .flex-box label.error textarea:focus, .grid-box label.error input:focus, .grid-box label.error select:focus, .grid-box label.error textarea:focus {
  border-color: #e74536;
  background-color: rgba(0, 114, 206, 0.08);
}
.flex-box label.error .errorHint, .grid-box label.error .errorHint {
  display: block;
  color: #E74536;
  opacity: 1;
}
.flex-box label input.error, .flex-box label select.error, .flex-box label textarea.error, .grid-box label input.error, .grid-box label select.error, .grid-box label textarea.error {
  border-color: rgba(231, 69, 54, 0.5) !important;
  background-color: rgba(231, 69, 54, 0.03) !important;
}
.flex-box label input.error:hover, .flex-box label select.error:hover, .flex-box label textarea.error:hover, .grid-box label input.error:hover, .grid-box label select.error:hover, .grid-box label textarea.error:hover {
  border-color: #e74536 !important;
}
.flex-box label input.error:focus, .flex-box label select.error:focus, .flex-box label textarea.error:focus, .grid-box label input.error:focus, .grid-box label select.error:focus, .grid-box label textarea.error:focus {
  border-color: #e74536 !important;
  background-color: rgba(0, 114, 206, 0.08) !important;
}
.flex-box label input.error .errorHint, .flex-box label select.error .errorHint, .flex-box label textarea.error .errorHint, .grid-box label input.error .errorHint, .grid-box label select.error .errorHint, .grid-box label textarea.error .errorHint {
  display: block;
  color: #E74536;
  opacity: 1;
}
.flex-box label.valid input, .flex-box label.valid select, .flex-box label.valid textarea, .grid-box label.valid input, .grid-box label.valid select, .grid-box label.valid textarea {
  border-color: rgba(62, 178, 86, 0.5);
  background-color: rgba(62, 178, 86, 0.03);
}
.flex-box label.valid input:hover, .flex-box label.valid select:hover, .flex-box label.valid textarea:hover, .grid-box label.valid input:hover, .grid-box label.valid select:hover, .grid-box label.valid textarea:hover {
  border-color: #3eb256;
}
.flex-box label.valid input:focus, .flex-box label.valid select:focus, .flex-box label.valid textarea:focus, .grid-box label.valid input:focus, .grid-box label.valid select:focus, .grid-box label.valid textarea:focus {
  border-color: #3eb256;
  background-color: rgba(0, 114, 206, 0.08);
}
.flex-box label .hint, .grid-box label .hint {
  display: block;
  opacity: 0.7;
}
.flex-box label > span, .grid-box label > span {
  display: block;
  margin-top: 0.3846153846em;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.9230769231em 0;
  font-weight: bold;
  border-radius: 0.2307692308em;
  width: 100%;
  font-size: 0.9230769231em;
  outline: none;
  -webkit-appearance: none;
}
.flex-box label > span.smallError, .grid-box label > span.smallError {
  color: #E74536;
  margin: 0;
  padding: 0;
  padding-top: 0.1538461538em;
}

.handelWrap2.haendler {
  background: #fff;
  padding-left: 1.1538461538em;
  border-radius: 0.3846153846em;
  -webkit-box-shadow: 0 0 0.7692307692em -1.9230769231em #5167a4;
          box-shadow: 0 0 0.7692307692em -1.9230769231em #5167a4;
  height: 4.6153846154em;
  position: relative;
  overflow: hidden;
}
.handelWrap2.haendler h2 {
  position: absolute;
  top: 0;
  top: 0.0769230769em;
}
.handelWrap2.haendler h3 {
  position: absolute;
  top: 0;
  left: 23.0769230769em;
  top: 0.1538461538em;
  font-weight: normal;
}
.handelWrap2.haendler .fchandel {
  right: 6.1538461538em;
  top: 0;
  padding: 1.7692307692em 0;
  width: 4.6153846154em;
  text-align: center;
  font-weight: bold;
  position: absolute;
  background: rgba(104, 210, 223, 0.5);
}
.handelWrap2.haendler .more {
  height: 1.5384615385em;
  right: 0;
  top: 0;
  padding: 1.7692307692em 0;
  width: 4.6153846154em;
  text-align: center;
  font-weight: bold;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
}
.handelWrap2.haendler .more:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.handelWrap2.haendler a.btn.white {
  color: #fff;
  text-decoration: none;
}
.handelWrap2.haendler a.btn.white:hover {
  text-decoration: underline;
}
.handelWrap2.haendler label {
  padding: 0.3846153846em 0;
  font-weight: bold;
}
.handelWrap2.haendler label span {
  font-weight: normal;
}
.handelWrap2.haendler a.btn2 {
  position: absolute;
  top: 0.9230769231em;
  right: 11.5384615385em;
  width: 11.5384615385em;
  text-align: center;
}
.handelWrap2.haendler.open {
  height: auto;
}
.handelWrap2.haendler > div {
  clear: both;
}
.handelWrap2.haendler > div.meinebuttons {
  padding: 1.1538461538em;
  border-top: 1px solid #ddd;
  margin-top: 5.4615384615em;
  background: #fff;
  z-index: 10;
  position: relative;
  text-align: right;
}
.handelWrap2.haendler > div.meinebuttons a {
  text-align: right;
  width: auto;
  padding: 0.7692307692em 1.1538461538em;
}
.handelWrap2.haendler > div.infos {
  padding: 1.1538461538em;
  border-top: 1px solid #ddd;
  background: #fff;
  z-index: 10;
  position: relative;
}
.handelWrap2.haendler > div.infos label {
  width: calc(33% - 3.0769230769em) !important;
  float: left;
  clear: none !important;
}
.handelWrap2.haendler > div table {
  width: calc(100% + 2.3076923077em);
  margin-left: 0;
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.handelWrap2.haendler > div table td {
  padding: 0.3846153846em 0;
}
.handelWrap2.haendler > div table .head {
  font-weight: bold;
}
.handelWrap2.haendler > div table a {
  color: #333;
}
.handelWrap2.haendler > div > .button {
  clear: both;
  display: inline-block;
}

.auftragWrap .auftrag, .auftragWrapDone .auftrag {
  background: #fff;
  padding-left: 1.1538461538em;
  border-radius: 0.3846153846em;
  margin-bottom: 1.1538461538em;
  -webkit-box-shadow: 0 0 0.7692307692em -1.9230769231em #5167a4;
          box-shadow: 0 0 0.7692307692em -1.9230769231em #5167a4;
  position: relative;
  height: 5.3846153846em;
  overflow: hidden;
}
.auftragWrap .auftrag .ansprechpartner, .auftragWrapDone .auftrag .ansprechpartner {
  display: inline-block;
  padding: 1.1538461538em 0;
  width: 26.9230769231em;
  margin-left: 1.1538461538em;
}
.auftragWrap .auftrag .ansprechpartner select, .auftragWrapDone .auftrag .ansprechpartner select {
  width: 26.9230769231em;
}
.auftragWrap .auftrag .wunschdatum, .auftragWrapDone .auftrag .wunschdatum {
  display: inline-block;
  padding: 1.1538461538em 0;
}
.auftragWrap .auftrag.open, .auftragWrapDone .auftrag.open {
  height: auto;
}
.auftragWrap .auftrag.open .auftragDetail, .auftragWrapDone .auftrag.open .auftragDetail {
  display: -ms-grid;
  display: grid;
}
.auftragWrap .auftrag > span, .auftragWrapDone .auftrag > span {
  margin-top: 1.3846153846em;
  float: right;
  font-weight: bold;
  margin-right: 1.1538461538em;
  border: 2px solid #3eb256;
  padding: 0.3846153846em 0.7692307692em;
  border-radius: 3px;
  color: #3eb256;
}
.auftragWrap .auftrag > span.details, .auftragWrapDone .auftrag > span.details {
  color: #fff;
  border-color: #333;
  background: #333;
}
.auftragWrap .auftrag > span.details:hover, .auftragWrapDone .auftrag > span.details:hover {
  cursor: pointer;
}
.auftragWrap .auftrag > span.error, .auftragWrapDone .auftrag > span.error {
  color: #E74536;
  border-color: #E74536;
}
.auftragWrap .auftrag > span.status, .auftragWrapDone .auftrag > span.status {
  position: absolute;
  float: none;
  display: inline-block;
}
.auftragWrap .auftrag > span.status.yellow, .auftragWrapDone .auftrag > span.status.yellow {
  border-color: #ffcd00;
  background: #ffcd00;
  color: #333;
}
.auftragWrap .auftrag > span.aktion, .auftragWrapDone .auftrag > span.aktion {
  color: #333;
  border-color: #333;
  margin-left: 5.7692307692em;
  position: absolute;
  float: none;
  display: inline-block;
  opacity: 0.8;
}
.auftragWrap .auftrag h2, .auftragWrapDone .auftrag h2 {
  margin: 0;
  padding: 0;
  padding-bottom: 1.1538461538em;
  width: 50%;
  display: inline-block;
}
.auftragWrap .auftrag > h2, .auftragWrapDone .auftrag > h2 {
  margin: 0;
  padding: 1.1538461538em 0 1.1538461538em 5.7692307692em;
  border-bottom: 1px dotted #333;
}
.auftragWrap .auftrag > h2 span, .auftragWrapDone .auftrag > h2 span {
  font-weight: 400;
  display: inline-block;
  margin-left: 1.1538461538em;
}
.auftragWrap .auftrag h3, .auftragWrapDone .auftrag h3 {
  font-weight: 400;
  margin: 0 0 0.3846153846em 0;
  padding: 0;
  position: relative;
}
.auftragWrap .auftrag h3 span, .auftragWrapDone .auftrag h3 span {
  font-weight: bold;
  position: absolute;
  left: 19.2307692308em;
}
.auftragWrap .auftrag h3 i.error, .auftragWrapDone .auftrag h3 i.error {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  color: #E74536;
  margin-left: 2.3076923077em;
}
.auftragWrap .auftrag > h4, .auftragWrapDone .auftrag > h4 {
  position: absolute;
  left: 40%;
  top: 1.1538461538em;
}
.auftragWrap .auftrag .new_ve, .auftragWrapDone .auftrag .new_ve {
  text-decoration: underline;
}
.auftragWrap .auftrag .new_ve:hover, .auftragWrapDone .auftrag .new_ve:hover {
  cursor: pointer;
}
.auftragWrap .auftrag .auftragDetail, .auftragWrapDone .auftrag .auftragDetail {
  display: none;
  -ms-grid-columns: 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr 1.1538461538em 1fr;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 1.1538461538em;
  min-height: 7.6923076923em;
  border-top: 1px solid #eee;
  padding: 1.1538461538em 1.1538461538em;
}
.auftragWrap .auftrag .auftragDetail.open, .auftragWrapDone .auftrag .auftragDetail.open {
  display: block;
}
.auftragWrap .auftrag .auftragDetail h2, .auftragWrapDone .auftrag .auftragDetail h2 {
  grid-column-start: span 9;
}
.auftragWrap .auftrag .auftragDetail h3, .auftragWrapDone .auftrag .auftragDetail h3 {
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.3846153846em;
  margin-bottom: 0.3846153846em;
}
.auftragWrap .auftrag .auftragDetail .imgWrap img, .auftragWrapDone .auftrag .auftragDetail .imgWrap img {
  max-height: 9.2307692308em;
  max-width: 9.2307692308em;
  margin-bottom: 0.7692307692em;
}
.auftragWrap .auftrag .auftragDetail .artInfo, .auftragWrap .auftrag .auftragDetail .kundenauftraege, .auftragWrap .auftrag .auftragDetail .anlieferung, .auftragWrap .auftrag .auftragDetail .alternativprodukt, .auftragWrapDone .auftrag .auftragDetail .artInfo, .auftragWrapDone .auftrag .auftragDetail .kundenauftraege, .auftragWrapDone .auftrag .auftragDetail .anlieferung, .auftragWrapDone .auftrag .auftragDetail .alternativprodukt {
  grid-column-start: span 2;
}
.auftragWrap .auftrag .auftragDetail .auto_anlieferung, .auftragWrapDone .auftrag .auftragDetail .auto_anlieferung {
  grid-column-start: span 5;
}
.auftragWrap .auftrag .auftragDetail .alternativprodukt .wrap > div, .auftragWrapDone .auftrag .auftragDetail .alternativprodukt .wrap > div {
  text-align: center;
  height: 15.3846153846em;
  display: block;
  float: left;
  width: 40%;
  margin: 4.5%;
}
.auftragWrap .auftrag .auftragDetail .alternativprodukt .wrap > div img, .auftragWrapDone .auftrag .auftragDetail .alternativprodukt .wrap > div img {
  max-width: 100%;
  max-height: 6.8461538462em;
}
.auftragWrap .auftrag .auftragDetail .alternativprodukt .wrap > div h3, .auftragWrapDone .auftrag .auftragDetail .alternativprodukt .wrap > div h3 {
  height: 2.3076923077em;
  overflow: hidden;
  font-size: 1.0769230769em;
  margin: 0;
  padding: 0.3846153846em 0;
}
.auftragWrap .auftrag .auftragDetail .alternativprodukt .wrap > div h4, .auftragWrapDone .auftrag .auftragDetail .alternativprodukt .wrap > div h4 {
  margin: 0;
  padding: 0 0 1.1538461538em 0;
}
.auftragWrap .auftrag .auftragDetail .artInfo, .auftragWrap .auftrag .auftragDetail .kundenauftraege, .auftragWrap .auftrag .auftragDetail .anlieferung, .auftragWrap .auftrag .auftragDetail .alternativprodukt, .auftragWrap .auftrag .auftragDetail .auto_anlieferung, .auftragWrapDone .auftrag .auftragDetail .artInfo, .auftragWrapDone .auftrag .auftragDetail .kundenauftraege, .auftragWrapDone .auftrag .auftragDetail .anlieferung, .auftragWrapDone .auftrag .auftragDetail .alternativprodukt, .auftragWrapDone .auftrag .auftragDetail .auto_anlieferung {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 1.5384615385em;
  padding: 0.7692307692em;
}
.auftragWrap .auftrag .auftragDetail table, .auftragWrapDone .auftrag .auftragDetail table {
  width: 100%;
}
.auftragWrap .auftrag .auftragDetail table .head td, .auftragWrapDone .auftrag .auftragDetail table .head td {
  font-weight: bold;
}
.auftragWrap .auftrag .auftragDetail table td, .auftragWrapDone .auftrag .auftragDetail table td {
  padding: 0.3846153846em 0;
}
.auftragWrap .auftrag .auftragDetail table td.neuMenge, .auftragWrapDone .auftrag .auftragDetail table td.neuMenge {
  color: #E74536;
  text-decoration: line-through;
}
.auftragWrap .auftrag .auftragDetail table td.neuMenge span, .auftragWrapDone .auftrag .auftragDetail table td.neuMenge span {
  color: #333;
  text-decoration: none;
  display: inline-block;
  margin-left: 0.3846153846em;
}
.auftragWrap .auftrag .auftragDetail table i.error, .auftragWrapDone .auftrag .auftragDetail table i.error {
  font-weight: bold;
  color: #E74536;
  font-style: normal;
  margin-left: 0.7692307692em;
}
.auftragWrap .auftrag .auftragDetail table td.error, .auftragWrapDone .auftrag .auftragDetail table td.error {
  font-weight: bold;
  color: #E74536;
  font-style: normal;
  margin-left: 0.7692307692em;
}
.auftragWrap .auftrag .auftragDetail table td.positive, .auftragWrapDone .auftrag .auftragDetail table td.positive {
  font-weight: bold;
  color: #3eb256;
  font-style: normal;
  margin-left: 0.7692307692em;
}
.auftragWrap .auftrag .auftragDetail span.checkbox, .auftragWrapDone .auftrag .auftragDetail span.checkbox {
  width: 1.1538461538em;
  height: 1.1538461538em;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 0.3846153846em;
}
.auftragWrap .auftrag .auftragDetail span.checkbox.checked, .auftragWrapDone .auftrag .auftragDetail span.checkbox.checked {
  background-color: #0072CE;
}
.auftragWrap .auftrag .auftragDetail span.checkbox:hover, .auftragWrapDone .auftrag .auftragDetail span.checkbox:hover {
  cursor: pointer;
  border-color: #0072CE;
}
.auftragWrap .auftrag .auftragDetail .current, .auftragWrapDone .auftrag .auftragDetail .current {
  color: #0072CE;
  font-weight: bold;
}
.auftragWrap .auftrag .auftragDetail .auto_bubble, .auftragWrapDone .auftrag .auftragDetail .auto_bubble {
  display: inline-block;
  padding: 0.2307692308em 0.6923076923em;
  background: #eee;
  border-radius: 0.7692307692em;
  margin-right: 0.3846153846em;
  margin-bottom: 0.3846153846em;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap {
  display: block;
  margin-bottom: 0.7692307692em;
  padding-bottom: 0.7692307692em;
  border-bottom: 1px dashed #333;
  position: relative;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > span, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > span {
  display: inline-block;
  width: 20%;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > span b, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > span b {
  display: block;
  opacity: 0.7;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > span.big, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > span.big {
  width: 30%;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > span.small, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > span.small {
  width: 7%;
  padding-right: 3%;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap .addtod2d, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap .addtod2d {
  position: absolute;
  right: 2.3076923077em;
  top: 0;
  font-weight: normal;
  cursor: pointer;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap .addtod2d:hover, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap .addtod2d:hover {
  text-decoration: underline;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap .addtod2d.count1, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap .addtod2d.count1 {
  top: 1.0769230769em;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap .addtod2d.count2, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap .addtod2d.count2 {
  top: 2.1538461538em;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap.curprod span b, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap.curprod span b {
  color: #0072CE;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > .fa-solid, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > .fa-solid {
  opacity: 0.7;
  position: absolute;
  right: 0.7692307692em;
  top: 0.3846153846em;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > .fa-solid.fa-sort-down, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > .fa-solid.fa-sort-down {
  top: auto;
  bottom: 1.1538461538em;
}
.auftragWrap .auftrag .auftragDetail .autofunc_wrap > .fa-solid:hover, .auftragWrapDone .auftrag .auftragDetail .autofunc_wrap > .fa-solid:hover {
  cursor: pointer;
  opacity: 1;
}
.auftragWrap .auftrag .auftragDetail .anliefer_wrap, .auftragWrapDone .auftrag .auftragDetail .anliefer_wrap {
  padding-top: 1.1538461538em;
  margin-bottom: 0.7692307692em;
  border-bottom: 1px dashed #333;
}
.auftragWrap .auftrag .auftragDetail .anliefer_wrap h4, .auftragWrapDone .auftrag .auftragDetail .anliefer_wrap h4 {
  margin: 0;
  padding: 0;
}
.auftragWrap .auftrag .recommendation, .auftragWrapDone .auftrag .recommendation {
  position: relative;
  margin-bottom: 1.1538461538em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 1.5384615385em;
  padding: 0.7692307692em;
  padding: 1.1538461538em;
  width: 25%;
}
.auftragWrap .auftrag .recommendation table, .auftragWrapDone .auftrag .recommendation table {
  width: 100%;
}
.auftragWrap .auftrag .recommendation table th, .auftragWrapDone .auftrag .recommendation table th {
  text-align: left;
}
.auftragWrap .auftrag .saveAuftrag, .auftragWrap .auftrag .deleteAuftrag, .auftragWrapDone .auftrag .saveAuftrag, .auftragWrapDone .auftrag .deleteAuftrag {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 0.7692307692em;
  text-align: center;
  background: #3eb256;
  padding: 1em;
  display: inline-block;
  position: relative;
  border-radius: 0.3846153846em;
  margin-right: 0.7692307692em;
  white-space: nowrap;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  bottom: 0.7692307692em;
  right: 0.7692307692em;
  display: none;
}
.auftragWrap .auftrag .saveAuftrag:hover, .auftragWrap .auftrag .deleteAuftrag:hover, .auftragWrapDone .auftrag .saveAuftrag:hover, .auftragWrapDone .auftrag .deleteAuftrag:hover {
  text-decoration: underline;
  background: #318c44;
}
.auftragWrap .auftrag .saveAuftrag.top, .auftragWrap .auftrag .deleteAuftrag.top, .auftragWrapDone .auftrag .saveAuftrag.top, .auftragWrapDone .auftrag .deleteAuftrag.top {
  bottom: auto;
  top: 4.6153846154em;
}
.auftragWrap .auftrag .deleteAuftrag, .auftragWrapDone .auftrag .deleteAuftrag {
  background: #E74536;
  position: absolute;
  bottom: 0.7692307692em;
  right: 0.7692307692em;
  display: none;
}
.auftragWrap .auftrag .deleteAuftrag:hover, .auftragWrapDone .auftrag .deleteAuftrag:hover {
  background: #d12919;
}
.auftragWrap .auftrag.open .saveAuftrag, .auftragWrapDone .auftrag.open .saveAuftrag {
  display: inline-block;
}
.auftragWrap .auftrag.open.done .deleteAuftrag, .auftragWrapDone .auftrag.open.done .deleteAuftrag {
  display: inline-block;
}
.auftragWrap .auftrag.open.done .saveAuftrag, .auftragWrapDone .auftrag.open.done .saveAuftrag {
  display: none;
}
.auftragWrap .auftrag.done > .status, .auftragWrapDone .auftrag.done > .status {
  border-color: #3eb256 !important;
  background-color: #3eb256 !important;
  color: #fff;
}
.auftragWrap .auftrag .auftragDetail.done, .auftragWrapDone .auftrag .auftragDetail.done {
  opacity: 0.5;
}

.copyclipboard {
  position: absolute;
  right: 0.3846153846em;
  cursor: pointer;
}

#content label.katkat1 label, #content label.katkat2 label, #content label.katkat3 label, #content label.katkat4 label {
  font-weight: 600;
  display: block;
  padding: 1.1538461538em 0 0.3846153846em 2.3076923077em;
  color: #59677c;
}
#content label.katkat1 label input, #content label.katkat2 label input, #content label.katkat3 label input, #content label.katkat4 label input {
  position: absolute;
  height: 0.5384615385em !important;
  width: 0.5384615385em !important;
  background-color: #ffffff;
  border-radius: 76.8461538462em;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-top: -0.3076923077em;
  margin-left: -2.4615384615em;
}
#content label.katkat1 label input:checked, #content label.katkat2 label input:checked, #content label.katkat3 label input:checked, #content label.katkat4 label input:checked {
  background-color: #0072CE;
  outline: none;
  -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
#content label.katkat1 label input.disabled, #content label.katkat1 label input.disabled:checked, #content label.katkat1 label input.disabled:hover, #content label.katkat2 label input.disabled, #content label.katkat2 label input.disabled:checked, #content label.katkat2 label input.disabled:hover, #content label.katkat3 label input.disabled, #content label.katkat3 label input.disabled:checked, #content label.katkat3 label input.disabled:hover, #content label.katkat4 label input.disabled, #content label.katkat4 label input.disabled:checked, #content label.katkat4 label input.disabled:hover {
  opacity: 0.1;
  background-color: #0072CE;
  outline: none;
  -webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
#content label.katkat1 label:hover, #content label.katkat2 label:hover, #content label.katkat3 label:hover, #content label.katkat4 label:hover {
  color: #2e3641;
}

/* ####################################################################################################################
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
#################################################################################################################### */
.tableList, .flex-box.tableList, .grid-box.tableList, .tableDetail, .flex-box.tableDetail, .grid-box.tableDetail {
  width: 100%;
  display: table;
  padding: 0;
  border-collapse: collapse;
}
.tableList 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;
  font-size: 1.0769230769em;
  padding: 0.7692307692em 1em;
  border-bottom: 2px solid rgba(0, 114, 206, 0.1);
  border-right: 1px dashed rgba(0, 114, 206, 0.1);
  line-height: 1.5384615385em;
  text-align: left;
  background: #fff;
}
.tableList 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, .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.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, .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, .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: #0072CE;
  color: #fff;
}
.tableList tfoot tr th, .flex-box.tableList tfoot tr th, .grid-box.tableList tfoot tr th, .tableDetail tfoot tr th, .flex-box.tableDetail tfoot tr th, .grid-box.tableDetail tfoot tr th {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  font-size: 1.0769230769em;
  padding: 0.7692307692em 1em;
  border-bottom: 2px solid rgba(0, 114, 206, 0.1);
  border-right: 1px dashed rgba(0, 114, 206, 0.1);
  line-height: 1.5384615385em;
  text-align: left;
  background: #fff;
}
.tableList tfoot tr th:last-child, .flex-box.tableList tfoot tr th:last-child, .grid-box.tableList tfoot tr th:last-child, .tableDetail tfoot tr th:last-child, .flex-box.tableDetail tfoot tr th:last-child, .grid-box.tableDetail tfoot tr th:last-child {
  border-right: none;
}
.tableList tfoot tr.headline th, .flex-box.tableList tfoot tr.headline th, .grid-box.tableList tfoot tr.headline th, .tableDetail tfoot tr.headline th, .flex-box.tableDetail tfoot tr.headline th, .grid-box.tableDetail tfoot tr.headline th {
  text-align: center;
}
.tableList 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;
  font-size: 1.0769230769em;
  padding: 0.7692307692em 1em;
  text-align: left;
  border-right: 1px dashed rgba(0, 114, 206, 0.1);
  border-bottom: 1px solid rgba(0, 114, 206, 0.1);
  line-height: 1.5384615385em;
}
.tableList 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, .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, .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(0, 114, 206, 0.08);
  color: #0072CE;
}
.tableList 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, .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 {
  min-width: 6.9230769231em;
  width: auto;
  padding: 0;
  margin: 0;
}
.tableList 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.subdetail.det3 td:first-child, .flex-box.tableList tbody tr.subdetail.det3 td:first-child, .grid-box.tableList tbody tr.subdetail.det3 td:first-child, .tableDetail tbody tr.subdetail.det3 td:first-child, .flex-box.tableDetail tbody tr.subdetail.det3 td:first-child, .grid-box.tableDetail tbody tr.subdetail.det3 td:first-child {
  -webkit-box-shadow: inset 0.7692307692em 0px 0px 0px #F4F8FB;
          box-shadow: inset 0.7692307692em 0px 0px 0px #F4F8FB;
  padding-left: 2.3076923077em;
}
.tableList tbody tr.subdetail .descBig, .flex-box.tableList tbody tr.subdetail .descBig, .grid-box.tableList tbody tr.subdetail .descBig, .tableDetail tbody tr.subdetail .descBig, .flex-box.tableDetail tbody tr.subdetail .descBig, .grid-box.tableDetail tbody tr.subdetail .descBig {
  width: 15.3846153846em;
}
.tableList tbody tr.subdetail.green, .flex-box.tableList tbody tr.subdetail.green, .grid-box.tableList tbody tr.subdetail.green, .tableDetail tbody tr.subdetail.green, .flex-box.tableDetail tbody tr.subdetail.green, .grid-box.tableDetail tbody tr.subdetail.green {
  background-color: rgba(62, 178, 86, 0.3);
  font-weight: bold;
}
.tableList tbody tr.subdetail.green:hover td, .flex-box.tableList tbody tr.subdetail.green:hover td, .grid-box.tableList tbody tr.subdetail.green:hover td, .tableDetail tbody tr.subdetail.green:hover td, .flex-box.tableDetail tbody tr.subdetail.green:hover td, .grid-box.tableDetail tbody tr.subdetail.green:hover td {
  color: #fff;
}
.tableList tbody tr.subdetail.green td, .flex-box.tableList tbody tr.subdetail.green td, .grid-box.tableList tbody tr.subdetail.green td, .tableDetail tbody tr.subdetail.green td, .flex-box.tableDetail tbody tr.subdetail.green td, .grid-box.tableDetail tbody tr.subdetail.green td {
  padding: 0.3846153846em 1em;
}
.tableList tbody tr.subdetail.red, .flex-box.tableList tbody tr.subdetail.red, .grid-box.tableList tbody tr.subdetail.red, .tableDetail tbody tr.subdetail.red, .flex-box.tableDetail tbody tr.subdetail.red, .grid-box.tableDetail tbody tr.subdetail.red {
  color: #E74536;
  font-weight: bold;
}
.tableList tbody tr.subdetail.red td, .flex-box.tableList tbody tr.subdetail.red td, .grid-box.tableList tbody tr.subdetail.red td, .tableDetail tbody tr.subdetail.red td, .flex-box.tableDetail tbody tr.subdetail.red td, .grid-box.tableDetail tbody tr.subdetail.red td {
  font-size: 150%;
  padding: 0.3846153846em 1em;
}
.tableList tbody tr.subdetail.blue, .flex-box.tableList tbody tr.subdetail.blue, .grid-box.tableList tbody tr.subdetail.blue, .tableDetail tbody tr.subdetail.blue, .flex-box.tableDetail tbody tr.subdetail.blue, .grid-box.tableDetail tbody tr.subdetail.blue {
  border-left: 3.0769230769em solid #F4F8FB;
  background-color: rgba(0, 114, 206, 0.8);
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.tableList tbody tr.subdetail.blue:hover, .flex-box.tableList tbody tr.subdetail.blue:hover, .grid-box.tableList tbody tr.subdetail.blue:hover, .tableDetail tbody tr.subdetail.blue:hover, .flex-box.tableDetail tbody tr.subdetail.blue:hover, .grid-box.tableDetail tbody tr.subdetail.blue:hover {
  color: #fff;
}
.tableList tbody tr.subdetail.blue td, .flex-box.tableList tbody tr.subdetail.blue td, .grid-box.tableList tbody tr.subdetail.blue td, .tableDetail tbody tr.subdetail.blue td, .flex-box.tableDetail tbody tr.subdetail.blue td, .grid-box.tableDetail tbody tr.subdetail.blue td {
  padding: 0.3846153846em 1em;
}
.tableList tbody tr.subdetail.close .showMore, .flex-box.tableList tbody tr.subdetail.close .showMore, .grid-box.tableList tbody tr.subdetail.close .showMore, .tableDetail tbody tr.subdetail.close .showMore, .flex-box.tableDetail tbody tr.subdetail.close .showMore, .grid-box.tableDetail tbody tr.subdetail.close .showMore {
  font-weight: bold;
  text-align: center;
  color: #E74536;
}
.tableList tbody tr.subdetail.close .showMore:hover, .flex-box.tableList tbody tr.subdetail.close .showMore:hover, .grid-box.tableList tbody tr.subdetail.close .showMore:hover, .tableDetail tbody tr.subdetail.close .showMore:hover, .flex-box.tableDetail tbody tr.subdetail.close .showMore:hover, .grid-box.tableDetail tbody tr.subdetail.close .showMore:hover {
  text-decoration: underline;
  cursor: pointer;
}
.tableList tbody tr.subdetail.close form, .tableList tbody tr.subdetail.close .button.small, .flex-box.tableList tbody tr.subdetail.close form, .flex-box.tableList tbody tr.subdetail.close .button.small, .grid-box.tableList tbody tr.subdetail.close form, .grid-box.tableList tbody tr.subdetail.close .button.small, .tableDetail tbody tr.subdetail.close form, .tableDetail tbody tr.subdetail.close .button.small, .flex-box.tableDetail tbody tr.subdetail.close form, .flex-box.tableDetail tbody tr.subdetail.close .button.small, .grid-box.tableDetail tbody tr.subdetail.close form, .grid-box.tableDetail tbody tr.subdetail.close .button.small {
  display: none;
}
.tableList tbody tr.subdetail.close:hover td, .flex-box.tableList tbody tr.subdetail.close:hover td, .grid-box.tableList tbody tr.subdetail.close:hover td, .tableDetail tbody tr.subdetail.close:hover td, .flex-box.tableDetail tbody tr.subdetail.close:hover td, .grid-box.tableDetail tbody tr.subdetail.close:hover td {
  background: white;
}
.tableList tbody tr.subdetail.show .showMore, .flex-box.tableList tbody tr.subdetail.show .showMore, .grid-box.tableList tbody tr.subdetail.show .showMore, .tableDetail tbody tr.subdetail.show .showMore, .flex-box.tableDetail tbody tr.subdetail.show .showMore, .grid-box.tableDetail tbody tr.subdetail.show .showMore {
  display: none;
}
.tableList tbody tr.subdetail input[disabled], .tableList tbody tr.subdetail select[disabled], .flex-box.tableList tbody tr.subdetail input[disabled], .flex-box.tableList tbody tr.subdetail select[disabled], .grid-box.tableList tbody tr.subdetail input[disabled], .grid-box.tableList tbody tr.subdetail select[disabled], .tableDetail tbody tr.subdetail input[disabled], .tableDetail tbody tr.subdetail select[disabled], .flex-box.tableDetail tbody tr.subdetail input[disabled], .flex-box.tableDetail tbody tr.subdetail select[disabled], .grid-box.tableDetail tbody tr.subdetail input[disabled], .grid-box.tableDetail tbody tr.subdetail select[disabled] {
  background: transparent;
  border-color: transparent;
  color: #000;
  opacity: 1;
}
.tableList tbody tr.subdetail.o5 *, .flex-box.tableList tbody tr.subdetail.o5 *, .grid-box.tableList tbody tr.subdetail.o5 *, .tableDetail tbody tr.subdetail.o5 *, .flex-box.tableDetail tbody tr.subdetail.o5 *, .grid-box.tableDetail tbody tr.subdetail.o5 * {
  opacity: 0.7;
}
.tableList tbody tr.bigBorderBottom:not(.det2), .flex-box.tableList tbody tr.bigBorderBottom:not(.det2), .grid-box.tableList tbody tr.bigBorderBottom:not(.det2), .tableDetail tbody tr.bigBorderBottom:not(.det2), .flex-box.tableDetail tbody tr.bigBorderBottom:not(.det2), .grid-box.tableDetail tbody tr.bigBorderBottom:not(.det2) {
  border-bottom: 1.1538461538em solid #F4F8FB;
}
.tableList.right, .tableList .right, .flex-box.tableList.right, .flex-box.tableList .right, .grid-box.tableList.right, .grid-box.tableList .right, .tableDetail.right, .tableDetail .right, .flex-box.tableDetail.right, .flex-box.tableDetail .right, .grid-box.tableDetail.right, .grid-box.tableDetail .right {
  text-align: right !important;
}
.tableList .red td, .tableList .red, .flex-box.tableList .red td, .flex-box.tableList .red, .grid-box.tableList .red td, .grid-box.tableList .red, .tableDetail .red td, .tableDetail .red, .flex-box.tableDetail .red td, .flex-box.tableDetail .red, .grid-box.tableDetail .red td, .grid-box.tableDetail .red {
  color: #E74536 !important;
}
.tableList .green2 td, .tableList .green2, .flex-box.tableList .green2 td, .flex-box.tableList .green2, .grid-box.tableList .green2 td, .grid-box.tableList .green2, .tableDetail .green2 td, .tableDetail .green2, .flex-box.tableDetail .green2 td, .flex-box.tableDetail .green2, .grid-box.tableDetail .green2 td, .grid-box.tableDetail .green2 {
  color: #3eb256 !important;
}
.tableList.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, .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: #cee9ff;
  -webkit-animation: shopLoader 1000ms ease infinite;
  animation: shopLoader 1000ms ease infinite;
}
.tableList.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, .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, .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, .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, .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, .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, .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 .productsubcategory a, .flex-box.tableList .productsubcategory a, .grid-box.tableList .productsubcategory a, .tableDetail .productsubcategory a, .flex-box.tableDetail .productsubcategory a, .grid-box.tableDetail .productsubcategory a {
  padding-left: 1.9230769231em;
}
.tableList .productsubcategory td, .flex-box.tableList .productsubcategory td, .grid-box.tableList .productsubcategory td, .tableDetail .productsubcategory td, .flex-box.tableDetail .productsubcategory td, .grid-box.tableDetail .productsubcategory td {
  border-bottom: 1px solid #0072CE;
}
.tableList input[disabled][type=text], .flex-box.tableList input[disabled][type=text], .grid-box.tableList input[disabled][type=text], .tableDetail input[disabled][type=text], .flex-box.tableDetail input[disabled][type=text], .grid-box.tableDetail input[disabled][type=text] {
  border: none !important;
  background-color: transparent !important;
}

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

/* ####################################################################################################################
Shopseite
#################################################################################################################### */
.product.grid-wrap {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17.6923076923em, 8fr));
  -webkit-column-gap: 0.7692307692em;
     -moz-column-gap: 0.7692307692em;
          column-gap: 0.7692307692em;
  row-gap: 0.7692307692em;
  -ms-grid-column-align: stretch;
      justify-self: stretch;
}
@media (max-height: 720px) {
  .product.grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(19.2307692308em, 8fr));
  }
  .product.grid-wrap h2.shopNeu, .product.grid-wrap h2.shopTopseller, .product.grid-wrap h2.shopBlank {
    -ms-grid-column-span: 5;
    grid-column: span 5;
  }
}
@-webkit-keyframes shopLoader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shopLoader {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.product.grid-wrap [data-tooltip] {
  position: relative;
}
.product.grid-wrap [data-tooltip]:before {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  z-index: 50;
  bottom: 3.8461538462em; /* put it on the top */
  background-color: rgb(255, 255, 255);
  padding: 5px 5px 5px 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-in-out;
}
.product.grid-wrap [data-tooltip]:hover:before {
  opacity: 1;
}
.product.grid-wrap div[data-tooltip]:before {
  left: 5px !important;
}
.product.grid-wrap .productdiv.grid-box {
  display: none;
  position: relative;
  overflow: hidden;
  height: 26.9230769231em;
  -webkit-box-shadow: 0 0 0.7692307692em -1.9230769231em #35a5ff;
  box-shadow: 0 0 0.7692307692em -1.9230769231em #35a5ff;
  z-index: 9;
}
.product.grid-wrap .productdiv.grid-box.show {
  display: block;
}
.product.grid-wrap .productdiv.grid-box:hover {
  -webkit-box-shadow: 0 0 9.2307692308em -2.3076923077em #35a5ff;
  box-shadow: 0 0 9.2307692308em -2.3076923077em #35a5ff;
  z-index: 10;
  cursor: pointer;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.product.grid-wrap .productdiv.grid-box[empeak-kennzeichnung="99"] {
  background: #fff4e3;
}
.product.grid-wrap .productdiv.grid-box.slowmover:not([empeak-kennzeichnung="4"]) {
  background: #f9d8d8;
}
.product.grid-wrap .productdiv.grid-box .agenturbadge {
  padding: 5px 10px;
  background: #0072CE;
  color: #fff;
  position: absolute;
  top: 19px;
  border-radius: 0 20px 20px 0;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper {
  opacity: 0.9;
  position: absolute;
  width: 100%;
  height: 100%;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .specialBis {
  margin: 0.7692307692em;
  right: 0;
  position: absolute;
  font-weight: bold;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .special, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge {
  text-transform: uppercase;
  font-size: 1.0769230769em;
  letter-spacing: 0.05em;
  font-weight: 700;
  position: absolute;
  padding: 0.2307692308em 0.6153846154em;
  color: #fff;
  text-align: center;
  left: 0.6923076923em;
  bottom: 1.0769230769em;
  border-radius: 1.4615384615em;
  background: rgba(201, 207, 216, 0.9);
  color: #191d23;
  border: 2px solid #191d23;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .special.sale, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge.sale {
  background: rgba(247, 195, 191, 0.9);
  color: #E74536;
  border: 2px solid #E74536;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .special.sale.toptop, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge.sale.toptop {
  margin-bottom: 2.3076923077em;
  padding: 0.0769230769em 0.6153846154em;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .special.top, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge.top {
  background: rgba(253, 245, 226, 0.8);
  color: #F0B323;
  border: 2px solid #F0B323;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .special.second, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge.second {
  font-size: 0.8461538462em;
  bottom: 4.6153846154em;
  left: 0.8461538462em;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .special.neu, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge.neu {
  background: rgba(206, 233, 255, 0.9);
  color: #0072CE;
  border: 2px solid #0072CE;
}
.product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge, .product.grid-wrap .productdiv.grid-box .badgewrapper .specialbadge.top {
  bottom: auto;
  top: 0.7692307692em;
  background: rgba(201, 207, 216, 0.8);
  color: #191d23;
  border: 2px solid #191d23;
}
.product.grid-wrap .productdiv.grid-box.topseller {
  border: 3px solid #F0B323;
}
.product.grid-wrap .productdiv.grid-box.sale {
  border: 3px solid #E74536;
}
.product.grid-wrap .productdiv.grid-box .inCartImg, .product.grid-wrap .productdiv.grid-box .favRes, .product.grid-wrap .productdiv.grid-box .warehouse {
  display: none;
  font-size: 130%;
  position: absolute;
  top: 0.7692307692em;
  right: 0.7692307692em;
  color: #191d23;
  opacity: 0.5;
}
.product.grid-wrap .productdiv.grid-box .favRes {
  display: block;
  left: 0.7692307692em;
}
.product.grid-wrap .productdiv.grid-box .warehouse {
  font-size: 100%;
  display: block;
  left: 1em;
}
.product.grid-wrap .productdiv.grid-box .warehouse.secRow {
  margin-top: 1.9230769231em;
}
.product.grid-wrap .productdiv.grid-box .warehouse.thirdRow {
  margin-top: 2.4615384615em;
}
.product.grid-wrap .productdiv.grid-box.inCart .inCartImg {
  display: block;
}
.product.grid-wrap .productdiv.grid-box .favStern {
  font-size: 130%;
  background: #0072CE;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 0.6153846154em;
  color: #8d9aae;
}
.product.grid-wrap .productdiv.grid-box .favStern.stern2 {
  background: #8d9aae;
}
.product.grid-wrap .productdiv.grid-box.topseller.favStern {
  border: 3px solid #F0B323;
}
.product.grid-wrap .productdiv.grid-box .productImg {
  width: calc(100% - 4.6153846154em);
  margin: 2.3076923077em;
  height: 13.0769230769em;
}
.product.grid-wrap .productdiv.grid-box .productImg span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.product.grid-wrap .productdiv.grid-box .productNr {
  position: absolute;
  top: 16.9230769231em;
  text-align: center;
  left: 0;
  right: 0;
  display: block;
}
.product.grid-wrap .productdiv.grid-box .productName {
  position: absolute;
  top: 15.7692307692em;
  font-weight: bold;
  font-size: 1.1538461538em;
  text-align: center;
  left: 0.7692307692em;
  right: 0.7692307692em;
  display: block;
  height: 2.3846153846em;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.product.grid-wrap .productdiv.grid-box .productUvp {
  font-size: 2.1538461538em;
  font-weight: bold;
  position: absolute;
  bottom: 0.3846153846em;
  right: 0.3846153846em;
  color: #0072CE;
}
.product.grid-wrap .productdiv.grid-box .productUvp span.cent {
  position: absolute;
  display: inline-block;
  font-size: 0.6923076923em;
  margin-top: 0em;
  margin-left: 0.1538461538em;
}
.product.grid-wrap .productdiv.grid-box .productUvp span:last-child {
  margin-left: 0.8461538462em;
}
.product.grid-wrap .productdiv.grid-box .productUvpExtra {
  font-weight: bold;
  position: absolute;
  bottom: 3.8461538462em;
  right: 4.6153846154em;
  color: #E74536;
  opacity: 1;
}
.product.grid-wrap .productdiv.grid-box .productUvpName {
  font-weight: bold;
  position: absolute;
  bottom: 3.8461538462em;
  right: 0.9230769231em;
  color: #191d23;
  opacity: 0.5;
}
.product.grid-wrap .productdiv.grid-box[attr-ken="3"] .productUvp, .product.grid-wrap .productdiv.grid-box[attr-ken="4"] .productUvp {
  color: #E74536;
}
.product.grid-wrap .productdiv.grid-box .addToCart {
  width: 100%;
  background: rgba(0, 114, 206, 0.7);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  position: absolute;
  text-align: center;
  top: -3.8461538462em;
  padding: 1.1538461538em;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
}
.product.grid-wrap .productdiv.grid-box .addToCart:hover {
  background: #0072ce;
}
.product.grid-wrap .productdiv.grid-box:hover .addToCart {
  top: 0;
}
h2.shopNeu, h2.shopTopseller, h2.shopBlank {
  display: block;
  grid: none;
  -ms-grid-column-span: 6;
  grid-column: span 6;
  text-align: left;
  font-weight: 100;
  font-size: 2.3076923077em;
  margin: 0.9230769231em 0 0 0;
  padding: 0.9230769231em 0 0.4615384615em 0;
  -webkit-box-shadow: 0px -0.6153846154em 1.1538461538em -1.2307692308em rgba(0, 0, 0, 0.6);
          box-shadow: 0px -0.6153846154em 1.1538461538em -1.2307692308em rgba(0, 0, 0, 0.6);
  grid-column: 1/-1;
}
@media (max-width: 1360px) {
  h2.shopNeu, h2.shopTopseller, h2.shopBlank {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
  }
}
@media (max-width: 1080px) {
  h2.shopNeu, h2.shopTopseller, h2.shopBlank {
    -ms-grid-column: 1;
        grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4;
  }
}

h2.shopTopseller {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 0.4615384615em 0 0.4615384615em 0;
}

h2.shopBlank {
  margin: 0.9230769231em 0 -0.2307692308em 0;
  padding: 0;
  -webkit-box-shadow: 0px -0.6153846154em 0.9230769231em -0.6153846154em rgba(0, 0, 0, 0.6);
          box-shadow: 0px -0.6153846154em 0.9230769231em -0.6153846154em rgba(0, 0, 0, 0.6);
}

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

.popupTable {
  width: calc(100% - 1.5384615385em);
  padding: 0.7692307692em;
  background-color: #fff;
}
.popupTable table {
  width: 100%;
}
.popupTable table th {
  padding: 0;
}
.popupTable h2, .popupTable h3, .popupTable td, .popupTable th, .popupTable a {
  color: #333;
}

.productSearch input, .productSearch input:active {
  width: 100%;
  padding: 0.7692307692em;
  font-size: 166%;
  color: #fff;
  background: none;
  border: none;
  border-bottom: 3px solid #fff;
}
.productSearch input:-webkit-autofill, .productSearch input:active:-webkit-autofill {
  color: #fff !important;
}
.productSearch input::-webkit-input-placeholder, .productSearch input:active::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.6; /* Firefox */
}
.productSearch input::-moz-placeholder, .productSearch input:active::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.6; /* Firefox */
}
.productSearch input:-ms-input-placeholder, .productSearch input:active:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.6; /* Firefox */
}
.productSearch input::-ms-input-placeholder, .productSearch input:active::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.6; /* Firefox */
}
.productSearch input::placeholder, .productSearch input:active::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.6; /* Firefox */
}
.productSearch input:focus, .productSearch input:active:focus {
  outline: none;
}
.productSearch input[type=submit] {
  color: #0072CE;
  font-size: 150%;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 0.6153846154em 0.7692307692em;
  margin-bottom: 0.3846153846em;
  border-radius: 0.4615384615em;
  text-align: center;
  border: none;
  background: rgb(255, 255, 255);
  text-decoration: none;
  border: 4px solid transparent;
  margin-top: 1.1538461538em;
}
.productSearch input[type=submit]:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 4px solid rgba(255, 255, 255, 0.9);
  color: #fff;
  cursor: pointer;
}

/* ####################################################################################################################
FILEMANAGEMENT
#################################################################################################################### */
.foldermanagement {
  width: 19.2307692308em;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-radius: 0.7692307692em;
}
.foldermanagement span {
  border-bottom: 1px solid #eee;
  display: block;
  padding: 0.7692307692em 1.1538461538em;
}
.foldermanagement span.level1 {
  border-left: 0.7692307692em solid #eee;
}
.foldermanagement span.level2 {
  border-left: 1.5384615385em solid #eee;
}
.foldermanagement span.level3 {
  border-left: 2.3076923077em solid #eee;
}
.foldermanagement span.level4 {
  border-left: 3.0769230769em solid #eee;
}
.foldermanagement span.level5 {
  border-left: 3.8461538462em solid #eee;
}
.foldermanagement span.level6 {
  border-left: 4.6153846154em solid #eee;
}
.foldermanagement span.level7 {
  border-left: 5.3846153846em solid #eee;
}
.foldermanagement span.level8 {
  border-left: 6.1538461538em solid #eee;
}
.foldermanagement span.level9 {
  border-left: 6.9230769231em solid #eee;
}
.foldermanagement span.level10 {
  border-left: 7.6923076923em solid #eee;
}
.foldermanagement span:hover {
  cursor: pointer;
  text-decoration: underline;
}

.fileactions {
  width: 19.2307692308em;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.fileactions #filedragandrophandler {
  text-align: center;
  border-radius: 0.7692307692em;
  display: block;
  width: 100%;
  padding: 1.9230769231em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #0072CE;
  background: rgba(0, 0, 0, 0.05);
  border: 2px dashed #0072CE;
  margin-bottom: 1.1538461538em;
  cursor: pointer;
}
.fileactions #filedragandrophandler:hover, .fileactions #filedragandrophandler .enter {
  background: rgba(0, 0, 0, 0.1);
}
.fileactions a.uploadNewFile {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 0.9230769231em 0.7692307692em;
  margin-bottom: 0.3846153846em;
  border-radius: 0.4615384615em;
  text-align: center;
  background: #0072CE;
  text-decoration: none;
}
.fileactions a.uploadNewFile:hover {
  background: #0064b5 !important;
  color: #fff;
  text-decoration: underline;
}
.fileactions a.createFolder, .fileactions a.massenupload, .fileactions a.showHide {
  color: #0072CE;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 0.4615384615em 0.7692307692em;
  margin-bottom: 0.3846153846em;
  border-radius: 0.4615384615em;
  text-align: left;
  text-decoration: none;
}
.fileactions a.createFolder:hover, .fileactions a.massenupload:hover, .fileactions a.showHide:hover {
  text-decoration: underline;
}
.fileactions .uploadDiv {
  margin-top: 1.1538461538em;
  padding: 0.7692307692em;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-radius: 0.7692307692em;
}
.fileactions .uploadDiv b {
  width: 100%;
  display: inline-block;
  white-space: pre-line;
  overflow: hidden;
  word-break: break-all;
}
.fileactions .uploadDiv .loader {
  display: block;
  width: 100%;
  border-radius: 10px;
  height: 10px;
  overflow: hidden;
  background: rgba(0, 163, 0, 0.2);
}
.fileactions .uploadDiv .loader span {
  display: block;
  height: 10px;
  width: 0%;
  background: #3eb256;
}
.fileactions .uploadDiv p {
  padding: 0;
  margin: 0.7692307692em 0 0 0;
}
.fileactions .uploadDiv.done {
  background: #3eb256;
  color: #fff;
}
.fileactions .uploadDiv.done .verbleibend, .fileactions .uploadDiv.done .loader {
  display: none;
}

.postfach_choose {
  display: inline-block;
  height: 1.1538461538em;
  background: #eee;
  padding: 0.2307692308em;
  border-radius: 3.8461538462em;
}
.postfach_choose a {
  display: inline-block;
  margin: 0;
  padding: 0.4615384615em 0.9230769231em;
  line-height: 1.1538461538em;
  border-radius: 3.8461538462em;
  text-decoration: none;
  font-weight: bold;
  color: #333;
}
.postfach_choose a:hover {
  text-decoration: underline;
}
.postfach_choose a.active {
  background: #0072CE;
  color: #fff;
}
.postfach_choose a.active:hover {
  text-decoration: none;
}

.filemanagement {
  background: #fff;
  border-radius: 0.7692307692em;
  width: calc(100% - 22.3076923077em);
  margin-right: 1.5384615385em;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  padding: 0;
  border-collapse: collapse;
}
.filemanagement thead tr th {
  width: calc(100% + 2.3076923077em);
  -ms-grid-column-span: 4;
  grid-column: span 4;
  font-size: 1.0769230769em;
  padding: 0.7692307692em 1.1538461538em;
  border-bottom: 2px solid rgba(0, 114, 206, 0.1);
  border-right: 1px dashed rgba(0, 114, 206, 0.1);
  line-height: 1.5384615385em;
  text-align: left;
}
.filemanagement thead tr th:last-child {
  border-right: none;
  width: 6.1538461538em;
}
.filemanagement thead tr.headline th {
  text-align: center;
}
.filemanagement thead.alternate tr:first-child th:first-child {
  border-radius: 0.3846153846em 0 0 0;
}
.filemanagement thead.alternate tr:first-child th:last-child {
  border-radius: 0 0.3846153846em 0 0;
}
.filemanagement thead.alternate th {
  background-color: #0072CE;
  color: #fff;
}
.filemanagement tbody tr td {
  position: relative;
  min-height: 3.0769230769em;
  font-size: 1.0769230769em;
  padding: 1.9230769231em 1.1538461538em 1.9230769231em 5.7692307692em;
  text-align: left;
  border-right: 1px dashed rgba(0, 114, 206, 0.1);
  border-bottom: 1px solid rgba(0, 114, 206, 0.1);
  line-height: 1.5384615385em;
}
.filemanagement tbody tr td:last-child {
  border-right: none;
}
.filemanagement tbody tr td > i {
  color: #0072CE;
  opacity: 0.5;
  font-size: 300%;
  position: absolute;
  top: 0.3846153846em;
  left: 0.3846153846em;
}
.filemanagement tbody tr td > i.img {
  opacity: 1;
  width: 0.9230769231em;
  height: 0.9230769231em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.filemanagement tbody tr[folder]:hover td {
  cursor: pointer;
  text-decoration: underline;
  background-color: rgba(0, 38, 255, 0.02);
}
.filemanagement tbody tr[folder]:hover td i {
  opacity: 1;
}
.filemanagement tbody tr[fileid]:hover td {
  cursor: pointer;
}
.filemanagement .toggleMenu {
  position: absolute;
  right: 1.5384615385em;
  margin-top: 1.5384615385em;
  background-color: #ebebeb;
  border-radius: 0.2307692308em;
}
.filemanagement .toggleMenu i {
  padding: 0.7692307692em;
  float: right;
  color: #0072CE;
  background-color: #fff;
  position: absolute;
  margin-left: -1.5384615385em;
  margin-top: -1.9230769231em;
  border-radius: 50px 50px 0 0;
}
.filemanagement .toggleMenu i:hover {
  cursor: pointer;
  border-radius: 50px;
  background: #ebebeb;
}
.filemanagement .toggleMenu span, .filemanagement .toggleMenu a {
  color: #000;
  text-decoration: none;
  display: none;
  z-index: 499;
  padding: 0.3846153846em 0.7692307692em;
}
.filemanagement .toggleMenu.show {
  right: 0.6153846154em;
  z-index: 20000;
}
.filemanagement .toggleMenu.show span, .filemanagement .toggleMenu.show a {
  z-index: 20000;
  display: block;
  position: relative;
}
.filemanagement .toggleMenu.show span:hover, .filemanagement .toggleMenu.show a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.filemanagement .toggleMenu.show i {
  z-index: 1999;
  right: 0;
  padding: 0.7692307692em;
  background-color: #ebebeb;
  border-radius: 50px 50px 0 0;
}
.filemanagement .toggleMenu.show i:hover {
  border-radius: 50px 50px 0 0;
}

/* ####################################################################################################################
FAVBOX
#################################################################################################################### */
.smallCart {
  opacity: 0;
  text-align: left;
  position: absolute;
  width: 15.3846153846em;
  margin-left: 6.9230769231em;
  margin-top: -4.2307692308em;
}
.smallCart.show {
  display: block;
  opacity: 1;
}
.smallCart.hide {
  display: none;
}
.smallCart div {
  position: relative;
  height: 2.6153846154em;
  border-radius: 0.3846153846em;
  margin-bottom: 8px;
  background: #fff;
  -webkit-box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 0px 15px rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 0.9230769231em 0.6153846154em 0.6153846154em 3.8461538462em;
}
.smallCart div span {
  font-weight: bold;
}
.smallCart div.delay1 {
  -webkit-animation-delay: 100 s;
          animation-delay: 100 s;
}
.smallCart div.delay2 {
  -webkit-animation-delay: 200 s;
          animation-delay: 200 s;
}
.smallCart div.delay3 {
  -webkit-animation-delay: 300 s;
          animation-delay: 300 s;
}
.smallCart div.delay4 {
  -webkit-animation-delay: 400 s;
          animation-delay: 400 s;
}
.smallCart div.delay5 {
  -webkit-animation-delay: 500 s;
          animation-delay: 500 s;
}
.smallCart div.delay6 {
  -webkit-animation-delay: 600 s;
          animation-delay: 600 s;
}
.smallCart div.delay7 {
  -webkit-animation-delay: 700 s;
          animation-delay: 700 s;
}
.smallCart div.delay8 {
  -webkit-animation-delay: 800 s;
          animation-delay: 800 s;
}
.smallCart div.delay9 {
  -webkit-animation-delay: 900 s;
          animation-delay: 900 s;
}
.smallCart div.delay10 {
  -webkit-animation-delay: 1000 s;
          animation-delay: 1000 s;
}
.smallCart div.delay11 {
  -webkit-animation-delay: 1100 s;
          animation-delay: 1100 s;
}
.smallCart div.delay12 {
  -webkit-animation-delay: 1200 s;
          animation-delay: 1200 s;
}
.smallCart div.delay13 {
  -webkit-animation-delay: 1300 s;
          animation-delay: 1300 s;
}
.smallCart div.delay14 {
  -webkit-animation-delay: 1400 s;
          animation-delay: 1400 s;
}
.smallCart div.delay15 {
  -webkit-animation-delay: 1500 s;
          animation-delay: 1500 s;
}
.smallCart div.delay16 {
  -webkit-animation-delay: 1600 s;
          animation-delay: 1600 s;
}
.smallCart div.delay17 {
  -webkit-animation-delay: 1700 s;
          animation-delay: 1700 s;
}
.smallCart div.delay18 {
  -webkit-animation-delay: 1800 s;
          animation-delay: 1800 s;
}
.smallCart div.delay19 {
  -webkit-animation-delay: 1900 s;
          animation-delay: 1900 s;
}
.smallCart div.delay20 {
  -webkit-animation-delay: 2000 s;
          animation-delay: 2000 s;
}
.smallCart div.delay21 {
  -webkit-animation-delay: 2100 s;
          animation-delay: 2100 s;
}
.smallCart div.delay22 {
  -webkit-animation-delay: 2200 s;
          animation-delay: 2200 s;
}
.smallCart div.delay23 {
  -webkit-animation-delay: 2300 s;
          animation-delay: 2300 s;
}
.smallCart div.delay24 {
  -webkit-animation-delay: 2400 s;
          animation-delay: 2400 s;
}
.smallCart div.delay25 {
  -webkit-animation-delay: 2500 s;
          animation-delay: 2500 s;
}
.smallCart div.delay26 {
  -webkit-animation-delay: 2600 s;
          animation-delay: 2600 s;
}
.smallCart div.delay27 {
  -webkit-animation-delay: 2700 s;
          animation-delay: 2700 s;
}
.smallCart div.delay28 {
  -webkit-animation-delay: 2800 s;
          animation-delay: 2800 s;
}
.smallCart div.delay29 {
  -webkit-animation-delay: 2900 s;
          animation-delay: 2900 s;
}
.smallCart div.delay30 {
  -webkit-animation-delay: 3000 s;
          animation-delay: 3000 s;
}
.smallCart div.delay31 {
  -webkit-animation-delay: 3100 s;
          animation-delay: 3100 s;
}
.smallCart div.delay32 {
  -webkit-animation-delay: 3200 s;
          animation-delay: 3200 s;
}
.smallCart div.delay33 {
  -webkit-animation-delay: 3300 s;
          animation-delay: 3300 s;
}
.smallCart div.delay34 {
  -webkit-animation-delay: 3400 s;
          animation-delay: 3400 s;
}
.smallCart div.delay35 {
  -webkit-animation-delay: 3500 s;
          animation-delay: 3500 s;
}
.smallCart div.delay36 {
  -webkit-animation-delay: 3600 s;
          animation-delay: 3600 s;
}
.smallCart div.delay37 {
  -webkit-animation-delay: 3700 s;
          animation-delay: 3700 s;
}
.smallCart div.delay38 {
  -webkit-animation-delay: 3800 s;
          animation-delay: 3800 s;
}
.smallCart div.delay39 {
  -webkit-animation-delay: 3900 s;
          animation-delay: 3900 s;
}
.smallCart div.delay40 {
  -webkit-animation-delay: 4000 s;
          animation-delay: 4000 s;
}
.smallCart div.delay41 {
  -webkit-animation-delay: 4100 s;
          animation-delay: 4100 s;
}
.smallCart div.delay42 {
  -webkit-animation-delay: 4200 s;
          animation-delay: 4200 s;
}
.smallCart div.delay43 {
  -webkit-animation-delay: 4300 s;
          animation-delay: 4300 s;
}
.smallCart div.delay44 {
  -webkit-animation-delay: 4400 s;
          animation-delay: 4400 s;
}
.smallCart div.delay45 {
  -webkit-animation-delay: 4500 s;
          animation-delay: 4500 s;
}
.smallCart div.delay46 {
  -webkit-animation-delay: 4600 s;
          animation-delay: 4600 s;
}
.smallCart div.delay47 {
  -webkit-animation-delay: 4700 s;
          animation-delay: 4700 s;
}
.smallCart div.delay48 {
  -webkit-animation-delay: 4800 s;
          animation-delay: 4800 s;
}
.smallCart div.delay49 {
  -webkit-animation-delay: 4900 s;
          animation-delay: 4900 s;
}
.smallCart img {
  left: 0.6153846154em;
  top: 0.6153846154em;
  position: absolute;
  max-width: 2.9230769231em;
  max-height: 2.9230769231em;
}

.favBoxPopup {
  text-align: center;
}
.favBoxPopup select {
  margin-bottom: 0.7692307692em;
  width: 65.7692307692em;
  border-radius: 0.3846153846em;
}
.favBoxPopup select:focus {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
}
.favBoxPopup a.button {
  display: inline-block;
  width: 18.8461538462em;
  margin-bottom: 0.7692307692em;
  background: #fff;
  color: #0072CE;
  color: #0072CE;
  font-weight: 500;
  border-radius: 0.4615384615em;
  text-align: center;
  border: none;
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.9);
}
.favBoxPopup a.button:hover {
  background: rgb(255, 255, 255) !important;
  border: 2px solid transparent;
  color: #0072CE;
  cursor: pointer;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.favBoxPopup #cart {
  height: 70vh;
  position: relative;
  overflow: hidden !important;
}

.cart, .licensepaper {
  text-align: left;
  width: 61.5384615385em;
  min-height: 38.4615384615em;
  background-color: #fff;
  margin: 0 auto 1.1538461538em auto;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
  padding: 1.9230769231em;
  border-radius: 0.3846153846em;
  color: #191d23;
}
.cart .removeCartElement, .cart .removeCartElement2, .cart .download, .licensepaper .removeCartElement, .licensepaper .removeCartElement2, .licensepaper .download {
  background: #E74536;
  padding: 0.6153846154em 0.8461538462em;
  color: #fff;
  border-radius: 7.6923076923em;
}
.cart .removeCartElement:hover, .cart .removeCartElement2:hover, .cart .download:hover, .licensepaper .removeCartElement:hover, .licensepaper .removeCartElement2:hover, .licensepaper .download:hover {
  background: #d12919;
}
.cart .download, .licensepaper .download {
  background: #0072CE;
}
.cart .download:hover, .licensepaper .download:hover {
  background: #00569b;
}
.cart .empaenger, .licensepaper .empaenger {
  padding: 0.7692307692em;
  min-height: 3.8461538462em;
  margin: 0 0 4.6153846154em 0;
  font-weight: 700;
  border: 1px dashed #0072CE;
  border-radius: 5px;
  display: inline-block;
}
.cart .logoimg, .licensepaper .logoimg {
  height: 70px;
  width: 100px;
  float: right;
}
.cart textarea, .licensepaper textarea {
  border: 1px dashed #eee;
  width: 100%;
  padding: 0.7692307692em 0.4615384615em;
  margin: 0.3846153846em 0 0.7692307692em -0.4615384615em;
}

.cartArt {
  background: #fff;
  padding: 60px;
  position: relative;
  margin-bottom: 15px;
  border: 1px dotted #9bd2ff;
  border-radius: 5px;
  height: 68.4615384615em;
  margin: 1.5384615385em 0;
  /*
  .img {
  	width:70%;
  	height:em(455px);
  	background-position: center;
  	background-size: contain;
  	background-repeat: no-repeat;
  	&.size2,&.size3,&.size4,&.size5,&.size6,&.size7,&.size8,&.size9,&.size10,&.size11,&.size12,&.size13,&.size14,&.size15 {
  		//width:calc(30% - 10px);
  	}
  	&.sec {
  		width:30%;
  		height:em(225px);
  	}
  }*/
}
.cartArt .logoimg {
  height: 70px;
  width: 100px;
  float: right;
}
.cartArt .logo {
  position: absolute;
  right: 4.6153846154em;
  width: 3.8461538462em;
  height: 3.0769230769em;
}
.cartArt .license {
  max-width: 15.3846153846em;
  max-height: 7.6923076923em;
  margin: 0 auto;
  display: block;
  float: right;
  margin-top: 1.9230769231em;
}
.cartArt h4 {
  font-size: 2.1538461538em;
  text-align: center;
  margin: 1.1538461538em 0 1.6923076923em 0;
  color: #0072CE;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0.3846153846em 0;
  padding: 0.1538461538em 2.3076923077em 0.3846153846em 0;
  border-bottom: 0.0769230769em solid #0072CE;
  text-align: left;
}
.cartArt .text {
  width: 100%;
  text-align: justify;
  max-height: 170px;
  overflow-y: hidden;
}
.cartArt .text p {
  padding-right: 5px;
}
.cartArt .details {
  margin-top: 1.1538461538em;
  text-align: left;
  border-top: 0.0769230769em dashed #0072CE;
  border-bottom: 0.0769230769em dashed #0072CE;
}
.cartArt .details p {
  text-align: left;
  display: inline-block;
  width: auto;
  margin-right: 0.7692307692em;
  font-weight: normal;
}
.cartArt .imgGrid {
  display: -ms-grid;
  display: grid;
  height: 455px;
  width: 100%;
  -ms-grid-columns: 65% 35%;
  grid-template-columns: 65% 35%;
  -ms-grid-rows: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.cartArt .imgGrid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cartArt .imgGrid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.cartArt .imgGrid > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.cartArt .imgGrid > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.cartArt .imgGrid .img {
  display: inline-block;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.cartArt .imgGrid.multipleImage .img:nth-child(2n) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
}
.cartArt .imgGrid.multipleImage .img:nth-child(3n) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
.cartArt .imgGrid.multipleImage .img:first-child {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}
.cartArt .pricetag, .cartArt .pricetaguvp {
  width: 12.3076923077em;
  border-radius: 3.8461538462em;
  padding: 0.7692307692em;
  margin: 0.7692307692em 0.7692307692em 0.7692307692em 0;
  display: inline-block;
  text-align: center;
  background-color: #0072CE;
  color: #fff;
  font-weight: 700;
  height: 1.5384615385em;
  line-height: 1.5384615385em;
}
.cartArt .pricetag.special, .cartArt .pricetaguvp.special {
  background-color: #E74536;
  color: #fff;
}
.cartArt .pricetag.specialbig, .cartArt .pricetaguvp.specialbig {
  width: 17.6923076923em;
  background-color: #E74536;
  color: #fff;
}
.cartArt .pricetaguvp {
  background-color: #191d23;
}
.cartArt .specialbadge {
  position: absolute;
  font-size: 18px;
  opacity: 0.5;
  font-weight: bold;
  border: 2px dotted #333;
  padding: 7px 18px;
  border-radius: 50px;
  left: 0;
  right: 0;
  width: 300px;
  text-align: center;
  margin: 0 auto;
  margin-top: -45px;
}
.cartArt.special {
  border: 1px dotted #E74536;
}
.cartArt.special h4 {
  color: #E74536;
  border-color: #E74536;
}

.pdfView .cartArt {
  width: 944px;
  height: 1373px;
  font-size: 17px;
  border: none;
  /*
  .img {
  width:em(730px); 
  height:em(600px);
  &.size2 {
  width:em(260px);
  margin:em(20px);
  height:em(260px);
  }
  &.size3 {
  width:em(160px);
  margin:em(20px);
  height:em(300px);
  }
  &.size4,&.size5,&.size6,&.size7,&.size8,&.size9,&.size10,&.size11,&.size12,&.size13,&.size14,&.size15 {
  width:em(303px);
  margin:em(20px);
  height:em(200px);
  }
   }
  */
}
.pdfView .cartArt .logo {
  position: absolute;
  width: 3.0769230769em;
  height: 3.8461538462em;
  right: 3.6153846154em;
}
.pdfView .cartArt .empaenger {
  padding: 0.7692307692em;
  min-height: 3.8461538462em;
  margin: 0 0 0 0;
  font-weight: 700;
  border: 1px dashed #0072CE;
  border-radius: 5px;
  display: inline-block;
}
.pdfView .cartArt .logoimg {
  height: 70px;
  width: 100px;
  float: right;
}
.pdfView .cartArt .text {
  max-height: 350px;
  padding: 0;
}
.pdfView .cartArt .text p {
  font-size: 19px;
}
.pdfView .cartArt .details p {
  text-align: center;
  font-size: 19px;
  padding: 0;
}

.cartArt .foot, .startPage .foot {
  font-size: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.3846153846em;
  color: #0072CE;
  border-top: 1px dashed #0072CE;
  text-align: center;
}

.cartArt .Sitefooter, .startPage .Sitefooter {
  font-size: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 50px;
  padding: 0.3846153846em;
  color: #0072CE;
  text-align: right;
}

.cartArt .logoimg, .startPage .logoimg {
  height: 70px;
  width: 100px;
  float: right;
  opacity: 1 !important;
  z-index: 500;
  position: relative;
}

.cartArt .empaenger, .startPage .empaenger {
  color: #0072CE;
  padding: 0.7692307692em;
  min-height: 3.8461538462em;
  margin: 0 0 0 0;
  font-weight: 700;
  border: 2px solid #0072CE;
  border-radius: 5px;
  display: inline-block !important;
}

.cartArt h3, .startPage h3 {
  margin-top: 1.9230769231em;
}

.fulla4 {
  page-break-after: always;
}
.fulla4:last-child {
  overflow-wrap: normal !important;
  white-space: normal !important;
  margin-bottom: 0;
  padding-bottom: 0;
}

.color_pick {
  line-height: 30px;
  margin: 0 5px 5px 0;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}
.color_pick.inactive {
  opacity: 0.05;
}
.color_pick:hover:not(.inactive) {
  text-decoration: underline;
  cursor: pointer;
}
.color_pick.active {
  border: 5px solid rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

/* ####################################################################################################################
GALERIE
#################################################################################################################### */
.slider {
  height: 34.6153846154em;
}
.slider ul {
  height: 100%;
}
.slider li {
  height: 100%;
}
.slider img {
  max-height: 100%;
}

.galerie .preview {
  height: 46.1538461538em;
  width: calc(100% - 3.0769230769em);
  padding: 1.5384615385em;
  background-size: contain !important;
  background-origin: content-box !important;
}
.galerie ul {
  width: 100%;
}
.galerie li {
  background-size: contain !important;
  background-origin: content-box !important;
  padding: 0.3846153846em;
  margin-right: 0.3846153846em;
  border: 2px dashed #eee;
  list-style: none;
  border-radius: 2px;
  float: left;
  height: 6.1538461538em;
  width: 6.1538461538em;
}
.galerie li.active, .galerie li.active:hover {
  border-color: #3ec5d6;
}
.galerie li:hover {
  cursor: pointer;
  border-color: #b8e0e5;
}

/* ####################################################################################################################
LAyoutplanung
#################################################################################################################### */
.slayout div[attr-step] {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.slayout div[attr-step] .grid-box {
  display: block;
}
.slayout div[attr-step] h2 {
  text-align: center;
  font-weight: 200;
  font-size: 1.5384615385em;
}
.slayout div[attr-step] a[attr-step], .slayout div[attr-step] a[attr-stepp] {
  background-color: #333;
  text-decoration: none;
  padding: 1.1538461538em;
  border-radius: 3px;
  margin: 0 auto;
  width: 6.1538461538em;
  display: block;
  text-align: center;
}
.slayout div[attr-step] a[attr-step]:hover, .slayout div[attr-step] a[attr-stepp]:hover {
  background-color: #000;
}
.slayout div[attr-step] .layNew, .slayout div[attr-step] .layList {
  margin: 0 auto;
  width: 30.7692307692em;
}
.slayout div[attr-step] .layList a[attr-step], .slayout .previewLayout {
  background-color: #fff;
  text-decoration: none;
  padding: 0.3846153846em 1.1538461538em;
  margin: 0 auto;
  width: 15.3846153846em;
  display: block;
  color: #333;
  text-align: left;
  border: 1px solid #aaa;
  border-bottom: none;
}
.slayout div[attr-step] .layList a[attr-step]:first-child, .slayout .previewLayout:first-child {
  border-radius: 3px 3px 0 0;
}
.slayout div[attr-step] .layList a[attr-step]:last-child, .slayout .previewLayout:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #aaa;
}
.slayout div[attr-step] .layList a[attr-step] span, .slayout .previewLayout span {
  display: block;
  font-weight: 800;
}
.slayout div[attr-step] .layList a[attr-step]:hover, .slayout .previewLayout:hover {
  text-decoration: underline;
}
.slayout div[attr-step] .layList a[attr-step]:hover span, .slayout .previewLayout:hover span {
  text-decoration: none;
}
.slayout .previewLayout, .slayout .previewLayout:hover {
  color: #333;
  text-align: center;
}
.slayout .slayoutTable {
  margin: 0.7692307692em auto;
  border-collapse: collapse;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  background: url(../img/grid.jpg) repeat top left #fff;
}
.slayout .slayoutTable tr td {
  vertical-align: bottom;
  border: 1px solid #000;
}
.slayout .slayoutTable div[attr-row] {
  border-top: 1px solid #000;
  min-height: 0.7692307692em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  vertical-align: bottom;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.slayout .slayoutTable .slayoutproduct {
  min-height: 0.7692307692em;
  min-width: 0.7692307692em;
  display: inline-block;
  padding: 0 0.0769230769em;
  background-size: cover;
  border: 1px dotted #ccc;
  position: relative;
}
.slayout .slayoutTable .slayoutproduct .overlay {
  position: relative;
}
.slayout .slayoutTable .slayoutproduct .delete {
  content: "";
  display: none;
  position: absolute;
  background: #E74536;
  width: 1.1538461538em;
  height: 1.1538461538em;
}
.slayout .slayoutTable .slayoutproduct:hover .overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.slayout .slayoutTable .slayoutproduct:hover .delete {
  display: block;
}
.slayout .slayoutHeader, .slayout .slayoutFooter {
  background-color: #0072CE;
}
.slayout .pricetag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 19px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
.slayout .layout {
  width: 80%;
  min-height: 61.5384615385em;
  float: left;
}
.slayout .products {
  margin: 0.6923076923em;
  width: calc(20% - 1.5384615385em);
  border-radius: 5px;
  padding-top: 0.7692307692em;
  height: 46.1538461538em;
  float: left;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.slayout .products div.list {
  width: 100%;
  height: 18.4615384615em;
  overflow-y: scroll;
}
.slayout .products a {
  color: #333;
  text-align: left;
  text-decoration: none;
  display: none;
  padding: 0.3846153846em;
  margin: 0.1538461538em;
  border-bottom: 1px solid #333;
}
.slayout .products a span {
  display: block;
  font-weight: bold;
}
.slayout .products a.show {
  display: block;
}
.slayout .products a:hover {
  color: #333;
  text-decoration: underline;
}
.slayout .products.sticky {
  position: fixed;
}

.mobilemenu {
  display: none;
}

/* ####################################################################################################################
MOBILE
#################################################################################################################### */
@media (max-width: 1600px) {
  #content .grid-box.filter label {
    margin-right: 0.9230769231em;
  }
}
@media (max-width: 1000px) {
  .nomobile {
    display: none !important;
  }
  .category .flex-box {
    background: url(../img/cat_bg.jpg) no-repeat center right -10.7692307692em #0072CE;
  }
  #nav div a i {
    padding: 0.4615384615em 0;
  }
  body.login > img {
    width: 100%;
  }
  body.login > img {
    width: 130px;
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: none;
    transform: none;
    display: block;
    margin: 15px auto;
  }
  body.login #loginWrapper {
    padding: 0;
    width: calc(100% - 30px);
    position: relative;
    -webkit-transform: none;
    transform: none;
    top: 0;
    padding: 15px;
  }
  body.login #loginWrapper a.button, body.login #loginWrapper a[xsdata-submit], body.login #loginWrapper label input, body.login #loginWrapper label input:active, body.login #loginWrapper label input:focus, body.login #loginWrapper label input:hover {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body.login #loginWrapper a.loginLink {
    width: calc(100% - 30px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  body, body.admin {
    min-width: 1px;
  }
  body #content, body.admin #content {
    padding: 15px;
    width: calc(100% - 30px);
    margin-left: 0;
  }
  body #funcNav, body.admin #funcNav {
    height: 3.8461538462em;
  }
  body #funcNav span, body.admin #funcNav span {
    display: none;
  }
  body #nav, body.admin #nav {
    height: 5.3846153846em;
    overflow: hidden;
    width: 11.5384615385em;
    position: absolute;
  }
  body #nav .top, body #nav .middle, body #nav .bottom, body #nav .subNav, body.admin #nav .top, body.admin #nav .middle, body.admin #nav .bottom, body.admin #nav .subNav {
    margin-top: 1.5384615385em;
    position: relative;
    top: auto;
    bottom: auto;
  }
  body #nav a, body.admin #nav a {
    display: none !important;
  }
  body #nav span.mobileNav, body.admin #nav span.mobileNav {
    display: none;
  }
  body #nav .mobilemenu, body.admin #nav .mobilemenu {
    text-align: center;
    display: block;
    color: #fff;
  }
  body #nav.mobileShow, body.admin #nav.mobileShow {
    height: auto;
  }
  body #nav.mobileShow a, body.admin #nav.mobileShow a {
    display: block !important;
  }
  body #nav.mobileShow a i, body.admin #nav.mobileShow a i {
    display: none;
  }
  body #nav.mobileShow a div, body.admin #nav.mobileShow a div {
    text-align: left;
    opacity: 1;
    font-size: 1.2307692308em;
    position: relative;
    display: block;
    left: 0;
    margin: 0;
    padding: 0.3846153846em 0;
    background-color: transparent;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    margin-left: auto !important;
  }
  body .grid-wrap.grid-4-column, body .grid-wrap.grid-3-column, body.admin .grid-wrap.grid-4-column, body.admin .grid-wrap.grid-3-column {
    -ms-grid-columns: minmax(200px, 1fr) !important;
    grid-template-columns: minmax(200px, 1fr) !important;
  }
  body .flex-box, body .grid-box, body.admin .flex-box, body.admin .grid-box {
    -ms-grid-column: 1;
    grid-column: 1;
  }
  body div.buttons, body.admin div.buttons {
    float: none;
  }
}
.dashpopupImg {
  max-height: 138px;
  max-width: 100px;
}

.landing {
  min-height: 650px;
  min-width: 1450px;
  font-family: "tt_regular", sans-serif;
  width: 100vw;
  background: #fff;
  overflow-x: hidden;
}

.landing .teaserBg {
  position: absolute;
  right: -11.53846em;
  top: -11.53846em;
}

.landing .logo {
  position: absolute;
  left: 3.07692em;
  top: 2.30769em;
}

.landing .slogan {
  width: 53.84615em;
  margin-left: 6.53846em;
  margin-top: 9.23077em;
  margin-bottom: 4.61538em;
}

.landing .slogan h1 {
  color: #2f3c60;
  font-family: "tt_bold", sans-serif;
  font-size: 2.6923076923em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

.landing .slogan h2 {
  color: #2f3c60;
  font-family: "tt_light", sans-serif;
  font-size: 1.3846153846em;
  text-transform: uppercase;
  margin: 0.23077em 0 0 0;
  padding: 0.23077em 0 0 0;
}

.landing .slogan h2 .size1 {
  font-size: 80%;
}

.landing .slogan h2 .size2 {
  font-size: 90%;
}

.landing .slogan p {
  font-size: 1.1538461538em;
  max-width: 38.4615384615em;
  line-height: 1.76923em;
  opacity: 0.8;
}

.landing .slogan ul {
  padding: 0.15385em 0;
  margin: 0;
}

.landing .slogan ul li {
  padding: 0.38462em;
  margin: 0;
}

.landing .footerNav {
  position: absolute;
  bottom: 1.15385em;
  right: 0;
  margin-left: 5.38462em;
  width: 20.76923em;
}

.landing .footerNav a {
  text-decoration: none;
  padding: 1.15385em;
  border-right: 1px solid #aaa;
  color: #aaa;
}

.landing .footerNav a:last-child {
  border-right: none;
}

.landing .footerNav a:hover {
  text-decoration: underline;
}

.landing .logins {
  position: absolute;
  bottom: 3.07692em;
  margin-left: 5.38462em;
  width: 69.23077em;
}

.landing .logins h3 {
  font-family: "tt_light", sans-serif;
  margin: 0 0 0.38462em 0.76923em;
  padding: 0;
  font-size: 1.38462em;
}

.landing .logins a {
  letter-spacing: 0.1em;
  font-family: "tt_light", sans-serif;
  padding: 0.76923em 1.53846em;
  margin: 0.76923em;
  text-align: center;
  display: inline-block;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  background: #4d70ce;
  background: -webkit-gradient(linear, left top, right top, from(#4d70ce), to(#41adb2));
  background: linear-gradient(90deg, #4d70ce 0%, #41adb2 100%);
}

.landing .logins a:hover {
  text-decoration: underline;
  background: #3e5aa5;
  background: -webkit-gradient(linear, left top, right top, from(#3e5aa5), to(#348a8e));
  background: linear-gradient(90deg, #3e5aa5 0%, #348a8e 100%);
}

.landing .benefits {
  letter-spacing: 0.1em;
  font-family: "tt_light", sans-serif;
  width: 42.30769em;
  position: absolute;
  right: 3.07692em;
  top: 0.76923em;
  z-index: 300;
}

.landing .benefits h3 {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: "tt_light", sans-serif;
  color: #fff;
  font-weight: 100;
  display: block;
  width: 25.38462em;
  text-align: center;
  font-size: 1.53846em;
}

.landing .benefits a {
  text-align: center;
  text-decoration: none;
  font-size: 1.15385em;
  width: 16.92308em;
  color: #fff;
  display: inline-block;
  margin-bottom: 3.07692em;
}

.landing .benefits a.minus {
  margin-left: -0.76923em;
}

.landing .benefits a.plus {
  margin-left: 9.61538em;
}

.landing .benefits a i {
  padding: 0.61538em 0;
  width: 2.30769em;
  border-radius: 200px;
  background: rgba(255, 255, 255, 0.1);
  font-weight: regular;
  display: inline-block;
  font-size: 2.30769em;
  margin-bottom: 0.38462em;
}

.landing .benefits a:hover {
  text-decoration: underline;
}

.landing .benefits a:hover i {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.3);
}

.landing .modaldiv {
  background: white;
  padding: 20px;
  width: 502px;
  right: 0px;
  position: fixed;
  z-index: 500;
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 1000px 1000px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1000px 1000px rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}

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

.landing .modaldiv p, .landing .modaldiv li {
  font-size: 1.23077em;
  line-height: 1.76923em;
}

.landing .modaldiv h3 {
  font-family: "tt_light", sans-serif;
  font-size: 1.53846em;
  margin-top: 0;
}

.landing .modaldiv .close {
  font-family: "tt_light", sans-serif;
  position: absolute;
  padding: 15px 15px;
  right: 0;
  top: 0;
  background-color: #2f3c60;
  color: #fff;
  border-radius: 0 0 0 15px;
}

.landing .modaldiv .close:hover {
  cursor: pointer;
  text-decoration: underline;
}

.landing .modaldiv i {
  text-align: center;
  position: absolute;
  font-size: 200px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  -webkit-transform: translate(0, 23%);
          transform: translate(0, 23%);
  opacity: 0.05;
}