@import url("../ws_pw_library_ebikeguide25.html");

#PageMain,
#PageFooter {
 margin-top: 0;
}

span.salt {
 -moz-font-feature-settings: "salt";
 -webkit-font-feature-settings: "salt";
 font-feature-settings: "salt";
}

.ws-code-section .customContentBlock {
 min-height: 0;
}
.sePage .sePageLayout .sePageMain .divider1-1 .divider {
 border-color: #000000;
}

.ws-section-img-hero-top .hero-text-backdrop {
 background: rgba(0, 0, 0, 0.75);
 display: inline-block;
 border-radius: 12%;
 backdrop-filter: blur(3px);
}

.ws-section-img-hero-top .block-bg-img {
 padding: 120px 30px;
}

.sePage .sePageLayout .ws-section-img-hero,
.sePage .sePageLayout .ws-section-img-hero .container-fluid {
 position: relative;
 background-repeat: no-repeat;
}
.sePage .sePageLayout .sePageMain .ws-section-img-hero .container-fluid::after,
.sePage
 .sePageLayout
 .ws-section-img-hero
 .container
 .content-block-column::after {
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 z-index: 0;
 background: rgba(0, 0, 0, 0.2);
 padding: 0;
 width: 100%;
 content: "";
}
.sePage .sePageLayout .ws-section-img-hero .content-block-column {
 display: flex;
 position: relative;
 align-items: center;
 justify-content: center;
 padding: 12% 0;
 background-repeat: no-repeat;
}
.sePage .sePageLayout .ws-section-img-hero .editContent {
 z-index: 1;
 margin-right: auto;
 margin-left: auto;
 width: 100%;
 max-width: 1080px;
 padding-left: 15px;
 padding-right: 15px;
}

.gradient-bg-one {
 background: rgb(242, 153, 218);
 background: linear-gradient(
 270deg,
 rgba(242, 153, 218, 0.45) 0%,
 rgba(227, 1, 39, 0.45) 50%,
 rgba(254, 213, 27, 0.45) 100%
 );
}

.gradient-bg-two {
 background: rgb(254, 213, 27);
 background: linear-gradient(
 270deg,
 rgba(254, 213, 27, 0.45) 0%,
 rgba(5, 108, 242, 0.45) 50%,
 rgba(4, 191, 104, 0.45) 100%
 );
}

.gradient-bg-three {
 background: rgb(254, 213, 27);
 background: linear-gradient(
 270deg,
 rgba(4, 191, 104, 0.45) 0%,
 rgba(242, 153, 218, 0.45) 50%,
 rgba(227, 1, 39, 0.45) 100%
 );
}

.sePage .sePageLayout .sePageMain .container-fluid {
 padding-left: 15px;
 padding-right: 15px;
}

.sePage .sePageLayout .sePageMain .ws-section-fw .container-fluid {
 padding-left: 30px;
 padding-right: 30px;
}

.custom3-1 .text-center .editContent,
.custom4-1 .text-center .editContent,
.custom5-4 .text-center .editContent {
 margin-right: auto;
 margin-left: auto;
 width: 100%;
 max-width: 1080px;
 padding-left: 15px;
 padding-right: 15px;
}

.container-fluid .custom3-2 .editContent,
.container-fluid .custom4-1 .editContent {
 margin: 0;
 width: 100%;
 max-width: 1080px;
}

.sePageContent .sePageSection.no-button .editContent {
 padding-bottom: 11px;
}

.sePage
 .sePageLayout
 .sePageMain
 .ws-section-catalog-carousel
 .container-fluid {
 padding-left: 25px;
 padding-right: 25px;
}
.sePage
 .sePageLayout
 .ws-section-catalog-carousel
 .container
 .customContentBlock {
 padding-left: 10px;
 padding-right: 10px;
}
.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .slick-slide {
 text-align: center;
 padding: 5px 20px 11px;
 margin: 0 5px;
 background: #ffffff;
 height: inherit !important;
 border-radius: 8px;
}
.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .slick-track {
 display: flex !important;
}
.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .img-thumbnail {
 padding: 11px 0 4px;
 background: transparent;
 border: none;
 mix-blend-mode: multiply;
}

.sePage
 .sePageLayout
 .sePageMain
 .ws-section-catalog-carousel
 .container-fluid {
 padding-left: 25px;
 padding-right: 25px;
}

.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .widgetTitle {
 margin-bottom: 30px;
}

