.footer-container .row-wrapper .row .icon-row a i {
  color: transparent;
}

.footer-container .row-wrapper .row .icon-row a i::before {
  color: #fff;
}

.item dialog:-internal-dialog-in-top-layer::backdrop {
  background: rgba(0, 0, 0, 0.6);
}

.listing .ui-slider-horizontal .ui-slider-handle {
  position: relative;
}

.listing .ui-state-default,
.ui-widget-content .ui-state-default {
  display: block;
}

.listing #slider-range span:nth-child(3) {
  top: -35px;
}

#views-exposed-form-listing-page-1 {
  display: none;
}

#modal-item .details .box-2 .box.profile .contact-button #createchat {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  height: 56px;
  font-family: "Montserrat-Bold";
}

.skin-description .skin-button #createchat {
  width: 100%;
  height: 48px;
  background-color: #4db5da;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Montserrat-SemiBold";
  font-size: 16px;
  border-radius: 10px;
  border: 2px solid #4db5da;
}

#createchat input[type="submit"] {
  font-family: "Montserrat-SemiBold";
  color: #fff;
  border: none;
  background: none;
}
.stars a.active i.fa-regular {
  color: #4db5da;
}
.file.filesupload.fileupload {
  background-color: black;
}

.category-subcategories .subcategories-data {
  margin-left: 20px;
  display: none;
  padding-top: 10px;
}

.listing .item-list div[data-once="ajax-pager"] {
  width: 100%;
  /* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); */
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.listing .item-list .item .image .add-to-fav {
  position: absolute;
  top: 10px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}
.listing .item-list .item .image .add-to-fav i {
  font-size: 32px;
  color: #4db5da;
}

div[role="contentinfo"] {
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #2b2f30;
  color: white;
  font-size: 16px;
  font-family: "Montserrat-Bold";
}

.messages__wrapper .messages.messages--status {
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #2b2f30;
  color: white;
  font-size: 16px;
  font-family: "Montserrat-Bold";
}

.stars a.active i.fa-regular {
  font-weight: var(--fa-style, 900);
}

.subcategories-data.active {
  display: block;
}

/*select autocomplete*/
.input-bar .input-container {
  position: relative;
}
.col-sm-5.input-container .input-group {
  position: relative;
}
.selected {
  margin: 3px;
}
.col-sm-5.input-container .selected {
  position: relative;
  top: -36px;
  width: 0;
  overflow-x: scroll;
  padding: 0px 0px 10px 0px;
  height: 35px;
}
.selected-item {
  border: 1px solid red;
  border-radius: 6px;
  padding: 3px;
  background: red;
  color: #fff;
}
.selected-item {
  position: relative;
  top: 4px;
  margin: 3px;
}

.selected-item {
  height: max-content;
}
.selected-item .btn-close {
  margin-left: 6px;
  cursor: pointer;
}
.selected-item .btn-close::after {
  content: "X";
  font-size: 10px;
}
.selected-item .btn-close::after {
  content: "X";
  font-size: 10px;
}
.hidden_value {
  display: none;
  width: 0px;
  height: 0px;
}
.listing .filters .category .tag {
  position: relative;
}
.listing .filters .category .tag {
  display: block;
}
.col-sm-5.input-container.sticker_selection-holder .tag,
.col-sm-5.input-container.kollektion_selection-holder .tag,
.col-sm-5.input-container.phase_selection-holder .tag,
.col-sm-5.input-container.muster_selection-holder .tag {
  display: block;
}
header .filter-and-buttons .nav-btn.logged {
  max-width: 200px;
  width: 100%;
}
header .filter-and-buttons .nav-btn.logged .container-header-small {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  max-width: 200px;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}
header
  .filter-and-buttons
  .nav-btn.logged
  .container-header-small.active
  .profile-dropdown-list {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0px);
  transition: 0.4s all ease;
}
header
  .filter-and-buttons
  .nav-btn.logged
  .container-header-small
  .profile-dropdown-list {
  transition: 0.4s all ease;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100px);

  position: absolute;
  right: 0;
  top: 50px;
  list-style: none;
  width: 220px;
  background-color: #3a3a3a;
  border-radius: 5px;
  padding: 10px;
  z-index: 10;
}
header
  .filter-and-buttons
  .nav-btn.logged
  .container-header-small
  .profile-dropdown-list
  li {
  display: flex;
  align-items: center;
  gap: 10px;
}
header
  .filter-and-buttons
  .nav-btn.logged
  .container-header-small
  .profile-dropdown-list
  li
  a {
  color: #fff;
  font-family: "Montserrat";
}
header
  .filter-and-buttons
  .nav-btn.logged
  .container-header-small
  .profile-dropdown-list
  li:not(:last-child) {
  padding-bottom: 5px;
}
header .filter-and-buttons .nav-btn.logged .container-header-small i {
  color: #fff;
}
header .filter-and-buttons .nav-btn.logged .container-header-small p {
  font-family: "Montserrat";
  color: #fff;
  max-width: 130px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.register-submit-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  background-color: var(--blue);
  border-radius: 10px;
}
.register-submit-button {
  max-width: 300px;
  width: 100%;
}
.register-submit-button i {
  color: #fff;
  font-size: 32px;
}
.bar-img {
  position: relative;
  padding: 5px 0px;
}
.bar-img #arrow {
  position: absolute;
  width: 14px;
  top: 8px;
}

