/* Additional Stylesheet for https://www.beyerdynamic.de/dt990-manufaktur.html */

/* TEMP BW-6133 */
/*.configurationPartContainer.endpieceContainer{
  opacity: 0!important;
}*/

/* UVP */
/*#modelContainer .price:before{
    content: "249 €";
    display: inline;
    text-decoration: line-through;
    margin-right: 10px;
}*/
/* Icons ändern */

#menuContainer .buttonContainer.deleteButton .icon {
  background-image: url(https://www.beyerdynamic.de/media/manufaktur/img/icons/delete_white.svg);
}
#menuContainer .buttonContainer.deleteButton:hover .icon {
  background-image: url(https://www.beyerdynamic.de/media/manufaktur/img/icons/delete_orange.svg);
}
#menuContainer .buttonContainer.shareButton .icon {
  background-image: url(https://www.beyerdynamic.de/media/manufaktur/img/icons/share_white.svg);
}
#menuContainer .buttonContainer.shareButton:hover .icon {
  background-image: url(https://www.beyerdynamic.de/media/manufaktur/img/icons/share_orange.svg);
}
#menuContainer .buttonContainer.quitButton .icon {
  background-image: url(https://www.beyerdynamic.de/media/manufaktur/img/icons/close_white.svg);
}
#menuContainer .buttonContainer.quitButton:hover .icon {
  background-image: url(https://www.beyerdynamic.de/media/manufaktur/img/icons/close_orange.svg);
}
.sharePopUpContainer .iconsContainer .icon,
#menuContainer .buttonContainer .icon {
  width: 45px;
  height: 45px;
}
#menuContainer .buttonContainer .tooltip {
  font-size: 16px;
  bottom: -25px;
}
#menuContainer .buttonContainer:hover {
  color: #ff5900;
}

/* CTA Schriftart */
#modelContainer .basketButton,
#mobilModelContainer .continueButton,
#backButton {
  font-family: "MontBold";
}

#modelContainer .modelName {
  color: white;
}
#sumupContainer .sumupSubContainer .titleContainer {
  color: #ff5900;
}
#sumupContainer .sumupSubContainer .totalPriceContainer {
  color: #ff5900;
}
#sumupContainer .returnButton {
  color: #ff5900;
}

/* Schriftart */
#modelContainer .continueButton {
  font-family: "MontBold";
}

/* SPECIALDEALS POPUP */
#specialDealPopUp .title {
  font-family: MontBold;
  font-size: 19px;
  color: #ff5900;
}
#specialDealPopUp .text {
  font-size: 14px;
}
#specialDealPopUp .text i {
  color: #ff5900;
  font-style: normal;
  user-select: text;
  -moz-user-select: text;
  line-height: 33px;
}
#specialDealPopUp .text foo {
  font-size: 11px;
}
#specialDealPopUp .text b {
  font-family: MontBold;
  font-weight: normal;
  font-size: 18px;
}
#specialDealPopUp .quitButton {
  width: 20px;
  height: 20px;
}
/* Text unter den Icons näher ranrücken */
#configuratorContainer
  .configurationPartContainer
  .configurationPartContainerTitle {
  bottom: -8px;
}
@media (min-width: 0px) and (max-width: 499px) {
  #specialDealPopUp {
    top: 150px;
  }
  #specialDealPopUp .quitButton {
    width: 25px;
    height: 25px;
  }
  .sharePopUpContainer .iconsContainer .icon,
  #menuContainer .buttonContainer .icon {
    width: 35px;
    height: 35px;
  }
}

@media screen and (min-width: 801px) {
  /* Fix: Abstand bei Rabattierung zu gering */
  #modelContainer .sumContainer .text {
    display: block;
    margin-bottom: 0px;
  }
  .sumContainer .modelPrice {
    margin-bottom: 5px;
  }
}

/* Mobil die Icon-Pfeile entfernen */
@media screen and (max-width: 800px) {
  #configuratorContainer .leftArrow {
    display: none !important;
  }
  #configuratorContainer .rightArrow {
    display: none !important;
  }
  #configuratorContainer .configuratorSubContainer {
    left: 0;
    width: 100%;
  }
  #configuratorContainer .configurationPartContainer > .icon {
    width: 60px;
    height: 60px;
  }
  #configuratorContainer .configurationPartContainer {
    width: 60px;
    margin: 0px 5px !important;
  }

  /* Mobilnavigation Abstände https://app.asana.com/0/0/1200104840445945/f */
  #modelContainer {
    height: 78px;
    padding-left: 8px;
  }
  #configuratorContainer {
    border-bottom: none;
  }
  #modelContainer .continueButton {
    right: 8px;
  }
  #deliveryCondition {
    bottom: 0;
    right: 10px;
  }
  #bottomContainer .viewsContainer {
    display: none;
  }
  #modelContainer .sumContainer .text {
    display: none;
  }
  #modelContainer .sumContainer .modelPrice {
    margin-left: 0px;
  }
}