@charset "UTF-8";
h2 {
  font-size: 25px;
  line-height: 28px;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
}

h3 {
  font-size: 18px;
  line-height: 22px;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.colorblackgrey {
  color: #666;
}
.colorblackgrey a {
  color: #666;
}

.textlight {
  font-family: azo-sans-web, sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

html, body {
  margin: 0px;
  padding: 0px 0 100px 0;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #191919;
  background: #ffffff;
  background-color: #ffffff;
  -webkit-text-size-adjust: none;
  moz-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.trans {
  opacity: 0;
}

.displayNone {
  displaY: none !important;
}

.bold, b, strong {
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
}

a {
  color: #191919;
}

img {
  border: 0px;
  max-width: 100%;
  height: auto;
}

.animateAll {
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}

button, input[type=button], input[type=submit], input[type=reset] {
  cursor: pointer;
}

input, textarea, input[type=text], input[type=button], input[type=submit], input[type=reset], input[type=search], input[type=password], input[type=date] {
  padding: 2px 0 0 15px;
  font-size: 14px;
  position: relative;
  border: 0.5px solid #717171;
  border-radius: 8px;
  background-color: #ffffff;
  height: 38px;
  width: 100%;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}

input:focus, textarea:focus, select:focus, button:focus {
  outline: none;
  box-shadow: none;
}

input:focus {
  border: 1px solid #ccc;
}

input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none;
  box-shadow: none;
}

select {
  cursor: pointer;
}

button:focus {
  outline: none;
  box-shadow: none;
}

#wrapper {
  float: left;
  width: 100%;
  overflow: hidden;
}

main#content {
  min-height: 100vh;
  width: 100%;
  float: left;
}

.content-row {
  float: left;
  width: 100%;
  position: relative;
}

.content-row-inner {
  width: 100%;
  float: left;
  position: relative;
}

.content-row-inner-center {
  width: 90%;
  max-width: 1190px;
  margin: 0 auto;
}

.mobilebackbtn {
  display: none;
}

.placeholder-text {
  font-size: 10px;
  position: absolute;
  top: -12px;
  z-index: 10;
  background: #fff;
  padding: 0 5px 0 5px;
  left: 11px;
  color: #666;
}

.safari select {
  -webkit-appearance: none;
}

.content-row-header {
  padding: 36px 0 25px 0;
}
.content-row-header .img-logo {
  display: block;
  width: 218px;
  height: auto;
  float: left;
}
.content-row-header .actionbuttons {
  float: right;
  margin: 6px 0 0 0;
}
.content-row-header .actionbuttons a {
  opacity: 0.8;
  display: inline-block;
  margin: 0 0 0 25px;
}
.content-row-header .actionbuttons a .label {
  display: inline-block;
  font-size: 13px;
  margin: 0px 0 0 8px;
  position: relative;
  top: -2px;
}
.content-row-header .actionbuttons a:hover {
  opacity: 1;
  color: #2278C0;
}
.content-row-header .actionbuttons a:hover img {
  filter: invert(39%) sepia(52%) saturate(1666%) hue-rotate(181deg) brightness(86%) contrast(80%);
}

.content-row-statusbar {
  padding: 24px 0px 20px 0px;
  background-color: #F2F2F2;
}
.content-row-statusbar .container-status {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}
.content-row-statusbar .statusItem {
  display: inline-block;
  text-align: center;
  padding: 0px;
  position: relative;
  width: auto;
}
.content-row-statusbar .statusItem .img-stausicon {
  max-width: 100%;
  height: 20px;
  width: auto;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.content-row-statusbar .statusItem .statusItemLabel {
  font-size: 15px;
  line-height: 15px;
  margin: 0px 0 0 0;
  height: 18px;
}
.content-row-statusbar .statusItem.on .statusItemLabel {
  color: #2278C0;
}
.content-row-statusbar .statusItem.on .img-stausicon {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
.content-row-statusbar .statusItem-seperator {
  height: 1px;
  background-color: #2278C0;
  width: 80px;
  margin: 0 30px 0 30px;
  top: -18px;
}

.content-row-bottombar {
  padding: 24px 0px 20px 0px;
  background-color: #0A2033;
  position: fixed;
  bottom: 0px;
  z-index: 1001;
  color: #ffffff;
}
.content-row-bottombar .pageingNavbox {
  float: right;
  position: relative;
}
.content-row-bottombar .pageingbtn {
  color: #2278C0;
  background-color: #ffffff;
  border-radius: 40px;
  margin: 0 0 0 10px;
  padding: 16px 0 0 0;
  font-size: 15px;
  line-height: 15px;
  text-transform: uppercase;
  text-decoration: none;
  width: 145px;
  height: 48px;
  display: inline-block;
  text-align: center;
}
.content-row-bottombar .pageingbtn .img-arrow {
  display: inline-block;
  position: relative;
}
.content-row-bottombar .pageingbtn-back {
  color: #ffffff;
  background-color: #0A2033;
  border: 1px solid #ffffff;
}
.content-row-bottombar .pageingbtn-back .img-arrow {
  left: -10px;
  filter: brightness(0) invert(1);
}
.content-row-bottombar .pageingbtn-back:hover .img-arrow {
  left: -15px;
}
.content-row-bottombar .pageingbtn-next {
  border: 1px solid #ffffff;
}
.content-row-bottombar .pageingbtn-next .img-arrow {
  left: 10px;
}
.content-row-bottombar .pageingbtn-next:hover .img-arrow {
  left: 15px;
}

.bottominfobox {
  float: left;
  max-width: 200px;
  margin: 12px 0 0 0;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.bottominfobox .sep-fromTo {
  margin: -5px 8px 0 12px;
  font-size: 12px;
}

.bottominfobox-myinventar {
  display: none;
  cursor: pointer;
}

.page-template-page-configurator-step2 .bottominfobox-myinventar {
  display: block;
}
.page-template-page-configurator-step2 .bottominfobox-myinventar .labelbox-myinventar {
  width: 32px;
  height: 32px;
  display: inline-block;
  float: none;
  border: 1px solid #fff;
  border-radius: 100%;
  text-align: center;
  margin: 0px 0px 0 0;
  background: #fff;
  position: relative;
  top: -4px;
  left: 7px;
}
.page-template-page-configurator-step2 .bottominfobox-myinventar .labelbox-myinventar .labelboxmyinventarCountValue {
  color: #0A2033;
  position: relative;
  text-align: center;
  background: none;
  width: 30px;
  display: block;
  top: 5px;
}

.leaflet-routing-alternatives-container, .leaflet-routing-add-waypoint, .leaflet-routing-container {
  display: none !important;
}

#map {
  width: 100%;
  float: left;
  position: relative;
  height: 450px;
  border-radius: 8px;
}

.routing-container {
  float: left;
  width: 100%;
  position: relative;
  margin: 40px 0 40px 0;
}

.icon-fromtoinput {
  position: absolute;
  top: 11px;
  left: 10px;
  z-index: 20;
  width: 16px;
  height: 16px;
  pointer-events: none;
}

.icon-to {
  float: left;
  position: relative;
  font-size: 11px;
  width: 10px;
  margin: 0 0 0 0;
  top: 9px;
  left: -9px;
}

.input-container {
  position: relative;
  float: left;
  width: 26.7%;
  margin: 0 20px 0 0;
}
.input-container #start-location, .input-container #end-location {
  padding-left: 37px;
}
.input-container label {
  color: #666;
  position: absolute;
  font-size: 12px;
  opacity: 1;
  top: -12px;
  left: 8px;
  z-index: 10;
  background: #fff;
  display: inline-block;
  padding: 0 5px 0 5px;
}
.input-container input[type=date] {
  padding-right: 10px;
  position: relative;
  font-size: 12px;
}
.input-container input[type=date]::-webkit-calendar-picker-indicator {
  margin-right: 10px;
  cursor: pointer;
}

.submitBtn {
  float: right;
  font-size: 14px;
  position: relative;
  border: 0.5px solid #717171;
  border-radius: 8px;
  background-color: #ffffff;
  height: 38px;
  padding: 0 25px 0 20px;
  width: 13.5%;
}
.submitBtn:hover {
  background-color: #191919;
  color: #ffffff;
}

.customerbox {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
  position: relative;
}

.radio-container {
  display: flex;
  gap: 20px;
  align-items: center;
}

.radio input[type=radio] {
  display: none;
}

.radio-custom {
  width: 20px;
  height: 20px;
  border: 0.5px solid gray;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease-in-out;
  position: relative;
  margin-right: 8px;
}

.radio-custom::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #2278C0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.radio input[type=radio]:checked + .radio-custom {
  border-color: #2278C0;
}