.more-details .pattern .pattern-bar {
  position: relative;
  padding: 5px 0px;
}

.more-details .pattern .pattern-bar #arrow {
  position: absolute;
  width: 14px;
  top: 8px;
}

.more-details .pattern .pattern-bar img {
  object-fit: contain;
}

.listing .item-list .item .content .float {
  position: relative;
  padding: 5px 0px;
}

.listing .item-list .item .content .float #arrow {
  position: absolute;
  width: 14px;
  top: 8px;
}

.listing .item-list .item .content .float img {
  object-fit: contain;
}

.no-items-info {
  text-align: center;
  color: white;
  padding: 50px;
  font-family: "Montserrat-Bold";
}

.hero-section video {
  width: 100%;
  position: relative;
  height: 635px;
  object-fit: cover;
}
.listing .item-list .item .content .float,
.latest-items-section .item .item-desc .float {
  justify-content: space-between;
  gap: 8px;
}
.listing .item-list .item .item-desc,
.latest-items-section .item .item-desc {
  padding-right: 20px;
}
.listing .item-list .item .content .float .number,
.latest-items-section .item .item-desc .float .number {
  min-width: max-content;
}
.latest-items-section .item .item-desc .float .pattern,
.listing .item-list .item .content .float .pattern {
  white-space: nowrap;
}
.listing .filters .filter-holder .tag input:focus {
  outline: none;
}
.listing .filters .filter-holder .tag input {
  font-size: 14px;
  box-sizing: border-box;
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  height: 37px;
  width: 100%;
  color: #fff;
  opacity: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 10px;
}
.listing .filters .filter-holder .tag {
  padding: 0;
}
.listing .item-list div[data-once="ajax-pager"] .pager {
  grid-column-start: 1;
  grid-column-end: 5;

  width: max-content;
  margin-left: auto;
}
.listing .item-list div[data-once="ajax-pager"] .pager ul {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  list-style: none;
}
.listing .item-list div[data-once="ajax-pager"] .pager ul .pager__item {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid #969696;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing .item-list div[data-once="ajax-pager"] .pager ul .pager__item a {
  color: #969696;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing
  .item-list
  div[data-once="ajax-pager"]
  .pager
  ul
  .pager__item.is-active {
  background-color: #2b2f30;
  border: 1px solid #2b2f30;
}
.category-subcategories .subcategories-data .options {
  margin-bottom: 10px;
}

.category-subcategories .subcategories-data {
  padding-top: 0;
}
.listing .item-list .item .content .model {
  height: 37px;
}
.user-login-form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
  margin: 100px auto;
  flex-direction: column;
}
.user-login-form .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
}
.user-login-form .js-form-item label {
  color: #fff;
  font-family: "Montserrat";
}
.user-login-form #edit-submit {
  background-color: var(--blue);
  width: 250px;
  /* width: 100%; */
  border: 2px solid var(--blue);
  border-radius: 10px;
  height: 40px;
  color: #fff;
  font-family: "Montserrat-Semibold";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.user-login-form .js-form-item input {
  height: 40px;
  border-radius: 10px;
  padding: 0 10px;
  box-sizing: border-box;
}
.user-login-form .js-form-item input {
  font-family: "Montserrat";
}
.input-container:has(.ui-datepicker-trigger) {
  position: relative;
}
.ui-datepicker-trigger {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ui-widget-content .ui-state-default {
  display: flex;
  align-items: center;
  justify-content: center;
}
.skin-description .skin-img img {
  height: 250px;
  width: 250px;
  object-fit: contain;
}
.listing .ui-slider-horizontal .ui-slider-handle {
  background-color: #fff;
  border: none;
  box-shadow: 4px 6px 6px rgba(0, 0, 0, 0.2);
  width: 24px;
  height: 24px;
}
.creditproductpage {
  max-width: 800px;
  margin: 100px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: "Montserrat";
}
.creditproductpage #edit-submit {
  background-color: #4db5da;
  width: 250px;
  height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  border: none;
  color: #fff;
}
.creditproductpage div[title="Variations"] {
  display: none;
}
.quantity-edit-input {
  border-radius: 10px;
  border: 1px solid #3a3a3a;
  padding: 0 5px;
}
.checkout-complete p {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  margin: 100px auto;
  font-family: "Montserrat";
}
.skin-description .more-details {
  box-sizing: border-box;
  padding-top: 22px;
  padding-bottom: 22px;
}
.skin-item .skin-description {
  align-items: center;
}
.more-details .pattern .pattern-number,
.skin-description .more-details .word.light {
  white-space: nowrap;
}
.latest-items-section .item .item-desc span {
  max-width: max-content;
  padding: 0 2px;
}
.latest-items-section .item {
  min-height: 439px;
}
.select2-results .select2-results__option {
  background-color: var(--black);
  color: var(--white);
  font-family: "Montserrat";
}
.register-buttons-filter .filter .search-bar,
.filter
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 14px;
}
#modal-item .showcase .add-to-fav-modal {
  position: absolute;
  right: 70px;
  top: 18px;
}
#modal-item .details .box .column {
  width: 100%;
}
.col-sm-5.input-container .selected {
  width: max-content !important;
}
.selected-item {
  border: 1px solid var(--blue);
  border-radius: 6px;
  padding: 3px;
  background: var(--blue);
  color: #fff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid var(--blue);
  background: var(--blue);
}
.ui-widget-header {
  border: 1px solid #2b2f30;
  background: #2b2f30;
  color: #fff;
}
.ui-widget-content {
  background: var(--black);
  color: #fff;
}
.cart.cart-form .views-element-container,
.cart.cart-form table,
.customcheckout-checkout .layout-checkout-form.clearfix,
.customcheckoutreview-checkout .layout-checkout-form.clearfix {
  background: #2b2f30;
  color: #fff;
}
.cart.cart-form table thead th {
  border: none;
}

