/* **************************************************************************** */
/* Globals ******************************************************************** */
/* **************************************************************************** */
.dropdown-toggle::after {
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .container {
    width:100%;
    max-width:100%;
  }
}
a,
a:hover,
.cms_cont a:hover {
  color:#212529;
  text-decoration:none;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
.h1, h1 {
  font-size:1.5rem;
}
.h2, h2 {
  font-size:1.25rem;
}
.h3, h3 {
  font-size:1.10rem;
}
@media (min-width: 576px) {
  .h1, h1 {
    font-size:2.0rem;
  }
  .h2, h2 {
    font-size:1.50rem;
  }
  .h3, h3 {
    font-size:1.25rem;
  }
}
.custom-select.is-invalid,
.form-control.is-invalid,
.is-invalid .form-control, 
.was-validated .custom-select:invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
}
.is-invalid label,
.is-invalid,
.is-invalid a {
  color: #dc3545;
}
.is-invalid .errMessage {
  display: block;
}
.red {
  color: #dc3545;
}
.text-muted a {
  color: #6c757d !important;
}
.form-control {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus,
.custom-select.is-invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.was-validated .form-control:invalid:focus {
  box-shadow:0 0 0 0 rgba(108,117,125,0);
}
/*
* {
  border-radius: 0 !important;
}
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
*/



/* Loadin on Ajax *********************************************************** */
#loadingDiv {
  background-color: rgba(255,255,255,0.5);
  height: 100%;
  left: 0;
  margin: 0 auto;
  padding: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999999;
}
#loadingDiv .inner {
  background-color: #fff;
  border: 1px solid #eee;
  box-sizing: border-box;
  height: 50px;
  margin: 0 auto;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 50px;
  position:relative;
}
#loadingDiv img {
  display: block;
  position: relative;
  top: 6px;
  left: 6px;
}



/* **************************************************************************** */
/* Helpers ******************************************************************** */
/* **************************************************************************** */
.position-r {
  position:relative;
}
.position-s {
  position:static;
}
.btn-link.grey {
  color:rgba(155,156,155,1.0);
  border:1px solid rgba(155,156,155,.1);
}
.bgr_wrap,
#content_section_ {
  max-width: 100%;
  margin:0 auto;
  background-color: #fff;
}
#content_section_ {
  background-color: #fff;
}
@media (min-width: 1380px) {
  .bgr_wrap,
  #content_section_ {
    max-width: 1320px;
    margin:0 auto;
  }
}
@media (min-width: 1200px) and (max-width: 1379px) {
  .bgr_wrap,
  #content_section_ {
    max-width: 1140px;
    margin:0 auto;
  }
}

@media (min-width: 1450px) {
  .pl-xl-6 {
    padding-left:6rem !important;  
  }
  .pr-xl-6 {
    padding-right:6rem !important;  
  }
}

@media (min-width: 1380px) {
  .container {
    max-width: 1320px;
  }
  
  /* Auto Cols */
  .col-dyn-auto {
    -ms-flex: 0 0 0;
    flex: 0 0 0;
    flex-grow: 1;
    flex-basis: 350px;
    position: relative;
    width: 100%;
    min-height: 1px;
  }
  .col-dyn-auto.pl-xxl-0 {
    padding-left: 0 !important;
  }
  .col-dyn-auto.plr-xxl-3 {
    padding-left: 0.50rem !important;
    padding-right: 0.50rem !important;
  }
  .col-dyn-auto.pl-xxl-3 {
    padding-left: 0.50rem !important;
  }
  .col-dyn-auto.pr-xxl-3 {
    padding-right: 0.50rem !important;
  }
  .col-dyn-auto.pr-xxl-0 {
    padding-right: 0 !important;
  }
  
  /* 5 Cols on Start */
  .col-dyn-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    flex-grow: 0;
    flex-basis: 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    min-height: 1px;
  }
  .col-dyn-5.pl-xxl-0 {
    padding-left: 0 !important;
  }
  .col-dyn-5.plr-xxl-3 {
    padding-left: 0.50rem !important;
    padding-right: 0.50rem !important;
  }
  .col-dyn-5.pl-xxl-3 {
    padding-left: 0.50rem !important;
  }
  .col-dyn-5.pr-xxl-3 {
    padding-right: 0.50rem !important;
  }
  .col-dyn-5.pr-xxl-0 {
    padding-right: 0 !important;
  }
  
  /* 4 Cols on Start */
  .col-dyn-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    flex-grow: 0;
    flex-basis: 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    min-height: 1px;
  }
  .col-dyn-4.pl-xxl-0 {
    padding-left: 0 !important;
  }
  .col-dyn-4.plr-xxl-3 {
    padding-left: 0.50rem !important;
    padding-right: 0.50rem !important;
  }
  .col-dyn-4.pl-xxl-3 {
    padding-left: 0.50rem !important;
  }
  .col-dyn-4.pr-xxl-3 {
    padding-right: 0.50rem !important;
  }
  .col-dyn-4.pr-xxl-0 {
    padding-right: 0 !important;
  }
  
}
@media (min-width: 1580px) {
  .container {
    max-width: 1520px;
  }
  .bgr_wrap,
  #content_section_ {
    max-width: 1520px;
    margin:0 auto;
  }  
}


@media (max-width: 1200px) {
  .p-lg-l-0 {
    padding-left:0px;
  }
  .p-lg-r-0 {
    padding-right:0px;
  }
  .mb-lg-3-neg {
    margin-bottom:1rem !important;
  }
}

