@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');


body{
    font-family: 'Roboto', sans-serif;
}
img{max-width: 100%;}
.nav-menu.mattenhof_menu li a:hover{
    color: #111B77;
}
.location_site_plan_space {
	display: none;
}
.location {
	 padding-top: 0px;
}
.submit-form-btn:hover {
	background: #23378B;
}
.arrival {
	display: none;
}
.site_logos {
    width: 140px;
}
.nav-menu li a{
    font-size: 18px;
}
.navigation{border: none;}
ul.nav-menu.mattenhof_menu {
    border-bottom: solid 1px #000;
        padding-bottom: 10px;
}
.navigation{
    align-items: baseline;
}
.nav-menu li:first-child {
    margin-left: 0;
}
.nav-menu li:last-child {
    margin-right: 0;
}
.nav-menu li {
    margin: 0px 35px;
}
.mattenhof_menu li.active a {
    color: #060606;
    font-weight: 800;
}
.breadcrumb-nav{
        padding: 0;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    padding-top: 10px;
}
nav{
    padding-bottom: 0px;
}
ol.breadcrumb {
    margin-bottom: 10px;
}
.breadcrumb-item a {
    color: #000;
    text-decoration: none;
}
.business_sec_index{padding-top: 0;}
section.mobile-show {
    display: none;
}
.exklusiv_sec .tab_rent_office_contant h1{
    font-weight: 400 ;
}

.instinkt-des p {
    font-weight: 400 !important;
    font-size: 26px;
}
.fresenius_sabi.value_fresenius_sabi.home-page-sec {
    padding-block:60px;
}
.fresenius_sabi.value_fresenius_sabi.home-page-sec h2 {
    font-weight: 300!important;
    line-height: 120%;
    color: #807864;
    padding-inline: 30px;
}
.tab_rent_office_desc.intuition-dec {
    margin-top: 80px;
}
.fresenius_sabi.value_fresenius_sabi.home-page-sec a{
    line-height: 120%;
    color: #807864;
}
.intuition-dec p strong{
    font-weight: 700;
}

.slide_image_info.desc-list-natural {
    padding-bottom: 0;
}
.image_slider_title.natural-ing-title {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: inherit;
}
.slide_image_info.desc-list-natural .img-desc-list {
    padding: 25px 0;
}
.exklusiv_sec .tab_rent_office_contant {
    padding-top: 110px;
}
.intuition-dec h6 {
    margin-bottom: 5px;
    font-size: 26px;
}
.instinkt-des {
    padding-top: 70px;
}
footer{padding-bottom: 80px;}
.footer-bg-color {
    background: #111B77;
    padding: 53px 42px 26px 42px;
    margin: 0;
    position: relative;
}
.footer-bg-color:before {
    position: absolute;
    content: '';
    border-bottom: solid 1px #000;
    width: 100%;
    bottom: -50px;
    left: 0;
}
.footer-detail h6{
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color: #fff;
}
.footer-detail ul {
    padding: 0;
    display: flex;
}
.footer-detail ul li {
    list-style: none;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color: #fff;
    margin-right: 30px;
}
.footer-detail ul li a {
    font-weight: 400;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color: #fff;
}
.footer-page-detail {
    float: right;
}
.footer-page-detail ul {
    padding: 0px;
}
.footer-page-detail ul li {
    list-style: none;
}
.footer-page-detail ul li a {
    text-decoration: none;
     font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color:#fff;
}
.copyright {
    border-top: solid 1px #fff;
    padding-top: 42px;
    margin-top: 25PX;
}
.copyright p {
    color: rgba(255, 255, 255, 0.80);
font-family: Montserrat;
font-size: 15px;
font-weight: 400 !important;
letter-spacing: -0.225px;
}




/*   ========================================    ziel page  ===============================*/

