/********************************************************************/
/************************** SECTION LIST ****************************/
/********************************************************************/
/* YOU CAN FIND HERE SHORT LIST OF CSS SECTIONS */
/* 1.HTML TAGS */
/* 2. GLOBAL CSS */
    /* 2.1.SHADOW*/
    /* 2.2.TEXTS*/
    /* 2.3.Inner Section */
    /* 2.4.HERO SECTION*/
    /* 2.5.SECTION HEADINGS*/
    /* 2.6.BUTTONS*/

/* 3. HEADER SECTION */
    /* 3.1.MENU AND SUB MENUS */

/* 4. LEISTUNGEN SECTION */

@media only screen and (max-width: 450px) {
    #field_10_21{
	order:1;
}

#field_10_58{
order:2;
margin-bottom:50px;
}

#field_10_22{
	order:3;
}

#field_10_59{
	order:4;
}
    /* HERO SECTION*/
    .hero{
        height: 95vh;
    }

   
    
    .trucks{
        margin-top: 30px;
    }

   
    .sub-menu li a{
        font-size: 14px;
        font-weight: 900;
    }
/*****************************************************************************STANDORTE SECTION*************************************************************************************/

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

/*****************************************************************************BANNER TYPE 3 SECTION*************************************************************************************/
    .banner_type3_section>img{
        margin-bottom: -40px;
        background-color: white;
    }
}


@media only screen and (min-width: 450px) and (max-width: 600px) {
#field_10_21{
	order:1;
}

#field_10_58{
order:2;
}

#field_10_22{
	order:3;
}

#field_10_59{
	order:4;
}

    .location-hero{
        height: 82vh;
    }
    
    .sub-menu li a{
        font-size: 14px;
        font-weight: 900;
    }

    /* HERO SECTION*/
    .hero{
        height: 90vh;
    }

    .location-hero{
        height: 84vh;
    }

    .trucks{
        margin-top: 60px;
    }

/*****************************************************************************UMZUG INNER PAGE*************************************************************************************/

    .umzug-inner-page .banner_type1_section .blue_banner_bg{
        height: 100%;
    }
/*****************************************************************************STANDORTE SECTION*************************************************************************************/

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

/*****************************************************************************BANNER TYPE 3 SECTION*************************************************************************************/
    .banner_type3_section>img{
        margin-bottom: -40px;
        background-color: white;
    }
}






@media only screen and (min-width: 400px) {
   
}

