/* GENERALLY */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #000;
}

















/* HEADER */
.dt-header {
  background: #fafafa;
  transition: height 1s;
}
.dt-header-bottom-100 {
  height: 50px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .175);
  border-bottom: unset;
  margin-bottom: unset;
  transition: top 1s;
}
.dt-header-bottom-100 .dt-head-button {
  color: #fff;
  background-color: #ff0000;
  box-shadow: unset;
  border-right: unset;
}
.dt-header-bottom-100 .dt-head-button:hover {
  background-color: #c00;
  border-color: #c00;
}




















/* KATEGORIEN */
#dt-menu {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 2147483647;
  display: none;
}
#leftMenuContainer {
  position: absolute;
  top: 160px;
  left: 5px;
  width: 300px;
  background: #fff;
  padding: 20px;
}
.dt-left-menu-container > .list-group-submenu {
  margin: 0px 0px 0px 30px;
}
.list-group-submenu {
  padding: 20px 10px;
  margin: 0px 0px 0px -10px;
  background: #fff;
  min-height: 100%;
}
#dt-menu .catalog-toggle-icon {
  color:#000;
}




/* PRODUKTAUFLISTUNG */
body .dt-content-right #info-container #description {
  padding-bottom: 15px;
  padding-right: 15px;
}



















/* BREADCRUMBS */
body ol.breadcrumb {
  font-size: 0.8em;
  position: inherit;
  list-style:none;
  display: flex;
  background: unset;
  padding: 15px 15px 8px 0px;
  border-bottom: solid 1px #1d1d1d33;
  z-index: 1;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-radius: unset;
}
body > ol.breadcrumb {
  margin: 10px 10px;
}
body ol.breadcrumb .fas {
  font-size: 1em;
  line-height: 24px;
}
body ol.breadcrumb li {
  flex: 0 0 auto;
  float: left;
  margin-bottom: 2px;
  max-width: 100%;
}
body ol.breadcrumb li a {
  color: var(--ak-dark3);
  display:block;
  background: var(--ak-grey1);
  text-decoration: none;
  position:relative;
  height: 24px;
  line-height: 24px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
body ol.breadcrumb li:not(:has(> a)) {
  color: var(--ak-dark5);
  display:block;
  background: var(--ak-grey1);
  text-decoration: none;
  position:relative;
  height: 24px;
  line-height: 24px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
body ol.breadcrumb li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body ol.breadcrumb li:first-child a {
  padding-left: 15px;
  border-radius: 4px 0 0 4px;
}
body ol.breadcrumb li:first-child a:before {
  border:none;
}
body ol.breadcrumb li:last-child a {
  padding-right: 15px;
  border-radius: 0 4px 4px 0;
  margin-right: 0px;
}
body ol.breadcrumb li:not(:has(> a)):last-child {
  display: contents;
  padding-right: 15px;
  border-radius: 0 4px 4px 0;
  margin-right: 0px;
}
body ol.breadcrumb li:last-child a:after {
  border:none;
}
body ol.breadcrumb li:not(:has(> a)):last-child:after {
  border:none;
}
body ol.breadcrumb li a:before,
body ol.breadcrumb li a:after {
  content: "";
  position:absolute;
  top: 0;
  border:0 solid var(--ak-grey1);
  border-width: 12px 10px;
  width: 0;
  height: 24px;
}
body ol.breadcrumb li:not(:has(> a)):before,
body ol.breadcrumb li:not(:has(> a)):after {
  content: "";
  position:absolute;
  top: 0;
  border:0 solid var(--ak-grey1);
  border-width: 12px 10px;
  width: 0;
  height: 24px;
}
body ol.breadcrumb li a:before {
  left:-15px;
  border-left-color:transparent;
}
body ol.breadcrumb li:not(:has(> a)):before {
  display: none;
  left:-15px;
  border-left-color:transparent;
}
body ol.breadcrumb li a:after {
  left:100%;
  border-color:transparent;
  border-left-color: var(--ak-grey1);
}
body ol.breadcrumb li:not(:has(> a)):after {
  left:100%;
  border-color:transparent;
  border-left-color: var(--ak-grey1);
}
body ol.breadcrumb li a:hover {
  background-color: var(--ak-grey2);
}
body ol.breadcrumb li a:hover:before {
  border-color: var(--ak-grey2);
  border-left-color:transparent;
}
body ol.breadcrumb li a:hover:after {
  border-left-color: var(--ak-grey2);
}
body ol.breadcrumb li a:active {
  background-color: var(--ak-grey2);
}
body ol.breadcrumb li a:active:before {
  border-color: var(--ak-grey2);
  border-left-color:transparent;
}
body ol.breadcrumb li a:active:after {
  border-left-color: var(--ak-grey2);
}
body ol.breadcrumb>li+li:before {
  content: "";
  padding: 0px;
}
@media (hover: hover) and (pointer: fine) {
  body #shopContainer .breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
  }
  /* Grundverhalten für alle <li> */
  body #shopContainer .breadcrumb li {
    flex: 1 1 0;
    min-width: 0;
    max-width: max-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 0;
    transition: flex-grow 0.4s ease;
  }
  /* Erstes Element: immer inhaltsbreit, nie verändert */
  body #shopContainer .breadcrumb li:first-child {
    flex: 0 0 auto;
  }
  /* Letztes Element: normal breit */
  body #shopContainer .breadcrumb li:last-child {
    flex: auto 1 0;
    min-width: 0;
    transition: flex-grow 0.4s ease;
  }
  /* Hover auf andere Elemente */
  body #shopContainer .breadcrumb li:not(:last-child):hover {
    flex-grow: 3;
    z-index: 10;
  }
  /* Wenn irgendein anderes Element gehovert wird → letztes <li> schrumpft */
  body #shopContainer .breadcrumb:hover li:last-child:not(:hover) {
    flex: 1 1 0;
    flex-grow: 0.3;
  }
}




















