#top_menu_button{ width:40px; height:40px; display:inline-block; position:absolute; left:30px; top:10px; background-color:#495561; transition:background-color .3s; border-radius:6px} #top_menu_button:hover{ background-color:#566573} @media screen and (max-width:1024px){ #top_menu_button{ left:20px} } .navi_open #top_menu_button{ background-color:var(--color-reisacher-saphir-i)} #top_menu_button .sw-button{ position:absolute; top:13px; left:11px; width:18px; height:14px} #top_menu_button .sw-button::before,#top_menu_button .sw-button::after,#top_menu_button .sw-button span::before{ content:""; border-bottom:2px solid var(--color-reisacher-saphir-i); transition:background-color .3s; position:absolute; left:0; width:100%} .navi_open #top_menu_button .sw-button::before,.navi_open #top_menu_button .sw-button::after,.navi_open #top_menu_button .sw-button span::before{ border-bottom-color:var(--color-reisacher-saphir-vii)} #top_menu_button .sw-button::before{ top:0; transition-property:top,transform; transition-duration:.3s,.3s; transition-delay:.3s,0s} #top_menu_button .sw-button::after{ bottom:0; transition-property:bottom,transform; transition-duration:.3s,.3s; transition-delay:.3s,0s} #top_menu_button .sw-button span::before{ transition:opacity .3s} #top_menu_button .sw-button span::before{ top:50%; margin-top:-1px} .navi_open #top_menu_button .sw-button::before{ top:50%; transform:rotate(45deg); transition-delay:0s,.3s} .navi_open #top_menu_button .sw-button::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s,.3s} .navi_open #top_menu_button .sw-button span::before{ opacity:0} div.component_top{ height:40px; vertical-align:middle; padding-left:60px; font-family:"aktiv-grotesk-extended",sans-serif; font-size:18px; line-height:26px; letter-spacing:-0.5px; white-space:nowrap} div.component_top>*{ vertical-align:middle} @media screen and (max-width:640px){ div.component_top{ padding-left:50px; font-size:16px; line-height:24px} } @media screen and (max-width:480px){ div.component_top{ font-size:14px; line-height:22px} } div.component_top,div.component_top a{ color:var(--color-reisacher-saphir-i)} div.component_top a.reisacher{ font-weight:bold; display:inline-block; padding:7px 4px 2px 2px; border-radius:6px; background-repeat:no-repeat; background-position:center; background-size:contain} @media screen and (max-width:640px){ div.component_top a.reisacher svg{ display:none} div.component_top a.reisacher{ width:40px; height:40px; padding:0; background-image:url(/images/logo/reisacher_white.svg)} } div.component_top span.top_title{ display:none} @media screen and (max-width:640px){ div.component_top span.top_title{ display:inline} } .navi_open div.component_top span.top_title span.sitename{ display:none} div.component_top span.top_title span.menutext{ display:none} .navi_open div.component_top span.top_title span.menutext{ display:inline} .layout_2 .component_top,.layout_2 .component_top a{ color:#f2f5fa} .component_213{ max-width:var(--content-max-width); margin:0 auto; padding:20px} .accessibility-switcher .btn-accessibility{ font-family:"aktiv-grotesk",sans-serif; line-height:40px; padding:0 20px 0 35px !important; transition:.3s top; border:none; border-radius:6px !important; background-image:url("/images/icons/accessibility_icon_White.svg") !important; background-position:10px center !important} .accessibility-switcher .btn-accessibility,.accessibility-switcher .btn-accessibility:hover{ color:#fff} .accessibility-switcher .btn-accessibility.active{ color:var(--color-reisacher-pyrit); background-image:url("/images/icons/accessibility_icon_White-negativ.svg") !important} @media only screen and (max-width:1100px){ .accessibility-switcher .btn-accessibility{ padding:0 0 0 40px !important; text-indent:-9999px} } @media only screen and (max-width:1024px){ .accessibility-switcher body.scroll_down .btn-accessibility{ top:-100px} } .accessibility-switcher .accessibility-popup-wrapper{ position:fixed; z-index:999; top:0; right:0; bottom:0; left:0; padding:20px; background-color:rgba(0,0,0,.4)} .accessibility-switcher .accessibility-popup{ position:relative; top:50%; max-width:500px; margin:0 auto; padding:20px; transform:translateY(-50%); color:var(--color-reisacher-saphir-text); border-radius:15px; background-color:#efefef} .accessibility-switcher .accessibility-popup-title{ font:30px/40px var(--h1-font-family)} .accessibility-switcher .accessibility-mode{ display:flex; padding-top:20px; padding-bottom:20px; gap:20px} .accessibility-switcher .accessibility-mode-onoffswitch{ line-height:24px; position:relative; display:block; overflow:hidden; width:50px; min-width:50px; height:30px; padding:0; cursor:pointer; transition:.1s ease-in; border:2px solid gray; border-radius:24px !important; background-color:gray} .accessibility-switcher .accessibility-mode-onoffswitch::before{ position:absolute; top:0; right:18px; bottom:0; display:block; width:20px; margin:0; content:""; transition:all .1s ease-in 0s; border:4px solid gray; border-radius:20px; background:#fff} .accessibility-switcher .accessibility-mode-onoffswitch.on{ background-color:#3da800} .accessibility-switcher .accessibility-mode-onoffswitch.on::before{ right:0; border-color:#3da800} .accessibility-switcher .accessibility-mode-title{ font-weight:bold} .accessibility-switcher .accessibility-mode-description{ font:17px/21px var(--text-font-family)} .accessibility-switcher .btn-accessibility-statement{ display:inline-block; box-sizing:border-box; padding:9px 15px; transition:.3s background-color,.3s color; border:1px solid var(--color-reisacher-saphir-text); border-radius:6px} .accessibility-switcher .btn-accessibility-statement,.accessibility-switcher .btn-accessibility-statement:visited,.accessibility-switcher .btn-accessibility-statement:active{ color:var(--color-reisacher-saphir-text)} .accessibility-switcher .btn-accessibility-statement:hover{ opacity:.8} .accessibility-switcher .accessibility-popup-close{ position:absolute; top:-35px; right:5px; width:29px; height:29px; padding:unset; cursor:pointer; border:none; border-radius:50%; background:url(/images/icons/ionic-ios-close-circle.svg) no-repeat center transparent} .accessibility-switcher .accessibility-popup-close:hover{ opacity:.8} .component_standort_infos{ position:absolute; bottom:0; right:80px; padding:10px 0 10px 10px; font-family:"aktiv-grotesk",sans-serif} .component_standort_infos b,.component_standort_infos td{ font-family:inherit} @media screen and (max-width:1024px){ .component_standort_infos{ right:70px} } @media screen and (min-width:1730px){ .component_standort_infos{ right:30px} } body[data-pos-channel] .component_standort_infos{ display:none !important} .component_standort_infos ul{ margin:0; padding:0; list-style-type:none; background:none} .component_standort_infos ul li{ vertical-align:bottom; display:inline-block; margin:0; padding-right:17px; position:relative} .component_standort_infos ul li .headline_desc{ position:relative; font-size:14px; line-height:40px; color:var(--color-reisacher-saphir-i); padding-left:20px} .component_standort_infos ul li .headline_desc:after{ content:""; position:absolute; background-size:contain; background-repeat:no-repeat; left:0; top:20%} .component_standort_infos ul li .headline{ position:relative; font-size:14px; line-height:40px; font-weight:bold; color:var(--color-reisacher-saphir-i); padding-right:16px; white-space:nowrap} .component_standort_infos ul li .headline:after{ content:""; position:absolute; right:-3px; top:50%; margin-top:-4px; background-image:url("/images/icons/arrow_right_F2F5FA.svg"); transform:rotate(90deg) scaleX(1); transition:transform .3s; width:6px; height:10px} .component_standort_infos ul li .list_opened .headline:after{ transform:rotate(90deg) scaleX(-1)} @media screen and (max-width:1280px){ .component_standort_infos ul li:not(.standort_zeiten) .headline_desc{ display:none} .component_standort_infos ul li:not(.standort_zeiten) .headline{ padding-left:20px} } @media screen and (max-width:1024px){ .component_standort_infos ul li:not(.standort_name) .headline_desc,.component_standort_infos ul li:not(.standort_name) .headline{ display:none} } .component_standort_infos ul li.standort_name img{ width:16px; height:20px} .component_standort_infos ul li.standort_zeiten img{ width:18px; height:18px} .component_standort_infos ul li.standort_telefon img{ width:13px; height:13px} @media screen and (min-width:1025px){ .component_standort_infos ul li.standort_telefon>a{ width:175px} } @media screen and (min-width:1281px){ .component_standort_infos ul li.standort_telefon>a{ width:235px} } .component_standort_infos ul li.standort_service_termin{ display:none} .component_standort_infos ul li.standort_service_termin>a{ background-size:19px} .component_standort_infos ul li.standort_service_termin>a>span{ display:none} @media screen and (max-width:768px){ .component_standort_infos ul li.standort_service_termin{ display:inline-block} } .component_standort_infos>ul>li{ padding:0; margin-left:4px} .component_standort_infos>ul::before{ position:absolute; top:0; right:-80px; left:12px; height:60px; content:""; background:var(--color-reisacher-saphir-vii)} .component_standort_infos>ul::after{ position:absolute; top:0; left:-26px; display:inline-block; width:40px; height:60px; margin-right:-8px; content:""; background:linear-gradient(270deg, var(--color-reisacher-saphir-vii) 31.25%, rgba(54, 65, 76, 0) 100%)} .component_standort_infos>ul>li>a,.component_standort_infos>ul>li>div>button{ display:inline-flex; align-items:baseline; height:40px; min-width:40px; box-sizing:border-box; cursor:pointer; padding:0 16px; background-repeat:no-repeat; background-position:12px center; background-color:#495561; border-radius:6px; transition:background-color .3s} .component_standort_infos>ul>li>a:hover,.component_standort_infos>ul>li>a.list_opened,.component_standort_infos>ul>li>div>button:hover,.component_standort_infos>ul>li>div>button.list_opened{ background-color:#566573} @media screen and (max-width:1024px){ .component_standort_infos>ul>li>a,.component_standort_infos>ul>li>div>button{ display:block} } ul.standort_select_list,#standort_zeiten_list,#standort_tel_list{ position:absolute; z-index:1; width:100%; right:0; overflow:hidden; border:none; margin-top:16px} #standort_zeiten_list{ min-width:200px} #standort_tel_list{ min-width:200px} ul.standort_select_list{ width:auto; min-width:170px; overflow:visible} ul.standort_select_list>li{ position:static; display:block; padding:0; white-space:nowrap; cursor:pointer; background-color:#495561; transition:background-color .3s; border-radius:6px; margin-bottom:2px} ul.standort_select_list>li:hover{ background-color:#566573} ul.standort_select_list>li.standort_selected{ background-color:#566573; cursor:auto} ul.standort_select_list>li a{ font-size:15px; color:var(--color-reisacher-saphir-i)} ul.standort_select_list>li>a{ letter-spacing:.05em; line-height:25px; display:block; position:relative; padding:5px 25px 5px 40px} @media screen and (max-width:1024px){ ul.standort_select_list>li>a{ line-height:35px} } ul.standort_select_list>li>a::before{ content:""; position:absolute; width:12px; height:12px; left:16px; top:50%; margin-top:-6px; border-radius:50%; border:1.5px solid #fff; box-sizing:border-box; transition:background-color .3s} ul.standort_select_list>li.standort_selected>a::before{ background-color:var(--color-reisacher-pyrit)} @media screen and (min-width:1025px){ ul.standort_select_list>li.standort_selected>a::after{ content:""; position:absolute; right:10px; top:12px; width:7px; height:14px; background-image:url(/images/icons/arrow_right_F2F5FA_sharp.svg); background-repeat:no-repeat; background-size:contain} } ul.standort_select_list>li>div{ display:none; position:absolute; left:100%; top:0; height:calc(100% - 2px); padding:15px; box-sizing:border-box; line-height:20px; margin-left:8px; border-radius:6px; color:var(--color-reisacher-saphir-i); background-color:#566573} @media screen and (min-width:1025px){ ul.standort_select_list>li.standort_selected>div{ display:block} } #standort_zeiten_list>div,#standort_zeiten_list td,#standort_tel_list>div{ color:var(--color-reisacher-saphir-i); font-size:14px; line-height:18px} #standort_zeiten_list h3,#standort_tel_list h3{ font-family:"aktiv-grotesk-extended",sans-serif; font-weight:bold; font-size:14px; line-height:18px; text-transform:none; padding:10px 12px; color:var(--color-reisacher-saphir-i); background-color:var(--color-reisacher-saphir-vii); border-radius:6px; margin-bottom:4px} #standort_zeiten_list>div{ display:none; padding:0} #standort_zeiten_list>div.standort_selected{ display:block} #standort_zeiten_list>div>span{ display:block; padding:12px 12px; border-radius:6px; margin-bottom:4px; background-color:#495561; transition:background-color .3s} #standort_zeiten_list>div>span:hover{ background-color:#566573} #standort_zeiten_list td{ padding:3px 20px 0 0; white-space:nowrap} .component_standort_infos a.button_hotline{ font-size:16px; line-height:18px; font-weight:bold; color:var(--color-reisacher-saphir-i); display:block; padding:10px 15px 10px 60px; background:url(/images/icons/btn_phone_white.svg) no-repeat 20px #006ab3; background-size:32px 32px} .component_standort_infos a.button_hotline span:nth-child(1){ text-transform:uppercase} .component_standort_infos a.button_hotline span:nth-child(2){ color:var(--color-reisacher-saphir-iv); letter-spacing:-0.2px} .component_standort_infos a.button_hotline span{ display:block; white-space:nowrap} #standort_tel_list>div{ display:none; padding:0} #standort_tel_list>div.standort_selected{ display:block} #standort_tel_list>div.standort_selected>*{ white-space:nowrap} #standort_tel_list .tels_group{ padding:12px 12px; margin-bottom:4px; border-radius:6px; background-color:#495561; transition:background-color .3s} #standort_tel_list .tels_group:hover{ background-color:#566573} #standort_tel_list .tels_group.verkauf-direktdurchwahlen{ padding:0} #standort_tel_list .tels_group.verkauf-direktdurchwahlen a:link,#standort_tel_list .tels_group.verkauf-direktdurchwahlen a:hover,#standort_tel_list .tels_group.verkauf-direktdurchwahlen a:visited{ display:inline-block; color:inherit; padding:12px 12px; font-weight:bold} #standort_tel_list .tels_group .group_openings{ display:none} #standort_tel_list .tels_group .group_openings,#standort_tel_list .tels_group .group_openings td{ color:var(--color-reisacher-saphir-iv)} #standort_tel_list .tels_group .group_openings td:first-child{ padding-right:15px} #standort_select_container{ display:none; width:100%; position:fixed; left:0; margin-top:10px; background-color:var(--color-reisacher-saphir-v, #526375); box-shadow:0 5px 5px rgba(0,0,0,.4)} div#standort_select_container::after{ content:""; display:block; position:absolute; top:0; left:50%; bottom:0; background-color:var(--color-reisacher-saphir-vi); z-index:2; right:0} #standort_select_container>ul{ max-width:1300px; margin:0 auto; background-color:var(--color-reisacher-saphir-vi); position:relative} #standort_select_container>ul>li{ display:block; width:300px; padding-right:0; background-color:var(--color-reisacher-saphir-v); position:static; box-sizing:border-box} #standort_select_container>ul>li:first-child{ padding-top:68px; border-top-right-radius:8px} #standort_select_container>ul>li:last-child{ padding-bottom:68px; border-bottom-right-radius:8px} #standort_select_container>ul>li>label{ display:block; width:100%; box-sizing:border-box; padding-left:40px} #standort_select_container>ul>li>label>a{ padding:10px 0; display:block; color:var(--color-reisacher-saphir-iv); font-weight:normal; font-size:17px} #standort_select_container>ul>li:hover>label>a,#standort_select_container>ul>li.active>label>a{ color:var(--color-reisacher-saphir-i)} #standort_select_container .checkmark{ border-color:var(--color-reisacher-saphir-i); top:50%} #standort_select_container label.radio:hover .checkmark{ background-color:rgba(0,94,168,.5)} #standort_select_container .checkmark::after{ display:none} #standort_select_container div.standort_details{ visibility:hidden; position:absolute; left:300px; top:0; background-color:var(--color-reisacher-saphir-vi); padding:40px; z-index:3} #standort_select_container div.standort_details,#standort_select_container div.standort_details td{ color:var(--color-reisacher-saphir-i); font-size:15px; line-height:21px} #standort_select_container li.active div.standort_details{ visibility:visible} #standort_select_container div.standort_details>div{ display:table-cell; width:250px} #standort_select_container div.standort_details h3{ color:var(--color-reisacher-saphir-i); font-size:inherit; line-height:inherit; text-transform:inherit; font-weight:bold; margin-bottom:20px} #standort_select_container div.standort_details .standort_select{ display:none} #standort_select_container div.standort_details a{ color:var(--color-reisacher-saphir-iv)} #standort_tel_list a[href^="tel:"],#standort_select_container div.standort_details a.normal_text,#standort_select_container div.standort_details a[href^="tel:"]{ color:var(--color-reisacher-saphir-i)} #standort_select_container div.standort_details ul.liste li,#standort_select_list ul.liste li{ padding-left:12px; padding-right:0; display:block} #standort_select_container div.standort_details ul.liste li:before,#standort_select_list ul.liste li:before{ top:50%; transform:translateY(-50%); border-left-color:var(--color-reisacher-saphir-iv)} #standort_select_container div.standort_details_openings table,#standort_select_container div.standort_details_service_tels .tels_group{ margin-bottom:20px} #standort_select_container div.standort_details_openings td{ padding-right:20px} #standort_select_container div.standort_details>div.standort_details_links{ width:200px} @media screen and (min-width:1280px){ .component_standort_infos ul li #standort_opening.list_opened .text2:after{ content:""; display:block !important; position:absolute; right:4px; top:-2px; background:url("/images/icons/arrow_right_E6EDF2.svg"); background-size:contain; transform:rotate(-90deg); width:7.5px; height:13px} } @media screen and (max-width:1360px){ #standort_select_container>ul{ max-width:100%} #standort_select_container>ul>li{ padding-left:30px} } @media screen and (max-width:1025px){ #standort_select_list2{ position:fixed; z-index:11; margin:0; left:0; bottom:0; transition:.4s; transform:translateY(100%)} #standort_select_list2.opened{ bottom:77px; transform:translateY(0); transition-delay:.1s} ul#standort_select_list2.standort_select_list li{ padding:0 15px; background-color:#3e3d40 !important} } @media screen and (max-width:768px){ div.component_standort_infos>ul>li:not(:first-child){ display:none} .navi_open div.component_standort_infos{ position:fixed; left:0; right:0; bottom:0; width:100%; z-index:1000; border-top:1px solid var(--color-reisacher-saphir-i); animation-name:animateComponentStandortInfosNaviOpen; animation-duration:.5s; box-sizing:border-box; padding:0; background-color:var(--color-reisacher-saphir-v)} .navi_open div.component_standort_infos>ul{ padding:4px; display:flex; flex-direction:row-reverse} .navi_open div.component_standort_infos>ul>li:not(:first-child){ display:block} @keyframes animateComponentStandortInfosNaviOpen{ 0%{ transform:translateY(100%)} 100%{ transform:translateY(0%)} } .component_standort_infos ul li{ padding-right:0} .component_standort_infos ul li .headline{ display:none} .component_standort_infos ul li .text:after{ top:auto; bottom:-2px; transform:rotate(135deg)} .component_standort_infos ul li .text2:after{ content:""; position:absolute; right:4px; top:-2px; display:block !important; width:10px; height:10px; border-left:1px solid var(--color-reisacher-saphir-i); border-bottom:1px solid var(--color-reisacher-saphir-i); transform:rotate(-45deg)} .component_standort_infos li.standort_name{ max-width:160px} .component_standort_infos ul li.standort_name .list_opened .text2{ padding-right:29px} .component_standort_infos li.standort_telefon{ height:100%; min-width:40px; box-sizing:border-box} .component_standort_infos>ul>li>a,.navi_open .component_standort_infos>ul>li>div>button{ padding:15px 0 15px 20px; background-color:var(--color-reisacher-saphir-iv)} .component_standort_infos>ul>li>a:hover,.navi_open .component_standort_infos>ul>li>div>button:hover{ background-color:var(--color-reisacher-saphir-iv)} .component_standort_infos>ul>li>a.list_opened,.navi_open .component_standort_infos>ul>li>div>button:hover{ background-color:#92a4b5; padding-right:5px} .component_standort_infos li.standort_telefon>a{ box-sizing:border-box; position:absolute; width:100%} ul.standort_select_list,#standort_zeiten_list,#standort_tel_list{ bottom:calc(100% + 5px)} ul.standort_select_list{ margin-bottom:2px} #standort_tel_list{ right:0; left:auto} #standort_tel_list>div{ line-height:26px} } @media screen and (max-width:480px){ #standort_select_list2.opened{ bottom:63px} } @media screen and (max-width:360px){ #standort_select_list2.opened{ bottom:51px} } @media print{ .component_standort_infos{ display:none !important} } :root{ --navi-topsites-height:48px} body{ --navi-button-hover-background-color:var(--marke-main-color); --navi-button-hover-text1-color:white; --navi-button-hover-text2-color:rgb(198, 199, 200)} body[data-navi-root="2000"]{ --navi-button-hover-text1-color:var(--color-reisacher-saphir-vii); --navi-button-hover-text2-color:var(--color-reisacher-saphir-v)} div.component_navi{ background-color:var(--color-reisacher-saphir-i); position:fixed; left:0; right:0; z-index:99} @media only screen and (min-width:1025px){ div.component_navi{ top:60px} } body[data-pos-channel] div.component_navi{ display:none !important} div.component_navi div.contact_buttons{ max-width:1660px; margin:0 auto} @media screen and (min-width:2125px){ div.component_navi div.contact_buttons{ max-width:80vw} } div.component_navi div.navi_wrapper{ box-sizing:border-box; height:100%; position:relative} div.component_navi div.navi_wrapper ul.navigation,div.component_navi div.navi_wrapper .navi_topsites>ul{ max-width:1660px; margin:0 auto; height:calc(100% - 168px); padding-left:30px; padding-right:30px; box-sizing:border-box} @media screen and (min-width:2125px){ div.component_navi div.navi_wrapper ul.navigation,div.component_navi div.navi_wrapper .navi_topsites>ul{ max-width:80vw} } @media screen and (max-width:1280px){ div.component_navi div.navi_wrapper ul.navigation,div.component_navi div.navi_wrapper .navi_topsites>ul{ height:calc(100% - 130px)} } @media screen and (min-width:1025px)and (max-height:815px){ div.component_navi div.navi_wrapper ul.navigation,div.component_navi div.navi_wrapper .navi_topsites>ul{ height:calc(100% - 130px)} } @media screen and (max-width:1024px){ div.component_navi div.navi_wrapper ul.navigation,div.component_navi div.navi_wrapper .navi_topsites>ul{ padding:0 20px} } @media screen and (min-width:1025px){ .navi_open div.component_navi div.navi_wrapper::before{ content:""; position:absolute; top:var(--navi-topsites-height); left:0; width:100%; height:4px; background-color:var(--marke-main-color)} } div.component_navi,div.component_navi a{ color:var(--color-reisacher-saphir-vii); font-size:16px; line-height:18px; font-family:aktiv-grotesk,sans-serif; letter-spacing:0} div.component_navi ul,div.component_navi li{ list-style-type:none; margin:0; padding:0} div.component_navi .contact_buttons{ padding-left:30px; padding-right:30px; padding-top:22px; box-sizing:border-box} @media screen and (min-width:1025px)and (max-height:815px){ div.component_navi .contact_buttons{ padding-top:14px} } @media screen and (max-width:1280px){ div.component_navi .contact_buttons{ padding-top:14px} } header.page_area{ z-index:1001 !important} nav.page_area{ transition:background-color .5s; background-color:rgba(0,0,0,0)} @media only screen and (min-width:1025px){ nav.page_area{ height:48px} } .navi_open header.page_area,.navi_open nav.page_area{ width:100%; z-index:1000} .navi_open nav.page_area{ position:fixed; height:100%; opacity:1; background-color:rgba(54,65,77,.4)} .navi_open main.page_area{ padding-top:var(--navi-topsites-height)} .navi_open div.component_navi{ height:755px; box-shadow:0 5px 5px rgba(54,65,77,.4)} @media screen and (min-width:1025px){ .navi_open div.component_navi{ max-height:calc(100vh - 60px)} } @keyframes button-fade-in{ from{ opacity:0; transform:scale(1.16)} to{ opacity:1; transform:scale(1)} } div.navi_footer{ position:absolute; left:0; bottom:0; width:100%; display:none; background-color:var(--color-reisacher-saphir-iv); height:100px; text-align:right} body.a11y div.navi_footer{ background-color:var(--color-reisacher-saphir-v)} .navi_open div.navi_footer{ display:block} @media screen and (max-width:1280px){ div.navi_footer{ height:80px} } @media screen and (min-width:1025px)and (max-height:815px){ div.navi_footer{ height:80px} } @media screen and (max-width:1024px){ div.navi_footer{ display:none} } div.navi_footer a{ transform:perspective(1px) translateZ(0); transition-duration:.2s; transition-property:background-color; opacity:0; backface-visibility:hidden; -webkit-font-smoothing:subpixel-antialiased; will-change:transform,opacity; animation-name:button-fade-in; animation-duration:.65s; animation-timing-function:ease-in-out; animation-iteration-count:1; animation-fill-mode:forwards; text-align:left} div.navi_footer a span{ display:block; padding-left:10px; background-color:var(--color-reisacher-saphir-vii); transition-duration:.2s; transition-property:color,background-color} div.navi_footer a span:nth-child(1){ text-transform:uppercase; padding-top:10px; font-family:"aktiv-grotesk-extended",sans-serif; font-weight:bold} @media screen and (max-width:1280px){ div.navi_footer a span:nth-child(1){ padding-top:7px} } div.navi_footer a span:nth-child(2){ padding-bottom:10px; color:#c6c7c8; letter-spacing:-0.2px} @media screen and (max-width:1280px){ div.navi_footer a span:nth-child(2){ padding-bottom:7px} } div.navi_footer a:link,div.navi_footer a:visited,div.navi_footer a:hover{ color:#fff; display:inline-block; width:295px; box-sizing:border-box; padding-left:60px; margin-left:40px; background-size:auto 60%; background:#526273 no-repeat 10px 10px; border-radius:6px; overflow:hidden} @media screen and (max-width:1280px){ div.navi_footer a:link,div.navi_footer a:visited,div.navi_footer a:hover{ width:285px} } div.navi_footer a:hover{ color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-saphir-vi)} div.navi_footer a:hover span{ color:var(--navi-button-hover-text1-color); background-color:var(--navi-button-hover-background-color)} div.navi_footer a:hover span:nth-child(2){ color:var(--navi-button-hover-text2-color)} div.navi_footer a.button_service{ background-image:url(/images/icons/ico_service3_F2F5FA.svg); background-size:34px 32px; background-position:12px; animation-delay:.125s} div.navi_footer a.button_anfahrt{ background-image:url(/images/icons/ico_route_F2F5FA.svg); background-size:32px 32px; background-position:15px; animation-delay:.45s} div.navi_footer a.button_callback{ background-image:url(/images/icons/ico_callback_F2F5FA.svg); background-size:25px 25px; background-position:18px; animation-delay:.775s} div.navi_footer a:first-of-type{ margin-left:0} div.navi_footer .navi_footer_text{ position:absolute; text-align:left; font-size:18px; line-height:140%; color:var(--color-reisacher-saphir-i); cursor:default; user-select:none} div.navi_footer .navi_footer_text>div:first-child,div.navi_footer .navi_footer_text>div:first-child *{ font-family:"aktiv-grotesk-extended",sans-serif} body.a11y div.navi_footer .navi_footer_text{ color:#fff} @media screen and (max-width:1280px){ div.navi_footer .navi_footer_text{ display:none} } .navi_topsites{ white-space:nowrap; background-color:var(--color-reisacher-saphir-v)} .navi_topsites,.navi_topsites>ul{ width:auto; height:var(--navi-topsites-height)} .navi_topsites>ul{ padding-top:3px} .navi_topsites li{ display:inline-block; padding-right:24px !important} .navi_topsites li:first-child{ width:0; padding-right:0 !important; opacity:0; transition-property:width,opacity; transition-duration:.5s} body.navi_open .navi_topsites li:first-child{ width:62px; opacity:1} .navi_topsites li a{ display:block; position:relative; line-height:32px; padding:0 6px; opacity:.5; transition:opacity .4s} .navi_topsites li a.navi_topsite_209{ padding-left:0} .navi_topsites li a span{ display:block; padding:8px 0; position:relative} .navi_topsites li a span::after{ content:""; position:absolute; left:50%; bottom:-14px; width:0; height:0; margin-left:-7px; border:7px solid transparent; border-top-color:var(--marke-main-color); opacity:0; transition:bottom .3s} .navi_topsites li a.active,.navi_topsites li a:hover,.navi_topsites li a:focus{ opacity:1} .navi_open .navi_topsites li a.active span::after{ opacity:1; bottom:-17px} .navi_topsites li:last-child a{ padding-right:0} .navi_topsites img{ height:40px; vertical-align:middle} .navi_topsites .navi_topsite_1 img{ height:32px} .navi_topsites .navi_topsite_320 img{ height:20px} .navi_topsites .navi_topsite_30 img{ height:24px; width:55px} .navi_topsites .navi_topsite_209 img{ height:18px} .navi_topsites .navi_topsite_1254 img{ height:32px} .navi_topsites .navi_topsite_546 img{ height:14px; image-rendering:-webkit-optimize-contrast} .navi_topsites .navi_topsite_1630 img{ height:11px; width:57px} .navi_topsites .navi_topsite_2000 img{ height:23px} li.navi_level_2{ width:212px} li.navi_level_2>a{ background-color:rgba(233,238,242,.6); display:block; padding:11px 0 11px 16px; position:relative; z-index:1001; margin-bottom:4px; box-sizing:border-box; color:var(--color-reisacher-saphir-iv); font-size:18px} li.navi_level_2>a:not(.navi_back_link){ border-radius:6px} li.navi_level_2>a::after{ content:""; position:absolute; top:14px; right:50px; transition:right .5s,opacity .5s; opacity:0} body.a11y li.navi_level_2>a{ color:var(--color-reisacher-saphir-vi)} li.navi_level_2>a:hover,li.navi_level_2.navi_hover>a{ background-color:var(--color-reisacher-saphir-iv); color:var(--color-reisacher-saphir-i) !important} body.a11y li.navi_level_2>a:hover,body.a11y li.navi_level_2.navi_hover>a{ background-color:var(--color-reisacher-saphir-vi)} @media screen and (min-height:1025px){ li.navi_level_2>a:hover.navi_has_children:not(.navi_overview_link),li.navi_level_2.navi_hover>a.navi_has_children:not(.navi_overview_link){ width:243px} li.navi_level_2>a:hover.navi_has_children:not(.navi_overview_link)::after,li.navi_level_2.navi_hover>a.navi_has_children:not(.navi_overview_link)::after{ background-image:url(/images/icons/arrow_right_F2F5FA_sharp.svg); background-repeat:no-repeat; background-size:contain; right:40px; width:7px; height:14px; opacity:1} } .navigation_level_2,.navigation_level_2>ul,.navigation_level_3{ height:100%} div.component_navi ul.navigation{ display:none; padding-top:24px; box-sizing:border-box; position:relative} .navi_open div.component_navi ul.navigation{ display:block} ul.navigation li>a>span br{ display:none} @media screen and (min-width:1025px){ ul.navigation .navi_level_2 li>a>span{ display:inline-block; position:relative; padding-bottom:1px} ul.navigation .navi_level_2 li>a>span::after{ content:""; position:absolute; left:0; bottom:0; width:0; border-bottom:1px solid rgba(75,75,77,.8)} ul.navigation li.navi_level_3 a>span::after{ border-bottom:1px solid rgba(75,75,77,.7)} ul.navigation li.navi_level_2.navi_hover>a>span::after,ul.navigation li>a:hover>span::after,ul.navigation li>a:focus>span::after,ul.navigation li>a.navi_active>span::after{ width:100%} ul.navigation li.navi_level_2:focus-within>a>span::after,ul.navigation li.navi_level_2>a.touch_active>span::after{ width:100%} ul.navigation li.navi_level_3 a.navi_active{ color:var(--color-reisacher-saphir-iv)} ul.navigation li.navi_level_3 a.navi_active>span::after{ border-color:var(--color-reisacher-saphir-iv)} body.a11y ul.navigation li.navi_level_3 a.navi_active{ color:var(--color-reisacher-saphir-vi)} } @media screen and (min-width:1025px){ .navigation_level_3{ opacity:0; transition:opacity .4s; pointer-events:none} } div.component_navi .navigation_level_3{ position:absolute; left:0; top:0; width:100%; height:100%; padding:24px 30px 24px 254px; z-index:1000; box-sizing:border-box} @media screen and (min-width:1025px){ .navi_open li.navi_level_2.navi_hover .navigation_level_3{ display:block; opacity:1; pointer-events:initial} li.navi_level_2:focus-within .navigation_level_3{ display:block; opacity:1; pointer-events:initial} li.navi_level_2 a.touch_active+.navigation_level_3{ display:block; opacity:1; pointer-events:initial} } div.component_navi .navigation_level_3>ul{ height:100%; padding:36px 54px; box-sizing:border-box; position:relative} @media screen and (min-width:1025px){ div.component_navi .navigation_level_3>ul{ columns:3; column-fill:auto; column-rule:1px solid var(--color-reisacher-saphir-iii); column-gap:100px; overflow:hidden; overflow-x:auto; background-color:var(--color-reisacher-saphir-ii); border-radius:6px} } div.component_navi .navigation_level_3.has_context_teaser{ padding-right:356px} div.component_navi .navigation_level_3.has_context_teaser>ul{ columns:2} @media screen and (max-width:1280px){ div.component_navi .navigation_level_3.has_context_teaser{ padding-right:30px} div.component_navi .navigation_level_3.has_context_teaser>ul{ columns:3} } .navigation_level_3 li.navi_separator{ height:0 !important; margin:0 !important; break-after:column} div.component_navi li.navi_level_3{ margin-bottom:0; display:block; break-inside:avoid; -webkit-column-break-inside:avoid; page-break-inside:avoid} div.component_navi li.navi_level_3.navi_next_has_children{ margin-bottom:20px} li.navi_level_3 a,li.navi_level_3>span{ display:inline-block; padding:5px 5px 5px 0; position:relative} li.navi_level_3>span{ cursor:default} li.navi_level_3>a,li.navi_level_3>span{ font-weight:bold} li.navi_level_3.navi_root{ height:100%} li.navi_level_4.navi_root{ position:relative} li.navi_level_4.navi_root>a::after{ content:""; position:absolute; top:10px; right:-7px; width:8px; height:8px; opacity:.1; border-left:1px solid gray; border-bottom:1px solid gray; transform:rotate(225deg); display:block; transition:right .4s,opacity .1s} li.navi_level_4.navi_root>a.navi_active::after{ right:-10px; opacity:1; transition:right .4s,opacity .4s} .navigation_level_4{ box-sizing:border-box; width:100%; margin-bottom:20px} .navigation_level_4 li,.navigation_level_5 li{ margin-left:30px} .navigation_level_5{ position:absolute; left:100%; top:0; padding-left:20px; box-sizing:border-box; width:100%} .navigation_level_3 .navi_content{ height:100%; box-sizing:border-box; padding:36px 54px; columns:3; column-fill:auto; column-rule:1px solid var(--color-reisacher-saphir-iii); column-gap:100px; overflow:hidden; background-color:var(--color-reisacher-saphir-ii); border-radius:6px} @media screen and (min-width:1025px){ .navigation_level_3 .navi_content{ overflow-x:auto} } @media screen and (max-width:1280px){ .navigation_level_3 .navi_content{ column-gap:60px} .navigation_level_3 .navi_content .standort_details_service_tels h3:last-of-type{ display:none} .navigation_level_3 .navi_content .standort_details_openings span.hour{ display:none} } .navigation_level_3 .navi_content>div{ -webkit-column-break-inside:avoid; -webkit-column-break-after:always; page-break-inside:avoid; page-break-after:always; break-inside:avoid; padding:5px 0; height:100%; box-sizing:border-box} .navigation_level_3 .navi_content *{ font-size:inherit; font-family:inherit; line-height:21px} .navigation_level_3 .navi_content h3{ margin:0 0 20px; font-family:"aktiv-grotesk-extended",sans-serif; font-size:18px; font-weight:bold; text-transform:inherit; line-height:17px; color:inherit} .navigation_level_3 .navi_content .standort_select{ margin-bottom:20px} .navigation_level_3 .navi_content .standort_select h3{ margin-bottom:0} .navigation_level_3 .navi_content .standort_select .text{ position:relative; display:inline-block; padding-right:20px; cursor:pointer} .navigation_level_3 .navi_content .standort_select .text:after{ content:""; position:absolute; right:0; top:3px; display:block; width:10px; height:10px; border-left:1px solid #4b4b4d; border-bottom:1px solid #4b4b4d; transform:rotate(-45deg)} .navigation_level_3 .navi_content ul.liste li{ padding-left:12px; padding-right:0; display:block} .navigation_level_3 .navi_content ul.liste li:before{ top:50%; transform:translateY(-50%); border-left-color:gray} .navigation_level_3 .navi_content div.standort_details_openings table,.navigation_level_3 .navi_content div.standort_details_service_tels .tels_group{ margin-bottom:20px} .navigation_level_3 .navi_content div.standort_details_openings td:first-child{ padding-right:20px} @media screen and (max-width:1280px){ .navigation_level_3 .navi_content div.standort_details_openings td:first-child{ padding-right:10px} } .navigation_level_3 .navi_list{ display:none} .navigation_level_3 .navi_context_teaser{ display:none; position:absolute; top:0; right:0; width:310px; height:384px; box-sizing:border-box; padding:24px 30px 25px 0; z-index:1} @media screen and (max-width:1280px){ .navigation_level_3 .navi_context_teaser{ display:none !important} } .navigation_level_3 .navi_context_teaser>div{ background-color:var(--color-reisacher-saphir-vii); height:100%; position:relative; border-radius:16px; overflow:hidden; transition:box-shadow .4s; box-shadow:0px 4px 24px 0px rgba(0,0,0,0)} .navigation_level_3 .navi_context_teaser>div .context_teaser_button{ padding:12px 24px; border-radius:8px; background:var(--marke-main-color) !important; color:var(--color-reisacher-saphir-vii) !important; font-size:14px; font-style:normal; font-weight:600; line-height:120%; transition:background-color .2s,color .2s} body[data-navi-root="1"] .navigation_level_3 .navi_context_teaser>div .context_teaser_button,body[data-navi-root="30"] .navigation_level_3 .navi_context_teaser>div .context_teaser_button,body[data-navi-root="546"] .navigation_level_3 .navi_context_teaser>div .context_teaser_button,body[data-navi-root="1630"] .navigation_level_3 .navi_context_teaser>div .context_teaser_button{ color:#fff !important} .navigation_level_3 .navi_context_teaser>div:hover{ box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} .navigation_level_3 .navi_context_teaser>div:hover .context_teaser_button{ background:var(--color-reisacher-pyrit-hell) !important} body[data-navi-root="1"] .navigation_level_3 .navi_context_teaser>div:hover .context_teaser_button,body[data-navi-root="546"] .navigation_level_3 .navi_context_teaser>div:hover .context_teaser_button{ background:var(--color-bmw-grau-i) !important} body[data-navi-root="30"] .navigation_level_3 .navi_context_teaser>div:hover .context_teaser_button{ background:var(--color-mini-grau-light) !important; color:var(--color-mini-schwarz) !important} body[data-navi-root="1630"] .navigation_level_3 .navi_context_teaser>div:hover .context_teaser_button{ background:var(--color-byd-hellgrau) !important; color:var(--color-byd-black) !important} .navigation_level_3 .navi_context_teaser>div:hover a:before{ background-color:rgba(54,65,77,0)} .navigation_level_3 .navi_context_teaser a,.navigation_level_3 .navi_context_teaser .context_teaser_text h2{ color:var(--color-reisacher-saphir-i)} .navigation_level_3 .navi_context_teaser a{ display:block; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; letter-spacing:0} .navigation_level_3 .navi_context_teaser a::before{ position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:linear-gradient(90deg, var(--color-reisacher-saphir-vii) 0%, rgba(54, 65, 77, 0) 100%); mix-blend-mode:darken; transition:.5s; z-index:1} .navigation_level_3 .navi_context_teaser .context_teaser_headline{ position:absolute; top:0; left:0; padding:16px 20px 0 22px; z-index:2; font-family:"aktiv-grotesk-extended",sans-serif; text-shadow:10px 10px 10px var(--color-reisacher-saphir-text)} .navigation_level_3 .navi_context_teaser .context_teaser_headline span:first-child{ font-weight:bold} .navigation_level_3 .navi_context_teaser .context_teaser_text{ padding:0 22px; position:absolute; bottom:100px; left:0; z-index:2} .navigation_level_3 .navi_context_teaser .context_teaser_text h2{ font-size:24px; line-height:30px; text-transform:none; text-shadow:0px 0px 10px var(--color-reisacher-saphir-text); letter-spacing:0} .navigation_level_3 .navi_context_teaser .context_teaser_button{ position:absolute; bottom:12px; left:12px; right:12px; z-index:2; text-align:center; word-break:break-word} body.a11y .navigation_level_3 .navi_context_teaser .context_teaser_button{ background-color:var(--color-reisacher-saphir-text)} div.component_navi li.navi_head,div.component_navi li.navi_overview{ display:none} div.component_navi li.navi_level_2.navi_overview{ display:block} @media screen and (min-width:1025px){ li.navi_level_1{ display:none} li.navi_level_1.navi_active{ display:block} li.navi_level_1>a.navi{ display:none} .navi_topsites_hidden{ opacity:0; visibility:hidden; transition:opacity 1s} .navi_open .navi_topsites_hidden{ opacity:1; visibility:visible} } @media screen and (max-width:1024px){ main.page_area{ padding-top:0 !important} .navi_topsites{ display:none} div.component_navi{ display:block; position:fixed; z-index:1000; transform:translateY(-100%); left:0; top:0; width:100%; height:100% !important; padding-top:60px; box-sizing:border-box; overflow:hidden; transition:transform .5s} div.component_navi,div.component_navi a{ font-size:17px} .navi_open div.component_navi{ display:block; transform:translateY(0)} div.component_navi div.navi_wrapper{ padding:0 0 0; transition:transform .5s} div.component_navi ul.navigation{ position:static; width:100%; left:0; border-bottom:0; padding:0 0 20px; height:100% !important; box-sizing:border-box; overflow-x:hidden; overflow-y:auto} .navigation_level_2,.navigation_level_3,.navigation_level_4{ display:none; margin-bottom:0} .level_active>.navigation_level_2,.level_active>.navigation_level_3,.level_active>.navigation_level_4{ display:block} div.component_navi .navigation_level_2,div.component_navi .navigation_level_3,div.component_navi .navigation_level_4{ position:absolute; top:0; left:0; width:100%; height:100%; padding:0 0 0 0; z-index:1001; transform:translateX(100%); box-sizing:border-box} div.component_navi .navigation_level_2>ul,div.component_navi .navigation_level_3>ul,div.component_navi .navigation_level_4>ul{ position:static; width:100%; height:100%; box-sizing:border-box; padding:0 20px 70px; columns:unset !important; column-fill:unset; column-gap:unset; overflow-x:hidden; overflow-y:auto} div.component_navi .navi_wrapper.level_1_active{ transform:translateX(-100%)} li.navi_level_1{ display:block; width:100%} div.component_navi .navi_wrapper.level_2_active{ transform:translateX(-200%)} li.navi_level_2{ display:block; width:100%} div.component_navi .navi_wrapper.level_3_active{ transform:translateX(-300%)} li.navi_level_3{ display:block; width:100%} div.component_navi .navi_wrapper.level_4_active{ transform:translateX(-400%)} li.navi_level_4{ display:block; width:100%} li.navi_level_1:not(.navi_head)>a{ font-weight:bold} li.navi_level_2:first-child>a,li.navi_head+li.navi_level_2>a,li.navi_overview+li.navi_level_2>a{ padding-left:20px} li.navi_level_2>a::before{ display:none} div.component_navi li.navi_level_3{ margin-bottom:0} div.component_navi li.navi_root{ display:none} li.navi_level_3>a{ font-family:inherit; font-weight:inherit} div.component_navi li.navi_level_3.navi_next_has_children{ margin-bottom:0} ul.navigation li.navi_level_3 a.navi_active>span::after{ border-color:rgba(75,75,77,.7)} ul.navigation li>a{ display:block; width:100%; box-sizing:border-box; padding:15px 20px; background-color:var(--color-reisacher-saphir-ii); color:var(--color-reisacher-saphir-vii); border-radius:6px; margin-bottom:4px} ul.navigation li>a:hover{ background-color:var(--color-reisacher-saphir-iv); color:var(--color-reisacher-saphir-i)} body.a11y ul.navigation li>a:hover{ background-color:var(--color-reisacher-saphir-vi)} ul.navigation li>a>span{ padding-bottom:0; width:100%; display:block; position:relative} ul.navigation li>a>span::after{ width:100%; bottom:-15px} ul.navigation li>a.navi_has_children>span::before{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:15px; height:15px; background-image:url(/images/icons/arrow_right_5C6873.svg); background-repeat:no-repeat; background-size:auto 15px; background-position:center center} ul.navigation li>a.navi_has_children:hover>span::before{ background-image:url(/images/icons/arrow_right_F2F5FA_sharp.svg)} body:not(.site_1725) ul.navigation>li>a.navi_active,body:not(.site_1725) ul.navigation>li.navi_active a.navi_active{ background-color:var(--color-reisacher-saphir-iii); color:var(--color-reisacher-saphir-vii)} ul.navigation li.navi_head{ display:block; margin-bottom:10px} ul.navigation li.navi_head>a{ display:block; padding:20px 0; border-bottom:1px solid rgba(75,75,77,.8); border-radius:unset; font-family:"aktiv-grotesk-extended",sans-serif; font-size:20px; text-align:center; background-color:transparent} ul.navigation li.navi_head>a:hover{ background-color:transparent; color:inherit} ul.navigation li.navi_head>a>span{ padding:0 20px; box-sizing:border-box} ul.navigation li.navi_head>a>span::after{ display:none} ul.navigation li.navi_head>a b{ font-family:inherit} ul.navigation li>a.navi_back_link>span::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%) rotate(180deg); width:15px; height:15px; background-image:url(/images/icons/arrow_right_5C6873.svg); background-repeat:no-repeat; background-size:auto 15px; background-position:center center} ul.navigation li.navi_overview{ display:block} .navigation_level_3 .navi_list{ display:block} .navigation_level_3 .navi_content,.navigation_level_3 .navi_context_teaser{ display:none !important} } @media screen and (max-width:640px){ .navi_topsites{ display:none} } @media print{ div.component_navi{ display:none !important} } .component_search_input{ height:0; position:fixed; left:0; right:0; z-index:99} @media only screen and (min-width:1025px){ .component_search_input{ top:60px} } .component_search_input>div{ position:relative; max-width:1660px; margin:0 auto; height:0} @media screen and (min-width:2125px){ .component_search_input>div{ max-width:80vw} } .component_search_input>div form{ width:auto; display:inline-block; position:absolute; right:0; height:48px; line-height:48px; padding-right:30px} .component_search_input>div form>*{ vertical-align:middle} .component_search_input>div form input[type=search]{ font-family:"aktiv-grotesk",sans-serif; font-size:14px; border:1px solid var(--color-reisacher-saphir-vii); border-radius:6px; color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-saphir-ii); padding:0 40px 0 20px; width:210px; height:30px; transition:.2s} .component_search_input>div form input[type=search] ::placeholder{ color:var(--color-reisacher-saphir-iv)} .component_search_input>div form input[type=search]:hover{ border-color:var(--color-reisacher-saphir-iv)} .component_search_input>div form input[type=search]:focus{ width:250px; border-color:var(--color-reisacher-saphir-iv); box-shadow:0px 5px 5px 0px var(--color-reisacher-saphir-vi)} .component_search_input>div form input[type=search]:focus+input[type=submit]{ transform:scaleX(-1)} .component_search_input>div form input[type=submit]{ position:absolute; right:35px; top:9px; width:30px; height:30px; padding:0; border:none; background-color:rgba(0,0,0,0); background-image:url(/images/icons/ico_search_738699.svg); background-repeat:no-repeat; background-position:center center; background-size:16px 16px; transform:scaleX(1); transition:transform .4s} @media screen and (max-width:1024px){ .component_search_input{ display:none} } .component_path{ position:relative; display:flex; justify-content:center; align-items:center; width:100%; min-height:32px; padding:0; box-sizing:border-box; background-color:var(--color-reisacher-saphir-ii)} .component_path .shareBox{ order:2; padding-right:30px; height:30px; float:none} .component_path .module_path{ max-width:1560px; margin:0; list-style-type:none; display:flex; align-items:center; width:calc(100% - 100px); padding:0 30px; box-sizing:border-box} @media screen and (min-width:2125px){ .component_path .module_path{ max-width:calc(80vw - 98px)} } .component_path .module_path li{ padding:0 0 0 32px; margin:0; background:none !important; display:inline-block} .component_path .module_path li a{ position:relative; color:var(--color-reisacher-saphir-iv); text-decoration:none !important; font-family:"aktiv-grotesk",sans-serif; font-weight:normal; font-size:13px; line-height:17px; letter-spacing:-0.13px; display:block} .component_path .module_path li a:before{ content:""; position:absolute; top:2px; left:-16px; width:7px; height:10px; background:url(/images/icons/arrow_right_5C6873.svg) no-repeat center rgba(0,0,0,0); background-size:contain; opacity:.7} .component_path .module_path li a.path_active{ color:var(--color-reisacher-saphir-iv); font-weight:bold; line-height:16px} .component_path .module_path li a.path_active:before{ background-image:url(/images/icons/arrow_right_5C6873.svg); opacity:1} body.a11y .component_path .module_path li a.path_active{ color:var(--color-reisacher-saphir-text)} body.a11y .component_path .module_path li a{ color:var(--color-reisacher-saphir-text)} .component_path .module_path li:first-child{ padding:0} .component_path .module_path li:first-child a:before{ display:none} body[data-pos-channel] .component_path .shareBox{ display:none !important} @media screen and (max-width:1024px){ .component_path .module_path{ padding:0 20px; width:calc(100% - 40px)} .component_path .shareBox{ padding-right:20px} } @media screen and (max-width:768px),print{ .component_path{ background-color:unset; justify-content:end} .component_path .module_path{ display:none} } .content_row.content_row_typ_195{ max-width:none; margin:0; padding-bottom:20px} .content_row.content_row_typ_195 .template_ix{ max-width:1620px} @media screen and (min-width:2125px){ .content_row.content_row_typ_195 .template_ix{ max-width:calc(80vw - 40px)} } .template_195{ padding:0 10px; text-align:center; position:relative} .template_195>*{ display:inline; background-color:#fff; padding:0 10px; text-transform:uppercase} .style_1_0 .template_195>*,.style_1_13 .template_195>*{ background-color:var(--color-reisacher-saphir-i); text-transform:none} .template_195:after{ content:""; display:block; height:1px; background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #4b4b4d 20%, #4b4b4d 80%, rgba(0, 0, 0, 0) 100%); position:absolute; z-index:-1; top:43%; left:10px; right:10px} .style_1_0 .template_195:after,.style_1_13 .template_195:after{ background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0, var(--color-reisacher-saphir-text) 20%, var(--color-reisacher-saphir-text) 80%, rgba(0, 0, 0, 0) 100%)} .component_ap_ausgabe{ position:relative} .component_ap_ausgabe .ansprechpartnerFunktionStandort{ width:100%; max-width:1360px; margin:0 auto; padding:40px 20px 80px; box-sizing:border-box; text-align:center; color:var(--color-reisacher-saphir-text)} .style_1_1 .component_ap_ausgabe .ansprechpartnerFunktionStandort{ color:#4b4b4d} .style_1_7 .component_ap_ausgabe .ansprechpartnerFunktionStandort{ color:#000} .component_ap_ausgabe h4{ text-transform:uppercase; padding-bottom:40px} .style_1_0 .component_ap_ausgabe h4{ text-transform:none} .component_ap_ausgabe .ansprechpartnerBox{ padding-top:40px} .component_ap_ausgabe .ansprechpartnerBoxEntry{ padding-bottom:40px} .component_ap_ausgabe .ap_standorte_box{ font-size:14px; width:180px; margin:0 auto; position:relative} .component_ap_ausgabe .ap_standorte_box a{ color:var(--color-reisacher-saphir-text)} .style_1_1 .component_ap_ausgabe .ap_standorte_box a{ color:#4b4b4d} .style_1_7 .component_ap_ausgabe .ap_standorte_box a{ color:#000} .component_ap_ausgabe .ap_standorte_box .text{ position:relative; display:inline-block; padding-right:20px} .component_ap_ausgabe .ap_standorte_box .text2{ display:none} .component_ap_ausgabe .ap_standorte_box .text:after{ content:""; position:absolute; right:0; top:3px; display:block; width:10px; height:10px; border-left:1px solid var(--color-reisacher-saphir-text); border-bottom:1px solid var(--color-reisacher-saphir-text); transform:rotate(-45deg)} .style_1_1 .component_ap_ausgabe .ap_standorte_box .text:after{ border-left-color:#4b4b4d; border-bottom-color:#4b4b4d} .style_1_7 .component_ap_ausgabe .ap_standorte_box .text:after{ border-left-color:#000; border-bottom-color:#000} .component_ap_ausgabe .ap_standorte_box .text2:after{ top:10px; transform:rotate(135deg)} .component_ap_ausgabe .ap_standorte_box .list_opened .text{ display:none !important} .component_ap_ausgabe .ap_standorte_box .list_opened .text2{ display:inline-block !important} .component_ap_ausgabe .ap_standort_select_list{ position:absolute; z-index:1; width:auto; left:0; overflow:hidden; background:#fff; border:1px solid #f0f0f2} .style_1_0 .component_ap_ausgabe .ap_standort_select_list{ border-color:var(--color-reisacher-saphir-i)} .component_ap_ausgabe .ap_standort_select_list li{ display:block; letter-spacing:.05em; font-size:15px; line-height:30px; padding:0 40px 0 20px; white-space:nowrap; cursor:pointer; text-align:left} .component_ap_ausgabe .ap_standort_select_list li:hover,.component_ap_ausgabe .ap_standort_select_list li.standort_selected{ background-color:#f0f0f2 !important; color:#005ea8 !important} .style_1_0 .component_ap_ausgabe .ap_standort_select_list li:hover,.style_1_0 .component_ap_ausgabe .ap_standort_select_list li.standort_selected{ background-color:var(--color-reisacher-saphir-i) !important; color:var(--color-reisacher-saphir-text) !important} .component_ap_ausgabe .ansprechpartnerFunktionStandort .bereichStandort{ font-size:22px} .component_ap_ausgabe .ansprechpartnerFunktionStandort .telefonLink,.component_ap_ausgabe .ansprechpartnerFunktionStandort .emailLink{ display:inline-block; margin-top:15px; padding-left:50px; background-repeat:no-repeat; background-position:left top; background-color:rgba(0,0,0,0); background-size:40px 40px; font-size:40px; line-height:40px; color:var(--color-reisacher-saphir-text) !important; text-decoration:none !important} .style_1_1 .component_ap_ausgabe .ansprechpartnerFunktionStandort .telefonLink,.style_1_1 .component_ap_ausgabe .ansprechpartnerFunktionStandort .emailLink{ color:#4b4b4d !important} .style_1_7 .component_ap_ausgabe .ansprechpartnerFunktionStandort .telefonLink,.style_1_7 .component_ap_ausgabe .ansprechpartnerFunktionStandort .emailLink{ color:#000 !important} .component_ap_ausgabe .ansprechpartnerFunktionStandort .telefonLink{ background-image:url(/images/icons/btn_phone_darkgray.svg)} .component_ap_ausgabe .ansprechpartnerFunktionStandort .emailLink{ background-image:url(/images/icons/ico_mail.svg); background-size:65px 40px; padding-left:75px} .component_ap_ausgabe .ap_callback_link{ color:var(--color-reisacher-saphir-text); text-decoration:none !important; display:inline-block; margin-bottom:40px; padding-left:16px; background:url(/images/icons/arrow_right.svg) left 5px no-repeat rgba(0,0,0,0); background-size:14px 14px} .style_1_1 .component_ap_ausgabe .ap_callback_link{ color:#4b4b4d} .style_1_7 .component_ap_ausgabe .ap_callback_link{ color:#000} @media only screen and (max-width:1024px){ .component_ap_ausgabe .ansprechpartnerFunktionStandort{ padding:20px 10px} .component_ap_ausgabe .ansprechpartnerFunktionStandort .bereichStandort{ font-size:18px} .component_ap_ausgabe .ansprechpartnerFunktionStandort .telefonLink,.component_ap_ausgabe .ansprechpartnerFunktionStandort .emailLink{ padding-left:30px; background-size:20px 20px; font-size:20px; line-height:20px; margin-top:5px} } .component_fzgboerse_top_button{ position:absolute; top:10px; right:30px} @media screen and (max-width:1024px){ .component_fzgboerse_top_button{ right:20px} } .component_fzgboerse_top_button>a{ display:inline-block; width:40px; height:40px; padding:0; background-color:var(--color-reisacher-saphir-i); background-image:url(/images/icons/ico_fzgboerse_36414D.svg); background-repeat:no-repeat; background-size:18px 14px; background-position:center center; color:var(--color-reisacher-saphir-vii); font-family:"aktiv-grotesk",sans-serif !important; font-size:14px; line-height:40px; border-radius:6px} .component_fzgboerse_top_button>a b{ font-family:"aktiv-grotesk",sans-serif !important} .component_fzgboerse_top_button>a span{ display:none} @media screen and (max-width:1770px){ .component_fzgboerse_top_button>a span>span{ display:none} } @media screen and (min-width:1730px){ .component_fzgboerse_top_button{ position:fixed; right:20px} } @media screen and (min-width:2020px){ .component_fzgboerse_top_button>a{ width:auto; padding:0 16px 0 42px; background-position:15px center} .component_fzgboerse_top_button>a span{ display:inline} } body[data-pos-channel] div.component_footer{ display:none !important} .component_footer{ text-align:left} .component_footer>div{ display:flex; justify-content:center; padding:15px 20px} .component_footer>div>*{ width:100%; max-width:var(--content-max-width)} .footer_navi_subsites,.footer_navi_info,.footer_navi_copyright{ position:relative} .footer_navi_subsites::before,.footer_navi_info::before,.footer_navi_copyright::before{ content:""; position:absolute; height:1px; left:0; right:0; top:0; background-color:var(--color-reisacher-saphir-iv)} .footer_navi_topsites_box{ background-color:var(--color-reisacher-saphir-vii)} .footer_navi_topsites_box>div{ display:flex} @media screen and (max-width:768px){ .footer_navi_topsites_box>div{ flex-direction:column; justify-content:center; gap:20px} } .footer_navi_topsites_box>div>div{ display:flex; align-items:center} @media screen and (max-width:768px){ .footer_navi_topsites_box>div>div{ justify-content:center} } .footer_navi_topsites_box>div .footer_navi_topsites>nav{ display:flex; gap:50px} @media screen and (max-width:768px){ .footer_navi_topsites_box>div .footer_navi_topsites>nav{ flex-wrap:wrap; gap:20px} } @media screen and (max-width:480px){ .footer_navi_topsites_box>div .footer_navi_topsites>nav{ flex-wrap:wrap; gap:15px} } .footer_navi_topsites_box>div .footer_navi_topsites>nav>a{ display:flex; align-items:center; opacity:1; transition:opacity .3s} .footer_navi_topsites_box>div .footer_navi_topsites>nav>a:hover{ opacity:.7} .footer_navi_topsites_box>div .footer_navi_topsites>nav>a>img{ max-height:32px; max-width:55px} .footer_navi_topsites_box>div .footer_navi_topsites>nav>a.footer_navi_topsite_2000>img{ height:23px} .footer_navi_topsites_box>div .footer_navi_topsites>nav>a.footer_navi_topsite_30>img{ height:24px; width:55px} .footer_navi_topsites_box>div .footer_navi_topsites>nav>a.footer_navi_topsite_1630>img{ height:11px; width:57px} @media screen and (max-width:480px){ .footer_navi_topsites_box>div .footer_navi_topsites>nav>a.footer_navi_topsite_1630>img{ max-width:40px} } .footer_navi_topsites_box>div .footer_navi_social{ margin-left:auto} @media screen and (max-width:768px){ .footer_navi_topsites_box>div .footer_navi_social{ margin-left:0} } .footer_navi_topsites_box>div .footer_navi_social>nav{ display:flex; gap:4px} .footer_navi_topsites_box>div .footer_navi_social>nav>a{ display:block; width:32px; height:32px; background-size:contain; opacity:1; transition:opacity .3s} .footer_navi_topsites_box>div .footer_navi_social>nav>a:hover{ opacity:.8} .footer_navi_topsites_box>div .footer_navi_social>nav>a.footer_navi_social_youtube{ background:url(/images/icons/social_media/icon_youtube_526375.svg) center no-repeat transparent; background-size:contain} .footer_navi_topsites_box>div .footer_navi_social>nav>a.footer_navi_social_facebook{ background:url(/images/icons/social_media/icon_facebook_526375.svg) center no-repeat transparent; background-size:contain} .footer_navi_topsites_box>div .footer_navi_social>nav>a.footer_navi_social_instagram{ background:url(/images/icons/social_media/icon_instagram_526375.svg) center no-repeat transparent; background-size:contain} .footer_navi_topsites_box>div .footer_navi_social>nav>a.footer_navi_social_tiktok{ background:url(/images/icons/social_media/icon_tiktok_526375.svg) center no-repeat transparent; background-size:contain} .footer_navi_topsites_box>div .footer_navi_social>nav>a.footer_navi_social_linkedin{ background:url(/images/icons/social_media/icon_linkedin_526375.svg) center no-repeat transparent; background-size:contain} .footer_navi_subsites{ background-color:var(--color-reisacher-saphir-v); padding-top:40px !important; padding-bottom:40px !important} body.style_1_1 .footer_navi_subsites{ background-color:#e6e6e6} @media screen and (max-width:480px){ .footer_navi_subsites{ display:none !important} } .footer_navi_subsites>nav{ column-count:4; -webkit-column-count:4; column-gap:60px; -webkit-column-gap:60px} @media screen and (max-width:1360px){ .footer_navi_subsites>nav{ column-gap:40px; -webkit-column-gap:40px} } @media screen and (max-width:1024px){ .footer_navi_subsites>nav{ column-count:2; -webkit-column-count:2; column-gap:20px; -webkit-column-gap:20px} } .footer_navi_subsites .footer_navi_subsites_box{ -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; padding-bottom:20px} .footer_navi_subsites a{ display:block; color:var(--color-reisacher-saphir-iii); font-family:aktiv-grotesk,sans-serif; font-size:14px; line-height:14px; padding:5px 0} .footer_navi_subsites a:hover{ color:var(--color-reisacher-saphir-i)} .footer_navi_subsites a.footer_navi_subsite_level_0{ font-family:"aktiv-grotesk-extended",sans-serif; color:#fff; font-weight:500; padding-bottom:12px} .footer_navi_subsites a br{ display:none} body.style_1_1 .footer_navi_subsites a{ color:var(--color-bmw-schwarz) !important} body.style_1_1 .footer_navi_subsites a:hover{ opacity:.8} .footer_navi_info{ background-color:var(--color-reisacher-saphir-vii)} .footer_navi_info>nav{ display:flex; align-items:center; flex-wrap:wrap; gap:30px} @media screen and (max-width:1024px){ .footer_navi_info>nav{ gap:0} } .footer_navi_info>nav>a{ padding:10px} .footer_navi_info>nav>a:first-child{ padding-left:0} @media screen and (max-width:1024px){ .footer_navi_info>nav>a{ padding-left:0; padding-right:0; margin-right:25px} } .footer_navi_info>nav>a:hover{ color:var(--color-reisacher-saphir-i, #F2F5FA)} .footer_navi_info>nav>a:last-child{ margin-left:auto; opacity:.5} .footer_navi_info,.footer_navi_info *{ font-family:"aktiv-grotesk-extended",sans-serif; font-size:14px; line-height:14px; font-weight:500; color:var(--color-reisacher-saphir-iii, #C5D0D9)} .footer_navi_copyright{ height:32px; background-color:var(--color-reisacher-saphir-text)} .footer_navi_copyright>div{ display:flex; align-items:center; justify-content:space-between} .footer_navi_copyright>div .footer_copyright{ flex-grow:1} .footer_navi_copyright,.footer_navi_copyright *{ font-family:aktiv-grotesk,sans-serif; font-size:14px; line-height:14px; color:var(--color-reisacher-saphir-iv, #7A8A99) !important} #scrollTopButton{ width:64px; height:64px; border-radius:40px; border:3px solid var(--color-reisacher-pyrit-hell); background:url(/images/icons/arrow_top_E5D78A.svg) no-repeat center var(--color-reisacher-saphir-iv); box-shadow:0px 8px 12px 0px rgba(54,65,76,.5); position:fixed; right:10px; bottom:-64px; cursor:pointer; transition:.5s; box-sizing:border-box; z-index:50} #scrollTopButton.active{ transform:translateY(-74px)} @media screen and (max-width:1024px){ body.scroll_down #scrollTopButton.active{ transform:translateY(-74px)} } @media screen and (max-width:1023px)and (orientation:portrait){ .component_footer{ padding-bottom:85px} } @media screen and (max-width:768px){ #scrollTopButton{ width:40px; height:40px} } @media screen and (max-width:360px){ #scrollTopButton.active{ transform:translateY(-125px)} body.scroll_down #scrollTopButton.active{ transform:translateY(-70px)} } @media print{ div.component_footer{ display:none !important} } body.a11y:not(.style_1_1) .footer_navi_subsites a{ color:#fff !important} body.a11y .footer_navi_info>nav>a:last-child{ opacity:1} body.a11y .footer_navi_copyright,body.a11y .footer_navi_copyright *{ color:var(--color-reisacher-saphir-iii) !important} @media only screen and (max-width:480px){ .template_53 .button_1zeilig{ font-size:13px} }