.cart.cart-form .form-actions input:first-child {
  background: #2b2f30;
}

.cart table td[data-th="Price"],
.cart.cart-form table thead #view-unit-price-number-table-column {
  display: none;
}
.customcheckout-checkout
  #edit-payment-information-billing-information-edit-button {
  background: var(--blue);
}
#modal-item .details .box-2 .box #initiatetransaction input[type="submit"] {
  background-color: #4db5da;
  color: #fff;
  font-family: "Montserrat-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
  height: 56px;
  margin-top: 32px;
  border: none;
}
#modal-item .details .box-2 .box.profile {
  justify-content: space-between;
}
#modal-item .details .box-2 .box.profile .contact-button #createchat {
  box-sizing: border-box;
}
.messaging .messaging-wrapper main .message-wrapper {
  background: transparent;
}
.message-wrapper .message-action {
  border-top: none;
}
.messaging .messaging-wrapper main .message-wrapper {
  border: 2px solid #fff;
}
.messaging .messaging-wrapper aside .message-list {
  background-color: transparent;
  border: 2px solid #fff;
}
.messaging .messaging-wrapper aside .message-list .message.active,
.messaging .messaging-wrapper aside .message-list .message {
  border-bottom: 2px solid #fff;
}
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-action
  .input-container
  input {
  border: 2px solid #fff;
  background-color: transparent;
  background: transparent;
  border-radius: 10px;
  font-family: "Montserrat";
}
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-action
  .input-container
  .button,
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-action
  .input-container
  .fileupload {
  background-color: var(--blue);
  background: var(--blue);
  border-radius: 10px;
  height: 50px;
}
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-action
  .input-container
  input {
  box-sizing: border-box;
}
.listing .item-list div[data-once="ajax-pager"] .pager {
  flex-basis: 100%;
  width: 100%;
  justify-content: end;
  display: flex;
}
.container .filter-and-buttons:has(.logged) .burger-menu {
  display: none;
}
.cart.cart-form {
  background: transparent;
}
.cart-empty-page {
  color: #fff;
  padding: 10px 20px;
  box-sizing: border-box;
  text-align: center;
}
.faq .accordion {
  box-sizing: border-box;
}
header
  .filter-and-buttons
  .nav-btn.logged
  .container-header-small
  .profile-dropdown-list
  li:last-child {
  padding-left: 32px;
}

body.toolbar-horizontal
  .creditproductpage
  .action.addtocart
  article
  > div:nth-child(2)
  > div:nth-child(1) {
  display: none;
}
.col-sm-5.input-container .selected {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: max-content;
}
.listing .filters .filter-holder .tag input {
  padding-left: 10px !important;
}