@media only screen and (min-width: 500px) {
    /*BUTTONS*/
    .btn i{
        margin-left: 10px;
    }

    .btn_container_bottom{
        left: 15px;
        right: 15px;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step:last-of-type::after{
        left: 74px;
    }


/*****************************************************************************FOOTER*************************************************************************************/

    .footer-contacts{
        justify-content: space-around;
    }







}

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

    .flex-radio .ginput_container_radio .gfield_radio{
        /*column-count: 3;*/
	display:inline-flex;
	flex-wrap:wrap;
    }

    .flex-radio .gchoice {
        margin-top: 0;
        margin-bottom: 5px;
	width:33%;
    }

    /*HERO SECTION*/
    .hero_bg_container{
        height: 90%;
    }
    /*HERO SECTION*/
    .hero_bg_container{
        height: 90%;
    }

/*****************************************************************************STANDORTE SECTION*************************************************************************************/
    .city_container{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .map_container{
        display: flex;
        justify-content: center;
    }

    .city{
        width: 49%;
    }

    .city_container .btn_container{
        width: 100%;
    }

/*****************************************************************************PREISBEISPIELE SECTION*************************************************************************************/
    .preisbeispiele_section{
        padding-top: 80px;
    }

    .price{
        width: 200px;
        height: 200px;
    }

    .price p{
        font-size: 35px;
    }

/*****************************************************************************BANNER TYPE 3 SECTION*************************************************************************************/
    .banner_type3_section{
        display: flex;
    }

    .banner_type3_section>img{
        position: absolute;
        bottom: 18px;
        width: 70%;
    }

    .banner_type3_section .inner_section{
        margin: 0 20px 0 auto;
        width: 50%;
    }

/*****************************************************************************COMMENT SECTION*************************************************************************************/

    .comments-slider .swiper-slide{
        margin-left: 0;
    }

/*****************************************************************************REVIEWS PAGE SECTION*************************************************************************************/
    .reviews{
        justify-content: space-around;
    }

    .review_item{
        width: calc(50% - 23px);
    }

    .reviews_section .shadow{
        box-shadow: 0 0 16px rgba(0, 0, 0, .2);
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step:last-of-type::after{
        left: 80px;
    }

/*****************************************************************************UMZUG INNER PAGE*************************************************************************************/

    .umzug-inner-page .banner_type1_section img{
        margin-right: 0;
    }

    .umzug-inner-page .banner_type1_section .banner_text_container,
    .umzug-inner-page .banner_type1_section img{
        width: 50%;
    }

    .umzug-inner-page .banner_type1_section h3{
        text-align: left;
    }

    .umzug-inner-page .banner_type1_section .blue_banner_bg{
        height: 300px;
        bottom: 44px;
    }

/*****************************************************************************STICKY BUTTON*************************************************************************************/

    .sticky-button{
        display: flex;
    }


}

@media only screen and (min-width: 700px) {
/*****************************************************************************LEUSTUNGEN SECTION*************************************************************************************/
   .leistung{
       display: flex;
   } 

   .leistung_img_container{
       min-width: 250px;
       max-height: 100%;
   }

/*****************************************************************************BANNER TYPE 3 SECTION*************************************************************************************/

   .black_banner_bg{
       height: 300px;
   }

   .topic{
    padding:0 20px;
   }

/*****************************************************************************FRAGE SECTION*************************************************************************************/
   .frage_section{
       display: flex;
       width: 90%;
       margin-left: auto;
       margin-right: auto;
       align-items: center;
   }

   .frage_section .inner_section:first-of-type{
       width: 70%;
       padding-right: 40px;
   }

   .frage_section .inner_section:last-of-type{
    width: 30%;
    }

/*****************************************************************************LEISTUNGEN PAGE SECTION*************************************************************************************/
    .steps{
        flex-direction: row;
        padding-bottom: 102px;
    }

    .step{
        margin-bottom: 0;
        max-width: 285px;
    }

    .right-img{
        display: block;
        width: 53px;
        height: 36px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: 10px;
        margin-right: 10px;
        transform: rotate(0);
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step:last-of-type::after{
        left: 85px;
    }









}

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

  /*ADD FORM*/

     .flex-radio .ginput_container_radio .gfield_radio{
        /*column-count: 3;*/
    }

    .flex-radio .gchoice {
        margin-top: 0 !important;
        margin-bottom: 30px;
    }

    #gform_10 #field_10_1,
    #field_10_19,
    #field_10_64{
        margin-bottom:30px;
    }

    .gform_wrapper.gravity-theme #gform_page_10_1  .gsection,
    .gform_wrapper.gravity-theme #gform_page_10_4  .gsection{
        margin-top: 65px; 
        /* border: 1px solid transparent !important */
    }

    .gform_wrapper.gravity-theme #gform_page_10_2  .gsection,
    .gform_wrapper.gravity-theme #gform_page_10_3  .gsection{
        margin-top: 35px; 
    }

    #gform_10 #gform_page_10_2 .gfield p,
    #gform_10 #gform_page_10_3 .gfield p{
        margin-top: 65px;
    }

    .gform_wrapper.gravity-theme .gf_progressbar_percentage span{
        display: none !important;
    }

    #gf_page_steps_10{
        display: flex;
    }

    .gf_step_completed::before{
        width: 190px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 200px !important;
    }
    /*BUTTONS*/
    .btn i{
        margin-left: 10px;
    }

    .btn_container_bottom{
        left: auto;
        right: 15px;
    }

    .leistungen-location .btn_container {
        left: 0;
        right: auto;
    }

    /*HERO SECTION*/
    .hero .inner_section{
        width: 90% !important;
    }

    .hero h1{
        font-size: 45px;
    }

    .hero p{
        font-size: 25px;
    }

