
#move_explanation_box{
    
}
#move_explanation_box .header{
    padding-top: 50px;
    margin-bottom:0;
    background-repeat: no-repeat;
}
#move_explanation_box .header.std_margin{
    padding-top: 50px;
}
#move_explanation_box h2,
#move_explanation_box .title{
    font-size:30px;
    margin-top:0;
    font-weight:300;
    text-align:center;
    margin-bottom:15px;
}
#move_explanation_box .sub_title{
    font-size:20px;
    font-weight:300;
    color:#333;
    margin:0;
}


#move_explanation_box .steps{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    list-style: none;
    margin:75px 0 0 0;
    padding:0;
    
    
}

#move_explanation_box .step{
    box-sizing: border-box;
    flex-grow: 1;
    width: 30%;
    position:relative;
    box-sizing:border-box;
    padding:35px 25px 150px 25px;
    text-align:left;
    list-style: none;
    margin:0;
    background:#fff;
    border-radius: 2px;

   
}
#move_explanation_box .step:nth-child(1){
    margin-right:7.5px;
}
#move_explanation_box .step:nth-child(2){
    margin-left:7.5px;
    margin-right:7.5px;
}
#move_explanation_box .step:nth-child(3){
    margin-left:7.5px;
    margin-right:0;
}
#move_explanation_box .step h4,
#move_explanation_box .step h3{
    font-size:18px;
    line-height:25px;
    margin:15px 0 0 0;
    font-weight: 600;
    min-height:70px;
}
#move_explanation_box .step .number{
    position:absolute;
    top:0;
    left:25px;
    margin-top:-25px;
    width:50px;
    height:50px;
    background:#ff7500;
    line-height:50px;
    border-radius:2px;
    text-align:center;
    font-weight:600;
    color:#fff;
    font-style: normal;
}
#move_explanation_box .step:before{
    display:none;
}
#move_explanation_box .step p{
    min-height:80px;
    box-sizing:border-box;
    display:block;
    margin:0;
   
    padding-top:10px;
}
#move_explanation_box .step p b{
    font-weight:600;
}
#move_explanation_box .step.step_2 p,
#move_explanation_box .step.step_3 p{
    min-height:120px;
}
#move_explanation_box .step .btn_wraper{
    display:block;
    text-align: center;
    margin-top:25px;
}
#move_explanation_box .step .btn_wraper .std_btn{
    display: block;
}

#move_explanation_box .step .icon{
    position:absolute;
    left:0;
    width:100%;
    display:block;
    height:120px;
    bottom: 50px;
    background-repeat: no-repeat;
    background-size:auto 80%;
    background-position:center bottom;
}



/**/
.box_content{
    color:#333;
   
}
.box_content .container{
    display: flex;
    box-sizing: border-box;
}
.box_content .c_block{
    flex-grow: 1;
    background-color: #fff;
    border-radius: 2px;
    margin-right:7.5px;
    width:50%;
    padding:25px 25px;
    box-sizing: border-box;
}
.box_content .c_block.b_50{
    position:relative;
}
.box_content .c_block.b_50:nth-child(2){
    margin-right:0;
    margin-left:7.5px;
}
.box_content .content{
    text-align:left;
    box-sizing:border-box;
    padding-left:100px;
   
}
.box_content .icon{
    float:left;
    width:20%;
    height:100px;
    display:block;
    background-repeat: no-repeat;
    background-size:80% auto ;
    background-position:top left;
}
.box_content .content h4,
.box_content .content .title{
    margin:0 0 15px 0;
    font-size:22px;
    font-weight:600;
}
/*highlightbox*/
.new_article .highlight_box,
#relocation_prices_example_box .highlight_box{
    display: block;
    padding:25px 50px;
    background: #ffe8d5;
    border-radius:2px;
    margin:25px 0;
}
.new_article .highlight_box._green,
.relocation_prices_example_box .highlight_box._green,
#relocation_prices_example_box .highlight_box._green{
    background: #f2fff5;
}
.new_article .highlight_box .title{
    font-size:23px;
}
.new_article .highlight_box .title.iconed{
    background-position: left top 5px;
    background-repeat: no-repeat;
    background-size: 35px 30px;
    padding-left:50px;
}
.new_article .highlight_box .title.iconed.rocket{
    background-image:url('/images/icons/rocket.svg/ff7502');
}
.new_article .highlight_box .title.iconed.aufbau{
    background-image:url('/images/icons/werkzeuge.svg/ff7502');
}
.new_article .highlight_box .title.iconed.ohne_aufbau{
    background-image:url('/images/icons/werkzeuge.svg/ddd');
}
.new_article .highlight_box .title.iconed.good_idea{
    background-image:url('/images/icons/colored/good-idea.svg');
}
.new_article .highlight_box a{
    color:#000 !important;
    text-decoration: underline !important;
}