@media (max-width: 992px) {
  .p-md-l-0 {
    padding-left:0px;
  }
  .p-md-r-0 {
    padding-right:0px;
  }
  .m-md-l-8-neg {
    margin-left:-8px;
  }
  .m-md-r-8-neg {
    margin-right:-8px;
  }
  .pl-8 {
    padding-left:8px;
    padding-right:8px
  }
  .pr-8 {
    padding-left:8px;
    padding-right:8px
  }
  .no-border-bottom-md-neg {
    border-bottom:0px;
  }
  .pbt-md-1 {
    padding-top:0.5rem !important;
    padding-bottom:0.5rem !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-15 {
    padding-right:15px !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .pl-8 {
    padding-left:8px;
  }
  .pr-8 {
    padding-right:8px
  }
}

@media (max-width: 768px) {
  .p-sm-l-0 {
    padding-left:0px;
  }
  .p-sm-r-0 {
    padding-right:0px;
  }
  .pb-xs-3 {
    padding-bottom: 1rem !important;
  }
  .px-xs-0 {
    padding-left:0px;
    padding-right:0px;
  }
  .mb-xs-sm-md-2 {
    margin-bottom: .5rem !important;  
  }
  .font-weight-md-bold {
    font-weight:600 !important;
  }
  .mb-xs-3 {
    margin-bottom:1rem !important;
  }
}

@media (min-width: 768px) {
  .text-right-sm {
    text-align: right !important;
  }
}

@media (min-width: 576px) {
  .text-right-sm {
    text-align: right !important;
  }
}

@media (max-width: 576px) {
  .p-xs-0 {
    padding:0px !important;
  }
  .pl-xs-0 {
    padding-left:0px !important;
  }
  .pr-xs-0 {
    padding-right:0px !important;
  }
  .pbt-xs-1 {
    padding-top:0.5rem !important;
    padding-bottom:0.5rem !important;
  }
  .mbt-xs-1 {
    margin-top:0.25rem !important;
    margin-bottom:0.25rem !important;
  }
  .ml-xs-0 {
    margin-left:0 !important;
  }
  .mr-xs-0 {
    margin-right:0 !important;
  }
  .full-width-sx {
    width: 100% !important;  
  }
}

.pr-1rem {
  padding-right: 1rem;
}

hr.trans,
div.trans {
  border-color:transparent;
}
.min-h {
  min-height:0.01rem;
  height:0.01rem;
}
.col-dyn {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 576px) {
  .col-dyn {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media (min-width: 576px) {
  .pr-26 {
    padding-right: .6rem !important;
  }
  .pl-26 {
    padding-left: .6rem !important;
  }
}

@media (max-width: 1200px) {
  .plr-8 {
    padding-left:8px;
    padding-right:8px
  }
  .plr-3 {
    padding-left:3rem;
    padding-right:3rem;
  }
}
@media (min-width: 1200px) {
  .plr-lg-15 {
    padding-left:15px;
    padding-right:15px
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .pl-sm-strict-0 {
    padding-left:0px !important;
  }
  .pr-sm-strict-0 {
    padding-right:0px !important;
  }
}
.btn-group-xs > .btn,
.btn-xs {
  padding: .2rem .5rem;
  font-size: .875rem;
  line-height: 1.3;
  border-radius: .2rem;
}
.card-header {
  padding-left:15px;
  padding-right:15px;   
}
.pl-15 {
  padding-left:15px;
}
.pr-15 {
  padding-right:15px;
}
.pt-15 {
  padding-top:15px;
}
.pb-15 {
  padding-bottom:15px;
}

.bg-grey {
  background-color: #f0f0f0;
}
.bb-grey {
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.bg-transparent {
  background-color: transparent !important;
}

.text-underline {
  text-decoration:underline !important;
}

.w-48 {
  width: 48% !important;
}

.text-size-big {
  font-size:1.2rem; 
}

.btn-custom-grey,
.btn-custom-grey:hover  {
  color: #212529;
  background-color: #f0f0f0;
  border-color: #f0f0f0;
}

.icon_label {
  display:inline-block;
  position: relative;
  top: -1px;
  left:3px;
}

.card-header.border-1 {
  border:1px solid rgba(0,0,0,.125);
}

.hidden {
  display:none;  
}

.font-size-100 {
  font-size:100%;  
}

.font-size-1rem {
  font-size: 1rem !important;
}

.z-index-1 {
  z-index:1;  
}
.z-index-2 {
  z-index:2;  
}

.card-body {
  padding:1rem 1.25rem;
}
h1, h2, h3 {
  margin-bottom:1rem;
}
.container {
  padding-left:1rem;
  padding-right:1rem;
}
.img-always-100 {
  width:100%;
}
.embed-responsive.img-always-100 {
  max-width:100% !important;
  width:100%;
}

.flex-auto {
  width:auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  margin:0 auto;
}

a.no-pointer {
  cursor: default;
}

@media (max-width: 768px) {
  .flex-md-neg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .mx-md-neg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 992px) {
  .flex-lg-neg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .mx-lg-neg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .w-lg-100 {
    width:100% !important;
  }
}

.bg-green {
  background-color: #4CAF50 !important;
}
.border-green {
  border-color: #4CAF50 !important;
}

.btn-primary {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
}
.btn-primary:hover,
.btn-primary.active {
  background-color:#388e3c !important;
  border-color:#388e3c !important;
  color: #fff !important;
}

.card,
.card-header {
  /*box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.12);*/
}  

.round-0 {
  border-radius:0px !important;
}

.fullwidthcont a {
  color:inherit !important;
}
.colorschema-1 { background-color:#4CAF50; color:#fff; }
.colorschema-2 { background-color:#3b8386; color:#fff; }
.colorschema-3 { background-color:#bc9139; color:#fff; }
.colorschema-4 { background-color:#6f81b0; color:#fff; }

@media (min-width: 992px) {
  .w-lg-75 {
    width: 75% !important;
  }
  .ctr_de .d-lg-inline.d-none[class*='_isode'] { display:inline !important; }
  .ctr_ch .d-lg-inline.d-none[class*='_isoch'] { display:inline !important; }
  .ctr_li .d-lg-inline.d-none[class*='_isoli'] { display:inline !important; }
  .ctr_at .d-lg-inline.d-none[class*='_isoat'] { display:inline !important; }
  .ctr_net .d-lg-inline.d-none[class*='_isonet'] { display:inline !important; }  
}  

@media (min-width: 700px) {
  .d-700-inline {
    display: inline !important;
  }
  .ctr_de .d-700-inline.d-none[class*='_isode'] { display:inline !important; }
  .ctr_ch .d-700-inline.d-none[class*='_isoch'] { display:inline !important; }
  .ctr_li .d-700-inline.d-none[class*='_isoli'] { display:inline !important; }
  .ctr_at .d-700-inline.d-none[class*='_isoat'] { display:inline !important; }
  .ctr_net .d-700-inline.d-none[class*='_isonet'] { display:inline !important; }
  
  .text-decoration-none-700, 
  .cms_cont a.text-decoration-none-700,
  .cms_cont a.text-decoration-none-700:hover {
    text-decoration:none;  
  }
  .d-700-none {
    display:none !important;  
  }
}
@media (min-width: 1127px) {
  .d-1127-inline {
    display: inline !important;
  }
  .ctr_de .d-1127-inline.d-none[class*='_isode'] { display:inline !important; }
  .ctr_ch .d-1127-inline.d-none[class*='_isoch'] { display:inline !important; }
  .ctr_li .d-1127-inline.d-none[class*='_isoli'] { display:inline !important; }
  .ctr_at .d-1127-inline.d-none[class*='_isoat'] { display:inline !important; }
  .ctr_net .d-1127-inline.d-none[class*='_isonet'] { display:inline !important; }
}
@media (min-width: 960px) {
  .d-960-inline {
    display: inline !important;
  }
  .ctr_de .d-960-inline.d-none[class*='_isode'] { display:inline !important; }
  .ctr_ch .d-960-inline.d-none[class*='_isoch'] { display:inline !important; }
  .ctr_li .d-960-inline.d-none[class*='_isoli'] { display:inline !important; }
  .ctr_at .d-960-inline.d-none[class*='_isoat'] { display:inline !important; }
  .ctr_net .d-960-inline.d-none[class*='_isonet'] { display:inline !important; }
}
@media (min-width: 850px) {
  .d-850-inline {
    display: inline !important;
  }
  .ctr_de .d-850-inline.d-none[class*='_isode'] { display:inline !important; }
  .ctr_ch .d-850-inline.d-none[class*='_isoch'] { display:inline !important; }
  .ctr_li .d-850-inline.d-none[class*='_isoli'] { display:inline !important; }
  .ctr_at .d-850-inline.d-none[class*=' _isoat'] { display:inline !important; }
  .ctr_net .d-850-inline.d-none[class*='_isonet'] { display:inline !important; }
}

@media (min-width: 1250px) {
  .w-xl-75 {
    width: 1140px !important;
  }
}

.anchor {
  font-size:0px;
  line-height:0px;
  margin: 0px;
  padding:0px;
}


/* **************************************************************************** */
/* BCT ************************************************************************ */
/* **************************************************************************** */
.breadcrumb-item + .breadcrumb-item::before {
  content:"-";
}
.breadcrumb-item a {
  text-decoration:underline;
}



/* **************************************************************************** */
/* Carousel ******************************************************************* */
/* **************************************************************************** */
.carousel-control-prev-icon,
.slick-prev::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102,102,102,1)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon,
.slick-next::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102,102,102,1)' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next,
.carousel-control-prev {
  width:10%;
  opacity:1.0;  
}
.carousel-control-prev-icon_wrap,
.carousel-control-next-icon_wrap {
  background: rgba(238,238,238,1);
  border-radius: 0;
  color:rgba(102,102,102,1);
  cursor: pointer;
  height: 30px;
  line-height: 36px;
  width: 30px;
  z-index: 200;
  display:inline;
}
.carousel-control-prev-icon_wrap:hover,
.carousel-control-next-icon_wrap:hover {
  background: rgba(221,221,221,1);
}



/* **************************************************************************** */
/* Topbar ********************************************************************* */
/* **************************************************************************** */
#topbar .navbar-toggler {
  display:block;
}
#topbar.smallbar .navbar-toggler {
  margin-left:8px;
}
#topbar .navbar {
  padding-top:5px;
  padding-bottom:5px;
}
@media (min-width: 1200px) { 
  #topbar .container {
    padding-left:6px;
    padding-right:6px;
  }
}
@media (max-width: 1200px) { 
  #topbar.container,
  #topbar .container {
    width:100%;
    max-width:100%;
  }
  #topbar_ .navbar {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.is_not_logged_in,
.is_logged_in {
  display:block;
}
.is_logged_in {
  display:none;
}
.iconlink {
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  top: 3px;
}
.iconlink .oi {
  font-size: 1.2rem;
  line-height:inherit;
  top:0px;
}

a.iconlink:hover,
a.iconlink:visited,
a.iconlink:focus  {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
  
#searchFormDropdown.dropdown-toggle::after {
  display:none;
}
#searchFormDropdown .oi-magnifying-glass {
  font-size: 1em;
  top: 4px;
}
.searchForm-item .dropdown-menu {
  width: 350px;
  padding: 12px 10px 10px 10px;
  background-color: #36393b;
  border-color: #36393b;
}
@media (max-width: 1200px) { 
  .searchForm-item .dropdown-menu {
    right:-8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 450px) { 
  .searchForm-item .dropdown-menu {
    width: 300px;
  }
}
button.navbar-toggler:focus {
  outline:none;
}
.searchForm-item .btn-outline-secondary:hover {
  background-color:inherit;
}
.form-control:focus {
  border-color: #ced4da;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,.6);
}
.bootstrap-select .btn:focus {
  outline: none !important;
}

.accountLinks {
  background-color: rgba(54, 57, 59, 1);
  border-color: rgba(54, 57, 59, 1);
  margin-top:6px;
}
.accountLinks a:hover {
  background-color: inherit;
  border-color: inherit;
}



/* **************************************************************************** */
/* Lang Navi on top *********************************************************** */
/* **************************************************************************** */
.langLinks,
.countriesLinks,
.phoneLinks {
  background-color:#545454 !important;
  margin-top:6px;  
}
.langLinks a:hover,
.langLinks a:visited,
.langLinks a:focus,
.countriesLinks a:hover,
.countriesLinks a:visited,
.countriesLinks a:focus,
.phoneLinks a:hover,
.phoneLinks a:visited,
.phoneLinks a:focus  {
  background-color:#545454 !important;
  color:#bbb !important;
  
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,0);
  
}
.flag_icon {
  position:relative;
  top:-1px;
}


[class*='_isode'],
[class*='_isoch'],
[class*='_isoli'],
[class*='_isoat'],
[class*='_isonet'] { 
  display:none !important;
}

.ctr_de [class*='_isode'] { display:inline-block !important; }
.ctr_ch [class*='_isoch'] { display:inline-block !important; }
.ctr_li [class*='_isoli'] { display:inline-block !important; }
.ctr_at [class*='_isoat'] { display:inline-block !important; }
.ctr_net [class*='_isonet'] { display:inline-block !important; }

.ctr_de #naviTop [class*='_isode'] { display:block !important; }
.ctr_ch #naviTop [class*='_isoch'] { display:block !important; }
.ctr_li #naviTop [class*='_isoli'] { display:block !important; }
.ctr_at #naviTop [class*='_isoat'] { display:block !important; }
.ctr_net #naviTop [class*='_isonet'] { display:block !important; }

.ctr_de [class*='_asflex_isode'] { display:flex !important; }
.ctr_ch [class*='_asflex_isoch'] { display:flex !important; }
.ctr_li [class*='_asflex_isoli'] { display:flex !important; }
.ctr_at [class*='_asflex_isoat'] { display:flex !important; }
.ctr_net [class*='_asflex_isonet'] { display:flex !important; }

.ctr_de .d-none[class*='_isode'] { display:none !important; }
.ctr_ch .d-none[class*='_isoch'] { display:none !important; }
.ctr_li .d-none[class*='_isoli'] { display:none !important; }
.ctr_at .d-none[class*='_isoat'] { display:none !important; }
.ctr_net .d-none[class*='_isonet'] { display:none !important; }

.ctr_de .d-none[class*='_asflex_isode'] { display:none !important; }
.ctr_ch .d-none[class*='_asflex_isoch'] { display:none !important; }
.ctr_li .d-none[class*='_asflex_isoli'] { display:none !important; }
.ctr_at .d-none[class*='_asflex_isoat'] { display:none !important; }
.ctr_net .d-none[class*='_asflex_isonet'] { display:none !important; }


/* **************************************************************************** */
/* Header ********************************************************************* */
/* **************************************************************************** */
header {
  background: none;
  background-repeat:no-repeat;
  background-position:center 0;
}
.header_slogan {
  display: inline-block;
  font-size: 34px;
  color: #545454;
  vertical-align:middle;
}
@media (max-width: 768px) {
  .header_slogan {
    display: block;
    font-size: 28px;
    margin-left:0px !important;
    margin-top:10px;
  } 
}
@media (max-width: 576px) {
  .header_slogan {
    font-size: 22px;
  }
}
@media (max-width: 400px) {
  .header_button .btn-lg {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
  } 
}
@media (max-width: 992px) {
  #header {
    padding-bottom: 10px;
    border-bottom:1px solid #f0f0f0;
  }
}




/* **************************************************************************** */
/* Footer ********************************************************************* */
/* **************************************************************************** */
footer {
  background: none;
  background-repeat:no-repeat;
  background-position:center 0;
}
footer,
footer a,
footer a:hover,
footer hr {
  color:#fff;
}
footer a:hover {
  text-decoration:none;
}
footer hr {
  background-color:#fff;
}
footer .container {
  background-color:#686b6c;
  /*max-width:1320px;*/
}
.socialsOnFooter a {
  overflow: hidden;
  display:inline-block;
  margin-left:5px;
}
.socialsOnFooter img {
  width:27px;
  height:27px;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /*margin-bottom: 60px;*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /*height: 60px;*/
}

a.back-to-top {
 background:rgba(100,100,100,.7);
 border-radius:2px;
 bottom:20px;
 color:#FFF;
 cursor:pointer;
 display:none;
 height:35px;
 line-height:37px;
 position:fixed;
 right:15px;
 width:38px;
 z-index:20000;
 text-align:center;
}



/* **************************************************************************** */
/* Mobile Navi **************************************************************** */
/* **************************************************************************** */
#nav_mobile {
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:#36393b;
}
#nav_mobile hr {
  border-top-color:rgba(155,156,155,.1);
}



/* **************************************************************************** */
/* Main Navi ****************************************************************** */
/* **************************************************************************** */
#naviTop.container {
  max-width:100%;
}
#naviTop {
  margin-bottom:20px;
}
#naviTop .level_1 {
  padding:0px;
  margin:0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
#naviTop .level_1 li {
  display:inline-block;
  margin-right:1.0rem;
}
#naviTop .level_1_li:last-of-type {
  margin-right:0px;
}
#naviTop .level_1 li a {
  display:block;
  padding: 12.95px 12.95px;
}
#naviTop .level_1 li a:hover {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1_li.actItem,
#naviTop .level_1_li.actItem a.link_level_1,
#naviTop .level_1_li a.active {
  background-color: #f77825;
  text-decoration:none;
}
#naviTop .level_1_li .actArrow {
  border-top-color: #f77825;
}
#naviTop .level_1 li .level_2 li a:hover {
  color: #f77825;
  text-decoration:none;
} 
#naviTop .level_1_li.actItem a.link_level_1 {
  color:#fff;
  transition: all 0.4s ease 0s;
  text-decoration:none;
}
.level_2_layer {
  display: none;
  height: auto;
  position: absolute;
  margin-top: 0px;
  z-index: 99999;
  left:0px;
}
.level_2_layer .inner {
  margin-top:0px;
  width:100%;
  overflow: hidden;
}
.level_2_layer .inner,
#naviTop .level_1 li .level_2 li a {
  background-color: #e1e1e1;
}
#naviTop .level_1 li .level_2 li a:hover {
  background-color: #4caf50 !important;
}
.level_2_layer.vertical,
.level_2_layer.horizontal {
  width:auto;
  min-width:275px;
  left:auto;
  border:1px solid rgba(226, 226, 226, 1);
}
#naviTop .level_1 .level_2_layer.vertical li,
#naviTop .level_1 .level_2_layer.horizontal li {
  display:block;
  border:0px;
}
#naviTop .level_2 {
  overflow: hidden;
  padding:10px 0px 0px 0px;
}
#naviTop .level_1 li .level_2 li a {
  display:block;
  padding: 5px 10px;
}
#naviTop .level_1 li .level_2 li a:hover {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1 li .level_2 li {
  border-right:1px solid #cdcdce;
  margin-right:0px;
}
#naviTop .level_1 li .level_2 li:last-child {
  border-right:0px;
}
#naviTop .level_1_li:hover > .level_2_layer {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1_li:hover > .actArrow {
  transition: all 0.4s ease 0s;
}
#naviTop .level_1_li a.active {
  color:#fff;
}
#naviTop .level_1_li .actArrow {
  position: relative;
  top: 0px;
  margin-bottom:-7px;
  z-index: 100000;
  margin-left: auto;
  margin-right: auto;
  display:none;
  width: 0; 
  height: 0; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top-style:solid;
  border-top-width:7px;
}
#naviTop .level_1_li .actArrow.only-on-over,
#naviTop .level_1_li.actItem .actArrow.only-on-over {
  display:none;
}
#naviTop .level_1_li.actItem .actArrow {
  display:block;
}
#naviTop .level_1_li:hover > .actArrow.only-on-over {
  transition: all 0.4s ease 0s;
  display:block;
}
.navHorizontalCol {
  display:inline-block;
  float:left;
  padding:0px 15px;
}
.navHorizontalCol.col_first {
  padding-left:0px;
}
#naviTop .level_1 li .level_2 li.navHorizontalCol {
  border-right:1px solid #fff;
}
#naviTop .level_1 li .level_2 li.navHorizontalCol.col_last {
  border-right:0px;
  padding-right:0px;
}
.navHorizontalCol ul {
  padding-left:0px;
}