.sePage
 .sePageLayout
 .sePageMain
 .ws-section-catalog-carousel
 .container
 .customContentBlock {
 padding-left: 10px;
 padding-right: 10px;
}
.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .slick-slide {
 text-align: center;
 padding: 5px 20px 11px;
 margin: 0 5px;
 background: #ffffff;
 height: inherit !important;
 border-radius: 8px;
}
.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .slick-track {
 display: flex !important;
}
.sePage .sePageLayout .sePageMain .ws-section-catalog-carousel .img-thumbnail {
 padding: 11px 0 4px;
 background: transparent;
 border: none;
 mix-blend-mode: multiply;
}

.seContentSectionLink {
 text-align: center;
 padding-top: 11px;
}

.sePage .sePageLayout .sePageMain .slick-next,
.sePage .sePageLayout .sePageMain .slick-prev {
 height: 36px;
 width: 36px;
 background: #ffffff;
 box-shadow: 0 1px 4px 0px rgba(54, 58, 89, 0.2);
 border: none;
 border-radius: 50%;
 opacity: 1;
}
.sePage .sePageLayout .sePageMain .slick-next::before,
.sePage .sePageLayout .sePageMain .slick-prev::before {
 font-family: "Material Symbols Outlined";
 font-weight: normal;
 font-style: normal;
 display: inline-block;
 line-height: 1;
 text-transform: none;
 letter-spacing: normal;
 word-wrap: normal;
 white-space: nowrap;
 direction: ltr;
 font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 40;
 color: #000000;
 transition: 0.3s ease-in-out;
 opacity: 1;
 font-size: 18px;
}
.sePage .sePageLayout .sePageMain .slick-next:hover,
.sePage .sePageLayout .sePageMain .slick-next:focus,
.sePage .sePageLayout .sePageMain .slick-prev:hover,
.sePage .sePageLayout .sePageMain .slick-prev:focus {
 background: #ffffff;
 border: none;
}
.sePage .sePageLayout .sePageMain .slick-next:hover::before,
.sePage .sePageLayout .sePageMain .slick-next:focus::before,
.sePage .sePageLayout .sePageMain .slick-prev:hover::before,
.sePage .sePageLayout .sePageMain .slick-prev:focus::before {
 opacity: 1;
 font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48;
}
.sePage .sePageLayout .sePageMain .slick-next {
 right: -16px;
}
.sePage .sePageLayout .sePageMain .slick-next::before {
 content: "arrow_forward";
}
.sePage .sePageLayout .sePageMain .slick-prev {
 left: -16px;
}
.sePage .sePageLayout .sePageMain .slick-prev::before {
 content: "arrow_back";
}
.sePage .sePageLayout .sePageMain .slick-dots {
 margin-left: auto;
 margin-right: auto;
 left: 50%;
 transform: translate(-50%, 0);
 bottom: -30px;
}
.sePage .sePageLayout .sePageMain .slick-dots li.slick-active button:before {
 color: #000000;
 opacity: 0.75;
}
.sePage .sePageLayout .sePageMain .slick-dots li button:before {
 content: "•";
 font-family: "Roboto", sans-serif;
 font-optical-sizing: auto;
 font-size: 15px;
 width: 24px;
 height: 24px;
 line-height: 24px;
 text-align: center;
 color: #000000;
 opacity: 0.25;
}
.sePage
 .sePageLayout
 .sePageMain
 .white-dots
 .slick-dots
 li.slick-active
 button:before,
.sePage .sePageLayout .sePageMain .white-dots .slick-dots li button:before {
 color: #ffffff;
}

.sePage .sePageLayout .ws-section-card {
 margin-bottom: 0;
}
.sePage .sePageLayout .ws-section-card .editContent {
 height: 100%;
 text-align: center;
 border-radius: 8px;
}
.sePage
 .sePageLayout
 .ws-section-card
 .editContent
 div:not(.content-block-content)
 img {
 width: 100%;
 border-radius: 8px 8px 0 0;
 object-fit: cover;
 aspect-ratio: 3/2;
}
.sePage .sePageLayout .ws-section-card .editContent .content-block-content {
 padding: 15px 30px;
 width: 100%;
 max-width: 1080px;
 margin: auto;
}
.sePage
 .sePageLayout
 .ws-section-card
 .editContent
 .content-block-content
 h2:not([class*="ws-heading-"]),
