/* Design Color*/ :root {
  --MPN-mc01: #339933; /* Main Color*/
  --MPN-mc02: #F4FFF0; /* Highlight Color 1*/
  --MPN-mc03: #f5f7fa; /* Background Color*/
  --MPN-mc04: #00AAFD;
  --MPN-mc05: #00AAFD;
  --MPN-mc06: #00AAFD;
  --MPN-mc07: #00AAFD;
  --MPN-mc08: #00AAFD;
  --MPN-mc09: #00AAFD;
  --MPN-mc10: #00AAFD;
}
/* Template Main Styling */
#footer {
  background-color: var(--MPN-mc02) !important;
}
#footer #copyright {
  background-color: var(--MPN-mc01) !important;
}
.form-control:focus {
  border-color: var(--MPN-mc01);
}
.btn-primary {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-primary.disabled, .btn-primary:disabled {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-outline-primary {
  color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-outline-primary:hover {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--MPN-mc01);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"] {
  color: #ffffff;
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-link:hover {
  color: var(--MPN-mc01);
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--MPN-mc01);
  background-color: var(--MPN-mc01);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--MPN-mc01);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: var(--MPN-mc01);
  background-color: var(--MPN-mc01);
}
.custom-select:focus {
  border-color: var(--MPN-mc01);
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: var(--MPN-mc01);
}
.custom-range::-webkit-slider-thumb {
  background-color: var(--MPN-mc01);
}
.custom-range::-moz-range-thumb {
  background-color: var(--MPN-mc01);
}
.custom-range::-ms-thumb {
  background-color: var(--MPN-mc01);
}
.page-link:hover, .page-text:hover {
  color: var(--MPN-mc01);
}
.badge-primary {
  background-color: var(--MPN-mc01);
}
.progress-bar {
  background-color: var(--MPN-mc01);
}
.list-group-item.active {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.bg-primary {
  background-color: var(--MPN-mc01) !important;
}
.border-primary {
  border-color: var(--MPN-mc01) !important;
}
.text-primary {
  color: var(--MPN-mc01) !important;
}
.badge-outline-primary {
  border-color: var(--MPN-mc01);
  color: var(--MPN-mc01);
}
.badge-check {
  border: 2px solid var(--MPN-mc01);
}
.badge-check .badge-circle {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"] {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-outline-primary {
  border-color: var(--MPN-mc01);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"] {
  border-color: var(--MPN-mc01);
  background-color: var(--MPN-mc01);
}
.btn-icon-primary:hover {
  border-color: var(--MPN-mc01);
  color: var(--MPN-mc01);
}
.btn-icon-primary:not(:disabled):not(.disabled):active, .btn-icon-primary:not(:disabled):not(.disabled).active, .show > .btn-icon-primary.dropdown-toggle, .show > .btn-icon-primary:not(.navbar-toggler)[data-toggle="collapse"] {
  border-color: var(--MPN-mc01);
  background-color: var(--MPN-mc01);
}
.btn-icon-secondary:not(:disabled):not(.disabled):active, .btn-icon-secondary:not(:disabled):not(.disabled).active, .show > .btn-icon-secondary.dropdown-toggle, .show > .btn-icon-secondary:not(.navbar-toggler)[data-toggle="collapse"] {
  border-color: var(--MPN-mc01);
  background-color: var(--MPN-mc01);
}
.btn-animated .btn-primary:hover {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.btn-animated .btn-outline-primary::after {
  background-color: var(--MPN-mc01);
}
.btn-animated .btn-outline-primary:hover {
  border-color: var(--MPN-mc01);
}
.btn-animated .btn-outline-primary:hover::after {
  background: var(--MPN-mc01);
}
.badge-circle:hover, .badge-circle:focus {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.badge-circle-1.on-list {
  border: 1px solid var(--MPN-mc01);
  background-color: var(--MPN-mc01);
}
.slick-arrow:hover {
  background-color: var(--MPN-mc01);
}
.swatches-image.active {
  border: 1px solid var(--MPN-mc01);
}
.swatches-text.active {
  border: 1px solid var(--MPN-mc01);
}
.form-icon-trigger-label:hover {
  color: var(--MPN-mc01);
}
.bootstrap-select.custom-select button.dropdown-toggle:focus, .bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:focus {
  border-color: var(--MPN-mc01);
}
.bootstrap-select.custom-select.show button.dropdown-toggle, .bootstrap-select.custom-select.show button:not(.navbar-toggler)[data-toggle="collapse"] {
  border-color: var(--MPN-mc01);
}
.fa-sup {
  background-color: var(--MPN-mc01);
}
.modal-header .close:hover {
  background-color: var(--MPN-mc01);
}
.page-item.active .page-link::after, .page-item.active .page-text::after {
  border-bottom: 4px solid var(--MPN-mc01);
}
.noUi-horizontal .noUi-connect {
  background: var(--MPN-mc01);
}
.noUi-horizontal .noUi-handle {
  background: var(--MPN-mc01);
}
.stepper .step-active .step-content::after {
  background: var(--MPN-mc01);
}
@media (max-width: 991.98px) {
  .stepper .step-current .step-content::after {}
}
.tab-navigation .nav-link::after {
  border-color: var(--MPN-mc01);
}
aside .nav-panel > .nav > .active > .nav-link {
  border-bottom: 0.375rem solid var(--MPN-mc01);
}
.box_login .register .fa {
  color: var(--MPN-mc01);
}
.jqcloud-word.w0 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w1 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w2 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w3 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w4 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w5 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w6 {
  color: var(--MPN-mc01);
}
.jqcloud-word.w7 {
  color: var(--MPN-mc01);
}
.jqcloud-word a:hover {
  color: var(--MPN-mc01) !important;
}
.file-drop-zone.clickable:focus {
  border: 2px solid var(--MPN-mc01);
}
.filter-item.active .filter-img, .filter-item:active .filter-img {
  border: 3px solid var(--MPN-mc01);
}
.filter-search-wrapper.input-group-selected .input-group-text, .filter-search-wrapper.input-group-selected .filter-search {
  border-color: var(--MPN-mc01);
}
.productlist-filter-categories > .nav-item > .nav-link::before {
  border-color: var(--MPN-mc01);
}
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover {
  background-color: var(--MPN-mc01);
}
#image_wrapper #gallery .slick-arrow:hover {
  background-color: var(--MPN-mc01);
}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item {
  border-color: var(--MPN-mc01);
}
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle {
  background-color: var(--MPN-mc01);
  border-color: var(--MPN-mc01);
}
.estimated-delivery:hover .estimated-delivery-info {
  color: var(--MPN-mc01);
}
@media (min-width: 992px) {
  header .navbar-nav > .nav-item > .nav-link::before {
    border-color: var(--MPN-mc01);
  }
}
.account-head-data .account-head-data-credit {
  border: 1px solid var(--MPN-mc01);
}
.checkout-steps .step-check {
  color: var(--MPN-mc01);
}
header a:hover:not(.dropdown-item):not(.btn) {
  color: var(--MPN-mc01);
}
.bg-light {
  background-color: var(--MPN-mc02) !important;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: var(--MPN-mc02);
}
.card-header {
  background-color: var(--MPN-mc02);
}
#content-wrapper:not(.has-fluid) {
  padding-top: 2rem;
}
.fa {
  color: var(--MPN-mc01);
}
.fa-exclamation-triangle {
  color: #F8FF00;
}
a:hover:not(.dropdown-item):not(.btn) {
  color: #525252 !important;
}
.btn-primary:hover {
  background-color: var(--MPN-mc03);
  border-color: var(--MPN-mc01);
  color: #525252;
}
.btn-primary:focus, .btn-primary.focus {
  color: #525252;
  background-color: var(--MPN-mc03);
  border-color: var(--MPN-mc01);
  box-shadow: 0 0 0 0 rgba(223, 175, 12, 0.0);
}
/* Artikel Styling*/
.bg-danger {
  background-color: #b90000 !important;
}
.bg-danger2 {
  background-color: #b90000 !important;
}
.infodata {
  font-weight: 900;
  Color: Black;
}
.cbeschreibung {
  text-align: justify;
  color: black;
  font-weight: 700;
}
/* Page 404 Styling */
.svg404c1 {
  fill: var(--MPN-mc02);
}
.svg404c2 {
  opacity: 0.2;
}
.svg404c3 {
  opacity: 0.1;
}
.svg404c4 {
  fill: #FFFFFF;
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c5 {
  fill: #263238;
}
.svg404c6 {
  fill: var(--MPN-mc01);
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c7 {
  fill: #737373;
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c8 {
  fill: #263238;
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c9 {
  fill: none;
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c10 {
  fill: none;
  stroke: #263238;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c11 {
  fill: #7D7D7D;
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.svg404c12 {
  fill: #636363;
  stroke: #263238;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
body[data-page="36"] .alert {
  display: none !important;
}
body[data-page="36"] .breadcrumb-container {
  display: none !important;
}
/* CLP Styling*/
.st0 {
  fill: #FFFFFF;
}
.st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #050007;
}
.st2 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #E20613;
}
.st3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}
.st4 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #1D1D1B;
}
.ghssign {
  width: 75%;
}
.clpbox {
  border-style: solid;
  border-color: #b90000;
}
/* Mischtabelle Styling*/
.LMTHead {
  background-color: var(--MPN-mc01);
  color: white;
  padding: 3px 0px;
  text-align: center;
  vertical-align: bottom;
  font-weight: 700;
}
.LMTstrong {
  font-weight: 700;
}
.LMT1 {
  background-color: white;
  padding: 3px 0px;
  text-align: center;
  color: black;
}
.LMT2 {
  background-color: var(--MPN-mc02);
  padding: 3px 0px;
  text-align: center;
  color: black;
}