/* **************************************************************************** */
/* Cookie Bar ***************************************************************** */
/* **************************************************************************** */
#ckBar {
  height:auto;
  display:none;
}
#ckBar.onBottom {
  position:fixed;
  bottom:0px;
  right:0px;
  left:0px;
  z-index: 9999;
}
.ckLink {
  text-decoration:underline;
  cursor:pointer;
}



/* **************************************************************************** */
/* Article List *************************************************************** */
/* **************************************************************************** */
.row.articlelist {
  display: flex;
  flex-wrap: wrap;
}
.row.articlelist > div[class*='col-'] {
  display: flex;
}
.articlelist .article_image {
  display:flex;
  display: -ms-flexbox;
}
.articlelist .article_image a.linkToDetail {
  margin: 0 auto;
  align-self: center;
} 
.article_image img {
  max-width:100%;
}
.articlelist_item.col-sm-6,
.articlelist_item.col-md-4 {
  padding-left:0.50rem;
  padding-right:0.50rem;
}
.markers {
  position:absolute;
  right:0px;
  top:0px;
}
.articlelist_item .markers .badge {
  font-size:85%;
  font-weight:normal;
}
.article_salesicon .badge-bgr-custom {
  background-color:#f77825;
  color:#fff;
}
.marker_special .badge-bgr-custom {
  background-color:#0071a0;
  color:#fff;
}
.marker_new .badge-bgr-custom {
  background-color:#5901ac;
  color:#fff;
}
.marker_top .badge-bgr-custom {
  background-color:#488c00;
  color:#fff;
}
.article_name a:hover {
  text-decoration:none;
}
.onlastRow .card {
  border-bottom-color:transparent;
}
.article_price {
  width:100%;
  text-align:center;
  overflow: hidden;
  font-weight: bold;
}
.price_main {
  font-weight:bold;
  font-size:1.2rem;
}
.article_price a,
.article_price a:hover {
  text-decoration:none;
}
.oldPrice {
  margin-left: 5px;
  text-decoration: line-through;
}
.customPriceList{
  /*color: #e80000;*/
}
.customPriceDetail{
  /*color: #e80000;*/
}
.articlelist_item .oldPrice {
  display:none;
  margin-bottom: 0px;
  margin-left: 0;
  font-weight: normal;
}
.jPrice {
  display:none;
}
.article_colors {
  position: relative;
  min-height:22px;
  height:auto;
  overflow: hidden;
}
.article_colors ul {
  font-size:0px;
}
.article_colors li {
  background-color: #fff;
  border: 0 none;
  border-radius: 0;
  display: inline-block;
  line-height: 0;
  margin:0 2px;  
}
.article_colors ul li .inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:0px;
}
.articlelist_cont .articlelist_item.act .article_colors ul li img {
  opacity:1;
}
.article_colors img {
  max-height:22px;
}
.article_colors ul li .inner a {
  display:block;
}
.colorid_5  { background-color:#ff0000; }  /* rot */
.colorid_6 { background-color:#000000; }  /* schwarz */
.colorid_7 { background-color:#009c56; }  /* grün */
.colorid_8 { background-color:#3958b0; }  /* blau */
.colorid_9 { background-color:#800080; }  /* lila */
.colorid_10 { background-color:#ffa500; }  /* orange */
.colorid_11 { background-color:#19458d; }  /* bunt */
.colorid_12 { background-color:#744b29; }  /* blau-weiss */
.colorid_13 { background-color:#ffffff; }  /* weiss */
.colorid_14 { background-color:#54f9c8; }  /* türkis */
.colorid_15 { background-color:#ff7290; }  /* pink */
.colorid_21 { background-color:#8c8c8c; }  /* grau */
.colorid_22 { background-color:#471b2f; }  /* weinrot */
.colorid_23 { background-color:#461d6d; }  /* violett */
.colorid_24 { background-color:#28344c }  /* taube */
.colorid_31 { background-color:#f98976 }  /* altrosa */
.colorid_32 { background-color:#c8e0f9 }  /* hellblau */
.colorid_33 { background-color:#f9ddbe }  /* beige */



/* **************************************************************************** */
/* Productvoting ************************************************************** */
/* **************************************************************************** */
.artdetails .productVoting {
  width:220px;
}
.rating-box {
  background: url("../img/star_rating_sprite.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  font-size: 0;
  height: 12px;
  line-height: 0;
  margin: 1px 0 0;
  overflow: hidden;
  text-indent: -999em;
  width: 65px;
}
.rating-box .rating {
  background: url("../img/star_rating_sprite.gif") repeat-x scroll 0 100%;
  float: left;
  height: 12px;
}
.detailRightCol .rating-box {
  margin-left:0px;
}  
.revLayer {
  background-color: #f3f3f3;
  border: 1px solid #DDDDDD;
  padding: 10px;
  position: absolute;
  display:none;
  z-index:3;
}
.dist-rating {
  padding: 0 5px 0 0;
  text-align: right;
}
.line-bar {
  background-color: #d0cfcd;
  display: inline;
  float: left;
  height: 10px;
  margin: 3px 3px 0 0;
  width: 104px;
}
.line-bar .indicator {
  height: 10px;
  background-color: #f77825;
}
.article_ratings {
  text-align:center;
  margin: 0 auto;
  width: 90px;
  padding:5px 0 0 0;
  height:20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.articlelist_item .rating-count {
  position: relative;
  top: -6px;
}
.rating-filter,
.distcount {
  position:relative;
  top:-7px;
}



/* **************************************************************************** */
/* Customer Feedback ********************************************************** */
/* **************************************************************************** */
.customer-rating .rating-box {
  float: left;
  background: url("../img/star_rating_sprite.png") repeat-x;
  height: 16px;
  overflow: hidden;
  width: 80px;
  margin: 3px 0px 0px 0;
}
.customer-rating .rating-box .rating {
  background: url("../img/star_rating_sprite.png") repeat-x scroll 0 100%;
  float: left;
  height: 16px;
}
.review_container {
  padding:0px !important;  
}
.cms_cont #carouselCustomerReviews ol.carousel-indicators li {
  list-style-type:none;
}
#carouselCustomerReviews .carousel-indicators li {
  background-color:#3b8386;
}
#carouselCustomerReviews .carousel-indicators {
  position:relative;
  margin-bottom:0px;
}
#carouselCustomerReviews .carousel-control-next,
#carouselCustomerReviews .carousel-control-prev {
  align-items:start;
  top: 40px;
  z-index:2;  
}



/* **************************************************************************** */
/* References Slider ********************************************************** */
/* **************************************************************************** */
.references-slider {
  height:100px;
  overflow: hidden;
}
.references-slider .slick-slide img {
  margin:0 auto;
  max-height:100px;
  max-width:90%;
}
.references-slider.slick-initialized .slick-slide {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  height: 100px;
}



/* **************************************************************************** */
/* References Gallery ********************************************************* */
/* **************************************************************************** */
@media (min-width: 1200px) { 
  .references-gallery .col-xl-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.references-item {
  align-items: center;
  display: flex;
  justify-content: center;
}
.references-item img {
  max-width: 100px;
  display: flex;
  width: 100%;
  height: auto;
  max-height: 100px;
}
.logo-wrap {
  border:1px solid #f0f0f0;
  height:100%;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
h3.references-type {
  background-color: #f0f0f0;
  color:#545454;
  font-size:1rem;
}



/* **************************************************************************** */
/* Filters on left ************************************************************ */
/* **************************************************************************** */
.leftside_box {
  background-color:#f7f7f7;
  padding: 0.5rem 1rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.checkbox-wrap #price-slider,
.checkbox-wrap #left_price-slider {
  width:92% !important;
  max-width:92% !important;
  margin:0px 4%;
}
.checkbox-wrap .w-100 {
  width:100% !important;
  max-width:100% !important;
}
.ui-slider-horizontal .ui-slider-handle {
  cursor:pointer;
}



/* **************************************************************************** */
/* Zuletzt gesehen ************************************************************ */
/* **************************************************************************** */
#lastViewedCont a.article_image {
  display:flex;
  display: -ms-flexbox;
  justify-content:center;
}
#lastViewedCont a.article_image img {
  display:flex;
  display: -ms-flexbox;
  align-self:center;
}
@media (max-width: 768px) { 
  #lastViewedCont a.article_image img {
    margin: 0 auto;
    display:inline-block;
  }
}
.clearButton {
  color: #46413A;
  cursor: pointer;
  height: 14px;
  position: absolute;
  text-align: center;
  width: 14px;
  z-index:11;
  display:none;
  right:5px;
  top:1px;
}



/* **************************************************************************** */
/* CMS ************************************************************************ */
/* **************************************************************************** */
.cms_cont a,
.cms_cont a:hover {
  text-decoration:underline;
}
.cms_cont a.btn,
.cms_cont a.btn:hover {
  text-decoration:none;
}
.cms_cont ul li,
.cms_cont ol li  {
  left: 1em;
  list-style-position: outside;
  list-style-type: disc;
  position: relative;
  margin-right:1em;
}
.cms_cont ol li {
  list-style-type:decimal;
}
.cms_cont ul,
.cms_cont ol {
  padding:0;
}

@media (max-width: 560px) {
  .chart_cont .show_percent,
  .chart_cont .show_absolute {
    margin-bottom:.25rem;
  }
} 



/* **************************************************************************** */
/* Filter on top of the list ************************************************** */
/* **************************************************************************** */
.filter-btn {
  text-align: left;
}
.filter-btn {
  height:auto;
  white-space:normal;
}
.filter-btn.dropdown-toggle::after {
  display:none;
}
.more-less {
  float: right;
  font-size: 0.7rem;
  top: 8px;
}
#filterTop_container .dropdown-menu,
#filterLeft_container .dropdown-menu,
.mobilecatnavi .dropdown-menu {
  border-color:#f0f0f0;
  border-top: 0px;
  padding: 10px;
  width: 100%;
  margin-top:-1px;
  list-style: none;
  text-align: left;
}
#filterTop_container .row:nth-child(n+2) {
  display:none;
}
#filterTop_container .row.has_active_filters:nth-child(n+2) {
  display: flex;
  display: -ms-flexbox;
}
 
.pSelect {
  border: 0px;
  width: 100%;
  margin: 0;
  padding: 0px;
}
.checkbox-wrap {
  display: block;
  padding-bottom: 5px;
}
.checkbox-wrap > * {
  display: inline-block !important;
  max-width: 75%;
  vertical-align: top;
}
.checkList label {
  cursor: pointer;
}
.checkbox-wrap label {
  margin-left: 0.2rem;
  margin-top: -6px;
}
.checkList {
  height: auto;
  max-height: 245px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.checkList .form-check-input {
  position:inherit;
}

.colorPicker_wrap,
.iconPicker_wrap {
  position:relative;
}
.checkbox-wrap.iconPicker_wrap {
  padding-top:5px;
  padding-bottom:5px;
}
.iconPicker_wrap .iconPicker_icon {
  max-width:7%;
}
@media (max-width: 330px) { 
  .iconPicker_wrap .iconPicker_icon {
    max-width:10%;
  }
}
.colorPicker_icon,
.iconPicker_icon {
  position:absolute;
  z-index: 1;
  cursor: pointer; 
}
.colorPicker_checkbox,
.colorPicker_radiobox,
.iconPicker_checkbox,
.iconPicker_radiobox  {
  position:absolute;
  z-index: 3;
  top: 4px;
  left: 4px;
  cursor: pointer;
  opacity:0;
}
.checkbox-wrap .colorPicker_label,
.checkbox-wrap .iconPicker_label {
  position:relative;
  left:26px;
  margin-top:-3px;
}
.checkbox-wrap .iconPicker_label {
  left:30px;
  margin-left:1rem;
  vertical-align:middle;
  margin-top:0px;
}
.colorPicker_check {
  position: absolute;
  z-index: 2;
  left: 6px;
  font-size: 11px;
  top: 5px;
  color: #fff;
  text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}
.custom-text-color .colorPicker_check {
  color: #fff !important;
}
.iconPicker_check {
  position: absolute;
  z-index: 2;
  right: 6px;
  font-size: 11px;
  top: 5px;
  color: #28a745;
}
.checkbox-wrap .colorPicker_check.d-none,
.checkbox-wrap .iconPicker_check.d-none {
  display:none !important;
}
.checkbox-wrap .colorPicker_check.d-block,
.checkbox-wrap .iconPicker_check.d-block  {
  display:inline-block !important;
}
.has_active_filters .more-less.oi.oi-check {
  color:#28a745;
}
.sort_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}



/* **************************************************************************** */
/* Active Filter ************************************************************** */
/* **************************************************************************** */
.selectedFilter_container .oi {
  top:0px;
  left:3px;
}
.selectedFilter_container a {
  display:inline-block;
}
.active_colorPicker_icon,
.active_iconPicker_icon {
  position: relative;
  float: left;
  right: 3px;
  max-width:32px;
  max-height:17px;
}
.active_colorPicker_icon img,
.active_iconPicker_icon img {
  max-height:17px;
}
.active_icon_label {
  display: inline-block;
  position: relative;
  left: 5px;
}



/* **************************************************************************** */
/* Pagination ***************************************************************** */
/* **************************************************************************** */
.page-link {
  color:#6c757d;
}
.page-link:hover {
  color: #fff;
  background-color:#6c757d;
}
.page-item.active .page-link {
  background-color:#6c757d;
  border-color:#dee2e6;
}
.page-link:focus, .page-item.active .page-link:focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0,123,255,0);
}
.cms_cont .pagination a,
.cms_cont .pagination a:hover {
  text-decoration:none;
}
.cms_cont .pagination a.btn,
.cms_cont .pagination a.btn:hover {
  text-decoration:none;
}
.cms_cont ul.pagination li,
.cms_cont ol.pagination li  {
  left: 0px;
  list-style: none;
  list-style-position: outside;
  list-style-type: none;
  position: relative;
  margin-right:0px;
}
.cms_cont ol.pagination li {
  list-style-type:none;
}



/* **************************************************************************** */
/* Masonery ******************************************************************* */
/* **************************************************************************** */
.masonry_list .card-columns .card {
  margin-bottom:10px;
}
.masonry_list .markers {
  top:10px;
  right:5px;
}
.masonry_list .card-columns {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
@media (max-width: 992px) {
  .masonry_list .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    orphans: 1;
    widows: 1;
  }
}
@media (max-width: 576px) {
  .masonry_list .card-columns {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    orphans: 1;
    widows: 1;
  }
}  



/* **************************************************************************** */
/* Justified ****************************************************************** */
/* **************************************************************************** */
.articlelist_cont.justified_list .card-body {
  display: none;
}
.justified_list .markers {
  top:5px;
  right:5px;
}



/* **************************************************************************** */
/* Detailansicht Bild ********************************************************* */
/* **************************************************************************** */
.detImage {
  position:relative;
  height: auto;
  max-height: 498px;
}
.detImage.imgHasBorder {
  border:1px solid rgba(0,0,0,.125);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.carousel-inner {
  max-height: 498px;
}
.carousel-inner.onIndex {
  max-height:none;
}
.asContentSlider .carousel-item img {
  margin:0 auto;
}
#main_image_carousel {
  display:flex;
  display: -ms-flexbox;
  align-items:center;  
}
#main_image_carousel .carousel-control-prev-icon,
#main_image_carousel .carousel-control-next-icon {
  width:15px;
  height:15px;
  position:relative;
  top:-2px;
}
#main_image_carousel .carousel-control-prev-icon {
  justify-content:left;
}
#main_image_carousel .carousel-control-next-icon {
  justify-content:right;
}

#main_image_carousel img,
.imgBox img {
  max-width:100%;
  height:auto;
  margin:0 auto;
}
.imgBox {
  text-align:center;
  margin:0 auto;
  width:85%;
  height:100%;
  display:flex;
  display: -ms-flexbox;
  justify-content:center;
}
.imgHasBorder .imgBox {
  width:100%;
  padding:0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;  
} 
.sliderimg,
.content-gallery-img,
.openGal {
  cursor: pointer;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .zoomSpan,
  .imgBox {
    display:block;
  }
}

.pswp__
 {
  z-index: 9999999;
}
.pswp__ui--idle .pswp__top-bar {
  opacity:1;
}
.pswp__button--close {
  background-position: 0 -50px;
}
.pswp__counter {
  line-height:30px;
}
.pswp__top-bar {
  height:32px;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display:none;  
}
.pswp__caption__center {
  font-size:inherit;  
}
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(35, 35, 35, 1);
}


.asContentSlider .carousel-item .embed-responsive {
  max-width:100% !important;
  max-height:100% !important;
  height: auto !important;
  width:auto !important;
}

.video_container {
  width:100%;
  position:relative;
  display:none;
  padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
  padding-top: 0px;
  height: 0;
}
.video_container.onContent {
  display:block;
  margin-bottom:15px;
}
.video_container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mainImage.showVideo {
  overflow: visible;
}
.mainImage.showVideo .video_container {
  display:block;
}
.mainImage.showVideo .detImage {
  display:none;
}
.close_video_container {
  position: absolute;
  top: -20px;
  z-index: 2;
  right: 0px;
  cursor: pointer;
}

.videoImage span.oi {
  position: absolute;
  top: 45%;
  left: 45%;
  font-size: 1.5rem;
  color: #ff0000;
  z-index: 111;
  background-color: #ddd;
  padding: 3px 14px 3px 18px;
}



/* **************************************************************************** */
/* Detailansicht Mehr Bilder ************************************************** */
/* **************************************************************************** */
.moreImages .mi-item {
  display:block;
  max-height:67px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.moreImages .imgHasBorder .mi-item {
  border:1px solid rgba(229, 229, 229, 1);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .moreImages .mi-item {
    width: 80px;
    height: 67px;
    display: inline-block;
  }
}
.moreImages.bottomPos .mi-item {
  width: 80px;
  height: 67px;
  display: inline-block;
}

.moreImages .mi-item .inner {
  display:table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height:100%;
  width:100%;
  padding:2px;
}
.moreImages .mi-item .inner a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.videoThumb {
  position:relative;
}
.videoThumb img {
  max-width:100%;
  max-height:67px;
}



/* **************************************************************************** */
/* Detailansicht Downloads **************************************************** */
/* **************************************************************************** */
.pdficon {
  background: #fff url(../img/docs.png) -10px -67px no-repeat;
  background-color:transparent;
}
.docicon {
  background: #fff url(../img/docs.png) -10px -44px no-repeat;
  background-color:transparent;
}
.xlsicon {
  background: #fff url(../img/docs.png) -10px 1px no-repeat;
  background-color:transparent;
}
.ppticon {
  background: #fff url(../img/docs.png) -10px -21px no-repeat;
  background-color:transparent;
}
.dxficon {
  background: #fff url(../img/docs.png) -10px -382px no-repeat;
  background-color:transparent;
}
.downloadLink {
  padding-left:25px;
  height:21px;
  display:block;
  line-height:14px; 
}
a.downloadLink {
  text-decoration:underline;
}



/* **************************************************************************** */
/* Detailansicht Article Data ************************************************* */
/* **************************************************************************** */
#productDetail .markers {
  position:relative;
}
#productDetail .markers .badge {
  font-size:85%;
  font-weight:normal;
}
#productDetail .rating-count {
  position: relative;
  top: -6px;
}
.price_inclusives a {
  text-decoration:underline;
}
.optionCont ul li {
  background-color: #ffffff;
  border: 0px;
  border-radius: 0;
  display: inline-block;
  margin: 0 0px 5px 0;
  line-height: 0px;
}
.optionCont li.inactiveOpt {
  background-color: #ddd;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
select option.inactiveOpt {
  background-color: #ddd;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.varoptions {
  background-color:#f7f7f7;
  border-bottom:0px solid rgba(0,0,0,.125);
}
.varoption_icon .colorPicker_check {
  display: none;
}
.varoption_icon.activeOpt .colorPicker_check {
  display: block;
}
.alertCont {
  display:none;
}
.intoBasketRow {
  background-color:#f7f7f7;
  border-bottom:0px solid rgba(0,0,0,.125);
}
.socItem {
  line-height: 14px;
}
button#loginToAdd{
  white-space: normal;
}
.loginToAddRow,
.notSellableForCustomer{
  display:none;
}


/* **************************************************************************** */
/* Detailansicht Review Article *********************************************** */
/* **************************************************************************** */
.raty {
  -moz-box-sizing: border-box;
  display: inline;
  height: 23px;
  width: 257px;
}
.raty img {
  vertical-align:top;
}
.rating-hint {
  position:relative;
  top:-7px;
}
#productReviews .rating-filter {
  left:7px;
}
#productReviews .dist-table .dist-rating {
  padding-left:0px;
  text-align:left;
}
#productReviews .dist-table .rating-filter {
  left:0px;
}
#productReviews .dist-table .indicator {
  margin-top:7px;
}
.reviews-list {
  background-color: #f7f7f7;
  height: auto;
}
.reviewDate {
  display: block;
  float: left;
  margin-right: 6px;
  margin-top: -7px;
}
.helpfullThankYouQ {
  display: inline;
}
.helpfullThankYou {
  display: none;
}




/* **************************************************************************** */
/* Detailansicht Slider Article *********************************************** */
/* **************************************************************************** */
.row.articlelist.slick-slider {
  display:block;
}
.row.articlelist.slick-slider * {
  min-height: 0;
  min-width: 0;
}
.articlelist.slick-slider .slick-track {
  margin-left:0px;
  margin-right:0px;
}
.sliderlist .slick-prev::before {
  content:'pre';
  width: 30px;
  height: 30px;
  font-size: 12px;
  color: transparent;
  opacity: 1;
  font-family: inherit;
  position: relative;
  top: 2px;
  left: 0px;
}
.sliderlist .slick-next::before {
  content:'pre';
  width: 30px;
  height: 30px;
  font-size: 12px;
  color: transparent;
  opacity: 1;
  font-family: inherit;
  position: relative;
  top: 2px;
  left: 0px;
}
.sliderlist .slick-prev {
  left: 20px;
  z-index: 1;
  background: rgba(238,238,238,1);
  border-radius: 0;
  color:rgba(102,102,102,1);
  cursor: pointer;
  height: 30px;
  line-height: 36px;
  width: 30px;
  z-index: 200;
  display:inline;
}
.sliderlist .slick-next {
  right: 20px;
  z-index: 1;
  background: rgba(238,238,238,1);
  border-radius: 0;
  color:rgba(102,102,102,1);
  cursor: pointer;
  height: 30px;
  line-height: 36px;
  width: 30px;
  z-index: 200;
  display:inline;
}  



/* **************************************************************************** */
/* Suggest ******************************************************************** */
/* **************************************************************************** */
#searchbox {
  position: relative;
}
#suggest {
  width: 328px;
  background-color: white;
  margin-top: 1px;
  padding-bottom: 0px;
  padding-top: 0px;
  border: 0px solid #bababa;
  position: absolute;
  z-index: 100001;
  display: none;
}
#suggest .card-title .list-group-item,
ul.suggest .list-group-item {
  padding: .375rem .75rem;
}
ul.suggest .list-group-item.result_counts {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
ul.suggest .list-group-item.result_counts a {
  color: #fff;
}
#suggest li img.product_media_small {
  width: 40px;
}
.highlight { 
  font-weight: bold;
}