.sePage
 .sePageLayout
 .ws-section-card
 .editContent
 .content-block-content
 h3:not([class*="ws-heading-"]) {
 margin-top: 15px;
 margin-bottom: 7px;
}
.sePage .sePageLayout .ws-section-card .editContent .content-block-content p {
 margin-top: 0;
 margin-bottom: 11px;
}
.sePage
 .sePageLayout
 .ws-section-card
 .editContent
 .content-block-content
 .btn {
 margin-bottom: 15px;
}
.sePage .sePageLayout .ws-section-card.white .editContent {
 background: #ffffff;
}

.sePage .sePageLayout .sePageMain .ws-section-card .container-fluid {
 padding-left: 40px;
 padding-right: 40px;
}

.sePage .sePageLayout .sePageMain .ws-section-card .container {
 padding-left: 40px;
 padding-right: 40px;
}

.sePage .sePageLayout .sePageMain .ws-section-card .row {
 padding: 0;
}
.sePage .sePageLayout .sePageMain .ws-section-card .content-block-column {
 margin-bottom: 0;
 padding: 0 5px 10px;
}
.sePage .sePageLayout .sePageMain .ws-section-card.bottom .container-fluid {
 padding-bottom: 35px;
}

.sePage .sePageLayout .sePageMain .ws-section-details details {
 padding-top: 6px;
 margin-bottom: 5px;
 padding-bottom: 6px;
 border-bottom: 1px solid #000000;
 text-align: left;
}

.sePage .sePageLayout .sePageMain .ws-section-details hr {
 margin-top: 22px;
 margin-bottom: 5px;
 border: 0;
 border-top: 1px solid #000;
}
.sePage .sePageLayout .sePageMain .ws-section-details details p,
.sePage .sePageLayout .sePageMain .ws-section-details details ul,
.sePage .sePageLayout .sePageMain .ws-section-details details ol {
 padding-right: 24px;
}
.sePage
 .sePageLayout
 .sePageMain
 .ws-section-details
 details
 ul.se-unstyled-list
 > li:last-child {
 border-bottom: 0;
}
.sePage
 .sePageLayout
 .sePageMain
 .ws-section-details
 details
 ul.se-unstyled-list
 > li
 > span {
 font-weight: 400;
}
.sePage .sePageLayout .sePageMain .ws-section-details details summary {
 padding-bottom: 5px;
 font-weight: 700;
 font-size: 18px;
 color: #000000;
 cursor: pointer;
 position: relative;
 width: calc(100% - 24px);
 list-style: none;
}
.sePage .sePageLayout .sePageMain .ws-section-details details summary:hover {
 color: #000000;
}
.sePage .sePageLayout .sePageMain .ws-section-details details summary::after {
 font-family: "Material Symbols Outlined";
 font-weight: normal;
 font-style: normal;
 display: inline-block;
 line-height: 1;
 text-transform: none;
 letter-spacing: normal;
 word-wrap: normal;
 white-space: nowrap;
 direction: ltr;
 font-size: 24px;
 content: "add";
 font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 40;
 transition: all 0.25s 0s;
 position: absolute;
 left: 100%;
 top: 50%;
 transform: translateY(-50%) rotate(-90deg);
 transition: all 0.25s 0s;
 animation: fadeIn ease 0.25s;
}
.sePage
 .sePageLayout
 .sePageMain
 .ws-section-details
 details[open]
 > summary::after {
 content: "remove";
 position: absolute;
 transform: translateY(-50%) rotate(0deg);
}

.sePage
 .sePageLayout
 .sePageMain
 .ws-section-details
 details
 summary::-webkit-details-marker,
.sePage .sePageLayout .sePageMain .ws-section-details details summary::marker {
 display: none;
}

.sePage .sePageLayout .ws-btn-group {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}
.sePage .sePageLayout .ws-btn-group .btn:not(:last-child) {
 margin-bottom: 4px;
}
.sePage .sePageLayout .ws-btn-group .btn {
 margin-top: 0;
 width: 100%;
}

@media (min-width: 768px) {
 .sePageMain .container {
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px;
 }
 .sePage .sePageLayout .ws-btn-group {
 display: flex;
 flex-direction: row;
 }
 .sePage .sePageLayout .ws-btn-group .btn:not(:last-child) {
 margin-right: 4px;
 margin-bottom: 11px;
 }
 .sePage .sePageLayout .ws-btn-group .btn {
 margin-bottom: 11px;
 width: auto;
 }
}
