/* Anpassungen modaler warranty Layer */ /* FIXME Bitte hier nicht in diesem Stylesheet weiter entwicklen, alle CSS Anpassungen gehören in die main.css bei RZF TODO @gph || @sse integration in die main.css von RZF */ @media print { span { outline: 0 !important; } .vtp-page-results .printRate { display: inline-block; } } .vtp-pb-header .logo { position: relative; top: 20px; right: 0; width: 90px; height: 31px; max-width: 100%; float: right; background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4OS42IDMxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4OS42IDMxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTc0LjEsMGMtMy43LDAtNy4xLDEuMy05LjgsMy41QzYxLjcsMS4zLDU4LjMsMCw1NC42LDBjLTMuNywwLTcuMSwxLjMtOS44LDMuNUM0Mi4xLDEuMywzOC43LDAsMzUsMAoJYy0zLjcsMC03LjEsMS4zLTkuOCwzLjVDMjIuNiwxLjMsMTkuMiwwLDE1LjUsMEM2LjksMCwwLDYuOSwwLDE1LjVTNi45LDMxLDE1LjUsMzFjMy43LDAsNy4xLTEuMyw5LjgtMy41YzIuNywyLjIsNi4xLDMuNSw5LjgsMy41CgljMy43LDAsNy4xLTEuMyw5LjgtMy41YzIuNywyLjIsNi4xLDMuNSw5LjgsMy41YzMuNywwLDcuMS0xLjMsOS44LTMuNWMyLjcsMi4yLDYuMSwzLjUsOS44LDMuNWM4LjYsMCwxNS41LTYuOSwxNS41LTE1LjUKCVM4Mi43LDAsNzQuMSwweiBNNjQuMywyMi41Yy0xLjQtMi0yLjItNC40LTIuMi03czAuOC01LDIuMi03YzEuNCwyLDIuMiw0LjQsMi4yLDdTNjUuNywyMC41LDY0LjMsMjIuNXogTTQ0LjgsMjIuNQoJYy0xLjQtMi0yLjItNC40LTIuMi03czAuOC01LDIuMi03YzEuNCwyLDIuMiw0LjQsMi4yLDdTNDYuMiwyMC41LDQ0LjgsMjIuNXogTTI1LjMsMjIuNWMtMS40LTItMi4yLTQuNC0yLjItN3MwLjgtNSwyLjItNwoJYzEuNCwyLDIuMiw0LjQsMi4yLDdDMjcuNSwxOC4xLDI2LjcsMjAuNSwyNS4zLDIyLjV6IE0zLjUsMTUuNWMwLTYuNiw1LjQtMTIsMTItMTJjMi43LDAsNS4zLDAuOSw3LjMsMi41Yy0yLDIuNi0zLjMsNS45LTMuMyw5LjUKCWMwLDMuNiwxLjIsNi45LDMuMyw5LjVjLTIsMS42LTQuNiwyLjUtNy4zLDIuNUM4LjksMjcuNSwzLjUsMjIuMSwzLjUsMTUuNXogTTI3LjcsMjVjMi0yLjYsMy4zLTUuOSwzLjMtOS41YzAtMy42LTEuMi02LjktMy4zLTkuNQoJYzItMS42LDQuNi0yLjUsNy4zLTIuNWMyLjcsMCw1LjMsMC45LDcuMywyLjVjLTIsMi42LTMuMyw1LjktMy4zLDkuNWMwLDMuNiwxLjIsNi45LDMuMyw5LjVjLTIsMS42LTQuNiwyLjUtNy4zLDIuNQoJQzMyLjMsMjcuNSwyOS44LDI2LjYsMjcuNywyNXogTTQ3LjMsMjVjMi0yLjYsMy4zLTUuOSwzLjMtOS41YzAtMy42LTEuMi02LjktMy4zLTkuNWMyLTEuNiw0LjYtMi41LDcuMy0yLjVjMi43LDAsNS4zLDAuOSw3LjMsMi41CgljLTIsMi42LTMuMyw1LjktMy4zLDkuNWMwLDMuNiwxLjIsNi45LDMuMyw5LjVjLTIsMS42LTQuNiwyLjUtNy4zLDIuNUM1MS44LDI3LjUsNDkuMywyNi42LDQ3LjMsMjV6IE03NC4xLDI3LjUKCWMtMi43LDAtNS4zLTAuOS03LjMtMi41YzItMi42LDMuMy01LjksMy4zLTkuNWMwLTMuNi0xLjItNi45LTMuMy05LjVjMi0xLjYsNC42LTIuNSw3LjMtMi41YzYuNiwwLDEyLDUuNCwxMiwxMgoJUzgwLjcsMjcuNSw3NC4xLDI3LjV6Ii8+Cjwvc3ZnPgo=") no-repeat scroll 0 0; background-size: 100% auto; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .vtp-pb-header .logo { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3Mi4zIDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3Mi4zIDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTU5LjgsMGMtMywwLTUuNywxLTcuOSwyLjhDNDkuNywxLDQ3LDAsNDQsMGMtMywwLTUuNywxLTcuOSwyLjhDMzQsMSwzMS4yLDAsMjguMywwYy0zLDAtNS43LDEtNy45LDIuOAoJQzE4LjIsMSwxNS41LDAsMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNWMzLDAsNS43LTEsNy45LTIuOGMyLjEsMS43LDQuOSwyLjgsNy45LDIuOGMzLDAsNS43LTEsNy45LTIuOAoJQzM4LjMsMjQsNDEsMjUsNDQsMjVjMywwLDUuNy0xLDcuOS0yLjhDNTQsMjQsNTYuOCwyNSw1OS44LDI1YzYuOSwwLDEyLjUtNS42LDEyLjUtMTIuNVM2Ni43LDAsNTkuOCwweiBNNTEuOSwxOC4xCgljLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42czAuNy00LDEuOC01LjZjMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZTNTMsMTYuNSw1MS45LDE4LjF6IE0zNi4xLDE4LjFjLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42CglzMC43LTQsMS44LTUuNmMxLjEsMS42LDEuOCwzLjUsMS44LDUuNlMzNy4zLDE2LjUsMzYuMSwxOC4xeiBNMjAuNCwxOC4xYy0xLjEtMS42LTEuOC0zLjUtMS44LTUuNnMwLjctNCwxLjgtNS42CgljMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZDMjIuMiwxNC42LDIxLjUsMTYuNSwyMC40LDE4LjF6IE0yLjgsMTIuNWMwLTUuMyw0LjMtOS43LDkuNy05LjdjMi4yLDAsNC4zLDAuNyw1LjksMgoJYy0xLjcsMi4xLTIuNiw0LjgtMi42LDcuN2MwLDIuOSwxLDUuNiwyLjYsNy43Yy0xLjYsMS4zLTMuNywyLTUuOSwyQzcuMiwyMi4yLDIuOCwxNy44LDIuOCwxMi41eiBNMjIuNCwyMC4yCgljMS43LTIuMSwyLjYtNC44LDIuNi03LjdjMC0yLjktMS01LjYtMi42LTcuN2MxLjYtMS4zLDMuNy0yLDUuOS0yYzIuMiwwLDQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43CgljMCwyLjksMSw1LjYsMi42LDcuN2MtMS42LDEuMy0zLjcsMi01LjksMkMyNiwyMi4yLDI0LDIxLjQsMjIuNCwyMC4yeiBNMzguMSwyMC4yYzEuNy0yLjEsMi42LTQuOCwyLjYtNy43YzAtMi45LTEtNS42LTIuNi03LjcKCWMxLjYtMS4zLDMuNy0yLDUuOS0yczQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43YzAsMi45LDEsNS42LDIuNiw3LjdjLTEuNiwxLjMtMy43LDItNS45LDIKCUM0MS44LDIyLjIsMzkuNywyMS40LDM4LjEsMjAuMnogTTU5LjgsMjIuMmMtMi4yLDAtNC4zLTAuNy01LjktMmMxLjctMi4xLDIuNi00LjgsMi42LTcuN2MwLTIuOS0xLTUuNi0yLjYtNy43YzEuNi0xLjMsMy43LTIsNS45LTIKCWM1LjMsMCw5LjcsNC4zLDkuNyw5LjdTNjUuMSwyMi4yLDU5LjgsMjIuMnoiLz4KPC9zdmc+Cg=="); } } @media only screen and (max-width: 940px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 940px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 940px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 940px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 940px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 940px) and (min-resolution: 144dpi), only screen and (max-width: 940px) and (min-resolution: 1.5dppx) { .vtp-pb-header .logo { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4OS42IDMxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4OS42IDMxIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTc0LjEsMGMtMy43LDAtNy4xLDEuMy05LjgsMy41QzYxLjcsMS4zLDU4LjMsMCw1NC42LDBjLTMuNywwLTcuMSwxLjMtOS44LDMuNUM0Mi4xLDEuMywzOC43LDAsMzUsMAoJYy0zLjcsMC03LjEsMS4zLTkuOCwzLjVDMjIuNiwxLjMsMTkuMiwwLDE1LjUsMEM2LjksMCwwLDYuOSwwLDE1LjVTNi45LDMxLDE1LjUsMzFjMy43LDAsNy4xLTEuMyw5LjgtMy41YzIuNywyLjIsNi4xLDMuNSw5LjgsMy41CgljMy43LDAsNy4xLTEuMyw5LjgtMy41YzIuNywyLjIsNi4xLDMuNSw5LjgsMy41YzMuNywwLDcuMS0xLjMsOS44LTMuNWMyLjcsMi4yLDYuMSwzLjUsOS44LDMuNWM4LjYsMCwxNS41LTYuOSwxNS41LTE1LjUKCVM4Mi43LDAsNzQuMSwweiBNNjQuMywyMi41Yy0xLjQtMi0yLjItNC40LTIuMi03czAuOC01LDIuMi03YzEuNCwyLDIuMiw0LjQsMi4yLDdTNjUuNywyMC41LDY0LjMsMjIuNXogTTQ0LjgsMjIuNQoJYy0xLjQtMi0yLjItNC40LTIuMi03czAuOC01LDIuMi03YzEuNCwyLDIuMiw0LjQsMi4yLDdTNDYuMiwyMC41LDQ0LjgsMjIuNXogTTI1LjMsMjIuNWMtMS40LTItMi4yLTQuNC0yLjItN3MwLjgtNSwyLjItNwoJYzEuNCwyLDIuMiw0LjQsMi4yLDdDMjcuNSwxOC4xLDI2LjcsMjAuNSwyNS4zLDIyLjV6IE0zLjUsMTUuNWMwLTYuNiw1LjQtMTIsMTItMTJjMi43LDAsNS4zLDAuOSw3LjMsMi41Yy0yLDIuNi0zLjMsNS45LTMuMyw5LjUKCWMwLDMuNiwxLjIsNi45LDMuMyw5LjVjLTIsMS42LTQuNiwyLjUtNy4zLDIuNUM4LjksMjcuNSwzLjUsMjIuMSwzLjUsMTUuNXogTTI3LjcsMjVjMi0yLjYsMy4zLTUuOSwzLjMtOS41YzAtMy42LTEuMi02LjktMy4zLTkuNQoJYzItMS42LDQuNi0yLjUsNy4zLTIuNWMyLjcsMCw1LjMsMC45LDcuMywyLjVjLTIsMi42LTMuMyw1LjktMy4zLDkuNWMwLDMuNiwxLjIsNi45LDMuMyw5LjVjLTIsMS42LTQuNiwyLjUtNy4zLDIuNQoJQzMyLjMsMjcuNSwyOS44LDI2LjYsMjcuNywyNXogTTQ3LjMsMjVjMi0yLjYsMy4zLTUuOSwzLjMtOS41YzAtMy42LTEuMi02LjktMy4zLTkuNWMyLTEuNiw0LjYtMi41LDcuMy0yLjVjMi43LDAsNS4zLDAuOSw3LjMsMi41CgljLTIsMi42LTMuMyw1LjktMy4zLDkuNWMwLDMuNiwxLjIsNi45LDMuMyw5LjVjLTIsMS42LTQuNiwyLjUtNy4zLDIuNUM1MS44LDI3LjUsNDkuMywyNi42LDQ3LjMsMjV6IE03NC4xLDI3LjUKCWMtMi43LDAtNS4zLTAuOS03LjMtMi41YzItMi42LDMuMy01LjksMy4zLTkuNWMwLTMuNi0xLjItNi45LTMuMy05LjVjMi0xLjYsNC42LTIuNSw3LjMtMi41YzYuNiwwLDEyLDUuNCwxMiwxMgoJUzgwLjcsMjcuNSw3NC4xLDI3LjV6Ii8+Cjwvc3ZnPgo="); } } @media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 800px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 800px) and (min-resolution: 144dpi), only screen and (max-width: 800px) and (min-resolution: 1.5dppx) { .vtp-pb-header .logo { height: 25px; top: 13px; width: 72px; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3Mi4zIDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3Mi4zIDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTU5LjgsMGMtMywwLTUuNywxLTcuOSwyLjhDNDkuNywxLDQ3LDAsNDQsMGMtMywwLTUuNywxLTcuOSwyLjhDMzQsMSwzMS4yLDAsMjguMywwYy0zLDAtNS43LDEtNy45LDIuOAoJQzE4LjIsMSwxNS41LDAsMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNWMzLDAsNS43LTEsNy45LTIuOGMyLjEsMS43LDQuOSwyLjgsNy45LDIuOGMzLDAsNS43LTEsNy45LTIuOAoJQzM4LjMsMjQsNDEsMjUsNDQsMjVjMywwLDUuNy0xLDcuOS0yLjhDNTQsMjQsNTYuOCwyNSw1OS44LDI1YzYuOSwwLDEyLjUtNS42LDEyLjUtMTIuNVM2Ni43LDAsNTkuOCwweiBNNTEuOSwxOC4xCgljLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42czAuNy00LDEuOC01LjZjMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZTNTMsMTYuNSw1MS45LDE4LjF6IE0zNi4xLDE4LjFjLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42CglzMC43LTQsMS44LTUuNmMxLjEsMS42LDEuOCwzLjUsMS44LDUuNlMzNy4zLDE2LjUsMzYuMSwxOC4xeiBNMjAuNCwxOC4xYy0xLjEtMS42LTEuOC0zLjUtMS44LTUuNnMwLjctNCwxLjgtNS42CgljMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZDMjIuMiwxNC42LDIxLjUsMTYuNSwyMC40LDE4LjF6IE0yLjgsMTIuNWMwLTUuMyw0LjMtOS43LDkuNy05LjdjMi4yLDAsNC4zLDAuNyw1LjksMgoJYy0xLjcsMi4xLTIuNiw0LjgtMi42LDcuN2MwLDIuOSwxLDUuNiwyLjYsNy43Yy0xLjYsMS4zLTMuNywyLTUuOSwyQzcuMiwyMi4yLDIuOCwxNy44LDIuOCwxMi41eiBNMjIuNCwyMC4yCgljMS43LTIuMSwyLjYtNC44LDIuNi03LjdjMC0yLjktMS01LjYtMi42LTcuN2MxLjYtMS4zLDMuNy0yLDUuOS0yYzIuMiwwLDQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43CgljMCwyLjksMSw1LjYsMi42LDcuN2MtMS42LDEuMy0zLjcsMi01LjksMkMyNiwyMi4yLDI0LDIxLjQsMjIuNCwyMC4yeiBNMzguMSwyMC4yYzEuNy0yLjEsMi42LTQuOCwyLjYtNy43YzAtMi45LTEtNS42LTIuNi03LjcKCWMxLjYtMS4zLDMuNy0yLDUuOS0yczQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43YzAsMi45LDEsNS42LDIuNiw3LjdjLTEuNiwxLjMtMy43LDItNS45LDIKCUM0MS44LDIyLjIsMzkuNywyMS40LDM4LjEsMjAuMnogTTU5LjgsMjIuMmMtMi4yLDAtNC4zLTAuNy01LjktMmMxLjctMi4xLDIuNi00LjgsMi42LTcuN2MwLTIuOS0xLTUuNi0yLjYtNy43YzEuNi0xLjMsMy43LTIsNS45LTIKCWM1LjMsMCw5LjcsNC4zLDkuNyw5LjdTNjUuMSwyMi4yLDU5LjgsMjIuMnoiLz4KPC9zdmc+Cg=="); } } /*fast - fix for pre-live package*/ .logo-service{ height:30px !important; } .vtp-pb-header .logo-service { background-image: url("../../vtp_base/img/audi_nemo/audi-logo-service.png"); background-repeat: no-repeat; width: 200px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .vtp-pb-header .logo-service { background-image: url("../../vtp_base/img/audi_nemo/audi-logo-service@2x.png"); } } @media only screen and (max-width: 940px) { .vtp-pb-header .logo-service { background-image: url("../../vtp_base/img/audi_nemo/audi-logo-service.png"); width: 200px; } } @media only screen and (max-width: 940px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 940px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 940px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 940px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 940px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 940px) and (min-resolution: 144dpi), only screen and (max-width: 940px) and (min-resolution: 1.5dppx) { .vtp-pb-header .logo-service { background-image: url("../../vtp_base/img/audi_nemo/audi-logo-service@2x.png"); } } @media only screen and (max-width: 800px) { .vtp-pb-header .logo-service { background-image: url("../../vtp_base/img/audi_nemo/audi-logo-service-small.png"); } } @media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 800px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 800px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 800px) and (min-resolution: 144dpi), only screen and (max-width: 800px) and (min-resolution: 1.5dppx) { .vtp-pb-header .logo-service { background-image: url("../../vtp_base/img/audi_nemo/audi-logo-service-small@2x.png"); height: 50px; } } @media only screen and (max-width: 568px) { .vtp-pb-header .logo, .vtp-pb-header .logo-service { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3Mi4zIDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3Mi4zIDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTU5LjgsMGMtMywwLTUuNywxLTcuOSwyLjhDNDkuNywxLDQ3LDAsNDQsMGMtMywwLTUuNywxLTcuOSwyLjhDMzQsMSwzMS4yLDAsMjguMywwYy0zLDAtNS43LDEtNy45LDIuOAoJQzE4LjIsMSwxNS41LDAsMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNWMzLDAsNS43LTEsNy45LTIuOGMyLjEsMS43LDQuOSwyLjgsNy45LDIuOGMzLDAsNS43LTEsNy45LTIuOAoJQzM4LjMsMjQsNDEsMjUsNDQsMjVjMywwLDUuNy0xLDcuOS0yLjhDNTQsMjQsNTYuOCwyNSw1OS44LDI1YzYuOSwwLDEyLjUtNS42LDEyLjUtMTIuNVM2Ni43LDAsNTkuOCwweiBNNTEuOSwxOC4xCgljLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42czAuNy00LDEuOC01LjZjMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZTNTMsMTYuNSw1MS45LDE4LjF6IE0zNi4xLDE4LjFjLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42CglzMC43LTQsMS44LTUuNmMxLjEsMS42LDEuOCwzLjUsMS44LDUuNlMzNy4zLDE2LjUsMzYuMSwxOC4xeiBNMjAuNCwxOC4xYy0xLjEtMS42LTEuOC0zLjUtMS44LTUuNnMwLjctNCwxLjgtNS42CgljMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZDMjIuMiwxNC42LDIxLjUsMTYuNSwyMC40LDE4LjF6IE0yLjgsMTIuNWMwLTUuMyw0LjMtOS43LDkuNy05LjdjMi4yLDAsNC4zLDAuNyw1LjksMgoJYy0xLjcsMi4xLTIuNiw0LjgtMi42LDcuN2MwLDIuOSwxLDUuNiwyLjYsNy43Yy0xLjYsMS4zLTMuNywyLTUuOSwyQzcuMiwyMi4yLDIuOCwxNy44LDIuOCwxMi41eiBNMjIuNCwyMC4yCgljMS43LTIuMSwyLjYtNC44LDIuNi03LjdjMC0yLjktMS01LjYtMi42LTcuN2MxLjYtMS4zLDMuNy0yLDUuOS0yYzIuMiwwLDQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43CgljMCwyLjksMSw1LjYsMi42LDcuN2MtMS42LDEuMy0zLjcsMi01LjksMkMyNiwyMi4yLDI0LDIxLjQsMjIuNCwyMC4yeiBNMzguMSwyMC4yYzEuNy0yLjEsMi42LTQuOCwyLjYtNy43YzAtMi45LTEtNS42LTIuNi03LjcKCWMxLjYtMS4zLDMuNy0yLDUuOS0yczQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43YzAsMi45LDEsNS42LDIuNiw3LjdjLTEuNiwxLjMtMy43LDItNS45LDIKCUM0MS44LDIyLjIsMzkuNywyMS40LDM4LjEsMjAuMnogTTU5LjgsMjIuMmMtMi4yLDAtNC4zLTAuNy01LjktMmMxLjctMi4xLDIuNi00LjgsMi42LTcuN2MwLTIuOS0xLTUuNi0yLjYtNy43YzEuNi0xLjMsMy43LTIsNS45LTIKCWM1LjMsMCw5LjcsNC4zLDkuNyw5LjdTNjUuMSwyMi4yLDU5LjgsMjIuMnoiLz4KPC9zdmc+Cg=="); height: 25px; top: 13px; width: 72px; } } @media only screen and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 568px) and (min--moz-device-pixel-ratio: 1.5), only screen and (max-width: 568px) and (-o-min-device-pixel-ratio: 3 / 2), only screen and (max-width: 568px) and (min-device-pixel-ratio: 1.5), only screen and (max-width: 568px) and (-o-min-device-pixel-ratio: 3/2), only screen and (max-width: 568px) and (min-resolution: 144dpi), only screen and (max-width: 568px) and (min-resolution: 1.5dppx) { .vtp-pb-header .logo-service { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3Mi4zIDI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3Mi4zIDI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTU5LjgsMGMtMywwLTUuNywxLTcuOSwyLjhDNDkuNywxLDQ3LDAsNDQsMGMtMywwLTUuNywxLTcuOSwyLjhDMzQsMSwzMS4yLDAsMjguMywwYy0zLDAtNS43LDEtNy45LDIuOAoJQzE4LjIsMSwxNS41LDAsMTIuNSwwQzUuNiwwLDAsNS42LDAsMTIuNVM1LjYsMjUsMTIuNSwyNWMzLDAsNS43LTEsNy45LTIuOGMyLjEsMS43LDQuOSwyLjgsNy45LDIuOGMzLDAsNS43LTEsNy45LTIuOAoJQzM4LjMsMjQsNDEsMjUsNDQsMjVjMywwLDUuNy0xLDcuOS0yLjhDNTQsMjQsNTYuOCwyNSw1OS44LDI1YzYuOSwwLDEyLjUtNS42LDEyLjUtMTIuNVM2Ni43LDAsNTkuOCwweiBNNTEuOSwxOC4xCgljLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42czAuNy00LDEuOC01LjZjMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZTNTMsMTYuNSw1MS45LDE4LjF6IE0zNi4xLDE4LjFjLTEuMS0xLjYtMS44LTMuNS0xLjgtNS42CglzMC43LTQsMS44LTUuNmMxLjEsMS42LDEuOCwzLjUsMS44LDUuNlMzNy4zLDE2LjUsMzYuMSwxOC4xeiBNMjAuNCwxOC4xYy0xLjEtMS42LTEuOC0zLjUtMS44LTUuNnMwLjctNCwxLjgtNS42CgljMS4xLDEuNiwxLjgsMy41LDEuOCw1LjZDMjIuMiwxNC42LDIxLjUsMTYuNSwyMC40LDE4LjF6IE0yLjgsMTIuNWMwLTUuMyw0LjMtOS43LDkuNy05LjdjMi4yLDAsNC4zLDAuNyw1LjksMgoJYy0xLjcsMi4xLTIuNiw0LjgtMi42LDcuN2MwLDIuOSwxLDUuNiwyLjYsNy43Yy0xLjYsMS4zLTMuNywyLTUuOSwyQzcuMiwyMi4yLDIuOCwxNy44LDIuOCwxMi41eiBNMjIuNCwyMC4yCgljMS43LTIuMSwyLjYtNC44LDIuNi03LjdjMC0yLjktMS01LjYtMi42LTcuN2MxLjYtMS4zLDMuNy0yLDUuOS0yYzIuMiwwLDQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43CgljMCwyLjksMSw1LjYsMi42LDcuN2MtMS42LDEuMy0zLjcsMi01LjksMkMyNiwyMi4yLDI0LDIxLjQsMjIuNCwyMC4yeiBNMzguMSwyMC4yYzEuNy0yLjEsMi42LTQuOCwyLjYtNy43YzAtMi45LTEtNS42LTIuNi03LjcKCWMxLjYtMS4zLDMuNy0yLDUuOS0yczQuMywwLjcsNS45LDJjLTEuNywyLjEtMi42LDQuOC0yLjYsNy43YzAsMi45LDEsNS42LDIuNiw3LjdjLTEuNiwxLjMtMy43LDItNS45LDIKCUM0MS44LDIyLjIsMzkuNywyMS40LDM4LjEsMjAuMnogTTU5LjgsMjIuMmMtMi4yLDAtNC4zLTAuNy01LjktMmMxLjctMi4xLDIuNi00LjgsMi42LTcuN2MwLTIuOS0xLTUuNi0yLjYtNy43YzEuNi0xLjMsMy43LTIsNS45LTIKCWM1LjMsMCw5LjcsNC4zLDkuNyw5LjdTNjUuMSwyMi4yLDU5LjgsMjIuMnoiLz4KPC9zdmc+Cg=="); height: 25px; top: 13px; width: 72px; } } .vtp-modals .feature-list .vtp-warranty li { list-style-type: none ! important; } textarea { font-family: Verdana,sans-serif; font-size: 11px; } .vtp-modal-form-fields .control-group > .controls .split-input-medium:nth-of-type(2n), .vtp-modal-form-fields .text-group > .controls .split-input-medium:nth-of-type(2n) { float: right; margin-right: 0; } .vtp-modal-form-fields fieldset.vtp-form-resultlist, .vtp-modal-form-fields .fieldset.vtp-form-resultlist { margin-top: 0; } .vtp-modal-form-fields fieldset.vtp-form-resultlist legend, .vtp-modal-form-fields .fieldset.vtp-form-resultlist legend { border-bottom: 0 solid #d7dadb; } .vtp-modal-form-fields fieldset.vtp-form-resultlist .control-group, .vtp-modal-form-fields .fieldset.vtp-form-resultlist .control-group { border: 1px solid #d7dadb; height: 210px; overflow: auto; padding: 20px; width: 82.1667%; margin-bottom: 20px!important; } .vtp-modal-form-fields fieldset.vtp-form-resultlist .control-group.co_no_scroll, .vtp-modal-form-fields .fieldset.vtp-form-resultlist .control-group.co_no_scroll { border: 0; overflow: visible; padding: 20px 0 0 0; height:100%; margin-bottom: 0 !important; } /*hidden charsView for textarea inquiry form*/ .charsView{ display:block; color: #757575; font-size: 11px; padding: 0.6em 1.9em 0.5em 0.8em; } @media only screen and (max-width: 800px) { .vtp-modal-form-fields fieldset.vtp-form-resultlist .control-group, .vtp-modal-form-fields .fieldset.vtp-form-resultlist .control-group { width: 100%; } } @media only screen and (max-width: 660px) { .vtp-modal-form-fields fieldset.vtp-form-resultlist .control-group, .vtp-modal-form-fields .fieldset.vtp-form-resultlist .control-group { width: 100%; } } .dealer-imprint .print-only, .vtp-car-info-offer .print-only { display: none; } @media print { .dealer-imprint .print-only, .vtp-car-info-offer .print-only { display: inline-block; } } .vtp-compare-table table.table-plain, .vtp-compare-table table.table-plain tr { background-color: #ffffff !important; } .vtp-compare-table table.table-plain td { background-color: #ffffff; padding: 10px 4% 10px 10px; } .vtp-compare-table table.table-plain th { padding: 10px 4% 10px 10px !important; } .vtp-compare-cars-2 .vtp-compare-table table.table-plain td { display: block; } .vtp-compare-table table.table-plain th, .vtp-compare-table table.table-plain td { font-weight: normal; } /*hotfix for display finance description without flicker*/ #product-descriptions{ overflow: hidden; } /* #header { height: 120px; margin-bottom: 40px; position: relative; } .logo { position: absolute; right: -2px; top: 0; z-index: 999; width: 240px; } workaround... remove this (!) */ #filter-area-map img { max-width: none!important; } @media screen { .vtp-description-list .print-only, .sups p.print-only, .emission sup.print-only, td.co2-row sup.print-only { display:none; } } @media only screen and (max-width: 767px) { .placeholder_save-search-btn-container { height:29px; } } /*####################################*/ @media only screen and (max-width: 568px) { a.visible-s { display: block ! important; } } .vtp-highlights .module-highlights-item-emission-standards:before, .vtp-highlights .module-highlights-item-productionyear:before { background-image: url("../../vtp_base/img/audi_nemo/sprite-detailpage-acn.png"); background-repeat: no-repeat; height: 45px; width: 45px; margin-left: -22.5px; } .vtp-highlights .module-highlights-item-emission-standards:before { background-position: 0 -830px; } .vtp-highlights .module-highlights-item-productionyear:before { background-position: 0 -1308px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .vtp-highlights .module-highlights-item-emission-standards:before, .vtp-highlights .module-highlights-item-productionyear:before { background-image: url(../../vtp_base/img/audi_nemo/sprite-detailpage-acn@2x.png); background-size: 60px 1408px; } } @media print { .vtp-highlights .module-highlights-item-emission-standards:before, .vtp-highlights .module-highlights-item-productionyear:before { margin-left: 0; } } .vtp-dealer-shareemail .vtp-btn, .tp-dealer-sharesms .vtp-btn { margin:2rem 0 3rem ! important; } .vtp-dealer-shareemail footer, .tp-dealer-sharesms footer { margin-top: 2rem; padding-top: 2rem; } @media only screen and (max-width: 767px) { .vtp-dealer-shareemail h1, .tp-dealer-sharesms h1 { font-size: 1.8rem; line-height: 1.2; margin: 4rem 0 3rem ! important; word-wrap: normal; } } @media only screen and (max-width: 420px) { .vtp-gwb .vtp-highlights .vtp-ma .has-info:after { margin-top: 20px; margin-left: -8px; } } @media only screen and (max-width: 320px) { .vtp-gwb .vtp-highlights .module-highlights-item-warranty.vtp-ma .has-info:after { margin-top: 38px; margin-left: -8px; } } .second-line-clamp { font-weight:normal; } @media only screen and (max-width: 568px) { .vtp-gwb .vtp-highlights .module-highlights-item-exterior-color dd.line-clamp.ext-color { margin-right:0; } .vtp-gwb .vtp-highlights .module-highlights-item-exterior-color .color-second-line dt, .vtp-gwb .vtp-highlights .module-highlights-item-exterior-color .color-second-line dd { margin-top: 25px !important; } } .module-highlights-item-car-type .vtp-tooltip, .module-highlights-item-warranty .vtp-tooltip { width:250px; z-index:10000; } @media only screen and (max-width: 768px) { .module-highlights-item-car-type .vtp-tooltip { left: -90px; } .vtp-gwb .module-highlights-item-car-type .vtp-tooltip { left: 0; } } @media only screen and (max-width: 375px) { .module-highlights-item-car-type .vtp-tooltip { left: -100px; width:220px; } .vtp-gwb .module-highlights-item-car-type .vtp-tooltip { left: 0; width:250px; } } @media only screen and (max-width: 767px) { .vtp-link.basic.only_desktop, .vtp-page-favorites .car-teaser footer .car-teaser-options .vtp-link.only_desktop { display: none !important; } } @media only screen and (min-width: 767px) { .vtp-link.basic.only_desktop, .vtp-page-favorites .car-teaser footer .car-teaser-options .vtp-link.only_desktop { display: inline-block !important; } } @media only screen and (max-width: 767px) { .vtp-link.basic.only_mobile, .only_mobile { display: inline-block !important; } .primary-only-desktop { background-color: #e5e5e5 !important; color: #000 !important; } .primary-only-desktop:after { background-image: none !important; margin-left: 0 !important; width: 0 !important; } } @media only screen and (min-width: 768px) { .vtp-link.basic.only_mobile, .only_mobile { display: none !important; } } @media only screen and (max-width: 767px) { .vtp-car-info .vtp-car-info-offer .vtp-car-info-phone.grt_mobile, .vtp-dealer-info-box .phone.grt_mobile { display: none; } } @media only screen and (min-width: 768px) { .vtp-car-info .vtp-car-info-offer .vtp-car-info-phone.grt_mobile, .vtp-dealer-info-box .phone.grt_mobile { display: inline; } } @media print { .only_mobile { display:none; } } .fp-engines--engine:before{ content:url(../../vtp_base/img/audi_nemo/fp-engines/engine.png); display:block; width:100%; background-size:85%; background-repeat:no-repeat; } .vtp-filter-panel-engines .vtp-filter-engines.space > div { margin-top:0; } .vtp-filter-panel-engines .vtp-filter-engines.space .fp-engines--engine:before { display: none; } .fp-campaigns--campaign{ display:block; width:100%; background-size:85%; background-repeat:no-repeat; } @media only screen and (max-width: 940px) { .vtp-filter-panel-engines .vtp-filter-campaigns > div:first-child { display: none; } .vtp-filter-panel-engines .vtp-filter-campaigns > .fp-campaigns--campaign { display: none; } } .vtp-filter-panel-engines .vtp-filter-campaigns .search_campaigns_icon { vertical-align:bottom; } .vtp-filter-panel-engines .vtp-filter-campaigns .search_campaigns_icon .image { display: block; height: 45px; margin: 0 auto 8px 35px; width: 45px; float:left; } @media only screen and (max-width: 568px) { .vtp-filter-panel-engines .vtp-filter-campaigns .search_campaigns_icon .image { margin: 0 auto 8px 0; } .vtp-filter-panel-engines .vtp-filter-campaigns label { border-top: 1px solid #d7dadb; width: 100%; } } .vtp-filter-panel-engines .vtp-filter-campaigns .search_campaigns_icon .campaigns_icon_text { display:inline-block; height: 45px; margin: 0 auto 8px 10px; float:left; font-size:12px; font-weight:normal; font-family: Verdana, sans-serif; line-height: 1.6; padding-top: 25px; } .vtp-filter-panel-engines .vtp-filter-campaigns .search_campaigns_content { float:right !important; width:30%; margin-top:10px; } @media only screen and (max-width: 940px) { .vtp-filter-panel-engines .vtp-filter-campaigns .search_campaigns_content { display: none; } .vtp-filter-campaigns.vtp-module-seperator::after { margin-bottom:0 !important; padding-top: 0; } } /* /* Klasse für Cookieimages von Audi Wega. Es wäre schön wenn wir diese Klasse irgendwann wieder los werden könnten, img Tags im DOM zu rendern (und dann nicht anzuzeigen), nur um eine Session ID von Wega im DOM zu halten, halte ich für fragwürdig. Diese ID sollte m.E. im Cookie landen. */ .cookieAgent { display: none; } /* 360 Innenansicht Vorschaubild */ @media print { .container-360, .hidePrintStage { display:none !important; } } .container-360 .image-quality-container { height: 200px; } .innen-360 { background-repeat:no-repeat; background-size: 100%; height: 100%; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 100%; } .vtp-stage-gallery.slides-3 .innen-360 { background-size:100%; } a.innen-360-link { width: 100%; height: 100%; display:block; } a.innen-360-link-bg { background-color: rgba(0,0,0,0.5); } .innen-360-icon { height: 72px; text-align: center; /* position: absolute; */ top: 50%; left: 50%; } .innen-360-icon .svg360 { height: 72px; } .vtp-stage-gallery.slides-3.render .innen-360-icon { height: 72px; text-align: center; position: absolute; top: 50%; left: 50%; margin-left:-36px; margin-top:-36px; } @media (max-width:767px) { .innen-360-icon { height: 48px; } .vtp-stage-gallery.custom .vtp-stage-gallery-item .innen-360-icon .svg360 { height: 48px; } } .vtp-stage-gallery.slides-1.custom .vtp-stage-gallery-content > li.container-360.vtp-stage-gallery-item.vtp-video-item { width:50%; } .vtp-stage-gallery.slides-3 .vtp-stage-gallery-item .picture { width: 100%; height:100%; } .vtp-stage-gallery .vtp-stage-gallery-item .picture img { height:auto !important; width:auto !important; } @media (max-width:500px) { .vtp-stage-gallery.custom.slides-1 .vtp-stage-gallery-item.fallbackimg { display: block !important; float: left; height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; } .vtp-stage-gallery.custom.slides-1 .vtp-stage-gallery-item:nth-of-type(n+2) { left:25%; } } .vtp-modals #favorites-link .copy-text { padding:20px 0; } .financeContactLabel { margin-top: 4rem; border-top: 1px solid #ddd; padding-top: 2rem; } .vtp-financing-calculator .finance-contact .vtp-btn { margin-left: 1.66667rem; float:right; } .vtp-financing-calculator .finance-contact .vtp-btn:last-child { margin-left:0; } .hidden-wrapper{ display: none!important; } /* R8603 DEALER Result Page Include Number of Pictures */ .vtp-market-ca .vtp-results-view .vtp-stage-gallery .vtp-stage-gallery-button:hover { background-color: #000; } .vtp-market-ca .vtp-results-view .media.vtp-stage-gallery { padding-bottom: 0; } .vtp-market-ca .vtp-results-view .car-teaser .image-container { margin-bottom:0; } .vtp-market-ca .vtp-results-view .vtp-stage-gallery .vtp-stage-gallery-button { width:40px; line-height:40px; font-size: 0.9rem; } @media (max-width:1200px) { .vtp-market-ca .vtp-results-panel .vtp-stage-gallery .vtp-stage-gallery-button { display:block; } .vtp-market-ca .vtp-grid-view .vtp-results-view .car-teaser > div.media, .vtp-market-ca .vtp-grid-view .vtp-results-view .similar-car-item > div.media { padding-bottom:0; } } .car-teaser .image-container img, .similar-car-item .image-container img { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .car-teaser .image-container, .similar-car-item .image-container, .vtp-stage-gallery { background:#f2f2f2; } .vtp-main.site_error { background-color:#000; height: 722px; padding-top:50px; } .vtp-main.site_error.no-color { background-color:#fff; height: 350px; } .vtp-main.site_error .not_found { background-image: url(../../vtp_base/img/audi_nemo/ATT_151018.jpg); background-size:100%; background-repeat:no-repeat; background-position: center bottom; height:100%; color:#fff; } .vtp-main.site_error .not_found.no-bg { background-image: none; background-size:100%; background-repeat:no-repeat; background-position: center bottom; height:100%; color:#000; } .vtp-main.site_error .not_found .not_found-content { margin:0 auto; width:974px; height:100%; } .vtp-main.site_error .not_found h2 { font-size:26px; color:#fff; padding:7px 0 30px 0; margin:0; } .vtp-main.site_error .not_found.no-bg h2 { color:#000; } .vtp-main.site_error .not_found .not_found-content p{ padding:0 0 30px 0; margin:0; } .vtp-main.site_error .not_found .vtp-btn.white, .vtp-main .btn-bottom .vtp-btn.white { color: #000; background-color: #fff; font-weight:bold; } .vtp-main.site_error .not_found .vtp-btn.white:hover, .vtp-main .btn-bottom .vtp-btn.white { color: #000; background-color: #fff; } .vtp-main.site_error .btn-bottom { display:none; } @media (max-width:1024px) { .vtp-main.site_error { height: 722px; margin-top:20px; } .vtp-main.site_error .not_found .not_found-content { width:80%; } .vtp-main.site_error .not_found { background-size:1493px 700px; height:100%; } } @media (max-width:736px) { .vtp-main.site_error { height: 80%; margin-top:20px; padding-top:30px; } .vtp-main.site_error .not_found { background-image: url(../../vtp_base/img/audi_nemo/ATT_151018_small.jpg); background-size:100%; } .vtp-main.site_error .not_found.no-bg { background-image: none; } .vtp-main.site_error .not_found h2 { font-size:19px; } .vtp-main.site_error .not_found .btn-top .vtp-btn.white { display:none; } .vtp-main.site_error .btn-bottom { display:block; text-align: center; margin-top:-70px; width: 100%; } .vtp-main.site_error .btn-bottom .vtp-btn.white { width: 90%; text-align: center; } } @media (max-width:568px) { .vtp-main.site_error { height: 397px; width:100%; margin-top:20px; padding-top:0; } .vtp-main.site_error .not_found .not_found-content { width:90%; } .vtp-main.site_error .not_found h2 { padding:30px 0 20px 0; } } /* Error End */ @media only screen and (min-width: 1024px) { .vtp-list-view .left-icons35px { top: 35px; } } .marginTop { padding-top:2rem; } .vtp-inc-buyonline { margin-bottom:4rem; } body .vtp-btn-grey { background:#e5e5e5 !important; color:#1a1a1a !important; } .saved-search-bar .vtp-btn-sag {margin-top:15px;} .vtp-filter-panels-container .vtp-back-filter {margin-bottom:20px;display:none;} @media only screen and (max-width: 768px) { .vtp-filter-panels-container .vtp-back-filter {display:none;} } @media only screen and (max-width: 767px) { .vtp-filter-panels-container .vtp-back-filter {display:block;} } .vtp-modal-form-fields .radio-primary.unstack + label { width:auto; } @media only screen and (max-width: 660px) { .vtp-dealer-inquiry .radio-primary+label.mobile-half {width:50%;margin-bottom:0;margin-left:0;} .vtp-dealer-inquiry .radio-primary+label.mobile-half:nth-of-type(2n+1) {clear:both;} .vtp-modal-form-fields .control-group>.controls:last-child {margin-right:auto;} .vtp-dealer-inquiry .radio-primary+label.mobile-half:nth-of-type(n) {margin-right:0;float:left;} .vtp-modal-form-fields .control-group.unstack-primary-controls .controls>label {margin-top: 0.83333rem;} } .car-teaser .image-container img, .similar-car-item .image-container img { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .car-teaser .image-container, .similar-car-item .image-container, .vtp-stage-gallery { background:#f2f2f2; } .vtp-service-bar-subitem.print > a:before, .vtp-service-bar-subitem.pdf > a:before {margin-right:8px;} .vtp-grid-view .dealer-link .has-info::after { top:0; } .vtp-grid-view .vtp-results-view .car-teaser .dealer-link .has-info, .vtp-grid-view .vtp-results-view .similar-car-item .dealer-link .has-info, .vtp-grid-view #suggested-cars .car-teaser .dealer-link .has-info, .vtp-grid-view #suggested-cars .similar-car-item .dealer-link .has-info { margin-top:0; top:0; } .vtp-grid-view .vtp-results-view .car-teaser .dealer-link, .vtp-grid-view .vtp-results-view .similar-car-item .dealer-link, .vtp-grid-view #suggested-cars .car-teaser .dealer-link, .vtp-grid-view #suggested-cars .similar-car-item .dealer-link { position: relative; } .print-only .vtp-stage-gallery {display: none;} @media print { .print-only .vtp-stage-gallery { display: block; } .vtp-stage-gallery.no-print { display:none; } .print-only .vtp-stage-gallery.slides-3 .vtp-stage-gallery-item .picture { width: 100%; height: 100%; display: inline-block; max-width: 100%; text-align: center; } } @media (max-width:480px) { #financeForm .financeContactLabel { margin-bottom:50px; } } .vtp-financing-calculator .vtp-infotext { font-size: 10px; padding-top: 15px; padding-left: 33%; } @media (max-width:480px) { .vtp-financing-calculator .vtp-infotext { padding-left: 0; } } /* Hack für Internet-Explorer (IE) */ _:-ms-fullscreen, :root .vtp-grid-view .product-extras sup a { display:inline; } .vtp-buyOnline-avail { color: #0D870D !important; } .vtp-buyOnline-avail span.icon.no-moz { display: none; color: #0D870D !important; font-size: 26px; line-height: 11px; vertical-align: bottom; width: 15px; } _:-ms-fullscreen, :root .vtp-buyOnline-avail span.icon.no-moz { display:inline-block; } _:-ms-fullscreen, :root .vtp-buyOnline-avail span.icon.no-ms { display:none; } /* Hack für Microsoft Edge */ @supports (-ms-ime-align:auto) { .vtp-buyOnline-avail span.icon.no-moz { display:inline-block; } .vtp-buyOnline-avail span.icon.no-ms { display:none; } } @media print { .vtp-buyOnline-avail .text { color: #0D870D !important; } } .vtp-filter-panels-container .vtp-range-slider .slider-label.plus-icon { margin-top: 1px; } .vtp-range-sliders .has-info::after { top:-3px; } .vtp-range-slider .has-info { cursor: pointer; } .vtp-modals .rate-popup footer { padding-left: 0; padding-right: 0; font-size: 10px; border-top: 1px solid #ddd; margin-top: 5rem; } @media print { .vtp-leasingmatrix { display:none; } } @media only screen and (min-width: 768px) { .vtp-dealer-info .vtp-dealer-info-overlay { overflow:hidden; } .vtp-filter-panel-models .model-grid > li:nth-of-type(4n) { float: left; } } @media only screen and (max-width: 940px) { .vtp-filter-panel-models .model-grid > li:nth-of-type(3n) { float:left; } } @media only screen and (max-width: 767px) { .vtp-filter-panel-models .model-grid > li:nth-of-type(2n) { float:left; } } #leasingmatrix table td.leasingOption { cursor: pointer; } .vtp-results-view .price_voucher { margin-top:5px; padding-right: 20px !important; } /* VTP-18075 */ .filter-area-map-overlay { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 999; display:none; } .filter-area-map-overlay.visible{ display:block; } .map-overlay-inner { background: #fff; margin: 4rem 25%; padding: 20px; } .map-overlay-inner h2 { margin: 3.33333rem 0; } .map-overlay-nav { text-align: right; margin-top: 4rem; } @media (max-width:768px) { .map-overlay-inner { margin: 0; height: 100%; position: absolute; width:100%; } } @media (max-width:768px) { .map-overlay-inner button.back { display: none; } } .map-overlay-inner button.bottom { position: absolute; bottom: 1rem; } @media (min-width:800px) { .vtp-dealer-info-overlay .address-margin { margin-top:5px; } } /* Hack Leasingmatrix für IE */ _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-container { display:block; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-item { float:left; } @media (min-width:768px) { _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-bg-75 { width:75%; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-bg-35 { width:35%; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-infotext-25 { width:25%; padding-left:2rem; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-infotext-65 { width:65%; padding-left:2rem; } } @media (max-width:767px) { _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-bg-75 { width:100%; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-bg-35 { width:100%; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-infotext-25 { width:100%; padding-left:0; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-infotext-65 { width:100%; padding-left:0; } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-container .vtp-btn, _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-container .compare-enabled.vtp-compare-bar .action-holder .vtp-btn, _:-ms-fullscreen, :root .compare-enabled.vtp-compare-bar .action-holder .vtp-leasingmatrix .leasingmatrix-container .vtp-btn { position:relative; } } _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-container .vtp-btn, _:-ms-fullscreen, :root .vtp-leasingmatrix .leasingmatrix-container .compare-enabled.vtp-compare-bar .action-holder .vtp-btn, _:-ms-fullscreen, :root .compare-enabled.vtp-compare-bar .action-holder .vtp-leasingmatrix .leasingmatrix-container .vtp-btn { bottom:0; } @media (max-width:767px) { _:-ms-fullscreen, :root .flexbox .vtp-headline .container, _:-ms-fullscreen, :root .vtp-headline .container { display:table; width:100%; } _:-ms-fullscreen, :root .flexbox .vtp-headline .container .vtp-title-bar, _:-ms-fullscreen, :root .vtp-headline .container .vtp-title-bar { display:table-footer-group; } _:-ms-fullscreen, :root .flexbox .vtp-headline .container .vtp-service-bar, _:-ms-fullscreen, :root .vtp-headline .container .vtp-service-bar { display:table-header-group; } } /* VTP-18075 Switcher für afrnwb Mobile View */ /* @media (max-width:767px) { .vtp-results-toolbar .vtp-switcher-container .switcher-left-label { position: absolute; left: 30px; z-index: 999; height: 20px; } .vtp-results-toolbar .resultcount { display:inline-block; } .vtp-results-toolbar .vtp-switcher-container .switcher-right-label span { padding-top: 20px; display: block; white-space: nowrap; overflow: auto; float: right; } .vtp-results-toolbar .vtp-switcher-container .switcher-icon label:before { width:20px; height:40px; } .vtp-results-toolbar .vtp-switcher-container .switcher-icon input:checked + label::after { bottom:3px; -webkit-transform:translate(0, 22px); -ms-transform:translate(0, 22px); -o-transform:translate(0, 22px); transform:translate(0, 22px); } } */ .vtp-results-toolbar .vtp-switcher-container .switcher-icon input:checked + label::after, .vtp-switcher-container-detail .switcher-icon input:checked + label::after { left: 40px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } /* VTP-18075 Switcher für afrnwb Mobile View */ /* @media (max-width:480px) { .vtp-results-toolbar .vtp-switcher-container { position:relative; width: 100%; padding-top: 25px; } } */ .vtp-results-toolbar .vtp-switcher-container { margin-right: 22px; } .vtp-results-toolbar .vtp-switcher-container .switcher { position: absolute; } @media (min-width:481px) and (max-width:767px) { .vtp-results-toolbar .vtp-switcher-container { position: relative; padding-top: 25px; margin-right: 22px; } } @media (min-width:768px) { .vtp-results-toolbar .vtp-switcher-container { position: relative; margin-right: 22px; } } @media (max-width:480px) { .vtp-results-toolbar .vtp-switcher-container { margin-right: 5px; width: 130px; padding-top: 25px; } .vtp-mini-select { margin-right: 10px; } } /* Campaign Overlay Carousel */ /* overwrite style for .swiper-wrapper from swiper-bundle.min.css needed for MFC (VTP-29788) */ #campaign-carousel .vtp-campaign-carousel.swiper-container .swiper-wrapper { display: block; float: left; height: auto; } .vtp-page-filter #campaign-carousel.vtp-modal .container:first-child { padding-top:30px; padding-bottom:10px; } #campaign-carousel article.campaign-carousel { padding-top:50px; position:relative; } #campaign-carousel.campaign-direct-link article.campaign-carousel { padding-top:0; } #campaign-carousel.campaign-direct-link .vtp-campaign-carousel-navigation { display:none; } #campaign-carousel article.campaign-carousel .container { padding-top:20px; } #campaign-carousel article.campaign-carousel .container footer { margin-top:30px; } #campaign-carousel .container.no-campaign { padding-top:30px; } #campaign-carousel .container.no-campaign label { font-weight: normal; font-size: 1rem; } #campaign-carousel .container.no-campaign .campaign-carousel-search { width: 45%; float: left; } #campaign-carousel .vtp-backlink { height:50px; line-height:20px; z-index:1; } #campaign-carousel .pagination { right:20px; } #campaign-carousel .pagination .prev_text, #campaign-carousel .pagination .next_text, #campaign-carousel .pagination .btn-prev, #campaign-carousel .pagination .btn-next, #campaign-carousel .pagination .vtp-carousel-indicator { float:left; } #campaign-carousel .pagination .prev_text, #campaign-carousel .pagination .next_text { padding: 10px 8px; } #campaign-carousel .pagination button.inactive { opacity:0.1; pointer-events: none; } #campaign-carousel .pagination .vtp-carousel-indicator.no-mobile { display:inline-block; padding: 10px 8px; font-size: 1rem; } #campaign-carousel .vtp-backlink .vtp-carousel-indicator.mobile { display:none; } #campaign-carousel .stickyCTA .campaign-carousel.swiper-slide .campaign-carousel-search { display: none; } #campaign-carousel .stickyCTA.vtp-modal-form-fields .campaign-carousel-search { position: static; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; padding: 30px 4%; z-index: 999; bottom: 30px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 91%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 91%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 91%, rgba(255,255,255,0) 100%); } #campaign-carousel .stickyCTA.vtp-modal-form-fields .campaign-carousel-search.fixedsticky { position: fixed; position: -ms-device-fixed; padding: 30px 2% 0; bottom:40px; } #campaign-carousel .stickyCTA.vtp-modal-form-fields.fixedsticky { padding-bottom:50px; } .vtp-modals #campaign-carousel .stickyCTA .vtp-close-btn { position: static; right: 0; top: 0; z-index: 999; text-indent: inherit; width: auto; height: auto; background-image: none; } .vtp-modals #campaign-carousel .stickyCTA .vtp-close-btn:before { background: none; } .vtp-modals #campaign-carousel .stickyCTA .vtp-close-btn.secondary-btn { background-color: white; border: 1px solid #000; color: #000; } @media only screen and (max-width: 568px) { .vtp-modals #campaign-carousel .stickyCTA .campaign-carousel-search a { width:100%; margin-bottom: 10px; } #campaign-carousel .stickyCTA.vtp-modal-form-fields .campaign-carousel-search.fixedsticky { position: fixed; position: -ms-device-fixed; padding: 30px 2% 0; bottom:10px; } #campaign-carousel .stickyCTA.vtp-modal-form-fields .campaign-carousel-search { padding: 30px 4% 5px 4%; z-index: 999; bottom: 5px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 91%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 91%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 9%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.2) 91%, rgba(255,255,255,0) 100%); } } #campaign-carousel .vtp-campaign-carousel .vtp-autoplay-progressbar { top: 45px; position: absolute; width: 100%; overflow: auto; right: 0; display: none; } #campaign-carousel .vtp-campaign-carousel .vtp-progress-bar { height: 5px; width: 100%; position: relative; background: #d9d9d9; overflow: hidden; } #campaign-carousel .vtp-campaign-carousel .vtp-progress-bar .vtp-progress-inner { width: 100%; height: 100%; transition: background 0.2s; top: 0; left: 0; } #campaign-carousel .vtp-campaign-carousel .vtp-progress-bar .vtp-progress-inner.red { background: #c03; } #campaign-carousel .vtp-campaign-carousel { width: 100%; } @media only screen and (max-width: 660px) { #campaign-carousel .vtp-modal-form-fields { padding: 0; } } @media only screen and (max-width: 940px) { #campaign-carousel .pagination { right: 0; top: 50px; } #campaign-carousel .vtp-backlink { display:block; position: absolute; } #campaign-carousel .vtp-backlink .prev_text, #campaign-carousel .vtp-backlink .next_text { display: none; } #campaign-carousel .vtp-backlink .btn-prev { right: 38px; top: 0; position: absolute; } #campaign-carousel .vtp-backlink .btn-next { right: 0; top: 0; position: absolute; } #campaign-carousel .vtp-backlink .vtp-carousel-indicator.no-mobile { display:none; } #campaign-carousel .vtp-backlink .vtp-carousel-indicator.mobile { display: inline-block; background: #dcdedf; color: #000; position: absolute; padding: 10px 8px; left: 0; z-index: 10; font-size: 1rem; top: 50px; } #campaign-carousel .container.no-campaign .campaign-carousel-search { width: 100%; float: left; } } /*Ende */ @media only screen and (min-width: 568px) { .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .info-box-col:first-child { width: 31.006%; margin-right: 1.8%; } .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .info-box-col:last-child { width: 63.006%; } .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .info-box-col:last-child .info-box-col-inner { padding-top:0; } .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .info-box-col:last-child .info-box-col-inner:first-child .address .name { font-size: 15px; margin-bottom: 17px; } .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .info-box-col:last-child .info-box-col-inner:last-child { padding-top: 37px; } } @media only screen and (max-width: 567px) { .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .info-box-col:last-child .info-box-col-inner:first-child .address .name { font-size: 15px; margin-bottom: 17px; } .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .vtp-btn { margin-top: 0; } .leasing_contact .vtp-dealer-info-no-map .vtp-dealer-info-box .vtp-btn.primary { min-width: 100%; } } /* VTP-20579 */ @media only screen and (min-width: 769px) { .nefz-wltp .wltp-disclaimer { width: 85%; } #technical-data-extended .nefz-wltp .wltp-disclaimer { display: block; width: 41%; margin-right: 8%; } } .nefz-wltp .wltp-disclaimer { margin:15px 0; } /* END VTP-20579 */ /* VTP-20528 */ h3.hide { visibility: hidden; } .mgc-purify span.thin-hint { font-family: "AudiTypeExtNormal", Verdana, sans-serif; font-size: 11px; } .mgc-purify-desktop { display: block; } .mgc-purify-mobile { display: none; } @media only screen and (max-width: 568px) { .vtp-cmp-group fieldset { border-top: none; } .mgc-purify.vtp-module-seperator:after { padding-top: 0; border: none; margin-bottom: 4rem; } .vtp-filter-panel-models .flex-left.mag-filter { margin-bottom: 2.5rem; } } @media only screen and (max-width: 1024px) { .mgc-purify-desktop { display: none !important; } .mgc-purify-mobile { display: block !important; } } @media only screen and (min-width: 569px) { .mgc-purify.vtp-module-seperator:after { margin-bottom: -1px; } } @media only screen and (min-width: 1025px) { .mgc-purify-desktop { display: block; } .mgc-purify-mobile { display: none; } } .vtp-filter-panel-models .flex-left.mag-filter { margin-bottom: 1.66667rem; } /* END VTP-20528 */ /* VTP-20896 */ .campaign-headline { cursor: auto; } /* END VTP-20896 */ /* VTP-21066 */ #warranty > .container > article.content.vtp-warranty { margin-bottom: 2rem; } /* END VTP-21066 */ @media (max-width: 800px) { .vtp-description-list > dl.default { display: none; } .vtp-description-list > dl.default.below-wltp { display: block; } } @media (min-width: 800px) { .nefz-wltp > dl.below-nefz { display: none; } .nefz-wltp > dl.default { display: none; } } .vtp-modals footer.campaign_overlay { margin-top: 0; padding-top: 0; border:none; } .vtp-modals footer.campaign_overlay p:first-child { margin-top: 5rem; padding-top: 2rem; border-top: 1px solid #ddd; } .vtp-description-list dl.margin-top { margin-top: 30px; } @media only screen and (min-width: 569px) { .vtp-description-list-wrap.vtp_compare_consumption dl dt { width: 46%; } .vtp-description-list-wrap.vtp_compare_consumption dl dd { width: 53%; } } /* WLTP Verbrauch Print */ @media only print { .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .engine-key-consumption.vtp-hybrid { display: block; } .engine-key-consumption .no-print { display: none; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .vtp-consumption-engine h4.vtp-engine-type { font-family: Verdana, sans-serif !important; margin-bottom: 15px; font-size: 16px; font-weight: normal; text-decoration: underline; display:block; float:left; width: 100%; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .vtp-consumption-engine .engine-key-consumption h3 { margin-bottom: 15px; display: block; float: left; width: 100%; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .engine-key-consumption h3 { margin-top:15px; margin-bottom:30px; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .vtp-consumption-engine h4:first-child { margin-top: -15px; } } @media only print { .no-print { display:none !important; } legend .container .vtp-consumption-legend { border-top: 0; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .vtp-consumption-engine h4:first-child { margin-top: 0; } .vtp-consumption-engine:last-child { margin-top: 30px; } .engine-key-consumption h4 { margin-bottom: 15px; } } /* ENVKV below NEDC in mobile view */ @media only screen and (min-width: 800px) { .vtp-description-list.nefz-wltp.mobile-only { display: none; } } @media only screen and (max-width: 800px) { .vtp-description-list.nefz-wltp.not-mobile { display: none; } } .vtp-description-list.nefz-wltp.mobile-only { margin-bottom: 30px; } .vtp-page-filter.vtp-page-results .vtp-container legend { display: block; } .vtp-page-filter .vtp-container legend { display: none; } .vtp-filter-panels-container-row:last-child .vtp-section:last-of-type { padding-bottom: 12px; } .errorPage_image { margin-bottom: 12px; } .pb-headline .vtp-brand { display:inline; } #lpChat img { max-width: none !important; } #lpChat textarea, #lpChat input { min-width: 0; } #lpChat button:focus, #lpChat input:focus, #lpChat textarea:focus, #lpChat select:focus, #lpChat a:focus { outline: #000 solid 1px !important; } iframe#campaign-microsite { display: block; cursor: default; overflow: hidden; } .vtp-modal.active.opacity-full .frameoverlay { width: 100%; height: auto; position: absolute; z-index: 999; background: transparent; display: block; visibility: visible; } .vtp-modal.active article.vtp-campaign.media { position: relative; } .vtp-modal .frameoverlay { display: none; visibility: hidden; height: 0; } .online-reservation-log { float:right;color:#cecece;font-size:10px; } .reservation-dealer-content-inner { float: left; width: 100%; } .vtp-btn.secondary.not_allowed { background-color: #e7e9ea; color: #ffffff; opacity: 1; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (min-width: 1024px) { .online-reservation-panel footer .vtp-car-info-cta .vtp-tooltip { top: 50px; } } .online-reservation-panel .details { position: relative; } #reservation-fallback > .vtp-service-bar-btn { opacity: 0.5; } .price_uvp { color: #b0b6b8; margin-bottom:10px; display: inline-block; font-family: "AudiTypeExtBold", Verdana, sans-serif; font-weight: 700; letter-spacing: 0; } .vtp-compare-item .price_uvp { margin-top:5px; margin-bottom:5px; } .price_uvp_wo { color: #b0b6b8; display: inline-block; font-family: "AudiTypeExtBold", Verdana, sans-serif; font-weight: 700; letter-spacing: 0; } .price_text_small_co { color: #b0b6b8; } /* One Header */ .one_header { float: left; display: inline-block; margin-right: 32px; padding-top: 15px; } @media only screen and (max-width: 1024px) { .one_header { float: none; } } @media only screen and (max-width: 768px) { .one_header { margin-top: 3px; } } @media only screen and (max-width: 1024px) { .one_header { margin-right: 23px; padding-top: 20px; margin-left: 0; } } @media only screen and (max-width: 940px) { .one_header { margin-right: 23px; padding-top: 0; margin-left: 0; } } /* VTP-24543 */ select { text-rendering: auto !important; } .vtp_compare_consumption dd::before { display: none; } .vtp-compare-table td { vertical-align:top !important; } .vtp-compare-table th { padding-top: 10px; } .vtp-standalone-inquiry.vtp-iform-page #dataFromParent p:last-of-type { padding-bottom: 30px; } @media only screen and (max-width: 460px) { .br_after::after { content: "\A"; white-space: pre; } } .standalone_form_text_small { display: inline-block; font-family: "AudiTypeScreenNormal", Verdana, sans-serif; font-size: 13px; line-height: 18px; color: #4c4c4c; padding-top: 24px; } .vtp-filter-exhaust .control-group, .vtp-filter-panel-engines .vtp-filter-exhaust div { width: 40%; } @media only screen and (max-width: 1200px) { .vtp-filter-exhaust .control-group, .vtp-filter-panel-engines .vtp-filter-exhaust div { width: 100%; } } @media only screen and (max-width: 468px) { .vtp-filter-panels-container .vtp-filter-fields-2-2-1 fieldset.vtp-filter-exhaust { margin-bottom: 4rem; } } .vtp-filter-exhaust label { margin-bottom: 0; } .vtp-filter-exhaust .control-group .label { width: 100%; } .vtp-car-info .vtp-car-info-offer .vtp-car-info-price small.finance-rate-disclaimer { display:inline-block; color:#757575; font-size:0.9rem; line-height: 1.5; } /* searchagent mfc */ .sagent.vtp-modal-form-fields fieldset fieldset legend:before { content: ''; display: block; position: relative; width: 100%; border-top: 0; margin-top: 2rem; margin-bottom: 0; } .sagent.vtp-modal-form-fields fieldset fieldset:first-of-type legend:before { border-top: 1px solid #d7dadb; margin-bottom: 2rem; } .sagent.vtp-modal-form-fields fieldset fieldset:nth-of-type legend:before { margin-bottom: 0; } .sagent.vtp-modal-form-fields fieldset:after { content: ''; display: block; position: relative; width: 100%; border-top: 0; margin-bottom: 0; } .sagent.vtp-modal-form-fields fieldset fieldset:after { border-top: 1px solid #d7dadb; margin-top: 4rem; margin-bottom: 2rem; } .sagent.vtp-modal-form-fields fieldset fieldset:first-of-type:after { margin-bottom: 0; } .sagent.vtp-modal-form-fields .control-group > .controls { width: 100%; } .saved-search-bar .push-left { width: 100%; } .vtp-btn-sag .sag_link { float:right; margin-top:10px; text-decoration: underline; } .vtp-btn-sag .sag_link:hover { color: #c03; cursor: pointer; } .bussines-type .business-fields-default { display: block; margin-top: 40px; } .bussines-type .business-fields { display: none; margin-top: 40px; } .bussines-type input[value="1"]:checked ~ .business-fields-default { display: none; } .bussines-type input[value="1"]:checked ~ .business-fields { display: block; } .bussines-type .business-fields input, .bussines-type .business-fields-default input { margin-top: 1.66667rem; margin-bottom: 1.66667rem; width: 60%; } .bussines-type .business-fields fieldset p { margin-top: 0 !important; } .bussines-type .business-fields p.vtp_ht, .bussines-type .business-fields-default p.vtp_ht { margin-top: 4rem; margin-bottom: 2rem !important; } fieldset.sagent_note .bussines-type .business-fields p.vtp_ht { margin-top: 6rem; } @media only screen and (max-width: 420px) { .vtp-btn-sag .sag_link { float: left; } } .vtp-btn.fk-disabled, .vtp-btn.fk-disabled:link, .vtp-btn.fk-disabled:visited, .vtp-btn.fk-disabled:hover, .vtp-btn.fk-disabled:focus, .vtp-btn.fk-disabled:active, .vtp-leasingmatrix .leasingmatrix-container .vtp-btn.fk-disabled, .vtp-leasingmatrix .leasingmatrix-container .vtp-btn.fk-disabled:link, .vtp-leasingmatrix .leasingmatrix-container .vtp-btn.fk-disabled:visited, .vtp-leasingmatrix .leasingmatrix-container .vtp-btn.fk-disabled:hover, .vtp-leasingmatrix .leasingmatrix-container .vtp-btn.fk-disabled:focus, .vtp-leasingmatrix .leasingmatrix-container .vtp-btn.fk-disabled:active { min-width: 80px; color: #fff; background-color: #e7e9ea; } .vtp-online-reservation-inquiry .mail-info { margin-top: 1.66667rem; } .mail-info.disabled { display: none; clear: both; position: relative; min-height: 2.33333rem; font-size: 11px; color: #cc0033; } .mail-info.enabled { display: block; clear: both; position: relative; min-height: 2.33333rem; font-size: 11px; color: #cc0033; } /* relas */ .relas-disclaimer { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 24px; margin-bottom: 24px; padding: 18px; } .vtp-icon-i-relas { position: relative; top: 0; right: 0; width: 36px; height: 24px; max-width: 24px; z-index: 20; display: inline-block; background-image: url(../../vtp_base/img/audi_nemo/system-info-small.png); background-repeat: no-repeat; background-position: 0; background-position-x: 0; background-position-y: center; } .relas_disclaimer_text { display: inline-block; margin-left: 12px; } .relas_header { margin: 24px 0; display: inline-block; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .vtp-icon-i-relas { background-size:24px; background-image:url(../../vtp_base/img/audi_nemo/system-info-small@2x.png); top:0; } } @media only screen and (max-width: 468px) { .vtp-icon-i-relas { width: 70px; } } .relas_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .relas-item { margin-right: 36px; width: 260px; max-width: 260px; margin-bottom: 42px; } .relas-item-img { border: 1px solid #e5e5e5; margin-bottom: 18px; max-width: 260px !important; background-repeat: no-repeat; background-size: contain; background-position: 50%; background-origin: content-box; } .relas-item-img img { width: 258px !important; max-width: 260px !important; height: 382px !important; } .vtp-link.datasheet:before { width: 24px; height: 24px; content: ''; display: inline-block; position: relative; left: -5px; top:5px; z-index: 20; background-image: url(../../vtp_base/img/audi_nemo/documents-small.png); background-repeat: no-repeat; background-position: 0; background-position-x: 0; background-position-y: center; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 144dpi), (min-resolution: 1.5dppx) { .vtp-link.datasheet:before { background-size:24px; background-image:url(../../vtp_base/img/audi_nemo/documents-small@2x.png); top:8px; } } .detail_info { color: #c03; } .top-link { display:none; } .vtp-page-results .top-link { transition: all .25s ease-in-out; position: fixed; bottom: 0; right: 0; display: inline-flex; cursor: pointer; align-items: center; justify-content: center; margin: 0 3em 3em 0; padding: .25em; background-color: #000; color: #fff; z-index:5000; } .vtp-page-results .top-link.show { visibility: visible; opacity: 1; } .vtp-page-results .top-link.hide { visibility: hidden; opacity: 0; } .vtp-page-results .top-link .svg { fill: #fff; width: 3.2rem; height: 3.2rem; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .vtp-page-results .top-link:hover{ background-color: #4c4c4c; } .vtp-page-results .svg { pointer-events: none; } @media only screen and (max-width: 568px) { .vtp-filter-panel-colors .t_color_contrast label { content: ''; display: block; position: relative; width: 100%; border-bottom: 1px solid #d7dadb; margin-top: 0; margin-bottom: 5px; } } .favorites-panel { margin-top: 20px; } /* Styleing Image Gallery in Resultlist */ .car-teaser .image-swiper .swiper-slide { cursor: -webkit-grab; cursor: grab; } .car-teaser .image-swiper .swiper-slide:active { cursor: -webkit-grabbing; cursor: grabbing; } .image-swiper .swiper-navigation { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; background: rgba(255,255,255,0.6); bottom: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; right: 0; width: 80px; z-index: 1; } .image-swiper .swiper-navigation .swiper-button-disabled { visibility: hidden; } .image-swiper .swiper-pagination { height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; } .swiper-navigation img { width: 24px; height: 24px; filter: invert(1); user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .swiper-btn-prev img { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .swiper-btn-next, .swiper-btn-prev { cursor: pointer; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; height: 24px; padding: 0px 0; position: relative; z-index: 11; } .swiper-btn-next { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* Styleing Swiper Container in CompareBar */ .vtp-compare-bar .car-list .image-swiper { background-color: #f2f4f3; margin-bottom: 0.5rem; padding-bottom: 56%; cursor: pointer; position: relative; height: 0; overflow: hidden; } .vtp-compare-bar .car-list .image-swiper .swiper-slide { background-image: none; float: none; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; cursor: auto; } .vtp-compare-bar .car-list .image-swiper .swiper-slide img { position: absolute; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .media.media-gallery .available { bottom: 0; z-index: 2; } .vtp-results-page .vtp-results-view .media.media-gallery, .vtp-page-favorites .vtp-favorites .vtp-results-view .media.media-gallery { padding-bottom: 20px; } @media only screen and (max-width: 800px) { .vtp-results-page .vtp-results-view .media.media-gallery, .vtp-page-favorites .vtp-favorites .vtp-results-view .media.media-gallery { padding-bottom: 37px; } } @media only screen and (max-width: 568px) { .vtp-results-page .vtp-results-view .media.media-gallery, .vtp-page-favorites .vtp-favorites .vtp-results-view .media.media-gallery { padding-bottom: 32px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .image-swiper .swiper-navigation { display: none; } .vtp-grid-view .image-swiper .swiper-wrapper .swiper-slide img.mySlides { height: 132.1875px; } .vtp-list-view .image-swiper .swiper-wrapper .swiper-slide img.mySlides { height: 181px; } } .vtp-link,.vtp-link.vtp-compare-link, .vtp-breadcrumb-resetitems button.vtp-resetitems-button, .save-search-breadcrumb button.save-search-btn, .custom-select select, .custom-select option, .custom-select option:checked { color: #000; } .vtp-link:hover,.vtp-link.vtp-compare-link:hover { color: #c03; } /* warranty_modul */ @media only screen and (max-width: 568px) { .vtp-feature-teaser .vtp-icon-i { top:14%; } } @media only screen and (max-width: 568px) { .vtp-mobile-accordion.vtp-features.vtp-warranty-modul .vtp-feature-teaser { background: #ffffff; margin-bottom: 25px !important; } } @media only screen and (max-width: 767px) { .vtp-mobile-accordion.vtp-features.vtp-warranty-modul { border-top: 0; } } .vtp-stage-gallery-item .has-info, .vtp-mediagallery-detail-slide .has-info { position: initial; padding: 0; cursor: pointer; } .vtp-stage-gallery .vtp-stage-gallery-item a.has-info { pointer-events: auto !important; } .vtp-stage-gallery-item .has-info:after { top: 10px; left: 10px; right: unset; z-index: 1; } .vtp-mediagallery-detail-slide .has-info:after { bottom: 10px; left: 35px; right: unset; top: unset; box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.15); } .vtp-mediagallery-detail-slide .has-info:hover:after { background-position: 0 -1536px; } .vtp-mediagallery-detail-slide .vtp-tooltip { bottom: 10px; left: 10px; right: unset; top: unset; } .vtp-grid-view .vtp-results-view .car-teaser .has-info.render-img, .vtp-list-view .vtp-results-view .car-teaser .has-info.render-img, .vtp-grid-view .vtp-results-view .similar-car-item .has-info.render-img, .vtp-list-view .vtp-results-view .similar-car-item .has-info.render-img, .vtp-grid-view #suggested-cars .car-teaser .has-info.render-img, .vtp-list-view #suggested-cars .car-teaser .has-info.render-img, .vtp-grid-view #suggested-cars .similar-car-item .has-info.render-img, .vtp-list-view #suggested-cars .similar-car-item .has-info.render-img, .vtp-compare-item .teaser-image .has-info { top: 10px; margin: 0; right: initial; left: 0; z-index: 999; cursor: pointer; position: absolute; } .vtp-grid-view .vtp-results-view .car-teaser .has-info.render-img + .vtp-tooltip, .vtp-list-view .vtp-results-view .car-teaser .has-info.render-img + .vtp-tooltip, .vtp-grid-view .vtp-results-view .similar-car-item .has-info.render-img + .vtp-tooltip, .vtp-list-view .vtp-results-view .similar-car-item .has-info.render-img + .vtp-tooltip, .vtp-grid-view #suggested-cars .car-teaser .has-info.render-img + .vtp-tooltip, .vtp-list-view #suggested-cars .car-teaser .has-info.render-img + .vtp-tooltip, .vtp-grid-view #suggested-cars .similar-car-item .has-info.render-img + .vtp-tooltip, .vtp-list-view #suggested-cars .similar-car-item .has-info.render-img + .vtp-tooltip { max-width: 320px; } .vtp-results-toolbar { z-index: 101; position: relative; } .omni-icon { margin-right: 10px; } @media only screen and (max-width: 767px) { .omni-icon { margin-right: 0; margin-top: 20px; } } .vtp-dealer-inquiry fieldset p.sup { text-align: left; } .vtp-dealer-inquiry fieldset p.optional { font-family: "AudiTypeScreenNormal", Verdana, sans-serif; color: #4c4c4c; } .vtp-dealer-inquiry .radio-button-controls { width: 100% !important; } /* VTP-31139 */ fieldset.sase-mail legend.freq { text-align: left; } fieldset.sase-mail legend.freq > span.freqChange { font-weight: normal; text-decoration: underline; padding-left: 5px; cursor: pointer; } button.vtp-btn.cancel.black { background: #000; color: #fff; } button.vtp-btn.cancel.black:hover { background: #434c53; } .sase-mail .freq-container { display: block; float: left; width: 100%; } .vtp-saved-search-entry .sase-mail .freq-container .control-group { width: auto; text-align: left; } .vtp-saved-search-entry .sase-mail .freq .vtp-link { font-weight: normal; text-decoration: underline; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp img.eec-label { width: auto !important;; max-height: 192px !important;; } .vtp-consumption .vtp-description-list-wrap .vtp-description-list.nefz-wltp .eec-label-subtitle { font-family: Verdana, sans-serif; font-size: 12px; font-weight: 700; } .vtp-mobile-accordion.vtp-leasingmatrix .content { height: auto !important; overflow: auto !important; } @media only screen and (min-width: 767px) { .only-wltp-info { padding-right: 10rem; } .vtp-list-view .vtp-result-consumption .only-wltp-info { font-size: 10px; padding-right: 0; padding-left: 0; } .vtp-grid-view .vtp-result-consumption .only-wltp-info { font-size: 10px; padding-right: 0; padding-left: 42px; } } p.finance-rate-hint { font-size: 14px; margin-bottom: 2rem !important; } /* VTP-32520 - CSI1-18565 */ .vtp-service-bar-item.favorites.forbidden, button.favorites-link.forbidden { opacity: 0.55; } .vtp-service-bar-item.favorites.forbidden, .vtp-service-bar-item.active > .vtp-service-bar-btn.forbidden { cursor: pointer; } .vtp-service-bar-item.favorites.forbidden button.vtp-service-bar-btn, button.favorites-link.forbidden i.vtp-icon-favstar { pointer-events: none; } button.favorites-link.forbidden i.vtp-icon-favstar.interactive.active { background-color: #434c53; } .vtp-service-bar-item > .vtp-service-bar-btn.forbidden:hover, .vtp-service-bar-item.selected > .vtp-service-bar-btn.forbidden, .vtp-service-bar-item.active > .vtp-service-bar-btn.forbidden { color: #000; } /* VTP-32833 - CSI1-18906 */ .wltp-info-box { padding: 15px; color: #c03; border: 1px solid #c03; } #vue .wltp-info-box { padding: 15px; color: #c03; border: 2px solid #c03; font-weight: bold; } @media only screen and (min-width: 767px) { .vtp-consumption .container h3.only-mobile-view { display: none; } } .ma_list_view.vtp-list-view .vtp-results-view .car-teaser > div.details { padding-right: 20px; } @media print { .ma_list_view.vtp-grid-view .vtp-results-view .car-teaser > div.details, .ma_list_view.vtp-list-view .vtp-results-view .car-teaser > div.details { padding-right: 320px; } } .vtp-list-view .vtp-results-view .summary-data-list.ma-list { display: inline-block; padding:20px 0 0px; } .vtp-grid-view .vtp-results-view .summary-data.summary-data-list.ma-list { display: inline-block; padding:20px 0 0 0; } .vtp-favorites .favorites-panel .vtp-results-view .summary-data-list.ma-list li, .vtp-results-page .vtp-results-panel.vtp-list-view .vtp-results-view .summary-data-list.ma-list li { width: auto; float: left; margin-right: 20px; } .vtp-favorites .favorites-panel .vtp-results-view .summary-data li p.summary-data-description.ma_icon, .vtp-results-page .vtp-results-panel .vtp-results-view .summary-data li p.summary-data-description.ma_icon { width: 30px !important; height: 30px; display: inline-block; margin-right: 4px; } .vtp-favorites .favorites-panel .vtp-results-view .summary-data li p.summary-data-value.ma_icon, .vtp-results-page .vtp-results-panel .vtp-results-view .summary-data li p.summary-data-value.ma_icon { align-items: center; display: flex; height: 30px; } .vtp-results-page .vtp-results-panel.vtp-grid-view .vtp-results-view .summary-data-list.ma-list li { width:50%; float: left; } .summary-data-list.ma-list .list-panel-item-transmission:before { width: 30px; height: 30px; margin-left: -22.5px; } .vtp-car-info-price .ademav_rent { display: block; position: relative; } .vtp-car-info-price .ademav_rent .has-info { cursor: pointer; } /* VTP-33131 - CSI1-19316 */ .vtp-car-info-offer span.audiAg_info { font-size: 12px; } .vtp-dealer-info-overlay .audiAg_info_block { font-family: "AudiTypeExtNormal", Verdana, sans-serif; font-weight: normal; font-size: xx-small; } /* VTP-33760 - [CSI1-20248] [MFC] [Frontendanpassung] Anpassung Footer */ .vtp-footer .footer-links.mfc-footer-links { max-width: inherit; } /* VTP-33714 - [CSI1-20163] [MFC] [Filteranpassung] Anpassung Reiter "Motor" */ .vtp-filter-panel-engines .vtp-filter-engines > div.mfc-engine-group { width: 100%; margin: 0; } .vtp-filter-panel-engines .vtp-filter-engines > div.mfc-engine-group label { width: auto; margin-right: 2.994%; } .vtp-filter-panel-engines .vtp-filter-engines > div.mfc-engine-group label:last-of-type { margin-right:0; } @media only screen and (max-width: 568px) { .vtp-filter-panel-engines .vtp-filter-engines > div.mfc-engine-group label.needsclick { width: 100%; } } /* @media only screen and (max-width: 767px) { .vue_title_toggle { visibility: visible; } } @media only screen and (min-width: 768px) { .vue_title_toggle { visibility: hidden; } } */ .vtp-result-consumption .vtp-wltp-nefz-consumptions p span.vtp-consumption-label { height: 100%; } #modals .vue_svg_bg { background-repeat: no-repeat; background-size: contain; background-position: left top; height: 1300px; } .vue_svg_bg { background-repeat: no-repeat; background-size: contain; background-position: left top; height: 1800px; } @media only screen and (341px <= width <= 767px) { #modals .vue_svg_bg, .vue_svg_bg { background-repeat: no-repeat; background-size: contain; background-position: left top; height: 500px; } } @media only screen and (768px <= width <= 1024px) { #modals .vue_svg_bg, .vue_svg_bg { background-repeat: no-repeat; background-size: contain; background-position: left top; height: 1000px; } } @media only screen and (1025px <= width <= 1200px) { #modals .vue_svg_bg .vue_svg_bg { background-repeat: no-repeat; background-size: contain; background-position: left top; height: 1300px; } } .vtp-highlights-cmp.vtp-cmp.vtp-highlights dl a.has-info:after { right: -9px; top: -24px; } .all-dealer-search-results:focus-visible { outline: 2px solid #000; outline-offset: 1px; } #form_container { margin-left: 4px; } *:focus:not(:focus-visible) { outline: none } *:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-service-bar-item > .vtp-service-bar-btn:focus-visible, .vtp-close-btn:focus { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-close-btn:focus { z-index: 3000; } .vtp-filter-bar .vtp-resultcount.active .result-btn { border: 1px solid #b3b3b3; background-color: #F2F2F2; } .vtp-filter-bar .vtp-resultcount.active a { color: #636363; } .vtp-filter-bar .vtp-resultcount.active .result-btn.disabled { color: #F2F2F2; } a.stage_gallery_img { display: inline-block; position: relative; width: 100%; height: 100%; } a.stage_gallery_img picture, a.stage_gallery_img img { display: block; width: 100%; height: auto; } a.stage_gallery_img:focus { outline: none; } a.stage_gallery_img:focus-visible::after { content: ""; position: absolute; inset: 0; border: 2px solid #000; border-radius: 2px; pointer-events: none; z-index: 1; } .vtp-stage-gallery-button:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-filter-bar .result-btn.active, .vtp-filter-bar .vtp-resultcount.active .result-btn { border: 1px solid #b3b3b3; background-color: #F2F2F2; color: #636363; } .vtp-mini-select .custom-select select#result-sort:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .has-info:focus, button.has-info.on_stage:focus { outline: none; outline-offset: 0px; border: 0px; border-radius: 0px; } .vtp-favorites-toolbar .vtp-compare-link:focus-visible, .vtp-results-toolbar .vtp-compare-link:focus-visible, .vtp-online-reservation-toolbar .vtp-compare-link:focus-visible, .car-teaser .has-info:focus-visible:after, .car-teaser .favorites-link:focus-visible, .car-teaser footer .car-teaser-options .checkbox-primary + label.add:focus-visible:before { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } button.has-info.on_stage { all: unset; /* entfernt Hintergrund, Rahmen, Padding etc. */ position: absolute; display: inline-block; width: 32px; height: 32px; cursor: pointer; } button.has-info.on_stage:focus-visible::after { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-favorites-toolbar .vtp-list-view-chooser input[type="radio"]:focus-visible + label, .vtp-results-toolbar .vtp-list-view-chooser input[type="radio"]:focus-visible + label, .vtp-online-reservation-toolbar .vtp-list-view-chooser input[type="radio"]:focus-visible + label, .compare-checkbox:focus-within:has(:focus-visible) label.add, .compare-checkbox:focus-within:has(:focus-visible) label.remove, .compare-checkbox label.add:focus-visible, .compare-checkbox label.remove:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-mini-select .custom-select:focus-within:has(:focus-visible) .select-value, .vtp-mini-select .custom-select:focus-within .select-value:focus-visible { display: inline-block; /* oder block */ margin: 3px 3px; /* sorgt für "Körper" */ position: relative; /* wichtig für z-index/outline */ box-sizing: border-box; z-index: 20; outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } button.vtp-btn.toggle:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-filter-group input[type="checkbox"]:focus-visible + label::before, .vtp-filter-panel-models .model-grid .vtp-filter-label .vtp-filter-select-all input[type="checkbox"]:focus-visible + label, .vtp-filter-panel-models .model-grid .model-result-grid input[type="checkbox"]:focus-visible + label::before, .checkbox-primary:focus-visible + label::before, .checkbox-primary:focus-visible + .label::before { width: 32px; height: 32px; outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .vtp-breadcrumb-item:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; position: relative; } .vtp-modals .vtp-close-btn:focus-visible { outline: 2px solid #000; outline-offset: 1px; border: 1px solid #fff; border-radius: 2px; } .visually-hidden { position: absolute; opacity: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(100%); white-space: nowrap; border: 0; } .vtp-sku-avail { display: block; line-height: 2em; color: #0D870D; margin-bottom: 0.5em; } .vtp-sku-avail span.icon { display: inline-block; width: 40px; height: 40px; } .vtp-car-info-offer .vtp-sku-avail span.icon { width: 50px; height: 50px; } .vtp-sku-avail .text { font-weight: bold; } .vtp-subtitle, .vtp-subtitle .h3 { font-family: "AudiTypeExtNormal", Verdana, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; } .vtp-feature-teaser h4.h6 { padding-right: 30px; margin-top: 20px; margin-bottom: 20px; line-height: 1.412; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .vtp-feature-teaser a h4.h6 { -webkit-transition: color 200ms ease; -o-transition: color 200ms ease; transition: color 200ms ease; } .vtp-filter-model-tab label { display: none; } @media only screen and (min-width: 768px) { .flexbox .vtp-grid-view .vtp-results-view .fieldset, .flexbox .vtp-grid-view #suggested-cars .fieldset { margin-top: auto; } } input[type="text"].input_tel_ph::placeholder { opacity: 0; transition: opacity 0.2s ease; } ._focus input[type="text"].input_tel_ph::placeholder { opacity: 1; color: #767676; } .vtp-standalone-inquiry .h3 { margin: 0 0 30px 0; font-size: 21px; line-height: 30px; font-family: "AudiTypeScreenNormal", Verdana, sans-serif; font-weight: 700; padding: 0; }