.suggest_footer {
  padding: .375rem .75rem;
}
.suggest_footer .poweredby {
  margin-top: 2px;
  float: right;
  text-align: right;
}
.suggest_footer a {
  padding-left: 5px;
  float:right;
}
.suggest_footer img {
  height: 18px;
}



/* **************************************************************************** */
/* Coupons ******************************************************************** */
/* **************************************************************************** */
@media (max-width: 576px) {
  .add_coupon .form-group {
    width:100%;
  }
}



/* **************************************************************************** */
/* Checkout Stepsnav ********************************************************** */
/* **************************************************************************** */
.steps-step {
  height:50px;
}
.steps .current_step,
.steps-step:hover {
  background-color: #686b6c;
  color: #fff;
  cursor: pointer;
}
.steps-step:hover a,
.steps .current_step a {
  color:#fff;
}
.arrow_box_1:hover {
  background-color: #f7f7f7;
  border: 1px solid #dfdfdf;
  color:#212529; 
}
.arrow_box_1:hover a {
  color:#212529;
}
.arrow_box_1.w_border_::before {
  border-left-color:rgba(247, 247, 247,1);
}

/* Step 1,2,3 */
.arrow_box_1,
.arrow_box_2,
.arrow_box_3,
.arrow_box_4 {
  position: relative;
  background: #f7f7f7;
  border: 1px solid #dfdfdf;
}
.arrow_box_1:after,
.arrow_box_1:before,
.arrow_box_2:after,
.arrow_box_2:before,
.arrow_box_3:after,
.arrow_box_3:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index:2;
}
.arrow_box_1:after,
.arrow_box_2:after,
.arrow_box_3:after {
  border-color: rgba(179, 181, 181, 0);
  border-left-color: rgba(247, 247, 247, 1);
  border-width: 24px;
  margin-top: -24px;
}
.arrow_box_1:before,
.arrow_box_2:before,
.arrow_box_3:before {
  border-color: rgba(247, 247, 247, 0);
  border-left-color: rgba(247, 247, 247,1);
  border-width: 25px;
  margin-top: -25px;
}
.arrow_box_1::before {
  border-left-color:#dfdfdf;
}
/* Step 1,2,3 active*/
.arrow_box_1.current_step,
.arrow_box_2.current_step,
.arrow_box_3.current_step {
  position: relative;
  background: #686b6c;
  border:1px solid #686b6c;
  border-right:0px;
}
.arrow_box_1.current_step:after,
.arrow_box_1.current_step:before,
.arrow_box_2.current_step:after,
.arrow_box_2.current_step:before,
.arrow_box_3.current_step:after,
.arrow_box_3.current_step:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index:2;
}
.arrow_box_1.current_step:after,
.arrow_box_2.current_step:after,
.arrow_box_3.current_step:after {
  border-left-color: transparent;
  border-width: 0px;
  margin-top: 0px;
}
.arrow_box_1.current_step:before,
.arrow_box_2.current_step:before,
.arrow_box_3.current_step:before {
  border-left-color: #686b6c;
  border-width: 25px;
  margin-top: -25px;
}
.arrow_box_1.current_step:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_1.current_step::before {
  border-left-color:#686b6c;
}
.arrow_box_1.current_step.w_border::before {
  border-left-color:#b3b5b5;
}
/* Step 2 */
.arrow_box_2::before {
  border-left-color:#dfdfdf;
}
.arrow_box_2:after,
.arrow_box_2:before,
.arrow_box_2.current_step:after,
.arrow_box_2.current_step:before {
  z-index:1;
}
.arrow_box_2.current_step::before {
  border-left-color:#686b6c;
}
.arrow_box_2.current_step.w_border::before {
  border-left-color:#b3b5b5;
}
.arrow_box_2.current_step:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
/* Step 3 */
.arrow_box_3:after,
.arrow_box_3:before,
.arrow_box_3.current_step:after,
.arrow_box_3.current_step:before {
  z-index:1;
}
.arrow_box_3::before {
  border-left-color:#dfdfdf;
}
.arrow_box_3.current_step::before {
  border-left-color:#686b6c;
}
.arrow_box_3.current_step.w_border::before {
  border-left-color:#b3b5b5;
}
.arrow_box_3.current_step:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
/* Step 4 */
.arrow_box_4.current_step {
  border-color:#686b6c;  
}
/* Step on mouseover */
.arrow_box_2:hover,
.arrow_box_3:hover {
  background-color: #686b6c;
  border-color:#686b6c;
  border-right:0px;
  color: #fff;
  cursor: pointer;
}
.arrow_box_2:hover:after,
.arrow_box_3:hover:after {
  border-left-color: #686b6c;
}
.arrow_box_2:hover:before,
.arrow_box_3:hover:before {
  border-left-color: #686b6c;
}
.arrow_box_4:hover {
  border-color:#686b6c; 
}
.arrow_box_1.w_arrow_w:before {
  border-left-color:#dfdfdf;
}
.arrow_box_1.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_2.w_arrow_w:before {
  border-left-color:#dfdfdf;
}
.arrow_box_2.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_3.w_arrow_w:before {
  border-left-color:#dfdfdf;
}
.arrow_box_3.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
.arrow_box_4.w_arrow_w::before {
  border-left-color:#686b6c;
}
.arrow_box_4.w_arrow_w:after {
  border-left-color: #686b6c; 
  border-width:24px;
  margin-top:-24px; 
}
@media (max-width: 768px) {
  /* Step 1,2,3 */
  .arrow_box_1,
  .arrow_box_2,
  .arrow_box_3 {
    border-bottom:0px;
  }
  .arrow_box_1:after,
  .arrow_box_1:before,
  .arrow_box_2:after,
  .arrow_box_2:before,
  .arrow_box_3:after,
  .arrow_box_3:before {
    top: 100%;
    left: 50%;
  }
  .arrow_box_1:after,
  .arrow_box_2:after,
  .arrow_box_3:after {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: rgba(247, 247, 247, 1);
    border-width: 7px;
    margin-left: -7px;
  }
  .arrow_box_1:before,
  .arrow_box_2:before,
  .arrow_box_3:before {
    border-color: rgba(247, 247, 247, 0);
    border-top-color: rgba(247, 247, 247, 1);
    border-width: 8px;
    margin-left: -8px;
    margin-top:0px;
  }
  .arrow_box_3:before {
    border-top-color: #dfdfdf;
  }
  .arrow_box_1:after,
  .arrow_box_2:after,
  .arrow_box_3:after {
    margin-top:0px;
  }
  /* Step 1,2,3 active*/
  .arrow_box_1.current_step:after,
  .arrow_box_1.current_step:before,
  .arrow_box_2.current_step:after,
  .arrow_box_2.current_step:before,
  .arrow_box_3.current_step:after,
  .arrow_box_3.current_step:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_3.current_step.w_border:before {
    top: 100%;
    left: 50%;
  }
  .arrow_box_1.current_step:after,
  .arrow_box_2.current_step:after,
  .arrow_box_3.current_step:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_3.current_step.w_border:after {
    border-color: rgba(179, 181, 181, 0);
    border-width: 7px;
    margin-left: -7px;
    margin-top:0px;
  }
  .arrow_box_1.current_step:before,
  .arrow_box_2.current_step:before,
  .arrow_box_3.current_step:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_3.current_step.w_border:before {
    border-color: rgba(247, 247, 247, 0);
    border-top-color: #686b6c;
    border-width: 8px;
    margin-left: -8px;
    margin-top:0px;
  }
  .arrow_box_1.current_step.w_border,
  .arrow_box_1.w_arrow_w,
  .arrow_box_2.current_step.w_border,
  .arrow_box_2.w_arrow_w,
  .arrow_box_3.current_step.w_border,
  .arrow_box_3.w_arrow_w {
    border-bottom:1px solid rgba(247, 247, 247,1);
  }
  .arrow_box_1.current_step.w_border:before
  .arrow_box_1.w_arrow_w:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_2.w_arrow_w:before,
  .arrow_box_3.current_step.w_border:before,
  .arrow_box_3.w_arrow_w:before {
    border-top-color: rgba(247, 247, 247,1);
  }
  .arrow_box_1.w_arrow_w:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_2.w_arrow_w:after,
  .arrow_box_3.current_step.w_border:after,
  .arrow_box_3.w_arrow_w:after {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: rgba(247, 247, 247,1);
    border-width: 7px;
    margin-left: -7px;
    margin-top:0px; 
  }
  /* Step on mouseover */
  .arrow_box_1:hover:after,
  .arrow_box_1:hover:before,
  .arrow_box_2:hover:after,
  .arrow_box_2:hover:before,
  .arrow_box_3:hover:after,
  .arrow_box_3:hover:before {
    top: 100%;
    left: 50%;
    margin-left:0px;
  }
  .arrow_box_1:hover:after,
  .arrow_box_2:hover:after,
  .arrow_box_3:hover:after {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: #686b6c;
    border-width: 7px;
    margin-left: -7px;
  }
  .arrow_box_1:hover:before,
  .arrow_box_2:hover:before,
  .arrow_box_3:hover:before {
    border-color: rgba(179, 181, 181, 0);
    border-top-color: #686b6c;
    border-width: 8px;
    margin-left: -8px;
    margin-top:0px;
  }
  .arrow_box_4:hover {
    border-color:#00457c; 
  }
  .arrow_box_1.w_arrow_w:before,
  .arrow_box_1.current_step.w_border:before,
  .arrow_box_2.current_step.w_border:before,
  .arrow_box_2.w_arrow_w:before,
  .arrow_box_3.current_step.w_border:before,
  .arrow_box_3.w_arrow_w:before {
    border-top-color:rgba(247, 247, 247,1);
  }
  .arrow_box_1.w_arrow_w:after,
  .arrow_box_1.current_step.w_border:after,
  .arrow_box_2.current_step.w_border:after,
  .arrow_box_2.w_arrow_w:after,
  .arrow_box_3.current_step.w_border:after,
  .arrow_box_3.w_arrow_w:after {
    border-top-color: #686b6c; 
    border-width:7px;
    margin-left:-7px; 
  }
}