.listing .filters .filter-holder .tag {
  height: auto;
  min-height: 40px;
}
.col-sm-5.input-container .selected {
  top: unset;
  padding-bottom: 5px;
  height: auto;
  padding: 0;
}
.col-sm-5.input-container .selected {
  overflow-x: unset;
}
.selected-item {
  max-width: max-content;
}
.cart-empty-page {
  font-family: "Montserrat";
}
.skins-section {
  max-width: 950px;
}
.skin-description .more-details {
  max-width: 100%;
}
#createchat input[type="submit"] {
  font-weight: normal;
}
#submit-review {
  max-width: 400px;
  padding: 40px;
  box-sizing: border-box;
  width: 100%;
  border-radius: 10px;
  background-color: #2b2f30;
  color: #fff;
  font-family: "Montserrat";
}
#submit-review .submit-review-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
#submit-review input[type="submit"] {
  background-color: #4db5da;
  color: #fff;
  font-family: "Montserrat-Bold";
  height: 50px;
  max-width: 300px;
  width: 100%;
  border-radius: 10px;
  border: none;
  outline: none;
}
#submit-review form {
  max-width: 250px;
  width: 100%;
}
.my-inventory {
  max-width: max-content;
}
.faq .title {
  max-width: 948px !important;
}
.pager__item.pager__item--last,
.pager__item.pager__item--first {
  width: max-content !important;
  padding-left: 5px;
  padding-right: 5px;
}
.listing .filters .filter-holder {
  max-width: 100%;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--black);
}
#modal-item .details .box-2 .box .text {
  font-family: "Montserrat";
}
.parsley-errors-list.filled {
  font-family: "Montserrat";
  width: 100%;
  text-align: center;
}
header .filter-and-buttons .nav-btn.logged .container-header-small > img {
  border-radius: 50%;
  object-fit: cover;
}
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-action
  .parsley-errors-list.filled {
  margin-top: 10px;
}
#modal-item .showcase .breadcrumbs a {
  font-family: "Montserrat";
}
.views-field.views-field-purchased-entity div > div > div:nth-child(1) {
  display: none;
}
.cart.cart-form .form-actions input[value="Warenkorb aktualisieren"] {
  display: none;
}
.latest-items-section .item .item-desc .details,
.latest-items-section .item .item-desc .condition {
  min-height: 18px;
}
.messaging
  .messaging-wrapper
  aside
  .select2-container--default
  .select2-selection--single {
  display: flex;
  align-items: center;
}
.addtocart article > div > div:first-child {
  display: none;
}
.content_text-addtocart {
  color: #4db5da;
}
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-box
  .message-container.message-sent
  .message,
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-action
  .input-container
  input,
.messaging .messaging-wrapper aside .message-list .message .text {
  color: #fff;
  font-family: "Montserrat";
}
.cart.cart-form .form-actions {
  margin-top: 30px;
}
.messaging .messaging-wrapper aside .message-list .message .text .name {
  font-family: "Montserrat";
  color: #fff;
}
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-box
  .message-container.message-received
  .message,
.messaging
  .messaging-wrapper
  main
  .message-wrapper
  .message-box
  .message-container.message-sent
  .message
  a {
  color: #fff;
  font-family: "Montserrat";
}
.messaging
  .messaging-wrapper
  aside
  .select2-container--default
  .select2-selection--single {
  background-color: rgba(201, 201, 201, 0.07);
  color: #fff;
  font-family: "Montserrat";
}

.messaging
  .messaging-wrapper
  aside
  .select2-container--default
  .select2-selection--single.select2-selection__rendered {
  color: #fff !important;
}
.messaging
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 47% !important;
}
.messaging
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #fff !important;
}
.checkout-order-summary table {
  display: none !important;
}
.customcheckout-checkout .checkout-order-summary .order-total-line,
.customcheckoutreview-checkout .checkout-order-summary .order-total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customcheckout-checkout
  .checkout-order-summary
  .order-total-line
  span:first-child,
.customcheckoutreview-checkout
  .checkout-order-summary
  .order-total-line
  span:first-child {
  text-align: start;
  padding-left: 0;
}
#edit-payment-information-billing-information
  .select2-container--default
  .select2-selection--single,
.customcheckout-checkout .layout-checkout-form .js-form-item input,
.customcheckoutreview-checkout .layout-checkout-form .js-form-item input {
  border: none;
  outline: none;
  border-radius: 20px;
  height: 30px;
  padding-left: 8px;
}
.customcheckout-checkout
  #edit-payment-information-billing-information-edit-button {
  padding-top: 0;
  padding-bottom: 0;
}
#edit-payment-information-billing-information
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0;
}
.register-background form .email-input {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
input {
  font-family: "Montserrat" !important;
}
.col-sm-5.input-container .selected {
  height: 40px;
  overflow-y: auto;
}
.favorites #modal-item {
  background-color: #2b2f30;
}
#modal-item .showcase .quality .float,
#modal-item .showcase .quality .pattern,
#modal-item .details .box span,
#modal-item .details .box label,
#modal-item .modal-content .description .box {
  font-family: "Montserrat" !important;
}
.favorites .listing {
  padding: 0 20px;
}