/**/
#relocation_prices_example_box{
    text-align: left;
}

.relocation_prices_example_box .header,
#relocation_prices_example_box .header{
    margin-bottom:25px;
}
.relocation_prices_example_box .table_wrapper,
#relocation_prices_example_box .table_wrapper{
    position: relative;
    margin-left: -10%;
    width: 120%;
    margin-top:25px;
    
    overflow:auto;
}

.relocation_prices_example_box .table_legend,
#relocation_prices_example_box .table_legend{
    display: inline-block;
    min-width: 100%;
    background:#eee;
    font-size:14px;
    line-height:25px;
}
.relocation_prices_example_box .table_legend .legend_,
#relocation_prices_example_box .table_legend .legend_{
    padding:25px;
    margin:0;
    font-size:14px !important;
    line-height:22px;
}
.relocation_prices_example_box .legend,
#relocation_prices_example_box .legend{
    margin-top:50px;
    font-size:15px;
    line-height:25px;
}

.relocation_prices_example_box .request_invite,
#relocation_prices_example_box .request_invite{
    margin-top:50px;
    padding:25px;
    background:#fafafa;
    border-radius:2px;
}
.relocation_prices_example_box .request_invite .title,
#relocation_prices_example_box .request_invite .title{
    font-weight:600;
    font-size:16px;
    margin:0 0 15px 0;
    padding:0;
}
.price_tbl .center{
    text-align: center !important;
}
.relocation_prices_example_box .price_tbl,
#relocation_prices_example_box .price_tbl{
    position: relative;
    text-align:left;
    width: 100%;
    min-width:800px;
    border:none;
    line-height: 30px !important;
    /*border-spacing: 15px 15px;*/
    border-spacing: 8px;
}
.relocation_prices_example_box .price_tbl caption,
#relocation_prices_example_box .price_tbl caption{
    font-size:14px;
    left:0;
}
.relocation_prices_example_box .price_tbl strong,
#relocation_prices_example_box .price_tbl strong{
    font-weight: 600;
}
.relocation_prices_example_box .price_tbl tbody tr:hover,
#relocation_prices_example_box .price_tbl tbody tr:hover{
    color:#999;
    font-weight:800 !important;
}
.relocation_prices_example_box .price_tbl th,
#relocation_prices_example_box .price_tbl th{
    font-weight:600;
    text-align:left;
    padding:10px 15px;
    border-radius:3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
                0 1px 2px rgba(0, 0, 0, 0.09);
}
#relocation_prices_example_box .price_tbl td,
.relocation_prices_example_box .price_tbl td{
    font-weight:500;
    padding:10px 15px !important;
    border-radius:3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
                0 1px 2px rgba(0, 0, 0, 0.09);
}