.radio input[type=radio]:checked + .radio-custom::before {
  opacity: 1;
}

.radio-label {
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.radio:hover .radio-custom {
  border-color: #2278C0;
}

.content-row-stepPart {
  padding: 60px 0 60px 0;
}

.wrapper-inventar {
  position: relative;
  float: left;
  width: 100%;
  margin: 50px 0 0 0;
}
.wrapper-inventar .btnreset {
  float: left;
  margin: 15px 0 0 0;
  cursor: pointer;
  opacity: 0.7;
}
.wrapper-inventar .btnreset:hover {
  opacity: 1;
}
.wrapper-inventar .inventar-categorylist {
  float: left;
  width: 32%;
  position: relative;
}
.wrapper-inventar .inventar-categorylist .room-selectbtn {
  cursor: pointer;
}
.wrapper-inventar .inventar-categorylist .item-room {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
}
.wrapper-inventar .inventar-categorylist .item-room .imagebox {
  float: left;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 0 0 0;
  background-color: #F2F2F2;
}
.wrapper-inventar .inventar-categorylist .item-room .imagebox .catimage {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.wrapper-inventar .inventar-categorylist .item-room .labelbox {
  float: right;
  width: calc(100% - 82px);
  height: 72px;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 0 0 0;
  background-color: #F2F2F2;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
}
.wrapper-inventar .inventar-categorylist .item-room .labelbox .labelbox-text {
  display: block;
  float: left;
  width: calc(100% - 80px);
  position: relative;
  top: 28px;
  margin: 0 0 0 20px;
}
.wrapper-inventar .inventar-categorylist .item-room .labelbox .labelbox-count {
  width: 32px;
  height: 32px;
  display: block;
  float: right;
  border: 1px solid #000;
  border-radius: 100%;
  text-align: center;
  margin: 21px 20px 0 0;
}
.wrapper-inventar .inventar-categorylist .item-room .labelbox .labelbox-count .labelboxCountValue {
  position: relative;
  text-align: center;
  width: 100%;
  font-size: 13px;
  top: 6px;
}
.wrapper-inventar .inventar-categorylist .activeroom .imagebox {
  background-color: #2278C0;
}
.wrapper-inventar .inventar-categorylist .activeroom .labelbox {
  background-color: #2278C0;
}
.wrapper-inventar .inventar-categorylist .activeroom .labelbox .labelbox-text {
  color: #ffffff;
}
.wrapper-inventar .inventar-categorylist .activeroom .labelbox .labelbox-count {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.wrapper-inventar .inventar-categorylist .activeroom .labelbox .labelbox-count .labelboxCountValue {
  color: #2278C0;
}

.detailbox-products {
  opacity: 0;
  position: absolute;
  height: 0px;
  pointer-events: none;
  float: left;
  width: 100%;
}
.detailbox-products.showroom {
  opacity: 1;
  position: relative;
  height: auto;
  pointer-events: inherit;
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
}
.detailbox-products .sectionHl {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}

.details-wrapper {
  width: calc(68% - 50px);
  float: right;
  margin: 25px 0 0 50px;
  position: relative;
}
.details-wrapper .detailbox.detailbox-empty {
  text-align: center;
  display: none;
}
.details-wrapper .detailbox.detailbox-empty .emptyInfo h2 {
  margin: 0 0 10px 0;
}
.details-wrapper.inventarcount-0 .detailbox.detailbox-empty {
  display: block;
}

.productItem {
  float: left;
  width: calc(25% - 15px);
  border: 0.5px solid #191919;
  border-radius: 10px;
  height: 280px;
  position: relative;
  overflow: hidden;
  margin: 0 20px 20px 0;
}
.productItem:nth-child(4n) {
  margin-right: 0px;
}
.productItem .reset_variations {
  display: none;
}
.productItem .producticonbox {
  height: 57px;
  width: 100%;
  text-align: center;
  float: left;
  margin: 30px 0 0 0;
}
.productItem .producticonbox .img-icon {
  height: 45px;
}
.productItem .productItem_titel {
  text-align: center;
  float: left;
  width: 100%;
  padding: 0px 25px 0px 25px;
  display: block;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.productItem .productItem_titel .subtitel {
  font-size: 14px;
}
.productItem .productItem_size {
  font-size: 13px;
  line-height: 16px;
  opacity: 0.7;
  text-align: center;
  padding: 0 20px 0 20px;
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
}
.productItem .btnBlue {
  position: absolute;
  bottom: 0px;
  background: #2278C0;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 12px 0 9px 0;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.productItem .productItemAddlayer {
  background-color: #2278C0;
  position: absolute;
  bottom: -130px;
  width: 100%;
  height: 130px;
  -webkit-transition: all 350ms;
  -moz-transition: all 350ms;
  -o-transition: all 350ms;
  transition: all 350ms;
}
.productItem .quantity-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 15px 0 0 0;
}
.productItem .quantity-btn {
  background-color: #ffffff;
  color: #2278C0;
  padding: 0px;
  cursor: pointer;
  font-size: 16px;
  border: 0px;
  border-radius: 8px;
  transition: opacity 0.3s ease;
  height: 35px;
  width: 35px;
  text-align: center;
  font-weight: 500;
}
.productItem .quantity-btn:hover {
  opacity: 0.9;
}
.productItem .quantity-value {
  width: 50px;
  height: 35px;
  text-align: center;
  font-size: 16px;
  border: 0.5px solid #ffffff;
  border-radius: 8px;
  color: #ffffff;
  padding: 4px 0 0 0;
  outline: none;
  background-color: transparent;
  font-weight: 400;
}
.productItem .montage-line {
  float: left;
  width: 100%;
}
.productItem .montage-select {
  float: left;
  width: 140px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 8px;
  padding: 4px 0px 5px 8px;
  margin: 10px 0 0 13px;
  font-size: 12px;
}

.productItemOn .btnBlue {
  display: none;
}
.productItemOn .producticonbox {
  height: 0px;
  margin: 20px 0 0 0;
  -webkit-transition: height 350ms;
  -moz-transition: height 350ms;
  -o-transition: height 350ms;
  transition: height 350ms;
}
.productItemOn .producticonbox img {
  display: none;
}
.productItemOn .productItemAddlayer {
  bottom: 0px;
}

.inventarlistframe {
  float: left;
  width: 100%;
  min-height: 500px;
}

.sidebar .room-selectbtn-individuelle-moebel {
  display: none !important;
}

.backtorooms {
  display: none;
}

.layer-bg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
}

.layer-myinventar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0%;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
}

.content-row-myinventar {
  padding: 100px 0;
}
.content-row-myinventar .icon-close-layer {
  cursor: pointer;
  position: absolute;
  margin: 30px 0px 0px 30px;
}
.content-row-myinventar .icon-close-layer:hover {
  opacity: 0.6;
}
.content-row-myinventar .box-myinventar .PartHeadline h2 {
  float: left;
}
.content-row-myinventar .box-myinventar .PartHeadline .inventarsumcount {
  display: inline-block;
  background-color: #F2F2F2;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
  border-radius: 100px;
  padding: 7px 15px 5px 15px;
  margin: 2px 0 0 25px;
}
.content-row-myinventar .wrapper-inventar {
  margin: 30px 0 0 0;
}
.content-row-myinventar .box-inventarlist {
  float: left;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  min-height: calc(100vh - 300px);
  padding: 0 0 40px 0;
}
.content-row-myinventar .box-inventarlist .box-myinventar {
  float: left;
  margin: 40px 0 0 70px;
  width: calc(100% - 140px);
}
.content-row-myinventar .box-inventarlist .inventar-categorylist {
  float: left;
  width: 100%;
  position: relative;
}

.showMyinventar .layer-bg {
  height: 100%;
  z-index: 9999;
  opacity: 1;
  pointer-events: inherit;
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
}
.showMyinventar .layer-myinventar {
  height: 100%;
  z-index: 99999;
  opacity: 1;
  overflow: visible;
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
}

.box-myinventar .myinventar-item {
  float: left;
  width: 100%;
  margin: 30px 0 1px 0;
  border-bottom: 1px solid #ccc;
  padding: 0px 0 25px 0;
}
.box-myinventar .myinventar-item .titel {
  float: left;
  width: 45%;
  margin: 0 2% 0 0;
  position: relative;
}
.box-myinventar .myinventar-item .titel i {
  font-style: italic;
  font-weight: 300;
}
.box-myinventar .myinventar-item .titel .deleteitem {
  border-radius: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: red;
  overflow: hidden;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  left: -17px;
  margin: 3px 0 0 0;
  opacity: 0.2;
  cursor: pointer;
}
.box-myinventar .myinventar-item .titel .deleteitem:hover {
  opacity: 1;
}
.box-myinventar .myinventar-item .menge {
  float: left;
  width: 6%;
  margin: 0 1% 0 0;
  opacity: 0.5;
}
.box-myinventar .myinventar-item .size {
  float: left;
  width: 20%;
  opacity: 0.5;
}
.box-myinventar .myinventar-item .addon {
  float: right;
  width: 25%;
  text-align: right;
  opacity: 0.5;
}
.box-myinventar .box-cartproducts.product-item {
  margin: 0 0 50px 0;
  float: left;
  width: 100%;
}

.searchbar {
  float: left;
  position: relative;
  width: 100%;
  margin: 30px 0 0 0;
}
.searchbar .icon-search {
  display: block;
  position: absolute;
  top: 10px;
  z-index: 2;
  left: 15px;
  opacity: 0.7;
  width: 15px;
}
.searchbar .icon-close {
  display: none;
  position: absolute;
  top: 13.5px;
  z-index: 2;
  right: 15px;
  opacity: 0.5;
  cursor: pointer;
  width: 12px;
}
.searchbar .icon-close:hover {
  opacity: 1;
}
.searchbar .itemaserach {
  padding: 2px 0 0 45px !important;
  float: left;
}

.searchbox-empty {
  display: none;
}

.searchresultsOn .detailbox-empty {
  display: none !important;
}
.searchresultsOn .searchbar .icon-close {
  display: block;
}
.searchresultsOn .detailbox-products.itemsfound {
  opacity: 1;
  position: relative;
  height: auto;
  pointer-events: inherit;
  margin-bottom: 40px;
  float: left;
}
.searchresultsOn .productItem {
  display: none;
}
.searchresultsOn .productItem.itemmatch {
  display: block;
}
.searchresultsOn .searchresultsEmpty .searchbox-empty {
  display: block;
  text-align: center;
}

.addbtn-packservice {
  float: left;
  width: 100%;
  height: 100%;
}

.sectionDESC {
  float: left;
  width: 80%;
}

.products-hausrat-packservice .btn-packservice {
  float: left;
  width: 192px;
  height: 192px;
  border: 0.5px solid #191919;
  position: relative;
  overflow: hidden;
  margin: 0 20px 20px 0;
  cursor: pointer;
  border-radius: 10px;
  text-align: center;
}
.products-hausrat-packservice .btn-packservice .iconbox {
  height: 60px;
  margin: 40px 0 10px 0;
}
.products-hausrat-packservice .btn-packservice img {
  filter: grayscale(100%);
}
.products-hausrat-packservice .btn-packservice .titel {
  line-height: 20px;
  margin: 20px 0 0 0;
}
.products-hausrat-packservice .btn-packservice.active {
  border: 1.5px solid #2278C0;
}
.products-hausrat-packservice .btn-packservice.active .iconbox img {
  filter: inherit;
}
.products-hausrat-packservice .btn-packservice.active .titel {
  color: #2278C0;
}

.content-row-stepPart-zusatzleistungen .productbox {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
}
.content-row-stepPart-zusatzleistungen .productbox .productItem {
  height: 200px;
}
.content-row-stepPart-zusatzleistungen .productbox .productItem.productItem-single {
  width: 78%;
}
.content-row-stepPart-zusatzleistungen .productbox .productItem.productItem-single .producticonbox {
  height: 68px;
  width: 60%;
  text-align: center;
  float: none;
  margin: 20px auto 10px auto;
  overflow: hidden;
}
.content-row-stepPart-zusatzleistungen .productbox .productItem.productItem-single .producticonbox img {
  width: 50px;
  display: inline !important;
}
.content-row-stepPart-zusatzleistungen .productbox .productItem.productItem-single .montage-line {
  display: none;
}
.content-row-stepPart-zusatzleistungen .productbox .productItem.productItem-single .productItemAddlayer {
  height: 66px;
}
.content-row-stepPart-zusatzleistungen .zusatzleistungsText {
  float: left;
  width: 100%;
  margin: 0px 0 0 0;
}
.content-row-stepPart-zusatzleistungen .zusatzleistungsText textarea {
  float: left;
  width: 100%;
  height: 170px;
  padding: 15px;
  text-align: left;
  line-height: 18px;
}

.rows-infos {
  float: left;
  width: 100%;
  position: relative;
  border-top: 0.5px solid #191919;
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
}
.rows-infos .iconbox {
  width: 24px;
  height: 24px;
  float: left;
  border-radius: 100%;
  border: 0.5px solid #191919;
  text-align: center;
  margin: 0 10px 0 0;
  position: relative;
  top: -3px;
}
.rows-infos .iconbox .img-icon {
  height: 10px;
}
.rows-infos .iconbox .icon-person {
  height: 20px;
  position: relative;
  top: 3px;
}
.rows-infos .iconbox .icontxt {
  font-size: 14px;
}
.rows-infos .sectionHL {
  float: left;
  width: 100%;
  padding: 15px 15px 10px 15px;
}
.rows-infos .row-time {
  float: left;
  width: 100%;
}
.rows-infos .input-container {
  margin: 0px 20px 0 0px;
}
.rows-infos .input-container .img-clock {
  position: absolute;
  right: 10px;
  top: 11.5px;
  width: 14px;
  opacity: 0.7;
  pointer-events: none;
}
.rows-infos .row-info {
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}
.rows-infos .row-info .row-content {
  float: left;
  width: calc(100% - 40px);
  margin: 10px 0 0 20px;
}
.rows-infos .row-info .img-nomissing, .rows-infos .row-info .img-missing {
  position: absolute;
  right: 62px;
  top: 11px;
  width: 25px;
  display: none;
}
.rows-infos .row-info .img-nomissing {
  display: block;
}
.rows-infos .row-info.missinginfos .img-nomissing {
  display: none;
}
.rows-infos .row-info.missinginfos .img-missing {
  display: block;
}
.rows-infos .row-toggle {
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px 0 0 0;
  padding: 0 0 0px 0;
}
.rows-infos .row-toggle .sectionHL {
  background-color: #F2F2F2;
  cursor: pointer;
  position: relative;
}
.rows-infos .row-toggle .sectionHL .img-togglearrow {
  position: absolute;
  right: 20px;
  top: 20px;
  pointer-events: none;
}
.rows-infos .row-toggle .row-content {
  margin: 20px 0 0 20px;
  opacity: 0;
  position: absolute;
  height: 0px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
}
.rows-infos .row-toggle.open .sectionHL {
  background-color: #2278C0 !important;
  color: #fff;
}
.rows-infos .row-toggle.open .sectionHL .img-togglearrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: invert(94%) sepia(84%) saturate(4105%) hue-rotate(181deg) brightness(117%) contrast(101%);
}
.rows-infos .row-toggle.open .sectionHL .iconbox {
  border: 0.5px solid #ffffff;
}
.rows-infos .row-toggle.open .sectionHL .iconbox img {
  filter: invert(94%) sepia(84%) saturate(4105%) hue-rotate(181deg) brightness(117%) contrast(101%);
}
.rows-infos .row-toggle.open .sectionHL .iconbox .icontxt {
  font-size: 14px;
}
.rows-infos .row-toggle.open .row-content {
  margin: 20px 0 20px 20px;
  opacity: 1;
  position: relative;
  height: auto;
  pointer-events: inherit;
  z-index: 2;
}
.rows-infos .row-toggle.toggleOff .sectionHL {
  cursor: default;
}
.rows-infos .row-toggle.toggleOff .row-content {
  margin: 20px 0 20px 20px;
  opacity: 1;
  position: relative;
  height: auto;
  pointer-events: inherit;
  z-index: 2;
}

