.product-slider {
  width: calc(100% - 180px);
  margin: 120px auto 120px;
  min-width: 1160px;
}
.product-slider .swiper {
  width: 100%;
}
.product-slider .swiper .swiper-slide {
  height: initial;
  text-align: center;
  opacity: 0.26;
  transform: scale(0.8);
  transition: opacity 0.3s ease, transform 0.4s ease;
}
.product-slider .swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
  transform: scale(1);
}
.product-slider .swiper .swiper-slide .s-img img {
  width: 100%;
}
.product-slider .swiper .swiper-slide p {
  height: 40px;
  margin-bottom: 0;
}
.product-slider .swiper .slide-control-container {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 40px);
  z-index: 2;
}
.product-slider .swiper .slide-control-container .slider-control {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #3C3C39;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.174' height='21.223' viewBox='0 0 11.174 21.223'%3E%3Cg id='Gruppe_223' data-name='Gruppe 223' transform='translate(0.898 20.324)'%3E%3Cpath id='Pfad_155' data-name='Pfad 155' d='M0,0,9.641-9.713,0-19.426' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.27'/%3E%3C/g%3E%3C/svg%3E%0A");
  z-index: 2;
}
.product-slider .swiper .slide-control-container .slider-control.slide-next {
  margin-right: calc(17% - 25px);
}
.product-slider .swiper .slide-control-container .slider-control.slide-prev {
  margin-left: calc(17% - 25px);
  transform: scale(-1);
}

.to-p-overview {
  text-align: center;
}
.to-p-overview a {
  display: inline-block;
  position: relative;
  color: inherit;
  text-decoration: none;
}
.to-p-overview a:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31.113' height='31.111' viewBox='0 0 31.113 31.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_292' data-name='Pfad 292' d='M0,7.539H22v-22H0Z' transform='translate(0 14.461)' fill='none' stroke='%233c3c39' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_759' data-name='Gruppe 759' transform='translate(-966 -19068)'%3E%3Cg id='Gruppe_758' data-name='Gruppe 758' transform='translate(966 19083.557) rotate(-45)'%3E%3Cg id='Gruppe_359' data-name='Gruppe 359' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_358' data-name='Gruppe 358' transform='translate(0.761 0.76)'%3E%3Cpath id='Pfad_291' data-name='Pfad 291' d='M7.02,7,6.982-13.4m0,0-20.405-.038m20.183.306L-13.458,7.044' transform='translate(13.458 13.435)' fill='none' stroke='%233c3c39' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  transform: translateY(7px);
}
@keyframes jump {
  to {
    transform: translateY(-5px);
  }
}

#productgroups .section-bg .section-title-container {
  top: 20%;
  left: 50%;
  transform: translate(-50%, -20%);
}
#productgroups .section-bg .section-title-container .section-white-txt {
  width: 68%;
  margin-bottom: -35%;
  margin-left: 4%;
}
#productgroups .section-product-teasers {
  display: flex;
  justify-content: center;
  min-height: 125vh;
}
#productgroups .section-product-teasers .product-teasers {
  width: 810px;
  margin-left: auto;
  padding: 30px 0;
}
#productgroups .section-product-teasers .product-teasers .product-teaser-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#productgroups .section-product-teasers .product-teasers .product-teaser-row .product-teaser {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: 250px;
  height: 250px;
  padding: 10px;
  margin: 20px 0;
  background-color: #ffffff;
  box-shadow: 0 5px 10px rgba(255, 255, 255, 0.5);
  transition: 0.3s opacity ease, transform 0.9s ease, box-shadow 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
