Autohaus Deutschland – Autoactiva

Karte

Satellit

3D-Halle

/* ----------------------------------------- */ /* View-Slug: panorama-karte - Start */ /* ----------------------------------------- */ .filter_spinner_3d { position: absolute; top: 17%; right: 24%; } /* Vorrübergehend */ button.btn.dropdown-toggle.btn-default.bs-placeholder { margin: 0px; } .dropdown.bootstrap-select.show-tick.multi_selector_field.js-wpv-filter-trigger.form-control.bs3 { box-shadow: inset 0 -1.4em 1em 0 rgba(0,0,0,0.02); border: 1px solid #ddd; } /* Vorrübergehend */ select[name="modell"]:disabled { cursor: no-drop; } .accordion_hr { margin: 0px; } .accordion_headline { font-size: 17px; } .accordion_headline:focus { outline: none; } .accordion_box { padding: 10px; } #filter_container { margin-top: 10px; } .noselect { -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } @media screen and (min-width:600px) { html, body { overflow: hidden; } .enable_right_side_scroll { overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; height: calc(100vh - 103px); } } .search_form_top { font-size: small; } .form-control { margin-bottom: 0px; } .kraftstoff_filter_icons { position: absolute; right: 12px; top: 7px; z-index: 1; display: inline-flex; } #kraftstoff_icon_elektro:hover, .icon_active #kraftstoff_icon_elektro { background-color: #c9e8c9; color: #379351; } #kraftstoff_icon_hybrid:hover, #kraftstoff_icon_hybrid:hover path, .icon_active #kraftstoff_icon_hybrid, .icon_active #kraftstoff_icon_hybrid path { background-color: #d4ebe9; fill: #428e87; } #kraftstoff_icon_benzin:hover, .icon_active #kraftstoff_icon_benzin { background-color: #315458; color: #c5c5c5; } #kraftstoff_icon_diesel:hover, #kraftstoff_icon_diesel:hover path, .icon_active #kraftstoff_icon_diesel, .icon_active #kraftstoff_icon_diesel path { background-color: #315458; fill: #c5c5c5; } i.fas.fa-undo-alt.kraftstoff_icon.wpv-reset-trigger.js-wpv-reset-trigger:hover, .icon_active i.fas.fa-undo-alt.kraftstoff_icon.wpv-reset-trigger.js-wpv-reset-trigger { background-color: #777777; color: #fafafa; } .kraftstoff_filter_icons i, .kraftstoff_filter_icons svg { cursor: pointer; } .kraftstoff_icon { position: relative; border: 1px solid #dddddd; background-color: #fafafa; padding: 8px; margin-right: 4px; width: 45px; text-align: center; border-radius: 5px; transition: .2s; min-height: 34px; } .goDown { display: none; } .filter_container_inactive { /*display: none;*/ } .filter_container { display: none; } .color_filter_button { background-color: #fafafa !important; color: #315458; } .kraftstoff_icon_elektro { background-color: #bae7ba; color: #379351 } .kraftstoff_icon_hybrid { background-color: #d4ebe9; fill: #428e87 !important; } .kraftstoff_icon_benzin { background-color: #315458; color: #c5c5c5; } .kraftstoff_icon_diesel { background-color: #315458; fill: #c5c5c5 !important; } .form-notfound { padding: 30px 60px; } .form-notfound input.wpcf7-form-control.wpcf7-submit { margin-top: 20px; } img.angebot-img-notfound { width: 100%; } div.come-back-balken button { float: left; color: #ffffff; } .come-back-balken { background: #e03039; height: 40px; margin: 0; padding: 0; } .come-back-balken span { color: white; line-height: 39px; padding: 10px; } /* Sticky Footer */ #footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; } .absolute-footer { padding: 5px 0 !important; } .center_more_button { text-align: center; } /* Split Screen*/ #integration_embed, #integration_embed_rw { position: relative; height: calc(100vh - 103px); overflow: hidden; max-width: 100%; display: none; } #integration_embed i, #integration_embed_rw i { position: absolute; top: 10px; right: 30px; font-size: 50px; color: black; z-index: 1; border-radius: 50%; background-color: #fff; cursor: pointer; transition: 0.2s; opacity: 0.7; } #integration_embed i:hover, #integration_embed_rw i:hover { opacity: 1; } #integration_embed embed, #integration_embed_rw embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #arrow_left { position: absolute; background-color: white; font-size: 24px; z-index: 1; padding: 15px; top: 200px; display: block; cursor: pointer; } #arrow_right { position: absolute; background-color: white; font-size: 24px; z-index: 1; padding: 15px; top: 200px; display: none; cursor: pointer; transition: 0.2s; } div#arrow_left:hover { background-color: rgb(235, 235, 235); } div#arrow_right:hover { background-color: rgb(235, 235, 235); } .list_kachel { position: absolute; background-color: white; font-size: 25px; z-index: 1; padding: 10px; display: block; cursor: pointer; transition: 0.2s; border-top: 2px solid rgb(238, 238, 238); } #list_grid { top: 254px; } #list_list { top: 301px; width: 45px; } .list_kachel:hover { background-color: rgb(235, 235, 235); } /*---- Loader Spinner -------*/ .lds-dual-ring2 { display: inline-block; width: 64px; height: 64px; position: absolute; top: 250px; left: 279px; z-index:99; } .lds-dual-ring2:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lds-ring2 { display: inline-block; position: relative; width: 64px; height: 64px; position: absolute; top: 250px; left: 279px; z-index:99; } .lds-ring2 div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid #fff; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; } .lds-ring2 div:nth-child(1) { animation-delay: -0.45s; } .lds-ring2 div:nth-child(2) { animation-delay: -0.3s; } .lds-ring2 div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*---- End of Loader Spinner-------*/ /* ----------------------------------------- */ /* View-Slug: panorama-karte - Ende */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhalts-Template: produktkacheln - Start */ /* ----------------------------------------- */ .infos_product_list { width: 66%; float: left; } .vergleich_wishlist { width: 34%; float: left; } .vergleich_wishlist_kachel { width: calc(50% - 4px); background-color: whitesmoke; float: left; height: 22px; border-radius: 5px; margin: 2px; } .compare_icon { position: relative; left: 34%; } .compare_icon:hover { color: #e03039; } .compare_icon.added { display: none; } .finanz_leasing_button { border-radius: 5px; margin: 0px !important; } /* Info Popup Raten Start*/ .info_popup_demo { position: absolute; right: 0px; top: 13px; transform: rotate(45deg); font-size: 17px; color: #e03039; } .info_popup_raten { display: none; position: absolute; z-index: 50; background-color: #f5f5f5; color: black; font-size: 12px; bottom: 140%; padding: 10px; width: 100%; border: #315458 2px solid; border-radius: 10px; } .info_popup_headline { font-weight: bold; font-size: 15px; text-align: left; line-height: 0; padding: 8px 0px 15px 0px; } .info_popup_close { position: absolute; right: 10px; top: 10px; border: 1px solid #000; height: 20px; width: 20px; text-align: center; line-height: 17px; cursor: pointer; } .info_popup_pfeil { position: absolute; bottom: -15px; z-index: 10; border-top: 15px solid #315458; border-left: 10px solid transparent; border-right: 10px solid transparent; right: 50%; } .info_popup_hr { margin: 5px 0px; } .info_popup_text { line-height: 1.4; text-align: left; font-weight: normal; } .info_popup_value { padding-left: 5px; } .info_popup_rechtstext { font-size: 10px; text-align: center; } /* Info Popup Raten End*/ .demo_product_info_badge { position: absolute; z-index: 1; width: auto; text-align: center; background-color: #e03039; /*opacity: 0.75;*/ padding: 5px; font-size: 10px; color: white; } /* Merkzettel */ .yith-wcwl-add-to-wishlist { width: 100%; } .yith-wcwl-add-button, .yith-wcwl-wishlistexistsbrowse { background-color: transparent !important; margin: 0 !important; padding: 0 !important; width: 100% !important; line-height: 0 !important; min-height: auto !important; position: absolute !important; right: 0; top: 0; z-index: 1; } a.add_to_wishlist { position: absolute; right: 10px; top: 10px; cursor: pointer; transition: .2s; } .yith-wcwl-wishlistexistsbrowse i:hover { color: lightgray !important; font-weight: 100; } .yith-wcwl-wishlistexistsbrowse i { font-size: 160%; transition: .2s; } a.add_to_wishlist i { color: lightgray; font-weight: 100; font-size: 160%; transition: .2s; } a.add_to_wishlist i:hover { color: red; font-weight: 900; } .yith-wcwl-wishlistaddedbrowse.show, .yith-wcwl-wishlistaddedbrowse.hide { display: none !important; } .yith-wcwl-wishlistexistsbrowse.show>a { display: none; } .remove_von_wishlist { position: absolute; right: 10px; top: 10px; } .wishlist_hover_tooltip::before { content: 'Zum Merkzettel hinzufügen'; } .wishlist_hover_tooltip::before, .wishlist_remove_hover_tooltip::before { width: max-content; position: absolute; top: -28px; right: 0; background-color: rgba(0, 0, 0, 0.80); height: auto; line-height: 1; padding: 5px; border-radius: 8px; font-size: smaller; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .wishlist_hover_tooltip::after, .wishlist_remove_hover_tooltip::after { content: ""; position: absolute; top: -6px; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0, 0, 0, 0.80) transparent transparent transparent; } .wishlist_remove_hover_tooltip::before { content: 'Vom Merkzettel entfernenen'; } /*Verfügbarkeiten färben*/ .verfügbarkeit_sofort a { color: #51d051; } .verfügbarkeit_bestellen a { color: #FFBE00; } /*Mindesthöhen für Texte*/ .text_product_list { font-size: 11px; } .headline_product_list a { font-size: 18px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; padding-top: 5px; } .emission_product_list { width: 100%; float: left; min-height: 50px; font-size: 11px; } /*Informationskacheln färben*/ .kacheln_product_list { text-align: center; background-color: rgb(245, 245, 245); margin: 2px; padding: 4px; border-radius: 5px; font-size: smaller; min-height: 64px; } .kachel_headline { font-weight: bold; margin-bottom: 5px; font-size: small; } .elektro_kachel, .elektro_kachel a { color: #379351; background-color: #c9e8c9; } .hybrid_kachel, .hybrid_kachel a { color: #428e87; background-color: #d4ebe9; } .angebotsart_button_kachel { display: block !important; font-weight: unset; font-size: 75%; } /* Blatt für Elektroautos */ .elektro_leaf_in_picture { position: absolute; background-color: white; top: 10px; left: 10px; z-index: 1; font-size: 20px; border-radius: 50%; border: solid #379351; color: #379351; line-height: 1.3; width: 30px; height: 30px; text-align: center; display: inline-block; margin-right: 5px; } img.ajax-loading.lazy-load-active { position: absolute; right: 16px; top: 15px; width: 4%; } /* Tooltip Info Icon */ .info_hover { width: 5%; float: right; margin: 10px 0px; } sup { font-size: 60%; } /* ----------------------------------------- */ /* Inhalts-Template: produktkacheln - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: balken-klein - Start */ /* ----------------------------------------- */ /*Euro und Reichweite Balken stylen*/ .reichweiten_balken { min-height: 56px; } .balken_product_list { width: 100%; position: relative; height: 20px; margin: 3px 0px; background-color: whitesmoke; border: 1px solid #ececec; border-radius: 5px; } .balken_product_list * { position: absolute; line-height: 1.6; } .balken_text { /* left: 22px; */ left: 10px; color: black; font-size: smaller; line-height: 1.5; } .balken_value { right: 10px; color: black; font-size: smaller; line-height: 1.5; } .balken_product_list_euro_progress { position: absolute; border-radius: 5px; background-color: #ffe000; height: 100%; width: 0%; } .balken_product_list_gesamt_progress { position: absolute; border-radius: 5px; background-color: #b4e0dc; height: 100%; width: 0%; } .balken_product_list_elektro_progress { position: absolute; border-radius: 5px; background-color: #a6dda6; height: 100%; width: 0%; } /* ----------------------------------------- */ /* Inhalts-Template: balken-klein - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: radiusberechner - Start */ /* ----------------------------------------- */ #kreis_zeichnen_btn { opacity: initial; color: white !important; mix-blend-mode: initial; right: auto; font-size: 14pt; text-transform: none !important; background-color: var(--primary-color) !important; border-color: rgba(0,0,0,0.05); position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: .97em; letter-spacing: .03em; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin: 0px 0px 13px 0px !important; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; text-rendering: optimizeLegibility; box-sizing: border-box; width: auto; transition: none; } #berechnerContent { padding: 0px 0px 20px 0px; } /* ----------------------------------------- */ /* Inhalts-Template: radiusberechner - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: hinweis-zur-dat - Start */ /* ----------------------------------------- */ .dat-hinweis { font-size: 80%; margin: 0px; margin-bottom: 6px; } sup { font-size: 60%; } /* ----------------------------------------- */ /* Inhalts-Template: hinweis-zur-dat - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: produktpanorama - Start */ /* ----------------------------------------- */ /* Panorama Button */ .position_absolut_buttons { position: absolute; z-index: 1; top: 10px; left: 10px; } div#button_panorama { font-weight: 600; color: rgb(0, 0, 0); } .pano_button_switch { overflow: hidden; height: 40px; display: table-cell; vertical-align: middle; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 18px; background-color: rgb(255, 255, 255); padding: 0px 17px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 57px; border-left: 0px; text-align: center; line-height: 2.3; cursor: pointer; } .pano_button_switch:hover { background-color: rgb(235, 235, 235); } /* End */ .button_karte2 { position: absolute; top: 10px; left: 177px; background-color: white; text-align: center; width: fit-content; cursor: pointer; right: 15.3em; z-index: 1; } .button_karte_link { border-color: rgb(52, 86, 132) rgb(108, 157, 223) rgb(108, 157, 223) rgb(52, 86, 132); border-width: 1px; font-size: 12px; /*font-weight: bold;*/ direction: ltr; overflow: hidden; text-align: center; height: 40px; display: table-cell; vertical-align: middle; position: relative; color: rgb(86, 86, 86); font-family: Roboto, Arial, sans-serif; user-select: none; font-size: 18px; background-color: rgb(255, 255, 255); padding: 0px 17px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; background-clip: padding-box; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; min-width: 57px; border-left: 0px; } /* ----------------------------------------- */ /* Inhalts-Template: produktpanorama - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: panorama-toyota - Start */ /* ----------------------------------------- */ .dropdown_pano-content a { color: black; padding: 3px 16px; text-decoration: none; display: block; border-bottom: 1px solid #ffce05; } .pano-form-container-toyota{ background-image: url(/wp-content/uploads/2019/09/Toyota-1.png); } /* ----------------------------------------- */ /* Inhalts-Template: panorama-toyota - Ende */ /* ----------------------------------------- */