:root {
  --color-primary: #DD0B2F;
  --color-secondary: #444f50;
  --color-background-light: #f8f8f8;
  --color-transparent-white: #ffffff00;
  --color-text-muted: #777777;  /* FEHLT*/
  --color-border-default: #ccc;
  --color-error-bg: #eee;
  --color-error-text: #333333;  /* FEHLT*/
}

/* --- Developemode-Warnung --- */
#opmode-banner {
  display: none;
}

#maincontent {
  min-height: 81vh;
}
/* Search area icon size */
.page-header.type20 .search-area.show-icon a.search-toggle-icon {
  font-size: 22.5px;
}

/* NAVIGATION */
@media (min-width: 992px) {
  .page-header.type20 .nav-sections {
    display: block !important;
    margin-left: 1.125rem;
    flex: 1;
  }
  .page-header.type20 .navigation:not(.side-megamenu) > ul {
    justify-content: flex-end;
  }
  .page-header.type20 .navigation:not(.side-megamenu) .level0 .level-top {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -.35px;
    padding: 10px 24px 10px 24px;
    text-transform: capitalize;
  }
  .page-header.type20.sticky-header .nav-sections {
    margin-left: 1.125rem !important;
  }
  .rtl .page-header.type20.sticky-header .nav-sections {
    margin-right: 1.125rem !important;
    margin-left: 0 !important;
  }
}
.header-left .d-flex.align-items-center {
  display: none !important;
}
#opmode-banner {
  display: none;
}

/*Adressbuch*/
  .fieldset > .legend {
  color: var(--theme-color) !important;
  }
.account #maincontent a:visited,.account #maincontent .alink:visited {
  color: var(--theme-color) !important;
  }

/* Pagebuilder Buttons */
a.pagebuilder-button-primary {
  background-color: var(--theme-color);
}
/* a.pagebuilder-button-primary:visited {
  color: #fff !important;
} */
a.pagebuilder-button-primary:hover{
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  opacity: 0.75;
}
.btn {
  white-space: wrap;
}
button#preview, button#add_to_cart_new_page {
  width: 250px;
}

/*Footer Links*/
/*Border Produktfoto*/
/* 1. Wrapper auflösen: keine feste Aspect Ratio mehr */
.product-image-container-57 {
  aspect-ratio: auto !important;
  width: 100%;
  height: auto !important;
  padding: 0 !important;
}

/* 2. Die innere Hülle auch entfernen (falls sie noch Padding bottom o.ä. setzt) */
.product-image-container-57 .product-image-wrapper {
  padding: 0 !important;
  height: auto !important;
  width: 100%;
}

/* 3. Dem Bild selbst sagen, es soll nie zuschneiden */
.product-image-container-57 .product-image-wrapper img.product-image-photo {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/*Cookies-Schaltflächen*/
.amgdprcookie-groups-modal .amgdprcookie-done:focus, .amgdprcookie-buttons-block .amgdprcookie-button:active, .amgdprcookie-buttons-block .amgdprcookie-button:focus {
  box-shadow: none;
}

.amgdprcookie-groups-modal .amgdprcookie-done {
  background-color: #666;
  border: none;
}
.amgdprcookie-groups-modal .amgdprcookie-done:focus {
  background-color: #666;
}
.amgdprcookie-groups-modal .amgdprcookie-done:hover {
  background-color: #333;
  border: none;
}
/*blauer Hintergrund bei Matrix-Artikel aus PrintQ*/
body.printq-personalization #maincontent:before {
  background-color: var(--color-transparent-white) !important;
}
.matrix_factsheetContainer {
  display: none !important;
}
.matrix_layoutMain .matrix_selectOption .select2-container--default .select2-selection--single {
  margin-bottom: 20px !important;
}

/*SKU bei Matrix anzeigen*/
.product attribute sku {
  display: flex !important;
}
.product-info-main .product-info-stock-sku {
  display: flex !important;
}

/* Preis bei Matrix anzeigen */
div.product-info-main div.product-info-price {
  display: flex !important;
} 