/*****************************************************************************LEUSTUNGEN SECTION*************************************************************************************/

    .leistung_img_container{
        min-width: 305px;
        width: 365px;
    }


/****************************************************************************FOOTER*************************************************************************************/
    footer>.inner_section{
        display: flex;
        justify-content:space-between;
        flex-wrap: wrap;
    }

    .footer-info{
        width: 100%;
    }

    .footer-link,
    .footer-subscribe{
        width: 50%;
    }

    .footer-contacts{
        width: 100%;
    }

    .reserved .inner_section ul{
        display: flex;
        margin-top: 50px;
    }

    .reserved .inner_section ul li{
        margin-right: 40px;
    }





}

@media only screen and (max-width: 850px) {
	/*Add Form*/


#gform_10 .flex-radio .gchoice label{
	max-width:100%;
}
    /*HERO SECTION*/

    
    .hero-inner-pages{
        min-height: 55vh;
        height: 80%;
    }

    .hero-inner-pages .trucks{
        margin-top: 0;
    }

/*****************************************************************************BANNER TYPE 1 SECTION*************************************************************************************/

    .banner_type1_section{
        padding-bottom: 0;
        padding-top: 63px;
    }

    .banner_type1_section h3,
    .banner_type1_section p{
        text-align: center;
    }

    .banner_type1_section .banner_text_container {
        margin-bottom: 70px;
    }

    .banner_type1_section .inner_section{
        display: flex;
        flex-direction: column-reverse;
    }

    .banner_type1_section .blue_banner_bg{
        height: 100%;
    }




.price-page .preisbeispiele_section .btn_container .btn{
    margin-left: 0;
}



.step:last-of-type{
    margin-bottom: 90px;
}


}

@media only screen and (min-width: 850px) {
 /* ADD FORM  */
    #field_10_79{
        padding-bottom: 150px;
    }
        
    .gf_step_completed::before{
        width: 220px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 240px !important;
    }


    /*MENU AND SUB MENUS*/
    .dropdown-menu{
        display: flex;        
        justify-content: space-between;
        height: 95%;
        position: relative;
    }

    .menu:not(.menu-container:first-of-type .menu){
        height: 100%;
    }

    .menu-container{
        width: 32%;
        border-right: 1px solid #aaaaaa;
        border-bottom: none;
        padding-right: 20px;
    }

    .menu-container>p{
        display: block;
    }

    .dropdown-item:last-of-type{
        border: none;
    }

    .active-sub-menu{
        position: absolute;
        top: 50px;
        right: 0;
        width: 29%;
    }

/*HERO SECTION*/
.home .btn_container{
    display: none;
}


/*****************************************************************************BANNER TYPE 1 SECTION*************************************************************************************/
    .banner_type1_section{
        padding-bottom: 0;
    }

    .banner_type1_section .inner_section{
       display: flex;
   }

   .banner_text_container{
       margin-top: auto;
       margin-bottom: 50px;
   }

   .banner_type1_section .btn_container{
       justify-content: start;
   }

/*****************************************************************************BANNER TYPE 3 SECTION*************************************************************************************/


    .banner_type3_section>img{
        max-width: 605px;
        max-height: 385px;
    }

    .banner_type3_section .inner_section{
        margin: 0 20px 0 auto;
        width: 50%;
    }

    .banner_type3_section .banner_text_container{
        margin-bottom: 0;
    }

    .topic{
        padding-left: 35px;
        padding-right: 25px;
    }

    .topic,
    .banner_type3_section .banner_text_container div:first-of-type{
        width: 770px;
    }

    .topic p{
        padding: 38px 0px 38px 20px;
    }
   
    .reviews-page .faq-section{
        margin-top: 137px;
    }

    .reviews-page .banner_type2_section{
        margin-top: 90px;
    }