/* MODAL */
.modal {
  z-index: 101;
  background: rgb(0 0 0 / 50%);
}
























/* CATALOG / CATEGORY */
.dt-category-box {
  border-radius: 4px;
}
.dt-category-pic > a > img {
  max-width: 200px;
  max-height: 200px;
}
.dt-category-title h3 a {
  color: #000;
}
.dt-category-buttons {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0px 20px;
}



















/* PRODUCTS */
.product-feature-container #form-features h4 {
  color: #000;
}
.product-feature-container #form-features .product-features-selected span.btn-primary {
  line-height: 18px;
  color: #fff;
  background-color: #007bff!important;
}
.product-feature-container #form-features .product-features-selected .btn-filter-trash,
.product-feature-container #form-features .product-features-selected .btn-filter-trash:visited,
.product-feature-container #form-features .product-features-selected .btn-filter-trash:focus {
  border-color: #dc3545!important;
}
.product-feature-container #form-features .product-features-selected .btn-filter-trash:hover,
.product-feature-container #form-features .product-features-selected .btn-filter-trash:active,
.product-feature-container #form-features .product-features-selected .btn-filter-trash.active {
  background-color: #dc3545!important;
}
.product-feature-container #form-features .product-features .feature-btn,
.product-feature-container #form-features .product-features .feature-btn:visited,
.product-feature-container #form-features .product-features .feature-btn:focus {
  background-color: var(--ak-dark3);
  border: unset;
}
.product-feature-container #form-features .product-features .feature-btn:hover,
.product-feature-container #form-features .product-features .feature-btn:active,
.product-feature-container #form-features .product-features .feature-btn.active {
  background-color: var(--ak-dark2);
}
.product-feature-container #form-features .product-features .feature-name {
  color: #fff;
  text-decoration: none;
}
.product-feature-container #form-features #search-buttons .btn-info,
.product-feature-container #form-features #search-buttons .btn-info:visited,
.product-feature-container #form-features #search-buttons .btn-info:focus {
  color: var(--ak-dark2);
  background-color: #ffffffc7;
  box-shadow: 0px 0px 15px -5px #0000002d;
  text-decoration: none;
  border: unset;
}
.product-feature-container #form-features #search-buttons .btn-info:hover,
.product-feature-container #form-features #search-buttons .btn-info:active,
.product-feature-container #form-features #search-buttons .btn-info.active {
  color: var(--ak-dark1);
  box-shadow: 0px 0px 15px 0px #0000002d;
  text-decoration: none;
}
.dia-list-sort-order-box label.control-label {
  color: #000;
}
.dia-list-sort-order-box #search-order {
  color: #fff;
  background-color: var(--ak-dark3);
  border-radius: 4px;
  border: unset;
}
.dia-list-sort-order-box #productDisplay > .btn-primary,
.dia-list-sort-order-box #productDisplay > .btn-primary:visited,
.dia-list-sort-order-box #productDisplay > .btn-primary:focus {
  background-color: #007bff!important;
  cursor: no-drop;
  opacity: 0.15;
  border: unset
}
.dia-list-sort-order-box #productDisplay > .btn-default,
.dia-list-sort-order-box #productDisplay > .btn-default:visited,
.dia-list-sort-order-box #productDisplay > .btn-default:focus {
  background-color: var(--ak-dark3);
  color: #fff;
  border: unset
}
.dia-list-sort-order-box #productDisplay > .btn-default:hover,
.dia-list-sort-order-box #productDisplay > .btn-default:active,
.dia-list-sort-order-box #productDisplay > .btn-default.active {
  background-color: var(--ak-dark2);
}
#product-counter-container {
  color: #000;
}
#product-list .product-list-row {
  padding: 15px 0px 0px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.25);
  transition: 0.3s ease-in-out;
  background: #fff;
  color: #000;
}
#product-list .product-list-row h5 a {
  color: #000;
}
#product-list .product-list-row .product-detail-table .product-number-row {
  display: table-row;
}
#product-list .product-list-row .product-detail-table td:nth-child(2) {
  padding-left: 5px;
}
#product-list .product-list-row .price-cart-listview-wrapper > .input-group {
  display: inline-grid;
}
#product-list .product-list-row .price-cart-listview-wrapper > .input-group .priceblock-listview {
  float: unset; 
  width: auto;
  margin: 15px;
}