#productgroups .section-product-teasers .product-teasers .product-teaser-row .product-teaser:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  background-image: url("../img/global/icon-arrow.svg");
}
#productgroups .section-product-teasers .product-teasers .product-teaser-row .product-teaser:hover {
  box-shadow: 1px 5px 25px rgba(255, 255, 255, 0.9);
}
#productgroups .section-product-teasers .product-teasers .product-teaser-row .product-teaser img {
  height: 85px;
}
#productgroups .section-product-teasers .product-teasers .product-teaser-row .product-teaser div {
  height: 64px;
  margin-top: 20px;
  color: #008294;
}
#productgroups .section-product {
  position: relative;
  padding-top: 130px;
  padding-bottom: 130px;
  overflow: hidden;
}
#productgroups .section-product .product-title-area {
  position: relative;
}
#productgroups .section-product .product-title-area .product-title-bg {
  position: absolute;
  top: 0;
  left: -8px;
}
#productgroups .section-product .product-title-area .product-title-bg img {
  width: 100%;
}
#productgroups .section-product .product-title-area .product-title-bg.txt-based {
  font-size: 284px;
}
#productgroups .section-product .product-title-area .product-title img {
  width: 85px;
  margin-left: -13px;
  margin-bottom: 15px;
}
#productgroups .section-product .product-title-area .product-title .h2 {
  position: relative;
  margin-bottom: 46px;
}
#productgroups .section-product .product-title-area .product-title .h2:after {
  content: "";
  display: block;
  width: 60px;
  border-bottom: 1px solid;
}
#productgroups .section-product .product-labels-area {
  position: relative;
}
#productgroups .section-product .product-labels-area .product-img {
  position: relative;
  z-index: 2;
  transform: translateY(0);
}
#productgroups .section-product .product-labels-area .product-img img {
  width: 100%;
}
#productgroups .section-product .product-labels-area .placer {
  z-index: 0;
}
#productgroups .section-product .product-labels-area .lbl {
  position: absolute;
  padding: 22px 14px;
  color: #ffffff;
  background-color: #3C3C39;
  border-radius: 2px;
  transform: translateX(-20px);
  text-align: center;
  z-index: 3;
}
#productgroups .section-product .product-labels-area .move-in-left {
  transform: translateX(20px);
}
#productgroups .section-product .product-labels-area.active > * {
  transform: translateX(0);
}
#productgroups [data-theme=dark] {
  background-color: #ffffff;
}
#productgroups [data-theme=light] {
  background-color: #B1ACA0;
}
#productgroups [data-theme=light] .to-p-overview {
  color: #ffffff;
}
#productgroups [data-theme=light] .to-p-overview a:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='31.113' height='31.111' viewBox='0 0 31.113 31.111'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_292' data-name='Pfad 292' d='M0,7.539H22v-22H0Z' transform='translate(0 14.461)' fill='none' stroke='%233c3c39' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_759' data-name='Gruppe 759' transform='translate(-966 -19068)'%3E%3Cg id='Gruppe_758' data-name='Gruppe 758' transform='translate(966 19083.557) rotate(-45)'%3E%3Cg id='Gruppe_359' data-name='Gruppe 359' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_358' data-name='Gruppe 358' transform='translate(0.761 0.76)'%3E%3Cpath id='Pfad_291' data-name='Pfad 291' d='M7.02,7,6.982-13.4m0,0-20.405-.038m20.183.306L-13.458,7.044' transform='translate(13.458 13.435)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#productgroups [data-theme=light] .product-labels-area .lbl {
  background-color: #ffffff;
  color: #3C3C39;
}
#productgroups #waschbecken .product-title-bg {
  top: 24px;
}
#productgroups #waschbecken .product-labels-area .product-img img {
  width: 97%;
}
#productgroups #waschbecken .product-labels-area .placer {
  z-index: 0;
}
#productgroups #waschbecken .product-labels-area .lbl {
  position: absolute;
  padding: 22px 14px;
  color: #ffffff;
  background-color: #3C3C39;
  border-radius: 2px;
  text-align: left;
  z-index: 1;
}
#productgroups #waschbecken .product-labels-area .move-in-left {
  right: 0;
  text-align: right;
}
#productgroups #waschbecken .product-labels-area .lbl01 {
  top: 82px;
  width: 620px;
}
#productgroups #waschbecken .product-labels-area .lbl02 {
  top: 82px;
  width: 470px;
}
#productgroups #waschbecken .product-labels-area .lbl03 {
  top: 196px;
  width: 360px;
}
#productgroups #waschbecken .product-labels-area .lbl04 {
  top: 196px;
  width: 250px;
}
#productgroups #waschbecken .product-labels-area .lbl05 {
  top: 338px;
  width: 530px;
}
#productgroups #waschbecken .product-labels-area .lbl06 {
  top: 338px;
  width: 520px;
}
#productgroups #waschbecken .product-labels-area .lbl07 {
  top: 478px;
  width: 650px;
}
#productgroups #badmoebel {
  padding-bottom: 60px;
}
#productgroups #badmoebel .product-title-bg {
  top: 125px;
}
#productgroups #badmoebel .product-labels-area .product-img {
  max-width: 650px;
  margin: 0 auto;
}
#productgroups #badmoebel .product-labels-area .lbl01 {
  top: 168px;
  left: 111px;
}
#productgroups #badmoebel .product-labels-area .lbl02 {
  top: 130px;
  right: 220px;
}
#productgroups #badmoebel .product-labels-area .lbl03 {
  top: 325px;
  left: 111px;
  padding: 10px 50px 7px 10px;
  width: 210px;
  background-color: #008294;
  border: 1px solid #008294;
  color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg id='Gruppe_649' data-name='Gruppe 649' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 22 22'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Pfad_292' data-name='Pfad 292' d='M0,7.539H22v-22H0Z' transform='translate(0 14.461)' fill='none' stroke='%23008294' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Gruppe_359' data-name='Gruppe 359' clip-path='url(%23clip-path)'%3E%3Cg id='Gruppe_358' data-name='Gruppe 358' transform='translate(0.761 0.76)'%3E%3Cpath id='Pfad_291' data-name='Pfad 291' d='M7.02,7,6.982-13.4m0,0-20.405-.038m20.183.306L-13.458,7.044' transform='translate(13.458 13.435)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: right 10px center;
  background-repeat: no-repeat;
}
#productgroups #badmoebel .product-labels-area .lblcolors {
  top: 395px;
  right: 150px;
  width: 340px;
  padding: 0;
}
#productgroups #badmoebel .product-labels-area .lbl05 {
  top: 660px;
  left: 160px;
}
#productgroups #badewannen {
  padding-top: 180px;
}
#productgroups #badewannen .product-title-bg {
  position: absolute;
  top: -180px;
}
#productgroups #badewannen .product-title-bg img {
  width: 100%;
}
#productgroups #badewannen .product-labels-area .product-img {
  max-width: 910px;
  margin: 0 auto;
}
#productgroups #badewannen .product-labels-area .lbl01 {
  left: 142px;
  top: 154px;
}
#productgroups #badewannen .product-labels-area .lbl02 {
  left: 732px;
  top: 130px;
}
#productgroups #badewannen .product-labels-area .lbl03 {
  left: 63px;
  top: 369px;
}
#productgroups #badewannen .product-labels-area .lbl04 {
  left: 817px;
  top: 303px;
}
#productgroups #badewannen .product-labels-area .lbl05 {
  left: 158px;
  top: 566px;
}
#productgroups #badewannen .product-labels-area .lbl06 {
  left: 884px;
  top: 454px;
}
#productgroups #badewannen .product-labels-area .lbl07 {
  left: 720px;
  top: 545px;
}
#productgroups #duschwannen {
  padding-top: 160px;
}
#productgroups #duschwannen .product-title-bg {
  top: -70px;
  left: 0;
}
#productgroups #duschwannen .product-labels-area .product-img {
  max-width: 734px;
  margin: 0 auto;
}
#productgroups #duschwannen .product-labels-area .duschwannen-pi-02 {
  max-width: 800px;
}
#productgroups #duschwannen .product-labels-area .duschwannen-pi-02 .duschwannen-figures {
  display: block;
  width: 640px;
  height: 436px;
  padding: 60px 80px;
  margin-left: auto;
  background-color: #3C3C39;
  border-radius: 2px;
  color: #ffffff;
  text-align: right;
}
#productgroups #duschwannen .product-labels-area .duschwannen-pi-02 .duschwannen-figures img {
  position: absolute;
  width: 330px;
  top: 50px;
  left: -50px;
}
#productgroups #duschwannen .product-labels-area .lbl01 {
  left: 74px;
  top: 165px;
}
#productgroups #duschwannen .product-labels-area .lbl02 {
  left: 843px;
  top: 153px;
}
#productgroups #duschwannen .product-labels-area .lbl03 {
  left: 134px;
  top: 363px;
}
#productgroups #duschwannen .product-labels-area .lbl04 {
  left: 903px;
  top: 371px;
}
#productgroups #duschwannen .product-labels-area .lbl05 {
  left: 168px;
  top: 952px;
}
#productgroups #duschwannen .product-labels-area .lbl06 {
  left: 967px;
  top: 507px;
}
#productgroups #armaturen .product-title-bg {
  top: -55px;
  left: 10px;
}
#productgroups #armaturen .product-labels-area .product-img {
  max-width: 444px;
  margin-left: 500px;
  margin-top: -270px;
}
#productgroups #armaturen .product-labels-area .lbl {
  z-index: 1;
  padding-left: 30px;
  padding-right: 50px;
}
#productgroups #armaturen .product-labels-area .lbl.move-in-left {
  padding-left: 50px;
  padding-right: 30px;
}
#productgroups #armaturen .product-labels-area .lbl01 {
  left: 309px;
  top: 15px;
}
#productgroups #armaturen .product-labels-area .lbl02 {
  left: 635px;
  top: -31px;
}
#productgroups #armaturen .product-labels-area .lbl03 {
  left: 228px;
  top: 178px;
}
#productgroups #armaturen .product-labels-area .lbl04 {
  left: 871px;
  top: 143px;
  padding-bottom: 7px;
  padding-top: 10px;
}
#productgroups #armaturen .product-labels-area .lbl05 {
  left: 184px;
  top: 273px;
}
#productgroups #armaturen .product-labels-area .lbl06 {
  left: 608px;
  top: 286px;
}
#productgroups #armaturen .product-labels-area .lbl07 {
  left: 628px;
  top: 415px;
}
#productgroups #armaturen .product-labels-area .v-detail {
  left: 450px;
  bottom: 20px;
}
#productgroups #wc .product-title-bg {
  top: -160px;
  left: 8px;
}
#productgroups #wc .product-labels-area {
  margin-top: -90px;
}
#productgroups #wc .product-labels-area .product-img {
  width: 800px;
  margin: 0 auto;
}
#productgroups #wc .product-labels-area .lbl {
  left: 20px;
}
#productgroups #wc .product-labels-area .lbl.move-in-left {
  left: auto;
  right: 0;
}
#productgroups #wc .product-labels-area .lbl01 {
  top: 140px;
}
#productgroups #wc .product-labels-area .lbl02 {
  top: 130px;
  width: 240px;
}
#productgroups #wc .product-labels-area .lbl03 {
  top: 245px;
}
#productgroups #wc .product-labels-area .lbl04 {
  top: 288px;
}
#productgroups #wc .product-labels-area .lbl05 {
  top: 425px;
  width: 310px;
}
#productgroups #wc .product-labels-area .lbl06 {
  top: 450px;
}
#productgroups #wc .product-labels-area .lbl07 {
  top: 520px;
}
#productgroups #wc .product-labels-area .lbl08 {
  top: 610px;
}
#productgroups #wc .product-labels-area .lbl09 {
  top: 720px;
  left: 150px;
}
#productgroups #wc .product-labels-area .v-detail {
  right: 0;
  top: 760px;
}
#productgroups #wc .to-p-overview {
  padding-top: 150px;
}
#productgroups #duschabtrennung .product-title-bg {
  top: -70px;
}
#productgroups #duschabtrennung .product-labels-area {
  margin-top: -130px;
}
#productgroups #duschabtrennung .product-labels-area .product-img {
  width: 522px;
  margin: 0 auto;
  margin-left: 360px;
}
#productgroups #duschabtrennung .product-labels-area .lbl {
  left: 45px;
  z-index: 1;
}
#productgroups #duschabtrennung .product-labels-area .lbl.move-in-left {
  left: 850px;
  padding-left: 30px;
}
#productgroups #duschabtrennung .product-labels-area .lbl01 {
  top: 150px;
}
#productgroups #duschabtrennung .product-labels-area .lbl02 {
  top: 350px;
}
#productgroups #duschabtrennung .product-labels-area .lbl03 {
  top: 360px;
}
#productgroups #duschabtrennung .product-labels-area .lbl04 {
  top: 500px;
}
#productgroups #duschabtrennung .product-labels-area .lbl05 {
  top: 490px;
  display: flex;
  padding: 0;
}
#productgroups #duschabtrennung .product-labels-area .lbl05 div {
  padding: 20px 40px;
}
#productgroups #duschabtrennung .product-labels-area .lbl05 img {
  width: 120px;
}
#productgroups #duschabtrennung .to-p-overview {
  padding-top: 150px;
}
#productgroups #lichtspiegel {
  padding-top: 110px;
}
#productgroups #lichtspiegel .product-title-bg {
  top: -105px;
  left: 0;
}
#productgroups #lichtspiegel .product-labels-area .product-img {
  max-width: 659px;
  margin: 0 auto;
}
#productgroups #lichtspiegel .product-labels-area .lbl {
  padding: 14px 25px;
}
#productgroups #lichtspiegel .product-labels-area .lbl01 {
  left: 194px;
  top: 169px;
}
#productgroups #lichtspiegel .product-labels-area .lbl02 {
  left: 714px;
  top: 130px;
}
#productgroups #lichtspiegel .product-labels-area .lbl03 {
  left: 221px;
  top: 359px;
}
#productgroups #lichtspiegel .product-labels-area .lbl04 {
  left: 791px;
  top: 256px;
}
#productgroups #lichtspiegel .product-labels-area .lbl05 {
  left: 274px;
  top: 509px;
}
#productgroups #lichtspiegel .product-labels-area .lbl06 {
  left: 812px;
  top: 463px;
}
#productgroups #lichtspiegel .product-labels-area .lbl07 {
  left: 290px;
  top: 650px;
}
#productgroups #accessoires {
  padding-top: 110px;
}
#productgroups #accessoires .product-title-bg {
  top: -105px;
  left: 0;
}
#productgroups #accessoires .product-labels-area {
  margin-top: -180px;
}
#productgroups #accessoires .product-labels-area .product-img {
  max-width: 535px;
  margin: 0 auto;
  margin-left: 220px;
}
#productgroups #accessoires .product-labels-area .lbl {
  padding: 14px 25px;
  z-index: 1;
}
#productgroups #accessoires .product-labels-area .lbl:not(.move-in-left) {
  padding-right: 60px;
}
#productgroups #accessoires .product-labels-area .lbl.move-in-left {
  padding-left: 60px;
}
#productgroups #accessoires .product-labels-area .lbl01 {
  left: 616px;
  top: 67px;
  padding-left: 80px !important;
}
#productgroups #accessoires .product-labels-area .lbl02 {
  left: 0;
  top: 200px;
}
#productgroups #accessoires .product-labels-area .lbl03 {
  left: 626px;
  top: 225px;
}
#productgroups #accessoires .product-labels-area .lbl04 {
  left: 665px;
  top: 388px;
}
#productgroups #accessoires .product-labels-area .lbl05 {
  left: 98px;
  top: 425px;
}
#productgroups #accessoires .product-labels-area.handtuch {
  margin-top: 0;
}
#productgroups #accessoires .product-labels-area.handtuch .product-img {
  max-width: 860px;
  margin: 0 auto;
}
#productgroups #accessoires .product-labels-area.handtuch .lbl01 {
  left: 211px;
  top: 126px;
  padding-left: 25px;
}
#productgroups #accessoires .product-labels-area.handtuch .lbl02 {
  left: 760px;
  top: 123px;
  padding-left: 25px;
}
#productgroups #accessoires .v-chat {
  margin-left: -170px;
}

/*# sourceMappingURL=section-productgroups.css.map */