/* ------------- */
/* ÄNDERUNGEN NUR IN DER LESS DATEI VORNEHMEN!!! */
/* ------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: initial;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}
body {
  overflow: hidden;
  width: 100%;
}
@supports (-webkit-overflow-scrolling: touch) {
  body {
    /* CSS specific to iOS devices */
    position: fixed;
  }
}
a:link {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
div {
  -webkit-overflow-scrolling: touch;
}
b {
  font-weight: bold;
}
i {
  font-style: italic;
}
button {
  font-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
}
textarea {
  font-size: 15px;
}
.bold {
  font-weight: bold;
}
/*
    VISCON Styling
*/
#viscon-three-container {
  width: 100%;
  height: 100%;
}
#viscon-three-container.hoverstate {
  cursor: pointer;
}
#viscon-stage {
  width: 100%;
  height: calc(100vH - 120px);
  background: #ededed;
  position: relative;
  box-sizing: border-box;
}
#viscon-stage.appmode #viscon-introduction {
  height: calc(100% - 40px);
}
#viscon-introduction {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background: #ffffff;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  display: none;
  padding: 20px;
  z-index: 1199;
}
#viscon-introduction .close {
  float: right;
  cursor: pointer;
  padding-right: 10px;
}
#viscon-introduction h3 {
  font-weight: bold;
  font-size: 18px;
}
#viscon-introduction #banner-wrapper .banner-container {
  margin: auto;
  max-width: 1200px;
}
#viscon-introduction #banner-wrapper .banner-container img {
  width: 100%;
  height: auto;
}
#viscon-introduction #video-wrapper .video-box {
  max-width: 600px;
  margin: 0 auto;
}
#viscon-introduction #video-wrapper .video-box .video-container {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  background: white;
  position: relative;
}
#viscon-introduction #video-wrapper .video-box .video-container .aspect-ratio-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 800px;
}
#viscon-introduction #video-wrapper .video-box .video-container .aspect-ratio-box iframe {
  width: 100%;
  height: 100%;
}
#viscon-introduction #video-wrapper .video-box .video-container .aspect-ratio-box img {
  width: 100%;
  height: auto;
}
#viscon-introduction #intro-wrapper {
  display: block;
}
#viscon-introduction #intro-wrapper hr {
  color: black;
}
#viscon-introduction #intro-wrapper #category-wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 20px 0;
  text-align: center;
}
@media (max-width: 768px) {
  #viscon-introduction #intro-wrapper #category-wrapper {
    flex-wrap: wrap;
  }
}
#viscon-introduction #intro-wrapper #category-wrapper div.vertical-rule {
  width: 1px;
  height: 135px;
  border-left: 1px solid #000;
  opacity: 0.2;
}
@media (max-width: 768px) {
  #viscon-introduction #intro-wrapper #category-wrapper div.vertical-rule {
    height: 1px;
    width: 215px;
    border-top: 1px solid #000;
    margin: 20px auto;
  }
}
#viscon-introduction #intro-wrapper #category-wrapper p.picture-subheader {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#viscon-introduction #intro-wrapper #category-wrapper picture {
  width: 250px;
  cursor: pointer;
}
@media (max-width: 768px) {
  #viscon-introduction #intro-wrapper #category-wrapper picture {
    width: 100%;
  }
}
#viscon-introduction #intro-wrapper #category-wrapper picture.open-business img {
  top: 3px;
  position: relative;
}
#viscon-introduction #intro-wrapper #category-wrapper picture img {
  max-width: 100px;
  height: auto;
  float: none;
}
#viscon-introduction #intro-wrapper .buttonwrap {
  display: block;
  text-align: center;
}
#viscon-introduction #intro-wrapper .buttonwrap .button {
  border: 1px solid #5A86A1;
  display: inline-block;
  margin: auto;
  padding: 15px 25px;
  color: #5A86A1;
  text-align: center;
  cursor: pointer;
}
#viscon-introduction #tutorial-wrapper {
  display: block;
}
#viscon-introduction #tutorial-wrapper img {
  width: 100%;
  margin: 10px 0;
}
#viscon-introduction #tutorial-wrapper #tutorial-image img {
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 30px 40px;
  margin-bottom: 10px;
  max-width: 1200px;
}
@media only screen and (max-width: 2000px) {
  #viscon-introduction #tutorial-wrapper #tutorial-image img {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 600px) {
  #viscon-introduction #tutorial-wrapper #tutorial-image img {
    width: calc(100%);
    padding: 0;
    min-height: 350px;
  }
}
#viscon-introduction #tutorial-wrapper #tutorial-text {
  padding: 30px 0;
  text-align: center;
  word-break: break-word;
}
#viscon-introduction #tutorial-wrapper #tutorial-text a {
  color: #6184A0;
  text-decoration: underline;
}
#viscon-introduction #search-wrapper {
  padding: 20px 0;
  display: inline-block;
  width: 100%;
}
@supports (-webkit-overflow-scrolling: touch) {
  #viscon-introduction #search-wrapper {
    /* CSS specific to iOS devices */
  }
  #viscon-introduction #search-wrapper.safari_only {
    padding: 20px 0 80px 0;
  }
  #viscon-introduction #search-wrapper.safari_only_big {
    padding: 20px 0 120px 0;
  }
  #viscon-introduction #search-wrapper.toolbar-hidden {
    padding: 20px 0;
  }
}
#viscon-introduction #search-wrapper .search-wrap {
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 599px) {
  #viscon-introduction #search-wrapper .search-wrap {
    width: 100%;
  }
}
#viscon-introduction #search-wrapper .search-wrap .search-intro {
  padding: 10px 0;
  font-weight: bold;
}
#viscon-introduction #search-wrapper .search-wrap p#search-text {
  padding: 10px 0 20px;
  font-weight: bold;
}
#viscon-introduction #search-wrapper .search-wrap input.intro-search {
  padding: 5px 5px 5px 10px;
  margin: 0 5px 0 0;
  height: 16px;
  width: 220px;
  position: relative;
  top: -2px;
}
@media only screen and (max-width: 599px) {
  #viscon-introduction #search-wrapper .search-wrap input.intro-search {
    width: calc(80% - 19px);
    margin: 10px 0;
  }
}
#viscon-introduction #search-wrapper .search-wrap button.open-search {
  font-family: "Nuber-Bold", "Lato", Helvetica, Arial, sans-serif;
  border: 1px solid #5A86A1;
  background: #fff;
  color: #5A86A1;
  height: 29px;
  width: 130px;
  cursor: pointer;
}
@media only screen and (max-width: 599px) {
  #viscon-introduction #search-wrapper .search-wrap button.open-search {
    width: 80%;
  }
}
#viscon-introduction #search-wrapper .search-wrap button.open-search:hover {
  color: #fff;
  background: #5A86A1;
  transition-duration: 0.3s;
}
#viscon-introduction #banner-wrapper,
#viscon-introduction #video-wrapper,
#viscon-introduction #intro-wrapper,
#viscon-introduction #tutorial-wrapper,
#viscon-introduction .search-wrap {
  margin: 20px auto;
  max-width: 50%;
}
@media (max-width: 768px) {
  #viscon-introduction #banner-wrapper,
  #viscon-introduction #video-wrapper,
  #viscon-introduction #intro-wrapper,
  #viscon-introduction #tutorial-wrapper,
  #viscon-introduction .search-wrap {
    max-width: 100%;
  }
}
#viscon-redirect {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#viscon-redirect a {
  margin: 25px 0;
  color: #5b86a3;
}
@media (max-width: 822px) {
  #viscon-stage {
    width: 100%;
  }
}
#menu-shadow-wrapper {
  position: absolute;
  top: -10px;
  height: 10px;
  z-index: 1210;
  background: transparent;
  width: 100%;
  -webkit-box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
  box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
}
@media (max-width: 495px) {
  #menu-shadow-wrapper {
    z-index: 1200;
  }
}
.step-wrapper {
  text-align: center;
  font-size: 20px;
  margin: 20px 0;
}
.step-wrapper.margin-bottom {
  margin: 0 0 20px 0;
}
.step-wrapper.no-margin {
  margin: 0;
}
#menu {
  display: none;
  background: #ffffff;
  position: absolute;
  top: 9px;
  z-index: 1115;
  padding: 10px 10px 40px 10px;
  width: calc(100% - 20px);
  overflow: hidden;
  -webkit-box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
  box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
}
#menu .desc {
  color: grey;
  font-weight: normal;
  font-style: italic;
}
#menu #category-wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0 0 20px 0;
  text-align: center;
}
@media (max-width: 768px) {
  #menu #category-wrapper {
    padding: 0;
    flex-wrap: wrap;
  }
}
#menu #category-wrapper div.vertical-rule {
  width: 1px;
  height: 135px;
  border-left: 1px solid #000;
  opacity: 0.2;
}
@media (max-width: 768px) {
  #menu #category-wrapper div.vertical-rule {
    height: 1px;
    width: 215px;
    border-top: 1px solid #000;
    margin: 20px auto;
  }
}
#menu #category-wrapper p.picture-subheader {
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#menu #category-wrapper picture,
#menu #category-wrapper .submenu-picture {
  position: relative;
  width: 250px;
  float: inherit;
  cursor: pointer;
}
@media (max-width: 768px) {
  #menu #category-wrapper picture,
  #menu #category-wrapper .submenu-picture {
    width: 100%;
  }
}
#menu #category-wrapper picture.open-business,
#menu #category-wrapper .submenu-picture.open-business {
  float: inherit;
}
#menu #category-wrapper picture.open-business img,
#menu #category-wrapper .submenu-picture.open-business img {
  top: -9px;
  position: relative;
}
#menu #category-wrapper picture.open-eco img,
#menu #category-wrapper .submenu-picture.open-eco img {
  padding: 20px;
  max-width: 70px;
}
#menu #category-wrapper picture img,
#menu #category-wrapper .submenu-picture img {
  max-width: 100px;
  height: auto;
  float: none;
}
.sel {
  position: relative;
}
.sel.new {
  position: absolute;
  top: 90px;
}
div .sel.act {
  overflow: auto;
  max-height: calc(100vh - 255px);
  max-width: 50%;
  left: 25%;
}
@media only screen and (max-width: 1300px) {
  div .sel.act {
    overflow-x: hidden;
  }
}
@media (max-width: 768px) {
  div .sel.act {
    max-width: 100%;
    left: 0;
    z-index: 5;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  div .sel.act {
    /* CSS specific to iOS devices */
  }
  div .sel.act.safari_only {
    max-height: calc(100vh - 328px);
  }
  div .sel.act.safari_only_big {
    max-height: calc(100vh - 366px);
  }
  div .sel.act.toolbar-hidden {
    max-height: calc(100vh - 253px);
  }
}
#viscon-stage.appmode div .sel.act {
  max-height: calc(100vh - 255px);
}
.sel.act .fas {
  padding: 0 10px 0 0;
}
.burger {
  float: right;
  cursor: pointer;
}
.burger .fa-bars {
  font-size: 40px;
}
.bld-path {
  font-size: 14px;
  padding: 5px 0;
}
.bld {
  font-weight: bold;
  padding: 5px 5px 5px 10px;
  cursor: pointer;
}
#searchresults .bld {
  padding: 5px 5px 10px 10px;
}
.sub {
  padding: 5px 5px 5px 10px;
  cursor: pointer;
}
.lnk {
  padding: 5px 5px 5px 10px;
  cursor: pointer;
}
.lnk div.vertical-rule {
  display: none;
  opacity: 0.2;
}
@media (max-width: 768px) {
  .lnk div.vertical-rule {
    display: block;
    height: 1px;
    width: 215px;
    border-top: 1px solid #000;
    margin: 20px auto;
  }
}
.lnk .fas.fa-sync-alt {
  font-size: 60px;
  display: block;
  padding: 0 0 10px;
}
.pic-lnk {
  float: left;
  padding: 5px 5px 5px 10px;
  cursor: pointer;
  width: 46%;
  min-width: 200px;
}
.pic-lnk img {
  float: left;
  width: 100%;
  height: auto;
}
.headline {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#menu .sel:has(> .menuicon-container) {
  text-align: center;
}
#menu .sel:has(> .menuicon-container) .bld,
#menu .sel:has(> .menuicon-container) .lnk {
  text-align: left;
}
#menu .sel:has(> .menuicon-container) .sub ~ .bld {
  margin-top: 20px;
}
#menu .sel:has(> .menuicon-container) .bld ~ .bld {
  margin-top: 0;
}
.menuicon-container.sub {
  display: inline-block;
  width: 29%;
  text-align: center;
  min-height: 80px;
  vertical-align: top;
}
.menuicon-container.sub.hidenobuilds {
  display: none;
}
@media screen and (max-width: 768px) {
  .menuicon-container.sub {
    width: 46%;
  }
}
.menuicon-container.sub .menuicon-icon {
  display: block;
  height: 55px;
  width: auto;
  margin: auto;
}
.menuicon-container.sub.color-eco .menuicon-icon {
  filter: invert(50%) sepia(96%) saturate(349%) hue-rotate(40deg) brightness(96%) contrast(92%);
}
@media screen and (max-width: 466px) {
  .lnk {
    width: 68%;
    margin: 0 auto;
  }
  .lnk img {
    float: left;
    min-width: 100%;
    width: 140%;
    height: auto;
  }
  .headline {
    white-space: normal;
  }
}
@media screen and (min-width: 768px) and (max-width: 912px) {
  .lnk {
    width: 68%;
    margin: 0 auto;
  }
  .lnk img {
    float: left;
    min-width: 140%;
    margin-right: 10px;
    width: 140%;
    height: auto;
  }
  .headline {
    white-space: normal;
  }
}
.vis-head {
  padding: 5px 5px 5px 10px;
  cursor: pointer;
  width: 40%;
  margin-bottom: 10px;
}
#menu .breadcrumb {
  text-align: center;
  margin: 20px 0px;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #1f1f1f;
  font-size: 0px;
}
#menu .breadcrumb i {
  margin: 0px 4px 0px 0px;
}
#menu .breadcrumb #triangle-right {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid #5b86a3;
  border-bottom: 20px solid transparent;
}
#menu .breadcrumb #triangle-right.border-left-eco {
  border-left: 20px solid #66911d;
}
@media screen and (max-width: 640px) {
  #menu .breadcrumb #triangle-right {
    border-top: 18px solid transparent;
    border-left: 18px solid #5b86a3;
    border-bottom: 18px solid transparent;
  }
}
.menu-breadcrumb {
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 10px;
  margin: 2px 2px;
  display: inline-block;
  background-color: rgba(139, 182, 212, 0.5);
}
.menu-breadcrumb:hover {
  color: white;
  background-color: rgba(139, 182, 212, 0.8);
}
.menu-breadcrumb:hover.background-eco,
.menu-breadcrumb:hover.background-eco-light,
.menu-breadcrumb:hover.background-eco-dark {
  background-color: #76A621;
}
@media screen and (max-width: 640px) {
  .menu-breadcrumb {
    font-size: 10px;
    padding: 8px;
  }
}
.menu-breadcrumb-active {
  padding: 10px;
  margin: 2px 0px 2px 2px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  color: white;
  vertical-align: middle;
  display: inline-block;
  background-color: #5b86a3;
  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.38);
}
@media screen and (max-width: 640px) {
  .menu-breadcrumb-active {
    font-size: 10px;
    padding: 8px;
  }
}
.menu-breadcrumb-backbutton {
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 10px;
  margin: 2px 2px;
  display: inline-block;
  color: #5b86a3;
}
@media screen and (max-width: 640px) {
  .menu-breadcrumb-backbutton {
    font-size: 10px;
    padding: 8px;
  }
}
.build-icon {
  padding: 0 0 0 5px;
  height: 15px;
  width: auto;
  vertical-align: middle;
}
.color-eco {
  color: #76A621;
}
.background-eco {
  background-color: #76A621;
}
.background-eco-light {
  background-color: #9dc657;
}
.background-eco-dark {
  background-color: #66911d;
}
.hr-eco-color {
  border: 2px solid #66911d;
}
.menu-img-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
.menu-img-wrapper .menu-img {
  height: 60px;
  width: auto;
  float: none;
  min-width: auto;
  margin: 0 0 10px;
}
/*
    Modals
*/
.vchint,
.vcoverlay {
  z-index: 11120;
  position: fixed;
  top: 50vH;
  left: 50vW;
  transform: translate(-50%, -50%);
  min-width: 100px;
  min-height: 120px;
  max-width: 60%;
  padding: 20px;
  display: none;
  border: 1px solid #000;
  color: #000;
  background: #fff;
  overflow: auto;
  -webkit-box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
  box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
}
@media (max-width: 822px) {
  .vchint,
  .vcoverlay {
    max-width: 75%;
  }
}
@media (max-width: 768px) {
  .vchint,
  .vcoverlay {
    max-width: none;
    width: 85%;
  }
}
.vchint .vcoverlay-sticky-header,
.vcoverlay .vcoverlay-sticky-header {
  position: sticky;
  background: white;
  top: 0;
  padding: 20px 20px 0 20px;
  z-index: 2;
}
@media only screen and (max-width: 987px) {
  .vchint .vcoverlay-sticky-header.bookmarks,
  .vcoverlay .vcoverlay-sticky-header.bookmarks {
    min-height: 146px;
  }
  .vchint .vcoverlay-sticky-header h1,
  .vcoverlay .vcoverlay-sticky-header h1 {
    font-size: 77%;
    width: 250px;
  }
  .vchint .vcoverlay-sticky-header div#add-bookmark-controls,
  .vcoverlay .vcoverlay-sticky-header div#add-bookmark-controls {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    height: auto;
  }
  .vchint .vcoverlay-sticky-header div#add-bookmark-controls #bookmark-filter,
  .vcoverlay .vcoverlay-sticky-header div#add-bookmark-controls #bookmark-filter {
    width: calc(100% - 20px);
  }
  .vchint .vcoverlay-sticky-header div#add-bookmark-controls #add-bookmark-button,
  .vcoverlay .vcoverlay-sticky-header div#add-bookmark-controls #add-bookmark-button {
    width: 100%;
  }
}
.vchint .close,
.vcoverlay .close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  font-weight: bold;
}
.vchint h1,
.vcoverlay h1 {
  font-weight: bold;
  padding: 0 0 10px;
}
.vchint .button,
.vcoverlay .button {
  font-weight: bold;
  color: #fff;
  background: #000;
  display: block;
  width: 250px;
  padding: 10px;
  margin: 15px auto 15px;
  text-align: center;
  cursor: pointer;
  border: 0;
}
.vchint .button.disabled,
.vcoverlay .button.disabled {
  background: lightgrey;
}
.vchint .button#vbr-prev,
.vcoverlay .button#vbr-prev,
.vchint .button#vbr-next,
.vcoverlay .button#vbr-next {
  display: none;
  width: auto;
  padding: 10px 10px 8px;
  margin: 15px auto 15px;
}
.vchint .button#vbr-prev,
.vcoverlay .button#vbr-prev {
  float: left;
}
.vchint .button#vbr-next,
.vcoverlay .button#vbr-next {
  float: right;
}
.vchint .button.vbrbox-pdf,
.vcoverlay .button.vbrbox-pdf,
.vchint .button.vbrbox-no-pdf,
.vcoverlay .button.vbrbox-no-pdf {
  background: #5b86a3;
}
@media only screen and (max-width: 599px) {
  .vchint .button.vbrbox-pdf,
  .vcoverlay .button.vbrbox-pdf,
  .vchint .button.vbrbox-no-pdf,
  .vcoverlay .button.vbrbox-no-pdf {
    width: 100%;
    box-sizing: border-box;
    margin: 65px 0 20px;
  }
}
.vchint .button.vbrbox-pdf.disabled,
.vcoverlay .button.vbrbox-pdf.disabled,
.vchint .button.vbrbox-no-pdf.disabled,
.vcoverlay .button.vbrbox-no-pdf.disabled {
  background: lightgrey;
  opacity: 0.8;
}
.vchint .button.swiper-button-disabled,
.vcoverlay .button.swiper-button-disabled {
  background: lightgrey;
  cursor: auto;
}
.vchint button.calc,
.vcoverlay button.calc,
.vchint button.calc-next,
.vcoverlay button.calc-next {
  font-family: "Nuber-Bold", "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #5b86a3;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 10px;
  border: none;
  text-transform: uppercase;
  transition-duration: 0.3s;
  cursor: pointer;
}
.vchint button.calc:hover,
.vcoverlay button.calc:hover,
.vchint button.calc-next:hover,
.vcoverlay button.calc-next:hover {
  filter: brightness(80%);
  transition-duration: 0.3s;
}
.vchint .swiper-container,
.vcoverlay .swiper-container {
  width: 100%;
}
@media (max-width: 495px) {
  .vchint .swiper-container,
  .vcoverlay .swiper-container {
    width: auto;
  }
}
.vchint .swiper-container .swiper-pagination,
.vcoverlay .swiper-container .swiper-pagination {
  top: -5px;
  left: 0;
  height: 25px;
  display: flex;
  align-items: flex-end;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0 5px 0 0;
  height: 12px;
  transition: height 0.2s;
  background: #CCCCCC;
  opacity: 0.7;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet:last-of-type,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet:last-of-type {
  margin: 0;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #5b86a3;
  height: 20px;
  opacity: 1;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-ready::after,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-ready::after {
  transform: translate(-7px, 0);
  font-size: 18px;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-ready,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-ready {
  background: #76935a;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-ready::after,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-ready::after {
  transition: font-size 0.2s;
  content: '\f00c';
  transform: translate(-5px, 0);
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  position: absolute;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-nocalc,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-nocalc {
  background: #b64343;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-mg-left,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-mg-left {
  margin-left: 10px;
}
.vchint .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill,
.vcoverlay .swiper-container .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #5b86a3;
}
.vchint .swiper-container .swiper-wrapper,
.vcoverlay .swiper-container .swiper-wrapper {
  padding: 40px 20px 20px;
  box-sizing: border-box;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide {
  outline: none;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  visibility: visible;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide.not-tab-reachable,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide.not-tab-reachable {
  visibility: hidden;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .far.fa-file,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .far.fa-file {
  padding-right: 7px;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-datasheet-container,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-datasheet-container {
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  .vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-datasheet-container,
  .vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-datasheet-container {
    position: relative;
    top: unset;
    right: unset;
    padding: 10px 0;
  }
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox p,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox p,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox a,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox a {
  padding: 5px 30px 0 0;
  display: block;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.vbr-productname,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.vbr-productname,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.vbr-productname,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.vbr-productname {
  font-size: 22px;
  font-weight: bold;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.vbr-layername,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.vbr-layername,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.vbr-layername,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.vbr-layername {
  border-bottom: 1px solid #efeeee;
  padding: 0 0 10px;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.vbr-datasheet,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.vbr-datasheet,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.vbr-datasheet,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.vbr-datasheet {
  display: inline-block;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.not-configured,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.not-configured,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.not-configured,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.not-configured {
  color: #5b86a3;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.input-label-bold,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox p.input-label-bold,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.input-label-bold,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox a.input-label-bold {
  font-weight: bold;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs {
  padding: 10px 0;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs input,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs input {
  padding: 5px;
  margin: 5px 0 15px;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs input.isEmpty,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs input.isEmpty {
  background-color: #b64343;
  color: white;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs input.isEmpty::placeholder,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs input.isEmpty::placeholder {
  color: white;
  opacity: 1;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .factor_input,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .factor_input {
  margin: 5px 0;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .factor_input label,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .factor_input label {
  cursor: pointer;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .select_input .i_option,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .select_input .i_option {
  padding: 5px 1px;
  margin: 10px 0;
}
@media (max-width: 822px) {
  .vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .joint_input,
  .vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .joint_input {
    margin-right: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .joint_input,
  .vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .inputs .joint_input {
    margin-right: 0px;
  }
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .result-wrapper,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .result-wrapper {
  padding: 20px 0;
}
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .result-wrapper .container_result,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .result-wrapper .container_result,
.vchint .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .result-wrapper .radio_output_result,
.vcoverlay .swiper-container .swiper-wrapper .swiper-slide #vbrbox .vbr-wrapper .result-wrapper .radio_output_result {
  padding: 20px 0 0;
}
.vchint {
  max-height: 80%;
}
.vcoverlay.vco-small {
  height: 300px;
}
@media (max-width: 495px) {
  .vcoverlay.vco-small {
    border: 1px solid #000;
    width: 85%;
    top: 42%;
    box-sizing: content-box;
    transform: translate(-50%, -50%);
  }
}
.vcoverlay.vco-small .vcoverlay-sticky-header {
  height: 60px;
}
.vcoverlay.vco-small .vcoverlay-sticky-header.bookmarks {
  min-height: 60px;
}
.vcoverlay.pdf-viewer {
  flex-direction: row;
  max-width: 100%;
  width: 100%;
}
.vcoverlay.pdf-viewer .vcoverlay-sticky-header {
  overflow: auto;
  min-width: 250px;
}
@media (max-width: 768px) {
  .vcoverlay.pdf-viewer .vcoverlay-sticky-header {
    position: relative;
  }
}
.vcoverlay.pdf-viewer .button {
  width: 100%;
}
.vcoverlay.pdf-viewer .fas {
  font-size: 16px;
}
.no-padding {
  padding: 0;
}
.vcoverlay {
  max-height: 100vH;
}
@media (max-width: 768px) {
  .vcoverlay {
    height: 100vH;
    width: 100%;
    max-height: 100vH;
    box-sizing: border-box;
    border: 0;
    top: 0;
    transform: translate(-50%, 0%);
    padding: 0 20px;
  }
}
.vcoverlay .pdf-checkboxes,
.vcoverlay .pdf-preview,
.vcoverlay .vcoverlay__container {
  display: flex;
  flex-direction: column;
  margin: 20px;
}
.vcoverlay .pdf-checkboxes .custom-checkbox-container,
.vcoverlay .pdf-preview .custom-checkbox-container,
.vcoverlay .vcoverlay__container .custom-checkbox-container {
  padding: 0 0 0 40px;
}
.vcoverlay .pdf-checkboxes .custom-checkbox-container.hidden,
.vcoverlay .pdf-preview .custom-checkbox-container.hidden,
.vcoverlay .vcoverlay__container .custom-checkbox-container.hidden {
  display: none;
}
.vcoverlay .pdf-checkboxes .custom-checkbox-container,
.vcoverlay .pdf-preview .custom-checkbox-container {
  margin-bottom: 10px;
}
.vcoverlay .pdf-checkboxes .page-break-label,
.vcoverlay .pdf-preview .page-break-label {
  margin-left: 25px;
}
.vcoverlay .pdf-checkboxes .page-break-label.hidden,
.vcoverlay .pdf-preview .page-break-label.hidden {
  display: none;
}
.vcoverlay .pdf-checkboxes .mb-2,
.vcoverlay .pdf-preview .mb-2 {
  margin-bottom: 20px;
}
.vcoverlay .newsletter-usergroup-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vcoverlay .newsletter-usergroup-wrapper .newsletter-usergroup-label {
  padding-bottom: 10px;
}
.vcoverlay textarea {
  margin: 10px 20px 15px;
  padding: 5px;
  max-width: calc(100% - 52px);
  width: 100%;
}
.vcoverlay input.mailpdf-input {
  display: block;
  margin: 10px auto;
  padding: 5px 10px;
  height: 16px;
  width: 80%;
}
.vcoverlay a {
  cursor: pointer;
}
.vcoverlay > p {
  margin: 20px 20px;
  padding: 0px 0px 15px 0px;
}
.vcoverlay > p.nospace {
  margin: 0 20px;
  padding: 0;
}
.vcoverlay > p.mailpdf-override-wrapper {
  text-align: center;
  font-size: 14px;
}
.vcoverlay .scrollIndicator {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: transparent;
  background-image: -webkit-linear-gradient(top, transparent, #ffffff 50%);
  text-align: center;
  pointer-events: none;
  padding-top: 10px;
}
.vcoverlay .mailpdf-override {
  text-decoration: underline;
}
.vcoverlay .pdf-action-elements {
  text-align: center;
}
.vcoverlay .pdf-action-elements .mailpdf-override {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  background: #000000;
  width: 250px;
  padding: 10px;
  font-size: 100%;
  text-align: center;
  cursor: pointer;
  border: 0;
  margin: 10px;
  text-decoration: none;
}
.vcoverlay .pdf-action-elements #send-pdf {
  display: inline-block;
  margin: 10px;
  background-color: #5b86a3;
}
.vcoverlay .pdf-action-elements #send-pdf.disabled {
  display: inline-block;
  margin: 10px;
  background-color: lightgrey;
}
.vcoverlay button:hover {
  filter: brightness(80%);
  transition-duration: 0.3s;
}
.vcmodal,
.vctooltip {
  z-index: 1111;
  position: absolute;
  top: 10px;
  left: 10px;
  /*transform: translate(-50%, -50%);*/
  min-width: 350px;
  max-width: 400px;
  max-height: calc(100% - 40px);
  padding: 0 20px 20px 20px;
  display: none;
  background: #fff;
  overflow: auto;
  -webkit-box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
  box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
}
@supports (-webkit-overflow-scrolling: touch) {
  .vcmodal .vcmodal-list,
  .vctooltip .vcmodal-list {
    /* CSS specific to iOS devices */
  }
  .vcmodal .vcmodal-list.safari_only,
  .vctooltip .vcmodal-list.safari_only {
    padding-bottom: 60px;
  }
  .vcmodal .vcmodal-list.safari_only_big,
  .vctooltip .vcmodal-list.safari_only_big {
    padding-bottom: 100px;
  }
  .vcmodal .vcmodal-list.toolbar-hidden,
  .vctooltip .vcmodal-list.toolbar-hidden {
    padding-bottom: 0px;
  }
}
.vcmodal .vcmodal-sticky-header,
.vctooltip .vcmodal-sticky-header {
  position: fixed;
  background: #FFFFFF;
  padding-top: 20px;
  z-index: 1200;
}
.vcmodal .vcmodal-sticky-header .close,
.vctooltip .vcmodal-sticky-header .close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 20px;
  font-weight: bold;
}
.vcmodal .top-list,
.vctooltip .top-list,
.vcmodal .bottom-list,
.vctooltip .bottom-list,
.vcmodal .product-list,
.vctooltip .product-list {
  position: relative;
}
.vcmodal .product-detail,
.vctooltip .product-detail {
  display: none;
  clear: both;
  padding: 15px 0;
  float: left;
}
.vctooltip {
  overflow: visible;
  min-width: 100px;
  padding: 20px;
}
.vctooltip:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
.vctooltip.right:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 10px;
  margin-top: -10px;
}
/* IE Fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .vcmodal .product-detail {
    display: none;
    padding: 15px 0 0 0;
    float: none;
  }
}
.vcmodal .product-detail a,
.structure-info .structure-product-detail a {
  margin: 0;
}
.vcmodal .product-detail .detail-attachment,
.structure-product-detail .detail-attachment {
  margin-bottom: 5px;
}
.vcmodal .product-detail .detail-attachment.productdetails a:after,
.structure-product-detail .detail-attachment.productdetails a:after {
  content: 'Produkt Details';
}
.vcmodal .product-detail .detail-attachment.productdetails a:before,
.structure-product-detail .detail-attachment.productdetails a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  content: "\f15b";
  padding-right: 7px;
}
.vcmodal .product-detail .detail-attachment.datasheet a:after,
.structure-product-detail .detail-attachment.datasheet a:after {
  content: 'Technisches Datenblatt';
}
.vcmodal .product-detail .detail-attachment.datasheet a:before,
.structure-product-detail .detail-attachment.datasheet a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  content: "\f15b";
  padding-right: 7px;
}
.vcmodal .product-detail .detail-attachment.dop a:after,
.structure-product-detail .detail-attachment.dop a:after {
  content: 'Leistungserklärung';
}
.vcmodal .product-detail .detail-attachment.dop a:before,
.structure-product-detail .detail-attachment.dop a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  content: "\f15b";
  padding-right: 7px;
}
.vcmodal .product-detail .detail-attachment.sblds a:after,
.structure-product-detail .detail-attachment.sblds a:after {
  content: 'Nachhaltigkeitsdatenblatt';
}
.vcmodal .product-detail .detail-attachment.sblds a:before,
.structure-product-detail .detail-attachment.sblds a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  content: "\f15b";
  padding-right: 7px;
}
.vcmodal .product-detail .detail-attachment.sds a:after,
.structure-product-detail .detail-attachment.sds a:after {
  content: 'Sicherheitsdatenblatt';
}
.vcmodal .product-detail .detail-attachment.sds a:before,
.structure-product-detail .detail-attachment.sds a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  content: "\f15b";
  padding-right: 7px;
}
.vcmodal .product-detail .detail-attachment.vid a:after,
.structure-product-detail .detail-attachment.vid a:after {
  content: 'Video zum Produkt';
}
.vcmodal .product-detail .detail-attachment.vid a:before,
.structure-product-detail .detail-attachment.vid a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 200;
  content: "\f144";
  padding-right: 7px;
}
.vcmodal .product-description,
.vctooltip .product-description {
  max-width: 300px;
}
.vcmodal h1,
.vctooltip h1 {
  margin: 0 30px 10px 0;
  font-weight: bold;
}
.fa-exchange-alt {
  float: left;
  font-size: 30px;
  padding: 5px 10px 0 0;
}
.alt-layer-detail {
  padding-left: 35px;
}
div .structure-info {
  display: block;
  z-index: 1110;
  width: calc(30% - 20px);
  height: calc(100% - 20px);
  background: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  overflow: auto;
}
div .structure-info .structure-mobile .collapse-arrow {
  float: right;
  position: relative;
  pointer-events: none;
  font-size: 16px;
}
div .structure-info .structure-mobile .product-to-pdf {
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  bottom: -10px;
  padding: 10px 0 20px;
  background: #FFFFFF;
}
@supports (-webkit-overflow-scrolling: touch) {
  div .structure-info .structure-mobile .product-to-pdf {
    /* CSS specific to iOS devices */
    padding: 10px 0 40px;
  }
  div .structure-info .structure-mobile .product-to-pdf.safari_only {
    padding-bottom: 90px;
  }
  div .structure-info .structure-mobile .product-to-pdf.safari_only_big {
    padding-bottom: 130px;
  }
  div .structure-info .structure-mobile .product-to-pdf.toolbar-hidden {
    padding-bottom: 10px;
  }
}
div .structure-info .structure-mobile .product-to-pdf button.btn {
  font-family: "Nuber-Bold", "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #5b86a3;
  color: #fff;
  padding: 10px 20px;
  border: none;
  text-transform: uppercase;
  transition-duration: 0.3s;
  width: 100%;
  cursor: pointer;
}
div .structure-info .structure-mobile .product-to-pdf button.btn:hover {
  filter: brightness(80%);
  transition-duration: 0.3s;
}
div .structure-info .structure-mobile .product-to-pdf button.btn.disabled {
  background-color: #aaa;
}
.structure-info .structure-product,
.vctooltip .product,
.vcmodal .product {
  clear: both;
  padding: 10px 0;
  display: block;
}
.structure-info .structure-product.alternative-product p,
.vctooltip .product.alternative-product p,
.vcmodal .product.alternative-product p {
  font-size: 16px;
}
.structure-info .structure-product.alternative-product img,
.vctooltip .product.alternative-product img,
.vcmodal .product.alternative-product img {
  max-width: 40px;
  max-height: 40px;
}
.structure-info .structure-product.alternative-product .description,
.vctooltip .product.alternative-product .description,
.vcmodal .product.alternative-product .description {
  font-size: 15px;
}
.structure-info .structure-product .description,
.vctooltip .product .description,
.vcmodal .product .description {
  width: 100%;
  cursor: pointer;
}
.structure-info .structure-product .structure-product-info,
.vctooltip .product .structure-product-info,
.vcmodal .product .structure-product-info {
  float: right;
  width: calc(100% - 85px);
}
.vctooltip .product {
  cursor: initial;
  text-align: center;
}
.vctooltip .product:first-of-type {
  border-top: 0;
}
.structure-info .structure-product .product-comment {
  display: inline-block;
  clear: both;
  font-size: 80%;
  width: auto;
}
.structure-info .structure-product img,
.vctooltip .product img,
.vcmodal .product img {
  width: auto;
  height: auto;
  max-width: 45px;
  max-height: 50px;
  float: left;
  margin-bottom: 5px;
}
.vctooltip .product img {
  float: none;
}
.alt-layer {
  cursor: pointer;
  padding: 5px;
}
.structure-info .structure-product .description,
.vcmodal .product .description {
  float: right;
  padding: 0;
  margin-bottom: 10px;
}
.vcmodal .product .description {
  width: calc(100% - 85px);
}
.structure-info .structure-product b,
.vctooltip .product b,
.vcmodal .product b {
  font-weight: bold;
}
.structure-info .collapse-button {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  padding: 0 0 10px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: bold;
}
.structure-info button i {
  padding-top: 3px;
}
.structure-info .structure-content {
  overflow: hidden;
  display: block;
}
.structure-info .structure-content .structure-product-category {
  border-bottom: 1px solid #ccc;
  float: left;
  width: 100%;
  padding: 0;
  font-weight: normal;
  font: inherit;
}
.structure-info .structure-content .structure-product-category p {
  margin: 5px 0;
}
.structure-info .structure-content .structure-product-category i.fas {
  display: inline;
  padding: 0 0 0 10px;
}
.structure-info .structure-content .info-wrapper {
  display: inline-block;
  padding: 10px 0;
}
.structure-info .attachment {
  overflow: hidden;
  display: none;
  padding-bottom: 20px;
}
.structure-info .pdf-comment {
  display: none;
}
.structure-info .pdf-comment #pdf-comment-textarea {
  width: 100%;
  margin: 10px 0;
  box-sizing: border-box;
}
.structure-info .structure-name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 85%;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.structure-info .structure-desc {
  margin: 0 0 10px 0;
  font-size: 15px;
  max-width: 85%;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.product-detail .product-name {
  font-weight: bold;
  font-size: 24px;
  margin: 5px 0;
}
.product-detail img {
  float: left;
  margin: 0 20px 0 0;
}
.structure-product-detail {
  display: none;
  float: left;
  padding: 10px 0 20px 0;
  width: 100%;
}
.product-detail .product-description,
.structure-product-detail .product-description {
  margin: 0 0 10px 0;
}
.structure-mobile-expand {
  display: none;
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  width: 100%;
  border: none;
  outline: none;
  top: 120px;
  font-size: 15px;
}
.structure-mobile-expand .expand-text {
  display: inline-block;
}
.structure-mobile-expand .expand-text.hidden {
  display: none;
}
.structure-info.appmode .structure-mobile-expand {
  top: 120px;
}
@media (max-width: 495px) {
  .structure-info.appmode .structure-mobile-expand {
    top: -2px;
  }
}
.pgrwrapper select {
  width: 100%;
}
.pgrwrapper .pgres,
.pgrwrapper .pgkrs {
  cursor: pointer;
}
@media (max-width: 822px) {
  /* top: 0;
    left: 0;
    transform: translate(0, 0);
    min-width: 100%;
    min-height: 120%;*/
  div .structure-info {
    z-index: 1112;
    height: auto;
    width: auto;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 5px 5px 0 rgba(125, 125, 125, 0.5);
  }
  div .structure-info.mobile-view {
    height: calc(100% - 20px);
    width: calc(100% - 40px);
    top: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    padding: 0 20px 20px 20px;
  }
  .vcmodal {
    max-width: 300px;
    min-width: 250px;
  }
  .structure-mobile-expand {
    display: inline-block;
    padding: 0;
  }
  .mobile-view .structure-mobile-expand {
    padding: 20px;
    font-size: 18px;
    position: fixed;
    padding: 10px;
    background: #FFFFFF;
    z-index: 1200;
    display: block;
  }
  .mobile-view .structure-mobile-expand i.fas {
    float: right;
    padding-right: 30px;
  }
  .mobile-view .collapse-button {
    font-size: 18px;
  }
  div .structure-info .structure-mobile {
    display: none;
    top: 54px;
    position: relative;
  }
  div .structure-info .structure-mobile .product-to-pdf {
    bottom: -21px;
  }
  .structure-product-detail {
    padding: 10px 0 0 55px;
  }
}
@media (max-width: 495px) {
  .vcmodal {
    z-index: 1212;
    position: absolute;
    top: -120px;
    left: 0;
    min-width: calc(100% - 40px);
    min-height: calc(100vH - 20px);
    max-width: 100%;
    max-height: 100%;
    padding: 0 20px 20px 20px;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
  }
  .vcmodal h1 {
    font-size: 25px;
  }
  .vcmodal .alt-layer {
    font-size: 18px;
    padding: 0 0 10px 0;
  }
  .vcmodal .product-detail {
    padding: 10px 0 0 5px;
  }
  .fa-exchange-alt {
    font-size: 25px;
    padding: 5px 10px 0 0;
  }
  .alt-layer-detail {
    padding-left: 35px;
  }
  div .structure-info {
    z-index: 1112;
    height: auto;
    width: auto;
    top: 10px;
    right: 20px;
  }
  div .structure-info.appmode {
    right: 10px;
  }
  div .structure-info .structure-mobile-expand .fa-list {
    font-size: 25px;
  }
  div .structure-info .structure-mobile-expand .expand-text {
    display: none;
  }
  div .structure-info.mobile-view {
    height: calc(100vH - 20px);
    width: calc(100% - 40px);
    top: -120px;
    right: 0;
    max-height: 100vH;
    max-width: 100%;
    z-index: 1212;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
  }
  .structure-mobile-expand {
    display: inline-block;
    padding: 0;
    top: -2px;
  }
  .mobile-view .structure-mobile-expand {
    padding: 15px;
  }
  .mobile-view .structure-mobile-expand i.fas {
    padding-right: 25px;
  }
  .mobile-view .collapse-button {
    font-size: 18px;
  }
  .structure-mobile {
    display: none;
  }
}
@media (max-width: 822px) and (min-aspect-ratio: 8/5) {
  .vcmodal {
    z-index: 1212;
    position: absolute;
    top: 0;
    left: 0;
    min-width: calc(100% - 40px);
    min-height: calc(100% - 20px);
    max-width: 100%;
    max-height: 100%;
    padding: 0 20px 20px 20px;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
  }
  .vcmodal h1 {
    font-size: 30px;
  }
  .vcmodal .alt-layer {
    font-size: 18px;
    padding: 0 0 10px 0;
  }
  .vcmodal .vcmodal-sticky-header .close {
    font-size: 24px;
  }
  div .structure-info {
    z-index: 1110;
    height: auto;
    width: auto;
    position: absolute;
    top: 10px;
    right: 20px;
  }
  div .structure-info.mobile-view {
    height: calc(100% - 20px);
    width: calc(100% - 40px);
    top: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
  }
  .structure-mobile-expand {
    display: inline-block;
    padding: 0;
  }
  .mobile-view .structure-mobile-expand {
    padding: 15px;
  }
  .mobile-view .structure-product-detail {
    padding-left: 55px;
  }
  .mobile-view .collapse-button {
    font-size: 18px;
  }
  .structure-mobile {
    display: none;
  }
}
@media (max-width: 495px) and (min-aspect-ratio: 8/5) {
  .vcmodal {
    z-index: 1200;
    position: absolute;
    top: 0;
    left: 0;
    min-width: calc(100% - 40px);
    min-height: calc(100% - 20px);
    max-width: 100%;
    max-height: 100%;
    padding: 0 20px 20px 20px;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
  }
  .vcmodal h1 {
    font-size: 30px;
  }
  .vcmodal .alt-layer {
    font-size: 18px;
    padding: 0 0 10px 0;
  }
  .vcmodal .vcmodal-sticky-header .close {
    font-size: 24px;
  }
  .vcmodal .product-detail {
    padding: 10px 0 0 0;
  }
  div .structure-info {
    z-index: 1110;
    height: auto;
    width: auto;
    position: absolute;
    top: 10px;
    right: 20px;
  }
  div .structure-info.mobile-view {
    height: calc(100% - 10px);
    width: calc(100% - 40px);
    top: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    z-index: 1200;
    -webkit-box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
    box-shadow: 0 0 0 0 rgba(125, 125, 125, 0.5);
  }
  .structure-mobile-expand {
    display: inline-block;
    padding: 0;
  }
  .mobile-view .structure-mobile-expand {
    padding: 30px;
  }
  .mobile-view .collapse-button {
    font-size: 18px;
  }
  .structure-mobile {
    display: none;
  }
}
/*
@media (min-aspect-ratio: 8/5){
    #viscon-stage {
        height:  100vH;
    }
}
*/
.error-no-webgl {
  color: #f00;
  font-size: 20px;
  padding: 20px;
  line-height: 1.3em;
}
.clear {
  clear: both;
}
.nobuilds {
  color: #aaa;
  cursor: not-allowed;
}
.hidenobuilds {
  display: none;
}
.product-description ul {
  list-style-type: circle;
  list-style-position: outside;
  padding: 5px 0 0 20px;
}
.product-description li {
  padding-bottom: 10px;
}
a {
  color: #000;
}
a.video:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f03d";
  display: inline-block;
  padding-right: 3px;
  width: 25px;
  font-size: 14px;
  vertical-align: middle;
}
a.download:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f56d";
  display: inline-block;
  width: 25px;
  padding-right: 3px;
  font-size: 14px;
  vertical-align: middle;
}
span.more {
  color: #5b86a3;
  font-size: 12px;
  padding: 5px 0 0;
  white-space: nowrap;
  display: block;
}
span.more:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  display: inline-block;
  width: 25px;
  padding-left: 3px;
  font-size: 14px;
  vertical-align: middle;
}
.vctooltip span.more {
  display: none;
}
span.small {
  font-size: 14px;
}
/* ------------------------------------ */
/* CUSTOM CHECKBOX STYLING */
.custom-checkbox-container {
  position: relative;
  float: left;
  padding-right: 35px;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  width: auto;
  padding: 0 35px 0 0;
}
/* Hide the browser's default checkbox */
.custom-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.custom-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #b1b1b1;
}
/* On mouse-over, add a grey background color */
.custom-checkbox-container:hover input ~ .custom-checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox-container input:checked ~ .custom-checkmark {
  background-color: #5b86a3;
}
/* Create the custom-checkmark/indicator (hidden when not checked) */
.custom-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the custom-checkmark when checked */
.custom-checkbox-container input:checked ~ .custom-checkmark:after {
  display: block;
}
/* Style the custom-checkmark/indicator */
.custom-checkbox-container .custom-checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#searchbar {
  padding: 5px 10px;
  height: 30px;
  background: #fff;
  border: 1px solid #808080;
  font-size: 18px;
  display: block;
  width: 50%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #searchbar {
    width: 235px;
  }
}
#searchresults {
  position: relative;
  left: 25%;
  top: 25px;
  height: 100%;
  max-height: calc(100% - 60px);
  z-index: 10;
  padding: 20px 0;
  background: #fff;
  max-width: 50%;
}
@media (max-width: 768px) {
  #searchresults {
    left: 0;
    max-width: 100%;
  }
}
#searchresults .no-results {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}
#searchresults .close {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
#searchresults .result-list {
  height: calc(100% - 20px);
  overflow-y: auto;
}
#searchresults .result-list .bld .fas {
  padding: 0 6px 0 0;
}
.structure-bookmarks-collapse {
  background-color: #ffffff;
  color: #000000;
  cursor: pointer;
  padding: 0 0 10px 0;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: bold;
}
#add-product-results {
  margin: 0;
  margin-top: 15px;
}
#add-product-results .result-wrapper {
  cursor: pointer;
}
#add-product-results li {
  width: calc(100% - 10px);
  height: 60px;
  padding: 10px 0px;
  margin: 2px 0px;
  line-height: 60px;
  white-space: nowrap;
}
@media only screen and (max-width: 599px) {
  #add-product-results li {
    font-size: 12px;
  }
}
#add-product-results li * {
  display: inline-block;
  margin: auto 20px;
  vertical-align: middle;
}
#add-product-results li p.sku {
  left: 100px;
}
#add-product-results li .bookmark-image-wrapper {
  margin: auto 15px;
  height: 70px;
  width: 40px;
}
#add-product-results li .bookmark-image-wrapper img {
  margin: 0;
  max-height: 70px;
  max-width: 40px;
  object-fit: contain;
}
#add-product-results li.selected {
  background-color: rgba(245, 245, 245, 0.4);
  -webkit-box-shadow: 2px 1px 5px 0px rgba(50, 50, 50, 0.7);
  -moz-box-shadow: 2px 1px 5px 0px rgba(50, 50, 50, 0.7);
  box-shadow: 2px 1px 5px 0px rgba(50, 50, 50, 0.7);
  border: 5px solid #5b86a3;
}
#add-product-results li {
  background-color: white;
  color: black;
  border: 5px solid white;
}
#add-product-results hr {
  margin: 0;
}
#add-product-results .bookmark-result.sku {
  display: none;
}
#bookmarks {
  display: none;
}
#bookmarks .bookmark-product {
  margin: 20px 0px;
  clear: both;
}
#bookmarks .bookmark-product img {
  max-height: 40px;
  max-width: 25px;
  float: left;
  margin: 0 20px 5px 30px;
}
#bookmarks .bookmark-product b.product-name {
  font-size: 18px;
  font-weight: bold;
}
#bookmarks .bookmark-product .subtitle {
  font-style: italic;
}
#bookmarks .bookmark-product .product-amount {
  display: inline-block;
}
#bookmarks .bookmark-product .product-comment,
#bookmarks .bookmark-product .product-amount > p {
  clear: both;
  margin: 8px 10px 0 0;
  font-size: 80%;
}
#bookmarks .bookmark-product .product-comment {
  display: inline-block;
}
#bookmarks .bookmark-product .product-info {
  float: right;
  width: calc(100% - 85px);
  margin-bottom: 25px;
}
#bookmarks .bookmark-product .product-info button.delete-bookmark-entry {
  clear: both;
  margin: 8px 0 0 0;
  float: none;
  padding: 0;
}
#bookmarks .bookmark-product .product-info button.open-add-comment,
#bookmarks .bookmark-product .product-info button.delete-bookmark-comment {
  margin: 8px 7px 0px 0;
  padding: 1px 1px 0px 1px;
  float: none;
}
#add-bookmark-controls {
  margin: 0;
  height: 50px;
  width: 100%;
}
#add-bookmark-controls input#bookmark-filter {
  margin-top: 10px;
  padding: 10px;
  font-size: 18px;
  width: 180px;
  border-width: 1px;
  float: left;
}
#add-bookmark-controls button#add-bookmark-button {
  float: right;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 11px;
  font-size: 18px;
}
.structure-product:after {
  content: "";
  display: block;
  clear: both;
}
.add-product-comment,
.open-add-comment,
.delete-product-comment,
.delete-bookmark-entry,
.delete-bookmark-comment,
.inline-change-surface,
.inline-change-underground {
  margin: 5px 0 20px 0;
  background-color: white;
  border: 0px;
  color: #5b86a3;
  float: right;
  cursor: pointer;
  font-size: 11px;
}
.add-product-comment,
.delete-product-comment,
.inline-change-surface,
.inline-change-underground {
  float: none;
  margin: 5px 0 10px;
}
#bookmark-main-controls {
  clear: both;
  margin-top: 10px;
}
#bookmark-main-controls .bookmarks-btn.add-product,
#bookmark-main-controls .bookmarks-btn.delete-list {
  display: block;
  background: none;
  border: none;
  cursor: pointer;
}
#bookmark-main-controls .bookmarks-btn.add-product span,
#bookmark-main-controls .bookmarks-btn.delete-list span {
  color: #5b86a3;
  font-size: 16px;
  margin-left: 8px;
}
#bookmark-main-controls .bookmarks-btn.delete-list {
  transform: scale(0.75);
  transform-origin: left;
  margin-left: 5px;
}
#bookmark-main-controls .fa-plus,
#bookmark-main-controls .fa-trash {
  background: #5b86a3;
  color: #ffffff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
  font-size: 10px;
}
#bookmark-main-controls .fa-plus:before,
#bookmark-main-controls .fa-trash:before {
  line-height: 30px;
}
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
  position: absolute;
  opacity: 0;
  display: none;
}
input[type="radio"]:checked:focus + label,
input[type="radio"]:not(:checked):focus + label {
  border: 2px solid #000;
  border-radius: 5px;
}
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  margin: 5px 0 5px;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #5b86a3;
}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
  content: '';
  width: 6px;
  height: 6px;
  background: #fff;
  position: absolute;
  top: 7px;
  left: 7px;
  border-radius: 100%;
}
input[type="radio"]:checked + label {
  color: #000;
}
input[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
input[type="radio"]:not(:checked) {
  background: #fff;
}
input[type="radio"]:not(:checked) + label:before {
  background: #b1b1b1;
}
input[type="radio"]:not(:checked) + label:hover:before {
  background: #ccc;
}
input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
input[type="radio"].isEmpty:not(:checked) + label:before {
  background: #b64343;
}
.status-warning {
  color: #b64343;
}
.status-ok {
  color: #76935a;
}
.tdb_hint {
  cursor: pointer;
}
.tdb_hint:hover {
  text-decoration: underline;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #aaa;
}
.languagedropdown {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.languagebutton {
  background: #fff;
  color: #1f1f1f;
  margin: 0;
  border: 0;
  cursor: pointer;
  padding: 0 10px 10px 0;
}
.languagebutton i {
  padding: 0 5px 0 0;
}
.languageswitch {
  display: none;
  z-index: 1211;
  background: #fff;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.languageswitch.open {
  display: block;
}
.languageswitch a {
  display: block;
  padding: 10px;
}
.footer-content {
  text-align: center;
}
@supports (-webkit-overflow-scrolling: touch) {
  .footer-content {
    /* CSS specific to iOS devices */
  }
  .footer-content.safari_only {
    padding: 0 0 80px 0;
  }
  .footer-content.safari_only_big {
    padding: 0 0 120px 0;
  }
  .footer-content.toolbar-hidden {
    padding: 0;
  }
}
.footer-content a,
.footer-content span {
  display: inline-block;
  padding: 0 5px;
  font-size: 12px;
}
.whiteout-overlay,
.myardex-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 11121;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 2rem;
  text-align: center;
}
.whiteout-overlay.felogin-overlay,
.myardex-overlay.felogin-overlay {
  display: none;
}
.whiteout-overlay.felogin-overlay .loader,
.myardex-overlay.felogin-overlay .loader {
  opacity: 1;
}
.whiteout-overlay.felogin-overlay .loader-spinner,
.myardex-overlay.felogin-overlay .loader-spinner {
  opacity: 0;
}
.whiteout-overlay h1,
.myardex-overlay h1 {
  font-size: 25px;
}
#felogin-form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#felogin-form .felogin-input {
  margin: 5px;
  padding: 5px;
}
/* loader css from ep_mediabase */
.loader-wrapper {
  position: absolute;
  width: 100%;
  top: 360px;
  left: 0;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: start;
  pointer-events: none;
}
@media screen and (max-width: 1250px) {
  .loader-wrapper {
    top: 400px;
  }
}
@media screen and (max-width: 820px) {
  .loader-wrapper {
    top: 445px;
  }
}
@media screen and (max-width: 700px) {
  .loader-wrapper {
    top: 470px;
  }
}
@media screen and (max-width: 557px) {
  .loader-wrapper {
    top: 615px;
  }
}
@media screen and (max-width: 441px) {
  .loader-wrapper {
    top: 685px;
  }
}
.loader-wrapper {
  position: static;
}
.loader-wrapper .loader {
  opacity: 0;
}
.loader {
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
}
.loader-spinner {
  border: 12px solid #f3f3f3;
  border-radius: 50%;
  border-top: 12px solid #5b86a3;
  width: 90px;
  height: 90px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}