/*Formulareditor*/
.formular .controls {
  display: block !important;
}
/* --- Navbar --- */
.header-main, div.header-main, .page-header.type20.sticky-header .header-main {
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
.page-header .panel.wrapper, .main-panel-top {
  background-color: var(--color-background-light) !important;
}
/* min-height  */
#maincontent #layer-product-list {
  min-height: 750px;
}
/* --- Versandtabelle --- */
.table-checkout-shipping-method {
  all: inherit;
}
.table-checkout-shipping-method {
  display: block;
  width: 100%;
  white-space: nowrap;
}
.table-checkout-shipping-method tbody {
  display: block;
  width: 100%;
}
.table-checkout-shipping-method tr {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  width: 100%;
}
@media (min-width: 600px) {
  td.col.col-price {
    min-width: 100px !important;
    justify-content: end;
    display: flex;
  }
}

@media (max-width: 600px) {
  .table-checkout-shipping-method tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .table-checkout-shipping-method thead tr:first-of-type {
    display: none;
  }
  .table-checkout-shipping-method tbody td {
    border: none;
    text-align: left;
  }
  .table-checkout-shipping-method th, td {
    display: block;
    text-align: right;
    padding: 5px;
  }
  .table-checkout-shipping-method tr td:first-of-type {
    margin-left: 8px;
  }
  .table-checkout-shipping-method th::before, .table-checkout-shipping-method td::before {
    content: attr(data-label);
    font-weight: bold;
    float: left;
  }
}

/* Anmeldeseite */
#send2 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  background-color: var(--theme-color) !important;
}
#send2:hover {
  background-color: var(--color-secondary) !important;
}
.block.block-customer-login.block-header-customer-login.open #send2 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.action.create.primary.btn-v-dark.py-3.text-md.w-100 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* --- Kontaktseite --- */