.relocation_prices_example_box .price_tbl thead th,
#relocation_prices_example_box .price_tbl thead th{
    background:#ff7500;
    color:#fff;

}
.relocation_prices_example_box .price_tbl thead th:first-child,
#relocation_prices_example_box .price_tbl thead th:first-child{
    border:none;
}
.relocation_prices_example_box .price_tbl th.area,
#relocation_prices_example_box .price_tbl th.area{
    font-size:15px;
    
}
.relocation_prices_example_box .price_tbl td,
#relocation_prices_example_box .price_tbl td{
    padding:0 25px;
}
.relocation_prices_example_box .price_tbl th i.detail,
#relocation_prices_example_box .price_tbl th i.detail{
    font-size:13px;
    display:block;
}
.relocation_prices_example_box .price_tbl tbody tr:nth-child(even),
#relocation_prices_example_box .price_tbl tbody tr:nth-child(even){
    background:#f2f2f2;
}
.relocation_prices_example_box .price_tbl tbody tr:nth-child(odd),
#relocation_prices_example_box .price_tbl tbody tr:nth-child(odd){
    background:#fcfcfc;
}


#relocation_prices_example_box .call_action{
    padding:25px 15px;
    background:#fafafa;
    text-align: center; 
}
#relocation_prices_example_box .call_action .title{
    font-size:18px;
    font-weight:600;
    margin:0 0 10px 0;
}

#relocation_prices_example_box ul{
   
}
#relocation_prices_example_box .highlight_box ul>li{
    padding: 10px 0 10px 23px !important;
    border-bottom:#f7ddc9 1px solid;
}
#relocation_prices_example_box ul>li:before{
    top:5px !important;
}
#relocation_prices_example_box.content_row .inner>ul>li:before{
    top:0px !important;
}
/**/
#contact_highlight_box{
    
}
.contact_highlight_box .icon,
#contact_highlight_box .icon{
    display:block;
    float:left;
    width:180px;
    height:180px;
    background-repeat: no-repeat;
    background-size:100% auto ;
    background-position:top left;
}
.contact_highlight_box .content,
#contact_highlight_box .content{
    padding: 25px 0 25px 250px;
    text-align:left;
    color:#333;
}
.contact_highlight_box .content h3,
#contact_highlight_box .content h3{
    font-size:40px;
    margin:0;
}
.contact_highlight_box .content p,
#contact_highlight_box .content p{
    font-size:16px;
    font-weight:300;
    line-height:30px;
}
.contact_highlight_box .content .link,
#contact_highlight_box .content .link{
    position: relative;
    background:#ff7500;
    padding:17px 25px 17px 45px;
    display:inline-block;
    margin-right:5px;
    border-radius:2px;
    line-height:20px;
    font-weight:300;
    font-size:17px;
    cursor:pointer;
    color:#fff;
    margin-bottom:11px;
    text-decoration: none;
}
.contact_highlight_box .content .link i.icon,
#contact_highlight_box .content .link i.icon{
    position: absolute;
    top:0;
    left:0;
    width:40px;
    height:100%;
    float:left;
    margin-right:10px;
    background-repeat: no-repeat;
    background-size:50% auto ;
    background-position:center;
}
.contact_highlight_box .content .link.phone i.icon,
#contact_highlight_box .content .link.phone i.icon{
    background-image: url(/images/icons/headset.svg/fff);
}
.ontact_highlight_box .content .link.calculate i.icon,
#contact_highlight_box .content .link.calculate i.icon{
    background-image: url(/images/icons/monitor-list.svg/fff);
}


@media screen and (max-width: 1350px){
    .relocation_prices_example_box .table_wrapper,
    #relocation_prices_example_box .table_wrapper{
        margin-left: -10%;
        width: 120%;
    }
}
@media screen and (max-width: 1250px){
   
}
@media screen and (max-width: 1200px){
   
}
@media screen and (max-width: 1000px){
   
}


