@charset "utf-8";

/* pagebuilder-custom */

@media (min-width: 992px) {
.pagebuilder   .be-headers.be-bg-iphone-left,
.pagebuilder   .be-headers.be-bg-iphone-right {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/iphone-lg.svg");
    background-repeat: no-repeat;
    background-size: 412px auto;
  }
}
.pagebuilder .be-headers.be-bg-iphone-left {
  background-position: 25% 154px;
}
.pagebuilder .be-headers.be-bg-iphone-right {
  background-position: 75% 154px;
}
@media (min-width: 992px) {
.pagebuilder   .be-headers .be-bg-iphone-left-small {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/iphone-330.svg");
    background-repeat: no-repeat;
    background-size: 330px auto;
    background-position: center;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-headers.be-bg-macbook-left {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook-full.svg");
    background-repeat: no-repeat;
    background-position: -5vw 18vh;
    background-size: 50vw auto;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-headers.be-bg-devices {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/ipad-iphone.svg");
    background-repeat: no-repeat;
    background-position: right 190px;
    background-size: 50% auto;
  }
}
.pagebuilder .be-headers .be-bg-browser {
  background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/browserframe.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.pagebuilder .be-headers .be-bg-browser::after {
  content: '';
  display: block;
  padding-top: 30%;
}
.pagebuilder .be-headers .be-bg-ipad {
  background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/ipad.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.pagebuilder .be-headers .be-bg-ipad::after {
  content: '';
  display: block;
  padding-top: 35%;
}
.pagebuilder .be-headers .be-striked-header span {
  background: #e7e7e7;
  padding: 0 25px;
}

.pagebuilder .be-contents.be-bg-iphone-left,
.pagebuilder .be-contents.be-bg-iphone-right {
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
.pagebuilder   .be-contents.be-bg-iphone-left,
.pagebuilder   .be-contents.be-bg-iphone-right {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/iphone-lg.svg");
    background-size: 420px 853px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-contents.be-bg-iphone-left {
    background-position: calc(50% - 290px) 100px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-contents.be-bg-iphone-right {
    background-position: calc(50% + 290px) 100px;
  }
}
.pagebuilder .be-contents.be-bg-devices {
  background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/ipads.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.pagebuilder .be-contents.be-bg-macbook {
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) {
.pagebuilder   .be-contents.be-bg-macbook {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook.svg");
    background-size: 473px 280px;
    background-position-x: calc(50% + 55px);
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-contents.be-bg-macbook {
    background-size: 723px 429px;
    background-position-x: calc(50% + 220px);
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-sliders.be-bg-macbook {
    background: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook-full.svg") no-repeat;
    background-size: 760px 439px;
    background-position: calc(50% - 500px) center;
  }
}
.pagebuilder .be-sliders .be-bg-iphone {
  padding: 53px 0 62px;
  background: #fff url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/iphone-330-noscreen.svg") no-repeat;
  background-position: center top;
  background-size: auto 462px;
}
@media (min-width: 576px) {
.pagebuilder   .be-sliders .be-bg-iphone {
    padding: 78px 0 90px;
    background-size: auto 670px;
  }
}
.pagebuilder .be-sliders .be-iphone-screen {
  height: 346px;
  width: 200px;
  margin: 0 auto;
  -webkit-transition: 0.5s ease background, 0.5s ease border;
  transition: 0.5s ease background, 0.5s ease border;
  border: 2px solid transparent;
}
@media (min-width: 576px) {
.pagebuilder   .be-sliders .be-iphone-screen {
    height: 502px;
    width: 290px;
  }
}
.pagebuilder .be-sliders .is-selected .be-iphone-screen {
  background-color: #fff;
  border: 1px solid #cccccc;
}
@media (min-width: 576px) {
.pagebuilder   .be-sliders .is-selected .be-iphone-screen {
    border: 2px solid #cccccc;
  }
}
.pagebuilder .be-sliders .be-slider-fluid .be-slider-item {
  max-width: calc(100% - 30px);
  opacity: 0.3;
  -webkit-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
}
@media (min-width: 576px) {
.pagebuilder   .be-sliders .be-slider-fluid .be-slider-item {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-sliders .be-slider-fluid .be-slider-item {
    max-width: 950px;
  }
}
.pagebuilder .be-sliders .be-slider-fluid .be-slider-item.is-selected {
  opacity: 1;
}
.pagebuilder .be-features.be-bg-iphone-left,
.pagebuilder .be-features.be-bg-iphone-center,
.pagebuilder .be-features.be-bg-iphone-right,
.pagebuilder .be-features.be-bg-iphone-right-top,
.pagebuilder .be-features.be-bg-macbook-left {
  background-repeat: no-repeat;
}
@media (min-width: 576px) {
.pagebuilder   .be-features.be-bg-iphone-left,
.pagebuilder   .be-features.be-bg-iphone-center,
.pagebuilder   .be-features.be-bg-iphone-right,
.pagebuilder   .be-features.be-bg-iphone-right-top,
.pagebuilder   .be-features.be-bg-macbook-left {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/iphone-lg.svg");
    background-size: 280px 568px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features.be-bg-iphone-left,
.pagebuilder   .be-features.be-bg-iphone-center,
.pagebuilder   .be-features.be-bg-iphone-right,
.pagebuilder   .be-features.be-bg-iphone-right-top,
.pagebuilder   .be-features.be-bg-macbook-left {
    background-size: 420px 853px;
  }
}
@media (min-width: 576px) {
.pagebuilder   .be-features.be-bg-iphone-left {
    background-position: calc(33% - 140px) 50%;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features.be-bg-iphone-left {
    background-position: calc(50% - 290px) 100px;
  }
}
@media (min-width: 576px) {
.pagebuilder   .be-features.be-bg-iphone-center {
    background-image: none;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features.be-bg-iphone-center {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/iphone-lg.svg");
    background-position: 50% 260px;
  }
}
@media (min-width: 576px) {
.pagebuilder   .be-features.be-bg-iphone-right {
    background-position: calc(50% + 170px) 140px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features.be-bg-iphone-right {
    background-position: calc(50% + 290px) 220px;
  }
}
@media (min-width: 576px) {
.pagebuilder   .be-features.be-bg-iphone-right-top {
    background-position: calc(50% + 170px) 60px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features.be-bg-iphone-right-top {
    background-position: calc(50% + 290px) 100px;
  }
}
@media (min-width: 576px) {
.pagebuilder   .be-features.be-bg-macbook-left {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook-full.svg");
    background-size: 594px 342px;
    background-position: calc(50% - 372px) center;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features.be-bg-macbook-left {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook-full.svg");
    background-size: 890px 514px;
    background-position: calc(50% - 475px) 268px;
  }
}
.pagebuilder .be-features .be-bg-macbook-center {
  background-size: 121% auto;
  background-position: center top;
  background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook-full.svg");
}
.pagebuilder .be-features .be-bg-macbook-center::after {
  content: '';
  display: block;
  padding-top: 40%;
}

.pagebuilder .be-features .be-feature-tooltips {
  display: inline-block;
  position: relative;
}
.pagebuilder .be-features .be-icon-feature {
  border: 2px solid #e7e7e7;
  position: absolute;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  -webkit-transition: 0.3s ease border;
  transition: 0.3s ease border;
  cursor: pointer;
  margin: -16px 0 0 -16px;
  background: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/icons/plus.svg") center no-repeat #fff;
  background-size: 12px;
}
.pagebuilder .be-features .be-icon-feature:hover {
  border-color: var(--primary);
}
.pagebuilder .be-features .be-feature-tooltip {
  width: 100%;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin-top: -16px;
}
@media (min-width: 992px) {
.pagebuilder   .be-features .be-feature-tooltip {
    width: 0;
    height: 32px;
  }
.pagebuilder   .be-features .be-feature-tooltip.be-tooltip-1 {
    left: 10%;
    top: 16%;
  }
.pagebuilder   .be-features .be-feature-tooltip.be-tooltip-2 {
    left: 91%;
    top: 32%;
  }
.pagebuilder   .be-features .be-feature-tooltip.be-tooltip-3 {
    left: 19%;
    top: 75%;
  }
.pagebuilder   .be-features .be-feature-tooltip.be-tooltip-4 {
    left: 76%;
    top: 93%;
  }
}
.pagebuilder .be-features .be-feature-tooltip-overlay {
  position: absolute;
  height: 300px;
  top: -134px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.5s ease opacity;
  transition: 0.5s ease opacity;
}
@media (min-width: 576px) {
.pagebuilder   .be-features .be-feature-tooltip-overlay {
    width: 315px;
    left: 50%;
    margin-left: -162px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-features .be-feature-tooltip-overlay {
    left: 50px;
    margin-left: 0;
  }
}
.pagebuilder .be-features .be-icon-feature:hover + .be-feature-tooltip {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}
.pagebuilder .be-features .be-feature-tooltip-overlay {
  pointer-events: none;
}
.pagebuilder .be-features .be-feature-tooltip-overlay .be-inner {
  border: 2px solid #e7e7e7;
  width: 100%;
  border-radius: 4px;
  background: #fff;
  padding: 30px;
}
@media (min-width: 992px) {
.pagebuilder   .be-features .be-feature-tooltip-overlay .be-inner::after,
.pagebuilder   .be-features .be-feature-tooltip-overlay .be-inner::before {
    content: '';
    border: 10px solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent;
    position: absolute;
    left: -10px;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -10px;
  }
.pagebuilder   .be-features .be-feature-tooltip-overlay .be-inner::before {
    border-right-color: #e7e7e7;
  }
.pagebuilder   .be-features .be-feature-tooltip-overlay .be-inner::after {
    border-right-color: #fff;
    margin-left: 3px;
  }
}




.pagebuilder .be-call-to-actions.be-bg-iphone {
  background: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/iphone.svg") center bottom -95px no-repeat;
  padding-bottom: 350px;
  background-size: 224px auto;
}
@media (min-width: 576px) {
.pagebuilder   .be-call-to-actions.be-bg-iphone {
    background-position: center bottom -145px;
    background-size: 324px auto;
    padding-bottom: 475px;
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-call-to-actions.be-bg-iphone {
    background-position: center bottom -170px;
  }
}



.pagebuilder .be-forms.be-bg-macbook {
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 576px) {
.pagebuilder   .be-forms.be-bg-macbook {
    background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/macbook-full.svg");
    background-size: 600px auto;
    background-position-x: calc(80% + 315px);
  }
}
@media (min-width: 992px) {
.pagebuilder   .be-forms.be-bg-macbook {
    background-size: 890px auto;
    background-position-x: calc(50% + 460px);
  }
}
.pagebuilder .be-forms.be-bg-devices {
  background-image: url("https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE_HOMEPAGE/PB-BikeExchange/img/bg/ipads.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}



.pagebuilder .be-contacts .be-bg-map-right {
  background: url("../img/maps/map-1.png") no-repeat;
  background-size: cover;
  min-height: calc(100vw - 30px);
  border-radius: 4px;
}
@media (min-width: 576px) {
.pagebuilder   .be-contacts .be-bg-map-right {
    min-height: 50%;
  }
}
.pagebuilder .be-contacts .be-bg-map-left {
  background-image: url("../img/maps/map-2.png");
  background-size: cover;
  border-radius: 4px;
  min-height: calc(100vw - 30px);
}
@media (min-width: 576px) {
.pagebuilder   .be-contacts .be-bg-map-left {
    min-height: 100%;
  }
}
.pagebuilder .be-contacts .be-bg-square-map {
  background-image: url("../img/maps/map-4.png");
  border-radius: 4px;
  background-size: cover;
}
.pagebuilder .be-contacts .be-bg-full-map {
  background-image: url("../img/maps/map-3.png");
  background-size: cover;
}



.pagebuilder .be-contacts .be-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -34px 0 0 -10px;
  width: 21px;
  height: 34px;
}
.pagebuilder .be-contacts .be-baloon {
  text-align: left;
  width: 300px;
  position: absolute;
  background: #fff;
  border-radius: 4px;
  padding: 30px;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -85px;
}
@media (min-width: 576px) {
.pagebuilder   .be-contacts .be-baloon {
    width: 360px;
    margin-left: -180px;
  }
}
.pagebuilder .be-contacts .be-baloon::after {
  content: '';
  left: 50%;
  margin-left: -10px;
  top: 100%;
  border: 10px solid transparent;
  border-width: 10px 10px 0 10px;
  border-top-color: #fff;
  position: absolute;
}
@media (min-width: 992px) {
.pagebuilder   .be-contacts .be-baloon.be-left-tail {
    margin-left: 15px;
  }
.pagebuilder   .be-contacts .be-baloon.be-left-tail::after {
    left: 40px;
    margin-left: 0;
  }
}
.pagebuilder .be-contacts .be-baloon.be-baloon-on-map {
  position: absolute;
  pointer-events: none;
  left: 0;
  right: 0;
  margin: -190px auto 0 auto;
  top: 50%;
  opacity: 0;
  display: none;
}
@media (min-width: 576px) {
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map {
    margin: -100px auto 0 auto;
  }
}
.pagebuilder .be-contacts .be-baloon.be-baloon-on-map::after {
  display: none;
}
@media (min-width: 992px) {
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map {
    margin: 20px 0 0 -45px;
    -webkit-transition: 0.3s ease opacity;
    transition: 0.3s ease opacity;
  }
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map.be-baloon-1 {
    left: 26%;
    top: 33%;
  }
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map.be-baloon-2 {
    left: 57.5%;
    top: 28%;
  }
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map.be-baloon-3 {
    left: 85.5%;
    top: 43%;
  }
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map.be-baloon-4 {
    left: 21.5%;
    top: 55.5%;
  }
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map.be-baloon-5 {
    left: 55%;
    top: 52.5%;
  }
.pagebuilder   .be-contacts .be-baloon.be-baloon-on-map::after {
    display: block;
    left: 35px;
    margin-left: 0;
    top: -10px;
    border-width: 0 10px 10px 10px;
    border-top-color: transparent;
    border-bottom-color: #fff;
  }
}
.pagebuilder .be-contacts .be-map-pin {
  position: absolute;
}
.pagebuilder .be-contacts .be-map-pin:hover + .be-baloon.be-baloon-on-map {
  display: block;
  opacity: 1;
  z-index: 3;
}
.pagebuilder .be-contacts .be-baloon-content img {
  float: left;
  margin-right: 15px;
}
.pagebuilder .be-contacts .be-baloon-content-text {
  overflow: hidden;
}