@charset "utf-8";

@media (min-width: 1200px) {
.pagebuilder   .be-pb-xl-200 {
    padding-bottom: 200px !important;
  }
}

/* BE Colors */

.be-red{color:#cf0a2c!important}
.be-blue{color: #34495e!important}
/* BE Backgroundcolors */
.be-bg-red{color:#fff!important;background-color:#cf0a2c!important}
.be-bg-extra-dark-blue{color:#fff!important;background-color:#232a2f!important}
.be-bg-dark-blue{color:#fff!important;background-color:#203549!important}
.be-bg-blue{color:#fff!important;background-color:#34495e!important}
.be-bg-light-blue{color:#fff!important;background-color:#dae6ee!important}
.be-bg-black{color:#fff!important;background-color:#000!important}
.be-bg-grey{background-color:#ebebeb!important}
.be-bg-light-grey{background-color:#f2f2f2!important}
.be-bg-white{background-color:#ffffff!important}
/* BE Verläufe */
.be-gradient-black-darkblue {background-image: linear-gradient(to top, #232a2f 0%, black 50%)}


/* pagebuilder-custom */

@media (min-width: 992px) {
.pagebuilder   .be-headers.be-bg-iphone-left,
.pagebuilder   .be-headers.be-bg-iphone-right {
    background-image: url("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../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("../img/bg/macbook-full.svg");
}
.pagebuilder .be-features .be-bg-macbook-center::after {
  content: '';
  display: block;
  padding-top: 40%;
}



.pagebuilder .be-call-to-actions.be-bg-iphone {
  background: url("../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("../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("../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;
}


/* css addons */

.buttons-top {
    position: fixed;
    right: 20px;
    top: 20px;
    z-index: 49;
}
.buttons-top .btn {
	background-color: #cf0a2c !important;
	color: white !important;
	padding: 0.6rem 1.2rem;
	border-radius: 999rem;
	font-size: 0.8rem;
	font-weight: 700;
	border: none;
}

	
@media only screen and (max-width: 950px) {
.buttons-top, .show-not-mobile {display: none;}
}

.icon-telefon{margin-left: 36px;}
.icon-telefon::before {
content: url('https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE-CD/Icons/red-outline/svg+small/BE-icon_telefon_small.svg');
position: absolute;
width: 26px;
margin-left: -36px;
}

.be-icon-anfrage, .be-icon-lupe, .be-icon-fahrrad, .be-icon-dealer, .be-icon-einkaufswagen-2 {margin-left: 42px;}
.be-icon-anfrage::before {
    content: url(https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE-CD/Icons/red-outline/svg/BE-icon_anfrage.svg);
    position: absolute;
    width: 32px;
    margin-left: -42px;
	top: -8px;
}
.be-icon-lupe::before {
    content: url(https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE-CD/Icons/red-outline/svg/BE-icon_lupe.svg);
    position: absolute;
    width: 32px;
    margin-left: -42px;
	top: -8px;
}
.be-icon-fahrrad::before {
    content: url(https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE-CD/Icons/red-outline/svg/BE-icon_fahrrad.svg);
    position: absolute;
    width: 32px;
    margin-left: -42px;
	top: -8px;
}
.be-icon-dealer::before {
    content: url(https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE-CD/Icons/red-outline/svg/BE-icon_dealer.svg);
    position: absolute;
    width: 32px;
    margin-left: -42px;
	top: -8px;
}
.be-icon-einkaufswagen-2::before {
    content: url(https://s3.eu-central-1.amazonaws.com/bikeexchange.de/BE-CD/Icons/red-outline/svg/BE-icon_einkaufswagen-2.svg);
    position: absolute;
    width: 32px;
    margin-left: -42px;
	top: -8px;
}

.pagebuilder .be-btn {
    border-radius: 40px;
}



.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Mehr lesen ';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: '... weniger ';
}

.read-more-trigger {
  cursor: pointer;
  font-weight: normal;
}
.read-more-trigger:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cf0a2c;
    font-size: 12px;
    content: "\e602";
    padding-left: 1px;
}


.haken {
font-size: 28px;
color: #90c926;
font-weight: bolder;
}
.seotext p {
font-size: 14px;
line-height: 22px;
letter-spacing: 0;
margin-bottom: 10px;
}

.NewsTile .NewsTile-readMore {
font-size: 14px;
}
.NewsTile .NewsTile-readMore:after{
color: #cf0a2c;	
}
.NewsTile p {
line-height: 22px;
}

.be-text-shadow {
text-shadow: 1px 1px 15px rgba(0,0,0,1);
}