@media screen and (max-width: 900px){
     .relocation_prices_example_box .table_wrapper,
    #relocation_prices_example_box .table_wrapper{
        margin-left: 0;
        width: 100%;
    }
    #move_explanation_box .steps{
        text-align: center;
        flex-grow: unset;
        display: block;
    }
    #move_explanation_box .step{
        display:block;
        width:100%;
        max-width:600px;
        margin:0 auto 50px auto !important;
    }
    .box_content .container{
        display:block;
    }
    .box_content .c_block.b_50{
        margin:12.5px auto 12.5px auto !important;
        width:100%;
        max-width: 600px;
    }
    #move_explanation_box h2,
    #move_explanation_box .title{
        font-size:25px;
    }
    #move_explanation_box .sub_title{
        font-size:18px;
    }
    #relocation_prices_example_box .highlight_box{
        padding:15px;
    }
}
@media screen and (max-width: 850px){
    #relocation_prices_example_box .price_tbl{
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
    }
    

    .contact_highlight_box .content .link,
    #contact_highlight_box .content .link{
        display:block;
        max-width:350px;
        margin:0 auto 10px auto;
    }
    #relocation_prices_example_box .price_tbl td{
        font-size:15px;
    }
}
@media screen and (max-width: 800px){
    .contact_highlight_box .icon,
    #contact_highlight_box .icon{
        width:100px;
    }
    .contact_highlight_box .content,
    #contact_highlight_box .content{
        padding:0 0 0 120px;
    }
    .contact_highlight_box .content h3,
    #contact_highlight_box .content h3{
        font-size:20px;
    }
}
@media screen and (max-width: 700px){
    
    #move_explanation_box .step{
        width:100%;
        max-width:600px;
        margin-bottom:25px;
        padding-bottom:50px;
      
    }
    #move_explanation_box .step .btn_wraper{
        margin-top:15px;
    }
    #move_explanation_box .btn_title{
        margin-top:0;
    }
    #move_explanation_box .step p{
        min-height: 0 !important;
    }
    #move_explanation_box .step .icon{
        position: relative;
        bottom:0;
        margin-top:50px;
        height:120px;
        background-position:top center;
        background-size: auto 90%;
    }
    #move_explanation_box .step h4,
    #move_explanation_box .step h3{
        min-height:50px;
    }
    .box_content .content h4{
        font-size:16px;
    }
    


    /**/
    #relocation_prices_example_box .price_tbl th{
        font-size:14px;
       
    }
    #relocation_prices_example_box .price_tbl th i.detail{
        font-size:10px;
    }
    #relocation_prices_example_box .price_tbl th.area{
        font-size:12px;
    }
    #relocation_prices_example_box .price_tbl td{
        font-size:15px;
        padding:5px 8px !important;
    }
}

@media screen and (max-width: 650px){
    #garantee_box .c_block.b_50{
        width:100%;
    }
    
    .contact_highlight_box .icon,
    #contact_highlight_box .icon{
        width:100%;
        height:50px;
        background-size:auto 100%;
    }
    .contact_highlight_box .content,
    #contact_highlight_box .content{
        padding:0;
    }
    .btn_wraper .content h3,
    #contact_highlight_box .content h3{
        font-size:18px;
    }
    .contact_highlight_box .content .link,
    #contact_highlight_box .content .link{
        min-width:200px;
    }
    .contact_highlight_box .content p,
    #contact_highlight_box .content p{
        font-size:14px;
        font-weight:300;
    }
   .relocation_prices_example_box .table_legend .legend_,
    #relocation_prices_example_box .table_legend .legend_,
    #relocation_prices_example_box .table_legend p.legend_{
        font-size:11px !important;
        line-height: 14px;
        font-weight: 300;
    }
    .relocation_prices_example_box .table_legend,
    #relocation_prices_example_box .table_legend{
        min-width: 500px;
    }
}
@media screen and (max-width: 500px){
   
    .contact_highlight_box .content .link,
    #contact_highlight_box .content .link{
        min-width:0;
    }
}