input.missing {
  border-color: red !important;
}

.formbox {
  position: relative;
  float: left;
  margin: 20px 0 20px 20px;
  width: calc(100% - 40px);
}
.formbox .space {
  width: 100%;
  height: 40px;
  float: left;
}
.formbox .hl {
  font-size: 16px;
  line-height: 20px;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  float: left;
  width: 100%;
}
.formbox .hl .img-hlicon {
  margin: 0px 10px 0 0;
  position: relative;
  top: 5px;
}
.formbox .inputline {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}
.formbox .inputline .input-container-normal {
  width: 26.7%;
}
.formbox .inputline .input-container-medium {
  width: 18%;
}
.formbox .inputline .input-container-small {
  width: 10%;
}
.formbox .inputline .input-container-auto {
  width: auto;
}
.formbox .inputline .sublabel {
  font-weight: 500;
  font-size: 14px;
  position: absolute;
  right: 9px;
  top: 8px;
  pointer-events: none;
}
.formbox .inputline .sublabel sup {
  font-size: 9px;
}
.formbox .inputline .sublabel .sublabelqm {
  top: 5px;
}
.formbox .laufweglabel {
  max-width: 310px;
}
.formbox .checkbox-container {
  display: flex;
  gap: 20px;
}
.formbox .checkbox-container label {
  top: 10px !important;
}
.formbox .custom-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  font-size: 16px;
}
.formbox .custom-checkbox input {
  display: none;
}
.formbox .custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
  border: 0.5px solid #191919;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  margin-top: -4px;
  transition: background-color 0.2s, border-color 0.2s;
}
.formbox .custom-checkbox input:checked + .checkmark {
  background-color: #2278C0;
  border-color: #2278C0;
}
.formbox .custom-checkbox input:checked + .checkmark::after {
  content: "✔";
  color: white;
  font-size: 14px;
}
.formbox .customerbox {
  margin: 20px 0 0px 0;
}

