@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
* {margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #ffffff;font-size:22px;line-height:1.3; font-family: 'Montserrat', sans-serif;font-weight:400; color: #000000;}
ul {list-style: none;padding: 0;}
p {font-size:22px;line-height:1.2;margin-bottom: 30px;}
a {color: #000000;text-decoration: none;}

/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {margin-bottom: 15px;font-weight:700;line-height: 1.1;}
h1{font-size: 70px;}
h2{font-size: 56px;}
h3{font-size: 40px;}
h4{font-size: 32px;}
h5{font-size: 24px;}
h6{font-size: 22px;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}

/* global css start */
.full_width{width: 100%;}
.wrapper{max-width: 100%;margin: 0 auto;width: 100%;padding:0 60px;}
.btn_one{padding: 16px 16px;min-width:285px;text-align: center;text-transform: uppercase;border-radius: 6px; transition: 0.4s;font-size:22px;font-weight: 700; line-height: 1;display: inline-block;background: #5bac38;color:#000000;border: 2px solid #5bac38;}
.btn_one:hover{background: #fff;border-color: #fff;}
.btn_one span{color: #fff;transition: 0.4s;}
.btn_one:hover span{color: #5bac38;}
.btn_two,.btn-primary{padding: 16px 16px;min-width:280px;text-align: center;border-radius: 6px; transition: 0.4s;font-size:28px;font-weight: 700; line-height: 1;display: inline-block;background: #5bac38;color:#fff;border: 2px solid #5bac38;}
.btn_two:hover,.btn-primary:hover{background: transparent;color: #000;}
 h2 strong{color: #56a838;font-weight: 700;}
.title{text-align: center;margin-bottom: 25px;}
.title h2 span{color: #5bac38;}
.title h3{font-size: 44px;color: #ebebeb;}
/* global css end */
/* header start */
.header{line-height: 1;background: #000000;padding-bottom: 2px;transition: 0.4s;z-index: 999;}
.header .header_inner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;min-height: 94px;}
.header .logo{width: 399px;float: left;}
.header .navigation{width: calc(100% - 399px);float: right;text-align: right;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.header .navigation nav{width: calc(100% - 274px);float: left;text-align: center;}
.header img{display: block;}
.header li{display: inline-block;position: relative;}
.header li.active a{color: #5bac38 ;}
.header li a{font-size: 20px;text-transform: capitalize;font-weight: 700;display:block;color: #fff;padding-right: 25px;transition: 0.4s;}
.header li a:hover{color: #5bac38;}
.header li:last-child a{padding-right: 0;}
.header .navigation .buchen_btn{width: 274px;float: right;}
.buchen_btn a{width: 100%;text-align: left;padding: 25px 10px 25px 98px;line-height: 1.1; font-size: 20px;text-transform: uppercase;font-weight: 700;background:url(../images/bike-man.png)left 20px center no-repeat #5bac38;color: #fff;display: inline-block;}
.buchen_btn a span{color: #000000;display: block;}
/* menu bar css */
.header .mobile_bar{position: absolute;width: 38px;right: 30px;top: 50%;transform: translateY(-50%);display: none;}
.header .mobile_bar span{width: 100%;height: 3px;margin-bottom: 8px;background: #5bac38;display: block;}
.header .mobile_bar span:last-child{margin-bottom: 0;}
/* sub menu */
.header .navigation li ul{border: 1px solid #5bac38; display: none; box-shadow: -4px -1px 18px -10px rgba(51,51,51,0.85);position: absolute;min-width: 410px;left: -30px;top: 62px;background: #000;z-index: 10;padding: 30px;border-radius: 15px;}
.header .navigation li li{text-align: left;display: block;margin-bottom: 20px;}
.header .navigation li li:last-child{margin-bottom: 0;}
.header .navigation li li a{font-weight: 500;display: block;color: #fff;padding: 0 !important;}
.header .navigation   li li.active a,.header .navigation li li a:hover{color: #5bac38;}
.header .navigation li:hover ul{display: block;}
.header .navigation ul > li  a{padding-top: 22px; padding-bottom: 22px;}

/* header end */
/* banner start */
.main_banner{background: #5bac38;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 12px 0;height: calc(100vh - 96px);}
.main_banner h3{color: #fff;text-transform: uppercase;font-weight: 800;margin-bottom: 5px;}
.main_banner h1{color: #fff;font-weight: 700;margin-bottom: 10px;}
.main_banner p{color: #fff;font-size: 24px;font-weight: 500;}
.main_banner .left_part{width:51.7%;margin-right: -1.7%; float: left;position: relative;clip-path: polygon(0px 0px, 100% 0%, 92% 100%, 0% 100%);z-index: 11;}
.main_banner .right_part{width:51.7%;float: right;position: relative;margin-left: -1.7%;clip-path: polygon(8% 0px, 100% 0%, 100% 100%, 0% 100%);}
.main_banner .text_box{padding:0 112px; position: absolute;left: 0;bottom: 90px;}
.main_banner .right_part .text_box{padding-left: 212px;}
.main_banner .left_part::before,.main_banner .right_part::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.main_banner h3 strong{color: #ffa800;font-weight: 400;}

/* banner end */
.three_cardblock{position: relative;}
.card_block_slider{background: #5bac38;position: relative;padding-bottom: 12px;z-index: 2;}
.card_block_slider .slidercard{background: #fff;float: left;position: relative;}
.three_cardblock::after{z-index: 1; content: "";position: absolute;left: 0%;bottom: -58px;background: url(../images/shadow1.png)center center no-repeat;width: 56%;height: 208px;}
.three_cardblock::before{z-index: 1; content: "";position: absolute;right: 0%;bottom: -58px;background: url(../images/shadow1.png)center center no-repeat;width: 56%;height: 208px;}
.card_block_slider .text_box{padding: 20px 40px;min-height: 105px;display: flex;align-items: center;flex-wrap: wrap;position: relative;}
.card_block_slider .slidercard h5 {width: 100%;float: left;padding-right: 60px;margin-bottom: 0;}
.card_block_slider .slidercard .btn_link{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);}
.card_block_slider .slidercard h5 strong{color: #5bac38;}
.card_block_slider .slidercard  img{display: block;width: 100%;}
.card_block_slider .slick-list{padding: 0 28% !important;}
.card_block_slider .slick-slide{margin: 0 6px;}
.slick-prev.slick-arrow{position: absolute;left: 0;font-size: 0; top: 50%; z-index: 1;transform: translateY(-50%);background: url(../images/left-arrow.png)center left 16px no-repeat rgba(255, 255, 255, 0.8);width: 62px;height:104px;border: none;cursor: pointer;}
.slick-next.slick-arrow{position: absolute;right: 0;font-size: 0; top: 50%; z-index: 1;transform: translateY(-50%);background: url(../images/right-arrow.png) center right 16px no-repeat rgba(255, 255, 255, 0.8);width: 62px;height: 104px;border: none;cursor: pointer;}
/* our client section start */
.company_logo{padding: 100px 0px 85px;background: #fff;}
.logo_slider{padding: 15px 80px 8px 80px;}
.logo_slider .slide_card{border:1px solid#ededed; background: #ffffff;display: flex !important;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;min-height: 307px;position: relative;}
.logo_slider .slick-slide{margin: 0 20px;}
.logo_slider .slick-prev.slick-arrow{background-color: rgba(0, 0, 0,0.8);left: -60px;}
.logo_slider .slick-next.slick-arrow{background-color: rgba(0, 0, 0,0.8);right: -60px;}
/* our client section end */
/* contact now start */
.contact_now{background: #000000;padding: 135px 0 175px;clip-path: polygon(0px 0px, 100% 0%, 100% 92%, 0% 100%);margin-bottom: -55px;position:relative;z-index: 8;}
.contact_now .inner_details{display: flex;justify-content: space-around;flex-wrap: wrap;padding: 37px 70px 0;}
.contact_now .card{width: auto;float: left;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.contact_now .card .icons{width: 120px;height: 120px;background: #5bac38;border-radius: 100%; float: left;display: flex;justify-content:center;flex-wrap: wrap;align-items: center;}
.contact_now .card .text{width:calc(100% - 120px);float: right;padding-left: 20px;}
.contact_now .card h4{color: #fff;margin-bottom: 0;}
.contact_now .card img{display: block;}
/* contact now end */
/* Kumpan  Elektro-Roller start */
.elektro_roller{padding: 80px 0 72px;background: #f4f4f4;}
.elektro_card{text-align: center;position: relative;cursor: pointer;transition: 0.4s; width:calc(100% - 60px) !important;float: left;margin: 30px;padding: 20px 20px;}
.elektro_card .text{padding-top: 40px;}
.elektro_card .image{display: flex;justify-content: center;}
.elektro_card .image img{display:block}
.elektro_card h3{font-weight: 800;margin-bottom: 10px;}
.elektro_card h3 span,.elektro_card h3 strong{color: #5bac38;font-weight: 800;}
.elektro_card p{font-weight: 500;font-size: 24px;}

.speed_detail{box-shadow: 2px 2px 13px -1px rgba(0,0,0,0.75);transition: 0.4s; opacity: 0;visibility: hidden; position: absolute;top: 0;left: 0;padding: 90px 20px 20px;background:rgba(255, 255, 255, 0.7);width: 100%;height: 100%;}
.speed_detail ul{display: flex;justify-content: center;flex-wrap: wrap;}
.speed_detail li{background: #000000;height: 126px;width: 126px;border-radius: 100%;color: #fff;display:flex;flex-wrap: wrap;justify-content: center;align-items: center; font-size: 24px;font-weight: 500;line-height: 1.1;margin-right: 35px;}
.speed_detail li:last-child{margin-right: 0;}
.speed_detail li span{font-size: 34px;font-weight: 700;display: block;}
.speed_detail .button_box{width: 100%;float: left;padding: 50px 0;}
.elektro_card:hover .speed_detail{opacity: 1;visibility: visible;transition: 0.4s;}
.elektro_card:hover .text{position:relative;z-index: 10;}

.elektro_slider .slick-prev.slick-arrow{background-color: rgba(0, 0, 0,0.8);left: -60px;}
.elektro_slider .slick-next.slick-arrow{background-color: rgba(0, 0, 0,0.8);right: -60px;}
.elektro_slider .slick-dots{text-align: center;position: absolute;left: 50%;bottom: -40px;transform: translateX(-50%);}
.elektro_slider .slick-dots li{display: inline-block;margin: 0 10px;}
.elektro_slider .slick-dots li.slick-active button{background: #5bac38;}
.elektro_slider .slick-dots button{border: none;font-size: 0;width: 25px;height: 25px;border-radius: 100%; background: #000000;}

.elektro_roller_section  .elektro_card{text-align: center;position: relative;cursor: pointer;transition: 0.4s; width:calc(100% - 60px) !important;float: left;margin: 30px;padding: 20px 20px;}
.elektro_roller_section  .elektro_card .text{padding-top: 40px;}
.elektro_roller_section  .elektro_card .image{display: flex;justify-content: center;}
.elektro_roller_section  .elektro_card .image img{display:block}
.elektro_roller_section  .elektro_card h3{font-weight: 800;margin-bottom: 10px;font-size: 40px;}
.elektro_roller_section  .elektro_card h3 span{color: #5bac38;font-weight: 800;}
.elektro_roller_section  .elektro_card p{font-weight: 500;font-size: 24px;}

.elektro_roller_section  .speed_detail{box-shadow: 2px 2px 13px -1px rgba(0,0,0,0.75);transition: 0.4s; opacity: 0;visibility: hidden; position: absolute;top: 0;left: 0;padding: 90px 20px 20px;background:rgba(255, 255, 255, 0.7);width: 100%;height: 100%;}
.elektro_roller_section .elektro_roller_section .speed_detail ul{display: flex;justify-content: center;flex-wrap: wrap;}
.elektro_roller_section .speed_detail li{background: #000000;height: 126px;width: 126px;border-radius: 100%;color: #fff;display:flex;flex-wrap: wrap;justify-content: center;align-items: center; font-size: 24px;font-weight: 500;line-height: 1.1;margin-right: 35px;}
.elektro_roller_section .speed_detail li:last-child{margin-right: 0;}
.elektro_roller_section .speed_detail li span{font-size: 34px;font-weight: 700;display: block;}
.elektro_roller_section .speed_detail .button_box{width: 100%;float: left;padding: 50px 0;}
/* Kumpan  Elektro-Roller end */
/* Energica  Elektro-Motorräder start */
.elektro_motorräder{background: #0c0c0c;padding:110px 0 122px;clip-path: polygon(0px 0px, 100% 0%, 100% 95%, 0% 100%);position: relative;z-index: 11;margin-bottom: -55px;}
.elektro_motorräder .title h2{color: #f4f4f4;}
.elektro_motorräder .elektro_slider .slick-prev.slick-arrow{background: url(../images/prev.png)center center no-repeat #43812d;left: -60px;}
.elektro_motorräder .elektro_slider .slick-next.slick-arrow{background: url(../images/next.png)center center no-repeat #43812d;right: -60px;}
.elektro_motorräder .elektro_slider .slick-dots button{ background: #f4f4f4;}
.elektro_motorräder .elektro_slider p,.elektro_motorräder .elektro_slider h3{color: #f4f4f4;}
.elektro_motorräder .elektro_slider .elektro_card{padding: 10px 0px 0 !important;}
.elektro_motorräder .elektro_card .text{padding-top: 25px;}
.elektro_slider .slick-dots{bottom: -10px;}
.elektro_motorräder .speed_detail{background: transparent;box-shadow:-3px -1px 26px -2px rgba(86, 168, 56, 0.75);}
.elektro_motorräder .elektro_card:hover .text{background: #fff;}
.elektro_motorräder .elektro_card:hover .text p,.elektro_motorräder .elektro_card:hover .text h3{color: #000;}
.elektro_motorräder .speed_detail li{background: #ffffff;color: #000;}
.elektro_motorräder .speed_detail .btn_two:hover{color: #fff;border-color: #fff;background: #0c0c0c;}
/* Energica  Elektro-Motorräder end */
/* Warum E-Performance start */
.warum_eperformance{background: #f4f4f4;padding: 140px 0 90px;position: relative;}
.warum_eperformance .image{position:absolute;right: 0;bottom: 0;width: 36%;text-align: right;height: 100%;display: flex; align-items: flex-end;justify-content: flex-end;}
.warum_eperformance .image img{display: inline-block;max-width: 100%;max-height: 100%;}
.warum_eperformance .inner_section{max-width:66%;padding: 0 70px;}
.warum_eperformance h3{font-size: 44px;margin-bottom: 10px;}
.warum_eperformance h4{font-size: 34px;font-weight: 500;color: #56a838;}
.warum_eperformance ul{list-style-type: disc;padding-left: 25px;margin: 30px 0;}
.warum_eperformance li{font-size: 26px;font-weight: 700;}
.warum_eperformance p{font-weight: 600;margin-bottom: 30px;line-height: 1.5;}
.warum_eperformance h6{font-weight: 600;color: #56a838;margin-bottom: 5px;}
.warum_eperformance .button_box{margin-top: 20px;}
.warum_eperformance .btn_two{padding: 16px 60px;}
/* .warum_eperformance .btn_two{min-width:473px;} */
/* Warum E-Performance end */
/* Zufriedene  Kunden start */
.zufriedene_kunden{background: #fff;padding: 80px 0 142px;}
.zufriedene_kunden .elektro_card {background: #000;padding: 20px 20px !important;text-align: left;width: calc(100% - 16px) !important;margin: 8px;}
.zufriedene_kunden .elektro_card .video iframe{display: block;width: 100%;height: 305px;}
.zufriedene_kunden .elektro_card p{font-size: 34px;font-weight: 600;font-style: italic;color: #ffffff;}
.zufriedene_kunden .elektro_card h4{color: #fff;font-size: 34px;font-weight: 400;line-height: 1.1;}
.zufriedene_kunden .elektro_card h4 span{color: #56a838;font-size: 44px;font-weight: 700;display: block;}
.zufriedene_kunden .elektro_slider .slick-dots{display: none !important;}
.zufriedene_kunden .elektro_card .text{position: relative;min-height: 280px;}
.zufriedene_kunden .elektro_card .text .author_name{position:absolute;bottom: 10px;left: 20px;}
.zufriedene_kunden .button_box{text-align: center;padding-top: 60px;}
.zufriedene_kunden .button_box .btn_two{padding: 16px 30px;}
/* Zufriedene  Kunden end */
/* faq start */
.faq{padding:130px 0 105px;background: #e8e8e8;clip-path: polygon(0px 50px, 100% 0%, 100% 100%, 0% 100%);margin-top: -54px;position: relative;z-index: 12;}
.faq_section .accordian{max-width: 1315px;margin: 0 auto;width: 100%;}
.faq_section .acc-items { background: #fff;border-radius: 15px;margin-bottom: 20px;cursor: pointer;}
.faq_section .acc-title{padding: 33px 44px;position: relative;}
.faq_section .acc-title h5{font-weight: 700;font-size: 30px;padding-right: 212px;margin-bottom: 0;}
.faq_section .acc-title::before {transition: 0.4s;content: "";background: url(../images/down-arrow.png)center center no-repeat;right: 30px;top: 50%;transform: translateY(-50%);width: 34px; height: 21px; position: absolute;}
.faq_section .acc-title.active::before{transform:translateY(-50%) rotate(180deg);}
.faq_section .acc-items .acc-content{padding: 0px 44px 35px;}
.faq_section .acc-items .acc-content p:last-child{margin-bottom: 0;}
/* faq end */
/* cta start */
.cta{display: flex;flex-wrap: wrap;margin-bottom: -2px;}
.cta .left_part{background: #56a838;width: 52.2%;float: left;margin-right: -2.2%; text-align: center;padding: 56px 40px;clip-path: polygon(0px 0px, 100% 0%, 92% 100%, 0% 100%);}
.cta h3{font-size: 34px;}
.cta p{color: #ffffff;font-weight: 500;}
.cta .right_part{background: #000000;width: 52.2%;float: right;margin-left:-2.2% ; text-align: center;padding: 56px 40px;clip-path: polygon(8% 0px, 100% 0%, 100% 100%, 0% 100%);}
.cta .right_part h3{color: #56a838;}
.cta .btn_two{font-size: 23px;}
.cta .left_part .btn_two{background: #000;}
.cta .right_part .btn_two{background: #56a838;}
.cta .btn_two:hover{background: #fff;color: #000;border: 2px solid #fff;}
/* cta end */
/* *************************************************************Elektro-Roller page start************************************************************************** */
.elektro_roller_section{padding: 50px 0;}
.elektro_roller_section .inner_section{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 70px;}
.elektro_roller_section .elektro_card{width: 48% !important;float: left;margin: 0 0 20px;}

/* contact now green start */
.contact_now_green{background: #56a838;padding: 135px 0 175px;clip-path: polygon(0px 0px, 100% 0%, 100% 95%, 0% 100%);margin-bottom: -35px;position:relative;z-index: 8;}
.contact_now_green .inner_details{display: flex;justify-content: space-around;flex-wrap: wrap;padding: 10px 70px 0;}
.contact_now_green .card{width: auto;float: left;display: flex;justify-content: center;text-align: center;flex-wrap: wrap;align-items: center;}
.contact_now_green .card .icons{width: 120px;height: 120px;background: #000000;border-radius: 100%; float: left;display: flex;justify-content:center;flex-wrap: wrap;align-items: center;}
.contact_now_green .card .text{width: 100%;float: left;padding-left: 0;padding-top: 20px;float: right;}
.contact_now_green .card h4{color: #fff;margin-bottom: 0;}
.contact_now_green .card img{display: block;}
/* contact now green end */
/* banner common start */
.banner_common {border-top: 12px solid #5bac38;border-bottom: 12px solid #5bac38;}
.banner_common .inner_section{display: flex;flex-wrap: wrap;}
.banner_common .left_part{width: 45%;float: left;height: calc(100vh - 118px);background: #5bac38;padding-right: 145px; clip-path: polygon(0px 0px, 100% 0%, 92% 100%, 0% 100%);position: relative;z-index: 1;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
.banner_common .left_part h3{color: #fff;font-weight: 800;font-size: 40px;text-transform: uppercase;margin-bottom: 0;}
.banner_common .left_part .text_box{max-width: 542px;float: right;}
.banner_common .left_part h2{font-size: 60px;}
.banner_common .left_part h6{font-size: 28px;font-weight: 400;margin-bottom: 30px;}
.banner_common .left_part p{font-size: 22px;font-weight: 500;}
.banner_common .left_part .btn_two{min-width: 85%;}
.banner_common .left_part .btn_two{background: #fff;color:#5bac38 ;transition: 0.4s;}
.banner_common .left_part .btn_two:hover{color: #000;}

.banner_common .right_video{width: 65%;height: calc(100vh - 118px);float: right;margin-left: -10%;position: relative;}
.banner_common .right_video a{display: block;position: relative;}
.banner_common .right_video::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.banner_common .right_video img{display: block;width: 100%;}
.banner_common .right_video a.popup{width: 121px;height: 121px;display: inline-block; background: url(../images/play.png)center center no-repeat;}
.banner_common .video_caption{padding: 0 20px; z-index: 5; position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.banner_common .right_video p {color: #f4f4f4;margin-bottom: 0;font-size: 34px; font-weight: 700;line-height:1;text-align: center;}
/* banner common end */
/* *************************************************************Elektro-Roller page end************************************************************************** */
/* *************************************************************Elektro-Motorrad page start************************************************************************** */
.dark_theam{background: #0c0c0c;}
.dark_theam .elektro_card{padding: 40px 0 0;}
.dark_theam .elektro_card h3{color: #fff;}
.dark_theam .speed_detail{background: transparent;box-shadow:-3px -1px 26px -2px rgba(86, 168, 56, 0.75);}
.dark_theam .elektro_card p{color: #fff;}
.dark_theam .elektro_card:hover .text{background: #fff;}
.dark_theam .elektro_card:hover .text p,.dark_theam .elektro_card:hover .text h3{color: #000;}
.dark_theam .speed_detail li{background: #ffffff;color: #000;}
.dark_theam .speed_detail .btn_two:hover{color: #fff;border-color: #fff;background: #0c0c0c;}
.dark_theam .elektro_card{margin-bottom: 35px !important;}
.dark_theam .inner_section{justify-content: space-around;}

.contact_now.green_bg{background: #5bac38;}

.contact_now .title h2 {color: #5bac38;}
.contact_now.green_bg .title h2 {color: #000000;}
.contact_now.green_bg .card .icons{background: #000000;}

.white_text h1,.white_text h2,.white_text h5,.white_text li{color: #fff;}
.warum_eperformance.white_text h3{color: #fff;margin-bottom: 20px;position: relative;}
.warum_eperformance.white_text p{padding-right: 140px;color: #fff;}
.warum_eperformance.white_text .btn_two{color: #fff;}
.contact_now_green.black_contact{background: #0c0c0c;}
.contact_now_green.black_contact .card .icons{background: #5bac38;}

.fullwidth_video{height: 809px;position: relative;}
.fullwidth_video::before{content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);}
.fullwidth_video .video_box{position: relative;width: 100%;float: left;}
.fullwidth_video .video_box img{display: block;}
.fullwidth_video a.popup{width: 121px;height: 121px;display: inline-block; background: url(../images/play.png)center center no-repeat;}
.fullwidth_video .video_caption{padding: 0 20px; z-index: 5; position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.fullwidth_video p {color: #f4f4f4;margin-bottom: 0;font-size: 56px; font-weight: 700;line-height:1;text-align: center;margin-bottom: 10px;}

.faq.darktheam {z-index: unset;}
/* *************************************************************Elektro-Motorrad page end************************************************************************** */
/* details page start*/
/* video banners css start */
.video_banner{height: calc(100vh - 96px);position: relative;}
.video_banner::before {z-index: 2; content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0,0.7);}
.video_banner .fix_video{width: 100%;height: 100%;object-fit: fill;}
.video_banner  .video_caption{padding: 0 20px; z-index: 5; position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.video_banner  .video_caption h1{color: #ffffff;font-size: 60px;}
.video_banner  .video_caption p{color: #ffffff;font-size: 28px;}
.video_banner  .video_caption a.popup{width: 121px;height: 121px;display: inline-block; background: url(../images/play.png)center center no-repeat;}
/* video banners css end */
/* Bike details css start */
.bike_details_section{background: #141414;padding: 100px 20px 0;}
.bike_details_section .slider_outer{display: flex;flex-wrap: wrap;align-items: center;padding-bottom: 50px;}
.bike_details_section  .left_slider {width: 50%;float: left;}
.bike_details_section  .left_slider .card{width: 100%;float: left;}
.bike_details_section  .left_slider img{margin: 0 auto;}
.bike_details_section  .right_details {width: 50%;float: left;padding: 20px 40px;}
.bike_details_section .title h2{color: #fff;}
.bike_details_section .title  p{color: #fff;font-size: 24px;}
.bike_details_section .slick-prev.slick-arrow{background-color: transparent;}
.bike_details_section .slick-next.slick-arrow{background-color: transparent;}
.bike_details_section p{color: #fff;}
.bike_details_section  .right_details p{text-transform: uppercase;font-weight: 400;}
.bike_details_section  .right_details p b{color: #5bac38;text-transform: unset;}
.bike_details_section  .right_details p strong{color: #5bac38;text-transform: unset;}
.bike_details_section  .right_details .btn_two{background: #fff;border-color: #fff;color: #5bac38;}
.bike_details_section  .right_details .btn_two:hover{background: #5bac38;border-color: #5bac38;color: #fff;}
.bike_details_section .tab_header ul{min-height: 132px; display: flex;justify-content: center;flex-wrap: wrap;align-items: flex-end;}
.bike_details_section .tab_header li{cursor: pointer; transition: 0.4s; border: 2px solid #838383; width: 393px;text-align: center; display: inline-block;background: url(../images/tabheader-bg.jpg)center center no-repeat;background-size: cover;padding: 35px 0px;color: #fff;font-weight: 700;margin: 0 10px;}
.bike_details_section .tab_header li.active{padding: 50px 0;border: 2px solid #539d34;color: #539d34;}
.bike_details_section .tab_body .content{display: none;}
.bike_details_section .tab_body .content.show{display: block;}
/* Bike details css end */
/* faq darktheam start */
.faq.darktheam .faq_section .acc-items{background: #000000;}
.faq.darktheam h1,.faq.darktheam h2.faq.darktheam h3,.faq.darktheam h4,.faq.darktheam h5,.faq.darktheam h6,.faq.darktheam a,.faq.darktheam li,.faq.darktheam span,.faq.darktheam p{color: #fff;}
/* faq darktheam end */
/* gallery card start */
.gallery_card{padding: 5px 0;}
.gallery_card .grid{display: grid;grid-template-columns: auto auto auto;grid-auto-flow: dense;grid-gap: 5px;}
.gallery_card .grid .grid-item img{width: 100%;display: block;}
.gallery_card .grid .grid-item{position: relative;cursor: pointer;}
.gallery_card .text_hover{padding: 20px;transition: 0.4s; opacity: 0;visibility: hidden; position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;background: rgba(86, 168, 56,0.8);}
.gallery_card .grid .grid-item:hover .text_hover{opacity: 1;visibility: visible;}
.gallery_card .grid .grid-item p{color: #ffffff;font-size:26px;font-weight: 800;margin-bottom: 0;text-align: center;}
/* gallery card end */
.kumpan_broschüre{padding: 0 20px 60px;}
.kumpan_broschüre iframe{height:800px;display: block;}
/* details page end */

/* effect css */
.main_banner .left_part::after{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
    -webkit-background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.main_banner .left_part:hover::after {-webkit-animation: shine 0.85s;animation: shine 0.85s;}
.main_banner .right_part{overflow: hidden;}
.main_banner .right_part::after{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
    -webkit-background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.main_banner .right_part:hover::after {-webkit-animation: shine 0.85s;animation: shine 0.85s;}


.card_block_slider .slidercard .image{position: relative;width: 100%;float: left;overflow: hidden;}
.card_block_slider .slidercard .image::after{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;
    -webkit-background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}

    .card_block_slider .slidercard .image:hover::after {-webkit-animation: shine 0.85s;animation: shine 0.85s;}
    @-webkit-keyframes shine {
        100% {
            left: 125%;
        }
    }
    @keyframes shine {
        100% {
            left: 125%;
        }
    }
/* effect css */
/* footer start */
footer .footer_top .wrapper{padding: 0 125px;}
footer .footer_top{display: flex;justify-content: space-between;flex-wrap: wrap;background: #000000;padding: 70px 0 45px;border-top: 1px solid #56a838;position: relative;}
footer .footer_card{width:30%;float: left;}
footer .footer_card:nth-child(1){width: 40%;}
footer .footer_top h3{color: #56a838;font-size: 34px;font-weight: 700;margin-bottom: 35px;}
footer .footer_top a{color: #fff;display: block;font-size: 22px;font-weight: 500;transition: 0.4s;}
footer .footer_top a:hover{color: #56a838;}
footer .location{color: #fff;font-size: 22px;font-weight: 500;background: url(../images/location.png)left center no-repeat;margin-bottom: 0;}
footer .call{background: url(../images/call.png)left center no-repeat;}
footer .mail{background: url(../images/attherate.png)left center no-repeat;}
footer .location,footer .call,footer .mail{padding: 12px 0 12px 55px;}

footer .footer_top .footer_nav{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer .footer_top ul{width: auto;float: left;}
footer .footer_top li{margin-bottom: 10px;}
footer .timing {width: 100%;float: left;margin-bottom: 10px;}
footer .timing span{color: #fff;font-size: 22px;font-weight: 500;display: inline-block;line-height: 1;}
footer .timing .left{width: auto;float: left;}
footer .timing .right{width: 85%;float: right;}
footer .timing .right span:nth-child(2){border-left: 2px solid #56a838;padding-left: 12px;margin-left: 8px;}
footer .social_icons{background: #46a031;padding: 38px 0;text-align: center;}
footer .social_icons img,footer .social_icons a{display: block;}
footer .social_icons li{display: inline-block;margin-right: 10px;}
footer .social_icons li:last-child{margin-right: 0;}
footer .social_icons a{transition: 0.4s; background: #fafafa;height: 75px;width: 75px;border-radius: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
footer .social_icons a:hover{background: #000;}

.copy_right{background: #e3e3e3;padding: 45px 0 30px;position: relative;}
.copy_right .left_part{width: 50%;float: left;text-align: right;}
.copy_right .left_part ul li{font-weight: 500;}
.copy_right .right_part{width: 50%;float: right;}
.copy_right .right_part li{display: inline-block;}
.copy_right .right_part a{color: #56a838;display: inline-block;font-weight: 500;border-left: 2px solid #000;line-height: 1;padding-left: 12px;margin-left: 8px;transition: 0.4s;}
.copy_right .right_part a:hover{color: #000;}
.copy_right .any_question{transition: 0.4s; min-width:365px;float: left; padding: 14px 14px;background: #58a637;font-weight: 500;color: #fff;font-size: 22px;border-top-left-radius: 6px;border-top-right-radius: 6px;text-align: center;position: absolute;right: 0;bottom: 0;}
.copy_right .any_question:hover{background: #000000;}
/* footer end */

.mobile_image{display: none;}

/* Responsive Css */
@media only screen and (min-width: 1921px) {
.wrapper{max-width: 1920px;}
}
@media only screen and (max-width: 1800px) {
h1,.video_banner .video_caption h1{font-size: 55px;}
h2{font-size: 50px;}
h3{font-size: 34px;}
h4{font-size: 28px;}
h5{font-size: 21px;}
h6{font-size: 20px;}
p,body{font-size: 20px;}
.btn_one{font-size: 20px;}
.btn_two,.btn-primary{font-size: 24px;}
.title h3{font-size: 32px;}
.header li a{font-size: 18px;padding-right: 15px;}
.header .logo{width: 335px;}
.header .navigation{width: calc(100% - 335px);}
.main_banner p{font-size: 22px;}
.logo_slider{padding: 15px 60px 8px;}
.logo_slider .slide_card{padding:20px;}
.speed_detail li span{font-size: 28px;}
.speed_detail li{font-size: 18px;margin-right: 14px;height: 105px;width: 105px;}
.speed_detail{padding: 60px 20px 20px;}
.elektro_card p{font-size: 20px;}
.elektro_card h3{margin-bottom: 4px;}
.elektro_slider .slick-dots button{height: 20px;width: 20px;}
.warum_eperformance h4{font-size: 30px;}
.warum_eperformance h3{font-size: 40px;}
.warum_eperformance li{font-size: 22px;}
.warum_eperformance .inner_section{padding-left:46px;}
.zufriedene_kunden .elektro_card p{font-size: 27px;}
.zufriedene_kunden .elektro_card h4 span{font-size: 36px;}
.zufriedene_kunden .elektro_card h4{font-size: 30px;}
.zufriedene_kunden .elektro_card .text{min-height: 250px;}
.faq_section .acc-title h5{font-size: 24px;padding-right: 110px;}

.cta .left_part,.cta .right_part{padding: 56px 45px;}
.cta h3{font-size: 30px;}
.cta .btn_two{font-size: 19px;}
footer .footer_top h3{font-size: 30px;}
footer .timing span,footer .footer_top a,footer .location{font-size: 18px;}
.copy_right .any_question{font-size: 20px;}
.elektro_motorräder .speed_detail .button_box{padding: 40px 0;}
.banner_common .left_part h2{font-size: 55px;}
.banner_common .left_part h3{font-size: 34px;}
.banner_common .left_part h6{font-size: 24px;}
.banner_common .left_part p{font-size: 22px;}
.banner_common .left_part .btn_two{min-width: 75%;}
.banner_common .left_part .text_box{max-width: 100%;}
.banner_common .left_part{padding-left: 60px;}
.fullwidth_video{height: 720px;}
.fullwidth_video p{font-size: 40px;}
.fullwidth_video a.popup{width: 95px;height: 95px;background-size: 100%;}

.video_banner .video_caption p{font-size: 25px;}

}

@media only screen and (max-width: 1600px) {
h1,.video_banner .video_caption h1{font-size: 45px;}
h2{font-size: 40px;}
h3{font-size: 25px;}
h4{font-size: 22px;}
h5{font-size: 18px;}
h6{font-size: 18px;}
.title h3{font-size: 25px;}
p,body{font-size: 18px;}
.btn_one{font-size: 18px;padding: 12px 16px;}
.btn_two,.btn-primary{font-size: 20px;padding: 12px 16px;}
.speed_detail .btn_two{min-width: 200px;font-size: 18px;}
.elektro_roller_section .speed_detail .btn_two{min-width: 280px;}
.main_banner p{font-size: 20px;}
.header .logo{width: 300px;}
.header .navigation{width: calc(100% - 300px);}
.header .navigation nav{width: calc(100% - 200px);}
.header li a{font-size: 17px;}
.header .navigation .buchen_btn{width: 200px;}
.buchen_btn a{font-size: 16px;background-size: 40px;padding: 18px 10px 18px 70px;}
.header .header_inner{min-height: 71px;}
.main_banner{height: calc(100vh - 71px);}
.main_banner .text_box{padding-left: 60px;}
.main_banner .right_part .text_box{padding-left: 80px;}
.slick-prev.slick-arrow{width: 50px;background-size: 17px;height: 100px;background-position: left 12px center;}
.slick-next.slick-arrow{width: 50px;background-size: 17px;height: 100px;background-position: right 12px center;}
.three_cardblock::before,.three_cardblock::after {background-size: 380px;}
.logo_slider{padding: 15px 20px 8px;}
.contact_now .card .icons{width: 90px;height: 90px;}
.contact_now .card .text{width: calc(100% - 90px);}
.contact_now .card img{width: 44px;}
.contact_now .inner_details{padding: 37px 0 0;}

.elektro_card p{font-size: 18px;}
.speed_detail li{font-size: 15px; margin-right: 10px;height: 80px; width: 80px;}
.speed_detail li span{font-size: 24px;}
.warum_eperformance .btn_two{padding: 12px 35px;}
.warum_eperformance h3{font-size: 35px;}
.warum_eperformance h4{font-size: 25px;}
.warum_eperformance li{font-size: 18px;}
.warum_eperformance .inner_section{padding-left: 0;}
.warum_eperformance ul{padding-left: 16px;}
.zufriedene_kunden .elektro_card p{font-size: 22px;}
.zufriedene_kunden .elektro_card h4{font-size: 22px;}
.zufriedene_kunden .elektro_card h4 span{font-size: 28px;}
.zufriedene_kunden .elektro_card .text{min-height: 235px;}
.zufriedene_kunden .button_box .btn_two{padding: 12px 30px;}
.faq_section .acc-title h5{font-size: 22px;}
.faq_section .acc-title::before {background-size: 26px;}
.cta h3{font-size: 26px;}
.cta .btn_two{font-size: 18px;}
footer .footer_top h3{font-size: 24px;}
footer .footer_top .wrapper{padding:0 60px;}
footer .social_icons a{height: 60px;width: 60px;}
footer .social_icons img{width: 20px;}
.copy_right .any_question{min-width:285px;font-size: 17px;}
footer .call,footer .location,footer .mail{background-size: 35px;}

.banner_common .left_part h3{font-size: 25px;}
.banner_common .left_part h6,.video_banner .video_caption p{font-size: 22px;}
.banner_common .left_part p,.gallery_card .grid .grid-item p{font-size: 20px;}
.banner_common .right_video a.popup{background-size: 75px;width: 75px;height: 75px;}
.banner_common .right_video p{font-size: 32px;margin-top: 10px;}
.banner_common .left_part,.banner_common .right_video{height: calc(100vh - 107px);}
.banner_common .left_part h2{font-size: 45px;}
.banner_common .left_part h3{font-size: 24px;margin-bottom: 13px;}
.banner_common .left_part h6{font-size: 18px;}
.banner_common .left_part p{font-size: 16px;}
.banner_common .left_part{padding-right: 85px;}
.banner_common .left_part,.banner_common .right_video{height: calc(100vh - 95px);}
.fullwidth_video{height:630px;}
.elektro_roller_section .inner_section{padding: 0;}

.video_banner{height: calc(100vh - 71px);}
.header .navigation li ul{min-width: 345px;top: 58px;}
}

@media only screen and (max-width: 1440px) {
h1,.video_banner .video_caption h1{font-size: 40px;}
h2{font-size: 35px;}
h4{font-size: 20px;}
p, body{font-size: 16px;}
.header li a{font-size: 14px;}
.speed_detail li{height: 65px;width: 65px;margin-right: 15px;}
.speed_detail li span,.video_banner .video_caption p{font-size: 18px;}
.speed_detail li{font-size: 12px;}
.elektro_card{padding: 0;}
.faq_section .acc-title h5{font-size: 20px;}
.faq_section .acc-title::before{background-size: 20px;}
.faq_section .acc-title{padding: 30px 30px;}
.faq_section .acc-items .acc-content{padding: 0px 30px 30px;}
footer .timing span, footer .footer_top a, footer .location{font-size: 16px;}
.copy_right .any_question{min-width: 265px;font-size: 15px;}
footer .social_icons,.copy_right{padding: 30px 0;}
footer .social_icons a{height: 45px;width: 45px;}
footer .social_icons img{width: 16px;}
footer .call,footer .location,footer .mail{background-size: 26px;padding: 10px 0 10px 40px;}

h3,.cta h3,.zufriedene_kunden .elektro_card h4 span{font-size: 22px;}
.title h3,footer .footer_top h3,.zufriedene_kunden .elektro_card p,.warum_eperformance h4{font-size: 20px;}
.btn_one,.btn_two,.btn-primary,.elektro_card p,.speed_detail .btn_two, .main_banner p,.zufriedene_kunden .elektro_card h4,.warum_eperformance li{font-size: 16px;}
.elektro_slider .slick-dots button{height: 16px;width: 16px;}
.elektro_slider .slick-dots li{margin: 0 6px;}
.faq{padding: 95px 0 50px;}
.elektro_roller,.company_logo{padding: 60px 0 60px;}
.zufriedene_kunden,.elektro_motorräder{padding: 60px 0 90px;}
.warum_eperformance{padding: 100px 0 60px;}
.contact_now{padding: 60px 0 100px;}
.zufriedene_kunden .elektro_card .text{min-height: 170px;padding-top: 20px;}
.zufriedene_kunden .elektro_card .video iframe{height: 223px;}
.zufriedene_kunden .button_box{padding-top: 40px;}

.buchen_btn a{font-size: 14px;background-size: 32px;padding: 20px 10px 20px 58px;background-position: left 15px center;}
.header .navigation .buchen_btn{width: 175px;}
.header .navigation nav{width: calc(100% - 175px);}
.header .navigation{width: calc(100% - 255px);}
.header .logo{width: 255px;}
.main_banner{padding: 9px 0;}
.card_block_slider{padding-bottom: 9px;}
.card_block_slider .slick-slide{margin: 0 4.5px;}
.elektro_motorräder .speed_detail .button_box{padding: 35px 0;}
.banner_common .left_part{width: 49%;}
.banner_common .right_video {width: 56%; margin-left: -5%; }
.banner_common .left_part,.banner_common .right_video{height: calc(100vh - 89px);}
.banner_common {border-top: 9px solid #5bac38;border-bottom: 9px solid #5bac38;}
.fullwidth_video{height: 515px;}
.fullwidth_video p{font-size: 30px;}
.fullwidth_video a.popup{width: 80px;height: 80px;background-size: 100%;}
.contact_now_green{padding: 90px 0 145px;}
.elektro_roller_section .elektro_card p{font-size: 20px;}
.elektro_roller_section .elektro_card h3{font-size: 30px;}
.contact_now_green .inner_details{padding: 0;}
.kumpan_broschüre iframe{height: 555px;}

.video_banner .video_caption a.popup{background-size: 100%;width: 80px;height: 80px;}
.video_banner {height: calc(100vh - 73px);}
.bike_details_section{padding-top: 60px;}
.bike_details_section .title p{font-size: 18px;line-height: 1.3;}
.bike_details_section .right_details p{margin-bottom: 15px;line-height: 1.3;}
.bike_details_section .tab_header li.active{padding: 28px 40px;}
.bike_details_section .tab_header li{width: auto;}
.bike_details_section .tab_header li{padding: 18px 40px;}
.bike_details_section .slider_outer{padding-bottom: 20px;}
.faq.darktheam {padding-top: 130px;}
}

@media only screen and (max-width: 1280px) {
.main_banner,.video_banner{height: unset;min-height: 500px;}
.main_banner .text_box{padding-right: 80px;}
.wrapper,footer .footer_top .wrapper{padding: 0 30px;}
.main_banner .text_box{padding-left: 30px;}
.main_banner .right_part .text_box{padding-left: 50px;}
.logo_slider .slick-prev.slick-arrow,.elektro_slider .slick-prev.slick-arrow,.elektro_motorräder .elektro_slider .slick-prev.slick-arrow{left:-30px;}
.logo_slider .slick-next.slick-arrow,.elektro_slider .slick-next.slick-arrow,.elektro_motorräder .elektro_slider .slick-next.slick-arrow{right:-30px;}
.slick-prev.slick-arrow,.slick-next.slick-arrow{width: 40px;height: 80px;background-size: 12px !important;}
.contact_now .card img{width: 35px;}
.contact_now .card .icons{width: 70px;height: 70px;}
.contact_now .card .text{width: calc(100% - 70px);}
.contact_now .inner_details{padding: 20px 0 0;}
.speed_detail{padding: 80px 20px 20px;}
.speed_detail li { height: 85px;width: 85px;}
.speed_detail .button_box{padding: 64px 0;}
.speed_detail .btn_two{font-size: 20px;min-width: 80%;}
footer .footer_top{padding-top: 60px;}
footer .footer_card:nth-child(1){width: 100%;float: left;margin-bottom: 30px;}
footer .footer_card{width: 50%;float: left;}
.copy_right{padding-bottom: 60px;}
.banner_common .left_part{padding-left: 30px;}
.banner_common .left_part,.banner_common .right_video{height: unset;min-height: 500px;}
.elektro_roller_section .speed_detail li{height: 100px;width: 100px;font-size: 14px;margin-right: 15px;}
.elektro_roller_section .speed_detail li span{font-size: 26px;}
.kumpan_broschüre iframe{height: 500px;}


.warum_eperformance.warum_common .image img{height: 100%;}


}

@media only screen and (max-width: 1180px) {
h1,.video_banner .video_caption h1{font-size: 30px;}
h2{font-size: 28px;}
h3,.title h3,.video_banner .video_caption p{font-size: 18px;}
.header .header_inner{min-height: 64px;}
.header .logo{width: 200px;}
.header .navigation{width: calc(100% - 200px);}
.header .navigation nav{width: calc(100% - 130px);}
.header li a{font-size: 15px;padding-right: 11px;}
.header .navigation .buchen_btn{width: 130px;}
.buchen_btn a{font-size: 11px;background-size: 23px;padding: 20px 10px 20px 42px;background-position: left 10px center;}
.main_banner{min-height: 450px;}
.main_banner .text_box{bottom: 40px;}
.banner_common .left_part h2{font-size: 30px;}
.banner_common .left_part h3{font-size: 18px;}
.banner_common .left_part h6{font-size: 17px;}
.banner_common .left_part,.banner_common .right_video{min-height: 450px;}

    .header .navigation nav{display: none;}
.header .navigation li ul{min-width: 300px;top: 50px;padding: 20px 30px;}
    .header .mobile_bar{display: block;}
    .header .navigation .buchen_btn{margin-right: 60px;}
    .header .navigation{justify-content: flex-end;}

}
@media only screen and (max-width: 1024px) {
h1{font-size: 26px;}
h3, .title h3{font-size: 16px;}
.btn_one{padding: 10px 16px;min-width: 195px;}
.main_banner .text_box{padding-right: 50px;}
.card_block_slider .slick-list{padding: 0 20% !important;}
.card_block_slider .slidercard h5{font-size: 16px;}
.card_block_slider .text_box{padding: 20px 20px;}
.contact_now .card{width: 48%;margin-bottom: 25px;}
.contact_now .inner_details{justify-content: space-between;}
.elektro_roller .speed_detail .button_box{padding: 48px 0;}
.elektro_motorräder .speed_detail .button_box{padding: 25px 0;}
.faq_section .acc-title h5{font-size: 18px;}
.warum_eperformance .inner_section{max-width: 70%;}
.three_cardblock::before {width: 40%;}
.three_cardblock::after {width: 40%;}
.banner_common .left_part h2{font-size: 26px;}
.banner_common .left_part h3{font-size: 16px;}
.banner_common .left_part h6{font-size: 16px;}
}
@media only screen and (max-width:991px) {
.elektro_roller .speed_detail {padding: 50px 20px 20px;}
.elektro_roller .speed_detail .button_box{padding: 38px 0;}
.elektro_motorräder .speed_detail .button_box{padding: 25px 0;}
.copy_right .any_question{padding: 10px 14px;}
.faq_section .acc-title{padding: 21px 30px;}
.main_banner{padding: 5px 0;}
.card_block_slider{padding-bottom: 5px;}
.card_block_slider .slick-slide{margin: 2.5px;}

.banner_common {border-top: 5px solid #5bac38;border-bottom: 5px solid #5bac38;}
.banner_common .left_part{padding-right: 50px;}
.elektro_roller_section.dark_theam .speed_detail{padding: 55px 20px 20px;}
.elektro_roller_section .elektro_card h3{font-size: 24px;}
.warum_eperformance.warum_common .inner_section{max-width: 100%;padding-right: 0;}
.warum_eperformance.warum_common p,.bike_details_section .right_details{padding-right: 0;}

.fullwidth_video{height: 400px;}
.kumpan_broschüre iframe{height: 400px;}
.contact_now_green{clip-path: polygon(0px 0px, 100% 0%, 100% 98%, 0% 100%);}
.video_banner{min-height: 400px;}
.warum_common{background: unset !important;position: relative;}
.mobile_image{display: block;min-height: 500px; position: relative; margin-top: -100px; margin-bottom: 30px;}
.mobile_image::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);}
.warum_common .mobile_image h3{padding: 0 15px; margin-bottom: 0; position: absolute;left: 0;top: 55%;transform: translateY(-50%);text-align: center;width: 100%;float: left;font-size: 30px;color: #fff;}
.warum_eperformance.warum_common .inner_section h3{display: none;}
.warum_common.white_text{background-color:#000 !important ;}


}
@media only screen and (max-width: 850px) {
.speed_detail li{height: 60px;width: 60px;}
.speed_detail .btn_two{font-size: 17px;padding: 10px 16px;}
.main_banner,.video_banner{min-height: 400px;}
.contact_now .card{width: 50%;}
.banner_common .left_part,.banner_common .right_video{min-height: 400px;}
.elektro_roller_section .elektro_card{width: calc(100% - 80px) !important;margin: 40px;}
.elektro_roller_section .slick-prev.slick-arrow{left: -30px;background: url(../images/prev.png)center center no-repeat #43812d;}
.elektro_roller_section .slick-next.slick-arrow{right: -30px;background: url(../images/next.png)center center no-repeat #43812d;}
.elektro_roller_section .slick-dots{text-align: center;position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);}
.elektro_roller_section .slick-dots li{display: inline-block;margin: 0 10px;}
.elektro_roller_section .slick-dots li.slick-active button{background: #5bac38;}
.elektro_roller_section .slick-dots button{border: none;font-size: 0;width: 15px;height: 15px;border-radius: 100%; background: #000000;}
.elektro_roller_section.dark_theam  .slick-dots button{background: #f4f4f4;}
.elektro_roller_section{padding: 50px 0 80px;}
.contact_now_green .inner_details{justify-content: center;}
.contact_now_green .card{width: 100%;margin-bottom: 50px;}
.contact_now_green .card:last-child{margin-bottom: 0;}
.kumpan_broschüre iframe{height: 350px;}
.video_banner .video_caption a.popup{width: 60px;height: 60px;}
}
@media only screen and (max-width:767px) {
h1{font-size: 30px;}
h3{font-size: 18px;}
.header .logo{width: 247px;top: 50%; transform: translateY(50%); }
.header .mobile_bar {
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for actual centering */
}
.header .header_inner {
    min-height: 100%;
}
.header {
    padding: 16px 0 20px; /* Reduced padding to make the header less high */
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center; /* Centers the content vertically */
}
.header .navigation .buchen_btn{height: auto; position: absolute;left: 0;bottom: 0;width: 100%;margin: 0;background: #5bac38;display: flex;justify-content: center;align-items: center;}
.header .navigation .buchen_btn a,.header .navigation .buchen_btn a span{display: inline-block;width: auto;height: auto;}
.main_banner .left_part{width: 100%;min-height: 350px;bottom: 20px;clip-path: unset;margin: 0;margin-bottom: 9px;}
.main_banner .right_part{width: 100%;min-height: 350px;bottom: 20px; clip-path: unset;margin: 0;}
.main_banner{min-height: 100%;padding: 0;}
.main_banner .right_part{bottom: 2px;}
.main_banner .left_part{bottom: 0;}
.buchen_btn a{font-size: 16px;background-size: 30px;padding: 20px 10px 20px 55px;}
.card_block_slider .slick-list { padding: 0 20% 0 0% !important; }
.contact_now .card{width: 100%;}
.three_cardblock::after {display: none;}
.speed_detail li{width: 100px;height: 100px;}
.speed_detail li span{font-size: 20px;}
.speed_detail li {font-size: 16px;}
.speed_detail .btn_two{padding: 18px 0;}
.elektro_roller .speed_detail .button_box{padding: 60px 0;}
.warum_eperformance .inner_section{max-width: 100%;padding-right: 0;}
.warum_eperformance .image{display: none;}
.cta .left_part{width: 100%;margin: 0;clip-path: unset;}
.cta .right_part{width: 100%;margin: 0;clip-path: polygon(0px 20px, 100% 0%, 100% 100%, 0% 100%);margin-top: -20px;}
.zufriedene_kunden .elektro_card{margin: 8px 30px;width: calc(100% - 60px) !important;}

.card_block_slider .slick-slide{margin: 4.5px;}
footer .footer_card{width: 100%;margin-bottom: 30px;}
.copy_right .right_part{width: 100%;text-align: center;}
.copy_right .left_part{width: 100%;text-align: center;margin-bottom: 15px;}
.copy_right .right_part li:first-child a{border-left: 0;padding-left: 0;margin-left: 0;}
footer .footer_top ul{width: 50%;}
footer .footer_top .footer_nav{justify-content: flex-start;}
.warum_eperformance .button_box{text-align: center;}
.faq_section .acc-title h5{padding-right: 35px;}
.banner_common .left_part h2{font-size: 28px;}
.banner_common .left_part h3{font-size: 18px;}
.banner_common .left_part h6{font-size: 18px;}
.banner_common .right_video{width: 100%;margin-left: 0;order: 1;min-height: 280px;}
.banner_common .left_part {width: 100%; clip-path: unset;order: 2;min-height: 350px;padding-right: 30px;}
.banner_common .right_video p{font-size: 20px;}
.banner_common .right_video a.popup{background-size: 55px;width: 55px;height: 55px;}
.banner_common .left_part .btn_two{min-width: 46%;}
.banner_common .left_part h6{margin-bottom: 15px;}
.video_banner{min-height: 350px;}
.gallery_card .grid{grid-template-columns: auto auto;}

.bike_details_section .left_slider{width: 100%;}
.bike_details_section .right_details{width: 100%;padding: 0;}
.bike_details_section .tab_header li{width: 50%;}
.bike_details_section .outer_section {position: relative;display: flex;flex-wrap: wrap;}
.bike_details_section .title{display: none;}
.bike_details_section .tab_body {order: 3;}

.bike_details_section .tab_header li{font-size: 20px; display: none;margin: 0;background: unset;border: unset;width: 100%;border-top: 2px solid #838383;padding: 14px 14px;}
.bike_details_section .tab_header li.active{display:block;border: unset;padding: 14px 14px;}
.bike_details_section .tab_header ul{transition: 0.4s; width: 70%;margin: 0 auto; border: 2px solid #539d34;min-height:unset;position: relative;background: url(../images/tabheader-bg.jpg)center center no-repeat;background-size: cover;}
.bike_details_section .tab_header ul::before{content: "";position: absolute;right: 30px;top: 18px;background:url(../images/white-down-arrow.png)right center no-repeat;height: 12px;width: 18px;}

.bike_details_section .tab_header ul:hover li { display: block;}
.bike_details_section .tab_header li.active:nth-child(2){order: -1;}
.bike_details_section .tab_header li.active:nth-child(3){order: -2;}
.mobile_image{min-height: 400px;}

}
@media only screen and (max-width: 650px) {
.three_cardblock::before {width: 38%; background-size: 100%; height: 120px;bottom: -35px;}
.faq_section .acc-title h5{padding-right: 0px;}
.faq_section .acc-title{padding-bottom: 45px !important;text-align: center;}
.faq_section .acc-title::before{top: unset;bottom: 10px;left: 50%;transform: translateX(-50%);}
.faq_section .acc-title.active::before{transform: translateX(-50%) rotate(180deg);}
.faq{clip-path: polygon(0px 20px, 100% 0%, 100% 100%, 0% 100%);margin-top: -20px;padding: 61px 0 40px;}
.zufriedene_kunden{padding: 50px 0 60px;}
.zufriedene_kunden .elektro_card .text{min-height: 138px;}
.elektro_motorräder{clip-path: polygon(0px 0px, 100% 0%, 100% 97%, 0% 100%);margin-bottom: -35px;}
.warum_eperformance{padding: 75px 0 60px;}
.contact_now{clip-path: polygon(0px 0px, 100% 0%, 100% 95%, 0% 100%);padding: 60px 0 60px;}
.elektro_motorräder .speed_detail .button_box{padding: 34px 0;}
footer .footer_top ul{width: 100%;margin-bottom: 30px;}
footer .footer_top ul:last-child{margin-bottom: 0;}
.banner_common .left_part .btn_two{min-width:64%;}
.elektro_roller_section .speed_detail li{height: 85px;width: 85px;}
.fullwidth_video{height: 320px;}
.fullwidth_video p{font-size: 27px;}
.fullwidth_video a.popup{width: 60px;height: 60px;}
.kumpan_broschüre iframe{height: 300px;}
.video_banner .video_caption h1{font-size: 22px;}
.contact_now_green .card img{width: 50px;}
.contact_now_green .card .icons{width: 85px;height: 85px;}
.gallery_card .grid .grid-item p{font-size: 15px;}
.video_banner .video_caption p{font-size: 14px;margin-bottom: 10px;}
.elektro_roller_section .speed_detail .btn_two{min-width: 80%;}
.elektro_roller_section.dark_theam .slick-dots button,.elektro_slider .slick-dots button{width: 13px;height: 13px;}
.elektro_roller_section .slick-dots li,.elektro_slider .slick-dots li{margin: 0 3px;}

}
@media only screen and (max-width: 500px) {
.wrapper, footer .footer_top .wrapper{padding: 0px 20px;}
h4{font-size: 16px;}
h1, h2, h3, h4, h5, h6{margin-bottom: 10px;}
.main_banner p{font-size: 14px;}
.btn_one{font-size: 13px;}
.card_block_slider .slidercard h5{font-size: 10px;}
.title h2,.zufriedene_kunden .elektro_card h4 span{font-size: 20px;}
.title h3{font-size: 15px;}
.speed_detail li{width: 55px;height: 55px;}
.speed_detail li span,.cta p{font-size: 14px;}
.speed_detail li {font-size: 10px;}
.speed_detail .btn_two {text-transform: uppercase;font-size: 13px;}
.elektro_card p{font-size: 12px;}
.elektro_roller .speed_detail .button_box{padding: 40px 0;}
.logo_slider .slick-prev.slick-arrow, .elektro_slider .slick-prev.slick-arrow, .elektro_motorräder .elektro_slider .slick-prev.slick-arrow,.elektro_roller_section .slick-prev.slick-arrow{left: -20px;}
.logo_slider .slick-next.slick-arrow, .elektro_slider .slick-next.slick-arrow, .elektro_motorräder .elektro_slider .slick-next.slick-arrow,.elektro_roller_section .slick-next.slick-arrow{right: -20px;}
.warum_eperformance h3{font-size: 20px;}
.warum_eperformance h4,.warum_eperformance li,.warum_eperformance p,.warum_eperformance h6{font-size: 14px;}
.zufriedene_kunden .elektro_card p,.faq_section .acc-title h5{font-size: 16px;}
.buchen_btn a{font-size: 11px;background-size: 23px;padding: 20px 10px 20px 42px;}
.cta h3{font-size: 20px;}
.contact_now{padding: 50px 0 50px;}
.elektro_roller, .company_logo{padding: 50px 0;}
.zufriedene_kunden, .elektro_motorräder { padding: 50px 0 80px;}
.slick-prev.slick-arrow, .slick-next.slick-arrow{width: 35px;height: 60px;background-size: 10px;}
.contact_now .card{margin-bottom: 15px;}
.contact_now .inner_details{padding: 10px 0 0;}
.logo_slider .slide_card{min-height: 244px;}
footer .footer_top{padding-top: 50px;padding-bottom: 15px;}
.main_banner .text_box,.main_banner .right_part .text_box { padding-right: 20px;padding-left: 20px;}
.three_cardblock::before {height: 106px;}
.banner_common .left_part{padding-left: 20px;padding-right: 20px;}
.banner_common .left_part .btn_two{min-width: 100%;}
.elektro_roller_section .elektro_card h3{font-size: 20px;}
.elektro_roller_section .elektro_card p{font-size: 14px;}
.fullwidth_video{height: 270px;}
.elektro_roller_section .elektro_card h3,.elektro_roller_section .speed_detail li span{font-size: 18px;}
.elektro_roller_section .elektro_card p{font-size: 12px;}
.elektro_roller_section .speed_detail li{width: 65px;height: 65px;font-size: 10px;}
.elektro_roller_section .elektro_card{width: calc(100% - 40px) !important;margin: 20px;}
.elektro_roller_section .speed_detail{padding:56px 20px 20px;}
.video_banner{min-height: 290px;}
.gallery_card .grid{grid-gap: 2px;}
.gallery_card{padding: 2px 0;}
.bike_details_section .tab_header li{width: 100%;}
.bike_details_section .tab_header ul{width: 100%;}
.mobile_image{min-height: 290px;}
.warum_common .mobile_image h3{font-size: 20px;top: 62%;padding: 0 20px;}


}

@media only screen and (max-width: 375px) {
.speed_detail .btn_two{padding: 13px 0;}
.elektro_motorräder .speed_detail .button_box{padding: 23px 0;}
.btn_two{min-width: 100%;}
.cta .btn_two{font-size: 15px;}
.cta .left_part, .cta .right_part{padding: 56px 20px;}
.faq_section .acc-title{padding: 20px 15px;}
.faq_section .acc-items .acc-content{padding: 0px 15px 30px;}
.logo_slider .slick-slide{margin: 0px 15px;}
.zufriedene_kunden .elektro_card{margin:0;width: calc(100% - 0px) !important;}
.zufriedene_kunden .elektro_card .video iframe{height: 190px;}
.banner_common .right_video p{font-size: 16px;}
.elektro_roller_section .speed_detail .button_box{padding: 30px 0;}
.elektro_roller_section.dark_theam .speed_detail{padding: 45px 20px 20px;}
.zufriedene_kunden{padding-bottom: 55px;}
.kumpan_broschüre iframe{height: 209px;}
.gallery_card .grid .grid-item p{font-size: 10px;}
.video_banner .video_caption a.popup{width: 39px;height: 39px;}
.speed_detail .btn_two,.elektro_roller_section .speed_detail .btn_two{min-width: 100%;}



}
@media only screen and (max-width: 350px) {
.header .logo{width: 190px;}
.header .mobile_bar span{margin-bottom: 6px;}
.header .mobile_bar{width: 35px;}
.speed_detail li{margin-right: 6px;}
.elektro_roller .speed_detail .button_box{padding: 18px 0;}
.elektro_motorräder .speed_detail{padding: 24px 20px 20px;}
footer .social_icons img{width: 13px;}
footer .social_icons a{height: 40px;width: 40px;}
footer .social_icons li{margin-right: 6px;}
.copy_right .any_question {min-width: 86%;font-size: 13px;right: unset;transform: translateX(-50%);left: 50%;}
.three_cardblock::before {height: 90px;}
.elektro_roller_section .speed_detail li{width: 55px;height: 55px;}
.elektro_roller_section .speed_detail{padding: 40px 20px 20px;}
}

#configurator, #configurator .container {
    max-width: 1320px;
}

#configurator .form-check-input:checked {
    background-color: #56a838;
    border-color: #56a838;
}

#configurator h3 {
    font-size: 34px;
}

#configurator h3.green {
    color: #56a838;
}

#configurator h3.underline {
    border-bottom: 3px double #ddd;
}

@media (max-width: 1199px) {
    #configurator h3 {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    #configurator h3 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    #configurator h3 {
        font-size: 18px;
    }
}

#configurator h4 {
    border-bottom: 2px solid #56a838;
    color: #56a838;
    font-size: 18px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    #configurator h4 {
        font-size: 14px;
    }
}

#configurator .item {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px;
}

#configurator .fa-info-circle {
    color: #56a838;
    cursor: pointer;
    font-size: 24px;
}

@media (max-width: 991px) {
    #configurator .fa-info-circle {
        font-size: 20px;
    }
}

#configurator-modal .modal-title {
    color: #56a838;
}

#configurator-modal h2 {
    font-size: 22px;
}

@media (max-width: 991px) {
    #configurator-modal h2 {
        font-size: 18px;
    }
}

#configurator label {
    font-size: 16px;
    line-height: 24px;
    padding-top: 2px;
}

@media (max-width: 991px) {
    #configurator label {
        font-size: 14px;
        padding-top: 0;
    }
}

#configurator .form-check-input {
    height: 18px;
    width: 18px;
}

@media (max-width: 991px) {
    #configurator .form-check-input {
        height: 16px;
        width: 16px;
    }
}

#configurator .breadcrumb {
    border: 1px solid #000;
    display: flex;
    height: 57px;
}

#configurator .breadcrumb a {
    display: flex;
    flex-grow: 1;
    height: 100%;
    padding-left: 38px;
    position: relative;
}

#configurator .breadcrumb a:after {
    background-color: #fff;
    box-shadow: 2px -2px rgba(0, 0, 0, 1);
    content: "";
    height: 55px;
    position: absolute;
    right: -28px;
    top: 0;
    transform: scale(0.707) rotate(45deg);
    width: 57px;
    z-index: 1;
}

#configurator .breadcrumb__inner {
    display: flex;
    flex-direction: column;
    font-size: 18px;
    margin: auto;
    z-index: 2;
}

#configurator .breadcrumb a:last-child:after {
    content: none;
}

#configurator .breadcrumb a:first-child {
    padding-left: 15px;
}

#configurator .breadcrumb a:last-child {
    padding-right: 15px;
}

#configurator .breadcrumb a.active, #configurator .breadcrumb a:hover, #configurator .breadcrumb a.active:after, #configurator .breadcrumb a:hover:after {
    background-color: #56a838;
    color: white;
}

#configurator .configurator-2, #configurator .configurator-3, #configurator .configurator-4 {
    display: none;
}

#configurator .overlays {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#configurator .overlay-img {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

#configurator .col-item-text p {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    height: 100%;
    line-height: 30px;
    margin-bottom: 0;
}

#configurator .row .col-item-text:first-child p {
    padding-right: 15px;
}

@media (max-width: 991px) {
    #configurator .col-item-text p {
        font-size: 14px;
        line-height: 26px;
    }
}

#configurator hr {
    background-color: #ddd;
    margin: 0.25rem 0;
    opacity: 1;
}

#configurator .container-item h4 {
    border-bottom: none;
}

#configurator .financing {
    background-color: #56a838;
}

#configurator .disclaimer {
    font-size: 14px;
}

#configurator .row-financing {
    display: none;
}

#configurator .financing .sliders {
    margin: 0 auto;
    padding: 35px 0;
    width: 80%;
}

@media (max-width: 767px) {
    #configurator .financing .sliders {
        width: 90%;
    }
}

#configurator .financing .sliders .slider-value {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    #configurator .financing .sliders .slider-value {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    #configurator .financing .sliders .slider-value {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    #configurator .financing .sliders .slider-value {
        font-size: 18px;
    }
}

#configurator .financing .sliders .slider-title {
    font-size: 18px;
    margin-bottom: 5px;
}

@media (max-width: 1199px) {
    #configurator .financing .sliders .slider-title {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    #configurator .financing .sliders .slider-title {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #configurator .financing .sliders .slider-title {
        font-size: 14px;
    }
}

#configurator .financing .sliders .slider-block {
    margin-bottom: 25px;
}

@media (max-width: 767px) {
    #configurator .financing .sliders .slider-block {
        margin-bottom: 10px;
    }
}

#configurator .financing .sliders .slider-rate {
    font-size: 16px;
}

@media (max-width: 767px) {
    #configurator .financing .sliders .slider-rate {
        font-size: 14px;
    }
}

.container-financing {
    display: none;
}

#configurator .btn-secondary-submit {
    font-size: 18px;
    line-height: 1;
    padding: 16px;
}

#configurator .financing .slider::-webkit-slider-thumb {
    background-color: white;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    height: 28px;
    margin-top: -8px;
    width: 28px;
}

#configurator .financing .slider::-moz-range-thumb {
    background-color: white;
    height: 28px;
    margin-top: -8px;
    width: 28px;
}

#configurator .financing .slider::-webkit-slider-runnable-track {
    height: 12px;
}

#configurator .financing .slider::-moz-range-track {
    height: 12px;
}

#configurator .financing-total {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 200px;
    position: relative;
    height: 100%;
    width: 100%;
}

/*
@media (min-width: 768px) {
    #configurator .financing-total {
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }
}
*/

#configurator .financing-total .financing-circle {
    align-items: center;
    background-color: #56a838;
    border-radius: 50%;
    height: 180px;
    display: flex;
    justify-content: center;
    left: 50%;
    padding: 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
}

#configurator .financing-total .financing-circle.roller {
    background-color: #6c757d;
}

@media (max-width: 991px) {
    #configurator .financing-total .financing-circle {
        height: 150px;
        width: 150px;
    }
}

@media (max-width: 767px) {
    #configurator .financing-total .financing-circle {
        height: 120px;
        width: 120px;
    }
}

#configurator .financing-total .financing-circle div {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

@media (max-width: 1199px) {
    #configurator .financing-total .financing-circle div {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    #configurator .financing-total .financing-circle div {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    #configurator .financing-total .financing-circle div {
        font-size: 20px;
    }
}

.row-configurator {
    visibility: hidden;
}

.img-max {
    min-width: 100%;
}

@media (max-width: 767px) {
    .btn-action {
        width: 100%;
    }
}

@media print {
    #configurator, #configurator .row-configurator {
        margin-top: 0 !important;
    }

    .body-configurator footer {
        display: none;
    }

    .mb-print {
        margin-bottom: 30px !important;
    }

    .mt-print {
        margin-top: 0px !important;
    }
}

.container-overview .container-item .row:nth-child(2) .col-item-text p {
    border-top: 1px solid #ddd;
}

.container-fluid-mobile-navigation {
    background-color: #ddd;
    border: 1px solid #000;
    height: 65px;
}

.container-fluid-mobile-navigation .mobile-left, .container-fluid-mobile-navigation .mobile-right {
    color: #56a838;
    font-size: 34px;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid-mobile-navigation .mobile-text {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.opacity-0 {
    opacity: 0;
}

.module-green-link a:not(.btn_two) {
    color: #56a838;
}

.module-green-link a:not(.btn_two):hover {
    color: #000;
}

.yform {
    max-width: 1920px !important;
}

.module-45 .box {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
    padding: 32px;
}

.module-45 label {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
}

.module-45 .border-bottom-spritpreis {
    border-bottom: 1px solid #a4a4a4;
    margin-bottom: 25px;
    width: 100%;
}

.module-45 .form-control {
    border: unset;
    font-size: 22px;
    margin: 0px !important;
    outline: none;
    width: 60%;
}

@media (max-width: 1799px) {
    .module-45 .form-control {
        font-size: 20px;
    }
}

@media (max-width: 1599px) {
    .module-45 .form-control {
        font-size: 18px;
    }
}

@media (max-width: 1440px) {
    .module-45 .form-control {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .module-45 .box {
        padding: 16px;
    }
}

.module-45 .form-control::placeholder {
    color: #ccc;
}

.module-45 select.form-control {
    width: 100%;
}

.module-45 .input-group-text-addon {
    float: right;
    padding: 0;
    text-align: right;
}

.module-45 .form-group {
    margin-bottom: 35px;
}

.module-45 .justify-content-center {
    justify-content: center;
}

.module-45 .result {
    color: #56a838;
    font-weight: 700;
}

.module-45 .btn_two {
    cursor: pointer;
}

.module-45 .mt {
    margin-top: 20px;
}

.bootstrap-wrapper .container-fluid.videolist-wrapper { padding: 0 60px; margin-top: 30px; margin-bottom: 30px; }
.videolist > div { margin-bottom: 30px; }
.videolist .videolist-inner {  }
.videolist .videolist-inner a { display: block; width: 100%; height: 100%; padding: 20px; background: #000; }
.videolist .videolist-inner a h4 { color: #56a838; margin-top: 15px; }
.videolist .videolist-inner a p { color: #fff; margin-bottom: 0 }
.videolist .video-container {
  position: relative;
  padding-bottom: 56.25%;
}



.videolist .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media (max-width: 767px) {
	.bootstrap-wrapper .container-fluid.videolist-wrapper { padding: 0 15px; }
}

.header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.module-168 {
    background-color: #f1f1f1;
}

.text-center {
    text-align: center;
}

.mt-25 {
    padding-top: 25px;
}

@media (max-width: 576px) {
	.gallery_card .grid {
		grid-template-columns: auto !important;
	}
}