 * Case Configurator
 */
/*
 * Styles for the case configurator
 *
 * @author  Micha Krapp
 * @version 2.0.0
 * @package megacase
 */
/*
 * Casefactory base styles
 */
.virtualCase {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.lr-casefactory h2 {
  font-size: 1.5em;
}
.lr-casefactory h3 {
  font-size: 1em;
}
.lr-casefactory .lr-prod-socialshare-item-bbcode > div {
  padding: 10px 4px;
}
.lr-casefactory-overview {
  font-family: 'Source Sans Pro', Verdana, Tahoma, Arial, Helvetica;
}
.lr-casefactory-overview-header-text {
  display: table-cell;
  vertical-align: top;
}
.lr-casefactory-overview-header-text h1,
.lr-casefactory-overview-header-text h2 {
  margin: 0;
  padding: 0;
}
.lr-casefactory-overview-header-text h2 {
  font-weight: normal;
}
.lr-casefactory-overview-header-beta {
  position: relative;
  right: 9px;
}
.lr-casefactory-overview-header-image {
  display: table-cell;
  vertical-align: middle;
}
.lr-casefactory-overview-casetypes-types {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 13px;
}
.lr-casefactory-overview-casetypes-type {
  float: left;
  width: 128px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #dad8d2;
  text-align: center;
}
.lr-casefactory-overview-casetypes-type-name {
  display: block;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 8px;
  font-size: 12px;
}
.lr-casefactory-overview-casetypes-type-link {
  text-decoration: none;
}
.lr-casefactory-overview-casetypes-type.big {
  width: 178px;
}
.lr-casefactory-overview-casetypes-type.with-top-border {
  padding-top: 8px;
  border-top: 1px solid #dad8d2;
}
.lr-casefactory-overview-casetypes-active {
  border-bottom: 1px solid #ff6d00;
}
.lr-casefactory-overview-casetypes-active:after {
  content: ' ';
  display: block;
  width: 13px;
  height: 7px;
  background-image: url('/wp-content/plugins/caseconfigurator/src/img/downwards_chevron_active.png');
  position: absolute;
  left: 58px;
  bottom: -7px;
}
.lr-casefactory-overview-variations {
  margin-top: 30px;
}
.lr-casefactory-overview-variations-types {
  display: none;
  width: 640px;
  overflow: hidden;
  position: relative;
}
.lr-casefactory-overview-variations-variations {
  position: relative;
}
.lr-casefactory-overview-variations-active {
  display: block;
}
.lr-casefactory-overview-variations-variation {
  width: 213px !important;
  border: 1px solid #dad8d2;
  float: left;
  text-align: center;
  vertical-align: top;
  padding: 34px 10px 220px 10px;
  border-right: none;
  position: relative;
  font-size: 12px;
}
.lr-casefactory-overview-variations-variation-keyboardcase {
  padding-bottom: 190px;
}
.lr-casefactory-overview-variations-variation:last-child {
  border-right: 1px solid #dad8d2;
}
.lr-casefactory-overview-variations-variation.lr-casefactory-overview-variations-variation-topseller {
  background: #f8f6f0;
}
.lr-casefactory-overview-variations-variation.lr-casefactory-overview-variations-variation-topseller .lr-casefactory-overview-variations-variation-preview-image {
  background: #f8f6f0;
}
.lr-casefactory-overview-variations-variation-topseller-header {
  position: absolute;
  top: 9px;
  right: 0px;
  width: 100%;
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #ff6d00;
  margin-bottom: 15px;
  letter-spacing: -0.2px;
}
.lr-casefactory-overview-variations-variation-name {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.lr-casefactory-overview-variations-variation-name a {
  text-decoration: none;
}
.lr-casefactory-overview-variations-variation-usp {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  height: 40px;
}
.lr-casefactory-overview-variations-variation-preview-image {
  background: #ffffff;
  margin-top: -8px;
}
.lr-casefactory-overview-variations-variation-preview-image img {
  display: inline-block;
}
.lr-casefactory-overview-variations-variation-preview-image a {
  display: block;
  width: 100%;
  text-align: center;
}
.lr-casefactory-overview-variations-variation-bottom-part {
  position: absolute;
  bottom: 10px;
  right: 0px;
  width: 100%;
  padding: 0 10px;
}
.lr-casefactory-overview-variations-variation-bottom-part .lr-button {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  width: 100%;
}
.lr-casefactory-overview-variations-variation-number {
  border-bottom: 1px solid #dad8d2;
  padding: 6px 0px 6px 0px;
  text-align: left;
}
.lr-casefactory-overview-variations-variation-number:first-child {
  border-top: 1px solid #dad8d2;
}
.lr-casefactory-overview-variations-variation-price {
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.2px;
  margin-top: 15px;
}
.lr-casefactory-overview-variations-variation-price-from {
  font-size: 16px;
}
.lr-casefactory-overview-variations-variation-subvariations {
  list-style: none;
  padding: 8px 0px 8px 0px;
  margin: 0;
  border-top: 1px solid #dad8d2;
  border-bottom: 1px solid #dad8d2;
}
.lr-casefactory-overview-variations-variation-subvariations-label {
  position: relative;
  left: 2px;
}
.lr-casefactory-overview-variations-variation-subvariations li {
  margin-bottom: 3px;
}
.lr-casefactory-overview-variations-variation-description-text {
  margin-top: 35px;
}
.lr-casefactory-overview-variations-variation .prod-features {
  text-align: left;
  margin-bottom: 25px;
}
.lr-casefactory-overview-variations-variation .prod-features li span {
  font-size: 12px;
}
.lr-casefactory-overview-variations-variation-description {
  margin: 0px;
}
.lr-casefactory-overview-links {
  margin-top: 30px;
  margin-bottom: 30px;
}
.lr-casefactory-overview-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.lr-casefactory-overview-links-link {
  width: 316px;
  margin-right: 8px;
  float: left;
  margin-bottom: 6px;
}
.lr-casefactory-overview-links-link a {
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  padding: 8px;
}
.lr-casefactory-overview-links-link-image {
  border: 1px solid #dad8d2;
}
.lr-casefactory-overview-links-link-text {
  width: 100%;
  border: 1px solid #dad8d2;
  border-left: none;
  background: #f8f6f0;
}
.lr-casefactory-overview-links-link:nth-child(2n) {
  margin-right: 0px;
}
.lr-casefactory-accessories {
  margin-top: 35px;
}
.lr-casefactory-accessories .lr-carousel-container {
  border-bottom: 1px solid #dad8d2;
  border-top: 1px solid #dad8d2;
  margin-bottom: 35px;
}
.lr-casefactory-stage * {
  font-family: 'Source Sans Pro', Verdana, Tahoma, Arial, Helvetica;
}
.lr-casefactory-stage-3dview {
  text-align: center;
  position: relative;
  padding-top: 67.96%;
}
.lr-casefactory-stage-3dview.nowebgl .lr-casefactory-stage-controls-position-default {
  display: none;
}
.lr-casefactory-stage-3dview-loading {
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 12;
  display: none;
}
.lr-casefactory-stage-3dview-fallback {
  background: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 13;
  display: none;
}
.lr-casefactory-stage-3dview.fallback .lr-casefactory-stage-3dview-fallback {
  display: block;
}
.lr-casefactory-stage-3dview canvas {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.lr-casefactory-stage .lr-carousel-container {
  border-top: none;
  margin-bottom: 35px;
}
.lr-casefactory-stage .lr-carousel-container .lr-seamless-article {
  padding-bottom: 5px !important;
}
.lr-casefactory-stage-headline {
  border-bottom: 1px solid #dad8d2;
  padding-bottom: 5px;
}
.lr-casefactory-stage-case {
  margin-bottom: 35px;
}
.lr-casefactory-stage-case.virtualCase .lr-casefactory-stage-case-values {
  display: none;
}
.lr-casefactory-stage-case.virtualCase .lr-casefactory-stage-case-novalues {
  display: block;
}
.lr-casefactory-stage-case-values {
  width: 100%;
}
@media (max-width: 767px) {
  .lr-casefactory-stage-case-values tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
.lr-casefactory-stage-case-novalues {
  border: 1px solid #dad8d2;
  display: none;
  height: 138px;
  text-align: center;
  line-height: 133px;
  padding-bottom: 5px;
  vertical-align: middle;
}
.lr-casefactory-stage-case-value {
  vertical-align: top;
  padding: 8px;
}
.lr-casefactory-stage-case-value-description {
  padding: 8px;
  width: 62%;
}
@media (max-width: 767px) {
  .lr-casefactory-stage-case-value-description {
    font-weight: 700;
    width: 100%;
  }
}
.lr-casefactory-stage-case-value-description-edge {
  font-size: 11px;
}
.lr-casefactory-stage-controls {
  margin: 15px 0 9px 0;
  line-height: 54px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.lr-casefactory-stage-controls-positions {
  overflow: visible;
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}
.lr-casefactory-stage-controls .icon {
  background-image: url('/wp-content/plugins/caseconfigurator/src/img/sprite.min.png');
  display: inline-block;
}
.lr-casefactory-stage-controls-position {
  display: inline-block;
  vertical-align: middle;
  width: 45px;
  padding-top: 3px;
  border: 1px solid #D9D7C9;
  cursor: pointer;
  text-align: center;
  margin: 0 1.5px 0 0;
  position: relative;
  overflow: visible;
  height: 43px;
}
.lr-casefactory-stage-controls-position .icon {
  width: 27px;
  height: 27px;
  margin: 4px;
}
.lr-casefactory-stage-controls-position-default .icon {
  background-position: 0 -165px;
}
.lr-casefactory-stage-controls-position-front .icon {
  background-position: 0 -192px;
}
.lr-casefactory-stage-controls-position-right .icon {
  background-position: 0 -219px;
}
.lr-casefactory-stage-controls-position-back .icon {
  background-position: 0 -111px;
}
.lr-casefactory-stage-controls-position-left .icon {
  background-position: 0 -84px;
}
.lr-casefactory-stage-controls-position-top .icon {
  background-position: 0 -138px;
}
.lr-casefactory-stage-controls-position:hover:before {
  background: #ff6d00;
  content: " ";
  display: block;
  position: absolute;
  top: -3px;
  left: -1px;
  width: 45px;
  height: 3px;
}
.lr-casefactory-stage-controls-position.active:before {
  background: #b0b0b0;
  content: " ";
  display: block;
  position: absolute;
  top: -3px;
  left: -1px;
  width: 45px;
  height: 3px;
}
.lr-casefactory-stage-controls-position img {
  background: #fff;
  padding: 4px;
}
.lr-casefactory-stage-controls-zoom {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  font-size: 28px;
}
.lr-casefactory-stage-controls-zoom:before {
  content: '';
  background: none;
}
.lr-casefactory-stage-controls-zoom-control {
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  margin: 0 2px 0 0;
  cursor: pointer;
}
.lr-casefactory-stage-controls-zoom-control i {
  height: 28px;
  width: 28px;
  color: #A9A89A;
}
.lr-casefactory-stage-controls-zoom-control .popup-container {
  display: block;
  vertical-align: middle;
}
.lr-casefactory-stage-controls-zoom-control .popup-container i {
  vertical-align: baseline;
}
.lr-casefactory-stage-controls-zoom-control .popup-container .tr-tooltip {
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
}
.lr-casefactory-stage-controls-zoom-help {
  display: inline-block;
  vertical-align: middle;
}
.lr-casefactory-stage-controls-zoom-help .tr-tooltip {
  width: 210px;
  font-size: 12px;
}
.lr-casefactory-stage-controls-zoom-help .tr-tooltip-text {
  font-size: 28px;
}
.lr-casefactory-stage-controls-zoom-help .tr-tooltip-text i {
  display: inline-block;
  vertical-align: middle;
}
.lr-casefactory-stage-controls-zoom-in .icon {
  height: 28px;
  width: 28px;
  vertical-align: middle;
  background-position: 0 -302px;
}
.lr-casefactory-stage-controls-zoom-in .icon:active {
  background-position: 0 -246px;
}
.lr-casefactory-stage-controls-zoom-in .icon:hover {
  background-position: 0 -274px;
}
.lr-casefactory-stage-controls-zoom-out .icon {
  height: 28px;
  width: 28px;
  vertical-align: middle;
  background-position: 0 -386px;
}
.lr-casefactory-stage-controls-zoom-out .icon:active {
  background-position: 0 -330px;
}
.lr-casefactory-stage-controls-zoom-out .icon:hover {
  background-position: 0 -358px;
}
.lr-casefactory-stage-controls .stage-controls {
  position: relative;
  margin-right: 5px;
}
.lr-casefactory-stage-controls .stage-controls button {
  position: relative;
  margin: 0;
  padding: 3px;
  color: #A9A89A;
}
.lr-casefactory-stage-controls .stage-controls button:hover .lr-casefactory-stage-controls-positions {
  display: -ms-flexbox;
  display: flex;
}
.lr-casefactory-stage-controls .stage-controls button .lr-casefactory-stage-controls-positions {
  display: none;
  -ms-flex-direction: column;
      flex-direction: column;
  float: none;
  position: absolute;
  left: -1px;
  bottom: 44px;
}
.lr-casefactory-stage-controls .stage-controls button .lr-casefactory-stage-controls-positions .lr-casefactory-stage-controls-position {
  margin: 4px 0 0 0;
}
.lr-casefactory-choices {
  line-height: normal;
}
.lr-casefactory-choices-customkeyboard {
  width: 100%;
  box-sizing: border-box;
}
.lr-casefactory-choices-reset-button {
  width: 100%;
  margin-top: 10px;
}
.lr-casefactory-choices-reset-button a {
  display: block;
  text-align: right;
}
.lr-casefactory-choices-alert {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.lr-casefactory-choices-alert:last-child {
  border-bottom: 1px solid #dad8d2;
}
.lr-casefactory-choices-attention {
  font-style: italic;
}
.lr-casefactory-choices-keyboardcases {
  font-size: 11px;
  margin-top: 11px;
  padding-top: 6px;
  border-top: 1px solid #dad8d2;
}
.lr-casefactory-choices-keyboardcases-notfound {
  text-decoration: underline;
  cursor: pointer;
}
.lr-casefactory-choices-keyboardcases-notfound:hover {
  color: #ff6d00;
}
.lr-casefactory-choices-exterior {
  font-size: 11px;
}
.lr-casefactory-choices-sliders label {
  font-size: 0.8em;
  font-weight: normal;
}
.lr-casefactory-choices-sliders input {
  background: #f5f5f5;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  width: 68px;
  padding: 2px 5px;
  margin-right: 5px;
  line-height: normal;
}
.lr-casefactory-choices-sliders-dimensions {
  border: 1px solid #DBD9D4;
  padding: 10px;
  position: relative;
}
.lr-casefactory-choices-sliders-dimensions.open > * {
  display: block;
}
.lr-casefactory-choices-sliders-dimensions.open h3 {
  margin-bottom: 30px;
}
.lr-casefactory-choices-sliders-dimensions.open h3::after {
  font-weight: normal;
  vertical-align: -15%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: "\f068";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lr-casefactory-choices-sliders-dimensions.open h3::after.fa-pull-left {
  margin-right: .3em;
}
.lr-casefactory-choices-sliders-dimensions.open h3::after.fa-pull-right {
  margin-left: .3em;
}
.lr-casefactory-choices-sliders-dimensions h3 {
  display: block;
  margin: 0;
  padding: 7px 0;
  cursor: pointer;
  position: relative;
  clear: none;
}
.lr-casefactory-choices-sliders-dimensions h3::after {
  font-weight: normal;
  vertical-align: -15%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: "\f067";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lr-casefactory-choices-sliders-dimensions h3::after.fa-pull-left {
  margin-right: .3em;
}
.lr-casefactory-choices-sliders-dimensions h3::after.fa-pull-right {
  margin-left: .3em;
}
.lr-casefactory-choices-sliders-dimensions p {
  margin-top: 0px;
}
.lr-casefactory-choices-sliders-dimensions-validation {
  display: none;
}
.lr-casefactory-choices-sliders-dimensions-slider {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
.lr-casefactory-choices-sliders-dimensions-slider-line {
  height: 25px;
  margin: 5px 0 15px;
  -ms-flex-preferred-size: 95%;
      flex-basis: 95%;
}
.lr-casefactory-choices-sliders-dimensions-slider.lr-casefactory-choices-sliders-dimensions-slider-error .lr-casefactory-choices-sliders-dimensions-validation {
  display: block;
  color: red;
  font-size: 10px;
  text-align: right;
  margin-top: 5px;
}
.lr-casefactory-choices-sliders-dimensions-slider.lr-casefactory-choices-sliders-dimensions-slider-error .lr-casefactory-choices-input,
.lr-casefactory-choices-sliders-dimensions-slider.lr-casefactory-choices-sliders-dimensions-slider-error .lr-casefactory-choices-input:focus {
  border: 1px solid red;
  outline: none;
}
.lr-casefactory-choices-sliders-dimensions-unit {
  cursor: pointer;
  text-decoration: none;
  color: #adadad;
  border-bottom: 1px solid #adadad;
  display: inline-block;
}
.lr-casefactory-choices-sliders-dimensions-unit:hover {
  color: #ff6d00;
  text-decoration: none;
  border-bottom: 1px solid #ff6d00;
}
.lr-casefactory-choices-sliders-dimensions-unit-active {
  color: #272727;
  border-bottom: 1px solid #272727;
  display: none;
}
.lr-casefactory-choices-sliders-dimensions-unit-active:hover {
  cursor: default;
  color: #272727;
  border-bottom: 1px solid #272727;
}
.lr-casefactory-choices-sliders-dimensions-unit-selector {
  position: absolute;
  z-index: 1;
  top: 8px;
  right: 15px;
}
.lr-casefactory-choices-sliders-dimensions-dimension-input {
  color: #333;
  font-family: 'Source Sans Pro', Verdana, Tahoma, Arial, Helvetica;
  margin-left: auto;
  font-size: 0.8em;
}
.lr-casefactory-choices-sliders-dimensions-dimension-unit {
  pointer-events: none;
}
.lr-casefactory-choices-sliders-dimensions-dimension-select {
  margin-bottom: 8px;
}
.lr-casefactory-choices-color-picker {
  margin-top: 10px;
  border: 1px solid #DBD9D4;
  padding: 10px;
}
.lr-casefactory-choices-color-picker.open > * {
  display: block;
}
.lr-casefactory-choices-color-picker.open h3::after {
  font-weight: normal;
  vertical-align: -15%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: "\f068";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lr-casefactory-choices-color-picker.open h3::after.fa-pull-left {
  margin-right: .3em;
}
.lr-casefactory-choices-color-picker.open h3::after.fa-pull-right {
  margin-left: .3em;
}
.lr-casefactory-choices-color-picker.open h3 > br {
  display: block;
}
.lr-casefactory-choices-color-picker h3 {
  display: block;
  margin: 0;
  padding: 7px 0;
  cursor: pointer;
  position: relative;
  clear: none;
}
.lr-casefactory-choices-color-picker h3::after {
  font-weight: normal;
  vertical-align: -15%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: "\f067";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lr-casefactory-choices-color-picker h3::after.fa-pull-left {
  margin-right: .3em;
}
.lr-casefactory-choices-color-picker h3::after.fa-pull-right {
  margin-left: .3em;
}
.lr-casefactory-choices-color-picker h3 > br {
  display: none;
}
.lr-casefactory-choices-color-picker-explaination {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 12px;
  line-height: 16px;
}
.lr-casefactory-choices-color-picker-colors-color {
  box-sizing: border-box;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-bottom: 5.5px;
  margin-right: 5.5px;
  position: relative;
}
.lr-casefactory-choices-color-picker-colors-color:nth-child(7n) {
  /* margin-right: 0; */
}
.lr-casefactory-choices-color-picker-colors-color:hover {
  cursor: pointer;
  border: 2px solid #808080;
}
.lr-casefactory-choices-color-picker-colors-color-active {
  border: 2px solid #020202;
}
.lr-casefactory-choices-color-picker-colors-color-active:before {
  content: "";
  height: 9px;
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  background: url('/wp-content/plugins/caseconfigurator/src/img/sprite.min.png') 0 -428px;
}
.lr-casefactory-choices-color-picker-colors-color-active:hover {
  cursor: default;
  border: 2px solid #020202;
}
.lr-casefactory-choices-part-picker-part {
  border: 1px solid darkgrey;
  border-top: none;
  position: relative;
}
.lr-casefactory-choices-part-picker-part:last-child {
  margin-bottom: 8px;
}
.lr-casefactory-choices-part-picker-part:first-child {
  border-top: 1px solid darkgrey;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.lr-casefactory-choices-part-picker-part-input {
  margin-top: 2px;
}
.lr-casefactory-choices-part-picker-part-input[type=checkbox] {
  margin-right: 4px;
}
.lr-casefactory-choices-part-picker-part-name {
  font-weight: bold;
  margin-bottom: 8px;
  padding: 6px;
  font-size: 11px;
  position: relative;
  display: block;
}
.lr-casefactory-choices-part-picker-part-image {
  max-width: 60px;
  max-height: 60px;
  margin-left: 8px;
}
.lr-casefactory-choices-part-picker-part-image-label {
  position: absolute;
  right: 6px;
  top: 6px;
  display: block;
}
.lr-casefactory-choices-part-picker-part-text-label {
  position: absolute;
  top: 7px;
  width: 130px;
  display: block;
  padding-left: 18px;
  cursor: pointer;
}
.lr-casefactory-choices-part-picker-part-description {
  background: #faf9f7;
  padding: 6px;
  margin-bottom: 0px;
  font-size: 10px;
  margin-top: 24px;
}
.lr-casefactory-choices-options-option {
  width: 100%;
  padding-bottom: 8px;
  font-size: 13px;
}
.lr-casefactory-choices-keyboard-select label {
  display: block;
  margin: 7px 0 2px 0;
  font-style: normal;
  height: auto;
}
.lr-casefactory-calltoaction .tr-prod-pricebox {
  padding-left: 0;
}
.lr-casefactory-calltoaction .tr-prod-pricebox .tr-default-border-button {
  border: 1px solid #b7b4ae !important;
}
.lr-casefactory-calltoaction .tr-prod-pricebox .tr-prod-price .tr-price-primary {
  font-family: 'Source Sans Pro', Verdana, Tahoma, Arial, Helvetica;
  font-size: 40px;
  font-weight: bold;
}
.lr-casefactory-calltoaction .tr-prod-pricebox .tr-prod-price .tr-price-notice {
  font-size: 15px;
}
.lr-casefactory-calltoaction .tr-prod-pricebox .tr-prod-action .lr-casefactory-basket-edit-button {
  width: 100%;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-top: 2px;
  font-weight: normal;
  height: auto;
  border: 1px solid #b7b4ae;
  font-size: 15px;
}
.lr-casefactory-calltoaction .tr-prod-pricebox .tr-prod-action button {
  width: 183px;
  font-size: 18px;
  font-family: 'Source Sans Pro', Verdana, Tahoma, Arial, Helvetica;
}
.lr-casefactory-calltoaction .tr-prod-pricebox .tr-prod-action input {
  box-sizing: content-box;
}
.lr-casefactory-calltoaction .tr-tooltip {
  text-align: left;
}
.lr-casefactory-calltoaction.virtualCase {
  opacity: 0.3;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.lr-casefactory .rangeslider.horizontal .rangeslider-handle {
  position: relative;
  cursor: default;
}
.lr-casefactory .rangeslider.horizontal .rangeslider-rail {
  background: #d4d0c4;
  width: 100%;
  height: 2px;
  position: relative;
  top: 11px;
}
.lr-casefactory .rangeslider.horizontal .rangeslider-bar {
  background: #ff6d00;
  height: 100%;
}
.lr-casefactory .rangeslider.horizontal .rangeslider-handle:after {
  content: "";
  border: none;
  box-shadow: none;
  background: transparent url('/wp-content/plugins/caseconfigurator/src/img/sprite_slider_handlebars.png') no-repeat;
  cursor: pointer;
  width: 19px;
  height: 19px;
  display: inline-block;
}
.lr-casefactory .rangeslider.horizontal .rangeslider-handle:hover:before {
  background-position: -19px 0;
}
.lr-casefactory .rangeslider.horizontal .rangeslider-handle.grabbed:before {
  background-position: -38px 0;
}
.lr-casefactory .lr-components-accordion-tab {
  border: 1px solid #DBD9D4;
  padding: 10px;
  margin-top: 10px;
}
.lr-casefactory .lr-components-accordion-tab h3 {
  margin: 0;
  padding: 7px 0;
  cursor: pointer;
  position: relative;
}
.lr-casefactory .lr-components-accordion-tab h3::after {
  font-weight: normal;
  vertical-align: -15%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: "\f067";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lr-casefactory .lr-components-accordion-tab h3::after.fa-pull-left {
  margin-right: .3em;
}
.lr-casefactory .lr-components-accordion-tab h3::after.fa-pull-right {
  margin-left: .3em;
}
.lr-casefactory .lr-components-accordion-tab h3.open::after {
  font-weight: normal;
  vertical-align: -15%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: "\f068";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lr-casefactory .lr-components-accordion-tab h3.open::after.fa-pull-left {
  margin-right: .3em;
}
.lr-casefactory .lr-components-accordion-tab h3.open::after.fa-pull-right {
  margin-left: .3em;
}
.lr-page-cs .lr-casefactory-overview-casetypes-type-name {
  font-size: 11px;
}
/*
 * Casefactory icon styles
 */
/*
 * Drag-Slider / Rangeslider styles
 */
.rangeslider {
  display: inline-block;
  position: relative;
}
.rangeslider.horizontal {
  width: 100%;
}
.rangeslider.horizontal .rangeslider-handle {
  display: inline-block;
}
.rangeslider.horizontal .rangeslider-bar {
  height: 100%;
}
.rangeslider.horizontal .rangeslider-rail {
  top: 16px;
  width: 100%;
}
.rangeslider.horizontal .rangeslider-waypoint:before,
.rangeslider.horizontal .rangeslider-waypoint:after {
  width: 1px;
}
.rangeslider.vertical {
  height: 100%;
}
.rangeslider.vertical .rangeslider-handle {
  display: block;
}
.rangeslider.vertical .rangeslider-bar {
  width: 100%;
}
.rangeslider.vertical .rangeslider-rail {
  left: 16px;
  height: 100%;
}
.rangeslider.vertical .rangeslider-waypoint:before,
.rangeslider.vertical .rangeslider-waypoint:after {
  height: 1px;
}
.rangeslider.horizontal .rangeslider-rail {
  height: 4px;
}
.rangeslider.horizontal .rangeslider-waypoint {
  top: 2px;
}
.rangeslider.horizontal .rangeslider-waypoint:before,
.rangeslider.horizontal .rangeslider-waypoint:after {
  width: 1px;
  height: 3px;
}
.rangeslider.horizontal .rangeslider-waypoint:before {
  bottom: 5px;
}
.rangeslider.horizontal .rangeslider-waypoint:after {
  top: 5px;
}
.rangeslider.vertical .rangeslider-rail {
  width: 4px;
}
.rangeslider.vertical .rangeslider-waypoint {
  left: 2px;
}
.rangeslider.vertical .rangeslider-waypoint:before,
.rangeslider.vertical .rangeslider-waypoint:after {
  height: 1px;
  width: 3px;
}
.rangeslider.vertical .rangeslider-waypoint:before {
  left: 5px;
}
.rangeslider.vertical .rangeslider-waypoint:after {
  right: 5px;
}
.rangeslider-handle {
  position: relative;
  cursor: pointer;
}
.rangeslider-handle:after {
  display: inline-block;
  content: " ";
  width: 20px;
  height: 35px;
}
.rangeslider-bar {
  position: absolute;
  background-color: rgba(136, 113, 90, 0.2);
}
.rangeslider-rail {
  position: absolute;
  background-color: rgba(113, 113, 113, 0.1);
}
.rangeslider-waypoint {
  position: relative;
}
.rangeslider-waypoint:before,
.rangeslider-waypoint:after {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
/*
 * Select styles
 */
.lr-components-select {
  position: relative;
}
.lr-components-select .dropdown {
  position: absolute;
  top: 100%;
  background: white;
  z-index: 100;
  overflow-x: hidden;
}
.lr-components-select .option.active,
.lr-components-select .option.callToAction {
  padding-right: 21px;
}
.lr-components-select .option {
  cursor: pointer;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lr-components-select .select-toggle {
  position: absolute;
  right: 0;
  height: 100%;
  width: 21px;
  cursor: pointer;
}
.lr-components-select.lr-style {
  width: 208px;
  background-color: #F9F9F9;
  border: 1px solid #b7b4ae;
  border-radius: 2px;
}
.lr-components-select.lr-style .option {
  text-indent: 5px;
  line-height: 22px;
}
.lr-components-select.lr-style .option:hover {
  color: #ff6d00;
}
.lr-components-select.lr-style .option.selected {
  background-color: #F6F4F0;
}
.lr-components-select.lr-style .option.active,
.lr-components-select.lr-style .option.callToAction {
  line-height: 27px;
}
.lr-components-select.lr-style .dropdown {
  max-height: 170px;
  left: -1px;
  min-width: calc(100% + 2px);
  max-width: 400px;
  background-color: #fff;
  border: 1px solid #b7b4ae;
  overflow-y: auto;
}
.lr-components-select.lr-style .select-toggle {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 100%;
  background-color: #F6F4F0;
  border-left: 1px solid #b7b4ae;
}
.lr-components-select.lr-style .select-toggle:before {
  content: "";
  display: block;
  position: absolute;
  background: url('/wp-content/plugins/caseconfigurator/src/img/sprite_comparebox.png?m=1468925986') no-repeat -80px -7px;
  width: 9px;
  height: 6px;
  right: 6px;
  bottom: 9px;
}
.lr-components-select.lr-style .select-toggle:hover {
  background-color: #FFF;
}
/*
 * Tooltip and popup styles
 */
.popup-container {
  position: relative;
  display: inline-block;
}
.popup-container i {
  display: inline-block;
  margin-left: 4px;
  vertical-align: bottom;
}
.popup-container i:hover + .tr-tooltip {
  display: block;
}
.popup-container .tr-tooltip {
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
}
.disabled .popup-container i + .tr-tooltip {
  display: none;
}
.tr-tooltip,
.tr-layover {
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  font-size: 13px;
  font-weight: normal;
  cursor: default;
  display: none;
  text-align: left;
  padding: 8px 10px;
  position: absolute;
  width: 160px;
  line-height: 140%;
  z-index: 998;
}
.tr-tooltip .tr-button,
.tr-layover .tr-button,
.tr-tooltip .lr-button,
.tr-layover .lr-button {
  font-size: 13px;
}
.tr-tooltip .tr-icon-overlay-close,
.tr-layover .tr-icon-overlay-close {
  background: url('/wp-content/plugins/caseconfigurator/src/img/sprite_main_icons.png') 54px -93px;
  height: 13px;
  width: 13px;
}
.tr-tooltip .tr-icon-overlay-close:hover,
.tr-layover .tr-icon-overlay-close:hover {
  background: url('/wp-content/plugins/caseconfigurator/src/img/sprite_main_icons.png') 54px -80px;
}
.tr-tooltip a,
.tr-layover a {
  text-decoration: underline;
}
.tr-tooltip a:hover,
.tr-layover a:hover {
  color: #01a3d4;
  text-decoration: none;
}
.tr-tooltip a:active,
.tr-layover a:active {
  text-decoration: underline;
}
.tr-tooltip a.tr-button,
.tr-layover a.tr-button {
  text-decoration: none;
  width: auto;
}
.tr-tooltip a.tr-button:hover,
.tr-layover a.tr-button:hover,
.tr-tooltip a.tr-button:active,
.tr-layover a.tr-button:active {
  text-decoration: none;
}
.tr-tooltip .tr-tooltip-headline,
.tr-layover .tr-tooltip-headline {
  color: #272727;
  display: block;
  margin-bottom: 4px;
}
.tr-tooltip .tr-layover-close,
.tr-layover .tr-layover-close {
  position: absolute;
  top: 9px;
  right: 10px;
  cursor: pointer;
}
.tr-tooltip:before,
.tr-layover:before,
.tr-tooltip:after,
.tr-layover:after {
  content: "";
  display: block;
  border: 8px solid transparent;
  border-top: 8px solid #c1c1c1;
  width: 0;
  height: 0;
  position: absolute;
  background: transparent;
  bottom: -16px;
  left: 50%;
  margin-left: -7px;
}
.tr-tooltip:after,
.tr-layover:after {
  bottom: -15px;
  border-top: 8px solid #fff;
}
.tr-tooltip-bottom:before,
.tr-layover-bottom:before {
  border: 8px solid transparent;
  border-bottom: 8px solid #c1c1c1;
  bottom: auto;
  top: -16px;
}
.tr-tooltip-bottom:after,
.tr-layover-bottom:after {
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  bottom: auto;
  top: -15px;
}
.tr-tooltip-left:before,
.tr-layover-left:before,
.tr-tooltip-left:after,
.tr-layover-left:after,
.tr-tooltip-right:before,
.tr-layover-right:before,
.tr-tooltip-right:after,
.tr-layover-right:after {
  border: 8px solid transparent;
  bottom: 50%;
  left: auto;
  right: auto;
  margin-bottom: -7px;
  margin-left: 0;
}
.tr-tooltip-left:before,
.tr-layover-left:before {
  border-left: 8px solid #c1c1c1;
  right: -16px;
}
.tr-tooltip-left:after,
.tr-layover-left:after {
  border-left: 8px solid #fff;
  right: -15px;
}
.tr-tooltip-right:before,
.tr-layover-right:before {
  border-right: 8px solid #c1c1c1;
  left: -16px;
}
.tr-tooltip-right:after,
.tr-layover-right:after {
  border-right: 8px solid #fff;
  left: -15px;
}
.tr-tooltip-active {
  z-index: 999 !important;
}
.tr-layover-trigger.tr-layover-workaround {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}
.tr-layover-trigger.tr-layover-workaround .tr-layover-workaround-content {
  z-index: 1000;
}
.tr-layover-trigger.tr-layover-workaround > a {
  display: block;
  height: 100%;
}
.tr-layover-workaround-content {
  top: 0;
  left: 0;
  opacity: 1;
  width: 250px;
}
.tr-layover-container-absolute {
  position: absolute;
  top: 77px;
  left: 105px;
}
.tr-layover {
  width: 250px;
}
.tr-layover strong {
  color: #272727;
}
.tr-layover .tr-prod-availability-headline-wvfampel_gruen,
.tr-layover .tr-prod-availability-headline-wvfampel_IN_STOCK {
  color: #479612;
}
.tr-layover .tr-prod-availability-headline-wvfampel_gruengelb,
.tr-layover .tr-prod-availability-headline-wvfampel_SHORT_TERM {
  color: #272727;
}
.tr-layover .tr-prod-availability-headline-wvfampel_gelb,
.tr-layover .tr-prod-availability-headline-wvfampel_ON_DATE {
  color: #cb9b06;
}
.tr-layover .tr-prod-availability-headline-wvfampel_orange,
.tr-layover .tr-prod-availability-headline-wvfampel_MID_TERM {
  color: #ee562f;
}
.tr-layover .tr-prod-availability-headline-wvfampel_rot,
.tr-layover .tr-prod-availability-headline-wvfampel_NOT_YET_AVAILABLE {
  color: #e20909;
}
.tr-layover .tr-prod-availability-headline-wvfampel_grau {
  color: #272727;
}
.tr-layover a {
  text-decoration: underline;
}
.tr-layover p {
  margin: 5px 0;
}
/*
 * Case Configurator Theme styles
 */
#caseconfigurator {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #caseconfigurator {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 1fr auto;
        grid-template-rows: auto 1fr auto;
    grid-column-gap: 10px;
  }
}
#caseconfigurator.active .loading {
  display: none;
}
#caseconfigurator.active .caseworld,
#caseconfigurator.active .casefactory {
  display: block;
}
#caseconfigurator .caseworld,
#caseconfigurator .casefactory {
  display: none;
}
#caseconfigurator .loading {
  padding: 20px;
  text-align: center;
  -ms-grid-row-span: 1;
  -ms-grid-row: 1;
      grid-row: 1 / span 1;
  -ms-grid-column-span: 2;
  -ms-grid-column: 1;
      grid-column: 1 / span 2;
}
#caseconfigurator .images {
  width: 100%;
  float: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #caseconfigurator .images {
    -ms-grid-row-span: 1;
    -ms-grid-row: 2;
        grid-row: 2 / span 1;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
        grid-column: 1 / span 1;
  }
}
@media (min-width: 1024px) {
  #caseconfigurator .images {
    -ms-grid-row-span: 2;
    -ms-grid-row: 2;
        grid-row: 2 / span 2;
    -ms-grid-column-span: 1;
    -ms-grid-column: 1;
        grid-column: 1 / span 1;
  }
}
#caseconfigurator .entry-summary {
  width: 100%;
  float: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #caseconfigurator .entry-summary {
    -ms-grid-row-span: 1;
    -ms-grid-row: 2;
        grid-row: 2 / span 1;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
        grid-column: 2 / span 1;
  }
}
@media (min-width: 1024px) {
  #caseconfigurator .entry-summary {
    -ms-grid-row-span: 1;
    -ms-grid-row: 2;
        grid-row: 2 / span 1;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
        grid-column: 2 / span 1;
  }
}
#caseconfigurator .product-summary {
  float: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  #caseconfigurator .product-summary {
    -ms-grid-row-span: 1;
    -ms-grid-row: 3;
        grid-row: 3 / span 1;
    -ms-grid-column-span: 2;
    -ms-grid-column: 1;
        grid-column: 1 / span 2;
  }
}
@media (min-width: 1024px) {
  #caseconfigurator .product-summary {
    -ms-grid-row-span: 1;
    -ms-grid-row: 3;
        grid-row: 3 / span 1;
    -ms-grid-column-span: 1;
    -ms-grid-column: 2;
        grid-column: 2 / span 1;
  }
}
strong.open.lr-sidebar-accordion-block-title.headline .rs-icon-plus {
  display: none;
}
strong.open.lr-sidebar-accordion-block-title.headline .rs-icon-minus {
  display: block;
}
.lr-casefactory-choices-part-picker.part-picker {
  margin-top: 15px;
}
svg.rs-icon {
  width: 15px;
  height: 15px;
}
svg.rs-icon.rs-icon-minus,
svg.rs-icon.rs-icon-haken {
  display: none;
}
.lr-components-accordion-tab .open.headline svg.rs-icon.rs-icon-minus {
  display: block;
}
.lr-components-accordion-tab .open.headline svg.rs-icon.rs-icon-plus {
  display: none;
}
.lr-sidebar-box.lr-casefactory-choices.choices.sidebar-box div:not(:nth-child(2)) strong {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.lr-casefactory-choices-sliders.sliders {
  display: block !important;
  margin-top: 15px;
}
/**