.content-row-stepPart-summery .rows-infos {
  border-top: 0px solid #191919;
  margin: 30px 0 0 0;
  padding: 0px 0 0 0;
}
.content-row-stepPart-summery .rows-infos .row-toggle {
  border: 0px;
}
.content-row-stepPart-summery .rows-infos .row-toggle .sectionHL {
  border-radius: 10px;
}
.content-row-stepPart-summery .rows-infos .row-toggle .row-content {
  margin-left: 0px;
}
.content-row-stepPart-summery .summery-box {
  width: 192px;
  height: 140px;
  overflow: hidden;
  border: 0.5px solid black;
  border-radius: 10px;
  float: left;
  position: relative;
  text-align: center;
  margin: 0 20px 0 0;
}
.content-row-stepPart-summery .summery-box .itemsummery-box-icon {
  width: 100%;
  float: left;
  margin: 30px 0 0 0;
  height: 65px;
}
.content-row-stepPart-summery .summery-box .itemsummery-box-text h3 {
  font-size: 16px;
}
.content-row-stepPart-summery .colum-zusatzbox {
  float: left;
  margin: 20px 60px 0 0;
  width: 30%;
}
.content-row-stepPart-summery .zusatzbox {
  margin: 0 0 30px 0;
}
.content-row-stepPart-summery .zusatzbox .boxtitel {
  font-size: 16px;
  margin: 0 0 3px 0;
}
.content-row-stepPart-summery .zusatzbox .titel {
  display: inline-block;
}
.content-row-stepPart-summery .zusatzbox .menge, .content-row-stepPart-summery .zusatzbox .addon {
  display: none;
}
.content-row-stepPart-summery .zusatzbox.zusatzbox-montage .menge {
  display: inline-block;
}
.content-row-stepPart-summery .zusatzbox.zusatzbox-montage .menge:after {
  content: " Stk.";
}
.content-row-stepPart-summery .zusatzbox.zusatzbox-heavy .menge {
  display: inline-block;
}
.content-row-stepPart-summery .zusatzbox.zusatzbox-heavy .menge:after {
  content: " Stk.";
}

