#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} @font-face{ font-family:swiper-icons; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-container-pointer-events{ touch-action:pan-y} .swiper-container-pointer-events.swiper-container-vertical{ touch-action:pan-x} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial; line-height:1} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:50%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet:only-child{ display:none!important} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0} .swiper-container-cube .swiper-cube-shadow:before{ content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; filter:blur(50px)} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper6 .swiper-slide{ height:auto} .swiper6 .swiper-button-next,.swiper6 .swiper-button-prev{ height:30px; margin-top:-15px; opacity:.3} .swiper6 .swiper-button-prev:after,.swiper6 .swiper-button-next:after{ content:none} .swiper6 .swiper-button-prev{ left:-10px; background-image:url(/images/icons/arrow_left.svg); background-size:contain; background-repeat:no-repeat} .style_1_0 .swiper6 .swiper-button-prev{ background-image:url(/images/icons/arrow_left_738699.svg) !important; background-size:contain !important} .swiper6 .swiper-button-next{ right:-10px; background-image:url(/images/icons/arrow_right.svg); background-size:contain; background-repeat:no-repeat} .style_1_0 .swiper6 .swiper-button-next{ background-image:url(/images/icons/arrow_right_738699.svg) !important; background-size:contain !important} .swiper6 .swiper-button-next.swiper-button-disabled,.swiper6 .swiper-button-prev.swiper-button-disabled{ opacity:0} .swiper6 .swiper-pagination{ right:10px; left:10px; display:none; bottom:0} .swiper6 .swiper-pagination-bullet{ width:11px; height:11px; background:#999; opacity:1; margin:0 5px 2px; transition:.2s} .style_1_0 .swiper6 .swiper-pagination-bullet{ background:var(--color-reisacher-saphir-iii)} .swiper6 .swiper-pagination-bullet-active{ width:15px; height:15px; background:#005ca9; margin-bottom:0} .style_1_0 .swiper6 .swiper-pagination-bullet-active{ background:var(--color-reisacher-pyrit)} @media only screen and (max-width:1400px){ .swiper6 .swiper-button-prev,.swiper6 .swiper-button-next{ display:none !important} .swiper6 .swiper-pagination{ position:static; display:block; padding-top:10px; margin:0 30px} } .module_contentslider_frontpage{ position:relative} .module_contentslider_frontpage:hover *{ text-decoration:none} .module_contentslider_frontpage li.slideEntry{ height:calc(100vh - 108px); background-color:var(--color-reisacher-saphir-iv)} .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder{ position:absolute; width:100%; height:100%} .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder .slideEntryImage{ height:100%; display:block; background-size:cover; background-position:center center} .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder .media_preview_image img{ min-height:calc(100vh - 108px); object-fit:cover; width:100%; height:100%} .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder .embed-responsive-16by9{ padding-bottom:0 !important; min-height:calc(100vh - 108px)} .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder .media_preview_image::after{ display:none} .module_contentslider_frontpage .slideEntryInfosBox{ position:relative; z-index:2; height:calc(100vh - 108px); background:rgba(115,134,153,.35); padding:0 30px; display:flex; justify-content:center; flex-direction:column; align-items:center} body:not(.style_1_0,.style_1_13) .module_contentslider_frontpage .slideEntryInfosBox{ background:rgba(120,120,120,.35)} .module_contentslider_frontpage .slideEntryInfosBox:after{ content:""; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; background:linear-gradient(90deg, rgba(19, 29, 38, 0.5) 0%, rgba(19, 29, 38, 0) 100%)} body:not(.style_1_0,.style_1_13) .module_contentslider_frontpage .slideEntryInfosBox:after{ background:linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)} .module_contentslider_frontpage .slideEntryInfosBox:before{ content:""; position:absolute; z-index:1; top:0; left:0; right:0; bottom:0; background:linear-gradient(0deg, rgba(19, 29, 38, 0.5) 0%, rgba(19, 29, 38, 0) 40%)} body:not(.style_1_0,.style_1_13) .module_contentslider_frontpage .slideEntryInfosBox:before{ background:linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 40%)} @media only screen and (max-width:1024px){ .module_contentslider_frontpage .slideEntryInfosBox{ padding:0 20px} } .module_contentslider_frontpage .slideEntryInfosBox .template_text_box{ z-index:3; max-width:var(--content-max-width); width:100%; min-height:calc(5/8*100vh) !important} @media only screen and (max-width:768px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box{ flex-direction:column; align-items:center; justify-content:center; gap:40px} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left,.module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right{ flex:0 !important; width:unset !important} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left{ padding-right:40px} } .module_contentslider_frontpage .slideEntryInfosBox .template_text_box *{ color:var(--color-reisacher-saphir-i); text-transform:none} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box * .slide_text{ padding-top:12px; max-width:80ch} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box * .headline{ display:inline-block; padding-right:5px; font-weight:bold} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro *:not(a,.button_cta,.button_sek,.button_sek2,.button_1zeilig,.button_2zeilig){ font-size:25px; font-weight:300; line-height:120%; letter-spacing:.5px} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2{ border-color:#fff !important} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2,.module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2 *{ color:#fff !important; background-color:transparent !important} @media screen and (min-width:1025px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover{ border-color:var(--color-reisacher-pyrit) !important} .style_1_1 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover,.style_1_8 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover{ border-color:var(--color-bmw-blau) !important; background-color:var(--color-bmw-blau) !important} .style_1_7 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover{ border-color:var(--color-mini-purple) !important; background-color:var(--color-mini-purple) !important} .style_1_11 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover{ border-color:var(--color-byd-rot) !important; background-color:var(--color-byd-rot) !important} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover,.module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover *{ color:var(--color-reisacher-saphir-vii) !important; background-color:var(--color-reisacher-pyrit) !important} .style_1_1 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover,.style_1_8 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover,.style_1_1 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover *,.style_1_8 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover *{ color:#fff !important; background-color:var(--color-bmw-blau) !important} .style_1_7 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover,.style_1_7 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover *{ color:#fff !important; background-color:var(--color-mini-purple) !important} .style_1_11 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover,.style_1_11 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro .button_sek2:hover *{ color:#fff !important; background-color:var(--color-byd-rot) !important} } @media screen and (max-width:639px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro{ padding-top:16px} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_intro *{ font-size:16px !important; line-height:1.2 !important} } .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>.slide_text_outro{ margin-top:32px} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left,.module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right{ width:100%} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left{ flex:2; padding-left:60px; position:relative} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left:before{ content:""; position:absolute; background:url(/images/icons/arrow_right_F2F5FA_sharp.svg) no-repeat center transparent; background-size:contain; width:18px; height:32px; left:0; top:12px} @media screen and (max-width:639px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left{ padding-left:40px} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left::before{ height:24px; background-size:10px 20px; top:7px} } .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right{ padding-left:60px; padding-top:20px} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button{ padding:11px 23px; border-radius:8px; border:1px solid #fff; font-size:14px; font-style:normal; font-weight:600; line-height:120%; width:fit-content; transition:.2s; text-transform:uppercase} body:not(.style_1_0,.style_1_13) .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button{ border-radius:0} .style_1_1 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button{ font-family:BMWTypeNext,sans-serif} .style_1_8 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button{ font-family:BMWMotorradW05Bold,sans-serif; letter-spacing:.5px} .style_1_0 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button:hover,.style_1_13 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button:hover{ color:var(--color-reisacher-saphir-vii); border-color:var(--color-reisacher-pyrit); background-color:var(--color-reisacher-pyrit)} .style_1_1 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button:hover,.style_1_8 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button:hover{ border-color:var(--color-bmw-blau); background-color:var(--color-bmw-blau)} .style_1_7 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button:hover{ border-color:var(--color-mini-purple); background-color:var(--color-mini-purple)} .style_1_11 .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right .learn_more_button:hover{ border-color:var(--color-byd-rot); background-color:var(--color-byd-rot)} @media screen and (max-width:639px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right{ padding-left:40px} } .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .slide_text_title{ position:absolute; bottom:100px; z-index:1; display:block; width:calc(100% - 60px); max-width:var(--content-max-width); padding:10px 60px 10px 60px; box-sizing:border-box; margin:0 auto; color:#fff; font-size:12px; font-style:normal; line-height:120%} @media screen and (max-width:1024px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .slide_text_title{ width:calc(100% - 40px)} } @media screen and (max-width:639px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .slide_text_title{ padding-left:40px; padding-right:40px} } @media screen and (max-width:480px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .slide_text_title{ left:0; right:0; width:100%; padding:10px 20px; bottom:55px; font-size:10px} } .module_contentslider_frontpage .swiper-container .slide_prev,.module_contentslider_frontpage .swiper-container .swiper-pagination,.module_contentslider_frontpage .swiper-container .slide_next{ display:none !important} .module_contentslider_frontpage .bar-bottom{ position:absolute; z-index:1; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 auto; height:60px; width:100%; max-width:1660px; left:0; right:0; bottom:42px; padding-left:30px; padding-right:30px; box-sizing:border-box; overflow:hidden} @media screen and (min-width:2125px){ .module_contentslider_frontpage .bar-bottom{ max-width:calc(80vw - 20px)} } .module_contentslider_frontpage .bar-bottom>*{ position:relative; height:60px} .module_contentslider_frontpage .bar-bottom>*::after{ content:""; position:absolute; background-color:var(--color-reisacher-saphir-i); height:2px; left:0; right:0; bottom:-1px} .module_contentslider_frontpage .bar-bottom .swiper-controls{ display:flex; padding-left:55px; padding-right:55px} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-prev,.module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-next{ position:relative; background:url(/images/icons/arrow_left_F2F5FA.svg) no-repeat center !important; font-size:14px; font-weight:500; line-height:120%; letter-spacing:.28px; opacity:1} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-prev:after,.module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-next:after{ content:"" !important} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-prev{ padding-right:10px} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-next{ padding-right:10px; transform:rotate(180deg)} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination{ position:static; display:flex; align-items:end; gap:8px} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination .swiper-pagination-bullet{ margin-bottom:0; width:40px; height:38px; border-radius:0; background:none; box-sizing:border-box; color:var(--color-reisacher-saphir-i); font-size:14px; font-style:normal; font-weight:700; line-height:17px; letter-spacing:.28px; text-align:center; border-bottom:2px solid var(--color-reisacher-saphir-i); opacity:1; cursor:pointer} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{ border-bottom:5px solid var(--color-reisacher-pyrit)} .style_1_1 .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination .swiper-pagination-bullet-active,.style_1_8 .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-mini-purple)} .style_1_11 .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-byd-rot)} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar{ display:flex; align-items:center; flex-grow:1} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar::after{ opacity:.3} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar .indicator{ content:""; position:absolute; background-color:var(--color-reisacher-saphir-i); width:0; height:2px; left:0; right:0; bottom:-1px; transition-duration:0ms; transition-property:width; transition-timing-function:linear} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar .swiper-progressbar-headline{ white-space:nowrap; color:var(--color-reisacher-saphir-i); font-size:16px; line-height:110%} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar .swiper-progressbar-headline b{ font-weight:600} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar .swiper-progressbar-headline::before{ content:""; position:absolute; top:5px; font-size:12px; font-weight:600; line-height:120%; letter-spacing:.24px; opacity:.6} .module_contentslider_frontpage .bar-bottom .quick-search-button{ display:flex; align-items:center; padding-left:10px; padding-right:10px; color:var(--color-reisacher-saphir-i); font-size:16px; line-height:120%; letter-spacing:.32px; cursor:pointer} .module_contentslider_frontpage .bar-bottom .quick-search-button::before{ content:""; position:absolute; background-color:var(--color-reisacher-saphir-i); height:3px; left:10px; right:10px; bottom:-1px; z-index:1; transition:.2s} .module_contentslider_frontpage .bar-bottom .quick-search-button .icon{ width:20px; height:20px; padding-right:12px; background:url("/images/icons/ico_search_F2F5FA.svg") no-repeat center} .module_contentslider_frontpage .bar-bottom .quick-search-button:hover::before{ background-color:var(--color-reisacher-pyrit-dunkel); height:5px} .style_1_1 .module_contentslider_frontpage .bar-bottom .quick-search-button:hover::before,.style_1_8 .module_contentslider_frontpage .bar-bottom .quick-search-button:hover::before{ background-color:var(--color-bmw-blau)} .style_1_7 .module_contentslider_frontpage .bar-bottom .quick-search-button:hover::before{ background-color:var(--color-mini-purple)} .style_1_11 .module_contentslider_frontpage .bar-bottom .quick-search-button:hover::before{ background-color:var(--color-byd-rot)} .module_contentslider_frontpage .bar-bottom .quick-search-button .tablet{ display:none} .module_contentslider_frontpage .slide_fahrzeugaktion .slide_text_outro{ display:none} @media only screen and (max-width:1400px){ .module_contentslider_frontpage .swiper-controls .swiper-button-next,.module_contentslider_frontpage .swiper-controls .swiper-button-prev{ display:inline-block !important} .module_contentslider_frontpage .swiper-controls .swiper-pagination{ padding-top:unset; margin:unset} } @media only screen and (max-width:1024px){ .module_contentslider_frontpage li.slideEntry,.module_contentslider_frontpage .slideEntryInfosBox{ height:calc(100vh - 139px)} .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder .media_preview_image img,.module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder .embed-responsive-16by9{ min-height:calc(100vh - 139px)} .module_contentslider_frontpage .bar-bottom .swiper-time-progressbar{ display:none} .module_contentslider_frontpage .bar-bottom .swiper-controls{ padding-left:0; padding-right:0} } @media only screen and (max-width:768px){ .module_contentslider_frontpage .bar-bottom{ bottom:0; height:56px; padding:0 8px 8px 8px; box-sizing:border-box; background-color:var(--color-reisacher-saphir-v); display:block} .module_contentslider_frontpage .bar-bottom>*:after{ display:none} .module_contentslider_frontpage .bar-bottom .swiper-controls{ height:100%} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-pagination{ display:none} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-prev,.module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-next{ position:absolute; height:40px; width:40px; background-color:var(--color-reisacher-saphir-vi); border-radius:4px; bottom:8px; padding-right:0; padding-left:0} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-prev{ left:0} .module_contentslider_frontpage .bar-bottom .swiper-controls .swiper-button-next{ right:0} .module_contentslider_frontpage .bar-bottom .quick-search-button{ border-radius:4px; background-color:var(--color-reisacher-pyrit); color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:bold; line-height:1.2; height:40px; position:absolute; left:50%; top:8px; transform:translateX(-50%)} .module_contentslider_frontpage .bar-bottom .quick-search-button .style_1_1,.module_contentslider_frontpage .bar-bottom .quick-search-button .style_1_8{ background-color:var(--color-bmw-blau); color:#fff} .module_contentslider_frontpage .bar-bottom .quick-search-button .style_1_7{ background-color:var(--color-mini-purple); color:#fff} .module_contentslider_frontpage .bar-bottom .quick-search-button .style_1_11{ background-color:var(--color-byd-rot); color:#fff} .module_contentslider_frontpage .bar-bottom .quick-search-button .icon,.module_contentslider_frontpage .bar-bottom .quick-search-button:before{ display:none} .module_contentslider_frontpage .bar-bottom .quick-search-button .tablet{ display:inline} } @media screen and (max-width:480px){ .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left{ padding-left:25px; padding-right:25px; box-sizing:border-box; width:100% !important} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_left>:not(.slide_headlines) :not(a,.button_cta,.button_sek,.button_sek2,.button_1zeilig,.button_2zeilig){ font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important} .module_contentslider_frontpage .slideEntryInfosBox .template_text_box .box_right{ padding-left:25px} } @media only screen and (max-width:380px){ .module_contentslider_frontpage .bar-bottom .quick-search-button{ font-size:14px} } .ui-selectmenu-menu .slide-textsearch-selectmenu-item-nowrap{ white-space:nowrap} body[data-current-date="2024-12-20"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before,body[data-current-date="2024-12-21"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before,body[data-current-date="2024-12-22"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before,body[data-current-date="2024-12-23"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before,body[data-current-date="2024-12-24"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before,body[data-current-date="2024-12-25"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before,body[data-current-date="2024-12-26"] .module_contentslider_frontpage .slideEntryImageBox .slideEntryImagePlaceholder::before{ content:""; position:absolute; left:0; top:0; right:0; height:0%; padding-bottom:20.56%; background:url(/images/bg/2024-12_reisacher_weihnachten_slider_01.png) no-repeat top center; background-size:contain; z-index:2} div.vehicles_market_search_quick{ padding-top:4%; padding-bottom:186px} div.vehicles_market_search_quick::after{ content:""; position:absolute; max-width:1160px; width:100%; height:1px; bottom:40px; left:50%; transform:translateX(-50%); background-color:var(--color-reisacher-saphir-iv)} div.vehicles_market_search_quick>form>*{ position:relative; z-index:1} div.vehicles_market_search_quick .title-wrapper{ display:flex; justify-content:center; padding:0 40px 80px} div.vehicles_market_search_quick .title-wrapper .title{ box-sizing:border-box; position:relative; max-width:1612px; width:100%; padding-left:32px; font-size:24px; font-weight:normal; line-height:110%; letter-spacing:-0.48px; background:url(/images/icons/arrow_right_131D26.svg) left center no-repeat} div.vehicles_market_search_quick .title-wrapper .title b{ font-weight:bold; letter-spacing:-0.72px} @media screen and (min-width:2125px){ div.vehicles_market_search_quick .title-wrapper .title{ max-width:calc(80vw - 60px)} } div.vehicles_market_search ul.select_vehicle_class{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; position:absolute; padding:8px; margin-bottom:8px !important; bottom:40px; transform:translateX(-75px); background-color:unset; font-family:"aktiv-grotesk",sans-serif; font-size:14px; line-height:1.2} div.vehicles_market_search ul.select_vehicle_class>li{ position:relative; z-index:1; border-left:none; text-transform:none; border-radius:8px !important} div.vehicles_market_search ul.select_vehicle_class>li>*:first-child{ padding:13px 24px} div.vehicles_market_search ul.select_vehicle_class>li a{ padding-right:8px} div.vehicles_market_search ul.select_vehicle_class>li svg path{ fill:var(--color-reisacher-saphir-iii)} div.vehicles_market_search ul.select_vehicle_class>li:hover,div.vehicles_market_search ul.select_vehicle_class>li.active{ border-radius:6px; background-color:var(--color-reisacher-saphir-ii)} div.vehicles_market_search ul.select_vehicle_class>li:hover a,div.vehicles_market_search ul.select_vehicle_class>li.active a{ color:var(--color-reisacher-saphir-vii)} div.vehicles_market_search ul.select_vehicle_class>li:hover svg path,div.vehicles_market_search ul.select_vehicle_class>li.active svg path{ fill:var(--color-reisacher-saphir-vii)} div.vehicles_market_search ul.select_vehicle_class::before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-reisacher-text-i); border-radius:8px; opacity:.6} div.vehicles_market_search pre.sf-dump{ text-align:left; text-transform:none} div.vehicles_market_search form{ max-width:1160px; margin:0 auto; padding-left:40px; padding-right:40px; box-sizing:content-box} div.vehicles_market_search form.collapsed{ display:none} body[data-pos-channel] div.vehicles_market_search ul li a sup{ display:none !important} div.vehicles_market_search ul.select_vehicle_class{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; position:absolute; padding:8px; margin-bottom:8px !important; bottom:40px; transform:translateX(0); background-color:unset} div.vehicles_market_search ul.select_vehicle_class>li{ position:relative; z-index:1; border-left:none; text-transform:none} div.vehicles_market_search ul.select_vehicle_class>li>*:first-child{ padding:13px 24px} div.vehicles_market_search ul.select_vehicle_class>li a{ padding-right:8px; color:var(--color-reisacher-saphir-iii)} body.a11y div.vehicles_market_search ul.select_vehicle_class>li a{ color:#fff} div.vehicles_market_search ul.select_vehicle_class>li svg path{ fill:var(--color-reisacher-saphir-iii)} div.vehicles_market_search ul.select_vehicle_class>li:hover,div.vehicles_market_search ul.select_vehicle_class>li.active{ border-radius:6px; background-color:var(--color-reisacher-saphir-ii)} div.vehicles_market_search ul.select_vehicle_class>li:hover a,div.vehicles_market_search ul.select_vehicle_class>li.active a{ color:var(--color-reisacher-saphir-vii) !important} div.vehicles_market_search ul.select_vehicle_class>li:hover svg path,div.vehicles_market_search ul.select_vehicle_class>li.active svg path{ fill:var(--color-reisacher-saphir-vii)} div.vehicles_market_search ul.select_vehicle_class::before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background-color:var(--color-reisacher-text-i); border-radius:8px; opacity:.6} div.vehicles_market_search ul.select_vehicle_class::after{ content:""; position:absolute; bottom:-8px; left:-1px; right:-1px; background-color:var(--color-reisacher-text-i); height:3px} div.vehicles_market_search ul.select{ margin-bottom:6px} div.vehicles_market_search ul.select_vehicle_webgruppe,div.vehicles_market_search ul.select_vehicle_make,div.vehicles_market_search ul.select_vehicle_modelgroup,div.vehicles_market_search ul.select_vehicle_category{ border-radius:6px; padding:7.1px} div.vehicles_market_search ul.select_vehicle_webgruppe>li,div.vehicles_market_search ul.select_vehicle_make>li,div.vehicles_market_search ul.select_vehicle_modelgroup>li,div.vehicles_market_search ul.select_vehicle_category>li{ border:none} div.vehicles_market_search ul.select_vehicle_webgruppe>li>label,div.vehicles_market_search ul.select_vehicle_make>li>label,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label,div.vehicles_market_search ul.select_vehicle_category>li>label{ padding:0} div.vehicles_market_search ul.select_vehicle_webgruppe>li:hover,div.vehicles_market_search ul.select_vehicle_webgruppe>li.active,div.vehicles_market_search ul.select_vehicle_make>li:hover,div.vehicles_market_search ul.select_vehicle_make>li.active,div.vehicles_market_search ul.select_vehicle_modelgroup>li:hover,div.vehicles_market_search ul.select_vehicle_modelgroup>li.active,div.vehicles_market_search ul.select_vehicle_category>li:hover,div.vehicles_market_search ul.select_vehicle_category>li.active{ background-color:var(--color-reisacher-saphir-i)} div.vehicles_market_search ul.select_vehicle_webgruppe>li span.select_text::after,div.vehicles_market_search ul.select_vehicle_make>li span.select_text::after,div.vehicles_market_search ul.select_vehicle_modelgroup>li span.select_text::after,div.vehicles_market_search ul.select_vehicle_category>li span.select_text::after{ content:none} div.vehicles_market_search ul.select_vehicle_webgruppe *,div.vehicles_market_search ul.select_vehicle_make *,div.vehicles_market_search ul.select_vehicle_modelgroup *,div.vehicles_market_search ul.select_vehicle_category *{ transition:.2s} div.vehicles_market_search ul.select_vehicle_webgruppe,div.vehicles_market_search ul.select_vehicle_modelgroup,div.vehicles_market_search ul.select_vehicle_category{ background-color:var(--color-reisacher-text-i); display:flex; flex-wrap:wrap; justify-content:center; align-items:center} div.vehicles_market_search ul.select_vehicle_webgruppe>li,div.vehicles_market_search ul.select_vehicle_modelgroup>li,div.vehicles_market_search ul.select_vehicle_category>li{ color:var(--color-reisacher-saphir-iii); border-radius:6px} div.vehicles_market_search ul.select_vehicle_webgruppe>li>label,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label,div.vehicles_market_search ul.select_vehicle_category>li>label{ padding:15px} div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>a,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>a,div.vehicles_market_search ul.select_vehicle_category>li>label>a{ padding-right:5px} div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>sup,div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>a>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>a>sup,div.vehicles_market_search ul.select_vehicle_category>li>label>sup,div.vehicles_market_search ul.select_vehicle_category>li>label>a>sup{ bottom:2px; padding:2px 4px; color:var(--color-reisacher-saphir-iv); background-color:var(--color-reisacher-saphir-vii); border-radius:2px; font-size:12px; font-weight:500; line-height:100%; letter-spacing:-0.24px} body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_category>li>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_category>li>label>a>sup{ color:var(--color-reisacher-saphir-i)} @media screen and (max-width:480px){ div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>sup,div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>a>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>a>sup,div.vehicles_market_search ul.select_vehicle_category>li>label>sup,div.vehicles_market_search ul.select_vehicle_category>li>label>a>sup{ font-size:10px; bottom:6px} } div.vehicles_market_search ul.select_vehicle_webgruppe>li:hover>label,div.vehicles_market_search ul.select_vehicle_webgruppe>li.active>label,div.vehicles_market_search ul.select_vehicle_modelgroup>li:hover>label,div.vehicles_market_search ul.select_vehicle_modelgroup>li.active>label,div.vehicles_market_search ul.select_vehicle_category>li:hover>label,div.vehicles_market_search ul.select_vehicle_category>li.active>label{ color:var(--color-reisacher-saphir-vii)} div.vehicles_market_search ul.select_vehicle_webgruppe>li:hover>label>sup,div.vehicles_market_search ul.select_vehicle_webgruppe>li:hover>label>a>sup,div.vehicles_market_search ul.select_vehicle_webgruppe>li.active>label>sup,div.vehicles_market_search ul.select_vehicle_webgruppe>li.active>label>a>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li:hover>label>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li:hover>label>a>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li.active>label>sup,div.vehicles_market_search ul.select_vehicle_modelgroup>li.active>label>a>sup,div.vehicles_market_search ul.select_vehicle_category>li:hover>label>sup,div.vehicles_market_search ul.select_vehicle_category>li:hover>label>a>sup,div.vehicles_market_search ul.select_vehicle_category>li.active>label>sup,div.vehicles_market_search ul.select_vehicle_category>li.active>label>a>sup{ color:var(--color-reisacher-saphir-i); background-color:var(--color-reisacher-pyrit-dunkel)} body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li:hover>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li:hover>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li.active>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li.active>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li:hover>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li:hover>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li.active>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li.active>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_category>li:hover>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_category>li:hover>label>a>sup,body.a11y div.vehicles_market_search ul.select_vehicle_category>li.active>label>sup,body.a11y div.vehicles_market_search ul.select_vehicle_category>li.active>label>a>sup{ color:var(--color-reisacher-saphir-text)} body.a11y div.vehicles_market_search ul.select_vehicle_webgruppe>li,body.a11y div.vehicles_market_search ul.select_vehicle_modelgroup>li,body.a11y div.vehicles_market_search ul.select_vehicle_category>li{ color:var(--color-reisacher-saphir-i)} div.vehicles_market_search ul.select_vehicle_webgruppe{ gap:0 60px; font-size:16px} div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>sup,div.vehicles_market_search ul.select_vehicle_webgruppe>li>label>a>sup{ display:inline} div.vehicles_market_search ul.select_vehicle_webgruppe>li.active{ font-weight:bold} div.vehicles_market_search ul.select_vehicle_modelgroup,div.vehicles_market_search ul.select_vehicle_category{ gap:10px} div.vehicles_market_search ul.select_vehicle_make{ display:flex; flex-wrap:wrap; gap:8px; min-height:124px; padding:0} div.vehicles_market_search ul.select_vehicle_make>li{ flex-grow:1; flex-basis:0; background-color:var(--color-reisacher-text-i); border-radius:6px} div.vehicles_market_search ul.select_vehicle_make>li>label{ width:100%; height:100%} div.vehicles_market_search ul.select_vehicle_make>li>label>a{ width:100%; height:100%; display:flex; justify-content:center; align-items:center} div.vehicles_market_search ul.select_vehicle_make>li>label>a>.select_text{ color:#fff; font-weight:bold; line-height:120%; letter-spacing:.36px; text-transform:uppercase} @media screen and (max-width:480px){ div.vehicles_market_search ul.select_vehicle_make>li>label>a>.select_text{ height:40px; line-height:40px; font-size:10px} div.vehicles_market_search ul.select_vehicle_make>li>label>a>.select_text>svg{ object-fit:contain; width:100%; height:100%; transform:scale(0.8)} } div.vehicles_market_search ul.select_vehicle_make>li svg path{ backdrop-filter:blur(40px)} div.vehicles_market_search ul.select_vehicle_make>li:not([data-vehicle-make-key=BMW]) svg path{ fill:#fff} div.vehicles_market_search ul.select_vehicle_make>li[data-vehicle-make-key=BMW]{ background-image:url(/images/icons/markenwelten/Logos/markenteaser_logo_bmw_grey-colour.svg); background-position:center; background-repeat:no-repeat; background-image:none; padding-top:4px} div.vehicles_market_search ul.select_vehicle_make>li:hover,div.vehicles_market_search ul.select_vehicle_make>li.active{ filter:drop-shadow(0px 8px 12px rgba(54, 65, 76, 0.5))} div.vehicles_market_search ul.select_vehicle_make>li:hover>label>a>.select_text,div.vehicles_market_search ul.select_vehicle_make>li.active>label>a>.select_text{ color:var(--color-reisacher-saphir-vii)} div.vehicles_market_search ul.select_vehicle_make>li:hover:not([data-vehicle-make-key=BMW]) svg path,div.vehicles_market_search ul.select_vehicle_make>li.active:not([data-vehicle-make-key=BMW]) svg path{ fill:var(--color-reisacher-saphir-vii)} div.vehicles_market_search ul.select_vehicle_make>li:hover[data-vehicle-make-key=BMW],div.vehicles_market_search ul.select_vehicle_make>li.active[data-vehicle-make-key=BMW]{ background-image:url(/images/icons/markenwelten/Logos/markenteaser_logo_bmw_grey-colour.svg)} div.vehicles_market_search ul.select_vehicle_make>li:hover[data-vehicle-make-key=BMW] svg,div.vehicles_market_search ul.select_vehicle_make>li.active[data-vehicle-make-key=BMW] svg{ opacity:0} div.vehicles_market_search ul.select_vehicle_make img{ height:50px} div.vehicles_market_search ul.select_vehicle_make label[for=vehicle_make_1_BMW] img{ height:55px} div.vehicles_market_search ul.select_vehicle_make label[for=vehicle_make_1_MINI] img{ height:40px; width:91px} div.vehicles_market_search ul.select_vehicle_make label[for=vehicle_make_1_BYD] img{ height:40px; width:70px} div.vehicles_market_search ul.select_vehicle_group,div.vehicles_market_search ul.select_vehicle_model{ display:flex; flex-wrap:wrap; gap:4px} div.vehicles_market_search ul.select_vehicle_group>li,div.vehicles_market_search ul.select_vehicle_model>li{ max-width:190px; flex-grow:1; box-sizing:border-box} @media screen and (min-width:640px){ div.vehicles_market_search ul.select_vehicle_group>li,div.vehicles_market_search ul.select_vehicle_model>li{ max-width:calc((100% - 8px)/3)} } @media screen and (min-width:768px){ div.vehicles_market_search ul.select_vehicle_group>li,div.vehicles_market_search ul.select_vehicle_model>li{ max-width:calc((100% - 12px)/4)} } @media screen and (min-width:1024px){ div.vehicles_market_search ul.select_vehicle_group>li,div.vehicles_market_search ul.select_vehicle_model>li{ max-width:calc((100% - 16px)/5)} } @media screen and (min-width:1200px){ div.vehicles_market_search ul.select_vehicle_group>li,div.vehicles_market_search ul.select_vehicle_model>li{ max-width:calc((100% - 20px)/6)} } @media screen and (max-width:639px){ div.vehicles_market_search ul.select_vehicle_group>li,div.vehicles_market_search ul.select_vehicle_model>li{ max-width:calc((100% - 4px)/2)} } div.vehicles_market_search ul.select_vehicle_group>li>label,div.vehicles_market_search ul.select_vehicle_model>li>label{ padding:0} div.vehicles_market_search ul.select_vehicle_group>li>label>a>.select_image,div.vehicles_market_search ul.select_vehicle_model>li>label>a>.select_image{ display:flex; padding:0} div.vehicles_market_search ul.select_vehicle_group>li>label>a>.select_image img,div.vehicles_market_search ul.select_vehicle_model>li>label>a>.select_image img{ width:100%; border-top-left-radius:6px; border-top-right-radius:6px} div.vehicles_market_search ul.select_vehicle_group>li>label>a>.select_text,div.vehicles_market_search ul.select_vehicle_model>li>label>a>.select_text{ width:calc(100% - 32px); padding:10px 16px; color:var(--color-reisacher-saphir-iii); font-size:14px; line-height:100%; background-color:var(--color-reisacher-text-i); border-bottom-left-radius:6px; border-bottom-right-radius:6px} div.vehicles_market_search ul.select_vehicle_group>li>label>a>.select_text::after,div.vehicles_market_search ul.select_vehicle_model>li>label>a>.select_text::after{ content:none} body.a11y div.vehicles_market_search ul.select_vehicle_group>li>label>a>.select_text,body.a11y div.vehicles_market_search ul.select_vehicle_model>li>label>a>.select_text{ color:#fff} div.vehicles_market_search ul.select_vehicle_group>li>label>a>sup,div.vehicles_market_search ul.select_vehicle_model>li>label>a>sup{ display:none} div.vehicles_market_search ul.select_vehicle_group>li>label>.select_input,div.vehicles_market_search ul.select_vehicle_model>li>label>.select_input{ position:absolute; padding:0; top:18px; right:12px} div.vehicles_market_search ul.select_vehicle_group>li>label>.select_input>.checkmark,div.vehicles_market_search ul.select_vehicle_model>li>label>.select_input>.checkmark{ border:none; background-color:unset !important} div.vehicles_market_search ul.select_vehicle_group>li>label>.select_input>.checkmark::after,div.vehicles_market_search ul.select_vehicle_model>li>label>.select_input>.checkmark::after{ background-image:url("/images/icons/fzgboerse/checkmark_unchecked.svg"); width:14px; height:14px; background-size:unset; opacity:1} div.vehicles_market_search ul.select_vehicle_group>li:hover,div.vehicles_market_search ul.select_vehicle_model>li:hover{ background-color:unset !important} div.vehicles_market_search ul.select_vehicle_group>li.selected>label>.select_input>.checkmark::after,div.vehicles_market_search ul.select_vehicle_model>li.selected>label>.select_input>.checkmark::after{ background-image:url("/images/icons/fzgboerse/checkmark_checked.svg")} div.vehicles_market_search ul.select_vehicle_group>li:hover>label>a>.select_text,div.vehicles_market_search ul.select_vehicle_group>li.selected>label>a>.select_text,div.vehicles_market_search ul.select_vehicle_model>li:hover>label>a>.select_text,div.vehicles_market_search ul.select_vehicle_model>li.selected>label>a>.select_text{ color:var(--color-reisacher-saphir-text) !important; background-color:var(--color-reisacher-pyrit)} div.vehicles_market_search ul.select_vehicle_group>li.inactive>label>a>.select_image,div.vehicles_market_search ul.select_vehicle_model>li.inactive>label>a>.select_image{ opacity:unset} div.vehicles_market_search ul.select_vehicle_model{ gap:15px} div.vehicles_market_search ul.select_vehicle_model>li{ max-width:fit-content} div.vehicles_market_search ul.select_vehicle_model>li>label>a>.select_text{ padding-right:25px; border-radius:6px} div.vehicles_market_search ul.select_vehicle_model>li>label>.select_input{ top:20px} div.vehicles_market_search_quick .vehicle_search_button_container span>input,div.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ font-family:"aktiv-grotesk",sans-serif; width:100%; height:100%; color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-pyrit); border-radius:4px; transition:.2s; font-size:16px; font-weight:bold; line-height:1.2; letter-spacing:.32px; text-transform:uppercase; padding:16px 40px; box-sizing:border-box} div.vehicles_market_search_quick .vehicle_search_button_container span>input:hover,div.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover{ background-color:var(--color-reisacher-pyrit-hell)} @media screen and (max-width:640px){ div.vehicles_market_search_quick .vehicle_search_button_container span>input,div.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ padding:10px; font-size:14px} } div.vehicles_market_search_quick .vehicle_search_notification_button_container span>input{ color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-pyrit)} div.vehicles_market_search_quick .vehicle_search_notification_button_container span>input:hover{ background-color:var(--color-reisacher-pyrit-hell)} div.vehicles_market_search_quick .vehicle_search_notification_button_container_html{ text-align:center} div.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ display:inline-block; color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-pyrit)} div.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover{ background-color:var(--color-reisacher-pyrit-hell)} div.vehicles_market_search ul.select_horizontal .select_input{ position:relative; padding-top:50px} div.vehicles_market_search ul.select_horizontal .select_input .checkmark{ bottom:0; left:50%; top:50%; margin-left:-10px} div.vehicles_market_search ul.select_multiple.select_vehicle_group li,div.vehicles_market_search ul.select_multiple.select_vehicle_model li{ border-left:none; vertical-align:top} div.vehicles_market_search .select_vehicle_group_empty{ margin-bottom:40px} div.vehicles_market_search ul.select_vehicle_model label{ padding:10px 20px 0} div.vehicles_market_search a.link_detail_search{ position:absolute; text-decoration:none; bottom:56px; right:calc((100vw - 1160px)/2 + 10px); color:var(--color-reisacher-saphir-text); font-size:16px; line-height:120%; letter-spacing:.32px} div.vehicles_market_search a.link_detail_search::before{ content:""; position:absolute; bottom:2px; right:-20px; height:14px; width:9px; background:url("/images/icons/arrow_left_131D26.svg") no-repeat center; transform:rotate(180deg)} div.vehicles_market_search a.link_detail_search::after{ content:""; position:absolute; bottom:-16px; left:0; right:-20px; background-color:var(--color-reisacher-pyrit-dunkel); height:3px} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel{ margin:6px 0 30px; background-color:var(--color-reisacher-saphir-ii); display:flex; flex-wrap:wrap; gap:6px; justify-content:center; align-items:center; border-radius:6px; padding:7px; color:var(--color-reisacher-saphir-vii)} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel li{ border-left:none} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel li.selected,div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel li:hover{ background-color:#fff; border-radius:4px} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel label.checkbox{ padding:8px 15px} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel label.checkbox .checkmark{ border-color:var(--color-reisacher-saphir-iii)} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel li.selected label.checkbox,div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel label.checkbox:hover{ color:var(--color-reisacher-saphir-text) !important} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel li.selected label.checkbox .checkmark,div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel label.checkbox:hover .checkmark{ border-color:var(--color-reisacher-saphir-text) !important; background-color:unset !important} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel li.selected label.checkbox .checkmark:after,div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel label.checkbox:hover .checkmark:after{ background-image:url(/images/icons/ico_check_131D26.svg) !important} div.vehicles_market_search_quick ul.select_horizontal.select_vehicle_fuel .select_input{ padding-top:10px; margin-right:10px; display:inline-block} @media only screen and (max-width:1400px){ div.vehicles_market_search ul.select_vehicle_class{ transform:none; left:40px} div.vehicles_market_search a.link_detail_search{ right:60px} } @media only screen and (max-width:876px){ div.vehicles_market_search ul.select_vehicle_webgruppe{ gap:0 10px} } @media only screen and (max-width:640px){ div.vehicles_market_search_quick{ padding-bottom:80px; font-size:14px} div.vehicles_market_search_quick::after{ content:none} div.vehicles_market_search_quick .title-wrapper{ padding:0 20px 40px} div.vehicles_market_search_quick .title-wrapper .title{ padding-left:20px; font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important; background-size:10px 20px; background-position:left 1px} div.vehicles_market_search form{ padding-left:20px; padding-right:20px} div.vehicles_market_search ul.select_vehicle_class{ position:relative; left:unset; bottom:unset} div.vehicles_market_search ul.select_vehicle_class::before{ opacity:1} div.vehicles_market_search ul.select_vehicle_class::after{ content:none} div.vehicles_market_search ul.select_vehicle_group{ justify-content:center} div.vehicles_market_search a.link_detail_search{ right:unset; left:50%; bottom:40px; transform:translateX(-50%); font-size:14px} div.vehicles_market_search a.link_detail_search:before{ display:none} div.vehicles_market_search a.link_detail_search:after{ bottom:-6px; right:0} div.vehicles_market_search ul.select_vehicle_modelgroup>li>label{ padding:2px} div.vehicles_market_search ul.select_vehicle_webgruppe>li>label,div.vehicles_market_search ul.select_vehicle_modelgroup>li>label>a,div.vehicles_market_search ul.select_vehicle_category>li>label>a{ padding:5px} div.vehicles_market_search ul.select_vehicle_class>li{ border-left:6px !important} div.vehicles_market_search ul.select_vehicle_group>li>label>a>.select_text{ padding:5px 10px; font-size:12px} div.vehicles_market_search ul.select_vehicle_class>li>:first-child{ padding:5px} div.vehicles_market_search ul.select_vehicle_make{ min-height:80px} } @media only screen and (max-width:480px){ div.vehicles_market_search ul.select_vehicle_make{ min-height:60px} div.vehicles_market_search ul.select_vehicle_make img{ height:35px} div.vehicles_market_search ul.select_vehicle_make label[for=vehicle_make_1_BMW] img{ height:40px} div.vehicles_market_search ul.select_vehicle_make>li[data-vehicle-make-key=BMW]{ padding-top:0; background-size:40px 40px} div.vehicles_market_search ul.select_vehicle_make label[for=vehicle_make_1_MINI] img{ height:30px; width:auto} div.vehicles_market_search ul.select_multiple.select_vehicle_group li{ font-size:14px; width:calc(50% - 2px); flex-grow:unset} div.vehicles_market_search ul.select_multiple.select_vehicle_model li{ font-size:14px} } .notification_form,.notification_form p,.notification_form form div{ font-size:16px; line-height:20px} .notification_form h2{ padding-bottom:20px} .notification_form h4{ padding-bottom:10px} .notification_form form .row.row_validto_range{ margin-bottom:5px} .notification_form label.radio{ line-height:26px} .notification_form form .row.row_table.row_kontakt_anrede{ width:50%} .ui-selectmenu-menu.ui-selectmenu-menu-notification2022_form_kontakt_anrede_anrede,.ui-selectmenu-menu.ui-selectmenu-menu-notification2022_form_kontakt_standort{ z-index:99999} @media only screen and (max-width:640px){ .notification_form form .row.row_table.row_kontakt_anrede{ width:100%} } .style_1_0 div.vehicles_market_search.vehicles_market_search_quick .title-wrapper .title,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick .title-wrapper .title{ font-family:"aktiv-grotesk-extended",sans-serif !important} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:var(--color-reisacher-saphir-ii)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li{ color:var(--color-reisacher-saphir-vi); border:1px solid rgba(0,0,0,0)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:var(--color-reisacher-saphir-ii); background-color:var(--color-reisacher-saphir-vi)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:#fff; border:1px solid var(--color-reisacher-pyrit)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label{ color:var(--color-reisacher-saphir-vii)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>a>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>a>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>sup,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>a>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>a>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>a>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>sup,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>a>sup{ color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-pyrit)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li:hover,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li:hover,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:var(--color-reisacher-saphir-ii); background-position:center; background-repeat:no-repeat; filter:none} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text{ color:var(--color-reisacher-saphir-text); font-family:"aktiv-grotesk",sans-serif; font-size:18px; font-style:normal; font-weight:700; line-height:120%; letter-spacing:.36px; text-transform:uppercase} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text>svg,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text>svg{ visibility:hidden} @media screen and (max-width:640px){ .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text{ font-size:15px; line-height:40px} } .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BMW],.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BMW]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_bmw.svg)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=MINI],.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=MINI]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_mini.svg)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BYD],.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BYD]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_byd.svg)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active{ background-color:#fff; border:1px solid var(--color-reisacher-pyrit)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid var(--color-reisacher-saphir-ii); background-color:var(--color-reisacher-saphir-ii); border-radius:6px; transition:.2s} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text{ color:var(--color-reisacher-saphir-vi); background-color:rgba(0,0,0,0) !important; border-radius:0} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-reisacher-pyrit); background-color:var(--color-reisacher-pyrit)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text{ color:var(--color-reisacher-saphir-vii) !important} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:var(--color-reisacher-saphir-ii)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:after,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:after{ background-color:var(--color-reisacher-saphir-iv)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:before,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:before{ display:none} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li a,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li a{ color:var(--color-reisacher-saphir-vi)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li svg path,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li svg path{ fill:var(--color-reisacher-saphir-vi)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li:hover,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:#fff} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active a,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active a{ color:var(--color-reisacher-saphir-text) !important} .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active svg path,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active svg path{ fill:var(--color-reisacher-saphir-text)} @media screen and (max-width:640px){ .style_1_0 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active,.style_1_13 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ border:1px solid var(--color-reisacher-pyrit) !important} } .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:var(--color-reisacher-saphir-i)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active{ background-color:#fff} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid var(--color-reisacher-saphir-i)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text{ background-color:var(--color-reisacher-saphir-i)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-reisacher-pyrit)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text{ background-color:var(--color-reisacher-pyrit)} .style_1_0 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class,.style_1_13 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:var(--color-reisacher-saphir-i)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick:after,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick:after{ background-color:var(--color-bmw-grau-i)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:var(--color-bmw-grau-light); border-radius:0} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li{ color:var(--color-bmw-schwarz); border:1px solid rgba(0,0,0,0); border-radius:0; font-family:BMWTypeNext,sans-serif; font-weight:normal !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:var(--color-bmw-grau-light); background-color:var(--color-bmw-schwarz)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:#fff; border:1px solid var(--color-bmw-blau)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label{ color:var(--color-bmw-schwarz)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>a>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>a>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>sup,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>a>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>a>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>a>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>sup,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>a>sup{ color:var(--color-bmw-weiss); background-color:var(--color-bmw-blau)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li:hover,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li:hover,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:var(--color-bmw-grau-light); background-position:center; background-repeat:no-repeat; filter:none; border-radius:0} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text{ color:var(--color-bmw-schwarz); font-family:inherit; font-size:18px; font-style:normal; font-weight:700; line-height:120%; letter-spacing:.36px; text-transform:uppercase} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text>svg,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text>svg{ visibility:hidden} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BMW],.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BMW]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_bmw.svg)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=MINI],.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=MINI]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_mini.svg)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BYD],.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BYD]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_byd.svg)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active{ background-color:#fff; border:1px solid var(--color-bmw-blau)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid var(--color-bmw-grau-light); background-color:var(--color-bmw-grau-light); border-radius:0; transition:.2s} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_image img,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_image img,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_image img,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_image img{ border-radius:0} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text{ color:var(--color-bmw-schwarz); background:rgba(0,0,0,0) !important; border-radius:0} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ box-shadow:0 8px 12px 0 rgba(54,65,76,.5); background-color:var(--color-bmw-grau-light) !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-bmw-blau); background-color:var(--color-bmw-blau) !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text{ color:var(--color-bmw-weiss) !important; background:rgba(0,0,0,0) !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>.select_input>.checkmark:after,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>.select_input>.checkmark:after{ background-image:url(/images/icons/fzgboerse/checkmark_unchecked_darkgrey.svg)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>.select_input>.checkmark:after,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>.select_input>.checkmark:after{ background-image:url(/images/icons/fzgboerse/checkmark_checked_darkgrey.svg)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:var(--color-bmw-grau-light)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:after,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:after{ background-color:var(--color-bmw-grau-i)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:before,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:before{ display:none} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li{ border-radius:0 !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li a,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li a{ color:var(--color-bmw-schwarz) !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li svg path,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li svg path{ fill:var(--color-bmw-schwarz)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:#fff} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active a,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active a{ color:var(--color-bmw-schwarz) !important} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active svg path,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active svg path{ fill:var(--color-bmw-schwarz)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ font-family:inherit; color:var(--color-bmw-weiss); background-color:var(--color-bmw-blau)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input:hover,.style_1_1 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover{ background-color:var(--color-bmw-grau-i)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input{ font-family:inherit; color:var(--color-bmw-weiss); background-color:var(--color-bmw-blau)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input:hover,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input:hover{ background-color:var(--color-bmw-grau-i)} .style_1_1 div.vehicles_market_search.vehicles_market_search_quick a.link_detail_search::after,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick a.link_detail_search::after{ background-color:var(--color-bmw-blau)} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:var(--color-bmw-weiss)} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:var(--color-bmw-weiss)} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:var(--color-bmw-grau-light)} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:var(--color-bmw-weiss)} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid var(--color-bmw-weiss); background-color:var(--color-bmw-weiss) !important} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ background-color:var(--color-bmw-weiss) !important} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-bmw-blau); background-color:var(--color-bmw-blau) !important} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:var(--color-bmw-weiss)} .style_1_1 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active,.style_1_8 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:var(--color-bmw-grau-light)} .style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input,.style_1_8 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ font-family:BMWMotorradW05Bold,sans-serif; letter-spacing:.5px} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick:after{ background-color:var(--color-mini-grau-dark)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:var(--color-mini-grau-light); border-radius:0} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li{ color:var(--color-mini-schwarz); border:1px solid rgba(0,0,0,0); border-radius:0; font-family:MINISerif,serif; font-weight:normal !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:var(--color-mini-grau-light); background-color:var(--color-mini-schwarz)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:#fff; border:1px solid var(--color-mini-purple)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label{ color:var(--color-mini-schwarz)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>a>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>a>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>sup,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>a>sup{ color:#fff; background-color:var(--color-mini-purple)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li:hover,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li:hover,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:var(--color-mini-grau-light); background-position:center; background-repeat:no-repeat; filter:none; border-radius:0} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text{ color:var(--color-mini-schwarz); font-family:inherit; font-size:18px; font-style:normal; font-weight:700; line-height:120%; letter-spacing:.36px; text-transform:uppercase} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text>svg{ visibility:hidden} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BMW]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_bmw.svg)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=MINI]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_mini.svg)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BYD]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_byd.svg)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active{ background-color:#fff; border:1px solid var(--color-mini-purple)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid var(--color-mini-grau-light); background-color:var(--color-mini-grau-light); border-radius:0; transition:.2s} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_image img,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_image img{ border-radius:0} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text{ color:var(--color-mini-schwarz); background:rgba(0,0,0,0) !important; border-radius:0} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ box-shadow:0 8px 12px 0 rgba(54,65,76,.5); background-color:var(--color-mini-grau-light) !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-mini-purple); background-color:var(--color-mini-purple) !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text{ color:#fff !important; background:rgba(0,0,0,0) !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>.select_input>.checkmark:after{ background-image:url(/images/icons/fzgboerse/checkmark_unchecked_darkgrey.svg)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>.select_input>.checkmark:after{ background-image:url(/images/icons/fzgboerse/checkmark_checked_darkgrey.svg)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:var(--color-mini-grau-light)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:after{ background-color:var(--color-mini-grau-dark)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:before{ display:none} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li{ border-radius:0 !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li a{ color:var(--color-mini-schwarz) !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li svg path{ fill:var(--color-mini-schwarz)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:#fff} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active a{ color:var(--color-mini-schwarz) !important} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active svg path{ fill:var(--color-mini-schwarz)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ font-family:inherit; color:#fff; background-color:var(--color-mini-purple)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input:hover,.style_1_7 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover{ background-color:var(--color-mini-grau-light)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input{ font-family:inherit; color:#fff; background-color:var(--color-mini-purple)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input:hover{ background-color:var(--color-mini-grau-light)} .style_1_7 div.vehicles_market_search.vehicles_market_search_quick a.link_detail_search::after{ background-color:var(--color-mini-purple)} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:#fff} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:#fff} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:var(--color-mini-grau-light)} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:#fff} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid #fff; background-color:#fff !important} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ background-color:#fff !important} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-mini-purple); background-color:var(--color-mini-purple) !important} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:#fff} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:var(--color-mini-grau-light)} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input:hover,.style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover{ background-color:var(--color-mini-grau-dark)} .style_1_7 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input:hover{ background-color:var(--color-mini-grau-dark)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick:after{ background-color:var(--color-byd-hellgrau)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:var(--color-byd-hellgrau); border-radius:0} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li{ color:var(--color-byd-black); border:1px solid rgba(0,0,0,0); border-radius:0; font-family:SourceSansPro,sans-serif; font-weight:normal !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:var(--color-byd-hellgrau); background-color:var(--color-byd-black)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:#fff; border:1px solid var(--color-byd-rot)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label{ color:var(--color-byd-black)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active>label>a>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active>label>a>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>sup,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active>label>a>sup{ color:#fff; background-color:var(--color-byd-rot)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li:hover,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li:hover,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:var(--color-byd-hellgrau); background-position:center; background-repeat:no-repeat; filter:none; border-radius:0} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text{ color:var(--color-byd-black); font-family:inherit; font-size:18px; font-style:normal; font-weight:700; line-height:120%; letter-spacing:.36px; text-transform:uppercase} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li>label>a>.select_text>svg{ visibility:hidden} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BMW]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_bmw.svg)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=MINI]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_mini.svg)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li[data-vehicle-make-key=BYD]{ background-image:url(/images/icons/fzgboerse/marken_logos/logo_byd.svg)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li.active{ background-color:#fff; border:1px solid var(--color-byd-rot)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid var(--color-byd-hellgrau); background-color:var(--color-byd-hellgrau); border-radius:0; transition:.2s} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_image img,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_image img{ border-radius:0} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>a>.select_text,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li>label>a>.select_text{ color:var(--color-byd-black); background:rgba(0,0,0,0) !important; border-radius:0} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ box-shadow:0 8px 12px 0 rgba(54,65,76,.5); background-color:var(--color-byd-hellgrau) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-byd-rot); background-color:var(--color-byd-rot) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>a>.select_text,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected>label>a>.select_text{ color:#fff !important; background:rgba(0,0,0,0) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li>label>.select_input>.checkmark:after{ background-image:url(/images/icons/fzgboerse/checkmark_unchecked_darkgrey.svg)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected>label>.select_input>.checkmark:after{ background-image:url(/images/icons/fzgboerse/checkmark_checked_darkgrey.svg)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:var(--color-byd-hellgrau)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:after{ background-color:var(--color-byd-hellgrau)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class:before{ display:none} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li{ border-radius:0 !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li a{ color:var(--color-byd-black) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li svg path{ fill:var(--color-byd-black)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li:hover{ background-color:#fff; box-shadow:0 8px 12px 0 rgba(54,65,76,.5)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:#fff} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active a{ color:var(--color-byd-black) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active svg path{ fill:var(--color-byd-black)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button{ font-family:inherit; color:#fff; background-color:var(--color-byd-rot)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_button_container span>input:hover,.style_1_11 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container_html .button:hover{ background-color:var(--color-byd-hellgrau); color:var(--color-byd-black) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input{ font-family:inherit; color:#fff; background-color:var(--color-byd-rot)} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick .vehicle_search_notification_button_container span>input:hover{ background-color:var(--color-byd-hellgrau); color:var(--color-byd-black) !important} .style_1_11 div.vehicles_market_search.vehicles_market_search_quick a.link_detail_search::after{ background-color:var(--color-byd-rot)} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category{ background-color:#fff} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>sup,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li>label>a>sup,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>sup,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li>label>a>sup,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>sup,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li>label>a>sup{ color:#fff} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_webgruppe>li.active,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_modelgroup>li.active,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_category>li.active{ background-color:var(--color-byd-hellgrau)} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_make>li{ background-color:#fff} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li{ border:1px solid #fff; background-color:#fff !important} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li:hover,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li:hover{ background-color:#fff !important} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_group>li.selected,.style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_model>li.selected{ border:1px solid var(--color-byd-rot); background-color:var(--color-byd-rot) !important} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class{ background-color:#fff} .style_1_11 .saphir_2_hg div.vehicles_market_search.vehicles_market_search_quick ul.select_vehicle_class>li.active{ background-color:var(--color-byd-hellgrau)} @font-face{ font-family:swiper-icons; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-container-pointer-events{ touch-action:pan-y} .swiper-container-pointer-events.swiper-container-vertical{ touch-action:pan-x} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial; line-height:1} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:50%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet:only-child{ display:none!important} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0} .swiper-container-cube .swiper-cube-shadow:before{ content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; filter:blur(50px)} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper6 .swiper-slide{ height:auto} .swiper6 .swiper-button-next,.swiper6 .swiper-button-prev{ height:30px; margin-top:-15px; opacity:.3} .swiper6 .swiper-button-prev:after,.swiper6 .swiper-button-next:after{ content:none} .swiper6 .swiper-button-prev{ left:-10px; background-image:url(/images/icons/arrow_left.svg); background-size:contain; background-repeat:no-repeat} .style_1_0 .swiper6 .swiper-button-prev{ background-image:url(/images/icons/arrow_left_738699.svg) !important; background-size:contain !important} .swiper6 .swiper-button-next{ right:-10px; background-image:url(/images/icons/arrow_right.svg); background-size:contain; background-repeat:no-repeat} .style_1_0 .swiper6 .swiper-button-next{ background-image:url(/images/icons/arrow_right_738699.svg) !important; background-size:contain !important} .swiper6 .swiper-button-next.swiper-button-disabled,.swiper6 .swiper-button-prev.swiper-button-disabled{ opacity:0} .swiper6 .swiper-pagination{ right:10px; left:10px; display:none; bottom:0} .swiper6 .swiper-pagination-bullet{ width:11px; height:11px; background:#999; opacity:1; margin:0 5px 2px; transition:.2s} .style_1_0 .swiper6 .swiper-pagination-bullet{ background:var(--color-reisacher-saphir-iii)} .swiper6 .swiper-pagination-bullet-active{ width:15px; height:15px; background:#005ca9; margin-bottom:0} .style_1_0 .swiper6 .swiper-pagination-bullet-active{ background:var(--color-reisacher-pyrit)} @media only screen and (max-width:1400px){ .swiper6 .swiper-button-prev,.swiper6 .swiper-button-next{ display:none !important} .swiper6 .swiper-pagination{ position:static; display:block; padding-top:10px; margin:0 30px} } .content_row.content_row_typ_92.content_row_component_164{ padding-top:0; padding-bottom:0} .content_row.content_row_typ_92.content_row_component_164 .vehicles_offers_slider_container{ padding:5% 0} .content_row.content_row_typ_92.content_row_component_164.no_space_top .vehicles_offers_slider_container{ padding-top:5px} .content_row.content_row_typ_92.content_row_component_164.no_space_bottom .vehicles_offers_slider_container{ padding-bottom:5px} .component_fzgangebote_slider2{ width:100%; max-width:1620px; padding:0 10px; box-sizing:border-box; margin:0 auto} @media screen and (min-width:2125px){ .component_fzgangebote_slider2{ max-width:calc(80vw - 40px)} } .component_fzgangebote_slider2 .swiper-container{ width:100%} .component_fzgangebote_slider2:hover .swiper-container{ box-shadow:4px 8px 24px 0px rgba(0,0,0,.25)} .component_fzgangebote_slider2 .swiper-wrapper{ margin:0; padding:0; list-style-type:none} .component_fzgangebote_slider2 .swiper-slide{ height:auto; box-sizing:border-box; background-color:var(--color-bmw-grau-i)} .component_fzgangebote_slider2 .swiper-slide>a{ position:relative; display:flex; flex-direction:column; justify-content:space-between; height:100%; min-height:640px; color:#fff; background-color:var(--color-bmw-schwarz); text-decoration:none} .component_fzgangebote_slider2 .image{ position:absolute; z-index:1; left:33.33%; right:0; top:0; bottom:58px; overflow:hidden} .component_fzgangebote_slider2 .image img{ width:100%; height:100%; object-fit:cover; transition:2s} .component_fzgangebote_slider2:hover .swiper-slide-active .image img{ transform:scale(1.05)} .component_fzgangebote_slider2 .installation{ position:absolute; z-index:3; top:24px; right:24px; padding:6px 32px 6px 16px; border-radius:32px; opacity:.9; background:var(--color-bmw-blau); color:#fff; font-size:12px; font-style:normal; font-weight:700; line-height:20px; text-transform:uppercase; transition:.2s} .component_fzgangebote_slider2 .installation:after{ content:""; width:18px; height:18px; background:url(/images/icons/arrow_right_top_round_white.svg) no-repeat center; background-size:contain; position:absolute; right:8px; top:7px} .component_fzgangebote_slider2 .infos{ position:relative; z-index:3; display:flex; flex-direction:column; padding:80px; width:33.33%; box-sizing:border-box; font-size:16px; font-style:normal; line-height:160%; letter-spacing:.32px} .component_fzgangebote_slider2 .title{ font-size:36px; font-style:normal; line-height:120%; letter-spacing:normal} .component_fzgangebote_slider2 .title .headline{ display:inline-block; padding-right:10px; position:relative} .component_fzgangebote_slider2 .title .headline:before{ content:""; position:absolute; left:-32px; top:12px; width:12px; height:22px; background:url(/images/icons/arrow_right_FFFFFF.svg) no-repeat center; background-size:contain} .component_fzgangebote_slider2 .text_title{ padding-bottom:24px; text-transform:uppercase} .component_fzgangebote_slider2 .offer_rate_table{ display:flex; gap:24px; align-items:end; padding-bottom:4px} .component_fzgangebote_slider2 .offer_rate_table .rate{ color:#fff; font-size:32px; font-style:normal; font-weight:700; line-height:120%; letter-spacing:-0.64px} .component_fzgangebote_slider2 .offer_bank{ padding:20px 0} .component_fzgangebote_slider2 .offer_bank small{ display:inline-block} .component_fzgangebote_slider2 .fzgangebot_infos{ position:relative; z-index:3; display:flex; gap:10px; flex-direction:column; padding:0 80px 30px 80px; width:33.33%; box-sizing:border-box} .component_fzgangebote_slider2 .fzgangebot_infos .fzgangebot_info{ display:block; padding:10px; background-color:var(--color-reisacher-pyrit-dunkel); color:#fff; font-size:15px; line-height:18px; text-align:center; box-shadow:4px 8px 24px 0 rgba(0,0,0,.25)} .style_1_1 .component_fzgangebote_slider2 .fzgangebot_infos .fzgangebot_info,.style_1_8 .component_fzgangebote_slider2 .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-bmw-blau)} .style_1_7 .component_fzgangebote_slider2 .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-mini-purple)} .style_1_11 .component_fzgangebote_slider2 .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-byd-rot)} .component_fzgangebote_slider2 .fzgangebot_infos .fzgangebot_info>*{ display:block} .component_fzgangebote_slider2 .offer_kraftstoff{ z-index:3; width:100%; min-height:58px; padding:12px 8.5% 12px 350px; box-sizing:border-box; background-color:var(--color-bmw-grau-i); font-size:12px; font-style:normal; line-height:100%; letter-spacing:0; display:flex; align-items:center; gap:5px; flex-wrap:wrap; transition:1s; transition-delay:.2s; color:rgba(255,255,255,0)} .component_fzgangebote_slider2 .swiper-slide-active .offer_kraftstoff{ color:#fff} .component_fzgangebote_slider2 .marke_bmw .title{ font-family:BMWTypeNextLight,sans-serif} .component_fzgangebote_slider2 .marke_bmw .title .headline{ font-family:BMWTypeNext,sans-serif} .component_fzgangebote_slider2 .marke_bmw .offer_rate_table .rate{ font-family:BMWTypeNextLight,sans-serif} .component_fzgangebote_slider2 .marke_bmw .installation{ background:var(--color-bmw-grau-i)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_bmw .installation{ background:var(--color-bmw-blau)} } .component_fzgangebote_slider2 .marke_bmw .infos{ font-family:BMWTypeNextLight,sans-serif} .component_fzgangebote_slider2 .marke_bmw .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-bmw-blau) !important} .component_fzgangebote_slider2 .marke_bmw .offer_kraftstoff{ font-family:BMWTypeNextLight,sans-serif; background-color:var(--color-bmw-grau-i)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_bmw{ background:var(--color-bmw-blau)} } @media screen and (min-width:1025px){ .component_fzgangebote_slider2:hover .swiper-slide-active.marke_bmw .installation{ background:var(--color-bmw-blau)} .component_fzgangebote_slider2:hover .swiper-slide-active.marke_bmw .offer_kraftstoff{ background-color:var(--color-bmw-blau)} } .component_fzgangebote_slider2 .marke_mini .title{ font-family:MINISerif,serif} .component_fzgangebote_slider2 .marke_mini .title .headline{ font-family:MINISerif,serif} .component_fzgangebote_slider2 .marke_mini .offer_rate_table .rate{ font-family:MINISerif,serif} .component_fzgangebote_slider2 .marke_mini .installation{ font-family:MINISerif,serif; background:var(--color-mini-schwarz)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_mini .installation{ background:var(--color-mini-purple)} } .component_fzgangebote_slider2 .marke_mini .infos{ font-family:MINISerif,serif} .component_fzgangebote_slider2 .marke_mini .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-mini-purple) !important} .component_fzgangebote_slider2 .marke_mini .offer_kraftstoff{ font-family:MINISerif,serif; background-color:var(--color-mini-schwarz)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_mini{ background:var(--color-mini-purple)} } @media screen and (min-width:1025px){ .component_fzgangebote_slider2:hover .swiper-slide-active.marke_mini .installation{ background:var(--color-mini-purple)} .component_fzgangebote_slider2:hover .swiper-slide-active.marke_mini .offer_kraftstoff{ background-color:var(--color-mini-purple)} } .component_fzgangebote_slider2 .marke_byd .title{ font-family:SourceSansPro,sans-serif} .component_fzgangebote_slider2 .marke_byd .title .headline{ font-family:SourceSansPro,sans-serif} .component_fzgangebote_slider2 .marke_byd .offer_rate_table .rate{ font-family:SourceSansPro,sans-serif} .component_fzgangebote_slider2 .marke_byd .installation{ font-family:SourceSansPro,sans-serif; background:var(--color-byd-black)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_byd .installation{ background:var(--color-byd-rot)} } .component_fzgangebote_slider2 .marke_byd .infos{ font-family:SourceSansPro,sans-serif} .component_fzgangebote_slider2 .marke_byd .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-byd-rot) !important} .component_fzgangebote_slider2 .marke_byd .offer_kraftstoff{ font-family:SourceSansPro,sans-serif; background-color:var(--color-byd-black)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_byd{ background:var(--color-byd-rot)} } @media screen and (min-width:1025px){ .component_fzgangebote_slider2:hover .swiper-slide-active.marke_byd .installation{ background:var(--color-byd-rot)} .component_fzgangebote_slider2:hover .swiper-slide-active.marke_byd .offer_kraftstoff{ background-color:var(--color-byd-rot)} } .component_fzgangebote_slider2 .marke_motorrad .title{ font-family:BMWMotorradW05Italic,sans-serif} .component_fzgangebote_slider2 .marke_motorrad .title .headline{ font-family:BMWMotorradW05Italic,sans-serif} .component_fzgangebote_slider2 .marke_motorrad .offer_rate_table .rate{ font-family:BMWMotorradW05Italic,sans-serif} .component_fzgangebote_slider2 .marke_motorrad .installation{ font-family:BMWMotorradW05Italic,sans-serif; background:var(--color-bmw-grau-i)} @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .marke_motorrad .installation{ background:var(--color-bmw-blau)} } body.a11y .component_fzgangebote_slider2 .marke_motorrad .installation{ background-color:var(--color-bmw-schwarz)} .component_fzgangebote_slider2 .marke_motorrad .infos{ font-family:BMWMotorradW05Italic,sans-serif} .component_fzgangebote_slider2 .marke_motorrad .fzgangebot_infos .fzgangebot_info{ background-color:var(--color-bmw-blau) !important} .component_fzgangebote_slider2 .marke_motorrad .offer_kraftstoff{ font-family:BMWMotorradW05Italic,sans-serif; background-color:var(--color-bmw-grau-i)} body.a11y .component_fzgangebote_slider2 .marke_motorrad .offer_kraftstoff{ background-color:var(--color-bmw-schwarz)} @media screen and (min-width:1025px){ .component_fzgangebote_slider2:hover .swiper-slide-active.marke_motorrad .installation{ background:var(--color-bmw-blau)} .component_fzgangebote_slider2:hover .swiper-slide-active.marke_motorrad .offer_kraftstoff{ background-color:var(--color-bmw-blau)} } .component_fzgangebote_slider2 .swiper_buttons{ position:absolute; bottom:15px; left:5%; margin-left:-7px; max-width:100%; display:flex; align-items:baseline; justify-content:center} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-next,.component_fzgangebote_slider2 .swiper_buttons .swiper-button-prev{ background:none; position:static; width:24px; height:24px} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-next:after,.component_fzgangebote_slider2 .swiper_buttons .swiper-button-prev:after{ width:6px; height:12px; content:""} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-next:hover,.component_fzgangebote_slider2 .swiper_buttons .swiper-button-prev:hover{ opacity:.8} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-prev{ margin-right:5px} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-prev:after{ background:url(/images/icons/arrow_left_white.svg) no-repeat center} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-next{ margin-left:5px} .component_fzgangebote_slider2 .swiper_buttons .swiper-button-next:after{ transform:rotate(180deg); background:url(/images/icons/arrow_left_white.svg) no-repeat center} .component_fzgangebote_slider2 .swiper_buttons .swiper-pagination{ position:static; display:flex; align-items:baseline} .component_fzgangebote_slider2 .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ width:24px; height:24px; margin:0 4px; border-radius:50%; border:1px solid #fff; background:none; box-sizing:border-box; color:#fff; font-size:12px; font-style:normal; font-weight:700; line-height:22px; letter-spacing:.28px; text-align:center; opacity:.4} .component_fzgangebote_slider2 .swiper_buttons .swiper-pagination .swiper-pagination-bullet:hover{ opacity:.8} body.a11y .component_fzgangebote_slider2 .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ opacity:1} .component_fzgangebote_slider2 .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ opacity:1} body.a11y .component_fzgangebote_slider2 .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ background-color:#fff; color:var(--color-reisacher-saphir-text)} @media screen and (max-width:1300px){ .component_fzgangebote_slider2 .title{ font-size:30px} .component_fzgangebote_slider2 .title .headline::before{ top:9px} .component_fzgangebote_slider2 .offer_rate_table .rate{ font-size:28px} } @media screen and (max-width:1024px){ .component_fzgangebote_slider2 .title{ font-size:24px} .component_fzgangebote_slider2 .swiper-slide{ padding-bottom:58px} .component_fzgangebote_slider2 .swiper-slide>a{ min-height:500px} .component_fzgangebote_slider2 .image{ left:40%} .component_fzgangebote_slider2 .infos{ width:40%; padding:40px} .component_fzgangebote_slider2 .fzgangebot_infos{ width:40%; padding:0 40px 20px 40px} .component_fzgangebote_slider2 .title .headline::before{ top:3px; left:-22px} .component_fzgangebote_slider2 .offer_kraftstoff{ background-color:var(--color-bmw-schwarz) !important; padding:10px 40px} .component_fzgangebote_slider2 .swiper_buttons{ right:10px; left:10px} } @media screen and (max-width:768px){ .component_fzgangebote_slider2 .image{ position:static} .component_fzgangebote_slider2 .infos{ order:2; width:100%; padding:20px 40px} .component_fzgangebote_slider2 .fzgangebot_infos{ order:1; width:100%; padding:20px 40px 0} .component_fzgangebote_slider2 .title .headline::before{ left:-24px} .component_fzgangebote_slider2 .installation{ top:10px; right:10px} .component_fzgangebote_slider2 .offer_kraftstoff{ order:3} } .teaser_bg{ background:none !important} .teaser{ width:100%; max-width:1660px; margin:0 auto; padding:40px 20px 0; box-sizing:border-box} @media screen and (min-width:2125px){ .teaser{ max-width:80vw} } .teaser ul.teaser_list_1,.teaser ul.teaser_list_2{ text-align:center} .teaser ul li{ display:inline-block; box-sizing:border-box; width:33.33% !important; padding:0 10px 50px; vertical-align:top; text-align:left} .teaser ul li:before{ display:none} .teaser ul li a{ display:block; background-color:var(--color-reisacher-saphir-ii); color:var(--color-reisacher-saphir-vii); font-size:16px; position:relative; border-radius:8px; overflow:hidden; box-shadow:0px 4px 24px 0px rgba(0,0,0,0); transition:.5s} @media screen and (min-width:1921px){ .teaser ul li a{ font-size:18px} } .teaser ul li a p{ font-size:16px; color:var(--color-reisacher-saphir-vii); margin:0 !important} @media screen and (min-width:1921px){ .teaser ul li a p{ font-size:18px} } @media screen and (min-width:1025px){ .teaser ul li a:hover{ text-decoration:none !important; background-color:#fff; color:var(--color-reisacher-saphir-text); box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } @media screen and (max-width:1024px)and (min-width:641px){ .teaser ul li a{ background-color:#fff; color:var(--color-reisacher-saphir-text); box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } @media screen and (max-width:640px){ .teaser ul li a.active{ background-color:#fff; color:var(--color-reisacher-saphir-text); box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} } .teaser ul li a .content_overview_image{ display:block; position:relative; box-sizing:border-box; overflow:hidden} .teaser ul li a .content_overview_image img{ display:block; width:100%; transition:.5s} @media screen and (min-width:1025px){ .teaser ul li a:hover .content_overview_image img{ transform:scale(1.05)} } @media screen and (max-width:640px){ .teaser ul li a.active .content_overview_image img{ transform:scale(1.05)} } .teaser ul li a .content_overview_image .img_spacer{ display:block; height:0; padding-bottom:66.66%; opacity:.5; background:#000} .teaser ul li a .content_overview_image:after{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4} .style_1_0 .teaser ul li a .content_overview_image:after,.style_1_13 .teaser ul li a .content_overview_image:after{ background:var(--color-reisacher-saphir-iv); opacity:.5} @media screen and (min-width:1025px){ .teaser ul li a:hover .content_overview_image:after{ opacity:0} } @media screen and (max-width:1024px)and (min-width:641px){ .teaser ul li a .content_overview_image:after{ opacity:0} } @media screen and (max-width:640px){ .teaser ul li a.active .content_overview_image:after{ opacity:0} } .teaser ul li a .content_overview{ display:block; padding:45px 20px 20px} .teaser ul li a .content_overview_title{ display:block; font-weight:bold; font-size:24px; line-height:1.2; padding-bottom:20px; box-sizing:border-box} @media screen and (min-width:1921px){ .teaser ul li a .content_overview_title{ font-size:26px} } .teaser ul li a .content_overview_text{ display:block; box-sizing:border-box; padding-bottom:40px} .teaser ul li a .template_text_box .button_1zeilig,.teaser ul li a .template_text_box .button_2zeilig{ margin:20px 20px 0; display:block; border:1px solid var(--color-reisacher-saphir-vii)} .style_1_1 .teaser ul li a,.style_1_8 .teaser ul li a{ background-color:rgba(102,102,102,.2); color:var(--color-bmw-grau-i)} .style_1_1 .teaser ul li a p,.style_1_8 .teaser ul li a p{ color:var(--color-bmw-grau-i)} @media screen and (min-width:1025px){ .style_1_1 .teaser ul li a:hover,.style_1_8 .teaser ul li a:hover{ background-color:rgba(242,242,242,.5); color:var(--color-bmw-schwarz)} } @media screen and (max-width:1024px)and (min-width:641px){ .style_1_1 .teaser ul li a,.style_1_8 .teaser ul li a{ background-color:rgba(242,242,242,.5); color:var(--color-bmw-schwarz)} } @media screen and (max-width:640px){ .style_1_1 .teaser ul li a.active,.style_1_8 .teaser ul li a.active{ background-color:rgba(242,242,242,.5); color:var(--color-bmw-schwarz)} } .style_1_1 .teaser ul li a .content_overview_image:after,.style_1_8 .teaser ul li a .content_overview_image:after{ background:rgba(102,102,102,.75)} .style_1_7 .teaser ul li a{ background-color:rgba(102,102,102,.3); color:var(--color-mini-grau-dark)} .style_1_7 .teaser ul li a p{ color:var(--color-mini-grau-dark)} @media screen and (min-width:1025px){ .style_1_7 .teaser ul li a:hover{ background-color:var(--color-mini-grau-light); color:var(--color-mini-schwarz)} } @media screen and (max-width:1024px)and (min-width:641px){ .style_1_7 .teaser ul li a{ background-color:var(--color-mini-grau-light); color:var(--color-mini-schwarz)} } @media screen and (max-width:640px){ .style_1_7 .teaser ul li a.active{ background-color:var(--color-mini-grau-light); color:var(--color-mini-schwarz)} } .style_1_7 .teaser ul li a .content_overview_image:after{ background:rgba(74,74,74,.75)} .style_1_11 .teaser ul li a{ background-color:var(--color-byd-graylight); color:rgba(0,0,0,.8)} .style_1_11 .teaser ul li a p{ color:rgba(0,0,0,.8)} @media screen and (min-width:1025px){ .style_1_11 .teaser ul li a:hover{ background-color:rgba(0,0,0,.02); color:var(--color-byd-black)} } @media screen and (max-width:1024px)and (min-width:641px){ .style_1_11 .teaser ul li a{ background-color:rgba(0,0,0,.02); color:var(--color-byd-black)} } @media screen and (max-width:640px){ .style_1_11 .teaser ul li a.active{ background-color:rgba(0,0,0,.02); color:var(--color-byd-black)} } .style_1_11 .teaser ul li a .content_overview_image:after{ background:rgba(0,0,0,.4)} @media only screen and (min-width:1600px){ .teaser ul li:nth-last-child(n+4),.teaser ul li:nth-last-child(n+4)~li{ width:25% !important} } @media only screen and (max-width:1024px){ .teaser{ padding:40px 10px} .teaser ul li{ width:50% !important} .teaser ul li a,.teaser ul li a p{ font-size:15px} .teaser ul li a .content_overview{ padding-top:30px} } @media only screen and (max-width:768px){ .teaser ul li a,.teaser ul li a p{ font-size:13px; line-height:16px} .teaser ul li a .content_overview_title{ padding-bottom:10px} .teaser ul li a .content_overview_text{ padding-bottom:30px} } @media only screen and (max-width:640px){ .teaser ul li{ width:100% !important} .teaser ul li a .content_overview_title{ font-size:23px; line-height:23px} } body.a11y .teaser ul li a,body.a11y .teaser ul li a p{ color:var(--color-reisacher-saphir-text)} body.a11y.style_1_1 .teaser ul li a,body.a11y.style_1_1 .teaser ul li a p{ color:var(--color-bmw-schwarz)} body.a11y.style_1_7 .teaser ul li a,body.a11y.style_1_7 .teaser ul li a p{ color:var(--color-mini-schwarz)} body.a11y.style_1_11 .teaser ul li a,body.a11y.style_1_11 .teaser ul li a p{ color:var(--color-byd-black)} body.a11y.style_1_12 .teaser ul li a,body.a11y.style_1_12 .teaser ul li a p{ color:var(--color-alpina-black)} .teaser{ position:relative} .bx-wrapper{ position:relative; margin-bottom:60px; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;} .bx-wrapper img{ max-width:100%; display:block;} .bxslider{ margin:0; padding:0; -webkit-perspective:1000;} ul.bxslider{ list-style:none;} .bx-viewport{ -webkit-transform:translateZ(0);} .bx-wrapper{ -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:5px solid #fff; background:#fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%;} .bx-wrapper .bx-loading{ min-height:50px; background:url('/node_modules/bxslider/src/css/images/bx_loader.gif') center center no-repeat #ffffff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;} .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;} .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#000;} .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;} .bx-wrapper .bx-pager-item{ font-size:0; line-height:0;} .bx-wrapper .bx-prev{ left:10px; background:url('/node_modules/bxslider/src/css/images/controls.png') no-repeat 0 -32px;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{ background-position:0 0;} .bx-wrapper .bx-next{ right:10px; background:url('/node_modules/bxslider/src/css/images/controls.png') no-repeat -43px -32px;} .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position:-43px 0;} .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{ display:none;} .bx-wrapper .bx-controls-auto{ text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url('/node_modules/bxslider/src/css/images/controls.png') -86px -11px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{ background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url('/node_modules/bxslider/src/css/images/controls.png') -86px -44px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{ background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px;} .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666; background:rgba(80, 80, 80, 0.75); width:100%;} .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;} .bx-wrapper{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0} .style_1_0 .bx-wrapper{ background:var(--color-reisacher-saphir-i)} .bx-loading{ display:none !important} .bx-wrapper .bx-viewport,.bx-viewport{ z-index:1; box-shadow:none; border:0; left:0} .bx-wrapper .bx-controls-direction a{ height:30px; width:27px; margin-top:-15px; opacity:.3; z-index:9} .bx-wrapper .bx-prev{ left:-35px; background:url(/images/icons/arrow_left_131D26.svg) center no-repeat rgba(0,0,0,0) !important; background-size:20px 20px !important} .bx-wrapper .bx-next{ right:-35px; background:url(/images/icons/arrow_right_131D26_02.svg) center no-repeat rgba(0,0,0,0) !important; background-size:20px 20px !important} .bx-wrapper .bx-pager{ padding:20px 0 0 0; bottom:auto; top:100%} .bx-wrapper .bx-pager-item{ vertical-align:top} .bx-wrapper .bx-pager.bx-default-pager a{ width:11px; height:11px; background:var(--color-reisacher-saphir-iv); opacity:1; border:2px solid #fff; margin:0 5px 2px; transition:.2s; border-radius:100%} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a{ background:#999} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; border-color:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a{ background:var(--color-alpina-graylight)} .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-reisacher-pyrit)} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a:hover,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-bmw-blau)} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-alpina-blau)} .bx-wrapper .bx-pager.bx-default-pager a.active{ transform:scale(1.4); background:var(--color-reisacher-pyrit)} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a.active,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-bmw-blau)} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-alpina-blau)} @media only screen and (max-width:1400px){ .bx-wrapper .bx-pager{ display:block} .bx-wrapper .bx-controls-direction{ display:none} } .component_news{ height:calc(100% - 30px); position:relative} .news_component{ height:100%; opacity:1; transition:opacity .2s; padding-bottom:75px; box-sizing:border-box} .news_component.loading{ opacity:.3} .news_component .bx-wrapper{ margin-bottom:0; background:transparent} .news_component .bx-wrapper .bx-viewport:hover{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .news_component .bx-wrapper .bx-pager{ position:static; padding-top:24px} .news_component .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; background:transparent !important; border:1.5px solid var(--color-reisacher-saphir-iv) !important; transition:.2s; box-sizing:border-box; margin:0 3px} .news_component .bx-wrapper .bx-pager.bx-default-pager a.active{ transform:none; background-color:var(--color-reisacher-saphir-iv) !important} .news_component .bx-wrapper .bx-pager.bx-default-pager a:hover{ transform:none; background-color:var(--color-reisacher-saphir-iv) !important; opacity:.6} .news_component .bx-wrapper{ height:100%} .news_component .bx-wrapper .bx-viewport{ height:100%} .style_1_0 .news_component .bx-wrapper .bx-viewport,.style_1_13 .news_component .bx-wrapper .bx-viewport{ border-radius:6px} .showAsList.news_component .bx-wrapper .bx-viewport{ box-shadow:none !important; height:auto} #newsSliderBox{ height:calc(100% - 100px)} .module_filter.filter_news_component{ min-height:47px; padding:20px 0 0 0; border-bottom:1px solid var(--color-reisacher-saphir-text); margin-bottom:24px; text-align:left} .module_filter.filter_news_component .filter_title{ opacity:1 !important; color:var(--color-reisacher-saphir-text) !important; font-size:16px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important; letter-spacing:.32px !important; margin-bottom:0 !important; text-transform:none !important} .module_filter.filter_news_component .ui-selectmenu-button{ color:var(--color-reisacher-saphir-text) !important; text-transform:none !important; font-size:16px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important; letter-spacing:.32px !important; margin-bottom:0 !important} .module_filter.filter_news_component .ui-selectmenu-icon.ui-icon{ border-left-color:var(--color-reisacher-saphir-text) !important; border-bottom-color:var(--color-reisacher-saphir-text) !important; width:8px !important; height:8px !important; margin-top:4px !important} .module_filter.filter_news_component .ui-selectmenu-text{ color:var(--color-reisacher-saphir-text)} .module_filter.filter_news_component:after{ content:""; display:block; clear:both} .showAsList.news_component .bx-controls{ display:none !important} #switcherListTiled_news>a.showEntriesList{ width:16px; height:16px; background-image:none; border-top:4px solid var(--color-reisacher-saphir-text); border-bottom:4px solid var(--color-reisacher-saphir-text); position:relative; box-sizing:border-box; margin-bottom:0} #switcherListTiled_news>a.showEntriesList:after{ content:""; display:inline-block; border-top:4px solid var(--color-reisacher-saphir-text); margin:2px 0; width:100%; position:absolute} #switcherListTiled_news>a.showEntriesTiled{ width:16px; height:16px; background-color:var(--color-reisacher-saphir-text); background-image:none; margin-bottom:0} ul#news_component_slider{ list-style-type:none; margin:0; visibility:hidden; display:flex; height:100%} .showAsList ul#news_component_slider{ position:static !important; width:100% !important; visibility:visible !important; display:flex; flex-direction:column; gap:8px; height:auto} ul#news_component_slider .newsEntry{ overflow:hidden} .showAsList ul#news_component_slider .newsEntry{ overflow:visible; border-radius:0} .showAsList ul#news_component_slider .newsEntry.bx-clone{ display:none !important} .news_component a.newsEntryLink{ display:block; height:100%; background-color:var(--color-reisacher-saphir-ii); position:relative; color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:400; line-height:150%; letter-spacing:.32px; transition:.5s} .style_1_1 .news_component a.newsEntryLink,.style_1_8 .news_component a.newsEntryLink{ background-color:var(--color-bmw-grau-light)} .style_1_7 .news_component a.newsEntryLink{ background-color:var(--color-mini-grau-light)} .style_1_11 .news_component a.newsEntryLink{ background-color:var(--color-byd-hellgrau)} .news_component a.newsEntryLink:hover{ color:var(--color-reisacher-saphir-text); background-color:#fff} .showAsList.news_component a.newsEntryLink{ border-radius:4px; overflow:hidden} .news_component a.newsEntryLink:hover{ text-decoration:none !important} .showAsList.news_component a.newsEntryLink:hover{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .newsEntryLink,.newsEntryImageBox,.newsEntryImage,.newsEntryImage img,.newsEntryInfosBox,.newsEntryInfos>*{ display:block; width:100%; box-sizing:border-box} .news_component.showAsList a.newsEntryLink{ display:flex; width:100%; table-layout:fixed; padding-bottom:0; min-height:auto !important} .newsEntryImageBox{ background-position:center; background-repeat:no-repeat; background-size:0} .showAsList .newsEntryImageBox{ display:block; width:32%; vertical-align:top; background-size:cover; position:relative; min-height:auto !important} .newsEntryImage{ position:relative; overflow:hidden} .newsEntryImage:before{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4; z-index:1} .style_1_0 .newsEntryImage:before,.style_1_13 .newsEntryImage:before{ background:var(--color-reisacher-saphir-iv); opacity:.5} @media screen and (min-width:1025px){ .news_component ul li a:hover .newsEntryImage:before{ opacity:0} } @media screen and (max-width:1024px){ .news_component ul li a:hover .newsEntryImage:before{ opacity:0} } .newsEntryImage img{ transition:.5s} .news_component ul li a:hover .newsEntryImage img{ transform:scale(1.05)} .showAsList .newsEntryImage{ display:block; height:100%; box-sizing:border-box} .showAsList .newsEntryImage picture{ width:100%; height:100%; object-fit:cover} .showAsList .newsEntryImage img{ width:100%; height:100%; object-fit:cover} .newsEntryImage .image_placeholder{ display:block; height:0; padding-bottom:66.66%; background-color:var(--color-reisacher-saphir-iv)} .showAsList .newsEntryImage .image_placeholder{ height:100%; padding-bottom:0} .newsEntryImage:after{ content:""; display:block; position:absolute; left:24px; bottom:0; box-sizing:border-box; width:40px; height:40px; border:20px solid transparent; transition:.5s; z-index:2} .style_1_0 .newsEntryImage:after,.style_1_13 .newsEntryImage:after{ border-bottom-color:var(--color-reisacher-saphir-ii)} .style_1_1 .newsEntryImage:after,.style_1_8 .newsEntryImage:after{ border-bottom-color:var(--color-bmw-grau-light)} .style_1_7 .newsEntryImage:after{ border-bottom-color:var(--color-mini-grau-light)} .style_1_11 .newsEntryImage:after{ border-bottom-color:var(--color-byd-hellgrau)} .news_component ul li a:hover .newsEntryImage:after{ border-bottom-color:#fff} .showAsList .newsEntryImage:after{ width:24px; height:24px; border:12px solid transparent; left:auto; right:0; bottom:auto; top:12px; margin-left:0} .style_1_0 .showAsList .newsEntryImage:after,.style_1_13 .showAsList .newsEntryImage:after{ border-right-color:var(--color-reisacher-saphir-ii)} .style_1_1 .showAsList .newsEntryImage:after,.style_1_8 .showAsList .newsEntryImage:after{ border-right-color:var(--color-bmw-grau-light)} .style_1_7 .showAsList .newsEntryImage:after{ border-right-color:var(--color-mini-grau-light)} .style_1_11 .showAsList .newsEntryImage:after{ border-right-color:var(--color-byd-hellgrau)} .news_component.showAsList ul li a:hover .newsEntryImage:after{ border-color:transparent; border-right-color:#fff} .showAsList .newsEntryInfosBox{ display:block; width:68%} .newsEntryInfos{ display:flex; flex-direction:column; gap:12px; padding:24px 24px 40px 24px} .showAsList .newsEntryInfos{ padding:12px 18px} .newsEntryInfos .headline{ color:var(--color-reisacher-saphir-vii); font-size:22px; font-style:normal; font-weight:400; line-height:130%; letter-spacing:.44px} .showAsList .newsEntryInfos .headline{ font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; min-height:47px} .showAsList a.newsEntryLink:hover .newsEntryInfos .headline{ color:var(--color-reisacher-saphir-text)} .newsEntryInfos .datum{ color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:700; line-height:130%; letter-spacing:.28px; text-transform:uppercase} .showAsList .newsEntryInfos .datum{ font-size:14px} .showAsList a.newsEntryLink:hover .newsEntryInfos .datum{ color:var(--color-reisacher-saphir-text)} .newsEntryInfos .subheadline{ max-width:65ch} .showAsList .newsEntryInfos .subheadline{ display:none} .newsEntryLink .button_more{ color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:400; line-height:130%; letter-spacing:.28px; text-transform:uppercase; position:absolute; right:24px; bottom:12px; border-bottom:3px solid var(--color-reisacher-saphir-vii)} .style_1_0 a.newsEntryLink:hover .button_more,.style_1_13 a.newsEntryLink:hover .button_more{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 a.newsEntryLink:hover .button_more,.style_1_8 a.newsEntryLink:hover .button_more{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 a.newsEntryLink:hover .button_more{ border-bottom-color:var(--color-mini-purple)} .style_1_11 a.newsEntryLink:hover .button_more{ border-bottom-color:var(--color-byd-rot)} .showAsList .newsEntryLink .button_more{ display:none} .newsBottomLinks{ position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid var(--color-reisacher-saphir-text); text-align:right} .newsBottomLinks a{ display:inline-block; color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:400; line-height:120%; letter-spacing:.32px; padding-bottom:12px; border-bottom:3px solid var(--color-reisacher-saphir-vii); margin:0 40px -1px auto} .newsBottomLinks a:hover{ text-decoration:none !important; color:var(--color-reisacher-saphir-text); border-bottom-width:5px} .style_1_0 .newsBottomLinks a:hover,.style_1_13 .newsBottomLinks a:hover{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 .newsBottomLinks a:hover,.style_1_8 .newsBottomLinks a:hover{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 .newsBottomLinks a:hover{ border-bottom-color:var(--color-mini-purple)} .style_1_11 .newsBottomLinks a:hover{ border-bottom-color:var(--color-byd-rot)} .news_component .no_news{ padding-bottom:40px} body.a11y #switcherListTiled_news{ display:none} body.a11y .module_filter.filter_news_component .ui-selectmenu-text,body.a11y .showAsList.news_component a.newsEntryLink,body.a11y .showAsList .newsEntryInfos .headline,body.a11y .showAsList .newsEntryInfos .datum,body.a11y .showAsList .newsEntryLink .button_more,body.a11y .newsBottomLinks a{ color:var(--color-reisacher-saphir-text)} .bx-wrapper{ position:relative; margin-bottom:60px; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;} .bx-wrapper img{ max-width:100%; display:block;} .bxslider{ margin:0; padding:0; -webkit-perspective:1000;} ul.bxslider{ list-style:none;} .bx-viewport{ -webkit-transform:translateZ(0);} .bx-wrapper{ -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:5px solid #fff; background:#fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%;} .bx-wrapper .bx-loading{ min-height:50px; background:url('/node_modules/bxslider/src/css/images/bx_loader.gif') center center no-repeat #ffffff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;} .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;} .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#000;} .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;} .bx-wrapper .bx-pager-item{ font-size:0; line-height:0;} .bx-wrapper .bx-prev{ left:10px; background:url('/node_modules/bxslider/src/css/images/controls.png') no-repeat 0 -32px;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{ background-position:0 0;} .bx-wrapper .bx-next{ right:10px; background:url('/node_modules/bxslider/src/css/images/controls.png') no-repeat -43px -32px;} .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position:-43px 0;} .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{ display:none;} .bx-wrapper .bx-controls-auto{ text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url('/node_modules/bxslider/src/css/images/controls.png') -86px -11px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{ background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url('/node_modules/bxslider/src/css/images/controls.png') -86px -44px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{ background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px;} .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666; background:rgba(80, 80, 80, 0.75); width:100%;} .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;} .bx-wrapper{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0} .style_1_0 .bx-wrapper{ background:var(--color-reisacher-saphir-i)} .bx-loading{ display:none !important} .bx-wrapper .bx-viewport,.bx-viewport{ z-index:1; box-shadow:none; border:0; left:0} .bx-wrapper .bx-controls-direction a{ height:30px; width:27px; margin-top:-15px; opacity:.3; z-index:9} .bx-wrapper .bx-prev{ left:-35px; background:url(/images/icons/arrow_left_131D26.svg) center no-repeat rgba(0,0,0,0) !important; background-size:20px 20px !important} .bx-wrapper .bx-next{ right:-35px; background:url(/images/icons/arrow_right_131D26_02.svg) center no-repeat rgba(0,0,0,0) !important; background-size:20px 20px !important} .bx-wrapper .bx-pager{ padding:20px 0 0 0; bottom:auto; top:100%} .bx-wrapper .bx-pager-item{ vertical-align:top} .bx-wrapper .bx-pager.bx-default-pager a{ width:11px; height:11px; background:var(--color-reisacher-saphir-iv); opacity:1; border:2px solid #fff; margin:0 5px 2px; transition:.2s; border-radius:100%} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a{ background:#999} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; border-color:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a{ background:var(--color-alpina-graylight)} .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-reisacher-pyrit)} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a:hover,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-bmw-blau)} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-alpina-blau)} .bx-wrapper .bx-pager.bx-default-pager a.active{ transform:scale(1.4); background:var(--color-reisacher-pyrit)} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a.active,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-bmw-blau)} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-alpina-blau)} @media only screen and (max-width:1400px){ .bx-wrapper .bx-pager{ display:block} .bx-wrapper .bx-controls-direction{ display:none} } .component_events{ height:calc(100% - 30px); position:relative} .events_component{ height:100%; opacity:1; transition:opacity .2s; padding-bottom:75px; box-sizing:border-box} .events_component.loading{ opacity:.3} .events_component .bx-wrapper{ margin-bottom:0; background:transparent} .events_component .bx-wrapper .bx-viewport:hover{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .events_component .bx-wrapper .bx-pager{ position:static; padding-top:24px} .events_component .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; background:transparent !important; border:1.5px solid var(--color-reisacher-saphir-iv) !important; transition:.2s; box-sizing:border-box; margin:0 3px} .events_component .bx-wrapper .bx-pager.bx-default-pager a.active{ transform:none; background-color:var(--color-reisacher-saphir-iv) !important} .events_component .bx-wrapper .bx-pager.bx-default-pager a:hover{ transform:none; background-color:var(--color-reisacher-saphir-iv) !important; opacity:.6} .events_component .bx-wrapper{ height:100%} .events_component .bx-wrapper .bx-viewport{ height:100%} .style_1_0 .events_component .bx-wrapper .bx-viewport,.style_1_13 .events_component .bx-wrapper .bx-viewport{ border-radius:6px} #eventsSliderBox{ height:calc(100% - 100px)} .module_filter.filter_events_component{ min-height:47px; padding:20px 0 0 0; border-bottom:1px solid var(--color-reisacher-saphir-text); margin-bottom:24px; text-align:left} .module_filter.filter_events_component .filter_title{ opacity:1 !important; color:var(--color-reisacher-saphir-text) !important; font-size:16px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important; letter-spacing:.32px !important; margin-bottom:0 !important; text-transform:none !important} .module_filter.filter_events_component .ui-selectmenu-button{ color:var(--color-reisacher-saphir-text) !important; text-transform:none !important; font-size:16px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important; letter-spacing:.32px !important; margin-bottom:0 !important} .module_filter.filter_events_component .ui-selectmenu-icon.ui-icon{ border-left-color:var(--color-reisacher-saphir-text) !important; border-bottom-color:var(--color-reisacher-saphir-text) !important; width:8px !important; height:8px !important; margin-top:4px !important} .module_filter.filter_events_component .ui-selectmenu-text{ color:var(--color-reisacher-saphir-text)} .module_filter.filter_events_component:after{ content:""; display:block; clear:both} .showAsList.events_component .bx-controls{ display:none !important} #switcherListTiled_events>a.showEntriesList{ width:16px; height:16px; background-image:none; border-top:4px solid var(--color-reisacher-saphir-text); border-bottom:4px solid var(--color-reisacher-saphir-text); position:relative; box-sizing:border-box; margin-bottom:0} #switcherListTiled_events>a.showEntriesList:after{ content:""; display:inline-block; border-top:4px solid var(--color-reisacher-saphir-text); margin:2px 0; width:100%; position:absolute} #switcherListTiled_events>a.showEntriesTiled{ width:16px; height:16px; background-image:none; background-color:var(--color-reisacher-saphir-text); margin-bottom:0} ul#events_component_slider{ list-style-type:none; margin:0; visibility:hidden; display:flex; height:100%} .showAsList ul#events_component_slider{ position:static !important; width:100% !important; visibility:visible !important; display:flex; flex-direction:column; gap:8px; height:auto} ul#events_component_slider .event{ overflow:hidden} .showAsList ul#events_component_slider .event{ border-radius:0; overflow:visible} .events_component ul li a{ display:block; height:100%; background-color:var(--color-reisacher-saphir-ii); position:relative; color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:400; line-height:150%; letter-spacing:.32px; transition:.5s} .style_1_1 .events_component ul li a,.style_1_8 .events_component ul li a{ background-color:var(--color-bmw-grau-light)} .style_1_7 .events_component ul li a{ background-color:var(--color-mini-grau-light)} .style_1_11 .events_component ul li a{ background-color:var(--color-byd-hellgrau)} .events_component ul li a:hover{ color:var(--color-reisacher-saphir-text); background-color:#fff} .showAsList.events_component a.event_link{ border-radius:4px; overflow:hidden} .events_component ul li a.event_link:hover{ text-decoration:none !important} .showAsList.events_component a.event_link:hover{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .event_link,.event_image,.event_image *,.event_infos_box,.event_date_location *,.event_headline_text>*{ display:block; width:100%; box-sizing:border-box} .events_component.showAsList a.event_link{ display:flex; width:100%; table-layout:fixed; padding-bottom:0; min-height:auto !important} .event_image_box{ background-position:center; background-repeat:no-repeat; background-size:0} .showAsList .event_image_box{ display:block; width:32%; vertical-align:top; background-size:cover; position:relative; min-height:auto !important} .event_image{ position:relative; overflow:hidden} .event_image:before{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4; z-index:1} .style_1_0 .event_image:before,.style_1_13 .event_image:before{ background:var(--color-reisacher-saphir-iv); opacity:.5} @media screen and (min-width:1025px){ .events_component ul li a:hover .event_image:before{ opacity:0} } @media screen and (max-width:1024px){ .events_component ul li a:hover .event_image:before{ opacity:0} } .showAsList .event_image{ display:block; height:100%; box-sizing:border-box} .event_image img{ transition:.5s} .events_component ul li a:hover .event_image img{ transform:scale(1.05)} .showAsList .event_image img{ width:100%; height:100%; object-fit:cover} .showAsList .event_image picture{ width:100%; height:100%; object-fit:cover} .event_image .image_placeholder{ display:block; height:0; padding-bottom:66.66%; background-color:var(--color-reisacher-saphir-iv)} .showAsList .event_image .image_placeholder{ height:100%; padding-bottom:0} .event_image:after{ content:""; display:block; position:absolute; left:24px; bottom:0; box-sizing:border-box; width:40px; height:40px; border:20px solid transparent; z-index:2; transition:.5s} .style_1_0 .event_image:after,.style_1_13 .event_image:after{ border-bottom-color:var(--color-reisacher-saphir-ii)} .style_1_1 .event_image:after,.style_1_8 .event_image:after{ border-bottom-color:var(--color-bmw-grau-light)} .style_1_7 .event_image:after{ border-bottom-color:var(--color-mini-grau-light)} .style_1_11 .event_image:after{ border-bottom-color:var(--color-byd-hellgrau)} .events_component ul li a:hover .event_image:after{ border-bottom-color:#fff} .showAsList .event_image:after{ width:24px; height:24px; border:12px solid transparent; left:auto; right:0; bottom:auto; top:12px; margin-left:0} .style_1_0 .showAsList .event_image:after,.style_1_13 .showAsList .event_image:after{ border-right-color:var(--color-reisacher-saphir-ii)} .style_1_1 .showAsList .event_image:after,.style_1_8 .showAsList .event_image:after{ border-right-color:var(--color-bmw-grau-light)} .style_1_7 .showAsList .event_image:after{ border-right-color:var(--color-mini-grau-light)} .style_1_11 .showAsList .event_image:after{ border-right-color:var(--color-byd-hellgrau)} .events_component.showAsList ul li a:hover .event_image:after{ border-color:transparent; border-right-color:#fff} .showAsList .event_infos_box{ display:block; width:68%} .event_buttons{ display:none} .event_infos{ display:flex; flex-direction:column; gap:12px; padding:24px 24px 40px 24px} .showAsList .event_infos{ padding:12px 18px} .event_date_location{ display:none} .showAsList .event_date_location{ display:none} .event_day{ font-family:BMWTypeNext,sans-serif; font-weight:bold; font-size:80px; line-height:70px} .event_month,.event_location_headline,.event_from_time_headline,.event_till_time_headline{ font-family:BMWTypeNext,sans-serif; font-weight:bold; text-transform:uppercase} .event_month{ margin-top:-2px} .event_date_box,.event_location_box,.event_from_time_box,.event_detail .event_till_time_box{ padding-bottom:20px} .event_headline_text{ display:flex; flex-direction:column; gap:12px; width:100%} .event_headline{ color:var(--color-reisacher-saphir-vii); font-size:22px; font-style:normal; font-weight:400; line-height:130%; letter-spacing:.44px} .showAsList .event_headline{ font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; min-height:47px} a.event_link:hover .event_headline{ color:var(--color-reisacher-saphir-text)} .event_datum{ color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:700; line-height:130%; letter-spacing:.28px; text-transform:uppercase} .showAsList .event_datum{ font-size:14px} a.event_link:hover .event_datum{ color:var(--color-reisacher-saphir-text)} .event_infos .event_text{ max-width:65ch} .showAsList .event_infos .event_text{ display:none} .event_link .button_more{ color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:400; line-height:130%; letter-spacing:.28px; text-transform:uppercase; position:absolute; right:24px; bottom:12px; border-bottom:3px solid var(--color-reisacher-saphir-vii)} .style_1_0 a.event_link:hover .button_more,.style_1_13 a.event_link:hover .button_more{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 a.event_link:hover .button_more,.style_1_8 a.event_link:hover .button_more{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 a.event_link:hover .button_more{ border-bottom-color:var(--color-mini-purple)} .style_1_11 a.event_link:hover .button_more{ border-bottom-color:var(--color-byd-rot)} .showAsList .event_link .button_more{ display:none} .eventsBottomLinks{ position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid var(--color-reisacher-saphir-text); text-align:right} .eventsBottomLinks a{ display:inline-block; color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:400; line-height:120%; letter-spacing:.32px; padding-bottom:12px; border-bottom:3px solid var(--color-reisacher-saphir-vii); margin:0 40px -1px auto} .eventsBottomLinks a:hover{ text-decoration:none !important; color:var(--color-reisacher-saphir-text); border-bottom-width:5px} .style_1_0 .eventsBottomLinks a:hover,.style_1_13 .eventsBottomLinks a:hover{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 .eventsBottomLinks a:hover,.style_1_8 .eventsBottomLinks a:hover{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 .eventsBottomLinks a:hover{ border-bottom-color:var(--color-mini-purple)} .style_1_11 .eventsBottomLinks a:hover{ border-bottom-color:var(--color-byd-rot)} .events_component .no_terms{ padding-bottom:40px} body.a11y #switcherListTiled_events{ display:none} body.a11y .module_filter.filter_events_component .ui-selectmenu-text,body.a11y .showAsList.events_component a.event_link,body.a11y .showAsList .event_headline,body.a11y .event_datum,body.a11y .event_link .button_more,body.a11y .eventsBottomLinks a{ color:var(--color-reisacher-saphir-text)} .bx-wrapper{ position:relative; margin-bottom:60px; padding:0; *zoom:1; -ms-touch-action:pan-y; touch-action:pan-y;} .bx-wrapper img{ max-width:100%; display:block;} .bxslider{ margin:0; padding:0; -webkit-perspective:1000;} ul.bxslider{ list-style:none;} .bx-viewport{ -webkit-transform:translateZ(0);} .bx-wrapper{ -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:5px solid #fff; background:#fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%;} .bx-wrapper .bx-loading{ min-height:50px; background:url('/node_modules/bxslider/src/css/images/bx_loader.gif') center center no-repeat #ffffff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;} .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;} .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background:#000;} .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; vertical-align:bottom; *zoom:1; *display:inline;} .bx-wrapper .bx-pager-item{ font-size:0; line-height:0;} .bx-wrapper .bx-prev{ left:10px; background:url('/node_modules/bxslider/src/css/images/controls.png') no-repeat 0 -32px;} .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{ background-position:0 0;} .bx-wrapper .bx-next{ right:10px; background:url('/node_modules/bxslider/src/css/images/controls.png') no-repeat -43px -32px;} .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position:-43px 0;} .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled{ display:none;} .bx-wrapper .bx-controls-auto{ text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url('/node_modules/bxslider/src/css/images/controls.png') -86px -11px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus{ background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url('/node_modules/bxslider/src/css/images/controls.png') -86px -44px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus{ background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px;} .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666; background:rgba(80, 80, 80, 0.75); width:100%;} .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;} .bx-wrapper{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0} .style_1_0 .bx-wrapper{ background:var(--color-reisacher-saphir-i)} .bx-loading{ display:none !important} .bx-wrapper .bx-viewport,.bx-viewport{ z-index:1; box-shadow:none; border:0; left:0} .bx-wrapper .bx-controls-direction a{ height:30px; width:27px; margin-top:-15px; opacity:.3; z-index:9} .bx-wrapper .bx-prev{ left:-35px; background:url(/images/icons/arrow_left_131D26.svg) center no-repeat rgba(0,0,0,0) !important; background-size:20px 20px !important} .bx-wrapper .bx-next{ right:-35px; background:url(/images/icons/arrow_right_131D26_02.svg) center no-repeat rgba(0,0,0,0) !important; background-size:20px 20px !important} .bx-wrapper .bx-pager{ padding:20px 0 0 0; bottom:auto; top:100%} .bx-wrapper .bx-pager-item{ vertical-align:top} .bx-wrapper .bx-pager.bx-default-pager a{ width:11px; height:11px; background:var(--color-reisacher-saphir-iv); opacity:1; border:2px solid #fff; margin:0 5px 2px; transition:.2s; border-radius:100%} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a{ background:#999} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; border-color:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a{ background:var(--color-alpina-graylight)} .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-reisacher-pyrit)} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a:hover,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-bmw-blau)} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:var(--color-alpina-blau)} .bx-wrapper .bx-pager.bx-default-pager a.active{ transform:scale(1.4); background:var(--color-reisacher-pyrit)} .style_1_1 .bx-wrapper .bx-pager.bx-default-pager a.active,.style_1_8 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-bmw-blau)} .style_1_11 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-byd-rot)} .style_1_12 .bx-wrapper .bx-pager.bx-default-pager a.active{ background:var(--color-alpina-blau)} @media only screen and (max-width:1400px){ .bx-wrapper .bx-pager{ display:block} .bx-wrapper .bx-controls-direction{ display:none} } .component_newsletter{ height:calc(100% - 30px); position:relative} .newsletter_component{ height:100%; opacity:1; transition:opacity .2s; padding-bottom:75px; box-sizing:border-box} .newsletter_component.loading{ opacity:.3} .newsletter_component .bx-wrapper{ margin-bottom:0; background:transparent} .newsletter_component .bx-wrapper .bx-viewport:hover{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .newsletter_component .bx-wrapper .bx-pager{ position:static; padding-top:24px} .newsletter_component .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px; background:transparent !important; border:1.5px solid var(--color-reisacher-saphir-iv) !important; transition:.2s; box-sizing:border-box; margin:0 3px} .newsletter_component .bx-wrapper .bx-pager.bx-default-pager a.active{ transform:none; background-color:var(--color-reisacher-saphir-iv) !important} .newsletter_component .bx-wrapper .bx-pager.bx-default-pager a:hover{ transform:none; background-color:var(--color-reisacher-saphir-iv) !important; opacity:.6} .newsletter_component .bx-wrapper{ height:100%} .newsletter_component .bx-wrapper .bx-viewport{ height:100%} .style_1_0 .newsletter_component .bx-wrapper .bx-viewport,.style_1_13 .newsletter_component .bx-wrapper .bx-viewport{ border-radius:6px} #newsletterSliderBox{ height:calc(100% - 100px)} .module_filter.filter_newsletter_component{ min-height:47px; padding:20px 0 0 0; border-bottom:1px solid var(--color-reisacher-saphir-text); margin-bottom:24px; text-align:left} .module_filter.filter_newsletter_component .filter_title{ opacity:1 !important; color:var(--color-reisacher-saphir-text) !important; font-size:16px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important; letter-spacing:.32px !important; margin-bottom:0 !important; text-transform:none !important} .module_filter.filter_newsletter_component .ui-selectmenu-button{ color:var(--color-reisacher-saphir-text) !important; text-transform:none !important; font-size:16px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important; letter-spacing:.32px !important; margin-bottom:0 !important} .module_filter.filter_newsletter_component .ui-selectmenu-icon.ui-icon{ border-left-color:var(--color-reisacher-saphir-text) !important; border-bottom-color:var(--color-reisacher-saphir-text) !important; width:8px !important; height:8px !important; margin-top:4px !important} .module_filter.filter_newsletter_component .ui-selectmenu-text{ color:var(--color-reisacher-saphir-text)} .module_filter.filter_newsletter_component:after{ content:""; display:block; clear:both} .showAsList.newsletter_component .bx-controls{ display:none !important} #switcherListTiled_newsletter>a.showEntriesList{ width:16px; height:16px; background-image:none; border-top:4px solid var(--color-reisacher-saphir-text); border-bottom:4px solid var(--color-reisacher-saphir-text); position:relative; box-sizing:border-box; margin-bottom:0} #switcherListTiled_newsletter>a.showEntriesList:after{ content:""; display:inline-block; border-top:4px solid var(--color-reisacher-saphir-text); margin:2px 0; width:100%; position:absolute} #switcherListTiled_newsletter>a.showEntriesTiled{ width:16px; height:16px; background-image:none; background-color:var(--color-reisacher-saphir-text); margin-bottom:0} .newsletterEntries ul.newsletter_component_slider{ list-style-type:none; margin:0; visibility:hidden; display:flex; height:100%} .showAsList .newsletterEntries ul.newsletter_component_slider{ position:static !important; width:100% !important; visibility:visible !important; display:flex; flex-direction:column; gap:8px; height:auto} .newsletterEntries ul .newsletterEntry{ overflow:hidden} .newsletterEntries ul .newsletterEntry article{ height:100%} .showAsList .newsletterEntries ul .newsletterEntry{ border-radius:0; overflow:visible} .newsletter_component a.newsletterEntryLink{ display:block; height:100%; background-color:var(--color-reisacher-saphir-ii); position:relative; color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:400; line-height:150%; letter-spacing:.32px; transition:.5s} .style_1_1 .newsletter_component a.newsletterEntryLink,.style_1_8 .newsletter_component a.newsletterEntryLink{ background-color:var(--color-bmw-grau-light)} .style_1_7 .newsletter_component a.newsletterEntryLink{ background-color:var(--color-mini-grau-light)} .style_1_11 .newsletter_component a.newsletterEntryLink{ background-color:var(--color-byd-hellgrau)} .newsletter_component a.newsletterEntryLink:hover{ color:var(--color-reisacher-saphir-text); background-color:#fff} .showAsList.newsletter_component a.newsletterEntryLink{ border-radius:4px; overflow:hidden} .newsletter_component a.newsletterEntryLink:hover{ text-decoration:none !important} .showAsList.newsletter_component a.newsletterEntryLink:hover{ box-shadow:0px 14px 26px 0px rgba(122,138,153,.3)} .newsletterEntryLink,.newsletterEntryImageBox,.newsletterEntryImage,.newsletterEntryImage *,.newsletterEntryInfosBox,.newsletterEntryInfos>*{ display:block; width:100%; box-sizing:border-box} .newsletter_component.showAsList a.newsletterEntryLink{ display:flex; width:100%; table-layout:fixed; padding-bottom:0; min-height:auto !important} .newsletterEntryImageBox{ background-position:center; background-repeat:no-repeat; background-size:0} .showAsList .newsletterEntryImageBox{ display:block; width:32%; vertical-align:top; background-size:cover; position:relative; min-height:auto !important} .newsletterEntryImage{ position:relative; overflow:hidden} .newsletterEntryImage:before{ content:""; position:absolute; left:0; right:0; bottom:0; top:0; box-sizing:border-box; background:#000; transition:.5s; opacity:.4; z-index:1} .style_1_0 .newsletterEntryImage:before,.style_1_13 .newsletterEntryImage:before{ background:var(--color-reisacher-saphir-iv); opacity:.5} @media screen and (min-width:1025px){ .newsletter_component ul li a:hover .newsletterEntryImage:before{ opacity:0} } @media screen and (max-width:1024px){ .newsletter_component ul li a:hover .newsletterEntryImage:before{ opacity:0} } .newsletterEntryImage img{ width:100%; height:100%; object-fit:cover; transition:.5s} .newsletter_component ul li a:hover .newsletterEntryImage img{ transform:scale(1.05)} .showAsList .newsletterEntryImage{ display:block; height:100%; box-sizing:border-box} .showAsList .newsletterEntryImage img{ width:100%; height:100%; object-fit:cover} .newsletterEntryImage .image_placeholder{ display:block; height:0; padding-bottom:66.66%; background-color:var(--color-reisacher-saphir-iv)} .showAsList .newsletterEntryImage .image_placeholder{ height:100%; padding-bottom:0} .newsletterEntryImage:after{ content:""; display:block; position:absolute; left:24px; bottom:0; box-sizing:border-box; width:40px; height:40px; border:20px solid transparent; z-index:2; transition:.5s} .style_1_0 .newsletterEntryImage:after,.style_1_13 .newsletterEntryImage:after{ border-bottom-color:var(--color-reisacher-saphir-ii)} .style_1_1 .newsletterEntryImage:after,.style_1_8 .newsletterEntryImage:after{ border-bottom-color:var(--color-bmw-grau-light)} .style_1_7 .newsletterEntryImage:after{ border-bottom-color:var(--color-mini-grau-light)} .style_1_11 .newsletterEntryImage:after{ border-bottom-color:var(--color-byd-hellgrau)} .newsletter_component ul li a:hover .newsletterEntryImage:after{ border-bottom-color:#fff} .showAsList .newsletterEntryImage:after{ width:24px; height:24px; border:12px solid transparent; left:auto; right:0; bottom:auto; top:12px; margin-left:0} .style_1_0 .showAsList .newsletterEntryImage:after,.style_1_13 .showAsList .newsletterEntryImage:after{ border-right-color:var(--color-reisacher-saphir-ii)} .style_1_1 .showAsList .newsletterEntryImage:after,.style_1_8 .showAsList .newsletterEntryImage:after{ border-right-color:var(--color-bmw-grau-light)} .style_1_7 .showAsList .newsletterEntryImage:after{ border-right-color:var(--color-mini-grau-light)} .style_1_11 .showAsList .newsletterEntryImage:after{ border-right-color:var(--color-byd-hellgrau)} .newsletter_component.showAsList ul li a:hover .newsletterEntryImage:after{ border-color:transparent; border-right-color:#fff} .showAsList .newsletterEntryInfosBox{ display:block; width:68%} .newsletterEntryInfos{ display:flex; flex-direction:column; gap:12px; padding:24px 24px 40px 24px} .showAsList .newsletterEntryInfos{ padding:12px 18px} .newsletterEntryInfos .headline{ color:var(--color-reisacher-saphir-vii); font-size:22px; font-style:normal; font-weight:400; line-height:130%; letter-spacing:.44px} .showAsList .newsletterEntryInfos .headline{ font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; min-height:47px} a.newsletterEntryLink:hover .newsletterEntryInfos .headline{ color:var(--color-reisacher-saphir-text)} .newsletterEntryInfos .datum{ color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:700; line-height:130%; letter-spacing:.28px; text-transform:uppercase} .showAsList .newsletterEntryInfos .datum{ font-size:14px} a.newsletterEntryLink:hover .newsletterEntryInfos .datum{ color:var(--color-reisacher-saphir-text)} .showAsList .newsletterEntryInfos .newsletterThemen{ display:none} .newsletterEntryInfos .liste li{ padding:2px 0 2px 10px} .newsletterEntryInfos .liste li:before{ top:4px} .newsletterEntryLink .button_more{ color:var(--color-reisacher-saphir-vii); font-size:14px; font-style:normal; font-weight:400; line-height:130%; letter-spacing:.28px; text-transform:uppercase; position:absolute; right:24px; bottom:12px; border-bottom:3px solid var(--color-reisacher-saphir-vii)} .style_1_0 a.newsletterEntryLink:hover .button_more,.style_1_13 a.newsletterEntryLink:hover .button_more{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 a.newsletterEntryLink:hover .button_more,.style_1_8 a.newsletterEntryLink:hover .button_more{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 a.newsletterEntryLink:hover .button_more{ border-bottom-color:var(--color-mini-purple)} .style_1_11 a.newsletterEntryLink:hover .button_more{ border-bottom-color:var(--color-byd-rot)} .showAsList .newsletterEntryLink .button_more{ display:none} .newsletterBottomLinks{ position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid var(--color-reisacher-saphir-text); text-align:right} .newsletterBottomLinks a{ display:inline-block; color:var(--color-reisacher-saphir-vii); font-size:16px; font-style:normal; font-weight:400; line-height:120%; letter-spacing:.32px; padding-bottom:12px; border-bottom:3px solid var(--color-reisacher-saphir-vii); margin:0 40px -1px auto} .newsletterBottomLinks a:hover{ text-decoration:none !important; color:var(--color-reisacher-saphir-text); border-bottom-width:5px} .style_1_0 .newsletterBottomLinks a:hover,.style_1_13 .newsletterBottomLinks a:hover{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 .newsletterBottomLinks a:hover,.style_1_8 .newsletterBottomLinks a:hover{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 .newsletterBottomLinks a:hover{ border-bottom-color:var(--color-mini-purple)} .style_1_11 .newsletterBottomLinks a:hover{ border-bottom-color:var(--color-byd-rot)} .newsletter_component .no_newsletter{ padding-bottom:40px} body.a11y #switcherListTiled_newsletter{ display:none} body.a11y .module_filter.filter_newsletter_component .ui-selectmenu-text,body.a11y .showAsList.newsletter_component a.newsletterEntryLink,body.a11y .showAsList .newsletterEntryInfos .headline,body.a11y .newsletterEntryInfos .datum,body.a11y .newsletterEntryLink .button_more,body.a11y .newsletterBottomLinks a{ color:var(--color-reisacher-saphir-text)} .component_instagram_feed{ padding:0 30px; max-width:1660px; box-sizing:border-box; margin:0 auto} @media screen and (min-width:2125px){ .component_instagram_feed{ max-width:80vw} } @media screen and (max-width:1024px){ .component_instagram_feed{ padding:0 10px} } .component_instagram_feed .eapps-instagram-feed-error-container:empty{ display:none !important} .component_instagram_feed .eapps-instagram-feed-header{ color:var(--color-reisacher-saphir-text) !important; font-family:"aktiv-grotesk",sans-serif !important; background:transparent !important} .component_instagram_feed .eapps-instagram-feed-header .eapps-instagram-feed-header-user-info-name>a{ color:var(--color-reisacher-saphir-text) !important; font-family:"aktiv-grotesk-extended",sans-serif !important; font-size:20px !important; font-style:normal !important; font-weight:bold !important; line-height:120% !important; letter-spacing:-0.5px !important} @media screen and (max-width:1024px){ .component_instagram_feed .eapps-instagram-feed-header .eapps-instagram-feed-header-user-info-name>a{ font-size:16px !important} } .component_instagram_feed .eapps-instagram-feed-header-stats-item-value{ color:var(--color-reisacher-saphir-text) !important; font-family:"aktiv-grotesk-extended",sans-serif !important; font-size:20px !important; font-style:normal !important; font-weight:bold !important; line-height:120% !important; letter-spacing:-0.5px !important} @media screen and (max-width:1024px){ .component_instagram_feed .eapps-instagram-feed-header-stats-item-value{ font-size:16px !important} } .component_instagram_feed .eapps-instagram-feed-header-stats-item-label{ color:var(--color-reisacher-saphir-text) !important; opacity:1 !important; font-family:"aktiv-grotesk",sans-serif !important; font-size:14px !important; font-style:normal !important; font-weight:400 !important; line-height:120% !important} @font-face{ font-family:swiper-icons; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-container-pointer-events{ touch-action:pan-y} .swiper-container-pointer-events.swiper-container-vertical{ touch-action:pan-x} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial; line-height:1} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:50%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet:only-child{ display:none!important} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0} .swiper-container-cube .swiper-cube-shadow:before{ content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; filter:blur(50px)} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .content_component_215{ padding:0 10px} .component_youtube_videos_slider{ max-width:var(--content-max-width); margin:0 auto; box-sizing:border-box; display:flex; flex-direction:row; gap:20px} @media screen and (max-width:768px){ .component_youtube_videos_slider{ flex-direction:column-reverse; align-items:center; gap:40px} } .component_youtube_videos_slider .videos_slider{ position:relative; width:calc(66.66% - 10px); border-bottom:1px solid var(--color-reisacher-saphir-iv)} @media screen and (max-width:768px){ .component_youtube_videos_slider .videos_slider{ width:100%} } .component_youtube_videos_slider .videos_slider .swiper{ position:relative; padding-bottom:60px} .component_youtube_videos_slider .videos_slider .swiper-container{ border-radius:12px; overflow:hidden} .component_youtube_videos_slider .videos_slider .swiper-slide{ height:auto} .component_youtube_videos_slider .videos_slider .video_image_container{ position:relative; display:block; height:0; padding-bottom:56.25%; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:cover} .component_youtube_videos_slider .videos_slider .video_image_container:before{ content:""; display:block; position:absolute; left:0%; top:0%; right:0; bottom:0; background-color:#000; opacity:.3; z-index:1; transition:.2s} .style_1_0 .component_youtube_videos_slider .videos_slider .video_image_container:before,.style_1_13 .component_youtube_videos_slider .videos_slider .video_image_container:before{ background-color:var(--color-reisacher-saphir-iv); opacity:.5} .component_youtube_videos_slider .videos_slider .video_image_container:after{ content:""; display:block; position:absolute; left:50%; top:50%; width:80px; height:80px; margin:-40px 0 0 -40px; background:url(/images/icons/btn_play_white.svg) center no-repeat transparent; background-size:contain; z-index:2; transition:.2s; opacity:.6} .component_youtube_videos_slider .videos_slider .video_link:hover .video_image_container:before{ opacity:0} .component_youtube_videos_slider .videos_slider .video_link:hover .video_image_container:after{ opacity:1} .component_youtube_videos_slider .videos_slider .videosBottomLinks{ position:absolute; right:80px; bottom:15px} .component_youtube_videos_slider .videos_slider .videosBottomLinks a{ color:#000; font-size:16px; line-height:120%; letter-spacing:.32px} .style_1_0 .component_youtube_videos_slider .videos_slider .videosBottomLinks a,.style_1_13 .component_youtube_videos_slider .videos_slider .videosBottomLinks a{ color:var(--color-reisacher-saphir-text)} .component_youtube_videos_slider .videos_slider .videosBottomLinks a::before{ content:""; position:absolute; bottom:2px; right:-20px; height:14px; width:9px; background:url("/images/icons/arrow_left_131D26.svg") no-repeat center; transform:rotate(180deg)} .component_youtube_videos_slider .videos_slider .videosBottomLinks a::after{ content:""; position:absolute; bottom:-16px; left:0; right:-20px; background-color:var(--color-reisacher-pyrit-dunkel); height:3px} .style_1_1 .component_youtube_videos_slider .videos_slider .videosBottomLinks a::after,.style_1_8 .component_youtube_videos_slider .videos_slider .videosBottomLinks a::after{ background-color:var(--color-bmw-blau)} .style_1_7 .component_youtube_videos_slider .videos_slider .videosBottomLinks a::after{ background-color:var(--color-mini-purple)} .style_1_11 .component_youtube_videos_slider .videos_slider .videosBottomLinks a::after{ background-color:var(--color-byd-rot)} @media screen and (max-width:1024px){ .component_youtube_videos_slider .videos_slider .videosBottomLinks{ right:20px} } @media screen and (max-width:640px){ .component_youtube_videos_slider .videos_slider .videosBottomLinks{ display:none} } .component_youtube_videos_slider .videos_slider .swiper_buttons{ padding:20px 180px 0 40px; display:flex; align-items:baseline; gap:5px} @media screen and (max-width:1024px){ .component_youtube_videos_slider .videos_slider .swiper_buttons{ padding:20px 100px 0 0} } @media screen and (max-width:640px){ .component_youtube_videos_slider .videos_slider .swiper_buttons{ padding:20px 0 0 0; width:100%; justify-content:center} } .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-next,.component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-prev{ position:static; width:40px; height:40px} .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-next:after,.component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-prev:after{ width:6px; height:12px; content:""} .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-prev:after{ background:url(/images/icons/arrow_left_131D26.svg) no-repeat center} .style_1_0 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-prev:after,.style_1_13 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-prev:after{ background-image:url(/images/icons/arrow_left_7A8A99.svg)} .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-next:after{ background:url(/images/icons/arrow_left_131D26.svg) no-repeat center; transform:rotate(180deg)} .style_1_0 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-next:after,.style_1_13 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-button-next:after{ background-image:url(/images/icons/arrow_left_7A8A99.svg)} .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination{ position:static; display:flex; align-items:baseline; gap:8px} .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ width:40px; height:40px; border-radius:0; background:none; box-sizing:border-box; color:#000; font-size:14px; font-style:normal; font-weight:500; line-height:17px; letter-spacing:.28px; text-align:center; border-bottom:2px solid #000; opacity:1} .style_1_0 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet,.style_1_13 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ color:var(--color-reisacher-saphir-iv); border-bottom-color:var(--color-reisacher-saphir-iv)} body.a11y .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ color:#000} .style_1_0 body.a11y .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet,.style_1_13 body.a11y .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ color:var(--color-reisacher-saphir-vi)} .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ border-bottom:5px solid #000} .style_1_0 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active,.style_1_13 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-reisacher-pyrit)} .style_1_1 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active,.style_1_8 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-bmw-blau)} .style_1_7 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-mini-purple)} .style_1_11 .component_youtube_videos_slider .videos_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ border-bottom-color:var(--color-byd-rot)} .component_youtube_videos_slider .info_box{ width:calc(33.33% - 10px); display:flex; flex-direction:column; gap:20px; justify-content:center; align-items:center} @media screen and (max-width:768px){ .component_youtube_videos_slider .info_box{ width:100%; max-width:312px} } .component_youtube_videos_slider .info_box .row1{ width:100%; max-width:312px; margin-top:17%; padding:12px 20px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:20px; border-radius:6px; background:var(--color-reisacher-saphir-ii)} .component_youtube_videos_slider .info_box .row1 .image{ display:block; text-align:center} .component_youtube_videos_slider .info_box .row1 .image svg{ width:192px; height:192px; margin-top:-50%} @media screen and (max-width:1024px){ .component_youtube_videos_slider .info_box .row1 .image svg{ width:128px; height:128px} } .component_youtube_videos_slider .info_box .row1 .row2{ color:var(--color-reisacher-saphir-text); font-family:"aktiv-grotesk-extended",sans-serif; font-size:20px; font-style:normal; font-weight:bold; line-height:120%; letter-spacing:-0.5px} @media screen and (max-width:1024px){ .component_youtube_videos_slider .info_box .row1 .row2{ font-size:16px !important} } .component_youtube_videos_slider .info_box .row1 .kanal_infos{ width:100%; display:flex; flex-direction:row; gap:10px; justify-content:space-around; color:var(--color-reisacher-saphir-text); line-height:1.2} .component_youtube_videos_slider .info_box .row1 .kanal_infos>*{ display:flex; flex-direction:column; justify-content:end; align-items:center} .component_youtube_videos_slider .info_box .row1 .kanal_infos .count{ font-size:20px; font-weight:bold; font-family:"aktiv-grotesk-extended",sans-serif} @media screen and (max-width:1024px){ .component_youtube_videos_slider .info_box .row1 .kanal_infos .count{ font-size:16px !important} } .component_youtube_videos_slider .info_box .row1 .kanal_infos .title{ font-size:14px; font-family:"aktiv-grotesk",sans-serif} .content_row_component_29 .template_headlines{ margin:0 auto; text-align:center; display:flex; flex-direction:column; gap:20px; max-width:38ch} .content_row_component_29 .content_headline6{ font-family:"aktiv-grotesk",sans-serif; font-weight:normal; font-size:18px; line-height:1.5; letter-spacing:normal} .component_top_aktuell{ padding-bottom:4%} .navi_social{ text-align:center; padding-top:40px} .navi_social a{ display:inline-block; width:44px; height:44px; margin:0 15px; opacity:1; transition:.2s} @media screen and (max-width:1024px){ .navi_social a{ margin:0 10px} } .navi_social a:hover{ opacity:.8} .navi_social a.navi_social_youtube{ background:url(/images/icons/social_media/icon_youtube_526375.svg) center no-repeat transparent; background-size:contain} .navi_social a.navi_social_facebook{ background:url(/images/icons/social_media/icon_facebook_526375.svg) center no-repeat transparent; background-size:contain} .navi_social a.navi_social_instagram{ background:url(/images/icons/social_media/icon_instagram_526375.svg) center no-repeat transparent; background-size:contain} .navi_social a.navi_social_tiktok{ background:url(/images/icons/social_media/icon_tiktok_526375.svg) center no-repeat transparent; background-size:contain} .navi_social a.navi_social_linkedin{ background:url(/images/icons/social_media/icon_linkedin_526375.svg) center no-repeat transparent; background-size:contain} .standorteKarteBox{ width:100%; max-width:1660px; margin:0 auto; padding:40px 30px; box-sizing:border-box} @media screen and (min-width:2125px){ .standorteKarteBox{ max-width:80vw} } @media screen and (max-width:768px){ .standorteKarteBox{ padding:0; overflow:hidden} } .standorteKarte{ text-align:center; position:relative; width:100%; max-width:1224px; margin:0 auto} @media screen and (max-width:640px){ .standorteKarte{ margin:0 -15%; width:auto} } .standorteKarte img{ display:block; width:100%} .standorteKarte img.hoverImage{ position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; opacity:0; transition:opacity .2s} .showKarteMemmingen #karte1,.showKarteUlm #karte2,.showKarteLandsberg #karte3,.showKarteKrumbach #karte4,.showKarteGuenzburg #karte5,.showKarteAugsburg #karte6,.showKarteMuenchen #karte7,.showKarteSchwabmuenchen #karte8{ opacity:1 !important} .standorteKarte>a{ display:block; position:absolute; z-index:10; overflow:hidden} #standortLinkMemmingen{ top:60%; left:0; width:50%; height:40%} #standortLinkUlm{ top:0; left:0; width:30%; height:60%} #standortLinkLandsberg{ top:70%; left:50%; width:50%; height:30%} #standortLinkKrumbach{ top:35%; left:30%; width:23%; height:25%} #standortLinkAugsburg{ top:0; left:53%; width:47%; height:50%} #standortLinkGuenzburg{ top:0; left:30%; width:23%; height:35%} #standortLinkSchwabmuenchen{ top:50%; left:50%; width:50%; height:20%} @media only screen and (max-width:640px){ .standorteKarteLinksMobile{ display:block !important} } @font-face{ font-family:swiper-icons; src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-container-pointer-events{ touch-action:pan-y} .swiper-container-pointer-events.swiper-container-vertical{ touch-action:pan-x} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial; line-height:1} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:50%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet:only-child{ display:none!important} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; opacity:.6; z-index:0} .swiper-container-cube .swiper-cube-shadow:before{ content:''; background:#000; position:absolute; left:0; top:0; bottom:0; right:0; filter:blur(50px)} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .content_row_component_163{ overflow:hidden} .content_component_163{ max-width:1632px; padding:80px 30px; box-sizing:border-box; margin:0 auto} .content_component_163 .template_headlines{ padding:0 0 60px 40px; position:relative; background:url(/images/icons/arrow_right_131D26.svg) left top no-repeat} .content_component_163 .template_headlines h3{ color:var(--color-reisacher-saphir-text); font-size:24px; line-height:1.1; letter-spacing:-0.72px; text-transform:none} @media screen and (min-width:2125px){ .content_component_163{ max-width:calc(80vw - 40px)} } .component_teaser_slider{ border-bottom:1px solid var(--color-reisacher-saphir-iv)} .component_teaser_slider .swiper-container{ overflow:visible; width:350px; margin:0 auto 0 0} .component_teaser_slider .swiper{ position:relative; padding-bottom:85px} .component_teaser_slider .swiper-slide{ height:auto} .component_teaser_slider .teaser_slider_item{ width:350px} .component_teaser_slider a.teaser_slider_link{ display:flex; flex-direction:column; height:100%; border-radius:8px; overflow:hidden; color:var(--color-reisacher-saphir-vii); background-color:var(--color-reisacher-saphir-ii); text-decoration:none !important; font-size:16px; font-style:normal; font-weight:400; line-height:1.6; transition:.5s} .saphir_2_hg .component_teaser_slider a.teaser_slider_link{ background-color:var(--color-reisacher-saphir-i)} body.a11y .component_teaser_slider a.teaser_slider_link{ color:var(--color-reisacher-saphir-text)} @media screen and (min-width:1921px){ .component_teaser_slider a.teaser_slider_link{ font-size:18px} } .component_teaser_slider .content_overview_image,.component_teaser_slider .img_spacer{ height:220px; overflow:hidden; position:relative} .component_teaser_slider .content_overview_image img,.component_teaser_slider .img_spacer img{ width:100%; height:100%; object-fit:cover; transition:.5s} .component_teaser_slider .content_overview_image:after,.component_teaser_slider .img_spacer:after{ content:""; position:absolute; z-index:2; top:0; right:0; left:0; bottom:0; background:#000; opacity:.4; transition:.5s} .style_1_0 .component_teaser_slider .content_overview_image:after,.style_1_13 .component_teaser_slider .content_overview_image:after,.style_1_0 .component_teaser_slider .img_spacer:after,.style_1_13 .component_teaser_slider .img_spacer:after{ background:var(--color-reisacher-saphir-iv); opacity:.5} .component_teaser_slider .content_overview_infos{ display:flex; flex-direction:column; gap:24px; padding:32px 22px 70px; box-sizing:border-box} .component_teaser_slider .content_overview_title{ font-family:"aktiv-grotesk-extended",sans-serif; font-size:24px; font-style:normal; font-weight:bold; line-height:1.2; letter-spacing:-0.48px} .component_teaser_slider .content_overview_more{ position:absolute; bottom:0; right:22px; padding-bottom:2px; border-bottom:3px solid var(--color-reisacher-saphir-iv)} @media screen and (min-width:1025px){ .component_teaser_slider .swiper-slide:hover a.teaser_slider_link{ color:var(--color-reisacher-saphir-text); background:#fff; box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} .component_teaser_slider .swiper-slide:hover a.teaser_slider_link .content_overview_image img,.component_teaser_slider .swiper-slide:hover a.teaser_slider_link .img_spacer img{ transform:scale(1.05)} .component_teaser_slider .swiper-slide:hover a.teaser_slider_link .content_overview_image:after,.component_teaser_slider .swiper-slide:hover a.teaser_slider_link .img_spacer:after{ opacity:0} .component_teaser_slider .swiper-slide:hover a.teaser_slider_link .content_overview_more{ border-bottom:4px solid var(--color-reisacher-pyrit)} } @media screen and (max-width:1024px){ .component_teaser_slider .swiper-slide-active a.teaser_slider_link{ color:var(--color-reisacher-saphir-text); background:#fff; box-shadow:0px 4px 24px 0px rgba(0,0,0,.35)} .component_teaser_slider .swiper-slide-active a.teaser_slider_link .content_overview_image:after,.component_teaser_slider .swiper-slide-active a.teaser_slider_link .img_spacer:after{ display:none} .component_teaser_slider .swiper-slide-active a.teaser_slider_link .content_overview_more{ border-bottom:4px solid var(--color-reisacher-pyrit)} } .component_teaser_slider .swiper_buttons{ position:absolute; bottom:0; left:40px; max-width:100%; display:flex; align-items:baseline; gap:5px} .component_teaser_slider .swiper_buttons .swiper-button-next,.component_teaser_slider .swiper_buttons .swiper-button-prev{ position:static; width:40px; height:40px} .component_teaser_slider .swiper_buttons .swiper-button-next:after,.component_teaser_slider .swiper_buttons .swiper-button-prev:after{ width:6px; height:12px; content:""} .component_teaser_slider .swiper_buttons .swiper-button-prev:after{ background:url(/images/icons/arrow_left_7A8A99.svg) no-repeat center} .component_teaser_slider .swiper_buttons .swiper-button-next:after{ transform:rotate(180deg); background:url(/images/icons/arrow_left_7A8A99.svg) no-repeat center} .component_teaser_slider .swiper_buttons .swiper-pagination{ position:static; display:flex; align-items:baseline; gap:8px} .component_teaser_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ width:40px; height:40px; border-radius:0; background:none; box-sizing:border-box; color:var(--color-reisacher-saphir-iv); font-size:14px; font-style:normal; font-weight:500; line-height:17px; letter-spacing:.28px; text-align:center; border-bottom:2px solid var(--color-reisacher-saphir-iv); opacity:1} body.a11y .component_teaser_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ color:var(--color-reisacher-saphir-vi)} .component_teaser_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet-active{ border-bottom:5px solid var(--color-reisacher-pyrit)} @media screen and (max-width:1024px){ .content_component_163{ padding:40px 20px} .content_component_163 .template_headlines{ padding:0 0 20px 30px} .component_teaser_slider .swiper-container{ width:300px} .component_teaser_slider .teaser_slider_item{ width:300px} .component_teaser_slider .content_overview_image,.component_teaser_slider .img_spacer{ height:187px} .component_teaser_slider .content_overview_infos{ gap:16px; padding:20px 20px 32px 20px} .component_teaser_slider .swiper_buttons{ left:0} } @media screen and (max-width:640px){ .content_component_163 .template_headlines{ background-size:10px 20px; background-position:left 1px} .content_component_163 .template_headlines h3{ font-size:18px !important; line-height:1.2 !important; letter-spacing:-0.4px !important} .component_teaser_slider .template_headlines h3{ font-size:22px} .component_teaser_slider .content_overview_title{ font-size:20px} } @media screen and (max-width:480px){ .component_teaser_slider{ border:none} .component_teaser_slider .swiper_buttons{ left:50%; transform:translateX(-50%); align-items:flex-end} .component_teaser_slider .swiper_buttons .swiper-pagination{ height:40px; align-items:center; gap:0} .component_teaser_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ border-radius:50% !important; width:10px !important; height:10px !important; color:transparent !important; border:2px solid var(--color-reisacher-saphir-iv); background-color:transparent; margin:0 4px} .component_teaser_slider .swiper_buttons .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color:var(--color-reisacher-pyrit); background-color:var(--color-reisacher-pyrit)} } @charset "UTF-8"; .timeline .timeline-container{ display:grid; grid-template-columns:repeat(12, 1fr); gap:20px 16px; list-style:none; padding:24px 16px; margin:0 auto; width:100%; max-width:1660px; background-color:var(--color-reisacher-saphir-i); box-sizing:border-box; border-radius:8px;} .timeline .event{ display:flex; flex-direction:column; align-items:center; text-align:center; width:auto; margin:0;} .timeline .event .event-icon{ height:63px; width:auto; margin-bottom:5px;} .timeline .event span{ font-family:"aktiv-grotesk-extended", sans-serif; font-weight:bold; font-size:15px; line-height:1.2; text-align:center; color:var(--color-reisacher-saphir-iv);} @media screen and (min-width:2125px){ .timeline .timeline-container{ max-width:none !important; width:80vw !important; } } @media only screen and (max-width:1240px){ .timeline .timeline-container{ grid-template-columns:repeat(6, 1fr); gap:40px 16px; } } @media only screen and (max-width:768px){ .timeline .timeline-container{ grid-template-columns:repeat(4, 1fr); gap:40px 16px; } } @media only screen and (max-width:480px){ .timeline .timeline-container{ grid-template-columns:repeat(2, 1fr); gap:40px 16px; } }