.loader-logo {
  width: 70px;
  height: auto;
  position: absolute;
}
.layerswitch-grp {
  position: absolute;
  top: 0;
  right: 30%;
  bottom: unset;
  left: unset;
  margin: 20px;
}
@media (max-width: 822px) {
  .layerswitch-grp {
    bottom: 0;
    left: 0;
    top: unset;
    right: unset;
  }
}
.layerswitch-grp button.btn {
  font-family: "Nuber-Bold", "Lato", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #5b86a3;
  color: #fff;
  padding: 10px 20px;
  border: none;
  text-transform: uppercase;
  transition-duration: 0.3s;
  cursor: pointer;
}
.layerswitch-grp button.btn.layerswitch-button {
  margin-bottom: 5px;
}
@media (max-width: 495px) {
  .layerswitch-grp button.btn.layerswitch-button {
    font-size: 14px;
  }
}
.layerswitch-grp button.btn:hover {
  filter: brightness(80%);
  transition-duration: 0.3s;
}
.layerswitch-grp button.btn.disabled {
  background-color: #aaa;
}
/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.vcoverlay-spinner {
  display: none;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffffad;
  z-index: 20;
}
.lds-ring {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #000;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bigger {
  font-size: 20px;
}
/* alternative product grey */
.alternative-product,
.alternative-product .product-description,
.alternative-product .detail-attachment a {
  color: grey;
}
/* Cookie Consent */
.cookieconsent-com---nb-interstitial-overlay {
  overflow: auto;
}
#cookieconsent-com---preferences-center.cookieconsent-com---is-visible {
  overflow: auto;
}
#cookieconsent-com---nb {
  position: relative;
  right: auto;
  left: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 46rem;
}
.cookieconsent-com---palette-light .cc-nb-buttons-container .cc-nb-reject,
.cookieconsent-com---palette-light .cc-nb-buttons-container .cc-nb-okagree {
  background-color: #5c85a3;
}
#cookieconsent-com---preferences-center .cc-cp-foot-save {
  background-color: #5c85a3;
}
.colorpreview {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 3px 0 0;
  border: 1px solid #000;
  border-radius: 8px;
}
.colorpreview-wrapper {
  display: table;
  min-width: 50px;
}
.vbr-wrapper .colorpreview {
  width: calc(100% - 50px);
  height: 25px;
  margin: 5px 0;
  padding: 0 5px;
}
.prodset {
  color: #000;
}
.prodset.prodset-head {
  font-weight: bold;
  margin: 10px 0;
}
.prodset.prodset-input {
  display: inline-block;
  vertical-align: top;
  min-width: 100px;
}
.prodset.prodset-input input {
  width: 45px;
  padding: 5px;
  margin: 5px;
}
.prodset.prodset-name {
  display: inline-block;
  width: 65%;
  margin-bottom: 5px;
}
.cc-nb-okagree {
  background-color: #5b86a3 !important;
}
.cc-nb-reject {
  background-color: #676767 !important;
}
.pdf-page-break-before__title {
  margin-bottom: 10px;
}
summary {
  cursor: pointer;
}
.d-flex {
  display: flex;
}
.quick-pdf {
  flex-basis: content;
}
.me-2 {
  margin-right: 5px;
}
#viewerContainer {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  max-width: 1200px;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
#viewerContainer::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
#viewerContainer .page {
  box-shadow: 0px 0px 4px 0px;
}
.pdf-viewer #viewerContainer {
  overflow-x: auto;
}
.pdfViewer {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.myardex-username {
  padding: 0 20px;
  cursor: pointer;
}
.myardex-username .fa-user {
  padding: 0 5px 0 0;
}
@media (max-width: 495px) {
  .myardex-username {
    display: none;
  }
}
.account-menu {
  padding: 0 10px;
}
.account-menu .account-menu-header {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px;
}
/* ------------- */
/* ÄNDERUNGEN NUR IN DER LESS DATEI VORNEHMEN!!! */
/* ------------- */