.ziel_sec .sustainability h1,.location .sustainability h1{
    font-weight: 400;
    font-size: 94px;
}
.ziel_sec .sustainability,.location .sustainability {
    padding-top: 110px;
    padding-bottom: 50px;
    padding-right: 40px;
}
.ziel_defination{
	font-weight: 700 !important;
}
.ziel_sec .sustainability-desc ,.location .sustainability-desc{
	padding-right: 65px;
}
.ziel_sec .sustainability-desc p,.location .sustainability-desc {
    font-weight: 400 !important; 
    font-size: 26px;
}
.value_fresenius_sabi {
	background: rgba(157, 113, 77, 0.21);
	text-align: center;
    padding-inline: 35px;
} 
.value_fresenius_sabi h2{
	font-size: 100px;
	color: #1A2C14;
    font-weight: 300;
    line-height: 120%;
}
.value_fresenius_sabi a {
	font-size: 26px;
	color: #1A2C14;
	font-weight: bold;
	display: inline-block;
	line-height: 120%;
	text-decoration: none;
	margin-top: 30px;
	text-transform: uppercase;
}
.border-natura{
	opacity: 1;
	margin: 80px 0 30px 0px;
}




/*  ===================================    dienstleistung  page   =================================== */


.ziel_sec .sustainability-desc ul,.location .sustainability-desc ul {
	padding: 0;
}
.ziel_sec .sustainability-desc ul li,.location .sustainability-desc ul li {
	list-style:none ;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%;
}
.fresenius_sabi.value_fresenius_sabi.life_style_sec {
    padding:50px 40px;
}
.life_style_about {
    background: #D8DCCC;
    padding: 0 0px 20px 0;
}
.life_style_about h5 {
    background: #C3CAB5;
    padding: 13px 8px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #807864;
}
.life_style_sec h3{
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-size: 40px;
   line-height: 120%;
   text-align: center;
   color: #988D70;
   margin-bottom: 40px
}
.life_style_about ul {
    padding: 20px 0;
}
.life_style_about ul li {
    list-style: none;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: #1A2C14;
}
.life_style_sec .row .col-lg-2 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.group_arrows img {
    display: block;
    max-width: 100%;
}
.footer-natura{
	opacity: 0;
	margin: 30px 0;
}
.ziel_sec .footer-natura{
	opacity: 0;
}
.klienten-sec h2{
    font-weight: 400;
    font-size: 100px;
    line-height: 110%;
    color: #1A2C14;

}
.klienten-sec {
    padding: 100px 0px;
}
.klienten-desc{
    margin-top: 100px;
}
.klienten-desc p strong{
    font-weight: bold !important;
}








/*  =========================================    personlich    =====================================  */

.personlich.list-dick ul.img-desc-list >li:first-child{
    margin-top: 0px;
}
.personlich.list-dick ul.img-desc-list >li {
    margin-top: 0px;
}
.more-less {
  color: #e94e1b !important;
  text-align: left;
  float: left;
  width: 100%;
  margin-top: 20px;
  text-decoration: none;
}

.more-less {
    cursor: pointer;
}

.read_ul_less {
  text-align: left !important;
  display: none;
}

.read_ul_less.main {
  display: block;
}


ul.img-desc-list.read_ul_less.main {
    padding-top: 0;
    padding-bottom: 20px;
}
/*.personlich.list-dick ul li::marker{content: "> ";}*/
.personlich.list-dick ul li {
    list-style: none;
}
.personlich ul.img-desc-list{margin-bottom: 20px;}
.name-info h6{
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.05em;
    color: #1A2C14;
    margin-bottom: 0;
}
.name-info {
    padding: 20px 0;
}
.personlich ul.img-desc-list {
    padding: 20px 0;
}
.personlich{
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding-top: 20px;
}
.personlich h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.05em;
}
.personlich ul li{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.05em;
    color: #1A2C14;
}
.personlich-sec{
    background: rgba(133, 134, 70, 0.21);
    padding: 135px 0 70px 0px;
    text-align: center;
}
.personlich-sec h2 {
    font-size: 100px;
    color: #1A2C14;
    font-weight: 300;
    line-height: 120%;
}
.personlich-sec a {
    font-size: 26px;
    color: #1A2C14;
    font-weight: bold;
    display: inline-block;
    line-height: 120%;
    text-decoration: none;
    margin-top: 30px;
}
/*.besser-sec{
    margin-top: 200px;
}*/
.tab_rent_office_desc.sportler p{
    margin-bottom: 20px;
    font-weight: 400 !important;
    font-size: 26px;
    line-height: 120%;
    color: #1A2C14;
    padding-right: 65px;
}
.klienten-desc p{
    font-weight: 400!important;
    font-size: 26px;
    line-height: 120%;
    color: #1A2C14;
}