/*****************************************************************************LEISTUNGEN PAGE SECTION*************************************************************************************/

    .leistungen_page .banner_type1_section .banner_text_container,
    .iframe-inner-page .banner_type1_section .banner_text_container{
        margin-bottom: 0;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step:last-of-type::after{
        left: 90px;
    }

/*****************************************************************************FAQ SECTION*************************************************************************************/

    .faq-section{
        margin-bottom: 60px;
    }
/*****************************************************************************FRAGE SECTION*************************************************************************************/

    .frage_section{
        margin-bottom: 0;
    }

/*****************************************************************************CONTACT PAGE SECTION*************************************************************************************/

    #input_1_9 li label{
        font-size: 18px;
     }

}

@media only screen and (min-width: 992px) {
/* ADD FORM  */
     #field_10_79{
        padding-bottom: 100px;
    }

    .gform_wrapper.gravity-theme input:not(.gfield_radio input){
        margin-bottom:24px;
        padding-left: 20px;
    }

    .gform_wrapper.gravity-theme .gform_page_footer{
        margin-top: 30px;
    }
    
        
    .gf_step_completed::before{
        width: 240px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 260px !important;
    }

     /*HERO SECTION*/
     .hero h1{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        line-height: 57px;
     }

    .hero_bg_container{
        height: 88.5%;
    }