.col-md-4.contact-info {
  display: none;
}
.contact-index-index .col-md-6 {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.contact-index-index .col-md-8 {
  -webkit-flex: 0 0 100%;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

/* Artikel Allgemein und Detailseite */

.product-item-info > .action.tocart.primary {
  display: none !important;
}
a.minimal-price-link {
  display: none;
}
.product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart {
  display: none;
}
.product-item-name a {
  white-space: wrap;
}
.price-wrapper.price-excluding-tax::after {
  content: "zzgl. Versandkosten und 19% MwSt.";
  margin-top: 5px;
  display: block;
  font-size: 12px;
  color: #666;
}
.price-wrapper.price-excluding-tax .price {
  font-size: 1.25rem !important;
}

.product-options-bottom .price-box .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-including-tax + .price-excluding-tax .price {
  font-size: 2.5rem !important;
    line-height: 40px;
 }

.opc-wrapper .shipping-address-item {
  width: auto;
}
.price-including-tax + .price-excluding-tax::before, .weee[data-label]::before {
  display: none;
}

div.product-info-main div.page-title-wrapper .page-title {
  margin-bottom: 10px !important;
}

.product-info-stock-sku {
  border-bottom: 1px solid #EEE;
}

.product-add-form {
  border-top: 1px solid #EEE;
  padding-top: 20px;
}

.clearer {
  clear:right!important;
}

/* --- Tier-Price in Artikel-Detailansicht --- */
.price-container .price, .price-wrapper.price-excluding-tax .price {
  font-size: 1.05rem !important;
}
.product .details .product-item-details .price-container span .price-wrapper.price-including-tax {
  display: none !important;
}
.price-tier_price .price-including-tax + .price-excluding-tax:last-child::after {
  content: "";
}
.products .price-wrapper.price-including-tax {
  display: none !important;
}

/* --- ggf. entfernen bei B2C --- */
ul.prices-tier.items li.item span.price-container > .price-wrapper.price-including-tax {
  display: none !important;
}

/* --- Warenkorb Styling --- */

input[type="checkbox"] {
  accent-color: var(--theme-color);
}
.wishlist.mr-2 {
  display: none;
}
.opc-wrapper .action-select-shipping-item {
  margin-left: 0px;
  float: none;
}
.opc-estimated-wrapper .estimated-block {
  display: none;
}
.unzerUI.button {
  height: 3rem;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: -.015em;
  font-weight: 700;
}
.opc-block-shipping-information {
  padding: 22px 1.5em;
  margin-bottom: 30px;
}

.cart.table-wrapper .product-item-photo {
  max-width: 160px;
}

.multicheckout .actions-toolbar .secondary {
  float: right;
  text-align: right;
  display: grid;
  gap: 16px;
  justify-items: right;
  align-items: right;
  grid-template-columns: max-content;
}
.multicheckout .actions-toolbar .secondary .action {
  margin-left: 0px;
}
.action.back span {
  border: 1px solid var(--color-border-default);
  line-height: 40px;
  padding: .8em 2em;
  height: 40px;
  background-color: #fff;
}
.action.back span:hover {
  border: 1px solid var(--theme-color);
  color: #fff;
  background-color: var(--theme-color);
}
.checkout.methods.items.checkout-methods-items li.item:nth-of-type(2) {
  all: inherit;
}
a.action.multicheckout {
  all: inherit;
  padding: .8em 1.75em;
  cursor: pointer;
  border: 1px solid var(--color-border-default);
}
.action.multicheckout span {
  all: inherit;
  color: #777;
  font-weight: 600;
  border: none;
  padding: 0px;
  margin: 0px;
}
a.action.multicheckout:hover {
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
}
a.action.multicheckout:hover span {
  color: #fff;
}
.opc-progress-bar-item._active::before,.opc-progress-bar-item._active > span::before,.opc-wrapper .shipping-address-item.selected-item::after {
  background: var(--theme-color);
  }
.opc-wrapper .shipping-address-item.selected-item  {
  border-color: var(--theme-color);
}
.product-item-name > a {
  font-size: 1.3rem!important;
}

.item-options dd {
  font-size: 0.8rem;
  line-height: 1rem;
}

@media (min-width: 640px) {
  div.new-address-popup {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 639px) {
  .opc-wrapper .shipping-address-item, button .action.action-select-shipping-item, .shipping-address-item.selected-item {
    width: 100%;
  }
}
@media (min-width: 769px), print {
  .checkout-payment-method .payment-methods .actions-toolbar .primary {
    width: 100%;
  }
}
@media (max-width: 769px) {
  .minimal-price-link, .price-excluding-tax, .price-including-tax {
    text-align: center;
  }
  .table-checkout-shipping-method th, td {
    text-align: center;
  }
  .table-checkout-shipping-method th, td {
    text-align: center !important;
  }
  .cart.table-wrapper .action:last-child {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .cart.table-wrapper .col.item, .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp {
    white-space: normal;
  }
}

/* --- Checkout und Multishipping --- */

.multicheckout .table-wrapper .product-item-name > a, .multicheckout .table-wrapper .product-item-name > a:hover {
  color: var(--theme-color);
}
.unzerUI.button, .unzerUI.primary.button {
  background-color: var(--color-secondary);
}
.unzerUI.primary.button:hover, .unzerUI.primary.buttons .button:hover {
  background-color: var(--theme-color);
}
#unzer-applepay-error {
  color: var(--theme-color) !important;
}

@media (min-width: 769px), print {
  .opc-wrapper .form-login, .opc-wrapper .form-shipping-address {
    max-width: 100%;
  }
}

.qty.field .control, .col.qty .control, .qty.field .input-text.qty, .col.qty .input-text.qtyw {
  width: 125px;
}

.checkout-agreements-block .checkout-agreement.field {
  display: block;
}

#agreement_checkmo_1,  #agreement_checkmo_2 {
  top: 1px;
  margin: 0px 0.5em 0 0;
}

.multicheckout .actions-toolbar .secondary .action.back span {
  border: 0px !important;
  padding: 0;
}

.multicheckout .actions-toolbar .secondary .action.back span:hover {
  color: var(--theme-color);
  background-color: #fff;
}

/* --- AGB-PopUp --- */
.modal-inner-wrap .modal-header {
  padding-top: 18px !important;
}

.modal-inner-wrap .modal-header .action-close {
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 50px;
  padding-bottom: 50px;
}

/* --- auf lager ausblenden --- */
.product-item-photo .product-item-inner .product-item-actions > .actions-primary {
  display: none;
}

/* --- Warnungen --- */
.action-primary:focus, .action-primary:active {
  background: #fff;
  border: 1px solid var(--color-border-default);
  color: #777;
}
.action-primary:hover {
  color: #fff;
}

.message.info > :first-child::before {
  color: var(--theme-color);
}
.message.info {
  background: var(--color-error-bg);
  color: #333;
}

.message.error > :first-child::before {
  color: var(--theme-color);
}
.message.error {
  background: var(--color-error-bg);
  color: #333;
}