.page-template-page-configurator-sent {
  padding-bottom: 0px;
}
.page-template-page-configurator-sent .content-row-statusbar, .page-template-page-configurator-sent .content-row-bottombar, .page-template-page-configurator-sent .actionbuttons {
  display: none;
}
.page-template-page-configurator-sent .imagetextbox {
  background-color: #f2f2f2;
  padding: 50px 0 70px 0;
}
.page-template-page-configurator-sent .imagepart {
  border-radius: 20px;
  overflow: hidden;
  width: 320px;
  height: 367px;
  position: relative;
  top: 77px;
  left: 90px;
  z-index: 20;
}
.page-template-page-configurator-sent .imagepart .wp-block-image {
  overflow: hidden;
  width: 320px;
  height: 297px;
  border-radius: 20px;
}
.page-template-page-configurator-sent .textgroup {
  background: #fff !important;
  padding: 40px 10px 40px 110px;
  width: 466px;
  position: relative;
  top: 20px;
  left: -70px;
}

.configLayer {
  opacity: 0;
  height: 0px;
  width: 100%;
  position: fixed;
  bottom: -100px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
}

.showsaveconfigLayer #sendconfigLayerFrame {
  float: left;
  width: 100%;
  height: 330px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.showsaveconfigLayer .configLayer {
  opacity: 1;
  height: 100%;
  width: 100%;
  top: 0px;
  bottom: inherit;
  overflow: hidden;
  pointer-events: inherit;
  z-index: 99999999;
  background-color: rgba(0, 0, 0, 0.6);
}
.showsaveconfigLayer .configLayer .configLayer-inner {
  float: none;
  width: 500px;
  background-color: #ffffff;
  border-radius: 10px;
  min-height: 390px;
  padding: 30px;
  margin: 30px auto 0 auto;
  position: relative;
}
.showsaveconfigLayer .configLayer .configLayer-inner .icon-close-layer {
  cursor: pointer;
  position: absolute;
  margin: 30px 0px 0px 30px;
  right: 20px;
  top: -10px;
}
.showsaveconfigLayer .configLayer .configLayer-inner .icon-close-layer:hover {
  opacity: 0.6;
}

.configLayer {
  padding: 0px;
  margin: 0px;
}
.configLayer .sendformbox {
  float: left;
  width: 90%;
  position: relative;
  margin: 0 0 0 5%;
}
.configLayer .sendformbox .infotext {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin: 10px 0 20px 0;
}
.configLayer .sendformbox .infotext h3 {
  margin: 0 0 10px 0;
}
.configLayer .sendformbox .ceckedicon {
  font-size: 50px;
  color: #2278C0;
  text-align: center;
}
.configLayer .sendformbox .infotext.infotextsucess {
  text-align: center;
  margin: 30px 0 0 0;
}
.configLayer .sendformbox .minitext {
  float: left;
  width: 100%;
  font-size: 12px;
  line-height: 17px;
  opacity: 0.5;
  margin: 15px 0 15px 0;
}
.configLayer .sendformbox input[type=submit] {
  border: 0px;
  background-color: #2278C0;
  color: #ffffff;
  margin: 20px auto;
  border-radius: 30px;
  width: 300px;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  height: 40px;
  line-height: 20px;
}