/* **************************************************************************** */
/* Checkout Payment *********************************************************** */
/* **************************************************************************** */
.plusPayInfos p,
.bankAccountOption {
  margin-left:1.3rem !important;
}
.plusPayInfos p.isDefaultBankAccount {
  margin-left:0px !important;
}


/* **************************************************************************** */
/* Checkout Address Step ****************************************************** */
/* **************************************************************************** */
.aUp,
.allAddressess {
  display:none;
}
.showAddressContainer,
.noShippingAdrUseLabel {
  cursor: pointer;
}
.address_select_item .edit_label {
  display:none;
}
.address_select_item .address_form_container {
  display:none;
}
.address_select_item .address,
.address_select_item.new_address,
.address_select_item.noShippingAdrUse {
  cursor:pointer;
}
.address_select_item .address_form_container .close_address_form_container {
  position: absolute;
  right: -3px;
  top: -2px;
  cursor: pointer;
}
.isDefaultBankAccount {
  display:block;  
}




/* **************************************************************************** */
/* Payment Launch Step ******************************************************** */
/* **************************************************************************** */
.payment_loading {
  position : absolute;
  z-index : 999;
}
.payment_loading div {
  display:table-cell;
  width:300px;
  height:100px;
  background:#fff;
  text-align:center;
  vertical-align:middle;
}