/* PRODUCT */
/* Herstellerlogo */
.dt-content-right .mfr-logo {
  display: block;
  text-align: center;
  padding: 10px 0 10px;
  margin: 0 0 -5px;
  border-bottom: solid 1px var(--ak-grey2);
}
.dt-content-right .mfr-logo > img {
  height: 30px;
  max-width: 100%;
  max-height: 100%;
}
/* Product Image Block */
@media (min-width: 992px) {
  .sticky {
    position: sticky;
    top: 100px;
    z-index: 9;
  }
  #pdp-content #product-image-block {
    margin-bottom: 0px;
    height: unset;
  } 

  #pdp-content.product-details #product-image-block .product-image-main > img {
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    background-color: #fff;
  }
  #pdp-content.product-details #product-image-block .product-image-main > img:hover {
    position: relative;
    transform: scale(2.2) translate(25%, 25%);
    box-shadow: 0 2px 12px rgba(0,0,0,.175);
    background-color: #fff;
    z-index: 101;
  }
}
#pdp-content.product-details #product-image-block .product-image-thumbnail {
  cursor: pointer;
}
#pdp-content.product-details #product-image-block .product-image-thumbnail:hover {
  border: solid 1px var(--ak-grey3);
}
body .lightbox-curtain {
  background: rgba(0, 0, 0, 0.82);
  z-index: 101;
}

/* Product Info Block */
#product-info-block .product-title {
  color: #000;
}
#product-info-block .productDescription-container .description-text {
  overflow: unset;
}

/* Product Price Block */
#product-price-block {
  padding-right: 15px;
  padding-left: 15px;
}
#product-price-block #mainPriceBlock {
  font-size: 40px!important; 
}
body .product-list-price,
body .product-price-per-unit {
  color: #000;
  text-decoration-color: #f00;
}
.into-cart-panel {
  min-width: 150px;
}
.into-cart-panel .cart-product-amount-btn .btn-set-amount {
  background: var(--ak-dark3);
  border: unset;
  color: #fff;
}
.into-cart-panel .cart-product-amount-btn .btn-set-amount:hover {
  background: var(--ak-dark5);
}
.into-cart-panel .cart-product-amount-btn .addProductToCart {
  background: #28a745;
  border: unset;
  color: #fff;
}
.into-cart-panel .cart-product-amount-btn .addProductToCart:hover {
  background: #218838;
}
body p.exklMwSt {
  color: #000000ad;
  font-size: 11px !important;
  margin: -11px 3px 0px;
  text-align: center;
}
.dia-add-comparelist:hover,
.dia-add-watchlist:hover,
.dia-contact-article:hover,
.datasheet-pdf:hover,
.datasheet-mail:hover {
  background: #0000001a;
  text-decoration: none;
  border-radius: 5px!important;
}