/*  ==========================================      contact page  ====================================  */



.contact_sec_main_heading{font-weight: 400;}
.form-group {
    display: flex;
    justify-content: space-between;
}
.natura_form .form-group input {
    width: 48%;
}
.contact-form .natura_form input {
    border: solid 1px #000;
   padding: 10px;
}
.natura_form input.submit-form-btn {
    margin-top: 25px;
    border-radius: 5px;
    background: #000;
    color: #fff;
    padding-inline: 20px;
    text-transform: capitalize;
}
.natura_form-sec h5{
    font-weight: 700!important;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.015em;
    color: #000000;
}
.contact-form.natura_form-sec {
    margin-top: 100px;
    border: solid 1px #000;
    padding: 70px 40px;
}
.natura_form input.submit-form-btn:hover{
    background: #fff;
    color: #000;
    transition: 0.5s;
}
form.natura_form {
    padding-top: 10px;
}
.contact-natura{
    opacity: 0;
    margin: 0px 0px;
}
.map-sec {
    margin-top: 70px;
}
.map-sec h2{
    font-weight: 400!important;
    font-size: 100px;
    line-height: 110%;
    color: #1A2C14;
}
.map-sec iframe{
    width: 100%;
    margin: 80px 0px;
}
.contact_info_natural h6{
    font-weight: 700!important;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color: rgba(0, 0, 0, 0.8);
}
.contact_info_natural span,
.contact_info_natural p,
.contact_info_natural a{
    font-weight: 500 !important;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.015em;
    color: rgba(0, 0, 0, 0.8); 
}
.contact_info_natural span{
    display: block;
}
.contact_info_natural a{
   display:block;
   text-decoration: none;
}
.contact-detail {
    margin: 25px 0 35px 0;
}
.contact_info_natural {
    padding-bottom: 50px;
}