/* **************************************************************************** */
/* More Images on Content ***************************************************** */
/* **************************************************************************** */
.more-images-badge {
  position:absolute;
  left:0px;
  bottom:0;
  cursor:pointer;  
}
.more-images-badge.position-r {
  position:relative;
}
.pswp__bg {
  background:#36393b;  
}

.cms_cont .pswp__zoom-wrap {
  text-align: center;
}
.cms_cont .pswp__zoom-wrap::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.cms_cont .wrapper {
  line-height: 0;
  width: 100%;
  max-width: 900px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.cms_cont .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  width: 100%;
}  
.cms_cont .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cms_cont video {
  width: 100% !important;
  height: auto !important;
}

.galleryVideoLoader {
  background-color: #fff;
  border: 1px solid #eee;
  box-sizing: border-box;
  height: 50px;
  margin: 0 auto;
  padding: 2px;
  position: absolute;
  text-align: center;
  top: 40%;
  left:40%;
  width: 50px;
  position:relative;
}
.galleryVideoLoader img {
  display: block;
  position: relative;
  top: 6px;
  left: 6px;
}

.video_click_cont {
  position:absolute;
  width:100%;
  height:100%;
  background-color:transparent;
  top:0px;
  left:0px;
  cursor:pointer;
  z-index:2;
}

/* **************************************************************************** */
/* Dealers ******************************************************************** */
/* **************************************************************************** */
#map {
  height: 400px;
  margin-bottom: 15px;
}
.geocoding-box{
}

#geo-suggest{
  position: absolute;
  width: 100%;
  z-index: 1;
  border: 1px solid #ddd;
}

#location_trigger img{
  height:22px;
  margin-top: -3px;
}

.H_ib{
  background: white !important;
}
.H_ib_body{
  background: white !important;
  color: black !important;
  font-size: 12px !important;
  min-width: 11em !important;
}
.H_ib_close svg.H_icon{
  fill: black !important;
}

/* **************************************************************************** */
/* Bundles ******************************************************************** */
/* **************************************************************************** */

.tab-bundle{
  height:50vh;
  overflow-y:scroll;
  overflow-x:hidden;
  width:100%;
}

.tab-content{
  border-bottom: 1px solid #ddd;
}

.tab-bundle-item{
  border-top: 1px solid #DDD;
}

.tab-bundle-item:hover{
  cursor: pointer;
  background-color: #eee;
}

.tab-bundle-item .oi-circle-check {
  color: #ddd;
}

.tab-bundle-item.active{
  background-color: #34b7ff1c;
}

.tab-bundle-item.active .oi-circle-check {
  color: #34B7FF;
}

.tab-bundle-item.active .bundle-name {
  font-weight: bold;
}

.tab-bundle-item div:first-child{
  overflow: hidden;
}

.configurator-img-preview{
  position: absolute;
  z-index: 10000;
  width: 400px; left: -410px;
  padding-top: 70px;
  text-align: right;
}

.configurator-img-preview img{
  max-height: 50vh;
  max-width: 400px;
}



/* **************************************************************************** */
/* Prices Contents ************************************************************ */
/* **************************************************************************** */
@media (min-width: 992px) {
  .col-lg-2.asfour {
    -ms-flex: 0 0 18.75%;
    flex: 0 0 18.75%;
    max-width: 18.75%;
  }
  .col-lg-4.astwo {
    -ms-flex: 0 0 37.50%;
    flex: 0 0 37.50%;
    max-width: 37.50%;
  }
}
.mainsection-row {
  background-color:#f0f0f0;
  border-bottom:1px solid #fff;
  color:#545454;
  cursor:pointer;
}
.mainsection-row.colorschema-1 { background-color:#4CAF50; color:#fff; }
.mainsection-row.colorschema-2 { background-color:#3b8386; color:#fff; }
.mainsection-row.colorschema-3 { background-color:#bc9139; color:#fff; }
.mainsection-row.colorschema-4 { background-color:#6f81b0; color:#fff; }

.btn-trans {
  background-color: transparent !important;
  border-color: transparent !important;
  color:#545454;
}
.btn-trans:hover {
  background-color: transparent !important;
  border-color: transparent !important;
  color:#545454;
}

.colorschema-1 .btn-trans, .colorschema-1 .btn-trans:hover,
.colorschema-2 .btn-trans, .colorschema-2 .btn-trans:hover,
.colorschema-3 .btn-trans, .colorschema-3 .btn-trans:hover,
.colorschema-4 .btn-trans, .colorschema-4 .btn-trans:hover {
  color:#fff;
}

.btn-colorschema-1 {
  background-color: #4CAF50 !important;
  border-color: #4CAF50 !important;
  color:#fff;
}
.btn-colorschema-1:hover {
  background-color:#388e3c !important;
  border-color:#388e3c !important;
  color: #fff !important;
}

.btn-colorschema-2 {
  background-color: #3b8386 !important;
  border-color: #3b8386 !important;
  color:#fff;
}
.btn-colorschema-2:hover {
  background-color:#10585c !important;
  border-color:#10585c !important;
  color: #fff !important;
}

.btn-colorschema-3 {
  background-color: #bc9139 !important;
  border-color: #bc9139 !important;
  color:#fff;
}
.btn-colorschema-3:hover {
  background-color:#976e1a !important;
  border-color:#976e1a !important;
  color: #fff !important;
}

.btn-colorschema-4 {
  background-color: #6f81b0 !important;
  border-color: #6f81b0 !important;
  color:#fff;
}
.btn-colorschema-4:hover {
  background-color:#30467e !important;
  border-color:#30467e !important;
  color: #fff !important;
}

.attribute-row {
  border-bottom:1px solid #f0f0f0;
  background-color:#fff;
}
.attribute-row div {
  border-right:1px solid #f0f0f0;
}
.attribute-row div:last-child {
  border-right:0px solid #f0f0f0;
}
.priceCell {
  background-color:#f0f0f0;
  border-color:#fff;
}
.priceCell {
  border-right:1px solid #fff;
}
.priceCell.firstR {

}
.priceCell.firstR .card-body {
  display: flex;
  flex-direction:column;
  justify-content: center;
}
.priceCell:last-child {
  border-right:0px;
}
.priceCell p {
  display:inline-block;
  line-height:1.2em;
  margin-top:5px;  
}
.priceCell p:last-child,
.priceCell p.price_isode,
.priceCell p.price_isoch,
.priceCell p.price_isoli,
.priceCell p.price_isoat,
.priceCell p.price_isonet {
  margin-bottom:0px !important;  
}
.card.priceCell {
  border-radius:0px;
}
.priceCell .card-footer{
  background-color:transparent;
  border:0px;
}
.priceCellLong {
  background-color:#f0f0f0;
  border-top:1px solid #fff !important;
  border-bottom:1px solid #fff !important; 
}
.priceCellLong .card-bodytxt_wrap p {
  display:inline-block;
}

@media (max-width: 992px) {
  .attribute-row {
    border-bottom:0px;
  }
  .attribute-row .firstR {
    border-bottom:1px solid #f0f0f0;
  }
  .attribute-row .secondR,
  .attribute-row .thirdR,
  .attribute-row .fourR,
  .attribute-row .fifthR {
    background-color:#fff;
    border-bottom:1px solid #f0f0f0;
  }
  .attribute-row {
    border-right:1px solid #f0f0f0;
  }
  .attribute-row .firstR.isLastEl {
    border-bottom:1px solid #f0f0f0;
  }
  
  .priceCell {
    cursor:pointer;
    border-bottom:1px solid #f0f0f0;
  }
  .priceCell.act {
    background-color:#fff;
    border-top:1px solid #f0f0f0 !important;
    border-bottom:1px solid #f0f0f0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .priceCell.secondR.act {
    border-left:1px solid #f0f0f0 !important;
  } 
  .priceCell.lastPack.act {
    border-right:1px solid #f0f0f0 !important;
  }
  
  .attribute-cell.actCell {
    border-right:0px;  
  }
  .attribute-cell.actCell,
  .attribute-row {
    border-right:0px;  
  }  
}

.headerRow select:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.headerRow select {
  border-radius: 0;
  cursor: pointer;
}

.mainsection-row .dropdown-toggle::after {
  border-top: .4em solid;
  border-right: .4em solid transparent;
  border-bottom: 0;
  border-left: .4em solid transparent;   
}
.mainsection-row.collapsed .dropdown-toggle::after {
  border-top: 0;
  border-right: .4em solid transparent;
  border-bottom: .4em solid;
  border-left: .4em solid transparent;
}
.infoMarkLink {
  display: inline-block;
  height: 14px;
  text-align: center;
}
.oi.infoMark {
  height: 14px;
  width: 14px;
  background-color: #545454;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  font-size: 0.5em;
  top: -8px;
  line-height:1.4em;
  cursor:pointer;
}
@media (max-width: 576px) {
  .oi.infoMark {
    line-height:1.7em;
  }
}
.popover {
  border-radius:0px;
  z-index:9;
}
.popover-header {
  font-size:14px;
}
.popover-body {
  font-size:14px;
}
.close-popover {
  display:block;
  padding: .5rem .75rem;
  text-decoration:underline !important;
  cursor: pointer;
  background-color: #fff;
  font-size:14px !important;
  border-top:1px solid #ebebeb;
  color: rgba(84, 84, 84, 1) !important;
  line-height:0.9em !important;
}

.attribute-headline p {
  display:inline;
  margin-bottom:0px;
}
.attribute-headline .badge {
  font-size:100%;
  font-weight:normal;
}
.attribute-headline .badge a,
.attribute-headline .badge a:hover,
.attribute-headline .badge a:visited {
  color:inherit;
}
.popover-body a {
  text-decoration:underline;
}
.popover-body p {
  margin-bottom:0px;
}



/* **************************************************************************** */
/* Know How Content *********************************************************** */
/* **************************************************************************** */
h2.knowhow-type {
  background-color: #f0f0f0;
  color: #545454;
  font-size: 1rem;
  cursor: pointer;
  font-weight:normal !important;
}
h2.knowhow-type.cursor-auto {
  cursor: auto;
}
h2.knowhow-type.font-size-16rem {
  font-size: 1.6rem;
}
h2.knowhow-type.green {
  background-color: #4caf50;
  color: #fff;
}
h2.knowhow-type .oi {
  font-size:0.8em;
  line-height:1.4em;
}
.cms_cont .alert {
  border:0px;
  border-radius:0px;  
}
.cms_cont .collapse img {
  max-width: 100%;
  height: auto;
}
.alert p {
  margin-bottom:0px;
}
.knowhow-type[aria-expanded="true"] .oi.oi-plus::before{
  content:'\e09d';
}
.know-how-page .alert {
  background-color: inherit;
  color: inherit;
  border: 1px solid black;
  margin-left: 2.25rem;
}
.know-how-page .alert::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: black;
  background-color: transparent;
  height: 4rem;
  width: 2rem;
  position: absolute;
  line-height: 4rem;
  font-size: 2rem;
  text-align: center;
  left: -2.25rem;
  margin-top: -2rem;
  top: 50%;
}
.know-how-page .alert.alert-warning::before {
  content: "\f0eb";
}
.know-how-page .alert.alert-danger::before {
  content: "\f12a";
}

/* **************************************************************************** */
/* Lexicon Content ************************************************************ */
/* **************************************************************************** */
h3.lexicon-type {
  background-color: #f0f0f0;
  color: #545454;
  font-size: 1rem;
  cursor: pointer;
  font-weight:normal !important;
}
h3.lexicon-type.cursor-auto {
  cursor: auto;
}
h3.lexicon-type .oi {
  font-size:0.8em;
  line-height:1.4em;
}
.lexicon-type[aria-expanded="true"] .oi.oi-plus::before{
  content:'\e09d';
}

h3.q-type {
  color: #545454;
  font-size: 1rem;
  font-weight:bold;
}


/* **************************************************************************** */
/* Comparision Table ********************************************************** */
/* **************************************************************************** */
.positiv {
  background: #fff url(../img/positiv.png) center 0px no-repeat;
  background-color:transparent;
  text-align:center;
  height:25px;
}
.neutral {
  background: #fff url(../img/neutral.png) center 0px no-repeat;
  background-color:transparent;
  text-align:center;
  height:25px;
} 
.negativ {
  background: #fff url(../img/negativ.png) center 0px no-repeat;
  background-color:transparent;
  text-align:center;
  height:25px;
}
.nodata {
  text-align:center;
  height:25px;
}
@media (max-width: 450px) {
  .dyn-font-size div {
    font-size:12px !important;
    line-height:14px !important;
  }
}



/* **************************************************************************** */
/* Praxisbsp. ***************************************************************** */
/* **************************************************************************** */
.practice-gallery .logo-wrap {
  height:150px;
}
.reference-body {
  background-color:#f0f0f0;
}
.practice-gallery .card-footer {
  background-color:#f0f0f0;
  overflow: hidden;
}
@media (max-width: 960px) {
  .practice-gallery .card-deck .card {
    display: block;
    width:100%;
    flex:100%;
  }
  .practice-gallery .card-text {
    overflow: hidden;
  }
}
@media (min-width: 576px) {
  .practice-gallery .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width:50%;
  }
}
@media (min-width: 960px) {
  .practice-gallery .card-deck .card {
    -ms-flex: 1 0 33.333333%;
    flex: 1 0 33.333333%;
    max-width:33.333333%;
  }
}
@media (min-width: 1140px) {
  .practice-gallery .card-deck .card {
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width:25%;
  }
}
.imagePximageWrapper {
  height:100%;
  display: flex;
  align-items: center;
}
.quote-row {
  background-color: #3b8386;
}
.pximage-container {
  border:1px solid #f0f0f0;
  border-right:0px;
  background: #fff url("../img/quote-arrow.png") right center no-repeat;
}
.quote-container {
  color:#fff;
  flex: 1;
  align-self:center;
  font-family:'Merriweather', serif;
  font-size:16px;
  text-align:center;
}
.quote-container p {
  margin-bottom:0px;
}
@media (max-width: 768px) {
  .pximage-container {
    flex:auto;
    background-image:none;
    text-align:center;
    border-right:1px solid #f0f0f0;  
  }
}



/* **************************************************************************** */
/* Statement  ***************************************************************** */
/* **************************************************************************** */
.statementStyle {
  background-color:#3b8386;
  color:#fff;
}
.statementStyle p {
  margin-bottom:0px;
}



/* **************************************************************************** */
/* Umfrage-Typen  ************************************************************* */
/* **************************************************************************** */
.q-types-menue {
  cursor:pointer;
}
.hasResponsiveImg {
  line-height:0.95rem;
  margin-top:10px;
}
.hasResponsiveImg span {
  color:#6c757d;
  cursor:pointer;
}
.hasResponsiveImg span.oi {
  font-size:18px;
}
@media (max-width: 768px) {
  .btn.hasResponsiveImg {
    padding: .275rem .35rem;
    font-size:14px;
  }
  .hasResponsiveImg span {
    font-size:14px;
  }
}
.question .heading {
  font-size: 150%;
  margin-bottom: 1rem;
}
.question .heading p {
  margin-bottom:0px !important;
  line-height:1.9rem;
}
.question .form-control {
  color:#212529;
  border-color:#4caf50;
  background-color:#FFFFFF;
  border-radius: .25rem !important;
}
.question .text p {
  margin-bottom:0px !important;
}
.question .text.instrTxt p {
  margin-bottom:1rem !important;
}

.question .custom-control {
  padding: 0;
}
.question .custom-checkbox,
.question .custom-radio {
  margin-bottom: .5rem;
}

.question .custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
  border-top-color: rgb(173, 181, 189);
  border-right-color: rgb(173, 181, 189);
  border-bottom-color: rgb(173, 181, 189);
}
.question .custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}
.question .custom-control-label::before,
.question .custom-file-label,
.question .custom-select {
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.question .custom-radio .question .custom-control-label::before {
  border-radius: 50%;
}

.question .custom-checkbox .custom-control-label::before {
  border-radius: .25rem;
}

.question .custom-control-label::before,
.question .custom-control-label::after {
  top: .75rem;
  left: .5rem;
}
.question .table .custom-checkbox label::after,
.question .table .custom-radio label::after {
    top: auto;
    bottom: calc(50% - .5rem);
    left: calc(50% - .5rem);
}

.question .custom-checkbox label,
.question .custom-radio label {
  display: block;
  padding: .5rem .5rem .5rem 2rem;
} 

.question .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.question .custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.question .custom-control-label {
  border-radius: 0.25rem;
  border: solid 1px #e0e0e0;
  background-color:#e0e0e0;
}
.question .custom-control-label:hover {
 border: solid 1px #bbbbbb;
 background-color: #bbbbbb;
}
.question .table .custom-control-label:hover {
 border: 0;
 background-color: unset;
}
.question .custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.question .custom-control-input:disabled ~ .custom-control-label {
  color:#212529;
}
.question .custom-control-label::before {
  border-color:#4caf50;
  background-color:#FFFFFF;
}
.question .custom-radio .custom-control-label::before,
.question .custom-checkbox .custom-control-label::before {
  box-shadow: none !important;
}
.question .custom-control-input:disabled ~ .custom-control-label::before {
  background-color:#FFFFFF;
}
.question .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #4caf50 !important;
  background-color: #4caf50 !important;
}
.question .custom-control-input:checked ~ .custom-control-label {
  border: solid 1px #bbbbbb;
  background-color: #bbbbbb;
}
.question .table .custom-control-input:checked ~ .custom-control-label {
  border: 0px;
  background-color: transparent;
}

