@media screen and (min-width: 1200px) and (max-width: 1440px) {
    .container {
        max-width: 1140px;
    }
}
@media screen and (min-width: 1441px) and (max-width: 1530px) {
    .container {
        max-width: 1300px;
    }
}
@media screen and (min-width: 1531px) and (max-width: 1800px) {
    .container {
        max-width: 1400px;
    }
}
@media screen and (min-width: 1801px) {
    .container {
        max-width: 1620px;
    }
}


@media screen and (min-width: 1024px) {

    /* .member-carousel--main {
        height: 600px;
    } */
}

/*-----modal dialog start--------*/

@media screen and (min-width: 1600px) {
    .modal-dialog {
        max-width: 1200px !important;
        height: 550px;
    }
}

@media screen and (min-width: 575px) and (max-width: 1599px) {
    .modal-dialog {
        max-width: 800px !important;
        height: 500px;
    }
}
/*-----modal dialog end--------*/

@media screen and (max-width: 1800px) {
    .cp-left {
        padding-left: 215px !important;
    }
    .cp-right {
        padding-right: 215px !important;
    }
    .main_title{
        font-size: 80px;
    }
    .section_title {
        font-size: 40px;
    }

    /* Home Page CSS Start */

    /* .index_page  .banner--content--inner {
        padding-top: 670px;
        padding-left: 56%;
    } */

    .index_page .banner--content--inner h1.section_title {
        margin-bottom: 38px;
    }
    .index_page .banner--content--inner p {
        margin-bottom: 30px;
    }
    /* Home Page CSS End */


    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 308px;
        max-height: 260px;
        bottom: 300px;
        right: 17%;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        max-width: 266px;
        max-height: 220px;
        bottom: 175px;
        left: 140px;
    }

    /*========================== leistung-web page Css Start =======================*/
    .common_banner_right_inner{
        padding: 120px 120px 120px;
    }
    .common_banner_right_inner:after{
        width: 600px;
        height: 600px;
        left: -300px;
        bottom: -300px;
    }
    .common_banner_right_inner:before{
        width: 650px;
        height: 650px;
    }
    .common_banner_right_col:before{
        width: 600px;
        height: 600px;
        top: -300px;
        left: -300px;
    }
    .footer_left_contain{
        padding: 0px 40px 52px 40px;
    }
    .product_img {
        min-width: 100px;
        margin-right: 5px;
    }
    .product_inner_item{
        padding: 0 8px 20px 8px;
    }
    .unsere_inner_slider_section .owl-theme .owl-nav, 
    .unser_team_slider .owl-theme .owl-nav, 
    .footer_wrapper .owl-theme .owl-nav{
        margin-top: 40px;
    }
    .best{
        padding: 2px 20px 2px 12px;
    }
    .product_contian .common-large-btn{
        min-width: 180px;
    }
    .more_text_height {
        max-height: 440px;
    }
    .more_text_height {
        max-height: 390px;
    }

    .Leistung_web_services2_section .services_conatin{
        padding-left: 207px;
    }

    .services_main_conatin .section_title{
        font-size: 40px;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== kurs_plan page Css Start =======================*/
    .unsere_first_inner_contain p{
        font-size: 22px;
        margin-left: 0px;
    }
    .unsere_first_inner_contain > span{
        margin: 0 15px;
        margin-bottom: 5px;
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_inner_section {
        padding: 150px 0px;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .corona_neus_contain{
        padding: 150px 0px;
    }
    .new_lorem_inner_section{
        padding: 0 110px;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css Start =======================*/
    .kontakt_main_contain{
        padding: 110px 0 0px;
    }
    .kontakt_design{
        padding-top: 0px;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css Start =======================*/
    .common_footer .footer_inner_section{
        padding: 0px 100px 52px 100px;
    }
    .kontakt_page .new_left_contain .common-large-btn {
        min-width: 525px;
    }
    .footer_img_contain{
        width: 400px;
        height: 400px;
    }
    .common_footer .footer_contain .section-title{
        min-width: 400px;
    }
    .new_left_contain p{
        margin: 20px 0 40px;
    }
    .new_lorem_details h2{
        font-size: 42px;
    }
    /*========================== commone footer Css End =======================*/

}

@media screen and (max-width: 1600px) {
    
    .cp-left {
        padding-left: 115px !important;
    }
    .cp-right {
        padding-right: 115px !important;
    }

    /* Home Page CSS Start */
    /* .index_page .banner--content--inner {
        padding-left: 50%;
    } */
    .index_page .banner--bottom--svg svg{
        width: 100%;
        height: 100%;
    }
    .index_page .contact--form-main {
        top: 55%;
    }
    .index_page .contact--form {
        padding: 17px 26px 12px;
    }
    .contact--form .c-btn {
        font-size: 20px;
        margin-bottom: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .index_page .contact--form .c-btn:nth-child(3) {
        margin-bottom: 33px;
    }
    .index_page .contact--form .iframe--map {
        margin-bottom: 10px;
    }
    /* Home Page CSS End */


    /* ihre-leistungen--section Start */

    .index_page .card--block-single {
        height: 390px;
        padding: 25px;
    }
    .index_page .card--block-single-inner {
        bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
    }

    /* ihre-leistungen--section End */

    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        bottom: 180px;
        right: 5%;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        bottom: 75px;
    }
    .index_page .online-analyse--box.row-1.box-right {
        min-height: 778px;
    }
    /**************************** Online Analyse section End ************************/

    /**************************** Kostenlose Online-Analyse Start  ************************/

    .index_page .online-analyse--box.row-2.box-left {
        min-height: auto;
        padding-bottom: 40px;
    }
    .index_page .online-analyse-free ul li {
        padding: 14px;
    }
    .index_page .online-analyse--box.row-2.box-left .round-1-svg {
        width: 300px;
    }
    .index_page .online-analyse--box.row-2.box-left .round-1-svg svg{
        height: 100%;
    }

    /**************************** Kostenlose Online-Analyse End  ************************/

    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        padding: 136px;
        min-height: unset;
    }
    /**************************** Years Experiance Section End *****************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--content {
        height: 650px;
    }
    .index_page .wheel--content::after {
        right: -34%;        
    }
    .index_page .wheel--box .wheel--box-inner {
        width: 475px;
    }
    .wheel--box-inner-after{
        top:50px;
    }
    .spinner-stars{
        top:50px;
    }
    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        padding: 136px;
        /* min-height: unset; */
    }
    .index_page .fitness-blog--inner .online-analyse--box {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .fitness-blog--inner .online-analyse--box.box-right .online-img-1{
        min-width: 550px;
        min-height: 489px;
    }

    /**************************** Fitness Blog Inner End *****************************/

    /*========================== leistung-web page Css Start =======================*/
    .common_banner_right_col:before{
        width: 500px;
        height: 500px;
        top: -250px;
        left: -250px;
    }
    .common_banner_right_inner:after{
        width: 500px;
        height: 500px;
        left: -250px;
        bottom: -250px;
    }
    .common_banner_right_inner:before{
        width: 550px;
        height: 550px;
        right: -31%;
    }
    .lb_left{
        padding-left: 6.2%;
    }
    .category_contain .section_title{
        font-size: 40px;
        margin-bottom: 30px;
    }
    .category_contain .common-large-btn{
        margin-top: 50px;
    }
    .common_banner_right_inner{
        padding: 80px 186px;
    }

    .heighlight_main_section{
        padding: 0 100px;
    }

    .Leistung_web_heighlight_section{
        padding: 90px 0px 90px;
    }
    .Leistung_web_services2_section .services_conatin{
        padding-left: 185px;
    }

    .modal-dialog {
        /* max-width: 800px !important; */
        height: 500px;
    }

    .footer_wrapper{
        padding: 150px 0 0px;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== kurs_plan page Css Start =======================*/
    .unsere_slider_section {
        padding: 100px 0 55px;
    }
    .unsere_slider_section .section_title {
        margin-bottom: 50px;
    }

    .unsere_first_inner_contain p{
        font-size: 20px;
    }
    .unser_blue_title p{
        margin-right: 8px;
    }
    .unsere_first_inner_contain > span{
        margin: 0 10px;
    }
    .unsere_inner_slider_section .jam_space{
        margin: 0 10px;
    }
    .unsere_slider_section .section_title{
        font-size: 40px;
        margin-bottom: 40px;
    }
    .krus_web_day_section{
        padding: 100px 0px;
    }
    .krus_day_list{
        padding: 70px 0px 80px;
    }
    .krus_day_title li a{
        padding: 9px 30px;     
    }
    .krus_day_list li a{
        font-size: 42px;
    }
    .kurs_table_images{
        width: 130px;
        height: 130px;
    }
    .krus_day_paln_table tr td span, .krus_day_paln_table tr td h3{
        font-size: 26px;
    }
    .krus_day_title li a {
        padding: 9px 26px;
    }
    .krus_day_list{
        padding: 60px 0 60px;
    }
    .kurs_table_images {
        width: 115px;
        height: 115px;
    }
    .list_downloads span{
        font-size: 42px;
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_inner_section {
        padding: 120px 0px;
    }
    .wir_contain_section .section_title{
        font-size: 42px;
    }
    .wir_contain_section p{
        margin: 45px 0px;
    }
    .unser_team_slider > .section_title{
        font-size: 40px;
        margin-bottom: 40px;
    }
    .dein_contain .sub_title{
        font-size: 40px;
        margin-bottom: 40px;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .corona_neus_contain{
        padding: 115px 0px;
    }

    .new_lorem_margin{
        padding: 80px 0;
    }
    .offnungszeiten_section{
        padding-bottom: 90px;
    }
    .loren-ipsum-bottom-shape {
        width: 476px;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css Start =======================*/
    .kontakt_main_contain{
        padding: 90px 0 0px;
    }
    .kontakt_design{
        padding-top: 0px;
    }
    .kontakt_design .main_title{
        font-size: 70px;
    }
    .kotakt_form {
        margin-top: 70px;
    }
    .common_footer .footer_wrapper{
        padding-top: 90px;
    }
    .footer_social_section{
        padding: 130px 0 50px;
    }
    .footer_social_inner_section{
        padding-bottom: 110px;
    }
    .footer_left_contain .section-title{
        min-width: 400px;
        margin-bottom: 50px;
    }
    .footer_inner_section{
        padding-bottom: 30px;
    }
    .shapebottom-kontakt {
        top: -120px;
        width: 310px;
    }
    /*========================== konkat_web page Css End =======================*/

}

@media screen and (max-width: 1530px) {
    .main--header-sec {
        padding-top: 45px;
        padding-bottom: 45px;
    }


    /* Home Page CSS Start */
    .section_title {
        font-size: 38px;
    }
    .menu-nav ul li {
        margin-right: 25px;
    }
    .banner--inner::after {
        height: 526px;
        width: 526px;
        top: -350px;
        left: -350px;
    }
    .index_page .banner--content {
        max-width: 1360px;
    }
    /* .index_page .banner--content--inner {
        padding-left: 52%;
    } */
    .index_page .banner--content--inner p {
        padding-right: 0;
    }

    /* Home Page CSS End */

    /************************************** ihre-leistungen--section Start ***************************************/

    .index_page .cards--block-text {
        font-size: 24px;
    }
    .index_page .cards--block-icon {
        margin-bottom: 20px;
    }
    .index_page .card--block-single {
        height: 350px;
        padding: 25px;
    }
    .index_page .cards--block-icon svg{
        width: 74px;
    }

    /************************************** ihre-leistungen--section End ***************************************/

    /************************************** member carousel main section Start  ***************************************/

    .index_page .member-carousel {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .index_page .members-says-single {
        padding: 30px;     
    }
    .index_page .member--pic {
        min-width: 180px;
        height: 180px;
    }
    .index_page .member--note {
        width: calc(100% + 180px);
        padding-top: 35px;
    }
    .index_page .member-carousel--main {
        padding-bottom: 42px;
    }
    .index_page .member-carousel .item {
        padding: 20px;
    }
    .index_page .member--star .fa.fa-star {
        font-size: 25px;
    }
    .index_page .member-carousel.owl-theme .owl-nav [class*="owl-"] {
        width: 60px;
        height: 60px;
    }

    /************************************** member carousel main section End  ***************************************/

    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--box.row-1.box-right {
        min-height: unset;
        padding-bottom: 150px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        bottom: 120px;
        max-width: 258px;
        max-height: 258px;
        right: 11%;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        bottom: 25px;
        max-width: 206px;
        max-height: 190px;
    }
    .index_page .online-analyse--box.row-1.box-right .round-1-svg {
        width: 264px;
        height: auto;
    }
    .index_page .online-analyse--box.row-1.box-right .round-1-svg svg{
        width: 100%;
        height: 100%;
    }

    /**************************** Online Analyse section End ************************/

    /**************************** Kostenlose Online-Analyse Start  ************************/

    .index_page .online-analyse--box.row-2.box-left {
        padding-right: 90px !important;
    }

    /**************************** Kostenlose Online-Analyse End  ************************/

    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        padding:136px !important;
        max-height: 600px;
    }
    /**************************** Years Experiance Section End *****************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--content::after {
        right: -40%;        
    }    
    .index_page .wheel-content {
        padding-left: 150px;
    }
    .spinner-img {
        padding: 24px;
        top: 4px;
        left: -2px;
        width: 118%;
    }
    .spinner-stars{
        top:65px;
        right:35px;
    }
    .wheel--box-inner-after{
        left: -25px;
        top:64px;
    }
    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        padding: 136px !important;
        max-height: 650px;
    } 
    .index_page .fitness-blog--inner .we-product-block {
        margin-top: 30px;
    }
    .index_page .fitness-blog--inner .online-analyse--box {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .index_page .fitness-blog--inner .online-analyse--box .section_title {
        margin-bottom: 20px;
    }

    /**************************** Fitness Blog Inner End *****************************/

    /*========================== leistung-web page Css Start =======================*/
    .lb_left{
        padding-left: 8.5%;
    }
    .common_banner_right_col:before {
        width: 400px;
        height: 400px;
        top: -200px;
        left: -200px;
    }
    .category_contain p{
        max-width: 465px;
    }
    .category_contain .common-large-btn{
        margin-top: 40px;
    }
    .common_banner_right_inner{
        padding: 63px 148px;
    }
    .category_contain .section_title{
        margin-bottom: 25px;
    }
    .Leistung_web_services2_section .services_conatin{
        padding-left: 175px;
    }

    .services_conatin {
        padding: 55px 60px 55px 136px;
    }
    .services_lorem_contain{
        margin: 0 0 30px;
    }
    .more_main{
        margin-top: 15px;
    }
    .services_main_conatin .common-large-btn {
        margin-top: 30px;
    }

    .footer__rigth_contain img{
        margin-top: -40px;
    }
    .footer_left_contain{
        padding: 0px 30px 52px 30px;
    }
    .footer_wrapper .owl-theme .owl-nav{
        margin-top: 30px;
    }
    .product_img{
        min-width: 92px;
    }
    .product_item{
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .product_inner_item {
        padding: 0 15px 20px 15px;
    }
    .footer_wrapper .owl-nav .owl-prev {
        margin-right: 5px; 
    }
    .footer_wrapper .owl-nav .owl-next{
        margin-left: 5px;
    }
    .footer_left_contain {
        padding: 0px 30px 30px 30px;
    }
    .footer_left_contain .section-title{
        margin-bottom: 50px;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== kurs_plan page Css Start =======================*/
    .unsere_slider_section{
        padding: 80px 0 50px;
    }

    .krus_day_paln_table tr td span, .krus_day_paln_table tr td h3{
        font-size: 24px;
    }
    .krus_day_list li a {
        font-size: 38px;
    }
    .krus_day_list {
        padding: 50px 0 50px;
    }
    .krus_day_paln_table tr td a {
        min-width: 230px;
        font-size: 22px;
        padding: 10px 15px;
    }
    .krus_day_title li {
        margin-right: 40px;
    }
    .wir_contain_section{
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 100%;
    }
    .wir_inner_section {
        padding: 100px 0px;
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .unser_item_contain .section_title{
        font-size: 22px;
    }
    .unser_item_contain{
        padding: 10px 20px;
    }
    .dein_contain .sub_title{
        font-size: 36px;
        margin-bottom: 30px;
    }
    /*========================== studio_web page Css End =======================*/
    /*========================== news_web page Css End =======================*/
    .corona_neus_contain{
        padding: 100px 0px;
    }

    .new_lorem_margin {
        padding: 60px 0;
    }
    .new_lorem_inner_section{
        padding: 0 80px;
    }
    .new_lorem_details > span{
        margin-bottom: 40px;
    }
    .new_lorem_details h2{
        font-size: 40px;
    }
    .new_lorem_section{
        padding: 100px 0px;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css start =======================*/
    .kontakt_design .main_title {
        font-size: 65px;
    }
    .kotakt_form {
        max-width: 550px;
    }
    .information_section ul li{
        padding: 18px 55px 18px 35px;
    }
    .jam__location{
        width: 160px;
    }
    .konkat_map_section{
        width: 800px;
        height: 800px;
    }
    .kontakt_map_inner_section:after {
        left: -43px;
    }
    .kotakt_form{
        margin-bottom: 90px;
    }
    .offnungszeiten_inner_section{
        padding: 20px 30px;
    }
    .offnungszeiten_section{
        padding-bottom: 80px;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css Start =======================*/
    .common_footer .footer_inner_section {
        padding: 0px 50px 40px 50px;
    }
    .common_footer .footer_contain .section-title{
        min-width: 380px;
        padding: 25px 30px;
    }
    .new_left_contain p {
        margin: 20px 0 30px;
    }
    .common_footer .footer_wrapper{
        padding-top: 80px;
    }
    .footer_social_section{
        padding: 100px 0 40px;
    }
    .footer_social_inner_section{
        padding-bottom: 90px;
    }
    .footer_social_section .section-title{
        margin-bottom: 20px;
    }
    .footer_left_contain .section-title{
        min-width: 380px;
        padding: 25px 30px;
    }
    .footer_wrapper{
        padding-top: 110px;
    }
    /*========================== commone footer Css End =======================*/


}

@media screen and (max-width: 1540px) {
    .banner--content{width: 55%;}
    .index_page .banner--content--inner p{font-size: 16px;}
    .banner--inner::after{
        width: 520px;
        height: 520px;
    }
}
@media screen and (max-width: 1440px) {
    .main_title{
        font-size: 50px;
        margin-bottom: 0;
    }
    .cp-left {
        padding-left: 165px !important;
    }
    .cp-right {
        padding-right: 165px !important;
    }

    .miglied-btn-box {
        width: 300px;
    }
    /* .index_page .banner--content--inner {
        padding-left: 56.3%;
    } */
    .index_page .header-block .menu-nav-block {
        margin-right: 120px;
    }

    /**************************** Online Analyse section Start ************************/

    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        bottom: 35px;
        max-width: 176px;
        max-height: 190px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 228px;
        max-height: 228px;
    }
    /**************************** Online Analyse section End ************************/

    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        padding:80px !important;
    }
    /**************************** Years Experiance Section End *****************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--box .wheel--box-inner {
        width: 465px;
    }
    .index_page .wheel--content::after {
        right: -45%;        
    }    
    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        padding:80px !important;
    } 
    /**************************** Fitness Blog Inner End *****************************/

    /**************************** Footer Css for index *****************************/
    .index_page .footer_inner_section .footer_contain:nth-child(1) {
        max-width: 541px;
        padding-right: 20px;
        width: 100%;
    }
    /**************************** Footer Css for index *****************************/

    /*========================== leistung-web page Css Start =======================*/
    .common_banner_right_inner {
        padding: 70px 124px;
    }
    .lb_left {
        padding-left: 10.5%;
    }
    .category_contain .section_title{
        font-size: 36px;
        margin-bottom: 20px;
    }
    .category_contain .common-large-btn{
        margin-top: 30px;
    }
    .common_banner_right_inner:before {
        width: 500px;
        height: 500px;
    }

    .heighlight_main_section{
        padding: 0 50px;
    }
    .Leistung_web_heighlight_section{
        padding: 70px 0px 70px;
    }
    .Leistung_web_services2_section .services_conatin{
        padding-left: 160px;
    }

    .banner-play-btn a {
        font-size: 65px;
        width: 100px;
        height: 100px;
        border-width: 20px;
        left: -85px;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== kurs_plan page Css Start =======================*/
    .services_main_conatin .section_title {
        margin-bottom: 30px;
        font-size: 36px;
    }
    .services_conatin {
        padding: 30px 60px 30px 136px;
    }
    .unsere_slider_section{
        padding: 70px 0 50px;
    }
    .unsere_inner_slider_section .owl-theme .owl-nav .owl-prev, .unser_team_slider .owl-theme .owl-nav .owl-prev {
        margin-right: 50px;
    }
    .unsere_inner_slider_section .owl-nav, 
    .unser_team_slider .owl-nav, .footer_wrapper .owl-nav{
        padding-right: 5%;
    }

    .kurs_table_images {
        width: 115px;
        height: 115px;
    }
    .krus_day_title li a{
        font-size: 20px;
    }
    .krus_day_list li a {
        font-size: 34px;
    }
    .krus_day_list{
        padding: 35px 0 35px;
    }
    .kurs_table_images {
        width: 100px;
        height: 100px;
    }
    .krus_day_paln_table tr td span, .krus_day_paln_table tr td h3 {
        font-size: 20px;
    }
    .krus_day_paln_table tr td a {
        min-width: 210px;
        font-size: 20px;
        padding: 10px 15px;
    }
    .list_downloads .downloads_arrow{
        margin-left: 35px;
    }
    .list_downloads .downloads_arrow{
        width: 50px;
        height: 50px;
    }
    .krus_web_day_section {
        padding: 80px 0px;
    }
    .list_downloads span {
        font-size: 36px;
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_images{
        padding-right: 0px;
    }
    .wir_inner_section {
        padding: 80px 0px;
    }
    .wir_contain_section .section_title{
        font-size: 36px;
    }
    .wir_contain_section p{
        margin: 30px 0px;
    }
    .unser_team_slider > .section_title {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .dein_contain p{
        margin-right: 50px;
    }
    .unser_team_slider .owl-theme .owl-nav{
        margin-bottom: 60px;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .corona_neus_contain{
        padding: 80px 0px;
    }
    .section_title{
        font-size: 35px;
    }
    .corona_neus_inner_contain p{
        font-size: 16px;
    }
    .corona_neus_inner_contain > span{
        margin-bottom: 40px;
    }
    .new_lorem_margin {
        padding: 50px 0;
    }
    .new_lorem_inner_section{
        padding: 0 70px;
    }
    .new_lorem_details > span{
        margin-bottom: 30px;
    }
    .new_lorem_details  p{
        font-size: 16px;
    }
    .new_lorem_section{
        padding: 80px 0px;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css start =======================*/
    .kontakt_design .main_title {
        font-size: 60px;
    }
    /* .information_section ul li{
        padding: 15px 35px 15px 35px;
    } */

    .information_section ul li{
        /* padding: 12px 18px; */
        padding: 10px 35px 10px 35px;
    } 

    .mb_zero_p{
        margin-bottom: 0px;
    }
    .jam__location{
        width: 145px;
    }
    .kontakt_main_contain{
        padding: 80px 0;
    }
    .kotakt_form{
        max-width: 500px;
    }
    .kotakt_form .section_title{
        margin-bottom: 15px;
    }
    .kotakt_form{
        padding: 30px;
        margin-top: 50px;
    }

    .kotakt_form input + input {
        margin-top: 12px;
    }
    .kotakt_form select + input {
        margin-top: 12px;
    }
    .kotakt_form{
        margin-bottom: 70px;
    }
    .offnungszeiten_inner_section{
        padding: 20px 20px;
    }
    .offnungszeiten_details p span{
        font-size: 16px;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css Start =======================*/
    .footer_img_contain {
        width: 370px;
        height: 370px;
    }
    .footer_social_inner_section{
        padding-bottom: 80px;
    }
    .footer_social_inner_section .footer_social_left{
        width: 60%;
        min-width: 60%;
    }
    /*========================== commone footer Css End =======================*/
  

}

@media screen and (max-width: 1360px) {
    .cp-left {
        padding-left: 125px !important;
    }
    .cp-right {
        padding-right: 125px !important;
    }

    .common-large-btn{
        min-width: 300px;
        padding: 12px 15px;
    }

    /* Home Page CSS Start */
    .index_page .banner--inner::after {
        height: 496px;
        width: 496px;
        top: -360px;
        left: -360px;
    }
    /* .index_page .banner--content--inner {
        padding-top: 645px;
    } */
    .index_page .banner--content {
        max-width: 1200px;
    }
    /* .index_page .banner--content--inner {
        padding-left: 60%;
    } */

    .miglied-btn-box {
        width: 250px;
    }

    /* Home Page CSS End */


    /************************************** ihre-leistungen--section Start ***************************************/

    .index_page .card--block-single {
        padding: 25px;
    }

    /************************************** ihre-leistungen--section End ***************************************/

    /**************************** Online Analyse section Start ************************/

    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        bottom: 45px;
        max-width: 146px;
        max-height: 146px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        right: 2%;
    }
    /**************************** Online Analyse section End ************************/

    /**************************** Kostenlose Online-Analyse Start  ************************/

    .index_page .online-analyse--box.row-2.box-left .online-analyse-free {
        margin-left: -34px;
    }
    .index_page .online-analyse--box.row-2.box-left .round-1-svg {
        width: 260px;
    }

    /**************************** Kostenlose Online-Analyse End  ************************/

    /**************************** Wheel Section Start *****************************/

    .index_page .wheel--content::after {
        right: -55%;        
    }    
    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.row-1.box-left{
        padding-left: 80px !important;
    }
    .index_page .fitness-blog--inner .we-product-img {
        width: 110px;
    }
    .index_page .fitness-blog--inner .we-product-block{
        padding: 40px 15px 10px 10px;
    }
    .index_page .fitness-blog--inner .we-product-block {
        margin-top: 20px;
    }
    .index_page .fitness-blog--inner .online-analyse--box .section_subtext {
        margin-bottom: 20px;
    }
    .index_page .fitness-blog--inner .product-name h4 {
        font-size: 18px;
    }
    .index_page .we-product-content .product-name {
        margin-bottom: 5px;
    }

    .fitness-blog--inner .online-analyse--box.box-right .online-img-1{
        min-width: 450px;
        min-height: 389px;
    }
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        min-height: 550px;
    }
    /**************************** Fitness Blog Inner End *****************************/

    /*========================== leistung-web page Css Start =======================*/  
    .lb_left {
        padding-left: 8.5%;
    }  
    .common_banner_right_inner {
        padding: 70px 112px;
    }
    .common_banner_right_col:before {
        width: 300px;
        height: 300px;
        top: -150px;
        left: -150px;
    }
    .common_banner_right_inner:before {
        width: 450px;
        height: 450px;
    }

    .heighlight_main_section{
        padding: 0 30px;
    }

    .Leistung_web_services2_section .services_conatin{
        padding-left: 90px;
    }
    .services_conatin {
        padding: 30px 60px 30px 60px;
    }
    .more_text_height {
        max-height: 328px;
    }

    .unser_blue_title span{
        width: 12px;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_contain_section .section_title {
        font-size: 36px;
    }
    .unser_item_contain .section_title {
        font-size: 20px;
    }
    .unser_item_contain span {
        font-size: 16px;
    }
    .dein_contain .sub_title{
        font-size: 32px;
        margin-bottom: 25px;
    }
    .new_lorem_details h2 {
        font-size: 36px;
    }
    .new_lorem_details > span{
        font-size: 16px;
    }
    /*========================== studio_web page Css End =======================*/
}

@media screen and (max-width: 1280px) {
    .cp-left {
        padding-left: 85px !important;
    }
    .cp-right {
        padding-right: 85px !important;
    }

    /* Home Page CSS Start */

    /* .index_page .banner--content--inner {
        padding-left: 57%;
    } */

    .menu-nav ul li {
        margin-right: 15px;
    }

    /* Home Page CSS End */

    /**************************** Wheel Section Start *****************************/
    .index_page  .wheel--content::after {
        right: -60%;        
    }    
    /**************************** Wheel Section End *****************************/

    .lb_left {
        padding-left: 5.5%;
    }

}  
@media screen and (max-width: 1200px) {
    .cp-left {
        padding-left: 45px !important;
    }
    .cp-right {
        padding-right: 45px !important;
    }

    /* Home Page CSS Start */

    /* .index_page .banner--content--inner {
        padding-left: 54%;
    } */

    /* Home Page CSS End */

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--content::after {
        right: -70%;        
    }    
    /**************************** Wheel Section End *****************************/

    .loren-ipsum-bottom-shape {
        width: 276px;
    }


}
@media screen and (max-width: 1199px) {
    .main_title {
        font-size: 40px;
    }
    .cp-left {
        padding-left: 15px !important;
    }
    .cp-right {
        padding-right: 15px !important;
    }
    .container{
        max-width: 100%;
    }
    .common-large-btn {
        min-width: 275px;
        padding: 13px 15px;
        font-size: 16px;
    }

    /* Home Page CSS Start */
    /* .index_page .banner--content--inner {
        padding-left: 51.3%;
    } */
    .menu-nav ul li a{
        font-size: 16px;
    }
    .menu-nav ul li {
        margin-right: 10px;
    }
    .miglied-btn-box {
        width: 200px;
    }
    .header-block .menu-nav-block {
        margin-right: 160px;
    }
    /* Home Page CSS End */

    .section_title {
        font-size: 28px;
    }

    /************************************** member carousel main section Start  ***************************************/
    .member-namer {
        font-size: 22px;
    }
    .member--said {
        font-size: 16px;
    }
    .members-says-single {
        padding: 25px;
    }

    /************************************** member carousel main section End  ***************************************/

    /**************************** Online Analyse section Start ************************/
    .index_page  .online-analyse--box.row-1.box-right {
        padding-left: 30px;
    }
    .index_page  .online-analyse--box.row-1.box-right .online-img-3 {
        left: 60px;
    }
    .index_page  .online-analyse--box.row-1.box-right .online-img-2 {
        right: 10px;
    }

    /**************************** Online Analyse section End ************************/

    /**************************** Kostenlose Online-Analyse Start  ************************/
    .index_page  .online-analyse--box.row-2.box-left {
        padding-right: 15px !important;
    }

    .index_page  .online-analyse--box.row-2.box-left .online-analyse-free {
        margin-left: 20px;
        margin-right: 20px;
    }
    .index_page .online-analyse-free .check {
        width: 11px;
        height: 20px;
    }
    .index_page .check--text {
        font-size: 14px;
    }
    .index_page .online-analyse-free ul li {
        border-radius: 10px;
    }   
    .index_page .online-analyse--box.row-2.box-left {
        padding-right: 30px !important;
    }
    .index_page .online-analyse--box.row-2.box-right {
        padding-left: 30px;
    }
    /**************************** Kostenlose Online-Analyse End  ************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--content::after {
        right: -103%;
    }

    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box .section_subtext{
        font-size: 16px;
    }
    .index_page .fitness-blog--inner .online-analyse--box.box-right{
        min-height: 650px;
    }
    /**************************** Fitness Blog Inner End *****************************/


    /**************************** probetranning Start *****************************/
    .index_page .probetranning-form .input-fields input {
        padding: 13px 22px;
    }
    .index_page .probetranning-form .input-fields select {
        padding: 13px 22px;
    }
    /**************************** probetranning End *****************************/

    /*========================== leistung-web page Css Start =======================*/
    .unser_team_slider .owl-prev, .unser_team_slider .owl-next, 
    .footer_wrapper .owl-prev, .footer_wrapper .owl-next{
        width: 60px;
        height: 60px;
    }
    .unser_team_slider .owl-theme .owl-nav .owl-prev{
        margin-right: 65px;
    }
    .unser_team_slider .owl-theme .owl-nav, .footer_wrapper .owl-theme .owl-nav{
        margin-top: 30px;
    }

    .lb_left{
        padding-left: 15px;
    }
    .common_banner_right_inner {
        padding: 57px 80px;
    }
    .category_contain p {
        max-width: 400px;
    }
    .category_contain .section_title {
        font-size: 32px;
    }
    .category_contain p{
        font-size: 16px;
    }
    .category_contain .common-large-btn{
        margin-top: 25px;
    }

    .leistung_heighlight_contain h3{
        margin: 30px 0 20px;
        font-size: 22px;
    }
    .leistung_heighlight_contain p{
        font-size: 16px;
    }
    .services_main_conatin .section_title {
        margin-bottom: 25px;
        font-size: 32px;
    }
    .services_lorem_contain{
        font-size: 16px;
        margin: 0px;
    }
    .services_main_conatin .common-large-btn {
        margin-top: 25px;
    }
    .unsere_slider_section{
        padding: 50px 0 50px;
    }
    .unsere_slider_section .lb_left{
        padding: 0 15px;
    }
    .wir_contain_section .section_title {
        font-size: 32px;
    }
    .wir_contain_section p{
        margin: 20px 0px;
    }

    .banner-play-btn a {
        font-size: 60px;
        width: 100px;
        height: 100px;
        left:-70px;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .unser_item_contain .section_title {
        line-height: 1;
    }
    .unser_item_contain span {
        line-height: 1;
    }
    .was_wir_section:before{
        height: 84%;
    }
    .dein_contain p{
        margin-right: 30px;
        font-size: 16px;
    }
    .dein_contain .sub_title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .unser_team_slider .owl-theme .owl-nav{
        margin-bottom: 50px;
    }
    .dein_contain p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .corona_neus_contain{
        padding: 70px 0px;
    }
    .corona_neus_inner_contain > span{
        margin-bottom: 30px;
    }
    .new_lorem_inner_section{
        padding: 0 40px;
    }
    .new_lorem_details > span{
        margin-bottom: 15px;
    }
    .new_pad_left, .new_pad_right{
        padding-left: 0px;
        padding-right: 0px;
    }
    .new_lorem_section{
        padding: 60px 0px;
    }
    .new_lorem_details h2 {
        font-size: 32px;
    }
    /*========================== news_web page Css End =======================*/
    /*========================== konkat_web page Css Start =======================*/
    .konkat_map_section {
        width: 750px;
        height: 750px;
        right: 0px;
    }
    .kontakt_main_contain{
        padding: 70px 0px;
    }
    .information_section ul li{
        padding: 12px 20px;
    }
    .info_details h4{
        font-size: 22px;
    }
    .kotakt_form{
        margin-bottom: 60px;
    }
    .kotakt_form {
        max-width: 475px;
    }
    .kontakt_design .main_title {
        font-size: 52px;
        max-width: 400px;
    }
    .kotakt_form input{
        padding: 10px 25px;
    }
    .kotakt_form textarea{
        padding: 10px 25px;
    }
    .kotakt_form select{
        padding: 10px 21px;
    }
    .kotakt_form input + input, .kotakt_form textarea{
        margin-top: 10px;
    }
    .information_section ul li + li {
        margin-top: 12px;
    }
    .offnungszeiten_main_contain{
        flex-wrap: wrap;
    }
    .offnungszeiten_section{
        padding-bottom: 60px;
    }
    .offnungszeiten_section{
        padding-bottom: 60px;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css Start =======================*/
    .footer_img_contain {
        width: 350px;
        height: 300px;
    }
    .common_footer .footer_inner_section {
        padding: 0px 40px 40px 40px;
    }
    .kontakt_page .new_left_contain .common-large-btn {
        min-width: 450px;
    }
    .common_footer .footer_contain .section-title{
        margin-bottom: 30px;
        min-width: 300px;
    }
    .common_footer .footer_wrapper{
        padding-top: 60px;
    }
    .footer_social_inner_section{
        padding-bottom: 60px;
    }
    .footer_social_inner_section .footer_social_left{
        width: 65%;
        min-width: 65%;
    }
    .footer_social_section{
        padding: 80px 0px 50px;
    }
    .footer_left_contain .section-title {
        margin-bottom: 30px;
        min-width: 300px;
    }
    .footer__rigth_contain img{
        margin-top: -20px;
    }
    .footer_wrapper{
        padding-top: 90px;
    }
    /*========================== commone footer Css End =======================*/
}

@media screen and (max-width: 1024px) {
    /************************************** ihre-leistungen--section Start ***************************************/
    .index_page .card--block-single {
        height: 280px;
        padding: 15px;
    }
    .index_page .card--block-single-inner {
        bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .index_page .cards--block-icon svg {
        width: 44px;
    }
    .index_page .cards--block-icon {
        margin-bottom: 10px;
    }
    .index_page .cards--block-text {
        font-size: 16px;
    }
    .news_web_page .moreless-button > span{
        font-size: 18px;
    }
    .index_page .wheel-content {
        padding-left: 87px;
    }
    .small_screen_logo{
        font-size: 40px !important;
    }
    .small_screen_text{
        font-size: 1rem ;
        max-width: 66.666667%;
    }
    /************************************** ihre-leistungen--section End ***************************************/
    
}


@media screen and (max-width: 991px) {
    body .index_page{
        font-size: 16px;
    }
    .kontakt_map_inner_section iframe{
        display: block;
    }
    .shapebottom-kontakt,
    .map_locator{
        display: none;
    }
    .kontakt_page .shapebottom-kontakt {
        display: none;
    }
    .logo-hold img{
        max-width: 100px;
        max-height: 45px;
    }

    
    
    /************************ Mobile Menubar css Start *****************************/
    body {
        padding: 50px 0 0 0;
    }
    .logo-hold {
        padding: 0;
    }
    .mobileopen header{
        background-color: var(--color-3);
    }
    .header-block{
        height: 50px;
    }
    .menu-toggle-btn {
        cursor: pointer;
        display: block;
        background-color: var(--color-1);
        display: flex;
        align-items: center;
        justify-content: center;
        /* padding: 20px; */
        flex-direction: column;
        width: 76px;
        position: relative;
        z-index: 2;
    }
    .header-block .menu-nav-block{
        position: fixed;
        top: 50px;
        top: -100%;
        left: 0;
        width: 100%;
        height: calc( 100% - 50px);
        background-color: var(--color-3);
        z-index: 1;
        padding: 15px;
        opacity: 0;
        visibility: hidden;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; 
    }
    .mobileopen .header-block .menu-nav-block{
        opacity: 1;
        visibility: visible;
        top: 50px;
    }
    .mobileopen .logo-hold img {
        /* filter: brightness(0) invert(1); */
        transform: scale(1.2);
        position: relative;
        z-index: 2;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        padding-left: 15px;
        padding-top: 15px;
    }

    .menu-nav ul li.active a, 
    .menu-nav ul li:hover a {
	    color: var(--color-9);
        text-decoration: underline;
	
    }
    .menu-nav, .menu-nav ul, .menu-nav ul li, .menu-nav ul li a{
        height: unset;
    }
    .menu-nav ul li a {
        padding: 6px 0;
        font-size: 27px;
        font-weight: 700;
        color: var(--color-9);
    }
    .menu-nav ul li{
        margin-bottom: 14px;
    }
    .menu-nav ul li,
    .menu-nav ul li a{
        display: block;
    }
    .menu-nav{
        text-align: right;
        overflow-y: auto;
    }
    .menu-nav ul li{
        padding-right: 10px;
    }
    .menu-nav ul li .dropdown-submenu  li {
        padding-right: 0px;
    }

    .mobile-display-mitglied {
        display: block;
        max-width: 335px;
        margin-left: auto;
        background-color: var(--white);
        color: var(--black);
    }
    .mobile-display-mitglied:hover{
        background-color: var(--color-1);
    }
    .miglied-btn-block{
        display: none;
    }
    .header-wrapper .container{
        padding-right: 0;
        /* background-color:var(--color-3); */
    }
    .menu-toggle-btn span {
        width: 28px;
        height: 3px;
        margin-bottom: 5px;
        background-color: var(--color-9);
        border-radius: 35px;

        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; 
    }
    .menu-toggle-btn span:nth-child(1){
        margin-top: 5px;
    }
    .mobileopen .menu-toggle-btn span:nth-child(1){
        transform: rotate(45deg) translateY(2px) translateX(5px);
    }
    .mobileopen .menu-toggle-btn span:nth-child(2){
        opacity: 0;
    }
    .mobileopen .menu-toggle-btn span:nth-child(3){
        transform: rotate(-45deg) translateY(-7px) translateX(9px);
    }
    .menu-nav ul li {
        margin: 0;
    }
    .menu-top-bottom-shape{
        display: block;
    }
    .menu-top-shape{
        position: absolute;
        right: 0;
        top: -50px;
    }
    .menu-bottom-shape{
        position: absolute;
        left: 0;
        bottom: 0px;
    }
    .menu-nav ul li:hover a{
        color: var(--white);
    }
    .menu-nav ul li.has-submenu .dropdown-submenu{
        position: unset;
        opacity: 0;
        visibility: hidden;
        height: 0px;
        transform: scaleY(0);
        background-color: unset;
        text-align: right;
        box-shadow: unset;
        border-top: 0;

        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; 
    }
    .menu-nav ul li .dropdown-submenu li > a{
        font-size: 16px;
        font-weight: 400;
        color: var(--white);
        letter-spacing: 0.05em;
        padding: 2px 0;
    }
    .menu-nav ul li.has-submenu.open-sub-menu .dropdown-submenu{
        opacity: 1;
        visibility: visible;
        height: 100%;
        transform: scaleY(1) ;

        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; 

    }

    /************************ Mobile Menubar css End *****************************/


    /************************ Banner css Start *****************************/


    .index_page .banner--inner {
        height: calc(100vh - 50px);
    }
    /* .index_page .banner--content {
        left: -720px;
        top: -389px;
    } */
    /* .index_page .banner--content--inner {
        padding-left: 61.3%;
    } */

    /************************ Banner css End *****************************/


    /************************************** member carousel main section Start  ***************************************/
    .index_page .member-carousel .item{
        opacity: 1;
    }
    .index_page .member--pic {
        max-width: 150px;
        min-width: 150px;
        height: 150px;
        margin: auto;
    }
    .index_page .member--note {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
        text-align: center;
    }
    .index_page .member--star {
        margin-top: 20px;
        justify-content: center;
    }
    .index_page .member--note hr {
        margin-left: auto;
        margin-right: auto;
    }
    .index_page .members-says-single{
        flex-direction: column;
        box-shadow: 0px 0px 0px var(--color-2);
    }
    .index_page .member-carousel .item {
        padding: 10px;
    }
    .index_page .member-carousel{
        padding-left: 30px;
        padding-right: 30px;
    }
    .index_page .member-carousel.owl-theme .owl-nav .owl-prev {
        margin-left: 15px;
    }
    .index_page .member-carousel.owl-theme .owl-nav .owl-next {
        margin-right: 15px;
    }
    /************************************** member carousel main section End  ***************************************/

    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--box.row-1.box-right{
        padding-right: 75px !important;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 147px;
        max-height: 133px;
        right: 20px;
        bottom: 70px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        max-width: 99px;
        max-height: 92px;
    }
    .index_page .online-analyse--box.row-1.box-right {
        padding-bottom: 100px;
    }
    .index_page .online-analyse--box.row-1.box-right .round-1-svg {
        width: 194px;
    }
    .index_page .online-analyse--box .section_title {
        margin-bottom: 20px;
    }
    .index_page .online-analyse--box .section_subtext {
        margin-bottom: 20px;
        max-width: 556px;
    }
    .index_page .online-analyse--box.row-2.box-left .online-img-1 {
        max-width: 100%;
        max-height: 624px;
        object-fit: cover;
        margin-top: -10px;
        position: relative;
        box-shadow: 0px 0px 15px var(--color-2);
        border-radius: 25px;
    }
    /**************************** Online Analyse section End ************************/

    /**************************** Kostenlose Online-Analyse Start  ************************/
    .index_page .online-analyse--box.row-2.box-left .online-img-1 {
        margin-top: -10px;
    }
    .index_page .online-analyse--box.row-2.box-left .online-analyse-free {
        margin-left: 10px;
        margin-right: 10px;
    }
    .index_page .online-analyse-free ul li {
        padding: 10px;
    }
    .index_page .online-analyse-free .check {
        width: 9px;
        height: 18px;
    }

    /**************************** Kostenlose Online-Analyse End  ************************/


    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        padding: 75px !important;
    }
    /**************************** Years Experiance Section End *****************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--box .wheel--box-inner {
        width: 335px;
    }
    .index_page .wheel--content {
        height: 450px;
    }
    .index_page .spinner-img:after {
        width: 210px;
    }
    .index_page .wheel--content::after {
        right: -113%;
    }
    .index_page .spinner-img {
        padding: 14px;
        width: 124%;
    }
    .wheel--box-inner-after {
        left: -20px;
        top: 15px;
        width: 110%;
    }
    .wheel--button a{
        left: 0%;
        top: 50%;
    }
    .spinner-img{
        top: -10px;
    }
    .spinner-stars{
        top: 15px;
        right: 15px;
    }
    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        padding: 20px !important;
        height: 450px;
        max-height:unset;
        min-height:unset;

    }
    .index_page .fitness-blog--inner .online-single--block{
        flex-wrap: wrap;
    }
    .index_page .fitness-blog--inner .online-analyse--box .section_subtext{
        max-width: 100%;
    }
    .index_page .fitness-blog--inner .online-analyse--box.row-1.box-right,
    .index_page .fitness-blog--inner .online-analyse--box.row-1.box-left{
        width: 100%;
    }
    .index_page .fitness-blog--inner .online-analyse--box.row-1.box-left{
        padding-left: 15px !important;
        margin-top: 0;
    }


    /**************************** Fitness Blog Inner End *****************************/

    /**************************** Accordian Section Start *****************************/

    .index_page .ct_accordion_lable h3 {
        font-size: 16px;
    }
    .index_page .ct_accordion_wrap + .ct_accordion_wrap {
        margin-top: 15px;
    }

    .hdf-accordion-block .hgf-col-left{
        padding-right: 30px;
    }
    .hdf-accordion-block .hgf-col-right{
        padding-left: 30px;
    }
    /**************************** Accordian Section End *****************************/

    /**************************** probetranning Start *****************************/
    .index_page .probetranning-form .name-input {
        width: 100%;
        margin-right: 0;
    }
    .index_page .probetranning-form .telefon-input{
        width: 100%;
        margin-left: 0;
    }
    .index_page .probetranning-form .common-large-btn{
        background-color:var(--color-1);
        color:var(--color-8);
    }

    /**************************** probetranning End *****************************/

     /**************************** Footer Css for index *****************************/
     .index_page .footer_inner_section .footer_contain:nth-child(1) {
        max-width: 341px;
    }
    .index_page .probetranning-form .gender-input{
        width: 100%;
    }
    /**************************** Footer Css for index *****************************/

    /*========================== leistung-web page Css Start =======================*/

    .common_banner_left_col, .common_banner_right_col{
        width: 100%;
    }
    .common_banner_right_col{
        order: 1;
    }
    .common_banner_left_col{
        order: 2;
    }
    .leistung_web_inner_contain{
        flex-wrap: wrap;
    }
    .leistung_web_contain .lb_left{
        padding-left: 0px;
    }
    .common_banner_right_img .section_title{
        display: block;
        text-align: center;
        color: var(--white);
        margin-bottom: 40px;
        font-size: 38px;
    }
    .common_banner_right_inner {
        padding: 57px 100px;
    }
    .category_contain .section_title{
        display: none;
    }
    .common_banner_right_inner::before {
        width: 650px;
        height: 650px;
        right: -27%;
        top: -25%;
        z-index: -1;
    }
    .common_banner_right_inner::after {
        width: 720px;
        height: 720px;
        left: -360px;
        bottom: -360px;
    }
    .category_contain{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        padding: 50px 15px;
        margin-top:0%;
        margin-bottom: 0%;
    }
    .category_contain p {
        max-width: 465px;
    }
    .common_banner_right_col:before{
        display: none;
    }

    .Leistung_web_heighlight_section {
        padding: 50px 0px 50px;
    }
    .leistung_heighlight_contain h3{
        margin: 25px 0 15px;
    }
    .services_conatin{
        padding: 15px 30px;
    }
    .services_main_conatin .section_title{
        font-size: 28px;
    }
    .services_main_conatin .common-large-btn, .services_main_conatin .section_title{
        margin-top: 20px;
    }
    .moreless-button span{
        font-size: 16px;
    }
    .moreless-button i{
        font-size: 20px;
    }
    .more_text_height {
        max-height: 136px;
    }

    .unsere_last_contain h3{
        font-size: 22px;
    }
    .unsere_last_contain p{
        font-size: 20px;
    }
    .unsere_slider_section{
        padding: 10px 0 50px;
    }
    .unsere_slider_section .section_title{
        margin-bottom: 30px;
        font-size: 32px;
    }
    .unsere_inner_slider_section .owl-theme .owl-nav .owl-prev, .unser_team_slider .owl-theme .owl-nav .owl-prev {
        margin-right: 30px;
    }
    .unsere_inner_slider_section .owl-prev, 
    .unsere_inner_slider_section .owl-next, 
    .unser_team_slider .owl-prev, 
    .unser_team_slider .owl-next, 
    .footer_wrapper .owl-prev, 
    .footer_wrapper .owl-next{
        width: 50px;
        height: 50px;
    }
    .wir_inner_section {
        padding: 60px 0px;
    }
    .Leistung_web_services_slider .services_main_conatin {
        margin-top: 0px;
    }
    .services_lorem_contain{
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    .services_conatin .common-large-btn {
        padding: 10px 15px;
    }
    .Leistung_web_services2_section .services_conatin{
        padding-left: 30px;
    }
    .more_text_height p{
        font-size: 16px;
        line-height: 1.3;
    }

    .banner-play-btn a {
        width: 75px;
        height: 75px;
        font-size: 50px;
        left:-58px;
    }
    .banner-play-btn a i {
        margin-left: 10px;
    }
    /*========================== leistung-web page Css End =======================*/


    /*========================== kurs_plan page Css Start=======================*/
    .krus_day_title li a{
        margin-top: 30px;
    }
    .krus_web_day_section{
        padding: 40px 0 70px;
    }
    .krus_day_title li a {
        padding: 9px 20px;
    }
    .krus_day_list{
        padding: 30px 0px 20px;
    }
    .kurs_table_images {
        width: 70px;
        height: 70px;
    }
    .krus_day_list li a {
        font-size: 30px;
    }
    .krus_day_paln_table tr td:first-child{
        padding: 20px;
    }
    .krus_day_paln_table tr td:last-child{
        padding-right: 20px;
    }
    .krus_day_paln_table tr td a {
        min-width: 175px;
        font-size: 18px;
        padding: 10px 15px;
    }
    .krus_day_paln_table tr td span, .krus_day_paln_table tr td h3 {
        font-size: 16px;
    }
    .krus_day_paln_table tr td a {
        min-width: 158px;
        font-size: 16px;
        padding: 10px 15px;
    }
    .list_downloads span {
        font-size: 28px;
    }
    .list_downloads .downloads_arrow{
        margin-left: 25px;
    }
    .krus_day_title li {
        margin-right: 30px;
    }
    .krus_web_day_section:after {
        height: 40%;
        width: 40%;
    }
    .krus_web_day_section:before{
        height: 40%;
        width: 40%;
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_contain_section p{
        font-size: 16px;
        margin: 15px 0px;
    }
    .wir_contain_section .section_title{
        font-size: 28px;
    }
    .wir_contain_section .section_title {
        font-size: 32px;
    }
    .unser_item_contain .section_title {
        font-size: 18px;
    }
    .unser_item_contain span {
        font-size: 15px;
    }
    .was_wir_section .lb_left{
        padding-right: 15px;
    } 
    .unser_team_slider > .section_title{
        font-size: 32px;
        margin-bottom: 25px;   
    }
    .dein_inner_contain{
        width: 100%;
    }
    .dein_contain p{
        max-width: 100%;
        margin-bottom: 30px;
    }

    .dein_block{
        display: none;
    }
    .dein_none{
        display: block;
    }
    .dein_images_slider div:first-child, .dein_images_slider div:first-child + div{
        display: flex;
    }

    /* .gallery-item:nth-of-type(1){
        grid-column: span 4;
    } */
    .gallery-text-item{
        grid-column: span 4;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .new_lorem_details h2, .corona_neus_inner_contain  h2{
        font-size: 28px;
    }
    .corona_neus_inner_contain > span{
        margin-bottom: 25px;
    }
    .more_text_height {
        max-height: 154px;
    }
    .new_lorem_inner_section {
        padding: 0 30px;
    }
    .new_lorem_section{
        padding: 30px 0px;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css Start =======================*/
    .kontakt_main_contain{
        padding:0;
    }
    .konkat_map_section{
        position: relative;
    }
    .kontakt_inner_main_contain{
        flex-direction: column;
    }
    .jam__location{
        display: none;
    }
    .information_section{
        align-self: center;
    }
    .konkat_map_section{
        order: 1;
    }
    .kontakt_design{
        order: 2;
    }
    .information_section{
        order: 3;
    }
    .konkat_map_section{
        background-color: var(--color-1);
        width: 100%;
        border-radius: unset;
        padding: 60px;
    }
    .kontakt_map_inner_section:after{
        content: none;
    }
    .kontakt_inner_main_contain{
        margin-left: -15px;
        margin-right: -15px;
    }
    .kontakt_map_inner_section iframe{
        border-radius: 30px;
    }
    .konkat_map_section .section_title{
        display: block;
        text-align: center;
        color: var(--white);
        margin-bottom: 25px;
    }
    .konkat_map_section{
        padding-bottom: 100px;
        padding-top: 30px;
    }
    .konkat_map_section:before {
        content: ' ';
        width: 800px;
        height: 800px;
        border-radius: 50%;
        background-color: hsl(calc(var(--color-1-h)*0.94), var(--color-1-s), calc(var(--color-1-s) *0.65));
        position: absolute;
        top: -42%;
        right: -43%;
        z-index: -1;
    }
    .konkat_map_section:after{
        content: ' ';
        width: 600px;
        height: 600px;
        border-radius: 50%;
        background-color: var(--color-2);
        position: absolute;
        left: -300px;
        bottom: -300px;
        z-index: -1;
    }
    .map-btn{
        display: none;
    }
    .kontakt_design .main_title{
        display: none;
    }
    .kotakt_form{
        max-width: 100%;
    }
    .kontakt_design{
        padding: 0 15px;
    }
    .form_group{
        margin-top: -20px;
    }
    .information_section{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 0px;
    }
    .information_section {
        margin-bottom: 30px;
    }
    .offnungszeiten_main_contain{
        flex-wrap: wrap;
    }
    .offnungszeiten_details{
        flex: 0 0 33.33%;
        text-align: left;
    }
    
    .offnungszeiten_inner_section .section_title{
        display: flex;
        align-items: center;
    }
    
    .offnungszeiten_inner_section .section_title img {
        width: 25px;
        margin-right: 20px;
    }

    /*========================== konkat_web page Css End =======================*/
    /*========================== commone footer Css Start =======================*/
    .kurs_web_page .new_left_contain .common-large-btn, 
    .news_web_page .new_left_contain .common-large-btn, 
    .studio_web_page .new_left_contain .common-large-btn,
    .leistung_web_page .new_left_contain .common-large-btn{
        min-width: 100%;
    }
    .common_footer .footer_inner_section {
        padding: 0px 30px 30px 30px;
    }
    .footer_contain{
        width: calc(100% - 350px);
        padding-right: 20px;
    }
    .kontakt_page .new_left_contain .common-large-btn {
        min-width: 100%;
    }
    .new_left_contain .section_title{
        font-size: 28px;
    }
    .common_footer .footer_contain .section-title{
        min-width: 280px;
        padding: 20px;
        margin-bottom: 25px; 
    }
    .new_left_contain p{
        font-size: 16px;
    }
    .footer_inner_section:after{
        width: 180px;
        height: 180px;
    }
    .footer_social_inner_section .footer_social_left{
        width: 100%;
        min-width: 100%;
    }
    .copy_menu a + a{
        margin-left: 15px;
    }
    .footer_social_inner_section {
        padding-bottom: 40px;
    }
    .footer_social_section{
        padding: 70px 0px 40px;
    }
    .footer__rigth_contain img{
        margin-top: 50px;
        border-radius: 25px;
    }
    .footer_left_contain{
        padding-bottom: 0px;
    }
    .footer_wrapper{
        padding-top: 70px;
    }
    .footer_inner_section:before{
        bottom: -40px;
    }
    .news_web_page .moreless-button > span{
        font-size: 16px;
    }
    /*========================== commone footer Css End =======================*/


}



@media screen and (max-width: 767px){
    .main_title {
        font-size: 30px;
    }
    .section_title {
        font-size: 28px;
    }
    .section_title br{
        display: none;
    }
    .banner--content--inner .section_title br{
        display: inline-block;
    }
    .main--header-sec {
        padding-top: 60px;
        padding-bottom: 19px;
    }
    .contact--form-main{
        display: none;
    }

    /************************ Banner css Start *****************************/
    .index_page .banner--content--inner .common-large-btn,
    .index_page .banner--content--inner .banner_sub_text{
        display: none;
    }
    .index_page .banner--content {
        max-height: 476px;
        top: -220px;
        border-radius: 50%;
        min-height: unset;
        width: 110%;
        left: -7%;
        background: rgb(255 255 255 / 82%);        
    }

    .index_page .card--block-single{
        padding-left: 0px!important;
    }
    .index_page .banner--content--inner h1.section_title {
        margin-bottom: 0;
    }
    .index_page .banner--content--inner {
        padding-left: 0;
        align-content: center;
        justify-content: center;
        text-align: center;
        /* padding-top: 50px;
        padding-bottom: 60px; */
        padding-right: 0;
        position: absolute;
        width: 100%;
        /* left: 0;
        top: 50%; */
    }
    .index_page .banner--content {
        width: 119%;
        height: 100%;
        left: 0;
        top: -222px;
        border-radius: 50%;
        margin-left: -12%;
    }
    /************************ Banner css End *****************************/




    /************************************** ihre-leistungen--section Start ***************************************/
    .index_page .ihre-leistungen--section{
        margin-top: 60px;
    }
    .cards-block .section-heading .section_title {
        margin-bottom: 20px;
    }
    .index_page .leistungen--slider{
        padding-left: 15px;
        padding-right: 15px;
    }
    /* .index_page .leistungen--slider .owl-item{
        margin-right: 20px;
    } */
    /* .card--block-single.section-heading.card1{
        display: none;
    } */
    .index_page .leistungen--slider.owl-carousel .owl-stage{
        padding-left: 0  !important;
    }
    .index_page .leistungen--slider .owl-item:first-child{
        display: none;
    }
    .index_page .leistungen--slider .card--block-single{
        width: 100%;
        /* border: 1px solid #707070; */
    }
    /* .desktop-leistungen-slider{
        display: none;
    } */
    .index_page .leistungen--slider .card--block-single {
        height: 200px;
    }
    .index_page .leistungen--slider .cards--block-text .link svg {
        width: 34px;
    }
    /* .index_page .leistungen--slider{
        justify-content: flex-start;
    } */
    .index_page .mobile-leistungen {
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
    }
    .index_page .mobile-leistungen .section_title{
        margin-bottom: 20px;
    }
    /************************************** ihre-leistungen--section End ***************************************/

    /************************************** member carousel main section Start  ***************************************/
    .index_page .member-carousel {
        padding-left: 20px;
        padding-right: 20px;
    }
    /************************************** member carousel main section End  ***************************************/

    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--inner .online-analyse-blocks{
        margin-top: 20px;
    } 
    .index_page .online-analyse--box.row-2.box-right,
    .index_page .online-analyse--box.row-2.box-left,
    .index_page .online-analyse--box.row-1.box-right,
    .index_page .online-analyse--box.row-1.box-left{
        width: 100%;
    }
    .index_page .online-analyse--box.row-1.box-left{
        margin-top: 20px;
    }
    .index_page .online-analyse--box.row-1.box-right {
        padding-right: 75px !important;
        width: 100%;
    }
    .index_page .online-analyse--box.row-1.box-right{
        order: -1;
    }
    .index_page .online-analyse--box.row-2.box-right {
        padding-left: 15px;
        /* margin-top: 20px; */
    }
    .index_page .online-analyse--box.row-2.box-left {
        margin-top: 60px;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 20px;
    }
    .index_page .online-analyse--box.row-2.box-left .online-img-1 {
        width: 100%;
    }
    .index_page .online-single--block .online-analyse--box .common-large-btn{
        width: 100%;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        max-width: 159px;
        max-height: 149px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 247px;
        max-height: 203px;
        right: 20px;
        bottom: 70px;
    }
    .index_page .online-analyse--box .section_title {
        margin-bottom: 20px;
    }
    .index_page .online-analyse--box .section_subtext {
        margin-bottom: 20px;
        max-width: 100%;
    }
    .mobile-online-row2-heading .section_title {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0 15px;
    }
    .index_page .online-analyse--box.row-2.box-right .section_title{
        display: none;
    }
    .online-analyse-free ul li {
        padding: 10px;
        /* border-radius: 35px; */
    }
    .index_page .online-analyse--box.row-2.box-left .online-analyse-free {
        margin-right: 0;
        margin-left: 0;
        margin-top: -44px;
    }


    /**************************** Online Analyse section End ************************/

    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        max-height: unset;
        padding: 20px !important;
        height: 450px;
    }
    /**************************** Years Experiance Section End *****************************/


    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--content--inner{
        flex-wrap: wrap;
        flex-direction: column;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .index_page .wheel-content, 
    .index_page .wheel--box{
        width: 100%;
    }
    .index_page .wheel-content {
        padding: 0;
        margin-top: 40px;
        /* background-color: hsl(calc(var(--color-1-h)*0.94), var(--color-1-s), calc(var(--color-1-s) *0.65)); */
        background-color: var(--color-3);
        padding: 20px 15px;
    }
    .index_page .wheel--content{
        height: 100%;
    }
    .index_page .wheel--content::after {
        width: 1220px;
        height: 980px;
        background-color: transparent;
    }
    .index_page .wheel--content{
        padding: 0;
        /* background-color: var(--light-blue); */
    }
    .index_page .wheel--box-round{
        width: 200px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .index_page .wheel--box-round svg{
        width: 100%;
        height: 100%;
    }
    .index_page .wheel--box-round svg path {
        fill: var(--color-3);
    }
    .index_page .wheel--box{
        padding-top: 40px;
    }
    .index_page .wheel-content .section_title {
        margin-bottom: 20px;
    }
    .index_page .wheel-content .hauptgewinn-text {
        display: none;
    }
    .index_page .wheel-content a.jetzt-btn {
        margin-top: 20px;
    }

    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner End *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.row-1.box-right {
        max-height: unset;
        padding: 20px !important;
    }
    .fitness-blog--inner .online-analyse--box.box-right .online-img-1 {
        min-width: unset;
        min-height: unset;
    }
    /**************************** Fitness Blog Inner End *****************************/

    /**************************** Accordian Section Start *****************************/
    .hdf-accordion-block .hgf-col-right,
    .hdf-accordion-block .hgf-col-left {
        padding-right: 55px;
        padding-left: 55px;
    }
    .hdf-accordion-block .hgf-col-left{
        padding-bottom: 15px;
    }

    /**************************** Accordian Section End *****************************/

    /**************************** probetranning Start *****************************/
    .common_footer .footer_contain{
        padding-right: 0;
    }
    .index_page .probetranning-form .common-large-btn{
        font-size: 14px;
    }

    /**************************** probetranning End *****************************/

    /*************************** Footer Index ****************************/
    .index_page  .footer_img_contain.footer_contain .section_title {
        font-size: 24px;
    }
    /*************************** Footer Index ****************************/

    
     /**************************** Footer Css for index *****************************/
     .index_page .footer_inner_section .footer_contain:nth-child(1) {
        max-width: 100%;
        padding: 0;
    }
    /**************************** Footer Css for index *****************************/


    /*========================== leistung-web page Css Start =======================*/
    .common_banner_right_inner {
        padding: 55px 70px;
    }
    .common_banner_right_img .section_title{
        font-size: 34px;
        margin-bottom: 30px;
    }
    .common_banner_right_inner::before {
        width: 550px;
        height: 550px;
    }
    .common_banner_right_inner::after {
        width: 500px;
        height: 500px;
        left: -250px;
        bottom: -250px;
    }

    .Leistung_web_heighlight_section {
        padding: 40px 0px 40px;
    }

    .heightlight_slider_none{
        display: block;
    }

    /*highlight_silder*/
    .heighlight_main_section .owl-nav [class*=owl-]:hover,
    .Leistung_web_services_slider  .owl-nav [class*=owl-]:hover,
    .gallery  .owl-nav [class*=owl-]:hover,
    .new_lorem_inner_section  .owl-nav [class*=owl-]:hover{
        background: transparent;
    }
    .heighlight_main_section .owl-nav,
    .gallery .owl-nav,
    .new_lorem_inner_section .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: -1;
    }
    .gallery .owl-nav{
        z-index: 0;
    }
    .Leistung_web_services_slider .owl-nav .owl-prev{
        position: absolute;
        transform: translateY(-50%);
        z-index: 0;
        top: 25%;
        left: 0px;
    }
    .Leistung_web_services_slider .owl-nav .owl-next{
        position: absolute;
        transform: translateY(-50%);
        z-index: 0;
        top: 25%;
        right: 0px;
    }
    /*.heighlight_main_section .owl-nav .owl-prev,
    .dein_images_slider .owl-nav .owl-prev,
    .new_lorem_inner_section .owl-nav .owl-prev{
        position: absolute;
        transform: translateY(-50%);
        z-index: 0;
        top: 50%;
        left: 0px;
    }
    .heighlight_main_section .owl-nav .owl-prev,
    .dein_images_slider .owl-nav .owl-prev,
    .new_lorem_inner_section .owl-nav .owl-prev{
        position: absolute;
        transform: translateY(-50%);
        z-index: 0;
        top: 50%;
        right: 0px;
    }*/

    .heighlight_main_section .owl-theme .owl-nav,
    .Leistung_web_services_slider  .owl-theme .owl-nav,
    .gallery  .owl-theme .owl-nav,
    .new_lorem_inner_section  .owl-theme .owl-nav{
        margin: 50px 0px 0px;
    }    
    .heighlight_main_section .owl-prev img,
    .heighlight_main_section .owl-next img,
    .Leistung_web_services_slider  .owl-prev img,
    .Leistung_web_services_slider  .owl-next img,
    .gallery  .owl-prev img,
    .gallery  .owl-next img,
    .new_lorem_inner_section  .owl-prev img,
    .new_lorem_inner_section  .owl-next img{
        width: 18px;
    }
    .heighlight_main_section .owl-prev,
    .heighlight_main_section .owl-next,
    .Leistung_web_services_slider  .owl-prev,
    .Leistung_web_services_slider  .owl-next,
    .gallery  .owl-prev,
    .gallery  .owl-next,
    .new_lorem_inner_section  .owl-prev,
    .new_lorem_inner_section  .owl-next{
        width: 55px;
        height: 55px;
        background-color: var(--white) !important;
        box-shadow: 0px 0px 25px #00000029;
        border-radius: 50% !important;
    }
    .heighlight_main_section .owl-prev > img,
    .Leistung_web_services_slider  .owl-prev > img,
    .gallery  .owl-prev > img,
    .new_lorem_inner_section  .owl-prev > img{
        transform: rotate(-180deg);
    }
    .new_lorem_inner_section .owl-nav{
        margin: 0 -30px;
        z-index: 1;
    }
    .heighlight_main_section .owl-prev {
        margin-left: -20px;
    }
    .heighlight_main_section .owl-next{
        margin-right: -20px;
    }
    .Leistung_web_services_slider  .owl-prev{
        margin-left: 6px;
    }
    .Leistung_web_services_slider  .owl-next{
        margin-right: 6px;
    }
    .heightlight_slider{
        margin: 0px;
    }
    .Leistung_web_services2_section .services_conatin{
        padding-left: 30px;
    }
    .footer_wrapper .owl-theme .owl-nav{
        top: 50%;
        margin-top: 0px;
    }
    .services_images{
        padding: 30px 60px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 450px;
    }
    .services_images img{
        object-fit: cover;
    }
    .services_lorem_contain{
        max-width: 100%;
    }
    .services_main_conatin {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .services_main_conatin  .common-large-btn{
        align-self: center;
    }
    .Leistung_web_services2_section{
        order: 1;
    }
    /*========================== leistung-web page Css End =======================*/


    /*========================== kurs_plan page Css start =======================*/
    .footer_wrapper:after{
        height: 100%;
    }
    .unsere_img_box{
        padding: 0 25px;
    }
    .footer_wrapper .owl-nav .owl-prev,
    .unsere_inner_slider_section .owl-nav .owl-prev{
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
    }   
    .footer_wrapper .owl-nav .owl-next,
    .unsere_inner_slider_section .owl-nav .owl-next{
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
    }
    .unsere_inner_slider_section .owl-nav .owl-prev{
        top: 57%;
    }
    .unsere_inner_slider_section .owl-nav .owl-next{
        top: 57%;
    }
    .unsere_inner_slider_section .owl-nav, .footer_wrapper .owl-nav{
        padding-right: 0px;
    }
    .unsere_inner_slider_section .owl-nav .owl-prev{
        margin-left: -7px;
    }
    .unsere_inner_slider_section .owl-nav .owl-next{
        margin-right: -7px;
    }
    .owl-theme .owl-dots .owl-dot span{
        background:  var(--white);
        border: 1px solid var(--color-1);
    }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
        background:  var(--color-1);
    }
    .owl-dots{
        margin-top: 20px;
    }


    .krus_day_paln_table tr td:nth-child(1),
    .krus_day_paln_table tr td:nth-child(4),
    .krus_day_paln_table tr td:nth-child(5),
    .krus_day_paln_table tr td:nth-child(6){
        display: none;
    }
    .krus_day_paln_table tr td:nth-child(2){
        border-radius: 6px 0 0 6px;
    }
    .krus_day_paln_table tr td:nth-child(3){
        border-radius: 0 6px 6px 0px;
    }
    .krus_day_list {
        padding: 30px 0px 15px;
    }
    .krus_day_paln_table  .table td, .table th{
        padding: 10px 15px;
    }
    .krus_day_list li a {
        font-size: 28px;
    }
    .krus_day_title li a {
        font-size: 18px;
    }
    .krus_day_title li a {
        padding: 7px 13px;
        font-size: 17px;
    }
    .list_downloads{
        justify-content: space-between;
    }
    .krus_web_day_section {
        padding: 40px 0 60px;
    }
    .krus_day_list li a {
        font-size: 26px;
    }
    .krus_table_btn{
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    .krus_table_btn .common-large-btn{
        min-width: 290px;
        padding: 12px 15px;
        font-size: 16px;
    }
    .krus_web_day_section{
        padding: 40px 0 40px;
    }
    .list_downloads .downloads_arrow{
        margin-left: 0px;
    }
    .list_downloads span{
        position: relative;
    }
    .list_downloads span:after{
        content: ' ';
        width: 100%;
        height: 1px;
        background-color: var(--white);
        position: absolute;
        left: 0px;
        bottom: -1px;
    }

    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_images img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .wir_contain_section .section_title{
        display: none;
    }
    .wir_images .section_title{
        display: block;
        margin-bottom: 25px;
        width: 100%;
    }
    .wir_contain_section p{
        max-width: 100%;
        margin: 50px 0 15px;
    }
    .wir_contain_section{
        display: flex;
        flex-direction: column;
    }
    .wir_contain_section .common-large-btn{
        align-self: center;
    }
    .wir_images{
        height: 350px;
    }
    .was_wir_section:after{
        width: 50%;
        height: 38%;
    }
    .wir_inner_section {
        padding: 50px 0px;
    }
    .unser_item_contain {
        padding: 8px 20px;
    }


    .dein_images {
        width: 100%;
    }
    .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    .gallery-text-item {
        grid-column: span 3;
    }
    .gallery  .owl-nav{
        margin-left: -45px;
        padding: 0 15px;
    }
    .mobile-view{
        display: block !important;
    }
    
    .mobile-view-hidden{
        display: none ;
    }

    /* .gallery .owl-stage-outer div div:first-child {
        display: none;
    } */
    
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .corona_neus_inner_contain {
        margin: 45px 0 0 0;
    }

    .more_text_height {
        max-height: 100%;
    }
    .corona_neus_inner_contain > span {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .news_lorem_slider_images{
        order: 1;
    }
    .news_order{
        order: 2
    }
    .new_lorem_details{
        margin-top: 30px;
    }
    .new_lorem_margin{
        padding: 30px 0px;
    }
    .news_lorem_slider_images.new_lorem_details{
        margin-top: 0px;
    }
    .new_lorem_details > h2, .new_lorem_details > span{
        display: none;
    }
    .news_lorem_slider_images.new_lorem_details h2, .news_lorem_slider_images.new_lorem_details span{
        display: block;
    }
    .new_lorem_details .moretext{
        max-width: 100%;
    }
    .new_lorem_details_images {
        height: 280px;
    }
    .new_lorem_details_images img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .ne_lorem{        
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;  
        overflow: hidden;
    }
    .new_lorem_section{
        padding: 30px 15px;
    }
    .new_lorem_section .owl-prev,
    .new_lorem_section .owl-next{
        position: absolute;
    }
    .new_lorem_section .owl-prev{
        left: -15px;
    }
    .new_lorem_section .owl-next{
        right: -15px;
    }
    .new_lorem_inner_section .owl-nav{
        top: 47%;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css Start =======================*/
    .konkat_map_section{
        height: 680px;    
    }
    .kotakt_form input{
        padding: 10px 15px;
        font-size: 16px;
    }
    .kotakt_form select{
        padding: 8px 10px;
        font-size: 16px;
    }
    .kotakt_form textarea{
        padding: 10px 15px;
        font-size: 16px;
    }
    .kotakt_form{
        padding: 20px;
    }
    .kotakt_form textarea.active{
        height: 75px;
    }
    .form_group {
        margin-top: -35px;
    }
    .kotakt_form{
        margin: 50px 0px;
    }
    .info_details h4{
        font-size: 20px;
    }
    .info_details p{
        font-size: 16px;
    }
    .information_section ul li{
        padding: 12px 15px;
    }
    .offnungszeiten_details .section_title{
        margin: 25px 0 15px;
        font-size: 18px;
    }
    .offnungszeiten_details p span{
        font-size: 16px;
    }
    .offnungszeiten_inner_section > .section_title{
        font-size: 22px;
    }
    .offnungszeiten_section{
        padding-bottom: 50px;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css End =======================*/
    .footer_contain{
        min-width: 100%;
    }
    .footer_inner_section{
        flex-wrap: wrap;
    }
    .footer_img_contain.footer_contain{
        order: 0;
        padding-right: 0px;
    }
    .footer_contain{
        order: 1;
    }
    .footer_contain .section-title{
        display: none;
    }
    .footer_img_contain .section-title, .footer_img_contain .section_title {
        display: block;
    }
    .footer_img_contain.footer_contain .section_title br{
        display: none;
    }
    .footer_img_contain.footer_contain .section_title{
        margin-bottom: 25px;
        color: var(--white);
    }
    .new_left_contain .section_title{
        display: none;
    }
    .footer_img_contain{
        height: 100%;
    }
    .footer_img_contain  img{
        height: 300px;
    }
    .footer_img_contain.footer_contain .section_title {
        font-size: 28px;
    }
    .footer_inner_section{
        margin: 0 -15px;
    }
    .common_footer .footer_wrapper{
        padding-top: 50px;
    }
    .address, .social_icon{
        width: 50%;
    }
    .footer_social_left{
        flex-wrap: wrap;
        justify-content: unset;
    }
    .social_icon{
        margin-top: 30px;
    }
    .footer_social_left .address:nth-child(3){
        margin-top: 30px;
    }
    .copy_menu a, .copy_right span, .copy_right a{
        font-size: 14px;
    }
    .copy_menu a + a{
        margin-left: 5px;
    }
    .footer_social_section .section-title{
        margin-bottom: 15px;
        font-size: 18px;
    }
    .footer_social_section .address p{
        font-size: 15px;
    }
    .footer_img_contain.footer_contain{
        margin-top: 0px;
    }
    .footer_contain{
        padding-right: 0px;
    }
    .footer__rigth_contain{
        display: none;
    }
    .footer_wrapper{
        padding-top: 30px;
    }
    .footer_inner_section:before{
        visibility: hidden;
    }
    /*========================== commone footer Css End =======================*/


}

@media screen and (max-width: 575px){
    .common-large-btn {
        min-width: 100%;
    }
    .menu-nav{
        margin: auto;
        text-align: center;
    }
    .menu-nav ul li .dropdown-submenu li > a {
        text-align: center;
    }

    .mobileopen .logo-hold{
        flex-grow: 1;
        display: flex;
        justify-content: center;
        margin-left: 35px;
    }

    .section_title {
        font-size: 24px;
    }

    .index_page .mobile-display-mitglied {
        max-width: 100%;
        width: 100%;
    }
    .index_page .mobile-display-mitglied {
        max-width: 100%;
        width: 100%;
    }

    .index_page .contact--form-main{
        display: none;
    }
    .index_page  .banner--content--inner .section_title {
        font-size: 24px;
    }
    .index_page .banner--content {
        width: 170%;
        top: -300px;
        margin-left: -36%;
    }
    /* .index_page .banner--content--inner {
        padding-top: 30px;
        padding-bottom: 50px;
        top: 63%;
    } */
    .index_page .banner--inner::after {
        height: 466px;
        width: 466px;
    }

    /************************************** member carousel main section Start  ***************************************/
    .index_page .member--pic {
        max-width: 110px;
        min-width: unset;
        height: 110px;
        margin: auto;
    }
    .index_page .member--star .fa.fa-star {
        font-size: 18px;
    }
    .index_page .member-carousel.owl-theme .owl-nav .owl-prev {
        margin-left: 5px;
    }
    .index_page .member-carousel.owl-theme .owl-nav .owl-next {
        margin-right: 5px;
    }
    .index_page .member-carousel.owl-theme .owl-nav [class*="owl-"] {
        width: 46px;
        height: 46px;
    }
    .index_page .member-carousel.owl-theme .owl-nav [class*="owl-"] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .index_page .member-namer {
        font-size: 20px;
    }
    .index_page .member-carousel {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .index_page .member-carousel--main .jetzt-btn{
        padding: 0 15px;
    }
    .index_page .member-carousel--main .jetzt-btn a {
        width: 100%;
    }
    .index_page .member-carousel .item {
        padding: 0;
    }
    .index_page .member-carousel .owl-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }
    .index_page .member-carousel .owl-dots .owl-dot span{
        background: var(--white);
    }
    .index_page .member-carousel .owl-dots .owl-dot.active span, 
    .index_page .member-carousel .owl-dots .owl-dot:hover span{
        background: var(--rev-color);
    }
    .index_page .member-carousel--main {
        padding-bottom: 20px;
    }
    /************************************** member carousel main section End  ***************************************/

    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        max-width: 129px;
        max-height: 119px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 197px;
        max-height: 173px;
    }
    /**************************** Online Analyse section End ************************/

    /**************************** Kostenlose Online-Analyse Start  ************************/


    .index_page .online-analyse--box.row-2.box-left .round-1-svg {
        width: 130px;
    }
    .index_page .online-analyse-free .check {
        width: 8px;
        height: 16px;
        border-bottom-width: 2px;
        border-right-width: 2px;
    }

    /**************************** Kostenlose Online-Analyse End  ************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--box .wheel--box-inner {
        width: 300px;        
    }
    .index_page .spinner-img {
        padding: 13px;
        top: -8%;
        left: -11px;
    }
    .index_page .wheel--button a{
        width: 100px;
        height: 100px;
        font-size: 14px;
        left:-3%;
        top: 48%;

    }
    .index_page .wheel-content a.jetzt-btn{
        width: 100%;
    }
    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/

    .index_page .we-product-block {
        max-width: 230px;
    }
    .index_page .fitness-blog--inner .product-name h4 {
        font-size: 14px;
    }
    .index_page .we-price-desc p {
        font-size: 12px;
    }
    .index_page .best-seller-tag {
        height: 34px;
        max-width: 125px;
        font-size: 14px;
    }
    .index_page .fitness-blog--inner .we-product-img {
        width: 70px;
    }
    .index_page .we-product-content {
        width: calc(100% - 70px);
    }
    .index_page .fitness-blog--product-detail .jetzt-section-btn .common-large-btn{
        font-size: 12px;
    }
    .index_page .best-seller-block  .tag-desktop-img{
        display: none;
    }
    .index_page .best-seller-block  img.tag-img {
        position: absolute;
        right: -91px;
        top: 10px;
        width: 131px;
    }

    /**************************** Fitness Blog Inner End *****************************/


    /**************************** Accordian Section Start *****************************/

    .index_page .ct_accordion_lable h3 {
        padding-right: 30px;
    }

    /**************************** Accordian Section End *****************************/




    /*========================== leistung-web page Css Start =======================*/
    .common_banner_right_inner {
        padding: 50px 50px;
    }
    .common_banner_right_inner::before {
        width: 400px;
        height: 400px;
    }
    .common_banner_right_inner{
        padding: 30px;
    }
    .common_banner_right_img .section_title{
        font-size: 24px;
    }
    .category_contain p {
        max-width: 400px;
    }
    .category_contain .common-large-btn{
        width: 100%;
    }

    .heighlight_main_section .owl-prev {
        margin-left: -30px;
        width: 45px;
        height: 45px;
    }
    .heighlight_main_section .owl-next{
        margin-right: -30px;
        width: 45px;
        height: 45px;
    }
    .heighlight_main_section .owl-prev img, 
    .heighlight_main_section .owl-next img {
        width: 17px;
    }

    .services_images{
        height: 335px;
    }
    .Leistung_web_services_slider .owl-nav{
        top: 28%;
    }
    .services_conatin{
        padding: 15px;
    }
    .services_main_conatin .common-large-btn{
        margin-top: 15px;
    }
    .services_main_conatin .section_title{
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .Leistung_web_services_slider .owl-prev, 
    .Leistung_web_services_slider .owl-next{
        width: 45px;
        height: 45px;
    }
    .services_images{
        padding: 30px 45px;
    }
    .Leistung_web_services2_section .services_conatin{
        padding-left: 15px;
    }
    .services_conatin{
        padding: 25px 15px;
    }

    .footer__rigth_contain{
        display: none;
    }
    .unsere_inner_slider_section .owl-prev, .unsere_inner_slider_section .owl-next{
        width: 46px;
        height: 46px;
    }
    .unsere_inner_slider_section .owl-nav .owl-prev,
    .unsere_inner_slider_section .owl-nav .owl-next{
        top: 52%;
    }
    .unsere_inner_slider_section .owl-nav .owl-next {
        margin-right: 3px;
    }
    .unsere_inner_slider_section .owl-nav .owl-prev {
        margin-left: 3px;
    }
    .unsere_slider_section {
        padding: 0px 0 40px;
    }

    .modal-dialog {
        height: 340px;
        /* max-width: min-content !important;  */
        margin: 0 auto;
        /* z-index: 1; */
    }

    .main_gal_con {
        position: relative;
        z-index: 1;
    }
    /*========================== leistung-web page Css End =======================*/

    /*========================== kurs_plan page Css Start =======================*/
    .krus_day_title li a {
        margin-top: 15px;
    }
    .list_downloads span{
        font-size: 24px;
    }
    .krus_day_paln_table table{
        border-spacing: 0 20px;
    }
    .krus_day_list li a {
        font-size: 24px;
    }
    .krus_table_btn .common-large-btn{
        min-width: 100%;
    }
    .krus_web_day_section:after{
        width: 250px;
        height: 250px;
        border-radius: 100% 0 0 0;
    }
    .krus_web_day_section:before{
        width: 250px;
        height: 250px;
        border-radius: 0 0 100% 0; 
    }
    .krus_table_btn{
        margin-bottom: 20px;
    }
    .category_contain{
        padding: 35px 15px;
    }
    .krus_table_btn .common-large-btn {
        padding: 10px 15px;
    }
    .list_downloads span {
        font-size: 22px;
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css Start =======================*/
    .wir_images{
        height: 335px;
    }
    .wir_images .section_title{
        margin-bottom: 20px;
        font-size: 24px;
    }
    .was_wir_section:after {
        height: 31%;
    }
    .wir_inner_section {
        padding: 40px 0px;
    }
    .unser_slider_item{
        padding: 0 30px;
    }
    .unser_team_slider .owl-nav, .footer_wrapper .owl-nav{
        padding-right: 0px;
    }
    .unser_team_innser_slider .owl-nav{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin: 0px;
        width: 100%;
        justify-content: space-between;
    }
    .unser_team_slider .owl-theme .owl-nav{
        margin: 0px;
    }
    .was_wir_section{
        padding-bottom: 40px;
    }
    .was_wir_section:before{
        height: 100%;
    }

    .dein_images_slider{
        padding: 0 30px;
    }
    .dein_images_slider .owl-nav{
        margin-left: -30px;
        padding: 0 7px;
    }
    .dein_inner_contain {
        margin-top: 40px;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== news_web page Css End =======================*/
    .corona_neus_inner_contain {
        margin: 30px 0 0 0;
    }
    .corona_neus_contain {
        padding: 50px 0px;
    }
    .new_lorem_details h2, .corona_neus_inner_contain h2 {
        font-size: 25px;
    }
    /*========================== news_web page Css End =======================*/

    /*========================== konkat_web page Css Start =======================*/
    .konkat_map_section{
        height: 550px;    
    }
    .konkat_map_section{
        padding: 30px 30px 90px;
    }
    .konkat_map_section:before {
        width: 550px;
        height: 550px;
    }
    .konkat_map_section:after{
        width: 320px;
        height: 320px;
        left: -150px;
        bottom: -150px;
    }
    .kotakt_form{
        margin: 40px 0px;
    }
    .offnungszeiten_main_contain{
        flex-direction: column;
        align-items: flex-start;
        padding-left: 50px;
    }
    .offnungszeiten_inner_section{
        padding: 15px;
    }
    .offnungszeiten_inner_section > .section_title{
        text-align: left;
    }
    .off_details_none{
        display: none;
    }
    .offnungszeiten_details .section_title{
        margin: 20px 0 10px;
    }
    .offnungszeiten_inner_section > .section_title{
        font-size: 20px;
    }
    .offnungszeiten_section{
        padding-bottom: 40px;
    }
    .offnungszeiten_details{
        text-align: left;
    }
    .offnungszeiten_details.block-section{
        display: block;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css Start =======================*/
    .footer_img_contain img{
        height: 230px;
    }
    .common_footer .footer_inner_section{
        padding: 0 15px 30px;
    }
    .common_footer .footer_wrapper{
        padding-top: 40px;
    }
    .address, .social_icon{
        width: 100%;
    }
    .address + .address {
        margin-top: 40px;
    }
    .social_icon{
        flex-direction: row;
    }
    .social_icon a + a{
        margin-top: 0px;
        margin-left: 30px;
    }
    .copy_right_section{
        flex-direction: column;
    }
    .copy_right{
        /* margin-top: 10px; */
        margin-bottom: 10px;
    }
    .footer_social_section{
        padding: 50px 0px;
    }
    .footer_left_contain{
        padding: 0px 15px 0px;
    }
    .product_item{
        display: flex;
        align-items: center;
    }
    .best{
        align-self: flex-start;
    }
    .footer_left_contain  .owl-item {
        padding: 0 30px;
    }
    .footer_contain .section-title{
        font-size: 16px;
    }
    .unsere_inner_slider_section .owl-dots{
        margin-top: 0px;
    }
    /*========================== commone footer Css End =======================*/

    .gallery {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 50px;
    }
    .gallery-text-item {
        grid-column: span 2;
    }
    .usercentrics-button.uc-button-bl .uc-privacy-button-wrapper{
        bottom: 30px!important;
    }

}
@media screen and (max-width: 450px) {
    .common_banner_right_inner::before {
        width: 320px;
        height: 320px;
    }
    .common_banner_right_inner::after{
        width: 350px;
        height: 350px;
        left: -175px;
        bottom: -175px;
    }

    .common_banner_right_img .section_title{
        margin-bottom: 20px;
    }
    .category_contain p {
        max-width: 100%;
    }
    .leistung_heighlight_contain h3 {
        margin: 20px 0 12px;
    }

    .services_images {
        height: 300px;
    }
    .Leistung_web_services_slider .owl-nav {
        top: 25%;
    }
    .unsere_inner_slider_section .owl-nav .owl-prev, .unsere_inner_slider_section .owl-nav .owl-next{
        top: 44%;
    }
    .unsere_last_contain p {
        font-size: 18px;
    }

    /*========================== kurs_plan page Css Start =======================*/
    .krus_day_title li {
        margin-right: 12px;
    }
    .krus_day_title li a {
        margin-top: 13px;
        padding: 6px 10px;
        font-size: 16px;
    }
    .krus_day_list li a {
        font-size: 20px;
    }
    .krus_web_day_section:after{
        width: 200px;
        height: 200px;
        border-radius: 100% 0 0 0;
    }
    .krus_web_day_section:before{
        width: 200px;
        height: 200px;
        border-radius: 0 0 100% 0; 
    }
    /*========================== kurs_plan page Css End =======================*/

    /*========================== studio_web page Css End =======================*/
    .wir_images {
        height: 300px;
    }
    .was_wir_section:after {
        height: 30%;
    }
    .unser_item_contain .section_title {
        font-size: 16px;
    }
    .unser_slider_item {
        padding: 0 20px;
    }
    .new_lorem_section{
        padding: 30px 0px;
    }
    /*========================== studio_web page Css End =======================*/

    /*========================== konkat_web page Css End =======================*/
    .konkat_map_section {
        height: 440px;
    }
    .konkat_map_section:before{
        width: 400px;
        height: 400px;
    }
    .konkat_map_section:after{
        width: 240px;
        height: 240px;
        left: -120px;
        bottom: -120px;
    }
    .unsere_img_box{
        padding: 0 10px;
    }
    .unsere_first_inner_contain p {
        font-size: 16px;
    }
    .unser_blue_title span {
        width: 9px;
        height: 4px;
    }
    /*========================== konkat_web page Css End =======================*/

    /*========================== commone footer Css Start =======================*/
    .footer_social_section{
        padding-bottom: 40px;
    }
    /*========================== commone footer Css End =======================*/

}

@media screen and (max-width: 480px){
    .footer-fixed-icon {
        display: block;
    }
    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        max-width: 99px;
        max-height: 92px;
        bottom: 25px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 147px;
        max-height: 133px;
        bottom: 60px;
    }
    .index_page .online-analyse--box.row-1.box-right {
        padding-bottom: 80px;
    }
    /**************************** Online Analyse section End ************************/

    .index_page .desktop-experianc-img{
        display: none;
    }
    .index_page .mobile-experianc-img{
        display: block;
    }

    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        height: auto;
    }
    .index_page .years-experiance--inner .online-analyse--box.row-1.box-right .online-img-1 {
        height: 220px;
    }

    /**************************** Years Experiance Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        height: auto;
    }
    .index_page .fitness-blog--inner .online-analyse--box.box-right .online-img-1{
        height: 220px;    
    }

    /**************************** Fitness Blog Inner End *****************************/
    /**************************** Leistung Start *****************************/
    .banner-play-btn a {
        width: 45px;
        height: 45px;
        font-size: 20px;
        left: -26px;
        border-width: 17px;
    }

    .banner-play-btn a i {
        margin-left: 6px;
    }

    .modal-dialog {
        height: unset;
        /* max-width: min-content !important; */
        margin: 0 auto;
        /* z-index: 1; */
    }
    .modal-dialog video {
        max-width: 61vw;
    }

    .modal {
        /* padding: 20px 50px !important; */
        background: rgba(0,0,0,0.5);
        width: 110%;
        height: 1000vh;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    /**************************** Leistung End *****************************/
    .ct_accordion_lable:before {
        content: '';
        position: absolute;
        right: 0;
        top: calc(40% - 8px);
        background-color: var(--color-4);
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }

    .ct_accordion_lable:after{
        top: 40%;
        right: 8px;
    }
}

@media screen and (max-width: 400px) {

    .unsere_inner_slider_section .owl-nav .owl-prev, .unsere_inner_slider_section .owl-nav .owl-next{
        top: 38%;
    }
    .krus_day_paln_table tr td span, .krus_day_paln_table tr td h3 {
        font-size: 14px;
    }
    .new_lorem_details_images {
        height: 200px;
    }
    .new_lorem_details h2, .corona_neus_inner_contain h2 {
        font-size: 22px;
    }
    /*========================== konkat_web page Css End =======================*/
    .konkat_map_section {
        height: 380px;
    }
    .konkat_map_section:before {
        width: 300px;
        height: 300px;
    }
    .kotakt_form textarea.active{
        height: 70px;
    }
    .form_group {
        margin-top: -50px;
    }
    .footer_img_contain img {
        height: 190px;
    }
    /*========================== konkat_web page Css End =======================*/
    .new_lorem_inner_section .owl-next,
    .new_lorem_inner_section .owl-prev{
        width: 45px;
        height: 45px;
    }
    .new_lorem_section{
        padding: 30px 10px;
    }
    
    
}

@media screen and (max-width: 414px){
    .menu-nav ul li {
        margin-bottom: 0px;
    }
    .menu-nav ul li a {
        font-size: 24px;
    }
}

@media screen and (max-width: 425px){
    .index_page .spinner-img{
        top:-5%;
    }
    .small_screen_logo{
        font-size: 40px !important;
    }
    .small_screen_text{
        font-size: 1rem ;
        max-width: 66.666667%;
    }
    /* .cards-block.leistungen--slider:nth-child(4n+4).cards--block-icon{
        display: flex;
        flex-direction: row-reverse;
    } */

    .cards-block.leistungen--slider div:nth-child(4n+4){
        background: var(--color-4);
    }

    /* .cards-block.leistungen--slider div:nth-child(4n+4) div.cards--block-icon{
        display: flex;
        flex-direction: row-reverse;
    }
    .cards-block.leistungen--slider div:nth-child(4n+4) div.cards--block-text a{
        display: flex;
    flex-direction: row-reverse;
    }
    .cards-block.leistungen--slider div:nth-child(4n+4) div.cards--block-text a h3{
        text-align: end;
    }
    .cards-block.leistungen--slider div:nth-child(4n+4) div.cards--block-text a svg{
        transform: rotateY(180deg);
            
    } */

    .cards-block.leistungen--slider div:nth-child(4n+4) div.cards--block-text .link svg .a{
        fill: var(--color-4);
        filter: brightness(var(--hover-brightness));
    }

    .cards-block.leistungen--slider div:nth-child(4n+5){
        background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
    }
    /* .cards-block.leistungen--slider div:nth-child(4n+5) div.cards--block-icon{
        display: flex;
        flex-direction: row-reverse;
    }
    .cards-block.leistungen--slider div:nth-child(4n+5) div.cards--block-text a{
        display: flex;
    flex-direction: row-reverse;
    }
    .cards-block.leistungen--slider div:nth-child(4n+5) div.cards--block-text a h3{
        text-align: end;
    }
    .cards-block.leistungen--slider div:nth-child(4n+5) div.cards--block-text a svg{
        transform: rotateY(180deg);
            
    } */
    .cards-block.leistungen--slider div:nth-child(4n+5) div.cards--block-text .link svg .a{
        filter: inherit;
    }
    .index_page .leistungen--slider{
        justify-content: flex-start;
    }
}

@media screen and (max-width: 390px){
    .index_page .spinner-img{
        top:0;
    }
    .index_page .wheel--button a{
        top:50%;
    }
}

@media screen and (max-width: 367px) {
    .common_banner_right_inner::before {
        width: 250px;
        height: 250px;
    }
    .common_banner_right_inner::after{
        width: 280px;
        height: 280px;
        left: -140px;
        bottom: -140px;
    }

    .unsere_first_inner_contain p {
        font-size: 15px;
    }
    .unsere_first_contain{
        padding: 10px 10px;
    }
    .unsere_img_box {
        padding: 0 15px;
    }
    .unsere_inner_slider_section .owl-nav{
        top: 30%;
    }
    .unsere_inner_slider_section .owl-prev, .unsere_inner_slider_section .owl-next {
        width: 40px;
        height: 40px;
    }
    .list_downloads span {
        font-size: 18px;
    }
    .krus_web_day_section:after, .krus_web_day_section:before{
        width: 150px;
        height: 150px;
    }
    .wir_images {
        height: 250px;
    }
    .unser_slider_item {
        padding: 0 10px;
    }
    .new_lorem_details h2, .corona_neus_inner_contain h2 {
        font-size: 20px;
    }
    /*========================== konkat_web page Css End =======================*/
    .konkat_map_section {
        height: 320px;
    }
    /* .konkat_map_section {
        padding: 30px 30px 120px;
    } */
    /*========================== konkat_web page Css End =======================*/

}

@media screen and (max-width: 375px){

    .index_page .check--text {
        font-size: 13px;
    }
    /**************************** Years Experiance Section Start *****************************/
    .index_page .years-experiance--inner .online-analyse--box.box-right {
        height: auto;
    }
    .index_page .years-experiance--inner .online-analyse--box.row-1.box-right .online-img-1 {
        height: 150px;
    }
    .index_page .years-experiance--inner .online-analyse--box.row-1.box-right .round-1-svg {
        width: 124px;
    }
    /**************************** Years Experiance Section End *****************************/

    /**************************** Wheel Section Start *****************************/

    .index_page .wheel--button a{
        top:56%;
    }

    /**************************** Wheel Section End *****************************/

    /**************************** Fitness Blog Inner Start *****************************/
    .index_page .fitness-blog--inner .online-analyse--box.box-right {
        height: auto;
    }
    .index_page .fitness-blog--inner .online-analyse--box.box-right .online-img-1{
        height: 150px;    
    }
    .index_page .fitness-blog--inner .online-analyse--box.row-1.box-right .round-1-svg {
        width: 124px;
    }

    /**************************** Fitness Blog Inner End *****************************/
    .footer_left_contain  .owl-item {
        padding: 0 15px;
    }
    .product_contian .common-large-btn {
        min-width: 160px;
    }
    .product_img {
        min-width: 80px;
    }
    .footer_wrapper .owl-nav .owl-prev{
        left: -5px;
    }
    .footer_wrapper .owl-nav .owl-next{
        right: -5px;
    }
}

@media screen and (max-width: 352px) {
    .index_page .spinner-img{
        top: 5%;
    }
    .index_page .wheel--button a{
        top:63%;
    }
}

@media screen and (max-width: 344px) {
    .modal-dialog video {
        max-width: 57vw;
    }
}


@media screen and (max-width: 320px){
    .footer-fixed-icon ul li:nth-child(2):before {
        right: -3px;
    }
    .footer-fixed-icon ul li:nth-child(2):after {
        left: 3px;
    }
    /**************************** Service section Start ************************/
    .mb_small_screen{
        margin-bottom: 3rem;

    }
    /**************************** Service section End ************************/

    /**************************** Online Analyse section Start ************************/
    .index_page .online-analyse--box.row-1.box-right .online-img-3 {
        max-width: 79px;
        max-height: 72px;    
        left: 50px;
    }
    .index_page .online-analyse--box.row-1.box-right .online-img-2 {
        max-width: 137px;
        max-height: 113px;
    }
    /**************************** Online Analyse section End ************************/

    /**************************** Wheel Section Start *****************************/
    .index_page .wheel--button a {
        left:-8%;
        top:58%;
    }
    .wheel--box-inner-after {
        width: 100%;
    }

    .index_page .spinner-img{
        width: 115%;
        left: -3px;

    }
    .index_page .wheel--box .wheel--box-inner{
        left: 10px;

    }

    /**************************** Wheel Section End *****************************/


    /**************************** Kostenlose Online-Analyse Start  ************************/
    .index_page .online-analyse--box.row-2.box-left {
        padding-left: 60px !important;
        padding-right: 20px !important;
    }
    .index_page .online-analyse--box.row-2.box-left .online-analyse-free {
        margin-left: -45px;
    }

    /**************************** Kostenlose Online-Analyse End  ************************/

    /**************************** Leistung Start  ************************/

    .banner-play-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        left:-15px;
    }
    .banner-play-btn a i {
        margin-left: 4px;
    }

    /**************************** Leistung End  ************************/


    .unsere_inner_slider_section .owl-nav .owl-prev, .unsere_inner_slider_section .owl-nav .owl-next{
        top: 34%;
    }
    .unser_blue_title span{
        height: 3px;
    }
}