.component_top_navi{ padding:30px 0 0 40px} .component_top_navi ul{ list-style-type:none; margin:0; padding:0} .component_top_navi ul li{ padding:0; margin:0; display:inline-block} #naviMobile{ display:none} .component_top_navi li .naviSecond,.component_top_navi li .naviThird{ display:none} @media only screen and (min-width:1025px){ .component_top_navi{ transition:padding-top .2s} .scroll_down .component_top_navi{ padding-top:16px} .component_top_navi ul.menue_table>li{ padding:0 10px; position:relative} .component_top_navi a{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-weight:normal; font-size:14px; line-height:18px; transition:color .2s,border-bottom-color .2s} .component_top_navi a.menue:link,.component_top_navi a.menue:visited,.component_top_navi a.menue:hover,.component_top_navi a.menue:focus{ display:block; margin:0 10px; position:relative} .component_top_navi a.menue:link,.component_top_navi a.menue:visited{ color:var(--color-marine-blau)} .component_top_navi a.menue:hover,.component_top_navi a.menue:focus,.component_top_navi a.menue.active{ color:var(--color-hebel-blau)} .component_top_navi a.menue:after{ content:""; display:block; position:absolute; left:0; width:0; border-bottom:4px solid var(--color-hebel-blau); transition:width .2s} .component_top_navi a.menue:hover:after,.component_top_navi a.menue:focus:after,.component_top_navi a.menue.active:after{ width:100%} .component_top_navi li:hover>a.menue,.component_top_navi a.menue.active{ border-bottom-color:var(--color-hebel-blau)} } @media only screen and (max-width:1300px){ .component_top_navi{ padding:24px 0 0 20px} } @media only screen and (max-width:1024px){ .component_top_navi{ padding:13px 0 0 20px} #naviMobile{ display:block; position:relative; width:35px; height:28px; cursor:pointer; z-index:11} #naviMobile::before,#naviMobile::after,#naviMobile>span::before{ content:""; border-bottom:2px solid var(--color-marine-blau); position:absolute; left:0; width:22px} #naviMobile::before{ top:5px; transition-property:top,transform; transition-duration:.3s,.3s; transition-delay:.3s,0s} #naviMobile::after{ bottom:5px; transition-property:bottom,transform; transition-duration:.3s,.3s; transition-delay:.3s,0s} #naviMobile>span::before{ transition:opacity .3s} #naviMobile>span::before{ top:50%; margin-top:-1px} .NavOpened #naviMobile::before{ top:50%; transform:rotate(45deg); transition-delay:0s,.3s; width:20px; left:2px} .NavOpened #naviMobile::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s,.3s; width:20px; left:2px} .NavOpened #naviMobile>span::before{ opacity:0} .component_top_navi .menue_table_container{ position:fixed; top:50px; left:0; bottom:0; right:0; z-index:-1; padding-top:40px; background-color:rgba(255,255,255,.95); overflow:scroll; opacity:0; transition:.4s; transform:translateY(-100%)} .NavOpened .component_top_navi .menue_table_container{ transform:translateY(0); opacity:1} .component_top_navi ul.menue_table{ display:block; width:100%; max-width:400px; margin:0 auto; box-sizing:border-box; padding:0 20px} .component_top_navi ul li{ display:block; width:100%; text-align:left; position:relative; padding:0 !important} .component_top_navi ul.menue_table a.menue{ display:block; font-family:JagerlayBlack,Arial,sans-serif; font-size:18px; line-height:26px; color:var(--color-hebel-blau); cursor:pointer; padding:10px 30px 13px 15px; position:relative; box-sizing:border-box; border-top:1px solid var(--color-hebel-gelb); z-index:2; margin:0} .component_top_navi ul.menue_table a.menue:before{ content:""; position:absolute; top:0; left:0; width:100px; border-bottom:2px solid var(--color-hebel-gelb)} .component_top_navi ul.menue_table a.menue.naviSecondButton:after{ content:""; position:absolute; top:50%; right:2px; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .component_top_navi ul.menue_table a.menue.naviSecondButton.aktiv{ border-bottom:1px solid var(--color-hebel-gelb)} .component_top_navi ul.menue_table a.menue.naviSecondButton.aktiv:after{ transform:rotate(180deg)} .component_top_navi ul.menue_table a.menue.active{ background-color:var(--color-hebel-blau); color:var(--color-white)} .component_top_navi ul.menue_table a.menue.active.naviSecondButton:after{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(-90deg)} .component_top_navi ul.menue_table a.menue.active.naviSecondButton.aktiv:after{ transform:rotate(90deg)} .component_top_navi ul.menue_table>li:last-child{ position:relative} .component_top_navi ul.menue_table>li:last-child:before{ content:""; position:absolute; bottom:-2px; left:0; width:100px; border-bottom:2px solid var(--color-hebel-gelb)} .component_top_navi ul.menue_table>li:last-child a.menue{ border-bottom:1px solid var(--color-hebel-gelb)} .component_top_navi .naviSecond{ margin-left:15px} .component_top_navi .naviSecond a.navi_link{ display:block; font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hebel-blau); cursor:pointer; padding:9px 0 9px 30px; position:relative; box-sizing:border-box; z-index:1; margin:0} .component_top_navi .naviSecond a.navi_link.naviThirdButton:after{ content:""; position:absolute; top:50%; left:0; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .component_top_navi .naviSecond a.navi_link.naviThirdButton.aktiv{ border-bottom:1px solid var(--color-hebel-gelb)} .component_top_navi .naviSecond a.navi_link.naviThirdButton.aktiv:after{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(180deg)} .component_top_navi .naviSecond a.navi_link.active{ background-color:var(--color-hebel-blau); color:var(--color-white)} .component_top_navi .naviSecond a.navi_link.active.naviThirdButton:after{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(-90deg)} .component_top_navi .naviSecond a.navi_link.active.naviThirdButton.aktiv:after{ transform:rotate(90deg)} .component_top_navi .naviThird{ margin-left:30px} .component_top_navi .naviThird a.navi_link2{ display:block; font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hebel-blau); cursor:pointer; padding:9px 0 9px 15px; position:relative; box-sizing:border-box; z-index:1; margin:0} .component_top_navi .naviThird a.navi_link2.active{ background-color:var(--color-hebel-blau); color:var(--color-white)} } @media only screen and (max-height:380px){ .component_top_navi ul.menue_table{ padding-top:20px} } .component_top{ position:absolute; right:0; top:0; bottom:0; z-index:1} .component_top a{ display:block; padding:20px 60px} .component_top img{ display:block; height:45px} @media only screen and (max-width:1300px){ .component_top a{ padding:15px 40px} .component_top img{ height:40px} } @media only screen and (max-width:1024px){ .component_top a{ padding:10px 20px} .component_top img{ height:30px} } @media only screen and (min-width:1025px){ .component_top a{ transition:padding-top .2s,padding-bottom .2s} .component_top img{ transition:height .2s} .scroll_down .component_top a{ padding-top:12px; padding-bottom:12px} .scroll_down .component_top img{ height:36px} } .component_sub_navi{ display:none} @media only screen and (min-width:1025px){ .sub_navi_container{ position:fixed; top:70px; left:0; right:0; transition:top .2s; z-index:3} .scroll_down .sub_navi_container{ top:60px} .sub_navi_inner{ width:100%; max-width:1600px; margin:0 auto; height:100%; position:relative; background-color:var(--color-hebel-blau)} .component_sub_navi{ display:block; height:40px} .component_sub_navi ul{ margin:0; padding:0} .component_sub_navi ul li{ padding:0 0 0 60px; margin:0; display:inline-block} .component_sub_navi a.sub_navi_link{ display:block; position:relative} .component_sub_navi a.sub_navi_link,.component_sub_navi a.sub_navi_link:link,.component_sub_navi a.sub_navi_link:visited,.component_sub_navi a.sub_navi_link:hover{ font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:14px; line-height:40px; color:var(--color-white)} .component_sub_navi a.sub_navi_link:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:0; border-bottom:4px solid var(--color-hebel-gelb); transition:width .2s} .component_sub_navi a.sub_navi_link:hover:after,.component_sub_navi a.sub_navi_link:focus:after,.component_sub_navi a.sub_navi_link.active:after{ width:100%} } @media only screen and (min-width:1301px){ .sub_navi_container{ top:90px} } @media only screen and (max-width:1300px){ .component_sub_navi ul li{ padding-left:40px} } .component_standorte_karte{ width:100%; margin:0 auto; box-sizing:border-box} .component_standorte_karte .standorte_mapbox{ display:block; width:100%; position:relative; min-height:560px} .component_standorte_karte #standorte_map{ position:absolute; overflow:hidden; top:0; right:0; bottom:0; left:0; background:url(/images/maps/standorte_head.jpg) no-repeat center transparent; background-size:cover} @media only screen and (max-width:1024px){ .component_standorte_karte .standorte_mapbox{ min-height:460px} } @media only screen and (max-width:480px){ .component_standorte_karte .standorte_mapbox{ min-height:360px} } .component_sub_navi2{ display:none} @media only screen and (min-width:1025px){ .component_sub_navi2{ display:block; background-color:var(--color-white); padding:10px 40px 0; z-index:2} .component_sub_navi2 ul{ list-style-type:none; margin:0; padding:0; display:block; line-height:20px} .component_sub_navi2 li{ display:inline-block; margin:0; padding:0 10px 10px; position:relative} .component_sub_navi2 a.sub_navi2_link{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-weight:normal; font-size:14px; line-height:20px; transition:color .2s,border-bottom-color .2s; display:block; margin:0 10px; position:relative} .component_sub_navi2 a.sub_navi2_link:after{ content:""; display:block; position:absolute; left:0; bottom:-10px; width:0; border-bottom:4px solid var(--color-hebel-blau); transition:width .2s} .component_sub_navi2 a.sub_navi2_link:link,.component_sub_navi2 a.sub_navi2_link:visited{ color:var(--color-hebel-blau)} .component_sub_navi2 a.sub_navi2_link:hover:after,.component_sub_navi2 a.sub_navi2_link:focus:after,.component_sub_navi2 a.sub_navi2_link.active:after{ width:100%} } @media only screen and (min-width:1025px)and (max-width:1300px){ .component_sub_navi2{ padding:10px 20px 0} } @media only screen and (min-width:1025px){ .component_sub_navi2.is_stuck{ transition:top .2s; box-shadow:0px 2px 0px #eee} .scroll_up .component_sub_navi2.is_stuck{ top:110px !important} } @media only screen and (min-width:1301px){ .scroll_up .component_sub_navi2.is_stuck{ top:130px !important} } .component_footer{ width:100%; background:linear-gradient(180deg, var(--color-verlauf1) 0%, var(--color-verlauf2) 100%); font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hellgrau4)} .component_footer a{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hellgrau4)} .component_footer a:link,.component_footer a:visited,.component_footer a:hover,.component_footer a:focus{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hellgrau4)} .component_footer a:hover{ font-weight:bold; color:var(--color-white)} .component_footer .footer_row{ display:block; padding:20px 60px; border-bottom:2px solid rgba(255,255,255,.3)} .component_footer .footer_row1{ padding-top:60px} .component_footer .footer_row1 .footer_navi_subsites .footer_navi_subsites_box{ display:inline-block; box-sizing:border-box; width:25%; padding:0 20px 20px 0; vertical-align:top} .component_footer .footer_row1 a{ display:block} .component_footer .footer_row1 a.footer_navi_subsite_level_0{ font-family:Jagerlay,Arial,sans-serif; font-weight:bold; font-size:15px; line-height:24px; color:#fff !important; margin-bottom:10px} .component_footer .footer_row2{ padding-top:40px; padding-bottom:60px} .component_footer .footer_row2>*{ display:inline-block; width:25%; box-sizing:border-box; padding:0 20px 0 0; vertical-align:top} .component_footer .footer_row2 .col1 img{ display:block; height:45px} .component_footer .footer_row2 .col1 span{ display:block; padding-top:90px} .component_footer .footer_row2 .col_adresse{ color:#fff !important} .component_footer .footer_row2 .col_adresse>span{ display:block} .component_footer .footer_row2 .col_adresse .adresse_titel{ font-family:Jagerlay,Arial,sans-serif; font-weight:bold; font-size:18px; line-height:24px; min-height:48px} .component_footer .footer_row2 .col_adresse .adresse_text{ padding:20px 0 30px; font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:18px; line-height:26px} .component_footer .footer_row2 .col_adresse .adresse_anfahrt{ padding-bottom:20px} .component_footer .footer_row2 .col_adresse .adresse_anfahrt a{ font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:18px; line-height:26px; color:var(--color-hebel-gelb); display:inline-block; position:relative; padding-right:20px} .component_footer .footer_row2 .col_adresse .adresse_anfahrt a:after{ content:""; position:absolute; right:0; top:4px; width:12px; height:20px; background:url(/images/icons/arrow_right_hebel_yellow.svg) no-repeat center right; background-size:9px 12px} .component_footer .footer_row2 .col_adresse .adresse_tel,.component_footer .footer_row2 .col_adresse .adresse_email{ font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:18px; line-height:26px; color:var(--color-hebel-gelb); display:inline-block} .component_footer .footer_row3>span{ display:inline-block; width:25%} .component_footer .footer_row3 img{ display:block; height:55px} .component_footer .footer_row4{ border-bottom:none; font-size:12px; line-height:16px} .component_footer .footer_row4 a{ font-size:12px; line-height:16px} .component_footer .footer_row4 a:link,.component_footer .footer_row4 a:visited,.component_footer .footer_row4 a:hover,.component_footer .footer_row4 a:focus{ font-size:12px; line-height:16px} .component_footer .footer_row4 .footer_copyright,.component_footer .footer_row4 .footer_pm{ white-space:nowrap} .component_footer .footer_row4 .footer_navi_2{ float:right} .component_footer .footer_row4 .footer_navi_2 a{ display:inline-block; margin-left:20px} .component_footer .footer_row4 .footer_navi_2 a:first-child{ margin-left:0} .component_footer .footer_row4:after{ display:block; clear:both} @media only screen and (max-width:1300px){ .component_footer .footer_row{ padding:20px 40px} .component_footer .footer_row1{ padding-top:40px} .component_footer .footer_row2{ padding-top:30px; padding-bottom:40px} .component_footer .footer_row3 img{ height:40px} } @media only screen and (max-width:1024px){ .component_footer .footer_row{ padding:20px} .component_footer .footer_row1{ padding-top:20px} .component_footer .footer_row2{ padding-top:20px; padding-bottom:20px} .component_footer .footer_row2>*{ width:50%; padding-bottom:50px} .component_footer .footer_row2 .col1 span{ padding-top:30px} .component_footer .footer_row2 .col_adresse .adresse_titel{ min-height:auto} .component_footer .footer_row2 .col_adresse .adresse_text{ padding:10px 0} .component_footer .footer_row2 .col_adresse .adresse_anfahrt{ padding-bottom:10px} .component_footer .footer_row3{ text-align:center} .component_footer .footer_row3>span{ width:33%} .component_footer .footer_row3>span img{ margin:0 auto; height:auto; max-width:120px; width:80%} } @media only screen and (max-width:640px){ .component_footer .footer_row1 .footer_navi_subsites .footer_navi_subsites_box{ width:50%} .component_footer .footer_row4{ text-align:center} .component_footer .footer_row4 .footer_copyright,.component_footer .footer_row4 .footer_pm{ white-space:normal} .component_footer .footer_row4 .footer_navi_2{ float:none; padding-bottom:20px} } @media only screen and (max-width:540px){ .component_footer .footer_row2>*{ width:100%} .component_footer .footer_row2 .col1 span{ padding-top:10px} } .ansprechpartnerKontaktBoxBackground{ content:""; display:none; position:fixed; top:0; right:0; left:0; bottom:0; z-index:11; background-color:var(--color-hebel-blau-opacity)} .show_kontakt .ansprechpartnerKontaktBoxBackground{ display:block} #ansprechpartnerKontaktButton{ display:block; position:fixed; z-index:10; right:10px; top:45%; width:50px; height:50px; border-radius:50%; background:url(/images/icons/icon_kontakt.svg) no-repeat center transparent; background-size:69px 69px; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.2); opacity:0} @media only screen and (min-width:1024px){ #ansprechpartnerKontaktButton:hover{ animation:zoomInOut .3s ease-in-out forwards} @keyframes zoomInOut{ 0%{ transform:scale(1)} 50%{ transform:scale(1.1)} 100%{ transform:scale(1)} } } @media only screen and (max-width:1024px){ #ansprechpartnerKontaktButton{ top:66%} } #ansprechpartnerKontaktBox{ position:fixed; z-index:12; top:0; bottom:0; right:0; min-width:320px; max-width:380px; transition-duration:.3s; transform:translateX(100%); background-color:var(--color-white)} @media only screen and (max-width:380px){ #ansprechpartnerKontaktBox{ max-width:100%} } .show_kontakt #ansprechpartnerKontaktBox{ transform:translateX(0)} #ansprechpartnerKontaktCloseButton{ display:block; position:absolute; z-index:11; bottom:50px; left:-60px; width:50px; height:50px; border-radius:50%; background:url(/images/icons/icon_close.svg) no-repeat center var(--color-hebel-blau); background-size:15px 15px; cursor:pointer; opacity:0} @media only screen and (max-width:480px){ #ansprechpartnerKontaktCloseButton{ bottom:auto; left:auto; top:10px; right:10px; width:30px; height:30px} } .show_kontakt #ansprechpartnerKontaktCloseButton{ opacity:1} .component_ansprechpartner_kontakt .ansprechpartnerKontakt{ width:100%; height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box; padding:30px} .component_ansprechpartner_kontakt .ansprechpartnerKontakt>*{ display:block} .component_ansprechpartner_kontakt .title{ font-family:JagerlayBlack,Arial,sans-serif; font-size:24px; line-height:28px; color:var(--color-hebel-blau); padding:20px 0; border-bottom:1px solid var(--color-hellgrau4); margin-bottom:20px; text-align:center} .component_ansprechpartner_kontakt .portrait{ width:150px; margin:0 auto; padding:20px 0; text-align:center} .component_ansprechpartner_kontakt .portrait img{ display:block; width:100%; border-radius:50%} .component_ansprechpartner_kontakt .name{ font-family:JagerlayBlack,Arial,sans-serif; font-size:20px; line-height:24px; color:var(--color-hebel-blau); padding-bottom:10px; text-align:center} .component_ansprechpartner_kontakt .position{ font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:24px; color:var(--color-hellgrau4); padding-bottom:20px; text-align:center} .component_ansprechpartner_kontakt a.telefon{ text-align:center} .component_ansprechpartner_kontakt a.telefon,.component_ansprechpartner_kontakt a.telefon:link,.component_ansprechpartner_kontakt a.telefon:visited,.component_ansprechpartner_kontakt a.telefon:focus,.component_ansprechpartner_kontakt a.telefon:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:20px; line-height:24px; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt a.telefon:hover{ font-weight:bold} .component_ansprechpartner_kontakt a.mail{ text-align:center} .component_ansprechpartner_kontakt a.mail,.component_ansprechpartner_kontakt a.mail:link,.component_ansprechpartner_kontakt a.mail:visited,.component_ansprechpartner_kontakt a.mail:focus,.component_ansprechpartner_kontakt a.mail:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt a.mail:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort{ margin-top:20px; padding:20px 0; border-top:1px solid var(--color-hellgrau4); font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px} .component_ansprechpartner_kontakt .standort>*{ display:block} .component_ansprechpartner_kontakt .firma{ color:var(--color-hebel-blau); padding-bottom:10px} .component_ansprechpartner_kontakt .adresse{ color:var(--color-marine-blau); padding-bottom:10px} .component_ansprechpartner_kontakt .standort_telefon{ color:var(--color-marine-blau)} .component_ansprechpartner_kontakt .standort_telefon a,.component_ansprechpartner_kontakt .standort_telefon a:link,.component_ansprechpartner_kontakt .standort_telefon a:visited,.component_ansprechpartner_kontakt .standort_telefon a:focus,.component_ansprechpartner_kontakt .standort_telefon a:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt .standort_telefon a:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort_mail{ color:var(--color-marine-blau)} .component_ansprechpartner_kontakt .standort_mail a,.component_ansprechpartner_kontakt .standort_mail a:link,.component_ansprechpartner_kontakt .standort_mail a:visited,.component_ansprechpartner_kontakt .standort_mail a:focus,.component_ansprechpartner_kontakt .standort_mail a:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt .standort_mail a:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort_route{ margin-top:10px} .component_ansprechpartner_kontakt .standort_route:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort_route.arrow_button:after{ top:1px} .component_ansprechpartner_kontakt .weitere_infos{ margin-top:20px; position:relative; z-index:11; border-bottom:1px solid var(--color-hebel-gelb)} .component_ansprechpartner_kontakt .weitere_infos:after{ content:""; position:absolute; bottom:-3px; left:0; width:100px; border-top:2px solid var(--color-hebel-gelb)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title{ display:block; font-family:JagerlayBlack,Arial,sans-serif; font-size:16px; line-height:20px; color:var(--color-hebel-blau); cursor:pointer; padding:15px 40px 15px 0; position:relative; box-sizing:border-box; border-top:1px solid var(--color-hebel-gelb); z-index:1} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title:hover{ opacity:.8} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title:before{ content:""; position:absolute; top:0; left:0; width:100px; border-top:2px solid var(--color-hebel-gelb)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title:after{ content:""; position:absolute; top:50%; right:0; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title.active:after{ transform:rotate(180deg)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_text{ display:none} .component_ansprechpartner_kontakt .weitere_infos .other_person{ display:block; padding-bottom:20px; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px} .component_ansprechpartner_kontakt .weitere_infos .other_person>*{ display:block} .component_ansprechpartner_kontakt .weitere_infos .other_person a{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif} .component_ansprechpartner_kontakt .weitere_infos .other_person a:hover{ font-weight:bold} .component_ansprechpartner_kontakt .weitere_infos .other_person_standort,.component_ansprechpartner_kontakt .weitere_infos .other_standort{ display:block; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px; padding-bottom:10px} .component_ansprechpartner_kontakt .weitere_infos .other_person_standort>*,.component_ansprechpartner_kontakt .weitere_infos .other_standort>*{ display:block} .component_ansprechpartner_kontakt .weitere_infos .other_person_standort>.standort_route,.component_ansprechpartner_kontakt .weitere_infos .other_standort>.standort_route{ display:inline-block} .component_ansprechpartner_kontakt .weitere_infos .other_standort{ padding-bottom:30px} .module_ansprechpartner{ width:100%; margin:0 auto; box-sizing:border-box; max-width:1244px; padding:0 40px} .module_ansprechpartner a:hover{ font-weight:bold} .module_ansprechpartner .standort_container{ display:flex; width:100%; flex-flow:nowrap; margin-bottom:24px} .module_ansprechpartner .standort_anchor{ margin-top:-130px} .module_ansprechpartner .standort_infosbox{ position:relative; display:block; width:32%; margin-right:1%; background-color:var(--color-hellgrau1); color:var(--color-hebel-blau)} .module_ansprechpartner .standort_image{ display:block; position:relative} .module_ansprechpartner .standort_image img{ display:block; width:100%} .module_ansprechpartner .standort_infos{ padding:30px 20px} .module_ansprechpartner .standort_infos>*{ display:block} .module_ansprechpartner .standort_name2{ padding-top:5px} .module_ansprechpartner .standort_address{ padding:20px 0; color:var(--color-marine-blau)} .module_ansprechpartner .standort_route{ margin-top:10px} .module_ansprechpartner .standort_tel>*:first-child,.module_ansprechpartner .standort_fax>*:first-child,.module_ansprechpartner .standort_mail>*:first-child{ display:inline-block; color:var(--color-marine-blau); padding-right:5px} .module_ansprechpartner .standort_mapbox{ display:block; width:66%; margin-left:1%; position:relative; min-height:560px; background-color:var(--color-hellgrau1)} .module_ansprechpartner .standort_map{ height:100%; position:relative} .module_ansprechpartner .standort_map>a{ position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-position:center; background-size:cover} .module_ansprechpartner #standort_map_1>a{ background-image:url(/images/maps/standort_memmingen.jpg)} .module_ansprechpartner #standort_map_2>a{ background-image:url(/images/maps/standort_muenchen.jpg)} .module_ansprechpartner #standort_map_3>a{ background-image:url(/images/maps/standort_ravensburg.jpg)} .module_ansprechpartner .openings_ansprechpartner_container{ margin-bottom:48px; padding:20px 0} .module_ansprechpartner .open_button{ display:block; cursor:pointer; text-align:center; padding-bottom:10px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center bottom transparent; background-size:16px 10px; color:var(--color-hebel-blau)} .module_ansprechpartner .open_button:hover{ font-weight:bold} .module_ansprechpartner .openings_ansprechpartner_container.active .open_button{ display:none} .module_ansprechpartner .close_button{ display:none; cursor:pointer; text-align:center; height:30px; position:relative} .module_ansprechpartner .close_button:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-8px; width:16px; height:10px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center bottom transparent; background-size:16px 10px; transform:rotate(180deg)} .module_ansprechpartner .close_button:hover{ font-weight:bold} .module_ansprechpartner .openings_ansprechpartner_container.active .close_button{ display:block} .module_ansprechpartner .openings_ansprechpartner_box{ display:none} .module_ansprechpartner .openings_ansprechpartner_container.active .openings_ansprechpartner_box{ display:block} .module_ansprechpartner .ansprechpartner_title{ display:block; padding-bottom:20px} .module_ansprechpartner .standort_ansprechpartner{ display:block; padding:0 20px; box-sizing:border-box; vertical-align:top} .module_ansprechpartner .standort_bereich{ position:relative; z-index:1; border-bottom:1px solid var(--color-hebel-gelb)} .module_ansprechpartner .standort_bereich:after{ content:""; position:absolute; bottom:-4px; left:0; width:200px; border-top:3px solid var(--color-hebel-gelb)} .module_ansprechpartner .ansprechpartner_list .standort_bereich:first-child{ border-top:1px solid var(--color-hebel-gelb)} .module_ansprechpartner .ansprechpartner_list .standort_bereich:first-child:before{ content:""; position:absolute; top:0; left:0; width:200px; border-top:3px solid var(--color-hebel-gelb)} .module_ansprechpartner .bereich_title{ display:block; padding:10px 40px 10px 0; cursor:pointer; color:var(--color-marine-blau)} .module_ansprechpartner .bereich_title:hover{ font-weight:bold} .module_ansprechpartner .bereich_button{ position:absolute; top:25px; right:0; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .module_ansprechpartner .bereich_active .bereich_button{ transform:rotate(180deg)} .module_ansprechpartner .bereich_funktionen{ padding-top:20px; display:flex; flex-wrap:wrap; vertical-align:top} .module_ansprechpartner .bereich_funktionen_outer{ display:none} .module_ansprechpartner .bereich_funktion{ width:33.33%; height:auto; box-sizing:border-box; padding-right:24px} .module_ansprechpartner .bereich_funktionen.bereich_funktionen_1 .bereich_funktion{ width:100%} .module_ansprechpartner .funktion_title{ display:block; padding-bottom:10px; font-weight:bold} .module_ansprechpartner .funktion_personen{ padding-bottom:10px; display:block} .module_ansprechpartner .funktion_person{ padding-bottom:10px; display:block} .module_ansprechpartner .funktion_person>*{ display:block} .module_ansprechpartner .person_tel span:first-child,.module_ansprechpartner .person_mail span:first-child{ display:inline-block; padding-right:5px} @media only screen and (max-width:1024px){ .module_ansprechpartner{ padding:0 10px} .module_ansprechpartner .bereich_funktion{ width:50%} } @media only screen and (max-width:768px){ .module_ansprechpartner .standort_container{ display:block} .module_ansprechpartner .standort_infosbox{ display:block; width:auto; margin:0 0 20px 0} .module_ansprechpartner .standort_mapbox{ display:none} .module_ansprechpartner .standort_ansprechpartner{ display:block; width:auto; margin:0; min-height:auto} .module_ansprechpartner .standort_map{ height:400px} } @media only screen and (max-width:640px){ .module_ansprechpartner .ansprechpartner_title{ padding-bottom:10px} .module_ansprechpartner .bereich_funktion{ width:100%} }