/* Product Tabs Block */
#product-tabs-block {
  border-bottom: dashed 2px var(--ak-grey2);
}
#product-tabs.product-informations .info-tabs {
  background-color: var(--ak-dark3);
  border-bottom: 1px solid var(--ak-red);
}
#product-tabs.product-informations .info-tabs ul li a {
  color: #fff;
  border-bottom: none;
}
#product-tabs.product-informations .info-tabs ul li a:hover {
  text-decoration: none;
  background: var(--ak-dark4);
}
#product-tabs.product-informations .info-tabs li.active > a {
  background: #000;
}
#product-tabs.product-informations .info-content {
  background: var(--ak-grey1);
}
/* Artikelseite Tabs - Medien */
#media-content-group-tab {
  padding: 0px 15px;
}
#manufacturer-data-content-tab {
  padding: 0px 15px 15px;
}
/* Artikelseite Tabs - Zubehör */
#param-content-920 {
  padding: 0px 15px;
}
#param-content-920 .param-tab-products {
  background: #fff;
}
/* Artikelseite Tabs - Varianten */
#fixed-scrollbar {
  z-index: 3;
}
#param-content-701 {
  padding: 0px 15px;
}
#param-content-701 .product-feature-container {
  background: #fff;
  padding: 0px 15px 10px;
  margin: 15px 0px;
}
#param-content-701 .product-feature-container .feature-wrapper .feature-btn {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #fff;
  background-color: var(--ak-dark3);
  border: unset;
  border-right: 4px solid #6c757d;
}
#param-content-701 .product-feature-container .feature-wrapper .feature-btn a {
  color: #fff!important;
}
#param-content-701 .product-feature-container .feature-wrapper .filter-toggle-btn {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: var(--ak-grey3);
}
#param-content-701 .product-feature-container .filter-toggle-btn .fas.fa-eye,
#param-content-701 .product-feature-container .filter-toggle-btn .fas.fa-eye-slash {
  line-height: 1.5;
}
#param-content-701 .highlight-selected-row {
  background-color: #cbf9ff !important;
}
#param-content-701 #table-products-701 {
  display: block;
  overflow-x: auto;
}
#param-content-701 #table-products-701 thead tr th {
  border-top: 3px solid var(--ak-grey2);
  border-right: 3px solid var(--ak-grey2);
}
#param-content-701 #table-products-701 thead tr th:nth-child(even) {
  background: var(--ak-grey1);
}
#param-content-701 #table-products-701 thead tr th:nth-child(odd) {
  background: var(--ak-grey2);
}
#param-content-701 #table-products-701 thead tr th:nth-last-child(1),
#param-content-701 #table-products-701 thead tr th:nth-last-child(2) {
  color:#fff;
  background: var(--ak-dark3);
  border: 2px solid var(--ak-dark3);
}
#param-content-701 #table-products-701 tbody tr td:first-child {
  white-space: nowrap;
  font-size: 12px;
}
#param-content-701 #table-products-701 tbody tr td:nth-last-child(1) .btn-group-justified {
  min-width: 130px;
}
#param-content-701 #table-products-701 tbody tr td,
#param-content-701 #table-products-701 tbody tr th {
  white-space: normal;
}
#param-content-701 #table-products-701 tbody tr td:nth-last-child(1),
#param-content-701 #table-products-701 tbody tr td:nth-last-child(2) {
  background: #fff;
}
#param-content-701 #table-products-701 thead tr th:nth-last-child(1),
#param-content-701 #table-products-701 tbody tr td:nth-last-child(1) {
  position: sticky;
  right: 0;
  z-index: 3;
}
#param-content-701 #table-products-701 thead tr th:nth-last-child(2),
#param-content-701 #table-products-701 tbody tr td:nth-last-child(2) {
  position: sticky;
  right: 145px;
  z-index: 2;
  box-shadow: 5px -5px 0px 5px rgb(255 255 255), -5px 0px 10px 0px rgb(0 0 0 / 50%);
}
#param-content-701 #table-products-701 tbody tr:first-child td:nth-last-child(2) {
  box-shadow: -5px 0px 10px 0px rgb(0 0 0 / 50%);
}