.question .table tbody tr:hover {
  background-color: #ececec;
}

.question .horizontal .custom-checkbox,
.question .horizontal .custom-radio,
.question .table .custom-radio,
.question .table .custom-checkbox {
  padding:0px;
}
.question .horizontal .custom-checkbox label::after,
.question .horizontal .custom-radio label::after,
.question .horizontal .custom-checkbox label::before,
.question .horizontal .custom-radio label::before,
.question .table .custom-checkbox label::before,
.question .table .custom-radio label::before {
  left: calc(50% - .5rem);
}
.question .horizontal .custom-checkbox label,
.question .horizontal .custom-radio label,
.question .table .custom-checkbox label,
.question .table .custom-radio label {
  padding: 2rem .5rem .5rem .5rem;
  height: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .question .multiple_choice .horizontal > :first-child {
    margin-left: 0;
  }
  .question .horizontal .custom-checkbox,
  .question .horizontal .custom-radio {
    margin: 0 10px .5rem 10px;  
  }
  .question .text-md-right {
    text-align: right !important;
  }
}

.question .table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.question .table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  border-collapse:collapse;
}
.question_body .table td,
.question_body .table th {
  vertical-align: middle;
  font-weight: normal;
  text-align:inherit;
  padding:0px;  
}
.question_body .table td,
.question_body .table th {
  font-weight: normal;
}
.question table td, .table th {
  border-top: 1px solid #dee2e6;
}
.question .custom-control-label p:only-child,
.question_body .table p:only-child,
.question .text p:only-child {
  margin:0px;  
}
.question .cell-label-hide {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.question .table .custom-control-label {
  border: 0;
  background-color: unset;
}
.question .group-label-hide {
  display: none;
}
.question label.text-input-cell-label {
  margin-bottom: 0;
}
.question .text-input-cell-label {
  display: inline;
}

@media (max-width: 768px) {
  .question table.table-row-colapse thead th {
    display: none;
  }
  .question  table.table-row-colapse tbody tr {
    margin: .5rem 0 2rem 0;
  }
  .question table.table-row-colapse td, table.table-row-colapse tr {
    display: block;
    border: 0 !important;
  }
  .question table.table-row-colapse tbody tr th {
    border-bottom: solid 1px #e0e0e0;
  }
  .question table.table-row-colapse tbody tr th {
    width: 100%;
    display: block;
    text-align: center !important;
    border-top: 0;
  }
  .question table.table-row-colapse tbody tr th {
    text-align: center !important;
  }
  .question .table-row-colapse .custom-control {
    margin: .5rem 15px .5rem 15px;
  }
  .question .table-row-colapse .custom-checkbox label::before,
  .question .table-row-colapse .custom-radio label::before,
  .question .table-row-colapse .custom-checkbox label::after,
  .question .table-row-colapse .custom-radio label::after {
    bottom: .75rem;
  }
  .question .table-row-colapse .cell-label-hide {
    position: relative;
    width: auto;
    height: auto;
    overflow: inherit;
    clip: auto;
    white-space: normal;
    border: 0;
  }
  .question .table-row-colapse .custom-control-label {
    border: solid 1px #e0e0e0;
    background-color:#e0e0e0;
  }
  .question .group-label-hide {
    display: block;
  }
  .question table.table-row-colapse tbody tr th.answer_suffix {
    border-bottom: 0;
  }
}

/* Table in Modal */
.question .modal-body table.table-row-colapse thead th {
  display: none;
}
.question .modal-body table.table-row-colapse tbody tr {
  margin: .5rem 0 2rem 0;
}
.question .modal-body table.table-row-colapse td,
.modal-body table.table-row-colapse tr {
  display: block;
  border: 0 !important;
}
.question .modal-body table.table-row-colapse tbody tr th {
  border-bottom: solid 1px #e0e0e0;
}
.question .modal-body table.table-row-colapse tbody tr th {
  width: 100%;
  display: block;
  text-align: center !important;
  border-top: 0;
}
.question .modal-body table.table-row-colapse tbody tr th {
  text-align: center !important;
}
.question .modal-body .table-row-colapse .custom-control {
  margin: .5rem 15px .5rem 15px;
}
.question .modal-body .table-row-colapse .custom-checkbox label::before,
.question .modal-body .table-row-colapse .custom-radio label::before,
.question .modal-body .table-row-colapse .custom-checkbox label::after,
.question .modal-body .table-row-colapse .custom-radio label::after {
  bottom: .75rem;
}
.question .modal-body .table-row-colapse .custom-checkbox label.hastxt::before,
.question .modal-body .table-row-colapse .custom-radio label.hastxt::before,
.question .modal-body .table-row-colapse .custom-checkbox label.hastxt::after,
.question .modal-body .table-row-colapse .custom-radio label.hastxt::after {
  bottom: 2.25rem;
}
.question .modal-body .table-row-colapse .cell-label-hide {
  position: relative;
  width: auto;
  height: auto;
  overflow: inherit;
  clip: auto;
  white-space: normal;
  border: 0;
}
.question .modal-body .table-row-colapse .custom-control-label {
  border: solid 1px #e0e0e0;
  background-color:#e0e0e0;
}
.question .modal-body .group-label-hide {
  display: block;
}
.question .modal-body table.table-row-colapse tbody tr th.answer_suffix {
  border-bottom: 0;
}
.modal-body .table tbody tr:hover {
  background-color: transparent;
}
.modal-body .table-row-colapse .custom-control-label:hover {
  border: solid 1px #bbbbbb;
  background-color: #bbbbbb;
}
.modal-body .table-row-colapse .custom-control-input:checked~.custom-control-label {
  border: solid 1px #bbbbbb !important;
  background-color: #bbbbbb !important;
}
/* Table in Modal End */

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

.custom-select {
  color: #212529;
  background-color: #FFFFFF;
  border-color: #4caf50 !important;
}

.question_body .custom-range::-webkit-slider-thumb {
  background: #4CAF50;
}
.question_body .custom-range::-moz-range-thumb {
  background: #4CAF50;
}
.question_body .custom-range::-ms-thumb {
  background: #4CAF50;
}
.question_body .custom-range:focus {
    outline: 0
}
.question_body .custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #4CAF50;
}
.question_body .custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #4CAF50;
}
.question_body .custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem #4CAF50;
}