.content-row-addownitem {
  border-bottom: 0.5px solid #717171;
}

.addOwnItem {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #2278C0;
}
.addOwnItem:hover {
  text-decoration: underline;
}

.addOwnItemLayer .layer-addownitem {
  z-index: 10;
  width: 100%;
  min-height: 100%;
  pointer-events: inherit;
  opacity: 1;
  overflow: visible;
  -webkit-transition: opacity 350ms;
  -moz-transition: opacity 350ms;
  -o-transition: opacity 350ms;
  transition: opacity 350ms;
}

.layer-addownitem {
  position: absolute;
  z-index: 0;
  background: #fff;
  width: 0%;
  min-height: 100%;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
}
.layer-addownitem .content-row-inner-center {
  width: 100%;
}
.layer-addownitem .icon-close-layer {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: -10px;
  padding: 10px;
}
.layer-addownitem .icon-close-layer:hover {
  opacity: 0.5;
}

.addownitemProductdetail {
  max-width: 590px;
}
.addownitemProductdetail .woocommerce-notices-wrapper {
  display: none !important;
}
.addownitemProductdetail .extra-montage {
  display: none;
}
.addownitemProductdetail .woocommerce-product-gallery, .addownitemProductdetail .product_meta, .addownitemProductdetail .related, .addownitemProductdetail .product_title, .addownitemProductdetail .price {
  display: none;
}
.addownitemProductdetail .woocommerce div.product form.cart {
  margin-bottom: 0px;
}
.addownitemProductdetail .woocommerce div.product div.summary {
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
}
.addownitemProductdetail .addownitem-options {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
}
.addownitemProductdetail .wapf-field-container {
  padding: 0 0px 15px 0;
}
.addownitemProductdetail .wapf-field-group .wapf-field-row {
  display: block;
  float: left;
  width: 48%;
  margin: 0 2% 0 0;
}
.addownitemProductdetail .wapf-field-group .wapf-field-row:first-child {
  width: 100%;
  margin: 0 0 0 0;
}
.addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(2), .addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(3), .addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(4) {
  width: 32%;
}
.addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(4) {
  margin-right: 0px;
}
.addownitemProductdetail .montage-line {
  width: 66%;
}
.addownitemProductdetail .montage-select {
  padding: 2px 0 0 15px;
  font-size: 14px;
  position: relative;
  border: 0.5px solid #717171;
  border-radius: 8px;
  background-color: #ffffff;
  height: 38px;
  width: 100%;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.addownitemProductdetail .quantity-box {
  width: 100%;
  float: left;
}
.addownitemProductdetail .quantity-line {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 10px;
  margin: 10px 0 0 0;
}
.addownitemProductdetail .quantity-btn {
  background-color: #2278C0;
  color: #ffffff;
  padding: 0px;
  cursor: pointer;
  font-size: 16px;
  border: 0px;
  border-radius: 8px;
  transition: opacity 0.3s ease;
  height: 35px;
  width: 35px;
  text-align: center;
  font-weight: 500;
}
.addownitemProductdetail .quantity-btn:hover {
  opacity: 0.9;
}
.addownitemProductdetail .quantity-value {
  width: 50px;
  height: 35px;
  text-align: center;
  font-size: 16px;
  border: 0.5px solid #717171;
  border-radius: 8px;
  padding: 4px 0 0 0;
  outline: none;
  background-color: transparent;
  font-weight: 400;
  font-size: 14px;
}
.addownitemProductdetail .codedropz-upload-handler {
  border: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
  position: relative;
  padding: 2px 0 0 15px;
  font-size: 14px;
  position: relative;
  border: 0.5px solid #717171;
  border-radius: 8px;
  background-color: #ffffff;
  height: 38px;
  width: 100%;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.addownitemProductdetail .codedropz-upload-handler .codedropz-upload-inner .codedropz-label span.cd-icon, .addownitemProductdetail .codedropz-upload-handler .text, .addownitemProductdetail .codedropz-upload-handler .cd-separator, .addownitemProductdetail .codedropz-upload-handler .dnd-upload-counter {
  display: none;
}
.addownitemProductdetail .codedropz-upload-handler .codedropz-upload-container {
  padding: 8px 0 0 0;
}
.addownitemProductdetail .codedropz-upload-handler a.cd-upload-btn {
  text-decoration: none;
  box-shadow: none;
  color: #000;
  background-color: transparent;
  border-radius: 0px;
  float: left;
  text-align: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
  line-height: 10px;
  font-family: azo-sans-web, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  opacity: 0.5;
}
.addownitemProductdetail .wc-dnd-file-upload {
  padding: 0;
  position: relative;
  float: left;
  width: 66%;
  margin: 20px 0 0 0;
}
.addownitemProductdetail .title {
  float: left;
  width: 100%;
  display: block;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 40px 0 0 0;
}
.addownitemProductdetail .woocommerce .quantity .qty {
  display: none;
}
.addownitemProductdetail .single_add_to_cart_button, .addownitemProductdetail .btn-abbrechen {
  background-color: #2278C0;
  color: #ffffff;
  padding: 0px 40px;
  cursor: pointer;
  font-size: 14px;
  border: 0px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  height: 35px;
  width: auto;
  text-align: center;
  font-weight: 500;
  position: relative;
  clear: both;
  margin: 0px 0 0 0;
  float: left !important;
  font-family: azo-sans-web, sans-serif;
  font-weight: 500;
  line-height: 39px;
  top: 70px;
}
.addownitemProductdetail .single_add_to_cart_button:hover, .addownitemProductdetail .btn-abbrechen:hover {
  background-color: #0A2033;
}
.addownitemProductdetail .btn-abbrechen {
  margin: -34px 0px 0 190px !important;
  float: left !important;
  position: relative !important;
  background-color: #ffffff;
  border: 1px solid #717171;
  color: #717171;
  opacity: 0.5;
}
.addownitemProductdetail .btn-abbrechen:hover {
  background-color: #F2F2F2;
  opacity: 1;
}

/* ....................................................................................... 1275 */
@media only screen and (max-width: 1275px) {
  .productItem .montage-select {
    max-width: 80%;
  }
  .productItem .quantity-value {
    width: 40px;
    height: 26px;
  }
  .productItem .quantity-btn {
    height: 26px;
    width: 26px;
  }
  .products-hausrat-packservice .btn-packservice {
    max-width: 29%;
  }
  .products-hausrat-packservice .btn-packservice .titel {
    margin: 20px 0 0 5%;
    width: 90%;
  }
  .wrapper-inventar .inventar-categorylist .item-room .labelbox .labelbox-text {
    top: 19px;
  }
  .box-myinventar .myinventar-item .titel {
    width: 35%;
  }
  .box-myinventar .myinventar-item .size {
    width: 30%;
  }
  .productItem .productItem_titel {
    font-size: 14px;
    line-height: 18px;
  }
}
/* ....................................................................................... 1234 */
@media only screen and (max-width: 1234px) {
  .content-row-statusbar .statusItem-seperator {
    width: 50px;
  }
  .input-container {
    margin: 0 15px 0 0;
  }
}
/* ....................................................................................... 1023 */
@media only screen and (max-width: 1023px) {
  html, body {
    font-size: 14px;
    line-height: 20px;
  }
  .content-row-statusbar .statusItem-seperator {
    width: 10px;
  }
  .content-row-statusbar .statusItem-seperator {
    margin: 0 18px 0 18px;
  }
  .input-container {
    width: 24%;
  }
  .submitBtn {
    font-size: 13px;
    padding: 0 10px 0 10px;
    width: 19.5%;
  }
  #map {
    height: 300px;
  }
  .radio-label, .input-container input[type=date],
  input, textarea, input[type=text], input[type=button], input[type=submit], input[type=reset], input[type=search], input[type=password], input[type=date] {
    font-size: 13px;
  }
  .formbox .custom-checkbox {
    font-size: 13px;
  }
  h2 {
    font-size: 23px;
    line-height: 26px;
  }
  .wrapper-inventar .inventar-categorylist {
    width: 40%;
  }
  .details-wrapper {
    width: calc(60% - 50px);
  }
  .productItem {
    width: calc(48% - 15px);
  }
  .page-template-page-configurator-step2 .bottominfobox-myinventar .labelbox-myinventar .labelboxmyinventarCountValue {
    top: 6px;
  }
  .products-hausrat-packservice .btn-packservice {
    max-width: 31.2%;
    margin: 0 2% 10px 0;
  }
  .rows-infos .iconbox .img-icon {
    height: 10px;
    top: 3px;
    position: relative;
  }
  .rows-infos .iconbox .icontxt {
    font-size: 13px;
    position: relative;
    top: 3px;
  }
  .rows-infos .iconbox .img-icon.icon-person {
    height: 20px;
  }
  .content-row-header .img-logo {
    width: 168px;
  }
}
/* ....................................................................................... 767 */
@media only screen and (max-width: 767px) {
  .content-row-header .actionbuttons {
    width: 130px;
    text-align: right;
  }
  .content-row-header .actionbuttons a .label {
    display: none;
  }
  .content-row-header .actionbuttons a {
    opacity: 0.8;
    display: inline-block;
    margin: 0 0 0 10px;
    background: #F2F2F2;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    overflow: hidden;
  }
  .content-row-header .actionbuttons .icon-save {
    position: relative;
    width: 12px;
    margin: 0px;
    height: 20px;
    left: -8.5px;
    top: 4px;
  }
  .content-row-header .actionbuttons .icon-close {
    width: 12px;
    position: relative;
    left: -8px;
    top: 7px;
  }
  .content-row-statusbar {
    padding: 25px 0px 12px 0px;
  }
  .content-row-statusbar .statusItem .statusItemLabel {
    display: none;
  }
  .content-row-statusbar .statusItem-seperator {
    top: -8px;
  }
  .page-template-page-configurator-step1 .statusItem-1 {
    background-color: #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    top: -10px;
  }
  .page-template-page-configurator-step1 .statusItem-1 .img-stausicon {
    height: 14px;
    width: auto;
    position: relative;
    top: 4px;
    top: 7px;
  }
  .page-template-page-configurator-step2 .statusItem-2 {
    background-color: #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    top: -10px;
  }
  .page-template-page-configurator-step2 .statusItem-2 .img-stausicon {
    height: 14px;
    width: auto;
    position: relative;
    top: 4px;
    top: 7px;
  }
  .page-template-page-configurator-step3 .statusItem-3 {
    background-color: #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    top: -10px;
  }
  .page-template-page-configurator-step3 .statusItem-3 .img-stausicon {
    height: 14px;
    width: auto;
    position: relative;
    top: 4px;
    top: 7px;
  }
  .page-template-page-configurator-step4 .statusItem-4 {
    background-color: #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    top: -10px;
  }
  .page-template-page-configurator-step4 .statusItem-4 .img-stausicon {
    height: 14px;
    width: auto;
    position: relative;
    top: 4px;
    top: 7px;
  }
  .page-template-page-configurator-step5 .statusItem-5 {
    background-color: #ffffff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: relative;
    top: -4px;
  }
  .page-template-page-configurator-step5 .statusItem-5 .img-stausicon {
    height: 17px;
    width: auto;
    position: relative;
    top: 4px;
  }
  .content-row-stepPart {
    padding: 30px 0 60px 0;
  }
  h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .icon-to {
    display: none;
  }
  .input-container {
    width: 100%;
    margin: 0 0 25px 0;
  }
  .submitBtn {
    width: 100%;
    margin: -5px 0 0 0;
  }
  .pageingbtn .label {
    display: none;
  }
  .content-row-bottombar .pageingbtn {
    width: 48px;
    height: 48px;
  }
  .content-row-bottombar .pageingbtn-next .img-arrow {
    left: 2px !important;
    top: 1px;
  }
  .content-row-bottombar .pageingbtn-back .img-arrow {
    left: 0px !important;
    top: 1px;
  }
  .wrapper-inventar .inventar-categorylist {
    width: 100%;
  }
  .wrapper-inventar .inventar-categorylist .activeroom .labelbox {
    background-color: #F2F2F2;
  }
  .wrapper-inventar .inventar-categorylist .activeroom .labelbox .labelbox-text {
    color: #191919;
  }
  .wrapper-inventar .inventar-categorylist .activeroom .labelbox .labelbox-count {
    border: 1px solid #191919;
    background-color: transparent;
  }
  .wrapper-inventar .inventar-categorylist .activeroom .labelbox .labelbox-count .labelboxCountValue {
    color: #191919;
  }
  .details-wrapper {
    width: 100%;
    opacity: 0;
    float: left;
    margin: 0px 0 0 0px;
    pointer-events: none;
    position: absolute;
    z-index: -1;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
  }
  .sidebar.inventar-categorylist {
    left: 0%;
    -webkit-transition: left 450ms;
    -moz-transition: left 450ms;
    -o-transition: left 450ms;
    transition: left 450ms;
  }
  .mobileviewRooms .sidebar.inventar-categorylist {
    left: -140%;
    pointer-events: none;
    position: absolute;
  }
  .mobileviewRooms .details-wrapper {
    opacity: 1;
    pointer-events: inherit;
    position: relative;
    z-index: 2;
  }
  .mobileviewRooms .mobilebackbtn {
    display: block;
    position: absolute;
    top: 1px;
    cursor: pointer;
    z-index: 20;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  }
  .mobileviewRooms .detailbox-products .sectionHl {
    margin: 0 0 30px 31px;
  }
  .productItem {
    width: 48%;
    margin-right: 0px;
  }
  .productItem:nth-child(even) {
    float: right;
  }
  .content-row-myinventar .box-inventarlist .icon-close-layer {
    cursor: pointer;
    position: absolute;
    margin: -13px 0 0 -10px;
    background: #ffffff;
    border-radius: 100%;
    padding: 7px;
  }
  .content-row-myinventar .box-inventarlist .box-myinventar {
    margin: 40px 0 0 12.5px;
    width: calc(100% - 25px);
  }
  .content-row-myinventar .box-myinventar .PartHeadline .inventarsumcount {
    padding: 7px 8px 5px 8px;
    margin: -3px 0 0 6px;
    float: right;
  }
  .box-myinventar .myinventar-item .titel {
    width: 80%;
    margin: 0 0 5px 0;
  }
  .box-myinventar .myinventar-item .menge {
    float: right;
    width: 15%;
    margin: 0 0 0 0;
    opacity: 0.5;
    text-align: right;
  }
  .box-myinventar .myinventar-item .size {
    width: 100%;
  }
  .box-myinventar .myinventar-item .addon {
    float: left;
    width: 100%;
    text-align: left;
  }
  .showsaveconfigLayer .configLayer .configLayer-inner {
    float: none;
    width: 100%;
  }
  .configLayer .sendformbox input[type=submit] {
    width: 100%;
  }
  .zusatzleistungsText {
    float: left;
    width: 100%;
    margin: -20px 0 0 0;
  }
  .zusatzleistungsText textarea {
    float: left;
    width: 100%;
    height: 170px;
    padding: 15px;
    text-align: left;
    line-height: 18px;
  }
  .rows-infos {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
  }
  .rows-infos .input-container {
    margin: 0px 0px 10px 0px;
  }
  .formbox .inputline .input-container-normal,
  .formbox .inputline .input-container-small,
  .formbox .inputline .input-container-medium {
    width: 100%;
  }
  .formbox .inputline {
    margin: 0px 0 0 0;
  }
  .rows-infos .row-toggle.open .row-content {
    margin: 5px 0 20px 0px;
    width: calc(100% - 20px);
  }
  .formbox {
    width: calc(100% - 20px);
  }
  .formbox .hl {
    margin: 0 0 20px 0;
    line-height: 26px;
  }
  .formbox .inputline .sublabel {
    top: 10px;
  }
  .formbox .inputline .sublabel.sublabelqm {
    top: 6px;
  }
  .formbox .inputline .input-container-auto {
    width: 100%;
    float: left;
    margin: 20px 0 12px 0;
  }
  .formbox .inputline .input-container-auto br {
    display: none;
  }
  .formbox .custom-checkbox {
    font-size: 13px;
    line-height: 16px;
  }
  .formbox .customerbox {
    margin: 0px 0 20px 0;
  }
  h3 {
    font-size: 16px;
  }
  .content-row-stepPart-summery .summery-box {
    width: 48%;
    margin: 0 0px 0 0;
  }
  .content-row-stepPart-summery .summery-box:last-child {
    float: right;
  }
  .content-row-stepPart-summery .rows-infos .row-toggle .row-content {
    width: 100%;
  }
  .content-row-stepPart-summery .colum-zusatzbox {
    margin: 20px 0px 0 0;
    width: 100%;
  }
  .roomopen .content-row-stepPart-inventar .inventar-categorylist, .roomopen .content-row-stepPart-zusatzleistungen .inventar-categorylist {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    left: -999px;
    z-index: -1;
    -webkit-transition: all 250ms;
    -moz-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
  }
  .roomopen .content-row-stepPart-inventar .details-wrapper, .roomopen .content-row-stepPart-zusatzleistungen .details-wrapper {
    width: 100%;
    opacity: 1;
    float: left;
    margin: 0px 0 0 0px;
    pointer-events: inherit;
    position: relative;
    z-index: 1;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
  }
  .roomopen .content-row-stepPart-inventar .backtorooms, .roomopen .content-row-stepPart-zusatzleistungen .backtorooms {
    display: block;
    float: left;
    width: 100%;
    font-weight: 500;
    cursor: pointer;
  }
  .roomopen .content-row-stepPart-inventar .backtorooms .img-roomback, .roomopen .content-row-stepPart-zusatzleistungen .backtorooms .img-roomback {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    margin: 0 5px 0 0px;
  }
  .roomopen .backzusatz {
    margin: -10px 0 30px 0;
  }
  .addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(2), .addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(3), .addownitemProductdetail .wapf-field-group .wapf-field-row:nth-of-type(4) {
    width: 100%;
  }
  .box-myinventar .myinventar-item .titel .deleteitem {
    left: -4px;
    margin: -16px 0 0 0;
  }
  .products-hausrat-packservice .btn-packservice {
    max-width: 100%;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .content-row-stepPart-zusatzleistungen .productbox .productItem.productItem-single {
    width: 100%;
  }
  .wrapper-inventar .inventar-categorylist .item-room .labelbox .labelbox-text {
    top: 27px;
  }
  .wrapper-inventar .inventar-categorylist .room-selectbtn-terrasse-balkon-garten .labelbox .labelbox-text, .wrapper-inventar .inventar-categorylist .room-selectbtn-umzugskarton-verpackung .labelbox .labelbox-text, .wrapper-inventar .inventar-categorylist .room-selectbtn-zusaetzliche-montageleistung .labelbox .labelbox-text, .wrapper-inventar .inventar-categorylist .room-selectbtn-schwer-spezialtransport .labelbox .labelbox-text {
    top: 18px;
  }
}

/*# sourceMappingURL=project.css.map */