/*hauswart css*/
.four_div_text h5{
	color: #1A2C14;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
}
.four_div_text p{
	color: #1A2C14;
    text-align: left;
    font-size: 16px;
    font-weight: 400 !important;
}
.four_div_text h6{
   color: #1A2C14;
   font-size: 24px;
   font-weight: 700;
   line-height: 40px; 
   text-align: left;
}
 .four_block_sec {
    max-width: 210px;
    margin: 0 auto;
}
.hauswart_bg .four_block_sec{max-width: 300px;}
.slider_wrapp{margin-left: 30px;}
.hauswart_list{
	list-style: none;
	padding-left: 0;
	margin-left: 30px;
	color: #1A2C14;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.9px;
    padding-top: 22px;
    border-bottom: solid 1px #000;
    padding-bottom: 22px ;
}
.hauswart_list li a{text-decoration: none;color:#1A2C14;}
.border-hauswart{border-color: #000; opacity: 1; margin: 30px 0;}
.bottom_border_hr{margin-top: 30px;opacity: 1;}
.mob_number_hauswart h6,.mob_number_hauswart h6 a {
    color: #111B77;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -0.6px;
    text-decoration: none;
}
.mob_number_hauswart {
    padding: 40px 0;
}
.four_div_icon {
    margin-bottom: 40px;
    min-height: 115px;
}
.four_div_icon img{transition: transform 0.6s;transform-style: preserve-3d;}
.four_block_sec:hover .four_div_icon img{transform: rotateY(180deg);}
.clean_banner_img {
    position: relative;
}
.banner_top_img {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 440px;
}
.banner_top_img h6 {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 57.6px */
    display: inline-block;
}
.hauswart_bg{background: rgba(167, 160, 154, 0.29);padding: 60px 20px;}
.map_text {display:flex;flex-wrap: wrap;}
.personlich ul.img-desc-list{width: 50%;}
.map_text ul li a{text-decoration: none;} 
.hauswart_footer_number li span {
    display: inline-block;
    width: 45px;
}
.network_sec,
.businesses_Mattenhof_sec{display: none;}
.hauswart_bg .four_div_icon {
    margin-top: 0;
    margin-bottom: 50px;
}



.about_my_customer {padding-top: 0px;}
.about_my_customer .dev_left_col .dev_main_title{padding-top: 110px;padding-bottom: 50px;padding-right: 40px;}
.about_my_customer .dev_left_col .dev_main_title h1 {font-weight: 400;font-size: 94px;}
.about_my_customer .dev_left_col p {margin-bottom: 20px;font-weight: 400 !important;font-size: 26px;line-height: 120%;color: #1A2C14;padding-right: 65px;}
.dev_compnay_portrait h3 {color: #111B77;text-align: center;font-size: 40px;font-weight: 700;line-height: 60px;letter-spacing: -0.6px;text-decoration: none;position: absolute;bottom: 25%;margin: 0 auto;left: 0;right: 0;}

/*  ===================================    responsive    ==============================   */



@media(max-width: 1600px){
.value_fresenius_sabi h2{
    font-size: 80px;
}
.personlich-sec h2{
     font-size: 80px;
}
}
@media(max-width: 1399px){
    .nav-menu li {
        margin: 0px 18px;
    }
}

@media(max-width: 1180px){
    .about_my_customer .dev_left_col .dev_main_title h1 {font-size: 72px;}

}
@media(max-width: 1024px){
    .fresenius_sabi.value_fresenius_sabi.home-page-sec{padding-block: 100px;}
    .ziel_sec .sustainability-desc{padding: 0px;}
    .life_style_about ul li{word-break: break-all;}
    .life_style_about ul{padding: 20px   ;}
    .logo img {width: 184px;}

}


@media(max-width: 991px){

    .nav-menu li{margin: 0 0 10px 0;}
    ul li,p{font-size: 16px !important;}
    .navigation{align-items: center;}
    button.hamburger.margin-x span.bar{background: #23378b;}
    ul.nav-menu.mattenhof_menu{background: #23378b;}
    .nav-menu li a{color: #fff;}
    .mattenhof_menu li.active a {color: #ffffff;border-bottom: solid 1px #fff;}
    .nav-menu.mattenhof_menu li a:hover {color: #fff;}
    .tab_rent_office_desc.intuition-dec {margin-top: 55px;}
    .instinkt-des p{margin-bottom: 20px;}
    .instinkt-des {padding-top: 45px;}
    .fresenius_sabi.value_fresenius_sabi.home-page-sec h2{font-size: 43px;
    }.exklusiv_sec .tab_rent_office_contant h1 {font-size: 50px;}



    /*  =======    ziel  ========  */
    .ziel_sec .sustainability h1 {font-size: 50px;}
    .value_fresenius_sabi h2 {font-size: 43px;}


    /* =======    dienstleistung   ======== */
    .group_arrows {transform: rotate(90deg);margin: 25px;}
    .klienten-sec h2{font-size: 43px;}
    .life_style_about ul li{font-size: 18px;}
    .life_style_about h5{font-size: 18px;}
    .life_style_sec h3 {font-size: 26px;}

    /*  =========     personlich   ==========  */
    .personlich-sec h2{font-size: 43px;}
    .besser-sec {margin-top: 100px;}

    /*  ==============   contact   ============   */
    .contact_sec_main_heading{font-size: 60px;}
    .map-sec h2{font-size: 60px;}
    .contact_info_natural p{line-height: 1.2;}
    .footer-detail ul{display: block;}
    .four_div_icon{margin-top: 40px;margin-bottom: 25px;}
    .fresenius_sabi.value_fresenius_sabi.home-page-sec {padding-block: 30px;}
    .banner_top_img h6 {font-size: 26px;}
    .mob_number_hauswart h6, .mob_number_hauswart h6 a {font-size: 32px;line-height: 1.2;}
    .footer-detail ul li{line-height: 1.2;margin-bottom: 10px;margin-right: 0;}
    .footer-detail ul li a {font-size: 16px;}
    .hauswart_footer_number li span{width: auto	;}
    .ziel_sec .sustainability{padding-right: 0;}
    .banner_top_img{top: 0;height: 100%;display: flex;align-items: center;justify-content: center;}
    .hauswart_bg .four_div_icon{text-align: center;}

    /* uber mein kunden */
    .about_my_customer .dev_left_col .dev_main_title h1 {font-size: 52px;}
    .dev_compnay_portrait h3 {font-size: 32px;}
    .about_my_customer iframe { height: 320px !important;}

}




@media(max-width: 767px){

    .about_my_customer .dev_left_col {margin-bottom: 35px;}
    .about_my_customer .dev_left_col .dev_main_title {padding-top: 45px;padding-bottom: 20px;padding-right: 0px;}

    .exklusiv_sec .tab_rent_office_contant h1 br{display: none;}
    section.mobile-show {display: block;}
    hr.border-natura.index-page-hr {display: none;}
    .fresenius_sabi.value_fresenius_sabi.home-page-sec{margin-top: 36px;}
    .ziel_sec .sustainability,
    .exklusiv_sec .tab_rent_office_contant{padding-top: 50px;}
    .image-slider-1 {border-top: solid 1px #000;padding-top: 36px;}
    .fresenius_sabi.value_fresenius_sabi.home-page-sec h2 {padding-inline: 8px;}
    .value_fresenius_sabi a {font-size: 20px;}
    footer{padding-bottom: 0;}
    .footer-bg-color:before{border-bottom: none;}
    .copyright {padding-top: 15px;margin-top: 10PX;}


    /*  =======    ziel  ========  */
    .ziel_sec .werte-tab-img {border-top: solid 1px #000;margin-top: 80px;}
    .border-natura {margin: 36px 0;}
    .value_fresenius_sabi {padding-inline: 5px;}


    /* =======    dienstleistung   ======== */
    .fresenius_sabi.value_fresenius_sabi.life_style_sec {padding: 30px 18px;}


    /*  =========     personlich   ==========  */

    .tab_rent_office_desc.sportler {border-bottom: solid 1px #000;padding-bottom: 46px;margin-bottom: 36px;}
    .personlich-sec a{font-size: 20px;}
    .footer-natura{display: none;}
    .besser-sec {margin-top: 40px;}
    .personlich-sec{padding: 60px 0px;}
    .klienten-desc {margin-top: 50px;}
    .form-group{display: block;}
    .natura_form .form-group input{width: 100%;}
    .footer-page-detail{float: inherit;}

    .footer-bg-color .col-md-4:first-child .footer-detail{border-top: solid 1px #fff;padding-top: 28px;}
    .footer-page-detail{border-top: solid 1px #fff;padding-top: 28px;margin-top: 20px;}
    .footer-detail ul li {margin-right: 0;line-height: 1.2;}
    .footer-detail ul li a{font-size: 16px;}
    .footer-detail ul li:first-child {margin-bottom: 20px;}
    .footer-detail.ag_inatural ul li:first-child {margin: 0;}   
    .footer-detail.ag_inatural h6 {margin-top: 20px;}
    .footer-detail h6{font-size: 16px;}
    .footer-page-detail ul li a{font-size: 16px;}
    .footer-bg-color {padding: 40px 20px 0px;}


    /*contact*/
    .contact_info_natural h6,
    .contact_info_natural span,
    .contact_info_natural a{font-size: 16px;}
    .contact_info_natural a{margin-bottom: 10px;}
    .contact-form.natura_form-sec{padding: 50px 25px;}
    /*.exklusiv_sec .tab_rent_office_contant h1 {font-size: 40px;}*/
    .tab_rent_office_desc.intuition-dec {margin-top: 0;}

    .icon_top_img {width: 55px;}
    .mob_number_hauswart h6, .mob_number_hauswart h6 a {font-size: 26px;}
    .mob_number_hauswart {padding-top: 30px;}
    .logo img {width: 124px;}
    .ziel_sec .sustainability h1 {margin-bottom: 0;}
    .four_div_text h6{font-size: 20px;line-height: 28px;}
    .four_div_icon {min-height: auto;}
    .hauswart_bg{padding-top: 10px;margin-bottom: 50px;}
    .mob_number_hauswart{padding-bottom: 40px !important;}
    .hauswart_bg .four_div_text h6{margin-bottom: 30px;}
    .hauswart_bg .four_div_icon{margin-top: 20px;}
    .hauswart_list,
    .slider_wrapp{margin-left: 0;}
    .instinkt-des p,
    .tab_rent_office_desc.sportler p{padding-right: 0;}

    .standort-hr {margin-top: 70px;}

}


@media (max-width: 500px){
.personlich ul.img-desc-list {width: 100%;margin-bottom: 0;padding-top: 0;}


}