.star-rating>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.star-rating>label {
  color: #e0e0e0;
}
.star-rating > label::before {
    font-size: 3rem;
    content: "★";
    display: inline-block;
}
.star-rating>input:checked~label, .star-rating:not(:checked)>label:hover, .star-rating:not(:checked)>label:hover~label {
  color: #4caf50;
}


.pIcon {
  background: transparent url("../img/phone_contact.png") right center no-repeat;
  width:19px;
  height:19px;
  display:inline-block;
  color: transparent;
  position: relative;
  top: 4px;
}
.contactIcon {
  display:inline-block;
  position: relative;
  top: 6px;
}



/**
 * Question example frame styles
 */
.modal-huge {
  width: 90%;
  max-width: 1920px;
  margin: 1rem auto;
}  

.device-iphone-x .device-content {
  height: 75vh;
  width: 100%;
  border: 0;
}
.device-imac-pro .device-content {
  height: 75vh;
  width: 100%;
  border: 0;
}

#toggle-desktop {
  display:none;    
}
#toggle-mobile {
  display:none;    
}
#device-container{
  padding:0;    
}

#toggle-desktop, #toggle-mobile {
  background-color: #e0e0e0 !important;
  color: #000;
}

#toggle-desktop.active, #toggle-mobile.active {
  background-color: #545b62 !important;
  color: #fff;
}

.modal-header > .btn-group{
  margin: 0 auto;
}

.modal-header .close {
    margin: -1rem -1rem -1rem;
}

@media (min-width: 576px) { 
  #toggle-desktop {
    display:block;    
  }
  #toggle-mobile {
    display:block;    
  }
  #device-container{
    padding:1rem;    
  }

  .device,
  .device::before,
  .device::after,
  .device *,
  .device *::before,
  .device *::after {
    box-sizing: border-box;
    display: block;
  }

  .device .device-content {
    background-color: #fff;
  }

  .device-iphone-x {
    height: 850px;
    width: 480px;
    margin: 0 auto;
  }

  .device-iphone-x .device-frame {
    background: #222;
    border-radius: 60px;
    box-shadow: inset 0 0 2px 2px #c8cacb, inset 0 0 0 7px #e2e3e4;
    height: 100%;
    padding: 20px;
    width: 100%;
  }

  .device-iphone-x .device-content {
    border-radius: 40px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }
}

/**
 * Cookie Consent
 */
#cookie_consent_container .cookie_consent_button {
  position: fixed;
  left: 16px;
  bottom: 16px;
  border-radius: 50% !important;
  z-index: 999999;
  background-color: rgb(108, 117, 125);
  border: none;
  width: 64px;
  height: 64px;
}

#cookie_consent_container .cookie_consent_button img {
  width: 48px;
  position: fixed;
  left: 24px;
  bottom: 24px;
  height: auto;
  filter: invert(100%);
}
#cm {
  max-width: 32.2em;
}
:root {
  --cc-btn-secondary-bg:#ffffff;
}

/* **************************************************************************** */
/* Dokumentation ************************************************************** */
/* **************************************************************************** */

.contentCont li a, .contentCont p a {
  color: #3b8386;
}

.contentCont a img {
  max-width: 80%;
}

.imagewrap {
  text-align:center;
  margin:15px 0;
}
.imagewrap a {
  display:block;
}

span.markingNrNimb {
  background-color:#ff0000;
  display:inline-block;
  padding:2px;
  color:#fff;
  min-height: 22px;
  min-width: 28px;
  border-radius: 50%;
  text-align:center;  
}

.docsNavContainer {
  width: 100%;
  max-width: 100%;
  max-height: 34rem;
  margin: 0;
  flex: 0 0 33%;
}

.docsNavContainer div.border {
  overflow: scroll;
  max-height: 32rem;
}

@media (min-width: 992px) {
  .docsNavContainer {
    width: 320px;
    height: 34rem;
    max-width: 320px;  
    margin: 0 1rem 0 1rem;
  }

  .docsNavContainer div.border {
    overflow: hidden;
    height: 32rem;
    max-height: 32rem;
  }

  .docsNavContainer div.border.scroll {
    overflow-y: scroll;
  }
}

.cms_cont .sub_themes li,
.contentCont .sub_themes li {
  list-style: none;
}

.cms_cont .sub_themes li a,
.contentCont .sub_themes li a {
  text-decoration: none;
  color: rgba(54, 57, 59, 1);
}

.cms_cont .sub_themes li a:hover,
.contentCont .sub_themes li a:hover {
  color: #3b8386;
}

.contentCont .infoBlock .blockHeadline {
  display: none;
}

.contentCont .infoBlock {
  background-color: inherit;
  color: inherit;
  border: 1px solid black;
  margin-left: 2.25rem;
  margin-bottom: 1rem;
  padding: .75rem 1.25rem;
  position: relative;
}

.contentCont .infoBlock::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: black;
  background-color: transparent;
  height: 4rem;
  width: 2rem;
  position: absolute;
  line-height: 4rem;
  font-size: 2rem;
  text-align: center;
  left: -2.25rem;
  margin-top: -2rem;
  top: 50%;
}

.contentCont .infoBlock.orange::before {
  content: "\f0eb";
}

.contentCont .infoBlock.blue::before {
  content: "\f12a";
}

.contentCont .infoBlock p {
  margin-bottom: auto;
}

.contentCont .codeBlock {
  border: 1px solid #bdbdbd;
}

.contentCont .codeBlock .innerCodeBlock {
  padding: 10px;
}

.contentCont .codeBlock .innerCodeBlock pre {
  margin-bottom: 0;
}

.contentCont h2 {
  font-size: 1.6rem;
  padding: 0.5rem 0 0.5rem 0;
  margin: 3rem 0 1rem 0;
}

.attribute {
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

h2.attributeHeadline {
  font-size: 1rem;
  font-weight: bold;
  line-height: inherit;
  margin-top: 2px;
  margin-bottom: 0;
  float: left;
  flex: 0 0 310px;
  max-width: 310px;
}

.attributeContent {
  margin-left: 310px;
}

.attributeContent p {
  margin-top: 0px;
}

.docsNavContainer ul li {
  list-style: none;
  position: unset;
  margin-right: 0;
}

.docsNavContainer ul li a:hover {
  background-color: rgba(240,240,240);
  font-weight: normal;
}

.docsNavContainer li a:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 1.25em;
  display: inline-block;
  text-align: center;
  padding-left: 1.25rem;
}

.docsNavContainer li a.closed:before {
  content: "\f054";
}

.docsNavContainer li a.opened:before {
  content: "\f078";
}

.docsNavContainer li a.leaf:before {
  content: none;
}

.docsNavContainer ul li a,
.docsNavContainer ul li a:hover {
  padding-left: 0.5rem;
  text-decoration: none;
  width: 100%;
  display: block;
  line-height: 1rem;
  min-height: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.docsNavContainer ul li a.opened,
.docsNavContainer ul li a.closed,
.docsNavContainer ul li a.opened:hover,
.docsNavContainer ul li a.closed:hover {
  text-indent: -1.25rem;
}

.docsNavContainer ul li a.level0.opened,
.docsNavContainer ul li a.level0.closed,
.docsNavContainer ul li a.level0.opened:hover,
.docsNavContainer ul li a.level0.closed:hover {
  padding-left: 1.75rem;
}

.docsNavContainer ul li a.level0.leaf {
  padding-left: 1.75rem;
}

.docsNavContainer ul li a.level1.opened,
.docsNavContainer ul li a.level1.closed,
.docsNavContainer ul li a.level1.opened:hover,
.docsNavContainer ul li a.level1.closed:hover {
  padding-left: 2.75rem;
}

.docsNavContainer ul li a.level1 {
  padding-left: 1.5rem;
}
.docsNavContainer ul li a.level1.leaf {
  padding-left: 2.75rem;
}

.docsNavContainer ul li a.level2.opened,
.docsNavContainer ul li a.level2.closed,
.docsNavContainer ul li a.level2.opened:hover,
.docsNavContainer ul li a.level2.closed:hover {
  padding-left: 3.75rem;
}

.docsNavContainer ul li a.level2 {
  padding-left: 2.5rem;
}
.docsNavContainer ul li a.level2.leaf {
  padding-left: 3.75rem;
}

.docsNavContainer ul li a.level3.opened,
.docsNavContainer ul li a.level3.closed,
.docsNavContainer ul li a.level3.opened:hover,
.docsNavContainer ul li a.level3.closed:hover {
  padding-left: 4.75rem;
}

.docsNavContainer ul li a.level3 {
  padding-left: 3.5rem;
}
.docsNavContainer ul li a.level3.leaf {
  padding-left: 4.75rem;
}

.docsNavContainer ul li a.level4.opened,
.docsNavContainer ul li a.level4.closed,
.docsNavContainer ul li a.level4.opened:hover,
.docsNavContainer ul li a.level4.closed:hover {
  padding-left: 5.75rem;
}

.docsNavContainer ul li a.level4 {
  padding-left: 4.5rem;
}
.docsNavContainer ul li a.level4.leaf {
  padding-left: 5.75rem;
}

.docsNavContainer .active {
  font-weight: bold;
}

.docsNavContainer .node-active {
  background-color: #c8e6c9;
}

.docsNavContainer .leaf.active {
  background-color: #c8e6c9;
  font-weight: normal;
}

.lh-2 {
  line-height: 2rem;
}

#docNavToggle:before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 1.25em;
  display: inline-block;
  text-align: center;
}

#docNavToggle.opened:before {
  content: "\f077";
}

/*.docsNavContainer div.collapse {
  transition: height 0.2s;
  height: 0;
  display: block;
  overflow: hidden;
}*/

.color-white {
  color: #fff !important;
}

/****************/
/* Fachlexikon  */
/****************/

.container.dictionary a {
  text-decoration: none;
}

.container.dictionary ul li {
  list-style-type: none;
}

.container.dictionary ul li ul {
  margin: 1rem 0;
}

/***************************/
/* Info-Boxen rechte Seite */
/***************************/
.sticky-t-1 {
  position: sticky;
  top: 1em;
  align-self: flex-start;
}

.info-box {
  border: 1px solid #f0f0f0;
  margin-bottom: 1rem;
}

.info-box div {
  padding: 0 1rem;
}

.info-box .info-box-header {
  background-color: #c8e6c9;
  line-height: 2rem;
}

.info-box ul li {
  list-style: none;
  position: unset;
  margin-right: 0;
  padding: 0.125rem 0;
}

.info-box.try-for-free ul li::before {
  font-family: "Font Awesome 5 Free";
  font-family: "Icons";
  font-weight: 900;
  font-weight: normal;
  width: 2rem;
  display: inline-block;
  text-align: center;
  content: "\f00c";
  content: "\e033";
}

.info-box.free-support ul li a {
  text-decoration: none;
}

.info-box.free-support ul li.email::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 2rem;
  display: inline-block;
  text-align: center;
  content: "\f0e0";
}

.info-box.free-support ul li.phone::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 2rem;
  display: inline-block;
  text-align: center;
  content: "\f095";
}

@media (max-width: 576px) {
  .col-max-sm {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .mt-max-sm-4 {
    margin-top:1.5rem!important
  }
}

@media (max-width: 720px) {
  .col-max-md {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .mt-max-md-4 {
    margin-top:1.5rem!important
  }
}

/* **************************************************************************** */
/* Aricle Helpful Touchpoint ************************************************** */
/* **************************************************************************** */

.article_helpful_touchpoint_container {
  max-width: 300px;
  display: inline-flex;
  justify-content: space-between;
}

.article_helpful_touchpoint_container .article_helpful_touchpoint_answer_option {
  margin: 0 8px;
}

.article_helpful_touchpoint_container .article_helpful_touchpoint_answer_option a span img {
  max-width: 100%;
}


/* **************************************************************************** */
/* Contact form *************************************************************** */
/* **************************************************************************** */

.contact-form-container {
  max-width: 729px;
}