/*****************************************************************************PREISBEISPIELE SECTION*************************************************************************************/
    .price_item{
        display: flex;
    }

    .price_image_container{
        width: 34%;
    }

    .table_container{
        width: 66%;
        padding: 10px 0;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step:last-of-type::after{
        left: 99px;
    }

/*****************************************************************************UMZUG INNER PAGE*************************************************************************************/
.product_description_list .inner_section{
    display: flex;
    flex-wrap: wrap;
}

.product_description_list .inner_section>p{
    width: 100%;
}

.product_description_list .inner_section ul{
    margin-bottom: 112px;
    padding-left: 20px;
}

.product_description_list .inner_section ul:first-of-type{
    padding-left: 0;
}

.product_description_list .inner_section ul li p{
    display: block;
}

/****************************************************************************FOOTER*************************************************************************************/
footer>.inner_section{
    justify-content: space-between;
}

.footer-info,
.footer-link,
.footer-subscribe{
    width: 33%;
}

.footer-contacts{
    width: 100%;
}

.reserved .inner_section{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reserved .inner_section ul{
    margin-top: 0px;
    justify-content: spa;
}













}

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

 /* ADD FORM  */

        
     .gf_step_completed::before{
        width: 260px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 280px !important;
    }
/*****************************************************************************HEADER*************************************************************************************/

    /* .active-sub-menu{
        right: 60px;
    } */

/*****************************************************************************STANDORTE SECTION*************************************************************************************/
    .standorte_section .inner_section{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .city_container .section_heading_container{
        width: 100%;
    }

    .map_container{
        width: 40%;
    }

    .city_container{
        justify-content: space-between;
        width: 60%;
    }

    .standorte_location_section .map_container{
        width: 55%;
    }

    .standorte_location_section .city_container{
        width: 70%;
        margin-left: 30%;
    }

    .standorte_location_section .map_container{
        position: relative;
    }

    .standorte_location_section .map_container img{
        position: absolute;
        top:100px;
        left: -45%;
        display: block;
        width: 821px;
        height: 818px;
    }

    .city{
        width: 47%;
    }

    .city img{
        margin-right: 25px;
    }

    .city:nth-child(odd){
        margin-right: 20px;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step:last-of-type::after{
        left: 105px;
    }


/*****************************************************************************LEISTUNGEN SECTION IN HOME LOCATION PAGE*************************************************************************************/
    .leistungen-location .inner_section{
        display: flex;
    }

    .leistungen-location-description{
        width: 70%;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .comments_section{
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .uber_uns_section {
        padding-top: 90px;
    }

    .leistung {
        margin-bottom: 115px;
    }

    .preisbeispiele_section {
        padding-top: 90px;
    }







}

@media only screen and (min-width: 1200px) {
    /* ADD FORM  */

#gform_next_button_10_84,
#gform_next_button_10_63,
#gform_next_button_10_65,
#gform_submit_button_10,
.gform_previous_button{
	width:300px;
}

.gform_previous_button{
	margin-right: 20px;
}
        
     .gf_step_completed::before{
        width: 290px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 300px !important;
    }
/*****************************************************************************HEADER*************************************************************************************/
/* 
    .active-sub-menu{
        right: 100px;
    } */

/*****************************************************************************COMMENT SECTION*************************************************************************************/

    .comment-user-platform{
        top: 22px;
        right: 22px;
    }

    .comments_section .swiper-pagination-bullet{
        width: 35px;
        margin-right: 15px;
    }

    .comments_section .swiper-pagination-bullet:last-of-type{
        margin-right: 0;
    }
    
    .comments_section .swiper-pagination-bullet-active{
        width: 54px;
    }

/*****************************************************************************FAQ SECTION*************************************************************************************/

    .faq-body p{
        width: 65%;
    }

/*****************************************************************************REVIEWS PAGE SECTION*************************************************************************************/
    .review_item{
        width: calc(33% - 23px);
        margin-bottom: 70px;
    }

/*****************************************************************************LEISTUNGEN PAGE SECTION*************************************************************************************/

    .step{
        width: 285px;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .mobile-path{
        display: none;
    }

    .desktop-path{
        display: block;
        position: relative;
    }

    .desktop-path .time-step{
        position: absolute;
        justify-content: start;
    }

    .time-step .time-date{
        width: 110px;
        height: 110px;
    } 

    .time-container{
        /* box-shadow: none; */
        margin-left: -45px;
    }


    .time-date p{
        font-size: 20px;
        padding: 0 20px;
    }


    .time-step:last-of-type::after,
    .time-date::after{
        display: none;
    }

    .time-step.pink{
        top: 64%;
        left: 24%;
        max-width: 450px;
    }

    .time-step.orange{
        top: 30%;
        left: 28%;
        max-width: 400px;
    }

    .time-step.blue{
        top: 39%;
        right: 11%;
        max-width: 400px;
    }


    .time-step.purple{
        top: 6%;
        right: 11.5%;
        max-width: 400px;
    }

    .path_description img{
        max-width: 745px;
        max-height: 436px;
    }

/*****************************************************************************UMZUG INNER PAGE*************************************************************************************/
    .product_description_list .inner_section{
        justify-content: space-between;
    }

    .product_description_list ul,
    .product_description_list .box-card{
        width: calc(33% - 20px);
    }

    .product_description_list .inner_section ul{
        margin-bottom: 0;
    }

    .product_description_list ul:last-of-type{
        margin-right: 20px;
    }

    .product_description_list .box-card{
        margin-left: 20px;
    }

    .umzug-inner-page .faq-section{
        margin-top: 100px;
    }

/*****************************************************************************CONTACT PAGE SECTION*************************************************************************************/
    .contact-section .inner_section{
        flex-direction: row;
        flex-wrap: wrap;
    }

    .contact-section .section_heading_container{
        width: 100%;
    }

    .contact-section .image-container,
    .contact-section .contact-container{
        width: 50%;
    }

    .contact-section .image-container{
        order: 2;
    }

    .contact-section .contact-container{
        order: 3;
    }

    #gform_submit_button_1{
        min-width: 320px;
    }

/*****************************************************************************DEFAULT PAGE SECTION*************************************************************************************/


    .default-page-content img{
        max-width: 745px;
        max-height: 436px;
    }


}

@media only screen and (min-width: 1300px) {
    .nav_container{
        overflow-y: hidden;
    }
    
    /* Inner Section */
    .inner_section,
    .frage_section,
    .iframe-inner-page section>iframe{
        width: 80%;
    }

    .umzug-inner-page .banner_type1_section .inner_section{
        width: 90%;
        margin-left: 10%;
    }

    .umzug-inner-page .banner_type1_section .banner_text_container{
        margin-left: auto;
        margin-right: 0;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step .time-date{
        width: 120px;
        height: 120px;
    } 

    .time-step.orange{
        top: 30%;
        left: 29%;
        max-width: 400px;
    }
    
    .time-step.blue{
        top: 39%;
        right: 12%;
        max-width: 400px;
    }
    
    
    .time-step.purple{
        top: 6%;
        right: 13%;
        max-width: 400px;
    }

/*****************************************************************************BANNER TYPE 2 SECTION*************************************************************************************/

    .banner_type2_section h3{
        font-size: 48px;
    }

    .banner_type2_section p{
        font-size: 36px;
    }
}


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

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
       
    .time-step.blue{
        right: 14%;
    }
    
    
    .time-step.purple{
        right: 15%;
    }
}

@media only screen and (min-width: 1400px) and (min-height: 750px) {
    /* ADD FORM  */
      .gf_step:not(.gf_step:first-of-type):after{
        margin-left: -40px;
    }
        
    .gf_step_completed::before{
        margin-left: 20px;
        width: 285px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 320px !important;
    }


/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step .time-date{
        width: 130px;
        height: 130px;
    } 

    .time-step.orange{
        top: 31%;
    }
    
    .time-step.blue{
        top: 40%;
        right: 15%;
    }
    
    .time-step.purple{
        top: 6%;
        right: 16%;
        max-width: 400px;
    }
}

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

   /* ADD FORM */
         
    .gf_step_completed::before{
        margin-left: 20px;
        width: 300px !important;
    }

    .gf_step_completed:not(.gf_step:first-of-type)::before{
        width: 340px !important;
    }


    /*****************************************************************************HEADER*************************************************************************************/

    /* .active-sub-menu{
        right: 100px;
    } */

     /*MENU AND SUB MENUS*/
     .menu li{
        font-size: 24px;
     }

     .menu-container>p{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        line-height: 30px;
    }

    
    /*HERO SECTION*/
    .hero h1{
        width: 50%;
    }
/*****************************************************************************BANNER TYPE 1 AND 2 SECTION*************************************************************************************/
    .banner_type1_section img{
        width: 33%;
    }

    .banner_type1_section .banner_text_container{
        width: 66%;
        display: flex;
        justify-content: space-between;
    }

    .banner_text_container div:first-of-type{
        width: 67%;
    }

    .banner_type1_section .banner_text_container div:first-of-type{
        width: 100%;
    }

    .umzug-inner-page .banner_type1_section .banner_text_container{
        margin-right: 135px;
    }

    .banner_text_container .btn_container{
        width: 33%;
    }

    .blue_banner_bg{
        height: 50%;
    }

    .banner_type2_section .banner_text_container div:first-of-type,
    .banner_type2_section .banner_text_container .btn_container{
        width: 100%;
    }

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step .time-date{
        width: 140px;
        height: 140px;
    } 

    .time-step.orange{
        left: 28.5%;
    }

    .time-step.blue{
        right: 17%;
    }

    .time-step.purple{
        right: 18%;
    }

/*****************************************************************************CONTACT PAGE SECTION*************************************************************************************/

/* 
    .contact-section .image-container{
        width: 60%;
    }
    .contact-section .contact-container{
        width: 40%;
    } */

}

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

/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step .time-date{
        width: 150px;
        height: 150px;
    } 

    .time-step.pink{
        top: 65%;
    }

    .time-step.orange{
        top: 31%;
    }

    .time-step.blue{
        right: 18%;
    }

    .time-step.purple{
        top: 6%;
        right: 19%;
    }

    .time-date p{
        font-size: 30px;
        padding: 0;
    }






}

@media only screen and (min-width: 1700px) {
    /* Inner Section */
    .inner_section,
    .frage_section,
    .iframe-inner-page section>iframe{
        width: 75%;
    }

    
/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
   
    .time-step.blue{
        right: 19%;
    }

    .time-step.purple{
        right: 20%;
    }
}

@media only screen and (min-width: 1800px) {
/*****************************************************************************GLOBAL CSS*************************************************************************************/
    h1{
        font-size: 60px;
    }

    h2{
        font-size: 48px;
    }

    h3{
        font-size: 30px;
    }

    p{
        font-size: 16px;
        line-height: 30px;
    }

    /* Inner Section */
    .inner_section,
    .frage_section,
    .iframe-inner-page section>iframe{
        width: 63.5%;
    }

    
    .umzug-inner-page .banner_type1_section .inner_section{
        width: 81.75%;
        margin-left: 18.25%;
    }

    .umzug-inner-page .banner_type1_section .banner_text_container{
        justify-content: start;
        margin-bottom: 135px;
    }

    .umzug-inner-page .banner_type1_section .blue_banner_bg{
        bottom: 88px;
    }


    /*MENU AND SUB MENUS*/
    .dropdown-menu{
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .menu-container:first-of-type{
        width: 44%;
        padding-right: 40px;
    }

    .dropdown-item li{
        transition: all .5s;
    }

    .dropdown-item:hover>a,
    .dropdown-item ul li:hover>a{
        font-weight: bolder;
    }

    .menu-container>p{
        width: 85%;
    }

    /*****************************************************************************HEADER*************************************************************************************/

    /* .active-sub-menu{
        right: 0px;
    } */

    /*SECTION HEADINGS*/
    .section_heading{
        margin-bottom: 50px;
    }

    .section_heading_text{
        margin-bottom: 50px;
    }

    /*HERO SECTION*/
    .hero .inner_section{
         padding-top: 184px;
         padding-bottom: 0;
    }

    .hero h1{
        font-size: 60px;
        line-height: 72px;
        margin-bottom: 25px;
        width: 80%;
    }

    .hero p{
        font-size: 40px;
    }

    .hero_bg_container{
        height: 88%;
    }

    .hero .trucks{
        margin-top: -60px;
        margin-left: -120px;
    }

    /*BUTTONS*/

    .btn_container_bottom{
        right: 50px;
    }

    .btn_container_bottom .btn{
        justify-content: center;
        width: 250px;
    }


/*****************************************************************************HEADER SECTION*************************************************************************************/
    header .inner_section{
        width: 76%;
        margin-left: 7%;
        margin-top:52px;
    }

    .open_nav_btn i{
        font-size: 40px;
    }

    .default_text_section p{
        line-height: 30px;
    }

/*****************************************************************************LEUSTUNGEN SECTION*************************************************************************************/
    .leistungen{
        padding-bottom:45px
    }

    .leistung{
        margin-bottom: 69px;
    }

    .leistung_img_container{
        min-width: 365px;
        max-height: 220px;
    }

    .leistung_text_container{
        padding-left: 43px;
        padding-top: 35px;
    }

/*****************************************************************************STANDORTE SECTION*************************************************************************************/
    .city_container{
        padding-top: 80px;
    }

    .standorte_location_section .city_container{
        padding-top: 0px;
    }

    .city{
        height: 113px;
        width: 48%;
        margin-bottom: 30px;
    }

    .city:nth-of-type(){
        margin-right: 30px;
    }

    .map_container{
        justify-content: start;
        margin-left: -20px;
        margin-top: -29px;
    }

    .map_container img{
        width: 93%;
    }

    .city p{
        font-size: 36px;
    }

/*****************************************************************************BANNER TYPE 1 SECTION*************************************************************************************/
    .banner_text_container{
        margin-bottom: 105px;
    }

    .banner_type2_section .banner_text_container{
        margin-bottom: 70px;
    }

    .banner_type1_section img{
        margin-left: -20px;
    }

    .banner_text_container{
        margin-left: -180px;
        margin-right: auto;
    }

    .banner_type2_section .banner_text_container{
        margin-left: auto;
    }

    .banner_text_container p{
        line-height: 1;
    }

    .blue_banner_bg{
        height: 63%;
    }

    .banner_text_container .btn_container{
        width: 250px;
        margin-right: -75px;
    }

    .banner_type1_section .btn{
        justify-content: center;
        width: 250px;
        font-size: 16px;
    }

/*****************************************************************************PREISBEISPIELE SECTION*************************************************************************************/
    .preisbeispiele_section{
        padding: 150px 0;
    }

    .price_image_container{
        width: 29.5%;
    }

    .table_container{
        width: 66%;
        padding: 10px 0;
    }

    .price{
        width: 295px;
        height: 210px;
        left: 35px;
    }

    .price p{
        font-size: 60px;
    }

    .price_image_container img{
        margin-top: auto;
        margin-bottom: 0;
        width: 100%;
    }

    .table_container h3{
        font-size: 36px;
    }

    th{
        font-size:16px;
    }

    td{
        padding: 23px 15px;
    }

    .table_container tr:last-of-type td{
        padding-top: 0;
        padding-bottom: 0;
    }
    
/*****************************************************************************FRAGE SECTION*************************************************************************************/
    .frage_section .inner_section:first-of-type{
        width: 100%;
        padding-right: 0;
    }

    /*****************************************************************************LEISTUNGEN PAGE SECTION*************************************************************************************/

    .leistungen_page .banner_type1_section .banner_text_container,
    .iframe-inner-page .banner_type1_section .banner_text_container{
        width: 100%;
        margin-left: 0;
    }

    .leistungen_page .banner_text_container div:first-of-type,
    .iframe-inner-page .banner_text_container div:first-of-type{
        width: 90%;
    }
    /* 
    .leistungen_page .banner_text_container{
        bottom: 100px;
    } */

    .leistungen_page .banner_text_container h3,
    .iframe-inner-page .banner_text_container h3{
        font-size: 30px;
        text-align: center;
    }

    .leistungen_page .banner_type1_section .blue_banner_bg,
    .iframe-inner-page .banner_type1_section .blue_banner_bg{
        height: 240px;
    }

    .leistungen_page .banner_type1_section .banner_text_container,
    .iframe-inner-page .banner_type1_section .banner_text_container{
        margin-bottom: 50px;
    }


    /*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    .time-step.blue{
        right: 21%;
    }

    .time-step.purple{
        top: 6%;
        right: 22%;
    }

    .time-step.pink{
        top: 67%;
        left: 24.5%;
    }

    .time-step.orange{
        top: 31%;
        left: 29%;
    }

    .time-date p{
        font-size: 30px;
        padding: 0;
    }

    .time-step{
        max-width: 470px;
    }

    /*****************************************************************************BANNER TYPE 3 SECTION*************************************************************************************/


    .topic i {
        font-size: 45px;
        font-weight: lighter;
    }

    .comments_section {
        padding-top: 90px;
        padding-bottom: 70px;
    }

    .uber_uns_section{
        padding-top: 90px;
    }


}


@media only screen and (min-width: 1890px) {
/*HERO SECTION*/
    .hero h1{
        width:55%
    }
/*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    

    .time-step.pink{
        top: 67%;
        left: 24.5%;
    }

    .time-step.orange{
        top: 31%;
        left: 29%;
    }

    .time-step.blue{
        right: 21%;
    }

    .time-step.purple{
        top: 6%;
        right: 22%;
    }

    

    .time-container{
        width: calc(100% - 100px);
    }
}

@media only screen and (min-width: 2000px) {
    /*****************************************************************************PATH PAGE SECTION*************************************************************************************/
    
    .path-section{
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto;
    }

    .time-step.orange{
        top: 33%;
        left: 29.5%;
    }

    .time-step.blue{
        right: 22%;
        top: 40.5%;
    }

    .time-step.purple{
        top: 7%;
        right: 23%;
    }

   
}