/* Created on	: May 12,2016,11:30:12 AM Author : Darius Zylka Template	: Basis*//* Created on	: May 12,2016,11:30:12 AM Author : Darius Zylka Template	: Theme*//* Created on	: August 17,2016,11:30:12 AM Author : Florian Neueder Template	: Customer*//* aktivTab: configs *//*$primary-color: $primary;$primary-alternative-color: $secondary;$primary-sub-color: $secondary;$default-background: $background;$default-container-background: $container-background;$primary-link-color: $primary;$primary-menu-color: $primary-font;$primary-menu-hover: $secondary-font;$primary-menu-bg-hover: $primary;$menu-sub-color: $third-font;$menu-sub-hover: $primary;$menu-sub-sub-color: $third-font;$menu-sub-sub-hover: $primary;$primary-font-color: $primary-font;$content-block-color: $primary-font;$navbar-top-link-color: $primary-font;$navbar-top-color: $secondary-font;$navbar-top-sub-color: $secondary-font;$topbar-background-color: $third;$topbar-color: $primary-font;$button-background: $primary;$button-color: $secondary-font;$slider-buttons: $primary;$slider-indicators: $primary;$slider-indicators-hover: $secondary;$slider-background-color: $third;$slider-background-bottom: $primary;$pre-footer-background-color: $secondary;$footer-background-color: $secondary;$footer-color: $primary-font;$footer-pre-area-color: $secondary-font;$primary-hr-color: $primary;$pager-background: $secondary;$pager-font-color: $secondary-font;$button-tile: $secondary;$vehicle-tile-title: $secondary;$vehicle-tile-select: $primary;$topbar-border-color: $third;$search-background-color: $topbar-background-color;$menu-sub-background: $topbar-background-color;$slider-line1-background: transparent;$slider-line1-text-color: $secondary;$slider-line2-background: transparent;$slider-line2-text-color: $primary;*//** /web/foundations/_basis/ **/.site-home #site-content .content-block .container { padding-left: 0; padding-right: 0; } .container-full { max-width: 100% !important; } .dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover { background-color: #000000; } .displaytable { display: table; } .opinions-link { display: none !important; } .marginbottom-headline { margin-bottom: 12px; display: block; } .nv-verbrauch-resp,.detailsuche_resp { display: none; } .resp_mobile_pfeil { display: none; } .search-collapse { display: none; } #search-lupe { cursor: pointer; color: #ffffff; } .nopadding { padding-left: 0; padding-right: 0; } .nopadding-left { padding-left: 0 !important; } .nopadding-right { padding-right: 0 !important; } .nopadding-bottom { padding-bottom: 0 !important; } .marginbuttonbottom { margin-bottom: 20px !important; } .marginbottom { margin-bottom: 20px; } .margintop { margin-top: 35px !important; } .nomargintop { margin-top: 0 !important; } .margintop-2x { margin-top: 70px; } @media (max-width: 767px) { .margintop-2x { margin-top: 0; } } .nomargin { margin-left: 0; margin-right: 0; } .margin35px { padding-bottom: 35px; padding-top: 35px; } .padding-topbottom10px { padding: 10px 0 !important; } .nomarginbottom { margin-bottom: 0 !important; } .clean-p { padding: 0; margin: 0; padding-bottom: 10px; } .fe_buttons { display: none; } .frontend-editor { min-height: 20px; cursor: pointer; background: #d9d9d9; border: 2px #ffffff solid; } .frontend-editor .content-col { opacity: 1 !important; visibility: visible; transform: translateY(0px) scale(1) !important; } .frontend-editor:hover { border: 2px #000000 solid; } body { background: #ffffff; color: #000000; background-repeat: no-repeat; background-position: center top; transition: 0s linear; transition-property: background-position; overflow-x: hidden; font-size: 15px; } h1,h2,h3,h4,h5,h6 { color: #000000; font-weight: 600; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: "DaimlerCS-Regular",Arial,sans-serif; } h1 { font-size: 2.25em; color: #ffffff; } h2 { font-size: 1.125em; } h3 { font-size: 1em; color: #787878; font-weight: 400; line-height: 1.5em; } h4,h1 span.sub { font-size: 1em; } h1 span.sub { display: block; margin-bottom: 10px; margin-top: 10px; color: #000000; } h2.h2-title { margin-bottom: 35px; } .text-center .img-responsive { margin: 0 auto; } .container-limited { max-width: 1320px; } .container { max-width: 1580px; width: 100%; } .container-withoutpadding { padding: 0; } a { color: #000000; } a:focus,a:hover { text-decoration: none; } hr { border-top: 1px solid #000000; border-bottom: 1px solid #fff; } .padding-standard { padding: 15px; } .padding-standard h2 { padding: 0; margin: 0; } .row-margin { margin-bottom: 10px; } .btn-transparent { border: 3px solid #fff; background: transparent; color: #ffffff; } .btn-transparent:hover { border-color: rgba(255,255,255,0.5); } .center h2 { font-size: 2.25em; margin-top: 0; margin-bottom: 20px; } .media > .pull-left { margin-right: 20px; width: 100px; height: 100px; } .media > .pull-left > img { max-width: 100%; max-height: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .media > .pull-right { margin-left: 20px; } body > section { padding: 70px 0; } .center { text-align: center; padding-bottom: 55px; } .scaleIn { -webkit-animation-name: scaleIn; animation-name: scaleIn; } .lead { font-size: 16px; line-height: 24px; font-weight: 400; } .transparent-bg { background-color: transparent !important; margin-bottom: 0; } @-webkit-keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }@keyframes scaleIn { 0% { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }.top-number { color: #ffffff; } .top-number p { margin: 0; } #b2b_login_modal_trigger { display: inline-block; color: #000000; height: 30px; line-height: 30px; text-align: center; border-radius: 2px; padding: 0 5px; font-size: 12px; height: 41px; line-height: 41px; } #b2b_login_modal_trigger:hover,#b2b_login_modal_trigger:focus { background-color: #000000; color: #ffffff; } .search i { color: #ffffff; } input.search-form { background: transparent; border: 0 none; width: 60px; padding: 0 10px; color: #ffffff; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; } input.search-form::-webkit-input-placeholder { color: transparent; } input.search-form:hover::-webkit-input-placeholder { color: #ffffff; } input.search-form:hover { width: 180px; } .md-valign { display: inline-flex; vertical-align: middle; align-items: center; } .footnote,.footnote-static { color: #000000; font-size: 11px; font-weight: normal; } .footnote-static { position: relative; top: -0.4em; } .environment-container i.md-17,.consumption-container i.md-17 { font-size: 17px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .btn { border-radius: 0; } .no-margin { margin: 0; padding: 0; } #feature { background: #f2f2f2; padding-bottom: 40px; } .features { padding: 0; } .feature-wrap { margin-bottom: 35px; overflow: hidden; } .feature-wrap h2 { margin-top: 10px; } .feature-wrap .pull-left { margin-right: 25px; } .feature-wrap i { font-size: 3em; height: 110px; width: 110px; margin: 3px; border-radius: 100%; line-height: 110px; text-align: center; background: #fff; color: #000000; border: 3px solid #fff; box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-box-shadow: inset 0 0 0 5px #f2f2f2; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; float: left; margin-right: 25px; } .feature-wrap:hover i { background: #000000; color: #ffffff; box-shadow: inset 0 0 0 5px #000000; -webkit-box-shadow: inset 0 0 0 5px #000000; border: 3px solid #000000; } #recent-works .col-xs-12.col-sm-4.col-md-3 { padding: 0; } #recent-works { padding-bottom: 70px; } .recent-work-wrap { position: relative; } .recent-work-wrap img { width: 100%; } .recent-work-wrap .recent-work-inner { top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0; } .recent-work-wrap .recent-work-inner h3 { margin: 10px 0; } .recent-work-wrap .recent-work-inner h3 a { font-size: 24px; color: #ffffff; } .recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0; background: #000000; color: #ffffff; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; padding: 30px; } .recent-work-wrap .overlay .preview { bottom: 0; display: inline-block; height: 35px; line-height: 35px; border-radius: 0; background: transparent; text-align: center; color: #ffffff; } .recent-work-wrap:hover .overlay { opacity: 1; } #services { background: #000; overflow: hidden; position: relative; } #services .background { position: absolute; width: 120%; height: 120%; left: -10%; top: -10%; background: #000 url(../img/car_and_interieur.jpg) center center no-repeat; background-size: cover; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); opacity: 0.2; } #services .container { position: relative; top: 0; } #services .lead,#services h2 { color: #ffffff; } .services-wrap,.services-wrap:hover,.services-wrap:focus,.services-wrap:active { display: block; padding: 40px 30px; background: #fff; border-radius: 4px; margin: 0 0 40px; max-height: 180px; color: inherit; } .services-wrap h3 { font-size: 20px; margin: 10px 0; } .services-wrap .pull-left { margin-right: 20px; } .skill h2 { margin-bottom: 25px; } .progress-wrap { position: relative; } .progress .color1,.progress .color1 .bar-width { background: #2d7da4; } .progress .color2,.progress .color2 .bar-width { background: #6aa42f; } .progress .color3,.progress .color3 .bar-width { background: #fc3; } .progress .color4,.progress .color4 .bar-width { background: #db3615; } .progress,.progress-bar { height: 15px; line-height: 15px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; overflow: visible; text-align: right; } .progress { position: relative; } .progress .bar-width { position: absolute; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 700; top: -30px; border-radius: 2px; margin-left: -30px; } .progress span { position: relative; } .progress span:before { content: " "; position: absolute; width: auto; height: auto; border-width: 8px 5px; border-style: solid; bottom: -15px; right: 8px; } .progress .color1 span:before { border-color: #2d7da4 transparent transparent; } .progress .color2 span:before { border-color: #6aa42f transparent transparent; } .progress .color3 span:before { border-color: #fc3 transparent transparent; } .progress .color4 span:before { border-color: #db3615 transparent transparent; } .accordion h2 { margin-bottom: 25px; } .panel-title > a { color: #000000; } .accordion-inner img { border-radius: 4px; } .accordion-inner h4 { margin-top: 0; } .panel-heading.active { background: #1f1f20; } .panel-heading.active .panel-title > a { color: #ffffff; } a.accordion-toggle i { width: 45px; line-height: 44px; font-size: 20px; margin-top: -10px; text-align: center; margin-right: -15px; background: #c9c9c9; } .panel-heading.active a.accordion-toggle i { background: #000000; color: #ffffff; } .panel-heading.active a.accordion-toggle.collapsed i { background: #000000; color: #ffffff; } .nav-tabs > li { margin-bottom: 0; border-bottom: 1px solid #e6e6e6; } .nav-tabs { border-bottom: transparent; border-right: 1px solid #e6e6e6; } .nav-tabs > li > a { background: #f5f5f5; color: #666; border-radius: 0; border: 0 none; line-height: 24px; margin-right: 0; padding: 13px 15px; } .nav-tabs li:last-child { border-bottom: 0 none; } .nav-stacked > li + li { margin-top: 0; } .nav-tabs > li > a:hover { background: #1f1f20; color: #ffffff; } .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus { border: 0; color: #ffffff; background: #1f1f20; position: relative; } .nav-tabs > li.active > a:after { position: absolute; content: ""; width: auto; height: auto; border-style: solid; border-color: transparent transparent transparent #1f1f20; border-width: 25px 22px; right: -44px; top: 0; } .tab-wrap { border: 1px solid #e6e6e6; margin-bottom: 20px; } .tab-content { padding: 20px; } .tab-content h2 { margin-top: 0; } .tab-content img { border-radius: 4px; } .testimonial h2 { margin-top: 0; } .testimonial-inner { color: #858586; font-size: 14px; } .testimonial-inner .pull-left { border-right: 1px solid #e7e7e7; padding-right: 15px; position: relative; } .testimonial-inner .pull-left:after { content: ""; position: absolute; width: 9px; height: 9px; top: 50%; margin-top: -5px; background: #fff; -webkit-transform: rotate(45deg); border: 1px solid #e7e7e7; right: -5px; border-left: 0 none; border-bottom: 0 none; } #partner { color: #ffffff; text-align: center; overflow: hidden; position: relative; } #partner .background { position: absolute; width: 120%; height: 120%; left: -10%; top: -10%; background: #ddd url(https://c2.staticflickr.com/4/3296/3017611913_0d23564f8a_b.jpg) center center no-repeat; background-size: cover; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); filter: blur(5px); } #partner .container { position: relative; top: 0; } .partners ul { list-style: none; margin: 0; padding: 0; } .partners ul li { display: inline-block; float: left; width: 20%; } .about-us { margin-top: 110px; margin-bottom: -110px; } .about-us h2,.skill_text h2 { color: #000000; font-size: 30px; font-weight: 600; } .about-us p { color: #000000; } #carousel-slider { position: relative; } #carousel-slider .carousel-indicators { bottom: -25px; } #carousel-slider .carousel-indicators li { border: 1px solid #ffbd20; } #carousel-slider a i { border: 1px solid #777; border-radius: 50%; font-size: 1.7em; height: 50px; padding: 8px; position: absolute; top: 50%; width: 50px; color: #777; } #carousel-slider a i:hover { background: #bfbfbf; color: #ffffff; border: 1px solid #bfbfbf; } #carousel-slider .carousel-control { width: inherit; } #carousel-slider .carousel-control.left i { left: -25px; } #carousel-slider .carousel-control.right i { right: -25px; } #carousel-slider .carousel-control.left,#carousel-slider .carousel-control.right { background: none; } .btn-primary { border-radius: 0; } .single-profile-top,.single-profile-bottom { font-weight: 400; line-height: 24px; } .single-profile-top,.single-profile-bottom { border: 1px solid #ddd; padding: 15px; position: relative; } .media_image { margin-bottom: 10px; } .services { padding: 0; } .get-started { background: none repeat scroll 0 0 #f3f3f3; border-radius: 3px; padding-bottom: 30px; position: relative; margin-bottom: 18px; margin-top: 60px; } .get-started h2 { padding-top: 30px; margin-bottom: 20px; } .request { bottom: -15px; left: 50%; position: absolute; margin-left: -110px; } .request h4 { position: absolute; width: 220px; position: relative; } .request h4 a { background: #000000; color: #ffffff; font-size: 14px; font-weight: 400; border-radius: 3px; padding: 5px 15px; } .request h4:after { border-color: #000000 transparent transparent; border-style: solid; border-width: 12px; bottom: -18px; content: ""; height: 0; position: absolute; right: 13px; z-index: -99999; } .request h4:before { border-color: #000000 transparent transparent; border-style: solid; border-width: 12px; bottom: -18px; content: ""; height: 0; left: 13px; position: absolute; z-index: -99999; } .clients-area { padding: 60px; } .clients-comments { background-image: url(../images/image_bg.png); background-position: center 118px; background-repeat: no-repeat; margin-bottom: 100px; } .clients-comments img { background: #ddd; border: 1px solid #ddd; height: 182px; padding: 3px; width: 182px; transition: all .9s ease 0; -moz-transition: all .9s ease 0; -webkit-transition: all .9s ease 0; -o-transition: all .9s ease 0; } .clients-comments h3 { margin-top: 55px; font-weight: 300; padding: 0 40px; } .clients-comments h4 { font-weight: 300; margin-top: 15px; } .clients-comments h4 span { font-weight: 700; font-style: oblique; } #portfolio_page { margin-top: 115px; padding-bottom: 0; } .portfolio-items,.portfolio-filter { list-style: none outside none; margin: 0 0 40px; padding: 0; } .portfolio-filter > li { display: inline-block; } .portfolio-filter > li a { background: none repeat scroll 0 0 #fff; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all .9s ease; -moz-transition: all .9s ease; -webkit-transition: all .9s ease; -o-transition: all .9s ease; border: 1px solid #f2f2f2; outline: none; border-radius: 3px; } .portfolio-filter > li a:hover,.portfolio-filter > li a.active { color: #ffffff; background: #000000; border: 1px solid #000000; box-shadow: none; -webkit-box-shadow: none; } .portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .portfolio-item { margin: 0; padding: 0; } .pricing_heading { margin-top: 120px; } .pricing_heading h2,.pricing_heading p { color: #000000; } .pricing-area h1 { font-weight: 300; margin-top: 0; margin-bottom: 15px; } .pricing-area span { font-weight: 700; font-size: 18px; } .pricing-area h3,.pricing-area span { color: #ffffff; } .plan { position: relative; margin-bottom: 70px; } .pricing-area ul { background: #fafafa; padding: 0; margin: 0; } .pricing-area ul li { list-style: none; padding: 15px 0; font-size: 16px; font-weight: 400; } .pricing-area ul li:nth-child(even) { background: #f5f5f5; } .pricing-area .price-three img,.pricing-area .price-six img { position: absolute; right: 15px; top: 0; } .pricing-area .heading-one,.pricing-area .heading-two,.pricing-area .heading-three { padding: 17px 0; border-radius: 2px 2px 0 0; } .pricing-area .heading-one,.pricing-area .heading-two,.pricing-area .heading-three,.pricing-area .heading-four,.pricing-area .heading-five,.pricing-area .heading-six,.pricing-area .heading-seven { margin-left: -10px; } .pricing-area .heading-one,.pricing-area .price-one .plan-action .btn-primary { background: #e24f43; } .pricing-area .heading-two,.pricing-area .price-two .plan-action .btn-primary { background: #27ae60; } .pricing-area .heading-three,.pricing-area .price-three .plan-action .btn-primary { background: #f39c12; } .pricing-area .heading-four,.pricing-area .price-four .plan-action .btn-primary { background: #5c5c5c; } .pricing-area .heading-five,.pricing-area .price-five .plan-action .btn-primary { background: #5c5c5c; } .pricing-area .heading-six,.pricing-area .price-six .plan-action .btn-primary { background: #e24f43; } .pricing-area .heading-seven,.pricing-area .price-seven .plan-action .btn-primary { background: #5c5c5c; } .pricing-area .bg { background: #fafafa; } .pricing-area .heading-one h3:before { border-color: #bf4539 transparent transparent; } .pricing-area .heading-two h3:before { border-color: #1f8c4d transparent transparent; } .pricing-area .heading-three h3:before { border-color: #d4880f transparent transparent; } .pricing-area .heading-four h3:before { border-color: #424242 transparent transparent; } .pricing-area .heading-five h3:before { border-color: #424242 transparent transparent; } .pricing-area .heading-six h3:before { border-color: #bf4539 transparent transparent; } .pricing-area .heading-seven h3:before { border-color: #424242 transparent transparent; } .pricing-area h3:before { border-color: #d4880f transparent transparent; border-radius: 5px 0 0 0; border-style: solid; border-width: 12px; content: ""; height: 0; left: 4px; position: absolute; top: 78px; width: 0; z-index: -999; } .small-pricing h3:after { height: 94px; } .small-pricing h3:before { top: 74px; } .plan-action { height: 40px; } .pricing-area .plan-action .btn-primary { position: relative; padding: 5px 20px; color: #ffffff; margin-top: 5px; } .pricing-area .plan-action .btn-primary:before { border-color: #e24f43 transparent transparent; border-radius: 5px 0 0 0; border-style: solid; border-width: 12px; bottom: -12px; content: ""; height: 0; left: -9px; position: absolute; width: 0; z-index: -1; } .pricing-area .plan-action .btn-primary:after { border-color: #e24f43 transparent transparent; border-radius: 5px 0 0 0; border-style: solid; border-width: 12px; bottom: -12px; content: ""; height: 0; position: absolute; right: -9px; width: 0; z-index: -1; } .pricing-area .price-two .plan-action .btn-primary:before,.pricing-area .price-two .plan-action .btn-primary:after { border-color: #1f8c4d transparent transparent; } .pricing-area .price-three .plan-action .btn-primary:before,.pricing-area .price-three .plan-action .btn-primary:after { border-color: #d4880f transparent transparent; } .pricing-area .price-four .plan-action .btn-primary:before,.pricing-area .price-four .plan-action .btn-primary:after,.pricing-area .price-five .plan-action .btn-primary:before,.pricing-area .price-five .plan-action .btn-primary:after,.pricing-area .price-seven .plan-action .btn-primary:before,.pricing-area .price-seven .plan-action .btn-primary:after { border-color: #424242 transparent transparent; right: -9px; } .pricing-area .price-six .plan-action .btn-primary:before,.pricing-area .price-six .plan-action .btn-primary:after { border-color: #bf4539 transparent transparent; right: -9px; } .gmap-area { background-image: url(../images/map.jpg); background-position: 0 0; background-repeat: no-repeat; background-size: cover; padding: 70px 0; } .gmap-area .gmap iframe { border-radius: 50%; height: 280px; width: 300px; } .mce-object-iframe iframe { min-height: 353px; } .gmap { border: 10px solid #f6f5f0; border-radius: 50%; height: 300px; width: 300px; box-shadow: 0 0 3px 3px #e7e4dc; overflow: hidden; position: relative; margin: 0 auto; } .gmap-area .map-content ul { list-style: none; } .gmap-area .map-content address h5 { font-weight: 700; } #contact-page { padding-top: 0; } .form-group .form-control { box-shadow: none; } .form-input-optional label { font-weight: 300; } textarea#message { resize: none; padding: 10px; } #contact-page .contact-wrap { margin-top: 20px; } .widget { margin-bottom: 60px; padding-left: 0; } .single_comments { margin-bottom: 20px; } .single_comments img { float: left; margin-right: 10px; margin-top: 5px; } .single_comments p { margin-bottom: 0; } .widget .entry-meta span { display: inline-block; margin-right: 10px; } .widget h3 { color: #000000; text-transform: uppercase; margin-bottom: 20px; } .blog_category { list-style: none; margin: 0; padding: 0; } .blog_category li { float: none; margin-bottom: 20px; } .blog_category li a { background: #f5f5f5; border-radius: 4px; color: #888; display: inline-block; padding: 5px 15px; } .blog_category li a:hover { background: #000000; color: #ffffff; } .blog_archieve { list-style: none outside none; margin: 0; padding: 0; } .blog_archieve li { padding: 10px 0; border-bottom: 1px solid #f5f5f5; } .blog_archieve li:first-child { padding-top: 0; } ul.gallery { list-style: none; padding: 0; margin: 0; } ul.gallery li { display: block; width: 60px; padding: 0; margin: 0 4px 4px 0; float: left; } ul.faq { list-style: none; margin: 0; } ul.faq li { margin-top: 30px; } ul.faq li:first-child { margin-top: 0; } ul.faq li span.number { display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #34495e; color: #ffffff; font-size: 24px; } ul.faq li > div { margin-left: 70px; } ul.faq li > div h3 { margin-top: 0; } .embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .embed-container iframe,.embed-container object,.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blog-item { border-radius: 0; overflow: hidden; margin-bottom: 50px; } .blog .blog-item .img-blog { border-radius: 5px; margin-bottom: 45px; } .blog .blog-item .blog-content { padding-bottom: 25px; } .blog .blog-item .blog-content h2 { margin-top: 0; font-size: 30px; } .readmore { margin-top: 0; } .blog .blog-item .blog-content h3 { color: #858586; margin-bottom: 40px; } .blog .blog-item .blog-content h4 { font-size: 14px; } .blog .blog-item .entry-meta { border-radius: 5px; overflow: hidden; } .blog .blog-item .entry-meta > span { background: #f5f5f5; border-top: 1px solid #fff; display: block; font-size: 12px; overflow: hidden; padding: 5px; text-align: left; } #publish_date { background: #000000; border-bottom: 5px solid #000000; color: #ffffff; padding: 5px 0; text-align: center; } .blog .blog-item .entry-meta > span { color: #ccc; } .blog .blog-item .entry-meta > span a { font-size: 12px; margin-left: 3px; font-weight: 300; color: #888; } ul.pagination > li > a { border: 1px solid #f1f1f1; margin-right: 5px; border-radius: 5px; font-size: 16px; padding: 5px 14px; } ul.pagination > li > a i { margin-left: 5px; margin-right: 5px; } ul.pagination > li.active > a,ul.pagination > li:hover > a { background-color: #000000 !important; border-color: #000000 !important; color: #ffffff; } .search_box { background-image: url(../images/search_icon.png); background-position: 314px 15px; background-repeat: no-repeat; border-color: #dedede; height: 48px; outline: medium none; box-shadow: none; } .form-control:focus { box-shadow: none; outline: 0 none; } ul.tag-cloud,ul.sidebar-gallery { list-style: none; padding: 0; margin: 0; } .tag-cloud li { display: inline-block; margin-bottom: 3px; } .tag-cloud li a { background: #f5f5f5; color: #888; border: 0; border-radius: 4px; padding: 8px 15px; } .tag-cloud li a:hover { background: #000000; color: #ffffff; } .sidebar-gallery li { display: inline-block; margin: 0 10px 10px 0; } .sidebar-gallery li a { border-radius: 4px; display: inline-block; } .reply_section { background: #f5f5f5; border-radius: 5px; } .post_reply { margin-left: 10px; margin-top: 45px; } .post_reply img { width: 85px; height: 85px; border: 5px solid #d5d8dd; } .post_reply ul { list-style: none outside none; margin: 0; padding: 0; margin-top: 5px; } .post_reply ul li { float: left; } .post_reply ul li a { display: block; } .post_reply ul li a i { border: 1px solid #ddd; border-radius: 39px; color: #ffffff; font-size: 20px; height: 30px; margin-right: 3px; padding-top: 7px; text-align: center; width: 30px; } .post_reply ul li a i.fa-facebook { background: #0182c4; } .post_reply ul li a i.fa-twitter { background: none repeat scroll 0 0 #3fc1fe; } .post_reply ul li a i.fa-google-plus { background: none repeat scroll 0 0 #d34836; } .post_reply ul li a i:hover { opacity: .5; } .post_reply_content { margin: 30px; } .post_reply_content h1 a:hover { color: #ffc800; } .post_reply_content h4 { margin-bottom: 50px; } .reply_section .media-body { display: inherit; } .comment_section .media-body { display: inherit; } #comments_title { color: #000000; font-weight: 700px; font-size: 20px; margin-top: 60px; margin-bottom: 40px; } .comment_section { margin-top: 30px; position: relative; } .post_comments img { width: 85px; height: 85px; margin-top: 35px; } .post_reply_comments { background: #f5f5f5; border-radius: 4px; padding: 30px; } .post_reply_comments:before { border-color: transparent #f0f0f0 transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0; left: 75px; position: absolute; top: 20px; } .post_reply_comments h3,.post_reply_content h3 { margin-top: 0; } .post_reply_comments h1 a:hover { color: #000000; } .post_reply_comments h4 { color: #c4c4c5; font-weight: 400; } .post_reply_comments p { padding-bottom: 30px; } .post_reply_comments a { bottom: 15px; position: absolute; right: 30px; background: #000000; color: #ffffff; border-radius: 5px; padding: 8px 20px; } .post_reply_comments a:before { border-color: #000000 transparent transparent; border-style: solid; border-width: 16px; bottom: -11px; content: ""; height: 0; left: -12px; position: absolute; z-index: 99999; } .message_heading { margin-bottom: 50px; margin-top: 60px; } #error .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success:hover { background-color: #ebebeb; border-color: #ebebeb; color: #4e4e4e; } #error h1 { color: #000000; text-transform: uppercase; } .shortcode-item { padding-bottom: 0; } .shortcode-item h2 { color: #4e4e4e; font-size: 24px; margin-bottom: 22px; margin-top: 0; font-weight: 600; } .section-window { height: 450px; } .bx-wrapper { position: relative; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-viewport { -webkit-transform: translatez(0); } #bottom { background: #f5f5f5; font-size: 14px; } #bottom h3 { margin-top: 0; margin-bottom: 10px; text-transform: uppercase; font-size: 22px; color: #000000; } #bottom ul { list-style: none; padding: 0; margin: 0; } #bottom ul li { display: block; padding: 5px 0; } #bottom ul li a { color: gray; } #bottom ul li a:hover { color: #000000; } #bottom .widget { margin-bottom: 0; } .text-right { float: right; } th.text-right { float: unset; } .navbar-inverse { background: transparent; border-color: transparent; } img[data-zoom]:not([data-zoom=""]):not([data-zoom="0"]),img[data-link]:not([data-link=""]):not([data-link="0"]) { cursor: pointer; } .image-action-overlay { position: absolute; display: table; table-layout: fixed; height: 0; pointer-events: none; text-align: center; line-height: 100%; background-color: transparent; -webkit-transition: height 150ms,background 150ms; -moz-transition: height 150ms,background 150ms; -o-transition: height 150ms,background 150ms; transition: height 150ms,background 150ms; } .image-action-overlay-active { background-color: rgba(0,0,0,0.5); } .image-action-overlay span { font-size: 0; display: table-cell; vertical-align: middle; color: #fff; text-align: center; } .image-action-overlay-active span p { display: inline-block; font-size: 12px; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 90%; } .image-action-overlay-active .fa { font-size: 40px; } .site-home #section-content-block { margin-bottom: 0; } .loadtheme { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.85); width: 100%; height: 100%; text-align: center; vertical-align: middle; z-index: 9999999; padding-top: 22%; display: none; } #theme_hinweis { right: -250px; top: 145px; position: fixed; width: 200px; height: 220px; z-index: 999999999; } #fixedthemeselect { top: 120px; height: 200px; width: 150px; position: fixed; z-index: 99999999; right: 0; } .fixedthemeselect_area { line-height: 50px; font-size: 1.667em; text-align: left; color: #fff; margin-bottom: 2px; background: #fff; height: 50px; width: 300px; padding-left: 10px; } .fixedthemeselect_area img { max-height: 80%; width: auto; text-align: left; left: 0; position: relative; margin-top: -10px; padding-right: 10px; } .fixedthemeselect_area a { font-size: 15px; } .fixedthemeselect_area.active { line-height: 50px; font-size: 1.667em; text-align: left; color: #ffffff; margin-bottom: 2px; background: #00adef; height: 50px; width: 300px; padding-left: 10px; } .fixedthemeselect_area.active a { font-size: 15px; color: #ffffff; } .fixedthemeselect_area:hover { height: 50px; background-size: 60px; transition: ease 500ms; margin-left: -110px; overflow: hidden; } @media (max-width: 767px) { #section-news-home { margin-bottom: 0 !important; } }#section-news-home .img-responsive { min-height: 420px; background-size: contain !important; width: 100%; background-position: center top !important; background-repeat: no-repeat !important; } @media (max-width: 767px) { #section-news-home .img-responsive { background-size: cover !important; } } @media (max-width: 480px) { #section-news-home .img-responsive { min-height: 220px; } } .hello-text-home .btn-primary { max-width: 100%; } @media (max-width: 1024px) { .hello-text-home .btn-primary { padding: 15px 65px !important; } } @media (max-width: 480px) { .hello-text-home .btn-primary { width: 100%; padding: 15px 23px !important; } } #section-google-maps .container { padding-bottom: 40px; }#section-google-maps #google_maps_container { margin-top: 40px; } #section-google-maps #google_maps_container #cityHold { margin-bottom: 20px; } #section-google-maps #google_maps_container #cityHold .btn { margin-top: 0; padding: 5px 65px; font-size: 1.1em; width: 100%; } #section-google-maps #google_maps_container .adp,#section-google-maps #google_maps_container .adp table { width: 100%; } .section-google-maps-route #google_maps_container #cityHold .btn { padding: 10px 65px !important; margin-top: -3px !important; } @media (max-width: 768px) { footer .col-xs-12 .btn-primary,footer .col-xs-11 .btn-primary,footer .col-xs-10 .btn-primary,footer .col-sm-12 .btn-primary,footer .col-sm-11 .btn-primary,footer .col-sm-10 .btn-primary { padding: 15px 0; width: 100%; } }@media (max-width: 480px) { .col-xs-12 .btn-primary,.col-xs-11 .btn-primary,.col-xs-10 .btn-primary { max-width: 100%; width: 100%; padding: 15px 15px; } }section .container,section .container-fluid { background: #ffffff; } .nobackground section .container,.nobackground section .container-fluid { background: transparent; } .bagde_no_video { width: 50px !important; left: calc(100% - 50px) !important; } #section-vehicles-home-slider .bagde_no_video { width: 50px !important; left: calc(300px - 50px) !important; } .hidden-live { display: none !important; } /*.frontend-editor-page,.frontend-editor { .hidden-live { display:block !important; }} .frontend-editor.ge-layout-phone .hidden-lg,.frontend-editor.ge-layout-tablet .hidden-lg,.frontend-editor-page.ge-layout-phone .hidden-lg,.frontend-editor-page.ge-layout-tablet .hidden-lg { display:block !important;} .frontend-editor.ge-layout-phone .hidden-md,.frontend-editor.ge-layout-tablet .hidden-md,.frontend-editor-page.ge-layout-phone .hidden-md,.frontend-editor-page.ge-layout-tablet .hidden-md { display:block !important;} .frontend-editor.ge-layout-phone .hidden-sm,.frontend-editor.ge-layout-desktop .hidden-sm,.frontend-editor-page.ge-layout-phone .hidden-sm,.frontend-editor-page.ge-layout-desktop .hidden-sm { display:block !important;} .frontend-editor.ge-layout-tablet .hidden-xs,.frontend-editor.ge-layout-desktop .hidden-xs,.frontend-editor-page.ge-layout-tablet .hidden-xs,.frontend-editor-page.ge-layout-desktop .hidden-xs { display:block !important;} .frontend-editor.ge-layout-phone .hidden-xs,.frontend-editor-page.ge-layout-phone .hidden-xs { display:none !important;} .frontend-editor.ge-layout-tablet .hidden-sm,.frontend-editor-page.ge-layout-tablet .hidden-sm { display:none !important;} .frontend-editor.ge-layout-desktop .hidden-md,.frontend-editor-page.ge-layout-desktop .hidden-md { display:none !important;} .frontend-editor.ge-layout-desktop .hidden-lg,.frontend-editor-page.ge-layout-desktop .hidden-lg { display:none !important;}*/.ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a.active { background: red; color: #fff; border-radius: 0; margin-top: 0; padding: 2px 5px; cursor: pointer; display: inline-block; margin-bottom: 0; text-align: center; font-size: 12px; font-weight: 600; } .ge-canvas.ge-editing .ge-tools-drawer .ge-details .btn-group a { margin-right: 5px; } #logo-primary-box { width: 400px; } .bg-primary-cell { background: #000000; min-height: 78px; color: #fff; width: calc(66.666667% - 15px); padding-top: 4px; margin-bottom: 15px; max-height: 78px; overflow: hidden; } .bg-primary-cell-fullwidth { background: #000000; min-height: 78px; color: #fff; width: calc(100% - 30px); padding-top: 4px; margin-bottom: 15px; max-height: 78px; overflow: hidden; margin: -10px 15px 15px 15px; } .bg-secondary-cell { background: #3c3c3c; min-height: 78px; vertical-align: middle; color: #fff; margin-left: 15px; padding-left: 15px; width: calc(33.3333333% - 15px); padding-top: 22px; margin-bottom: 20px; } .frontend-editor.ge-editing .bg-primary-cell,.frontend-editor-page.ge-editing .bg-primary-cell { background: #000000; min-height: 75px; color: #fff; width: 66.666667%; padding-top: 4px; margin-bottom: 0; max-height: 78px; overflow: hidden; }.frontend-editor.ge-editing .bg-secondary-cell,.frontend-editor-page.ge-editing .bg-secondary-cell { background: #3c3c3c; min-height: 78px; vertical-align: middle; color: #fff; margin-left: 0; padding-left: 0; width: 33.3333333%; padding-top: 22px; margin-bottom: 0; } .field-error { border: 1px solid red !important; } .error-msg-border { border: 2px solid red; } #footer #pre_area .opinion-box { padding: 15px; background: #fff; display: block; text-align: center; } #footer #pre_area .opinion-box .btn-block { padding: 5px 0; text-align: center; width: 100%; background: #00adef; color: #ffffff; font-size: 1em; }#footer #pre_area .headline-h2,#footer #pre_area .subheadling-h2,#footer #pre_area .headline-h1,#footer #pre_area .subheadling-h1 { color: #ffffff; } .no_header #header-slider,.no_header #edit-header-slider { display: none !important; } body.blank_body { background: #fff !important; } .secondary-highlight { min-height: 50px; padding-top: 20px; } @media (max-width: 991px) { .secondary-highlight { background: #e8e8e8; } } .secondary-highlight .headline-h2 { color: #000000; font-weight: 700; padding-bottom: 20px; } .secondary-highlight #section-direction-info-footer .bootstrap-select,.secondary-highlight #section-direction-info-footer .dropdown-toggle,.secondary-highlight #section-direction-info .bootstrap-select,.secondary-highlight #section-direction-info .dropdown-toggle { height: 45px; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer,.secondary-highlight #section-direction-info-footer #direction-info-request,.secondary-highlight #section-direction-info #direction-info-request-footer,.secondary-highlight #section-direction-info #direction-info-request { font-size: 14px; font-weight: 700; padding-top: 15px; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer .direction-marken,.secondary-highlight #section-direction-info-footer #direction-info-request .direction-marken,.secondary-highlight #section-direction-info #direction-info-request-footer .direction-marken,.secondary-highlight #section-direction-info #direction-info-request .direction-marken { width: 100%; float: left; padding-bottom: 10px; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer .direction-marken img,.secondary-highlight #section-direction-info-footer #direction-info-request .direction-marken img,.secondary-highlight #section-direction-info #direction-info-request-footer .direction-marken img,.secondary-highlight #section-direction-info #direction-info-request .direction-marken img { max-height: 40px; width: auto; height: 100%; display: inline; padding-right: 5px; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set,.secondary-highlight #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set,.secondary-highlight #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set,.secondary-highlight #section-direction-info #direction-info-request .direction-marken .brand-icon-set { height: 50px; display: inline; float: left; padding-right: 5px; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set img,.secondary-highlight #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set img,.secondary-highlight #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set img,.secondary-highlight #section-direction-info #direction-info-request .direction-marken .brand-icon-set img { max-height: 40px; width: auto; max-width: 100% !important; height: 100%; display: inline; padding-right: 0; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set .service-info,.secondary-highlight #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set .service-info,.secondary-highlight #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set .service-info,.secondary-highlight #section-direction-info #direction-info-request .direction-marken .brand-icon-set .service-info { text-transform: uppercase; font-size: 10px; line-height: 10px; display: block; } .secondary-highlight #section-direction-info-footer .link-select,.secondary-highlight #section-direction-info .link-select { font-weight: 400 !important; background: #00adef; border-radius: 5px; padding: 10px 20px; margin: 0; border: 0; color: #ffffff; margin-right: 5px; display: inline-block; font-size: 13px; } @media (max-width: 480px) { .secondary-highlight #section-direction-info-footer .link-select,.secondary-highlight #section-direction-info .link-select { padding: 10px; } } .secondary-highlight #section-direction-info-footer .sec-link-select,.secondary-highlight #section-direction-info .sec-link-select { font-weight: 600 !important; background: transparent; border-radius: 0; padding: 0; margin: 10px 0 0; border: 0; color: #00adef; display: block; font-size: 13px; text-align: left; } .secondary-highlight .multi-direction-map #google-multi-directions-map-container { pointer-events: none; } #footer #section-direction-info-footer .container,#footer #section-direction-info .container { background: transparent; }#footer #section-direction-info-footer .bootstrap-select,#footer #section-direction-info-footer .dropdown-toggle,#footer #section-direction-info .bootstrap-select,#footer #section-direction-info .dropdown-toggle { height: 45px; }#footer #section-direction-info-footer #direction-info-request-footer,#footer #section-direction-info-footer #direction-info-request,#footer #section-direction-info #direction-info-request-footer,#footer #section-direction-info #direction-info-request { font-size: 14px; font-weight: 700; padding-top: 15px; } #footer #section-direction-info-footer #direction-info-request-footer .direction-marken,#footer #section-direction-info-footer #direction-info-request .direction-marken,#footer #section-direction-info #direction-info-request-footer .direction-marken,#footer #section-direction-info #direction-info-request .direction-marken { width: 100%; float: left; padding-bottom: 10px; } #footer #section-direction-info-footer #direction-info-request-footer .direction-marken img,#footer #section-direction-info-footer #direction-info-request .direction-marken img,#footer #section-direction-info #direction-info-request-footer .direction-marken img,#footer #section-direction-info #direction-info-request .direction-marken img { max-height: 40px; width: auto; height: 100%; display: inline; padding-right: 5px; } #footer #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set,#footer #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set,#footer #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set,#footer #section-direction-info #direction-info-request .direction-marken .brand-icon-set { height: 50px; display: inline; float: left; padding-right: 5px; } #footer #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set img,#footer #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set img,#footer #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set img,#footer #section-direction-info #direction-info-request .direction-marken .brand-icon-set img { max-height: 40px; width: auto; max-width: 100% !important; height: 100%; display: inline; padding-right: 0; } #footer #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set .service-info,#footer #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set .service-info,#footer #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set .service-info,#footer #section-direction-info #direction-info-request .direction-marken .brand-icon-set .service-info { text-transform: uppercase; font-size: 10px; line-height: 10px; display: block; }#footer #section-direction-info-footer .link-select,#footer #section-direction-info .link-select { font-weight: 400 !important; background: #00adef; border-radius: 5px; padding: 10px 15px; margin: 0; border: 0; color: #ffffff; margin-right: 5px; display: inline-block; font-size: 13px; } @media (max-width: 480px) { #footer #section-direction-info-footer .link-select,#footer #section-direction-info .link-select { padding: 10px; } }#footer #section-direction-info-footer .sec-link-select,#footer #section-direction-info .sec-link-select { font-weight: 600 !important; background: transparent; border-radius: 0; padding: 0; margin: 0; border: 0; color: #00adef; margin-right: 0; display: block; font-size: 13px; text-align: left; margin-top: 10px; } #footer.v2 #footer_logo_box .logo-link { background-size: contain; height: 22px; }#footer.v2 #footer_info_box { margin-top: 20px; color: #fff; border-top: 1px solid #fff; padding-top: 5px; clear: both; display: block; } #footer.v2 #footer_info_box p { color: #fff; } #footer.v2 #footer_info_box ul { padding-top: 9px; } #footer.v2 #footer_info_box ul a { color: #fff; text-transform: uppercase; }#footer.v2 #footer_social { float: right; margin-top: 10px; padding-bottom: 15px; } #footer.v2 #footer_social a { color: #fff; font-size: 20px; } #footer.v2 #footer_social a i { color: #fff; margin-right: 10px; }#footer.v2 #footer_logo_box { margin-top: 10px; float: left; } .aside-multi-directions-map #google-footer-multi-directions-map-container { width: 100%; min-height: 400px !important; pointer-events: none; } .section-multi-directions-map #google-multi-directions-map-container { width: 100%; min-height: 400px !important; } #section-multi-directions { margin-top: 70px; } #section-multi-directions .m-col2 { padding-bottom: 15px; padding-top: 40px; padding-left: 90px; } @media (max-width: 480px) { #section-multi-directions .m-col2 { padding-left: 15px; padding-top: 15px; } } #section-multi-directions .m-col2 .brand-icon-set { height: 50px; display: inline; float: left; padding-right: 5px; } #section-multi-directions .m-col2 .brand-icon-set img { max-height: 40px; width: auto; max-width: 100% !important; height: 100%; display: inline; padding-right: 0; } #section-multi-directions .m-col2 .brand-icon-set .service-info { text-transform: uppercase; font-size: 10px; line-height: 10px; display: block; } #section-multi-directions .m-col3 { padding-top: 50px; } #section-multi-directions .open-days-area { font-size: 12px; margin-bottom: 15px; margin-bottom: 10px; } #section-multi-directions img { max-width: 100%; height: auto; } #section-multi-directions .direction-marken { height: 90px; padding: 5px 0; } #section-multi-directions .direction-marken img { height: 40px; width: auto; max-width: 100%; padding-right: 5px; } #section-multi-directions .direction-marken .brand-icon-set { height: 50px; display: inline; float: left; padding-right: 5px; } #section-multi-directions .direction-marken .brand-icon-set img { max-height: 40px; width: auto; max-width: 100% !important; height: 100%; display: inline; padding-right: 0; } #section-multi-directions .direction-marken .brand-icon-set .service-info { text-transform: uppercase; font-size: 10px; line-height: 10px; display: block; } #section-multi-directions .direction-area { margin-bottom: 45px; background: #f1f1f1; } #section-multi-directions .service-area { display: block; margin-top: 5px; font-size: 15px; font-weight: 700; border-bottom: 2px solid #000000; padding-bottom: 2px; margin-bottom: 10px; clear: both; position: relative; padding-top: 20px; width: 80%; } #section-multi-directions .marginbottom10px { margin-bottom: 10px; display: block; width: 100%; } #section-multi-directions .link-third { font-size: 13px !important; text-transform: none !important; padding-bottom: 4px; border-bottom: 2px solid #ffa101; margin-right: 15px; margin-bottom: 5px; display: inline-block; } #section-multi-directions .btn-direction,#section-multi-directions .link-select { font-weight: 400 !important; background: #00adef; border-radius: 5px; padding: 10px 20px; margin: 0; border: 0; color: #ffffff; margin-right: 5px; display: inline-block; font-size: 13px; cursor: pointer; } #section-multi-directions .company-info { font-size: 14px; padding-left: 0; } #section-multi-directions .call-to-action { margin-top: 90px; padding-left: 0; } #section-multi-directions .sec-link-select { font-weight: 600 !important; background: transparent; border-radius: 0; padding: 0; margin: 0; border: 0; color: #00adef; margin-right: 0; display: block; font-size: 13px; text-align: left; margin-top: 10px; } #section-multi-directions .pic-hover-area { background: #00adef; color: #ffffff; cursor: pointer; margin-top: 0; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; border-bottom: 3px solid #ffffff; position: absolute; width: 100%; left: 0; top: 0; } #section-multi-directions .pic-hover-area .section-header { margin-bottom: 0; margin-top: 0; color: #ffffff !important; font-weight: 800 !important; } #section-multi-directions .pic-hover-area small { margin-top: -1px; display: block; } #section-multi-directions .pic-hover-area:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; color: #ffffff; right: 20px; color: #fff; top: 30px; cursor: pointer; } #section-multi-directions .oda-down { cursor: pointer; margin-bottom: 0; height: 70px; display: block; } #section-multi-directions .oda-down .nopadding { padding-bottom: 5px; font-size: 14px; } #section-multi-directions .oda-down:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; right: 65px; color: #000000; top: 50px; } #section-multi-directions .green-dot { color: #7fb72a; padding-top: 0; font-size: 9px; padding-right: 9px; top: -2px; position: relative; } #section-multi-directions .red-dot { color: #f00; padding-top: 0; font-size: 9px; padding-right: 9px; top: -2px; position: relative; } #section-direction-marken-without-function #marken-request img,#section-direction-marken #marken-request img { max-width: 100%; height: auto; }#section-direction-marken-without-function #marken-request .active,#section-direction-marken #marken-request .active { background: #000000; border-radius: 5px; }#section-direction-marken-without-function #marken-request .direction-marken-logo,#section-direction-marken #marken-request .direction-marken-logo { margin-right: 5px; } .highlight-search { /* background: $primary-color;*/ min-height: 50px; padding-left: 30px; padding-top: 20px; } .highlight-search .detail-search { color: #fff; margin-left: 30px; font-size: 13px; } .highlight-search .headline-h2 { color: #fff; font-weight: 700 !important; } .highlight-search #section-vehicle-list-search-horizontal { padding-top: 0 !important; padding-bottom: 15px !important; } @media (max-width: 992px) { .highlight-search { background: #000000; } } .block_directions_map_search { margin-top: -40px; margin-bottom: 35px; background-image: -webkit-linear-gradient(-180deg,#000000 50%,#e8e8e8 50%);  background-image: -o-linear-gradient(90deg,#e8e8e8 50%,#000000 50%);  background-image: -moz-linear-gradient(90deg,#e8e8e8 50%,#000000 50%);  background-image: linear-gradient(90deg,#e8e8e8 50%,#000000 50%); } @media (max-width: 992px) { .block_directions_map_search { background-image: none; } } .block_directions_map_search .container,.block_directions_map_search .container-fluid { background: transparent !important; } .content-width.block_directions_map_search { width: 100%; max-width: 1580px; margin: -40px auto; margin-bottom: 35px; } .block_directions_map_quicksearch .highlight-search { padding-top: 0; } @media (max-width: 480px) { .block_directions_map_quicksearch .highlight-search { padding-top: 20px; } } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .detailsuche_resp a { color: #fff !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch { background: #000000 !important; padding-top: 20px !important; } @media (max-width: 480px) { .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch { padding: 15px 0 !important; } } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .row:not(:last-of-type) { margin-bottom: 10px !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch button.btn-default { background: #fff !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .h2,.block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .counter-text { color: #fff !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .fzg_info { color: #fff; font-size: .7em; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .startsearch { background-color: #fff !important; color: #000000; border-color: #000000 !important; margin-bottom: 2px; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .startsearch:hover { color: #fff; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .next,.block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .prev { color: #fff !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .prev { left: -25px; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .next { right: -25px; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .col-white-right { margin-top: -20px !important; display: none; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .extra-width-row { margin-left: -30px; margin-right: -30px; } @media (max-width: 480px) { .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .extra-width-row { margin-left: -15px; margin-right: -15px; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .extra-width-row .nopadding-left { padding-left: 15px !important; } } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-100p { border-top: 0 solid #fff !important; margin-left: 15px; margin-right: 15px; width: 100%; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-100p .startsearch { width: 100%; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-50p { padding-left: 0; padding-right: 30px; } @media (max-width: 480px) { .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-50p { padding-left: 15px; padding-right: 15px; } } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-50p .startsearch { width: 100%; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .button-row a { color: #fff !important; position: relative; top: 15px; font-weight: 700 !important; } .menu-boxes > .column { height: 210px; background-size: cover !important; background-position: center center !important; padding: 0; } .menu-boxes > .column > .picture-box { background-size: cover !important; background-position: center center !important; width: 100%; height: 100%; max-height: 210px; filter: grayscale(1); } .menu-boxes > .column > .ge-content { height: 100%; width: 100%; background: rgba(0,0,0,0.8); } .menu-boxes > .column > .ge-content p { display: block; width: 100%; height: 100% !important; position: relative; top: 0 !important; bottom: 50%; text-align: center; color: white; line-height: 28px; font-size: 28px; font-weight: 600; cursor: pointer; padding: 0 !important; } .menu-boxes > .column > .ge-content p a { color: white !important; font-size: 28px !important; font-weight: 600 !important; line-height: 28px !important; height: 100%; width: 100%; padding-top: calc(25% - 28px); display: block; } .menu-boxes > .column > .ge-content p a:hover { color: white !important; } .menu-boxes > .column > .picture-box + .ge-content { position: absolute; top: 0; } .menu-boxes > .column.col-sm-6 > .ge-content p a { padding-top: calc(18% - 28px); } .menu-boxes > .column.col-lg-3 > .ge-content p a { padding-top: calc(24% - 28px); } .menu-boxes > .column.col-lg-4 > .ge-content p a { padding-top: calc(19% - 28px); } .menu-boxes > .column.col-lg-6 > .ge-content p a { padding-top: calc(13% - 28px); } .menu-boxes > .column > .ge-content:hover { background: rgba(192,13,13,0.8); } .site-home .menu-boxes > .column > .ge-content p a { padding-top: calc(25% - 28px); } .site-home .menu-boxes > .column.col-lg-4 > .ge-content p a { padding-top: calc(19% - 28px); } #footer #multi-info-footer ul > li { display: block; } #footer p a { font-size: 1em; } .footnote-preisvorteil { float: right; top: -40px; position: relative; right: 10px; } #footer #pre_area .footer-block img { max-width: 100%; height: auto; } .margintop-15px { margin-top: -15px !important; } .margintop2px { margin-top: 2px !important; } .forms-accept-datenschutz small { display: inline; font-size: 10px; line-height: 15px; top: -7px; position: relative; }.forms-accept-datenschutz input[type="checkbox"] { height: 20px; width: 20px; top: 0; margin-right: 7px; margin-top: 0; position: relative; display: inline; float: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; }.forms-accept-datenschutz input[type="checkbox"]:checked { background-color: green; } .was-validated input[type="checkbox"]:invalid + .cr { border-color: #dc3545; }.was-validated input[type="checkbox"]:valid + .cr { border-color: #28a745; } .ds-tooltip + .tooltip { text-align: left; } @media (min-width: 1024px) { .tooltip.bottom .tooltip-inner { text-align: left; } } .modal-dialog.share-dialog .modal-content { border-radius: 0; } .modal-dialog.share-dialog .modal-content .jssocials-share-link { border: 0; } .modal-dialog.share-dialog .modal-content .jssocials-share-link:hover { border: 0; }.modal-dialog.share-dialog .modal-header { padding-top: 0; padding-right: 0; } .modal-dialog.share-dialog .modal-header .modal-title { padding-top: 20px; } .modal-dialog.share-dialog .modal-header .close { margin-top: 0; padding: 5px 15px; background: #ccc; color: #333; font-size: 40px; text-shadow: 0 0 0 #fff; }@media (min-width: 1024px) { .modal-dialog.share-dialog { margin: 100px auto; } } .clear { clear: both; } #share-load { cursor: pointer; } .was-validated .form-control:invalid { border-color: #dc3545; } .was-validated input[type="checkbox"]:invalid + .cr { border-color: #dc3545; } @media (min-width: 992px) { .col-lg-12_8 { width: calc(100% / 8); } .col-lg-12_9 { width: calc(100% / 9); } .col-lg-12_10 { width: calc(100% / 10); } .col-lg-12_11 { width: calc(100% / 11); } .col-lg-12_12 { width: calc(100% / 12); } }.link-primary-color { color: #000000 !important; } #header .more-brand-icons { position: relative; z-index: 1; } #header .more-brand-icons .show_small { display: none; } #header.header_fixed .more-brand-icons .show_small { display: block; } .cc-window.cc-banner,.cc-window.cc-floating { background: #222;  z-index: 90001; } .cc-window.cc-banner .cc-btn,.cc-window.cc-floating .cc-btn { background-color: #00adef !important;  border: 0; color: #ffffff !important;  text-decoration: none !important; } .cc-message { color: #fdfdfd;  } .cc-message .cc-link { color: #fff !important;  font-weight: normal !important; text-decoration: underline !important; } .form-group .form-control.checkbox-inline { display: inline-block; height: 20px; width: 20px; margin: 0; } .margintop20px { margin-top: 20px !important; } .paddingright_7_5px { padding-right: 7.5px; } .paddingleft_7_5px { padding-left: 7.5px; } .contact-form-block { background: #000000; } .contact-form-block .container,.contact-form-block .container-fluid { background: transparent !important; } .contact-form-block #section-contact-form { background: transparent !important; } .contact-form-block #section-contact-form > .container { max-width: 800px; } .contact-form-block #section-contact-form > .container .content-title { display: none; } body.overlayed { overflow: hidden; } .searchpage-overlay .sla_inner #sla_response > ul { list-style: none; margin: 10px 0 !important; padding-left: 0 !important; } .searchpage-overlay .sla_inner #sla_response > ul .sla_category-header { margin-bottom: 20px; } .searchpage-overlay .sla_inner #sla_response > ul .sla_category-header h3 { display: inline-block; }.searchpage-overlay .sla_inner #sla_response > ul > li { margin-bottom: 20px; }.searchpage-overlay .sla_inner #sla_response > ul h3 { font-size: 22px; margin-bottom: 0; margin-top: 0; }.searchpage-overlay .sla_inner #sla_response > ul h4 { color: #000000; font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 0; } .searchpage-overlay .sla_inner #sla_response > ul h4 a { color: #000000; } .color-white { color: #fff; } .margin-top-2px { margin-top: 2px; } .whatsappflat { background: #34af23 !important; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .margintop5px { margin-top: 5px; } .margintop-20px { margin-top: -20px; } .top20px { top: 20px; position: relative; } .marginbottom35px { margin-bottom: 35px; } .mb-70 { margin-bottom: 70px; } .mb-100 { margin-bottom: 100px; } .headline-bold { font-weight: 600; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .border-search-col-line { border-top: 6px solid #000000; } @media (min-width: 992px) { .col-lg-12_9 { width: calc(100% / 9); } .col-lg-12_10 { width: calc(100% / 10); } .col-lg-12_11 { width: calc(100% / 11); } .col-lg-12_12 { width: calc(100% / 12); } }.collapse-menu-icon { cursor: pointer; position: relative; } .collapse-menu-icon:after { content: '\f077'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; transform: translateY(-50%); position: absolute; right: 10px; top: 50%; } .collapse-menu-icon.collapsed:after { content: '\f078'; } .text-bold { font-weight: bold; } .text-normal { font-weight: normal; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-muted { color: #bbb; } .margin-top-0 { margin-top: 0; } .margin-top-1 { margin-top: 1px; } .margin-top-5 { margin-top: 5px; } .margin-top-8 { margin-top: 8px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-30 { margin-top: 30px; } .margin-top-m1 { margin-top: -1px; } .margin-bottom-1 { margin-bottom: 1px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-8 { margin-bottom: 8px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-m1 { margin-bottom: -1px; } .margin-left-0 { margin-left: 0; } .margin-right-0 { margin-right: 0; } .margin-left-m8 { margin-left: -8px; } .margin-right-m4 { margin-right: -4px; } .opacity-10pc { opacity: .1; } .opacity-20pc { opacity: .2; } .opacity-30pc { opacity: .3; } .opacity-40pc { opacity: .4; } .opacity-50pc { opacity: .5; } .opacity-60pc { opacity: .6; } .opacity-70pc { opacity: .7; } .opacity-80pc { opacity: .8; } .opacity-90pc { opacity: .9; } .padding-left-0 { padding-left: 0; } .padding-left-1 { padding-left: 1px; } .padding-left-2 { padding-left: 2px; } .padding-left-3 { padding-left: 3px; } .padding-left-4 { padding-left: 4px; } .padding-left-5 { padding-left: 5px; } .padding-left-8 { padding-left: 8px; } .padding-left-10 { padding-left: 10px; } .padding-right-0 { padding-right: 0; } .padding-right-1 { padding-right: 1px; } .padding-right-2 { padding-right: 2px; } .padding-right-3 { padding-right: 3px; } .padding-right-4 { padding-right: 4px; } .padding-right-5 { padding-right: 5px; } .padding-right-8 { padding-right: 8px; } .padding-right-10 { padding-right: 10px; } .padding-top-0 { padding-top: 0; } .padding-top-1 { padding-top: 1px; } .padding-top-2 { padding-top: 2px; } .padding-top-3 { padding-top: 3px; } .padding-top-4 { padding-top: 4px; } .padding-top-5 { padding-top: 5px; } .padding-top-8 { padding-top: 8px; } .padding-top-10 { padding-top: 10px; } .padding-top-15 { padding-top: 15px; } .padding-top-30 { padding-top: 30px; } .padding-bottom-0 { padding-bottom: 0; } .padding-bottom-1 { padding-bottom: 1px; } .padding-bottom-2 { padding-bottom: 2px; } .padding-bottom-3 { padding-bottom: 3px; } .padding-bottom-4 { padding-bottom: 4px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-bottom-8 { padding-bottom: 8px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-30 { padding-bottom: 30px; } .border-0,table > tbody > tr.border-0 > td,table > tbody > tr.border-0 > th,table > tbody > tr > td.border-0,.table > thead > tr > th.border-0 { border: 0; } .border-top-2 { border-top: 2px; } .border-top-3 { border-top: 3px; } .border-top-4 { border-top: 4px; } .position-absolute { position: absolute; } .left-0 { left: 0; } .right-0 { right: 0; } .top-0 { top: 0; } .fs-8 { font-size: 8px; } .fs-9 { font-size: 9px; } .fs-10 { font-size: 10px; } .fs-11 { font-size: 11px; } .fs-12 { font-size: 12px; } .fs-13 { font-size: 13px; } .fs-14 { font-size: 14px; } .cursor-pointer { cursor: pointer; } .width-100pc { width: 100%; } .width-90pc { width: 90%; } .width-80pc { width: 80%; } .width-70pc { width: 70%; } .width-60pc { width: 60%; } .width-50pc { width: 50%; } .width-40pc { width: 40%; } .width-30pc { width: 30%; } .width-20pc { width: 20%; } .width-10pc { width: 10%; } .display-block { display: block; } .display-inline-block { display: inline-block; } .list-style-type-none { list-style-type: none; } .btn-primary.btn-search { margin-top: 0; padding: 4px 6px; font-weight: bold; } .border-search-col-line { border-top: 6px solid #000000; } #section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge { color: #fff; margin-top: 0; position: absolute; left: 0; top: 0; background: #ffa101; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge-angebot-dreieck,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-angebot-dreieck { border-right: 90px solid transparent; border-top: 90px solid #000000; width: 75px; height: 79px; margin-top: 0; position: absolute; left: -20px; top: 0; padding: 11.25px 10px; } #section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge-preisvorteil,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil { background: transparent !important; transform: rotate(-45deg); padding-top: 25px; padding-left: 0; text-align: center; margin-left: -10px; margin-top: -10px; } #section-vehicle-list-articles .image-block { overflow: hidden; } #section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-euro,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 25px; } .vehicle-offer { font-size: 16px; } #section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge { color: #fff; font-size: 10px; line-height: 1em; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil.vehicle-badge-top-offer,#section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge-preisvorteil.vehicle-badge-top-offer { margin-left: 0; line-height: 1.5em; margin-top: -5px; } #section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil.vehicle-badge-top-offer { margin-left: -5px; line-height: 1.5em; margin-top: 8px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil.vehicle-badge-top-offer.vehicle-offer,#section-vehicle-list-articles .vehicle-element .image-block .vehicle-badge-preisvorteil.vehicle-badge-top-offer.vehicle-offer { margin-left: -8px; line-height: 1.5em; margin-top: -4px; } #section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil.vehicle-badge-top-offer.vehicle-offer { margin-left: -10px; line-height: 1.5em; margin-top: 12px; } #section-vehicle-list-articles-tile .vehicle-element.padding-4,#section-vehicle-list-articles-new .vehicle-element.padding-4,#section-vehicle-list-articles .vehicle-element.padding-4 { padding: 4px; } .vehicle-intelligent-search-short .fzg_icon,.vehicle-intelligent-search .fzg_icon.new-selection { width: 100%; height: auto; font-size: 24px; text-align: right; margin-bottom: 5px; transform: scaleX(-1); } .new-type-selection .checkbox { margin: 0; } .new-type-selection .checkbox input[type="checkbox"] { position: absolute; margin-top: 8px; margin-left: 0; } .new-type-selection .checkbox .vehicle_check { margin-right: 10px; } body.filter-overlay-on { overflow: hidden; } body.filter-overlay-on #site-content { position: relative; z-index: 999; } body.filter-overlay-on #vehicle_search { background: #fff; overflow-x: hidden; overflow-y: auto; z-index: 999; position: fixed; bottom: 0; left: 0; right: 0; top: 0; } .fuel-class-label { background: #000; color: #fff; display: inline-block; font-weight: bold; height: 14px; line-height: 14px; margin-right: 10.5px; padding: 0 15px 0 5px; position: relative; } .fuel-class-label:after { border-color: transparent transparent transparent #000; border-style: solid; border-width: 7px 0 7px 7px; content: ''; height: 0; width: 0; position: absolute; right: -7px; top: 0; } .fuel-class-label.fuel-class-a { background: #33a357; } .fuel-class-label.fuel-class-a:after { border-left-color: #33a357; } .fuel-class-label.fuel-class-b { background: #79b752; } .fuel-class-label.fuel-class-b:after { border-left-color: #79b752; } .fuel-class-label.fuel-class-c { background: #c3d545; } .fuel-class-label.fuel-class-c:after { border-left-color: #c3d545; } .fuel-class-label.fuel-class-d { background: #fff12c; } .fuel-class-label.fuel-class-d:after { border-left-color: #fff12c; } .fuel-class-label.fuel-class-e { background: #edb731; } .fuel-class-label.fuel-class-e:after { border-left-color: #edb731; } .fuel-class-label.fuel-class-f { background: #d66f2c; } .fuel-class-label.fuel-class-f:after { border-left-color: #d66f2c; } .fuel-class-label.fuel-class-g { background: #cc232a; } .fuel-class-label.fuel-class-g:after { border-left-color: #cc232a; } .btn-dark { background: #d9d9d9; border: 1px solid #d9d9d9; color: #fff; } .btn-dark:hover,.btn-dark:focus { background: white; border: 1px solid #f3f3f3; color: #fff; } .btn-trapezium { background: transparent; border-bottom: solid #000000; border-width: 0 0 1px 0; display: block; font-size: 1em !important; font-weight: normal; margin: 15px 0; overflow: hidden; padding: 0 !important; text-align: center; white-space: normal; } .btn-trapezium:hover,.btn-trapezium:focus,.btn-trapezium:active,.btn-trapezium:focus:active { background: transparent; border-bottom-color: #000000; border-width: 0 0 1px 0; } .btn-trapezium div { background: #000000; color: #ffffff; display: inline-block; padding: 10px; position: relative; } .btn-trapezium div:before,.btn-trapezium div:after { border-color: transparent transparent #000000 transparent; border-style: solid; content: ''; position: absolute; top: 0; } .btn-trapezium div:before { border-width: 0 0 90px 20px; left: -20px; } .btn-trapezium div:after { border-width: 0 20px 90px 0; right: -20px; } .btn-trapezium:active,.btn-trapezium:focus { box-shadow: none; } hr.grey { border-top: 1px solid #ccc; margin-bottom: 10px; margin-top: 10px; } .col-equal { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } @media (min-width: 640px) { .col-equal { float: left; width: 50%; } }@media (min-width: 992px) { .col-equal { width: 33.33333333%; } }@media (min-width: 1350px) { .col-equal { width: 25%; } }@media (min-width: 1580px) { .col-equal { width: 20%; } }@media (min-width: 1900px) { .col-equal { width: 16.66666667%; } }@media (min-width: 2500px) { .col-equal { width: 14.28571428%; } }.kfzicon-krad { font-family: FontAwesome !important; font-size: 26px; } .kfzicon-krad:before { content: "\f21c"; } .table-layout-fixed { table-layout: fixed; } .margin-bottom-0 { margin-bottom: 0; } .popover #social-sharing { display: flex; justify-content: space-between; } .popover #social-sharing a { align-items: center; background: #00adef; color: #ffffff; display: flex; justify-content: center; height: 28px; margin: 0 3px 0 0; max-width: 28px; text-align: center; width: 28px; } .popover #social-sharing a:last-child { margin: 0; } .popover #social-sharing a i { font-size: 18px; } .ui-menu.ui-autocomplete .ui-menu-item-wrapper { color: #999; height: 40px; line-height: 40px; padding: 0 20px; } .ui-menu.ui-autocomplete .ui-menu-item-wrapper span { font-weight: bold; }.ui-menu.ui-autocomplete .ui-autocomplete { max-height: 250px; overflow-x: hidden; overflow-y: auto; }.ui-menu.ui-autocomplete .ui-state-active { background-color: #bfbfbf; margin: auto; } /** /web/foundations/003theme_wide_mercedes/ **/@font-face { font-family: 'DaimlerCAC-Regular'; src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCAC-Regular.eot"); src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCAC-Regular.eot?#iefix") format("embedded-opentype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF2/DaimlerCAC-Regular.woff2") format("woff2"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF/DaimlerCAC-Regular.woff") format("woff"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/TTF/DaimlerCAC-Regular.ttf") format("truetype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/SVG/DaimlerCAC-Regular.svg#DaimlerCAC-Regular") format("svg"); }@font-face { font-family: 'DaimlerCS-Light'; src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCS-Light.eot"); src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCS-Light.eot?#iefix") format("embedded-opentype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF2/DaimlerCS-Light.woff2") format("woff2"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF/DaimlerCS-Light.woff") format("woff"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/TTF/DaimlerCS-Light.ttf") format("truetype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/SVG/DaimlerCS-Light.svg#DaimlerCS-Light") format("svg"); }@font-face { font-family: 'DaimlerCS-Regular'; src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCS-Regular.eot"); src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCS-Regular.eot?#iefix") format("embedded-opentype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF2/DaimlerCS-Regular.woff2") format("woff2"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF/DaimlerCS-Regular.woff") format("woff"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/TTF/DaimlerCS-Regular.ttf") format("truetype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/SVG/DaimlerCS-Regular.svg#DaimlerCS-Regular") format("svg"); }@font-face { font-family: 'DaimlerCS-Demi'; src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCS-Demi.eot"); src: url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/EOT/DaimlerCS-Demi.eot?#iefix") format("embedded-opentype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF2/DaimlerCS-Demi.woff2") format("woff2"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/WOFF/DaimlerCS-Demi.woff") format("woff"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/TTF/DaimlerCS-Demi.ttf") format("truetype"),url("https://assets.oneweb.mercedes-benz.com/global/1.0.0/fonts/SVG/DaimlerCS-Demi.svg#DaimlerCS-Demi") format("svg"); }body { background-attachment: fixed; background: linear-gradient(180deg,#000 0,#2e2e2e 300px,#000 1000px); } .white-font { color: #fff; } .financing-info { position: absolute; margin-top: 10px; margin-left: 3px; } .container,.container-fluid { width: 100%; max-width: 1580px; background: transparent; } section .container,section .container-fluid,#site-content .content-block .container,#site-content .container-fluid { background: transparent !important; } .container-full { background: #ffffff; } .bootstrap-select .dropdown-menu.open { max-height: 400px !important; } .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 314.75px !important; } .complete-background { width: 1680px; max-width: 100%; background: white; position: fixed; z-index: -1; height: 100%; top: 0; bottom: 0; margin: 0 auto !important; left: 0; right: 0; } .logo__base { margin-top: 22px; margin-bottom: 22px; width: 133px; height: 64px; float: left; overflow: hidden; display: table; } .logo__icon { width: 64px; height: 64px; padding-right: 64px; box-sizing: content-box; display: table-cell; } .logo__claim { display: table-cell; vertical-align: bottom; } .logo__claim .svgImg { margin-bottom: 5px; padding-right: 16px; } .logo__link { display: table-row; } .logo__link .svgImg { width: 100%; height: auto; } .topnavi-bg { position: absolute; height: 30px; z-index: 1; background: transparent; width: 100%; top: 0; right: 0; min-height: 30px; border-top: 4px solid #d9d9d9; } #header { position: fixed; width: 1680px; z-index: 200; height: 110px; background: rgba(0,0,0,0.4); top: 0; bottom: 0; margin: 0 auto !important; max-width: 100%; left: 0; right: 0; } #header .container,#header .container-fluid { background: transparent; } @media (max-width: 1024px) { #header { width: 100%; right: unset; left: unset; bottom: unset; max-width: 1024px; background: rgba(255,255,255,0.7); } } @media (max-width: 768px) { #header { width: 100%; right: unset; left: unset; bottom: unset; min-height: 80px; height: auto !important; background: rgba(0,0,0,0.4) !important; display: table; } } @media (max-width: 480px) { #header { background: rgba(0,0,0,0.4); min-height: 80px; height: auto !important; } } #header .navbar > .container-fluid > .navbar-header { position: relative; width: 100%; } #header .navbar > .container-fluid > .navbar-header .navbar-right { right: 15px; } .header_fixed { background: rgba(0,0,0,0.8) !important; height: 55px !important; } .header_fixed .sls-show { margin-top: -5px; } .header_fixed #logo-primary-box { margin-top: 0; top: 15px; left: 130px; } .header_fixed #logo-primary-box .logo-link { height: 20px; margin-top: 0; } .header_fixed .logo__base { margin-top: 5px; margin-bottom: 2px; width: 90px; height: 45px; } .header_fixed .logo__icon { width: 45px; height: 45px; padding-right: 45px; } .header_fixed .navbar-right { display: none; } .header_fixed .navbar-left * { max-height: 50px; } .header_fixed #phone-top { display: none; } .header_fixed .nav-area-lines { height: 55px; top: 0; margin-top: 0; } .header_fixed .nav-area-lines .navbar-collapse { background: transparent !important; } .header_fixed .nav-area-lines li.dropdown { line-height: 50px; padding-bottom: 10px; height: 55px; } .header_fixed .nav-area-lines li.dropdown .triangle { display: none !important; } .header_fixed .nav-area-lines li.dropdown:hover { line-height: 55px; } .header_fixed .nav-area-lines .moreTopMenue { display: inline-block !important; } .header_fixed .nav-area-lines #navigation-fullsize { margin-top: 10px; } #phone-top { /*font-size: 2.333em;*/ position: relative; right: 0; float: right; clear: both; margin-top: 0; /*font-weight: 700;*/ display: none; } #phone-top i { top: 12px; position: absolute; left: -42px; } #logo-primary-box { z-index: 1; position: absolute; overflow: visible; margin-top: 7px; left: 160px; float: left; text-align: left; top: 35px; } #logo-primary-box .logo-link { display: inline-block; height: 44px; background: transparent; -webkit-transition: height 350ms; -moz-transition: height 350ms; -o-transition: height 350ms; transition: height 350ms; vertical-align: middle; margin-top: 0; } #logo-primary-box .logo-link img { max-width: 100%; max-height: 100%; height: auto; width: auto; } .header-reduced #logo-primary-box { margin-top: 7px; } .header-reduced #logo-primary-box .logo-link { width: 150px; height: 22px; } .navbar > .container .navbar-brand { margin-left: 0; } .navbar-top-container { height: 23px; background: transparent; overflow: hidden; color: #000000; -webkit-transition: height 350ms; -moz-transition: height 350ms; -o-transition: height 350ms; transition: height 350ms; padding-right: 5px; } #header.header-reduced .navbar-top-container { height: 0; } .navbar-left { width: 500px; padding-left: 0; position: relative; z-index: 99; top: 4px; font-size: 15px; color: #ffffff; } .navbar-left span { font-size: 0.8em; font-weight: 400; display: block; } .navbar-top { text-align: right; } .navbar-top ul { display: inline-block; list-style: none; padding: 0; margin: 0; } .navbar-top li { display: inline-block; margin-right: 0; padding-right: 0; } .navbar-top li a { display: inline-block; color: #000000; height: 23px; line-height: 23px; text-align: center; padding: 0 10px; font-size: 0.8em; font-weight: 400; } .navbar-top li a i { padding-right: 20px; padding-left: 10px; } .navbar-top li:first-child a i { padding-right: 10px; } .navbar-top li:hover,.navbar-top li:focus { background-color: #00adef; } .navbar-top li:hover a,.navbar-top li:focus a { color: #ffffff; } .navbar-top ul { display: inline-block; list-style: none; padding: 0; margin: 0; } .navbar-right { width: calc(100% - 510px); position: relative; z-index: 99; top: 15px; } @media (max-width: 1024px) { .navbar-right { top: -15px; } } .nav-area-lines .dropdown-menu,.nav-area-lines .sdropdown-menu { margin-top: -1px; min-width: 290px; } .sdropdown-menu { display: none; } .nav-area-lines li { display: inline-block; } .resp_phone { display: none !important; } .dropdown-menu { font-size: 17px; } .nav-area-lines li a { display: inline-block; color: #ffffff; text-align: left; line-height: 40px; padding: 0 20px; font-size: 14px; } .nav-area-lines li a i { padding-right: 5px; } .nav-area-lines li.dropdown:last-child a { padding-right: 0 !important; } .nav-area-lines li.dropdown:hover,.nav-area-lines li.dropdown:focus { background-color: #00adef; color: #ffffff; } .nav-area-lines li.dropdown:hover > a,.nav-area-lines li.dropdown:focus > a,.nav-area-lines li.sdropdown:hover > a,.nav-area-lines li.sdropdown:focus > a { color: #ffffff; } .nav-area-lines li.dropdown a:hover { background-color: transparent; color: #ffffff; } .nav-area-lines li.dropdown li,.nav-area-lines li.sdropdown li { background: transparent; color: #000000; height: 45px; line-height: 43px; } .nav-area-lines li.dropdown li:last-child,.nav-area-lines li.sdropdown li:last-child { border-bottom: 0 solid #d9d9d9; } .nav-area-lines .sdropdown { max-height: 55px; } .nav-area-lines a.active,.nav-area-lines li.dropdown:hover,.nav-area-lines li.dropdown:focus { background-color: #00adef; color: #ffffff; } .nav-area-lines .dropdown-menu > .active > a,.nav-area-lines .dropdown-menu > .active > a:focus,.nav-area-lines .dropdown-menu > .active > a:hover { color: #00adef; } .nav-area-lines .sdropdown-menu > .active > a,.nav-area-lines .sdropdown-menu > .active > a:focus,.nav-area-lines .sdropdown-menu > .active > a:hover { background-color: #00adef; color: #ffffff; } .nav-area-lines li ul { background: transparent; width: 290px; left: 0; text-shadow: none; border-radius: 0; border: 0; box-shadow: 0 0 0 #000; } .nav-area-lines li ul li ul { background: transparent; width: 300px !important; left: -250px; top: -0px; text-shadow: none; border-radius: 0; border: 0; box-shadow: 0 0 0 #000; position: relative; } .nav-area-lines li ul li { text-align: left; width: 100%; } .nav-area-lines li ul li a,.nav-area-lines li ul li ul li a { width: 100%; color: #000000; } .navbar-brand { padding: 0; margin: 0; } .navbar { border-radius: 0; margin-bottom: 0; padding-bottom: 0; min-height: 35px; } @media (max-width: 768px) { .navbar { background: #ffffff; } } .navbar-nav { float: right; } .navbar-inverse .navbar-nav > li > a { padding: 25px 12px; margin: 0; color: #000000; line-height: 25px; display: inline-block; min-height: 75px; -webkit-transition: min-height 350ms,padding 350ms; -moz-transition: min-height 350ms,padding 350ms; -o-transition: min-height 350ms,padding 350ms; transition: min-height 350ms,padding 350ms; text-transform: uppercase; font-weight: bold; } #header.header-reduced .navbar-inverse .navbar-nav > li > a { min-height: 35px; padding: 5px 12px; } .navbar-inverse .navbar-nav > li > a:hover { background-color: #000000; color: #fff; } .navbar-inverse { border: none; } .navbar-inverse .navbar-brand { font-size: 2.4em; line-height: 50px; color: #fff; } .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > .open > a,.navbar-inverse .navbar-nav > .open > a:hover,.navbar-inverse .navbar-nav > .open > a:focus { background-color: #000000; color: #ffffff; } .navbar-inverse .navbar-nav .dropdown-menu:before { position: absolute; top: 0; } .navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: #ffffff; } .navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,.navbar-inverse .navbar-nav .dropdown-menu > li.active > a,.navbar-inverse .navbar-nav .sdropdown-menu > li:hover > a,.navbar-inverse .navbar-nav .sdropdown-menu > li:focus > a,.navbar-inverse .navbar-nav .sdropdown-menu > li.active > a { background-color: #000000; color: #ffffff; } .navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0 0 3px 3px; } .navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; } .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-top: 0; padding-bottom: 0; } .nav-area-lines { height: 60px; margin-top: 14px; } .nav-area-lines .navbar-collapse { float: right; } .navbar-nav { margin-right: -20px; } .nav-area-lines .dropdown-menu > li > a:focus,.nav-area-lines .dropdown-menu > li > a:hover { color: #ffffff; } .bootstrap-select .dropdown-menu > li > a:focus,.bootstrap-select .dropdown-menu > li > a:hover { color: #000000; } .nav-area-lines > ul > li.dropdown:focus,.nav-area-lines > ul > li.sdropdown:focus { background-color: #000000; color: #ffffff; } .nav-area-lines .dropdown .dropdown-menu,.nav-area-lines .sdropdown .sdropdown-menu { margin-bottom: 3px; text-align: left; width: 100%; } .nav-area-lines .dropdown .dropdown-menu { padding: 0 0 !important; margin: 0 0 0 !important; } .nav-area-lines .dropdown .dropdown-menu li:hover,.nav-area-lines .dropdown .dropdown-menu a:hover,.nav-area-lines .dropdown .dropdown-menu li:hover a { background: #00adef !important; color: #ffffff; } .nav-area-lines .dropdown .dropdown-menu li:hover { padding-left: 15px; } .nav-area-lines .sdropdown .sdropdown-menu li:hover,.nav-area-lines .sdropdown .sdropdown-menu a:hover,.nav-area-lines .sdropdown:focus { background-color: #00adef !important; color: #fff !important; } .nav-area-lines li.dropdown { line-height: 50px; height: 60px; transition-property: background,line-height; transition-duration: 0.25s; transition-timing-function: ease-out; } .nav-area-lines li.dropdown .dropdown-menu li { line-height: 46px !important; transition-property: background,padding; transition-duration: 0.35s; transition-timing-function: linear; background: #e8e8e8; margin-bottom: 2px; height: 49px; } .nav-area-lines li.dropdown .dropdown-menu { line-height: 45px !important; overflow: hidden; } .nav-area-lines li.dropdown a { display: inline-block; color: #ffffff; text-align: center; padding: 0 15px; font-size: 1em; font-weight: 400; min-width: 100px; vertical-align: bottom; } .nav-area-lines li.dropdown a i { padding-right: 5px; } .nav-area-lines li.dropdown li a { display: inline-block; color: #000000; text-align: left; padding: 0 15px; font-size: 1em; font-weight: 400; min-width: 100px; line-height: 49px; } .nav-area-lines li.dropdown li a i { padding-right: 5px; } .nav-area-lines li.dropdown li:last-child a { border-bottom: 0 solid #fff; } .nav-area-lines li.dropdown li li a { display: inline-block; color: #000000; text-align: left; padding: 0 15px; font-size: 1em; font-weight: 400; min-width: 100px; text-transform: uppercase; line-height: 49px; } .nav-area-lines li.dropdown li li a i { padding-right: 5px; } .nav-area-lines li.dropdown:hover { line-height: 60px; } .moreTopMenue { display: none !important; } .nav-area-lines { position: absolute; width: 100%; top: 50px; height: 60px; margin-top: 0; } .nav-area-lines .nav li:nth-last-of-type(1) .dropdown-menu { right: 0; left: unset; } .nav-area-lines .nav li:nth-last-of-type(2) .dropdown-menu { right: 0; left: unset; } .nav-area-lines .nav li:nth-child(3) .dropdown-menu { right: 0; left: unset; } .nav-area-lines .nav li:nth-child(4) .dropdown-menu { right: 0; left: unset; } .nav-area-lines .navbar-collapse { float: right; } .navbar-nav { margin-right: 0; } .nav-area-lines .dropdown-menu > .active > a,.nav-area-lines .dropdown-menu > .active > a:focus,.nav-area-lines .dropdown-menu > .active > a:hover { background-color: transparent; } @media (min-width: 769px) and (max-width: 1025) { .nav-area-lines .nav li:nth-child(2) .dropdown-menu { right: 0; left: unset; } }#footer { padding: 0 0 15px; color: #999; clear: both; } #footer .container,#footer .container-fluid { background: transparent; } #footer input[type="text"] { margin-bottom: 5px; background: #fff; font-weight: 600; } #footer select { background: #fff; font-weight: 600; margin-bottom: 5px; } #footer input[type=checkbox],#footer input[type=radio] { height: 20px; width: 20px; display: inline; float: left; } #footer label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; float: left; padding-left: 5px; padding-top: 5px; font-size: 0.867em; } #footer input.btn-primary { background: #00adef !important; color: #ffffff !important; width: 100%; } @media (max-width: 680px) { #footer .nopadding-left { padding-left: 15px !important; } } #footer #pre_area { margin: 0 auto; max-width: 1680px; left: 0; right: 0; } #footer #pre_area h1,#footer #pre_area h2,#footer #pre_area h3,#footer #pre_area h4,#footer #pre_area h5,#footer #pre_area h6 { color: #ffffff; font-weight: 700; } #footer #pre_area { text-align: center; background: linear-gradient(180deg,#262626,#171717 280px); width: 100%; position: relative; z-index: 1; padding-top: 40px; color: #ffffff; padding-bottom: 20px; margin-bottom: 20px; } #footer #pre_area .row > div { margin-bottom: 10px; } #footer a { color: #999; font-size: 1em; } #footer #pre_area a { color: #999; font-size: 1em; } #footer a:hover { color: #00adef; } #footer ul { list-style: none; padding: 0; margin: 0; float: right; } #footer ul > li { display: inline-block; margin-right: 0; padding-right: 10px; font-size: 0.8em; } @media (max-width: 480px) { #footer ul > li { font-size: 12px; } } #footer p { margin-top: 10px; color: #999; font-size: 0.867em; } #footer #pre_area p { color: #ffffff; font-size: 0.867em; } #footer #pre_area iframe { max-width: 100%; min-height: 125px; max-height: 280px; } #footer #pre_area h2 { font-size: 1.267em; } #footer #pre_area + div i { color: #000000; padding-right: 3px; } #footer_info_box { margin: 20px auto 0; } .footer_logo { max-width: 300px; max-height: 70px; margin-top: 20px; } #footer_logo_box { float: left; z-index: 1; margin-top: 20px; } #footer_logo_box p { float: left; margin-top: 0; max-height: 70px; height: 70px; margin-right: 20px; min-width: 55px; width: auto; } #footer_logo_box p img { max-height: 100%; width: auto; height: 100%; } #footer_logo_box .logo-link { display: inline-block; width: 150px; height: 35px; background: transparent url(../img/template_logo.png) no-repeat right top; background-size: contain; -webkit-transition: height 350ms; -moz-transition: height 350ms; -o-transition: height 350ms; transition: height 350ms; } #footer .footer_pic_menu .footer_address { padding-top: 40px; padding-left: 100px; font-size: 1.2em; } @media (max-width: 680px) { #footer .footer_pic_menu .footer_address { padding-left: 0; padding-top: 20px; } } @media (max-width: 480px) { #footer .footer_pic_menu .footer_address { padding-top: 0; } } .site-home .news-slider h2 { padding: 0; margin: 15px 0 0; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; }.site-home .news-slider .news-slider-entry img { height: 260px; width: auto; max-width: unset; } @media (max-width: 480px) { .site-home .news-slider .news-slider-entry img { width: 100%; height: auto; max-width: 100%; } } .news-slider { position: relative; margin-bottom: 60px; } .news-slider .prev,.news-slider .next { position: absolute; top: 55%; background-color: transparent; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; cursor: pointer; } @media (max-width: 1024px) { .news-slider .prev,.news-slider .next { display: none; } } .news-slider .prev:hover,.news-slider .next:hover { opacity: 0.7; } .news-slider .next { right: -40px; } .news-slider .prev { left: -65px; } .news-slider .news-slider-container { position: relative; } .news-slider .container-fluid { margin-bottom: 30px; } .news-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } .news-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } .news-slider #immersive_slider { margin: 100px 0; } .news-slider .news-slider-entry { overflow: hidden; margin-right: 0; padding-right: 0; margin-left: 0; } .news-slider .news-slider-entry:first-child { margin-right: 0; padding-right: 0; margin-left: 0; } .news-slider .news-slider-entry:last-child { margin-right: 0; padding-right: 0; padding-left: 0; margin-left: 0; } .news-slider .news-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } .news-slider .news-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 260px; max-height: 260px; top: 0; right: 0; bottom: 0; left: 0; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } .news-slider .news-slider-entry .hover_area .hover_footer { height: 50px; width: calc(100%); z-index: 99; position: absolute; min-height: 50px; right: 0; bottom: 0; left: 15px; background: rgba(255,255,255,0.8); color: #ffffff; padding: 15px 15px 15px 45px; } .news-slider .news-slider-entry .hover_area .hover_footer a { color: #ffffff; font-size: 0.933em; } .news-slider .news-slider-entry .hover_area .social_area_hover { height: 50px; width: 221px; z-index: 99; position: absolute; min-height: 50px; right: 0; bottom: 0; } .news-slider .news-slider-entry .hover_area .social_area_hover .socialicon_area { float: left; margin-right: 2px; } .news-slider .news-slider-entry .hover_area .social_area_hover .socialicon_area:hover { width: 50px; } .news-slider .news-slider-entry .hover_area .social_area_hover .socialicon_area:last-child { margin-right: 0; } .news-slider .news-slider-entry:first-child .hover_area { left: 0; } .blog1 { margin-left: 15px !important; } .blog2 { margin-left: 15px !important; margin-right: 15px !important; } .blogs { padding-left: 0 !important; padding-right: 0 !important; width: 32%; } @media (max-width: 1024px) { .blogs { width: 31%; } } @media (max-width: 768px) { .news-slider-entry > a { width: 100% !important; } .site-home .news-slider .news-slider-entry img,.news-slider-entry img { max-width: 100%; height: auto; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #000000 !important; } .navbar-inverse .navbar-toggle { border-color: #000000 !important; display: block; } .navbar-inverse .navbar-toggle .fa { color: #000000 !important; } #logo-primary-box { margin-top: 15px !important; } .navbar-nav > li { background: #000000 !important; } #header { background: #000000 !important; } .nav-area-lines li.dropdown:hover,.nav-area-lines li.dropdown:focus { background-color: #00adef !important; } .navbar-nav { margin: 0 0 !important; } .nav-area-lines li.dropdown { line-height: 40px; border-color: #fff !important; } .nav-area-lines li.dropdown a { padding-bottom: 0; color: #ffffff; } }.home_blog_area { margin-bottom: 70px; } @media (max-width: 480px) { .home_blog_area { margin-bottom: 0 !important; } } .site-home .row-after-title { padding-top: 30px; } .site-home .home-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } .site-home .home-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } .site-home #section-content-block { margin-bottom: 35px; } #toolbar-container { position: fixed; right: 10px; bottom: 10px; z-index: 99; } #toolbar-container a { color: #000000; } .form-btn-spinner { visibility: hidden; } #section-content-block { margin-bottom: 20px; z-index: 2; position: relative; } #fixedsocial { top: 280px; height: 200px; width: 50px; position: fixed; z-index: 999; right: 0; } #fixedsocial i { float: left; width: 50px; line-height: 50px; } .socialicon_area { line-height: 50px; font-size: 1.667em; text-align: center; color: #fff; margin-bottom: 2px; background: #000000; height: 50px; width: 50px; } .flat { background: #ff0080; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .facebookflat { background: #3b5998; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .Youtubeflat { background: #f00; } .socialicon_area:hover { height: 50px; background-size: 60px; transition: ease 500ms; margin-left: -260px; width: 320px; overflow: hidden; } .socialicon_area a { color: #fff; } .twitterflat { background: #1da1f2; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .googleplusflat { background: #dc4e41; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .contactflat { background: #7b7b7b; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .mailflat { background: #7b7b7b; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } .kundenmeinungenflat { background: #000; height: 50px; width: 50px; transition: ease 500ms; background-size: 50px; } #fixedsocial .social_text { display: none; font-size: 15px; line-height: 50px; font-weight: 600; float: left; width: auto; padding-left: 15px; } #fixedsocial .socialicon_area:hover .social_text { display: block; } #footer #pre_area .btn-primary { background: #ffffff; color: #000000; } .site-home .breadcrumb_area { display: none; } #section-audaris-seo { max-width: 1580px; margin: 0 auto; } #section-audaris-seo .vehicle-element { min-height: 720px; } #section-content-block { max-width: 1580px; margin: 0 auto; } .more-text-info { margin-top: 35px; } @media (max-width: 1024px) { body { background-image: none !important; } }.m-text { display: inline; position: absolute; top: 7px; left: 40px; } .ms-text { display: inline; position: absolute; right: 30px; top: 7px; } #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #page_sidebar { z-index: 1000; position: fixed; right: 300px; width: 0; height: 100%; top: 0; margin-right: -300px; overflow-y: auto; background: #fff; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;   } #page_sidebar .resp_mobile_pfeil_down,#page_sidebar .open .resp_mobile_pfeil_up { margin-top: 14px; } #page_sidebar .dropdown-menu,#page_sidebar .sdropdown-menu { margin-top: -1px; min-width: 300px; } #page_sidebar .sdropdown-menu { display: none; } #page_sidebar li { display: inline-block; } #page_sidebar li a { display: inline-block; color: #000; text-align: left; line-height: 45px; padding: 0 10px; font-size: 1em; font-weight: 200; min-width: 100%; text-transform: none; } #page_sidebar li a i { padding-right: 5px; } #page_sidebar li.sls-show a { color: #101010; } #page_sidebar li.dropdown { background: linear-gradient(180deg,#333,#242424); } #page_sidebar li.dropdown.active,#page_sidebar li.dropdown:hover,#page_sidebar li.dropdown:focus { background-color: #fff; color: #00adef; } #page_sidebar li.dropdown.active > a,#page_sidebar li.dropdown:hover > a,#page_sidebar li.dropdown:focus > a { color: #00adef; } #page_sidebar li.sdropdown:hover > a,#page_sidebar li.sdropdown:focus > a { color: #ffffff; } #page_sidebar li.dropdown a:hover { background-color: transparent; color: #00adef; } #page_sidebar li.dropdown li,#page_sidebar li.sdropdown li { background: #e8e8e8; color: #000000; height: 45px; line-height: 35px; width: 100%; margin-bottom: 1px; } #page_sidebar .sdropdown { max-height: 45px; } #page_sidebar a.active,#page_sidebar li.dropdown:hover,#page_sidebar li.dropdown:focus { text-decoration: underline; } #page_sidebar .dropdown-menu > .active > a,#page_sidebar .dropdown-menu > .active > a:focus,#page_sidebar .dropdown-menu > .active > a:hover { background-color: #ffffff; color: #00adef; } #page_sidebar .sdropdown-menu > .active > a,#page_sidebar .sdropdown-menu > .active > a:focus,#page_sidebar .sdropdown-menu > .active > a:hover { background-color: #00adef; color: #ffffff; } #page_sidebar li.sdropdown:hover .sdropdown-menu,#page_sidebar li.sdropdown:focus .sdropdown-menu { display: block; } #page_sidebar li ul li a,#page_sidebar li ul li ul li a { width: 100%; color: #000000; text-transform: none; } #page_sidebar .dropdown-menu > li > a:focus,#page_sidebar .dropdown-menu > li > a:hover { color: #ffffff; } #page_sidebar ul > li.dropdown:focus,#page_sidebar ul > li.sdropdown:focus { background-color: #000000; color: #ffffff; } #page_sidebar .dropdown .dropdown-menu,#page_sidebar .sdropdown .sdropdown-menu { padding: 0 0; margin: 0 0 0; text-align: center; width: 100%; } #page_sidebar .dropdown .dropdown-menu { padding: 0 0 !important; margin: 0 0 0 !important; } #page_sidebar .dropdown .dropdown-menu li:hover,#page_sidebar .dropdown .dropdown-menu a:hover { color: #00adef !important; } #page_sidebar .sdropdown .sdropdown-menu li:hover,#page_sidebar .sdropdown .sdropdown-menu a:hover,#page_sidebar .sdropdown:focus { background-color: #00adef !important; color: #ffffff !important; } #page_sidebar .navbar-nav > li { padding-bottom: 0; width: 100%; background: transparent; border-bottom: 1px solid #ccc !important; } #page_sidebar .btn-primary { border-radius: 0; } #page_sidebar .resp_phone { background: transparent; } #page_sidebar .resp_phone .col-xs-6,#page_sidebar .resp_phone .col-xs-12 { padding-left: 10px; padding-right: 10px; } #page_sidebar .resp_phone .row { padding-top: 10px; padding-bottom: 10px; } #page_sidebar .resp_phone a { color: #00adef !important; font-weight: 200; } #page_sidebar .resp_phone .btn-primary { background-color: #00adef !important; color: #ffffff !important; font-weight: 400; border-radius: 5px; } #page_sidebar #menu-close-toggle { float: left; display: block; color: #000; margin-top: 0 !important; padding-top: 12px; padding-right: 4px; margin-right: 5px; padding-bottom: 5px; } #page_sidebar #menu-close-toggle .fa { font-size: 1.4em; } #page_sidebar #menu-close-toggle .ms-text { left: 30px; right: unset; top: 12px; } #page_sidebar .footer_copy_menu { padding: 0; } #page_sidebar .footer_copy_menu ul { padding: 0; display: block; } #page_sidebar .footer_copy_menu ul li { display: inline; } #page_sidebar .footer_copy_menu ul li a { width: auto; min-width: auto; font-size: 1em; display: inline; padding-left: 10px; font-weight: 200 !important; color: #000; } #page_sidebar .resp_phone { background: transparent !important; } #page_sidebar .resp_phone .btn-primary { background-color: #00adef !important; color: #fff !important; font-weight: 400; border-radius: 0; padding: 8px 5px; } #page_wrapper { width: 100%; position: absolute; height: 100%; margin: 0 auto; left: 0; right: 0; } @media (max-width: 768px) { #page_wrapper #header { position: fixed !important; top: 0 !important; } } #page_wrapper #header .search_icon { width: 45px; } #page_wrapper #header .search_icon .fa { color: #ffffff; } #page_wrapper #header .m-text,#page_wrapper #header .ms-text { color: #ffffff; } #page_wrapper #header .ms-text { left: 30px; right: unset; } #page_wrapper #header #menu-toggle { width: 40px; } #page_overlay { display: none; width: 100%; position: absolute; z-index: 9; background: rgba(0,0,0,0.65); height: 100%; } #wrapper.toggled { padding-right: 300px; } #wrapper.toggled #menu-toggle { display: none; } #wrapper.toggled #page_sidebar { width: 85%; } #page_sidebar { background: linear-gradient(180deg,#262626,#171717); } #page_sidebar #menu-close-toggle { color: #fff; } #page_sidebar .navbar-nav > li { background: #161616 !important; } #page_sidebar .navbar-nav > li > a { color: #fff; } #page_sidebar li.dropdown li,#page_sidebar li.sdropdown li { background: #333; margin-bottom: 0; } #page_sidebar li ul li a,#page_sidebar li ul li ul li a { color: #fff; } #page_sidebar .footer_copy_menu ul li a { color: #fff; } #wrapper.toggled #page_wrapper { position: absolute; margin-right: 300px; } #wrapper.toggled #page_wrapper #header { position: absolute !important; top: -45px !important; z-index: -1 !important; } #wrapper.toggled #page_overlay { position: fixed; display: block; top: 0; } .navbar-right { width: auto; position: absolute; z-index: 99; background: transparent; top: 15px; right: 145px; } .navbar-right .navbar-top-container { background: transparent; } .navbar-right .navbar-top-container a { color: #fff; } .search-collapse { background: #fff !important;  } .search-collapse .btn-success { border: 1px solid #fff !important; } .search-collapse .closeSearchForm { color: #fff !important; } @media (max-width: 1660px) { #fixedsocial { display: auto; position: relative; top: 0; width: auto; text-align: center; height: 60px; margin: 0 auto; } .socialicon_area { float: none; margin-right: 2px; display: inline-block; } .socialicon_area:hover { width: 50px; } #fixedsocial .socialicon_area:hover .social_text { display: none; } }.artikeldetailansicht #page_wrapper { top: 80px !important; }.artikeldetailansicht .breadcrumb_area { margin-bottom: 0; }.artikeldetailansicht #article-vehicle-view.vehicle-new-detail-view header .container { padding-top: 10px; }.artikeldetailansicht #vehicle-info-line-area #vehicle-info-line.fixed_pos { position: fixed; top: 55px; width: 100%; z-index: 9; left: 0; } .content-width.block_directions_map_search { max-width: 1680px; margin-bottom: 55px; margin-top: 0; } #footer #section-direction-info-footer #direction-info-request-footer,#footer #section-direction-info-footer #direction-info-request,#footer #section-direction-info #direction-info-request-footer,#footer #section-direction-info #direction-info-request { font-weight: 400 !important; } #footer #section-direction-info-footer .sec-link-select,#footer #section-direction-info .sec-link-select { font-weight: 400 !important; border-radius: 0; } #footer #section-direction-info-footer .link-select,#footer #section-direction-info .link-select { font-weight: 400 !important; border-radius: 0; } .block_directions_map_search { margin-top: -40px; margin-bottom: 35px; background-image: -webkit-linear-gradient(-180deg,#000000 50%,#e8e8e8 50%); background-image: -o-linear-gradient(90deg,#e8e8e8 50%,#000000 50%); background-image: -moz-linear-gradient(90deg,#e8e8e8 50%,#000000 50%); background-image: linear-gradient(90deg,#e8e8e8 50%,#000000 50%); } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch { background: #000000 !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-50p { padding-left: 30px; padding-right: 0; } #footer #pre_area + div i { color: #999; } #footer #section-direction-info-footer #direction-info-request-footer .direction-marken .brand-icon-set,#footer #section-direction-info-footer #direction-info-request .direction-marken .brand-icon-set,#footer #section-direction-info #direction-info-request-footer .direction-marken .brand-icon-set,#footer #section-direction-info #direction-info-request .direction-marken .brand-icon-set { display: none; } .site-home #site-content .content-block .container { padding-bottom: 0; } #section-google-maps #google_maps_container { margin-top: 0; } #section-direction-selection .col-xs-12.margin35px.text-center { padding-top: 0; } @media (min-width: 1580px) and (max-width: 2499px),(min-width: 2500px) { .col-equal { width: 25%; } }/** /website/themes/autohaus-buehle.de/ **//* Created on : 23.08.2016,11:10:32 Author : Florian Neueder*//*.skiptranslate iframe.goog-te-banner-frame{ display:none;} body{ top: 0px !important;} #section-language-selector{ position: relative; z-index: 100; display: inline; margin-left: 1px; float: right; margin-top: 5px; .container{ max-width: 200px; width: 100px; @media (max-width: 1024px){ width: 60px; } button{ width: 75px; border: 0px; @media (max-width: 1024px){ width: 60px; } @media (max-width: 768px){ width: 44px; background: transparent; padding: 6px; border-radius: 4px; box-shadow: inset 0 0px 0px rgba(0,0,0,.125); border: 1px solid $primary-alternative-color; } .pull-left { width: 100%; text-align:left; .bs-caret{ float:right; } } } } .collapse{ position: absolute; z-index: 99; background-color: #fff; text-align: left; @media (max-width: 1024px){ small{ display:none; } width: 60px; padding-left: 3px; } @media (max-width: 768px){ small{ display: inline; } width: 100px; } } .collapse.in{ @media (max-width: 768px){ margin-top: 2px; } } @media (max-width: 768px){ position: absolute; z-index: 100; display: inline; float: unset; margin-top: 15px; left: 125px; top: 5px; .row .col-xs-12 { margin-bottom: 5px; } }}*/#footer #pre_area { padding-bottom: 40px; } .af_tabelle tr { border-bottom: 1px solid #d9d9d9 !important; }.af_tabelle td { padding-top: 5px; padding-bottom: 5px; } #section-consultants .user-picture,#article-vehicle-view .user-picture { border-radius: 0% !important; -webkit-border-radius: 0% !important; -moz-border-radius: 0% !important; border: 0px solid #fff !important; -webkit-box-shadow: 0px 0px 0px 0px #CCCCCC !important; -moz-box-shadow: 0px 0px 0px 0px #CCCCCC !important; box-shadow: 0px 0px 0px 0px #CCCCCC !important; } #section-consultants .user-picture { width: 250px !important; height: 250px !important; }#section-consultants .person-data { max-width: 280px; margin: 0 auto; } #section-consultants .person-data a.link-default:first-child,#section-consultants .person-data a.link-pfeil:first-child,#section-consultants .person-data #site-content .content-block a:first-child:not(.btn),#site-content .content-block #section-consultants .person-data a:first-child:not(.btn) { margin-top: 10px; } #section-consultants .person-data a.link-default:last-child,#section-consultants .person-data a.link-pfeil:last-child,#section-consultants .person-data #site-content .content-block a:last-child:not(.btn),#site-content .content-block #section-consultants .person-data a:last-child:not(.btn) { margin-bottom: 10px; }#section-consultants .col-lg-6 .person-data,#section-consultants .col-lg-12 .person-data { max-width: 280px !important; margin: 0 auto; } #article-vehicle-view .person a { max-width: 250px; }#article-vehicle-view .person a.btn-primary { font-size: 1.1em; max-width: 250px; margin-bottom: 15px; } .checkbox.checkbox-css label,.radio.checkbox-css label { padding-left: 0; } .checkbox.checkbox-css label:after,.radio.checkbox-css label:after { content: ''; display: table; clear: both; } .checkbox.checkbox-css .cr,.radio.checkbox-css .cr { position: relative; display: inline-block; border: 1px solid #626262; border-radius: 0em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .radio.checkbox-css .cr { border-radius: 50%; } .checkbox.checkbox-css .cr .cr-icon,.radio.checkbox-css .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; } .radio.checkbox-css .cr .cr-icon { margin-left: 0.04em; } .checkbox.checkbox-css label input[type="checkbox"],.radio.checkbox-css label input[type="radio"] { display: none; } .checkbox.checkbox-css label input[type="checkbox"] + .cr > .cr-icon,.radio.checkbox-css label input[type="radio"] + .cr > .cr-icon { transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .15s ease-in; } .checkbox.checkbox-css label input[type="checkbox"]:checked + .cr > .cr-icon,.radio.checkbox-css label input[type="radio"]:checked + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: 1; } .checkbox.checkbox-css label input[type="checkbox"]:hover:not(:checked):not(:disabled) + .cr > .cr-icon,.radio.checkbox-css label input[type="radio"]:hover:not(:checked):not(:disabled) + .cr > .cr-icon { transform: scale(1) rotateZ(0deg); opacity: .2; } .checkbox.checkbox-css label input[type="checkbox"]:disabled + .cr,.radio.checkbox-css label input[type="radio"]:disabled + .cr { opacity: .5; } /* Created on : Jun 2,2016,12:55:04 PM Author : Darius Zylka / Florian Neueder*/body { font-family: "DaimlerCS-Regular",Arial,sans-serif; } .color-primary { color: #000000; } .bg-primary { background-color: #000000; } .padding-default,.block-container { display: inline-block; padding: 30px; } .padding-default-horizontal,.block-container-horizontal { display: inline-block; padding: 0 30px; } .padding-half-horizontal { display: inline-block; padding: 0 15px; } .link-default,.link-pfeil,#site-content .content-block a:not(.btn),.link-pfeil { color: #000000; display: inline-block; font-size: 1.05em; font-weight: 600; max-width: 100%; position: relative; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .link-default:hover,.link-pfeil:hover,#site-content .content-block a:hover:not(.btn),.link-pfeil:hover { color: #4d4d4d; } .link-pfeil::before { content: "\f138"; float: left; font-family: FontAwesome; font-size: 1.05em; font-weight: 600; margin-top: 0; padding-right: 4px; position: relative; } .popover-title .close { background-color: #000000 !important; } .content-title,.content-title-right,.content-title-center-top,.content-title-center-bottom { color: #000000; display: inline-block; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 22px; padding-top: 0; position: relative; text-align: left; } .content-title { margin-top: 0; } .content-title::before,.content-title-right::before,.content-title-center-top::before,.content-title-center-bottom::after { background-color: #000000; content: ""; display: block; height: 0; width: 50px; position: absolute; left: 0; top: 0; } .content-title-right { text-align: right; } .content-title-right::before { left: auto; right: 0; } .content-title-center-top,.content-title-center-bottom { display: block; text-align: center; } .content-title-center-top::before,.content-title-center-bottom::after { left: 50%; margin-left: -25px; } .content-title-center-bottom { margin-bottom: 0; margin-top: 22px; padding-bottom: 22px; padding-top: 0; } .content-title-center-bottom::after { bottom: 0; top: auto; } .headline-h1 { color: #000000; font-size: 36px; font-weight: bold; } .subheadline-h1 { color: #3c3c3c; font-size: 24px; font-weight: 600; } .headline-h2 { color: #000000; font-size: 24px; font-weight: bold; } .subheadline-h2 { color: #3c3c3c; font-size: 18px; font-weight: 600; } .headline-h3 { color: #000000; font-size: 18px; font-weight: bold; } .subheadline-h3 { color: #3c3c3c; font-size: 14px; font-weight: 600; } .subheadline-block { color: #000000; font-size: 22px; font-weight: normal; line-height: 29px; } .btn-primary { background: #000000; border-color: #000000; color: #ffffff; } .btn-primary:hover,.btn-primary:focus,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus:active,.btn-primary:active:focus,.btn-primary:active:hover { background: #1a1a1a; border-color: #1a1a1a; color: #ffffff; box-shadow: none; outline: none; } .open > .dropdown-toggle.btn-primary.focus,.open > .dropdown-toggle.btn-primary:focus,.open > .dropdown-toggle.btn-primary:hover { background: #1a1a1a; box-shadow: none; outline: none; } .btn-inline { margin-top: 0 !important; padding: 7px 20px; } .strikethrough { position: relative; } .strikethrough:before { border-color: rgba(255,0,0,0.6); border-top: 4px solid; content: ""; position: absolute; left: -5px; right: -5px; top: 50%; -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); } .btn-default { background-color: #fff; border-color: #000000; color: #000000; } .btn-default:hover,.btn-default.active { background-color: #000000; border-color: #000000; color: #fff; } #footer #pre_area .btn-primary { background: #ffffff; color: #000000; } .btn-info { background-color: transparent; border-color: transparent; color: #000000; } .btn-fullwidth { background: #000000; color: #ffffff; padding: 15px 0; width: 100%; } /* Created on : Jun 2,2016,12:55:04 PM Author : Darius Zylka / Florian Neueder*/.color-primary { color: #000000; } .bg-primary { background-color: #000000; } .padding-default,.block-container { display: inline-block; padding: 30px; } .padding-default-horizontal,.block-container-horizontal { display: inline-block; padding: 0 30px; } .padding-half-horizontal { display: inline-block; padding: 0 15px; } body { font-family: "DaimlerCS-Regular",Arial,sans-serif; font-size: 17px; } .link-default,.link-pfeil,#site-content .content-block a:not(.btn) { color: #000000; display: inline-block; position: relative; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: 600; font-size: 1.05em; max-width: 100%; } .link-default:hover,.link-pfeil:hover,#site-content .content-block a:hover:not(.btn) { color: #4d4d4d; } .link-pfeil::before { font-family: FontAwesome; content: "\f138"; float: left; font-size: 1.05em; font-weight: 600; position: relative; margin-top: 0; padding-right: 4px; } .popover-title .close { background-color: #000000 !important; } .content-title,.content-title-right,.content-title-center-top,.content-title-center-bottom { font-size: 18px; line-height: 20px; display: inline-block; position: relative; padding-top: 0; margin-bottom: 22px; color: #000000; font-weight: bold; text-align: left; } .content-title { margin-top: 0; } .content-title::before,.content-title-right::before,.content-title-center-top::before,.content-title-center-bottom::after { content: ""; display: block; left: 0; position: absolute; top: 0; background-color: #000000; height: 0; width: 50px; } .content-title-right { text-align: right; } .content-title-right::before { left: auto; right: 0; } .content-title-center-top,.content-title-center-bottom { display: block; text-align: center; } .content-title-center-top::before,.content-title-center-bottom::after { left: 50%; margin-left: -25px; } .content-title-center-bottom { margin-top: 22px; margin-bottom: 0; padding-top: 0; padding-bottom: 22px; } .content-title-center-bottom::after { top: auto; bottom: 0; } .headline-h1 { font-weight: 400; font-size: 36px; color: #000000; font-family: "DaimlerCAC-Regular",Helvetica,Arial,sans-serif; } .subheadline-h1 { font-weight: 400; font-size: 24px; color: #3c3c3c; font-family: "DaimlerCAC-Regular",Helvetica,Arial,sans-serif; } .headline-h2 { font-weight: 400; font-size: 24px; color: #000000; font-family: "DaimlerCAC-Regular",Helvetica,Arial,sans-serif; } .subheadline-h2 { font-weight: 400; font-size: 18px; color: #3c3c3c; font-family: "DaimlerCAC-Regular",Helvetica,Arial,sans-serif; } .headline-h3 { font-weight: 400; font-size: 18px; color: #000000; } .subheadline-h3 { font-weight: 400; font-size: 14px; color: #3c3c3c; } .subheadline-block { font-weight: normal; font-size: 22px; line-height: 29px; color: #000000; } .btn-primary { background: #00adef; color: #ffffff; border-radius: 0; font-weight: 400; } .btn-primary:hover,.btn-primary:focus { background: #1a1a1a; outline: none; box-shadow: none; } .btn-inline { margin-top: 0 !important; padding: 7px 20px; } .strikethrough { position: relative; } .strikethrough:before { position: absolute; content: ""; left: -5px; top: 50%; right: -5px; border-top: 4px solid; border-color: rgba(255,0,0,0.6); -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -ms-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); } #footer #pre_area .btn-primary { background: #00adef; color: #ffffff; } .btn-info { color: #000000; background-color: transparent; border-color: transparent; } .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary.focus:active,.btn-primary:active:focus,.btn-primary:active:hover,.open > .dropdown-toggle.btn-primary.focus,.open > .dropdown-toggle.btn-primary:focus,.open > .dropdown-toggle.btn-primary:hover { background-color: #3c3c3c; border-color: #3c3c3c; color: #ffffff; } .btn-fullwidth { background: #00adef; color: #ffffff; padding: 15px 0; width: 100%; } .btn-primary:hover,.btn-fullwidth:hover,#footer .link-select:hover,.secondary-highlight .link-select:hover,.block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .startsearch:hover { background-color: #0088bc !important; background: #0088bc !important; } h1,h2,h3,.h1,.h2,.h3 { font-family: "DaimlerCAC-Regular",Helvetica,Arial,sans-serif; font-weight: 400 !important; } b,strong { font-weight: 700; font-family: Arial,sans-serif; } /* Created on : Feb 29,2016,1:18:29 PM Author : Darius Zylka*/.artikelsuche #site-content #section-content-block .content-block { display: none; } [data-function="audaris_search"] #header-data .container { padding-top: 100px; } #section-vehicles-list.search-view-8 .search_page_switch,#section-vehicles-list.search-view-9 .search_page_switch { margin-top: 15px !important; }#section-vehicles-list #js-detail-search-button { margin-bottom: 0; }#section-vehicles-list .search_page_switch { font-size: 85%; margin: 15px 0; } @media (max-width: 767px) { #section-vehicles-list .search_page_switch { text-align: center; } } #section-vehicles-list .search_page_switch a { display: inline-block; margin-left: 10px; white-space: nowrap; } @media (max-width: 767px) { #section-vehicles-list .search_page_switch a { margin-bottom: 5px; } }#section-vehicles-list .horizontalcolor .row { margin-bottom: 10px; }@media (max-width: 768px) { #section-vehicles-list .horizontalcolor { background: transparent !important; } #section-vehicles-list .horizontalcolor .col-xs-12 .form-control,#section-vehicles-list .horizontalcolor .col-xs-12 #vehicleSearchFahrzeugdetails,#section-vehicles-list .horizontalcolor .col-xs-12 #vehicleSearchPreisdetails { margin-bottom: 10px; } #section-vehicles-list .horizontalcolor .sonderrow .col-xs-12 { padding-left: 0; } #section-vehicles-list .horizontalcolor .btn { padding: 6px 12px; } }#section-vehicles-list .horizontalcolor .search-start { margin-top: 0; padding: 15px; }#section-vehicles-list .infoline { margin-top: 30px; } @media (max-width: 480px) { #section-vehicles-list .infoline { max-height: 145px; margin-top: 0; } #section-vehicles-list .infoline .col-xs-7 { padding-left: 0; } #section-vehicles-list .infoline .headline-h1 { text-align: center; display: block; } #section-vehicles-list .infoline .col-xs-12 { margin-bottom: 10px; } } @media (max-width: 767px) { #section-vehicles-list .infoline #count_treffer { display: block; line-height: 1; text-align: center; } } #section-vehicles-list .infoline .listenansichten .action-btn { padding: 6px 10px; float: left; } #section-vehicles-list .infoline .listenansichten .action-btn:hover { background-color: #00adef; } #section-vehicles-list .infoline .listenansichten button.active { background-color: #00adef; }#section-vehicles-list .sonderrow { border-bottom: 1px solid #000; padding: 0; margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 30px; width: calc(100% - 30px); } @media (max-width: 768px) { #section-vehicles-list .sonderrow .col-xs-12 { padding-left: 0; padding-right: 0; } } @media (max-width: 480px) { #section-vehicles-list .sonderrow .col-xs-12 { padding-left: 0; padding-right: 0; } } #section-vehicles-list .sonderrow button.action-btn { background-color: #00adef; border: 0; padding: 10px 20px; text-align: center; font-size: 0.85em; font-weight: 600; color: #ffffff; float: left; margin: 0; margin-right: 1px; } @media (max-width: 480px) { #section-vehicles-list .sonderrow button.action-btn { padding: 10px 14px; font-size: 0.7385em !important; } } #section-vehicles-list .sonderrow button.action-btn:hover,#section-vehicles-list .sonderrow button.action-btn.active { background-color: #00adef; } #section-vehicles-list .sonderrow .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; } #section-vehicles-list .sonderrow button .triangle { clear: both; content: ''; margin: 0 auto -25px; position: relative; top: 10px; width: 20px; height: 0; border-top: 13px solid #00adef; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 12px solid transparent; z-index: 99999; display: none; } @media (max-width: 768px) { #section-vehicles-list .sonderrow button .triangle { top: 9px; } } #section-vehicles-list .sonderrow button.active .triangle { display: block; } #section-vehicles-list .sonderrow button:hover .triangle { display: block; }#section-vehicles-list .s_bereich .col-xs-12 { margin-bottom: 0; }#section-vehicles-list .container { background-color: transparent; }#section-vehicles-list .pager,#section-vehicles-list .sorter { text-align: right; display: inline-block; margin: 0 0 20px 0; }#section-vehicles-list .pager { margin: 0 auto; display: block; text-align: center; } @media (max-width: 767px) { #section-vehicles-list .pager { margin: 5px auto; } } #section-vehicles-list .pager .btn { background: #3c3c3c; color: #ffffff; font-weight: 600; border: 0; } #section-vehicles-list .pager .btn.disabled,#section-vehicles-list .pager .btn[disabled],#section-vehicles-list .pager fieldset[disabled] .btn { opacity: 1; }#section-vehicles-list .bottom-pager { text-align: center; margin-right: 0; margin-bottom: 35px; }#section-vehicles-list .search-tags { white-space: normal; } #section-vehicles-list .search-tags span { cursor: pointer; margin-right: 5px; display: inline-block; padding: 5px; font-weight: 600; } #section-vehicles-list .search-tags span.label-default { background-color: #000000; } #section-vehicles-list .search-tags span.label-default i.fa-times-circle { background-color: transparent; color: #ffffff; }#section-vehicles-list .sorting-area button { background-color: #3c3c3c; color: #ffffff; font-weight: 600; border: 0; } #section-vehicles-list .sorting-area button .bs-caret { display: none; } #section-vehicles-list .sorting-area button span { padding: 0; margin: 0; } #section-vehicles-list .sorting-area button span i { padding: 7px 10px 6px; border-right: 2px solid #ffffff; position: relative; height: 32px; }@media (max-width: 768px) { #section-vehicles-list .pager .btn { padding: 6px 12px; } }#section-vehicles-list #sorting_list { width: 100%; background-color: #ffffff; position: absolute; z-index: 99; } #section-vehicles-list #sorting_list .col-xs-12 { padding-left: 0; padding-right: 0; } @media (max-width: 920px) { #section-vehicles-list #sorting_list .col-xs-12 { margin-bottom: 0; } } #section-vehicles-list #sorting_list button { padding: 3px 5px; margin-right: 1px; margin-top: 1px; } #section-vehicles-list #sorting_list button.active { background-color: #00adef; } #section-vehicles-list #sorting_list span { font-size: 0.8em; } @media (max-width: 768px) { #section-vehicles-list #sorting_list { margin-top: 0; } } @media (max-width: 480px) { #section-vehicles-list #sorting_list { position: relative; } }#section-vehicles-list #sorting_list.in { display: table; }#section-vehicles-list #sorting_list_icon { width: 25px; }#section-vehicles-list .selection-bereich-area.sonderrow { height: 60px; border-bottom: 0 solid black; }#section-vehicles-list .selection-bereich-area.sonderrow { margin-bottom: 20px; margin-top: 0; } #section-vehicles-list .selection-bereich-area.sonderrow .bereich-block { display: table; margin: 0 auto; float: unset; padding-bottom: 10px; } #section-vehicles-list .selection-bereich-area.sonderrow .bereich-block a { padding: 5px; font-size: 22px; /* color: $primary-font-color;*/ cursor: pointer; display: block; text-align: center; width: 100%; /* background: darken($search-background-color,5%);*/ /* color: darken($search-background-color,70%); $search-background-color; */ border: 0; border-left: 0; line-height: 49px; } #section-vehicles-list .selection-bereich-area.sonderrow .bereich-block a [class^="kfzicon-"],#section-vehicles-list .selection-bereich-area.sonderrow .bereich-block a [class*=" kfzicon-"] { font-size: 22px; top: 5px; position: relative; } #section-vehicles-list .selection-bereich-area.sonderrow .bereich-block > .column:first-child a { /* border-top-left-radius:5px; border-bottom-left-radius:5px; border-left: 1px solid darken($search-background-color,30%);*/ } #section-vehicles-list .selection-bereich-area.sonderrow .bereich-block > .column:last-child a { /* border-top-right-radius: 5px; border-bottom-right-radius: 5px;*/ } #section-vehicles-list .selection-bereich-area.sonderrow > .emptyarea { min-height: 53px; /*border-bottom: 1px solid darken($search-background-color,30%);*/ } #section-vehicles-list .selection-bereich-area.sonderrow a.active,#section-vehicles-list .selection-bereich-area.sonderrow a:hover { /* background: $button-color; color: $button-background;*/ background: #ffffff; color: #000000; /*border-bottom: 1px solid $default-container-background;*/ }#section-vehicles-list .selection-bereich-area.sonderrow { margin-bottom: 20px; margin-top: 0; }#section-vehicles-list .section-vehicles-kfz-icons > .row { text-align: center; } #section-vehicles-list .section-vehicles-kfz-icons > .row .vehicle_types { cursor: pointer; float: unset; display: inline-block; } .vehicle_search .closeSearchForm { width: 100%; text-align: center; display: block; font-weight: 700; color: #000000; cursor: pointer; font-size: 25px; }.vehicle_search .zlline .search-start { padding-top: 7px !important; padding-bottom: 7px !important; }.vehicle_search .zlline .checkbox-css { margin-top: -5px; margin-bottom: 5px; } .vehicle_search .zlline .checkbox-css label { font-size: 10px !important; color: #000000; } #section-vehicles-list #vehicle-search-second-line.top_fixed { display: block; position: fixed; left: 0; top: 60px; width: 100%; z-index: 999; background: #fff; } @media (max-width: 680px) and (min-width: 481px) { #section-vehicles-list .row.infoline > .col-xs-12 { padding: 0; } #section-vehicles-list .row.infoline > .col-xs-12 > .col-xs-6 { padding: 0; } #section-vehicles-list .row.infoline > .col-xs-12 > .col-xs-6 .pager { text-align: left; } }@media (max-width: 480px) { #section-vehicles-list .row.infoline > .col-xs-12 { padding: 0; } #section-vehicles-list .row.infoline > .col-xs-12 > .col-xs-6 { padding: 0; } }body.theme002Marke.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme002Marke.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme002Marke.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme002Marke.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme005_wide.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme005_wide.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme005_wide.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme005_wide.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme005_wide_header.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme005_wide_header.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme005_wide_header.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme005_wide_header.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme008.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme008.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme008.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme008.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme008_spindler.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme008_spindler.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme008_spindler.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme008_spindler.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme008_ostermaier.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme008_ostermaier.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme008_ostermaier.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme008_ostermaier.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme009.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme009.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme009.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme009.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid,body.theme010.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.theme010.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.theme010.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.theme010.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid { max-width: 2500px; }body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) #fixedsocial,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) #fixedsocial { display: none; }body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) .footnote-container,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) .footnote-container { color: #fff; transform: translateY(100%); transition: transform .35s; will-change: transform; z-index: 999; position: fixed; bottom: 0; left: 0; right: 0; } body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) .footnote-container.active,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) .footnote-container.active { transform: translateY(0); } body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) .footnote-container.active .footnote-switcher,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) .footnote-container.active .footnote-switcher { transform: translateY(0); transition-delay: 0s; } body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) .footnote-container .footnote-switcher,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) .footnote-container .footnote-switcher { background: #000; border-radius: 5px 5px 0 0; cursor: pointer; display: inline-block; margin-left: 5px; padding: 5px 15px; transform: translateY(-100%); transition-delay: .35s; }body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) .footnote-text-area,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) .footnote-text-area { background: #000; font-size: 85%; padding: 10px; } @media (max-width: 991px) { body.artikelsuche:not(.theme008_spindler).list-view-8:not(.artikeldetailansicht) .footnote-text-area,body.artikelsuche:not(.theme008_spindler).list-view-9:not(.artikeldetailansicht) .footnote-text-area { max-height: 350px; overflow-y: auto; } } #section-vehicles-list.new-vehicles-search .infoline { margin-top: 4px; }#section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block { border-bottom: 1px solid #ddd; border-right: 0; display: flex; justify-content: space-between; margin-bottom: 15px; } @media (min-width: 768px) { #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block { justify-content: center; } } #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block > li { margin-bottom: -1px; margin-right: -1px; border-bottom: 0; } @media (max-width: 767px) { #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block > li { text-align: center; width: 100%; } } #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block > li a { background-color: transparent; border: 1px solid #ddd; font-size: 24px; padding: 13px 20px; } #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block > li:not(.active) a:hover { color: #3c3c3c; } #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block > li.active a { background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; color: #000000; } #section-vehicles-list.new-vehicles-search .vehicle-categories .nav-tabs.bereich-block > li.active a:after { display: none; }#section-vehicles-list.new-vehicles-search .vehicles-list-view-switcher .btn.btn-default { border-color: #ccc !important; color: #bbb; padding: 6px 10px; } #section-vehicles-list.new-vehicles-search .vehicles-list-view-switcher .btn.btn-default:not(:last-child) { margin-left: -1px; }#section-vehicles-list.new-vehicles-search #vehicle_search { background: #ffffff; padding-top: 0; }#section-vehicles-list.new-vehicles-search #new-search-container { background: #eee; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; height: 50px; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .search-icon { height: 48px; line-height: 48px; text-align: center; width: 36px; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .form-control { background-color: transparent; border: 0; box-shadow: none; flex-grow: 1; font-size: 16px; padding-left: 0; width: auto; height: 48px; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .search-tags { padding: 7px 2px 6px 7px; white-space: nowrap; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .search-tags .label-default { background-color: #fff; border: 1px solid #ccc; color: #333; font-weight: normal; margin-bottom: 0; padding: 10px; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .search-tags.placeholder { display: none; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .input-group-addon { font-size: 16px; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .input-group-addon:not(.placeholder) { cursor: pointer; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .input-group-addon.go { background-color: #eee; border: 0; padding-top: 10px; width: auto; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .input-group-addon.go .btn { border-radius: 4px; }#section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container { overflow: hidden; position: relative; white-space: nowrap; } @media (max-width: 767px) { #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container { overflow-x: auto; padding-bottom: 50px; } } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn { border-radius: 4px; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn .btn-primary { background-color: ligthen #000000,70%; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn .btn-primary.centralstorage-filter,#section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn .btn-primary.art-filter { background-color: #000000; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn-primary { border-radius: 4px; font-weight: normal; margin-top: 0; padding: 10px 8px; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn-primary:not(.centralstorage-filter) { background: #333333 !important; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn-primary.art-filter,#section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .btn-primary:hover { background: #000000 !important; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .right-filters-arrow,#section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .left-filters-arrow { background: #fff; color: #000000; cursor: pointer; font-size: 24px; font-weight: bold; height: 100%; justify-content: center; text-align: center; width: 40px; z-index: 99; } @media (min-width: 768px) { #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .right-filters-arrow,#section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .left-filters-arrow { display: flex; } } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .right-filters-arrow i,#section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container .left-filters-arrow i { align-self: center; }#section-vehicles-list.new-vehicles-search .search-results-box { font-size: 14px; font-weight: bold; line-height: 26px; }#section-vehicles-list.new-vehicles-search .text-pre-selectpicker { background: #f5f5f5; border-radius: 5px 0 0 5px; border: 1px solid #ddd; border-right: 0; display: block; float: left; height: 36px; padding: 7px 10px; width: 145px; } #section-vehicles-list.new-vehicles-search .text-pre-selectpicker + .bootstrap-select.btn-group { border: 1px solid #ddd; display: block; float: left; height: 36px; margin-left: 0; padding: 0; width: calc(100% - 145px) !important; } #section-vehicles-list.new-vehicles-search .text-pre-selectpicker + .bootstrap-select.btn-group .btn { height: 34px; padding: 7px 30px 7px 10px; }#section-vehicles-list.new-vehicles-search .sorting-vehicles .dropdown { display: inline-block; }#section-vehicles-list.new-vehicles-search .sorting-vehicles button { background: transparent; border: 0; color: #bbb; font-size: 14px; line-height: 16px; padding: 5px 10px; } #section-vehicles-list.new-vehicles-search .sorting-vehicles button:hover,#section-vehicles-list.new-vehicles-search .sorting-vehicles button.active { color: #000000; }#section-vehicles-list.new-vehicles-search #search_fields .btn-default,#section-vehicles-list.new-vehicles-search #search_fields .selectpicker-like li { border-color: #ccc !important; }#section-vehicles-list.new-vehicles-search #search_fields .panel-heading { background: #000000; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 0; margin-bottom: 2px; padding: 0; }#section-vehicles-list.new-vehicles-search #search_fields .panel-title > a { color: #ffffff; display: block; padding: 10px 30px 10px 15px; } #section-vehicles-list.new-vehicles-search #search_fields .panel-title > a:after { content: '\f106'; font-family: 'FontAwesome'; font-weight: bold; position: absolute; right: 15px; } #section-vehicles-list.new-vehicles-search #search_fields .panel-title > a.collapsed::after { content: '\f107'; }#section-vehicles-list.new-vehicles-search #search_fields .panel-body > .form-group:last-child { margin-bottom: 0; }#section-vehicles-list.new-vehicles-search #search_fields #resetFilterContainer { padding: 10px; }#section-vehicles-list.new-vehicles-search #search_fields label,#section-vehicles-list.new-vehicles-search #search_fields .form-control-label { font-size: 13px; margin-bottom: 5px; margin-top: 0; }#section-vehicles-list.new-vehicles-search #search_fields .form-control-label { font-weight: bold; }#section-vehicles-list.new-vehicles-search #search_fields .checkbox,#section-vehicles-list.new-vehicles-search #search_fields .radio { margin: 0; } #section-vehicles-list.new-vehicles-search #search_fields .checkbox label,#section-vehicles-list.new-vehicles-search #search_fields .radio label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }@media (max-width: 480px) { #section-vehicles-list.new-vehicles-search .container .col-xs-7 { padding-left: 0; } #section-vehicles-list.new-vehicles-search .container .pager { text-align: left; } #section-vehicles-list.new-vehicles-search .container .headline-h1 { display: block; text-align: center; } #section-vehicles-list.new-vehicles-search .container .col-xs-12 { margin-bottom: 10px; } }#section-vehicles-list.new-vehicles-search .container .listenansichten .action-btn { float: left; padding: 6px 10px; } #section-vehicles-list.new-vehicles-search .container .listenansichten .action-btn:hover { background-color: #00adef; }#section-vehicles-list.new-vehicles-search .container .listenansichten button.active { background-color: #00adef; }#section-vehicles-list.new-vehicles-search .panel-group { margin-bottom: 0; } #section-vehicles-list.new-vehicles-search .panel-group .panel { border: 0; border-radius: 0; } #section-vehicles-list.new-vehicles-search .panel-group .panel-heading + .panel-collapse > .list-group,#section-vehicles-list.new-vehicles-search .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0; }#section-vehicles-list.new-vehicles-search .panel-default > .panel-heading { background-color: #a29fa0; color: #ffffff; }#section-vehicles-list.new-vehicles-search .panel-body { background: #eee; }#section-vehicles-list.new-vehicles-search .vehicle-element { min-height: auto; padding-bottom: 0; } @media (max-width: 479px) { #section-vehicles-list.new-vehicles-search .vehicle-element { margin: 0; } }#section-vehicles-list.new-vehicles-search #section-vehicles-list .btn { border-radius: 0; } #section-vehicles-list.new-vehicles-search #section-vehicles-list .btn.btn-primary { background-color: ligthen #000000,70%; }#section-vehicles-list.new-vehicles-search #new-registration-slider-container .slider-tick.round.in-selection,#section-vehicles-list.new-vehicles-search #new-registration-slider-container .slider-tick.round { background: transparent; box-shadow: none; }#section-vehicles-list.new-vehicles-search #new-registration-slider-container .slider-tick-label-container { font-size: 14px; } #section-vehicles-list.new-vehicles-search #new-registration-slider-container .slider-tick-label-container .slider-tick-label { padding-top: 0; } #section-vehicles-list.new-vehicles-search #new-registration-slider-container .slider-tick-label-container .slider-tick-label:first-child { padding-left: 22px; } #section-vehicles-list.new-vehicles-search #new-registration-slider-container .slider-tick-label-container .slider-tick-label:last-child { padding-right: 17px; }#section-vehicles-list.new-vehicles-search #new-vehicle-mileage-container .slider-tick.round.in-selection,#section-vehicles-list.new-vehicles-search #new-vehicle-mileage-container .slider-tick.round { background: transparent; box-shadow: none; }#section-vehicles-list.new-vehicles-search #new-vehicle-mileage-container .slider-tick-label-container { font-size: 14px; } #section-vehicles-list.new-vehicles-search #new-vehicle-mileage-container .slider-tick-label-container .slider-tick-label { padding-top: 0; } #section-vehicles-list.new-vehicles-search #new-vehicle-mileage-container .slider-tick-label-container .slider-tick-label:first-child { padding-left: 4px; text-align: left; } #section-vehicles-list.new-vehicles-search #new-vehicle-mileage-container .slider-tick-label-container .slider-tick-label:last-child { text-align: right; }#section-vehicles-list.new-vehicles-search #new-vehicle-budget-container .slider-tick.round.in-selection,#section-vehicles-list.new-vehicles-search #new-vehicle-budget-container .slider-tick.round,#section-vehicles-list.new-vehicles-search #new-vehicle-rate-container .slider-tick.round.in-selection,#section-vehicles-list.new-vehicles-search #new-vehicle-rate-container .slider-tick.round { background: transparent; box-shadow: none; }#section-vehicles-list.new-vehicles-search #new-vehicle-budget-container .slider-tick-label-container,#section-vehicles-list.new-vehicles-search #new-vehicle-rate-container .slider-tick-label-container { font-size: 14px; } #section-vehicles-list.new-vehicles-search #new-vehicle-budget-container .slider-tick-label-container .slider-tick-label,#section-vehicles-list.new-vehicles-search #new-vehicle-rate-container .slider-tick-label-container .slider-tick-label { padding-top: 0; } #section-vehicles-list.new-vehicles-search #new-vehicle-budget-container .slider-tick-label-container .slider-tick-label:first-child,#section-vehicles-list.new-vehicles-search #new-vehicle-rate-container .slider-tick-label-container .slider-tick-label:first-child { text-align: left; } #section-vehicles-list.new-vehicles-search #new-vehicle-budget-container .slider-tick-label-container .slider-tick-label:last-child,#section-vehicles-list.new-vehicles-search #new-vehicle-rate-container .slider-tick-label-container .slider-tick-label:last-child { text-align: right; }#section-vehicles-list.new-vehicles-search #new-vehicle-power-container .slider-tick.round.in-selection,#section-vehicles-list.new-vehicles-search #new-vehicle-power-container .slider-tick.round { background: transparent; box-shadow: none; }#section-vehicles-list.new-vehicles-search #new-vehicle-power-container .slider-tick-label-container { font-size: 14px; } #section-vehicles-list.new-vehicles-search #new-vehicle-power-container .slider-tick-label-container .slider-tick-label { padding-top: 0; } #section-vehicles-list.new-vehicles-search #new-vehicle-power-container .slider-tick-label-container .slider-tick-label:first-child { padding-left: 88px; margin-left: -5px; } #section-vehicles-list.new-vehicles-search #new-vehicle-power-container .slider-tick-label-container .slider-tick-label:last-child { padding-right: 84px; }#section-vehicles-list.new-vehicles-search #sitze-slider .slider-tick-label-container .slider-tick-label { padding-top: 0; } #section-vehicles-list.new-vehicles-search #sitze-slider .slider-tick-label-container .slider-tick-label:first-child { padding-left: 0; margin-left: 0; } #section-vehicles-list.new-vehicles-search #sitze-slider .slider-tick-label-container .slider-tick-label:last-child { padding-right: 1px; } .search-view-8 #vehicle-container { min-height: 600px; }@media (max-width: 767px) { .search-view-8 #vehicle_search { display: none; } .search-view-8 #vehicle_search #search_fields { padding-bottom: 70px; } } .search-view-9 .row-bg-color-1 { background: #f5f5f5; padding: 15px 0; }.search-view-9 #go-container,.search-view-9 .reset { border: 0; background: transparent !important; }.search-view-9 #go-container { padding: 0 0 0 10px; }.search-view-9 .btn-primary.btn-search { margin-top: -2px; }.search-view-9 #vehicle-container { min-height: 600px; }.search-view-9 #search_fields .classic-search-footer-result { font-weight: bold; text-align: center; } @media (min-width: 768px) and (max-width: 991px) { .search-view-9 #search_fields .classic-search-footer-result { text-align: left; } }.search-view-9 .search-tags .label-default { margin: 5px 5px 0 0; } .search-view-9 .search-tags .label-default:first-child { margin-top: 15px; } .search-view-9 .search-tags .label-default:last-child { margin-bottom: 15px; } .card-car-container { border: 1px solid #ccc; margin-bottom: 15px; } @media (max-width: 479px) { .card-car-container { margin: 0 -15px -1px; } } @media (min-width: 768px) { .card-car-container { box-shadow: rgba(25,41,61,0.18) 0 2px 3px 1px; transition: box-shadow 0.2s ease 0s; } .card-car-container:hover { box-shadow: rgba(24,41,61,0.1) 0 14px 21px; } } .card-car-container.highlight { background: #dff0f8; } .card-car-container.highlight-mark { background: #e0f0db; } .card-car-container > a { color: #000000; display: block; text-decoration: none; } .card-car-container > a:hover { color: #000000; text-decoration: none; } .card-car-container .secondary-text { color: #333333; } .card-car-container .card-car-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; padding-top: 75%; position: relative; } .card-car-container .card-car-image-seal { background-position: bottom right; background-repeat: no-repeat; position: absolute; } .card-car-container .card-car-image-seal .overlayBg { background-position: bottom right; background-repeat: no-repeat; display: block; height: 100%; position: unset; width: 100%; } .card-car-container .card-car-financing { line-height: 1; } .card-car-container .card-car-price-difference { background: #000000; color: #fff; font-size: 14px; font-weight: bold; line-height: 1; padding: 8px 20px 8px 10px; position: relative; text-transform: uppercase; white-space: nowrap; } .card-car-container .card-car-price-difference:after { border-color: transparent #000000 transparent transparent; border-style: solid; border-width: 30px 15px 0 0; content: ''; position: absolute; bottom: 0; left: -15px; } .card-car-container .card-car-installment { background: #3c3c3c; color: #fff; flex-grow: 1; font-size: 12px; padding: 4px 10px 8px 0; text-align: right; white-space: nowrap; position: relative; } .card-car-container .card-car-installment:after { border-color: transparent #3c3c3c transparent transparent; border-style: solid; border-width: 42px 20px 0 0; content: ''; position: absolute; bottom: 0; left: -20px; } .card-car-container .card-car-installment span { font-size: 18px; font-weight: bold; } .card-car-container .card-car-installment-2 { background: #d9d9d9; } .card-car-container .card-car-installment-2:after { border-color: transparent #d9d9d9 transparent transparent; } .card-car-container .card-car-info-container { padding: 10px; } .card-car-container .card-car-data-info-container { display: flex; justify-content: space-between; } .card-car-container .card-car-data-info-line-top { text-transform: uppercase; } .card-car-container .card-car-data-info-line-top,.card-car-container .card-car-data-info-line-bottom { font-size: 9px; } .card-car-container .pipe-splitted span { display: inline-block; position: relative; } .card-car-container .pipe-splitted span:not(:first-child) { padding-left: 7px; } .card-car-container .pipe-splitted span:not(:first-child):after { content: '|'; transform: translateY(-50%); position: absolute; left: -1px; top: 50%; } .card-car-container .card-car-subtitle { line-height: 1.2; } .card-car-container .card-car-subtitle,.card-car-container .card-car-data-info { font-size: 12px; } .card-car-container .card-car-manufacturer-warranty img { max-height: 34px; max-width: 105px; } .card-car-container .card-car-data-info-euro-norm { font-size: 12px; } .card-car-container .card-car-data-info-bottom { margin-top: 8px; } .card-car-container .card-data-fuel-consumption { flex-grow: 1; font-size: 9px; text-align: right; } .card-car-container .card-car-data-price-container { text-align: right; } .card-car-container .card-car-data-price-container .strikethrough:before { border-top: 2px solid rgba(255,0,0,0.6); transform: translateY(-50%); right: -2px; } .card-car-container .card-car-vat-info { font-size: 9px; } .card-car-container .card-car-old-price { display: inline-block; font-size: 11px; } .card-car-container .card-car-current-price { font-size: 18px; font-weight: bold; line-height: 1.2; } .card-car-image-badges { z-index: 3; position: absolute; left: 10px; top: 10px; } .card-car-image-badges > div { border-radius: 3px; color: #fff; float: left; font-size: 11px; font-weight: bold; line-height: 1.4; margin-right: 3px; padding: 3px 5px; text-transform: uppercase; } .card-car-image-badges .badge-new,.card-car-image-badges .badge-top { background: #3c3c3c; } .card-car-image-badges .badge-special-promotion { background: #000000; } .vehicles-list-grid-view .card-car-container { border-bottom-width: 3px; } .vehicles-list-grid-view .card-car-container.availability-unknown { border-bottom-color: grey; } .vehicles-list-grid-view .card-car-container.availability-1 { border-bottom-color: green; } .vehicles-list-grid-view .card-car-container.availability-2 { border-bottom-color: yellow; } .vehicles-list-grid-view .card-car-container.availability-3 { border-bottom-color: orange; } .vehicles-list-grid-view .card-car-container .card-car-image-container { border-bottom: 1px solid #ccc; } .vehicles-list-grid-view .card-car-container .card-car-title { margin: 8px 0 !important; } .vehicles-list-grid-view .card-car-container .card-car-image-favorite-icon { background: rgba(255,255,255,0.75); border-radius: 100%; color: #7a7a7a; line-height: 1.28571429em; opacity: .85; padding: 5px; position: absolute; right: 10px; top: 10px; } .vehicles-list-grid-view .card-car-container .card-car-image-favorite-icon:hover,.vehicles-list-grid-view .card-car-container .card-car-image-favorite-icon.active { background: white; color: #000000; opacity: 1; } .vehicles-list-grid-view .card-car-container .card-car-image-favorite-icon span { display: none; } .vehicles-list-grid-view .card-car-container .card-car-image-seal { height: 50%; width: 260px; right: 10px; bottom: 10px; } .vehicles-list-grid-view .card-car-container .card-car-image-seal.with-padding { bottom: 45px; } .vehicles-list-grid-view .card-car-container .card-car-data-info-bottom { display: flex; flex-wrap: nowrap; justify-content: space-between; } .vehicles-list-grid-view .card-car-container .card-data-fuel-consumption { align-self: center; } .vehicles-list-grid-view .card-car-container .card-car-data-info-container + .card-car-data-info-bottom { min-height: 35px; } .vehicles-list-grid-view .card-car-container .card-car-data-info-container + .card-car-data-info-bottom + .card-car-data-info-bottom { margin-top: 0; min-height: 56px; } .vehicles-list-grid-view .card-car-container .card-car-manufacturer-warranty,.vehicles-list-grid-view .card-car-container .card-car-data-price-container { align-self: flex-end; } .vehicles-list-grid-view .card-car-container .card-car-data-price-container { flex-grow: 1; margin-left: 2px; white-space: nowrap; width: 105px; } .vehicles-list-grid-view .card-car-container .card-car-financing { align-items: flex-end; display: flex; flex-wrap: nowrap; justify-content: flex-end; position: absolute; left: 0; right: 0; bottom: 0; } .vehicles-list-grid-view .card-car-container .card-car-installment { bottom: -3px; max-width: 100px; } .vehicles-list-grid-view .card-car-container .card-car-installment:after { border-width: 42px 20px 0 0; left: -20px; } @media (max-width: 767px) { .vehicles-list-list-view .card-car-container > a { position: relative; } }.vehicles-list-list-view .card-car-container .card-car-image-container { border-right: 3px solid; float: left; margin-right: 10px; width: 110px; } @media (max-width: 767px) { .vehicles-list-list-view .card-car-container .card-car-image-container { margin: 10px; } } @media (min-width: 768px) { .vehicles-list-list-view .card-car-container .card-car-image-container { width: 355px; } } @media (min-width: 1200px) { .vehicles-list-list-view .card-car-container .card-car-image-container { width: 400px; } }.vehicles-list-list-view .card-car-container .card-car-image-badges { position: static; }@media (max-width: 767px) { .vehicles-list-list-view .card-car-container .card-car-image { position: static; } }.vehicles-list-list-view .card-car-container.availability-unknown .card-car-image-container { border-right-color: grey; }.vehicles-list-list-view .card-car-container.availability-1 .card-car-image-container { border-right-color: green; }.vehicles-list-list-view .card-car-container.availability-2 .card-car-image-container { border-right-color: yellow; }.vehicles-list-list-view .card-car-container.availability-3 .card-car-image-container { border-right-color: orange; }.vehicles-list-list-view .card-car-container .card-car-image-seal { height: 70%; width: 100px; right: 3px; bottom: 3px; } @media (min-width: 768px) { .vehicles-list-list-view .card-car-container .card-car-image-seal { height: 50%; width: 260px; right: 10px; bottom: 10px; } } @media (max-width: 767px) { .vehicles-list-list-view .card-car-container .card-car-image-seal .overlayBg { background-size: contain; } }.vehicles-list-list-view .card-car-container .card-car-title { margin: 0 0 8px !important; }.vehicles-list-list-view .card-car-container .card-car-data-info-line-top { margin: 8px 0; }@media (min-width: 360px) and (max-width: 530px) { .vehicles-list-list-view .card-car-container .card-car-data-info-container { clear: both; padding-top: 8px; } }@media (max-width: 359px) { .vehicles-list-list-view .card-car-container .card-car-data-info-container { clear: both; display: block; } .vehicles-list-list-view .card-car-container .card-car-data-info-container > div:first-child { display: flex; justify-content: space-between; } }@media (min-width: 360px) { .vehicles-list-list-view .card-car-container .card-car-data-info-container > div:first-child { order: 2; } .vehicles-list-list-view .card-car-container .card-car-data-info-container > div:last-child { order: 1; } }@media (min-width: 992px) { .vehicles-list-list-view .card-car-container .card-car-data-info-container > div:first-child { display: flex; flex-grow: 1; justify-content: space-between; } .vehicles-list-list-view .card-car-container .card-car-data-info-container > div:last-child { flex-grow: 1; } }.vehicles-list-list-view .card-car-container .card-car-data-info-container .card-car-manufacturer-warranty img { margin: 10px 0; max-width: 110px; } @media (max-width: 359px) { .vehicles-list-list-view .card-car-container .card-car-data-info-container .card-car-manufacturer-warranty img { max-width: 150px; } } @media (min-width: 480px) and (max-width: 767px),(min-width: 992px) { .vehicles-list-list-view .card-car-container .card-car-data-info-container .card-car-manufacturer-warranty img { max-height: 40px; max-width: 170px; } }.vehicles-list-list-view .card-car-container .card-car-data-info span { display: inline-block; font-weight: bold; padding-right: 5px; width: 90px; } @media (min-width: 768px) { .vehicles-list-list-view .card-car-container .card-car-data-info span { width: 100px; } }.vehicles-list-list-view .card-car-container .card-car-manufacturer-warranty { margin: 0 10px; } @media (max-width: 767px) { .vehicles-list-list-view .card-car-container .card-car-manufacturer-warranty { margin: 0; } .vehicles-list-list-view .card-car-container .card-car-manufacturer-warranty img { margin: 10px auto; } }@media (max-width: 359px) { .vehicles-list-list-view .card-car-container .card-car-financing { margin: 10px 0; } }@media (max-width: 767px) { .vehicles-list-list-view .card-car-container .card-car-price-difference,.vehicles-list-list-view .card-car-container .card-car-installment { margin: 5px -10px 5px auto; text-align: right; width: 150px; } }@media (min-width: 768px) { .vehicles-list-list-view .card-car-container .card-car-price-difference,.vehicles-list-list-view .card-car-container .card-car-installment { margin: 5px -10px 5px 0; } }.vehicles-list-list-view .card-car-container .card-car-price-difference { padding-right: 10px; }.vehicles-list-list-view .card-car-container .card-car-installment:after { border-width: 30px 15px 0 0; left: -15px; }.vehicles-list-list-view .card-car-container .card-car-buttons-bottom-container { margin-top: 10px; text-align: center; } @media (min-width: 768px) { .vehicles-list-list-view .card-car-container .card-car-buttons-bottom-container { position: absolute; bottom: 1px; right: 1px; } } .vehicles-list-list-view .card-car-container .card-car-buttons-bottom-container .btn { font-weight: normal; padding: 6px 12px; width: 32%; } @media (min-width: 768px) { .vehicles-list-list-view .card-car-container .card-car-buttons-bottom-container .btn { width: auto; } }@media (min-width: 768px) and (max-width: 991px) { .vehicles-list-list-view .card-car-container .card-car-info-container { padding-bottom: 40px; } } @media (max-width: 991px) { .search-view-8 .vehicles-list-list-view .card-car-container .card-car-image-container { width: 110px; } }@media (min-width: 992px) { .search-view-8 .vehicles-list-list-view .card-car-container .card-car-image-container { width: 220px; } }@media (min-width: 1200px) { .search-view-8 .vehicles-list-list-view .card-car-container .card-car-image-container { width: 400px; } }@media (min-width: 768px) { .search-view-8 .vehicles-list-list-view .card-car-container .card-car-image-seal { height: 70%; width: 100px; right: 3px; bottom: 3px; } }@media (min-width: 992px) { .search-view-8 .vehicles-list-list-view .card-car-container .card-car-image-seal { height: 50%; width: 200px; right: 10px; bottom: 10px; } }@media (min-width: 768px) and (max-width: 991px) { .search-view-8 .vehicles-list-list-view .card-car-container .card-car-data-info-container { clear: both; padding-top: 8px; } }@media (min-width: 768px) { .search-view-8 .sidebar-and-columns-container { display: flex; justify-content: space-between; } .search-view-8 .sidebar-search-filter { flex-shrink: 0; position: relative; width: 290px; } .search-view-8 .sidebar-search-filter + div { flex-grow: 1; margin-left: 30px; min-width: 0; } }@media (min-width: 768px) { .search-view-8 .col-equal { width: 100%; } }@media (min-width: 992px) { .search-view-8 .col-equal { width: 50%; } }@media (min-width: 1350px) { .search-view-8 .col-equal { width: 33.33333333%; } }@media (min-width: 1580px) { .search-view-8 .col-equal { width: 25%; } }@media (min-width: 1900px) { .search-view-8 .col-equal { width: 20%; } }@media (min-width: 2500px) { .search-view-8 .col-equal { width: 16.66666667%; } } @media (max-width: 767px) { #section-vehicles-list.new-vehicles-search hr.grey { margin-left: -15px; margin-right: -15px; } #section-vehicles-list.new-vehicles-search #new-search-container { border-radius: 0; border-width: 1px 0; margin: 0 -15px; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input { float: left; overflow-x: auto; position: relative; white-space: nowrap; width: calc(100% - 100px); } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .reset-filters.danger { display: none; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .none-filter-info { display: inline-block; font-size: 14px; padding: 14px; } #section-vehicles-list.new-vehicles-search #new-search-container #filterToggle { background: #fff; border-left: 1px solid #ccc; color: #000000; cursor: pointer; font-size: 14px; float: right; height: 48px; line-height: 48px; text-align: center; width: 100px; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container #filter-container { -webkit-animation: slide 1s forwards; animation: slide 1s forwards; position: absolute; left: 100vw; } @-webkit-keyframes slide { 0% { left: 0; } 50% { left: -300px; } 100% { left: 0; } } @keyframes slide { 0% { left: 0; } 50% { left: -300px; } 100% { left: 0; } } #section-vehicles-list.new-vehicles-search .btn-primary,#section-vehicles-list.new-vehicles-search .btn { padding: 6px 12px; } #section-vehicles-list.new-vehicles-search .filters-mobile .btn-default { border-color: #ccc !important; border-radius: .25em; color: #333; font-size: 75% !important; line-height: 1; margin: 2px; padding: 10px; } #section-vehicles-list.new-vehicles-search .filters-mobile .btn-default .fa { padding-left: 5px; } #section-vehicles-list.new-vehicles-search .collapse.in { margin-top: 0; } #section-vehicles-list.new-vehicles-search #search_fields .reset-filters { color: #000000; cursor: pointer; } #section-vehicles-list.new-vehicles-search #search_fields .panel-heading { margin: 2px; } #section-vehicles-list.new-vehicles-search .filters-overlay-header { background: #fff; border-bottom: 1px solid #ccc; padding: 10px; width: 100%; z-index: 999; position: fixed; top: 0; } #section-vehicles-list.new-vehicles-search .filters-overlay-header + div { margin-top: 45px; } #section-vehicles-list.new-vehicles-search .btn-primary.show-results { padding: 10px; width: auto; z-index: 999; position: fixed; bottom: 15px; left: 15px; right: 15px; } #section-vehicles-list.new-vehicles-search .left-filters-arrow,#section-vehicles-list.new-vehicles-search .right-filters-arrow { display: none; } #section-vehicles-list.new-vehicles-search .text-pre-selectpicker { border-radius: 0; border-right: 1px solid #ddd; cursor: pointer; text-align: center; width: auto; z-index: 9; position: absolute; left: 15px; right: 15px; } #section-vehicles-list.new-vehicles-search .text-pre-selectpicker + .bootstrap-select.btn-group { width: 100% !important; } body.artikelsuche.list-view-8:not(.artikeldetailansicht) .headline-h1,body.artikelsuche.list-view-8:not(.artikeldetailansicht) .subheadline-h1,body.artikelsuche.list-view-9:not(.artikeldetailansicht) .headline-h1,body.artikelsuche.list-view-9:not(.artikeldetailansicht) .subheadline-h1 { display: none; } body.artikelsuche.list-view-8:not(.artikeldetailansicht) .new-vehicles-search,body.artikelsuche.list-view-9:not(.artikeldetailansicht) .new-vehicles-search { margin-top: 15px; } }@media (min-width: 768px) { #section-vehicles-list.new-vehicles-search #new-search-container .search-input { display: flex; flex-wrap: nowrap; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .form-control { flex-grow: 1; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .search-tags { background: #fff; } #section-vehicles-list.new-vehicles-search #new-search-container .search-input .reset-filters.danger { background-color: #f2dede; border-width: 0 0 0 1px; cursor: pointer; height: 48px; line-height: 48px; padding: 0; text-align: center; width: 36px; } #section-vehicles-list.new-vehicles-search #new-search-container #filterToggle { display: none; } #section-vehicles-list.new-vehicles-search #js-vehicle-filter-button-container #filter-container { overflow: hidden; } }/* Created on : Feb 29,2016,1:18:29 PM Author : Florian Neueder*/.search_startseite_oben { margin-top: -160px !important; background: transparent !important; position: relative; padding-top: 35px; padding-bottom: 6px; margin-bottom: 80px !important; z-index: 99; } .search_startseite_oben .subheadline-h1 { font-weight: 600; font-size: 45px; color: #fff; margin-bottom: 15px; } .search_startseite_oben #section-vehicle-list-search-horizontal { padding: 15px; background: rgba(255,255,255,0.6) !important; border-radius: 10px; } .search_startseite_oben .container-fluid { background: transparent !important; border-radius: 10px; } .search_startseite_oben .sonderbutton { font-weight: 700; } .search_startseite_oben .horizontalcolor input,.search_startseite_oben .horizontalcolor select,.search_startseite_oben .horizontalcolor button.dropdown-toggle,.search_startseite_oben .horizontalcolor .bootstrap-select { background-color: #fff !important; border-radius: 5px; } .search_startseite_oben .horizontalcolor .checkbox.checkbox-css .cr,.search_startseite_oben .horizontalcolor .radio.checkbox-css .cr { background-color: #fff; } .search_startseite_oben .horizontalcolor .zlline .checkbox-css label b { color: #fff; } .search_startseite_oben .horizontalcolor .subheadline-h3 { color: #fff !important; } .search_startseite_oben small a { color: #fff; } .search_startseite_oben .horizontalcolor .row { margin-bottom: 0 !important; } .search_startseite_oben .horizontalcolor .row button.dropdown-toggle { padding: 8px 12px; } .search_startseite_oben #vehicle_search input[type="text"] { background: #fff; padding: 17px 12px; font-weight: 700; border-radius: 5px; height: 38px !important; } .search_startseite_oben .btn-group .dropdown-toggle .filter-option { font-weight: 700; } .search_startseite_oben .search-start,.search_startseite_oben #vehicle_search_top .search-start { font-size: 15px; font-weight: 400 !important; padding: 5px 0 !important; width: 100%; text-align: center; } .search_startseite_oben .search-start .badge,.search_startseite_oben #vehicle_search_top .search-start .badge { font-size: 15px !important; top: -2px !important; font-weight: 400 !important; } #section-vehicle-list-articles-tile .img-thumbnail { max-height: unset; width: 100%; height: auto; max-width: 100%; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-video-pics a,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-video-pics a { width: auto; } /*#section-vehicles-list .horizontalcolor .search-start { padding: 15px !important;}*/#section-vehicles-list .s_bereich .col-xs-12 { margin-bottom: -6px; } /*#section-vehicles-list .search_page_switch { display:none;}*/#section-vehicles-list .search_page_switch { margin-top: -30px; } #section-vehicles-list .sorting-area button,#section-vehicles-list .pager .btn { font-weight: 400; } #section-vehicles-list #count_treffer { font-size: 28px; } #section-vehicles-list .sonderrow { padding-bottom: 0; height: 39px; } #section-vehicles-list .sonderrow button.action-btn { font-weight: 400; } #section-vehicles-list .sonderrow button.action-btn:hover { background: #0088bc; } #section-vehicles-list .search_page_switch a { font-weight: 400; } body.artikelsuche.list-view-8:not(.artikeldetailansicht) .container,body.artikelsuche.list-view-8:not(.artikeldetailansicht) .container-fluid,body.artikelsuche.list-view-9:not(.artikeldetailansicht) .container,body.artikelsuche.list-view-9:not(.artikeldetailansicht) .container-fluid { max-width: 1580px; } @media (min-width: 1580px) and (max-width: 2499px),(min-width: 2500px) { .search-view-8 .col-equal { width: 33.33333333%; } } #section-vehicle-tradein-form { background: #ffffff; color: #000000; } #section-vehicle-tradein-form .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-vehicle-tradein-form .well { margin-top: 26px; } #section-vehicle-tradein-form .slider.slider-horizontal { width: 100%; } #section-vehicle-tradein-form .slider-handle { background-color: #000000; background-image: none; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .well { margin-top: 0px; background-color: transparent; border-color: #000000; border-radius: 0px; }#section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article { position: relative; min-height: 240px; cursor: pointer; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article .loc-pic { position: absolute; background-size: cover; background-position: center; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 1; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article .loc-info { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 2; background: #00adef; color: #ffffff; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article .loc-info .loc-a-header { padding: 10px 15px; font-weight: 600; padding-bottom: 5px; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article .loc-info .loc-active { display: none; position: absolute; top: 0%; right: 2%; font-size: 4em; color: #fff; z-index: 9; line-height: 1; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article .loc-info:hover { background: #00000080; color: #fff; }#section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article.active { border-color: green; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article.active .loc-info { background: #22a72480; color: #fff; } #section-vehicle-tradein-form.section-vehicle-tradein-short-form .location-box-selection-tradein article.loc-article.active .loc-active { display: block; } /* Created on : Mar 4,2016,6:02:50 PM Author : conne*/#vehicle_search,#vehicle_search_top { padding-top: 5px; } #vehicle_search input[type="text"],#vehicle_search_top input[type="text"] { background-color: #fff; } #vehicle_search label,#vehicle_search_top label { margin-top: 15px; margin-bottom: 0; } #vehicle_search .checkbox label,#vehicle_search_top .checkbox label { margin-top: 0; } #vehicle_search .vehicle_check,#vehicle_search_top .vehicle_check { cursor: pointer; } #vehicle_search .vehicle_check .cr,#vehicle_search_top .vehicle_check .cr { display: none; } #vehicle_search .vehicle_check .fzg_data,#vehicle_search_top .vehicle_check .fzg_data { float: left; } #vehicle_search .vehicle_check .fzg_info,#vehicle_search_top .vehicle_check .fzg_info { clear: both; display: block; font-size: 12px; padding-top: 5px; margin-bottom: 15px; position: relative; min-height: 20px; } #vehicle_search .vehicle_check .fzg_info .fzg_name,#vehicle_search .vehicle_check .fzg_info .fzg_count,#vehicle_search_top .vehicle_check .fzg_info .fzg_name,#vehicle_search_top .vehicle_check .fzg_info .fzg_count { float: left; padding-right: 5px; } #vehicle_search .vehicle_check .fzg_icon img,#vehicle_search_top .vehicle_check .fzg_icon img { height: 35px; width: auto; } #vehicle_search .vehicle_check.active .fzg_info .fzg_name,#vehicle_search_top .vehicle_check.active .fzg_info .fzg_name { color: #000000; } #vehicle_search .search-start,#vehicle_search_top .search-start { margin-top: 20px; font-weight: bold; } #vehicle_search .search-start:hover,#vehicle_search_top .search-start:hover { background-color: #1a1a1a; border-color: #000000; } #vehicle_search .search-start .badge,#vehicle_search_top .search-start .badge { background-color: #ffffff; color: #000000; padding: 3px 3px; top: -2px; } #vehicle_search .search-start .badge,#vehicle_search_top .search-start .badge { color: #000000; background-color: #ffffff; padding: 3px 3px; top: -2px; } #vehicle_search .colors .colors-col,#vehicle_search_top .colors .colors-col { overflow: hidden; } #vehicle_search .colors-col .checkbox.checkbox-css .cr .cr-icon,#vehicle_search .colors-col .radio.checkbox-css .cr .cr-icon,#vehicle_search_top .colors-col .checkbox.checkbox-css .cr .cr-icon,#vehicle_search_top .colors-col .radio.checkbox-css .cr .cr-icon { font-size: 1.2em; } #vehicle_search .colors .checkbox,#vehicle_search .colors .radio,#vehicle_search_top .colors .checkbox,#vehicle_search_top .colors .radio { display: inline-block; } #vehicle_search .colors label,#vehicle_search_top .colors label { font-size: 30px; } #vehicle_search .checkbox.checkbox-css .cr,#vehicle_search .radio.checkbox-css .cr,#vehicle_search_top .checkbox.checkbox-css .cr,#vehicle_search_top .radio.checkbox-css .cr { margin-right: 6px; } #vehicle_search .checkbox.checkbox-css .cr.black,#vehicle_search .radio.checkbox-css .cr.black,#vehicle_search_top .checkbox.checkbox-css .cr.black,#vehicle_search_top .radio.checkbox-css .cr.black { background: #000; border-color: #222; } #vehicle_search .checkbox.checkbox-css .cr.black .cr-icon,#vehicle_search .radio.checkbox-css .cr.black .cr-icon,#vehicle_search_top .checkbox.checkbox-css .cr.black .cr-icon,#vehicle_search_top .radio.checkbox-css .cr.black .cr-icon { color: #fff; } #vehicle_search .checkbox.checkbox-css .cr.white,#vehicle_search .radio.checkbox-css .cr.white,#vehicle_search_top .checkbox.checkbox-css .cr.white,#vehicle_search_top .radio.checkbox-css .cr.white { background: #fff; border-color: #a9a9a9; } #vehicle_search .checkbox.checkbox-css .cr.gray,#vehicle_search .radio.checkbox-css .cr.gray,#vehicle_search_top .checkbox.checkbox-css .cr.gray,#vehicle_search_top .radio.checkbox-css .cr.gray { background: gray; border-color: darkgray; } #vehicle_search .checkbox.checkbox-css .cr.silver,#vehicle_search .radio.checkbox-css .cr.silver,#vehicle_search_top .checkbox.checkbox-css .cr.silver,#vehicle_search_top .radio.checkbox-css .cr.silver { /*background: silver;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7c7c7+0,f4f4f4+50,c7c7c7+100 */ background: #c7c7c7;  background: -moz-linear-gradient(-45deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  background: -webkit-linear-gradient(-45deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  background: linear-gradient(135deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7',endColorstr='#c7c7c7',GradientType=1);  border-color: #909090; } #vehicle_search .checkbox.checkbox-css .cr.red,#vehicle_search .radio.checkbox-css .cr.red,#vehicle_search_top .checkbox.checkbox-css .cr.red,#vehicle_search_top .radio.checkbox-css .cr.red { background: red; border-color: darkred; } #vehicle_search .checkbox.checkbox-css .cr.orange,#vehicle_search .radio.checkbox-css .cr.orange,#vehicle_search_top .checkbox.checkbox-css .cr.orange,#vehicle_search_top .radio.checkbox-css .cr.orange { background: orange; border-color: darkorange; } #vehicle_search .checkbox.checkbox-css .cr.yellow,#vehicle_search .radio.checkbox-css .cr.yellow,#vehicle_search_top .checkbox.checkbox-css .cr.yellow,#vehicle_search_top .radio.checkbox-css .cr.yellow { background: yellow; border-color: #e6e600; } #vehicle_search .checkbox.checkbox-css .cr.gold,#vehicle_search .radio.checkbox-css .cr.gold,#vehicle_search_top .checkbox.checkbox-css .cr.gold,#vehicle_search_top .radio.checkbox-css .cr.gold { /*background: gold;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddaa0e+0,f4d008+50,ddaa0e+100 */ background: #ddaa0e;  background: -moz-linear-gradient(-45deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  background: -webkit-linear-gradient(-45deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  background: linear-gradient(135deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddaa0e',endColorstr='#ddaa0e',GradientType=1);  border-color: goldenrod; } #vehicle_search .checkbox.checkbox-css .cr.blue,#vehicle_search .radio.checkbox-css .cr.blue,#vehicle_search_top .checkbox.checkbox-css .cr.blue,#vehicle_search_top .radio.checkbox-css .cr.blue { background: blue; border-color: darkblue; } #vehicle_search .checkbox.checkbox-css .cr.green,#vehicle_search .radio.checkbox-css .cr.green,#vehicle_search_top .checkbox.checkbox-css .cr.green,#vehicle_search_top .radio.checkbox-css .cr.green { background: green; border-color: darkgreen; } #vehicle_search .checkbox.checkbox-css .cr.beige,#vehicle_search .radio.checkbox-css .cr.beige,#vehicle_search_top .checkbox.checkbox-css .cr.beige,#vehicle_search_top .radio.checkbox-css .cr.beige { background: beige; border-color: #efefc8; } #vehicle_search .checkbox.checkbox-css .cr.brown,#vehicle_search .radio.checkbox-css .cr.brown,#vehicle_search_top .checkbox.checkbox-css .cr.brown,#vehicle_search_top .radio.checkbox-css .cr.brown { background: brown; border-color: #912525; } #vehicle_search .checkbox.checkbox-css .cr.violet,#vehicle_search .radio.checkbox-css .cr.violet,#vehicle_search_top .checkbox.checkbox-css .cr.violet,#vehicle_search_top .radio.checkbox-css .cr.violet { background: violet; border-color: #eb6ceb; } #vehicle_search .manufacturers-all,#vehicle_search_top .manufacturers-all { font-weight: bold !important; } #vehicle_search .sonderbutton,#vehicle_search_top .sonderbutton { border-color: #00adef; color: #00adef; max-height: 35px; overflow: hidden; width: 100%; } #vehicle_search .sonderbutton:hover,#vehicle_search .sonderbutton:active,#vehicle_search_top .sonderbutton:hover,#vehicle_search_top .sonderbutton:active { color: #fff; } #vehicle_search .sonderbutton .bs-caret,#vehicle_search_top .sonderbutton .bs-caret { position: absolute; top: 6px; right: 28px; } #vehicle_search #vehicleSearchFahrzeugdetails span,#vehicle_search_top #vehicleSearchFahrzeugdetails span { text-overflow: ellipsis; max-width: 90%; overflow: hidden; } #vehicle_search #search_fahrzeugdetails .colors-col .checkbox,#vehicle_search_top #search_fahrzeugdetails .colors-col .checkbox { display: inline; } #vehicle_search #search_fahrzeugdetails .colors-col .checkbox.checkbox-css .cr,#vehicle_search_top #search_fahrzeugdetails .colors-col .checkbox.checkbox-css .cr { width: 2.3em; height: 2.3em; } #vehicle_search #search_fahrzeugdetails .colors-col > div:first-child,#vehicle_search_top #search_fahrzeugdetails .colors-col > div:first-child { margin-bottom: 10px; } @media (max-width: 768px) { #vehicle_search #search_fahrzeugdetails .row .col-md-5 .col-xs-6,#vehicle_search #search_fahrzeugdetails .row .col-md-5 .col-xs-12,#vehicle_search_top #search_fahrzeugdetails .row .col-md-5 .col-xs-6,#vehicle_search_top #search_fahrzeugdetails .row .col-md-5 .col-xs-12 { padding-left: 0; } #vehicle_search #search_fahrzeugdetails .colors-col .col-xs-12,#vehicle_search #search_fahrzeugdetails .colors-col .col-xs-6,#vehicle_search_top #search_fahrzeugdetails .colors-col .col-xs-12,#vehicle_search_top #search_fahrzeugdetails .colors-col .col-xs-6 { padding-left: 0; } } #vehicle_search #preis_selection,#vehicle_search_top #preis_selection { background: transparent; position: absolute; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 30px); z-index: 99; } @media (max-width: 768px) { #vehicle_search #preis_selection,#vehicle_search_top #preis_selection { margin-top: 0; } } #vehicle_search .border-col-line,#vehicle_search_top .border-col-line { border-top: 4px solid #000000; margin-left: 15px; width: calc(100% - 30px - 25%); margin-top: -5px; } #vehicle_search .border-col-line-full,#vehicle_search_top .border-col-line-full { border-top: 2px solid #000000; margin-left: 15px; width: calc(100% - 30px); margin-top: 5px; margin-bottom: 10px; } #vehicle_search .row-with-line .search-start .badge,#vehicle_search_top .row-with-line .search-start .badge { padding: 3px 3px; top: -1px; font-size: 14px; } @media (max-width: 480px) { #vehicle_search .row-with-line,#vehicle_search_top .row-with-line { margin-top: -10px; } } #vehicle_search #color_list,#vehicle_search_top #color_list { position: absolute; background: white; width: calc(100% - 15px); z-index: 99; padding-top: 10px; border-radius: 5px; } #vehicle_search #color_list .colors-col,#vehicle_search_top #color_list .colors-col { padding-right: 10px; padding-left: 10px; } #vehicle_search #color_list .colors-col .checkbox,#vehicle_search #color_list .colors-col .radio,#vehicle_search_top #color_list .colors-col .checkbox,#vehicle_search_top #color_list .colors-col .radio { display: inline; } #vehicle_search #color_list .colors-col .checkbox.checkbox-css .cr,#vehicle_search #color_list .colors-col .radio.checkbox-css .cr,#vehicle_search_top #color_list .colors-col .checkbox.checkbox-css .cr,#vehicle_search_top #color_list .colors-col .radio.checkbox-css .cr { margin-right: 5px; width: 2em; height: 2em; } #vehicle_search #color_list .colors-col .checkbox.checkbox-css .cr .cr-icon,#vehicle_search #color_list .colors-col .radio.checkbox-css .cr .cr-icon,#vehicle_search_top #color_list .colors-col .checkbox.checkbox-css .cr .cr-icon,#vehicle_search_top #color_list .colors-col .radio.checkbox-css .cr .cr-icon { font-size: 1.5em; } #vehicle_search #color_list hr,#vehicle_search_top #color_list hr { margin-top: 10px; margin-bottom: 10px; } .in #vehicle_search,.collapsing #vehicle_search { display: block !important; } .in #vehicle_search #preis_selection,.collapsing #vehicle_search #preis_selection { margin-top: -10px; background: #ffffff; } .in #vehicle_search .row,.collapsing #vehicle_search .row { margin-bottom: 10px; } .in #vehicle_search .colors-col,.collapsing #vehicle_search .colors-col { padding-bottom: 10px; display: table; } @media (max-width: 768px) { .in #vehicle_search .btn,.collapsing #vehicle_search .btn { padding: 6px 12px; } } .in #vehicle_search .search-start,.collapsing #vehicle_search .search-start { margin-top: 0; padding: 15px; } @media (max-width: 480px) { .in #vehicle_search .col-xs-12 .form-control,.in #vehicle_search .col-xs-12 #vehicleSearchFahrzeugdetails,.in #vehicle_search .col-xs-12 #vehicleSearchPreisdetails,.collapsing #vehicle_search .col-xs-12 .form-control,.collapsing #vehicle_search .col-xs-12 #vehicleSearchFahrzeugdetails,.collapsing #vehicle_search .col-xs-12 #vehicleSearchPreisdetails { margin-bottom: 10px; } } #vehicle_search .text-highlight { font-weight: 600; color: #000000; }#vehicle_search .slider.slider-horizontal { height: 20px; width: 100%; margin-bottom: 0; } #vehicle_search .slider.slider-horizontal .slider-track { height: 5px; } #vehicle_search .slider.slider-horizontal .slider-handle { position: absolute; width: 20px; height: 20px; background-color: #ffffff; background-image: none; border: 2px solid #00adef; } #vehicle_search .slider.slider-horizontal .slider-handle.max-slider-handle { right: 4px; } #vehicle_search .slider.slider-horizontal .slider-selection { position: absolute; background: #a29fa0; background-image: none; } #vehicle_search #sitze-slider .slider-tick.round,#vehicle_search #sitze-slider .slider-tick.round.in-selection { box-shadow: none; background: transparent; }#vehicle_search #sitze-slider .slider-tick-label { font-size: 14px; } #sitze-slider .slider-tick.round.in-selection { background-image: -webkit-linear-gradient(top,#485152 0,#485152 100%); background-image: -o-linear-gradient(top,#485152 0,#485152 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$secondary',endColorstr='$secondary',GradientType=0); opacity: 1; } #vehicle_search input:focus,#vehicle_search select:focus,#vehicle_search button:focus { -webkit-box-shadow: 0 0 8px -1px #cacaca; -moz-box-shadow: 0 0 8px -1px #cacaca; box-shadow: 0 0 8px -1px #cacaca; }#vehicle_search .selectpicker-like ul { padding-left: 0; } #vehicle_search .selectpicker-like ul li { border: 1px solid #000000; } #vehicle_search .selectpicker-like ul li a { color: #000000; padding-left: 15px; padding-top: 8px; padding-bottom: 8px; font-size: 14px; position: relative; background-color: #fff; } #vehicle_search .selectpicker-like ul li a .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } #vehicle_search .selectpicker-like ul li a .open { transform: rotate(-180deg); } #vehicle_search .selectpicker-like ul li a:hover { background-color: #4d4d4d; }#vehicle_search ul#make-models-list { padding-left: 0; } #vehicle_search ul#make-models-list li { border: 0; border-top: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; position: relative; } #vehicle_search ul#make-models-list li a { color: #ffffff; width: 100%; display: inline-block; } #vehicle_search ul#make-models-list li a img { margin-right: 10px; } #vehicle_search ul#make-models-list li a::after { content: '\f106'; font-family: 'FontAwesome'; font-weight: bold; color: #ccc; position: absolute; top: 12px; right: 14px; } #vehicle_search ul#make-models-list li a.collapsed::after { content: '\f107'; } #vehicle_search ul#make-models-list li ul { padding-left: 0; } #vehicle_search ul#make-models-list li ul li { font-size: 14px; padding-left: 38px; border-top: 0; padding-top: 4px; padding-bottom: 4px; } #vehicle_search ul#make-models-list li ul li a { padding: 0; box-shadow: none; } #vehicle_search ul#make-models-list li ul li a::after { content: ''; } #vehicle_search ul#make-models-list li ul li a:hover { color: #000000; } #vehicle_search ul#make-models-list li ul li a.active::after { content: '\f00c'; color: #ffffff; font-size: 18px; font-weight: bold; top: -4px; } #vehicle_search ul#make-models-list li:first-child { border-top: 0; }#vehicle_search #doors-button-container a.btn-default.active { background-color: #000000; color: #ffffff; }#vehicle_search #doors-button-container a.btn-default:hover { background-color: #4d4d4d; }#vehicle_search #doors-button-container a.btn-default { background-color: #fff; }#vehicle_search #collapseSix .checkbox.checkbox-css { margin-top: 0; } #vehicle_search #accordion .btn-default { background-color: #ffffff; } #vehicle_search_top .row .col-xs-12 { margin-bottom: 10px; }#vehicle_search_top .searchnomarginbottom .row .col-xs-12 { margin-bottom: 0; }#vehicle_search_top .row-margin-top-minus-10px { margin-top: -10px; } #vehicle_search_top .row-margin-top-minus-10px .subheadline-h3 { position: relative; top: 20px; }#vehicle_search_top .text-highlight { font-weight: 600; color: #000000; }#vehicle_search_top .slider.slider-horizontal { height: 20px; width: 100%; margin-bottom: 0; } #vehicle_search_top .slider.slider-horizontal .slider-track { height: 5px; } #vehicle_search_top .slider.slider-horizontal .slider-handle { position: absolute; width: 15px; height: 15px; background-color: #ffffff; background-image: none; border: 2px solid #00adef; } #vehicle_search_top .slider.slider-horizontal .slider-selection { position: absolute; background: #a29fa0; background-image: none; }@media (max-width: 768px) { #vehicle_search_top .colors-col .checkbox { display: inline; } #vehicle_search_top .colors-col .checkbox .cr { width: 1.4em; height: 1.4em; } #vehicle_search_top .colors-col .checkbox .cr .cr-icon { font-size: 1.2em; } }#vehicle_search_top .marginbottom-headline { margin-top: 10px; margin-bottom: 5px; }#vehicle_search_top #search_fahrzeugdetails_top { margin-top: 0; } #vehicle_search_top #search_fahrzeugdetails_top .row .col-xs-12 { margin-bottom: 10px; } #vehicle_search_top #search_fahrzeugdetails_top .border-col-line-full { margin-top: 15px; margin-bottom: 20px; }#vehicle_search_top .search-start { margin-top: 0; }#vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider { margin-top: 0; margin-bottom: 30px; } @media (max-width: 480px) { #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider { margin-top: 20px; margin-bottom: 15px; } } #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider .next,#vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider .prev { display: inline !important; top: 5% !important; } #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider .fzg_icon { width: 100%; height: 30px; text-align: center; margin-top: 0; font-size: 25px; } #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider .vehicle_types.active { background: transparent; } #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider .vehicle_types.active .fzg_icon { color: #000000; } @media (max-width: 768px) { .site-home #vehicle_search { display: block; } } .vehicle-intelligent-search-short .checkbox.checkbox-css .cr .cr-icon,.vehicle-intelligent-search-short .radio.checkbox-css .cr .cr-icon,.vehicle-intelligent-search .checkbox.checkbox-css .cr .cr-icon,.vehicle-intelligent-search .radio.checkbox-css .cr .cr-icon { left: 12%; }.vehicle-intelligent-search-short .colors-col .checkbox,.vehicle-intelligent-search .colors-col .checkbox { display: inline; }.vehicle-intelligent-search-short .colors-col .checkbox.checkbox-css .cr,.vehicle-intelligent-search .colors-col .checkbox.checkbox-css .cr { width: 1.4em; height: 1.4em; }.vehicle-intelligent-search-short .subheadline-h3,.vehicle-intelligent-search .subheadline-h3 { padding-bottom: 10px; display: block; }.vehicle-intelligent-search-short hr.none,.vehicle-intelligent-search hr.none { border-color: transparent; margin-top: 10px; margin-bottom: 10px; }.vehicle-intelligent-search-short .text-highlight,.vehicle-intelligent-search .text-highlight { font-weight: 600; color: #000000; }.vehicle-intelligent-search-short .slider.slider-horizontal,.vehicle-intelligent-search .slider.slider-horizontal { height: 20px; width: 100%; margin-bottom: 20px; } .vehicle-intelligent-search-short .slider.slider-horizontal .slider-track,.vehicle-intelligent-search .slider.slider-horizontal .slider-track { height: 5px; } .vehicle-intelligent-search-short .slider.slider-horizontal .slider-handle,.vehicle-intelligent-search .slider.slider-horizontal .slider-handle { position: absolute; width: 15px; height: 15px; background-color: #ffffff; background-image: none; border: 2px solid #00adef; } .vehicle-intelligent-search-short .slider.slider-horizontal .slider-selection,.vehicle-intelligent-search .slider.slider-horizontal .slider-selection { position: absolute; background: #a29fa0; }.vehicle-intelligent-search-short .fzg_icon,.vehicle-intelligent-search .fzg_icon { width: 100%; height: 60px; font-size: 50px; text-align: center; margin-bottom: 5px; } .vehicle-intelligent-search-short .fzg_icon img,.vehicle-intelligent-search .fzg_icon img { max-width: 100%; height: auto; max-height: 64px; } .vehicle-intelligent-search-short .fzg_icon .svgstyle,.vehicle-intelligent-search .fzg_icon .svgstyle { height: auto; width: 100%; max-width: 100px; max-height: 64px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } .vehicle-intelligent-search-short .fzg_icon .svg path,.vehicle-intelligent-search .fzg_icon .svg path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; }.vehicle-intelligent-search-short .active .fzg_icon,.vehicle-intelligent-search .active .fzg_icon { color: #00adef; } .vehicle-intelligent-search-short .active .fzg_icon .svg path,.vehicle-intelligent-search .active .fzg_icon .svg path { fill: #00adef; } .vehicle-intelligent-search-short .active .fzg_icon .svgstyle,.vehicle-intelligent-search .active .fzg_icon .svgstyle { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; }.vehicle-intelligent-search-short .active .fzg_info,.vehicle-intelligent-search .active .fzg_info { min-height: 25px; } .vehicle-intelligent-search-short .active .fzg_info .fzg_name,.vehicle-intelligent-search .active .fzg_info .fzg_name { color: #00adef; } .vehicle-intelligent-search .vehicle_check .fzg_info { min-height: 25px !important; } .vehicle-intelligent-search hr { border-color: #e0e0e0 !important; } .vehicle-intelligent-search-short .slider.slider-horizontal { margin-left: 6px; width: 98%; } @media (max-width: 768px) { .search-collapse.in { padding-bottom: 150px; } #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider .fzg_icon { height: 50px; font-size: 45px; } #vehicle_search_top .section-vehicles-quicksearch-kfzicons-slider { margin-bottom: 0; } #vehicle_search_top .btn { border-radius: 0 !important; } }@media (max-width: 688px) { #vehicle_search_top .dropdown-menu { font-size: 18px; } #vehicle_search_top .bootstrap-select.btn-group:not(.input-group-btn) { display: block; } #vehicle_search_top .dropdown-menu > li { border-bottom: 1px solid #ccc; } #vehicle_search_top .dropdown-menu > li > a { padding: 6px 20px; } #vehicle_search_top .btn.dropdown-toggle { padding: 6px 10px; } #vehicle_search_top .btn.dropdown-toggle .filter-option { font-size: 18px; } #vehicle_search_top .button-line.zlline .checkbox.checkbox-css .cr { width: 2.3em; height: 2.3em; } #vehicle_search_top .button-line.zlline .checkbox.checkbox-css .cr .cr-icon { font-size: 1.4em; } #vehicle_search_top .button-line.zlline .checkbox.checkbox-css label b { position: relative; top: 4px; } #vehicle_search_top .button-line.zlline .search-start { padding: 10px 23px !important; } #vehicle_search_top .sonderbutton { max-height: 39px; } #vehicle_search_top .row .button-line { display: block; position: fixed; bottom: 0; background: #fff; padding-top: 10px; margin-bottom: 0; padding-bottom: 10px; z-index: 9; } }/* Created on : Mar 02,2016,7:24:29 PM Author : Darius Zylka*/.artikeldetailansicht #site-content #section-content-block .content-block { display: none; } [data-view="vehicle"] #header-data .container { padding-top: 30px; } #article-vehicle-view { /*background: $default-background;*/ color: #000000; } @media (max-width: 768px) { #article-vehicle-view .well { border-radius: 0px; } } @media (max-width: 480px) { #article-vehicle-view .well { display: table; width: 100%; } #article-vehicle-view .well form .from-group { margin-bottom: 0px; } #article-vehicle-view .well form .row .col-xs-12 { margin-bottom: 0px; } } @media (max-width: 320px) { #article-vehicle-view .fa-2x { font-size: 1.5em; } } @media (max-width: 768px) { #article-vehicle-view .tradeinbutton { margin-left: 0px; width: 100%; background: transparent; color: #000000; font-size: 1.4em !important; font-weight: normal; text-align: left; padding-left: 15px; } #article-vehicle-view .tradeinbutton .resp_mobile_pfeil_down,#article-vehicle-view .tradeinbutton .open .resp_mobile_pfeil_up { text-align: right; position: relative; right: 0px; top: 0px; margin-top: 0px; } #article-vehicle-view .tradeinbutton .resp_mobile_pfeil_up,#article-vehicle-view .tradeinbutton .open .resp_mobile_pfeil_down { display: none; } } @media (max-width: 480px) { #article-vehicle-view .tradeinbutton { padding: 0px !important; margin-top: 0px; text-align: left !important; font-size: 1.1em !important; } } #article-vehicle-view header .container { padding-top: 40px; } @media (max-width: 768px) { #article-vehicle-view header .container { padding-top: 0px !important; } } @media (max-width: 480px) { #article-vehicle-view header .container { padding-top: 30px !important; } } #article-vehicle-view .container { background-color: #ffffff; } #article-vehicle-view header h1,#article-vehicle-view h2,#article-vehicle-view .h2 { color: #000000; } @media (min-width: 768px) { #article-vehicle-view h1 { margin-top: 0; } } #article-vehicle-view .button-box { display: inline-block; margin-bottom: 40px; } @media (max-width: 768px) { #article-vehicle-view .button-box { margin-bottom: 0px; } } @media (max-width: 480px) { #article-vehicle-view .button-box { margin-bottom: 20px; } } #article-vehicle-view .button-box a { margin-left: 5px; } #article-vehicle-view .button-box a.btn { padding: 6px 12px; margin-left: 5px; margin-top: 0; } #article-vehicle-view .button-box .info-image { margin-left: 10px; } #article-vehicle-view .button-box .customer-voices { display: inline-block; margin-right: 15px; } #article-vehicle-view .button-box .back-to-list span { position: relative; top: -5px; } @media (max-width: 768px) { #article-vehicle-view { margin-top: 30px; } #article-vehicle-view .button-box a.btn { padding: 3px 6px; margin-left: 2px; } #article-vehicle-view #header-data h1 { font-size: 1.4em; line-height: 30px; } #article-vehicle-view #header-data h1 .h1-subtitle { font-size: 0.8em; display: block; } #article-vehicle-view .button-box { margin-bottom: 0px; } } #article-vehicle-view .opinions-link { display: inline-block; margin-top: 10px; } #article-vehicle-view .opinions-link i { color: #FEB800; } #article-vehicle-view #section-vehicle-main { clear: both; /*padding-top: $default-vertical-padding / 2;*/ } @media (max-width: 1024px) { #article-vehicle-view #section-vehicle-main .owl-carousel .owl-stage-outer { max-height: 500px; } } #article-vehicle-view #section-vehicle-main .image-primary { display: inline-block; position: relative; } #article-vehicle-view #section-vehicle-main .image-primary .vehicle-badge { left: 5px; top: 5px; } #article-vehicle-view #section-vehicle-main .table-maindata { margin-top: 15px; } #article-vehicle-view #section-vehicle-main .table-maindata tr:first-child th,#article-vehicle-view #section-vehicle-main .table-maindata tr:first-child td { border-top-width: 0; } #article-vehicle-view #section-vehicle-main .table-maindata.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f7f7f7; } #article-vehicle-view #section-vehicle-main .table-maindata th,#article-vehicle-view #section-vehicle-main .table-maindata td { border-top: 1px solid #f2f2f2; } #article-vehicle-view #section-vehicle-main .description { margin-top: 20px; } #article-vehicle-view #section-vehicle-main .price { text-align: right; } #article-vehicle-view #section-vehicle-main .price .price-rrp { color: #000000; } #article-vehicle-view #section-vehicle-main .price .price-old { display: inline-block; font-size: 23px; } #article-vehicle-view #section-vehicle-main .price .current_price { display: block; font-size: 40px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; color: #000000; } #article-vehicle-view #section-vehicle-main .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #article-vehicle-view #section-vehicle-main .price.normal_price .price-old { display: none; } #article-vehicle-view #section-vehicle-main #individual-offer button { padding: 6px 12px; margin-top: 0; } #article-vehicle-view #section-vehicle-main #individual-offer input { width: 80px; } #article-vehicle-view #section-vehicle-main small { display: inline-block; font-size: 10px; line-height: 12px; font-weight: normal; } #article-vehicle-view #section-vehicle-main .envk-image { width: 100%; } #article-vehicle-view #section-vehicle-main .image-thumbcol a { display: block; position: relative; width: 100%; height: 100%; } #article-vehicle-view #section-vehicle-main .image-more-info,#article-vehicle-view #section-vehicle-main .image-video-info { position: absolute; padding-left: inherit; padding-right: inherit; left: 0; top: 0; width: 100%; height: 100%; } #article-vehicle-view #section-vehicle-main .image-more-info div,#article-vehicle-view #section-vehicle-main .image-video-info div { display: flex; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 4px; color: #ffffff; justify-content: center; align-content: center; flex-direction: column; text-align: center; font-size: 35px; font-weight: bold; } #article-vehicle-view #section-vehicle-main .image-video-info div { font-size: 18px; } #article-vehicle-view #section-vehicle-main .condition-panel { margin-bottom: 30px; } #article-vehicle-view #section-vehicle-main .condition-panel span { margin-right: 10px; white-space: nowrap; } @media (max-width: 480px) { #article-vehicle-view .ausstattungbutton { margin-top: 20px; } } #article-vehicle-view .anfragebutton { padding-left: 15px; } #article-vehicle-view #section-vehicle-equipment { /*background: #F9F9F9;*/ /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ } #article-vehicle-view #section-vehicle-equipment .container { max-width: 1320px; } @media (max-width: 480px) { #article-vehicle-view #section-vehicle-equipment .well { width: calc(100% + 30px); } } #article-vehicle-view #section-vehicle-equipment h3 { /*margin-bottom: $default-vertical-padding;*/ } @media (max-width: 480px) { #article-vehicle-view #section-vehicle-equipment #vehicle_beschreibung,#article-vehicle-view #section-vehicle-equipment #vehicle_ausstattung { padding: 0px; } } #article-vehicle-view #section-vehicle-equipment .equipment-list ul { margin-bottom: 20px; } @media (min-width: 1200px) { #article-vehicle-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (min-width: 992px) and (max-width: 1199px) { #article-vehicle-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '4 .column.size-1of4'; } } @media (min-width: 768px) and (max-width: 991px) { #article-vehicle-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '3 .column.size-1of3'; } } @media (max-width: 767px) { #article-vehicle-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (max-width: 550px) { #article-vehicle-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '1 .column.size-1of1'; } } #article-vehicle-view #section-vehicle-equipment .column { float: left; } #article-vehicle-view #section-vehicle-equipment .size-1of4 { width: 25%; } #article-vehicle-view #section-vehicle-equipment .size-1of3 { width: 33.333%; } #article-vehicle-view #section-vehicle-equipment .size-1of2 { width: 50%; } #article-vehicle-view #section-vehicle-equipment .size-1of1 { width: 100%; } #article-vehicle-view #section-vehicle-equipment ul { list-style-type: none; padding: 10px 0 0 0; margin-left: 0; } #article-vehicle-view #section-vehicle-equipment ul li i { /*color: lighten($primary-font-color,30%);*/ } #article-vehicle-view #section-vehicle-equipment .description { padding-bottom: 15px; } #article-vehicle-view #section-vehicle-equipment .description li { list-style-type: disc; margin-left: 16px; } #article-vehicle-view #section-vehicle-contact .container { /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ background: #FAFAFA; } @media (min-width: 992px) { #article-vehicle-view #section-vehicle-contact .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #article-vehicle-view #section-vehicle-contact .equal > [class*='col-'] { display: flex; flex-direction: column; } } #article-vehicle-view #section-vehicle-contact .request-col { background: #F2F2F2; } @media (max-width: 1024px) { #article-vehicle-view #section-vehicle-contact .col-md-4.request-col { width: 32%; } #article-vehicle-view #section-vehicle-contact .col-md-4.request-col .btn-primary { padding: 15px 40px; } } @media (max-width: 768px) { #article-vehicle-view #section-vehicle-contact .col-md-4.request-col { width: 100%; } } #article-vehicle-view #section-vehicle-contact h3 { /*color: #fff;*/ margin-bottom: 15px; } #article-vehicle-view #section-vehicle-contact label { /*color: #fff;*/ } #article-vehicle-view #section-vehicle-contact .help-block { color: #cccccc; } #article-vehicle-view #section-vehicle-contact .pictograph i { transform: rotate(340deg); font-size: 350px; margin-top: 15%; } #article-vehicle-view #section-vehicle-contact #vehicle-request-form textarea { height: 110px; } #article-vehicle-view .user-picture { margin: 10px auto; display: block; width: 250px; height: 250px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-size: contain; border: 4px solid #fff; -webkit-box-shadow: 0px 0px 1px 1px #CCCCCC; -moz-box-shadow: 0px 0px 1px 1px #CCCCCC; box-shadow: 0px 0px 1px 1px #CCCCCC; } #article-vehicle-view .person h3 { font-weight: bold; text-align: center; } #article-vehicle-view .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; } #article-vehicle-view .person .btn-primary { padding: 15px 0px; } #article-vehicle-view .contact-persons-slider-container { position: relative; padding: 0 20px; } #article-vehicle-view .contact-persons-slider-container .prev,#article-vehicle-view .contact-persons-slider-container .next { color: #000000; cursor: pointer; } #article-vehicle-view .contact-persons-slider-container .prev { left: 0px; position: absolute; top: 50%; } #article-vehicle-view .contact-persons-slider-container .next { right: 0px; top: 50%; position: absolute; } #article-vehicle-view .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #article-vehicle-view .contact-persons-indicators i.active { color: #555; } #article-vehicle-view .square { position: relative; width: 100%; } #article-vehicle-view .square:after { content: ""; display: block; padding-bottom: 100%; } #article-vehicle-view .trade-in-form { padding: 15px; /*background: #FAFAFA;*/ display: table; width: 100%; } #article-vehicle-view .trade-in-form .h2 { margin-top: 0; font-size: 18px; } #article-vehicle-view .trade-in-form button { margin-top: 0; line-height: 34px; padding: 0; } #article-vehicle-view .trade-in-form .row > div { padding-top: 15px; } @media (min-width: 481px) and (max-width: 768px) { #article-vehicle-view .trade-in-form { border-radius: 4px; } } @media (max-width: 480px) { #article-vehicle-view #vehicle_anfrage { padding-right: 0px; padding-left: 0px; } } #article-vehicle-view #section-vehicles-home-slider { margin-bottom: 0px; } #article-vehicle-view #section-vehicles-home-slider .col-xs-12 { margin-bottom: 0px; margin-top: 40px; } #article-vehicle-view #section-direction-infoboxen .pic-hover-area { position: relative; } #article-vehicle-view #section-direction-infoboxen .aside-map-direction { margin-left: 0px; } @media (min-width: 1200px) { #article-vehicle-view #section-vehicle-main .image-more-info div,#article-vehicle-view #section-vehicle-main .image-video-info div { border-radius: 0px; } #article-vehicle-view #section-vehicle-main .image-thumbcol a { max-height: 74px; min-height: 74px; background: #f3f3f3; overflow: hidden; } #article-vehicle-view #section-vehicle-main .img-thumbnail { padding: 0px; background-color: transparent; border: 0px solid #ddd; border-radius: 0px; } #article-vehicle-view #section-vehicle-main .image-primary { background: #f3f3f3; text-align: center; max-height: 600px; height: 600px; width: 100%; } #article-vehicle-view #section-vehicle-main .image-primary img { max-height: 600px; width: auto; max-width: 100%; margin: 0 auto; text-align: center; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-thumbcol a { max-height: 163px; min-height: 163px; background: #f3f3f3; overflow: hidden; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-primary { text-align: center; max-height: 665px; height: 665px; width: 100%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-primary img { max-height: 665px; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-thumbcol a { max-height: 163px; min-height: 163px; background: #f3f3f3; overflow: hidden; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-primary { text-align: center; max-height: 665px; height: 665px; width: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-primary img { max-height: 665px; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; } }/* Created on : Mar 02,2016,7:24:29 PM Author : Darius Zylka*//* Created on : Mar 02,2016,7:24:29 PM Author : Darius Zylka*/#article-vehicle-view.article-vehicle-new-view { margin-bottom: 70px; background: #ffffff; color: #000000; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-view-tradein-form .container { background: transparent; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-body { background: #ffffff; padding-top: 35px; } #article-vehicle-view.article-vehicle-new-view .img-thumbnail { padding: 0px; border-radius: 0px; border: 0px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .well { border-radius: 0px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .well { display: table; width: 100%; } #article-vehicle-view.article-vehicle-new-view .well form .from-group { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view .well form .row .col-xs-12 { margin-bottom: 0px; } } @media (max-width: 320px) { #article-vehicle-view.article-vehicle-new-view .fa-2x { font-size: 1.5em; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .tradeinbutton { margin-left: 0px; width: 100%; background: transparent; background-color: transparent !important; color: #000000; font-size: 1.4em !important; font-weight: normal; text-align: left; padding-left: 15px; } #article-vehicle-view.article-vehicle-new-view .tradeinbutton .resp_mobile_pfeil_down,#article-vehicle-view.article-vehicle-new-view .tradeinbutton .open .resp_mobile_pfeil_up { text-align: right; position: relative; right: 0px; top: 0px; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view .tradeinbutton .resp_mobile_pfeil_up,#article-vehicle-view.article-vehicle-new-view .tradeinbutton .open .resp_mobile_pfeil_down { display: none; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .tradeinbutton { padding: 0px !important; margin-top: 0px; text-align: left !important; font-size: 1.1em !important; } } #article-vehicle-view.article-vehicle-new-view header .container { padding-top: 40px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view header .container { padding-top: 0px !important; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view header .container { padding-top: 30px !important; } } #article-vehicle-view.article-vehicle-new-view .container { background-color: #ffffff; } #article-vehicle-view.article-vehicle-new-view header h1,#article-vehicle-view.article-vehicle-new-view h2,#article-vehicle-view.article-vehicle-new-view .h2 { color: #000000; font-weight: 400; font-size: 20px; } #article-vehicle-view.article-vehicle-new-view header h1 .h1-subtitle,#article-vehicle-view.article-vehicle-new-view h2 .h1-subtitle,#article-vehicle-view.article-vehicle-new-view .h2 .h1-subtitle { color: #000; } @media (min-width: 768px) { #article-vehicle-view.article-vehicle-new-view h1 { margin-top: 0; } } #article-vehicle-view.article-vehicle-new-view .button-box { display: inline-block; margin-bottom: 40px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .button-box { margin-bottom: 0px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .button-box { margin-bottom: 20px; } } #article-vehicle-view.article-vehicle-new-view .button-box a { margin-left: 5px; font-size: 1em; } #article-vehicle-view.article-vehicle-new-view .button-box a i { margin-right: 2px; } #article-vehicle-view.article-vehicle-new-view .button-box a.btn { padding: 14px 12px; margin-left: 5px; margin-top: 0; min-width: 200px; max-width: 100%; } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view .button-box a.btn { min-width: 165px; } } #article-vehicle-view.article-vehicle-new-view .button-box .info-image { margin-left: 10px; } #article-vehicle-view.article-vehicle-new-view .button-box .customer-voices { display: inline-block; margin-right: 15px; } #article-vehicle-view.article-vehicle-new-view .button-box .back-to-list span { position: relative; top: 0px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .button-box .back-to-list { width: 50px; min-width: 50px !important; max-width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .button-box .back-to-list { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.article-vehicle-new-view .button-box .facebookflat { background: #3b5998 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .button-box .facebookflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.article-vehicle-new-view .button-box .facebookflat i { font-size: 1.15em !important; } } #article-vehicle-view.article-vehicle-new-view .button-box .googleplusflat { background: #dc4e41 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .button-box .googleplusflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.article-vehicle-new-view .button-box .googleplusflat i { font-size: 1.15em !important; } } #article-vehicle-view.article-vehicle-new-view .button-box2 a.btn { padding: 14px 12px; margin-left: 0px; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view .button-box2 a.normal { background: #7b7b7b; width: 215px; } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view .button-box2 a.normal { width: 165px; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .button-box2 a.normal { width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; min-width: 50px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .button-box2 a.normal { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.article-vehicle-new-view .button-box2 .btn:hover,#article-vehicle-view.article-vehicle-new-view .button-box2 .normal:hover { background: #00adef !important; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view { margin-top: 30px; } #article-vehicle-view.article-vehicle-new-view .button-box a.btn { padding: 3px 6px; margin-left: 2px; } #article-vehicle-view.article-vehicle-new-view #header-data h1 { font-size: 1.4em; line-height: 30px; } #article-vehicle-view.article-vehicle-new-view #header-data h1 .h1-subtitle { font-size: 0.8em; display: block; } #article-vehicle-view.article-vehicle-new-view .button-box { margin-bottom: 0px; } } #article-vehicle-view.article-vehicle-new-view .opinions-link { display: inline-block; margin-top: 10px; } #article-vehicle-view.article-vehicle-new-view .opinions-link i { color: #FEB800; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main { clear: both; /*padding-top: $default-vertical-padding / 2;*/ } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-primary { display: inline-block; position: relative; width: 100%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-primary .vehicle-badge { left: 5px; top: 5px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .table-maindata { margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .table-maindata tr:first-child th,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .table-maindata tr:first-child td { border-top-width: 0; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .table-maindata.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f7f7f7; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .table-maindata th,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .table-maindata td { border-top: 1px solid #f2f2f2; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .description { margin-top: 20px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-box { min-height: 225px; background: #a29fa0; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-box { margin-top: 0px; } } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-box.special_price { background: #000000; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price { text-align: right; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-rrp { color: #3c3c3c; background: #e8e8e8; clear: both; margin-left: 15px; min-height: 120px; text-align: left; padding-left: 20px; padding-top: 25px; padding-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-rrp .uvp-price { float: right; padding-right: 25px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-rrp .pricevorteil { text-align: right; color: #000000; font-size: 39px; display: block; padding-right: 25px; line-height: 38px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-rrp .priceersparnis { text-align: right; color: #000000; font-size: 33px; display: block; padding-right: 25px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-old { display: inline-block; font-size: 30px; float: right; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .current_price { display: block; font-size: 65px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 90px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price.normal_price { padding-top: 0px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price.normal_price .price-old { display: none; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing { height: 127px; color: #000; margin-bottom: 0px !important; padding-right: 25px; padding-top: 35px; padding-left: 35px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .price-info,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .price-info { font-size: 25px; font-weight: 800; color: #000; opacity: 1; text-align: left; line-height: 25px; float: left; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .price-info .text-small,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .price-info .text-small { font-size: 20px; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .price-info small,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .price-info small { font-size: 20px; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .current_price,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .current_price { float: right; color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .current_price .price-font,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .current_price .price-font { color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .current_price .fa,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .current_price .fa { font-weight: 800; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .finanzierung .footnote,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .leasing .footnote { margin-right: -20px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .sonderpreis { background: #012350; height: 157px; bottom: 0px; position: absolute; margin-bottom: 0px !important; padding-right: 50px; padding-top: 20px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price .hauptpreis { padding-right: 30px; padding-top: 30px; padding-left: 30px; padding-bottom: 30px; min-height: 225px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main #individual-offer button { padding: 6px 12px; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main #individual-offer input { width: 80px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-tax { color: #fff; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-info { font-size: 30px; font-weight: 700; color: #fff; opacity: 0.7; text-align: left; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-info { font-size: 16px; } } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .price-info-small { font-weight: 400; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main small { display: inline-block; font-size: 10px; line-height: 12px; font-weight: normal; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .envk-image { width: 100%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-thumbcol a { display: block; position: relative; width: 100%; height: 100%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-more-info,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-video-info { position: absolute; padding-left: inherit; padding-right: inherit; left: 0; top: 0; width: 100%; height: 100%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-more-info div,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-video-info div { display: flex; width: 100%; height: 100%; background: rgba(255,255,255,0.5); border-radius: 0px; color: #3c3c3c; justify-content: center; align-content: center; flex-direction: column; text-align: center; font-size: 60px; font-weight: bold; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .image-video-info div { font-size: 35px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .condition-panel { margin-bottom: 30px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .condition-panel span { margin-right: 10px; white-space: nowrap; /*font-weight: 700;*/ } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .more-pictures .image-thumbcol { padding-left: 0px; padding-right: 3px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .more-pictures .image-thumbcol:last-child { padding-right: 0px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .ausstattungbutton { margin-top: 20px; } } #article-vehicle-view.article-vehicle-new-view .anfragebutton { padding-left: 15px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment { /*background: #F9F9F9;*/ /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .well { width: calc(100% + 30px); } } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment h3 { /*margin-bottom: $default-vertical-padding;*/ } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment #vehicle_beschreibung,#article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment #vehicle_ausstattung { padding: 0px; } } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment #vehicle_beschreibung div,#article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment #vehicle_ausstattung div { text-align: justify; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .equipment-list ul { margin-bottom: 20px; } @media (min-width: 1200px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (min-width: 992px) and (max-width: 1199px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '4 .column.size-1of4'; } } @media (min-width: 768px) and (max-width: 991px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '3 .column.size-1of3'; } } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (max-width: 550px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '1 .column.size-1of1'; } } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .column { float: left; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .size-1of4 { width: 25%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .size-1of3 { width: 33.333%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .size-1of2 { width: 50%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .size-1of1 { width: 100%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment ul { list-style-type: none; padding: 10px 0 0 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment ul li i { /*color: lighten($primary-font-color,30%);*/ } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .description { padding-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .description li { list-style-type: disc; margin-left: 16px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact { margin-top: 20px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact .container { /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ background: #FAFAFA; } @media (min-width: 992px) { #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact .equal > [class*='col-'] { display: flex; flex-direction: column; } } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact .request-col { background: #F2F2F2; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact h3 { /*color: #fff;*/ margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact label { /*color: #fff;*/ } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact .help-block { color: #cccccc; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact .pictograph i { transform: rotate(340deg); font-size: 350px; margin-top: 15%; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-contact #vehicle-request-form textarea { height: 110px; } #article-vehicle-view.article-vehicle-new-view .user-picture { margin: 10px auto; display: block; width: 250px; height: 250px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-size: contain; border: 4px solid #fff; -webkit-box-shadow: 0px 0px 1px 1px #CCCCCC; -moz-box-shadow: 0px 0px 1px 1px #CCCCCC; box-shadow: 0px 0px 1px 1px #CCCCCC; } #article-vehicle-view.article-vehicle-new-view .person h3 { font-weight: bold; text-align: center; font-size: 1.3em; } #article-vehicle-view.article-vehicle-new-view .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; margin-top: -5px; font-size: 13px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view .person .btn-primary { padding: 15px 0px; max-width: 300px !important; margin-bottom: 10px !important; font-weight: 400; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view .contact-persons-slider-container { position: relative; padding: 0 20px; } #article-vehicle-view.article-vehicle-new-view .contact-persons-slider-container .prev,#article-vehicle-view.article-vehicle-new-view .contact-persons-slider-container .next { color: #000000; cursor: pointer; font-size: 20px; } #article-vehicle-view.article-vehicle-new-view .contact-persons-slider-container .prev { left: 15px; position: absolute; top: 45%; } #article-vehicle-view.article-vehicle-new-view .contact-persons-slider-container .next { right: 15px; top: 45%; position: absolute; } #article-vehicle-view.article-vehicle-new-view .contact-persons-indicators { display: none; } #article-vehicle-view.article-vehicle-new-view .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #article-vehicle-view.article-vehicle-new-view .contact-persons-indicators i.active { color: #555; } #article-vehicle-view.article-vehicle-new-view .square { position: relative; width: 100%; } #article-vehicle-view.article-vehicle-new-view .square:after { content: ""; display: block; padding-bottom: 100%; } #article-vehicle-view.article-vehicle-new-view .trade-in-form { padding: 15px; /*background: #FAFAFA;*/ display: table; width: 100%; } #article-vehicle-view.article-vehicle-new-view .trade-in-form .h2 { margin-top: 0; font-size: 18px; } #article-vehicle-view.article-vehicle-new-view .trade-in-form button { margin-top: 0; line-height: 34px; padding: 0; } #article-vehicle-view.article-vehicle-new-view .trade-in-form .row > div { padding-top: 15px; } @media (min-width: 481px) and (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .trade-in-form { border-radius: 4px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view #vehicle_anfrage { padding-right: 0px; padding-left: 0px; } } #article-vehicle-view.article-vehicle-new-view #section-vehicles-home-slider { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view #section-vehicles-home-slider .col-xs-12 { margin-bottom: 0px; margin-top: 40px; } #article-vehicle-view.article-vehicle-new-view .table > tbody > tr > td,#article-vehicle-view.article-vehicle-new-view .table > tbody > tr > th,#article-vehicle-view.article-vehicle-new-view .table > tfoot > tr > td,#article-vehicle-view.article-vehicle-new-view .table > tfoot > tr > th,#article-vehicle-view.article-vehicle-new-view .table > thead > tr > td,#article-vehicle-view.article-vehicle-new-view .table > thead > tr > th { border-top: 0px solid #ddd; padding: 10px; font-size: 0.95em; padding-left: 30px; } #article-vehicle-view.article-vehicle-new-view .table > tbody > tr > td { width: 60%; } #article-vehicle-view.article-vehicle-new-view .table > tbody > tr > th { width: 40%; } #article-vehicle-view.article-vehicle-new-view .table-striped > tbody > tr:nth-of-type(even) { background-color: #e5e5e5; } #article-vehicle-view.article-vehicle-new-view .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } #article-vehicle-view.article-vehicle-new-view .h2.content-title { color: #000; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .btn-primary { width: 100%; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .text-right { width: 100% !important; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .content-title { display: block; width: 100%; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate tr { border: 0px solid #000; padding: 0px; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate tr th { color: #a3a3a3; padding: 5px; width: 60%; padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate tr td { color: #a3a3a3; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate .noborder { padding: 0px !important; border: 0px !important; margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate .noborder td { padding: 0px !important; font-weight: 800; color: #000; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.article-vehicle-new-view .formular-spalte input[type="text"],#article-vehicle-view.article-vehicle-new-view .formular-spalte select,#article-vehicle-view.article-vehicle-new-view .formular-spalte input[type="mail"],#article-vehicle-view.article-vehicle-new-view .formular-spalte .form-control { height: 42px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte textarea { height: 110px !important; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .form-group { margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .btn-primary { margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte .checkbox.checkbox-css .cr,#article-vehicle-view.article-vehicle-new-view .formular-spalte .radio.checkbox-css .cr { color: #000000; border: 1px solid #000000; border-radius: 0; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view .formular-spalte { padding-left: 0px; } } #article-vehicle-view.article-vehicle-new-view .complete-grey { background: #e5e5e5; margin-bottom: 35px; display: block; padding: 20px; font-size: 0.95em; margin-left: 0px; margin-right: 0px; } #article-vehicle-view.article-vehicle-new-view .complete-grey .content-title { display: block; width: 100%; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view .complete-grey strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view .complete-grey img { max-width: 100%; height: auto; } #article-vehicle-view.article-vehicle-new-view .beschreibung-distance { margin-top: 35px; } #article-vehicle-view.article-vehicle-new-view .small,#article-vehicle-view.article-vehicle-new-view small { font-size: 85%; } .overlay_timer { display: none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background: rgba(255,255,255,0.85); color: #000; text-align: center; padding-top: 20px; } .overlay_timer span { display: block; width: 100%; padding: 10px; font-size: 1.2em; color: #000000; font-weight: 700; } .overlay_timer #clock { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; font-size: 4em; text-align: center; color: #000000; } #article-vehicle-view.article-vehicle-new-view .button-box a { background-color: #000000 !important; } #article-vehicle-view.article-vehicle-new-view .button-box2 a { background-color: #00adef !important; border-radius: 0px; }#article-vehicle-view.article-vehicle-new-view .button-box2 a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }#article-vehicle-view.article-vehicle-new-view .button-box2 a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #article-vehicle-view.article-vehicle-new-view header h1,#article-vehicle-view.article-vehicle-new-view h2,#article-vehicle-view.article-vehicle-new-view .h2 { text-align: left; font-size: 25px; margin-bottom: 30px; margin-top: 30px; } .article-vehicle-new-view #section-vehicle-main .vehicle-calculate tr { border: 0px solid #000; padding: 0px; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } .article-vehicle-new-view #section-vehicle-main .vehicle-calculate tr th { color: #a3a3a3; padding: 5px 5px; width: 60%; } .article-vehicle-new-view #section-vehicle-main .vehicle-calculate tr td { color: #a3a3a3; }.article-vehicle-new-view #section-vehicle-main .vehicle-calculate tr:last-child { border-bottom: 0px; }.article-vehicle-new-view #section-vehicle-main .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; }.article-vehicle-new-view #section-vehicle-main .vehicle-calculate .noborder { padding: 0px !important; border: 0px !important; } .article-vehicle-new-view #section-vehicle-main .vehicle-calculate .noborder td { padding: 0px !important; font-weight: 800; color: #000; } .article-vehicle-new-view #section-vehicle-main .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .white-font { color: #fff; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .white-font a { color: #fff; } #vehicle-location-information { padding-top: 60px; } #vehicle-location-information a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; } #vehicle-location-information .section-header { font-size: 20px; margin-bottom: 15px; margin-top: 15px; } #vehicle-location-information iframe { max-height: 350px; } #vehicle-location-information .content-title { margin-bottom: 15px; margin-top: 0px; } #vehicle-location-information .feature-heading { margin-bottom: 10px; margin-top: 25px; } #vehicle-location-information .grey-area { background: #EAEAEA; } #vehicle-location-information .green-dot { color: #7fb72a; margin-right: 5pxc; } #vehicle-location-information .pic-hover-area { background: rgba(255,255,255,0.5); padding-top: 15px; margin-top: -66px; padding-bottom: 15px; color: #101010; } #vehicle-location-information .pic-hover-area .open-time { font-weight: 700; } #vehicle-location-information .pic-hover-area small { margin-top: -1px; display: block; } #vehicle-location-information .pic-hover-area .section-header { margin-bottom: 0px; margin-top: 0px; } #vehicle-location-information .more-infos-direction { margin-top: 8px; text-align: center; } #vehicle-location-information .more-infos-direction a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; margin-right: 5px; } #vehicle-location-information .open-time-area { padding: 12px; padding-left: 0px; text-align: left; font-size: 17px; font-weight: 700; color: #101010; } #vehicle-location-information .btn-primary { color: #fff; } #article-vehicle-view.article-vehicle-new-view .user-picture { width: 150px; height: 150px; margin: 0px auto; } #article-vehicle-view.article-vehicle-new-view .table > tbody > tr > th { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view .request-col .content-title { margin-bottom: 35px; } #article-vehicle-view.article-vehicle-new-view .formular-spalte strong.text-muted { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-equipment .container,#article-vehicle-view.article-vehicle-new-view aside .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view .complete-grey .content-title { font-size: 15px; text-align: left; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view strong.text-muted { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view #vehicle-location-information { font-size: 13px; text-transform: uppercase; } #article-vehicle-view.article-vehicle-new-view #vehicle-location-information .section-header { text-align: left; color: #101010; } #article-vehicle-view.article-vehicle-new-view #vehicle-location-information img { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view #vehicle-location-information iframe { min-height: 405px; } #article-vehicle-view.article-vehicle-new-view .vehicle-calculate > tbody > tr > th { padding: 5px; padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view .vehicle-calculate > tbody > tr > td { padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .more-pictures .image-thumbcol { padding-left: 2px; padding-right: 3px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .more-pictures .image-thumbcol:last-child { padding-right: 0px; padding-left: 5px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .more-pictures .image-thumbcol:first-child { padding-left: 0px; padding-right: 4px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil-dreieck,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil-dreieck { border-right: 140px solid transparent; border-top: 140px solid #a29fa0; width: 103px; height: 85px; margin-top: 0px; position: absolute; left: 0px; padding: 11.25px 10px; padding: 0; top: 0px; z-index: 9999; }#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-angebot-dreieck,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-angebot-dreieck { border-right: 140px solid transparent; border-top: 140px solid #000000; width: 103px; height: 85px; margin-top: 0px; position: absolute; left: 0px; padding: 11.25px 10px; padding: 0; top: 0px; z-index: 9999; }#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil { background: transparent; transform: rotate(-45deg); padding-top: 25px; padding-left: 0px; text-align: center; margin-left: -10px; margin-top: -10px; position: absolute; top: 0; left: 0; z-index: 99999; color: #fff; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 38px; line-height: 38px; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 38px; line-height: 38px; }#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-angebot,#article-vehicle-view.article-vehicle-new-view #section-vehicle-main .vehicle-badge-angebot { font-size: 17px; margin-top: -14px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view #section-direction-infoboxen .location-all-vehicles .btn { padding-left: 10px; font-size: 10px !important; padding-bottom: 20px; word-wrap: break-word; max-width: 100%; width: 100%; } #article-vehicle-view.article-vehicle-new-view #section-direction-infoboxen .location-all-vehicles .btn:after { right: 10px; } #article-vehicle-view.article-vehicle-new-view #section-direction-infoboxen .highlight-box { min-height: 375px !important; } #article-vehicle-view.article-vehicle-new-view .pic-hover-area .section-header { text-align: left; } #article-vehicle-view.article-vehicle-new-view #section-direction-infoboxen .oda-down .nopadding { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view #section-direction-infoboxen .highlight-box .contact-info .link-third { font-size: 10px !important; } #article-vehicle-view.article-vehicle-new-view #section-vehicle-view-tradein-form strong.text-muted { font-size: 15px; } #article-vehicle-view.article-vehicle-new-view #tradein-form-select-down .h2 { font-size: 20px !important; line-height: 22px; text-align: left; } }/* Created on : Mar 02,2016,7:24:29 PM Author : Darius Zylka*/#article-vehicle-view.article-vehicle-new-view-3 { margin-bottom: 70px; background: #ffffff; color: #000000; /* header h1,h2,.h2 { color: $primary-color; font-weight: 400; .h1-subtitle{ color: #000; } font-size: 20px; } @media (min-width: 768px) { h1 { margin-top: 0; } }*/ /* .h2.content-title{ color: #000; }*/ } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-view-favorits { margin-bottom: 40px; } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-view-favorits .col-xs-3 { padding-left: 0px; padding-right: 5px; } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-view-favorits .col-xs-3:last-child { padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-view-favorits .btn { width: 100%; border: 1px solid #000000; color: #000000; padding: 20px 0px; text-align: center; border-radius: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-view-favorits .btn:hover,#article-vehicle-view.article-vehicle-new-view-3 .vehicle-view-favorits .btn.active { background: #00adef; color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body { background: #ffffff; padding-top: 35px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-description { padding-left: 0px; padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .row { margin-right: 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-title { font-weight: 700; border-bottom: 3px solid #000; width: 100%; display: block; color: #000; font-size: 15px; padding-left: 0px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-block { padding-right: 0px; padding-left: 0px; display: block; width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-area { margin-bottom: 35px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdui-info { padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdui-effizient .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; font-weight: 600; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdui-effizient small { font-size: 0.9em; line-height: 1.5em; font-weight: 600; margin-bottom: 35px; display: block; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdui-effizient img { max-width: 100%; width: auto; height: auto; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdui-effizient a { color: #000000; font-size: 14px; padding-top: 20px; display: block; font-weight: 600 !important; } @media (min-width: 769px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-info:nth-child(even) { padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body .car-detail-info .cdi-info:nth-child(odd) { padding-right: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 .img-thumbnail { padding: 0px; border-radius: 0px; border: 0px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .well { border-radius: 0px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .well { display: table; width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .well form .from-group { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .well form .row .col-xs-12 { margin-bottom: 0px; } } @media (max-width: 320px) { #article-vehicle-view.article-vehicle-new-view-3 .fa-2x { font-size: 1.5em; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton { margin-left: 0px; width: 100%; background: transparent; background-color: transparent !important; color: #000000; font-size: 1.4em !important; font-weight: normal; text-align: left; padding-left: 15px; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .resp_mobile_pfeil_down,#article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .open .resp_mobile_pfeil_up { text-align: right; position: relative; right: 0px; top: 0px; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .resp_mobile_pfeil_up,#article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .open .resp_mobile_pfeil_down { display: none; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton { padding: 0px !important; margin-top: 0px; text-align: left !important; font-size: 1.1em !important; } } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .resp_mobile_pfeil_down,#article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .resp_mobile_pfeil_up { text-align: right; position: relative; right: 0px; top: 0px; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .resp_mobile_pfeil_up { display: inline; right: 10px; position: absolute; top: 15px; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton .resp_mobile_pfeil_down { display: none; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton.collapsed .resp_mobile_pfeil_down { display: inline; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton.collapsed .resp_mobile_pfeil_up { display: none; } #article-vehicle-view.article-vehicle-new-view-3 header .container { padding-top: 40px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 header .container { padding-top: 0px !important; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 header .container { padding-top: 30px !important; } } #article-vehicle-view.article-vehicle-new-view-3 .container { background-color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-3 header h1 { margin-top: 0px; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .button-box { display: inline-block; margin-bottom: 40px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box { margin-bottom: 0px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box { margin-bottom: 20px; } } #article-vehicle-view.article-vehicle-new-view-3 .button-box a { margin-left: 5px; font-size: 1em; } #article-vehicle-view.article-vehicle-new-view-3 .button-box a i { margin-right: 2px; } #article-vehicle-view.article-vehicle-new-view-3 .button-box a.btn { padding: 14px 12px; margin-left: 5px; margin-top: 0; min-width: 200px; max-width: 100%; } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box a.btn { min-width: 165px; } } #article-vehicle-view.article-vehicle-new-view-3 .button-box .info-image { margin-left: 10px; } #article-vehicle-view.article-vehicle-new-view-3 .button-box .customer-voices { display: inline-block; margin-right: 15px; } #article-vehicle-view.article-vehicle-new-view-3 .button-box .back-to-list span { position: relative; top: 0px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box .back-to-list { width: 50px; min-width: 50px !important; max-width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box .back-to-list { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.article-vehicle-new-view-3 .button-box .facebookflat { background: #3b5998 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box .facebookflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.article-vehicle-new-view-3 .button-box .facebookflat i { font-size: 1.15em !important; } } #article-vehicle-view.article-vehicle-new-view-3 .button-box .googleplusflat { background: #dc4e41 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box .googleplusflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.article-vehicle-new-view-3 .button-box .googleplusflat i { font-size: 1.15em !important; } } #article-vehicle-view.article-vehicle-new-view-3 .button-box2 a.btn { padding: 14px 12px; margin-left: 0px; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-3 .button-box2 a.normal { background: #7b7b7b; width: 215px; } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box2 a.normal { width: 165px; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box2 a.normal { width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; min-width: 50px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .button-box2 a.normal { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.article-vehicle-new-view-3 .button-box2 .btn:hover,#article-vehicle-view.article-vehicle-new-view-3 .button-box2 .normal:hover { background: #00adef !important; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 { margin-top: 30px; } #article-vehicle-view.article-vehicle-new-view-3 .button-box a.btn { padding: 3px 6px; margin-left: 2px; } } @media (max-width: 768px) and (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #header-data .col-xs-12 { margin-bottom: 0px; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #header-data h1 { font-size: 1.4em; line-height: 30px; } #article-vehicle-view.article-vehicle-new-view-3 #header-data h1 .h1-subtitle { font-size: 0.8em; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #article-vehicle-view.article-vehicle-new-view-3 .button-box { margin-bottom: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 .opinions-link { display: inline-block; margin-top: 10px; } #article-vehicle-view.article-vehicle-new-view-3 .opinions-link i { color: #FEB800; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main { clear: both; /*padding-top: $default-vertical-padding / 2;*/ } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .row { margin-right: 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-block { padding-right: 0px; padding-left: 0px; display: block; width: 100%; } @media (min-width: 769px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-info:nth-child(even) { padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-info:nth-child(odd) { padding-left: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info { position: relative; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .row { margin-right: 0; margin-left: 0; } @media (min-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-title { position: absolute; top: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-title h2 { margin-top: 0px !important; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-title h2 { text-align: left; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } @media (min-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-info { padding-left: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-block { padding-right: 0px; padding-left: 0px; padding-top: 80px; display: block; width: 100%; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-block { padding-top: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-primary { display: inline-block; position: relative; width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-primary .vehicle-badge { left: 5px; top: 5px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .table-maindata { margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .table-maindata tr:first-child th,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .table-maindata tr:first-child td { border-top-width: 0; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .table-maindata.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f7f7f7; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .table-maindata th,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .table-maindata td { border-top: 1px solid #f2f2f2; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .description { margin-top: 20px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-box { margin-top: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price { text-align: left; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-rrp { color: #000000; clear: both; text-align: left; padding-left: 0px; padding-top: 30px; font-weight: 700; padding-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-rrp .uvp-info { text-align: left; font-size: 15px; font-weight: 700; display: block; padding-bottom: 5px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-rrp .uvp-price { padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-rrp .pricevorteil { text-align: left; font-size: 15px; display: inline; line-height: 18px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-rrp .priceersparnis { text-align: left; font-size: 15px; display: inline; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-old { display: inline-block; font-size: 25px; margin-left: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .current_price { display: block; font-size: 55px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; clear: both; line-height: 70px; color: #000; vertical-align: middle; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .btn-merkliste { width: 100%; padding: 15px 10px 20px; text-align: center; font-size: 14px !important; border-radius: 0px; background: #00adef; color: #ffffff; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .btn-merkliste .fa { padding-right: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price.normal_price { padding-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price.normal_price .price-old { display: none; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing { color: #000; margin-bottom: 0px !important; padding-right: 0px; padding-top: 35px; padding-bottom: 35px; padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .btn-rate,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .btn-rate { background: #000; color: #fff; width: 100%; padding: 10px 10px; text-align: center; font-size: 20px !important; font-weight: 700 !important; border-radius: 0px; margin-bottom: 5px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .btn-rate,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .btn-rate { font-size: 16px !important; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .price-info,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .price-info { font-size: 25px; font-weight: 700; color: #000; opacity: 1; text-align: left; line-height: 25px; float: left; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .price-info .text-small,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .price-info .text-small { font-size: 20px; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .price-info small,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .price-info small { font-size: 20px; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .current_price,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .current_price { float: right; color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .current_price .price-font,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .current_price .price-font { color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .current_price .fa,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .current_price .fa { font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung .footnote,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing .footnote { margin-right: -20px; } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .finanzierung,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .leasing { padding-top: 5px; padding-bottom: 10px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .sonderpreis { background: #012350; height: 157px; bottom: 0px; position: absolute; margin-bottom: 0px !important; padding-right: 50px; padding-top: 20px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .hauptpreis { padding: 0px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .hauptpreis { padding-left: 15px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main #individual-offer button { padding: 6px 12px; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main #individual-offer input { width: 80px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-tax { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-info { font-size: 25px; font-weight: 700; text-align: left; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-info { font-size: 16px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-info-small { font-weight: 400; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main small { display: inline-block; font-size: 10px; line-height: 12px; font-weight: normal; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .envk-image { width: auto; max-height: 135px; max-width: 100%; float: right; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-thumbcol a { display: block; position: relative; width: 100%; height: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-more-info,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-video-info { position: absolute; padding-left: inherit; padding-right: inherit; left: 0; top: 0; width: 100%; height: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-more-info div,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-video-info div { display: flex; width: 100%; height: 100%; background: rgba(255,255,255,0.5); border-radius: 0px; color: #3c3c3c; justify-content: center; align-content: center; flex-direction: column; text-align: center; font-size: 60px; font-weight: bold; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-video-info div { font-size: 35px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .condition-panel { margin-bottom: 30px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .condition-panel span { margin-right: 10px; white-space: nowrap; /*font-weight: 700;*/ } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .condition-panel { margin-bottom: 0px; font-size: 0.9em; font-weight: 600; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .more-pictures .image-thumbcol { padding-left: 0px; padding-right: 3px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .more-pictures .image-thumbcol:last-child { padding-right: 0px; } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-left { padding-right: 0px; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-left { padding-left: 0px !important; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-left { padding-left: 0px !important; } } @media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right { padding-left: 0px !important; padding-top: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right .leasing,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right .finanzierung,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right > .nopadding { padding-left: 15px; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right .leasing,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right .finanzierung,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area > .nopadding-right > .nopadding { padding-left: 0px; } } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .image-pice-area { margin-left: -15px !important; margin-right: -15px !important; margin-top: 15px !important; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .ausstattungbutton { margin-top: 20px; } } #article-vehicle-view.article-vehicle-new-view-3 .anfragebutton { padding-left: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment { /*background: #F9F9F9;*/ /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .well { width: calc(100% + 30px); } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment h3 { /*margin-bottom: $default-vertical-padding;*/ } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment #vehicle_beschreibung,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment #vehicle_ausstattung { padding: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment #vehicle_beschreibung div,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment #vehicle_ausstattung div { text-align: justify; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment #vehicle_beschreibung { padding-left: 15px !important; padding-right: 15px !important; font-size: 0.9em; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list ul { margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list strong.text-muted { font-weight: 700; border-bottom: 3px solid #000; width: 100%; display: block; color: #000; font-size: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list li { border-bottom: 1px solid #ececec; font-size: 14px; padding: 5px 0px; } @media (min-width: 1200px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (min-width: 992px) and (max-width: 1199px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '4 .column.size-1of4'; } } @media (min-width: 768px) and (max-width: 991px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '3 .column.size-1of3'; } } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (max-width: 550px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '1 .column.size-1of1'; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .column { float: left; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .size-1of4 { width: 25%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .size-1of3 { width: 33.333%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .size-1of2 { width: 50%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .size-1of1 { width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment ul { list-style-type: none; padding: 10px 0 0 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment ul li i { /*color: lighten($primary-font-color,30%);*/ } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .description { padding-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .description li { list-style-type: disc; margin-left: 16px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact { margin-top: 20px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact .container { /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ background: #FAFAFA; } @media (min-width: 992px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact .equal > [class*='col-'] { display: flex; flex-direction: column; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact .request-col { background: #F2F2F2; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact h3 { /*color: #fff;*/ margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact label { /*color: #fff;*/ } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact .help-block { color: #cccccc; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact .pictograph i { transform: rotate(340deg); font-size: 350px; margin-top: 15%; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-contact #vehicle-request-form textarea { height: 110px; } #article-vehicle-view.article-vehicle-new-view-3 .user-picture { margin: 10px auto; display: block; width: 250px; height: 250px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-size: contain; border: 4px solid #fff; -webkit-box-shadow: 0px 0px 1px 1px #CCCCCC; -moz-box-shadow: 0px 0px 1px 1px #CCCCCC; box-shadow: 0px 0px 1px 1px #CCCCCC; } #article-vehicle-view.article-vehicle-new-view-3 .person h3 { font-weight: bold; text-align: center; font-size: 1.3em; } #article-vehicle-view.article-vehicle-new-view-3 .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; margin-top: -5px; font-size: 13px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 .person .btn-primary { padding: 15px 0px; max-width: 300px !important; margin-bottom: 10px !important; font-weight: 400; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-slider-container { position: relative; padding: 0 20px; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-slider-container .prev,#article-vehicle-view.article-vehicle-new-view-3 .contact-persons-slider-container .next { color: #000000; cursor: pointer; font-size: 20px; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-slider-container .prev { left: 15px; position: absolute; top: 45%; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-slider-container .next { right: 15px; top: 45%; position: absolute; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-indicators { display: none; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #article-vehicle-view.article-vehicle-new-view-3 .contact-persons-indicators i.active { color: #555; } #article-vehicle-view.article-vehicle-new-view-3 .square { position: relative; width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .square:after { content: ""; display: block; padding-bottom: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .trade-in-form { padding: 15px; /*background: #FAFAFA;*/ display: table; width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .trade-in-form .h2 { margin-top: 0; font-size: 18px; } #article-vehicle-view.article-vehicle-new-view-3 .trade-in-form button { margin-top: 0; line-height: 34px; padding: 0; } #article-vehicle-view.article-vehicle-new-view-3 .trade-in-form .row > div { padding-top: 15px; } @media (min-width: 481px) and (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .trade-in-form { border-radius: 4px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #vehicle_anfrage { padding-right: 0px; padding-left: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicles-home-slider { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicles-home-slider .col-xs-12 { margin-bottom: 0px; margin-top: 40px; } #article-vehicle-view.article-vehicle-new-view-3 .table > tbody > tr > td,#article-vehicle-view.article-vehicle-new-view-3 .table > tbody > tr > th,#article-vehicle-view.article-vehicle-new-view-3 .table > tfoot > tr > td,#article-vehicle-view.article-vehicle-new-view-3 .table > tfoot > tr > th,#article-vehicle-view.article-vehicle-new-view-3 .table > thead > tr > td,#article-vehicle-view.article-vehicle-new-view-3 .table > thead > tr > th { border-top: 0px solid #ddd; padding: 10px; font-size: 0.95em; padding-left: 30px; } #article-vehicle-view.article-vehicle-new-view-3 .table > tbody > tr > td { width: 60%; } #article-vehicle-view.article-vehicle-new-view-3 .table > tbody > tr > th { width: 40%; } #article-vehicle-view.article-vehicle-new-view-3 .table-striped > tbody > tr:nth-of-type(even) { background-color: #e5e5e5; } #article-vehicle-view.article-vehicle-new-view-3 .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .btn-primary { width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .text-right { width: 100% !important; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .content-title { display: block; width: 100%; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate tr { border: 0px solid #000; padding: 0px; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate tr th { color: #a3a3a3; padding: 5px; width: 60%; padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate tr td { color: #a3a3a3; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate .noborder { padding: 0px !important; border: 0px !important; margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate .noborder td { padding: 0px !important; font-weight: 800; color: #000; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte input[type="text"],#article-vehicle-view.article-vehicle-new-view-3 .formular-spalte select,#article-vehicle-view.article-vehicle-new-view-3 .formular-spalte input[type="mail"],#article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .form-control { height: 42px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte textarea { height: 110px !important; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .form-group { margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .btn-primary { margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .checkbox.checkbox-css .cr,#article-vehicle-view.article-vehicle-new-view-3 .formular-spalte .radio.checkbox-css .cr { color: #000000; border: 1px solid #000000; border-radius: 0; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte { padding-left: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 .complete-grey { background: #e5e5e5; margin-bottom: 35px; display: block; padding: 20px; font-size: 0.95em; margin-left: 0px; margin-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .complete-grey .content-title { display: block; width: 100%; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .complete-grey strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-3 .complete-grey img { max-width: 100%; height: auto; } #article-vehicle-view.article-vehicle-new-view-3 .beschreibung-distance { margin-top: 35px; } #article-vehicle-view.article-vehicle-new-view-3 .small,#article-vehicle-view.article-vehicle-new-view-3 small { font-size: 85%; } .overlay_timer { display: none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background: rgba(255,255,255,0.85); color: #000; text-align: center; padding-top: 20px; } .overlay_timer span { display: block; width: 100%; padding: 10px; font-size: 1.2em; color: #000000; font-weight: 700; } .overlay_timer #clock { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; font-size: 4em; text-align: center; color: #000000; } #article-vehicle-view.article-vehicle-new-view-3 .button-box a { background-color: #000000 !important; } #article-vehicle-view.article-vehicle-new-view-3 .button-box2 a { background-color: #00adef !important; border-radius: 0px; }#article-vehicle-view.article-vehicle-new-view-3 .button-box2 a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }#article-vehicle-view.article-vehicle-new-view-3 .button-box2 a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /*#article-vehicle-view h2,#article-vehicle-view .h2 { text-align: left; font-size: 25px; margin-bottom: 30px; margin-top: 30px;}*/.article-vehicle-new-view-3 #vehicle-info-line-area { margin-top: 0px; margin-bottom: 35px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line { background: #000; color: #fff; padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #ccc; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container { background: transparent; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container a { color: #fff; font-size: 14px !important; padding: 0px 15px 0px 0px; padding-top: 8px; font-weight: 600 !important; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container a.active { color: #000000; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container a:hover { background: transparent; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container .btn .fa { width: 100%; display: block; text-align: center; padding-bottom: 3px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { background: #fff; color: #000; padding: 10px 35px; font-weight: 600 !important; border-radius: 0px; margin-left: 5px; position: relative; top: 2px; cursor: pointer; } @media (min-width: 1380px) { .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-lg { display: inline !important; } } @media (min-width: 1025px) { .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-md { display: inline !important; } } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage:hover { background: #00adef; color: #ffffff; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .title-cell { font-size: 15px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .title-cell .h2 { top: 2px; position: relative; text-transform: uppercase !important; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line.fixed_pos { position: fixed; top: 60px; width: 100%; z-index: 9; } #article-vehicle-view.article-vehicle-new-view-3 h1 { font-weight: 700; font-size: 32px; padding-bottom: 10px; font-family: 'Open Sans'; text-transform: none; }#article-vehicle-view.article-vehicle-new-view-3 .h1-subtitle { color: #000000; }#article-vehicle-view.article-vehicle-new-view-3 h2,#article-vehicle-view.article-vehicle-new-view-3 .h2 { font-size: 22px; font-weight: 700; font-family: 'Open Sans'; color: #ccc; margin-bottom: 45px; text-transform: none !important; letter-spacing: 0; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { margin-bottom: 0px; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box { padding-left: 65px !important; background: transparent; color: #000000; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-text { padding-top: 50px; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-info { font-size: 40px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box { margin-top: 25px; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box .btn-primary { border-radius: 0px; padding: 10px 0px; text-align: center; width: 100%; font-weight: 700 !important; font-size: 15px !important; line-height: 30px; text-transform: none; } .article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate tr { border: 0px solid #000; padding: 0px; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } .article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate tr th { color: #a3a3a3; padding: 5px 5px; width: 60%; } .article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate tr td { color: #a3a3a3; }.article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate tr:last-child { border-bottom: 0px; }.article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; }.article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate .noborder { padding: 0px !important; border: 0px !important; } .article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate .noborder td { padding: 0px !important; font-weight: 800; color: #000; } .article-vehicle-new-view-3 #section-vehicle-main .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .white-font { color: #fff; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .white-font a { color: #fff; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-standort { background: #f3f3f3; margin-top: 35px; margin-bottom: 35px; padding-top: 20px; padding-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-standort .container { background: transparent; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-standort .highlight-change-bg { background: transparent !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-standort .svs-title-line h2 { color: #777; margin-bottom: 0px; }#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form { background: url("/web/img/Fahrzeugankauf.jpg") no-repeat; background-size: cover; background-position: center center; border-radius: 0px; min-height: 400px; width: 100%; margin-top: 0px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form { min-height: 200px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form > .container { padding-top: 100px; } @media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form > .container { padding-top: 80px; } } @media (max-width: 640px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form > .container { padding-top: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form .content-title { color: #000 !important; text-transform: uppercase !important; text-align: right; text-shadow: 2px 2px 1px #fff; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form .content-title { font-size: 15px !important; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form strong.text-muted { color: #000 !important; text-shadow: 2px 2px 1px #fff; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form strong.text-muted { font-size: 12px !important; } } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form button.btn-primary { background: #000; color: #fff; background-color: #000 !important; margin-bottom: 5px; text-transform: none; font-size: 20px !important; font-weight: 700 !important; border-radius: 0px; padding: 20px 30px; margin-top: 10px; } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form button.btn-primary { font-size: 15px !important; } }#article-vehicle-view.article-vehicle-new-view-3 #tradein-form-switch.in { margin-top: 0px; } @media (max-width: 640px) { #article-vehicle-view.article-vehicle-new-view-3 #tradein-form-switch.in { margin-top: 20px; } } @media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 #tradein-form-switch.in { margin-top: 0px; } } #article-vehicle-view.article-vehicle-new-view-3 #tradein-form-switch.in .content-title { text-align: left; } .article-vehicle-new-view-3 #vehicle-location-information { padding-top: 60px; } .article-vehicle-new-view-3 #vehicle-location-information a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; } .article-vehicle-new-view-3 #vehicle-location-information .section-header { font-size: 20px; margin-bottom: 15px; margin-top: 15px; } .article-vehicle-new-view-3 #vehicle-location-information iframe { max-height: 350px; } .article-vehicle-new-view-3 #vehicle-location-information .content-title { margin-bottom: 15px; margin-top: 0px; } .article-vehicle-new-view-3 #vehicle-location-information .feature-heading { margin-bottom: 10px; margin-top: 25px; } .article-vehicle-new-view-3 #vehicle-location-information .grey-area { background: #EAEAEA; } .article-vehicle-new-view-3 #vehicle-location-information .green-dot { color: #7fb72a; margin-right: 5pxc; } .article-vehicle-new-view-3 #vehicle-location-information .pic-hover-area { background: rgba(255,255,255,0.5); padding-top: 15px; margin-top: -66px; padding-bottom: 15px; color: #101010; } .article-vehicle-new-view-3 #vehicle-location-information .pic-hover-area .open-time { font-weight: 700; } .article-vehicle-new-view-3 #vehicle-location-information .pic-hover-area small { margin-top: -1px; display: block; } .article-vehicle-new-view-3 #vehicle-location-information .pic-hover-area .section-header { margin-bottom: 0px; margin-top: 0px; } .article-vehicle-new-view-3 #vehicle-location-information .more-infos-direction { margin-top: 8px; text-align: center; } .article-vehicle-new-view-3 #vehicle-location-information .more-infos-direction a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; margin-right: 5px; } .article-vehicle-new-view-3 #vehicle-location-information .open-time-area { padding: 12px; padding-left: 0px; text-align: left; font-size: 17px; font-weight: 700; color: #101010; } .article-vehicle-new-view-3 #vehicle-location-information .btn-primary { color: #fff; }.article-vehicle-new-view-3 .section-direction-infoboxen-new { margin-bottom: 35px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox4 { padding-left: 30px !important; padding-right: 30px !important; } @media (min-width: 1680px) { .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox4 { min-height: 429px !important; } } @media (min-width: 768px) { .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } } .article-vehicle-new-view-3 .section-direction-infoboxen-new > .container > .row { display: flex; flex-direction: row; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .oda-down:after { right: 20px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox-oa { padding-left: 30px !important; } .article-vehicle-new-view-3 .section-direction-infoboxen-new #google-map-direction-container { width: calc(100%); position: relative; bottom: -20px; } @media (min-width: 1680px) { .article-vehicle-new-view-3 .section-direction-infoboxen-new #google-map-direction-container { min-height: 277px !important; } } .article-vehicle-new-view-3 .section-direction-infoboxen-new .img-box { padding: 0px !important; order: 1; display: flex; flex-direction: column; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox-oa { order: 2; display: flex; flex-direction: column; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .highlight-box { padding-top: 0px !important; order: 3; display: flex; flex-direction: column; margin-bottom: 0px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new #section-vehicle-contact { margin-top: 0px !important; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .contact-persons-slider-container { margin-top: 0px !important; margin-bottom: 0px !important; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .new-button-line { text-align: center; margin-top: 30px; min-height: 50px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .new-button-line .btn-primary { display: inline !important; padding: 15px 20px !important; margin-right: 5px !important; margin-left: 5px !important; } @media (max-width: 480px) { .article-vehicle-new-view-3 .section-direction-infoboxen-new .oda-down .col-xs-12.nopadding { padding-left: 30px !important; } } #article-vehicle-view.article-vehicle-new-view-3 .user-picture { width: 150px; height: 150px; margin: 0px auto; } #article-vehicle-view.article-vehicle-new-view-3 .table > tbody > tr > th { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 .request-col .content-title { margin-bottom: 35px; } #article-vehicle-view.article-vehicle-new-view-3 .formular-spalte strong.text-muted { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .container,#article-vehicle-view.article-vehicle-new-view-3 aside .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .complete-grey .content-title { font-size: 15px; text-align: left; margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 strong.text-muted { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-3 #vehicle-location-information { font-size: 13px; text-transform: uppercase; } #article-vehicle-view.article-vehicle-new-view-3 #vehicle-location-information .section-header { text-align: left; color: #101010; } #article-vehicle-view.article-vehicle-new-view-3 #vehicle-location-information img { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #vehicle-location-information iframe { min-height: 405px; } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-calculate > tbody > tr > th { padding: 5px; padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .vehicle-calculate > tbody > tr > td { padding-left: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .more-pictures .image-thumbcol { padding-left: 2px; padding-right: 3px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .more-pictures .image-thumbcol:last-child { padding-right: 0px; padding-left: 5px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .more-pictures .image-thumbcol:first-child { padding-left: 0px; padding-right: 4px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil-dreieck,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil-dreieck { border-right: 140px solid transparent; border-top: 140px solid #a29fa0; width: 103px; height: 85px; margin-top: 0px; position: absolute; left: 0px; padding: 11.25px 10px; padding: 0; top: 0px; z-index: 9999; }#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-angebot-dreieck,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-angebot-dreieck { border-right: 140px solid transparent; border-top: 140px solid #000000; width: 103px; height: 85px; margin-top: 0px; position: absolute; left: 0px; padding: 11.25px 10px; padding: 0; top: 0px; z-index: 9999; }#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil { background: transparent; transform: rotate(-45deg); padding-top: 25px; padding-left: 0px; text-align: center; margin-left: -10px; margin-top: -10px; position: absolute; top: 0; left: 0; z-index: 99999; color: #fff; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 38px; line-height: 38px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 38px; line-height: 38px; }#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-angebot,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .vehicle-badge-angebot { font-size: 17px; margin-top: -14px; } .artikeldetailansicht #page_wrapper { top: 0px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { background: transparent; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .open-days-area.in { background: #f3f3f3; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new img { position: relative; top: 85px; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new #google-map-direction-container { bottom: -12px; }#article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .aside-map-direction { margin-right: 0px; } @media (min-width: 1024px) { .zahlungsoptionen .column { margin: 0 auto; float: unset; } }@media (max-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .oda-down .nopadding { padding-left: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .open-days-area.in { border-top: 0px solid #c3c3c3; padding-left: 10px; padding-right: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen.section-direction-infoboxen-new .service-area { margin-top: 0px; padding-top: 15px; } .article-vehicle-new-view-3 #vehicle-info-line-area .btn-anfrage.visible-sm { display: inline !important; } .article-vehicle-new-view-3 #vehicle-info-line-area .btn-anfrage.hidden-sm { display: none !important; } }@media (max-width: 768px) { #article-vehicle-view.article-vehicle-new-view-3 .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton,#article-vehicle-view.article-vehicle-new-view-3 .ausstattungbutton { background: #00adef; background-color: #00adef !important; color: #ffffff; border-radius: 0; font-size: 18px !important; font-weight: 700 !important; text-transform: none; padding: 15px; } #article-vehicle-view.article-vehicle-new-view-3 .car-detail-description .tradeinbutton { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body { padding-top: 0px; } .article-vehicle-new-view-3 .leasing small,.article-vehicle-new-view-3 .finanzierung small { padding-left: 15px; padding-right: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .hauptpreis { border-bottom: 0px; padding-bottom: 0px; padding-left: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-box { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .current_price { line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .btn-merkliste { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-info { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info { margin-top: 0px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-title { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-12 { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-12 .cufi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-12 .envk-image { float: left; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .margin35px { padding-bottom: 0px; padding-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-area .col-xs-12 { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-title { margin-bottom: 10px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdui-info,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-info { margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new > .container > .row { flex-direction: column; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox4 .pic-hover-area { margin-bottom: 0px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .highlight-box #section-vehicle-contact { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .highlight-box #section-vehicle-contact .contact-persons-slider-container { padding-left: 0px; padding-right: 0px; margin-bottom: 0px !important; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .img-box { order: 2; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .infobox-oa { order: 3; } .article-vehicle-new-view-3 .section-direction-infoboxen-new .highlight-box { order: 1; } #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; } .artikeldetailansicht .article-vehicle-new-view-3 .zahlungsoptionen .tab-content { padding-left: 0px; padding-top: 40px; padding-bottom: 70px; padding-right: 0px; } #vehicle_beschreibung.in,#vehicle_ausstattung.in { margin-top: 0px; } }@media (min-width: 737px) and (max-width: 768px) { .article-vehicle-new-view-3 .equipment-list .col-sm-6:nth-child(odd) { padding-left: 0px !important; padding-right: 15px; } .article-vehicle-new-view-3 .equipment-list .col-sm-6:nth-child(even) { padding-right: 0px; padding-left: 15px; } .article-vehicle-new-view-3 .car-umwelt-first-info .col-sm-6:nth-child(even) { padding-right: 15px !important; } .article-vehicle-new-view-3 .car-umwelt-first-info .col-sm-6:nth-child(odd) { padding-left: 15px !important; } .article-vehicle-new-view-3 .car-detail-info .cdi-info:nth-child(odd) { padding-left: 15px !important; } .article-vehicle-new-view-3 .car-detail-info .cdi-info:nth-child(even) { padding-right: 15px !important; } .article-vehicle-new-view-3 .car-detail-info .cdui-effizient { padding-left: 15px !important; } .article-vehicle-new-view-3 .car-detail-info .cdui-info { padding-right: 15px !important; } .article-vehicle-new-view-3 #vehicle-info-line-area.fixed_pos { margin-bottom: 0px; margin-top: 0px; top: 0px; position: fixed; z-index: 99; width: 100%; } .article-vehicle-new-view-3 #vehicle-info-line-area { margin-bottom: 35px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line { padding-top: 5px; padding-bottom: 7px; margin-bottom: 0px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .text-right { margin-bottom: 0px !important; padding-right: 0px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container a { font-size: 25px !important; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { padding: 10px 5px !important; margin-left: 0px !important; background: #00adef !important; color: #ffffff !important; top: 5px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-mobile-anker .container { padding: 0px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-mobile-anker a { color: #000; font-size: 0.9em; font-weight: 600; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-mobile-anker ul { list-style: none; -webkit-padding-start: 0px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-mobile-anker ul li { border-bottom: 1px solid #ccc; display: block; padding: 10px 15px; } .article-vehicle-new-view-3 #vehicle-info-line-area #vehicle-mobile-anker.in { margin-top: 0px; } }@media (max-width: 480px) { #article-vehicle-view.article-vehicle-new-view-3 .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen .location-all-vehicles .btn { padding-left: 10px; font-size: 10px !important; padding-bottom: 20px; word-wrap: break-word; max-width: 100%; width: 100%; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen .location-all-vehicles .btn:after { right: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen .highlight-box { min-height: 375px !important; } #article-vehicle-view.article-vehicle-new-view-3 .pic-hover-area .section-header { text-align: left; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen .oda-down .nopadding { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-direction-infoboxen .highlight-box .contact-info .link-third { font-size: 10px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-view-tradein-form strong.text-muted { font-size: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #tradein-form-select-down .h2 { font-size: 20px !important; line-height: 22px; text-align: left; } }#vehcile_detail_finance_window .vehicle-calculate { font-size: 14px; }#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > td { width: 100%; }#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > th,#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > td { border-top: 0px; } .artikeldetailansicht #page_wrapper { top: 170px; }.artikeldetailansicht #site-content { padding-top: 0px; }.artikeldetailansicht #section-content-block { padding-top: 0px; }.artikeldetailansicht .zahlungsoptionen .nav-tabs { border-bottom: 0px; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li { margin-right: 20px; } @media (min-width: 768px) { .artikeldetailansicht .zahlungsoptionen .nav-tabs > li { width: 300px; } }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li a { border: 0; color: #ccc; background: transparent; font-weight: 700 !important; font-size: 15px; text-align: left; padding: 0px; width: 100%; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a,.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:hover,.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:focus { border: 0; color: #000; text-align: left; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li { border-bottom: 3px solid #CCC; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active { border-bottom: 3px solid #000; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:after { display: none; }.artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0px; padding-top: 40px; padding-bottom: 70px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line { padding: 20px 0px; font-size: 14px; } .artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0px; font-size: 14px; background: #f2f2f2; margin-bottom: 10px; } .artikeldetailansicht .zahlungsoptionen .tab-content .finance-line { border-bottom: 1px solid #CCC; padding: 10px 0px 10px 0px; font-size: 14px; } .artikeldetailansicht .zahlungsoptionen .tab-content .finance-line div:first-child { font-weight: 700; } .artikeldetailansicht .zahlungsoptionen .tab-content .mtl-line { border-bottom: 1px solid #000; background: #f2f2f2; } .artikeldetailansicht .zahlungsoptionen .tab-content .end-line { margin-bottom: 10px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line,.artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line,.artikeldetailansicht .zahlungsoptionen .tab-content .finance-line { margin-left: 0px; margin-right: 0px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line div,.artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line div,.artikeldetailansicht .zahlungsoptionen .tab-content .finance-line div { padding-left: 0px; padding-right: 0px; } .artikeldetailansicht .zahlungsoptionen .tab-content .opt-line { font-size: 12px; padding-top: 5px; } .modal-dialog.vehicle-payment .modal-content { border-radius: 0px; } .modal-dialog.vehicle-payment .modal-content .info-line { padding: 20px 0px; font-size: 14px; } .modal-dialog.vehicle-payment .modal-content .gesamt-line { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0px; font-size: 14px; background: #f2f2f2; margin-bottom: 10px; } .modal-dialog.vehicle-payment .modal-content .finance-line { border-bottom: 1px solid #CCC; padding: 10px 0px 10px 0px; font-size: 14px; } .modal-dialog.vehicle-payment .modal-content .finance-line div:first-child { font-weight: 700; } .modal-dialog.vehicle-payment .modal-content .mtl-line { border-bottom: 1px solid #000; background: #f2f2f2; } .modal-dialog.vehicle-payment .modal-content .end-line { margin-bottom: 10px; } .modal-dialog.vehicle-payment .modal-content .info-line,.modal-dialog.vehicle-payment .modal-content .gesamt-line,.modal-dialog.vehicle-payment .modal-content .finance-line { margin-left: 0px; margin-right: 0px; } .modal-dialog.vehicle-payment .modal-content .info-line div,.modal-dialog.vehicle-payment .modal-content .gesamt-line div,.modal-dialog.vehicle-payment .modal-content .finance-line div { padding-left: 0px; padding-right: 0px; } .modal-dialog.vehicle-payment .modal-content .opt-line { font-size: 12px; padding-top: 5px; }.modal-dialog.vehicle-payment .modal-header { border-bottom: 0px; padding-top: 0px; padding-right: 0px; } .modal-dialog.vehicle-payment .modal-header .modal-title { display: none; } .modal-dialog.vehicle-payment .modal-header .close { margin-top: 0px; padding: 5px 15px; background: #ccc; color: #333; font-size: 40px; text-shadow: 0 0 0 #fff; }@media (min-width: 1024px) { .modal-dialog.vehicle-payment { width: 800px; margin: 100px auto; } } .modal-dialog.new_view .modal-content { border-radius: 0px; } @media (max-width: 736px) { #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-body { padding-top: 0px; } .leasing small,.finanzierung small { padding-left: 15px; padding-right: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .hauptpreis { border-bottom: 0px; padding-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price-box { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .price .current_price { line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .btn-merkliste { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-detail-first-info .cdfi-info { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info { margin-top: 0px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .cufi-title { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-6:nth-child(even) { padding-left: 15px; padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-6:nth-child(odd) { padding-left: 0px; padding-right: 15px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-12 { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-12 .cufi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .car-umwelt-first-info .col-xs-12 .envk-image { float: left; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .margin35px { padding-bottom: 0px; padding-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-area .col-xs-12 { margin-bottom: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-title { margin-bottom: 10px !important; } #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdui-info,#article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-equipment .car-detail-info .cdi-info { margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } .section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } .section-direction-infoboxen-new .infobox4 .pic-hover-area { margin-bottom: 0px; } .section-direction-infoboxen-new .highlight-box { margin-bottom: 0px; } .section-direction-infoboxen-new .highlight-box #section-vehicle-contact { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } .section-direction-infoboxen-new .highlight-box #section-vehicle-contact .contact-persons-slider-container { padding-left: 0px; padding-right: 0px; margin-bottom: 0px !important; } #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; } .artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0px; padding-top: 40px; padding-bottom: 70px; padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 #vehicle_beschreibung.in,#article-vehicle-view.article-vehicle-new-view-3 #vehicle_ausstattung.in { margin-top: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .equipment-list .col-xs-12 { padding-left: 0px !important; padding-right: 0px; } #article-vehicle-view.article-vehicle-new-view-3 .tradeinbutton,#article-vehicle-view.article-vehicle-new-view-3 .ausstattungbutton { background: #00adef; background-color: #00adef !important; color: #ffffff; border-radius: 0; font-size: 18px !important; font-weight: 700 !important; text-transform: none; } #article-vehicle-view.article-vehicle-new-view-3 .car-detail-description .tradeinbutton { margin-bottom: 0px; } #vehicle-info-line-area.fixed_pos { margin-bottom: 0px; margin-top: 0px; top: 0px; position: fixed; z-index: 99; width: 100%; } #vehicle-info-line-area { margin-bottom: 10px; } #vehicle-info-line-area #vehicle-info-line { padding-top: 5px; padding-bottom: 7px; margin-bottom: 0px; } #vehicle-info-line-area #vehicle-info-line .text-right { margin-bottom: 0px !important; padding-right: 0px; } #vehicle-info-line-area #vehicle-info-line .container a { font-size: 23px !important; padding-top: 6px; padding-bottom: 2px; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { background: #00adef !important; color: #ffffff !important; padding: 12px 5px 12px 5px !important; margin-left: 0px !important; top: 4px; font-size: 18px !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-xs { display: inline !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.hidden-xs { display: none !important; } #vehicle-info-line-area #vehicle-mobile-anker .container { padding: 0px; } #vehicle-info-line-area #vehicle-mobile-anker a { color: #000; font-size: 0.9em; font-weight: 600; } #vehicle-info-line-area #vehicle-mobile-anker ul { list-style: none; -webkit-padding-start: 0px; } #vehicle-info-line-area #vehicle-mobile-anker ul li { border-bottom: 1px solid #ccc; display: block; padding: 10px 15px; } #vehicle-info-line-area #vehicle-mobile-anker.in { margin-top: 0px; } }#page_wrapper #header.header_fixed_bg { z-index: 1; } .artikeldetailansicht .breadcrumb_area { background-color: #f3f3f3; }.artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-3 header { background: #f3f3f3; } .artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-3 header .container { background-color: transparent; }.artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main { padding-bottom: 25px; background: #f3f3f3; } .artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-3 #section-vehicle-main .container { background-color: transparent; } /* Created on : Mar 02,2016,7:24:29 PM Author : Darius Zylka*/#addequipment .modal-header { background-color: #000000; } #addequipment .modal-header .modal-title { color: #fff; font-weight: bold; } #addequipment .modal-header button.close { color: #fff; }#addequipment .modal-footer .btn { border-radius: 0 !important; border: 1px solid #3c3c3c; }#addequipment .modal-footer .btn-anfrage { border: 1px solid #000 !important; background: #000; background-image: none !important; color: #fff; border-radius: 0 !important; text-align: center; cursor: pointer; }#addequipment .current-show-price { color: #000000; font-size: 2em; } #addequipment .current-show-price .b2c-currency-month { font-size: 12px; position: relative; top: -12px; }@media (min-width: 1900px) { #addequipment .modal-lg { width: 1192px; } } #article-vehicle-view.article-vehicle-new-view-5 { padding-top: 15px; margin-bottom: 70px; background: #ffffff; color: #000000; } #article-vehicle-view.article-vehicle-new-view-5 .h2 { margin-top: 40px; } #article-vehicle-view.article-vehicle-new-view-5 .images-slider-container { margin-bottom: 15px; position: relative; } #article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .owl-carousel,#article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .owl-stage-outer,#article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .owl-stage,#article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .owl-item,#article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .image-primary { height: 100% !important; } #article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .image-primary { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; display: block !important; padding-bottom: 75%; } @media (min-width: 1200px) { #article-vehicle-view.article-vehicle-new-view-5 .images-slider-container .image-primary { height: auto !important; max-height: unset !important; } } #article-vehicle-view.article-vehicle-new-view-5 .more-images { margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 .more-images a.image-thumb,#article-vehicle-view.article-vehicle-new-view-5 .more-images a.image-thumb:hover,#article-vehicle-view.article-vehicle-new-view-5 .more-images a.image-thumb:active { color: inherit; text-decoration: none; } #article-vehicle-view.article-vehicle-new-view-5 .more-images div.image-thumb { filter: grayscale(100%); opacity: .25; } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; padding-bottom: 75%; position: relative; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb { background: #000000 !important; } } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info { color: #000000; display: flex; font-size: 200%; justify-content: center; line-height: 1; text-align: center; position: absolute; bottom: 23px; left: 0; right: 0; top: 0; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info { bottom: 0; color: #fff; } } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info > div,#article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info > i { align-self: center; font-size: 200%; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info > div,#article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info > i { font-size: 24px; } } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info > div { font-weight: bold; } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info-btm { background-color: #f5f5f5; color: #777; display: flex; font-size: 85%; justify-content: space-between; overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-info-btm { display: none; } } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-icon { padding: 2px 13px 2px 2px; text-align: center; width: 40px; } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-text { background-color: #000000; color: #fff; flex-grow: 1; padding: 2px 5px 2px 0; text-align: center; position: relative; } #article-vehicle-view.article-vehicle-new-view-5 .more-images .image-thumb .image-thumb-text:after { border-color: transparent #000000 transparent transparent; border-style: solid; border-width: 50px 30px 0 0; content: ''; position: absolute; top: 0; left: -30px; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide { margin-top: 25px; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container { padding: 0 20px; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container .user-picture { width: 170px; height: 170px; margin: 0 auto; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container h3 { color: #000000; font-weight: bold !important; margin: 15px 0 0; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container h3 + div { margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container .prev,#article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container .next { z-index: 99; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container .prev { left: 0; } #article-vehicle-view.article-vehicle-new-view-5 .view-right-area #section-vehicle-contact-wide .contact-persons-slider-container .next { right: 0; } #article-vehicle-view.article-vehicle-new-view-5 .service-area-open-time { border-bottom: 1px solid #ddd; margin: 10px 0 5px; padding-bottom: 5px; } #article-vehicle-view.article-vehicle-new-view-5 .current-show-price { color: #000000; } #article-vehicle-view.article-vehicle-new-view-5 .btn-outline { width: 100%; border: 1px solid #000000; color: #000000; padding: 6px 0; text-align: center; border-radius: 0; } #article-vehicle-view.article-vehicle-new-view-5 .btn-outline:hover { color: #fff; background: #000000; } #article-vehicle-view.article-vehicle-new-view-5 .slider-tick { opacity: 0; } #article-vehicle-view.article-vehicle-new-view-5 .btn-shoppingcart { padding: 10px; } #article-vehicle-view.article-vehicle-new-view-5 .extra_articles_list { position: absolute; z-index: 3; background: #fff; border: 1px solid #000000; } #article-vehicle-view.article-vehicle-new-view-5 .extra_articles_list .row { border-bottom: 1px solid #000000; } #article-vehicle-view.article-vehicle-new-view-5 .extra_articles_list .row:hover { cursor: pointer; background: #000000; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 .extra_articles_list .row.active { background: #000000; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 .slider-handle { width: 15px; height: 15px; background-color: #000000; background-image: -webkit-linear-gradient(top,#000000 0,#000000 100%); background-image: -o-linear-gradient(top,#000000 0,#000000 100%); background-image: linear-gradient(to bottom,#000000 0,#000000 100%); } #article-vehicle-view.article-vehicle-new-view-5 .slider-selection,#article-vehicle-view.article-vehicle-new-view-5 .tick-slider-selection { background-image: -webkit-linear-gradient(top,#000000 0,#000000 100%); background-image: -o-linear-gradient(top,#000000 0,#000000 100%); background-image: linear-gradient(to bottom,#000000 0,#000000 100%); } #article-vehicle-view.article-vehicle-new-view-5 .slider.slider-horizontal { width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 .slider.slider-horizontal .slider-track { height: 5px; } #article-vehicle-view.article-vehicle-new-view-5 .special-fahrzeuganfrage { margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 .special-fahrzeuganfrage .btn-anfrage { border: 0; background: #000 !important; width: 100%; padding: 10px; color: #fff; font-size: 1.2em; font-weight: 700; line-height: 25px; display: block; border-radius: 0 !important; text-align: center; cursor: pointer; } #article-vehicle-view.article-vehicle-new-view-5 .btn-articles { border-color: transparent; border: 2px solid #000000; background-image: none !important; width: 100%; padding: 10px; color: #000000; font-size: 1.2em; font-weight: 700; line-height: 25px; display: block; border-radius: 0 !important; text-align: center; cursor: pointer; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body { background: #ffffff; padding-top: 35px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-description { padding-left: 0; padding-right: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article { position: relative; min-height: 125px; cursor: pointer; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-pic { position: absolute; background-size: cover; background-position: center; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background: #00adef; color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-a-header { padding: 10px 15px; font-weight: 600; padding-bottom: 5px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-a-body { padding: 10px 15px; font-size: 0.85em; padding-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-a-price { text-align: right; padding: 5px 15px; font-weight: 800; font-size: 1.3em; background: #ffffff; color: #00adef; width: auto; right: 0; position: absolute; bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-active { display: none; position: absolute; top: 0; right: 2%; font-size: 4em; color: #fff; z-index: 9; line-height: 1; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info:hover { background: #00000080; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article .opt-info:hover .opt-a-price { background: #00adef; color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article.active { border-color: green; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article.active .opt-info { background: #22a72480; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article.active .opt-info .opt-a-price { background: green; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles article.opt-article.active .opt-active { display: block; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article { border-bottom: 1px solid #ccc; padding: 5px; padding-top: 10px; cursor: pointer; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article .opt-a-header { font-weight: 600; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article .opt-active { padding-left: 5px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article .opt-active input[type="checkbox"] { height: 20px; width: 20px; margin: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article .opt-a-price { font-size: 1.25em; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article .opt-a-body > .col-xs-12 { padding-bottom: 10px; font-size: 0.85em; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article.active { background: green; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article:hover { background: #89deff; color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-opt-articles .row.opt-article.active:hover { background: green; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .row { margin-right: 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-title { font-weight: 700; border-bottom: 3px solid #000; width: 100%; display: block; color: #000; font-size: 15px; padding-left: 0; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-block { padding-right: 0; padding-left: 0; display: block; width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-area { margin-bottom: 35px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdui-info { padding-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdui-effizient .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; font-weight: 600; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdui-effizient small { font-size: 0.9em; line-height: 1.5em; font-weight: 600; margin-bottom: 35px; display: block; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdui-effizient img { max-width: 100%; width: auto; height: auto; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdui-effizient a { color: #000000; font-size: 14px; padding-top: 20px; display: block; font-weight: 600 !important; } @media (min-width: 768px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-info:nth-child(even) { padding-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body .car-detail-info .cdi-info:nth-child(odd) { padding-right: 0; } } #article-vehicle-view.article-vehicle-new-view-5 .img-thumbnail { padding: 0; border-radius: 0; border: 0; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .well { border-radius: 0; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .well { display: table; width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 .well form .from-group { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 .well form .row .col-xs-12 { margin-bottom: 0; } } #article-vehicle-view.article-vehicle-new-view-5 header .container { padding-top: 40px; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 header .container { padding-top: 0 !important; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 header .container { padding-top: 30px !important; } } #article-vehicle-view.article-vehicle-new-view-5 .container { background-color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-5 header h1 { margin: 0 0 25px; } #article-vehicle-view.article-vehicle-new-view-5 .button-box { display: inline-block; margin-bottom: 40px; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box { margin-bottom: 0; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box { margin-bottom: 20px; } } #article-vehicle-view.article-vehicle-new-view-5 .button-box a { margin-left: 5px; font-size: 1em; } #article-vehicle-view.article-vehicle-new-view-5 .button-box a i { margin-right: 2px; } #article-vehicle-view.article-vehicle-new-view-5 .button-box a.btn { padding: 14px 12px; margin-left: 5px; margin-top: 0; min-width: 200px; max-width: 100%; } @media (max-width: 1023px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box a.btn { min-width: 165px; } } #article-vehicle-view.article-vehicle-new-view-5 .button-box .info-image { margin-left: 10px; } #article-vehicle-view.article-vehicle-new-view-5 .button-box .customer-voices { display: inline-block; margin-right: 15px; } #article-vehicle-view.article-vehicle-new-view-5 .button-box .back-to-list span { position: relative; top: 0; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box .back-to-list { width: 50px; min-width: 50px !important; max-width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box .back-to-list { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.article-vehicle-new-view-5 .button-box .facebookflat { background: #3b5998 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box .facebookflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.article-vehicle-new-view-5 .button-box .facebookflat i { font-size: 1.15em !important; } } #article-vehicle-view.article-vehicle-new-view-5 .button-box .googleplusflat { background: #dc4e41 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box .googleplusflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.article-vehicle-new-view-5 .button-box .googleplusflat i { font-size: 1.15em !important; } } #article-vehicle-view.article-vehicle-new-view-5 .button-box2 a.btn { padding: 14px 12px; margin-left: 0; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 .button-box2 a.normal { background: #7b7b7b; width: 215px; } @media (max-width: 1023px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box2 a.normal { width: 165px; } } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box2 a.normal { width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; min-width: 50px; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .button-box2 a.normal { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.article-vehicle-new-view-5 .button-box2 .btn:hover,#article-vehicle-view.article-vehicle-new-view-5 .button-box2 .normal:hover { background: #00adef !important; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 { margin-top: 30px; } #article-vehicle-view.article-vehicle-new-view-5 .button-box a.btn { padding: 3px 6px; margin-left: 2px; } #article-vehicle-view.article-vehicle-new-view-5 #header-data h1 { font-size: 1.4em; line-height: 30px; } #article-vehicle-view.article-vehicle-new-view-5 #header-data h1 .h1-subtitle { display: block; font-size: 0.8em; line-height: normal; } #article-vehicle-view.article-vehicle-new-view-5 .button-box { margin-bottom: 0; } } #article-vehicle-view.article-vehicle-new-view-5 .opinions-link { display: inline-block; margin-top: 10px; } #article-vehicle-view.article-vehicle-new-view-5 .opinions-link i { color: #feb800; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main { clear: both; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .owl-carousel .owl-stage-outer { max-height: unset !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .row { margin-right: 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-block { padding-right: 0; padding-left: 0; display: block; width: 100%; } @media (min-width: 768px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-info:nth-child(even) { padding-right: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-info:nth-child(odd) { padding-left: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info { position: relative; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .row { margin-right: 0; margin-left: 0; } @media (min-width: 1024px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-title { position: absolute; top: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-title h2 { margin-top: 0 !important; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-title h2 { text-align: left; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } @media (min-width: 768px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-info { padding-left: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-block { padding-right: 0; padding-left: 0; padding-top: 80px; display: block; width: 100%; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-block { padding-top: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata { margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata tr:first-child th,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata tr:first-child td { border-top-width: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #e5e5e5; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata.table-striped > tbody > tr:nth-of-type(2n) { background-color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata th,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-maindata td { border-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .table-less-padding td { padding: 5px; padding-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .description { margin-top: 20px; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-box { margin-top: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price { text-align: left; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-rrp { color: #000000; clear: both; text-align: left; padding-left: 0; padding-top: 30px; font-weight: 700; padding-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-rrp .uvp-info { text-align: left; font-size: 15px; font-weight: 700; display: block; padding-bottom: 5px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-rrp .uvp-price { padding-right: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-rrp .pricevorteil { text-align: left; font-size: 15px; display: inline; line-height: 18px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-rrp .priceersparnis { text-align: left; font-size: 15px; display: inline; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-old { display: inline-block; font-size: 25px; margin-left: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .current_price { display: block; font-size: 55px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; clear: both; line-height: 70px; color: #000; vertical-align: middle; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .btn-merkliste { width: 100%; padding: 15px 10px 20px; text-align: center; font-size: 14px !important; border-radius: 0; background: #00adef; color: #ffffff; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .btn-merkliste .fa { padding-right: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price.normal_price { padding-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price.normal_price .price-old { display: none; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing { color: #000; margin-bottom: 0 !important; padding-right: 0; padding-top: 35px; padding-bottom: 35px; padding-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .btn-rate,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .btn-rate { background: #000; color: #fff; width: 100%; padding: 10px 10px; text-align: center; font-size: 20px !important; font-weight: 700 !important; border-radius: 0; margin-bottom: 5px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .btn-rate,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .btn-rate { font-size: 16px !important; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .price-info,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .price-info { font-size: 25px; font-weight: 700; color: #000; opacity: 1; text-align: left; line-height: 25px; float: left; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .price-info .text-small,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .price-info .text-small { font-size: 20px; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .price-info small,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .price-info small { font-size: 20px; font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .current_price,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .current_price { float: right; color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .current_price .price-font,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .current_price .price-font { color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .current_price .fa,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .current_price .fa { font-weight: 800; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung .footnote,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing .footnote { margin-right: -20px; } @media (max-width: 1023px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .finanzierung,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .leasing { padding-top: 5px; padding-bottom: 10px; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .sonderpreis { background: #012350; height: 157px; bottom: 0; position: absolute; margin-bottom: 0 !important; padding-right: 50px; padding-top: 20px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .hauptpreis { padding: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .hauptpreis { padding-left: 15px; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main #individual-offer button { padding: 6px 12px; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main #individual-offer input { width: 80px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-tax { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-info { font-size: 16px; font-weight: 700; text-align: right; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-info { font-size: 16px; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-info-small { font-weight: 400; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main small { display: inline-block; font-size: 10px; line-height: 12px; font-weight: normal; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .condition-panel { margin-bottom: 30px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .condition-panel span { margin-right: 10px; white-space: nowrap; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .condition-panel { margin-bottom: 0; font-size: 0.9em; font-weight: 600; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .ausstattungbutton { margin-top: 20px; } } #article-vehicle-view.article-vehicle-new-view-5 .anfragebutton { padding-left: 15px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .well { width: calc(100% + 30px); } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list ul { margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list strong.text-muted { font-weight: 700; border-bottom: 3px solid #000; width: 100%; display: block; color: #000; font-size: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list li { border-bottom: 1px solid #ececec; font-size: 14px; padding: 5px 0; } @media (min-width: 1200px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (min-width: 992px) and (max-width: 1199px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '4 .column.size-1of4'; } } @media (min-width: 768px) and (max-width: 991px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '3 .column.size-1of3'; } } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (max-width: 549px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .equipment-list[data-columns]::before { content: '1 .column.size-1of1'; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .column { float: left; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .size-1of4 { width: 25%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .size-1of3 { width: 33.333%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .size-1of2 { width: 50%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .size-1of1 { width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment ul { list-style-type: none; padding: 10px 0 0 0; margin-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .description { padding-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .description li { list-style-type: disc; margin-left: 16px; } #article-vehicle-view.article-vehicle-new-view-5 .envk-image { margin-bottom: 15px; max-height: 135px; max-width: 100%; width: auto; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact { margin-top: 20px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact .container { background: #fafafa; } @media (min-width: 992px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact .equal > [class*='col-'] { display: flex; flex-direction: column; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact .request-col { background: #f2f2f2; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact h3 { margin-bottom: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact .help-block { color: #cccccc; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact .pictograph i { transform: rotate(340deg); font-size: 350px; margin-top: 15%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-contact #vehicle-request-form textarea { height: 110px; } #article-vehicle-view.article-vehicle-new-view-5 .user-picture { margin: 10px auto; display: block; width: 100%; height: 250px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-size: contain; background-repeat: no-repeat; border: 4px solid #fff; -webkit-box-shadow: 0 0 1px 1px #ccc; -moz-box-shadow: 0 0 1px 1px #ccc; box-shadow: 0 0 1px 1px #ccc; } #article-vehicle-view.article-vehicle-new-view-5 .person h3 { font-weight: bold; text-align: center; font-size: 1.3em; color: #000000; } #article-vehicle-view.article-vehicle-new-view-5 .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; margin-top: -5px; font-size: 13px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 .person .btn-primary { padding: 15px 0; max-width: 300px !important; margin-bottom: 10px !important; font-weight: 400; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-slider-container { position: relative; padding: 0 20px; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-slider-container .prev,#article-vehicle-view.article-vehicle-new-view-5 .contact-persons-slider-container .next { color: #000000; cursor: pointer; font-size: 20px; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-slider-container .prev { left: 15px; position: absolute; top: 45%; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-slider-container .next { right: 15px; top: 45%; position: absolute; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-indicators { display: none; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #article-vehicle-view.article-vehicle-new-view-5 .contact-persons-indicators i.active { color: #555; } #article-vehicle-view.article-vehicle-new-view-5 .square { position: relative; width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 .square:after { content: ""; display: block; padding-bottom: 100%; } #article-vehicle-view.article-vehicle-new-view-5 .trade-in-form { padding: 15px; display: table; width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 .trade-in-form .h2 { margin-top: 0; font-size: 18px; } #article-vehicle-view.article-vehicle-new-view-5 .trade-in-form button { margin-top: 0; line-height: 34px; padding: 0; } #article-vehicle-view.article-vehicle-new-view-5 .trade-in-form .row > div { padding-top: 15px; } @media (min-width: 480px) and (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .trade-in-form { border-radius: 4px; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #vehicle_anfrage { padding-right: 0; padding-left: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicles-home-slider { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicles-home-slider .col-xs-12 { margin-bottom: 0; margin-top: 40px; } #article-vehicle-view.article-vehicle-new-view-5 .table > tbody > tr > td,#article-vehicle-view.article-vehicle-new-view-5 .table > tbody > tr > th,#article-vehicle-view.article-vehicle-new-view-5 .table > tfoot > tr > td,#article-vehicle-view.article-vehicle-new-view-5 .table > tfoot > tr > th,#article-vehicle-view.article-vehicle-new-view-5 .table > thead > tr > td,#article-vehicle-view.article-vehicle-new-view-5 .table > thead > tr > th { border-top: 0 solid #ddd; padding: 10px; font-size: 0.95em; } #article-vehicle-view.article-vehicle-new-view-5 .table-striped > tbody > tr:nth-of-type(odd) { background-color: #e5e5e5; } #article-vehicle-view.article-vehicle-new-view-5 .table-striped > tbody > tr:nth-of-type(even) { background-color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .btn-primary { width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .text-right { width: 100% !important; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .content-title { display: block; width: 100%; margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate tr { border: 0 solid #000; padding: 0; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate tr th { color: #a3a3a3; padding: 5px; width: 60%; padding-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate tr td { color: #a3a3a3; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate .noborder { padding: 0 !important; border: 0 !important; margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate .noborder td { padding: 0 !important; font-weight: 800; color: #000; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte input[type="text"],#article-vehicle-view.article-vehicle-new-view-5 .formular-spalte select,#article-vehicle-view.article-vehicle-new-view-5 .formular-spalte input[type="mail"],#article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .form-control { height: 42px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte textarea { height: 110px !important; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .form-group { margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .btn-primary { margin-top: 15px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .checkbox.checkbox-css .cr,#article-vehicle-view.article-vehicle-new-view-5 .formular-spalte .radio.checkbox-css .cr { color: #000000; border: 1px solid #000000; border-radius: 0; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte { padding-left: 0; } } #article-vehicle-view.article-vehicle-new-view-5 .complete-grey { background: #e5e5e5; margin-bottom: 35px; display: block; font-size: 0.95em; margin-left: 0; margin-right: 0; } #article-vehicle-view.article-vehicle-new-view-5 .complete-grey .content-title { display: block; width: 100%; margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 .complete-grey strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-5 .complete-grey img { max-width: 100%; height: auto; } #article-vehicle-view.article-vehicle-new-view-5 .beschreibung-distance { margin-top: 35px; } #article-vehicle-view.article-vehicle-new-view-5 .small,#article-vehicle-view.article-vehicle-new-view-5 small { font-size: 85%; } #article-vehicle-view.article-vehicle-new-view-5 .vehicle-view-favorits { margin-bottom: 20px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .vehicle-view-favorits { margin-top: 15px; } } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-price,#article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-financing,#article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-leasing { align-items: center; background: #f5f5f5; display: flex; justify-content: space-between; margin-bottom: 15px; overflow: hidden; text-decoration: none; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-price:hover,#article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-financing:hover,#article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-leasing:hover { color: inherit; text-decoration: none; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-block-left { color: #000000; flex-grow: 1; padding: 10px 30px 10px 10px; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-block-right { color: #fff; font-size: 12px; flex-grow: 2; padding: 10px 10px 10px 5px; text-align: right; position: relative; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-block-right:after { border-color: transparent #000000 transparent transparent; border-style: solid; border-width: 140px 40px 0 0; content: ''; position: absolute; top: 0; left: -40px; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-block-right span { font-size: 18px; font-weight: bold; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-price { background: #000000; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-price-difference { color: #fff; font-weight: bold; text-transform: uppercase; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-price { background: #d9d9d9; color: #ffffff; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-price:after { border-color: transparent #d9d9d9 transparent transparent; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-price span { display: block; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-price-retail { background: #f5f5f5; margin: -15px 0 15px; padding: 10px; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-financing-installment { background: #3c3c3c; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-financing-installment:after { border-color: transparent #3c3c3c transparent transparent; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-leasing-installment { background: #d9d9d9; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .card-car-leasing-installment:after { border-color: transparent #d9d9d9 transparent transparent; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-main-info { text-align: center; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container .car-details-main-info span { text-transform: uppercase; } #article-vehicle-view.article-vehicle-new-view-5 .car-details-right-container #js-bmd span { font-weight: bold; text-transform: uppercase; } #article-vehicle-view.article-vehicle-new-view-5 .nav-tabs > li { border-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 .nav-tabs > li > a { margin: 0 1px 0 0; padding: 3px 10px; } #article-vehicle-view.article-vehicle-new-view-5 .nav-tabs > li:last-child > a { margin: 0; } #article-vehicle-view.article-vehicle-new-view-5 .nav-tabs.nav-justified > li > a { border-bottom: 0; } .overlay_timer { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(255,255,255,0.85); color: #000; text-align: center; padding-top: 20px; } .overlay_timer span { display: block; width: 100%; padding: 10px; font-size: 1.2em; color: #000000; font-weight: 700; } .overlay_timer #clock { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; font-size: 4em; text-align: center; color: #000000; } #article-vehicle-view.article-vehicle-new-view-5 .button-box a { background-color: #000000 !important; } #article-vehicle-view.article-vehicle-new-view-5 .button-box2 a { background-color: #00adef !important; border-radius: 0; }#article-vehicle-view.article-vehicle-new-view-5 .button-box2 a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }#article-vehicle-view.article-vehicle-new-view-5 .button-box2 a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .article-vehicle-new-view-5 #vehicle-info-line-area { margin-top: 0; margin-bottom: 35px; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line { background: #000; padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #ccc; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .container { background: transparent; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .container a { color: #fff; font-size: 14px !important; padding: 0 15px 0 0; padding-top: 8px; font-weight: 600 !important; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .container a.active { color: #000000; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .container a:hover { background: transparent; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .container .btn .fa { width: 100%; display: block; text-align: center; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .title-cell { font-size: 15px; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .title-cell .h2 { top: 2px; position: relative; text-transform: uppercase !important; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line.fixed_pos { position: fixed; top: 60px; width: 100%; z-index: 9; } #article-vehicle-view.article-vehicle-new-view-5 h1 { font-weight: bold; font-size: 32px; padding-bottom: 10px; text-transform: none; }#article-vehicle-view.article-vehicle-new-view-5 .h1-subtitle { color: #000000; }#article-vehicle-view.article-vehicle-new-view-5 h2,#article-vehicle-view.article-vehicle-new-view-5 .h2 { color: #000000; font-size: 22px; font-weight: bold; letter-spacing: 0; text-transform: none; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0 !important; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { margin-bottom: 0; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box { padding-left: 65px !important; background: transparent; color: #000000; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-text { padding-top: 50px; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-info { font-size: 40px; font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box { margin-top: 25px; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box .btn-primary { border-radius: 0; padding: 10px 0; text-align: center; width: 100%; font-weight: 700 !important; font-size: 15px !important; line-height: 30px; text-transform: none; } .article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate tr { border: 0 solid #000; padding: 0; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } .article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate tr th { color: #a3a3a3; padding: 5px 5px; width: 60%; } .article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate tr td { color: #a3a3a3; }.article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate tr:last-child { border-bottom: 0; }.article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; }.article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate .noborder { padding: 0 !important; border: 0 !important; } .article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate .noborder td { padding: 0 !important; font-weight: 800; color: #000; } .article-vehicle-new-view-5 #section-vehicle-main .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .white-font { color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .white-font a { color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-standort { background: #fff; margin-top: 35px; margin-bottom: 35px; padding-top: 20px; padding-bottom: 20px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-standort .container { background: transparent; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-standort .highlight-change-bg { background: transparent !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-standort .svs-title-line h2 { color: #777; margin-bottom: 0; }#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form { background: url("/web/img/Fahrzeugankauf.jpg") no-repeat center center/cover; border-radius: 0; min-height: 400px; width: 100%; margin-top: 0; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form { min-height: 200px; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form > .container { background-color: transparent; padding-top: 100px; } @media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form > .container { padding-top: 80px; } } @media (max-width: 639px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form > .container { padding-top: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form .content-title { color: #000 !important; text-transform: uppercase !important; text-align: right; text-shadow: 2px 2px 1px #fff; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form .content-title { font-size: 15px !important; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form strong.text-muted { color: #000 !important; text-shadow: 2px 2px 1px #fff; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form strong.text-muted { font-size: 12px !important; } } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form button.btn-primary { color: #fff; background-color: #000 !important; margin-bottom: 5px; text-transform: none; font-size: 20px !important; font-weight: 700 !important; border-radius: 0; padding: 20px 30px; margin-top: 10px; } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form button.btn-primary { font-size: 15px !important; } }#article-vehicle-view.article-vehicle-new-view-5 #tradein-form-switch.in { margin-top: 0; } @media (max-width: 639px) { #article-vehicle-view.article-vehicle-new-view-5 #tradein-form-switch.in { margin-top: 20px; } } @media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 #tradein-form-switch.in { margin-top: 0; } } #article-vehicle-view.article-vehicle-new-view-5 #tradein-form-switch.in .content-title { text-align: left; } .article-vehicle-new-view-5 .time-opened { color: #7fb72a; }.article-vehicle-new-view-5 .time-closed { color: #f30; }.article-vehicle-new-view-5 #vehicle-location-information { padding-top: 60px; } .article-vehicle-new-view-5 #vehicle-location-information a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; } .article-vehicle-new-view-5 #vehicle-location-information .section-header { font-size: 20px; margin-bottom: 15px; margin-top: 15px; } .article-vehicle-new-view-5 #vehicle-location-information iframe { max-height: 350px; } .article-vehicle-new-view-5 #vehicle-location-information .content-title { margin-bottom: 15px; margin-top: 0; } .article-vehicle-new-view-5 #vehicle-location-information .feature-heading { margin-bottom: 10px; margin-top: 25px; } .article-vehicle-new-view-5 #vehicle-location-information .grey-area { background: #eaeaea; } .article-vehicle-new-view-5 #vehicle-location-information .pic-hover-area { background: rgba(255,255,255,0.5); padding-top: 15px; margin-top: -66px; padding-bottom: 15px; color: #101010; } .article-vehicle-new-view-5 #vehicle-location-information .pic-hover-area .open-time { font-weight: 700; } .article-vehicle-new-view-5 #vehicle-location-information .pic-hover-area small { margin-top: -1px; display: block; } .article-vehicle-new-view-5 #vehicle-location-information .pic-hover-area .section-header { margin-bottom: 0; margin-top: 0; } .article-vehicle-new-view-5 #vehicle-location-information .more-infos-direction { margin-top: 8px; text-align: center; } .article-vehicle-new-view-5 #vehicle-location-information .more-infos-direction a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; margin-right: 5px; } .article-vehicle-new-view-5 #vehicle-location-information .open-time-area { padding: 12px 12px 12px 0; text-align: left; font-size: 17px; font-weight: 700; color: #101010; } .article-vehicle-new-view-5 #vehicle-location-information .btn-primary { color: #fff; }.article-vehicle-new-view-5 .section-direction-infoboxen-new { margin-bottom: 35px; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox4 { padding-left: 30px !important; padding-right: 30px !important; } @media (min-width: 1680px) { .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox4 { min-height: 429px !important; } } @media (min-width: 768px) { .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox4 { padding-left: 0 !important; padding-right: 0 !important; } } .article-vehicle-new-view-5 .section-direction-infoboxen-new > .container > .row { display: flex; flex-direction: row; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .oda-down:after { right: 20px; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox-oa { padding-left: 30px !important; } .article-vehicle-new-view-5 .section-direction-infoboxen-new #google-map-direction-container { width: calc(100%); position: relative; bottom: -20px; } @media (min-width: 1680px) { .article-vehicle-new-view-5 .section-direction-infoboxen-new #google-map-direction-container { min-height: 277px !important; } } .article-vehicle-new-view-5 .section-direction-infoboxen-new .img-box { padding: 0 !important; order: 1; display: flex; flex-direction: column; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox-oa { order: 2; display: flex; flex-direction: column; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .highlight-box { padding-top: 0 !important; order: 3; display: flex; flex-direction: column; margin-bottom: 0; } .article-vehicle-new-view-5 .section-direction-infoboxen-new #section-vehicle-contact { margin-top: 0 !important; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .contact-persons-slider-container { margin-top: 0 !important; margin-bottom: 0 !important; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .new-button-line { text-align: center; margin-top: 30px; min-height: 50px; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .new-button-line .btn-primary { display: inline !important; padding: 15px 20px !important; margin-right: 5px !important; margin-left: 5px !important; } @media (max-width: 479px) { .article-vehicle-new-view-5 .section-direction-infoboxen-new .oda-down .col-xs-12.nopadding { padding-left: 30px !important; } } #article-vehicle-view.article-vehicle-new-view-5 .user-picture { width: 150px; height: 150px; margin: 0 auto; } #article-vehicle-view.article-vehicle-new-view-5 .table > tbody > tr > th { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 .request-col .content-title { margin-bottom: 35px; } #article-vehicle-view.article-vehicle-new-view-5 .formular-spalte strong.text-muted { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 .complete-grey .content-title { font-size: 15px; text-align: left; margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 strong.text-muted { font-weight: 700; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .container,#article-vehicle-view.article-vehicle-new-view-5 aside .container { max-width: 1580px; } #article-vehicle-view.article-vehicle-new-view-5 #vehicle-location-information { font-size: 13px; text-transform: uppercase; } #article-vehicle-view.article-vehicle-new-view-5 #vehicle-location-information .section-header { text-align: left; color: #101010; } #article-vehicle-view.article-vehicle-new-view-5 #vehicle-location-information img { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 #vehicle-location-information iframe { min-height: 405px; } #article-vehicle-view.article-vehicle-new-view-5 .vehicle-calculate > tbody > tr > th { padding: 5px 5px 5px 0; } #article-vehicle-view.article-vehicle-new-view-5 .vehicle-calculate > tbody > tr > td { padding-left: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil-dreieck,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil-dreieck { border-right: 140px solid transparent; border-top: 140px solid #a29fa0; width: 103px; height: 85px; margin-top: 0; position: absolute; left: 0; padding: 0; top: 0; z-index: 9999; }#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-angebot-dreieck,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-angebot-dreieck { border-right: 140px solid transparent; border-top: 140px solid #000000; width: 103px; height: 85px; margin-top: 0; position: absolute; left: 0; padding: 0; top: 0; z-index: 9999; }#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil { background: transparent; transform: rotate(-45deg); padding-top: 25px; padding-left: 0; text-align: center; margin-left: -10px; margin-top: -10px; position: absolute; top: 0; left: 0; z-index: 99999; color: #fff; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 38px; line-height: 38px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 38px; line-height: 38px; }#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-angebot,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .vehicle-badge-angebot { font-size: 17px; margin-top: -14px; } .artikeldetailansicht #page_wrapper { top: 0 !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { background: transparent; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .open-days-area.in { background: #f3f3f3; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new img { position: relative; top: 0; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new #google-map-direction-container { bottom: -12px; }#article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen.section-direction-infoboxen-new .aside-map-direction { margin-right: 0; } @media (min-width: 1024px) { .zahlungsoptionen .column { margin: 0 auto; float: unset; } }@media (max-width: 1023px) { .article-vehicle-new-view-5 #vehicle-info-line-area .btn-anfrage.visible-sm { display: inline !important; } .article-vehicle-new-view-5 #vehicle-info-line-area .btn-anfrage.hidden-sm { display: none !important; } }@media (max-width: 767px) { #article-vehicle-view.article-vehicle-new-view-5 .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body { padding-top: 0; } .article-vehicle-new-view-5 .leasing small,.article-vehicle-new-view-5 .finanzierung small { padding-left: 15px; padding-right: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .hauptpreis { border-bottom: 0; padding-bottom: 0; padding-left: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-box { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .current_price { line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .btn-merkliste { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-info { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info { margin-top: 0 !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-title { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .col-xs-12 { padding-left: 0; padding-right: 0; margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .col-xs-12 .cufi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .margin35px { padding-bottom: 0; padding-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-area .col-xs-12 { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-title { margin-bottom: 10px !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdui-info,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-info { margin-bottom: 0; padding-left: 0; padding-right: 0; } .article-vehicle-new-view-5 .section-direction-infoboxen-new > .container > .row { flex-direction: column; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox4 { padding-left: 0 !important; padding-right: 0 !important; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox4 .pic-hover-area { margin-bottom: 0; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .highlight-box #section-vehicle-contact { padding-left: 0; padding-right: 0; margin-bottom: 0; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .highlight-box #section-vehicle-contact .contact-persons-slider-container { padding-left: 0; padding-right: 0; margin-bottom: 0 !important; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .img-box { order: 2; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .infobox-oa { order: 3; } .article-vehicle-new-view-5 .section-direction-infoboxen-new .highlight-box { order: 1; } #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0 !important; } .artikeldetailansicht .article-vehicle-new-view-5 .zahlungsoptionen .tab-content { padding-left: 0; padding-top: 40px; padding-bottom: 70px; padding-right: 0; } #vehicle_beschreibung.in,#vehicle_ausstattung.in { margin-top: 0; } }@media (max-width: 991px) { .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-mobile-anker .container { padding: 0; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-mobile-anker a { color: #000; font-size: 0.9em; font-weight: 600; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-mobile-anker ul { list-style: none; padding: 0; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-mobile-anker ul li { border-bottom: 1px solid #ccc; display: block; padding: 10px 15px; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-mobile-anker.in { margin-top: 0; } }@media (min-width: 737px) and (max-width: 767px) { .article-vehicle-new-view-5 .equipment-list .col-sm-6:nth-child(odd) { padding-left: 0 !important; padding-right: 15px; } .article-vehicle-new-view-5 .equipment-list .col-sm-6:nth-child(even) { padding-right: 0; padding-left: 15px; } .article-vehicle-new-view-5 .car-umwelt-first-info .col-sm-6:nth-child(even) { padding-right: 15px !important; } .article-vehicle-new-view-5 .car-umwelt-first-info .col-sm-6:nth-child(odd) { padding-left: 15px !important; } .article-vehicle-new-view-5 .car-detail-info .cdi-info:nth-child(odd) { padding-left: 15px !important; } .article-vehicle-new-view-5 .car-detail-info .cdi-info:nth-child(even) { padding-right: 15px !important; } .article-vehicle-new-view-5 .car-detail-info .cdui-effizient { padding-left: 15px !important; } .article-vehicle-new-view-5 .car-detail-info .cdui-info { padding-right: 15px !important; } .article-vehicle-new-view-5 #vehicle-info-line-area.fixed_pos { margin-bottom: 0; margin-top: 0; top: 0; position: fixed; z-index: 99; width: 100%; } .article-vehicle-new-view-5 #vehicle-info-line-area { margin-bottom: 35px; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line { padding-top: 5px; padding-bottom: 7px; margin-bottom: 0; } .article-vehicle-new-view-5 #vehicle-info-line-area #vehicle-info-line .text-right { margin-bottom: 0 !important; padding-right: 0; } }@media (max-width: 479px) { #article-vehicle-view.article-vehicle-new-view-5 .container { max-width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen .location-all-vehicles .btn { padding-left: 10px; font-size: 10px !important; padding-bottom: 20px; word-wrap: break-word; max-width: 100%; width: 100%; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen .location-all-vehicles .btn:after { right: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen .highlight-box { min-height: 375px !important; } #article-vehicle-view.article-vehicle-new-view-5 .pic-hover-area .section-header { text-align: left; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen .oda-down .nopadding { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-direction-infoboxen .highlight-box .contact-info .link-third { font-size: 10px !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-view-tradein-form strong.text-muted { font-size: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #tradein-form-select-down .h2 { font-size: 20px !important; line-height: 22px; text-align: left; } }#vehcile_detail_finance_window .vehicle-calculate { font-size: 14px; }#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > td { width: 100%; }#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > th,#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > td { border-top: 0; } .artikeldetailansicht #header-data h1 { padding: 0; }.artikeldetailansicht #page_wrapper { top: 170px; }.artikeldetailansicht #site-content { padding-top: 0; }.artikeldetailansicht #section-content-block { padding-top: 0; }.artikeldetailansicht .zahlungsoptionen .nav-tabs { border-bottom: 0; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li { margin-right: 20px; } @media (min-width: 768px) { .artikeldetailansicht .zahlungsoptionen .nav-tabs > li { width: 300px; } }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li a { border: 0; color: #ccc; background: transparent; font-weight: 700 !important; font-size: 15px; text-align: left; padding: 0; width: 100%; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a,.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:hover,.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:focus { border: 0; color: #000; text-align: left; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li { border-bottom: 3px solid #ccc; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active { border-bottom: 3px solid #000; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:after { display: none; }.artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0; padding-top: 40px; padding-bottom: 70px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line { padding: 20px 0; font-size: 14px; } .artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; font-size: 14px; background: #f2f2f2; margin-bottom: 10px; } .artikeldetailansicht .zahlungsoptionen .tab-content .finance-line { border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; font-size: 14px; } .artikeldetailansicht .zahlungsoptionen .tab-content .finance-line div:first-child { font-weight: 700; } .artikeldetailansicht .zahlungsoptionen .tab-content .mtl-line { border-bottom: 1px solid #000; background: #f2f2f2; } .artikeldetailansicht .zahlungsoptionen .tab-content .end-line { margin-bottom: 10px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line,.artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line,.artikeldetailansicht .zahlungsoptionen .tab-content .finance-line { margin-left: 0; margin-right: 0; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line div,.artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line div,.artikeldetailansicht .zahlungsoptionen .tab-content .finance-line div { padding-left: 0; padding-right: 0; } .artikeldetailansicht .zahlungsoptionen .tab-content .opt-line { font-size: 12px; padding-top: 5px; } .modal-dialog.vehicle-payment .modal-content { border-radius: 0; } .modal-dialog.vehicle-payment .modal-content .info-line { padding: 20px 0; font-size: 14px; } .modal-dialog.vehicle-payment .modal-content .gesamt-line { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; font-size: 14px; background: #f2f2f2; margin-bottom: 10px; } .modal-dialog.vehicle-payment .modal-content .finance-line { border-bottom: 1px solid #ccc; padding: 10px 0 10px 0; font-size: 14px; } .modal-dialog.vehicle-payment .modal-content .finance-line div:first-child { font-weight: 700; } .modal-dialog.vehicle-payment .modal-content .mtl-line { border-bottom: 1px solid #000; background: #f2f2f2; } .modal-dialog.vehicle-payment .modal-content .end-line { margin-bottom: 10px; } .modal-dialog.vehicle-payment .modal-content .info-line,.modal-dialog.vehicle-payment .modal-content .gesamt-line,.modal-dialog.vehicle-payment .modal-content .finance-line { margin-left: 0; margin-right: 0; } .modal-dialog.vehicle-payment .modal-content .info-line div,.modal-dialog.vehicle-payment .modal-content .gesamt-line div,.modal-dialog.vehicle-payment .modal-content .finance-line div { padding-left: 0; padding-right: 0; } .modal-dialog.vehicle-payment .modal-content .opt-line { font-size: 12px; padding-top: 5px; }.modal-dialog.vehicle-payment .modal-header { border-bottom: 0; padding-top: 0; padding-right: 0; } .modal-dialog.vehicle-payment .modal-header .modal-title { display: none; } .modal-dialog.vehicle-payment .modal-header .close { margin-top: 0; padding: 5px 15px; background: #ccc; color: #333; font-size: 40px; text-shadow: 0 0 0 #fff; }@media (min-width: 1024px) { .modal-dialog.vehicle-payment { width: 800px; margin: 100px auto; } } .modal-dialog.new_view .modal-content { border-radius: 0; } @media (max-width: 736px) { #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-body { padding-top: 0; } .leasing small,.finanzierung small { padding-left: 15px; padding-right: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .hauptpreis { border-bottom: 0; padding-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price-box { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .price .current_price { line-height: 50px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .btn-merkliste { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-detail-first-info .cdfi-info { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info { margin-top: 0 !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .cufi-title { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .col-xs-6:nth-child(even) { padding-left: 15px; padding-right: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .col-xs-6:nth-child(odd) { padding-left: 0; padding-right: 15px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .col-xs-12 { padding-left: 0; padding-right: 0; margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .car-umwelt-first-info .col-xs-12 .cufi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .margin35px { padding-bottom: 0; padding-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-area .col-xs-12 { margin-bottom: 0; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-title { margin-bottom: 10px !important; } #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdui-info,#article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-equipment .car-detail-info .cdi-info { margin-bottom: 0; padding-left: 0; padding-right: 0; } .section-direction-infoboxen-new .infobox4 { padding-left: 0 !important; padding-right: 0 !important; } .section-direction-infoboxen-new .infobox4 .pic-hover-area { margin-bottom: 0; } .section-direction-infoboxen-new .highlight-box { margin-bottom: 0; } .section-direction-infoboxen-new .highlight-box #section-vehicle-contact { padding-left: 0; padding-right: 0; margin-bottom: 0; } .section-direction-infoboxen-new .highlight-box #section-vehicle-contact .contact-persons-slider-container { padding-left: 0; padding-right: 0; margin-bottom: 0 !important; } #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0 !important; } .artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0; padding-top: 40px; padding-bottom: 70px; padding-right: 0; } #article-vehicle-view.article-vehicle-new-view-5 #vehicle_beschreibung.in,#article-vehicle-view.article-vehicle-new-view-5 #vehicle_ausstattung.in { margin-top: 0; } #article-vehicle-view.article-vehicle-new-view-5 .equipment-list .col-xs-12 { padding-left: 0 !important; padding-right: 0; } #vehicle-info-line-area.fixed_pos { margin-bottom: 0; margin-top: 0; top: 0; position: fixed; z-index: 99; width: 100%; } #vehicle-info-line-area { margin-bottom: 10px; } #vehicle-info-line-area #vehicle-info-line { padding-top: 5px; padding-bottom: 7px; margin-bottom: 0; } #vehicle-info-line-area #vehicle-info-line .text-right { margin-bottom: 0 !important; padding-right: 0; } #vehicle-info-line-area #vehicle-info-line .container a { font-size: 23px !important; padding-top: 6px; padding-bottom: 2px; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { background: #00adef !important; color: #ffffff !important; top: 4px; font-size: 18px !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-xs { display: inline !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.hidden-xs { display: none !important; } }#page_wrapper #header.header_fixed_bg { z-index: 1; } .artikeldetailansicht .breadcrumb_area { background-color: #f3f3f3; }.artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-5 header { background: #ffffff; } .artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-5 header .container { background-color: transparent; }.artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main { padding-bottom: 25px; background: #ffffff; } .artikeldetailansicht #article-vehicle-view.article-vehicle-new-view-5 #section-vehicle-main .container { background-color: transparent; } /* Created on : Mar 02,2016,7:24:29 PM Author : Darius Zylka*/.artikeldetailansicht #site-content #section-content-block .content-block { display: none; } [data-view="vehicle"] #header-data .container { padding-top: 30px; } #article-vehicle-view.vehicle-new-detail-view { margin-bottom: 70px; background: #ffffff; color: #000000; /* header h1,h2,.h2 { color: $primary-color; font-weight: 400; .h1-subtitle{ color: #000; } font-size: 20px; } @media (min-width: 768px) { h1 { margin-top: 0; } }*/ /* .h2.content-title{ color: #000; }*/ } #article-vehicle-view.vehicle-new-detail-view .special-fahrzeuganfrage { margin-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view .special-fahrzeuganfrage .btn-anfrage { border-color: transparent; border: 0px; background: #000; background-color: #000 !important; background-image: none !important; width: 100%; padding: 15px; color: #ffffff; font-size: 1.2em; font-weight: 700; line-height: 25px; display: block; border-radius: 0px !important; text-align: center; cursor: pointer; } #article-vehicle-view.vehicle-new-detail-view .tradein-autouncle .btn-fullwidth { padding: 14px 10px; font-weight: 400; font-size: 18px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-view-favorits { margin-bottom: 40px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-view-favorits .col-xs-3 { padding-left: 0px; padding-right: 5px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-view-favorits .col-xs-3:last-child { padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-view-favorits .btn { width: 100%; border: 1px solid #000000; color: #000000; padding: 20px 0px; text-align: center; border-radius: 0px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-view-favorits .btn:hover,#article-vehicle-view.vehicle-new-detail-view .vehicle-view-favorits .btn.active { background: #00adef; color: #ffffff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body { background: #ffffff; padding-top: 35px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-description,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-article-info { padding-left: 0px; padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article { position: relative; min-height: 125px; cursor: pointer; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-pic { position: absolute; background-size: cover; background-position: center; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 1; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 2; background: #00adef; color: #ffffff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-a-header { padding: 10px 15px; font-weight: 600; padding-bottom: 5px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-a-body { padding: 10px 15px; font-size: 0.85em; padding-top: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-a-price { text-align: right; padding: 5px 15px; font-weight: 800; font-size: 1.3em; background: #ffffff; color: #00adef; width: auto; right: 0px; position: absolute; bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info .opt-active { display: none; position: absolute; top: 0%; right: 2%; font-size: 4em; color: #fff; z-index: 9; line-height: 1; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info:hover { background: #00000080; color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article .opt-info:hover .opt-a-price { background: #00adef; color: #ffffff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article.active { border-color: green; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article.active .opt-info { background: #22a72480; color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article.active .opt-info .opt-a-price { background: green; color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles article.opt-article.active .opt-active { display: block; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article { border-bottom: 1px solid #ccc; padding: 5px; padding-top: 10px; cursor: pointer; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article .opt-a-header { font-weight: 600; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article .opt-active { padding-left: 5px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article .opt-active input[type="checkbox"] { height: 20px; width: 20px; margin: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article .opt-a-price { font-size: 1.25em; font-weight: 800; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article .opt-a-body > .col-xs-12 { padding-bottom: 10px; font-size: 0.85em; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article.active { background: green; color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article:hover { background: #89deff; color: #ffffff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-opt-articles .row.opt-article.active:hover { background: green; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .row { margin-right: 0; margin-left: 0; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-title { font-weight: 700; border-bottom: 3px solid #000; width: 100%; display: block; color: #000; font-size: 15px; padding-left: 0px; margin-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-block { padding-right: 0px; padding-left: 0px; display: block; width: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-area { margin-bottom: 35px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdui-info { padding-left: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdui-effizient .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; font-weight: 600; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdui-effizient small { font-size: 0.9em; line-height: 1.5em; font-weight: 600; margin-bottom: 35px; display: block; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdui-effizient img { max-width: 100%; width: auto; height: auto; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdui-effizient a { color: #000000; font-size: 14px; padding-top: 20px; display: block; font-weight: 600 !important; } @media (min-width: 769px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-info:nth-child(even) { padding-left: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body .car-detail-info .cdi-info:nth-child(odd) { padding-right: 0px; } } #article-vehicle-view.vehicle-new-detail-view .img-thumbnail { padding: 0px; border-radius: 0px; border: 0px; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .well { border-radius: 0px; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .well { display: table; width: 100%; } #article-vehicle-view.vehicle-new-detail-view .well form .from-group { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view .well form .row .col-xs-12 { margin-bottom: 0px; } } @media (max-width: 320px) { #article-vehicle-view.vehicle-new-detail-view .fa-2x { font-size: 1.5em; } } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .tradeinbutton { margin-left: 0px; width: 100%; background: transparent; background-color: transparent !important; color: #000000; font-size: 1.4em !important; font-weight: normal; text-align: left; padding-left: 15px; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton .resp_mobile_pfeil_down,#article-vehicle-view.vehicle-new-detail-view .tradeinbutton .open .resp_mobile_pfeil_up { text-align: right; position: relative; right: 0px; top: 0px; margin-top: 0px; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton .resp_mobile_pfeil_up,#article-vehicle-view.vehicle-new-detail-view .tradeinbutton .open .resp_mobile_pfeil_down { display: none; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .tradeinbutton { /* padding: 0px !important;*/ margin-top: 0px; text-align: left !important; font-size: 1.1em !important; } } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton .resp_mobile_pfeil_down,#article-vehicle-view.vehicle-new-detail-view .tradeinbutton .resp_mobile_pfeil_up { text-align: right; position: relative; right: 0px; top: 0px; margin-top: 0px; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton .resp_mobile_pfeil_up { display: inline; right: 10px; position: absolute; top: 15px; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton .resp_mobile_pfeil_down { display: none; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton.collapsed .resp_mobile_pfeil_down { display: inline; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton.collapsed .resp_mobile_pfeil_up { display: none; } #article-vehicle-view.vehicle-new-detail-view header .container { padding-top: 40px; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view header .container { padding-top: 0px !important; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view header .container { padding-top: 30px !important; } } #article-vehicle-view.vehicle-new-detail-view .container { background-color: #ffffff; } #article-vehicle-view.vehicle-new-detail-view header h1 { margin-top: 0px; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view .button-box { display: inline-block; margin-bottom: 40px; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .button-box { margin-bottom: 0px; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .button-box { margin-bottom: 20px; } } #article-vehicle-view.vehicle-new-detail-view .button-box a { margin-left: 5px; font-size: 1em; } #article-vehicle-view.vehicle-new-detail-view .button-box a i { margin-right: 2px; } #article-vehicle-view.vehicle-new-detail-view .button-box a.btn { padding: 14px 12px; margin-left: 5px; margin-top: 0; min-width: 200px; max-width: 100%; } @media (max-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view .button-box a.btn { min-width: 165px; } } #article-vehicle-view.vehicle-new-detail-view .button-box .info-image { margin-left: 10px; } #article-vehicle-view.vehicle-new-detail-view .button-box .customer-voices { display: inline-block; margin-right: 15px; } #article-vehicle-view.vehicle-new-detail-view .button-box .back-to-list span { position: relative; top: 0px; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .button-box .back-to-list { width: 50px; min-width: 50px !important; max-width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .button-box .back-to-list { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.vehicle-new-detail-view .button-box .facebookflat { background: #3b5998 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .button-box .facebookflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.vehicle-new-detail-view .button-box .facebookflat i { font-size: 1.15em !important; } } #article-vehicle-view.vehicle-new-detail-view .button-box .googleplusflat { background: #dc4e41 !important; padding: 10px 12px !important; max-width: 50px !important; min-width: 50px !important; height: 47px; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .button-box .googleplusflat { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } #article-vehicle-view.vehicle-new-detail-view .button-box .googleplusflat i { font-size: 1.15em !important; } } #article-vehicle-view.vehicle-new-detail-view .button-box2 a.btn { padding: 14px 12px; margin-left: 0px; margin-top: 0; } #article-vehicle-view.vehicle-new-detail-view .button-box2 a.normal { background: #7b7b7b; width: 215px; } @media (max-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view .button-box2 a.normal { width: 165px; } } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .button-box2 a.normal { width: 50px; height: 49px; padding: 3px 12px !important; font-size: 2em !important; min-width: 50px; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .button-box2 a.normal { width: 35px; min-width: 35px !important; max-width: 35px; height: 35px; padding: 3px 7px !important; font-size: 1.5em !important; } } #article-vehicle-view.vehicle-new-detail-view .button-box2 .btn:hover,#article-vehicle-view.vehicle-new-detail-view .button-box2 .normal:hover { background: #00adef !important; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view { margin-top: 30px; } #article-vehicle-view.vehicle-new-detail-view .button-box a.btn { padding: 3px 6px; margin-left: 2px; } } @media (max-width: 768px) and (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #header-data .col-xs-12 { margin-bottom: 0px; } } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #header-data h1 { font-size: 1.4em; line-height: 30px; } #article-vehicle-view.vehicle-new-detail-view #header-data h1 .h1-subtitle { font-size: 0.8em; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #article-vehicle-view.vehicle-new-detail-view .button-box { margin-bottom: 0px; } } #article-vehicle-view.vehicle-new-detail-view .opinions-link { display: inline-block; margin-top: 10px; } #article-vehicle-view.vehicle-new-detail-view .opinions-link i { color: #FEB800; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main { clear: both; /*padding-top: $default-vertical-padding / 2;*/ } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .row { margin-right: 0; margin-left: 0; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-block { padding-right: 0px; padding-left: 0px; display: block; width: 100%; } @media (min-width: 769px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-info:nth-child(even) { padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-info:nth-child(odd) { padding-left: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info { position: relative; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .row { margin-right: 0; margin-left: 0; } @media (min-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-title { position: absolute; top: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-title h2 { margin-top: 0px !important; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-title h2 { text-align: left; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-block { font-size: 0.9em; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-block .text-muted { display: block; font-size: 12px; width: 100%; padding-bottom: 4px; } @media (min-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-info { padding-left: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-block { padding-right: 0px; padding-left: 0px; padding-top: 80px; display: block; width: 100%; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-block { padding-top: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-primary { display: inline-block; position: relative; width: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-primary .vehicle-badge { left: 5px; top: 5px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .table-maindata { margin-top: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .table-maindata tr:first-child th,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .table-maindata tr:first-child td { border-top-width: 0; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .table-maindata.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #f7f7f7; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .table-maindata th,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .table-maindata td { border-top: 1px solid #f2f2f2; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .description { margin-top: 20px; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-box { margin-top: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price { text-align: left; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-rrp { color: #000000; clear: both; text-align: left; padding-left: 0px; padding-top: 30px; font-weight: 700; padding-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-rrp .uvp-info { text-align: left; font-size: 15px; font-weight: 700; display: block; padding-bottom: 5px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-rrp .uvp-price { padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-rrp .pricevorteil { text-align: left; font-size: 15px; display: inline; line-height: 18px; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-rrp .priceersparnis { text-align: left; font-size: 15px; display: inline; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-old { display: inline-block; font-size: 25px; margin-left: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .current_price { display: block; font-size: 55px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; clear: both; line-height: 70px; color: #000; vertical-align: middle; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .btn-merkliste { width: 100%; padding: 15px 10px 20px; text-align: center; font-size: 14px !important; border-radius: 0px; background: #00adef; color: #ffffff; margin-bottom: 20px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .btn-merkliste .fa { padding-right: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price.normal_price { padding-top: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price.normal_price .price-old { display: none; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing { color: #000; margin-bottom: 0px !important; padding-right: 0px; padding-top: 35px; padding-bottom: 35px; padding-left: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .btn-rate,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .btn-rate { background: #000; color: #fff; width: 100%; padding: 10px 10px; text-align: center; font-size: 20px !important; font-weight: 700 !important; border-radius: 0px; margin-bottom: 5px; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .btn-rate,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .btn-rate { font-size: 16px !important; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .price-info,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .price-info { font-size: 25px; font-weight: 700; color: #000; opacity: 1; text-align: left; line-height: 25px; float: left; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .price-info .text-small,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .price-info .text-small { font-size: 20px; font-weight: 800; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .price-info small,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .price-info small { font-size: 20px; font-weight: 800; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .current_price,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .current_price { float: right; color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .current_price .price-font,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .current_price .price-font { color: #000 !important; font-weight: 800 !important; font-size: 50px; line-height: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .current_price .fa,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .current_price .fa { font-weight: 800; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung .footnote,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing .footnote { margin-right: -20px; } @media (max-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .finanzierung,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .leasing { padding-top: 5px; padding-bottom: 10px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .sonderpreis { background: #012350; height: 157px; bottom: 0px; position: absolute; margin-bottom: 0px !important; padding-right: 50px; padding-top: 20px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .hauptpreis { padding: 0px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .hauptpreis { padding-left: 15px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main #individual-offer button { padding: 6px 12px; margin-top: 0; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main #individual-offer input { width: 80px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-tax { font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-info { font-size: 25px; font-weight: 700; text-align: left; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-info { font-size: 16px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-info-small { font-weight: 400; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main small { display: inline-block; font-size: 10px; line-height: 12px; font-weight: normal; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .envk-image { width: auto; max-height: 135px; max-width: 100%; float: right; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-thumbcol a { display: block; position: relative; width: 100%; height: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-more-info,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-video-info { position: absolute; padding-left: inherit; padding-right: inherit; left: 0; top: 0; width: 100%; height: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-more-info div,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-video-info div { display: flex; width: 100%; height: 100%; background: rgba(255,255,255,0.5); border-radius: 0px; color: #3c3c3c; justify-content: center; align-content: center; flex-direction: column; text-align: center; font-size: 60px; font-weight: bold; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-video-info div { font-size: 35px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .condition-panel { margin-bottom: 30px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .condition-panel span { margin-right: 10px; white-space: nowrap; /*font-weight: 700;*/ } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .condition-panel { margin-bottom: 0px; font-size: 0.9em; font-weight: 600; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .more-pictures .image-thumbcol { padding-left: 0px; padding-right: 3px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .more-pictures .image-thumbcol:last-child { padding-right: 0px; } @media (max-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-left { padding-right: 0px; } } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-left { padding-left: 0px !important; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-left { padding-left: 0px !important; } } @media (max-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right { padding-left: 0px !important; padding-top: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right .leasing,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right .finanzierung,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right > .nopadding { padding-left: 15px; } } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right .leasing,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right .finanzierung,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area > .nopadding-right > .nopadding { padding-left: 0px; } } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .image-pice-area { margin-left: -15px !important; margin-right: -15px !important; margin-top: 15px !important; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .ausstattungbutton { margin-top: 20px; } } #article-vehicle-view.vehicle-new-detail-view .anfragebutton { padding-left: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment { /*background: #F9F9F9;*/ /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .well { width: calc(100% + 30px); } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment h3 { /*margin-bottom: $default-vertical-padding;*/ } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment #vehicle_beschreibung,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment #vehicle_ausstattung { padding: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment #vehicle_beschreibung div,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment #vehicle_ausstattung div { text-align: justify; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment #vehicle_beschreibung { padding-left: 15px !important; padding-right: 15px !important; font-size: 0.9em; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list ul { margin-bottom: 20px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list strong.text-muted { font-weight: 700; border-bottom: 3px solid #000; width: 100%; display: block; color: #000; font-size: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list li { border-bottom: 1px solid #ececec; font-size: 14px; padding: 5px 0px; } @media (min-width: 1200px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (min-width: 992px) and (max-width: 1199px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '4 .column.size-1of4'; } } @media (min-width: 768px) and (max-width: 991px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '3 .column.size-1of3'; } } @media (max-width: 767px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '2 .column.size-1of2'; } } @media (max-width: 550px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .equipment-list[data-columns]::before { content: '1 .column.size-1of1'; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .column { float: left; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .size-1of4 { width: 25%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .size-1of3 { width: 33.333%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .size-1of2 { width: 50%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .size-1of1 { width: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment ul { list-style-type: none; padding: 10px 0 0 0; margin-left: 0; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment ul li i { /*color: lighten($primary-font-color,30%);*/ } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .description { padding-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .description li { list-style-type: disc; margin-left: 16px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact { margin-top: 20px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact .container { /*padding-top: $default-vertical-padding / 2;*/ /*padding-bottom: $default-vertical-padding;*/ background: #FAFAFA; } @media (min-width: 992px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact .equal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact .equal > [class*='col-'] { display: flex; flex-direction: column; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact .request-col { background: #F2F2F2; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact h3 { /*color: #fff;*/ margin-bottom: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact label { /*color: #fff;*/ } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact .help-block { color: #cccccc; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact .pictograph i { transform: rotate(340deg); font-size: 350px; margin-top: 15%; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-contact #vehicle-request-form textarea { height: 110px; } #article-vehicle-view.vehicle-new-detail-view .user-picture { margin: 10px auto; display: block; width: 250px; height: 250px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-size: contain; border: 4px solid #fff; -webkit-box-shadow: 0px 0px 1px 1px #CCCCCC; -moz-box-shadow: 0px 0px 1px 1px #CCCCCC; box-shadow: 0px 0px 1px 1px #CCCCCC; } #article-vehicle-view.vehicle-new-detail-view .person h3 { font-weight: bold; text-align: center; font-size: 1.3em; } #article-vehicle-view.vehicle-new-detail-view .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; margin-top: -5px; font-size: 13px; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view .person .btn-primary { padding: 15px 0px; max-width: 300px !important; margin-bottom: 10px !important; font-weight: 400; margin-top: 0px; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-slider-container { position: relative; padding: 0 20px; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-slider-container .prev,#article-vehicle-view.vehicle-new-detail-view .contact-persons-slider-container .next { color: #000000; cursor: pointer; font-size: 20px; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-slider-container .prev { left: 15px; position: absolute; top: 45%; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-slider-container .next { right: 15px; top: 45%; position: absolute; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-indicators { display: none; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #article-vehicle-view.vehicle-new-detail-view .contact-persons-indicators i.active { color: #555; } #article-vehicle-view.vehicle-new-detail-view .square { position: relative; width: 100%; } #article-vehicle-view.vehicle-new-detail-view .square:after { content: ""; display: block; padding-bottom: 100%; } #article-vehicle-view.vehicle-new-detail-view .trade-in-form { padding: 15px; /*background: #FAFAFA;*/ display: table; width: 100%; } #article-vehicle-view.vehicle-new-detail-view .trade-in-form .h2 { margin-top: 0; font-size: 18px; } #article-vehicle-view.vehicle-new-detail-view .trade-in-form button { margin-top: 0; line-height: 34px; padding: 0; } #article-vehicle-view.vehicle-new-detail-view .trade-in-form .row > div { padding-top: 15px; } @media (min-width: 481px) and (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .trade-in-form { border-radius: 4px; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #vehicle_anfrage { padding-right: 0px; padding-left: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicles-home-slider { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicles-home-slider .col-xs-12 { margin-bottom: 0px; margin-top: 40px; } #article-vehicle-view.vehicle-new-detail-view .table > tbody > tr > td,#article-vehicle-view.vehicle-new-detail-view .table > tbody > tr > th,#article-vehicle-view.vehicle-new-detail-view .table > tfoot > tr > td,#article-vehicle-view.vehicle-new-detail-view .table > tfoot > tr > th,#article-vehicle-view.vehicle-new-detail-view .table > thead > tr > td,#article-vehicle-view.vehicle-new-detail-view .table > thead > tr > th { border-top: 0px solid #ddd; padding: 10px; font-size: 0.95em; padding-left: 30px; } #article-vehicle-view.vehicle-new-detail-view .table > tbody > tr > td { width: 60%; } #article-vehicle-view.vehicle-new-detail-view .table > tbody > tr > th { width: 40%; } #article-vehicle-view.vehicle-new-detail-view .table-striped > tbody > tr:nth-of-type(even) { background-color: #e5e5e5; } #article-vehicle-view.vehicle-new-detail-view .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .btn-primary { width: 100%; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .text-right { width: 100% !important; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .content-title { display: block; width: 100%; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate tr { border: 0px solid #000; padding: 0px; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate tr th { color: #a3a3a3; padding: 5px; width: 60%; padding-left: 0px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate tr td { color: #a3a3a3; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate .noborder { padding: 0px !important; border: 0px !important; margin-top: 15px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate .noborder td { padding: 0px !important; font-weight: 800; color: #000; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte input[type="text"],#article-vehicle-view.vehicle-new-detail-view .formular-spalte select,#article-vehicle-view.vehicle-new-detail-view .formular-spalte input[type="mail"],#article-vehicle-view.vehicle-new-detail-view .formular-spalte .form-control { height: 42px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte textarea { height: 110px !important; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .form-group { margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .btn-primary { margin-top: 15px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte .checkbox.checkbox-css .cr,#article-vehicle-view.vehicle-new-detail-view .formular-spalte .radio.checkbox-css .cr { color: #000000; border: 1px solid #000000; border-radius: 0; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .formular-spalte { padding-left: 0px; } } #article-vehicle-view.vehicle-new-detail-view .complete-grey { background: #e5e5e5; margin-bottom: 35px; display: block; padding: 20px; font-size: 0.95em; margin-left: 0px; margin-right: 0px; } #article-vehicle-view.vehicle-new-detail-view .complete-grey .content-title { display: block; width: 100%; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view .complete-grey strong.text-muted { display: block; width: 100%; margin-bottom: 20px; } #article-vehicle-view.vehicle-new-detail-view .complete-grey img { max-width: 100%; height: auto; } #article-vehicle-view.vehicle-new-detail-view .beschreibung-distance { margin-top: 35px; } #article-vehicle-view.vehicle-new-detail-view .small,#article-vehicle-view.vehicle-new-detail-view small { font-size: 85%; } #article-vehicle-view.vehicle-new-detail-view #aside-probefahrt-form { margin-top: 60px; margin-bottom: 60px; background: #f2f2f2; padding-top: 25px; padding-bottom: 25px; } #article-vehicle-view.vehicle-new-detail-view #aside-probefahrt-form .container { background: transparent; max-width: 800px; } .overlay_timer { display: none; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; background: rgba(255,255,255,0.85); color: #000; text-align: center; padding-top: 20px; } .overlay_timer span { display: block; width: 100%; padding: 10px; font-size: 1.2em; color: #000000; font-weight: 700; } .overlay_timer #clock { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; font-size: 4em; text-align: center; color: #000000; } #article-vehicle-view.vehicle-new-detail-view .button-box a { background-color: #000000 !important; } #article-vehicle-view.vehicle-new-detail-view .button-box2 a { background-color: #00adef !important; border-radius: 0px; }#article-vehicle-view.vehicle-new-detail-view .button-box2 a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }#article-vehicle-view.vehicle-new-detail-view .button-box2 a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /*#article-vehicle-view h2,#article-vehicle-view .h2 { text-align: left; font-size: 25px; margin-bottom: 30px; margin-top: 30px;}*/#vehicle-info-line-area { margin-top: 0px; margin-bottom: 35px; } #vehicle-info-line-area #vehicle-info-line { background: #000; color: #fff; padding-top: 10px; padding-bottom: 10px; font-size: 16px; color: #ccc; } #vehicle-info-line-area #vehicle-info-line .container { background: transparent; } #vehicle-info-line-area #vehicle-info-line .container a { color: #fff; font-size: 14px !important; padding: 0px 15px 0px 0px; padding-top: 8px; font-weight: 600 !important; } #vehicle-info-line-area #vehicle-info-line .container a.active { color: #000000; } #vehicle-info-line-area #vehicle-info-line .container a:hover { background: transparent; } #vehicle-info-line-area #vehicle-info-line .container .btn .fa { width: 100%; display: block; text-align: center; padding-bottom: 3px; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { background: #fff; color: #000; padding: 10px 35px; font-weight: 600 !important; border-radius: 0px; margin-left: 5px; position: relative; top: 2px; cursor: pointer; } @media (min-width: 1380px) { #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-lg { display: inline !important; } } @media (min-width: 1025px) { #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-md { display: inline !important; } } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage:hover { background: #00adef; color: #ffffff; } #vehicle-info-line-area #vehicle-info-line .title-cell { font-size: 15px; } #vehicle-info-line-area #vehicle-info-line .title-cell .h2 { top: 2px; position: relative; text-transform: uppercase !important; } #vehicle-info-line-area #vehicle-info-line.fixed_pos { position: fixed; top: 60px; width: 100%; z-index: 9; } #article-vehicle-view.vehicle-new-detail-view h1 { font-weight: 700; font-size: 32px; padding-bottom: 10px; font-family: 'Open Sans'; text-transform: none; }#article-vehicle-view.vehicle-new-detail-view .h1-subtitle { color: #000000; }#article-vehicle-view.vehicle-new-detail-view h2,#article-vehicle-view.vehicle-new-detail-view .h2 { font-size: 22px; font-weight: 700; font-family: 'Open Sans'; color: #ccc; margin-bottom: 45px; text-transform: none !important; letter-spacing: 0; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new { margin-bottom: 35px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box { padding-left: 65px !important; background: transparent; color: #000000; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-text { padding-top: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-info { font-size: 40px; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box { margin-top: 25px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box .btn-primary { border-radius: 0px; padding: 10px 0px; text-align: center; width: 100%; font-weight: 700 !important; font-size: 15px !important; line-height: 30px; text-transform: none; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { padding-left: 30px !important; padding-right: 30px !important; } @media (min-width: 1680px) { #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { min-height: 429px !important; } } @media (min-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new > .container > .row { display: flex; flex-direction: row; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .oda-down:after { right: 20px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox-oa { padding-left: 30px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new #google-map-direction-container { width: calc(100%); position: relative; bottom: -20px; } @media (min-width: 1680px) { #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new #google-map-direction-container { min-height: 277px !important; } } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .img-box { padding: 0px !important; order: 1; display: flex; flex-direction: column; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox-oa { order: 2; display: flex; flex-direction: column; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { padding-top: 0px !important; order: 3; display: flex; flex-direction: column; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new #section-vehicle-contact { margin-top: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-top: 0px !important; margin-bottom: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-button-line { text-align: center; margin-top: 30px; min-height: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-button-line .btn-primary { display: inline !important; padding: 15px 20px !important; margin-right: 5px !important; margin-left: 5px !important; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .oda-down .col-xs-12.nopadding { padding-left: 30px !important; } } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new img { top: 0px; } .vehicle-new-detail-view #section-vehicle-main .vehicle-calculate tr { border: 0px solid #000; padding: 0px; display: block; border-bottom: 1px solid #f2f2f2; margin-left: 20px; } .vehicle-new-detail-view #section-vehicle-main .vehicle-calculate tr th { color: #a3a3a3; padding: 5px 5px; width: 60%; } .vehicle-new-detail-view #section-vehicle-main .vehicle-calculate tr td { color: #a3a3a3; }.vehicle-new-detail-view #section-vehicle-main .vehicle-calculate tr:last-child { border-bottom: 0px; }.vehicle-new-detail-view #section-vehicle-main .vehicle-calculate .text-right { text-align: right; float: none; width: 12% !important; padding: 5px 5px; font-weight: 700; }.vehicle-new-detail-view #section-vehicle-main .vehicle-calculate .noborder { padding: 0px !important; border: 0px !important; } .vehicle-new-detail-view #section-vehicle-main .vehicle-calculate .noborder td { padding: 0px !important; font-weight: 800; color: #000; } .vehicle-new-detail-view #section-vehicle-main .vehicle-calculate .noborder td small { font-weight: 800 !important; color: #000; font-size: 13px !important; line-height: 18px !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .white-font { color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .white-font a { color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort { background: #f3f3f3; margin-top: 35px; margin-bottom: 35px; padding-top: 20px; padding-bottom: 20px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .container { background: transparent; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg { background: transparent !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .highlight-question,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .phone-text,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .phone-info { color: #000000; padding-left: 65px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .phone-text { padding-top: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .phone-info { font-size: 40px; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .row.contact-button-box { margin-top: 25px; padding-left: 65px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .highlight-change-bg .row.contact-button-box .btn-primary { border-radius: 0px; padding: 10px 0px; text-align: center; width: 100%; font-weight: 700 !important; font-size: 15px !important; line-height: 30px; text-transform: none; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-standort .svs-title-line h2 { color: #777; margin-bottom: 0px; }#article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form { background: url("/web/img/Fahrzeugankauf.jpg") no-repeat; background-size: cover; background-position: center center; border-radius: 0px; min-height: 400px; width: 100%; margin-top: 0px; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form { min-height: 200px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form > .container { background-color: transparent; padding-top: 100px; } @media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form > .container { padding-top: 80px; } } @media (max-width: 640px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form > .container { padding-top: 0px; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form .content-title { color: #000 !important; text-transform: uppercase !important; text-align: right; text-shadow: 2px 2px 1px #fff; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form .content-title { font-size: 15px !important; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form strong.text-muted { color: #000 !important; text-shadow: 2px 2px 1px #fff; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form strong.text-muted { font-size: 12px !important; } } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form button.btn-primary { background: #000; color: #fff; background-color: #000 !important; margin-bottom: 5px; text-transform: none; font-size: 20px !important; font-weight: 700 !important; border-radius: 0px; padding: 20px 30px; margin-top: 10px; } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form button.btn-primary { font-size: 15px !important; } }#article-vehicle-view.vehicle-new-detail-view #tradein-form-switch.in { margin-top: 0px; } @media (max-width: 640px) { #article-vehicle-view.vehicle-new-detail-view #tradein-form-switch.in { margin-top: 20px; } } @media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view #tradein-form-switch.in { margin-top: 0px; } } #article-vehicle-view.vehicle-new-detail-view #tradein-form-switch.in .content-title { text-align: left; } .vehicle-new-detail-view #vehicle-location-information { padding-top: 60px; } .vehicle-new-detail-view #vehicle-location-information a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; } .vehicle-new-detail-view #vehicle-location-information .section-header { font-size: 20px; margin-bottom: 15px; margin-top: 15px; } .vehicle-new-detail-view #vehicle-location-information iframe { max-height: 350px; } .vehicle-new-detail-view #vehicle-location-information .content-title { margin-bottom: 15px; margin-top: 0px; } .vehicle-new-detail-view #vehicle-location-information .feature-heading { margin-bottom: 10px; margin-top: 25px; } .vehicle-new-detail-view #vehicle-location-information .grey-area { background: #EAEAEA; } .vehicle-new-detail-view #vehicle-location-information .green-dot { color: #7fb72a; margin-right: 5pxc; } .vehicle-new-detail-view #vehicle-location-information .pic-hover-area { background: rgba(255,255,255,0.5); padding-top: 15px; margin-top: -66px; padding-bottom: 15px; color: #101010; } .vehicle-new-detail-view #vehicle-location-information .pic-hover-area .open-time { font-weight: 700; } .vehicle-new-detail-view #vehicle-location-information .pic-hover-area small { margin-top: -1px; display: block; } .vehicle-new-detail-view #vehicle-location-information .pic-hover-area .section-header { margin-bottom: 0px; margin-top: 0px; } .vehicle-new-detail-view #vehicle-location-information .more-infos-direction { margin-top: 8px; text-align: center; } .vehicle-new-detail-view #vehicle-location-information .more-infos-direction a { color: #101010; padding-bottom: 3px; border-bottom: 2px solid #101010; margin-right: 5px; } .vehicle-new-detail-view #vehicle-location-information .open-time-area { padding: 12px; padding-left: 0px; text-align: left; font-size: 17px; font-weight: 700; color: #101010; } .vehicle-new-detail-view #vehicle-location-information .btn-primary { color: #fff; }.vehicle-new-detail-view .section-direction-infoboxen-new { margin-bottom: 35px; } .vehicle-new-detail-view .section-direction-infoboxen-new .infobox4 { padding-left: 30px !important; padding-right: 30px !important; } @media (min-width: 1680px) { .vehicle-new-detail-view .section-direction-infoboxen-new .infobox4 { min-height: 429px !important; } } @media (min-width: 768px) { .vehicle-new-detail-view .section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } } .vehicle-new-detail-view .section-direction-infoboxen-new > .container > .row { display: flex; flex-direction: row; } .vehicle-new-detail-view .section-direction-infoboxen-new .oda-down:after { right: 20px; } .vehicle-new-detail-view .section-direction-infoboxen-new .infobox-oa { padding-left: 30px !important; } .vehicle-new-detail-view .section-direction-infoboxen-new #google-map-direction-container { width: calc(100%); position: relative; bottom: -20px; } @media (min-width: 1680px) { .vehicle-new-detail-view .section-direction-infoboxen-new #google-map-direction-container { min-height: 277px !important; } } .vehicle-new-detail-view .section-direction-infoboxen-new .img-box { padding: 0px !important; order: 1; display: flex; flex-direction: column; } .vehicle-new-detail-view .section-direction-infoboxen-new .infobox-oa { order: 2; display: flex; flex-direction: column; } .vehicle-new-detail-view .section-direction-infoboxen-new .highlight-box { padding-top: 0px !important; order: 3; display: flex; flex-direction: column; margin-bottom: 0px; } .vehicle-new-detail-view .section-direction-infoboxen-new #section-vehicle-contact { margin-top: 0px !important; } .vehicle-new-detail-view .section-direction-infoboxen-new .contact-persons-slider-container { margin-top: 0px !important; margin-bottom: 0px !important; } .vehicle-new-detail-view .section-direction-infoboxen-new .new-button-line { text-align: center; margin-top: 30px; min-height: 50px; } .vehicle-new-detail-view .section-direction-infoboxen-new .new-button-line .btn-primary { display: inline !important; padding: 15px 20px !important; margin-right: 5px !important; margin-left: 5px !important; } @media (max-width: 480px) { .vehicle-new-detail-view .section-direction-infoboxen-new .oda-down .col-xs-12.nopadding { padding-left: 30px !important; } } #article-vehicle-view.vehicle-new-detail-view .user-picture { width: 150px; height: 150px; margin: 0px auto; } #article-vehicle-view.vehicle-new-detail-view .section-direction-infoboxen-new .user-picture { width: 250px; height: 250px; } #article-vehicle-view.vehicle-new-detail-view .table > tbody > tr > th { font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view .request-col .content-title { margin-bottom: 35px; } #article-vehicle-view.vehicle-new-detail-view .formular-spalte strong.text-muted { font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .container,#article-vehicle-view.vehicle-new-detail-view aside .container { max-width: 100%; } #article-vehicle-view.vehicle-new-detail-view .complete-grey .content-title { font-size: 15px; text-align: left; margin-top: 0px; } #article-vehicle-view.vehicle-new-detail-view strong.text-muted { font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #vehicle-location-information { font-size: 13px; text-transform: uppercase; } #article-vehicle-view.vehicle-new-detail-view #vehicle-location-information .section-header { text-align: left; color: #101010; } #article-vehicle-view.vehicle-new-detail-view #vehicle-location-information img { max-width: 100%; } #article-vehicle-view.vehicle-new-detail-view #vehicle-location-information iframe { min-height: 405px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-calculate > tbody > tr > th { padding: 5px; padding-left: 0px; } #article-vehicle-view.vehicle-new-detail-view .vehicle-calculate > tbody > tr > td { padding-left: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .more-pictures .image-thumbcol { padding-left: 2px; padding-right: 3px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .more-pictures .image-thumbcol:last-child { padding-right: 0px; padding-left: 5px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .more-pictures .image-thumbcol:first-child { padding-left: 0px; padding-right: 4px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil-dreieck,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil-dreieck { border-right: 140px solid transparent; border-top: 140px solid #a29fa0; width: 103px; height: 85px; margin-top: 0px; position: absolute; left: 0px; padding: 11.25px 10px; padding: 0; top: 0px; z-index: 9999; }#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-angebot-dreieck,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-angebot-dreieck { border-right: 140px solid transparent; border-top: 140px solid #000000; width: 103px; height: 85px; margin-top: 0px; position: absolute; left: 0px; padding: 11.25px 10px; padding: 0; top: 0px; z-index: 9999; }#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil { background: transparent; transform: rotate(-45deg); padding-top: 25px; padding-left: 0px; text-align: center; margin-left: -10px; margin-top: -10px; position: absolute; top: 0; left: 0; z-index: 99999; color: #fff; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 38px; line-height: 38px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 38px; line-height: 38px; }#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-angebot,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .vehicle-badge-angebot { font-size: 17px; margin-top: -14px; } .artikeldetailansicht #page_wrapper { top: 0px !important; } .artikeldetailansicht.theme009 #page_wrapper { top: 170px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { background: transparent; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .open-days-area.in { background: #f3f3f3; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new img { position: relative; top: 0px; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new #google-map-direction-container { bottom: -12px; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .aside-map-direction { margin-right: 0px; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { margin-bottom: 0px; }#article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box { padding-left: 65px !important; background: transparent; color: #000000; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-text { padding-top: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .phone-info { font-size: 40px; font-weight: 700; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box { margin-top: 25px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .new-higlight-box .contact-button-box .btn-primary { border-radius: 0px; padding: 10px 0px; text-align: center; width: 100%; font-weight: 700 !important; font-size: 15px !important; line-height: 30px; text-transform: none; } @media (min-width: 1024px) { .zahlungsoptionen .column { margin: 0 auto; float: unset; } }@media (max-width: 1024px) { #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .oda-down .nopadding { padding-left: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .open-days-area.in { border-top: 0px solid #c3c3c3; padding-left: 10px; padding-right: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .service-area { margin-top: 0px; padding-top: 15px; } #vehicle-info-line-area .btn-anfrage.visible-sm { display: inline !important; } #vehicle-info-line-area .btn-anfrage.hidden-sm { display: none !important; } }@media (max-width: 768px) { #article-vehicle-view.vehicle-new-detail-view .container { max-width: 100%; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton,#article-vehicle-view.vehicle-new-detail-view .ausstattungbutton { background: #00adef; background-color: #00adef !important; color: #ffffff; border-radius: 0; font-size: 18px !important; font-weight: 700 !important; text-transform: none; padding: 15px; } #article-vehicle-view.vehicle-new-detail-view .car-detail-description .tradeinbutton { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body { padding-top: 0px; } .leasing small,.finanzierung small { padding-left: 15px; padding-right: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .hauptpreis { border-bottom: 0px; padding-bottom: 0px; padding-left: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-box { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .current_price { line-height: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .btn-merkliste { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-info { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info { margin-top: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-title { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-12 { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-12 .cufi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-12 .envk-image { float: left; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .margin35px { padding-bottom: 0px; padding-top: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-area .col-xs-12 { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-title { margin-bottom: 10px !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdui-info,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-info { margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new > .container > .row { flex-direction: column; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox4 .pic-hover-area { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box #section-vehicle-contact { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box #section-vehicle-contact .contact-persons-slider-container { padding-left: 0px; padding-right: 0px; margin-bottom: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .img-box { order: 2; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .infobox-oa { order: 3; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { order: 1; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; } .artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0px; padding-top: 40px; padding-bottom: 70px; padding-right: 0px; } #vehicle_beschreibung.in,#vehicle_ausstattung.in { margin-top: 0px; } }@media (min-width: 737px) and (max-width: 768px) { .equipment-list .col-sm-6:nth-child(odd) { padding-left: 0px !important; padding-right: 15px; } .equipment-list .col-sm-6:nth-child(even) { padding-right: 0px; padding-left: 15px; } .car-umwelt-first-info .col-sm-6:nth-child(even) { padding-right: 15px !important; } .car-umwelt-first-info .col-sm-6:nth-child(odd) { padding-left: 15px !important; } .car-detail-info .cdi-info:nth-child(odd) { padding-left: 15px !important; } .car-detail-info .cdi-info:nth-child(even) { padding-right: 15px !important; } .car-detail-info .cdui-effizient { padding-left: 15px !important; } .car-detail-info .cdui-info { padding-right: 15px !important; } #vehicle-info-line-area.fixed_pos { margin-bottom: 0px; margin-top: 0px; top: 0px; position: fixed; z-index: 99; width: 100%; } #vehicle-info-line-area { margin-bottom: 35px; } #vehicle-info-line-area #vehicle-info-line { padding-top: 5px; padding-bottom: 7px; margin-bottom: 0px; } #vehicle-info-line-area #vehicle-info-line .text-right { margin-bottom: 0px !important; padding-right: 0px; } #vehicle-info-line-area #vehicle-info-line .container a { font-size: 25px !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { padding: 10px 5px !important; margin-left: 0px !important; background: #00adef !important; color: #ffffff !important; top: 5px; } #vehicle-info-line-area #vehicle-mobile-anker .container { padding: 0px; } #vehicle-info-line-area #vehicle-mobile-anker a { color: #000; font-size: 0.9em; font-weight: 600; } #vehicle-info-line-area #vehicle-mobile-anker ul { list-style: none; -webkit-padding-start: 0px; } #vehicle-info-line-area #vehicle-mobile-anker ul li { border-bottom: 1px solid #ccc; display: block; padding: 10px 15px; } #vehicle-info-line-area #vehicle-mobile-anker.in { margin-top: 0px; } }@media (max-width: 480px) { #article-vehicle-view.vehicle-new-detail-view .container { max-width: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen .location-all-vehicles .btn { padding-left: 10px; font-size: 10px !important; padding-bottom: 20px; word-wrap: break-word; max-width: 100%; width: 100%; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen .location-all-vehicles .btn:after { right: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen .highlight-box { min-height: 375px !important; } #article-vehicle-view.vehicle-new-detail-view .pic-hover-area .section-header { text-align: left; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen .oda-down .nopadding { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-direction-infoboxen .highlight-box .contact-info .link-third { font-size: 10px !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-view-tradein-form strong.text-muted { font-size: 15px; } #article-vehicle-view.vehicle-new-detail-view #tradein-form-select-down .h2 { font-size: 20px !important; line-height: 22px; text-align: left; } }#vehcile_detail_finance_window .vehicle-calculate { font-size: 14px; }#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > td { width: 100%; }#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > th,#vehcile_detail_finance_window .vehicle-calculate > tbody > tr > td { border-top: 0px; } .artikeldetailansicht #page_wrapper { top: 170px; }.artikeldetailansicht #site-content { padding-top: 0px; }.artikeldetailansicht #section-content-block { padding-top: 0px; }.artikeldetailansicht .zahlungsoptionen .nav-tabs { border-bottom: 0px; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li { margin-right: 20px; } @media (min-width: 768px) { .artikeldetailansicht .zahlungsoptionen .nav-tabs > li { width: 300px; } }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li a { border: 0; color: #ccc; background: transparent; font-weight: 700 !important; font-size: 15px; text-align: left; padding: 0px; width: 100%; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a,.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:hover,.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:focus { border: 0; color: #000; text-align: left; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li { border-bottom: 3px solid #CCC; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active { border-bottom: 3px solid #000; }.artikeldetailansicht .zahlungsoptionen .nav-tabs > li.active > a:after { display: none; }.artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0px; padding-top: 40px; padding-bottom: 70px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line { padding: 20px 0px; font-size: 14px; } .artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0px; font-size: 14px; background: #f2f2f2; margin-bottom: 10px; } .artikeldetailansicht .zahlungsoptionen .tab-content .finance-line { border-bottom: 1px solid #CCC; padding: 10px 0px 10px 0px; font-size: 14px; } .artikeldetailansicht .zahlungsoptionen .tab-content .finance-line div:first-child { font-weight: 700; } .artikeldetailansicht .zahlungsoptionen .tab-content .mtl-line { border-bottom: 1px solid #000; background: #f2f2f2; } .artikeldetailansicht .zahlungsoptionen .tab-content .end-line { margin-bottom: 10px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line,.artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line,.artikeldetailansicht .zahlungsoptionen .tab-content .finance-line { margin-left: 0px; margin-right: 0px; } .artikeldetailansicht .zahlungsoptionen .tab-content .info-line div,.artikeldetailansicht .zahlungsoptionen .tab-content .gesamt-line div,.artikeldetailansicht .zahlungsoptionen .tab-content .finance-line div { padding-left: 0px; padding-right: 0px; } .artikeldetailansicht .zahlungsoptionen .tab-content .opt-line { font-size: 12px; padding-top: 5px; } .modal-dialog.vehicle-payment .modal-content { border-radius: 0px; } .modal-dialog.vehicle-payment .modal-content .info-line { padding: 20px 0px; font-size: 14px; } .modal-dialog.vehicle-payment .modal-content .gesamt-line { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 10px 0px; font-size: 14px; background: #f2f2f2; margin-bottom: 10px; } .modal-dialog.vehicle-payment .modal-content .finance-line { border-bottom: 1px solid #CCC; padding: 10px 0px 10px 0px; font-size: 14px; } .modal-dialog.vehicle-payment .modal-content .finance-line div:first-child { font-weight: 700; } .modal-dialog.vehicle-payment .modal-content .mtl-line { border-bottom: 1px solid #000; background: #f2f2f2; } .modal-dialog.vehicle-payment .modal-content .end-line { margin-bottom: 10px; } .modal-dialog.vehicle-payment .modal-content .info-line,.modal-dialog.vehicle-payment .modal-content .gesamt-line,.modal-dialog.vehicle-payment .modal-content .finance-line { margin-left: 0px; margin-right: 0px; } .modal-dialog.vehicle-payment .modal-content .info-line div,.modal-dialog.vehicle-payment .modal-content .gesamt-line div,.modal-dialog.vehicle-payment .modal-content .finance-line div { padding-left: 0px; padding-right: 0px; } .modal-dialog.vehicle-payment .modal-content .opt-line { font-size: 12px; padding-top: 5px; }.modal-dialog.vehicle-payment .modal-header { border-bottom: 0px; padding-top: 0px; padding-right: 0px; } .modal-dialog.vehicle-payment .modal-header .modal-title { display: none; } .modal-dialog.vehicle-payment .modal-header .close { margin-top: 0px; padding: 5px 15px; background: #ccc; color: #333; font-size: 40px; text-shadow: 0 0 0 #fff; }@media (min-width: 1024px) { .modal-dialog.vehicle-payment { width: 800px; margin: 100px auto; } } .modal-dialog.new_view .modal-content { border-radius: 0px; } @media (max-width: 736px) { #article-vehicle-view.vehicle-new-detail-view #section-vehicle-body { padding-top: 0px; } .leasing small,.finanzierung small { padding-left: 15px; padding-right: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .hauptpreis { border-bottom: 0px; padding-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price-box { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .price .current_price { line-height: 50px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .btn-merkliste { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-detail-first-info .cdfi-info { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info { margin-top: 0px !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .cufi-title { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-6:nth-child(even) { padding-left: 15px; padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-6:nth-child(odd) { padding-left: 0px; padding-right: 15px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-12 { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-12 .cufi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .car-umwelt-first-info .col-xs-12 .envk-image { float: left; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .margin35px { padding-bottom: 0px; padding-top: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-block { padding-bottom: 5px; margin-bottom: 10px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-area .col-xs-12 { margin-bottom: 0px; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-title { margin-bottom: 10px !important; } #article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdui-info,#article-vehicle-view.vehicle-new-detail-view #section-vehicle-equipment .car-detail-info .cdi-info { margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } .section-direction-infoboxen-new .infobox4 { padding-left: 0px !important; padding-right: 0px !important; } .section-direction-infoboxen-new .infobox4 .pic-hover-area { margin-bottom: 0px; } .section-direction-infoboxen-new .highlight-box { margin-bottom: 0px; } .section-direction-infoboxen-new .highlight-box #section-vehicle-contact { padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } .section-direction-infoboxen-new .highlight-box #section-vehicle-contact .contact-persons-slider-container { padding-left: 0px; padding-right: 0px; margin-bottom: 0px !important; } #section-direction-infoboxen.section-direction-infoboxen-new .contact-persons-slider-container { margin-bottom: 0px !important; } .artikeldetailansicht .zahlungsoptionen .tab-content { padding-left: 0px; padding-top: 40px; padding-bottom: 70px; padding-right: 0px; } #vehicle_beschreibung.in,#vehicle_ausstattung.in { margin-top: 0px; } .equipment-list .col-xs-12 { padding-left: 0px !important; padding-right: 0px; } #article-vehicle-view.vehicle-new-detail-view .tradeinbutton,#article-vehicle-view.vehicle-new-detail-view .ausstattungbutton { background: #00adef; background-color: #00adef !important; color: #ffffff; border-radius: 0; font-size: 18px !important; font-weight: 700 !important; text-transform: none; } #article-vehicle-view.vehicle-new-detail-view .car-detail-description .tradeinbutton { margin-bottom: 0px; } #vehicle-info-line-area.fixed_pos { margin-bottom: 0px; margin-top: 0px; top: 0px; position: fixed; z-index: 99; width: 100%; } #vehicle-info-line-area { margin-bottom: 10px; } #vehicle-info-line-area #vehicle-info-line { padding-top: 5px; padding-bottom: 7px; margin-bottom: 0px; } #vehicle-info-line-area #vehicle-info-line .text-right { margin-bottom: 0px !important; padding-right: 0px; } #vehicle-info-line-area #vehicle-info-line .container a { font-size: 23px !important; padding-top: 6px; padding-bottom: 2px; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage { background: #00adef !important; color: #ffffff !important; padding: 12px 5px 12px 5px !important; margin-left: 0px !important; top: 4px; font-size: 18px !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.visible-xs { display: inline !important; } #vehicle-info-line-area #vehicle-info-line .container .btn-anfrage.hidden-xs { display: none !important; } #vehicle-info-line-area #vehicle-mobile-anker .container { padding: 0px; } #vehicle-info-line-area #vehicle-mobile-anker a { color: #000; font-size: 0.9em; font-weight: 600; } #vehicle-info-line-area #vehicle-mobile-anker ul { list-style: none; -webkit-padding-start: 0px; } #vehicle-info-line-area #vehicle-mobile-anker ul li { border-bottom: 1px solid #ccc; display: block; padding: 10px 15px; } #vehicle-info-line-area #vehicle-mobile-anker.in { margin-top: 0px; } }#page_wrapper #header.header_fixed_bg { z-index: 1; } .artikeldetailansicht .breadcrumb_area { background-color: transparent; }.artikeldetailansicht #article-vehicle-view.vehicle-new-detail-view header .container { background-color: transparent; }.artikeldetailansicht #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main { padding-bottom: 25px; } .artikeldetailansicht #article-vehicle-view.vehicle-new-detail-view #section-vehicle-main .container { background-color: transparent; } #vehicle_anfrage_ap { margin-top: 0px; } #vehicle_anfrage_ap .user-picture { margin: 0px auto; display: block; width: 200px; height: 200px; background-size: contain; } #vehicle_anfrage_ap .person h3 { font-weight: bold; text-align: center; font-size: 1.3em; } #vehicle_anfrage_ap .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; margin-top: -5px; font-size: 13px; font-weight: 700; } #vehicle_anfrage_ap .person .btn-primary { padding: 15px 0px; max-width: 300px !important; margin-bottom: 10px !important; font-weight: 400; margin-top: 0px; } #vehicle_anfrage_ap .contact-persons-slider-container { position: relative; padding: 0 20px; margin-top: -21px; } #vehicle_anfrage_ap .contact-persons-slider-container .prev,#vehicle_anfrage_ap .contact-persons-slider-container .next { color: #000000; cursor: pointer; font-size: 20px; z-index: 99; } #vehicle_anfrage_ap .contact-persons-slider-container .prev { left: 30px; position: absolute; top: 45%; } #vehicle_anfrage_ap .contact-persons-slider-container .next { right: 30px; top: 45%; position: absolute; } #vehicle_anfrage_ap .contact-persons-indicators { display: none; } #vehicle_anfrage_ap .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #vehicle_anfrage_ap .contact-persons-indicators i.active { color: #555; } #vehicle_anfrage_ap .contact-persons-slider-container { margin-top: 0px !important; margin-bottom: 0px !important; } #vehicle_anfrage_ap .new-button-line { text-align: center; margin-top: 30px; min-height: 50px; } #vehicle_anfrage_ap .new-button-line .btn-primary { display: inline !important; padding: 15px 20px !important; margin-right: 5px !important; margin-left: 5px !important; } @media (max-width: 480px) { #vehicle_anfrage_ap .oda-down .col-xs-12.nopadding { padding-left: 30px !important; } } /* Created on : Apr 4,2016,11:09:58 AM Author : Darius Zylka*/#site-content { /*	p { margin: 0; }*/ } #site-content .container-fluid { background: #ffffff; } #site-content .content-block { background: transparent; padding-bottom: 0; } #site-content .content-block img { max-width: 100%; height: auto; } #site-content .content-block + .content-block { /*padding-top: 0px;*/ } #site-content .content-block .container { background: #ffffff; padding-bottom: 60px; padding-top: 15px; color: #000000; } @media (max-width: 1024px) { #site-content .hello-text-home .btn-primary { max-width: 100%; padding-left: 0px; padding-right: 0px; } } @media (max-width: 991px) { #site-content .content-block .row .content-col { padding-bottom: 15px; } #site-content .content-block .row .content-col:last-child { padding-bottom: 0px; } } #site-content iframe { max-width: 100%; min-height: 354px; border: 0px; } @media (max-width: 1024px) { #site-content iframe { min-height: 270px !important; } } @media (max-width: 768px) { #site-content iframe { min-height: 410px !important; } } @media (max-width: 480px) { #site-content iframe { min-height: 185px !important; } } #site-content #section-script-after-content { margin-bottom: 75px; } /* Created on : Apr 4,2016,11:09:58 AM Author : Darius Zylka*/#site-content .content-block .container { padding-bottom: 15px; } /* Created on : Apr 4,2016,2:27:04 PM Author : Darius Zylka*/#section-contact-form { background: #ffffff; color: #000000; } #section-contact-form .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-contact-form .form-group label { text-overflow: ellipsis; overflow: hidden; } #section-contact-form img { max-width: 100%; height: auto; } #section-contact-form .open-days-area { font-size: 12px; } #section-contact-form .oda-down { background: #eee; cursor: pointer; display: block; height: 25px; } #section-contact-form .oda-down:after { font: normal normal normal 14px/1 FontAwesome; content: "\f078"; position: absolute; right: 20px; } #section-contact-form .oda-down.collapsed:after { content: "\f077"; } #section-contact-form .oda-down,#section-contact-form .open-days-area + .open-days-area { padding: 5px; } #section-contact-form .green-dot { color: #7fb72a; padding-top: 0; } #section-contact-form .red-dot { color: #f00; padding-top: 0; } #section-contact-form .service-area { display: block; margin-top: 5px; font-style: italic; } #section-contact-form .marginbottom10px { margin-bottom: 10px; display: block; width: 100%; } #section-contact-form input[type="radio"].form-control { display: inline; width: auto; height: 12px; margin: 0; padding: 0; top: -5px; position: relative; } #section-contact-form input[type="radio"].form-control + label { margin-bottom: 0; } /* Created on : Apr 4,2016,2:27:04 PM Author : Darius Zylka*/#section-contact-form { background: #ffffff; color: #000000; } #section-contact-form .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } /* Created on : Apr 11,2016,12:12:58 PM Author : Darius Zylka*/#article-home { background-color: transparent; } .site-home h2 { color: #ffffff; }.site-home .home-titles { position: absolute; right: 15px; bottom: 50px; z-index: 10; text-align: right; } .site-home .home-titles h1,.site-home .home-titles h2 { margin: 0; padding: 15px 30px; display: inline-block; font-size: 27px; font-weight: bold; } .site-home .home-titles h1 { color: #ffffff; background-color: rgba(0,10,36,0.8); margin-bottom: 13px; } .site-home .home-titles h2 { color: #000000; background-color: rgba(255,255,255,0.8); }@media (max-width: 767px) { .site-home .home-titles { bottom: 20px; } .site-home .home-titles h1,.site-home .home-titles h2 { padding: 10px 20px; font-size: 13px; max-width: 100%; } }.site-home #header-slider .container,.site-home #header .container { position: relative; padding-left: 15px; padding-right: 15px; }.site-home #section-directions .container { background: transparent; } /* Created on : Apr 11,2016,12:45:52 PM Author : Darius Zylka*/#section-manufacturer-list { position: relative; padding-top: 15px; padding-bottom: 15px; margin-bottom: 50px; /*#manufacturer-audi path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; } #manufacturer-audi:hover path {fill: green}*/ /*	.container:hover .prev,.container:hover .next { display: block; } .manufacturers-slider-container .bx-next,.manufacturers-slider-container .bx-prev { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }*/ } #section-manufacturer-list .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-manufacturer-list .row-after-title { padding-top: 30px; } } #section-manufacturer-list h3 { margin-bottom: 20px; color: #ffffff; font-size: 1.4em; font-weight: bold; } #section-manufacturer-list .manufacturer-list-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-manufacturer-list .manufacturer-list-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-manufacturer-list .manufacturers-slider a { display: block; width: 100%; height: 265px; } #section-manufacturer-list .manufacturers-slider a .img { width: 100%; height: 155px; display: block; background: #ffffff; background-position: center center; background-repeat: no-repeat; background-size: 70%; /* filter: grayscale(100%); -webkit-filter: grayscale(100%);*/ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: none; -webkit-filter: grayscale(1); } #section-manufacturer-list .manufacturers-slider a:hover .img { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; } #section-manufacturer-list .manufacturers-slider a .svgstyle { height: 155px; width: 200px; text-align: center; margin: 0 auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } #section-manufacturer-list .manufacturers-slider a:hover .svgstyle { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; } #section-manufacturer-list .manufacturers-slider a .svg path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; } #section-manufacturer-list .manufacturers-slider a:hover .svg path { fill: #000000; } #section-manufacturer-list p { font-size: 1em; } @media (min-width: 992px) and (max-width: 1199px) { #section-manufacturer-list .manufacturers-slider a { height: 198px; } #section-manufacturer-list .manufacturers-slider a .img { height: 143px; } } @media (min-width: 768px) and (max-width: 991px) { #section-manufacturer-list .manufacturers-slider a { height: 201px; } #section-manufacturer-list .manufacturers-slider a .img { height: 146px; } } @media (max-width: 767px) { #section-manufacturer-list .manufacturers-slider a { height: 201px; } #section-manufacturer-list .manufacturers-slider a .img { height: 146px; } } @media (max-width: 480px) { #section-manufacturer-list .manufacturers-slider a { height: 144px; } #section-manufacturer-list .manufacturers-slider a .img { height: 90px; } } #section-manufacturer-list .manufacturers-slider a .info { margin: 10px; color: #000000; } #section-manufacturer-list .manufacturers-slider a p { display: block; margin: 5px 0; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: bold; } #section-manufacturer-list .manufacturers-slider a .man_bez { display: block; margin: 5px 0; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: bold; margin-top: -107px; font-size: 30px; text-transform: uppercase; position: relative; z-index: 9; color: #000000; } #section-manufacturer-list .manufacturers-slider a .man_cnt { font-weight: normal; width: 100%; clear: both; text-align: center; display: block; color: #000000; margin-top: 15px; position: relative; z-index: 9; } #section-manufacturer-list .manufacturers-slider a p span { font-weight: normal; width: 100%; clear: both; text-align: center; display: block; color: #000000; margin-top: 5px; } #section-manufacturer-list .manufacturers-slider-container { position: relative; } #section-manufacturer-list .prev,#section-manufacturer-list .next { position: absolute; top: 40%; background-color: none; color: #00adef; display: inline-block; margin-top: -15px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 9; font-size: 3.3em; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 480px) { #section-manufacturer-list .prev,#section-manufacturer-list .next { display: none; } } #section-manufacturer-list .prev:hover,#section-manufacturer-list .next:hover { opacity: 0.7; } #section-manufacturer-list .prev { left: -63px; } @media (max-width: 1024px) { #section-manufacturer-list .prev { left: -25px; } } @media (max-width: 768px) { #section-manufacturer-list .prev { left: -28px; } } #section-manufacturer-list .next { right: -51px; } @media (max-width: 1024px) { #section-manufacturer-list .next { right: -15px; } } @media (max-width: 768px) { #section-manufacturer-list .next { right: -18px; } } #section-manufacturer-list .manufacturers-slider-container h2 { margin-top: 0; padding-top: 0; } /* Created on : Apr 11,2017,12:45:52 PM Author : Florian Neueder*/#section-manufacturer-list-big-icons { position: relative; padding-top: 60px; padding-bottom: 60px; /*#manufacturer-audi path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; } #manufacturer-audi:hover path {fill: green}*/ } #section-manufacturer-list-big-icons .manufacturer-list-title { text-align: center; padding-bottom: 15px; font-weight: bold; } #section-manufacturer-list-big-icons .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-manufacturer-list-big-icons .row-after-title { padding-top: 30px; } } #section-manufacturer-list-big-icons .manufacturers-slider a { display: block; width: 100%; height: 265px; } #section-manufacturer-list-big-icons .manufacturers-slider a .img { width: 100%; height: 155px; display: block; background: #ffffff; background-position: center center; background-repeat: no-repeat; background-size: contain; /* filter: grayscale(100%); -webkit-filter: grayscale(100%);*/ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: none; -webkit-filter: grayscale(1); } #section-manufacturer-list-big-icons .manufacturers-slider a:hover .img { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; } #section-manufacturer-list-big-icons .manufacturers-slider a .svgstyle { height: 155px; width: 200px; text-align: center; margin: 0 auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } #section-manufacturer-list-big-icons .manufacturers-slider a:hover .svgstyle { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; } #section-manufacturer-list-big-icons .manufacturers-slider a .svg path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; } #section-manufacturer-list-big-icons .manufacturers-slider a:hover .svg path { fill: #000000; } #section-manufacturer-list-big-icons p { font-size: 1em; } @media (min-width: 992px) and (max-width: 1199px) { #section-manufacturer-list-big-icons .manufacturers-slider a { height: 198px; } #section-manufacturer-list-big-icons .manufacturers-slider a .img { height: 143px; } } @media (min-width: 768px) and (max-width: 991px) { #section-manufacturer-list-big-icons .manufacturers-slider a { height: 201px; } #section-manufacturer-list-big-icons .manufacturers-slider a .img { height: 146px; } } @media (max-width: 767px) { #section-manufacturer-list-big-icons .manufacturers-slider a { height: 201px; } #section-manufacturer-list-big-icons .manufacturers-slider a .img { height: 146px; } } @media (max-width: 480px) { #section-manufacturer-list-big-icons .manufacturers-slider a { height: 144px; } #section-manufacturer-list-big-icons .manufacturers-slider a .img { height: 90px; } } #section-manufacturer-list-big-icons .manufacturers-slider a .info { margin: 10px; color: #000000; } #section-manufacturer-list-big-icons .manufacturers-slider a p { display: block; margin: 5px 0; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: bold; } #section-manufacturer-list-big-icons .manufacturers-slider a p span { font-weight: normal; width: 100%; clear: both; text-align: center; display: block; color: #000000; margin-top: 5px; } #section-manufacturer-list-big-icons .manufacturers-slider-container { position: relative; } #section-manufacturer-list-big-icons .prev,#section-manufacturer-list-big-icons .next { position: absolute; top: 40%; background-color: none; color: #00adef; display: inline-block; margin-top: -15px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 9; font-size: 1.5em; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 480px) { #section-manufacturer-list-big-icons .prev,#section-manufacturer-list-big-icons .next { display: none; } } #section-manufacturer-list-big-icons .prev:hover,#section-manufacturer-list-big-icons .next:hover { opacity: 0.7; } #section-manufacturer-list-big-icons .prev { left: -63px; } @media (max-width: 1024px) { #section-manufacturer-list-big-icons .prev { left: -25px; } } @media (max-width: 768px) { #section-manufacturer-list-big-icons .prev { left: -28px; } } #section-manufacturer-list-big-icons .next { right: -51px; } @media (max-width: 1024px) { #section-manufacturer-list-big-icons .next { right: -15px; } } @media (max-width: 768px) { #section-manufacturer-list-big-icons .next { right: -18px; } } #section-manufacturer-list-big-icons .manufacturers-slider-container h2 { margin-top: 0; padding-top: 0; } /* Created on : Apr 11,2016,12:45:52 PM Author : Darius Zylka*/#section-seo-manufacturer-header-slider { position: relative; margin-bottom: 0px; /*	.hersteller-logos a { display: block; width: 100%; }*/ /*	@media (min-width: 992px) and (max-width: 1199px) { .hersteller-logos a { height: 198px; } .hersteller-logos a .img { height: 143px; } } @media (min-width: 768px) and (max-width: 991px) { .hersteller-logos a { height: 201px; } .hersteller-logos a .img { height: 146px; } } @media (max-width: 767px) { .hersteller-logos a { height: 201px; } .hersteller-logos a .img { height: 146px; } } @media (max-width: 480px) { .hersteller-logos a { height: 144px; } .hersteller-logos a .img { height: 90px; } }*/ } #section-seo-manufacturer-header-slider .container,#section-seo-manufacturer-header-slider .container-fluid { background: transparent; padding-left: 0px; } #section-seo-manufacturer-header-slider .hersteller-logos { float: left; padding-right: 20px; } #section-seo-manufacturer-header-slider .hersteller-logos a .img { width: 46px; height: 46px; display: block; background-position: center center; background-repeat: no-repeat; background-size: 100%; } /* Created on : Apr 11,2016,12:45:52 PM Author : Darius Zylka*/#section-infotext-manufacturer-slider { position: relative; padding-top: 15px; padding-bottom: 15px; } #section-infotext-manufacturer-slider h2 { margin-bottom: 20px; } #section-infotext-manufacturer-slider .manufacturer-list-title { margin-top: 10px; text-align: center; font-weight: 700; font-size: 2.467em; padding-bottom: 25px; background: transparent; } #section-infotext-manufacturer-slider .manufacturers-slider a { display: block; width: 100%; height: 230px; } #section-infotext-manufacturer-slider .manufacturers-slider a .img { width: 100%; height: 140px; display: block; background: #fff; background-position: center center; background-repeat: no-repeat; background-size: 50%; } @media (min-width: 992px) and (max-width: 1199px) { #section-infotext-manufacturer-slider .manufacturers-slider a { height: 198px; } #section-infotext-manufacturer-slider .manufacturers-slider a .img { height: 140px; } } @media (min-width: 768px) and (max-width: 991px) { #section-infotext-manufacturer-slider .manufacturers-slider a { height: 201px; } #section-infotext-manufacturer-slider .manufacturers-slider a .img { height: 140px; } } @media (max-width: 767px) { #section-infotext-manufacturer-slider .manufacturers-slider a { height: 201px; } #section-infotext-manufacturer-slider .manufacturers-slider a .img { height: 140px; } } @media (max-width: 480px) { #section-infotext-manufacturer-slider .manufacturers-slider a { height: 233px; } #section-infotext-manufacturer-slider .manufacturers-slider a .img { height: 140px; } } #section-infotext-manufacturer-slider .manufacturers-slider a .info { margin: 10px; color: #000000; } #section-infotext-manufacturer-slider .manufacturers-slider a p { display: block; margin: 5px 0; overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: 400; font-size: 0.7em; } #section-infotext-manufacturer-slider .manufacturers-slider a p span { font-weight: normal; } #section-infotext-manufacturer-slider .manufacturers-slider-container { position: relative; } #section-infotext-manufacturer-slider .manufacturers-slider-container .next,#section-infotext-manufacturer-slider .manufacturers-slider-container .prev { top: 85px; display: none; cursor: pointer; position: absolute; color: #000000; z-index: 1; } #section-infotext-manufacturer-slider .manufacturers-slider-container:hover .prev,#section-infotext-manufacturer-slider .manufacturers-slider-container:hover .next { display: block; } #section-infotext-manufacturer-slider .manufacturers-slider-container .next { right: 0px; } #section-infotext-manufacturer-slider .manufacturers-slider-container .prev { left: 0px; } #section-infotext-manufacturer-slider .manufacturers-slider-container .bx-next,#section-infotext-manufacturer-slider .manufacturers-slider-container .bx-prev { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #section-infotext-manufacturer-slider .manufacturers-slider-container h2 { margin-top: 0; padding-top: 0; } /* Created on : Apr 11,2016,12:56:19 PM Author : Darius Zylka*/#section-featured-menu-items { padding-top: 30px; padding-bottom: 30px; z-index: 2; position: relative; } #section-featured-menu-items .featured { padding: 0; } @media (max-width: 480px) { #section-featured-menu-items .featured a { min-height: 170px; } } #section-featured-menu-items .featured-wrap { margin-bottom: 35px; overflow: hidden; text-align: center; } #section-featured-menu-items .featured-wrap:hover .fa { color: black; } #section-featured-menu-items .featured-wrap h2 { margin-top: 10px; color: #000000; font-weight: 700; font-size: 1.4em; margin-top: 35px; margin-bottom: 1px; } #section-featured-menu-items .featured-wrap h3 { font-weight: 700; font-size: 1.067em; margin-top: 0px; color: #3c3c3c; } #section-featured-menu-items .featured-wrap .pull-left { margin-right: 25px; } #section-featured-menu-items .featured-wrap i { font-size: 130px; height: 120px; width: 100%; line-height: 130px; text-align: center; color: #000000; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } /* Created on : Apr 11,2016,12:56:19 PM Author : Darius Zylka*/#section-featured-menu-items-icons { padding-top: 30px; padding-bottom: 30px; z-index: 2; position: relative; } #section-featured-menu-items-icons .featured { padding: 0; } @media (max-width: 480px) { #section-featured-menu-items-icons .featured a { min-height: 170px; } } #section-featured-menu-items-icons .featured-wrap { margin-bottom: 35px; overflow: hidden; text-align: center; } #section-featured-menu-items-icons .featured-wrap:hover .fa { color: black; } #section-featured-menu-items-icons .featured-wrap h2 { margin-top: 10px; color: #000000; font-weight: 700; font-size: 1.4em; margin-top: 35px; margin-bottom: 1px; } #section-featured-menu-items-icons .featured-wrap h3 { font-weight: 700; font-size: 1.067em; margin-top: 0px; color: #3c3c3c; } #section-featured-menu-items-icons .featured-wrap .pull-left { margin-right: 25px; } #section-featured-menu-items-icons .featured-wrap i { font-size: 130px; height: 120px; width: 100%; line-height: 130px; text-align: center; color: #000000; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } @media (max-width: 480px) { #section-featured-menu-items-icons .featured-wrap { margin-bottom: 15px; } #section-featured-menu-items-icons .featured-wrap i { font-size: 60px; height: 60px; width: 100%; line-height: 60px; text-align: center; } #section-featured-menu-items-icons .featured-wrap h2 { font-weight: 700; font-size: 1em; margin-top: 15px; margin-bottom: 1px; } #section-featured-menu-items-icons .featured-wrap h3 { font-weight: 700; font-size: 0.867em; margin-top: 0px; } }/* Created on : Apr 11,2016,12:56:19 PM Author : Darius Zylka*/#section-featured-menu-items-pictures { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; z-index: 2; position: relative; margin-bottom: 60px; } @media (max-width: 768px) { #section-featured-menu-items-pictures { margin-top: 20px; margin-bottom: 30px; } } @media (max-width: 680px) { #section-featured-menu-items-pictures { display: none; } } #section-featured-menu-items-pictures .featured { padding: 0; } #section-featured-menu-items-pictures .featured a { -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; } @media (max-width: 480px) { #section-featured-menu-items-pictures .featured a { min-height: 170px; } } #section-featured-menu-items-pictures .featured-wrap { margin-bottom: 0px; overflow: hidden; text-align: center; height: 160px; } #section-featured-menu-items-pictures .featured-wrap .featured-image { background-size: cover !important; background-repeat: no-repeat !important; width: 100%; height: 120px; max-height: 120px; } #section-featured-menu-items-pictures .featured-wrap.onstart { padding-top: 160px; } #section-featured-menu-items-pictures .featured-wrap:hover .fa { color: black; } #section-featured-menu-items-pictures .featured-wrap:hover { margin-top: -40px; height: 200px !important; } #section-featured-menu-items-pictures .featured-wrap h2 { margin-top: 00px; color: #ffffff; font-weight: 600; font-size: 1em; margin-bottom: 0px; background: rgba(0,0,0,0.7); height: 40px; line-height: 2.4em; vertical-align: middle; } #section-featured-menu-items-pictures .featured-wrap h3 { font-weight: 600; font-size: 1em; margin-top: 0px; color: #000000; background: #fff; height: 40px; line-height: 2.4em; } #section-featured-menu-items-pictures .featured-wrap .pull-left { margin-right: 25px; } #section-featured-menu-items-pictures .featured-wrap i { font-size: 130px; height: 120px; width: 100%; line-height: 130px; text-align: center; color: #000000; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } #section-featured-menu-items-pictures .container-fluid,#section-featured-menu-items-pictures .container { background: transparent; } /* Created on : Apr 11,2016,1:12:03 PM Author : Darius Zylka*/.section-map { background: #f2f2f2; height: 500px; position: relative; } @media (max-width: 480px) { .section-map { height: 250px; } } .section-map #google-map-container-slider,.section-map #google-map-container { min-height: 500px; position: absolute; width: 100%; top: 0px; left: 0px; } @media (max-width: 480px) { .section-map #google-map-container-slider,.section-map #google-map-container { min-height: 250px; } } .section-map .address-box { height: 500px; background: rgba(255,255,255,0.75); } #google-map-container-slider iframe,#google-map-container iframe { width: 100%; height: 100%; min-height: 500px; pointer-events: none; } @media (max-width: 480px) { #google-map-container-slider iframe,#google-map-container iframe { min-height: 250px; } } #google-map-container + div,#google-map-container + div { width: 100%; height: 100%; min-height: 500px; pointer-events: none; } @media (max-width: 480px) { #google-map-container + div,#google-map-container + div { min-height: 250px; } } .aside-footer-map { background: #f2f2f2; height: 350px; position: relative; } .aside-footer-map p { color: #000 !important; } .aside-footer-map #google-map-container { min-height: 350px; position: absolute; width: 100%; top: 0px; left: 0px; } /* Created on : Apr 11,2016,1:19:32 PM Author : Darius Zylka*/#section-vehicles-home { z-index: 3; position: relative; } @media (max-width: 479px) { #section-vehicles-home { padding-bottom: 15px; } } #section-vehicles-home .quicksearch .row:not(:last-of-type) { margin-bottom: 23px; } #section-vehicles-home .quicksearch.quicksearch-with-zentrallager .row:not(:last-of-type) { margin-bottom: 10px; } #section-vehicles-home .quicksearch { background: #000000; border-radius: 0; border-width: 0; margin-bottom: 0; padding: 30px 30px 0; } @media (max-width: 479px) { #section-vehicles-home .quicksearch { padding: 15px; } } #section-vehicles-home .quicksearch .h2 { margin: 0; color: #000000; font-weight: bold; font-size: 1.45em; } #section-vehicles-home .quicksearch small a { color: #000000; font-size: 1.45em; font-weight: 700; } #section-vehicles-home .quicksearch .btn { border-radius: 0; font-weight: 700; font-size: 0.933em; padding: 10px; } #section-vehicles-home .quicksearch .btn .badge { top: 0; } @media (max-width: 479px) { #section-vehicles-home .quicksearch .btn .badge { top: -1px; font-size: 0.9em; } } @media (max-width: 767px) { #section-vehicles-home .quicksearch .btn .badge { top: 0; font-size: 0.9em; } } #section-vehicles-home .quicksearch .startsearch:before { border-top: 2px solid #fff; height: 2px; width: 100%; } #section-vehicles-home .quicksearch .startsearch { margin-top: 0 !important; width: calc(100% + 30px); margin-left: -15px; padding: 10px 0; height: 50px; } @media (max-width: 767px) { #section-vehicles-home .quicksearch .startsearch { height: 61px; font-size: 1.2em; margin-left: 0; width: 100%; } } @media (max-width: 479px) { #section-vehicles-home .quicksearch .startsearch { height: 42px; } } #section-vehicles-home .col-button-100p { margin-left: -15px; width: calc(100% + 30px); } @media (max-width: 479px) { #section-vehicles-home .col-button-100p { width: calc(100% + 0); margin-left: 0; padding-left: 15px; padding-right: 15px; } } #section-vehicles-home .quicksearch .counter-text { display: block; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; font-size: 0.717em; color: #000000; margin-top: 7px; } #section-vehicles-home .quicksearch .form-control { background-color: transparent; margin-bottom: 38px; } @media (max-width: 479px) { #section-vehicles-home .quicksearch .form-control { margin-bottom: 18px; } } @media (max-width: 479px) { #section-vehicles-home .quicksearch .form-control:last-child { display: none; } } @media (max-width: 479px) { #section-vehicles-home .quicksearch .row .leftrightpadding { display: none; } } #section-vehicles-home .form-control .dropdown-menu { border-radius: 0; } #section-vehicles-home .quicksearch .col-white-right { background: #ffffff none repeat scroll 0 0; margin-top: -30px; height: 65px; padding-top: 20px; padding-bottom: 20px; width: calc(50% - 15px); margin-right: 0; z-index: 99; position: absolute; right: 0; } @media (max-width: 479px) { #section-vehicles-home .quicksearch .col-white-right { margin-top: 0; margin-left: 0; width: 100%; padding-top: 20px; height: auto; float: left; position: relative; right: 0; } } #section-vehicles-home .button-row { margin-top: -6px; height: 50px; } #section-vehicles-home .next,#section-vehicles-home .prev { display: none; cursor: pointer; } #section-vehicles-home .vehicles-new-slider-container { position: relative; } #section-vehicles-home .nv-element { position: relative; background: #fff; height: 438px; } #section-vehicles-home .nv-element .image-container { position: relative; width: 100%; padding-bottom: 67%; float: left; height: 0; } #section-vehicles-home .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home .nv-element .nv-data { position: absolute; top: 245px; width: 100%; text-align: center; } #section-vehicles-home .nv-element h2 { font-size: 1.467em; } #section-vehicles-home .nv-element h3 { color: #3c3c3c; margin-top: 0; } @media (min-width: 992px) and (max-width: 1199px) { #section-vehicles-home .nv-element .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { #section-vehicles-home .nv-element .nv-data { top: 245px; } } @media (max-width: 767px) { #section-vehicles-home .nv-element .nv-data { top: 235px; } } @media (max-width: 479px) { #section-vehicles-home .nv-element .nv-data { top: 250px; } } #section-vehicles-home .nv-element .nv-price { background: #5a8cbd; color: #ffffff; position: absolute; bottom: 0; width: 100%; padding: 15px; font-size: 1.6em; } #section-vehicles-home .nv-element .nv-price span { position: absolute; left: 15px; top: 19px; font-size: 1.2em; color: #0059a1; } @media (max-width: 767px) { #section-vehicles-home .vehicles-new-slider { margin-top: 30px; } } #section-vehicles-home .container:hover .prev,#section-vehicles-home .container:hover .next { display: block; } #section-vehicles-home .vehicle_quicksearch_bereich .row:not(:last-of-type) { margin-bottom: 29px; } .section-vehicles-quicksearch-icons .quicksearch .row:not(:last-of-type) { margin-bottom: 17px !important; }.section-vehicles-quicksearch-icons .button-row { margin-top: -10px !important; } .home_tradein .btn-primary { margin-top: 0; padding: 12px 6px; text-transform: none; } .vehicle_quicksearch_bereich_icons { padding: 0 !important; } .vehicle_quicksearch_bereich_icons .nav-tabs { border-bottom: 0; width: 100%; display: flex; flex-wrap: nowrap; } .vehicle_quicksearch_bereich_icons .nav-tabs > li { border-bottom: 0; display: flex; width: 50%; text-align: center; } .vehicle_quicksearch_bereich_icons .nav-tabs > li a { width: 100%; background: black; color: black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; padding-top: 20px; padding-bottom: 20px; font-weight: 600 !important; margin-right: 0; text-transform: uppercase; } @media (min-width: 992px) and (max-width: 1023px) { .vehicle_quicksearch_bereich_icons .nav-tabs > li a { font-size: 12px; } } .vehicle_quicksearch_bereich_icons .nav-tabs > li a i { font-size: 1.6em; top: 5px; position: relative; } .vehicle_quicksearch_bereich_icons .nav-tabs > li a:after { display: none; } .vehicle_quicksearch_bereich_icons .nav-tabs > li:last-child { border-bottom: 0 none; } .vehicle_quicksearch_bereich_icons .nav-tabs > li.active a { background: #000000; color: #000000; border-color: #000000; } .vehicle_quicksearch_bereich_icons .tab-content { padding: 15px; } .vehicle_quicksearch_bereich_icons .subheadline-h3 { color: #000000; font-weight: 700; position: relative; top: 20px; } .vehicle_quicksearch_bereich_icons .selection-bereich-area { margin-bottom: 30px; margin-top: 15px; } .vehicle_quicksearch_bereich_icons .selection-bereich-area a { background: black; border: 1px solid black; border-left: 0; color: #000000; cursor: pointer; display: block; font-size: 30px; padding: 5px; text-align: center; width: 100%; } .vehicle_quicksearch_bereich_icons .selection-bereich-area > .column:first-child a { border-top-left-radius: 5px; border-left: 1px solid black; } .vehicle_quicksearch_bereich_icons .selection-bereich-area > .column:last-child a { border-top-right-radius: 5px; } .vehicle_quicksearch_bereich_icons .selection-bereich-area > .emptyarea { min-height: 53px; border-bottom: 1px solid black; } .vehicle_quicksearch_bereich_icons .selection-bereich-area a.active,.vehicle_quicksearch_bereich_icons .selection-bereich-area a:hover { background: #000000; color: #000000; border-bottom: 0; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider { margin-top: 10px; margin-bottom: 10px; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider .next,.vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider .prev { display: inline !important; top: 5% !important; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider .fzg_icon { width: 100%; height: 30px; text-align: center; margin-top: 0; font-size: 25px; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider .vehicle_types.active { background: transparent; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider .vehicle_types.active .fzg_icon { color: #000000; } .vehicle_quicksearch_bereich_icons .nobereich .section-vehicles-quicksearch-kfzicons-slider { margin-top: 10px; margin-bottom: 10px; } .vehicle_quicksearch_bereich_icons .nobereich .section-vehicles-quicksearch-kfzicons-slider .fzg_icon { width: 100%; height: 50px; text-align: center; margin-top: 0; font-size: 45px; } .vehicle_quicksearch_bereich_icons .nobereich .section-vehicles-quicksearch-kfzicons-slider .fzg_info { margin-bottom: 10px; } .vehicle_quicksearch_bereich_icons small.search-middle a { font-size: 1em !important; } .vehicle_quicksearch_bereich_icons small.text-muted.search-middle { padding-top: 12px; } .vehicle_quicksearch_bereich_icons .row-margin-top-minus-10px { margin-top: -10px; } @media (min-width: 768px) { .vehicle_quicksearch_bereich_icons .col-button-100p { margin-left: 0; width: 50% !important; } } @media (max-width: 479px) { .vehicle_quicksearch_bereich_icons .form-control:last-child { display: block !important; } } @media (max-width: 479px) { .vehicle_quicksearch_bereich_icons .row .leftrightpadding { display: block !important; } } #section-vehicles-home.section-vehicles-quicksearch-icons-standort #vehicle_search.quicksearch .form-control { margin-bottom: 25px; }#section-vehicles-home.section-vehicles-quicksearch-icons-standort #vehicle_search.quicksearch .col-button-50p.zlline .checkbox-css { margin-top: 0; margin-left: -14px; } #section-vehicles-home.section-vehicles-quicksearch-icons-standort #vehicle_search.quicksearch .col-button-50p.zlline .checkbox-css .cr { background: #fff; } #section-vehicles-home.section-vehicles-quicksearch-icons-standort #vehicle_search.quicksearch .col-button-50p.zlline .checkbox-css label b { color: #ffffff; }#section-vehicles-home.section-vehicles-quicksearch-icons-standort #vehicle_search.quicksearch .col-button-50p.zlline .startsearch { height: 42px; } .vehicle_quicksearch_bereich_icons #vehicle_search.vehicle_quicksearch_bereich_icons #aside-vehicles-quicksearch-fields .zlline .checkbox-css { margin-top: 0; } @media (min-width: 481px) and (max-width: 679px) { #section-vehicles-home.section-vehicles-quicksearch-icons-standort .quicksearch .form-control { margin-bottom: 20px; } #section-vehicles-home.section-vehicles-quicksearch-icons-standort .quicksearch .col-button-50p { padding-left: 0; padding-right: 0; } #section-vehicles-home.section-vehicles-quicksearch-icons-standort .quicksearch .row .leftrightpadding { display: none; } #section-vehicles-home.section-vehicles-quicksearch-icons-standort .quicksearch .nopadding-left { padding-left: 15px !important; } }@media (max-width: 479px) { #section-vehicles-home.section-vehicles-quicksearch-icons-standort .quicksearch .form-control:last-child { display: block; } #section-vehicles-home.section-vehicles-quicksearch-icons-standort .quicksearch .row .leftrightpadding { display: block; } }/*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 12.12.2017,08:50:54 Author : Florian Neueder*/#section-vehicles-home .quicksearch .h2 { font-weight: 400; } .secondary-highlight .headline-h2 { font-weight: 400 !important; } .section-vehicles-quicksearch-typ-icons-slider .fzg_info .fzg_name,#section-vehicles-quicksearch-typ-icons .fzg_info .fzg_name { font-weight: 400 !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .button-row a { font-weight: 400 !important; } .secondary-highlight #section-direction-info-footer #direction-info-request-footer,.secondary-highlight #section-direction-info-footer #direction-info-request,.secondary-highlight #section-direction-info #direction-info-request-footer,.secondary-highlight #section-direction-info #direction-info-request { font-weight: 400 !important; } .secondary-highlight #section-direction-info-footer .link-select,.secondary-highlight #section-direction-info .link-select { font-weight: 400 !important; border-radius: 0px; } .secondary-highlight #section-direction-info-footer .sec-link-select,.secondary-highlight #section-direction-info .sec-link-select { font-weight: 400 !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .startsearch { background-color: #00adef !important; color: #ffffff; border-color: #00adef !important; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch .startsearch:hover,.block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort #vehicle_search .search-start:hover { background-color: #0088bc !important; background: #0088bc !important; border-color: #0088bc !important; } #section-vehicles-home .quicksearch .btn { border-radius: 0; font-weight: 400 !important; } .section-vehicles-quicksearch-typ-icons-slider .vehicle_types.active,#section-vehicles-quicksearch-typ-icons .vehicle_types.active { background: transparent !important; } /* Created on : Apr 17,2016,1:17:32 PM Author : Darius Zylka*/#section-consultants { background: #ffffff; color: #000000; } #section-consultants .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-consultants .contact-person { margin-bottom: 30px; text-align: center; } #section-consultants .person-data { padding: 0 15px; line-height: 30px; } #section-consultants .person-data .btn-primary { padding: 15px 0px; text-align: center; max-width: 100%; width: 100%; font-size: 1.0em; } #section-consultants .person-data .link-phone { margin-top: 10px; } #section-consultants .person-data .link-fax { margin-bottom: 10px; } #section-consultants .col-lg-6 .person-data { max-width: 66.66666%; margin: 0 auto; } @media (max-width: 768px) { #section-consultants .col-lg-6 .person-data { max-width: 100%; } } #section-consultants .col-lg-12 .person-data { max-width: 33.33333%; margin: 0 auto; } @media (max-width: 768px) { #section-consultants .col-lg-12 .person-data { max-width: 100%; } } #section-consultants h2.headline-h2 { margin-bottom: 30px; margin-top: 0; text-align: center; } #section-consultants .person-data h3 { font-size: 1.3em; border-bottom: #000000 1px solid; padding-bottom: 5px; margin-bottom: 5px; } #section-consultants .user-picture { display: inline-block; width: 200px; height: 200px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; background-size: contain; border: 4px solid #fff; /*border: 4px solid $primary-color;*/ -webkit-box-shadow: 0px 0px 1px 1px #CCCCCC; -moz-box-shadow: 0px 0px 1px 1px #CCCCCC; box-shadow: 0px 0px 1px 1px #CCCCCC; } #section-consultants .personinfo { margin-bottom: 70px; } #section-consultants .btn-team-filter.btn-primary { padding: 6px 35px; border: 2px solid #000000; background: transparent; color: #000000; text-transform: none; font-weight: 600; margin-right: 14px; } #section-consultants .btn-team-filter.btn-primary:hover,#section-consultants .btn-team-filter.btn-primary.active { background: #000000; border-color: #000000; color: #ffffff; } #section-consultants-home-modul { color: #000000; position: absolute; bottom: 171px; width: 100%; margin: 0px; padding: 0px; animation-delay: 1s; display: none; } @media (max-width: 768px) { #section-consultants-home-modul { display: none; } } #section-consultants-home-modul .container-fluid { background: transparent; margin: 0 auto; } #section-consultants-home-modul .contact-person-slider { margin-right: 0px; margin-left: 0px; width: calc(100%); position: relative; } #section-consultants-home-modul .container { padding-top: 15px; padding-bottom: 0px; } #section-consultants-home-modul .prev,#section-consultants-home-modul .next { position: absolute; top: 78%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 35px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-consultants-home-modul .prev,#section-consultants-home-modul .next { display: none; } } #section-consultants-home-modul .prev:hover,#section-consultants-home-modul .next:hover { opacity: 0.7; } #section-consultants-home-modul .next { right: -30px; } @media (max-width: 1024px) { #section-consultants-home-modul .next { right: -10px; } } #section-consultants-home-modul .prev { left: 71.5%; } @media (max-width: 1400px) { #section-consultants-home-modul .prev { left: 79.5%; } } @media (max-width: 1024px) { #section-consultants-home-modul .prev { left: 67.5%; } } #section-consultants-home-modul .contact-person { margin-bottom: 0px; text-align: center; height: 600px; overflow: hidden; } #section-consultants-home-modul .contact-person .col-xs-6 { float: unset; height: 300px; overflow: hidden; } #section-consultants-home-modul .data-information { color: #d9d9d9; font-size: 30px; line-height: 35px; font-weight: 900; padding: 0 15px; min-height: 120px; } @media (max-width: 1024px) { #section-consultants-home-modul .data-information { font-size: 22px; } } #section-consultants-home-modul .person-data { padding: 0 15px; line-height: 30px; } #section-consultants-home-modul .person-data .btn-primary { padding: 15px 0px; text-align: center; max-width: 100%; width: 100%; font-size: 1.0em; } #section-consultants-home-modul .person-data .link-phone { margin-top: 10px; } #section-consultants-home-modul .person-data .link-fax { margin-bottom: 10px; } #section-consultants-home-modul h2.headline-h2 { margin-bottom: 30px; margin-top: 0; text-align: left; } #section-consultants-home-modul .person-data h3 { font-size: 1.3em; border-bottom: #000000 0px solid; font-weight: 700; padding-bottom: 0px; margin-bottom: 0px; color: #000000; } @media (max-width: 1024px) { #section-consultants-home-modul .person-data h3 { font-size: 1em; } } #section-consultants-home-modul .person-data a { color: #000000; font-weight: normal; font-size: 1em; } @media (max-width: 1024px) { #section-consultants-home-modul .person-data a { font-size: 0.8em; } } #section-consultants-home-modul .user-picture { display: inline-block; width: 344px; height: 430px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background-size: contain; border: 0px solid #fff; /*border: 4px solid $primary-color;*/ -webkit-box-shadow: 0px 0px 0px 0px #CCCCCC; -moz-box-shadow: 0px 0px 0px 0px #CCCCCC; box-shadow: 0px 0px 0px 0px #CCCCCC; position: absolute; right: 0px; bottom: 0px; top: unset; z-index: 11; animation-delay: 1s; } @media (max-width: 1400px) { #section-consultants-home-modul .user-picture { width: 200px; height: 250px; } } @media (max-width: 1024px) { #section-consultants-home-modul .user-picture { width: 240px; height: 300px; } } #section-consultants-home-modul .personinfo { margin-bottom: 0px; margin: 0 auto; position: relative; } #section-consultants-home-modul .carousel-caption { left: 0px; right: 0px; width: 100%; top: 0px; bottom: 0px; height: 100%; position: absolute; } #section-consultants-home-modul .carousel-caption .container { width: 100%; max-width: 1320px; position: relative; height: 100%; background: transparent; } #section-consultants-home-modul .carousel-caption .h2 { font-size: 20px; text-transform: normal; font-weight: 700; text-shadow: 0 0px 0px rgba(0,0,0,0.6); background: rgba(1,35,80,0.7); color: #ffffff; animation-delay: 1s; position: absolute; text-align: left; padding: 30px; max-width: 1290px; height: 145px; width: 775px; z-index: 1; line-height: 33px; } #section-consultants-home-modul .carousel-caption .h2 h2 { padding-top: 0px; margin-top: 0px; text-align: left; font-weight: 700; font-size: 33px; margin-bottom: 0px; } #section-consultants-home-modul .carousel-caption .h3 { font-size: 33px; font-weight: 700; text-shadow: 0 0px 0px rgba(0,0,0,0.6); background: transparent; color: #ffffff; animation-delay: 2s; position: absolute; padding: 10px; max-width: 1290px; height: 60px; text-align: left; width: 745px; padding-left: 90px; z-index: 2; } #section-consultants-home-modul .carousel-caption .h2 { right: 145px; top: 52%; } @media (max-width: 1400px) { #section-consultants-home-modul .carousel-caption .h2 { font-size: 20px; line-height: 28px; height: 125px; width: 580px; right: 115px; top: 55%; } #section-consultants-home-modul .carousel-caption .h2 h2 { font-size: 26px; } } @media (max-width: 1024px) { #section-consultants-home-modul .carousel-caption .h2 { font-size: 20px; line-height: 25px; height: 130px; width: 620px; top: 55%; } #section-consultants-home-modul .carousel-caption .h2 h2 { font-size: 30px; } } #section-consultants-home-modul .carousel-caption .h3 { right: 145px; top: calc(52% + 110px); } @media (max-width: 1400px) { #section-consultants-home-modul .carousel-caption .h3 { font-size: 28px; top: calc(55% + 95px); height: 55px; width: 520px; padding-left: 50px; } } @media (max-width: 1024px) { #section-consultants-home-modul .carousel-caption .h3 { font-size: 30px; top: calc(55% + 103px); height: 50px; width: 565px; } } /* Created on : Apr 18,2016,9:10:33 PM Author : conne*/#section-dealer-registration { background: #ffffff; color: #000000; } #section-dealer-registration .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } /* Created on : Apr 18,2016,9:10:33 PM Author : conne*/#section-dealer-account { background: #ffffff; color: #000000; } #section-dealer-account .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } /* Created on : Apr 25,2016,12:22:49 PM Author : Darius Zylka*/#section-dealer-b2b-orderform { background: #ffffff; color: #000000; } #section-dealer-b2b-orderform .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } /* Created on : May 01,2016,11:10:49 AM Author : conne*/#section-vehicle-inquiry-form { background: #ffffff; color: #000000; } #section-vehicle-inquiry-form .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-vehicle-inquiry-form .well { margin-top: 26px; } #section-vehicle-inquiry-form .slider.slider-horizontal { width: 100%; } #section-vehicle-inquiry-form .slider-handle { background-color: #000000; background-image: none; } #section-vehicle-inquiry-form .bootstrap-select { z-index: 1100; } #section-notifications { background: #ffffff; color: #000000; } #section-notifications .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-notifications .container { background: #fff; } #section-notifications .well { /*margin-top: 26px;*/ border-radius: 0; max-height: 300px; overflow: auto; } /* Created on : 12.08.2016,10:25:44 Author : Florian Neueder*/#section-newsletter-form { margin-top: 35px; position: relative; z-index: 2; margin-bottom: 35px; } #section-newsletter-form .newsletter-request-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-newsletter-form .newsletter-request-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-newsletter-form #newsletter_registration { margin-top: 23px; margin-bottom: 40px; } #section-newsletter-form #newsletter_registration .form-control { border-radius: 0; background: transparent; border-color: rgba(0,0,0,0.6); color: #000000; font-weight: 600; margin-bottom: 8px; height: 40px; } @media (max-width: 480px) { #section-newsletter-form #newsletter_registration .form-control { margin-bottom: 10px; } } #section-newsletter-form #newsletter_registration input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } #section-newsletter-form #newsletter_registration input[type="text"]::-moz-placeholder {  color: #000000; } #section-newsletter-form #newsletter_registration input[type="text"]:-ms-input-placeholder {  color: #000000; } #section-newsletter-form #newsletter_registration input[type="text"]:-moz-placeholder {  color: #000000; } #section-newsletter-form #newsletter_registration input[type="text"]::placeholder { color: #000000; } #section-newsletter-form #newsletter_registration p { font-size: 0.720em; font-weight: 700; margin-bottom: 10px; color: #000000; } @media (max-width: 480px) { #section-newsletter-form #newsletter_registration p { margin-bottom: 10px; } } #section-newsletter-form #newsletter_registration .name-row { margin-bottom: 0px; } #section-newsletter-form #newsletter_registration button { color: #ffffff; border-width: 0; font-weight: 600 !important; border-radius: 0; background-color: #00adef; margin-top: 0; height: 61px; font-size: 20px; } #section-newsletter-form #newsletter_registration button:hover { background-color: #008fc6 !important; border-color: #0088bc; } /* Created on : 12.08.2016,10:25:44 Author : Florian Neueder*/#aside-newsletter-form-footer { margin-top: 0px; position: relative; z-index: 2; margin-bottom: 0px; } #aside-newsletter-form-footer .headline-h2,#aside-newsletter-form-footer .subheadline-h3 { color: #ffffff !important; } #aside-newsletter-form-footer .row > div { margin-bottom: 0px !important; } #aside-newsletter-form-footer #newsletter_registration { margin-top: 5px; margin-bottom: 0px; } #aside-newsletter-form-footer #newsletter_registration .form-control { border-radius: 0; background: #ffffff; border-color: rgba(0,0,0,0.6); color: #000000; font-weight: 600; margin-bottom: 3px; height: 40px; } @media (max-width: 480px) { #aside-newsletter-form-footer #newsletter_registration .form-control { margin-bottom: 5px; } } #aside-newsletter-form-footer #newsletter_registration input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } #aside-newsletter-form-footer #newsletter_registration input[type="text"]::-moz-placeholder {  color: #000000; } #aside-newsletter-form-footer #newsletter_registration input[type="text"]:-ms-input-placeholder {  color: #000000; } #aside-newsletter-form-footer #newsletter_registration input[type="text"]:-moz-placeholder {  color: #000000; } #aside-newsletter-form-footer #newsletter_registration input[type="text"]::placeholder { color: #000000; } #aside-newsletter-form-footer #newsletter_registration p { font-size: 0.720em; font-weight: 700; margin-bottom: 10px; color: #ffffff; } @media (max-width: 480px) { #aside-newsletter-form-footer #newsletter_registration p { margin-bottom: 10px; } } #aside-newsletter-form-footer #newsletter_registration .name-row { margin-bottom: 0px; } #aside-newsletter-form-footer #newsletter_registration button { color: #ffffff; border-width: 0; font-weight: 600 !important; border-radius: 0; background-color: #00adef; margin-top: 0; height: 61px; font-size: 20px; } #aside-newsletter-form-footer #newsletter_registration button:hover { background-color: #008fc6 !important; border-color: #0088bc; } #section-dealer-surcharges { background: #ffffff; color: #000000; } #section-dealer-surcharges .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } /* Created on : Apr 4,2016,2:27:04 PM Author : Darius Zylka*/#section-directions { background: #ffffff; color: #000000; } #section-directions .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-directions iframe,#section-directions #google-map-container { border-width: 0; width: 100%; height: 500px; } @media (max-width: 767px) { #section-directions iframe,#section-directions #google-map-container { height: 300px; } } #section-direction-selection .dropdown-toggle { width: 600px; max-width: 100%; }#section-direction-selection .dropdown-menu { width: 600px; max-width: 100%; margin: 0 auto; float: none; left: 25%; right: 25%; } #section-direction-selection .dropdown-menu li.active { background: #000000; } #section-direction-selection .dropdown-menu a { cursor: pointer; } #section-direction-selection .dropdown-menu a:focus,#section-direction-selection .dropdown-menu a:hover { background-color: #000000; color: #ffffff; } #section-direction-selection .dropdown-menu .active > a,#section-direction-selection .dropdown-menu .active > a:focus,#section-direction-selection .dropdown-menu .active > a:hover { background-color: #000000; }#section-direction-selection.selection-with-groups .dropdown-menu > li { padding: 3px 20px; font-weight: 600; } #section-direction-selection.selection-with-groups .dropdown-menu > li a { padding: 0; font-weight: 400; } #section-direction-selection.selection-with-groups .dropdown-menu > li.location-group { padding-top: 20px; }#section-direction-selection.selection-with-groups .dropdown-menu > li:not(.location-group):hover { background-color: #000000; } #section-direction-selection.selection-with-groups .dropdown-menu > li:not(.location-group):hover a { color: #ffffff; }#section-direction-selection.selection-with-groups .dropdown-menu > ul { list-style: none; list-style-type: none; list-style-position: unset; padding-left: 0; width: 100%; } #section-direction-selection.selection-with-groups .dropdown-menu > ul > li.active { background: #000000; } #section-direction-selection.selection-with-groups .dropdown-menu > ul > li a { padding: 3px 25px; width: 100%; display: block; cursor: pointer; color: #000000; } #section-direction-selection.selection-with-groups .dropdown-menu > ul > li a:focus,#section-direction-selection.selection-with-groups .dropdown-menu > ul > li a:hover { background-color: #000000; color: #ffffff; } #section-direction-selection.selection-with-groups .dropdown-menu > ul > li.active > a,#section-direction-selection.selection-with-groups .dropdown-menu > ul > li.active > a:focus,#section-direction-selection.selection-with-groups .dropdown-menu > ul > li.active > a:hover { background-color: #000000; color: #ffffff; } /* Created on : Jun 8,2016,9:27:00 AM Author : Darius Zylka*/#section-blog-list { background: #ffffff; color: #000000; } #section-blog-list .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-blog-list hr { margin: 15px auto; } #section-blog-list article:last-child hr { display: none; } #section-blog-list .authoring { margin-bottom: 20px; } #section-blog-list .lead { font-size: 14px; } #section-blog-list .description { overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } #section-blog-list .rating.rating-1 span:first-child { color: #000000; } #section-blog-list .rating.rating-2 span:nth-child(-n+2) { color: #000000; } #section-blog-list .rating.rating-3 span:nth-child(-n+3) { color: #000000; } #section-blog-list .rating.rating-4 span:nth-child(-n+4) { color: #000000; } #section-blog-list .rating.rating-5 span { color: #000000; } #section-blog-list #blog-search-form button { margin: 0; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; } #section-blog-list #blog-search-form .input-group-addon { border-radius: 0; } .section-blog-list-kachel #blog-search-form { margin-bottom: 20px; }.section-blog-list-kachel article { border: 1px solid #CCC; min-height: 435px; max-height: 435px; margin-bottom: 15px; } @media (max-width: 768px) { .section-blog-list-kachel article { min-height: 345px; } } @media (max-width: 480px) { .section-blog-list-kachel article { min-height: 305px; } }.section-blog-list-kachel .gallery-item { min-height: 340px; } .section-blog-list-kachel .gallery-item .picture-row { /* max-height: 250px; min-height: 250px;*/ overflow: hidden; } .section-blog-list-kachel .gallery-item h3 { margin-top: 0px; font-size: 1em; font-weight: 400; line-height: 1.5em; padding: 15px; } .section-blog-list-kachel .gallery-item h3 a { color: #43b3eb; } .section-blog-list-kachel .gallery-item h3 .subheadline-block { font-size: 20px; line-height: 25px; font-weight: 600; max-width: 93%; float: left; color: #000000; } #section-blog-list.blog-jobs h2.headline-h1 { padding-bottom: 25px; }#section-blog-list.blog-jobs .lead h3 { padding-top: 0px; margin-top: 0px; }#section-blog-list.blog-jobs hr { margin: 40px auto; } /* Created on : Jun 8,2016,9:27:00 AM Author : Darius Zylka*/#article-blog-entry { background: #ffffff; color: #000000; } #article-blog-entry .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #article-blog-entry header h1 { white-space: normal; } #article-blog-entry header .container { padding-top: 0; padding-bottom: 0; } #article-blog-entry .blog-post p { margin-bottom: 20px; } #article-blog-entry .blog-post p:last-of-type { margin-bottom: 0; } #article-blog-entry .blog-post img { margin: 10px 10px 10px 0; max-width: 100%; height: auto; } #article-blog-entry .aside-block { margin-bottom: 30px; } #article-blog-entry .aside-block img { max-width: 100%; height: auto; } #article-blog-entry .sharer a { margin-right: 5px; } #article-blog-entry .best-entries a { display: block; font-size: 1em; } #article-blog-entry #comment-post-rating { cursor: pointer; } #article-blog-entry .comments { /*margin-top: 30px;*/ padding-top: 30px; } #article-blog-entry .comments blockquote p { margin: 10px auto; font-size: 14px; } #article-blog-entry .comments blockquote .rating { font-size: 12px; } a[rel="response-colorbox"] { display: block; margin-bottom: 20px; } a[rel="response-colorbox"] .img-thumbnail { border-radius: 0px; padding: 0px; border: 0px; height: 230px; width: 100%; background-size: cover !important; background-position: center top !important; } @media (max-width: 1024px) { a[rel="response-colorbox"] .img-thumbnail { height: 185px; } } @media (max-width: 768px) { a[rel="response-colorbox"] .img-thumbnail { height: 135px; } } @media (max-width: 480px) { a[rel="response-colorbox"] .img-thumbnail { height: 135px; } } #gallery-slider { position: relative; height: 600px; z-index: 2; } #gallery-slider .container { padding-left: 0; padding-right: 0; } #gallery-slider .container-fluid,#gallery-slider .owl-carousel,#gallery-slider .owl-stage-outer,#gallery-slider .owl-stage,#gallery-slider .owl-item { height: 100%; } #gallery-slider .container-fluid { position: relative; padding-left: 0px; padding-right: 0px; } #gallery-slider .owl-carousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; display: block !important; height: 100%; } #gallery-slider { margin-top: 35px; height: 600px; clear: both; } #gallery-slider .prev,#gallery-slider .next { position: absolute; top: 50%; background-color: none; color: #00adef; display: inline-block; margin-top: -15px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 9; font-size: 3.3em; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #gallery-slider .prev,#gallery-slider .next { font-size: 2.3em; } } #gallery-slider .prev:hover,#gallery-slider .next:hover { opacity: 0.7; } #gallery-slider .prev { left: -70px; } @media (max-width: 768px) { #gallery-slider .prev { left: 0px; } } #gallery-slider .next { right: -70px; } @media (max-width: 768px) { #gallery-slider .next { right: 10px; } } @media (max-width: 768px) { #gallery-slider { height: 308.97436px; } } @media (max-width: 480px) { #gallery-slider { height: 143.58974px; } } #gallery-slider .owl-carousel { display: block; } #gallery-slider-indicator { padding: 0; height: 0; } #gallery-slider-indicator .carousel-indicators { bottom: -25px; height: 20px; margin-bottom: 0; } #gallery-slider-indicator .carousel-indicators li { width: 17px; height: 17px; background-color: #000000; margin: 0 10px 0 0; position: relative; border-width: 0; border-radius: 100%; } #gallery-slider-indicator .carousel-indicators .active,#gallery-slider-indicator .carousel-indicators li:hover { background-color: #00adef; } #gallery-slider-indicator .active .animation.animated-item-1 { -webkit-animation: fadeInUp 1200ms ease-in-out 1200ms both; -moz-animation: fadeInUp 1200ms ease-in-out 1200ms both; -o-animation: fadeInUp 1200ms ease-in-out 1200ms both; -ms-animation: fadeInUp 1200ms ease-in-out 1200ms both; animation: fadeInUp 1200ms ease-in-out 1200ms both; } #gallery-slider-indicator .active .animation.animated-item-2 { -webkit-animation: fadeInUp 1200ms ease-in-out 2400ms both; -moz-animation: fadeInUp 1200ms ease-in-out 2400ms both; -o-animation: fadeInUp 1200ms ease-in-out 2400ms both; -ms-animation: fadeInUp 1200ms ease-in-out 2400ms both; animation: fadeInUp 1200ms ease-in-out 2400ms both; } #gallery-slider-indicator .active .animation.animated-item-3 { -webkit-animation: fadeInUp 1200ms ease-in-out 3600ms both; -moz-animation: fadeInUp 1200ms ease-in-out 3600ms both; -o-animation: fadeInUp 1200ms ease-in-out 3600ms both; -ms-animation: fadeInUp 1200ms ease-in-out 3600ms both; animation: fadeInUp 1200ms ease-in-out 3600ms both; } #gallery-slider-indicator .active .animation.animated-item-4 { -webkit-animation: fadeInUp 1200ms ease-in-out 4800ms both; -moz-animation: fadeInUp 1200ms ease-in-out 4800ms both; -o-animation: fadeInUp 1200ms ease-in-out 4800ms both; -ms-animation: fadeInUp 1200ms ease-in-out 4800ms both; animation: fadeInUp 1200ms ease-in-out 4800ms both; } #gallery-slider-indicator { display: block; margin-bottom: 35px; } /* Created on : Jun 8,2016,9:27:00 AM Author : Darius Zylka*/#section-news-list { background: #ffffff; color: #000000; } #section-news-list .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-news-list hr { margin: 15px auto; } #section-news-list article:last-child hr { display: none; } #section-news-list .authoring { margin-bottom: 20px; } #section-news-list .lead { font-size: 14px; } #section-news-list .description { overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } #section-news-list .rating.rating-1 span:first-child { color: #000000; } #section-news-list .rating.rating-2 span:nth-child(-n+2) { color: #000000; } #section-news-list .rating.rating-3 span:nth-child(-n+3) { color: #000000; } #section-news-list .rating.rating-4 span:nth-child(-n+4) { color: #000000; } #section-news-list .rating.rating-5 span { color: #000000; } #section-news-list article { border-bottom: 2px solid #000000; margin-bottom: 40px; padding-bottom: 30px; } #section-news-list article:last-child { border-bottom: 0px; } #section-news-list .lead img { max-width: 100%; height: auto; } /* Created on : Nov 16,2016,2:15:01 PM Author : Darius Zylka*/#section-news-home-small a { width: 100%; }#section-news-home-small .img-responsive { background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; min-height: 406px; width: 100%; } @media (min-width: 991px) and (max-width: 1024px) { #section-news-home-small .img-responsive { min-height: 310px; } } @media (max-width: 480px) { #section-news-home-small .img-responsive { min-height: 230px; } } #section-news-home a { width: 100%; } #section-news-home .img-responsive .news-show-title,#section-news-home-small .img-responsive .news-show-title { position: absolute; padding: 10px 20px; background: transparent; color: #ffffff; font-size: 24px; max-height: 55px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }#section-news-home .img-responsive .news-show-subtitle,#section-news-home-small .img-responsive .news-show-subtitle { position: absolute; padding: 10px 20px; background: transparent; color: #ffffff; font-size: 18px; line-height: 28px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; max-height: 45px; }#section-news-home .img-responsive .pos-0-title,#section-news-home-small .img-responsive .pos-0-title { left: 0px; top: 5%; }#section-news-home .img-responsive .pos-0-subtitle,#section-news-home-small .img-responsive .pos-0-subtitle { left: 0px; top: calc(5% + 55px); }#section-news-home .img-responsive .pos-1-title,#section-news-home-small .img-responsive .pos-1-title { left: 0px; top: 40%; }#section-news-home .img-responsive .pos-1-subtitle,#section-news-home-small .img-responsive .pos-1-subtitle { left: 0px; top: calc(40% + 55px); }#section-news-home .img-responsive .pos-2-title,#section-news-home-small .img-responsive .pos-2-title { left: 0px; bottom: 13%; }#section-news-home .img-responsive .pos-2-subtitle,#section-news-home-small .img-responsive .pos-2-subtitle { left: 0px; bottom: calc(13% - 45px); }#section-news-home .img-responsive .pos-3-title,#section-news-home-small .img-responsive .pos-3-title { right: 0px; top: 5%; }#section-news-home .img-responsive .pos-3-subtitle,#section-news-home-small .img-responsive .pos-3-subtitle { right: 0px; top: calc(5% + 55px); }#section-news-home .img-responsive .pos-4-title,#section-news-home-small .img-responsive .pos-4-title { right: 0px; top: 40%; }#section-news-home .img-responsive .pos-4-subtitle,#section-news-home-small .img-responsive .pos-4-subtitle { right: 0px; top: calc(40% + 55px); }#section-news-home .img-responsive .pos-5-title,#section-news-home-small .img-responsive .pos-5-title { right: 0px; bottom: 13%; }#section-news-home .img-responsive .pos-5-subtitle,#section-news-home-small .img-responsive .pos-5-subtitle { right: 0px; bottom: calc(13% - 45px); } /* Created on : Nov 16,2016,2:15:01 PM Author : Darius Zylka*/@media (min-width: 1025px) { #section-news-home-small .img-responsive { min-height: 475px; background-position: center center !important; } }@media (min-width: 1580px) { #section-news-home-small .img-responsive { min-height: 485px; background-position: center center !important; } }@media (min-width: 1025px) and (max-width: 1380px) { #section-news-home-small .img-responsive { min-height: 420px; } }@media (max-width: 768px) { #section-news-home-small .img-responsive { min-height: 475px; } }@media (max-width: 480px) { #section-news-home-small .img-responsive { min-height: 266px; } } #section-news-home .img-responsive { min-height: 520px; } @media (max-width: 768px) { #section-news-home .img-responsive { min-height: 490px; } } @media (max-width: 640px) { #section-news-home .img-responsive { min-height: 407px; } } @media (max-width: 480px) { #section-news-home .img-responsive { min-height: 220px; } } #section-testimonials-list { background: #ffffff; color: #000000; } #section-testimonials-list .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-testimonials-list .container { background: #fff; } #section-testimonials-list .comments { /*margin-top: 30px;*/ /*padding-top: 30px;*/ } #section-testimonials-list .comments blockquote { padding-top: 0px; } #section-testimonials-list .comments blockquote p { margin: 10px auto; font-size: 14px; } #section-testimonials-list .comments blockquote .rating { font-size: 12px; } #section-testimonials-list .ratingsAVG .row { margin-bottom: 20px; } #section-testimonials-list .ratingsAVG .btn { background-color: transparent; background: transparent; border: 0px; color: #000000; padding-left: 0px; margin-top: 2px !important; text-align: left; } #section-testimonials-list .ratingsAVG .resp_mobile_pfeil_up { display: inline !important; margin-top: 2px !important; right: 0px; position: absolute; } #section-testimonials-list .ratingsAVG .collapsed .resp_mobile_pfeil_up { display: none !important; margin-top: 2px !important; right: 0px; position: absolute; } #section-testimonials-list .ratingsAVG .collapsed .resp_mobile_pfeil_down { display: inline !important; margin-top: 2px !important; right: 0px; position: absolute; } #section-testimonials-list .ratingsAVG .resp_mobile_pfeil_down { display: none !important; margin-top: 2px !important; right: 0px; position: absolute; } #section-testimonials-list .row-line-small { border-bottom: 1px solid #000000; padding-bottom: 20px; } #section-testimonials-list #rating-gesamt { font-size: 30px; color: #000000; margin-bottom: 30px; } #section-testimonials-list #google-reviews .review-item { border: 0; margin: 0 auto; padding: 0 1em 1em 0; flex: 1 1 100%; border-bottom: 1px solid; margin-bottom: 1em; } #section-testimonials-list #google-reviews .review-item .review-meta,#section-testimonials-list #google-reviews .review-item .review-stars { text-align: left; font-size: 115%; } #section-testimonials-list #google-reviews .review-item .review-text { line-height: 1.55; text-align: left; max-width: 100%; margin: auto; } #section-testimonials-form { background: #ffffff; color: #000000; } #section-testimonials-form .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-testimonials-form .slider.slider-horizontal { width: 100%; } #section-testimonials-form .slider-handle { background-color: #000000; background-image: none; } #section-testimonials-form textarea { resize: none; height: 135px; } #section-testimonials-form .options { padding-left: 40px; padding-right: 40px; margin-bottom: 80px; } #section-testimonials-form .testimonial-rating { padding-left: 40px; padding-right: 20px; margin-bottom: 40px; position: absolute; top: -30px; right: 0px; } #section-testimonials-form .option { margin-bottom: 50px; margin-top: 15px; } #section-testimonials-form #rating-gesamt { font-size: 30px; color: #000000; } @media (min-width: 1024px) { #section-testimonials-form .tooltip.bottom .tooltip-inner { min-width: unset; text-align: left; } } /* Created on : 12.08.2016,12:03:45 Author : Florian Neueder*/#section-testimonials-home { margin-top: 35px; position: relative; z-index: 2; margin-bottom: 35px; } #section-testimonials-home .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-testimonials-home .row-after-title { padding-top: 30px; } } #section-testimonials-home .testimonials-request-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-testimonials-home .testimonials-request-subtitle { margin-top: 5px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-testimonials-home .testimonials-box-image { height: 140px; width: 100%; overflow: hidden; text-align: center; -webkit-transition: height 0s 500ms,opacity 300ms ease-in-out; -moz-transition: height 0s 500ms,opacity 300ms ease-in-out; -ms-transition: height 0s 500ms,opacity 300ms ease-in-out; -o-transition: height 0s 500ms,opacity 300ms ease-in-out; transition: height 0s 500ms,opacity 300ms ease-in-out; } @media (max-width: 480px) { #section-testimonials-home .testimonials-box-image { height: auto; } } #section-testimonials-home .testimonials-box-text { height: 63px; width: 100%; text-align: center; } #section-testimonials-home .testimonials-box-text small { font-weight: 600; margin-top: 10px; display: block; } #section-testimonials-home .testimonials-box-text a { clear: both; font-size: 20px; color: #000000; display: block; margin-top: 5px; font-weight: 600; } @media (max-width: 768px) { #section-testimonials-home .testimonials-box-text a { font-size: 18px; } } @media (max-width: 480px) { #section-testimonials-home .testimonials-box-text { margin-bottom: 30px; } } #section-testimonials-home .icon-center { margin: 0 auto; } #section-testimonials-home .btn { /*@extend .desired-vehicle-button;*/ color: #ffffff; border-width: 0; font-weight: 600 !important; border-radius: 0; background-color: #000000; margin-top: 0; height: 60px; font-size: 20px; line-height: 33px; } @media (max-width: 768px) { #section-testimonials-home .btn { padding: 15px 0px; width: 100%; text-align: center; } } #section-testimonials-home .btn:hover { background-color: black !important; border-color: black; } /* Created on : Jul 5,2016,2:27:09 PM Author : Darius Zylka / Florian Neueder*/#section-audaris-seo { background: #ffffff; color: #000000; /* .description-seo-info1{ margin-top: 30px; margin-bottom: 30px; }*/ } #section-audaris-seo h2.clean-p,#section-audaris-seo p.clean-p { background-image: none !important; border: 0px !important; } #section-audaris-seo .vehicle_search { margin-top: 30px; } #section-audaris-seo .container { background-color: #ffffff; /*padding-top: $default-vertical-padding / 2;*/ padding-top: 30px; padding-bottom: 30px; } #section-audaris-seo ul { list-style: none; padding: 0; } #section-audaris-seo .btn-seo-underline { width: 100%; padding-left: 0px; border: 0px; border-bottom: 5px solid #000000; background: transparent; background-color: transparent; border-radius: 0px; text-align: left; font-size: 20px !important; font-weight: 700 !important; margin-top: 20px; } #section-audaris-seo .btn-konfigurator { font-size: 36px !important; padding: 15px 35px; border-radius: 0px; color: #ffffff; } #section-audaris-seo .btn-car-typ { font-size: 14px; font-weight: 600 !important; padding: 15px 35px; border-radius: 0px; color: #ffffff; margin-bottom: 10px; } #section-audaris-seo .btn-seo-underline:hover { color: #000000; border-bottom: 5px solid #000000; } #section-audaris-seo .seo-left a { font-size: 0.9em; } #section-audaris-seo .seo-left .text-seo { height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.4); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 20%; font-size: 1.4em; } #section-audaris-seo .seo-left .text-seo .bottom-line { display: none; width: 99%; padding: 10px; text-align: center; margin: 0 auto; margin-top: 5%; } #section-audaris-seo .seo-left .text-seo:hover .bottom-line { display: block; } #section-audaris-seo .seo-left .img-container { position: relative; width: 100%; float: left; height: 0; min-height: 300px; margin-top: 15px; } #section-audaris-seo .seo-left .img { display: block; width: 100%; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-audaris-seo .seo-more-information { padding-bottom: 35px; } @media (min-width: 1024px) { #section-audaris-seo .seo-more-information .col-md-2 .img-container { min-height: 190px; } #section-audaris-seo .seo-more-information .col-md-2 .img-container .img { min-height: 190px; } #section-audaris-seo .seo-more-information .col-md-2 .img-container .text-seo { min-height: 180px; padding-top: 15%; } } #section-audaris-seo .seo-more-information .text-seo:hover { background: black; } #section-audaris-seo .seo-more-information .img-container { margin-top: 0px; } #section-audaris-seo .seo-more-information .column { padding: 0px; } #section-audaris-seo .seo-more-information .img_brand { width: auto; max-width: 100%; height: 155px; display: block; background: #ffffff; background-position: center center; background-repeat: no-repeat; background-size: contain; } #section-audaris-seo .seo-more-information a p { font-weight: 700; color: #000000; } #section-audaris-seo .seo-more-information a { width: 90%; } #section-audaris-seo hr { margin-top: 30px; margin-bottom: 30px; } #section-audaris-seo .container-configurator .content-header h1 { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; margin-left: 0px; padding: 0px; background: none; } #section-audaris-seo .container-configurator .navbar-header .btn-link.active { background: #00adef; } #section-audaris-seo .container-configurator .navbar-header .btn-link:hover,#section-audaris-seo .container-configurator .navbar-header .btn-link:focus { background: #1a1a1a; outline: none; box-shadow: none; } #section-audaris-seo .container-configurator .btn-success { background: #00adef; border-color: transparent; border-radius: 0px; } #section-audaris-seo .container-configurator .btn-success:hover,#section-audaris-seo .container-configurator .btn-success:focus { background: #1a1a1a; outline: none; box-shadow: none; } #section-audaris-seo .container-configurator .selection-grid.detailed .price-box { background: #a29fa0; } #section-audaris-seo .container-configurator .page-content { padding: 0px; } #section-audaris-seo .container-configurator .container-fluid { padding-left: 0px; padding-right: 0px; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .absolute .car-preview,#section-audaris-seo .container-configurator [ng-app=car-configurator].absolute .car-preview { border-right: 0px !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .selection-grid.detailed .grid-item.selected,#section-audaris-seo .container-configurator [ng-app=car-configurator].selection-grid.detailed .grid-item.selected { border: 2px solid #000000 !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-group .active,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-group .active:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-group .active:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-group .active,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-group .active:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-group .active:hover { background: #00adef !important; color: #ffffff !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .selection-list-items .list-item.selected,#section-audaris-seo .container-configurator [ng-app=car-configurator].selection-list-items .list-item.selected { background: #00adef !important; color: #ffffff !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .modal,#section-audaris-seo .container-configurator [ng-app=car-configurator].modal { top: 55px !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .modal-dialog { margin: 150px auto !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .modal-dialog .panel-heading,#section-audaris-seo .container-configurator [ng-app=car-configurator].modal-dialog .panel-heading { color: #ffffff !important; background-color: #00adef !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .modal-dialog .panel-body .panel-heading { background-color: transparent !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-action,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-action,#section-audaris-seo .container-configurator .btn-action { background: #00adef !important; color: #ffffff !important; background-color: #00adef !important; border-radius: 0px !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .sidebar .summary h1,#section-audaris-seo .container-configurator [ng-app=car-configurator].sidebar .summary h1 { background: transparent !important; padding: 0px !important; color: #000000 !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-primary.active.focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-primary.active:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-primary.active:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-primary:active.focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-primary:active:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-primary:active:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator] .open > .btn-primary.dropdown-toggle.focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .open > .btn-primary.dropdown-toggle:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator] .open > .btn-primary.dropdown-toggle:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-primary.active.focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-primary.active:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-primary.active:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-primary:active.focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-primary:active:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-primary:active:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator].open > .btn-primary.dropdown-toggle.focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].open > .btn-primary.dropdown-toggle:focus,#section-audaris-seo .container-configurator [ng-app=car-configurator].open > .btn-primary.dropdown-toggle:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-default,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-default { padding: 10px 20px; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .btn,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn { padding: 10px 20px; font-size: 14px !important; } #section-audaris-seo .container-configurator .car-preview .angles-view,#section-audaris-seo .container-configurator .car-preview .interior-view { min-height: 255px; } #section-audaris-seo .container-configurator a.accordion-toggle i { padding: 5px; } #section-audaris-seo .container-configurator [ng-app=car-configurator] a { color: #000000; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .summary-table-energy-efficiency-button,#section-audaris-seo .container-configurator [ng-app=car-configurator].summary-table-energy-efficiency-button,#section-audaris-seo .container-configurator [ng-app=car-configurator] .selection-list-energy-efficiency-button,#section-audaris-seo .container-configurator [ng-app=car-configurator].selection-list-energy-efficiency-button { color: #FFFCFF; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .packgelist-toggler,#section-audaris-seo .container-configurator [ng-app=car-configurator].packgelist-toggler { color: #000000; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .btn-block,#section-audaris-seo .container-configurator [ng-app=car-configurator].btn-block { padding: 10px 20px; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .breadcrumb li,#section-audaris-seo .container-configurator [ng-app=car-configurator].breadcrumb li { padding-right: 10px; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .breadcrumb li .btn-link,#section-audaris-seo .container-configurator [ng-app=car-configurator].breadcrumb li .btn-link { padding-left: 0px; text-align: left; color: #CCC; background: transparent; font-weight: 700; border: 0px; border-radius: 0px; border-bottom: 3px solid #ccc; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .breadcrumb li .btn-link.active,#section-audaris-seo .container-configurator [ng-app=car-configurator] .breadcrumb li .btn-link:hover,#section-audaris-seo .container-configurator [ng-app=car-configurator].breadcrumb li .btn-link.active,#section-audaris-seo .container-configurator [ng-app=car-configurator].breadcrumb li .btn-link:hover { color: #000; background: transparent; border-bottom: 3px solid #000; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .content-header [class*=btn-],#section-audaris-seo .container-configurator [ng-app=car-configurator].content-header [class*=btn-] { margin-top: 10px; padding: 10px 20px; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .panel-default > .panel-heading,#section-audaris-seo .container-configurator [ng-app=car-configurator].panel-default > .panel-heading { border-bottom: 1px solid #ddd; /* padding-left: 0px;*/ } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="kia"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/kia.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="volkswagen"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/vw.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="cupra"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/cupra.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="audi"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/audi.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="seat"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/seat.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="skoda"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/skoda.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="infiniti"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/infiniti.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="nissan"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/nissan.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="peugeot"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/peugeot.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="volvo"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/volvo.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="mini"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/mini.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="bmw"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/bmw.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="alfa-romeo"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/alfa-romeo.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="abarth"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/abarth.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="dacia"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/dacia.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="aston-martin"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/aston-martin.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="bentley"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/bentley.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="cadillac"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/cadillac.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="chevrolet"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/chevrolet.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="citroen"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/citroen.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="ds"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/dsautomobiles.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="fiat"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/fiat.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="ferrari"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/ferrari.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="ford"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/ford.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="honda"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/honda.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="hyundai"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/hyundai.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="isuzu"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/isuzu.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="suzuki"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/suzuki.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="jaguar"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/jaguar.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="jeep"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/jeep.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="lada"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/lada.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="lamborghini"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/lamborghini.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="land-rover"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/land-rover.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="lexus"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/lexus.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="lotus"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/lotus.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="maserati"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/maserati.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="mazda"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/mazda.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="mercedes-benz"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/mercedes-benz.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="mitsubishi"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/mitsubishi.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="opel"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/opel.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="porsche"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/porsche.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="renault"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/renault.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="rolls-royce"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/rolls-royce.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="ssangyong"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/ssangyong.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="subaru"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/subaru.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="tesla"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/tesla.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="toyota"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/toyota.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] [data-label="smart"] .title:before { background-image: url("//brands.audaris.eu/web/img/brands/190x190/smart.png") !important; background-size: 40% !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .makers .entries .selection-grid .ng-scope .title:before { display: block; margin-top: 0px; content: ' '; height: 140px; width: 100%; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; } #section-audaris-seo .container-configurator [ng-app=car-configurator] .makers .entries .selection-grid .ng-scope .title { font-size: 15px; margin-bottom: 10px; } #section-audaris-seo .buttonInsideSlider { height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-audaris-seo #vehicle-info-line-area { margin-top: 35px; z-index: 999; position: relative; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container { padding-top: 10px; padding-bottom: 10px; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container a { padding-top: 0px; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container a:hover { color: #000000; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container .btn-seo-underline { margin-top: 0px; padding-top: 0px; border-bottom: 3px solid #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 0px; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container .btn-seo-underline:hover { border-bottom: 3px solid #000000; color: #000000; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container .btn-konfigurator { margin-top: 0px; padding: 15px 10px; top: -12px; width: 100%; position: relative; margin-bottom: -25px; background: #00adef; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #section-audaris-seo #vehicle-info-line-area #vehicle-info-line .container .btn-konfigurator:hover { background: #ffffff; color: #00adef; } #section-audaris-seo #seo-audaris-konfigurator { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-top: 45px; padding-bottom: 55px; margin-bottom: 25px; margin-top: 25px; } #section-audaris-seo #seo-audaris-konfigurator > .container { padding-top: 0px; padding-bottom: 0px; } #section-audaris-seo.section-audaris-configurator > .container { padding-top: 0px; } #section-audaris-seo.section-audaris-configurator > .container .navbar-header { padding-top: 0px; } #section-audaris-seo.section-audaris-configurator > .container .breadcrumb { margin-top: 0px; } @media (max-width: 680px) { #section-audaris-seo.section-audaris-configurator > .container .breadcrumb { padding-left: 15px; } } #section-audaris-seo.section-audaris-configurator > .container .container-configurator [ng-app=car-configurator] a { width: 100%; } #section-audaris-seo.section-audaris-configurator > .container .container-configurator [ng-app=car-configurator] a.selection-list-energy-efficiency-button { width: 40px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Info { font-family: 'Open Sans'; padding: 0px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Info .title-header { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; margin-left: 0px; padding: 0px; background: none; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Info .selected-brand { border-right: 0px solid #008BDB; }#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation { font-family: 'Open Sans'; margin-left: -15px; margin-top: 0px; margin-bottom: 20px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li > a { padding: 10px 20px; padding-left: 0px; font-size: 14px !important; color: #CCC; border-bottom: 3px solid #CCC; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.active,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.disabled { margin-right: 10px; background: transparent; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.disabled a { padding-left: 0px; text-align: left; color: #CCC; background: transparent; font-weight: 600; border: 0px; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 0px; border-bottom: 3px solid #ccc; padding-right: 10px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.active a,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.active > a:focus,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.active > a:hover { color: #000; background: transparent; border-bottom: 3px solid #000; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.disabled:hover,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li:hover { background: transparent; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li.disabled:hover a,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Navigation > li:hover a { color: #000; background: transparent; border-bottom: 3px solid #000; }#section-audaris-seo.section-audaris-eu-configurator #ACUI_Container { font-family: 'Open Sans'; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .header_group h2 { font-size: 1.5em; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .title { padding: 5px 5px 5px 0px; margin: 25px 0 5px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .list-group-item { font-size: 15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .list-group-item label { font-size: 15px; margin-bottom: 0px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .panel-title { font-size: 15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .list-group-item.subtitle { padding-bottom: 30px; padding-left: 0px; padding-top: 0px; color: #B0B0B0; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .list-group-item.chosen_attributes_calculation label.h4 { margin-bottom: 10px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item.title { padding: 5px 5px 5px 0px; margin: 25px 0 5px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item.subtitle { padding-bottom: 20px; padding-left: 0px; padding-top: 0px; font-size: .7em; color: #B0B0B0; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item.model-title { margin-top: 5px; margin-bottom: 5px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item { font-size: 15px; margin: 5px 0; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item label { margin-bottom: 0px; font-size: 15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item.btn-primary { text-align: center; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item.active { background: transparent; color: #000000; font-weight: 100; font-size: 30px; margin: 0; border: 0px; padding-left: 0px; padding-bottom: 0px; margin-bottom: 0px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_chosen_elements .list-group-item.chosen_attributes_calculation label.h4 { margin-bottom: 10px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_configuration_action { width: 100%; display: block; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_attributes_list .name,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_Container div[data-action="modal-attributes-relations"] .name { width: 70%; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .full-height { padding-bottom: 0px; font-size: 15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .full-height.model-selection-name { margin: 30px 0; font-size: 20px; font-weight: 400; color: #000; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .line-selection-name { font-size: 20px; color: #000; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .btn-group .btn-default { color: #000; border-color: #000 !important; padding: 8px 15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .btn-group .btn-primary { padding: 8px 20px; border: 1px solid #000 !important; font-size: 14px !important; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .border-line-motor.selected { background: #000000; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .ACUI_chosen_elements.list-group .active { background: #000000; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container img.manufacturer-brand { height: 140px; width: auto; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container img.model-typ { height: 170px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .panel .panel-heading a { width: 100%; } @media (min-width: 1200px) { #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container { margin-left: -15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .col-lg-2 { width: 25%; } } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container > .container-fluid > .row > .col-xs-12 { padding: 15px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .border-line,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .block-bordered { border: 0px; margin: 0px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .border-line > a,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .block-bordered > a { width: 100%; display: block; border: 1px solid #CCC; padding: 15px 0px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .border-line > a > .text-muted,#section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .block-bordered > a > .text-muted { font-weight: 200 !important; font-size: 1em; color: #000; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .border-line.selected > a { border: 2px solid #000000 !important; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .catalog-row .price { min-width: 150px; background: #434343; color: #fff; height: 65px; line-height: 65px; font-size: 1.5em; width: auto; padding: 0; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .catalog-row .price .h4 { font-size: 25px; font-family: 'Open Sans'; font-weight: 200; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .btn-primary { color: #ffffff; background-color: #00adef; border-color: #00adef; cursor: pointer; background: #00adef; border-color: transparent; border-radius: 0px; width: unset; padding: 10px 20px; font-size: 14px !important; font-weight: 400; margin-top: 0px; } #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container #ACUI_attributes_list .col-xs-12.col-md-8 .panel .panel-heading { border-bottom: 1px solid #CCC; } @media (min-width: 640px) { #section-audaris-seo.section-audaris-eu-configurator #ACUI_Container .acui_form_configuration > .row .col-xs-6 { width: auto; padding-left: 0px; } } @media (max-width: 480px) { #section-audaris-seo.section-audaris-seo-v2 #vehicle-mobile-anker .container { max-width: 100%; } #section-audaris-seo.section-audaris-seo-v2 .seo-more-information .column { margin-bottom: 0px; } #section-audaris-seo.section-audaris-seo-v2 .seo-more-information .margin35px { padding-top: 0px; } #section-audaris-seo.section-audaris-seo-v2 .seo-left .img { min-height: 220px; } #section-audaris-seo.section-audaris-seo-v2 .seo-left .img-container { min-height: 220px; } #section-audaris-seo.section-audaris-seo-v2 .seo-left .text-seo { min-height: 210px; } #section-audaris-seo.section-audaris-seo-v2 #vehicle-info-line-area { margin-top: 0px; } #section-audaris-seo.section-audaris-seo-v2 .btn-seo-underline { margin-top: 0px; } }.acui-configurator-modal { top: 55px !important; } .acui-configurator-modal .modal-header { background-color: #00adef !important; } .acui-configurator-modal .modal-dialog .panel-heading { color: #ffffff !important; background-color: #00adef !important; } .acui-configurator-modal .modal-dialog .panel-body .panel-heading { background-color: transparent !important; } .acui-configurator-modal .modal-content { border-radius: 0px; } /* Created on : Jul 6,2016,9:20:58 AM Author : Darius Zylka*/#section-vehicle-list-articles .vehicle-element { display: block; color: inherit; position: relative; margin-top: 20px; margin-bottom: 20px; padding: 0; border-radius: 4px; min-height: 300px; }@media (max-width: 991px) { #section-vehicle-list-articles .vehicle-element { padding: 10px; background: #f5f5f5; } }#section-vehicle-list-articles h3 { padding: 0; margin: 8px 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; max-width: 100%; color: #000000; font-size: 16px; }#section-vehicle-list-articles .data-container,#section-vehicle-list-articles .consumption-container,#section-vehicle-list-articles .environment-container,#section-vehicle-list-articles .internal-number-container,#section-vehicle-list-articles .data-infoline { margin: 0; line-height: 18px; font-size: 11px; }#section-vehicle-list-articles .data-container { margin-bottom: 8px; }#section-vehicle-list-articles .environment-container .fa-leaf { font-size: 16px; }#section-vehicle-list-articles .data-container strong { display: inline-block; width: 110px; }#section-vehicle-list-articles .data-container span { display: inline-block; }#section-vehicle-list-articles .data-infoline { display: inline-block; margin-bottom: 0; }#section-vehicle-list-articles .vehicle-element .image { padding: 0 0 0 15px; cursor: pointer; }#section-vehicle-list-articles .vehicle-element .image-xs img { width: 100%; margin-bottom: 20px; cursor: pointer; }#section-vehicle-list-articles small.price { font-weight: bold; } @media (min-width: 992px) { #section-vehicle-list-articles small.price { display: block; } }#section-vehicle-list-articles strong.price { font-size: 25px; color: #000000; }#section-vehicle-list-articles .price-rrp { color: #000000; display: block; line-height: 17px; margin-bottom: 25px; } #section-vehicle-list-articles .price-rrp strong { display: block; white-space: nowrap; font-size: 16px; }#section-vehicle-list-articles .price-old { display: inline-block; }#section-vehicle-list-articles .image-block { width: 100%; min-height: 210px; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; }@media (max-width: 1200px) { #section-vehicle-list-articles .image-block { min-height: 180px; } }#section-vehicle-list-articles .image-side { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }#section-vehicle-list-articles .image-side.image-rotated { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }#section-vehicle-list-articles .image-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }#section-vehicle-list-articles .info-bar span { margin-left: 5px; }@media (max-width: 768px) { #section-vehicle-list-articles .info-bar { top: -7px; } }#section-vehicle-list-articles .info-bar .label-default { background-color: #ddd; color: #777; }#section-vehicle-list-articles .envkv-class { width: 12px; height: 14px; background: #000; margin-left: 3px; margin-right: 2px; color: #ffffff; font-size: 9px; line-height: 14px; }#section-vehicle-list-articles .envkv-class:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-right: 8px solid #000; border-bottom: 7px solid transparent; margin: 0 0 0 -7px; }#section-vehicle-list-articles .envkv-class span { display: block; text-align: center; }#section-vehicle-list-articles .envkv-class[data-envk-class="A+"] { background: #009136; }#section-vehicle-list-articles .envkv-class[data-envk-class="A+"]:before { border-right-color: #009136; }#section-vehicle-list-articles .envkv-class[data-envk-class="A"] { background: #009137; }#section-vehicle-list-articles .envkv-class[data-envk-class="A"]:before { border-right-color: #009137; }#section-vehicle-list-articles .envkv-class[data-envk-class="B"] { background: #58ab27; }#section-vehicle-list-articles .envkv-class[data-envk-class="B"]:before { border-right-color: #58ab27; }#section-vehicle-list-articles .envkv-class[data-envk-class="C"] { background: #c8d202; }#section-vehicle-list-articles .envkv-class[data-envk-class="C"]:before { border-right-color: #c8d202; }#section-vehicle-list-articles .envkv-class[data-envk-class="D"] { background: #fded01; }#section-vehicle-list-articles .envkv-class[data-envk-class="D"]:before { border-right-color: #fded01; }#section-vehicle-list-articles .envkv-class[data-envk-class="E"] { background: #fbba03; }#section-vehicle-list-articles .envkv-class[data-envk-class="E"]:before { border-right-color: #fbba03; }#section-vehicle-list-articles .envkv-class[data-envk-class="F"] { background: #ea680d; }#section-vehicle-list-articles .envkv-class[data-envk-class="F"]:before { border-right-color: #ea680d; }#section-vehicle-list-articles .envkv-class[data-envk-class="G"] { background: #e3001b; }#section-vehicle-list-articles .envkv-class[data-envk-class="G"]:before { border-right-color: #e3001b; }#section-vehicle-list-articles sup { font-weight: 400 !important; font-size: 8px !important; right: .1em !important; z-index: 99 !important; top: -1em; }#section-vehicle-list-articles .img-thumbnail { border: 0; padding: 0; border-radius: 0; } #section-vehicle-list-articles-tile .img-thumbnail { display: inline-block; max-height: 100%; width: auto; height: 100%; max-width: inherit; padding: 0; line-height: 1.42857143; background-color: #fff; border: 0; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { #section-vehicle-list-articles-tile .img-thumbnail { display: inline-block; max-height: inherit; width: 100%; height: auto; max-width: 100%; } }#section-vehicle-list-articles-tile .image-side a { display: inline; width: 100%; height: 100%; }#section-vehicle-list-articles-tile .data-vgl-verbrauch div,#section-vehicle-list-articles-tile .vgl-ausstattung div,#section-vehicle-list-articles-tile .data-fahrzeug-info div { padding-left: 2px; min-height: 18px; }#section-vehicle-list-articles-tile .data-info-fhzg { min-height: 105px; font-size: 13px; }#section-vehicle-list-articles-tile .data-vgl-verbrauch div:nth-child(2n),#section-vehicle-list-articles-tile .vgl-ausstattung div:nth-child(2n),#section-vehicle-list-articles-tile .data-fahrzeug-info div:nth-child(2n) { background-color: #b3b3b3; }#section-vehicle-list-articles-tile .line-hover { background-color: #00adef !important; color: #ffffff; } #section-vehicle-list-articles-tile .line-hover span { color: #0088bc; } #section-vehicle-list-articles-tile .line-hover span.active { color: #ffffff; } #section-vehicle-list-articles-tile .vehicle-element,#section-vehicle-list-articles-new .vehicle-element { display: block; color: inherit; position: relative; margin-bottom: 20px; padding: 0; border-radius: 0; } #section-vehicle-list-articles-tile .vehicle-element h3.title,#section-vehicle-list-articles-new .vehicle-element h3.title { color: #a29fa0; } #section-vehicle-list-articles-tile .vehicle-element .label-area,#section-vehicle-list-articles-new .vehicle-element .label-area { padding-bottom: 10px; margin-top: -10px; color: #a29fa0; } #section-vehicle-list-articles-tile .vehicle-element .label-area .label,#section-vehicle-list-articles-new .vehicle-element .label-area .label { color: #a29fa0; border-color: #a29fa0; margin-right: 5px; padding-right: 3px; } #section-vehicle-list-articles-tile .vehicle-element .label,#section-vehicle-list-articles-new .vehicle-element .label { display: inline; padding: 0; font-size: 75%; font-weight: normal; line-height: 1; color: #000000; background: transparent; text-align: left; white-space: nowrap; vertical-align: baseline; border-radius: 0; border-right: 1px #000 solid; margin-right: 5px; padding-right: 5px; } #section-vehicle-list-articles-tile .vehicle-element .label:last-child,#section-vehicle-list-articles-new .vehicle-element .label:last-child { border-right: 0; padding-right: 0; margin-right: 0; } #section-vehicle-list-articles-tile .vehicle-element .image-block,#section-vehicle-list-articles-new .vehicle-element .image-block { min-height: 225px; border-bottom: 0 solid #ffffff; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge { color: #ffffff; margin-top: 0; position: absolute; left: 0; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-video-pics,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-video-pics { color: #ffffff; margin-top: 0; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-video-pics .label,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0; color: #ffffff; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='image-vehicle'],#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='image-vehicle'] { float: right; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='video-vehicle'],#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='video-vehicle'] { float: left; } #section-vehicle-list-articles-tile .vehicle-element .image-container,#section-vehicle-list-articles-new .vehicle-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicle-list-articles-tile .vehicle-element .image-container .img,#section-vehicle-list-articles-new .vehicle-element .image-container .img { display: block; width: 100%; height: 100%; max-width: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicle-list-articles-tile .vehicle-element .image-container .vehicle-badge,#section-vehicle-list-articles-new .vehicle-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0; position: absolute; left: 0; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicle-list-articles-tile .vehicle-element .image-container .vehicle-badge-video-pics,#section-vehicle-list-articles-new .vehicle-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicle-list-articles-tile .vehicle-element .image-container .vehicle-badge-video-pics .label,#section-vehicle-list-articles-new .vehicle-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0; color: #ffffff; } #section-vehicle-list-articles-tile .vehicle-element .preis-info,#section-vehicle-list-articles-new .vehicle-element .preis-info { width: 100%; display: block; color: #ffffff; min-height: 70px; } #section-vehicle-list-articles-tile .vehicle-element .preis-info .text-right,#section-vehicle-list-articles-new .vehicle-element .preis-info .text-right { color: #ffffff; padding-left: 0; } #section-vehicle-list-articles-tile .vehicle-element .preis-info .text-right h3,#section-vehicle-list-articles-new .vehicle-element .preis-info .text-right h3 { text-align: right; color: #ffffff; font-size: 23px; } #section-vehicle-list-articles-tile .vehicle-element .preis-info .text-right .data-infoline,#section-vehicle-list-articles-new .vehicle-element .preis-info .text-right .data-infoline { margin-top: -10px; } #section-vehicle-list-articles-tile .vehicle-element .preis-info .oldprice-area,#section-vehicle-list-articles-new .vehicle-element .preis-info .oldprice-area { font-weight: 600; margin-top: 8px; color: #cccccc; } #section-vehicle-list-articles-tile .vehicle-element .normal-price-tile,#section-vehicle-list-articles-new .vehicle-element .normal-price-tile { background: #a29fa0; } #section-vehicle-list-articles-tile .vehicle-element .special-price-tile,#section-vehicle-list-articles-new .vehicle-element .special-price-tile { background: #00adef; }#section-vehicle-list-articles-tile h3,#section-vehicle-list-articles-new h3 { padding: 0; margin: 8px 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; max-width: 100%; font-size: 16px; color: #000000; }#section-vehicle-list-articles-tile button.action-btn,#section-vehicle-list-articles-new button.action-btn { width: 100%; padding: 10px 0; text-align: center; font-size: 1em; } #section-vehicle-list-articles-tile button.action-btn i,#section-vehicle-list-articles-new button.action-btn i { padding-right: 5px; }#section-vehicle-list-articles-tile button.active,#section-vehicle-list-articles-new button.active { background-color: #00adef; }#section-vehicle-list-articles-tile button.detail-button,#section-vehicle-list-articles-new button.detail-button { width: calc(100% - 2px); }#section-vehicle-list-articles-tile .deaktiviert,#section-vehicle-list-articles-new .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; }#section-vehicle-list-articles-tile .button-area-vehicle-list,#section-vehicle-list-articles-new .button-area-vehicle-list { padding-left: 0; padding-right: 2px; }#section-vehicle-list-articles-tile .data-container,#section-vehicle-list-articles-tile .consumption-container,#section-vehicle-list-articles-tile .environment-container,#section-vehicle-list-articles-tile .internal-number-container,#section-vehicle-list-articles-tile .data-infoline,#section-vehicle-list-articles-new .data-container,#section-vehicle-list-articles-new .consumption-container,#section-vehicle-list-articles-new .environment-container,#section-vehicle-list-articles-new .internal-number-container,#section-vehicle-list-articles-new .data-infoline { margin: 0; line-height: 18px; font-size: 11px; }#section-vehicle-list-articles-tile .data-container,#section-vehicle-list-articles-new .data-container { margin-bottom: 8px; }#section-vehicle-list-articles-tile .environment-container .fa-leaf,#section-vehicle-list-articles-new .environment-container .fa-leaf { font-size: 16px; }#section-vehicle-list-articles-tile .data-container strong,#section-vehicle-list-articles-new .data-container strong { display: inline-block; width: 110px; }#section-vehicle-list-articles-tile .data-container span,#section-vehicle-list-articles-new .data-container span { display: inline-block; }#section-vehicle-list-articles-tile .data-infoline,#section-vehicle-list-articles-new .data-infoline { display: block; margin-bottom: 10px; margin-top: -5px; }#section-vehicle-list-articles-tile .data-infoline-bottom,#section-vehicle-list-articles-new .data-infoline-bottom { display: inline-block; margin-bottom: 0; margin-top: 10px; min-height: 50px; }#section-vehicle-list-articles-tile .vehicle-element .image,#section-vehicle-list-articles-new .vehicle-element .image { cursor: pointer; margin-bottom: 2px; } @media (max-width: 920px) { #section-vehicle-list-articles-tile .vehicle-element .image,#section-vehicle-list-articles-new .vehicle-element .image { margin-bottom: 2px; } }#section-vehicle-list-articles-tile .vehicle-element .image-xs img,#section-vehicle-list-articles-new .vehicle-element .image-xs img { width: 100%; cursor: pointer; }#section-vehicle-list-articles-tile small.price,#section-vehicle-list-articles-new small.price { font-weight: bold; }@media (min-width: 992px) { #section-vehicle-list-articles-tile small.price,#section-vehicle-list-articles-new small.price { display: block; } }#section-vehicle-list-articles-tile strong.price,#section-vehicle-list-articles-new strong.price { font-size: 25px; color: #000000; }#section-vehicle-list-articles-tile .price-rrp,#section-vehicle-list-articles-new .price-rrp { color: #000000; display: block; line-height: 17px; margin-bottom: 25px; } #section-vehicle-list-articles-tile .price-rrp strong,#section-vehicle-list-articles-new .price-rrp strong { display: block; white-space: nowrap; font-size: 16px; }#section-vehicle-list-articles-tile .price-old,#section-vehicle-list-articles-new .price-old { display: inline-block; }#section-vehicle-list-articles-tile .image-block,#section-vehicle-list-articles-new .image-block { width: 100%; min-height: 225px; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; max-height: 225px; overflow: hidden; } @media (max-width: 768px) { #section-vehicle-list-articles-tile .image-block,#section-vehicle-list-articles-new .image-block { min-height: 227px !important; } } @media (max-width: 755px) and (min-width: 480px) { #section-vehicle-list-articles-tile .image-block,#section-vehicle-list-articles-new .image-block { min-height: 365px !important; } #section-vehicle-list-articles-tile .image-block .image-container,#section-vehicle-list-articles-new .image-block .image-container { min-height: 355px; } }#section-vehicle-list-articles-tile .image-side,#section-vehicle-list-articles-new .image-side { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }#section-vehicle-list-articles-tile .image-side.image-rotated,#section-vehicle-list-articles-new .image-side.image-rotated { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }#section-vehicle-list-articles-tile .image-back,#section-vehicle-list-articles-new .image-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }@media (max-width: 920px) { #section-vehicle-list-articles-tile .row .col-xs-12,#section-vehicle-list-articles-new .row .col-xs-12 { margin-bottom: 0; } } .vehicle-new-list-articles .vehicle-element { min-height: 365px; } #section-vehicle-list-articles-new .image-block { min-height: 277px !important; border-bottom: 2px solid #ffffff; } #section-vehicle-list-articles-new .image-block .vehicle-badge { color: #ffffff; margin-top: 0; position: absolute; left: 0; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicle-list-articles-new .image-block .vehicle-badge-video-pics { color: #ffffff; margin-top: 0; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicle-list-articles-new .image-block .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0; color: #ffffff; }#section-vehicle-list-articles-new .img-thumbnail { display: inline-block; max-width: inherit !important; height: auto !important; max-height: auto !important; padding: 0; line-height: 1.42857143; background-color: #fff; border: 0; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; }#section-vehicle-list-articles-new .image > .row .col-xs-12 div:last-child { padding-right: 0; }#section-vehicle-list-articles-new .image button.btn-primary { margin-top: 0; }#section-vehicle-list-articles-new .vehicle-element .info-bar { margin-top: 10px; margin-bottom: 20px; } #section-vehicle-list-articles-new .vehicle-element .info-bar .label { background-color: #3c3c3c; color: #ffffff; border-radius: 8px; border-right: 0; font-weight: 600; padding: 5px !important; margin-right: 10px; }#section-vehicle-list-articles-new .vehicle-data-infos { min-height: 316px; } #section-vehicle-list-articles-new .vehicle-data-infos .price-area { bottom: 0; position: absolute; right: 0; }#section-vehicle-list-articles-new .min-height-vehicle-info { min-height: 285px; } #section-vehicle-list-articles-new .min-height-vehicle-info .price-area { bottom: 0; position: absolute; left: 15px; }#section-vehicle-list-articles-new .oldprice-area { text-align: left; }#section-vehicle-list-articles-new .price-area > .row { margin-bottom: 2px; }#section-vehicle-list-articles-new .preis-vorteil { max-height: 35px; padding-top: 3px; min-height: 35px !important; } #section-vehicle-list-articles-new .preis-vorteil .col-xs-8.text-right { padding-left: 0; }#section-vehicle-list-articles-new .price-rabatt-text { color: #a29fa0; font-size: 1.25em; margin-bottom: 20px; }#section-vehicle-list-articles-new .vehicle-data-info { font-size: 0.9em; }#section-vehicle-list-articles-new .envkv-class { width: 12px; height: 14px; background: #000; margin-left: 3px; margin-right: 2px; color: #ffffff; font-size: 9px; line-height: 14px; }#section-vehicle-list-articles-new .envkv-class:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-right: 8px solid #000; border-bottom: 7px solid transparent; margin: 0 0 0 -7px; }#section-vehicle-list-articles-new .envkv-class span { display: block; text-align: center; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="A+"] { background: #009136; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="A+"]:before { border-right-color: #009136; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="A"] { background: #009137; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="A"]:before { border-right-color: #009137; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="B"] { background: #58ab27; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="B"]:before { border-right-color: #58ab27; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="C"] { background: #c8d202; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="C"]:before { border-right-color: #c8d202; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="D"] { background: #fded01; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="D"]:before { border-right-color: #fded01; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="E"] { background: #fbba03; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="E"]:before { border-right-color: #fbba03; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="F"] { background: #ea680d; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="F"]:before { border-right-color: #ea680d; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="G"] { background: #e3001b; }#section-vehicle-list-articles-new .envkv-class[data-envk-class="G"]:before { border-right-color: #e3001b; }#section-vehicle-list-articles-new .vehicle-data-infos > .row .col-xs-12 h3 { margin-top: 0; }#section-vehicle-list-articles-new .environment-container .row { margin-bottom: 0 !important; } #section-vehicle-list-articles-new .environment-container .row .col-sm-7,#section-vehicle-list-articles-new .environment-container .row .col-xs-8,#section-vehicle-list-articles-new .environment-container .row .col-lg-8 { padding-left: 10px; }#section-vehicle-list-articles-new .image-side { max-height: 275px; overflow: hidden; }@media (max-width: 1024px) { #section-vehicle-list-articles-new .vehicle-data-info { font-size: 0.8em; } #section-vehicle-list-articles-new .min-height-vehicle-info { min-height: 230px; } #section-vehicle-list-articles-new .vehicle-data-infos { min-height: 230px; max-height: 250px; } #section-vehicle-list-articles-new .image-block { min-height: 211px !important; max-height: 211px; } #section-vehicle-list-articles-new .image-side { max-height: 209px; } #section-vehicle-list-articles-new .vehicle-element .info-bar { margin-top: 0; margin-bottom: 10px; } #section-vehicle-list-articles-new .preis-vorteil .text-right { font-size: 0.98em; } } #section-vehicle-list-articles .preis-info { width: 100%; display: block; color: #ffffff; min-height: 70px; } #section-vehicle-list-articles .preis-info .text-right { color: #ffffff; padding-left: 0; } #section-vehicle-list-articles .preis-info .text-right h3 { text-align: right; color: #ffffff; font-size: 23px; margin-top: 0; } @media (min-width: 991px) and (max-width: 1024px) { #section-vehicle-list-articles .preis-info .text-right h3 { font-size: 19px; } } #section-vehicle-list-articles .preis-info .text-right .data-infoline { margin-top: -10px; } #section-vehicle-list-articles .preis-info .oldprice-area { font-weight: 600; margin-top: 0; color: #cccccc; } @media (min-width: 991px) and (max-width: 1024px) { #section-vehicle-list-articles .preis-info .oldprice-area { padding-right: 0; padding-left: 3px; } }#section-vehicle-list-articles .normal-price-tile { background: #a29fa0; }#section-vehicle-list-articles .special-price-tile { background: #00adef; }#section-vehicle-list-articles button.action-btn { background-color: #00adef; border: 0; width: 100%; padding: 10px 0; text-align: center; font-size: 1em; } #section-vehicle-list-articles button.action-btn i { padding-right: 5px; }#section-vehicle-list-articles button.active { background-color: #00adef; }#section-vehicle-list-articles button.detail-button { width: calc(100% - 2px); }#section-vehicle-list-articles button.action-btn:hover { background-color: #00adef; }#section-vehicle-list-articles small.price { font-weight: bold; }@media (min-width: 992px) { #section-vehicle-list-articles small.price { display: block; } }#section-vehicle-list-articles strong.price { font-size: 25px; color: #000000; }#section-vehicle-list-articles .price-rrp { color: #000000; display: block; line-height: 17px; margin-bottom: 25px; } #section-vehicle-list-articles .price-rrp strong { display: block; white-space: nowrap; font-size: 16px; }#section-vehicle-list-articles .price-old { display: inline-block; }#section-vehicle-list-articles .oldprice-area { text-align: left; } @media (min-width: 991px) and (max-width: 1024px) { #section-vehicle-list-articles .oldprice-area .data-infoline { font-size: 10px; } }#section-vehicle-list-articles .price-area > .row { margin-bottom: 2px; }#section-vehicle-list-articles .preis-vorteil { max-height: 27px; padding-top: 3px; min-height: 27px !important; } #section-vehicle-list-articles .preis-vorteil .col-xs-8.text-right { padding-left: 0; } #section-vehicle-list-articles .preis-vorteil strong { font-size: 13px; } @media (min-width: 991px) and (max-width: 1024px) { #section-vehicle-list-articles .preis-vorteil strong { font-size: 10px; } }#section-vehicle-list-articles .price-rabatt-text { color: #a29fa0; font-size: 1.25em; margin-bottom: 5px; }@media (max-width: 1024px) { #section-vehicle-list-articles .preis-vorteil .text-right { font-size: 0.98em; } } .section-vehicle-vergleich-list-articles .vgl-ausstattung span { color: white; }.section-vehicle-vergleich-list-articles .vgl-ausstattung span.active { color: #000000; }.section-vehicle-vergleich-list-articles .data-infoline { font-size: 12px !important; }.section-vehicle-vergleich-list-articles .owl-carousel { width: calc(100% + 30px); }.section-vehicle-vergleich-list-articles .vehicle-element .col-xs-12 > strong { margin-top: 20px; margin-bottom: 10px; display: block; }.section-vehicle-vergleich-list-articles button.detail-button { width: calc(100%) !important; }.section-vehicle-vergleich-list-articles .delVehicleFromVergleich { float: right; } @media (max-width: 768px) { .section-vehicle-vergleich-list-articles .delVehicleFromVergleich { padding: 5px 10px; } } .section-vehicle-list-articles-tile-intelligent {  } .section-vehicle-list-articles-tile-intelligent button.detail-button { margin-top: 2px; } .section-vehicle-list-articles-tile-intelligent .data-info-fhzg { min-height: 100px; font-size: 13px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block { min-height: 275px; } .section-vehicle-list-articles-tile-intelligent button.active { background-color: #000000 !important; } .section-vehicle-list-articles-tile-intelligent .vehicle-data-info strong { font-weight: 700 !important; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .preis-info .oldprice-area { font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .vehicle-element { padding-bottom: 15px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .tile-button-area { display: block; top: 0; z-index: 99; position: relative; margin-bottom: -110px; width: 100%; height: 0; overflow: hidden; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .tile-button-area .btn { margin-top: 0; border-radius: 0 !important; margin-left: 1px; margin-right: 1px; margin-bottom: 2px; font-size: 12px !important; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .tile-button-area-fix .btn { margin-top: 0; border-radius: 0 !important; margin-left: 1px; margin-right: 1px; margin-bottom: 2px; font-size: 12px !important; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .tile-button-area-fix .detail-button { width: calc(100% - 0); } .section-vehicle-list-articles-tile-intelligent .img-thumbnail { display: inline-block; max-height: inherit; width: 100%; max-width: 100%; height: auto; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block .vehicle-badge-preisvorteil-dreieck { border-right: 90px solid transparent; border-top: 90px solid #a29fa0; width: 75px; height: 79px; margin-top: 0; position: absolute; left: -20px; padding: 11.25px 10px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block .vehicle-badge-angebot-dreieck { border-right: 90px solid transparent; border-top: 90px solid #000000; width: 75px; height: 79px; margin-top: 0; position: absolute; left: -20px; padding: 11.25px 10px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block .vehicle-badge-preisvorteil { background: transparent !important; transform: rotate(-45deg); padding-top: 25px; padding-left: 0; text-align: center; margin-left: -10px; margin-top: -10px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 25px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 25px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element .image-block .vehicle-badge-angebot { font-size: 14px; margin-top: -14px; } .section-vehicle-list-articles-tile-intelligent .data-infoline-bottom { min-height: 40px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element { min-height: 660px; } .section-vehicle-list-articles-tile-intelligent .price-box { min-height: 70px; margin-bottom: 10px; background: #a29fa0; max-height: 70px; overflow: hidden; } @media (max-width: 768px) { .section-vehicle-list-articles-tile-intelligent .price-box { margin-top: 0; } } .section-vehicle-list-articles-tile-intelligent .price-box .row { margin-left: 0; margin-right: 0; } .section-vehicle-list-articles-tile-intelligent .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0; } .section-vehicle-list-articles-tile-intelligent .price-box .bg-white { background: #fff; padding-left: 5px; padding-right: 10px; } .section-vehicle-list-articles-tile-intelligent .price-box.special_price { background: #000000; } .section-vehicle-list-articles-tile-intelligent .price { text-align: right; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp { color: #3c3c3c; background: #e8e8e8; clear: both; margin-left: 10px; text-align: left; padding-left: 5px; padding-top: 15px; height: 70px; margin-bottom: 0; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .pricevorteil { text-align: left; color: #a29fa0; font-size: 12px; display: block; line-height: 15px; font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .priceersparnis { text-align: left; color: #a29fa0; font-size: 11px; display: block; font-weight: 700; padding-top: 10px; } .section-vehicle-list-articles-tile-intelligent .price .data-infoline { display: block; margin-bottom: 0; margin-top: 0 !important; color: #fff; } .section-vehicle-list-articles-tile-intelligent .price .price-old { display: inline-block; font-size: 12px; float: right; padding-left: 5px; } .section-vehicle-list-articles-tile-intelligent .price .current_price { display: block; font-size: 20px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 21px; padding-top: 1px; } .section-vehicle-list-articles-tile-intelligent .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } .section-vehicle-list-articles-tile-intelligent .price-new-info { min-height: 105px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-box { min-height: 70px; margin-bottom: 2px; background: #a29fa0; max-height: 70px; overflow: hidden; } @media (max-width: 768px) { .section-vehicle-list-articles-tile-intelligent .price-new-info .price-box { margin-top: 0; } } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-box .row { margin-left: 0; margin-right: 0; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-box .bg-white { background: #fff; padding-left: 5px; padding-right: 10px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-box.special_price { background: #000000; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-rrp { color: #3c3c3c; background: #e8e8e8; clear: both; text-align: left; padding-left: 0; padding-top: 5px; height: 30px; margin-bottom: 0; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-rrp .pricevorteil { text-align: left; color: #a29fa0; font-size: 12px; display: block; line-height: 15px; font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-rrp .priceersparnis { text-align: left; color: #a29fa0; font-size: 11px; display: block; font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price { text-align: right; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .data-infoline { display: block; margin-bottom: 0; margin-top: 0; color: #fff; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-old { display: inline-block; font-size: 12px; float: right; padding-left: 5px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .current_price { display: block; font-size: 20px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 21px; padding-top: 1px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price.normal_price { padding-top: 0; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price.normal_price .price-old { display: none; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing { color: #000; margin-bottom: 0 !important; padding-top: 12px; height: 70px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .price-info,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .price-info { font-size: 10px; font-weight: 700; color: #000; opacity: 1; text-align: right; line-height: 10px; float: right; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .price-info a,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .price-info a { font-size: 10px; font-weight: 700 !important; color: #000; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .price-info .text-small,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .price-info .text-small { font-size: 10px; font-weight: 400; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .price-info small,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .price-info small { font-size: 10px; font-weight: 400; display: none; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .current_price,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .current_price { float: right; color: #000 !important; font-weight: 700 !important; font-size: 19px; line-height: 21px; padding-top: 5px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .current_price .price-font,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .current_price .price-font { color: #000 !important; font-weight: 700 !important; font-size: 19px; line-height: 21px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .current_price .fa,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .current_price .fa { font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .footnote,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .footnote { position: absolute; right: 0; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .sonderpreis { background: #012350; bottom: 0; position: absolute; margin-bottom: 0 !important; padding-right: 50px; padding-top: 20px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .hauptpreis { padding-right: 5px; padding-top: 10px; padding-left: 2px; padding-bottom: 10px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-tax { color: #fff; font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-info { font-size: 12px; font-weight: 700; color: #fff; text-align: right; } @media (max-width: 480px) { .section-vehicle-list-articles-tile-intelligent .price-new-info .price-info { font-size: 10px; } } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-info-small { font-weight: 400; } @media (max-width: 768px) and (min-width: 481px) { .section-vehicle-list-articles-tile-intelligent .price-new-info .price .current_price { font-size: 19px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-rrp { padding-left: 8px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-rrp .pricevorteil { font-size: 13px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-rrp .priceersparnis { font-size: 12px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .price-info .text-small,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .price-info .text-small { font-size: 8px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .current_price .price-font,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .current_price .price-font { font-size: 16px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-old { font-size: 11px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-info { font-size: 11px; } } @media (max-width: 480px) { .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-rrp { padding-left: 5px; padding-top: 10px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-rrp .pricevorteil { font-size: 11px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .price-rrp .priceersparnis { font-size: 9px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price .current_price { font-size: 14px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .price-info .text-small { font-size: 9px; font-weight: 400; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .current_price,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .current_price { font-size: 14px; line-height: 25px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .finanzierung .current_price .price-font,.section-vehicle-list-articles-tile-intelligent .price-new-info .leasing .current_price .price-font { font-size: 14px; line-height: 20px; } .section-vehicle-list-articles-tile-intelligent .price-new-info .bg-white { padding-left: 0; padding-right: 5px; } .section-vehicle-list-articles-tile-intelligent .price-new-info > .row > .col-xs-12 { padding-left: 0; padding-right: 0; } } .section-vehicle-list-articles-tile-intelligent .price-ersparnis { min-height: 37px; margin-top: 10px; display: block; } .section-vehicle-list-articles-tile-intelligent .price-ersparnis .price-rrp { color: #3c3c3c; background: #999; clear: both; margin-left: 0; text-align: left; padding-left: 5px; padding-top: 10px; min-height: 36px; height: auto; margin-bottom: 0 !important; } .section-vehicle-list-articles-tile-intelligent .price-ersparnis .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } .section-vehicle-list-articles-tile-intelligent .price-ersparnis .price-rrp .pricevorteil { text-align: left; color: #fff; font-size: 12px; display: block; line-height: 15px; font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price-ersparnis .price-rrp .priceersparnis { text-align: left; color: #fff; font-size: 11px; display: block; font-weight: 700; padding-top: 0; } .section-vehicle-list-articles-tile-intelligent .price.normal_price { padding-top: 0; } .section-vehicle-list-articles-tile-intelligent .price.normal_price .price-old { display: none; } .section-vehicle-list-articles-tile-intelligent .finanzierung,.section-vehicle-list-articles-tile-intelligent .leasing { color: #000; margin-bottom: 0 !important; padding-top: 12px; height: 70px; } .section-vehicle-list-articles-tile-intelligent .finanzierung .price-info,.section-vehicle-list-articles-tile-intelligent .leasing .price-info { font-size: 10px; font-weight: 700; color: #000; opacity: 1; text-align: right; line-height: 10px; float: right; } .section-vehicle-list-articles-tile-intelligent .finanzierung .price-info a,.section-vehicle-list-articles-tile-intelligent .leasing .price-info a { font-size: 10px; font-weight: 700 !important; color: #000; } .section-vehicle-list-articles-tile-intelligent .finanzierung .price-info .text-small,.section-vehicle-list-articles-tile-intelligent .leasing .price-info .text-small { font-size: 10px; font-weight: 400; } .section-vehicle-list-articles-tile-intelligent .finanzierung .price-info small,.section-vehicle-list-articles-tile-intelligent .leasing .price-info small { font-size: 10px; font-weight: 400; display: none; } .section-vehicle-list-articles-tile-intelligent .finanzierung .current_price,.section-vehicle-list-articles-tile-intelligent .leasing .current_price { float: right; color: #000 !important; font-weight: 700 !important; font-size: 19px; line-height: 21px; padding-top: 5px; } .section-vehicle-list-articles-tile-intelligent .finanzierung .current_price .price-font,.section-vehicle-list-articles-tile-intelligent .leasing .current_price .price-font { color: #000 !important; font-weight: 700 !important; font-size: 19px; line-height: 21px; } .section-vehicle-list-articles-tile-intelligent .finanzierung .current_price .fa,.section-vehicle-list-articles-tile-intelligent .leasing .current_price .fa { font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .finanzierung .footnote,.section-vehicle-list-articles-tile-intelligent .leasing .footnote { position: absolute; right: 0; } .section-vehicle-list-articles-tile-intelligent .price .sonderpreis { background: #012350; bottom: 0; position: absolute; margin-bottom: 0 !important; padding-right: 50px; padding-top: 20px; } .section-vehicle-list-articles-tile-intelligent .price .hauptpreis { padding-right: 5px; padding-top: 10px; padding-left: 2px; padding-bottom: 10px; } .section-vehicle-list-articles-tile-intelligent .price-tax { color: #fff; font-weight: 700; } .section-vehicle-list-articles-tile-intelligent .price-info { font-size: 12px; font-weight: 700; color: #fff; text-align: right; } @media (max-width: 480px) { .section-vehicle-list-articles-tile-intelligent .price-info { font-size: 10px; } } .section-vehicle-list-articles-tile-intelligent .price-info-small { font-weight: 400; } @media (max-width: 768px) and (min-width: 481px) { .section-vehicle-list-articles-tile-intelligent .price .current_price { font-size: 19px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp { padding-left: 8px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .pricevorteil { font-size: 13px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .priceersparnis { font-size: 12px; } .section-vehicle-list-articles-tile-intelligent .finanzierung .price-info .text-small,.section-vehicle-list-articles-tile-intelligent .leasing .price-info .text-small { font-size: 8px; } .section-vehicle-list-articles-tile-intelligent .finanzierung .current_price .price-font,.section-vehicle-list-articles-tile-intelligent .leasing .current_price .price-font { font-size: 16px; } .section-vehicle-list-articles-tile-intelligent .price .price-old { font-size: 11px; } .section-vehicle-list-articles-tile-intelligent .price-info { font-size: 11px; } } @media (max-width: 480px) { .section-vehicle-list-articles-tile-intelligent .price .price-rrp { padding-left: 5px; padding-top: 10px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .pricevorteil { font-size: 11px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .priceersparnis { font-size: 9px; } .section-vehicle-list-articles-tile-intelligent .price .current_price { font-size: 14px; } .section-vehicle-list-articles-tile-intelligent .price-info .text-small { font-size: 9px; font-weight: 400; } .section-vehicle-list-articles-tile-intelligent .finanzierung .current_price,.section-vehicle-list-articles-tile-intelligent .leasing .current_price { font-size: 14px; line-height: 25px; } .section-vehicle-list-articles-tile-intelligent .finanzierung .current_price .price-font,.section-vehicle-list-articles-tile-intelligent .leasing .current_price .price-font { font-size: 14px; line-height: 20px; } .section-vehicle-list-articles-tile-intelligent .bg-white { padding-left: 0; padding-right: 5px; } .section-vehicle-list-articles-tile-intelligent > .row > .col-xs-12 { padding-left: 0; padding-right: 0; } } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil-dreieck { border-right: 90px solid transparent; border-top: 90px solid #a29fa0; width: 75px; height: 79px; margin-top: 0; position: absolute; left: -20px; padding: 11.25px 10px; }#section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-angebot-dreieck { border-right: 90px solid transparent; border-top: 90px solid #000000; width: 75px; height: 79px; margin-top: 0; position: absolute; left: -20px; padding: 11.25px 10px; }#section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil { background: transparent !important; transform: rotate(-45deg); padding-top: 25px; padding-left: 0; text-align: center; margin-left: -10px; margin-top: -10px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 25px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 25px; }#section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-angebot { font-size: 14px; margin-top: -14px; }#section-vehicle-list-articles-tile .action-btn { margin-top: 2px; }#section-vehicle-list-articles-tile .price-new-info { min-height: 105px; } #section-vehicle-list-articles-tile .price-new-info .price-box { min-height: 70px; margin-bottom: 2px; background: #a29fa0; max-height: 70px; overflow: hidden; } @media (max-width: 768px) { #section-vehicle-list-articles-tile .price-new-info .price-box { margin-top: 0; } } #section-vehicle-list-articles-tile .price-new-info .price-box .row { margin-left: 0; margin-right: 0; } #section-vehicle-list-articles-tile .price-new-info .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0; } #section-vehicle-list-articles-tile .price-new-info .price-box .bg-white { background: #fff; padding-left: 5px; padding-right: 10px; } #section-vehicle-list-articles-tile .price-new-info .price-box.special_price { background: #000000; } #section-vehicle-list-articles-tile .price-new-info .price-rrp { color: #3c3c3c; background: #e8e8e8; clear: both; text-align: left; padding-left: 0; padding-top: 5px; height: 30px; margin-bottom: 0; } #section-vehicle-list-articles-tile .price-new-info .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } #section-vehicle-list-articles-tile .price-new-info .price-rrp .pricevorteil { text-align: left; color: #a29fa0; font-size: 12px; display: block; line-height: 15px; font-weight: 700; } #section-vehicle-list-articles-tile .price-new-info .price-rrp .priceersparnis { text-align: left; color: #a29fa0; font-size: 11px; display: block; font-weight: 700; } #section-vehicle-list-articles-tile .price-new-info .price { text-align: right; } #section-vehicle-list-articles-tile .price-new-info .price .data-infoline { display: block; margin-bottom: 0; margin-top: 0; color: #fff; } #section-vehicle-list-articles-tile .price-new-info .price .price-old { display: inline-block; font-size: 12px; float: right; padding-left: 5px; } #section-vehicle-list-articles-tile .price-new-info .price .current_price { display: block; font-size: 20px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 21px; padding-top: 1px; } #section-vehicle-list-articles-tile .price-new-info .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #section-vehicle-list-articles-tile .price-new-info .price.normal_price { padding-top: 0; } #section-vehicle-list-articles-tile .price-new-info .finanzierung,#section-vehicle-list-articles-tile .price-new-info .leasing { color: #000; margin-bottom: 0 !important; padding-top: 12px; height: 70px; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .price-info,#section-vehicle-list-articles-tile .price-new-info .leasing .price-info { font-size: 10px; font-weight: 700; color: #000; opacity: 1; text-align: right; line-height: 10px; float: right; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .price-info a,#section-vehicle-list-articles-tile .price-new-info .leasing .price-info a { font-size: 10px; font-weight: 700 !important; color: #000; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .price-info .text-small,#section-vehicle-list-articles-tile .price-new-info .leasing .price-info .text-small { font-size: 10px; font-weight: 400; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .price-info small,#section-vehicle-list-articles-tile .price-new-info .leasing .price-info small { font-size: 10px; font-weight: 400; display: none; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .current_price,#section-vehicle-list-articles-tile .price-new-info .leasing .current_price { float: right; color: #000 !important; font-weight: 700 !important; font-size: 19px; line-height: 21px; padding-top: 5px; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .current_price .price-font,#section-vehicle-list-articles-tile .price-new-info .leasing .current_price .price-font { color: #000 !important; font-weight: 700 !important; font-size: 19px; line-height: 21px; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .current_price .fa,#section-vehicle-list-articles-tile .price-new-info .leasing .current_price .fa { font-weight: 700; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .footnote,#section-vehicle-list-articles-tile .price-new-info .leasing .footnote { position: absolute; right: 0; } #section-vehicle-list-articles-tile .price-new-info .price .sonderpreis { background: #012350; bottom: 0; position: absolute; margin-bottom: 0 !important; padding-right: 50px; padding-top: 20px; } #section-vehicle-list-articles-tile .price-new-info .price .hauptpreis { padding-right: 5px; padding-top: 10px; padding-left: 2px; padding-bottom: 10px; } #section-vehicle-list-articles-tile .price-new-info .price-tax { color: #fff; font-weight: 700; } #section-vehicle-list-articles-tile .price-new-info .price-info { font-size: 12px; font-weight: 700; color: #fff; text-align: right; } @media (max-width: 480px) { #section-vehicle-list-articles-tile .price-new-info .price-info { font-size: 10px; } } #section-vehicle-list-articles-tile .price-new-info .price-info-small { font-weight: 400; } @media (max-width: 768px) and (min-width: 481px) { #section-vehicle-list-articles-tile .price-new-info .price .current_price { font-size: 19px; } #section-vehicle-list-articles-tile .price-new-info .price .price-rrp { padding-left: 8px; } #section-vehicle-list-articles-tile .price-new-info .price .price-rrp .pricevorteil { font-size: 13px; } #section-vehicle-list-articles-tile .price-new-info .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .price-info .text-small,#section-vehicle-list-articles-tile .price-new-info .leasing .price-info .text-small { font-size: 8px; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .current_price .price-font,#section-vehicle-list-articles-tile .price-new-info .leasing .current_price .price-font { font-size: 16px; } #section-vehicle-list-articles-tile .price-new-info .price .price-old { font-size: 11px; } #section-vehicle-list-articles-tile .price-new-info .price-info { font-size: 11px; } } @media (max-width: 480px) { #section-vehicle-list-articles-tile .price-new-info .price .price-rrp { padding-left: 5px; padding-top: 10px; } #section-vehicle-list-articles-tile .price-new-info .price .price-rrp .pricevorteil { font-size: 11px; } #section-vehicle-list-articles-tile .price-new-info .price .price-rrp .priceersparnis { font-size: 9px; } #section-vehicle-list-articles-tile .price-new-info .price .current_price { font-size: 14px; } #section-vehicle-list-articles-tile .price-new-info .price-info .text-small { font-size: 9px; font-weight: 400; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .current_price,#section-vehicle-list-articles-tile .price-new-info .leasing .current_price { font-size: 14px; line-height: 25px; } #section-vehicle-list-articles-tile .price-new-info .finanzierung .current_price .price-font,#section-vehicle-list-articles-tile .price-new-info .leasing .current_price .price-font { font-size: 14px; line-height: 20px; } #section-vehicle-list-articles-tile .price-new-info .bg-white { padding-left: 0; padding-right: 5px; } #section-vehicle-list-articles-tile .price-new-info > .row > .col-xs-12 { padding-left: 0; padding-right: 0; } } #section-vehicle-list-articles-new .preis-vorteil a,#section-vehicle-list-articles .preis-vorteil a { font-weight: 700 !important; color: #ffffff; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element { min-height: 690px; border: 1px solid #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .data-infoline.label-area { padding-bottom: 0; display: block; min-height: 40px; margin-top: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .data-infoline.label-area .label { font-size: 11px; line-height: 18px; float: left; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .data-infoline-bottom { min-height: 25px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .image-block { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 1px solid #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .info-block { width: 100%; padding: 0 15px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element button.detail-button { width: calc(100%); } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .tile-button-area-fix .btn { margin-left: 0; margin-right: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label { position: absolute; right: 10px; top: 10px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class { width: 20px; height: 14px; background: #000; margin-left: 3px; margin-right: 2px; color: #ffffff; font-size: 9px; line-height: 14px; float: right; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-right: 8px solid #000; border-bottom: 7px solid transparent; margin: 0 0 0 -7px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class span { display: block; text-align: center; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A+"] { background: #009136; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A+"]:before { border-right-color: #009136; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A"] { background: #009137; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A"]:before { border-right-color: #009137; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="B"] { background: #58ab27; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="B"]:before { border-right-color: #58ab27; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="C"] { background: #c8d202; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="C"]:before { border-right-color: #c8d202; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="D"] { background: #fded01; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="D"]:before { border-right-color: #fded01; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="E"] { background: #fbba03; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="E"]:before { border-right-color: #fbba03; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="F"] { background: #ea680d; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="F"]:before { border-right-color: #ea680d; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="G"] { background: #e3001b; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="G"]:before { border-right-color: #e3001b; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info { min-height: 65px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info .price-info { color: #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info .price-box { background: transparent; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info .price-box .current_price { color: #000000; /*$pager-background*/ } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info .price-box.special_price { background: transparent; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info .price-box.special_price .current_price { color: #000000; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .price-new-info .price .data-infoline { color: #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-card-tile .vehicle-element .tile-button-area-fix { position: absolute; bottom: 15px; width: 100%; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element { min-height: 475px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .flip-block { width: 100%; min-height: 475px; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .flip-side { border: 1px solid #3c3c3c; width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .flip-side.flip-rotated { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .flip-back { background: #fff; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .data-infoline.label-area { padding-bottom: 0; display: block; min-height: 40px; margin-top: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .data-infoline.label-area .label { font-size: 11px; line-height: 18px; float: left; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .data-infoline-bottom { min-height: 25px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .image-block,#section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .car-info-block { border-top: 1px solid #3c3c3c; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 1px solid #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .car-info-block { min-height: 274px; background: #e3e3e3; padding: 15px 15px 5px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .car-info-block .label-area .label { border-color: #000000; margin-right: 5px; padding-right: 5px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .info-block { width: 100%; padding: 0 15px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element button.detail-button { width: calc(100%); } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .tile-button-area-fix .btn { margin-left: 0; margin-right: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .data-info-fhzg { min-height: 165px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .data-info-fhzg .row { padding-top: 4px; padding-bottom: 4px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .data-info-fhzg .row:nth-child(odd) { background: #fff; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label { position: absolute; right: 10px; top: 10px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class { width: 20px; height: 14px; background: #000; margin-left: 3px; margin-right: 2px; color: #ffffff; font-size: 9px; line-height: 14px; float: right; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-right: 8px solid #000; border-bottom: 7px solid transparent; margin: 0 0 0 -7px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class span { display: block; text-align: center; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A+"] { background: #009136; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A+"]:before { border-right-color: #009136; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A"] { background: #009137; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="A"]:before { border-right-color: #009137; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="B"] { background: #58ab27; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="B"]:before { border-right-color: #58ab27; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="C"] { background: #c8d202; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="C"]:before { border-right-color: #c8d202; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="D"] { background: #fded01; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="D"]:before { border-right-color: #fded01; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="E"] { background: #fbba03; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="E"]:before { border-right-color: #fbba03; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="F"] { background: #ea680d; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="F"]:before { border-right-color: #ea680d; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="G"] { background: #e3001b; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .co2label .envkv-class[data-envk-class="G"]:before { border-right-color: #e3001b; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info { min-height: 65px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price-rrp { color: #3c3c3c; background: transparent; clear: both; text-align: left; border-top: 1px solid #000000; padding-left: 0; padding-top: 5px; height: 30px; margin-bottom: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price-info { color: #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price-box { background: transparent; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price-box .current_price { font-size: 35px; color: #000000; /*$pager-background*/ } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price-box.special_price { background: transparent; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price-box.special_price .current_price { color: #000000; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .price-new-info .price .data-infoline { color: #3c3c3c; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .tile-button-area-fix { position: absolute; bottom: 0; width: 100%; margin-left: 0; margin-right: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .tile-button-area-fix .button-area-vehicle-list { padding-left: 0; padding-right: 1px; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .tile-button-area-fix .btn { margin-bottom: 0; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .envkv-info-line { position: absolute; bottom: 5px; width: 100%; text-align: center; } #section-vehicle-list-articles-tile.section-vehicle-list-articles-flip-card-tile .vehicle-element .envkv-info-line sup { z-index: 0 !important; } #section-vehicle-list-articles-tile button.detail-button { margin-top: 2px; } #section-vehicle-list-articles-new button.detail-button { margin-top: 0px; } #section-vehicle-list-articles-tile .data-info-fhzg { min-height: 100px; font-size: 13px; } #section-vehicle-list-articles-tile .vehicle-element .image-block,#section-vehicle-list-articles-new .vehicle-element .image-block { min-height: 275px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #section-vehicle-list-articles-new .vehicle-element .info-bar .label { font-weight: 400; } #section-vehicle-list-articles-tile button.active,#section-vehicle-list-articles-new button.active { background-color: #000000 !important; } .vehicle-data-info strong { font-weight: 700 !important; } #section-vehicle-list-articles-tile .vehicle-element .preis-info .oldprice-area,#section-vehicle-list-articles-new .vehicle-element .preis-info .oldprice-area { font-weight: 700; } #section-vehicle-list-articles-new .vehicle-element .image .button-area-vehicle-list button { border-radius: 0px; } #section-vehicle-list-articles-new .vehicle-element .image .button-area-vehicle-list:first-child button { border-bottom-left-radius: 5px; } #section-vehicle-list-articles-new .vehicle-element .image .button-area-vehicle-list:last-child button { border-bottom-right-radius: 5px; } #section-vehicle-list-articles-new button.detail-button { border-top-left-radius: 0px; border-top-right-radius: 0px; } #section-vehicle-list-articles-new button.detail-button { width: calc(100%); } #section-vehicle-list-articles-new .vehicle-element .special-price-tile { border-top-left-radius: 5px; border-top-right-radius: 5px; } #section-vehicle-list-articles-tile .vehicle-element { /* border-bottom: 3px solid #999;*/ padding-bottom: 15px; } #section-vehicle-list-articles-tile .vehicle-element .tile-button-area { display: block; top: 0px; z-index: 99; position: relative; margin-bottom: -110px; width: 100%; height: 0px; overflow: hidden; } #section-vehicle-list-articles-tile .vehicle-element .tile-button-area .btn { margin-top: 0px; border-radius: 0px !important; margin-left: 1px; margin-right: 1px; margin-bottom: 2px; } #section-vehicle-list-articles .image-block { width: 100%; min-height: 210px; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; max-height: 210px; overflow: hidden; } #section-vehicle-list-articles .image-block .img-thumbnail { padding: 0px; border: 0px solid #ddd; } #section-vehicle-list-articles-tile .img-thumbnail { display: inline-block; max-height: inherit; /* height: 100%; */ width: 100%; max-width: 100%; /* max-width: inherit; */ height: auto; } #section-vehicle-list-articles-new .image-block { min-height: 315px !important; } #section-vehicle-list-articles-new .image-side { max-height: 370px; overflow: hidden; } #section-vehicle-list-articles-new .vehicle-data-infos { min-height: 370px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil-dreieck,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil-dreieck { border-right: 90px solid transparent; border-top: 90px solid #a29fa0; width: 75px; height: 79px; margin-top: 0px; position: absolute; left: -20px; padding: 11.25px 10px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-angebot-dreieck,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-angebot-dreieck { border-right: 90px solid transparent; border-top: 90px solid #000000; width: 75px; height: 79px; margin-top: 0px; position: absolute; left: -20px; padding: 11.25px 10px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil { background: transparent; transform: rotate(-45deg); padding-top: 25px; padding-left: 0px; text-align: center; margin-left: -10px; margin-top: -10px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-percent,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-percent { font-size: 25px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-euro,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-preisvorteil .preisvorteil-euro { font-size: 25px; } #section-vehicle-list-articles-tile .vehicle-element .image-block .vehicle-badge-angebot,#section-vehicle-list-articles-new .vehicle-element .image-block .vehicle-badge-angebot { font-size: 14px; margin-top: -14px; } .section-vehicle-list-articles-tile-intelligent .vehicle-element { min-height: 684px; }.section-vehicle-list-articles-tile-intelligent .price .price-rrp { padding-left: 10px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .pricevorteil { font-size: 13px; } .section-vehicle-list-articles-tile-intelligent .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicle-list-articles .image-block { min-height: 285px; } #section-vehicle-list-articles-tile h3,#section-vehicle-list-articles-new h3 { font-size: 22px; } #section-vehicle-list-articles-tile .data-infoline,#section-vehicle-list-articles-new .data-infoline { font-family: 'Arial'; } #section-vehicle-list-articles h3 { font-size: 22px; } #section-vehicle-list-articles .data-infoline { font-family: 'Arial'; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-slider { margin-bottom: 40px; } #section-vehicles-home-slider .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-vehicles-home-slider .row-after-title { padding-top: 0px; } } #section-vehicles-home-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-slider .prev,#section-vehicles-home-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-slider .prev,#section-vehicles-home-slider .next { display: none; } } #section-vehicles-home-slider .prev:hover,#section-vehicles-home-slider .next:hover { opacity: 0.7; } #section-vehicles-home-slider .next { right: -40px; } #section-vehicles-home-slider .prev { left: -65px; } #section-vehicles-home-slider .vehicles-new-slider-container { position: relative; } #section-vehicles-home-slider .nv-element { position: relative; background: transparent; height: 215px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-home-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-home-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0px; } #section-vehicles-home-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 215px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 100px; font-size: 1.4em; } #section-vehicles-home-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-home-slider .nv-element .image-container .img { display: block; width: 50%; height: 100%; max-width: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(300px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-slider .nv-element .nv-data { position: absolute; top: 0px; width: 50%; left: 51%; color: #000000; } #section-vehicles-home-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #000000; line-height: 15px; display: block; } #section-vehicles-home-slider .nv-element h2 { font-size: 16px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; } #section-vehicles-home-slider .nv-element h3 { color: #3c3c3c; margin-top: 0; font-size: 10px; } #section-vehicles-home-slider .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 16px; left: 51%; } #section-vehicles-home-slider .nv-element .nv-price span { top: 0px; font-size: 18px; color: #000000; position: relative; right: 0px; margin-right: 25px; } @media (max-width: 1400px) { #section-vehicles-home-slider .prev,#section-vehicles-home-slider .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(50% - 95px); } #section-vehicles-home-slider .bagde_no_video { left: calc(50% - 50px) !important; } } @media (max-width: 1024px) { #section-vehicles-home-slider .prev,#section-vehicles-home-slider .next { display: none; } #section-vehicles-home-slider .nv-element > .row { margin-right: 0px; } #section-vehicles-home-slider .nv-element .nv-data { width: 48%; } #section-vehicles-home-slider .nv-element .nv-data .row { margin-left: -15px; margin-right: 0px; } #section-vehicles-home-slider .nv-element .nv-price { width: 48%; left: 51%; } } @media (max-width: 800px) { #section-vehicles-home-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-home-slider .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-home-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-home-slider .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-home-slider { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-home-slider .vehicles-new-slider { margin-top: 30px; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-home-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-slider .nv-element .row:last-child { display: none; } #section-vehicles-home-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-home-slider { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-home-slider .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-home-slider .nv-element .row:last-child { display: none; } #section-vehicles-home-slider .nv-element .nv-data,#section-vehicles-home-slider .nv-element .vehicle-badge,#section-vehicles-home-slider .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-home-slider .nv-element .nv-price,#section-vehicles-home-slider .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-home-slider .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-home-slider .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-slider .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-home-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-home-slider .container:hover .prev,#section-vehicles-home-slider .container:hover .next { display: block; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*//*#section-vehicles-home-slider{ padding-bottom: 40px; .row-after-title{ padding-top: $default-vertical-padding * 2; @media (max-width: 768px){ padding-top: 0px; } } .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: 200; font-size: 2.467em !important; color: $primary-font-color; } .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: $primary-alternative-color; } .prev,.next { position: absolute; top: 55%; background-color: #eee; color: #343434; display: inline-block; margin-top: -65px; height: 100px; width: 32px; line-height: 63px; text-align: center; z-index: 5; font-size: 30px !important; padding-top: 20px; cursor: pointer; @media (max-width: 768px){ display:none; } } .prev:hover,.next:hover { background: $slider-buttons; color: #fff; } .next { right: -60px; } .prev{ left: -70px; } .vehicles-new-slider-container { position: relative; } .nv-element { position: relative; background: transparent; height: 460px; a.image-container:hover .hover_area{ display: inline; @media (max-width: 768px){ display:none; } } > .row{ margin-bottom: 30px; margin-left: 0px; margin-right: 0px; } .hover_area{ display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 300px; .img { display: block; width: 100%; height: 300px; max-width: 453px; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .vehicle-badge{ color: $button-color; margin-top: 0px; position: absolute; left: 0px; background: $button-background; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } .vehicle-badge-video-pics{ color: $button-color; margin-top: 0px; position: absolute; left: calc(453px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } .pictures{ float:right; } .video{ float:left; } } .bagde_no_video{ left: calc(100% - 50px) !important; } } .nv-data { position: absolute; top: 320px; width: 100%; left: 0%; color: $primary-font-color; text-align: center; height: 140px; small{ padding-top: 20px; font-size: 10px; color: $primary-alternative-color; line-height: 15px; display:block; font-weight: 200; } } h2 { font-size: 18px; margin: 0px; padding-top: 0px; color:$primary-link-color; font-weight: bold; text-transform: uppercase; text-align: center; font-weight: 200 !important; } h3 { color: $primary-alternative-color; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } } .nv-price { background: transparent; color: $primary-link-color; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 18px; left: 0%; text-align: center; span { position: absolute; left: 0%; right: 0%; top: -30px; font-size: 16px; width: 20%; text-align: center; margin: 0 auto; color: $primary-color; } } } @media (max-width: 1400px){ .prev,.next { display:none; } } @media (max-width: 1135px){ .nv-element .image-container .vehicle-badge-video-pics{ left: calc(100% - 95px); } .nv-element .image-container .bagde_no_video{ left: calc(100% - 65px) !important; } } @media (max-width: 1024px){ .prev,.next{ display:none; } .nv-element > .row{ margin-right:0px; } .img { max-width: 100% !important; } .nv-element .nv-data { width: 100%; .row{ margin-left: 0px; margin-right: 0px; } } .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 800px) { .nv-element{ .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } .vehicle-badge{ color: $primary-color; margin-top: 5px; position: relative; right: 0%; } } .nv-price{ position: relative; text-align: right; left: 0px; width: 100%; span{ bottom: -1px; top: auto; left: 0px; } } .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: $primary-font-color; float: left; } } } @media (max-width: 768px) { .vehicles-new-slider { margin-top: 30px; } .nv-element .row:last-child{ display:none; } .nv-element { .image-container { .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: $button-color; } .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } .nv-data{ top: 10px; } } .row:last-child{ display:none; } .row .row:last-child{ display: block; } } } @media (max-width: 480px){ .nv-element{ .image-container{ padding-left: 0px; padding-right: 0px; .vehicle-badge { left: 0px; } .vehicle-badge-video-pics { right: 0px; left: auto; } } .row:last-child{ display:none; } .nv-data,.vehicle-badge,.nv-verbrauch-resp{ padding-left: 15px; } .nv-price,.nv-verbrauch-resp{ padding-right: 15px; } .nv-data .row{ margin-right: 0px; } } .nv-verbrauch-resp{ display: block; } .nv-element > .row { margin-left: 0px; margin-right: 0px; } .nv-verbrauch-resp{ margin-top: 20px; float:left; color: $primary-font-color; .col-sm-12{ padding: 0px; small{ font-size: 10px; line-height: 14px; } } } } .container:hover { .prev,.next { display: block; } }}*/#section-vehicles-home-slider .nv-element .image-container .img { max-width: 400px; }#section-vehicles-home-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(400px - 95px); }#section-vehicles-home-slider .bagde_no_video { width: 50px !important; left: calc(400px - 50px) !important; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-slider-fullwidth { padding-bottom: 40px; } #section-vehicles-home-slider-fullwidth .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-vehicles-home-slider-fullwidth .row-after-title { padding-top: 0px; } } #section-vehicles-home-slider-fullwidth .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-slider-fullwidth .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-slider-fullwidth .prev,#section-vehicles-home-slider-fullwidth .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 35px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-slider-fullwidth .prev,#section-vehicles-home-slider-fullwidth .next { display: none; } } #section-vehicles-home-slider-fullwidth .prev:hover,#section-vehicles-home-slider-fullwidth .next:hover { opacity: 0.7; } #section-vehicles-home-slider-fullwidth .next { right: -60px; } #section-vehicles-home-slider-fullwidth .prev { left: -70px; } #section-vehicles-home-slider-fullwidth .vehicles-new-slider-fullwidth-container { position: relative; } #section-vehicles-home-slider-fullwidth .nv-element { position: relative; background: transparent; height: 460px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-home-slider-fullwidth .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-home-slider-fullwidth .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-slider-fullwidth .nv-element > .row { margin-bottom: 30px; margin-left: 0px; margin-right: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-vehicles-home-slider-fullwidth .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 300px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .img { display: block; width: 100%; height: 300px; max-width: 453px; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(453px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data { position: absolute; top: 320px; width: 100%; left: 0%; color: #000000; text-align: center; height: 140px; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #3c3c3c; line-height: 15px; display: block; font-weight: 200; } #section-vehicles-home-slider-fullwidth .nv-element h2 { font-size: 18px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: center; font-weight: 200 !important; } #section-vehicles-home-slider-fullwidth .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } #section-vehicles-home-slider-fullwidth .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 18px; left: 0%; text-align: center; } #section-vehicles-home-slider-fullwidth .nv-element .nv-price span { position: absolute; left: 15%; top: 0px; font-size: 18px; color: #000000; } #section-vehicles-home-slider-fullwidth .nv-element .price-up { bottom: 55px; } @media (max-width: 1400px) { #section-vehicles-home-slider-fullwidth .prev,#section-vehicles-home-slider-fullwidth .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 95px); } #section-vehicles-home-slider-fullwidth .nv-element .image-container .bagde_no_video { left: calc(100% - 65px) !important; } } @media (max-width: 1024px) { #section-vehicles-home-slider-fullwidth .prev,#section-vehicles-home-slider-fullwidth .next { display: none; } #section-vehicles-home-slider-fullwidth .nv-element > .row { margin-right: 0px; } #section-vehicles-home-slider-fullwidth .img { max-width: 100% !important; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data { width: 100%; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 800px) { #section-vehicles-home-slider-fullwidth .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-home-slider-fullwidth .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-home-slider-fullwidth .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-home-slider-fullwidth { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-home-slider-fullwidth .vehicles-new-slider-fullwidth { margin-top: 30px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-slider-fullwidth .nv-element .row:last-child { display: block; } #section-vehicles-home-slider-fullwidth .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-home-slider-fullwidth { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-home-slider-fullwidth .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-home-slider-fullwidth .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-home-slider-fullwidth .nv-element .row:last-child { display: block; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data,#section-vehicles-home-slider-fullwidth .nv-element .vehicle-badge,#section-vehicles-home-slider-fullwidth .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-home-slider-fullwidth .nv-element .nv-price,#section-vehicles-home-slider-fullwidth .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-home-slider-fullwidth .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-home-slider-fullwidth .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-slider-fullwidth .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-slider-fullwidth .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-home-slider-fullwidth .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-home-slider-fullwidth .container:hover .prev,#section-vehicles-home-slider-fullwidth .container:hover .next { display: block; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-slider-fullwidth-preisvorteil { padding-bottom: 40px; background: #e8e8e8; padding-top: 20px; margin-top: 35px; } #section-vehicles-home-slider-fullwidth-preisvorteil .row-after-title { padding-top: 60px; } @media (max-width: 767px) { #section-vehicles-home-slider-fullwidth-preisvorteil .row-after-title { padding-top: 0; } } #section-vehicles-home-slider-fullwidth-preisvorteil .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-slider-fullwidth-preisvorteil .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-slider-fullwidth-preisvorteil .prev,#section-vehicles-home-slider-fullwidth-preisvorteil .next { position: absolute; top: 55%; background-color: transparent; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 35px !important; cursor: pointer; } @media (max-width: 767px) { #section-vehicles-home-slider-fullwidth-preisvorteil .prev,#section-vehicles-home-slider-fullwidth-preisvorteil .next { display: none; } } #section-vehicles-home-slider-fullwidth-preisvorteil .prev:hover,#section-vehicles-home-slider-fullwidth-preisvorteil .next:hover { opacity: 0.7; } #section-vehicles-home-slider-fullwidth-preisvorteil .next { right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .prev { left: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .vehicles-new-slider-fullwidth-preisvorteil-container { position: relative; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element { position: relative; background: transparent; height: 500px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 767px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element > .row { margin-bottom: 30px; margin-left: 0; margin-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container { position: relative; width: 100%; float: left; height: 0; min-height: 300px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .img { display: block; width: 100%; height: 300px; max-width: 453px; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0; position: absolute; left: 0; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0; position: absolute; left: calc(453px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data { width: 100%; float: left; color: #000000; text-align: center; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #3c3c3c; line-height: 15px; display: block; font-weight: 200; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element h2 { font-size: 18px; margin: 0; padding-top: 0; color: #000000; text-transform: uppercase; text-align: center; font-weight: 200 !important; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data-header { position: relative; width: 100%; color: #000000; text-align: center; padding-bottom: 20px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data-header h2 { font-size: 18px; margin: 0; padding-top: 0; color: #000; font-weight: bold !important; text-transform: none; text-align: center; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data-header h3 { color: #000; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 600 !important; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price { background: transparent; color: #000000; width: 100%; margin-top: 3px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box { min-height: 75px; margin-bottom: 10px; background: #a29fa0; max-height: 75px; overflow: hidden; } @media (max-width: 767px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box { margin-top: 0; } } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box .row { margin-left: 0; margin-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box .bg-white { background: #fff; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box .price-login { color: #fff; padding-top: 25px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box.special_price { background: #000000; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price { text-align: right; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp { color: #3c3c3c; background: #e8e8e8; clear: both; margin-left: 10px; text-align: left; padding-left: 15px; padding-top: 15px; height: 75px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .pricevorteil { text-align: left; color: #a29fa0; font-size: 16px; display: block; line-height: 15px; font-weight: 700; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .priceersparnis { text-align: left; color: #a29fa0; font-size: 14px; display: block; font-weight: 700; padding-top: 10px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-old { display: inline-block; font-size: 15px; float: right; padding-left: 5px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .current_price { display: block; font-size: 25px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 25px; padding-top: 5px; } @media (max-width: 1680px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .current_price { font-size: 24px; } } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price.normal_price { padding-top: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing { color: #000; margin-bottom: 0 !important; padding-top: 12px; height: 75px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .price-info,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .price-info { font-size: 12px; font-weight: 700; color: #000; opacity: 1; text-align: right; line-height: 10px; float: right; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .price-info a,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .price-info a { color: #000; font-size: 12px; font-weight: 700 !important; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .price-info .text-small,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .price-info .text-small { font-size: 10px; font-weight: 400; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .price-info small,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .price-info small { font-size: 10px; font-weight: 400; display: none; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price { float: right; color: #000 !important; font-weight: 700 !important; font-size: 25px; line-height: 25px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price .price-font { color: #000 !important; font-weight: 700 !important; font-size: 25px; line-height: 25px; } @media (min-width: 1180px) and (max-width: 1680px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price .price-font { font-size: 21px; } } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price .fa,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price .fa { font-weight: 700; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .footnote,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .footnote { position: absolute; right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .sonderpreis { background: #012350; height: 157px; bottom: 0; position: absolute; margin-bottom: 0 !important; padding-right: 50px; padding-top: 20px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .hauptpreis { padding: 10px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-tax { color: #fff; font-weight: 700; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-info { font-size: 15px; font-weight: 700; color: #fff; text-align: right; } @media (max-width: 480px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-info { font-size: 12px; } } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-info-small { font-weight: 400; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .price-up { bottom: 55px; } @media (max-width: 1400px) { #section-vehicles-home-slider-fullwidth-preisvorteil .prev,#section-vehicles-home-slider-fullwidth-preisvorteil .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 95px); } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .bagde_no_video { left: calc(100% - 65px) !important; } } @media (max-width: 1024px) { #section-vehicles-home-slider-fullwidth-preisvorteil .prev,#section-vehicles-home-slider-fullwidth-preisvorteil .next { display: none; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element > .row { margin-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .img { max-width: 100% !important; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data { width: 100%; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data .row { margin-left: 0; margin-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 799px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0; float: left; height: 100%; display: table; margin-bottom: 0; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price { position: relative; text-align: right; left: 0; width: 100%; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price span { bottom: -1px; top: auto; left: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data { position: relative; top: 0; width: 100%; left: 0; color: #000000; float: left; } } @media (max-width: 767px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .current_price { font-size: 22px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-old { font-size: 13px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .pricevorteil { font-size: 14px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-info { font-size: 13px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price { font-size: 20px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price .price-font { font-size: 19px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element > .row { margin-right: -15px; margin-left: -15px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data { padding-left: 15px; padding-right: 15px; } #section-vehicles-home-slider-fullwidth-preisvorteil .vehicles-new-slider-fullwidth-preisvorteil { margin-top: 30px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge { margin-top: 0; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0; display: inherit; color: #ffffff; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics { color: #fff; margin-top: 0; position: absolute; left: auto !important; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .row:last-child { display: block; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .row .row:last-child { display: block; } } @media (max-width: 680px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data { padding-left: 15px; padding-right: 15px; } } @media (max-width: 480px) { #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container { padding-left: 0; padding-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge { left: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .image-container .vehicle-badge-video-pics { right: 0; left: auto; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .row:last-child { display: block; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .vehicle-badge,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-verbrauch-resp { padding-left: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-verbrauch-resp { padding-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data .row { margin-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element > .row { margin-left: 0; margin-right: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-verbrauch-resp .col-sm-12 { padding: 0; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp { padding-left: 13px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .pricevorteil { font-size: 14px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .current_price { font-size: 19px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price { font-size: 17px; line-height: 25px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .leasing .current_price .price-font { font-size: 18px; line-height: 20px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price-box .bg-white { padding-right: 10px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data { padding-right: 0; } } #section-vehicles-home-slider-fullwidth-preisvorteil .container:hover .prev,#section-vehicles-home-slider-fullwidth-preisvorteil .container:hover .next { display: block; } #section-vehicles-home-slider-fullwidth-preisvorteil sub,#section-vehicles-home-slider-fullwidth-preisvorteil sup { font-weight: 400 !important; font-size: 8px !important; right: .1em !important; z-index: 99 !important; top: -1em; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 12.12.2017,09:14:18 Author : Florian Neueder*/#section-vehicles-home-slider-fullwidth-preisvorteil > .container-full { background: transparent; } .content-width { max-width: 1680px; margin: 0 auto; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-price .price .current_price { font-size: 22px; line-height: 30px; } #section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data-header h2,#section-vehicles-home-slider-fullwidth-preisvorteil .nv-element .nv-data-header h3 { font-weight: 400 !important; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-block-slider { margin-bottom: 75px; } #section-vehicles-home-block-slider .col-md-5 { padding-right: 2px; padding-left: 2px; } #section-vehicles-home-block-slider .col-md-5 .img { min-height: 360px; background-size: cover; position: relative; z-index: -1; } @media (max-width: 768px) { #section-vehicles-home-block-slider .col-md-5 .img { min-height: 352px; margin-bottom: 2px; } } @media (max-width: 480px) { #section-vehicles-home-block-slider .col-md-5 .img { min-height: 200px; margin-bottom: 2px; } } @media (max-width: 768px) { #section-vehicles-home-block-slider .col-md-5 { margin-bottom: 0px; padding-right: 0px; } } @media (max-width: 480px) { #section-vehicles-home-block-slider .col-md-5 { margin-bottom: 0px; padding-right: 0px; padding-left: 0px; } } #section-vehicles-home-block-slider .dark-background { background-color: rgba(0,0,0,0.9); display: table; height: 100%; color: #fff; min-height: 360px; padding-right: 15px; } @media (max-width: 768px) { #section-vehicles-home-block-slider .dark-background { min-height: 230px; padding-right: 0px; } } @media (max-width: 480px) { #section-vehicles-home-block-slider .dark-background { min-height: 160px; padding-right: 0px; } } @media (max-width: 768px) { #section-vehicles-home-block-slider .dark-background .img { min-height: 230px; } } @media (max-width: 480px) { #section-vehicles-home-block-slider .dark-background .img { min-height: 275px; } } #section-vehicles-home-block-slider .col-md-2 .img { min-height: 149px; background-size: cover; margin-bottom: 2px; } @media (max-width: 480px) { #section-vehicles-home-block-slider .col-md-2 .img { min-height: 65px; } } #section-vehicles-home-block-slider .col-md-2 .btn-primary { width: 100%; margin-top: 0px; padding: 15px 0px; } @media (max-width: 768px) { #section-vehicles-home-block-slider .col-md-2 .btn-primary { width: 100%; } } #section-vehicles-home-block-slider .col-xs-6 .img { background-size: cover; } @media (max-width: 680px) { #section-vehicles-home-block-slider .col-xs-6 .img { min-height: 100px; } } @media (max-width: 680px) { #section-vehicles-home-block-slider .col-xs-6.nopadding-right .img { width: calc(100% - 1px); margin-right: 1px; } } @media (max-width: 680px) { #section-vehicles-home-block-slider .col-xs-6.nopadding-left .img { width: calc(100% - 1px); margin-left: 1px; } } @media (max-width: 768px) { #section-vehicles-home-block-slider .col-xs-12.nopadding { margin-bottom: 2px; } } #section-vehicles-home-block-slider .row-after-title { padding-top: 30px; } @media (max-width: 768px) { #section-vehicles-home-block-slider .row-after-title { padding-top: 0px; } } #section-vehicles-home-block-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-block-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-block-slider .prev,#section-vehicles-home-block-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-block-slider .prev,#section-vehicles-home-block-slider .next { display: none; } } #section-vehicles-home-block-slider .prev:hover,#section-vehicles-home-block-slider .next:hover { opacity: 0.7; } #section-vehicles-home-block-slider .next { right: -65px; } #section-vehicles-home-block-slider .prev { left: -79px; } #section-vehicles-home-block-slider .vehicles-new-block-slider-container { position: relative; } #section-vehicles-home-block-slider .nv-element { position: relative; background: transparent; height: 215px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-home-block-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-home-block-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-block-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0px; } #section-vehicles-home-block-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 215px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 100px; font-size: 1.4em; } #section-vehicles-home-block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-home-block-slider .nv-element .image-container .img { display: block; width: 50%; height: 100%; max-width: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(300px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-block-slider .nv-element .nv-data { position: absolute; top: 20px; width: 93%; left: 20px; color: #ffffff; } #section-vehicles-home-block-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #fdfdfd; line-height: 15px; display: block; } #section-vehicles-home-block-slider .nv-element .nv-data .fahrzeuginfo-row { margin-top: 40px; } @media (max-width: 768px) { #section-vehicles-home-block-slider .nv-element .nv-data .fahrzeuginfo-row { margin-top: 15px; } } #section-vehicles-home-block-slider .nv-element h2 { font-size: 25px; margin: 0px; padding-top: 0px; color: #ffffff; font-weight: bold; text-transform: uppercase; } #section-vehicles-home-block-slider .nv-element h3 { color: #ffffff; margin-top: 0; font-size: 18px; text-transform: uppercase; } #section-vehicles-home-block-slider .nv-element .old-price-area { position: absolute; bottom: 0px; width: 93%; font-weight: 600; font-size: 14px; text-align: left; bottom: 60px; left: 20px; color: #ffffff; } #section-vehicles-home-block-slider .nv-element .oldprice-area { background: transparent; color: #ffffff; position: absolute; bottom: 0px; width: 93%; font-weight: bold; font-size: 16px; right: 35px; text-align: right; bottom: 60px; left: 0px; } #section-vehicles-home-block-slider .nv-element .nv-price-area { position: absolute; bottom: 0px; width: 93%; font-weight: 600; font-size: 18px; text-align: left; bottom: 20px; left: 20px; color: #ffffff; } #section-vehicles-home-block-slider .nv-element .nv-price { background: transparent; color: #ffffff; position: absolute; bottom: 0px; width: 93%; font-weight: bold; font-size: 25px; right: 35px; text-align: right; bottom: 20px; left: 0px; } #section-vehicles-home-block-slider .nv-element .nv-price span { position: absolute; left: 30%; top: 0px; font-size: 18px; color: #000000; } @media (max-width: 1400px) { #section-vehicles-home-block-slider .prev,#section-vehicles-home-block-slider .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(50% - 65px); } } @media (max-width: 1024px) { #section-vehicles-home-block-slider .prev,#section-vehicles-home-block-slider .next { display: none; } #section-vehicles-home-block-slider .nv-element > .row { margin-right: 0px; } #section-vehicles-home-block-slider .nv-element .nv-data { width: 100%; } #section-vehicles-home-block-slider .nv-element .nv-data .row { margin-left: -15px; margin-right: 0px; } #section-vehicles-home-block-slider .nv-element .nv-price { width: 48%; left: 51%; } } @media (max-width: 800px) { #section-vehicles-home-block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-block-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-home-block-slider .nv-element .nv-price { position: absolute; text-align: right; left: 0px; width: calc(100% - 20px); } #section-vehicles-home-block-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-home-block-slider .nv-element .nv-data { position: absolute; top: 20px; width: 100%; left: 20px; float: left; } } @media (max-width: 768px) { #section-vehicles-home-block-slider { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-home-block-slider .vehicles-new-block-slider { margin-top: 30px; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-home-block-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-block-slider .nv-element .row:last-child { display: block; } #section-vehicles-home-block-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-home-block-slider { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-home-block-slider .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-home-block-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-home-block-slider .nv-element .row:last-child { display: block; } #section-vehicles-home-block-slider .nv-element .nv-data,#section-vehicles-home-block-slider .nv-element .vehicle-badge,#section-vehicles-home-block-slider .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-home-block-slider .nv-element .nv-price,#section-vehicles-home-block-slider .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-home-block-slider .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-home-block-slider .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-block-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-block-slider .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-home-block-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-home-block-slider .container:hover .prev,#section-vehicles-home-block-slider .container:hover .next { display: block; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 17.05.2017,13:21:25 Author : Florian Neueder*/#section-vehicles-home-block-slider .prev,#section-vehicles-home-block-slider .next { position: absolute; top: 55%; background-color: #eee; color: #343434; display: inline-block; margin-top: -65px; height: 100px; width: 32px; line-height: 63px; text-align: center; z-index: 5; font-size: 30px !important; padding-top: 20px; cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-block-slider .prev,#section-vehicles-home-block-slider .next { display: none; } }#section-vehicles-home-block-slider .prev:hover,#section-vehicles-home-block-slider .next:hover { background: #00adef; color: #fff; opacity: 1; }#section-vehicles-home-block-slider .prev { left: -40px; }#section-vehicles-home-block-slider .next { right: -40px; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-4block-slider { margin-bottom: 40px; } #section-vehicles-home-4block-slider .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-vehicles-home-4block-slider .row-after-title { padding-top: 0px; } } #section-vehicles-home-4block-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-4block-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-4block-slider .prev,#section-vehicles-home-4block-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-4block-slider .prev,#section-vehicles-home-4block-slider .next { display: none; } } #section-vehicles-home-4block-slider .prev:hover,#section-vehicles-home-4block-slider .next:hover { opacity: 0.7; } #section-vehicles-home-4block-slider .next { right: -40px; } #section-vehicles-home-4block-slider .prev { left: -65px; } #section-vehicles-home-4block-slider .vehicles-new-4block-slider-container { position: relative; } #section-vehicles-home-4block-slider .nv-element { position: relative; background: transparent; height: 215px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-home-4block-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-home-4block-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-4block-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0px; } #section-vehicles-home-4block-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 215px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 100px; font-size: 1.4em; } #section-vehicles-home-4block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-home-4block-slider .nv-element .image-container .img { display: block; width: 50%; height: 100%; max-width: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(300px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-4block-slider .nv-element .image-container .bagde_no_video { width: 50px !important; left: calc(300px - 50px) !important; } #section-vehicles-home-4block-slider .nv-element .nv-data { position: absolute; top: 0px; width: 50%; left: 51%; color: #000000; } #section-vehicles-home-4block-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #000000; line-height: 15px; display: block; } #section-vehicles-home-4block-slider .nv-element h2 { font-size: 16px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; } #section-vehicles-home-4block-slider .nv-element h3 { color: #3c3c3c; margin-top: 0; font-size: 10px; } #section-vehicles-home-4block-slider .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 16px; left: 51%; } #section-vehicles-home-4block-slider .nv-element .nv-price span { top: 0px; font-size: 18px; color: #000000; position: relative; right: 0px; margin-right: 25px; } @media (max-width: 1400px) { #section-vehicles-home-4block-slider .prev,#section-vehicles-home-4block-slider .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(50% - 95px); } #section-vehicles-home-4block-slider .bagde_no_video { left: calc(50% - 50px) !important; } } @media (max-width: 1024px) { #section-vehicles-home-4block-slider .prev,#section-vehicles-home-4block-slider .next { display: none; } #section-vehicles-home-4block-slider .nv-element > .row { margin-right: 0px; } #section-vehicles-home-4block-slider .nv-element .nv-data { width: 48%; } #section-vehicles-home-4block-slider .nv-element .nv-data .row { margin-left: -15px; margin-right: 0px; } #section-vehicles-home-4block-slider .nv-element .nv-price { width: 48%; left: 51%; } } @media (max-width: 800px) { #section-vehicles-home-4block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-4block-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-home-4block-slider .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-home-4block-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-home-4block-slider .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-home-4block-slider { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-home-4block-slider .vehicles-new-4block-slider { margin-top: 30px; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-home-4block-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-4block-slider .nv-element .row:last-child { display: none; } #section-vehicles-home-4block-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-home-4block-slider { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-home-4block-slider .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-home-4block-slider .nv-element .row:last-child { display: none; } #section-vehicles-home-4block-slider .nv-element .nv-data,#section-vehicles-home-4block-slider .nv-element .vehicle-badge,#section-vehicles-home-4block-slider .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-home-4block-slider .nv-element .nv-price,#section-vehicles-home-4block-slider .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-home-4block-slider .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-home-4block-slider .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-4block-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-4block-slider .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-home-4block-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-home-4block-slider .container:hover .prev,#section-vehicles-home-4block-slider .container:hover .next { display: block; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 08.11.2017,09:24:51 Author : Florian Neueder*/#section-vehicles-home-4block-slider .nv-element .image-container .img { max-width: 370px; }#section-vehicles-home-4block-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(370px - 95px); }#section-vehicles-home-4block-slider .nv-element .image-container .bagde_no_video { left: calc(370px - 50px) !important; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-3block-slider { padding-bottom: 40px; } #section-vehicles-home-3block-slider .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-vehicles-home-3block-slider .row-after-title { padding-top: 0px; } } #section-vehicles-home-3block-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-3block-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-3block-slider .prev,#section-vehicles-home-3block-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 35px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-3block-slider .prev,#section-vehicles-home-3block-slider .next { display: none; } } #section-vehicles-home-3block-slider .prev:hover,#section-vehicles-home-3block-slider .next:hover { opacity: 0.7; } #section-vehicles-home-3block-slider .next { right: -60px; } #section-vehicles-home-3block-slider .prev { left: -70px; } #section-vehicles-home-3block-slider .vehicles-new-3block-slider-container { position: relative; } #section-vehicles-home-3block-slider .nv-element { position: relative; background: transparent; height: 460px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-home-3block-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-home-3block-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-3block-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0px; margin-right: 0px; } #section-vehicles-home-3block-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-vehicles-home-3block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 300px; } #section-vehicles-home-3block-slider .nv-element .image-container .img { display: block; width: 100%; height: 300px; max-width: 453px; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-3block-slider .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } #section-vehicles-home-3block-slider .nv-element .nv-data { position: absolute; top: 320px; width: 100%; left: 0%; color: #000000; text-align: center; height: 140px; } #section-vehicles-home-3block-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #3c3c3c; line-height: 15px; display: block; font-weight: 200; } #section-vehicles-home-3block-slider .nv-element h2 { font-size: 18px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: center; font-weight: 200 !important; } #section-vehicles-home-3block-slider .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } #section-vehicles-home-3block-slider .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 18px; left: 0%; text-align: center; } #section-vehicles-home-3block-slider .nv-element .nv-price span { position: absolute; left: 15%; top: 0px; font-size: 18px; color: #000000; } #section-vehicles-home-3block-slider .nv-element .price-up { bottom: 55px; } @media (max-width: 1400px) { #section-vehicles-home-3block-slider .prev,#section-vehicles-home-3block-slider .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 95px); } #section-vehicles-home-3block-slider .nv-element .image-container .bagde_no_video { left: calc(100% - 65px) !important; } } @media (max-width: 1024px) { #section-vehicles-home-3block-slider .prev,#section-vehicles-home-3block-slider .next { display: none; } #section-vehicles-home-3block-slider .nv-element > .row { margin-right: 0px; } #section-vehicles-home-3block-slider .img { max-width: 100% !important; } #section-vehicles-home-3block-slider .nv-element .nv-data { width: 100%; } #section-vehicles-home-3block-slider .nv-element .nv-data .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-3block-slider .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 800px) { #section-vehicles-home-3block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-3block-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-home-3block-slider .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-home-3block-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-home-3block-slider .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-home-3block-slider { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-home-3block-slider .vehicles-new-3block-slider { margin-top: 30px; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-home-3block-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-3block-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-home-3block-slider { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-home-3block-slider .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-home-3block-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-home-3block-slider .nv-element .nv-data,#section-vehicles-home-3block-slider .nv-element .vehicle-badge,#section-vehicles-home-3block-slider .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-home-3block-slider .nv-element .nv-price,#section-vehicles-home-3block-slider .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-home-3block-slider .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-home-3block-slider .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-3block-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-3block-slider .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-home-3block-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-home-3block-slider .container:hover .prev,#section-vehicles-home-3block-slider .container:hover .next { display: block; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 07.11.2017,16:49:44 Author : Florian Neueder*/#section-vehicles-home-3block-slider .nv-element { height: 520px; } @media (max-width: 768px) { #section-vehicles-home-3block-slider .nv-element { height: 415px; } } #section-vehicles-home-3block-slider .nv-element .image-container .img { max-width: 497px; min-height: 340px; } @media (max-width: 800px) { #section-vehicles-home-3block-slider .nv-element .image-container .img { min-height: 250px; } } #section-vehicles-home-3block-slider .nv-element .hover_area { min-height: 340px; padding-top: 150px; } #section-vehicles-home-3block-slider .nv-element .nv-data { top: 355px; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-home-2block-slider { margin-bottom: 40px; } #section-vehicles-home-2block-slider .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-vehicles-home-2block-slider .row-after-title { padding-top: 0px; } } #section-vehicles-home-2block-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-home-2block-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-home-2block-slider .prev,#section-vehicles-home-2block-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-home-2block-slider .prev,#section-vehicles-home-2block-slider .next { display: none; } } #section-vehicles-home-2block-slider .prev:hover,#section-vehicles-home-2block-slider .next:hover { opacity: 0.7; } #section-vehicles-home-2block-slider .next { right: -40px; } #section-vehicles-home-2block-slider .prev { left: -65px; } #section-vehicles-home-2block-slider .vehicles-new-2block-slider-container { position: relative; } #section-vehicles-home-2block-slider .nv-element { position: relative; background: transparent; height: 215px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-home-2block-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-home-2block-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-home-2block-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0px; } #section-vehicles-home-2block-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 215px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 100px; font-size: 1.4em; } #section-vehicles-home-2block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-home-2block-slider .nv-element .image-container .img { display: block; width: 50%; height: 100%; max-width: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(300px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-home-2block-slider .nv-element .image-container .bagde_no_video { width: 50px !important; left: calc(300px - 50px) !important; } #section-vehicles-home-2block-slider .nv-element .nv-data { position: absolute; top: 0px; width: 50%; left: 51%; color: #000000; } #section-vehicles-home-2block-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #000000; line-height: 15px; display: block; } #section-vehicles-home-2block-slider .nv-element h2 { font-size: 16px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; } #section-vehicles-home-2block-slider .nv-element h3 { color: #3c3c3c; margin-top: 0; font-size: 10px; } #section-vehicles-home-2block-slider .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 16px; left: 51%; } #section-vehicles-home-2block-slider .nv-element .nv-price span { top: 0px; font-size: 18px; color: #000000; position: relative; right: 0px; margin-right: 25px; } @media (max-width: 1400px) { #section-vehicles-home-2block-slider .prev,#section-vehicles-home-2block-slider .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(50% - 95px); } #section-vehicles-home-2block-slider .bagde_no_video { left: calc(50% - 50px) !important; } } @media (max-width: 1024px) { #section-vehicles-home-2block-slider .prev,#section-vehicles-home-2block-slider .next { display: none; } #section-vehicles-home-2block-slider .nv-element > .row { margin-right: 0px; } #section-vehicles-home-2block-slider .nv-element .nv-data { width: 48%; } #section-vehicles-home-2block-slider .nv-element .nv-data .row { margin-left: -15px; margin-right: 0px; } #section-vehicles-home-2block-slider .nv-element .nv-price { width: 48%; left: 51%; } } @media (max-width: 800px) { #section-vehicles-home-2block-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-home-2block-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-home-2block-slider .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-home-2block-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-home-2block-slider .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-home-2block-slider { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-home-2block-slider .vehicles-new-2block-slider { margin-top: 30px; } #section-vehicles-home-2block-slider .nv-element { /* .row:last-child{ display:none; }*/ } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-home-2block-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-home-2block-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-home-2block-slider { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-home-2block-slider .nv-element { /* .row:last-child{ display:none; }*/ } #section-vehicles-home-2block-slider .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-home-2block-slider .nv-element .nv-data,#section-vehicles-home-2block-slider .nv-element .vehicle-badge,#section-vehicles-home-2block-slider .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-home-2block-slider .nv-element .nv-price,#section-vehicles-home-2block-slider .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-home-2block-slider .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-home-2block-slider .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-home-2block-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-home-2block-slider .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-home-2block-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-home-2block-slider .container:hover .prev,#section-vehicles-home-2block-slider .container:hover .next { display: block; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 08.11.2017,09:24:51 Author : Florian Neueder*/#section-vehicles-home-2block-slider .nv-element .image-container .img { max-width: 370px; }#section-vehicles-home-2block-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(370px - 95px); }#section-vehicles-home-2block-slider .nv-element .image-container .bagde_no_video { left: calc(370px - 50px) !important; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 21.02.2017,11:13:58 Author : Florian Neueder*/#section-vehicles-home-4-listview { margin-bottom: 35px; } #section-vehicles-home-4-listview .prev,#section-vehicles-home-4-listview .next { position: absolute; top: 55%; background-color: #ccc; color: #fff; display: inline-block; margin-top: -20px; height: 30px; width: 30px; line-height: 31px; text-align: center; z-index: 5; font-size: 17px !important; font-weight: 200; opacity: 0.6; cursor: pointer; } #section-vehicles-home-4-listview .prev:hover,#section-vehicles-home-4-listview .next:hover { opacity: 1; background-color: #00adef; } #section-vehicles-home-4-listview .next { right: -30px; } #section-vehicles-home-4-listview .prev { left: -30px; } @media (max-width: 1024px) { #section-vehicles-home-4-listview .prev,#section-vehicles-home-4-listview .next { position: absolute; top: 40%; background-color: #fff; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 30px; line-height: 31px; text-align: center; z-index: 5; font-size: 17px !important; font-weight: 200; opacity: 0.75; cursor: pointer; } #section-vehicles-home-4-listview .next { right: 0px; } #section-vehicles-home-4-listview .prev { left: 0px; } } #section-vehicles-home-4-listview .vehicles-home-4-listview-container { position: relative; } #section-vehicles-home-4-listview .vehicles-home-4-listview-container:hover .prev,#section-vehicles-home-4-listview .vehicles-home-4-listview-container:hover .next { opacity: 1; background-color: #00adef; } #section-vehicles-home-4-listview .img-thumbnail { display: inline-block; max-height: 100%; width: auto; height: 100%; max-width: inherit; padding: 0px; line-height: 1.42857143; background-color: #fff; border: 0px; border-radius: 0px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { #section-vehicles-home-4-listview .img-thumbnail { display: inline-block; max-height: inherit; width: 100%; height: auto; max-width: 100%; } } #section-vehicles-home-4-listview .image-side a { display: inline; width: 100%; height: 100%; } #section-vehicles-home-4-listview .data-vgl-verbrauch div,#section-vehicles-home-4-listview .vgl-ausstattung div,#section-vehicles-home-4-listview .data-fahrzeug-info div { padding-left: 2px; min-height: 18px; } #section-vehicles-home-4-listview .data-info-fhzg { min-height: 130px; } #section-vehicles-home-4-listview .data-vgl-verbrauch div:nth-child(2n),#section-vehicles-home-4-listview .vgl-ausstattung div:nth-child(2n),#section-vehicles-home-4-listview .data-fahrzeug-info div:nth-child(2n) { background-color: #b3b3b3; } #section-vehicles-home-4-listview .line-hover { background-color: #00adef !important; color: #ffffff; } #section-vehicles-home-4-listview .line-hover span { color: #0088bc; } #section-vehicles-home-4-listview .line-hover span.active { color: #ffffff; } #section-vehicles-home-4-listview .vehicle-element { display: block; color: inherit; position: relative; /*background: darken($primary-color,3%);*/ margin-top: 20px; margin-bottom: 20px; /*padding: 20px 0px;*/ padding: 0; border-radius: 0px; } #section-vehicles-home-4-listview .vehicle-element h3.title { color: #a29fa0; } #section-vehicles-home-4-listview .vehicle-element .label-area { padding-bottom: 10px; margin-top: -10px; color: #a29fa0; } #section-vehicles-home-4-listview .vehicle-element .label-area .label { color: #a29fa0; border-color: #a29fa0; margin-right: 5px; padding-right: 3px; } #section-vehicles-home-4-listview .vehicle-element .label { display: inline; padding: 0; font-size: 75%; font-weight: normal; line-height: 1; color: #000000; background: transparent; text-align: left; white-space: nowrap; vertical-align: baseline; border-radius: 0; border-right: 1px #000 solid; margin-right: 5px; padding-right: 5px; } #section-vehicles-home-4-listview .vehicle-element .label:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; } #section-vehicles-home-4-listview .vehicle-element .image-block { min-height: 225px; border-bottom: 0px solid #ffffff; } #section-vehicles-home-4-listview .vehicle-element .image-block .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-4-listview .vehicle-element .image-block .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicles-home-4-listview .vehicle-element .image-block .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; color: #ffffff; } #section-vehicles-home-4-listview .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='image-vehicle'] { float: right; } #section-vehicles-home-4-listview .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='video-vehicle'] { float: left; } #section-vehicles-home-4-listview .vehicle-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-home-4-listview .vehicle-element .image-container .img { display: block; width: 100%; height: 100%; max-width: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-4-listview .vehicle-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-4-listview .vehicle-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicles-home-4-listview .vehicle-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; color: #ffffff; } #section-vehicles-home-4-listview .vehicle-element .preis-info { width: 100%; display: block; color: #ffffff; min-height: 70px; } #section-vehicles-home-4-listview .vehicle-element .preis-info .text-right { color: #ffffff; padding-left: 0px; } #section-vehicles-home-4-listview .vehicle-element .preis-info .text-right h3 { text-align: right; color: #ffffff; font-size: 23px; } #section-vehicles-home-4-listview .vehicle-element .preis-info .text-right .data-infoline { margin-top: -10px; } #section-vehicles-home-4-listview .vehicle-element .preis-info .oldprice-area { font-weight: 600; margin-top: 8px; color: #cccccc; } #section-vehicles-home-4-listview .vehicle-element .normal-price-tile { background: #a29fa0; } #section-vehicles-home-4-listview .vehicle-element .special-price-tile { background: #00adef; } #section-vehicles-home-4-listview h3 { padding: 0; margin: 8px 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; max-width: 100%; font-size: 16px; color: #000000; } #section-vehicles-home-4-listview button.action-btn { background-color: #00adef; border: 0px; width: 100%; padding: 10px 0px; text-align: center; font-size: 1em; } #section-vehicles-home-4-listview button.action-btn i { padding-right: 5px; } #section-vehicles-home-4-listview button.active { background-color: #00adef; } #section-vehicles-home-4-listview button.detail-button { width: calc(100% - 2px); } #section-vehicles-home-4-listview button.action-btn:hover { background-color: #00adef; } #section-vehicles-home-4-listview .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; } #section-vehicles-home-4-listview .button-area-vehicle-list { padding-left: 0px; padding-right: 2px; } #section-vehicles-home-4-listview .data-container,#section-vehicles-home-4-listview .consumption-container,#section-vehicles-home-4-listview .environment-container,#section-vehicles-home-4-listview .internal-number-container,#section-vehicles-home-4-listview .data-infoline { margin: 0; line-height: 18px; font-size: 11px; } #section-vehicles-home-4-listview .data-container { margin-bottom: 8px; } #section-vehicles-home-4-listview .environment-container .fa-leaf { font-size: 16px; } #section-vehicles-home-4-listview .data-container strong { display: inline-block; width: 110px; } #section-vehicles-home-4-listview .data-container span { display: inline-block; /*width: 240px;*/ } #section-vehicles-home-4-listview .data-infoline { display: block; margin-bottom: 10px; margin-top: -5px; } #section-vehicles-home-4-listview .data-infoline-bottom { display: inline-block; margin-bottom: 0px; margin-top: 10px; } #section-vehicles-home-4-listview .vehicle-element .image { /* padding: 0; padding-left: 0px;*/ cursor: pointer; margin-bottom: 2px; } @media (max-width: 920px) { #section-vehicles-home-4-listview .vehicle-element .image { margin-bottom: 2px; } } #section-vehicles-home-4-listview .vehicle-element .image-xs img { width: 100%; /* margin-bottom: 20px;*/ cursor: pointer; } #section-vehicles-home-4-listview small.price { font-weight: bold; } @media (min-width: 992px) { #section-vehicles-home-4-listview small.price { display: block; } } #section-vehicles-home-4-listview strong.price { font-size: 25px; color: #000000; } #section-vehicles-home-4-listview .price-rrp { color: #000000; display: block; line-height: 17px; margin-bottom: 25px; } #section-vehicles-home-4-listview .price-rrp strong { display: block; white-space: nowrap; font-size: 16px; } #section-vehicles-home-4-listview .price-old { display: inline-block; } #section-vehicles-home-4-listview .image-block { width: 100%; min-height: 225px; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; max-height: 225px; overflow: hidden; } @media (max-width: 768px) { #section-vehicles-home-4-listview .image-block { min-height: 227px !important; } } #section-vehicles-home-4-listview .image-side { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #section-vehicles-home-4-listview .image-side.image-rotated { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } #section-vehicles-home-4-listview .image-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } @media (max-width: 920px) { #section-vehicles-home-4-listview .row .col-xs-12 { margin-bottom: 0px; } } #section-vehicles-home-4-listview .vgl-ausstattung span { color: white; } #section-vehicles-home-4-listview .vgl-ausstattung span.active { color: #000000; } #section-vehicles-home-4-listview .data-infoline { font-size: 12px !important; } #section-vehicles-home-4-listview .owl-carousel { width: calc(100% + 30px); } #section-vehicles-home-4-listview .vehicle-element .col-xs-12 > strong { margin-top: 20px; margin-bottom: 10px; display: block; } #section-vehicles-home-4-listview .image-side-list { height: 100%; width: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #section-vehicles-home-4-listview .image-side-list a { display: inline; width: 100%; height: 100%; } #section-vehicles-home-4-listview .line-top-bottom { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 20px; font-size: .8em; line-height: 1.5em; padding-bottom: 20px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 08.11.2017,09:19:26 Author : Florian Neueder*/#section-vehicles-home-4-listview .vehicle-element .image-block { min-height: 277px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 21.02.2017,11:13:58 Author : Florian Neueder*/#section-vehicles-home-4-cards { margin-bottom: 35px; } #section-vehicles-home-4-cards .prev,#section-vehicles-home-4-cards .next { position: absolute; top: 55%; background-color: #ccc; color: #fff; display: inline-block; margin-top: -20px; height: 30px; width: 30px; line-height: 31px; text-align: center; z-index: 5; font-size: 17px !important; font-weight: 200; opacity: 0.6; cursor: pointer; } #section-vehicles-home-4-cards .prev:hover,#section-vehicles-home-4-cards .next:hover { opacity: 1; background-color: #00adef; } #section-vehicles-home-4-cards .next { right: -30px; } #section-vehicles-home-4-cards .prev { left: -30px; } @media (max-width: 1024px) { #section-vehicles-home-4-cards .prev,#section-vehicles-home-4-cards .next { position: absolute; top: 40%; background-color: #fff; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 30px; line-height: 31px; text-align: center; z-index: 5; font-size: 17px !important; font-weight: 200; opacity: 0.75; cursor: pointer; } #section-vehicles-home-4-cards .next { right: 0px; } #section-vehicles-home-4-cards .prev { left: 0px; } } #section-vehicles-home-4-cards .vehicles-home-4-cards-container { position: relative; } #section-vehicles-home-4-cards .vehicles-home-4-cards-container:hover .prev,#section-vehicles-home-4-cards .vehicles-home-4-cards-container:hover .next { opacity: 1; background-color: #00adef; } #section-vehicles-home-4-cards .img-thumbnail { display: inline-block; max-height: 100%; width: auto; height: 100%; max-width: inherit; padding: 0px; line-height: 1.42857143; background-color: #fff; border: 0px; border-radius: 0px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { #section-vehicles-home-4-cards .img-thumbnail { display: inline-block; max-height: inherit; width: 100%; height: auto; max-width: 100%; } } #section-vehicles-home-4-cards .image-side a { display: inline; width: 100%; height: 100%; } #section-vehicles-home-4-cards .data-vgl-verbrauch div,#section-vehicles-home-4-cards .vgl-ausstattung div,#section-vehicles-home-4-cards .data-fahrzeug-info div { padding-left: 2px; min-height: 18px; } #section-vehicles-home-4-cards .data-info-fhzg { min-height: 130px; } #section-vehicles-home-4-cards .data-vgl-verbrauch div:nth-child(2n),#section-vehicles-home-4-cards .vgl-ausstattung div:nth-child(2n),#section-vehicles-home-4-cards .data-fahrzeug-info div:nth-child(2n) { background-color: #b3b3b3; } #section-vehicles-home-4-cards .line-hover { background-color: #00adef !important; color: #ffffff; } #section-vehicles-home-4-cards .line-hover span { color: #0088bc; } #section-vehicles-home-4-cards .line-hover span.active { color: #ffffff; } #section-vehicles-home-4-cards .vehicle-element { display: block; color: inherit; position: relative; /*background: darken($primary-color,3%);*/ margin-top: 20px; margin-bottom: 20px; /*padding: 20px 0px;*/ padding: 0; border-radius: 0px; } #section-vehicles-home-4-cards .vehicle-element h3.title { color: #a29fa0; } #section-vehicles-home-4-cards .vehicle-element .label-area { padding-bottom: 10px; margin-top: -10px; color: #a29fa0; } #section-vehicles-home-4-cards .vehicle-element .label-area .label { color: #a29fa0; border-color: #a29fa0; margin-right: 5px; padding-right: 3px; } #section-vehicles-home-4-cards .vehicle-element .label { display: inline; padding: 0; font-size: 75%; font-weight: normal; line-height: 1; color: #000000; background: transparent; text-align: left; white-space: nowrap; vertical-align: baseline; border-radius: 0; border-right: 1px #000 solid; margin-right: 5px; padding-right: 5px; } #section-vehicles-home-4-cards .vehicle-element .label:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; } #section-vehicles-home-4-cards .vehicle-element .image-block { min-height: 225px; border-bottom: 0px solid #ffffff; } #section-vehicles-home-4-cards .vehicle-element .image-block .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-4-cards .vehicle-element .image-block .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicles-home-4-cards .vehicle-element .image-block .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; color: #ffffff; } #section-vehicles-home-4-cards .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='image-vehicle'] { float: right; } #section-vehicles-home-4-cards .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='video-vehicle'] { float: left; } #section-vehicles-home-4-cards .vehicle-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-home-4-cards .vehicle-element .image-container .img { display: block; width: 100%; height: 100%; max-width: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-home-4-cards .vehicle-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-home-4-cards .vehicle-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicles-home-4-cards .vehicle-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; color: #ffffff; } #section-vehicles-home-4-cards .vehicle-element .preis-info { width: 100%; display: block; color: #ffffff; min-height: 70px; } #section-vehicles-home-4-cards .vehicle-element .preis-info .text-right { color: #ffffff; padding-left: 0px; } #section-vehicles-home-4-cards .vehicle-element .preis-info .text-right h3 { text-align: right; color: #ffffff; font-size: 23px; } #section-vehicles-home-4-cards .vehicle-element .preis-info .text-right .data-infoline { margin-top: -10px; } #section-vehicles-home-4-cards .vehicle-element .preis-info .oldprice-area { font-weight: 600; margin-top: 8px; color: #cccccc; } #section-vehicles-home-4-cards .vehicle-element .normal-price-tile { background: #a29fa0; } #section-vehicles-home-4-cards .vehicle-element .special-price-tile { background: #00adef; } #section-vehicles-home-4-cards h3 { padding: 0; margin: 8px 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; max-width: 100%; font-size: 16px; color: #000000; } #section-vehicles-home-4-cards button.action-btn { background-color: #00adef; border: 0px; width: 100%; padding: 10px 0px; text-align: center; font-size: 1em; } #section-vehicles-home-4-cards button.action-btn i { padding-right: 5px; } #section-vehicles-home-4-cards button.active { background-color: #00adef; } #section-vehicles-home-4-cards button.detail-button { width: calc(100% - 2px); } #section-vehicles-home-4-cards button.action-btn:hover { background-color: #00adef; } #section-vehicles-home-4-cards .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; } #section-vehicles-home-4-cards .button-area-vehicle-list { padding-left: 0px; padding-right: 2px; } #section-vehicles-home-4-cards .data-container,#section-vehicles-home-4-cards .consumption-container,#section-vehicles-home-4-cards .environment-container,#section-vehicles-home-4-cards .internal-number-container,#section-vehicles-home-4-cards .data-infoline { margin: 0; line-height: 18px; font-size: 11px; } #section-vehicles-home-4-cards .data-container { margin-bottom: 8px; } #section-vehicles-home-4-cards .environment-container .fa-leaf { font-size: 16px; } #section-vehicles-home-4-cards .data-container strong { display: inline-block; width: 110px; } #section-vehicles-home-4-cards .data-container span { display: inline-block; /*width: 240px;*/ } #section-vehicles-home-4-cards .data-infoline { display: block; margin-bottom: 10px; margin-top: -5px; } #section-vehicles-home-4-cards .data-infoline-bottom { display: inline-block; margin-bottom: 0px; margin-top: 10px; } #section-vehicles-home-4-cards .vehicle-element .image { /* padding: 0; padding-left: 0px;*/ cursor: pointer; margin-bottom: 2px; } @media (max-width: 920px) { #section-vehicles-home-4-cards .vehicle-element .image { margin-bottom: 2px; } } #section-vehicles-home-4-cards .vehicle-element .image-xs img { width: 100%; /* margin-bottom: 20px;*/ cursor: pointer; } #section-vehicles-home-4-cards small.price { font-weight: bold; } @media (min-width: 992px) { #section-vehicles-home-4-cards small.price { display: block; } } #section-vehicles-home-4-cards strong.price { font-size: 25px; color: #000000; } #section-vehicles-home-4-cards .price-rrp { color: #000000; display: block; line-height: 17px; margin-bottom: 25px; } #section-vehicles-home-4-cards .price-rrp strong { display: block; white-space: nowrap; font-size: 16px; } #section-vehicles-home-4-cards .price-old { display: inline-block; } #section-vehicles-home-4-cards .image-block { width: 100%; min-height: 225px; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; max-height: 225px; overflow: hidden; } @media (max-width: 768px) { #section-vehicles-home-4-cards .image-block { min-height: 227px !important; } } #section-vehicles-home-4-cards .image-side { width: 100%; height: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #section-vehicles-home-4-cards .image-side.image-rotated { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } #section-vehicles-home-4-cards .image-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } @media (max-width: 920px) { #section-vehicles-home-4-cards .row .col-xs-12 { margin-bottom: 0px; } } #section-vehicles-home-4-cards .vgl-ausstattung span { color: white; } #section-vehicles-home-4-cards .vgl-ausstattung span.active { color: #000000; } #section-vehicles-home-4-cards .data-infoline { font-size: 12px !important; } #section-vehicles-home-4-cards .owl-carousel { width: calc(100% + 30px); } #section-vehicles-home-4-cards .vehicle-element .col-xs-12 > strong { margin-top: 20px; margin-bottom: 10px; display: block; } #section-vehicles-home-4-cards .image-side-list { height: 100%; width: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #section-vehicles-home-4-cards .image-side-list a { display: inline; width: 100%; height: 100%; } #section-vehicles-home-4-cards .line-top-bottom { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 20px; font-size: .8em; line-height: 1.5em; padding-bottom: 20px; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-last-view-slider { margin-bottom: 20px; } #section-vehicles-last-view-slider .row-after-title { padding-top: 60px; } @media (max-width: 768px) { #section-vehicles-last-view-slider .row-after-title { padding-top: 0px; } } #section-vehicles-last-view-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-last-view-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-last-view-slider .prev,#section-vehicles-last-view-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 35px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-last-view-slider .prev,#section-vehicles-last-view-slider .next { display: none; } } #section-vehicles-last-view-slider .prev:hover,#section-vehicles-last-view-slider .next:hover { opacity: 0.7; } #section-vehicles-last-view-slider .next { right: -60px; } #section-vehicles-last-view-slider .prev { left: -70px; } #section-vehicles-last-view-slider .vehicles-new-slider-container { position: relative; } #section-vehicles-last-view-slider .nv-element { position: relative; background: transparent; height: 350px; /*.leasing{ color: #C1272D; } .finanzierung{ color: $primary-color; }*/ /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-last-view-slider .nv-element .overlayBg { position: absolute; right: 0px; bottom: 0px; width: 288px; height: 84px; background: transparent url(../images/car/Stoerer_288px.png) no-repeat 0px 0px; } @media (max-width: 1024px) { #section-vehicles-last-view-slider .nv-element .overlayBg { right: 11px; } } @media (max-width: 768px) { #section-vehicles-last-view-slider .nv-element .overlayBg { bottom: 84px; right: 15px; } } @media (max-width: 480px) { #section-vehicles-last-view-slider .nv-element .overlayBg { bottom: 84px; right: 0px; } } #section-vehicles-last-view-slider .nv-element .overlayInfo { position: absolute; left: 10px; bottom: 10px; color: #fff; font-weight: bold; text-shadow: 2px 2px 2px black; } @media (max-width: 768px) { #section-vehicles-last-view-slider .nv-element .overlayInfo { bottom: 94px; left: 20px; } } #section-vehicles-last-view-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-last-view-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-last-view-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0px; margin-right: 0px; } #section-vehicles-last-view-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 215px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 20px; font-size: 1.4em; } #section-vehicles-last-view-slider .nv-element .hover_area .data-infoline { font-size: 14px; text-align: left; padding-left: 15px; padding-right: 15px; color: #3c3c3c; font-weight: normal; } #section-vehicles-last-view-slider .nv-element .hover_area h3 { font-size: 18px; text-align: left; padding-left: 15px; padding-right: 15px; color: #000000; font-weight: bold; } #section-vehicles-last-view-slider .nv-element .hover_area .data-detail { font-size: 18px; text-align: left; color: #000000; font-weight: bold; bottom: 20px; position: absolute; left: 15px; } #section-vehicles-last-view-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-last-view-slider .nv-element .image-container .img { display: block; width: 100%; height: 225px; max-width: 300px; min-height: 225px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(300px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-last-view-slider .nv-element .nv-data { position: absolute; top: 245px; width: 100% !important; left: 0% !important; color: #000000; text-align: center; height: 85px; } #section-vehicles-last-view-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #000000; line-height: 15px; display: block; } #section-vehicles-last-view-slider .nv-element h2 { font-size: 18px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: center; } #section-vehicles-last-view-slider .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; } #section-vehicles-last-view-slider .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100% !important; font-weight: bold; font-size: 18px; left: 0% !important; text-align: center; } #section-vehicles-last-view-slider .nv-element .nv-price span { position: absolute; left: 30%; top: 0px; font-size: 18px; color: #000000; } @media (max-width: 1400px) { #section-vehicles-last-view-slider .prev,#section-vehicles-last-view-slider .next { display: none; } } @media (max-width: 1135px) { #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 106px); } } @media (max-width: 1024px) { #section-vehicles-last-view-slider .prev,#section-vehicles-last-view-slider .next { display: none; } #section-vehicles-last-view-slider .nv-element > .row { margin-right: 0px; } #section-vehicles-last-view-slider .nv-element .nv-data { width: 100%; } #section-vehicles-last-view-slider .nv-element .nv-data .row { margin-left: -15px; margin-right: 0px; } #section-vehicles-last-view-slider .nv-element .nv-price { width: 100%; left: 0%; } } @media (max-width: 800px) { #section-vehicles-last-view-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-last-view-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-last-view-slider .nv-element .nv-price { position: relative; text-align: center; left: 0px; width: 100%; } #section-vehicles-last-view-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-last-view-slider .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-last-view-slider { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-last-view-slider .vehicles-new-slider { margin-top: 30px; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-last-view-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-last-view-slider .nv-element .row:last-child { display: block; } #section-vehicles-last-view-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-last-view-slider { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-last-view-slider .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-last-view-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-last-view-slider .nv-element .row:last-child { display: block; } #section-vehicles-last-view-slider .nv-element .nv-data,#section-vehicles-last-view-slider .nv-element .vehicle-badge,#section-vehicles-last-view-slider .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-last-view-slider .nv-element .nv-price,#section-vehicles-last-view-slider .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-last-view-slider .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-last-view-slider .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-last-view-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-last-view-slider .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-last-view-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-last-view-slider .container:hover .prev,#section-vehicles-last-view-slider .container:hover .next { display: block; } /* Created on : 16.08.2016,08:10:21 Author : Florian Neueder*/#section-vehicles-last-view-preisvorteil-slider { padding-bottom: 40px; } #section-vehicles-last-view-preisvorteil-slider .container { background: transparent; margin: 0 auto; } #section-vehicles-last-view-preisvorteil-slider .vehicles-new-slider-fullwidth-preisvorteil { margin-top: 30px; } #section-vehicles-last-view-preisvorteil-slider .content-title { margin-top: 0 !important; } #section-vehicles-last-view-preisvorteil-slider .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-vehicles-last-view-preisvorteil-slider .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-vehicles-last-view-preisvorteil-slider .prev,#section-vehicles-last-view-preisvorteil-slider .next { position: absolute; top: 55%; background-color: transparent; color: #00adef; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 35px !important; cursor: pointer; } #section-vehicles-last-view-preisvorteil-slider .prev:hover,#section-vehicles-last-view-preisvorteil-slider .next:hover { opacity: 0.7; } #section-vehicles-last-view-preisvorteil-slider .next { right: 0; } #section-vehicles-last-view-preisvorteil-slider .prev { left: 0; } #section-vehicles-last-view-preisvorteil-slider .section-vehicles-last-view-preisvorteil-container { position: relative; padding-left: 30px; padding-right: 30px; } #section-vehicles-last-view-preisvorteil-slider .nv-element { position: relative; background: transparent; height: 500px; } #section-vehicles-last-view-preisvorteil-slider .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 767px) { #section-vehicles-last-view-preisvorteil-slider .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-last-view-preisvorteil-slider .nv-element > .row { margin-bottom: 30px; margin-left: 0; margin-right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container { position: relative; width: 100%; float: left; height: 0; min-height: 300px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .img { display: block; width: 100%; height: 300px; max-width: 100%; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0; position: absolute; left: 0; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0; position: absolute; left: calc(453px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data { width: 100%; float: left; color: #000000; text-align: center; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #3c3c3c; line-height: 15px; display: block; font-weight: 200; } #section-vehicles-last-view-preisvorteil-slider .nv-element h2 { font-size: 18px; margin: 0; padding-top: 0; color: #000000; text-transform: uppercase; text-align: center; font-weight: 200 !important; } #section-vehicles-last-view-preisvorteil-slider .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data-header { position: relative; width: 100%; color: #000000; text-align: center; padding-bottom: 20px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data-header h2 { font-size: 18px; margin: 0; padding-top: 0; color: #000; font-weight: bold !important; text-transform: none; text-align: left; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data-header h3 { color: #000; margin-top: 5px; font-size: 11px; text-align: left; font-weight: 600 !important; } @media (max-width: 767px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data-header h2,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data-header h3 { text-align: center; } } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price { background: transparent; color: #000000; width: 100%; margin-top: 3px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box { min-height: 75px; margin-bottom: 10px; background: #a29fa0; max-height: 75px; overflow: hidden; } @media (max-width: 767px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box { margin-top: 0; } } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box .row { margin-left: 0; margin-right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box .alert-info { background-color: #fff; border-color: #fff; border-radius: 0; margin-top: 20px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box .bg-white { background: #fff; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box.special_price { background: #000000; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price { text-align: right; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp { background: #e8e8e8; clear: both; color: #3c3c3c; height: 75px; margin-left: 10px; text-align: left; padding-left: 15px; padding-top: 15px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .uvp-info { color: #a29fa0; display: block; font-size: 30px; font-weight: 700; padding-bottom: 20px; text-align: left; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .pricevorteil { color: #a29fa0; display: block; font-size: 16px; font-weight: 700; line-height: 15px; text-align: left; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .priceersparnis { color: #a29fa0; display: block; font-size: 14px; font-weight: 700; padding-top: 5px; text-align: left; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-old { display: inline-block; font-size: 15px; float: right; padding-left: 5px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .current_price { display: block; font-size: 18px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 25px; padding-top: 5px; } @media (min-width: 1200px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .current_price { font-size: 20px; } } @media (min-width: 1680px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .current_price { font-size: 25px; } } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price.normal_price { padding-top: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing { color: #000; margin-bottom: 0 !important; padding-top: 12px; height: 75px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .price-info,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .price-info { font-size: 12px; font-weight: 700; color: #000; opacity: 1; text-align: right; line-height: 10px; float: right; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .price-info a,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .price-info a { color: #000; font-size: 12px; font-weight: 700 !important; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .price-info .text-small,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .price-info .text-small { font-size: 10px; font-weight: 400; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .price-info small,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .price-info small { font-size: 10px; font-weight: 400; display: none; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price { float: right; color: #000; font-weight: 700; font-size: 25px; line-height: 25px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price .price-font { color: #000; font-weight: 700; font-size: 14px; line-height: 25px; } @media (min-width: 1200px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price .price-font { font-size: 18px; } } @media (min-width: 1680px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price .price-font { font-size: 25px; } } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price .fa,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price .fa { font-weight: 700; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .footnote,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .footnote { position: absolute; right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .sonderpreis { background: #012350; height: 157px; bottom: 0; position: absolute; margin-bottom: 0 !important; padding-right: 50px; padding-top: 20px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .hauptpreis { padding: 10px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-tax { color: #fff; font-weight: 700; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-info { font-size: 15px; font-weight: 700; color: #fff; text-align: right; } @media (max-width: 480px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-info { font-size: 12px; } } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-info-small { font-weight: 400; } #section-vehicles-last-view-preisvorteil-slider .nv-element .price-up { bottom: 55px; } @media (max-width: 1135px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 95px); } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .bagde_no_video { left: calc(100% - 65px) !important; } } @media (max-width: 1023px) { #section-vehicles-last-view-preisvorteil-slider .nv-element > .row { margin-right: 0; } #section-vehicles-last-view-preisvorteil-slider .img { max-width: 100% !important; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data { width: 100%; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data .row { margin-left: 0; margin-right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 799px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0; float: left; height: 100%; display: table; margin-bottom: 0; padding-left: 15px; padding-right: 15px; min-height: 250px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price { position: relative; text-align: right; left: 0; width: 100%; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price span { bottom: -1px; top: auto; left: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data { position: relative; top: 0; width: 100%; left: 0; color: #000000; float: left; } } @media (max-width: 767px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .current_price { font-size: 22px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-old { font-size: 13px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .pricevorteil { font-size: 14px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-info { font-size: 13px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price { font-size: 20px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price .price-font { font-size: 19px; } #section-vehicles-last-view-preisvorteil-slider .nv-element > .row { margin-right: -15px; margin-left: -15px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data { padding-left: 15px; padding-right: 15px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge { margin-top: 0; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0; display: inherit; color: #ffffff; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics { color: #fff; margin-top: 0; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .row:last-child { display: block; } #section-vehicles-last-view-preisvorteil-slider .nv-element .row .row:last-child { display: block; } } @media (max-width: 680px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data { padding-left: 15px; padding-right: 15px; } } @media (max-width: 480px) { #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container { padding-left: 0; padding-right: 0; min-height: 215px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge { left: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics { right: 0; left: auto; } #section-vehicles-last-view-preisvorteil-slider .nv-element .row:last-child { display: block; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data,#section-vehicles-last-view-preisvorteil-slider .nv-element .vehicle-badge,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-verbrauch-resp { padding-left: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-verbrauch-resp { padding-right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data .row { margin-right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-element > .row { margin-left: 0; margin-right: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-last-view-preisvorteil-slider .nv-verbrauch-resp .col-sm-12 { padding: 0; } #section-vehicles-last-view-preisvorteil-slider .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp { padding-left: 13px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .pricevorteil { font-size: 14px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price .current_price { font-size: 19px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price { font-size: 17px; line-height: 25px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .leasing .current_price .price-font { font-size: 18px; line-height: 20px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-price .price-box .bg-white { padding-right: 10px; } #section-vehicles-last-view-preisvorteil-slider .nv-element .nv-data { padding-right: 0; } } #section-vehicles-last-view-preisvorteil-slider sub,#section-vehicles-last-view-preisvorteil-slider sup { font-weight: 400 !important; font-size: 8px !important; right: .1em !important; z-index: 99 !important; top: -1em; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 09.11.2017,14:06:55 Author : Florian Neueder*/#section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 95px); }#section-vehicles-last-view-preisvorteil-slider .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 02.12.2016,13:13:33 Author : Florian Neueder*/#section-subsidiaries-home-slider { padding-bottom: 60px; position: relative; } #section-subsidiaries-home-slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-subsidiaries-home-slider .subsidiaries-slider-entry img { height: 186px; width: auto; max-width: unset; } @media (max-width: 480px) { #section-subsidiaries-home-slider .subsidiaries-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-subsidiaries-home-slider .prev,#section-subsidiaries-home-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1024px) { #section-subsidiaries-home-slider .prev,#section-subsidiaries-home-slider .next { display: none; } } #section-subsidiaries-home-slider .prev:hover,#section-subsidiaries-home-slider .next:hover { opacity: 0.7; } #section-subsidiaries-home-slider .next { right: -40px; } #section-subsidiaries-home-slider .prev { left: -65px; } #section-subsidiaries-home-slider .subsidiaries-slider-container { position: relative; } #section-subsidiaries-home-slider .subsidiaries-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-subsidiaries-home-slider .subsidiaries-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-subsidiaries-home-slider .news-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-subsidiaries-home-slider .subsidiaries-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #section-subsidiaries-home-slider .subsidiaries-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 186px; max-height: 186px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 90px; font-size: 1.2em; } #section-subsidiaries-home-slider .subsidiaries-slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 768px) { #section-subsidiaries-home-slider .subsidiaries-slider-entry > a { width: 100% !important; } #section-subsidiaries-home-slider .subsidiaries-slider-entry img { max-width: 100%; height: auto; } } /* Created on : 11.08.2016,10:45:26 Author : Florian Neueder*/#header-slider { position: relative; height: 200px; overflow: hidden; z-index: 2; margin-top: 0; clear: both; } #header-slider-background-area { position: absolute; top: 50px; height: 100px; z-index: -1; background-color: #d9d9d9; border-bottom: 10px solid transparent; width: 100%; } #header-slider .container-fluid,#header-slider .container { background: transparent !important; } #header-slider .container-fluid,#header-slider .owl-carousel,#header-slider .owl-stage-outer,#header-slider .owl-stage,#header-slider .owl-item { height: 100%; } #header-slider .container-fluid { position: relative; padding-left: 0px; padding-right: 0px; } #header-slider .owl-carousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; display: block !important; height: 100%; } .site-home #header-slider-background-area { position: absolute; top: 50px; height: 500px; z-index: -1; background-color: #d9d9d9; border-bottom: 10px solid transparent; width: 100%; } .site-home #header-slider { height: 600px; clear: both; } .site-home #header-slider .prev,.site-home #header-slider .next { position: absolute; top: 50%; background-color: none; color: #00adef; display: inline-block; margin-top: -15px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 9; font-size: 3.3em; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 480px) { .site-home #header-slider .prev,.site-home #header-slider .next { display: none !important; } } .site-home #header-slider .prev:hover,.site-home #header-slider .next:hover { opacity: 0.7; } .site-home #header-slider .prev { left: -63px; } .site-home #header-slider .next { right: -51px; } .small-slider #header-slider { position: relative; height: 200px; overflow: hidden; z-index: 2; margin-top: 0; clear: both; }.small-slider #header-slider-background-area { position: absolute; top: 50px; height: 100px; z-index: -1; background-color: #d9d9d9; border-bottom: 10px solid transparent; width: 100%; } #header-slider .owl-carousel { display: block; } #header-slider-indicator { padding: 0; height: 0; } #header-slider-indicator .carousel-indicators { bottom: -25px; height: 20px; margin-bottom: 0; } #header-slider-indicator .carousel-indicators li { width: 17px; height: 17px; background-color: #000000; margin: 0 10px 0 0; position: relative; border-width: 0; border-radius: 100%; } #header-slider-indicator .carousel-indicators .active,#header-slider-indicator .carousel-indicators li:hover { background-color: #00adef; } /*#header-slider-indicator .active .animation.animated-item-1 { -webkit-animation: fadeInUp 1200ms linear 300ms both; -moz-animation: fadeInUp 1200ms linear 300ms both; -o-animation: fadeInUp 1200ms linear 300ms both; -ms-animation: fadeInUp 1200ms linear 300ms both; animation: fadeInUp 1200ms linear 300ms both; } #header-slider-indicator .active .animation.animated-item-2 { -webkit-animation: fadeInUp 1200ms linear 600ms both; -moz-animation: fadeInUp 1200ms linear 600ms both; -o-animation: fadeInUp 1200ms linear 600ms both; -ms-animation: fadeInUp 1200ms linear 600ms both; animation: fadeInUp 1200ms linear 600ms both; } #header-slider-indicator .active .animation.animated-item-3 { -webkit-animation: fadeInUp 1200ms linear 900ms both; -moz-animation: fadeInUp 1200ms linear 900ms both; -o-animation: fadeInUp 1200ms linear 900ms both; -ms-animation: fadeInUp 1200ms linear 900ms both; animation: fadeInUp 1200ms linear 900ms both; } #header-slider-indicator .active .animation.animated-item-4 { -webkit-animation: fadeInUp 1200ms linear 1200ms both; -moz-animation: fadeInUp 1200ms linear 1200ms both; -o-animation: fadeInUp 1200ms linear 1200ms both; -ms-animation: fadeInUp 1200ms linear 1200ms both; animation: fadeInUp 1200ms linear 1200ms both; }.slider-side-by-side{*//*#header-slider-indicator .active .animation.animated-item-1 { -webkit-animation: fadeInUp 1200ms ease-in-out 1800ms both; -moz-animation: fadeInUp 1200ms ease-in-out 1800ms both; -o-animation: fadeInUp 1200ms ease-in-out 1800ms both; -ms-animation: fadeInUp 1200ms ease-in-out 1800ms both; animation: fadeInUp 1200ms ease-in-out 1800ms both; } #header-slider-indicator .active .animation.animated-item-2 { -webkit-animation: fadeInUp 1800ms ease-in-out 2400ms both; -moz-animation: fadeInUp 1800ms ease-in-out 2400ms both; -o-animation: fadeInUp 1800ms ease-in-out 2400ms both; -ms-animation: fadeInUp 1800ms ease-in-out 2400ms both; animation: fadeInUp 1800ms ease-in-out 2400ms both; } #header-slider-indicator .active .animation.animated-item-3 { -webkit-animation: fadeInUp 1200ms ease-in-out 3600ms both; -moz-animation: fadeInUp 1200ms ease-in-out 3600ms both; -o-animation: fadeInUp 1200ms ease-in-out 3600ms both; -ms-animation: fadeInUp 1200ms ease-in-out 3600ms both; animation: fadeInUp 1200ms ease-in-out 3600ms both; } #header-slider-indicator .active .animation.animated-item-4 { -webkit-animation: fadeInUp 1200ms ease-in-out 4800ms both; -moz-animation: fadeInUp 1200ms ease-in-out 4800ms both; -o-animation: fadeInUp 1200ms ease-in-out 4800ms both; -ms-animation: fadeInUp 1200ms ease-in-out 4800ms both; animation: fadeInUp 1200ms ease-in-out 4800ms both; }*//*}*//*#header-static { height: $header-height;}*/#header-slider #header-data { position: relative; z-index: 2; margin-top: -180px; height: 180px; color: #ffffff; text-shadow: 0 1px 0 #000; }#header-slider #header-data h1,#header-slider #header-data h3 { font-weight: 700; font-size: 35px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; text-align: left; /*overflow: hidden;*/ text-shadow: 0 0 0 #ccc; background-color: rgba(242,242,242,0.5); padding: 20px; width: auto; display: inline; }#header-slider #header-data div { width: auto; }#header-slider #header-data h1 { padding-top: 15px; padding-bottom: 15px; }#header-slider #header-data h3 { margin-top: 0px; font-size: 23px; background-color: rgba(255,138,0,0.5); clear: both; left: 0px; position: absolute; margin-top: 75px; } #header-slider-indicator { display: none; } .slider-side-by-side { /*.owl-item.cloned.active{ left: 4158px; top: 0px; }*/ /*margin-left: -1020px;*/ margin-left: calc(100% - 2930px); } .slider-side-by-side .owl-carousel { top: -50px; } .slider-side-by-side .slider_top,.slider-side-by-side .slider_bottom { height: 50px; width: 100%; z-index: 9; } .slider-side-by-side .slider_top { position: relative; top: 0px; left: 0px; } .slider-side-by-side .s_top { float: left; background-color: #ffffff; z-index: 9; width: calc(100% - 1320px); max-width: 45.05%; height: 50px; } .slider-side-by-side .s_top2 { float: right; background-color: #ffffff; z-index: 9; width: calc(100% - 1320px); height: 50px; max-width: 9.89%; } .slider-side-by-side .slider_bottom { position: relative; bottom: 100px; left: 0px; } .slider-side-by-side .s_bottom { float: left; background-color: #ffffff; z-index: 9; max-width: 45.05%; height: 50px; width: calc(100% - 1320px); } .slider-side-by-side .s_bottom2 { float: right; background-color: #ffffff; z-index: 9; width: calc(100% - 1320px); height: 50px; max-width: 9.89%; } .slider-side-by-side .owl-item.active { width: 100% !important; max-width: 1320px; } .slider-side-by-side .owl-item.center { padding-bottom: 0px !important; padding-top: 0px !important; opacity: 1 !important; z-index: 9999; position: relative; } .slider-side-by-side .prev { left: 43% !important; } .slider-side-by-side .next { right: 8% !important; } .slider-side-by-side .slider_area_overlay { height: 500px; position: relative; top: -650px; } .slider-side-by-side .slider_over_1 { width: calc(100% - 1320px); max-width: 45.05%; z-index: 4; opacity: 0.6; left: 0px; } .slider-side-by-side .slider_over_2 { z-index: 4; width: calc(100% - 1320px); max-width: 9.89%; opacity: 0.6; right: 0px; top: 50px; position: absolute; } @media (max-width: 1870px) { .slider-side-by-side { margin-left: calc(100% - 2885px); } .slider-side-by-side .prev { left: 42.5% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 8.48%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 45.80%; } } @media (max-width: 1820px) { .slider-side-by-side { margin-left: calc(100% - 2855px); } .slider-side-by-side .prev { left: 43.8% !important; } .slider-side-by-side .next { right: 5.5% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 7.52%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 46.24%; } } @media (max-width: 1770px) { .slider-side-by-side { margin-left: calc(100% - 2825px); } .slider-side-by-side .prev { left: 44% !important; } .slider-side-by-side .next { right: 4% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 6.55%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 46.74%; } } @media (max-width: 1720px) { .slider-side-by-side { margin-left: calc(100% - 2835px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 6.89%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 46.55%; } } @media (max-width: 1670px) { .slider-side-by-side { margin-left: calc(100% - 2790px); } .slider-side-by-side .prev { left: 44.5% !important; } .slider-side-by-side .next { right: 3% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 5.36%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 47.3%; } } @media (max-width: 1620px) { .slider-side-by-side { margin-left: calc(100% - 2770px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 4.67%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 47.68%; } } @media (max-width: 1570px) { .slider-side-by-side { margin-left: calc(100% - 2755px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 4.16%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 47.9%; } } @media (max-width: 1520px) { .slider-side-by-side { margin-left: calc(100% - 2740px); } .slider-side-by-side .prev { left: 45% !important; } .slider-side-by-side .next { right: 2% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 3.62%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 48.2%; } } @media (max-width: 1470px) { .slider-side-by-side { margin-left: calc(100% - 2725px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 3.1%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 48.48%; } } @media (max-width: 1420px) { .slider-side-by-side { margin-left: calc(100% - 2680px); } .slider-side-by-side .prev { left: 48% !important; } .slider-side-by-side .next { right: 1% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 1.5%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 49.28%; } } @media (max-width: 1370px) { .slider-side-by-side { margin-left: calc(100% - 2665px); } .slider-side-by-side .prev { left: 48.8% !important; } .slider-side-by-side .next { right: 1% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 0.95%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 49.58%; } } @media (max-width: 1320px) { .slider-side-by-side { margin-left: 0px; } .slider-side-by-side .slider_area_overlay { display: none; } .slider-side-by-side .prev { left: 5% !important; } .slider-side-by-side .next { right: 5% !important; } .slider-side-by-side .owl-item.active { max-width: 100%; width: auto !important; } } @media (max-width: 480px) { .slider-side-by-side .prev,.slider-side-by-side .next { display: none; } } .artikeldetailansicht #header-slider { display: none; } .site-home #header-slider-indicator.show_after { display: block; margin-top: 5px; } .site-home #header-slider-indicator.show_after > .container,.site-home #header-slider-indicator.show_after > .container-fluid { background: transparent; } .site-home #header-slider-indicator.show_on_bottom { display: block; margin-top: 0px; position: relative; top: -35px; } .site-home #header-slider-indicator.show_on_bottom > .container,.site-home #header-slider-indicator.show_on_bottom > .container-fluid { background: transparent; } .site-home #header-slider-indicator.use_circles .carousel-indicators li { width: 17px; height: 17px; margin: 0 10px 0 0; position: relative; border-width: 0; border-radius: 100%; } .site-home #header-slider-indicator.use_lines .carousel-indicators li { width: 35px; height: 3px; margin: 0px 8px 3px 0px; position: relative; border-width: 0; border-radius: 0; } /* Created on : 11.08.2016,10:45:26 Author : Florian Neueder*/#header-slider { position: relative; height: 270px; overflow: hidden; z-index: 2; margin-top: 0px; clear: both; max-width: 1680px; margin: 0 auto; } #header-slider .prev { left: 0px; } #header-slider .next { right: 0px; } #header-slider .prev,#header-slider .next { position: absolute; bottom: 0%; height: 60px; width: 60px; line-height: 60px; text-align: center; z-index: 9; font-size: 2.3em; opacity: 0.2; cursor: pointer; background: #fff; display: none; } #header-slider .container-full:hover .prev,#header-slider .container-full:hover .next { opacity: 1; } #header-slider .container { padding-left: 0; padding-right: 0; } #header-slider .container-fluid,#header-slider .container { background: transparent !important; } #header-slider .container-full,#header-slider .owl-carousel,#header-slider .owl-stage-outer,#header-slider .owl-stage,#header-slider .owl-item { height: 100%; } #header-slider .container-full { position: relative; padding-left: 0px; padding-right: 0px; } #header-slider .owl-carousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; display: block !important; height: 100%; } #header-slider a { width: 100%; height: 100%; } #header-slider .carousel-caption { display: none; left: 0px; right: 0px; width: 100%; top: 0px; bottom: 0px; height: 100%; position: absolute; } #header-slider .carousel-caption .h2 { font-size: 45px; text-transform: normal; font-weight: 400; text-shadow: 0 0px 0px rgba(0,0,0,0.6); background: transparent; color: #ffffff; animation-delay: 1s; position: absolute; text-align: center; padding: 10px; max-width: 1290px; height: 70px; border-radius: 10px; } @media (max-width: 1400px) { #header-slider .carousel-caption .h2 { font-size: 35px !important; height: 55px; } } @media (max-width: 1024px) { #header-slider .carousel-caption .h2 { font-size: 35px !important; height: 55px; } } @media (max-width: 768px) { #header-slider .carousel-caption .h2 { font-size: 27px !important; height: 55px; overflow: hidden; text-overflow: ellipsis; text-align: left; max-width: 100%; white-space: nowrap; } } @media (max-width: 480px) { #header-slider .carousel-caption .h2 { font-size: 18px !important; height: 40px; } } #header-slider .carousel-caption .h3 { font-size: 25px; font-weight: 400; text-shadow: 0 0px 0px rgba(0,0,0,0.6); /* background: $slider-line2-background;*/ font-family: "DaimlerCS-Regular",Arial,sans-serif; color: #ffffff; animation-delay: 2s; position: absolute; bottom: 170px; padding: 10px; max-width: 1290px; height: 45px; } @media (max-width: 1400px) { #header-slider .carousel-caption .h3 { font-size: 20px !important; height: 45px; } } @media (max-width: 1024px) { #header-slider .carousel-caption .h3 { font-size: 20px !important; height: 45px; } } @media (max-width: 768px) { #header-slider .carousel-caption .h3 { font-size: 21px !important; height: 45px; overflow: hidden; text-overflow: ellipsis; text-align: left; max-width: 100%; white-space: nowrap; } } @media (max-width: 480px) { #header-slider .carousel-caption .h3 { font-size: 16px !important; height: 36px; } } #header-slider .carousel-caption a:hover .carousel-caption .h2,#header-slider .carousel-caption a:hover .carousel-caption .h3 { color: #00adef !important; } #header-slider .carousel-caption .left-top-1 { left: 0px; top: 45%; } @media (max-width: 768px) { #header-slider .carousel-caption .left-top-1 { top: 5%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .left-top-1 { top: 5%; left: 0px; } } #header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(5% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(5% + 35px); } } #header-slider .carousel-caption .left-middle-1 { left: 0px; top: 45%; } @media (max-width: 768px) { #header-slider .carousel-caption .left-middle-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .left-middle-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .left-bottom-1 { left: 0px; top: calc(45%); } @media (max-width: 768px) { #header-slider .carousel-caption .left-bottom-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .left-bottom-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .right-top-1 { left: 0px; top: calc(45%); } @media (max-width: 768px) { #header-slider .carousel-caption .right-top-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .right-top-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .right-middle-1 { left: 0px; top: calc(45% ); } @media (max-width: 768px) { #header-slider .carousel-caption .right-middle-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .right-middle-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .right-bottom-1 { left: 0px; top: calc(45%); } @media (max-width: 768px) { #header-slider .carousel-caption .right-bottom-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .right-bottom-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .center-top-1 { left: 0px; top: calc(45%); } @media (max-width: 768px) { #header-slider .carousel-caption .center-top-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .center-top-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(45% + 65px); } @media (max-width: 1024px) { #header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .center-middle-1 { left: 0px; top: calc(45%); } @media (max-width: 768px) { #header-slider .carousel-caption .center-middle-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .center-middle-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(45% + 75px); } @media (max-width: 1024px) { #header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(10% + 35px); } } #header-slider .carousel-caption .center-bottom-1 { left: 0px; top: calc(45% ); } @media (max-width: 768px) { #header-slider .carousel-caption .center-bottom-1 { top: 10%; left: 0px; } } @media (max-width: 480px) { #header-slider .carousel-caption .center-bottom-1 { top: 10%; left: 0px; } } #header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(45% + 75px); } @media (max-width: 1024px) { #header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(45% + 55px); } } @media (max-width: 768px) { #header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(10% + 55px); } } @media (max-width: 480px) { #header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(5% + 35px); } } #header-slider .active .carousel-caption { display: block; } @media (max-width: 768px) { #header-slider { margin-top: 80px; height: 155px; } } @media (max-width: 480px) { #header-slider { height: 115px; } } #header-slider .s_top { background-color: #ffffff; } #header-slider .s_top2 { background-color: #ffffff; } #header-slider .s_bottom { background-color: #ffffff; } #header-slider .s_bottom2 { background-color: #ffffff; } .site-home #header-slider .carousel-caption .h3 { display: block; }.site-home #header-slider .carousel-caption .left-top-1 { left: 0px; top: 16%; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .left-top-1 { top: 16%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .left-top-1 { top: 20%; } }.site-home #header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(16% + 65px); } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .left-top-2 { top: calc(16% + 55px); } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .left-top-2 { top: calc(20% + 32px); } }.site-home #header-slider .carousel-caption .left-middle-1 { left: 0px; top: 36%; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .left-middle-1 { top: 32%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .left-middle-1 { top: 41%; } }.site-home #header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(36% + 65px); } @media (max-width: 1024px) { .site-home #header-slider .carousel-caption .left-middle-2 { top: calc(36% + 55px); } } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .left-middle-2 { top: calc(32% + 55px); } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .left-middle-2 { top: calc(41% + 32px); } }.site-home #header-slider .carousel-caption .left-bottom-1 { left: 0px; bottom: 14%; top: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .left-bottom-1 { bottom: 14%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .left-bottom-1 { bottom: 15%; } }.site-home #header-slider .carousel-caption .left-bottom-2 { left: 0px; bottom: calc(17% - 65px); top: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .left-bottom-2 { bottom: calc(17% - 55px); top: unset; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .left-bottom-2 { bottom: calc(15% - 32px); top: unset; } }.site-home #header-slider .carousel-caption .right-top-1 { right: 0px; top: 16%; left: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .right-top-1 { top: 16%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .right-top-1 { top: 20%; } }.site-home #header-slider .carousel-caption .right-top-2 { right: 0px; top: calc(16% + 65px); left: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .right-top-2 { top: calc(16% + 55px); } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .right-top-2 { top: calc(20% + 32px); } }.site-home #header-slider .carousel-caption .right-middle-1 { right: 0px; top: 36%; left: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .right-middle-1 { top: 32%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .right-middle-1 { top: 41%; } }.site-home #header-slider .carousel-caption .right-middle-2 { right: 0px; top: calc(36% + 65px); left: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .right-middle-2 { top: calc(32% + 55px); } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .right-middle-2 { top: calc(41% + 32px); } }.site-home #header-slider .carousel-caption .right-bottom-1 { right: 0px; bottom: 14%; top: unset; left: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .right-bottom-1 { bottom: 14%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .right-bottom-1 { bottom: 15%; } }.site-home #header-slider .carousel-caption .right-bottom-2 { right: 0px; bottom: calc(17% - 65px); top: unset; left: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .right-bottom-2 { bottom: calc(17% - 55px); top: unset; left: unset; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .right-bottom-2 { bottom: calc(15% - 32px); top: unset; left: unset; } }.site-home #header-slider .carousel-caption .center-top-1 { left: 10%; right: 10%; top: 16%; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-top-1 { left: 5%; right: 5%; top: 6%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .center-top-1 { left: 5%; right: 5%; top: 20%; } }.site-home #header-slider .carousel-caption .center-top-2 { left: 10%; right: 10%; top: calc(16% + 65px); } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-top-2 { top: calc(16% + 55px); left: 5%; right: 5%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .center-top-2 { top: calc(20% + 32px); } }.site-home #header-slider .carousel-caption .center-middle-1 { left: 10%; right: 10%; top: 36%; } @media (max-width: 1024px) { .site-home #header-slider .carousel-caption .center-middle-1 { left: 15%; right: 15%; } } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-middle-1 { left: 5%; right: 5%; top: 32%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .center-middle-1 { left: 0%; right: 0%; top: 41%; } }.site-home #header-slider .carousel-caption .center-middle-2 { left: 10%; right: 10%; top: calc(36% + 65px); } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-middle-2 { left: 5%; right: 5%; top: calc(32% + 55px); } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .center-middle-2 { left: 0%; right: 0%; top: calc(41% + 32px); } }.site-home #header-slider .carousel-caption .center-bottom-1 { left: 10%; right: 10%; bottom: 14%; top: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-bottom-1 { left: 5%; right: 5%; } } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-bottom-1 { bottom: 14%; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .center-bottom-1 { bottom: 15%; } }.site-home #header-slider .carousel-caption .center-bottom-2 { left: 10%; right: 10%; bottom: calc(17% - 65px); top: unset; } @media (max-width: 768px) { .site-home #header-slider .carousel-caption .center-bottom-2 { left: 5%; right: 5%; bottom: calc(17% - 55px); top: unset; } } @media (max-width: 480px) { .site-home #header-slider .carousel-caption .center-bottom-2 { bottom: calc(15% - 32px); top: unset; } } .site-home #header-slider { height: 700px; margin-bottom: 0px; } .site-home #header-slider .prev { left: 0px; } .site-home #header-slider .next { right: 0px; } .site-home #header-slider .prev,.site-home #header-slider .next { position: absolute; bottom: 0%; top: unset; height: 60px; width: 60px; line-height: 60px; text-align: center; z-index: 9; font-size: 2.3em; opacity: 0.2; cursor: pointer; background: #fff; display: none; } @media (max-width: 768px) { .site-home #header-slider .prev,.site-home #header-slider .next { height: 30px; width: 30px; line-height: 30px; font-size: 1.2em; } } @media (max-width: 480px) { .site-home #header-slider .prev,.site-home #header-slider .next { height: 20px; width: 20px; line-height: 20px; font-size: 1em; } } .site-home #header-slider .owl-carousel .item { background-position: top center; } .site-home #header-slider .container-full:hover .prev,.site-home #header-slider .container-full:hover .next { opacity: 1; color: #fff; background: #00adef; } @media (max-width: 768px) { .site-home #header-slider { margin-top: 45px; } } .site-home #header-slider a:hover .carousel-caption .h2,.site-home #header-slider a:hover .carousel-caption .h3 { color: #00adef !important; } .small-slider #header-slider { height: 300px; } .small-slider #header-slider .carousel-caption .h2 { font-weight: 200; } .small-slider #header-slider .carousel-caption .h3 { font-weight: 200; } @media (max-width: 1024px) { .site-home.small-slider #header-slider { height: 195px; } } .site-home #header-slider-indicator { display: block; top: -60px; position: relative; } .site-home #header-slider-indicator carousel-indicators { bottom: -25px; height: 20px; } #header-slider-indicator .carousel-indicators li { width: 65px; height: 3px; border-radius: 0px; background: #fff; } #header-slider-indicator .carousel-indicators .active,#header-slider-indicator .carousel-indicators li:hover { background-color: #00adef; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }@keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } }@keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } }.flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } }@keyframes shake { from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } }.shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } }@keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } }.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } }@keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } }.wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes jello { from,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } }.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } }.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } }.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } }@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } }.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95); transform: perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95); transform: perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } }@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } }.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } }@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } }.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } }@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } }.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } }.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } }@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } }.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } }@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } }.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } }@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } }.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } }.hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } }@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } }.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 50% { opacity: 1; } }@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 50% { opacity: 1; } }.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } to { opacity: 0; } }@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } to { opacity: 0; } }.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } }@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } }.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } }@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } }.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }@keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }@keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }@keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }@keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Created on : 11.08.2016,10:45:26 Author : Florian Neueder*/#standard-header-slider { position: relative; height: 200px; overflow: hidden; z-index: 2; margin-top: 0; clear: both; } #standard-header-slider-background-area { position: absolute; top: 50px; height: 100px; z-index: -1; background-color: #d9d9d9; border-bottom: 10px solid transparent; width: 100%; } #standard-header-slider .container { padding-left: 0; padding-right: 0; } #standard-header-slider .container-fluid,#standard-header-slider .container { background: transparent !important; } #standard-header-slider .container-fluid,#standard-header-slider .owl-carousel,#standard-header-slider .owl-stage-outer,#standard-header-slider .owl-stage,#standard-header-slider .owl-item { height: 100%; } #standard-header-slider .container-fluid { position: relative; padding-left: 0px; padding-right: 0px; } #standard-header-slider .owl-carousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; display: block !important; height: 100%; } .site-home #standard-header-slider-background-area { position: absolute; top: 50px; height: 500px; z-index: -1; background-color: #d9d9d9; border-bottom: 10px solid transparent; width: 100%; } .site-home #standard-header-slider { height: 600px; clear: both; top: 40px; } .site-home #standard-header-slider .prev,.site-home #standard-header-slider .next { position: absolute; top: 50%; background-color: none; color: #00adef; display: inline-block; margin-top: -15px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 9; font-size: 3.3em; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 480px) { .site-home #standard-header-slider .prev,.site-home #standard-header-slider .next { display: none !important; } } .site-home #standard-header-slider .prev:hover,.site-home #standard-header-slider .next:hover { opacity: 0.7; } .site-home #standard-header-slider .prev { left: -63px; } .site-home #standard-header-slider .next { right: -51px; } .small-slider #standard-header-slider { position: relative; height: 200px; overflow: hidden; z-index: 2; margin-top: 0; clear: both; }.small-slider #standard-header-slider-background-area { position: absolute; top: 50px; height: 100px; z-index: -1; background-color: #d9d9d9; border-bottom: 10px solid transparent; width: 100%; } #standard-header-slider .owl-carousel { display: block; } #standard-header-slider-indicator { padding: 0; height: 0; } #standard-header-slider-indicator .carousel-indicators { bottom: -25px; height: 20px; margin-bottom: 0; } #standard-header-slider-indicator .carousel-indicators li { width: 17px; height: 17px; background-color: #000000; margin: 0 10px 0 0; position: relative; border-width: 0; border-radius: 100%; } #standard-header-slider-indicator .carousel-indicators .active,#standard-header-slider-indicator .carousel-indicators li:hover { background-color: #00adef; } #standard-header-slider #header-data { position: relative; z-index: 2; margin-top: -180px; height: 180px; color: #ffffff; text-shadow: 0 1px 0 #000; }#standard-header-slider #header-data h1,#standard-header-slider #header-data h3 { font-weight: 700; font-size: 35px; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; text-align: left; /*overflow: hidden;*/ text-shadow: 0 0 0 #ccc; background-color: rgba(242,242,242,0.5); padding: 20px; width: auto; display: inline; }#standard-header-slider #header-data div { width: auto; }#standard-header-slider #header-data h1 { padding-top: 15px; padding-bottom: 15px; }#standard-header-slider #header-data h3 { margin-top: 0px; font-size: 23px; background-color: rgba(255,138,0,0.5); clear: both; left: 0px; position: absolute; margin-top: 75px; }#standard-header-slider a { width: 100%; height: 100%; }#standard-header-slider .carousel-caption { display: none; left: 0px; right: 0px; width: 100%; top: 0px; bottom: 0px; height: 100%; position: absolute; } #standard-header-slider .carousel-caption a:hover .h2,#standard-header-slider .carousel-caption a:hover .h3 { color: #000000 !important; } #standard-header-slider .carousel-caption .pfeil-before { position: absolute; margin-left: -35px; color: #000000; font-size: 35px; margin-top: 5px; } #standard-header-slider .carousel-caption .h2 { font-size: 40px !important; text-transform: none !important; font-weight: 800 !important; text-shadow: 0 0px 0px rgba(0,0,0,0.6); background: transparent; color: #ffffff !important; animation-delay: 1s; position: absolute; text-align: center; padding: 10px !important; max-width: 1290px; height: 50px !important; } @media (max-width: 1400px) { #standard-header-slider .carousel-caption .h2 { font-size: 30px !important; height: 50px; } } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .h2 { font-size: 30px !important; height: 55px; } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .h2 { font-size: 27px !important; height: 55px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .h2 { font-size: 12px !important; height: 32px; } } #standard-header-slider .carousel-caption .h3 { font-size: 30px !important; font-weight: 200 !important; text-shadow: 0 0px 0px rgba(0,0,0,0.6); background: transparent; color: #ffffff !important; animation-delay: 2s; position: absolute; bottom: 170px; padding: 10px; max-width: 1290px; height: 65px !important; } @media (max-width: 1400px) { #standard-header-slider .carousel-caption .h3 { font-size: 25px !important; height: 45px; } } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .h3 { font-size: 25px !important; height: 45px; } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .h3 { font-size: 21px !important; height: 45px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .h3 { font-size: 10px !important; height: 30px; } } #standard-header-slider .carousel-caption .left-top-1 { left: 0px; top: 15%; } @media (max-width: 768px) { #standard-header-slider .carousel-caption .left-top-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .left-top-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .left-top-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .left-middle-1 { left: 0px; top: 15%; } @media (max-width: 768px) { #standard-header-slider .carousel-caption .left-middle-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .left-middle-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .left-middle-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .left-bottom-1 { left: 0px; top: 15%; } @media (max-width: 768px) { #standard-header-slider .carousel-caption .left-bottom-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .left-bottom-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .left-bottom-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .right-top-1 { left: 0px; top: calc(15%); } @media (max-width: 768px) { #standard-header-slider .carousel-caption .right-top-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .right-top-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .right-top-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .right-middle-1 { left: 0px; top: calc(15% ); } @media (max-width: 768px) { #standard-header-slider .carousel-caption .right-middle-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .right-middle-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .right-middle-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .right-bottom-1 { left: 0px; top: calc(15%); } @media (max-width: 768px) { #standard-header-slider .carousel-caption .right-bottom-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .right-bottom-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .right-bottom-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .center-top-1 { left: 0px; top: calc(15%); } @media (max-width: 768px) { #standard-header-slider .carousel-caption .center-top-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .center-top-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .center-top-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .center-middle-1 { left: 0px; top: calc(15%); } @media (max-width: 768px) { #standard-header-slider .carousel-caption .center-middle-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .center-middle-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .center-middle-2 { left: 0px; top: calc(15% + 35px); } } #standard-header-slider .carousel-caption .center-bottom-1 { left: 0px; top: calc(15% ); } @media (max-width: 768px) { #standard-header-slider .carousel-caption .center-bottom-1 { top: 15%; left: 0px; } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .center-bottom-1 { top: 15%; left: 0px; } } #standard-header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(15% + 55px); } @media (max-width: 1024px) { #standard-header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 768px) { #standard-header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(15% + 55px); } } @media (max-width: 480px) { #standard-header-slider .carousel-caption .center-bottom-2 { left: 0px; top: calc(15% + 35px); } }#standard-header-slider .active .carousel-caption { display: block; }@media (max-width: 768px) { #standard-header-slider { margin-top: 80px; height: 155px; } }@media (max-width: 480px) { #standard-header-slider { height: 115px; } }#standard-header-slider .s_top { background-color: #ffffff; }#standard-header-slider .s_top2 { background-color: #ffffff; }#standard-header-slider .s_bottom { background-color: #ffffff; }#standard-header-slider .s_bottom2 { background-color: #ffffff; } .site-home #standard-header-slider .carousel-caption .left-top-1 { left: 50px; top: 12%; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-top-1 { top: 5%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .left-top-1 { top: -12%; } }.site-home #standard-header-slider .carousel-caption .left-top-2 { left: 50px; top: calc(12% + 55px); } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-top-2 { top: calc(5% + 55px); } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .left-top-2 { top: calc(-12% + 32px); } }.site-home #standard-header-slider .carousel-caption .left-middle-1 { left: 50px; top: 36%; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-middle-1 { top: 32%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .left-middle-1 { top: 15%; } }.site-home #standard-header-slider .carousel-caption .left-middle-2 { left: 50px; top: calc(36% + 55px); } @media (max-width: 1024px) { .site-home #standard-header-slider .carousel-caption .left-middle-2 { top: calc(36% + 55px); } } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-middle-2 { top: calc(32% + 55px); } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .left-middle-2 { top: calc(15% + 32px); } }.site-home #standard-header-slider .carousel-caption .left-bottom-1 { left: 50px; bottom: 17%; top: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-bottom-1 { bottom: 17%; } } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-bottom-1 { bottom: 10%; } }.site-home #standard-header-slider .carousel-caption .left-bottom-2 { left: 50px; bottom: calc(17% - 65px); top: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .left-bottom-2 { bottom: calc(17% - 55px); top: unset; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .left-bottom-2 { bottom: calc(10% - 32px); top: unset; } }.site-home #standard-header-slider .carousel-caption .right-top-1 { right: 20px; top: 12%; left: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .right-top-1 { top: 5%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .right-top-1 { top: -12%; } }.site-home #standard-header-slider .carousel-caption .right-top-2 { right: 20px; top: calc(12% + 55px); left: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .right-top-2 { top: calc(5% + 55px); } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .right-top-2 { top: calc(-12% + 32px); } }.site-home #standard-header-slider .carousel-caption .right-middle-1 { right: 20px; top: 36%; left: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .right-middle-1 { top: 32%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .right-middle-1 { top: 15%; } }.site-home #standard-header-slider .carousel-caption .right-middle-2 { right: 20px; top: calc(36% + 55px); left: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .right-middle-2 { top: calc(32% + 55px); } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .right-middle-2 { top: calc(15% + 32px); } }.site-home #standard-header-slider .carousel-caption .right-bottom-1 { right: 20px; bottom: 17%; top: unset; left: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .right-bottom-1 { bottom: 17%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .right-bottom-1 { bottom: 12%; } }.site-home #standard-header-slider .carousel-caption .right-bottom-2 { right: 20px; bottom: calc(17% - 65px); top: unset; left: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .right-bottom-2 { bottom: calc(17% - 55px); top: unset; left: unset; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .right-bottom-2 { bottom: calc(12% - 32px); top: unset; left: unset; } }.site-home #standard-header-slider .carousel-caption .center-top-1 { left: 30%; right: unset; top: 12%; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .center-top-1 { left: 15%; right: unset; top: 5%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .center-top-1 { left: 10%; right: unset; top: -12%; } }.site-home #standard-header-slider .carousel-caption .center-top-2 { left: 30%; right: unset; top: calc(12% + 55px); } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .center-top-2 { top: calc(5% + 45px); left: 15%; right: unset; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .center-top-2 { top: calc(-12% + 32px); left: 10%; } }.site-home #standard-header-slider .carousel-caption .center-middle-1 { left: 30%; right: unset; top: 36%; } @media (max-width: 1024px) { .site-home #standard-header-slider .carousel-caption .center-middle-1 { left: 25%; right: unset; } } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .center-middle-1 { left: 15%; right: unset; top: 32%; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .center-middle-1 { left: 10%; right: unset; top: 15%; } }.site-home #standard-header-slider .carousel-caption .center-middle-2 { left: 30%; right: unset; top: calc(36% + 55px); } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .center-middle-2 { left: 15%; right: unset; top: calc(32% + 45px); } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .center-middle-2 { left: 10%; right: unset; top: calc(15% + 32px); } }.site-home #standard-header-slider .carousel-caption .center-bottom-1 { left: 30%; right: unset; bottom: 17%; top: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .center-bottom-1 { left: 15%; right: unset; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .center-bottom-1 { left: 10%; right: unset; } }.site-home #standard-header-slider .carousel-caption .center-bottom-2 { left: 30%; right: unset; bottom: calc(17% - 65px); top: unset; } @media (max-width: 768px) { .site-home #standard-header-slider .carousel-caption .center-bottom-2 { left: 15%; right: unset; bottom: calc(17% - 55px); top: unset; } } @media (max-width: 480px) { .site-home #standard-header-slider .carousel-caption .center-bottom-2 { bottom: calc(17% - 32px); top: unset; left: 10%; } } #standard-header-slider-indicator { display: none; } .slider-side-by-side { /*.owl-item.cloned.active{ left: 4158px; top: 0px; }*/ /*margin-left: -1020px;*/ margin-left: calc(100% - 2930px); } .slider-side-by-side .owl-carousel { top: -50px; } .slider-side-by-side .slider_top,.slider-side-by-side .slider_bottom { height: 50px; width: 100%; z-index: 9; } .slider-side-by-side .slider_top { position: relative; top: 0px; left: 0px; } .slider-side-by-side .s_top { float: left; background-color: #ffffff; z-index: 9; width: calc(100% - 1320px); max-width: 45.05%; height: 50px; } .slider-side-by-side .s_top2 { float: right; background-color: #ffffff; z-index: 9; width: calc(100% - 1320px); height: 50px; max-width: 9.89%; } .slider-side-by-side .slider_bottom { position: relative; bottom: 100px; left: 0px; } .slider-side-by-side .s_bottom { float: left; background-color: #ffffff; z-index: 9; max-width: 45.05%; height: 50px; width: calc(100% - 1320px); } .slider-side-by-side .s_bottom2 { float: right; background-color: #ffffff; z-index: 9; width: calc(100% - 1320px); height: 50px; max-width: 9.89%; } .slider-side-by-side .owl-item.active { width: 100% !important; max-width: 1320px; } .slider-side-by-side .owl-item.center { padding-bottom: 0px !important; padding-top: 0px !important; opacity: 1 !important; z-index: 9999; position: relative; } .slider-side-by-side .prev { left: 43% !important; } .slider-side-by-side .next { right: 8% !important; } .slider-side-by-side .slider_area_overlay { height: 500px; position: relative; top: -650px; } .slider-side-by-side .slider_over_1 { width: calc(100% - 1320px); max-width: 45.05%; z-index: 4; opacity: 0.6; left: 0px; } .slider-side-by-side .slider_over_2 { z-index: 4; width: calc(100% - 1320px); max-width: 9.89%; opacity: 0.6; right: 0px; top: 50px; position: absolute; } @media (max-width: 1870px) { .slider-side-by-side { margin-left: calc(100% - 2885px); } .slider-side-by-side .prev { left: 42.5% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 8.48%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 45.80%; } } @media (max-width: 1820px) { .slider-side-by-side { margin-left: calc(100% - 2855px); } .slider-side-by-side .prev { left: 43.8% !important; } .slider-side-by-side .next { right: 5.5% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 7.52%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 46.24%; } } @media (max-width: 1770px) { .slider-side-by-side { margin-left: calc(100% - 2825px); } .slider-side-by-side .prev { left: 44% !important; } .slider-side-by-side .next { right: 4% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 6.55%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 46.74%; } } @media (max-width: 1720px) { .slider-side-by-side { margin-left: calc(100% - 2835px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 6.89%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 46.55%; } } @media (max-width: 1670px) { .slider-side-by-side { margin-left: calc(100% - 2790px); } .slider-side-by-side .prev { left: 44.5% !important; } .slider-side-by-side .next { right: 3% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 5.36%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 47.3%; } } @media (max-width: 1620px) { .slider-side-by-side { margin-left: calc(100% - 2770px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 4.67%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 47.68%; } } @media (max-width: 1570px) { .slider-side-by-side { margin-left: calc(100% - 2755px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 4.16%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 47.9%; } } @media (max-width: 1520px) { .slider-side-by-side { margin-left: calc(100% - 2740px); } .slider-side-by-side .prev { left: 45% !important; } .slider-side-by-side .next { right: 2% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 3.62%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 48.2%; } } @media (max-width: 1470px) { .slider-side-by-side { margin-left: calc(100% - 2725px); } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 3.1%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 48.48%; } } @media (max-width: 1420px) { .slider-side-by-side { margin-left: calc(100% - 2680px); } .slider-side-by-side .prev { left: 48% !important; } .slider-side-by-side .next { right: 1% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 1.5%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 49.28%; } } @media (max-width: 1370px) { .slider-side-by-side { margin-left: calc(100% - 2665px); } .slider-side-by-side .prev { left: 48.8% !important; } .slider-side-by-side .next { right: 1% !important; } .slider-side-by-side .slider_over_2,.slider-side-by-side .s_top2,.slider-side-by-side .s_bottom2 { max-width: 0.95%; } .slider-side-by-side .slider_over_1,.slider-side-by-side .s_top,.slider-side-by-side .s_bottom { max-width: 49.58%; } } @media (max-width: 1320px) { .slider-side-by-side { margin-left: 0px; } .slider-side-by-side .slider_area_overlay { display: none; } .slider-side-by-side .prev { left: 5% !important; } .slider-side-by-side .next { right: 5% !important; } .slider-side-by-side .owl-item.active { max-width: 100%; width: auto !important; } } @media (max-width: 480px) { .slider-side-by-side .prev,.slider-side-by-side .next { display: none; } } .artikeldetailansicht #standard-header-slider { display: none; } /* Created on : 11.08.2016,10:45:26 Author : Florian Neueder*/html,body { height: 100%; } #header-bg-slider-container { height: calc(35%); margin: 0 auto;  } @media (max-width: 768px) { #header-bg-slider-container { height: 20%; /*.carousel-caption{ display:none; }*/ } } @media (max-width: 480px) { #header-bg-slider-container { height: 15%; /*.carousel-caption{ display:none; }*/ } } #header-bg-slider-container .item,#header-bg-slider-container .active { height: 100%; } #header-bg-slider-container .carousel-inner { height: 100%; } #header-bg-slider-container .carousel-control { top: 50%; font-size: 25px; color: #00adef; } #header-bg-slider-container .carousel-control.right,#header-bg-slider-container .carousel-control.left { background-image: none; } #header-bg-slider-container .fill { width: 100%; height: calc(100%); background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } @media (max-width: 768px) { #header-bg-slider-container .fill { height: 100%; } } #header-bg-slider-container .carousel-indicators { display: none; } #header-bg-slider-container .carousel-caption { left: 0px; right: 0px; width: 100%; top: 0px; bottom: 0px; height: 100%; position: absolute; } #header-bg-slider-container .carousel-caption .container { width: 100%; max-width: 1320px; position: relative; height: 100%; background: transparent; } #header-bg-slider-container .carousel-caption .h2 { font-size: 30px; text-transform: normal; font-weight: 200; text-shadow: 0 0 0 #fff; background: transparent; color: #ffffff !important; animation-delay: 1s; position: absolute; text-align: center; padding: 10px; padding-top: 12px; max-width: 1290px; height: 65px; text-transform: uppercase; } @media (max-width: 1400px) { #header-bg-slider-container .carousel-caption .h2 { font-size: 30px !important; height: 45px; } } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .h2 { font-size: 30px !important; height: 45px; padding-top: 6px; } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .h2 { font-size: 30px !important; height: 45px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .h2 { font-size: 15px !important; height: 32px; } } #header-bg-slider-container .carousel-caption .h3 { font-size: 30px; font-weight: 200; text-shadow: 0 0 0 #fff; background: transparent; color: #ffffff !important; animation-delay: 2s; position: absolute; bottom: 170px; padding: 10px; padding-top: 12px; max-width: 1290px; height: 65px; } @media (max-width: 1400px) { #header-bg-slider-container .carousel-caption .h3 { font-size: 25px !important; height: 45px; } } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .h3 { font-size: 30px !important; height: 45px; padding-top: 6px; } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .h3 { font-size: 30px !important; height: 45px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .h3 { font-size: 15px !important; height: 32px; } } #header-bg-slider-container .carousel-caption .left-top-1 { left: 0px; top: 40%; } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .left-top-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .left-top-1 { top: 28%; left: 0px; } } #header-bg-slider-container .carousel-caption .left-top-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .left-top-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .left-top-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .left-top-2 { left: 0px; top: calc(28% + 32px); } } #header-bg-slider-container .carousel-caption .left-middle-1 { left: 0px; top: 40%; } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .left-middle-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .left-middle-1 { top: 28%; left: 0px; } } #header-bg-slider-container .carousel-caption .left-middle-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .left-middle-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .left-middle-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .left-middle-2 { left: 0px; top: calc(28% + 32px); } } #header-bg-slider-container .carousel-caption .left-bottom-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .left-bottom-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .left-bottom-1 { top: 28%; left: 0px; } } #header-bg-slider-container .carousel-caption .left-bottom-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .left-bottom-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .left-bottom-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .left-bottom-2 { left: 0px; top: calc(28% + 32px); } } #header-bg-slider-container .carousel-caption .right-top-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .right-top-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .right-top-1 { top: 28%; left: 0px; } } #header-bg-slider-container .carousel-caption .right-top-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .right-top-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .right-top-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .right-top-2 { left: 0px; top: calc(28% + 32px); } } #header-bg-slider-container .carousel-caption .right-middle-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .right-middle-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .right-middle-1 { top: -60%; left: 0px; } } #header-bg-slider-container .carousel-caption .right-middle-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .right-middle-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .right-middle-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .right-middle-2 { left: 0px; top: calc(-60% + 32px); } } #header-bg-slider-container .carousel-caption .right-bottom-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .right-bottom-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .right-bottom-1 { top: -60%; left: 0px; } } #header-bg-slider-container .carousel-caption .right-bottom-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .right-bottom-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .right-bottom-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .right-bottom-2 { left: 0px; top: calc(-60% + 32px); } } #header-bg-slider-container .carousel-caption .center-top-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .center-top-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .center-top-1 { top: -60%; left: 0px; } } #header-bg-slider-container .carousel-caption .center-top-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .center-top-2 { left: 0px; top: calc(40% +455px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .center-top-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .center-top-2 { left: 0px; top: calc(-60% + 32px); } } #header-bg-slider-container .carousel-caption .center-middle-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .center-middle-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .center-middle-1 { top: -60%; left: 0px; } } #header-bg-slider-container .carousel-caption .center-middle-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .center-middle-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .center-middle-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .center-middle-2 { left: 0px; top: calc(-60% + 32px); } } #header-bg-slider-container .carousel-caption .center-bottom-1 { left: 0px; top: calc(40%); } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .center-bottom-1 { top: 37%; left: 0px; } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .center-bottom-1 { top: -60%; left: 0px; } } #header-bg-slider-container .carousel-caption .center-bottom-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1024px) { #header-bg-slider-container .carousel-caption .center-bottom-2 { left: 0px; top: calc(40% + 45px); } } @media (max-width: 768px) { #header-bg-slider-container .carousel-caption .center-bottom-2 { left: 0px; top: calc(37% + 45px); } } @media (max-width: 480px) { #header-bg-slider-container .carousel-caption .center-bottom-2 { left: 0px; top: calc(-60% + 32px); } } .site-home #header-bg-slider-container { height: calc(100% - 115px); top: 115px; margin: 0 auto; } @media (max-width: 768px) { .site-home #header-bg-slider-container { height: 35%; top: 45px; } .site-home #header-bg-slider-container .carousel-caption { display: block; } } @media (max-width: 680px) { .site-home #header-bg-slider-container { height: 100%; top: 0px; } } @media (max-width: 480px) { .site-home #header-bg-slider-container { height: 35%; top: 0px; } } .site-home #header-bg-slider-container .left-top-1 { left: 0px; top: 15%; } @media (max-width: 768px) { .site-home #header-bg-slider-container .left-top-1 { top: 20%; } } .site-home #header-bg-slider-container .left-top-2 { left: 0px; top: calc(15% + 65px); } @media (max-width: 1400px) { .site-home #header-bg-slider-container .left-top-2 { top: calc(15% + 45px); } } @media (max-width: 1024px) { .site-home #header-bg-slider-container .left-top-2 { top: calc(15% + 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .left-top-2 { top: calc(20% + 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .left-top-2 { top: calc(20% + 32px); } } .site-home #header-bg-slider-container .left-middle-1 { left: 0px; top: 40%; } @media (max-width: 768px) { .site-home #header-bg-slider-container .left-middle-1 { top: 37%; } } .site-home #header-bg-slider-container .left-middle-2 { left: 0px; top: calc(40% + 65px); } @media (max-width: 1400px) { .site-home #header-bg-slider-container .left-middle-2 { top: calc(15% + 45px); } } @media (max-width: 1024px) { .site-home #header-bg-slider-container .left-middle-2 { top: calc(40% + 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .left-middle-2 { top: calc(37% + 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .left-middle-2 { top: calc(37% + 32px); } } .site-home #header-bg-slider-container .left-bottom-1 { left: 0px; bottom: 23%; } @media (max-width: 768px) { .site-home #header-bg-slider-container .left-bottom-1 { bottom: 0%; } } .site-home #header-bg-slider-container .left-bottom-2 { left: 0px; bottom: 16%; } @media (max-width: 768px) { .site-home #header-bg-slider-container .left-bottom-2 { bottom: -15%; } } @media (max-width: 480px) { .site-home #header-bg-slider-container .left-bottom-2 { bottom: -10%; } } .site-home #header-bg-slider-container .right-top-1 { right: 0px; top: 15%; } @media (max-width: 768px) { .site-home #header-bg-slider-container .right-top-1 { top: 20%; } } .site-home #header-bg-slider-container .right-top-2 { right: 0px; top: calc(15% + 65px); } @media (max-width: 1400px) { .site-home #header-bg-slider-container .right-top-2 { top: calc(15% + 45px); } } @media (max-width: 1024px) { .site-home #header-bg-slider-container .right-top-2 { top: calc(15% + 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .right-top-2 { top: calc(20% + 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .right-top-2 { top: calc(20% + 32px); } } .site-home #header-bg-slider-container .right-middle-1 { right: 0px; top: 40%; left: unset; } @media (max-width: 768px) { .site-home #header-bg-slider-container .right-middle-1 { top: 37%; } } .site-home #header-bg-slider-container .right-middle-2 { right: 0px; top: calc(40% + 65px); left: unset; } @media (max-width: 1400px) { .site-home #header-bg-slider-container .right-middle-2 { top: calc(15% + 45px); } } @media (max-width: 1024px) { .site-home #header-bg-slider-container .right-middle-2 { top: calc(40% + 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .right-middle-2 { top: calc(37% + 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .right-middle-2 { top: calc(37% + 32px); } } .site-home #header-bg-slider-container .right-bottom-1 { right: 0px; left: unset; bottom: 10%; top: unset; } @media (max-width: 768px) { .site-home #header-bg-slider-container .right-bottom-1 { bottom: 10%; } } @media (max-width: 480px) { .site-home #header-bg-slider-container .right-bottom-1 { bottom: 10%; } } .site-home #header-bg-slider-container .right-bottom-2 { right: 0px; left: unset; top: unset; bottom: calc(10% - 65px); } @media (max-width: 1024px) { .site-home #header-bg-slider-container .right-bottom-2 { bottom: calc(10% - 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .right-bottom-2 { bottom: calc(10% - 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .right-bottom-2 { bottom: calc(10% - 32px); } } .site-home #header-bg-slider-container .center-top-1 { left: 10%; right: 10%; top: 15%; } @media (max-width: 768px) { .site-home #header-bg-slider-container .center-top-1 { top: 20%; left: 5%; right: 5%; } } .site-home #header-bg-slider-container .center-top-2 { left: 10%; right: 10%; top: calc(15% + 65px); } @media (max-width: 1400px) { .site-home #header-bg-slider-container .center-top-2 { top: calc(15% + 45px); } } @media (max-width: 1024px) { .site-home #header-bg-slider-container .center-top-2 { top: calc(15% + 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .center-top-2 { top: calc(20% + 45px); left: 5%; right: 5%; } } @media (max-width: 480px) { .site-home #header-bg-slider-container .center-top-2 { top: calc(20% + 32px); } } .site-home #header-bg-slider-container .center-middle-1 { left: 10%; right: 10%; top: 40%; } @media (max-width: 1024px) { .site-home #header-bg-slider-container .center-middle-1 { left: 15%; right: 15%; } } @media (max-width: 768px) { .site-home #header-bg-slider-container .center-middle-1 { left: 5%; right: 5%; top: 37%; } } @media (max-width: 480px) { .site-home #header-bg-slider-container .center-middle-1 { left: 0%; right: 0%; top: 37%; } } .site-home #header-bg-slider-container .center-middle-2 { left: 10%; right: 10%; top: calc(40% + 65px); } @media (max-width: 1400px) { .site-home #header-bg-slider-container .center-middle-2 { top: calc(15% + 45px); } } @media (max-width: 1024px) { .site-home #header-bg-slider-container .center-middle-2 { top: calc(40% + 45px); } } @media (max-width: 768px) { .site-home #header-bg-slider-container .center-middle-2 { left: 5%; right: 5%; top: calc(37% + 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .center-middle-2 { left: 0%; right: 0%; top: calc(37% + 32px); } } .site-home #header-bg-slider-container .center-bottom-1 { left: 10%; right: 10%; bottom: 23%; top: unset; } @media (max-width: 768px) { .site-home #header-bg-slider-container .center-bottom-1 { left: 5%; right: 5%; bottom: 23%; } } .site-home #header-bg-slider-container .center-bottom-2 { left: 10%; right: 10%; bottom: calc(23% - 65px); top: unset; } @media (max-width: 768px) { .site-home #header-bg-slider-container .center-bottom-2 { left: 5%; right: 5%; bottom: calc(23% - 45px); } } @media (max-width: 480px) { .site-home #header-bg-slider-container .center-bottom-2 { bottom: calc(23% - 32px); } } @media (max-width: 480px) { .carousel-control { display: none; } }#header-static { margin-top: 160px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }@keyframes bounce { from,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%,43% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } }.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } }@keyframes flash { from,50%,to { opacity: 1; } 25%,75% { opacity: 0; } }.flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 30% { -webkit-transform: scale3d(1.25,0.75,1); transform: scale3d(1.25,0.75,1); } 40% { -webkit-transform: scale3d(0.75,1.25,1); transform: scale3d(0.75,1.25,1); } 50% { -webkit-transform: scale3d(1.15,0.85,1); transform: scale3d(1.15,0.85,1); } 65% { -webkit-transform: scale3d(0.95,1.05,1); transform: scale3d(0.95,1.05,1); } 75% { -webkit-transform: scale3d(1.05,0.95,1); transform: scale3d(1.05,0.95,1); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } }@keyframes shake { from,to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } }.shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } }.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } }@keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg); } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg); } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg); } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); } }.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 10%,20% { -webkit-transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform: scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } }@keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); } to { -webkit-transform: none; transform: none; } }.wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes jello { from,11.1%,to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } }.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }@keyframes bounceIn { from,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } 40% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); } 80% { -webkit-transform: scale3d(0.97,0.97,0.97); transform: scale3d(0.97,0.97,0.97); } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } }.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInDown { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); } to { -webkit-transform: none; transform: none; } }.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInLeft { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); } to { -webkit-transform: none; transform: none; } }.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } }@keyframes bounceInRight { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); } to { -webkit-transform: none; transform: none; } }.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes bounceInUp { from,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); animation-timing-function: cubic-bezier(0.215,0.61,0.355,1); } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } }@keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9,0.9,0.9); transform: scale3d(0.9,0.9,0.9); } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } }.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }@keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }@keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }@keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }@keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } to { opacity: 1; -webkit-transform: none; transform: none; } }.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }@keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }@keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); } }.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }@keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }@keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); } }.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }@keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }@keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); } }.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }@keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }@keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); } }.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95); transform: perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95,0.95,0.95); transform: perspective(400px) scale3d(0.95,0.95,0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } }.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } }@keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0; } }.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } }@keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0; } }.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } }@keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } }.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } }@keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; } }.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } }.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }@keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } }.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } }@keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0; } }.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } }@keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0; } }.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }@keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }@keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0; } }.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } }@keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0; } }.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%,60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%,80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; } }.hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }@keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } }.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } }@keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); } }.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 50% { opacity: 1; } }@keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } 50% { opacity: 1; } }.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform: scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } to { opacity: 0; } }@keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3,0.3,0.3); transform: scale3d(0.3,0.3,0.3); } to { opacity: 0; } }.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } }@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px,0,0); transform: scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; } }.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } }@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform: scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px,0,0); transform: scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; } }.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform: scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function: cubic-bezier(0.55,0.055,0.675,0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform: scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); animation-timing-function: cubic-bezier(0.175,0.885,0.32,1); } }.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }@keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } }.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }@keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } }.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }@keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } }.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }@keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } }.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }@keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } }.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 02.12.2016,13:13:33 Author : Florian Neueder*/#section-news-slider { position: relative; } #section-news-slider .news-slider-entry img { height: 260px; width: auto; max-width: unset; } @media (max-width: 480px) { #section-news-slider .news-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-news-slider .prev,#section-news-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1024px) { #section-news-slider .prev,#section-news-slider .next { display: none; } } #section-news-slider .prev:hover,#section-news-slider .next:hover { opacity: 0.7; } #section-news-slider .next { right: -40px; } #section-news-slider .prev { left: -65px; } #section-news-slider .news-slider-container { position: relative; } #section-news-slider .news-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-news-slider .news-slider-entry h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-news-slider .news-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-news-slider .news-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-news-slider .news-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #section-news-slider .news-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 260px; max-height: 260px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } #section-news-slider .news-slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 768px) { #section-news-slider .news-slider-entry > a { width: 100% !important; } #section-news-slider .news-slider-entry img { max-width: 100%; height: auto; } } .container-full > #section-news-slider .news-slider-entry img { height: 380px; }.container-full > #section-news-slider .news-slider-entry .hover_area { min-height: 380px; max-height: 380px; padding-top: 185px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 08.11.2017,13:56:53 Author : Florian Neueder*/#section-news-slider .news-slider-entry img { height: 337px; } @media (max-width: 768px) { #section-news-slider .news-slider-entry img { height: 235px; } } @media (max-width: 640px) { #section-news-slider .news-slider-entry img { height: 406px; } } @media (max-width: 480px) { #section-news-slider .news-slider-entry img { height: 235px; } }#section-news-slider .news-slider-entry .hover_area { min-height: 337px; max-height: 337px; padding-top: 147px; } /* Created on : 02.12.2016,13:13:33 Author : Florian Neueder*/#section-news-slider-fullwidth { position: relative; } #section-news-slider-fullwidth .news-slider-entry img { height: 260px; width: auto; max-width: unset; } @media (max-width: 480px) { #section-news-slider-fullwidth .news-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-news-slider-fullwidth .prev,#section-news-slider-fullwidth .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1024px) { #section-news-slider-fullwidth .prev,#section-news-slider-fullwidth .next { display: none; } } #section-news-slider-fullwidth .prev:hover,#section-news-slider-fullwidth .next:hover { opacity: 0.7; } #section-news-slider-fullwidth .next { right: -40px; } #section-news-slider-fullwidth .prev { left: -65px; } #section-news-slider-fullwidth .news-slider-fullwidth-container { position: relative; } #section-news-slider-fullwidth .news-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-news-slider-fullwidth .news-slider-entry h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-news-slider-fullwidth .news-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-news-slider-fullwidth .news-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-news-slider-fullwidth .news-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #section-news-slider-fullwidth .news-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 260px; max-height: 260px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } #section-news-slider-fullwidth .news-slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 768px) { #section-news-slider-fullwidth .news-slider-entry > a { width: 100% !important; } #section-news-slider-fullwidth .news-slider-entry img { max-width: 100%; height: auto; } } #section-news-4slider-fullwidth { position: relative; } #section-news-4slider-fullwidth h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-news-4slider-fullwidth .h2 { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; } #section-news-4slider-fullwidth .news-slider-entry img { height: 260px; width: auto; max-width: unset; } @media (max-width: 480px) { #section-news-4slider-fullwidth .news-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-news-4slider-fullwidth .prev,#section-news-4slider-fullwidth .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: none; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1024px) { #section-news-4slider-fullwidth .prev,#section-news-4slider-fullwidth .next { display: none; } } #section-news-4slider-fullwidth .prev:hover,#section-news-4slider-fullwidth .next:hover { opacity: 0.7; } #section-news-4slider-fullwidth .next { right: 5px; } #section-news-4slider-fullwidth .prev { left: 5px; } #section-news-4slider-fullwidth .news-4slider-fullwidth-container { position: relative; } #section-news-4slider-fullwidth .news-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-news-4slider-fullwidth .news-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-news-4slider-fullwidth .news-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-news-4slider-fullwidth .news-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #section-news-4slider-fullwidth .news-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 260px; max-height: 260px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } #section-news-4slider-fullwidth .news-slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 1024px) { #section-news-4slider-fullwidth .news-slider-entry img { height: 155px; width: auto; max-width: unset; } #section-news-4slider-fullwidth .news-slider-entry .hover_area { min-height: 155px; max-height: 155px; padding-top: 65px; } #section-news-4slider-fullwidth h2 { height: 40px; } } @media (max-width: 768px) { #section-news-4slider-fullwidth .news-slider-entry > a { width: 100% !important; } #section-news-4slider-fullwidth .news-slider-entry img { max-width: 100%; height: auto; } } .container-full > #section-news-slider-fullwidth .news-slider-entry img { height: 416px; }.container-full > #section-news-slider-fullwidth .news-slider-entry .hover_area { min-height: 416px; max-height: 416px; padding-top: 211px; } @media (min-width: 1680px) { .container-full > #section-news-4slider-fullwidth .news-slider-entry img { height: 302px; } .container-full > #section-news-4slider-fullwidth .news-slider-entry .hover_area { min-height: 302px; max-height: 302px; padding-top: 141px; } }/* Created on : 11.08.2016,10:20:48 Author : Florian Neueder*/.breadcrumb_area { background-color: transparent; width: 100%; height: 50px; clear: both; z-index: 2; position: relative; } .breadcrumb_area .container-fluid { background: #ffffff; } .site-home .breadcrumb_area { background-color: transparent; width: 100%; height: 40px; } .site-home .breadcrumb_area .container-fluid { min-height: 40px; } .site-home .breadcrumb_area .container-fluid .breadcrumb { display: none; } .breadcrumb { background: transparent; /*margin-top: 7px;*/ padding-left: 0; padding-top: 15px; } .breadcrumb li.active,.breadcrumb a { color: #000000; font-weight: 600; font-size: 10px; } .breadcrumb li.active i,.breadcrumb a i { font-size: 10px; } .breadcrumb > li + li::before { content: ''; padding: 0; } .breadcrumb > li > i { padding: 0 5px; font-size: 10px; } .breadcrumb > li { display: inline; } /* Created on : 11.08.2016,10:20:48 Author : Florian Neueder*/.breadcrumb_area { max-width: 1680px; width: 100%; height: 50px; clear: both; margin: 0 auto 30px; } .site-home .breadcrumb_area { background-color: transparent; width: 100%; } .breadcrumb { background: transparent; padding-left: 0; padding-top: 15px; } .breadcrumb > li { display: inline; } /* Created on : 24.08.2016,13:27:41 Author : Florian Neueder,Roman Marker*/.themelayer { background-color: transparent; color: #000; font-family: 'Open Sans',sans-serif !important; font-size: 13px; height: 100%; line-height: 35px; padding: 0; width: 50px; z-index: 999; position: fixed; top: 0; right: 0; } .themelayer .alert { border-radius: 0; margin-bottom: 10px; margin-top: 10px; padding: 5px; } .themelayer .showbereich { background: linear-gradient(#cda500,#b99100); cursor: pointer; padding: 18px; width: 50px; } .themelayer .showbereich h2 { color: #fff !important; font-size: 1em; letter-spacing: 0; margin: 0; padding: 0; text-transform: uppercase; -webkit-text-orientation: upright; -mz-text-orientation: upright; text-orientation: upright; -webkit-writing-mode: vertical-lr; -mz-writing-mode: vertical-lr; writing-mode: vertical-lr; } .themelayer .config_bereich { background: #fff; box-shadow: 10px 10px 5px 0 rgba(0,0,0,0.75); height: 100%; padding: 20px; width: calc(100% - 40px); position: absolute; top: 0; left: 50px; } .themelayer .config_bereich .save_bereich { background: #000; border-radius: 0; height: 48px; margin-top: -10px; padding: 0 5px 0 0; text-align: right; width: calc(100%); left: 50px; top: 0; } .themelayer .config_bereich .tab-content { clear: both; height: calc(100% - 300px); max-height: 430px; overflow-y: auto; padding-left: 0; } @media (max-width: 480px) { .themelayer .config_bereich .tab-content { height: auto; max-height: unset; } } .themelayer .config_bereich .nav-tabs > li > a { font-size: 11px; } .themelayer .config_bereich .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } .themelayer .config_bereich ul.nav-tabs { list-style: none; padding: 0; } .themelayer .config_bereich #tabs-1 input[type="text"],.themelayer .config_bereich #tabs-2 input[type="text"] { width: 110px; height: 34px; } @media (max-width: 480px) { .themelayer .config_bereich #tabs-1 input[type="text"],.themelayer .config_bereich #tabs-2 input[type="text"] { width: 80px; } } .themelayer .config_bereich #tabs-3 input[type="text"],.themelayer .config_bereich #tabs-4 input[type="text"] { padding: 2px 5px; height: 35px; margin-bottom: 5px; width: 100%; } .themelayer input[type="color"] { width: 35px; height: 35px; padding: 0; float: left; } .themelayer .farbwertinfo { float: left; padding-left: 5px; } .themelayer input[type="file"] { height: 35px; } .themelayer input[type="checkbox"] { float: left; margin-top: 10px; } .themelayer input[type="submit"] { margin-top: 5px; } .themelayer .max200px { height: auto; max-height: 100px; overflow: hidden; } .themelayer .max200px a { border: 3px solid #fff; display: block; height: 100%; max-height: 100px; overflow: hidden; width: 100%; top: 0; left: 0; bottom: 0; } .themelayer .max200px img { height: auto; width: 100%; } .themelayer .max200px .active { border-color: #000000; } .themelayer .ui-widget-content,.themelayer .ui-widget-header { background: transparent !important; border: 0 !important; border-radius: 0 !important; } .themelayer .ui-widget-header .ui-state-active { background: #000000 !important; border-color: #000000 !important; } .themelayer .ui-corner-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .themelayer #tabs { max-width: 600px; width: 100%; } @media (max-width: 480px) { .themelayer #tabs { height: 300px; overflow: scroll; } } .themelayer .nav-tabs > li > a { border: 0; border-radius: 0; font-size: 11px; line-height: 20px; margin-right: 0; padding: 10px 12px; } .themelayer #sortable1,.themelayer #sortable2 { border: 1px solid #eee; float: left; list-style-type: none; margin: 0 10px 0 0; min-height: 20px; padding: 5px 0 0; width: 48%; } .themelayer #sortable1 li,.themelayer #sortable2 li { font-size: 13px; margin: 0 5px 5px; padding: 0 10px; width: 96%; } .themelayer #sortable1 li { background: #3c3c3c; border: 1px solid #000; color: #ffffff; display: table; } .themelayer #sortable1 li .uebertrag { position: relative; top: 4px; float: right; } .themelayer #sortable1 li .uebertrag .fa { font-size: 25px; } .themelayer #sortable2 li { background: #00adef; border: 1px solid #000; color: #ffffff; } .themelayer #sortable2 li .uebertrag { display: none; } .themelayer #sortable3,.themelayer #sortable4 { border: 1px solid #eee; float: left; list-style-type: none; margin: 0 10px 0 0; min-height: 20px; padding: 5px 0 0; width: 48%; } .themelayer #sortable3 li,.themelayer #sortable4 li { font-size: 13px; margin: 0 5px 5px; padding: 0 10px; width: 96%; } .themelayer #sortable3 li { background: #3c3c3c; border: 1px solid #000; color: #ffffff; display: table; } .themelayer #sortable3 li .uebertrag { position: relative; top: 4px; float: right; } .themelayer #sortable3 li .uebertrag .fa { font-size: 25px; } .themelayer #sortable4 li { background: #00adef; border: 1px solid #000; color: #ffffff; } .themelayer #sortable4 li .uebertrag { display: none; } .themelayer .webedit-textarea { min-height: 400px; } .themelayer .btn-primary { background: linear-gradient(#4f9ec5,#43b3eb) !important; border-radius: 0 !important; color: #fff !important; font-family: 'Open Sans',sans-serif !important; font-size: 1em !important; font-weight: 600 !important; margin-bottom: 5px !important; padding: 10px 20px !important; text-align: center !important; vertical-align: middle !important; white-space: nowrap; width: auto !important; } .ge-mainControls .btn { font-size: 1em !important; font-weight: normal; } .fe_buttons .btn { font-size: 1em !important; } .modal-backdrop,#colorbox,#cboxOverlay,#cboxWrapper { z-index: 10000002; } .modal-open .modal,div.mce-tinymce-inline { z-index: 10000003 !important; } body.fe-admin-area { background: #fff; color: #363d4a; font-family: 'Open Sans',sans-serif; } body.fe-admin-area .toplayer,body.fe-admin-area .sitedesigner-footer { color: #fff; width: 100%; position: fixed; z-index: 10000001; } body.fe-admin-area .mce-window,body.fe-admin-area .mce-menu.mce-in { z-index: 10000003 !important; } body.fe-admin-area .cc-window.cc-banner { z-index: 10000002; } body.fe-admin-area.place-top { padding-top: 50px; } body.fe-admin-area #content-area { margin-top: 40px; padding-bottom: 15px; padding-top: 15px; top: 0 !important; } body.fe-admin-area.theme002 #content-area,body.fe-admin-area.theme004 #content-area,body.fe-admin-area.theme005 #content-area,body.fe-admin-area.theme006 #content-area { position: static; } body.fe-admin-area #page_wrapper { position: static; } body.fe-admin-area.no_header #header,body.fe-admin-area.no_header #header-slider,body.fe-admin-area.no_header #header-slider-container,body.fe-admin-area.no_header #edit-header-slider { display: none; } body.fe-admin-area .breadcrumb_area,body.fe-admin-area #fixedsocial { display: none; } body.fe-admin-area #chat-application { display: none !important; } body.fe-admin-area a { color: #43b3eb; } body.fe-admin-area a:focus,body.fe-admin-area a:hover { color: #43b3eb; } body.fe-admin-area .tooltip-info,body.fe-admin-area .tooltip-info:hover,body.fe-admin-area .tooltip-info:focus,body.fe-admin-area .url-forwarding,body.fe-admin-area .url-forwarding:hover,body.fe-admin-area .url-forwarding:focus { color: #f39200; cursor: pointer; } body.fe-admin-area .form-control { border-color: #bbb; } body.fe-admin-area .form-control:focus { border-color: #888; } body.fe-admin-area input[type="color"] { border: 0; font-size: 14px; height: 34px; line-height: 1.42857143; padding: 0; vertical-align: middle; width: 50px; } body.fe-admin-area textarea { resize: vertical; } body.fe-admin-area label { font-weight: normal; } body.fe-admin-area .well { background: #fafafa; border-radius: 0; box-shadow: none; padding: 15px; } body.fe-admin-area .headline-h1 { color: #363d4a; font-size: 32px; margin: 0 0 25px; } body.fe-admin-area .btn { border-radius: 0; color: #fff; font-size: 13px; font-weight: normal; padding: 6px 10px; transition: none; } @media (min-width: 768px) { body.fe-admin-area .btn { padding: 6px 12px; } } body.fe-admin-area .btn:focus,body.fe-admin-area .btn:hover { color: #fff; } body.fe-admin-area .btn-default,body.fe-admin-area .btn-normal { background: linear-gradient(#fff,#e2dcdc); border: 1px solid #bbb; color: #222; } body.fe-admin-area .btn-default:focus,body.fe-admin-area .btn-default:hover,body.fe-admin-area .btn-normal:focus,body.fe-admin-area .btn-normal:hover { color: #000; } body.fe-admin-area .btn-primary,body.fe-admin-area .btn-action { background: linear-gradient(#4f9ec5,#43b3eb); } body.fe-admin-area .btn-close,body.fe-admin-area .btn-kill { background: linear-gradient(#b90404,#ec2626); } body.fe-admin-area .btn-dashboard { width: 100%; } body.fe-admin-area .btn-fullwidth { background: linear-gradient(#4c5567,#363d4a); margin-top: 0; text-align: left; } body.fe-admin-area .btn-techadmin { background: linear-gradient(#cda500,#b99100); } body.fe-admin-area .ge-mainControls .ge-addRowGroup .btn-primary { background: #f4f4f4 !important; } body.fe-admin-area .striped-list > *:nth-child(odd) { background: #f0f0f0; } body.fe-admin-area .striped-list > *:nth-child(even) { background: #fff; } body.fe-admin-area .green { color: #86c80a; } body.fe-admin-area .red { color: red; } body.fe-admin-area .grey { color: grey; } body.fe-admin-area .fa-edit,body.fe-admin-area .fa-close,body.fe-admin-area .fa-remove { cursor: pointer; } body.fe-admin-area .techadmin-color { color: #b99100; } body.fe-admin-area .margintop10px { margin-top: 10px !important; } body.fe-admin-area .padding5px { padding: 5px; } body.fe-admin-area .striped-list .vertical-spacer { margin-bottom: 10px; margin-top: 10px; } body.fe-admin-area .striped-list .vertical-spacer label { padding-top: 5px; } body.fe-admin-area .nobackground { background: transparent !important; } body.fe-admin-area .colorbox-headline { background: linear-gradient(#4c5567,#363d4a); border-radius: 0; font-family: 'Open Sans',sans-serif !important; padding: 0 5px 0 10px; width: 100%; z-index: 99; position: fixed; left: 0; top: 0; } body.fe-admin-area .colorbox-headline .headline-h1 { color: #fff; display: inline; float: left; font-weight: 600; font-size: 24px; margin: 0; padding: 7px 0; text-align: left; } body.fe-admin-area .colorbox-headline .btn-primary,body.fe-admin-area .colorbox-headline .btn-close { border: 0; float: right; margin-top: 5px; } body.fe-admin-area .colorbox-headline .btn-close { margin-left: 5px; } body.fe-admin-area ul.nav-tabs { border-bottom: 2px solid #363d4a; border-right: 0; height: 40px; list-style: none; margin-bottom: 0; padding: 0; } body.fe-admin-area ul.nav-tabs > li { border-bottom: 0; } body.fe-admin-area ul.nav-tabs > li:not(:last-child) > a { margin-right: 1px; } body.fe-admin-area ul.nav-tabs > li > a { background: linear-gradient(#4f9ec5,#43b3eb); color: #fff; font-size: 12px; line-height: 34px; padding: 4px 10px 0; transition: none; } body.fe-admin-area ul.nav-tabs > li > a:hover,body.fe-admin-area ul.nav-tabs > li > a:focus { background: linear-gradient(#4c5567,#363d4a); } body.fe-admin-area ul.nav-tabs > li.active > a { background: linear-gradient(#4c5567,#363d4a); border-top: 4px solid #43b3eb; padding: 0 10px; } body.fe-admin-area ul.nav-tabs > li.active > a:after { display: none; } body.fe-admin-area ul.nav-tabs > li.techadmin > a { background: linear-gradient(#cda500,#b99100); } body.fe-admin-area ul.nav-tabs > li.techadmin > a:hover,body.fe-admin-area ul.nav-tabs > li.techadmin > a:focus { background: linear-gradient(#4c5567,#363d4a); } body.fe-admin-area ul.nav-tabs > li.techadmin.active > a { border-top: 4px solid #b99100; background: linear-gradient(#4c5567,#363d4a); } body.fe-admin-area .tab-pane > .form-group { margin-bottom: 5px; } body.fe-admin-area .tab-pane > .form-group > .btn-fullwidth { margin-bottom: 5px; } body.fe-admin-area .input-group-btn { font-size: inherit; } body.fe-admin-area .collapse-menu-icon { cursor: pointer; position: relative; } body.fe-admin-area .collapse-menu-icon:after { content: '\f077'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; transform: translateY(-50%); position: absolute; right: 10px; top: 50%; } body.fe-admin-area .collapse-menu-icon.collapsed:after { content: '\f078'; } body.fe-admin-area .drop-im-header-area,body.fe-admin-area #drop-im-header-area,body.fe-admin-area .drop-single-area,body.fe-admin-area #drop-single-area { border: 2px dashed grey; height: 210px; max-width: 100%; width: 100%; } body.fe-admin-area .drop-single-text { font-size: 14px; font-weight: bold; margin: 0; padding: 15px; transform: translateY(-50%); position: relative; top: 50%; } @media (min-width: 768px) { body.fe-admin-area .drop-single-text { font-size: 16px; } } @media (min-width: 992px) { body.fe-admin-area .drop-single-text { font-size: 20px; } } body.fe-admin-area .brand-icon-block { text-align: right; } @media (max-width: 767px) { body.fe-admin-area .brand-icon-block { text-align: center; } } body.fe-admin-area .brand-icon { display: inline; max-width: 80px; } body.fe-admin-area .ortsschild { background: yellow; border: 3px solid; border-radius: 5px; font-size: 20px; margin-left: auto; max-width: 260px; padding: 30px 10px; text-align: center; } @media (max-width: 767px) { body.fe-admin-area .ortsschild { margin-right: auto; } } @media (max-width: 920px) { body.fe-admin-area .row .col-xs-12 { margin-bottom: 5px; } } #section-front-overview .striped-list > .row,#section-all-blog-overview .striped-list > .row,#section-all-locations-overview .striped-list > .row { padding-top: 15px; }#section-front-overview .media-object,#section-all-blog-overview .media-object,#section-all-locations-overview .media-object { width: 70px; } #section-all-pages-overview .striped-list > .row { padding-top: 15px; }#section-all-pages-overview .striped-list .striped-list { border: 1px solid #e5e5e5; margin-top: 25px; padding-left: 15px; padding-right: 15px; } #section-all-pages-overview .striped-list .striped-list > .row:nth-child(odd) { background: #e5e5e5; }#section-all-pages-overview .collapse-menu-icon { padding-right: 50px; } #section-all-textualterms-overview .blog-list > .row { padding-bottom: 5px; padding-top: 5px; } #section-seo-modul-overview .marken-column { border: 1px solid #666; margin-bottom: 10px; min-height: 42px; overflow: hidden; padding: 5px 10px; } #section-seo-modul-overview .marken-column.active { background: #effdd4; border-color: #86c80a; } #section-seo-modul-overview .marken-column .brand-icon { display: inline; margin-right: 5px; } #section-seo-modul-overview .marken-column .clearfix { margin-left: -10px; margin-right: -10px; padding: 3px 10px; } #section-seo-modul-overview .marken-column input[type="checkbox"] { margin-right: 5px; }#section-seo-modul-overview .collapse-menu-icon { width: calc(100% - 40px); } #section-seo-modul-overview .collapse-menu-icon:after { top: 2px; transform: none; } #section-seo-modul-overview .blog-list > .row { padding-top: 5px; padding-bottom: 5px; }#section-seo-modul-overview img { display: block; height: auto; max-height: 30px; max-width: 100%; width: auto; } #section-all-locations-overview .direction-marken .brand-icon-set { display: inline; width: auto; } #section-all-locations-overview .direction-marken .brand-icon-set img { height: auto; max-height: 30px; max-width: 100%; width: auto; } #section-kachel-plugin .fa.text-right { position: absolute; right: 15px; top: 10px; }#section-kachel-plugin iframe { min-height: auto; } #section-users-edit .user-list > .row { padding-top: 5px; padding-bottom: 5px; } .toplayer { background: linear-gradient(#4c5567,#363d4a); padding: 5px 10px; top: 0; } .toplayer .btn { background: linear-gradient(#4f9ec5,#43b3eb); color: #fff; line-height: 1; padding: 7px 5px 6px; } @media (min-width: 768px) { .toplayer .btn { padding: 7px 10px 6px; } } .toplayer .btn-red { background: linear-gradient(#b90404,#ec2626); } .toplayer #view_configs { background: #2c3343; border-top: 1px solid rgba(0,0,0,0.2); box-shadow: 0 0 10px #333,inset 0 1px 0 0 rgba(255,255,255,0.04); color: #fff; margin-top: 0; width: 100%; position: absolute; left: 0; right: 0; top: 40px; } .toplayer #view_configs > .container-fluid { padding-bottom: 15px; padding-top: 15px; } .toplayer #view_configs .small { color: #ccc; font-weight: 600; } .toplayer #view_configs .headline-h2 { color: #fff !important; font-family: 'Open Sans',sans-serif; text-transform: uppercase !important; } .toplayer #view_configs ul { list-style: none; margin-top: 10px; padding-left: 0; } .toplayer #view_configs ul li { cursor: pointer; padding: 0; } .toplayer #view_configs ul li:last-child { border-bottom: 0; } .toplayer #view_configs ul li:hover { background: #14608e; } .toplayer #view_configs ul li:hover a { color: #fff; } .toplayer #view_configs a { color: #fff; display: block; padding: 10px; font-weight: normal; } .toplayer #view_configs .techadmin { background: transparent; } .toplayer #view_configs .techadmin a { color: #b99100; } .toplayer #view_configs .techadmin:hover { background: linear-gradient(#cda500,#b99100); } .toplayer #view_configs .techadmin:hover a { color: #fff; } .toplayer #view_select,.toplayer #user_info { background: #fff; box-shadow: 0 0 10px #333; position: absolute; text-align: left; } .toplayer #view_select ul,.toplayer #user_info ul { list-style: none; margin-bottom: 0; padding-left: 0; } .toplayer #view_select ul li,.toplayer #user_info ul li { border-bottom: 1px solid #4c5567; padding: 5px 0; white-space: nowrap; } .toplayer #view_select ul li:last-child,.toplayer #user_info ul li:last-child { border-bottom: 0; } .toplayer #view_select ul li:hover,.toplayer #user_info ul li:hover { background: rgba(20,96,142,0.12); } .toplayer #view_select ul li:hover a,.toplayer #user_info ul li:hover a { color: #1a7ebb; } .toplayer #view_select ul .techadmin:hover a,.toplayer #user_info ul .techadmin:hover a { color: #b99100 !important; } .toplayer #view_select a,.toplayer #user_info a { color: #4c5567; font-weight: normal; padding: 0 5px; } .toplayer #view_select { margin-top: 6px; padding: 5px; width: 145px; left: 0; } .toplayer #user_info { margin-top: 7px; padding: 5px; right: 0; } .toplayer .techadmin { background: linear-gradient(#cda500,#b99100); } .toplayer .techadmin a { color: #fff !important; } .toplayer .showbereich { display: inline-block; text-transform: uppercase; } .toplayer .showbereich img { display: inline; } .toplayer .showbereich h2 { font-family: 'Open Sans',sans-serif; color: #fff !important; display: inline; font-size: 15px; margin: 0; padding: 0 5px; text-transform: uppercase; position: relative; top: 2px; } .toplayer .showbereich .btn { margin-left: 5px; } .toplayer .edit_info { color: #f30; display: inline-block; } .toplayer .edit_info > div { padding: 0 10px; } .toplayer .edit_right { display: inline-block; position: relative; z-index: 9999; } .toplayer .edit_right a[aria-expanded="true"] > .fa-fw:before { content: '\f00d'; } .toplayer .login_area { float: right; padding-top: 5px; padding-left: 20px; text-align: right; position: relative; z-index: 9999; } .toplayer .login_area a { color: #fff; font-weight: normal; } .toplayer .login_area a span { font-size: 14px; } #toplayer_editarea { background: #e3e3e3; width: 0; position: fixed; bottom: 0; right: 0; top: 0; } #toplayer_editarea .editarea { font-size: 12px; height: 100%; width: 100%; overflow-y: auto; min-height: 200px; padding-top: 10px; padding-left: 10px; padding-right: 10px; } #toplayer_editarea .editarea .tab-content { height: calc(100% - 300px); overflow-y: auto; max-height: 820px; padding-left: 0; clear: both; } @media (max-width: 480px) { #toplayer_editarea .editarea .tab-content { height: auto; max-height: unset; } } #toplayer_editarea .editarea .nav-tabs > li.active > a,#toplayer_editarea .editarea .nav-tabs > li > a:hover,#toplayer_editarea .editarea .nav-tabs > li > a:focus { background: #000000; position: inherit; } #toplayer_editarea .editarea .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } #toplayer_editarea .editarea ul.nav-tabs { list-style: none; padding: 0; } #toplayer_editarea .editarea #tabs-1 input[type="text"],#toplayer_editarea .editarea #tabs-2 input[type="text"] { width: 110px; height: 34px; } @media (max-width: 480px) { #toplayer_editarea .editarea #tabs-1 input[type="text"],#toplayer_editarea .editarea #tabs-2 input[type="text"] { width: 80px; } } #toplayer_editarea .editarea #tabs-3 input[type="text"],#toplayer_editarea .editarea #tabs-4 input[type="text"] { height: 35px; margin-bottom: 5px; padding: 2px 5px; width: 100%; } #toplayer_editarea .editarea input[type="color"] { float: left; height: 35px; padding: 0; width: 35px; } #toplayer_editarea .editarea .farbwertinfo { float: left; padding-left: 5px; } #toplayer_editarea .editarea input[type="file"] { height: 35px; } #toplayer_editarea .editarea input[type="checkbox"] { float: left; } #toplayer_editarea .editarea input[type="submit"] { margin-top: 10px; } #toplayer_editarea .editarea .btn-primary { font-size: 1.2em; font-weight: 600; } #toplayer_editarea .editarea .max200px { height: auto; max-height: 100px; overflow: hidden; } #toplayer_editarea .editarea .max200px a { border: 3px solid #fff; display: block; height: 100%; max-height: 100px; overflow: hidden; width: 100%; top: 0; left: 0; bottom: 0; } #toplayer_editarea .editarea .max200px img { height: auto; width: 100%; } #toplayer_editarea .editarea .max200px .active { border-color: #000000; } #toplayer_editarea .editarea .ui-widget-content,#toplayer_editarea .editarea .ui-widget-header { border: 0 !important; border-radius: 0 !important; background: transparent !important; } #toplayer_editarea .editarea .ui-widget-header .ui-state-active { background: #000000 !important; border-color: #000000 !important; } #toplayer_editarea .editarea .ui-corner-top { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } #toplayer_editarea .editarea #tabs { width: 100%; max-width: 600px; } @media (max-width: 480px) { #toplayer_editarea .editarea #tabs { height: 300px; overflow: scroll; } } #toplayer_editarea .editarea .nav-tabs > li > a { border: 0; border-radius: 0; font-size: 11px; line-height: 20px; margin-right: 0; padding: 10px; } #toplayer_editarea .editarea #sortable1,#toplayer_editarea .editarea #sortable2 { border: 1px solid #eee; width: 48%; min-height: 20px; list-style-type: none; margin: 0 10px 0 0; padding: 5px 0 0 0; float: left; } #toplayer_editarea .editarea #sortable1 li,#toplayer_editarea .editarea #sortable2 li { margin: 0 5px 5px 5px; padding: 0 10px; width: 96%; font-size: 13px; } #toplayer_editarea .editarea #sortable1 li { background: #3c3c3c; color: #ffffff; border: 1px solid #000; display: table; } #toplayer_editarea .editarea #sortable1 li .uebertrag { position: relative; top: 4px; float: right; } #toplayer_editarea .editarea #sortable1 li .uebertrag .fa { font-size: 25px; } #toplayer_editarea .editarea #sortable2 li { background: #00adef; color: #ffffff; border: 1px solid #000; } #toplayer_editarea .editarea #sortable2 li .uebertrag { display: none; } #toplayer_editarea .editarea #sortable3,#toplayer_editarea .editarea #sortable4 { border: 1px solid #eee; width: 48%; min-height: 20px; list-style-type: none; margin: 0 10px 0 0; padding: 5px 0 0 0; float: left; } #toplayer_editarea .editarea #sortable3 li,#toplayer_editarea .editarea #sortable4 li { margin: 0 5px 5px 5px; padding: 0 10px; width: 96%; font-size: 13px; } #toplayer_editarea .editarea #sortable3 li { background: linear-gradient(#4c5567,#363d4a); color: #fff; border: 1px solid #000; display: table; } #toplayer_editarea .editarea #sortable3 li .uebertrag { position: relative; top: 4px; float: right; } #toplayer_editarea .editarea #sortable3 li .uebertrag .fa { font-size: 25px; } #toplayer_editarea .editarea #sortable4 li { background: linear-gradient(#4f9ec5,#43b3eb); color: #fff; border: 1px solid #000; } #toplayer_editarea .editarea #sortable4 li .uebertrag { display: none; } #toplayer_editarea .editarea .webedit-textarea { min-height: 400px; } #toplayer_editarea .close_btn { height: 35px; width: 35px; vertical-align: middle; text-align: center; font-size: 25px; color: #fff; background: #c40020; display: none; position: relative; top: 45px; left: -35px; cursor: pointer; } .sitedesigner-footer { background: linear-gradient(#4c5567,#363d4a); font-size: 10px; padding: 5px 10px; width: 100%; position: fixed; bottom: 0; left: 0; right: 0; } .sitedesigner-footer .version-id { float: right; } .sitedesigner-footer .version-id a { color: #fff; } .sitedesigner-footer .msg-info { float: left; } .sitedesigner-footer .success { color: #b99100; } #switch_right_area { background: linear-gradient(#bd7200,#f39200); box-shadow: -3px 4px 7px #777; color: #fff; cursor: pointer; height: 45px; position: fixed; text-align: center; vertical-align: middle; width: 45px; z-index: 10000000; top: 50px; right: 25%; } @media (max-width: 991px) { #switch_right_area { left: 0; right: unset; } } #switch_right_area i { line-height: 45px; } #switch_right_area .fa-chevron-left { display: none; } #switch_right_area .fa-chevron-right { display: block; } .right-area-close #switch_right_area { right: 0; } @media (max-width: 991px) { .right-area-close #switch_right_area { left: unset; right: 0; } } .right-area-close #switch_right_area .fa-chevron-right { display: none; } .right-area-close #switch_right_area .fa-chevron-left { display: block; } #right-edit-area { background: #f2f2f2; box-shadow: -3px 4px 10px #333; color: #4c5567; font-size: 14px; overflow-y: auto; padding: 10px; z-index: 10000000; position: fixed; bottom: 25px; right: 0; top: 40px; } @media (max-width: 991px) { #right-edit-area { height: auto; width: calc(100% - 45px); } } #right-edit-area > h3,#right-edit-area .tab-pane > .checkbox:first-child { margin-top: 0; } #right-edit-area .link-full { display: block; } #right-edit-area .striped-list-side > a { color: #363d4a; display: block; padding: 5px; } #right-edit-area .striped-list-side > a:nth-child(even) { background: #fff; } #right-edit-area .striped-list-side > a:nth-child(odd) { background: #e3e3e3; } #right-edit-area .striped-list-side > a.active,#right-edit-area .striped-list-side > a:hover { background: #43b3eb; color: #fff; } #right-edit-area #block_pages #nestable-10 { max-height: 480px; overflow-y: auto; } #right-edit-area #block_pages #nestable-10 .dd-item > button { color: #fff; display: inline; font-size: 19px; margin-bottom: -25px; width: 10px; z-index: 10000001; position: relative; left: 5px; top: 5px; } #right-edit-area #block_pages #nestable-10 .dd-field { background: linear-gradient(#4c5567,#363d4a); margin: 0 0 1px; } #right-edit-area #block_pages #nestable-10 .dd-handle { background: transparent; border: 0; color: #fff; font-weight: 400; width: 100%; } #right-edit-area #block_pages #nestable-10 .dd-handle .fa-edit,#right-edit-area #block_pages #nestable-10 .dd-handle .hidden-all-pages-select { display: none; } #right-edit-area #block_pages #nestable-10 .dd-handle .page-info { width: 100%; } #right-edit-area #block_pages #nestable-10 ol .dd-item ol .dd-field { background: linear-gradient(#707085,#4c5567); } #right-edit-area #block_pages #nestable-10 ol .dd-item ol .dd-field .dd-handle div:first-child { padding-left: 20px; } #right-edit-area #block_pages #nestable-10 ol .dd-item ol .dd-field.techadmin { background: linear-gradient(#cda500,#b99100); } #right-edit-area #block_pages #nestable-10 ol .dd-item ol .dd-item ol .dd-field { background: linear-gradient(#9499a4,#707085); } #right-edit-area #block_pages #nestable-10 ol .dd-item ol .dd-item ol .dd-field .dd-handle div:first-child { padding-left: 40px; } #right-edit-area #block_pages #nestable-10 ol .dd-item ol .dd-item ol .dd-field.techadmin { background: linear-gradient(#cda500,#b99100); } #right-edit-area #block_pages #nestable-10 .dd-field.techadmin,#right-edit-area #block_pages #nestable-10 a.techadmin,#right-edit-area #block_pages #nestable-10 .row.techadmin { background: linear-gradient(#cda500,#b99100); color: #fff; } #right-edit-area #block_pages #nestable-10 .dd-list { background: #fff6d4; min-height: 60px; /* .lueckenfueller { visibility:hidden; }*/ } #right-edit-area #block_pages #nestable-10 .dd-list .dd-list,#right-edit-area #block_pages #nestable-10 .dd-list .dd-list .dd-list { clear: both; padding-left: 0; } #right-edit-area #block_pages #nestable-10 .btn-menumanager { display: none; } #right-edit-area #block_pages #nestable-10 .dd-field.techadmin,#right-edit-area #block_pages #nestable-10 .dd-techadmin { background: linear-gradient(#cda500,#b99100); } #right-edit-area .ui-tabs .ui-tabs-nav { margin: 0; padding: 0; } #right-edit-area .tab-content { clear: both; overflow-y: auto; padding: 10px 0; } #right-edit-area input[type="color"] { float: left; height: 25px; padding: 0; width: 35px; } #right-edit-area input[type="file"] { height: 35px; } #right-edit-area input[type="submit"] { margin-top: 10px; } #right-edit-area .farbwertinfo { float: left; padding-left: 5px; } #right-edit-area .max200px { max-height: 100px; height: auto; overflow: hidden; margin-bottom: 2px; margin-top: 2px; } #right-edit-area .max200px a { border: 1px solid transparent; display: block; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; max-height: 100px; overflow: hidden; color: #000; cursor: pointer; border-bottom: 1px solid #ccc; } #right-edit-area .max200px img { height: auto; max-width: 115px; max-height: 30px; width: auto; } #right-edit-area .max200px .active { border-color: #b99100; } #right-edit-area .ui-widget-content,#right-edit-area .ui-widget-header { border-radius: 0; } #right-edit-area .ui-widget-header .ui-state-active { background: #1f1f20 !important; border-color: #fff !important; } #right-edit-area .ui-corner-top { border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; } #right-edit-area #tabs { width: 100%; } #right-edit-area #sortable1,#right-edit-area #sortable2,#right-edit-area #sortable3,#right-edit-area #sortable4 { border: 0; list-style-type: none; margin: 0; width: 100%; } #right-edit-area #sortable1 li,#right-edit-area #sortable2 li,#right-edit-area #sortable3 li,#right-edit-area #sortable4 li { background: linear-gradient(#4c5567,#363d4a); border: 1px solid #777; color: #fff; font-size: 13px; margin: 0 0 5px; padding: 5px; width: 100%; } #right-edit-area #sortable1 li a,#right-edit-area #sortable2 li a,#right-edit-area #sortable3 li a,#right-edit-area #sortable4 li a { background: transparent; color: #fff; } #right-edit-area #sortable1 li .btn-fullwidth,#right-edit-area #sortable2 li .btn-fullwidth,#right-edit-area #sortable3 li .btn-fullwidth,#right-edit-area #sortable4 li .btn-fullwidth { font-size: 13px; font-weight: 600; padding: 0; white-space: normal; width: 100%; } #right-edit-area #sortable1 li .btn-fullwidth .fa-arrows,#right-edit-area #sortable2 li .btn-fullwidth .fa-arrows,#right-edit-area #sortable3 li .btn-fullwidth .fa-arrows,#right-edit-area #sortable4 li .btn-fullwidth .fa-arrows { display: none; } #right-edit-area #sortable1 li .uebertrag,#right-edit-area #sortable2 li .uebertrag,#right-edit-area #sortable3 li .uebertrag,#right-edit-area #sortable4 li .uebertrag { float: left; margin-right: 10px; position: relative; } #right-edit-area #sortable1 li .uebertrag .fa,#right-edit-area #sortable2 li .uebertrag .fa,#right-edit-area #sortable3 li .uebertrag .fa,#right-edit-area #sortable4 li .uebertrag .fa { font-size: 25px; } #right-edit-area #sortable1 li { background: linear-gradient(#4f9ec5,#43b3eb); } #right-edit-area #sortable1,#right-edit-area #sortable2 { padding: 0; } #right-edit-area #sortable1 .dropdown-select-submenu,#right-edit-area #sortable2 .dropdown-select-submenu { cursor: pointer; float: right; font-size: 20px; margin-top: -29px; position: relative; z-index: 999; } #right-edit-area #sortable1 .dropdown-select-submenu[aria-expanded="true"] i::before,#right-edit-area #sortable2 .dropdown-select-submenu[aria-expanded="true"] i::before { content: "\f077"; } #right-edit-area #sortable1 .collapse,#right-edit-area #sortable2 .collapse { background: #fff; } #right-edit-area #sortable1 .select-area,#right-edit-area #sortable2 .select-area { background: #fff; margin: 5px -5px -5px; } #right-edit-area #sortable1 .select-area #sortable3,#right-edit-area #sortable1 .select-area #sortable4,#right-edit-area #sortable2 .select-area #sortable3,#right-edit-area #sortable2 .select-area #sortable4 { margin-left: 5px; width: calc(100% - 10px); } #right-edit-area #sortable1 .select-area li a,#right-edit-area #sortable2 .select-area li a { background: transparent; } #right-edit-area #sortable1 .select-area #sortable3 li,#right-edit-area #sortable2 .select-area #sortable3 li { background: linear-gradient(#4c5567,#363d4a) !important; } #right-edit-area #sortable1 .select-area #sortable3 li .uebertrag,#right-edit-area #sortable2 .select-area #sortable3 li .uebertrag { color: #fff; } #right-edit-area #sortable2 li,#right-edit-area #sortable4 li { background: #86c80a !important; } #right-edit-area #sortable2 li .uebertrag,#right-edit-area #sortable4 li .uebertrag { color: red; } #right-edit-area #sortable3,#right-edit-area #sortable4 { padding: 5px 0 0; } #right-edit-area #sortable3 .dropdown-select-submenu,#right-edit-area #sortable4 .dropdown-select-submenu { cursor: pointer; float: right; font-size: 20px; margin-top: -28px; position: relative; z-index: 999; } #right-edit-area #sortable3 #sortable3 li,#right-edit-area #sortable3 #sortable4 li,#right-edit-area #sortable4 #sortable3 li,#right-edit-area #sortable4 #sortable4 li { margin: 0 5px 5px 5px; } #right-edit-area .webedit-textarea { min-height: 400px; } #right-edit-area .seo-list .marken-column { padding: 3px 5px; } #right-edit-area .seo-list .marken-column:nth-child(odd) { background: #cdebfa; } #right-edit-area .seo-list .marken-column:nth-child(even) { background: #fff; } #right-edit-area .seo-list .marken-column .marken-column:nth-child(odd) { background: #e4f4fc; } #right-edit-area .seo-list .marken-column .marken-column:nth-child(even) { background: #f5f5f5; } #right-edit-area .seo-list .collapse-menu-icon { width: calc(100% - 35px); } #right-edit-area .seo-list .collapse-menu-icon:after { top: 2px; transform: none; } #right-edit-area .seo-cities > .row a.btn-action:hover { background: linear-gradient(#666,#000); } #right-edit-area .seo-cities > #seo-cities-ajax > .row { padding: 5px 0; } #right-edit-area .seo-cities > .row.active,#right-edit-area .seo-cities > .row:hover,#right-edit-area .seo-list > .row.active,#right-edit-area .seo-list > .row:hover { background: #43b3eb; } #right-edit-area .seo-cities > .row.active .text-muted,#right-edit-area .seo-cities > .row:hover .text-muted,#right-edit-area .seo-list > .row.active .text-muted,#right-edit-area .seo-list > .row:hover .text-muted { color: #fff; } #right-edit-area .seo-cities > .row.nobackground:hover,#right-edit-area .seo-list > .row.nobackground:hover { background: transparent; } #right-edit-area .seo-cities > #seo-cities-ajax > .row.active,#right-edit-area .seo-cities > #seo-cities-ajax > .row:hover,#right-edit-area .seo-list > #seo-cities-ajax > .row.active,#right-edit-area .seo-list > #seo-cities-ajax > .row:hover { background: #43b3eb; } #right-edit-area .seo-cities > #seo-cities-ajax > .row.active .text-muted,#right-edit-area .seo-cities > #seo-cities-ajax > .row:hover .text-muted,#right-edit-area .seo-list > #seo-cities-ajax > .row.active .text-muted,#right-edit-area .seo-list > #seo-cities-ajax > .row:hover .text-muted { color: #fff; } #right-edit-area .design_down { text-align: left; background: #1f1f20; margin-top: 0; padding: 10px; font-size: 13px; color: #fff; margin-bottom: 2px; } #right-edit-area .design_down:hover { color: #fff; } #right-edit-area .collapse.in { padding-bottom: 5px; } .ifr-tablet { width: 768px; height: 1024px; margin: 45px auto 0; display: block; border: 1px solid #000; } .ifr-smartphone { width: 360px; height: 640px; margin: 45px auto 0; display: block; border: 1px solid #000; } #home-sort { display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; } #home-sort li { border: 1px #333 solid; } .ui-state-highlight { background: #333 !important; min-height: 20px; width: 100%; } .carousel-caption .edit_mode { min-width: 80%; } .carousel-caption .edit_mode b { font-size: 12px; margin-top: 0; text-align: left; float: left; width: 100%; margin-bottom: 4px; } #drop-area { margin-top: 0; margin-left: 0; max-width: 100%; width: 100%; height: 200px; border: 2px dashed grey; } #drop-area img { max-width: 200px; max-height: 200px; } .drop-text { margin-top: 70px; color: grey; font-size: 25px; font-weight: bold; padding-left: 30px; } #drop-single-area img { max-width: 100%; max-height: 200px; } #edit-header-slider { clear: both; position: relative; z-index: 2; } #edit-header-slider .tab-content { padding: 15px 0; } #edit-header-slider .tab-content p { margin: 0; padding-top: 5px; } #edit-header-slider .tab-content img { border-radius: 0; } #section-content-block #sortable4 { list-style: none; -webkit-padding-start: 0; } #section-content-block #sortable4 li .uebertrag { background: linear-gradient(#b90404,#ec2626); border-radius: 0; color: #fff; display: inline; float: right; font-size: 14px; line-height: 20px; margin-right: 5px; padding: 10px 20px; position: relative; text-align: center; z-index: 99; } @media (min-width: 1024px) { #section-content-block #sortable4 li .uebertrag { margin-right: 65px; } } #section-content-block #sortable4 .ui-state-default { background: #f6f6f6; border: 0 solid #c5c5c5; } #section-content-block #sortable4 .ui-state-highlight { background: #ffffff; border: 1px solid #fff; } #section-content-block li.ui-state-highlight { background: transparent !important; } #section-location-edit-form .tab-content,#section-all-testimonials-overview .tab-content,#section-all-pages-overview .tab-content { padding: 15px; } #section-location-edit-form .tab-content h3,#section-all-testimonials-overview .tab-content h3,#section-all-pages-overview .tab-content h3 { padding-top: 0; margin-top: 0; margin-bottom: 0; } #section-location-edit-form .tab-content .comments > .row,#section-all-testimonials-overview .tab-content .comments > .row,#section-all-pages-overview .tab-content .comments > .row { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; } #section-location-edit-form .tab-content .comments > .row > .col-xs-12,#section-all-testimonials-overview .tab-content .comments > .row > .col-xs-12,#section-all-pages-overview .tab-content .comments > .row > .col-xs-12 { padding-left: 0; padding-right: 0; } #section-location-edit-form .tab-content .change-testimonial-status,#section-all-testimonials-overview .tab-content .change-testimonial-status,#section-all-pages-overview .tab-content .change-testimonial-status { cursor: pointer; } #section-location-edit-form .tab-content .testimonial-edit-area,#section-all-testimonials-overview .tab-content .testimonial-edit-area,#section-all-pages-overview .tab-content .testimonial-edit-area { float: right; padding-right: 20px; padding-left: 10px; }#section-location-edit-form .nav-tabs > li.active > a:after,#section-all-testimonials-overview .nav-tabs > li.active > a:after,#section-all-pages-overview .nav-tabs > li.active > a:after { display: none; }#section-location-edit-form .ui-tooltip,#section-all-testimonials-overview .ui-tooltip,#section-all-pages-overview .ui-tooltip { padding: 10px 20px; background: black; color: white; border-radius: 20px; font: bold 14px "Helvetica Neue",Sans-Serif; text-transform: uppercase; box-shadow: 0 0 7px black; }#section-location-edit-form .headline-h1,#section-all-testimonials-overview .headline-h1,#section-all-pages-overview .headline-h1 { font-family: 'Open Sans',sans-serif; }#section-location-edit-form .meta-popover,#section-all-testimonials-overview .meta-popover,#section-all-pages-overview .meta-popover { background: #fff; border: 1px solid #000; color: #000; display: none; font-size: 10px; z-index: 999; padding: 5px; position: absolute; width: 400px; }#section-location-edit-form .meta-info,#section-all-testimonials-overview .meta-info,#section-all-pages-overview .meta-info { cursor: pointer; position: relative; } #section-location-edit-form .meta-info:hover > .meta-popover,#section-all-testimonials-overview .meta-info:hover > .meta-popover,#section-all-pages-overview .meta-info:hover > .meta-popover { display: inline; }#section-location-edit-form .collap-menu,#section-all-testimonials-overview .collap-menu,#section-all-pages-overview .collap-menu { border: 1px solid #999; color: #666; margin-top: -1px; padding: 10px; text-align: left; width: 100%; }#section-location-edit-form .changeStatus,#section-all-testimonials-overview .changeStatus,#section-all-pages-overview .changeStatus { left: 50%; position: absolute; }#section-location-edit-form .submenu > .row,#section-all-testimonials-overview .submenu > .row,#section-all-pages-overview .submenu > .row { margin-left: 0; margin-right: 0; border-bottom: 1px solid #e3e3e3; padding: 10px; } #section-location-edit-form .submenu > .row:hover,#section-all-testimonials-overview .submenu > .row:hover,#section-all-pages-overview .submenu > .row:hover { background: lightblue; }#section-location-edit-form .submenu button,#section-location-edit-form .submenu .collap-menu,#section-all-testimonials-overview .submenu button,#section-all-testimonials-overview .submenu .collap-menu,#section-all-pages-overview .submenu button,#section-all-pages-overview .submenu .collap-menu { border: 0; font-weight: normal; padding: 0; text-align: left; width: 100%; }#section-location-edit-form .submenu .subsubmenu,#section-all-testimonials-overview .submenu .subsubmenu,#section-all-pages-overview .submenu .subsubmenu { margin-top: 10px; } #section-location-edit-form .submenu .subsubmenu > .row,#section-all-testimonials-overview .submenu .subsubmenu > .row,#section-all-pages-overview .submenu .subsubmenu > .row { margin-left: 0; margin-right: 0; padding: 10px; } #section-location-edit-form .submenu .subsubmenu > .row:nth-child(odd),#section-all-testimonials-overview .submenu .subsubmenu > .row:nth-child(odd),#section-all-pages-overview .submenu .subsubmenu > .row:nth-child(odd) { background: #e3e3e3; } #section-location-edit-form .submenu .subsubmenu > .row:nth-child(even),#section-all-testimonials-overview .submenu .subsubmenu > .row:nth-child(even),#section-all-pages-overview .submenu .subsubmenu > .row:nth-child(even) { background: #fff; } #section-location-edit-form .submenu .subsubmenu > .row:hover,#section-all-testimonials-overview .submenu .subsubmenu > .row:hover,#section-all-pages-overview .submenu .subsubmenu > .row:hover { background: lightgreen; }#section-location-edit-form .dd,#section-all-testimonials-overview .dd,#section-all-pages-overview .dd { max-width: 100%; }#section-location-edit-form .dd-field,#section-all-testimonials-overview .dd-field,#section-all-pages-overview .dd-field { background: linear-gradient(#4c5567,#363d4a); float: none; margin: 0 0 1px; min-height: 40px; padding-bottom: 5px; padding-top: 5px; }#section-location-edit-form .dd-handle,#section-all-testimonials-overview .dd-handle,#section-all-pages-overview .dd-handle { background: transparent; border: 0; color: #fff; display: block; margin-bottom: 0; margin-top: 0; max-width: 100%; }#section-location-edit-form ol .dd-item ol .dd-field,#section-all-testimonials-overview ol .dd-item ol .dd-field,#section-all-pages-overview ol .dd-item ol .dd-field { background: linear-gradient(#707085,#4c5567); } #section-location-edit-form ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-all-testimonials-overview ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-all-pages-overview ol .dd-item ol .dd-field .dd-handle > div:first-child { padding-left: 25px; } #section-location-edit-form ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-location-edit-form ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(2),#section-all-testimonials-overview ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-all-testimonials-overview ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(2),#section-all-pages-overview ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-all-pages-overview ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 1199px) { #section-location-edit-form ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(3),#section-all-testimonials-overview ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(3),#section-all-pages-overview ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(3) { padding-left: 25px; } } #section-location-edit-form ol .dd-item ol .dd-field.techadmin,#section-all-testimonials-overview ol .dd-item ol .dd-field.techadmin,#section-all-pages-overview ol .dd-item ol .dd-field.techadmin { background: linear-gradient(#cda500,#b99100); }#section-location-edit-form ol .dd-item ol .dd-item ol .dd-field,#section-all-testimonials-overview ol .dd-item ol .dd-item ol .dd-field,#section-all-pages-overview ol .dd-item ol .dd-item ol .dd-field { background: linear-gradient(#9499a4,#707085); } #section-location-edit-form ol .dd-item ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-all-testimonials-overview ol .dd-item ol .dd-item ol .dd-field .dd-handle > div:first-child,#section-all-pages-overview ol .dd-item ol .dd-item ol .dd-field .dd-handle > div:first-child { padding-left: 30px; } @media (max-width: 1199px) { #section-location-edit-form ol .dd-item ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(3),#section-all-testimonials-overview ol .dd-item ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(3),#section-all-pages-overview ol .dd-item ol .dd-item ol .dd-field .dd-handle > div:nth-of-type(3) { padding-left: 30px; } } #section-location-edit-form ol .dd-item ol .dd-item ol .dd-field.techadmin,#section-all-testimonials-overview ol .dd-item ol .dd-item ol .dd-field.techadmin,#section-all-pages-overview ol .dd-item ol .dd-item ol .dd-field.techadmin { background: linear-gradient(#cda500,#b99100); }#section-location-edit-form .dd-item > button,#section-all-testimonials-overview .dd-item > button,#section-all-pages-overview .dd-item > button { width: 10px; font-size: 19px; color: #fff; left: 10px; position: relative; z-index: 9999999; top: 5px; margin-bottom: -25px; }#section-location-edit-form .dd-field.techadmin,#section-location-edit-form a.techadmin,#section-location-edit-form .row.techadmin,#section-all-testimonials-overview .dd-field.techadmin,#section-all-testimonials-overview a.techadmin,#section-all-testimonials-overview .row.techadmin,#section-all-pages-overview .dd-field.techadmin,#section-all-pages-overview a.techadmin,#section-all-pages-overview .row.techadmin { color: #fff; background: linear-gradient(#cda500,#b99100); }#section-location-edit-form .dd-list .dd-list,#section-location-edit-form .dd-list .dd-list .dd-list,#section-all-testimonials-overview .dd-list .dd-list,#section-all-testimonials-overview .dd-list .dd-list .dd-list,#section-all-pages-overview .dd-list .dd-list,#section-all-pages-overview .dd-list .dd-list .dd-list { padding-left: 0; clear: both; }@media (max-width: 768px) { #section-location-edit-form .collapse.in,#section-all-testimonials-overview .collapse.in,#section-all-pages-overview .collapse.in { margin-top: 0; } }#section-location-edit-form .collapse.in .dd,#section-all-testimonials-overview .collapse.in .dd,#section-all-pages-overview .collapse.in .dd { min-height: 60px !important; background: #fff6d4 !important; } #section-location-edit-form .collapse.in .dd .dd-list,#section-all-testimonials-overview .collapse.in .dd .dd-list,#section-all-pages-overview .collapse.in .dd .dd-list { /* .lueckenfueller { visibility:hidden; }*/ } #section-location-edit-form #tabs-pictures img { border-radius: 0; }#section-location-edit-form #tabs-opening .open-area .row { padding: 5px 0; } #section-location-edit-form #tabs-opening .open-area .row.service-area { background: #000; color: #fff; font-weight: 600; } #section-location-edit-form #tabs-opening .open-area .row.service-area a { color: #fff; cursor: pointer; }#section-location-edit-form #tabs-brands .brand-title-line { background: #000; color: #fff; font-weight: 600; margin-bottom: 5px; padding: 5px 0; }#section-location-edit-form #tabs-brands .direction-marken img { height: auto; max-height: 25px; max-width: 100%; width: auto; }#section-location-edit-form #tabs-brands .direction-marken > .row { padding: 5px 0; } @media (min-width: 769px) { .nav-area-lines .resp_mobile_pfeil { display: none !important; } }#page-preview { z-index: 99; position: relative; margin-top: 8px; border: 1px solid #000; color: #000; border-radius: 0; } #page-preview.active { background: linear-gradient(#4f9ec5,#43b3eb); color: #fff; border-color: #fff; } .ge-tools-drawer a { color: #1f1f20 !important; } .ge-top button { background: linear-gradient(#4f9ec5,#43b3eb); color: #fff; border-radius: 0; } #page-preview { display: none; } #site_edit_form #page-preview { display: inline; } #article-home #home-sort { list-style: none; -webkit-padding-start: 0; } #article-home #home-sort li .uebertrag { background: linear-gradient(#b90404,#ec2626); border-radius: 0; color: #fff; display: inline; font-size: 20px; float: right; line-height: 20px; margin-right: 5px; padding: 8px 10px; text-align: center; z-index: 99; position: relative; } #article-home #home-sort .ui-state-default { background: #f6f6f6; border: 0; } #article-home #home-sort .ui-state-highlight { background: #ffffff; border: 1px solid #fff; } #article-home #home-sort li.ui-state-highlight { background: transparent !important; } #content-area { top: 40px; } #content-area .footer-block { cursor: pointer; } #content-area .footer-block:hover { background: #f39200 !important; border: 1px dashed #43b3eb; } #site_edit_form #content-area .footer-block:hover,#blog_edit_form #content-area .footer-block:hover,#news_edit_form #content-area .footer-block:hover,#textualterms_edit_form #content-area .footer-block:hover { background: transparent !important; border: 0; } .btn-backend { background: linear-gradient(#cda500,#b99100) !important; } .btn-exit { background: linear-gradient(#bd7200,#f39200) !important; color: #fff !important; } #section-config-edit .nav-tabs { margin-bottom: 12px; }#section-config-edit .tab-content { padding: 0 0 15px; }#section-config-edit .webedit-textarea { min-height: 400px; }#section-config-edit #design_select a { width: 100%; display: block; }#section-config-edit #design_select .row.active { background: #86c80a !important; color: #fff; } #section-config-edit #design_select .row.active a { color: #fff; }#section-config-edit .fa.text-right { position: absolute; right: 15px; top: 10px; } .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { zoom: 1; } *:first-child + html .cf { zoom: 1; } .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item,.dd-empty,.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; max-width: 300px; min-height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top,#fafafa 0%,#eee 100%); background: -moz-linear-gradient(top,#fafafa 0%,#eee 100%); background: linear-gradient(top,#fafafa 0%,#eee 100%); -webkit-border-radius: 0; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle:hover { background: #fff; color: #2ea8e5; } .dd-item > button { cursor: pointer; display: block; position: relative; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } #nestable .dd-config,#nestable .dd-config-down,#nestable3 .dd-config,#nestable3 .dd-config-down { display: none; } #nestable2 .dd-item > .dd-list .dd-item:first-child,#nestable2 .dd-item + .dd-item { margin-top: -25px; }#nestable2 .dd-item > .dd-config-down { top: -33px; position: relative; z-index: 99; margin-left: 275px; margin-bottom: -33px; cursor: pointer; } #nestable2 .dd-item > .dd-config-down i { color: #43b3eb; }#nestable2 .dd-item > .dd-config { margin-top: -26px; display: none; max-width: 300px; background: #c2c2c2; color: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #nestable2 .dd-item > .dd-config > .row { padding-top: 2px; padding-bottom: 2px; } #nestable2 .dd-item > .dd-config > .row .col-xs-4 { padding-left: 25px; } #nestable2 .dd-item > .dd-config > .row .col-xs-8 { padding-right: 20px; } #nestable2 .dd-item > .dd-config > .row input,#nestable2 .dd-item > .dd-config > .row select { width: 100%; height: 25px; padding: 2px 5px; font-size: 12px; line-height: 1; }#nestable2 .dd-item > .dd-config.in { display: block; margin-bottom: 30px; } .dd-placeholder,.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff); background-image: -moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff); background-image: linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff); background-size: 60px 60px; background-position: 0 0,30px 30px; } .dd-dragel { position: absolute; pointer-events: none; width: 100%; z-index: 10000001; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-item { width: 100%; max-width: 100%; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.1); box-shadow: 2px 4px 6px 0 rgba(0,0,0,0.1); } .dd-dragel .dd-field { background: #86c80a; margin: 1px 0; min-height: 40px; float: none; } .dd-dragel .dd-field .dd-handle { background: transparent; border: 0 solid #ccc; box-shadow: none; color: #fff; display: block; max-width: 100%; } .dd-dragel .dd-field .dd-handle .page-info { width: 100%; padding-top: 4px; } .dd-dragel .hidden-all-pages-select { display: none; } #section-menu-config { font-family: 'Open Sans',sans-serif !important;  } #section-menu-config .tab-line { border-bottom: 1px solid #000; margin-top: 10px; } #section-menu-config .tab { background: linear-gradient(#4f9ec5,#43b3eb); color: #fff; padding: 0 15px; height: 45px; font-size: 1em; line-height: 45px; border-top-left-radius: 0; border-top-right-radius: 0; margin-right: 1px; } #section-menu-config .tab.active { background: linear-gradient(#666,#000); } #section-menu-config .tab:hover { background: linear-gradient(#666,#000); } #section-menu-config #block_pages { position: fixed; top: 140px; } #section-menu-config #nestable { max-height: 220px; overflow-y: scroll; width: 300px; } #section-menu-config #block_blogs { position: fixed; top: 400px; } #section-menu-config #block_indi { width: 300px; position: fixed; top: 655px; } #section-menu-config #block_indi .row { padding-top: 2px; padding-bottom: 2px; } #section-menu-config #block_indi .btn-primary { float: right; margin-top: 5px; margin-bottom: 5px; } #section-menu-config #nestable3 { max-height: 220px; overflow-y: scroll; width: 300px; } #section-menu-config #nestable-menu { padding: 0; margin: 20px 0; } #section-menu-config #nestable-output,#section-menu-config #nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas,monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; } #section-menu-config #nestable2 .dd-handle { color: #fff; border: 1px solid #999; background: #bbb; background: -webkit-linear-gradient(top,#bbb 0%,#999 100%); background: -moz-linear-gradient(top,#bbb 0%,#999 100%); background: linear-gradient(top,#bbb 0%,#999 100%); } #section-menu-config #nestable2 .dd-handle:hover { background: #bbb; } #section-menu-config #nestable2 .dd-handle .dd-item > button:before { color: #fff; } #section-menu-config .dd-hover > .dd-handle { background: #2ea8e5 !important; } .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; background: #fafafa; background: -webkit-linear-gradient(top,#fafafa 0%,#eee 100%); background: -moz-linear-gradient(top,#fafafa 0%,#eee 100%); background: linear-gradient(top,#fafafa 0%,#eee 100%); -webkit-border-radius: 0; border-radius: 0; box-sizing: border-box; -moz-box-sizing: border-box; } .dd3-content:hover { color: #2ea8e5; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #aaa; background: #ddd; background: -webkit-linear-gradient(top,#ddd 0%,#bbb 100%); background: -moz-linear-gradient(top,#ddd 0%,#bbb 100%); background: linear-gradient(top,#ddd 0%,#bbb 100%); border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '+'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #ddd; } .socialite { display: block; float: left; height: 35px; } .active_area { z-index: 200 !important; position: relative !important; opacity: 0.3 !important; border: 5px dashed #86c80a !important; } #section-content-block-2 .btn-red { background: linear-gradient(#b90404,#ec2626); color: #fff; } .multifileuploader { margin-top: 20px; } .multifileuploader .progress-bar-success { background: #5cb85c; } .multifileuploader .btn-primary { margin-top: 0; padding: 6.7px 35px; } .multifileuploader .btn-primary span,.multifileuploader .btn-primary .glyphicon { font-size: 15px; margin-left: 5px; font-weight: 400; } .multifileuploader .krajee-default.file-preview-frame { position: relative; display: table; margin: 4px; border: 1px solid #ddd; box-shadow: 0 0 0 0 #a2958a; padding: 4px; float: left; text-align: center; } .multifileuploader .krajee-default.file-preview-frame .kv-file-content { height: 100px; } .multifileuploader .kv-file-content img { height: 100px !important; } .multifileuploader .file-drop-zone { border: 2px dashed grey; border-radius: 0; height: 100%; text-align: center; vertical-align: middle; margin: 0; padding: 0; } .multifileuploader .file-preview { border-radius: 0; border: 0 solid #ddd; padding: 0; width: 100%; margin-bottom: 5px; } .multifileuploader .close { margin-right: 5px; display: none; } .file-zoom-dialog .btn-navigate { font-size: 2em; color: #43b3eb; } .visible-none { visibility: hidden; } .btn-header-slider { background: linear-gradient(#4c5567,#363d4a) !important; color: #fff !important; text-align: left !important; font-size: 20px; } .btn-header-slider:hover { color: #fff; } #header-grafiken { padding-top: 10px; } #site_edit_form .topnavi-bg { display: none; }#site_edit_form .frontend-editor-page { border: 2px solid #43b3eb; cursor: pointer; background: #f2f2f2; } #site_edit_form .frontend-editor-page:hover { border-color: #86c80a; } .ui-dialog { padding: 0 !important; z-index: 9999 !important; } .ui-dialog .ui-dialog-buttonpane button { background: linear-gradient(#4f9ec5,#43b3eb) !important; color: #fff !important; border: 0; padding: 10px 20px; } .ui-dialog .ui-dialog-buttonpane button:last-child { margin-right: 0 !important; background: linear-gradient(#bd7200,#f39200) !important; } .ui-widget,.ui-dialog { background: #f2f2f2; } .ui-widget .ui-corner-all,.ui-dialog .ui-corner-all { border-radius: 0 !important; } .ui-widget .ui-widget-header,.ui-dialog .ui-widget-header { border: 0 solid #ddd; background: linear-gradient(#4c5567,#363d4a); color: #fff; font-weight: bold; } .ui-widget-content { background: #f2f2f2; } .ui-widget-overlay { background: #000 !important; opacity: 0.7 !important; } @media (min-width: 769px) { .theme004 .btn-header-slider { margin-top: 60px; } .theme005 .btn-header-slider { margin-top: 130px; } .theme008 .btn-header-slider { margin-top: 30px; } .theme006 #content-area,.theme005 #content-area,.theme002 #content-area,.theme004 #content-area { position: absolute; height: 100%; top: 0; } .theme006 .btn-header-slider,.theme005 .btn-header-slider,.theme002 .btn-header-slider,.theme004 .btn-header-slider { margin-top: 160px; } .theme004 form#seo_edit_form header#header-slider-container,.theme004 form#geo_edit_form header#header-slider-container,.theme004 form#menumanager_edit_form header#header-slider-container { display: none !important; } .theme009 form#seo_edit_form #header-slider,.theme009 form#geo_edit_form #header-slider,.theme009 form#menumanager_edit_form #header-slider,.theme008 form#seo_edit_form #header-slider,.theme008 form#geo_edit_form #header-slider,.theme008 form#menumanager_edit_form #header-slider,.theme-mercedes form#seo_edit_form #header-slider,.theme-mercedes form#geo_edit_form #header-slider,.theme-mercedes form#menumanager_edit_form #header-slider { display: none; } .theme-mercedes > form .complete-background { margin: unset !important; } .theme-mercedes.right-area-close > form .complete-background { margin: 0 auto !important; } }#mm_uri_identifier.form-control { text-transform: lowercase; } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545; } textarea.form-control.fieldheight-125px { height: 125px; } .form-control.field-small { width: 60px; margin-bottom: 5px; height: 30px; display: inline; } .was-validated .form-control:invalid ~ .invalid-feedback { display: block; } .was-validated .form-control:valid { border-color: #28a745; } .btn-toggle { margin-top: 10px; } .btn-toggle:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; transform: translateY(-50%); position: absolute; right: 10px; top: 50%; content: '\f078'; } .btn-toggle[aria-expanded=true]:after { content: '\f077'; } .sub-toggle { width: 100%; display: block; margin-top: 5px; cursor: pointer; } .sub-toggle:after { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; transform: translateY(-50%); position: absolute; right: 10px; top: 50%; content: '\f078'; } .sub-toggle[aria-expanded=true]:after { content: '\f077'; } body.fe-admin-area #right-edit-area fieldset { border: 1px solid; padding: 10px; margin-bottom: 10px; } body.fe-admin-area #right-edit-area fieldset legend { display: block; width: auto; margin-bottom: 0; font-size: 15px; border-bottom: 0; padding: 5px; margin-top: 5px; }body.fe-admin-area #right-edit-area .groupverwaltung { margin-top: 10px; } body.fe-admin-area #right-edit-area .groupverwaltung .form-group { margin-bottom: 5px; }body.fe-admin-area #right-edit-area .btn-toggle { margin-top: 10px; }body.fe-admin-area #right-edit-area #block_pages #nestable-10 .dd-field .col-lg-2.hidden-all-pages-select { width: auto; padding-top: 3px; text-align: right; float: right; } body.fe-admin-area #right-edit-area #block_pages #nestable-10 .dd-field .col-lg-2.hidden-all-pages-select .btn-menumanager { display: inline-block; }body.fe-admin-area .padding-right-10px { padding-right: 10px; } #dialog-infomanager-modul-form fieldset { border: 1px solid; padding: 10px; margin-bottom: 10px; } #dialog-infomanager-modul-form fieldset legend { display: block; width: auto; margin-bottom: 0; font-size: 15px; border-bottom: 0; padding: 5px; margin-top: 5px; }#dialog-infomanager-modul-form label { font-size: .85em; } .opening-window #open-time-area > .row,.opening-window #open-time-area > .row > div > .row { margin-bottom: 10px; position: relative; }.opening-window #open-time-area .day-row > .time-area > .row + .row { margin-top: 10px; }.opening-window #open-time-area .day-row .day-column { padding: 5px 15px; }.opening-window #open-time-area .day-row .add-column { position: absolute; right: 0; bottom: 5px; /* .add-time-row{ margin-top: 7px; }*/ }.opening-window #open-time-area input[type="time"].form-control { line-height: 1.42857143; } #section-location-edit-form .collapsing .striped-list .form-group,#section-location-edit-form .collapse .striped-list .form-group { padding-top: 10px; } #frontend-editor-textualterms .hidden-live,#frontend-editor-news .hidden-live,#frontend-editor-blog .hidden-live,.frontend-editor-page .hidden-live,.frontend-editor .hidden-live { display: block !important; }#frontend-editor-textualterms.ge-layout-phone .hidden-lg,#frontend-editor-textualterms.ge-layout-tablet .hidden-lg,#frontend-editor-news.ge-layout-phone .hidden-lg,#frontend-editor-news.ge-layout-tablet .hidden-lg,#frontend-editor-blog.ge-layout-phone .hidden-lg,#frontend-editor-blog.ge-layout-tablet .hidden-lg,.frontend-editor-page.ge-layout-phone .hidden-lg,.frontend-editor-page.ge-layout-tablet .hidden-lg,.frontend-editor.ge-layout-phone .hidden-lg,.frontend-editor.ge-layout-tablet .hidden-lg { display: block !important; }#frontend-editor-textualterms.ge-layout-phone .hidden-md,#frontend-editor-textualterms.ge-layout-tablet .hidden-md,#frontend-editor-news.ge-layout-phone .hidden-md,#frontend-editor-news.ge-layout-tablet .hidden-md,#frontend-editor-blog.ge-layout-phone .hidden-md,#frontend-editor-blog.ge-layout-tablet .hidden-md,.frontend-editor-page.ge-layout-phone .hidden-md,.frontend-editor-page.ge-layout-tablet .hidden-md,.frontend-editor.ge-layout-phone .hidden-md,.frontend-editor.ge-layout-tablet .hidden-md { display: block !important; }#frontend-editor-textualterms.ge-layout-phone .hidden-sm,#frontend-editor-textualterms.ge-layout-desktop .hidden-sm,#frontend-editor-news.ge-layout-phone .hidden-sm,#frontend-editor-news.ge-layout-desktop .hidden-sm,#frontend-editor-blog.ge-layout-phone .hidden-sm,#frontend-editor-blog.ge-layout-desktop .hidden-sm,.frontend-editor-page.ge-layout-phone .hidden-sm,.frontend-editor-page.ge-layout-desktop .hidden-sm,.frontend-editor.ge-layout-phone .hidden-sm,.frontend-editor.ge-layout-desktop .hidden-sm { display: block !important; }#frontend-editor-textualterms.ge-layout-tablet .hidden-xs,#frontend-editor-textualterms.ge-layout-desktop .hidden-xs,#frontend-editor-news.ge-layout-tablet .hidden-xs,#frontend-editor-news.ge-layout-desktop .hidden-xs,#frontend-editor-blog.ge-layout-tablet .hidden-xs,#frontend-editor-blog.ge-layout-desktop .hidden-xs,.frontend-editor-page.ge-layout-tablet .hidden-xs,.frontend-editor-page.ge-layout-desktop .hidden-xs,.frontend-editor.ge-layout-tablet .hidden-xs,.frontend-editor.ge-layout-desktop .hidden-xs { display: block !important; }#frontend-editor-textualterms.ge-layout-phone .hidden-xs,#frontend-editor-news.ge-layout-phone .hidden-xs,#frontend-editor-blog.ge-layout-phone .hidden-xs,.frontend-editor-page.ge-layout-phone .hidden-xs,.frontend-editor.ge-layout-phone .hidden-xs { display: none !important; }#frontend-editor-textualterms.ge-layout-tablet .hidden-sm,#frontend-editor-news.ge-layout-tablet .hidden-sm,#frontend-editor-blog.ge-layout-tablet .hidden-sm,.frontend-editor-page.ge-layout-tablet .hidden-sm,.frontend-editor.ge-layout-tablet .hidden-sm { display: none !important; }#frontend-editor-textualterms.ge-layout-desktop .hidden-md,#frontend-editor-news.ge-layout-desktop .hidden-md,#frontend-editor-blog.ge-layout-desktop .hidden-md,.frontend-editor-page.ge-layout-desktop .hidden-md,.frontend-editor.ge-layout-desktop .hidden-md { display: none !important; }#frontend-editor-textualterms.ge-layout-desktop .hidden-lg,#frontend-editor-news.ge-layout-desktop .hidden-lg,#frontend-editor-blog.ge-layout-desktop .hidden-lg,.frontend-editor-page.ge-layout-desktop .hidden-lg,.frontend-editor.ge-layout-desktop .hidden-lg { display: none !important; } .fe-admin-area.modal-open .select2-container { z-index: 100000004; } .fe-admin-area.modal-open .select2-container .select2-search { background: linear-gradient(#4c5567,#363d4a); }.fe-admin-area.modal-open .select2.select2-container { width: 100% !important; display: block; } .fe-admin-area.modal-open .select2.select2-container .select2-selection { border-radius: 0; height: auto; } .fe-admin-area.modal-open .select2.select2-container .select2-selection .select2-selection__rendered { padding: 2px 10px; } .fe-admin-area.modal-open .select2.select2-container .select2-selection .select2-selection__arrow { top: 3px; right: 5px; } /* Created on : 12.09.2016,09:36:36 Author : Florian Neueder*/#section-landingpage .row { margin-bottom: 10px; }#section-landingpage label { font-weight: 400 !important; }#section-landingpage .mendatory { font-weight: 600 !important; }#section-landingpage .ready { color: #009900; }#section-landingpage #message { min-height: 150px; }#section-landingpage .leftbox { border: 1px solid transparent; padding: 20px; padding-top: 0px; background: #d9d9d9; margin-bottom: 20px; }#section-landingpage .location_wrapper { position: relative; margin-top: 15px; } #section-landingpage .location_wrapper .location.link_highlight.active { background-color: #d9d9d9; } #section-landingpage .location_wrapper .location.link_highlight { padding: 15px; cursor: pointer; background-color: transparent; } #section-landingpage .location_wrapper .location { position: relative; float: left; margin-right: 20px; }#section-landingpage small { margin-top: 15px; display: inherit; } /* Created on : 11.08.2016,10:45:26 Author : Florian Neueder*//* Created on : 05.10.2016,11:23:56 Author : Florian Neueder*/.skiptranslate iframe.goog-te-banner-frame { display: none; } #google_translate_element { visibility: hidden; } div#goog-gt-tt { display: none !important; } .goog-text-highlight { background: transparent !important; box-shadow: 0 0 0 #000000 !important; } body { top: 0 !important; } @media (max-width: 479px) { body { top: 80px !important; } } .loadlanguage { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: white; width: 100%; height: 100%; text-align: center; vertical-align: middle; z-index: 9999999; padding-top: 22%; } .sls-show { margin-left: 100px; } #section-language-selector { background-color: #e8e8e8; display: inline; width: 100px; position: absolute; z-index: 99; margin: 0 auto; top: 0; right: 0; text-align: left; } #section-language-selector a { color: #000000; height: auto; line-height: 1em; padding: 0; font-size: 0.8em; font-weight: 400; text-align: left; } #section-language-selector .language-selector { z-index: 100; width: 100px; text-align: left; } #section-language-selector .language-selector button { border: 0; padding: 0 !important; margin: 0 !important; width: 100%; } #section-language-selector .language-selector button .pull-left { width: 100%; text-align: left; padding-right: 20px; font-size: 18px !important; margin-top: -2px; padding-left: 5px; } #section-language-selector .language-selector button .pull-left .bs-caret { float: right; position: absolute; top: -2px !important; right: 10px; } #section-language-selector .language-selector button:hover,#section-language-selector .language-selector button:focus { background: transparent; } #section-language-selector .language-selector #languages_selector { position: absolute; z-index: 99; background-color: #e8e8e8; text-align: left; left: 0; width: 100%; padding-bottom: 5px; } #section-language-selector .language-selector #languages_selector img { margin-right: 5px; } #section-language-selector .language-selector #languages_selector .row { margin-left: 0; margin-right: 0; } #section-language-selector .language-selector #languages_selector .row .col-xs-12 { padding-left: 5px; padding-right: 0; } #section-language-selector .language-selector #languages_selector .row .col-xs-12 a { color: #000000; height: auto; line-height: 1em; padding: 0; font-size: 0.8em; font-weight: 400; } #section-language-selector .language-selector #languages_selector .row .col-xs-12 a .check-lang { display: none; } #section-language-selector .language-selector #languages_selector .row .col-xs-12:hover { background-color: #00adef; color: #ffffff; } #section-language-selector .language-selector #languages_selector .row .col-xs-12:hover a { color: #ffffff; } @media (min-width: 992px) and (max-width: 1119px) { #section-language-selector { margin-top: 10px; } .nav-area-lines li.dropdown a { padding: 0 5px; } .nav-area-lines li.sls-show { margin-left: 105px !important; } }.nav-area-lines li.sls-show { min-width: 110px; min-height: 55px; margin-left: 0; } .nav-area-lines li.sls-show #section-language-selector { margin-top: 15px; } @media (max-width: 767px) { .nav-area-lines li.sls-show #section-language-selector { margin-top: 0; } } #select-language-top { cursor: pointer; } #aside-language-top { padding-top: 0; height: 0; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; background: #000; display: block; transition-property: height,padding-top; transition-duration: 0.25s; transition-timing-function: ease-out; } #aside-language-top .container-limited { text-align: center; margin: 0 auto; } #aside-language-top .container-limited a { padding: 13px 9px; } #aside-language-top .container-limited a img { top: 5px; position: relative; } #aside-language-top .container-limited a:hover { background: #fff; } #aside-language-top .container-limited a.sel-active { background: #fff; } #page_body.sel-lang-top #aside-language-top { height: 35px; }#page_body.sel-lang-top #page_wrapper,#page_body.sel-lang-top #header { top: 35px; } /* Created on : Jul 7,2016,4:37:07 PM Author : Darius Zylka*/#aside-awards img { margin-bottom: 15px; margin-top: 15px; } /* Created on : Jul 8,2016,12:44:15 PM Author : Darius Zylka*/#article-error-page { background: #ffffff; color: #000000; } #article-error-page .container { padding: 60px 30px; background-color: #ffffff; } #article-error-page .nopadding { padding-left: 0px !important; padding-right: 0px !important; } #article-error-page h1 { color: #000000; } #article-error-page h1 small { font-size: 100%; } #article-error-page h1 small font { font-weight: 700; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 15.12.2016,09:32:06 Author : Florian Neueder*/#section-script-after-content iframe { min-height: unset; } /* Created on : Mar 4,2016,6:02:50 PM Author : conne*/#section-vehicle-list-search-horizontal { padding-top: 30px; padding-bottom: 30px; } #section-vehicle-list-search-horizontal .sonderrow { border-bottom: 1px solid #000; padding: 0; margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 30px; width: calc(100% - 30px); } #section-vehicle-list-search-horizontal .sonderrow .col-xs-12 { margin-bottom: 0; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal .sonderrow .col-xs-12 { padding-left: 0; padding-right: 0; } } @media (max-width: 480px) { #section-vehicle-list-search-horizontal .sonderrow .col-xs-12 { padding-left: 0; padding-right: 0; } } #section-vehicle-list-search-horizontal .sonderrow button.action-btn { background-color: #00adef; border: 0; padding: 10px 20px; text-align: center; font-size: 0.85em; font-weight: 600; color: #ffffff; float: left; margin: 0; margin-right: 1px; } @media (max-width: 480px) { #section-vehicle-list-search-horizontal .sonderrow button.action-btn { padding: 10px 14px; font-size: 0.7385em !important; } } #section-vehicle-list-search-horizontal .sonderrow button.action-btn:hover,#section-vehicle-list-search-horizontal .sonderrow button.action-btn.active { background-color: #00adef; } #section-vehicle-list-search-horizontal .sonderrow .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; } #section-vehicle-list-search-horizontal .sonderrow button .triangle { clear: both; content: ''; margin: 0 auto; position: relative; top: 10px; width: 20px; height: 0; margin-bottom: -25px; border-top: 13px solid #00adef; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 12px solid transparent; z-index: 99999; display: none; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal .sonderrow button .triangle { top: 9px; } } #section-vehicle-list-search-horizontal .sonderrow button.active .triangle { display: block; } #section-vehicle-list-search-horizontal .sonderrow button:hover .triangle { display: block; } #section-vehicle-list-search-horizontal .row { margin-bottom: 10px; } #section-vehicle-list-search-horizontal input[type="text"] { background-color: #fff; } #section-vehicle-list-search-horizontal label { margin-bottom: 0; margin-top: 15px; } #section-vehicle-list-search-horizontal .checkbox label { margin-top: 0; } #section-vehicle-list-search-horizontal .search-start { background-color: #000000; border-color: #000000; padding: 15px; } #section-vehicle-list-search-horizontal .search-start:hover { background-color: #1a1a1a; border-color: #000000; } #section-vehicle-list-search-horizontal .search-start .badge { background-color: #ffffff; color: #000000; } #section-vehicle-list-search-horizontal .zlline .search-start { margin-top: 20px; padding: 0; } #section-vehicle-list-search-horizontal .colors .colors-col { overflow: hidden; } #section-vehicle-list-search-horizontal .colors-col .checkbox.checkbox-css .cr .cr-icon,#section-vehicle-list-search-horizontal .colors-col .radio.checkbox-css .cr .cr-icon { font-size: 1.5em; } #section-vehicle-list-search-horizontal .colors .checkbox,#section-vehicle-list-search-horizontal .colors .radio { display: inline-block; } #section-vehicle-list-search-horizontal .colors label { font-size: 30px; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr { margin-right: 6px; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.black,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.black { background: #000; border-color: #222; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.black .cr-icon,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.black .cr-icon { color: #fff; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.white,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.white { background: #fff; border-color: #a9a9a9; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.gray,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.gray { background: gray; border-color: darkgray; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.silver,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.silver { /*background: silver;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7c7c7+0,f4f4f4+50,c7c7c7+100 */ background: #c7c7c7;  background: -moz-linear-gradient(-45deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  background: -webkit-linear-gradient(-45deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  background: linear-gradient(135deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7',endColorstr='#c7c7c7',GradientType=1);  border-color: #909090; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.red,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.red { background: red; border-color: darkred; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.orange,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.orange { background: orange; border-color: darkorange; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.yellow,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.yellow { background: yellow; border-color: #e6e600; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.gold,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.gold { /*background: gold;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddaa0e+0,f4d008+50,ddaa0e+100 */ background: #ddaa0e;  background: -moz-linear-gradient(-45deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  background: -webkit-linear-gradient(-45deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  background: linear-gradient(135deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddaa0e',endColorstr='#ddaa0e',GradientType=1);  border-color: goldenrod; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.blue,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.blue { background: blue; border-color: darkblue; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.green,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.green { background: green; border-color: darkgreen; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.beige,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.beige { background: beige; border-color: #efefc8; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.brown,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.brown { background: brown; border-color: #912525; } #section-vehicle-list-search-horizontal .checkbox.checkbox-css .cr.violet,#section-vehicle-list-search-horizontal .radio.checkbox-css .cr.violet { background: violet; border-color: #eb6ceb; } #section-vehicle-list-search-horizontal .manufacturers-all { font-weight: bold !important; } #section-vehicle-list-search-horizontal .sonderbutton { border-color: #00adef; color: #00adef; max-height: 35px; overflow: hidden; width: 100%; } #section-vehicle-list-search-horizontal .sonderbutton:hover,#section-vehicle-list-search-horizontal .sonderbutton:active { color: #fff; } #section-vehicle-list-search-horizontal .sonderbutton .bs-caret { position: absolute; top: 6px; right: 28px; } #section-vehicle-list-search-horizontal #vehicleSearchFahrzeugdetails span { text-overflow: ellipsis; max-width: 90%; overflow: hidden; } #section-vehicle-list-search-horizontal #search_fahrzeugdetails .colors-col .checkbox { display: inline; } #section-vehicle-list-search-horizontal #search_fahrzeugdetails .colors-col .checkbox.checkbox-css .cr { width: 2.3em; height: 2.3em; } #section-vehicle-list-search-horizontal #search_fahrzeugdetails .colors-col > div:first-child { margin-bottom: 10px; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal #search_fahrzeugdetails .row .col-md-5 .col-xs-6,#section-vehicle-list-search-horizontal #search_fahrzeugdetails .row .col-md-5 .col-xs-12 { padding-left: 0; } #section-vehicle-list-search-horizontal #search_fahrzeugdetails .colors-col .col-xs-12,#section-vehicle-list-search-horizontal #search_fahrzeugdetails .colors-col .col-xs-6 { padding-left: 0; } } #section-vehicle-list-search-horizontal #preis_selection { background: transparent; position: absolute; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 30px); z-index: 99; } @media (max-width: 767px) { #section-vehicle-list-search-horizontal #preis_selection { margin-top: 0; } } #section-vehicle-list-search-horizontal .border-col-line { border-top: 4px solid #000000; margin-left: 15px; width: calc(100% - 30px - 25%); margin-top: -5px; } #section-vehicle-list-search-horizontal .border-col-line-full { border-top: 2px solid #000000; margin-left: 15px; width: calc(100% - 30px); margin-top: 5px; margin-bottom: 10px; } #section-vehicle-list-search-horizontal .row-with-line .search-start .badge { padding: 3px 3px; top: -1px; font-size: 14px; } @media (max-width: 480px) { #section-vehicle-list-search-horizontal .row-with-line { margin-top: -10px; } } #section-vehicle-list-search-horizontal .zlline .search-start { padding-top: 7px !important; padding-bottom: 7px !important; margin-top: 0; } #section-vehicle-list-search-horizontal.fields-1line .search-start { padding: 6px 12px; margin-top: 0; } @media (max-width: 991px) { #section-vehicle-list-search-horizontal { display: none; } #section-vehicle-list-search-horizontal .row .col-xs-12 { margin-bottom: 10px; } #section-vehicle-list-search-horizontal .row .hidden-xs { margin-bottom: 10px; } #section-vehicle-list-search-horizontal .btn { padding: 6px 12px; } } @media (max-width: 991px) { .config-landingpage #section-vehicle-list-search-horizontal,.site-home #section-vehicle-list-search-horizontal { display: block; } } .section-vehicles-search-multi-location-short .bootstrap-select.btn-group:not(.input-group-btn),.section-vehicles-search-multi-location-short .bootstrap-select.btn-group[class*=col-] { background: transparent !important; }.section-vehicles-search-multi-location-short .bootstrap-select > .dropdown-toggle { background: #fff !important; }.section-vehicles-search-multi-location-short .search-black { background: #000; border-color: #000 !important; color: #fff !important; } .section-vehicles-search-multi-location-short .search-black .badge { background: transparent !important; color: #fff !important; top: 0; }.section-vehicles-search-multi-location-short .search-black:hover { background: #000; border-color: #000 !important; color: #fff !important; } /* Created on : 08.02.2017,10:05:10 Author : Florian Neueder*/#section-vehicle-list-search-horizontal-1line { padding-top: 30px; padding-bottom: 30px; } #section-vehicle-list-search-horizontal-1line .sonderrow { border-bottom: 1px solid #000; padding: 0; margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 30px; width: calc(100% - 30px); } #section-vehicle-list-search-horizontal-1line .sonderrow .col-xs-12 { margin-bottom: 0; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal-1line .sonderrow .col-xs-12 { padding-left: 0; padding-right: 0; } } @media (max-width: 480px) { #section-vehicle-list-search-horizontal-1line .sonderrow .col-xs-12 { padding-left: 0; padding-right: 0; } } #section-vehicle-list-search-horizontal-1line .sonderrow button.action-btn { background-color: #00adef; border: 0; padding: 10px 20px; text-align: center; font-size: 0.85em; font-weight: 600; color: #ffffff; float: left; margin: 0; margin-right: 1px; } @media (max-width: 480px) { #section-vehicle-list-search-horizontal-1line .sonderrow button.action-btn { padding: 10px 14px; font-size: 0.7385em !important; } } #section-vehicle-list-search-horizontal-1line .sonderrow button.action-btn:hover,#section-vehicle-list-search-horizontal-1line .sonderrow button.action-btn.active { background-color: #00adef; } #section-vehicle-list-search-horizontal-1line .sonderrow .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; } #section-vehicle-list-search-horizontal-1line .sonderrow button .triangle { clear: both; content: ''; margin: 0 auto; position: relative; top: 10px; width: 20px; height: 0; margin-bottom: -25px; border-top: 13px solid #00adef; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 12px solid transparent; z-index: 99999; display: none; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal-1line .sonderrow button .triangle { top: 9px; } } #section-vehicle-list-search-horizontal-1line .sonderrow button.active .triangle { display: block; } #section-vehicle-list-search-horizontal-1line .sonderrow button:hover .triangle { display: block; } #section-vehicle-list-search-horizontal-1line .row { margin-bottom: 10px; } #section-vehicle-list-search-horizontal-1line input[type="text"] { background-color: #fff; } #section-vehicle-list-search-horizontal-1line label { margin-top: 15px; margin-bottom: 0; } #section-vehicle-list-search-horizontal-1line .checkbox label { margin-top: 0; } #section-vehicle-list-search-horizontal-1line .search-start { padding: 7px; font-weight: bold; background-color: #000000; border-color: #000000; } #section-vehicle-list-search-horizontal-1line .search-start:hover { background-color: black !important; border-color: black; } #section-vehicle-list-search-horizontal-1line .search-start .badge { color: #000000; background-color: #ffffff; padding: 3px 3px; top: -2px; } #section-vehicle-list-search-horizontal-1line .zlline .search-start { padding: 0; margin-top: 20px; } #section-vehicle-list-search-horizontal-1line .colors .colors-col { overflow: hidden; } #section-vehicle-list-search-horizontal-1line .colors-col .checkbox.checkbox-css .cr .cr-icon,#section-vehicle-list-search-horizontal-1line .colors-col .radio.checkbox-css .cr .cr-icon { font-size: 1.5em; } #section-vehicle-list-search-horizontal-1line .colors .checkbox,#section-vehicle-list-search-horizontal-1line .colors .radio { display: inline-block; } #section-vehicle-list-search-horizontal-1line .colors label { font-size: 30px; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr { margin-right: 6px; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.black,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.black { background: #000; border-color: #222; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.black .cr-icon,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.black .cr-icon { color: #fff; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.white,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.white { background: #fff; border-color: #a9a9a9; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.gray,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.gray { background: gray; border-color: darkgray; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.silver,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.silver { /*background: silver;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7c7c7+0,f4f4f4+50,c7c7c7+100 */ background: #c7c7c7;  background: -moz-linear-gradient(-45deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  background: -webkit-linear-gradient(-45deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  background: linear-gradient(135deg,#c7c7c7 0%,#f4f4f4 50%,#c7c7c7 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7',endColorstr='#c7c7c7',GradientType=1);  border-color: #909090; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.red,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.red { background: red; border-color: darkred; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.orange,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.orange { background: orange; border-color: darkorange; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.yellow,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.yellow { background: yellow; border-color: #e6e600; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.gold,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.gold { /*background: gold;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddaa0e+0,f4d008+50,ddaa0e+100 */ background: #ddaa0e;  background: -moz-linear-gradient(-45deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  background: -webkit-linear-gradient(-45deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  background: linear-gradient(135deg,#ddaa0e 0%,#f4d008 50%,#ddaa0e 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddaa0e',endColorstr='#ddaa0e',GradientType=1);  border-color: goldenrod; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.blue,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.blue { background: blue; border-color: darkblue; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.green,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.green { background: green; border-color: darkgreen; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.beige,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.beige { background: beige; border-color: #efefc8; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.brown,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.brown { background: brown; border-color: #912525; } #section-vehicle-list-search-horizontal-1line .checkbox.checkbox-css .cr.violet,#section-vehicle-list-search-horizontal-1line .radio.checkbox-css .cr.violet { background: violet; border-color: #eb6ceb; } #section-vehicle-list-search-horizontal-1line .manufacturers-all { font-weight: bold !important; } #section-vehicle-list-search-horizontal-1line .sonderbutton { border-color: #00adef; color: #00adef; max-height: 35px; overflow: hidden; width: 100%; } #section-vehicle-list-search-horizontal-1line .sonderbutton:hover,#section-vehicle-list-search-horizontal-1line .sonderbutton:active { color: #fff; } #section-vehicle-list-search-horizontal-1line .sonderbutton .bs-caret { position: absolute; top: 6px; right: 28px; } #section-vehicle-list-search-horizontal-1line #vehicleSearchFahrzeugdetails span { text-overflow: ellipsis; max-width: 90%; overflow: hidden; } #section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .colors-col .checkbox { display: inline; } #section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .colors-col .checkbox.checkbox-css .cr { width: 2.3em; height: 2.3em; } #section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .colors-col > div:first-child { margin-bottom: 10px; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .row .col-md-5 .col-xs-6,#section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .row .col-md-5 .col-xs-12 { padding-left: 0; } #section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .colors-col .col-xs-12,#section-vehicle-list-search-horizontal-1line #search_fahrzeugdetails .colors-col .col-xs-6 { padding-left: 0; } } #section-vehicle-list-search-horizontal-1line #preis_selection { background: transparent; position: absolute; padding-top: 10px; padding-bottom: 10px; width: calc(100% - 30px); z-index: 99; } @media (max-width: 768px) { #section-vehicle-list-search-horizontal-1line #preis_selection { margin-top: 0; } } #section-vehicle-list-search-horizontal-1line .border-col-line { border-top: 4px solid #000000; margin-left: 15px; width: calc(100% - 30px - 25%); margin-top: -5px; } #section-vehicle-list-search-horizontal-1line .border-col-line-full { border-top: 2px solid #000000; margin-left: 15px; width: calc(100% - 30px); margin-top: 5px; margin-bottom: 10px; } #section-vehicle-list-search-horizontal-1line .row-with-line .search-start .badge { padding: 3px 3px; top: -1px; font-size: 14px; } @media (max-width: 480px) { #section-vehicle-list-search-horizontal-1line .row-with-line { margin-top: -10px; } } #section-vehicle-list-search-horizontal-1line .zlline .search-start { padding-top: 7px !important; padding-bottom: 7px !important; margin-top: 0; } @media (max-width: 991px) { #section-vehicle-list-search-horizontal-1line { display: none; } #section-vehicle-list-search-horizontal-1line .row .col-xs-12 { margin-bottom: 10px; } #section-vehicle-list-search-horizontal-1line .row .hidden-xs { margin-bottom: 10px; } #section-vehicle-list-search-horizontal-1line .btn { padding: 6px 12px; } } @media (max-width: 991px) { .site-home #section-vehicle-list-search-horizontal-1line { display: block; } } .site-home #section-vehicle-list-search-horizontal.section-vehicle-list-search-horizontal-new-1line .search-center { margin: 0 auto; text-align: center; } .site-home #section-vehicle-list-search-horizontal.section-vehicle-list-search-horizontal-new-1line .search-center .btn.search-start { display: inline; max-width: 300px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 15.12.2016,11:08:23 Author : Florian Neueder*/.section-vehicles-list-startseite { padding-bottom: 30px; } .section-vehicles-list-startseite .section-vehicle-list-articles-tile-startseite .image-side-list { height: 100%; width: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .section-vehicles-list-startseite .section-vehicle-list-articles-tile-startseite .image-side-list a { display: inline; width: 100%; height: 100%; } .section-vehicles-list-startseite .section-vehicle-list-articles-tile-startseite .line-top-bottom { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 20px; font-size: .8em; line-height: 1.5em; padding-bottom: 20px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 22.12.2016,09:36:27 Author : Florian Neueder*/#pre_area form .btn-primary { width: 100%; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 14.02.2017,11:15:07 Author : Florian Neueder*//*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 05.12.2016,13:59:22 Author : Florian Neueder*/#aside-map-direction { clear: both; } #google-map-direction-container { min-height: 200px; width: calc(100%); position: relative; bottom: -20px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 06.12.2016,11:01:30 Author : Florian Neueder*/.footer-form { background: transparent !important; margin-top: 0px; position: relative; z-index: 2; margin-bottom: 0px; } .footer-form .headline-h2,.footer-form .subheadline-h3 { color: #ffffff !important; } .footer-form .row > div { margin-bottom: 0px !important; } .footer-form #contact-footer-form { margin-top: 5px; margin-bottom: 0px; } .footer-form #contact-footer-form .form-control { border-radius: 0; background: #ffffff; border-color: rgba(0,0,0,0.6); color: #000000; font-weight: 600; margin-bottom: 3px; height: 40px; } @media (max-width: 480px) { .footer-form #contact-footer-form .form-control { margin-bottom: 5px; } } .footer-form #contact-footer-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } .footer-form #contact-footer-form input::-moz-placeholder {  color: #000000; } .footer-form #contact-footer-form input:-ms-input-placeholder {  color: #000000; } .footer-form #contact-footer-form input:-moz-placeholder {  color: #000000; } .footer-form #contact-footer-form input::placeholder { color: #000000; } .footer-form #contact-footer-form textarea.form-control { height: 100px; color: #000000; } .footer-form #contact-footer-form textarea::placeholder,.footer-form #contact-footer-form textarea::-webkit-input-placeholder,.footer-form #contact-footer-form textarea::-moz-placeholder,.footer-form #contact-footer-form textarea:-ms-input-placeholder,.footer-form #contact-footer-form textarea:-moz-placeholder { color: #000000; } .footer-form #contact-footer-form p { font-size: 0.720em; font-weight: 700; margin-bottom: 10px; color: #ffffff; } @media (max-width: 480px) { .footer-form #contact-footer-form p { margin-bottom: 10px; } } .footer-form #contact-footer-form .name-row { margin-bottom: 0px; } .footer-form #contact-footer-form .btn-primary,.footer-form #contact-footer-form button { color: #ffffff !important; border-width: 0; font-weight: 600 !important; border-radius: 0; background-color: #00adef !important; margin-top: 0; height: 61px; font-size: 20px !important; width: 100%; } .footer-form #contact-footer-form .btn-primary:hover,.footer-form #contact-footer-form button:hover { background-color: #008fc6 !important; border-color: #0088bc; } .footer-form #contact-footer-form label { color: #ffffff; display: block; margin-bottom: 15px; } .footer-form #contact-footer-form input[type=checkbox],.footer-form #contact-footer-form input[type=radio] { display: none; } .footer-form #contact-footer-form .checkbox.checkbox-css .cr,.footer-form #contact-footer-form .radio.checkbox-css .cr { border: 1px solid #ffffff; } /* Created on : 18.05.2017,11:44:35 Author : Florian Neueder*/#aside-side-info-menu { display: inline; position: absolute; bottom: 0; right: calc(calc(100% / 12) - 55px); z-index: 999; } #aside-side-info-menu > button { background: #00adef; color: #ffffff; border: 0; width: 60px; } #aside-side-info-menu #area-side-menu { position: absolute; width: 293px; right: 0; } #aside-side-info-menu #area-side-menu ul { list-style: none; } #aside-side-info-menu #area-side-menu ul li { margin-top: 3px; line-height: 11px; height: 50px; } #aside-side-info-menu #area-side-menu ul .btn-info-icon { background: #00adef; color: #ffffff; width: 50px; height: 50px; display: inline-block; float: left; font-size: 10px; text-align: center; vertical-align: middle; padding: 10px; } #aside-side-info-menu #area-side-menu ul .btn-info-icon .fa { font-size: 2em; top: 5px; position: relative; } #aside-side-info-menu #area-side-menu ul .btn-info-text { float: left; height: 50px; background: #00adef; color: #fff; display: inline-block; margin-left: 3px; width: 200px; padding: 19px 10px 10px; font-size: 13px; font-weight: 400; vertical-align: middle; } .header_fixed #aside-side-info-menu > button { height: 60px; } @media (min-width: 1670px) and (max-width: 1870px) { #aside-side-info-menu { right: 0; } }@media (max-width: 768px) { #aside-side-info-menu { right: 0; } }/*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 18.05.2017,11:44:35 Author : Florian Neueder*/#aside-side-info-menu { display: none; bottom: 28px; right: 0; } #aside-side-info-menu > button { color: #ffffff; } #aside-side-info-menu > button i { font-size: 55px; font-weight: 200; } #aside-side-info-menu > button .fa-plus:before { content: "+"; } #aside-side-info-menu #area-side-menu ul .btn-info-icon { color: #ffffff; } #aside-side-info-menu #area-side-menu ul .btn-info-text { color: #ffffff; letter-spacing: 1px; text-transform: uppercase; } .header_fixed #aside-side-info-menu { display: block; bottom: 0px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 02.12.2016,13:13:33 Author : Florian Neueder*/#section-blog-3slider { position: relative; padding-bottom: 35px; } #section-blog-3slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-blog-3slider .blog-3slider-entry img { height: 260px; width: auto; max-width: unset; margin: 0 auto; } @media (max-width: 480px) { #section-blog-3slider .blog-3slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-blog-3slider .prev,#section-blog-3slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1024px) { #section-blog-3slider .prev,#section-blog-3slider .next { display: none; } } #section-blog-3slider .prev:hover,#section-blog-3slider .next:hover { opacity: 0.7; } #section-blog-3slider .next { right: -40px; } #section-blog-3slider .prev { left: -65px; } #section-blog-3slider .blog-3slider-container { position: relative; } #section-blog-3slider .blog-3slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-blog-3slider .blog-3slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-blog-3slider .blog-3slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-blog-3slider .blog-3slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } @media (max-width: 1024px) { #section-blog-3slider .blog-3slider-entry:hover .hover_area { display: none; } } #section-blog-3slider .blog-3slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 260px; max-height: 260px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } #section-blog-3slider .blog-3slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 1379px) { #section-blog-3slider .prev { left: -35px; } #section-blog-3slider .next { right: -20px; } } @media (max-width: 1024px) { #section-blog-3slider .prev,#section-blog-3slider .next { display: inline-block !important; font-size: 12px !important; } #section-blog-3slider .prev { left: 0px; } #section-blog-3slider .next { right: 0px; } } @media (max-width: 768px) { #section-blog-3slider .blog-3slider-entry > a { width: 100% !important; } #section-blog-3slider .blog-3slider-entry img { max-width: 100%; height: auto !important; width: 100%; } #section-blog-3slider .prev { left: -15px; } #section-blog-3slider .next { right: -15px; } } @media (max-width: 480px) { #section-blog-3slider .prev { left: -15px; } #section-blog-3slider .next { right: -15px; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 07.11.2017,16:52:51 Author : Florian Neueder*/#section-blog-3slider .blog-3slider-entry img { height: 330px; } @media (min-width: 992px) and (max-width: 1100px) { #section-blog-3slider .blog-3slider-entry img { height: 323px; } }#section-blog-3slider .blog-3slider-entry .hover_area { min-height: 330px; max-height: 330px; padding-top: 160px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 20.02.2017,16:25:31 Author : Florian Neueder*/#section-blog-info-left-slider .blog-info-left-slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 600; font-size: 1.2em; }@media (max-width: 480px) { #section-blog-info-left-slider .blog-info-left-slider .blog-slider-entry { padding: 0px; } }#section-blog-info-left-slider .blog-info-left-slider .blog-slider-entry .img { height: 405px; width: auto; max-width: unset; background-size: cover !important; } @media (max-width: 480px) { #section-blog-info-left-slider .blog-info-left-slider .blog-slider-entry .img { width: 100%; height: auto; max-width: 100%; min-height: 220px; } }#section-blog-info-left-slider .blog-info-left-slider .blog-slider-entry a { width: 100%; }#section-blog-info-left-slider .blog-info-left-slider { position: relative; overflow: hidden; }#section-blog-info-left-slider .blog-info-left-slider #immersive_slider { margin: 100px 0; }#section-blog-info-left-slider .blog-info-left-slider .blog-slider-entry:hover .blog_hover { display: inline; }#section-blog-info-left-slider .blog-info-left-slider .blog_hover { display: none; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .hover_main { padding: 45px; height: calc(100% - 52px); width: calc(100%); z-index: 99; position: absolute; top: 0px; right: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; font-size: 0.933em; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .hover_main h2 { font-size: 1.333em; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .hover_main small { font-size: 0.733em; display: block; margin-bottom: 40px; margin-top: 5px; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .hover_main div p { padding-bottom: 10px; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .hover_footer { height: 50px; width: calc(100%); z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; padding: 15px 15px 15px 45px; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .hover_footer a { color: #000000; font-size: 0.933em; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .social_area_hover { height: 50px; width: 221px; z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; right: 0px; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .social_area_hover .socialicon_area { float: left; margin-right: 2px; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .social_area_hover .socialicon_area:hover { width: 50px; } #section-blog-info-left-slider .blog-info-left-slider .blog_hover .social_area_hover .socialicon_area:last-child { margin-right: 0px; }@media (max-width: 768px) { #section-blog-info-left-slider .blog-slider-entry .img-responsive { width: 100%; } #section-blog-info-left-slider .blog-slider-entry > a { float: left; width: 50%; } #section-blog-info-left-slider .blog-slider-entry img { max-width: 100%; height: auto; } #section-blog-info-left-slider .blog_hover { width: 100%; float: right; display: inline; } #section-blog-info-left-slider .blog_hover .hover_main { padding: 10px 0px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 210px; overflow: hidden; text-overflow: ellipsis; } #section-blog-info-left-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-info-left-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-info-left-slider .blog_hover .hover_footer,#section-blog-info-left-slider .blog_hover .social_area_hover { display: none; } }@media (max-width: 480px) { #section-blog-info-left-slider .blog-slider-entry > a { float: left; width: 100%; } #section-blog-info-left-slider .blog_hover { display: none !important; width: 100%; float: right; position: relative; z-index: 1; } #section-blog-info-left-slider .blog_hover .hover_main { padding: 0px 12px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 110px; overflow: hidden; text-overflow: ellipsis; } #section-blog-info-left-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-info-left-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-info-left-slider .blog_hover .hover_main .hover_footer,#section-blog-info-left-slider .blog_hover .hover_main .social_area_hover { display: none; } #section-blog-info-left-slider > .scrollReveal { margin-left: 0px; margin-right: 0px; } #section-blog-info-left-slider > .scrollReveal .blog-slider-entry { /*margin-left: -15px;*/ } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 20.02.2017,16:25:31 Author : Florian Neueder*/#section-blog-info-right-slider .blog-info-right-slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 600; font-size: 1.2em; }@media (max-width: 480px) { #section-blog-info-right-slider .blog-info-right-slider .blog-slider-entry { padding: 0px; } }#section-blog-info-right-slider .blog-info-right-slider .blog-slider-entry .img { height: 405px; width: auto; max-width: unset; background-size: cover !important; } @media (max-width: 480px) { #section-blog-info-right-slider .blog-info-right-slider .blog-slider-entry .img { width: 100%; height: auto; max-width: 100%; min-height: 220px; } }#section-blog-info-right-slider .blog-info-right-slider .blog-slider-entry a { width: 100%; }#section-blog-info-right-slider .blog-info-right-slider { position: relative; overflow: hidden; }#section-blog-info-right-slider .blog-info-right-slider #immersive_slider { margin: 100px 0; }#section-blog-info-right-slider .blog-info-right-slider .blog-slider-entry:hover .blog_hover { display: inline; }#section-blog-info-right-slider .blog-info-right-slider .blog_hover { display: none; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .hover_main { padding: 45px; height: calc(100% - 52px); width: calc(100%); z-index: 99; position: absolute; top: 0px; right: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; font-size: 0.933em; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .hover_main h2 { font-size: 1.333em; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .hover_main small { font-size: 0.733em; display: block; margin-bottom: 40px; margin-top: 5px; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .hover_main div p { padding-bottom: 10px; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .hover_footer { height: 50px; width: calc(100%); z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; padding: 15px 15px 15px 45px; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .hover_footer a { color: #000000; font-size: 0.933em; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .social_area_hover { height: 50px; width: 221px; z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; right: 0px; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .social_area_hover .socialicon_area { float: left; margin-right: 2px; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .social_area_hover .socialicon_area:hover { width: 50px; } #section-blog-info-right-slider .blog-info-right-slider .blog_hover .social_area_hover .socialicon_area:last-child { margin-right: 0px; }@media (max-width: 768px) { #section-blog-info-right-slider .blog-slider-entry .img-responsive { width: 100%; } #section-blog-info-right-slider .blog-slider-entry > a { float: left; width: 50%; } #section-blog-info-right-slider .blog-slider-entry img { max-width: 100%; height: auto; } #section-blog-info-right-slider .blog_hover { width: 100%; float: right; display: inline; } #section-blog-info-right-slider .blog_hover .hover_main { padding: 10px 0px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 210px; overflow: hidden; text-overflow: ellipsis; } #section-blog-info-right-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-info-right-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-info-right-slider .blog_hover .hover_footer,#section-blog-info-right-slider .blog_hover .social_area_hover { display: none; } }@media (max-width: 480px) { #section-blog-info-right-slider .blog-slider-entry > a { float: left; width: 100%; } #section-blog-info-right-slider .blog_hover { display: none !important; width: 100%; float: right; position: relative; z-index: 1; } #section-blog-info-right-slider .blog_hover .hover_main { padding: 0px 12px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 110px; overflow: hidden; text-overflow: ellipsis; } #section-blog-info-right-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-info-right-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-info-right-slider .blog_hover .hover_main .hover_footer,#section-blog-info-right-slider .blog_hover .hover_main .social_area_hover { display: none; } #section-blog-info-right-slider > .scrollReveal { margin-left: 0px; margin-right: 0px; } #section-blog-info-right-slider > .scrollReveal .blog-slider-entry { /*margin-left: -15px;*/ } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 20.02.2017,16:25:31 Author : Florian Neueder*/#section-blog-left-search-slider .blog-left-search-slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 600; font-size: 1.2em; }@media (max-width: 480px) { #section-blog-left-search-slider .blog-left-search-slider .blog-slider-entry { padding: 0px; } }#section-blog-left-search-slider .blog-left-search-slider .blog-slider-entry .img { height: 405px; width: auto; max-width: unset; background-size: cover !important; } @media (max-width: 480px) { #section-blog-left-search-slider .blog-left-search-slider .blog-slider-entry .img { width: 100%; height: auto; max-width: 100%; min-height: 220px; } }#section-blog-left-search-slider .blog-left-search-slider .blog-slider-entry a { width: 100%; }#section-blog-left-search-slider .blog-left-search-slider { position: relative; overflow: hidden; }#section-blog-left-search-slider .blog-left-search-slider #immersive_slider { margin: 100px 0; }#section-blog-left-search-slider .blog-left-search-slider .blog-slider-entry:hover .blog_hover { display: inline; }#section-blog-left-search-slider .blog-left-search-slider .blog_hover { display: none; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .hover_main { padding: 45px; height: calc(100% - 52px); width: calc(100%); z-index: 99; position: absolute; top: 0px; right: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; font-size: 0.933em; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .hover_main h2 { font-size: 1.333em; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .hover_main small { font-size: 0.733em; display: block; margin-bottom: 40px; margin-top: 5px; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .hover_main div p { padding-bottom: 10px; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .hover_footer { height: 50px; width: calc(100%); z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; padding: 15px 15px 15px 45px; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .hover_footer a { color: #000000; font-size: 0.933em; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .social_area_hover { height: 50px; width: 221px; z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; right: 0px; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .social_area_hover .socialicon_area { float: left; margin-right: 2px; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .social_area_hover .socialicon_area:hover { width: 50px; } #section-blog-left-search-slider .blog-left-search-slider .blog_hover .social_area_hover .socialicon_area:last-child { margin-right: 0px; }@media (max-width: 768px) { #section-blog-left-search-slider .blog-slider-entry .img-responsive { width: 100%; } #section-blog-left-search-slider .blog-slider-entry > a { float: left; width: 50%; } #section-blog-left-search-slider .blog-slider-entry img { max-width: 100%; height: auto; } #section-blog-left-search-slider .blog_hover { width: 100%; float: right; display: inline; } #section-blog-left-search-slider .blog_hover .hover_main { padding: 10px 0px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 210px; overflow: hidden; text-overflow: ellipsis; } #section-blog-left-search-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-left-search-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-left-search-slider .blog_hover .hover_footer,#section-blog-left-search-slider .blog_hover .social_area_hover { display: none; } }@media (max-width: 480px) { #section-blog-left-search-slider .blog-slider-entry > a { float: left; width: 100%; } #section-blog-left-search-slider .blog_hover { display: none !important; width: 100%; float: right; position: relative; z-index: 1; } #section-blog-left-search-slider .blog_hover .hover_main { padding: 0px 12px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 110px; overflow: hidden; text-overflow: ellipsis; } #section-blog-left-search-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-left-search-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-left-search-slider .blog_hover .hover_main .hover_footer,#section-blog-left-search-slider .blog_hover .hover_main .social_area_hover { display: none; } #section-blog-left-search-slider > .scrollReveal { margin-left: 0px; margin-right: 0px; } #section-blog-left-search-slider > .scrollReveal .blog-slider-entry { /*margin-left: -15px;*/ } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 20.02.2017,16:25:31 Author : Florian Neueder*/#section-blog-right-search-slider .blog-right-search-slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 600; font-size: 1.2em; }@media (max-width: 480px) { #section-blog-right-search-slider .blog-right-search-slider .blog-slider-entry { padding: 0px; } }#section-blog-right-search-slider .blog-right-search-slider .blog-slider-entry .img { height: 405px; width: auto; max-width: unset; background-size: cover !important; } @media (max-width: 480px) { #section-blog-right-search-slider .blog-right-search-slider .blog-slider-entry .img { width: 100%; height: auto; max-width: 100%; min-height: 220px; } }#section-blog-right-search-slider .blog-right-search-slider .blog-slider-entry a { width: 100%; }#section-blog-right-search-slider .blog-right-search-slider { position: relative; overflow: hidden; }#section-blog-right-search-slider .blog-right-search-slider #immersive_slider { margin: 100px 0; }#section-blog-right-search-slider .blog-right-search-slider .blog-slider-entry:hover .blog_hover { display: inline; }#section-blog-right-search-slider .blog-right-search-slider .blog_hover { display: none; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .hover_main { padding: 45px; height: calc(100% - 52px); width: calc(100%); z-index: 99; position: absolute; top: 0px; right: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; font-size: 0.933em; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .hover_main h2 { font-size: 1.333em; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .hover_main small { font-size: 0.733em; display: block; margin-bottom: 40px; margin-top: 5px; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .hover_main div p { padding-bottom: 10px; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .hover_footer { height: 50px; width: calc(100%); z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; padding: 15px 15px 15px 45px; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .hover_footer a { color: #000000; font-size: 0.933em; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .social_area_hover { height: 50px; width: 221px; z-index: 99; position: absolute; min-height: 50px; right: 0px; bottom: 0px; right: 0px; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .social_area_hover .socialicon_area { float: left; margin-right: 2px; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .social_area_hover .socialicon_area:hover { width: 50px; } #section-blog-right-search-slider .blog-right-search-slider .blog_hover .social_area_hover .socialicon_area:last-child { margin-right: 0px; }@media (max-width: 768px) { #section-blog-right-search-slider .blog-slider-entry .img-responsive { width: 100%; } #section-blog-right-search-slider .blog-slider-entry > a { float: left; width: 50%; } #section-blog-right-search-slider .blog-slider-entry img { max-width: 100%; height: auto; } #section-blog-right-search-slider .blog_hover { width: 100%; float: right; display: inline; } #section-blog-right-search-slider .blog_hover .hover_main { padding: 10px 0px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 210px; overflow: hidden; text-overflow: ellipsis; } #section-blog-right-search-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-right-search-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-right-search-slider .blog_hover .hover_footer,#section-blog-right-search-slider .blog_hover .social_area_hover { display: none; } }@media (max-width: 480px) { #section-blog-right-search-slider .blog-slider-entry > a { float: left; width: 100%; } #section-blog-right-search-slider .blog_hover { display: none !important; width: 100%; float: right; position: relative; z-index: 1; } #section-blog-right-search-slider .blog_hover .hover_main { padding: 0px 12px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 110px; overflow: hidden; text-overflow: ellipsis; } #section-blog-right-search-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } #section-blog-right-search-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } #section-blog-right-search-slider .blog_hover .hover_main .hover_footer,#section-blog-right-search-slider .blog_hover .hover_main .social_area_hover { display: none; } #section-blog-right-search-slider > .scrollReveal { margin-left: 0px; margin-right: 0px; } #section-blog-right-search-slider > .scrollReveal .blog-slider-entry { /*margin-left: -15px;*/ } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 20.02.2017,15:19:13 Author : Florian Neueder*/#section-blog-3slider-fullwidth { position: relative; margin-top: 25px; margin-bottom: 60px; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry img { height: 424px; width: auto; max-width: unset; } @media (max-width: 1024px) { #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry img { height: 228px; width: auto; max-width: unset; } } @media (max-width: 768px) { #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry img { height: 256px; width: auto; max-width: unset; } } @media (max-width: 640px) { #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-blog-3slider-fullwidth .blog-3slider-fullwidth-container { position: relative; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth-container .prev,#section-blog-3slider-fullwidth .blog-3slider-fullwidth-container .next { position: absolute; top: 55%; background-color: rgba(255,255,255,0.7); color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 30px; line-height: 31px; text-align: center; z-index: 101; font-size: 15px !important; opacity: 1; cursor: pointer; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth-container .next { right: 0px; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth-container .prev { left: 0px; } #section-blog-3slider-fullwidth blog-3slider-fullwidth-container:hover .prev,#section-blog-3slider-fullwidth blog-3slider-fullwidth-container:hover .next { opacity: 0.7; } #section-blog-3slider-fullwidth .container-fluid { margin-bottom: 30px; } #section-blog-3slider-fullwidth .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-blog-3slider-fullwidth .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-blog-3slider-fullwidth a { display: block; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth #immersive_slider { margin: 100px 0; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 424px; max-height: 424px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.1); color: #ffffff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 220px; font-size: 1.2em; border-bottom: 5px solid #00adef; } @media (max-width: 1024px) { #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry .hover_area { min-height: 228px; max-height: 228px; } } @media (max-width: 768px) { #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry .hover_area { min-height: 256px; max-height: 256px; } } #section-blog-3slider-fullwidth .blog-3slider-fullwidth .blog-slider-entry:first-child .hover_area { left: 0px; } #section-blog-3slider-fullwidth .blog1 { margin-left: 15px !important; } #section-blog-3slider-fullwidth .blog2 { margin-left: 15px !important; margin-right: 15px !important; } #section-blog-3slider-fullwidth .blogs { padding-left: 0px !important; padding-right: 0px !important; width: 32%; } @media (max-width: 1024px) { #section-blog-3slider-fullwidth .blogs { width: 31%; } } @media (max-width: 768px) { #section-blog-3slider-fullwidth .blog-slider-entry > a { width: 100% !important; } #section-blog-3slider-fullwidth news-slider .blog-slider-entry img,#section-blog-3slider-fullwidth .blog-slider-entry img { max-width: 100%; height: auto; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 02.12.2016,13:13:33 Author : Florian Neueder*/#section-blog-4slider { padding: 0px 15px; position: relative; padding-bottom: 35px; } #section-blog-4slider h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-blog-4slider .blog-4slider-entry .entry-img { height: 290px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .2s ease-in-out; overflow: hidden; } #section-blog-4slider .blog-4slider-entry .entry-img-area { height: 290px; width: 100%; overflow: hidden; } #section-blog-4slider .blog-4slider-entry img { height: 290px; width: auto; max-width: unset; margin: 0 auto; } @media (max-width: 480px) { #section-blog-4slider .blog-4slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-blog-4slider .prev,#section-blog-4slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 15px; line-height: 31px; text-align: center; z-index: 5; font-size: 15px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1680px) { #section-blog-4slider .prev,#section-blog-4slider .next { display: none; } } #section-blog-4slider .prev:hover,#section-blog-4slider .next:hover { opacity: 0.7; } #section-blog-4slider .next { right: 0px; } #section-blog-4slider .prev { left: 0px; } #section-blog-4slider .blog-4slider-container { position: relative; } #section-blog-4slider .blog-4slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-blog-4slider .blog-4slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-blog-4slider .blog-4slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-blog-4slider .blog-4slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } @media (max-width: 1024px) { #section-blog-4slider .blog-4slider-entry:hover .hover_area { display: none; } } #section-blog-4slider .blog-4slider-entry:hover .entry-img { transform: scale(1.1); } #section-blog-4slider .blog-4slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; max-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } #section-blog-4slider .blog-4slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 1379px) { #section-blog-4slider .prev { left: 0px; } #section-blog-4slider .next { right: 0px; } } @media (max-width: 1024px) { #section-blog-4slider .prev,#section-blog-4slider .next { display: inline-block !important; font-size: 12px !important; } #section-blog-4slider .prev { left: 0px; } #section-blog-4slider .next { right: 0px; } } @media (max-width: 768px) { #section-blog-4slider .blog-4slider-entry > a { width: 100% !important; } #section-blog-4slider .blog-4slider-entry img { max-width: 100%; height: auto; } #section-blog-4slider .prev { left: 0px; } #section-blog-4slider .next { right: 0px; } } @media (max-width: 480px) { #section-blog-4slider .prev { left: 0px; } #section-blog-4slider .next { right: 0px; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 19.05.2017,13:37:27 Author : Florian Neueder*/#section-blog-4slider { padding: 0px; padding-top: 35px; padding-bottom: 70px; } #section-blog-4slider .blog-4slider-entry img { height: 255px; } #section-blog-4slider .blog-4slider-entry .hover_area { min-height: 255px; max-height: 255px; padding-top: 131px; } #section-blog-4slider .prev,#section-blog-4slider .next { font-size: 75px !important; } #section-blog-4slider .prev { left: -70px; } #section-blog-4slider .prev .fa-chevron-left::before { content: '\f104'; } #section-blog-4slider .next { right: -70px; } #section-blog-4slider .next .fa-chevron-right::before { content: '\f105'; } #section-blog-4slider h2 { height: auto; overflow: show; font-size: 15px; text-align: center; overflow: hidden; margin-top: 20px; line-height: 30px; } /* Created on : 02.12.2016,13:13:33 Author : Florian Neueder*/#section-blog-4slider-fullwidth { padding: 35px 0; position: relative; } #section-blog-4slider-fullwidth .blog-4slider-entry img { margin: 0 auto; max-width: 100%; } #section-blog-4slider-fullwidth .blog-4slider-entry > a { display: block; position: relative; } #section-blog-4slider-fullwidth .blog-4slider-entry > a:hover .hover_area { -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; display: flex; } #section-blog-4slider-fullwidth .blog-4slider-entry > a:hover .entry-img { transform: scale(1.1); } #section-blog-4slider-fullwidth .blog-4slider-entry .hover_area { align-items: center; background: rgba(217,217,217,0.9); color: #000000; display: none; font-size: 1em; font-weight: bold; height: 100%; justify-content: center; text-align: center; vertical-align: middle; width: 100%; z-index: 99; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } @media (min-width: 1024px) { #section-blog-4slider-fullwidth .blog-4slider-entry .hover_area { font-size: 1.2em; } } #section-blog-4slider-fullwidth .blog-4slider-entry .entry-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 290px; overflow: hidden; transition: all .2s ease-in-out; width: 100%; } #section-blog-4slider-fullwidth .blog-4slider-entry .entry-img-area { height: 290px; overflow: hidden; width: 100%; } #section-blog-4slider-fullwidth h2 { background: #eee; color: #000; font-size: 1em; font-weight: bold; margin: 0; padding: 15px; text-align: center; } #section-blog-4slider-fullwidth .prev,#section-blog-4slider-fullwidth .next { background-color: transparent; color: #00adef; cursor: pointer; display: block; font-size: 12px; height: 30px; line-height: 30px; opacity: .7; text-align: center; transform: translateY(-15px); width: 15px; z-index: 5; position: absolute; top: 50%; } @media (min-width: 1200px) { #section-blog-4slider-fullwidth .prev,#section-blog-4slider-fullwidth .next { display: none; font-size: 15px; } } #section-blog-4slider-fullwidth .prev:hover,#section-blog-4slider-fullwidth .next:hover { opacity: 1; } #section-blog-4slider-fullwidth .prev { left: 0; } #section-blog-4slider-fullwidth .next { right: 0; } /* Created on : 19.05.2017,13:37:27 Author : Florian Neueder*/#section-blog-4slider-fullwidth { padding: 35px 0 70px; } #section-blog-4slider-fullwidth .blog-4slider-entry img { height: 312px; } #section-blog-4slider-fullwidth .blog-4slider-entry .hover_area { max-height: 312px; min-height: 312px; padding-top: 150px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 22.05.2017,14:22:23 Author : Florian Neueder*/#section-bestellfahrzeuge-slider { width: 100%; padding-top: 70px; } #section-bestellfahrzeuge-slider .container,#section-bestellfahrzeuge-slider .container-fluid { max-width: 100%; text-align: center; padding-bottom: 45px; } #section-bestellfahrzeuge-slider .container .feature-heading,#section-bestellfahrzeuge-slider .container-fluid .feature-heading { padding-bottom: 10px; } #section-bestellfahrzeuge-slider .nv-element { display: inline-block; text-align: center; position: relative; background: transparent; font-family: 'brandlight'; font-size: 13px; height: 195px; padding: 10px; width: 100%; } #section-bestellfahrzeuge-slider .nv-element .feature-heading { margin-bottom: 3px; text-transform: uppercase; } #section-bestellfahrzeuge-slider .nv-element .link-third { font-size: 13px !important; text-transform: uppercase !important; text-decoration: underline !important; } #section-bestellfahrzeuge-slider .nv-element .h3 { font-size: 13px; } #section-bestellfahrzeuge-slider .nv-element .more-modell-infos { display: none; text-align: center; font-family: 'brandbold'; } #section-bestellfahrzeuge-slider .nv-element .more-modell-infos a { font-size: 12px; text-transform: uppercase; color: #000; padding-bottom: 4px; border-bottom: 2px solid #000; margin-right: 2px; margin-left: 2px; font-family: 'brandbold'; } #section-bestellfahrzeuge-slider .nv-element .more-modell-infos a:last-child { margin-right: 0px; } #section-bestellfahrzeuge-slider .nv-element .more-modell-infos a:first-child { margin-left: 0px; } #section-bestellfahrzeuge-slider .nv-element:hover { border-top-left-radius: 5px; border-top-right-radius: 5px; background: #e2e2e2; border-bottom: 2px solid #999999; } #section-bestellfahrzeuge-slider .nv-element:hover .more-modell-infos { display: block; } #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container { padding-top: 25px; position: relative; } #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .prev,#section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .next { position: absolute; top: 40%; color: #999; display: inline-block; margin-top: 0px; height: 75px; width: 40px; line-height: 63px; text-align: center; z-index: 5; font-size: 70px !important; cursor: pointer; } @media (max-width: 768px) { #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .prev,#section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .next { top: 20%; } } @media (max-width: 480px) { #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .prev,#section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .next { display: none; } } #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .prev:hover,#section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .next:hover { opacity: 0.5; } #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .next { right: -80px; } @media (max-width: 768px) { #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .next { right: -40px; } } #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .prev { left: -80px; } @media (max-width: 768px) { #section-bestellfahrzeuge-slider .bestellfahrzeuge-slider-container .prev { left: -40px; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 22.05.2017,09:34:36 Author : Florian Neueder*/.multi-directions-overlay { width: 100%; background: #ffffff; min-height: 400px; display: none; position: absolute; top: 55px; left: 0px; z-index: 100; color: #000000; padding-bottom: 25px; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .multi-directions-overlay .direction-marken { width: 70%; } @media (max-width: 480px) { .multi-directions-overlay .direction-marken { width: 100%; } } .multi-directions-overlay .direction-marken img { max-height: 40px; width: auto; height: 100%; display: inline; padding-right: 5px; } .multi-directions-overlay .direction-marken .brand-icon-set { height: 50px; display: inline; float: left; padding-right: 5px; } .multi-directions-overlay .direction-marken .brand-icon-set img { max-height: 40px; width: auto; max-width: 100% !important; height: 100%; display: inline; padding-right: 0px; } .multi-directions-overlay .direction-marken .brand-icon-set .service-info { text-transform: uppercase; font-size: 10px; line-height: 10px; display: block; } .multi-directions-overlay a { color: #000000; } .multi-directions-overlay .btn-primary { background: #00adef; background-color: #00adef !important; color: #ffffff; } .multi-directions-overlay h2 { color: #000000; } .multi-directions-overlay .nv-location { font-size: 13px; } .multi-directions-overlay .nv-location strong { color: #000; } .multi-directions-overlay .nv-location .feature-heading { margin-bottom: 3px; text-transform: none !important; font-weight: bold; } .multi-directions-overlay .nv-location .link-third { font-size: 13px !important; text-transform: none !important; padding-bottom: 4px; border-bottom: 2px solid #000000; margin-right: 15px; margin-bottom: 5px; display: inline-block; } .multi-directions-overlay .nv-location .akt-standort { padding-top: 15px; } .multi-directions-overlay .nv-location .akt-standort .green { color: #7fb72a; } .multi-directions-overlay .nv-location .select-standort { padding-top: 15px; display: block; font-weight: 600 !important; cursor: pointer; } .multi-directions-overlay .nv-location .nv-company { padding-top: 10px; font-size: 12px; line-height: 18px; } .multi-directions-overlay .multi-directions-slider-container { padding-top: 25px; position: relative; } .multi-directions-overlay .multi-directions-slider-container .prev,.multi-directions-overlay .multi-directions-slider-container .next { position: absolute; top: 40%; color: #00adef; display: inline-block; margin-top: 0px; height: 75px; width: 40px; line-height: 63px; text-align: center; z-index: 5; font-size: 70px !important; cursor: pointer; opacity: .2; } @media (max-width: 768px) { .multi-directions-overlay .multi-directions-slider-container .prev,.multi-directions-overlay .multi-directions-slider-container .next { display: none; } } .multi-directions-overlay .multi-directions-slider-container .prev:hover,.multi-directions-overlay .multi-directions-slider-container .next:hover { opacity: 1; } .multi-directions-overlay .multi-directions-slider-container .next { right: -80px; } .multi-directions-overlay .multi-directions-slider-container .prev { left: -80px; } .multi-directions-overlay .multi-directions-slider-container img { max-width: 80%; height: auto; } .multi-directions-overlay #closeMultiDirectionOverlay { text-align: center; display: block; padding-top: 20px; font-size: 20px; line-height: 20px; font-weight: 700 !important; cursor: pointer; text-transform: uppercase; } #multi-directions-load,#side-multi-directions-load { cursor: pointer; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 20.02.2017,15:19:13 Author : Florian Neueder*/#section-blog-2slider-fullwidth { position: relative; margin-top: 25px; margin-bottom: 60px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth h2 { padding: 0px; margin: 0px; color: #000; font-weight: 700; font-size: 1em; text-align: center; height: 20px; overflow: hidden; margin-top: 15px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry img { height: auto; width: 100%; max-width: unset; max-height: 603px; } @media (max-width: 1024px) { #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry img { height: 228px; width: auto; max-width: unset; } } @media (max-width: 768px) { #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry img { height: 256px; width: auto; max-width: unset; } } @media (max-width: 640px) { #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-blog-2slider-fullwidth .blog-2slider-fullwidth-container { position: relative; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth-container .prev,#section-blog-2slider-fullwidth .blog-2slider-fullwidth-container .next { position: absolute; top: 55%; background-color: rgba(255,255,255,0.7); color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 30px; line-height: 31px; text-align: center; z-index: 101; font-size: 15px !important; opacity: 1; cursor: pointer; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth-container .next { right: 0px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth-container .prev { left: 0px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth-container:hover .prev,#section-blog-2slider-fullwidth .blog-2slider-fullwidth-container:hover .next { opacity: 0.7; } #section-blog-2slider-fullwidth .container-fluid { margin-bottom: 30px; } #section-blog-2slider-fullwidth .vehicles-home-slider-title { margin-top: 10px; text-align: center; font-weight: bold; font-size: 2.467em; color: #000000; } #section-blog-2slider-fullwidth .vehicles-home-slider-subtitle { margin-top: 7px; text-align: center; font-weight: 600; font-size: 1.4em; color: #3c3c3c; } #section-blog-2slider-fullwidth a { display: block; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth #immersive_slider { margin: 100px 0; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 603px; max-height: 603px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.1); color: #ffffff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 220px; font-size: 1.2em; border-bottom: 5px solid #00adef; } @media (max-width: 1024px) { #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry .hover_area { min-height: 228px; max-height: 228px; } } @media (max-width: 768px) { #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry .hover_area { min-height: 256px; max-height: 256px; } } #section-blog-2slider-fullwidth .blog-2slider-fullwidth .blog-slider-entry:first-child .hover_area { left: 0px; } #section-blog-2slider-fullwidth .blog1 { margin-left: 15px !important; } #section-blog-2slider-fullwidth .blog2 { margin-left: 15px !important; margin-right: 15px !important; } #section-blog-2slider-fullwidth .blogs { padding-left: 0px !important; padding-right: 0px !important; width: 32%; } @media (max-width: 1024px) { #section-blog-2slider-fullwidth .blogs { width: 31%; } } @media (max-width: 768px) { #section-blog-2slider-fullwidth .blog-slider-entry > a { width: 100% !important; } #section-blog-2slider-fullwidth news-slider .blog-slider-entry img,#section-blog-2slider-fullwidth .blog-slider-entry img { max-width: 100%; height: auto; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 24.05.2017,17:49:20 Author : Florian Neueder*/#section-blog-accordion .panel-default,#section-blog-accordion-fullwidth .panel-default { border: 0px; }#section-blog-accordion .panel-default > .panel-heading,#section-blog-accordion-fullwidth .panel-default > .panel-heading { background-color: #00adef; color: #ffffff; border-color: transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; }#section-blog-accordion .panel-title,#section-blog-accordion-fullwidth .panel-title { margin-top: 0; margin-bottom: 0; font-size: 40px; text-transform: uppercase; font-weight: 700; }#section-blog-accordion .panel-title > a,#section-blog-accordion-fullwidth .panel-title > a { color: #ffffff; width: 100%; padding: 5px; }#section-blog-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body,#section-blog-accordion-fullwidth .panel-default > .panel-heading + .panel-collapse > .panel-body { border: 0px; }#section-blog-accordion .panel-group .panel-heading + .panel-collapse > .list-group,#section-blog-accordion .panel-group .panel-heading + .panel-collapse > .panel-body,#section-blog-accordion-fullwidth .panel-group .panel-heading + .panel-collapse > .list-group,#section-blog-accordion-fullwidth .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd; }#section-blog-accordion .panel-heading .accordion-toggle:after,#section-blog-accordion-fullwidth .panel-heading .accordion-toggle:after { font: normal normal normal 14px/1 FontAwesome; content: "\f106"; float: right; font-size: 40px; }#section-blog-accordion .panel-heading .accordion-toggle.collapsed:after,#section-blog-accordion-fullwidth .panel-heading .accordion-toggle.collapsed:after { content: "\f107"; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 14.06.2017,10:59:55 Author : Florian Neueder*/#section-3-info-boxen .infobox1 { padding-top: 10px; } #section-3-info-boxen .infobox1 p:first-child { margin-bottom: 0px; } #section-3-info-boxen .infobox1 .headline-h3 { color: #ffffff; background: #00adef; width: 100%; display: block; padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; } @media (max-width: 680px) { #section-3-info-boxen .infobox1 { padding-left: 0px; padding-right: 0px; } }#section-3-info-boxen .infobox1-body { min-height: 477px; background: #e8e8e8; } #section-3-info-boxen .infobox1-body .row { margin: 0px; } #section-3-info-boxen .infobox1-body .infobox2 { background: #e8e8e8; border-bottom: 1px solid #cfcfcf; padding-top: 10px; padding-bottom: 10px; transition-property: background,padding; transition-duration: 0.35s; transition-timing-function: linear; } @media (max-width: 920px) { #section-3-info-boxen .infobox1-body .infobox2 { margin-bottom: 0px; } } #section-3-info-boxen .infobox1-body .infobox2 a { color: #000; } #section-3-info-boxen .infobox1-body .infobox2 a:hover { color: #fff; } #section-3-info-boxen .infobox1-body .margintop10px { margin-bottom: 0px; } #section-3-info-boxen .infobox1-body img { max-width: 100%; height: auto; } #section-3-info-boxen .infobox1-body .infobox2:hover { background: #666666; color: #fff; border-bottom: 1px solid #cfcfcf; padding-top: 10px; padding-left: 30px; padding-right: 30px; } #section-3-info-boxen .infobox1-body .infobox2:hover a { color: #fff; } @media (max-width: 680px) { #section-3-info-boxen .infobox1-body { min-height: auto; } }@media (max-width: 768px) { #section-3-info-boxen { margin-left: -15px; margin-right: -15px; padding: 0px; } #section-3-info-boxen > .container { padding: 0; width: 100%; max-width: 100%; } #section-3-info-boxen .infobox1-body { min-height: 370px; } #section-3-info-boxen .infobox1-body .nopadding { margin-bottom: 0px; } }@media (max-width: 480px) { #section-3-info-boxen { margin-left: 0px; margin-right: 0px; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 16.06.2017,10:37:16 Author : Florian Neueder*/#section-vehicles-typ-icons .header-fzg-info { background: #00adef; color: #ffffff; width: 100%; display: block; padding: 10px; font-size: 18px; font-weight: 700; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; } @media (max-width: 920px) { #section-vehicles-typ-icons .header-fzg-info .col-xs-12 { margin-bottom: 0px; } } #section-vehicles-typ-icons .header-fzg-info .badge { display: inline; background: #00adef; color: #ffffff; font-size: 18px; font-weight: 700; padding: 0px; vertical-align: baseline; } #section-vehicles-typ-icons .header-fzg-info .fzg_infotext { display: inline; background: #00adef; color: #ffffff; }#section-vehicles-typ-icons .vehicle_types { cursor: pointer; }#section-vehicles-typ-icons .fzg_icon { width: 100%; height: 65px; text-align: center; margin-top: 15px; } #section-vehicles-typ-icons .fzg_icon img { max-width: 100%; height: auto; max-height: 64px; } #section-vehicles-typ-icons .fzg_icon .svgstyle { height: auto; width: 100%; max-height: 64px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } #section-vehicles-typ-icons .fzg_icon .svg path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; }#section-vehicles-typ-icons .fzg_info { width: 100%; display: block; text-align: center; font-size: .85em; line-height: 1.3em; min-height: 50px; padding-top: 3px; } #section-vehicles-typ-icons .fzg_info .fzg_name { font-weight: 700; display: inline; } #section-vehicles-typ-icons .fzg_info .fzg_count { display: inline; }#section-vehicles-typ-icons .vehicle_types.active { background: #e8e8e8; } #section-vehicles-typ-icons .vehicle_types.active .fzg_icon .svg path { fill: #00adef; } #section-vehicles-typ-icons .vehicle_types.active .fzg_icon .svgstyle { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; } #section-vehicles-typ-icons .vehicle_types.active .fzg_info .fzg_name { color: #00adef; } #section-vehicles-typ-icons.section-vehicles-kfz-icons .fzg_icon { width: 100%; height: 40px; font-size: 35px; margin-top: 0px; }#section-vehicles-typ-icons.section-vehicles-kfz-icons .vehicle_types .fzg_info { min-height: 35px; } #section-vehicles-typ-icons.section-vehicles-kfz-icons .vehicle_types .fzg_info .fzg_count { display: none; }#section-vehicles-typ-icons.section-vehicles-kfz-icons .vehicle_types.active { background: transparent; } #section-vehicles-typ-icons.section-vehicles-kfz-icons .vehicle_types.active .fzg_icon { color: #00adef; } #section-vehicles-typ-icons.section-vehicles-kfz-icons .vehicle_types.active .fzg_info .fzg_name { color: #00adef; } #section-vehicles-typ-icons.section-vehicles-kfz-icons .vehicle_types.active .fzg_info .fzg_count { display: none; } .highlight-search #section-vehicles-typ-icons { padding-bottom: 25px; } .highlight-search #section-vehicles-typ-icons .header-fzg-info { background: #00adef; color: #ffffff; width: 100%; display: block; padding: 10px; font-size: 18px; font-weight: 700; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; } @media (max-width: 920px) { .highlight-search #section-vehicles-typ-icons .header-fzg-info .col-xs-12 { margin-bottom: 0px; } } .highlight-search #section-vehicles-typ-icons .header-fzg-info .badge { display: inline; background: #00adef; color: #ffffff; font-size: 18px; font-weight: 700; padding: 0px; vertical-align: baseline; } .highlight-search #section-vehicles-typ-icons .header-fzg-info .fzg_infotext { display: inline; background: #00adef; color: #ffffff; } .highlight-search #section-vehicles-typ-icons .vehicle_types { cursor: pointer; padding-left: 5px; padding-right: 5px; } .highlight-search #section-vehicles-typ-icons .fzg_icon { width: 100%; height: 45px; text-align: center; margin-top: 15px; } .highlight-search #section-vehicles-typ-icons .fzg_icon img { max-width: 100%; height: auto; max-height: 45px; } .highlight-search #section-vehicles-typ-icons .fzg_icon .svgstyle { height: auto; width: 100%; max-height: 45px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); } .highlight-search #section-vehicles-typ-icons .fzg_icon .svg path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; fill: #fff; } .highlight-search #section-vehicles-typ-icons .fzg_info { width: 100%; display: block; text-align: center; font-size: .60em; line-height: 1.2em; min-height: 30px; padding-top: 5px; color: #fff; } .highlight-search #section-vehicles-typ-icons .fzg_info .fzg_name { font-weight: 400; display: inline; } .highlight-search #section-vehicles-typ-icons .fzg_info .fzg_count { display: inline; } .highlight-search #section-vehicles-typ-icons .vehicle_types.active { background: rgba(255,255,255,0.25); } .highlight-search #section-vehicles-typ-icons .vehicle_types.active .fzg_icon .svg path { fill: #fff; } .highlight-search #section-vehicles-typ-icons .vehicle_types.active .fzg_icon .svgstyle { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; -webkit-filter: none; } .highlight-search #section-vehicles-typ-icons .vehicle_types.active .fzg_info .fzg_name { color: #fff; } .highlight-search #section-vehicles-typ-icons .row-after-title { padding-top: 0px; } .highlight-search #section-vehicles-typ-icons .vehicles-icon-slider-container { position: relative; } .highlight-search #section-vehicles-typ-icons .vehicles-icon-slider-container .next,.highlight-search #section-vehicles-typ-icons .vehicles-icon-slider-container .prev { color: #fff; top: 43%; position: absolute; z-index: 99; font-size: 25px; } .highlight-search #section-vehicles-typ-icons .vehicles-icon-slider-container .next { right: 0px; } .highlight-search #section-vehicles-typ-icons .vehicles-icon-slider-container .prev { left: 0px; } .highlight-search .section-vehicles-typ-icons-slider { padding-bottom: 0px; } .highlight-search .section-vehicles-typ-icons-slider .fzg_info { min-height: 50px; } @media (min-width: 992px) { .col-lg-s5 { width: calc(100% / 5); padding-left: 5px; padding-right: 5px; } }/* Created on : 16.06.2017,10:37:16 Author : Florian Neueder*/.section-vehicles-quicksearch-typ-icons-slider,#section-vehicles-quicksearch-typ-icons { margin-top: -15px; margin-bottom: 15px; } .section-vehicles-quicksearch-typ-icons-slider .header-fzg-info,#section-vehicles-quicksearch-typ-icons .header-fzg-info { background: #00adef; color: #ffffff; width: 100%; display: block; padding: 10px; font-size: 18px; font-weight: 700; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-left: 0; margin-right: 0; margin-bottom: 20px; } @media (max-width: 920px) { .section-vehicles-quicksearch-typ-icons-slider .header-fzg-info .col-xs-12,#section-vehicles-quicksearch-typ-icons .header-fzg-info .col-xs-12 { margin-bottom: 0; } } .section-vehicles-quicksearch-typ-icons-slider .header-fzg-info .badge,#section-vehicles-quicksearch-typ-icons .header-fzg-info .badge { display: inline; background: #00adef; color: #ffffff; font-size: 18px; font-weight: 700; padding: 0; vertical-align: baseline; } .section-vehicles-quicksearch-typ-icons-slider .header-fzg-info .fzg_infotext,#section-vehicles-quicksearch-typ-icons .header-fzg-info .fzg_infotext { display: inline; background: #00adef; color: #ffffff; } .section-vehicles-quicksearch-typ-icons-slider .vehicle_types,#section-vehicles-quicksearch-typ-icons .vehicle_types { cursor: pointer; } .section-vehicles-quicksearch-typ-icons-slider .fzg_icon,#section-vehicles-quicksearch-typ-icons .fzg_icon { width: 100%; height: 50px; text-align: center; margin-top: 0; } .section-vehicles-quicksearch-typ-icons-slider .fzg_icon img,#section-vehicles-quicksearch-typ-icons .fzg_icon img { max-width: 100%; height: auto; max-height: 50px; } .section-vehicles-quicksearch-typ-icons-slider .fzg_icon .svgstyle,#section-vehicles-quicksearch-typ-icons .fzg_icon .svgstyle { height: auto; width: 100%; max-height: 50px; -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: url("../img/gray.svg#grayscale"); filter: gray; } .section-vehicles-quicksearch-typ-icons-slider .fzg_icon .svg path,#section-vehicles-quicksearch-typ-icons .fzg_icon .svg path { -webkit-transition: all 1; -moz-transition: all 1; -ms-transition: all 1; -o-transition: all 1; transition: all 1; } .section-vehicles-quicksearch-typ-icons-slider .fzg_info,#section-vehicles-quicksearch-typ-icons .fzg_info { width: 100%; display: block; text-align: center; font-size: .75em; line-height: 1.3em; min-height: 23px; padding-top: 3px; } .section-vehicles-quicksearch-typ-icons-slider .fzg_info .fzg_name,#section-vehicles-quicksearch-typ-icons .fzg_info .fzg_name { font-weight: 700; display: inline; } .section-vehicles-quicksearch-typ-icons-slider .fzg_info .fzg_count,#section-vehicles-quicksearch-typ-icons .fzg_info .fzg_count { display: none; } .section-vehicles-quicksearch-typ-icons-slider .vehicle_types.active,#section-vehicles-quicksearch-typ-icons .vehicle_types.active { background: #e8e8e8; } .section-vehicles-quicksearch-typ-icons-slider .vehicle_types.active .fzg_icon .svg path,#section-vehicles-quicksearch-typ-icons .vehicle_types.active .fzg_icon .svg path { fill: #00adef; } .section-vehicles-quicksearch-typ-icons-slider .vehicle_types.active .fzg_icon .svgstyle,#section-vehicles-quicksearch-typ-icons .vehicle_types.active .fzg_icon .svgstyle { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .section-vehicles-quicksearch-typ-icons-slider .vehicle_types.active .fzg_info .fzg_name,#section-vehicles-quicksearch-typ-icons .vehicle_types.active .fzg_info .fzg_name { color: #00adef; } .section-vehicles-quicksearch-typ-icons-slider .vehicles-icon-slider-container,#section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container { position: relative; } .section-vehicles-quicksearch-typ-icons-slider .vehicles-icon-slider-container .next,.section-vehicles-quicksearch-typ-icons-slider .vehicles-icon-slider-container .prev,#section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .next,#section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .prev { color: #00adef; top: 30%; position: absolute; z-index: 99; font-size: 25px; } .section-vehicles-quicksearch-typ-icons-slider .vehicles-icon-slider-container .next,#section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .next { right: 0; } .section-vehicles-quicksearch-typ-icons-slider .vehicles-icon-slider-container .prev,#section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .prev { left: 0; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider.section-vehicles-quicksearch-kfzicons-bigger-icons-slider { margin-top: 20px; margin-bottom: 30px; } .vehicle_quicksearch_bereich_icons .section-vehicles-quicksearch-kfzicons-slider.section-vehicles-quicksearch-kfzicons-bigger-icons-slider .fzg_icon { width: 100%; height: 40px; text-align: center; margin-top: 0; font-size: 38px; } .vehicle_quicksearch_bereich_icons small.text-muted.search-middle { padding-top: 7px; font-size: 12px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 26.06.2017,11:47:13 Author : Florian Neueder*/#section-vehicle-view-tradein-form { background: #00adef; border-radius: 5px; margin-top: 70px; margin-bottom: 35px; transition-property: display,background; transition-duration: 0.25s; transition-timing-function: ease-out; } #section-vehicle-view-tradein-form .container { background: transparent; } #section-vehicle-view-tradein-form .content-title { color: #ffffff !important; font-size: 40px; text-transform: uppercase; font-weight: 800; display: block; padding-top: 0px; line-height: 40px; margin-bottom: 15px !important; } #section-vehicle-view-tradein-form strong.text-muted { font-size: 20px; font-weight: 400; margin-bottom: 20px; display: block; color: #ffffff !important; } #section-vehicle-view-tradein-form .btn-primary { margin-top: 0px; background: #ffffff; color: #00adef; background-color: #ffffff !important; margin-bottom: 5px; } #section-vehicle-view-tradein-form .form-group { margin-bottom: 10px; } #section-vehicle-view-tradein-form .form-group .form-control { height: 42px; } #section-vehicle-view-tradein-form .tradein-form-select-down:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; color: #ffffff; right: 20px; cursor: pointer; top: 30px; } @media (max-width: 768px) { #section-vehicle-view-tradein-form .row .col-xs-12 { margin-bottom: 10px; } #section-vehicle-view-tradein-form .form-group { margin-bottom: 0px; } } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 26.06.2017,12:13:55 Author : Florian Neueder*/#section-vehicle-view-tradein-overlay { position: fixed; display: none; bottom: 0; left: 0; width: 100%; background: #00adef; z-index: 9999; padding-top: 20px; padding-bottom: 20px; color: #ffffff; transition-property: display; transition-duration: 1.55s; transition-timing-function: ease-in; } #section-vehicle-view-tradein-overlay #close-vehicle-view-tradein-overlay { color: #ffffff; position: relative; right: 20px; cursor: pointer; } #section-vehicle-view-tradein-overlay .container-fluid { background: transparent; } #section-vehicle-view-tradein-overlay .container-fluid .btn-primary { background: #ffffff; color: #00adef; background-color: #ffffff !important; border: 1px solid #000000; margin-top: 0; } #section-vehicle-view-tradein-overlay .container-fluid .content-title { color: #ffffff; font-size: 40px; text-transform: uppercase; font-weight: 800; display: block; padding-top: 20px; line-height: 40px; } #section-vehicle-view-tradein-overlay .container-fluid .text-muted { font-size: 25px; font-weight: 400; color: #ffffff; } #section-vehicle-view-tradein-overlay .container-fluid .text-muted ul { list-style-type: none; -webkit-padding-start: 0px; } #section-vehicle-view-tradein-overlay .container-fluid .form-group { margin-bottom: 5px; } #section-vehicle-view-new-tradein-overlay { padding-top: 0px; padding-bottom: 0px; background: none; position: fixed; display: none; bottom: 0; left: 0; width: 100%; z-index: 9999; color: #000; transition-property: display; transition-duration: 1.55s; transition-timing-function: ease-in; background-position: center; } #section-vehicle-view-new-tradein-overlay .bg-image { background: url(/web/img/Fahrzeugankauf.jpg) no-repeat; height: 100%; width: 100%; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; filter: grayscale(100%) blur(2px); } #section-vehicle-view-new-tradein-overlay .bg-area { width: 100%; height: 100%; background-color: #00000080; position: relative; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; padding-top: 10px; } #section-vehicle-view-new-tradein-overlay .bg-area ul { list-style-type: none; -webkit-padding-start: 0px; } #section-vehicle-view-new-tradein-overlay #close-vehicle-view-new-tradein-overlay { color: #000; position: relative; right: 20px; cursor: pointer; text-shadow: 2px 2px 1px #fff; } #section-vehicle-view-new-tradein-overlay .container-fluid { background: transparent; } #section-vehicle-view-new-tradein-overlay .container-fluid .btn-primary { background: #000; color: #fff; background-color: #000 !important; border: 1px solid #000 !important; margin-top: 0; border-radius: 0px; margin-bottom: 5px; text-transform: none; font-size: 20px !important; font-weight: 700 !important; padding: 20px 30px; margin-top: 10px; font-weight: 700 !important; text-transform: normal !important; } #section-vehicle-view-new-tradein-overlay .container-fluid .content-title { color: #000; font-size: 40px; text-transform: uppercase; font-weight: 800; display: block; padding-top: 20px; line-height: 40px; margin-bottom: 5px; font-family: 'Open Sans'; text-shadow: 2px 2px 1px #fff; } #section-vehicle-view-new-tradein-overlay .container-fluid .text-muted { font-size: 25px; font-weight: 400; color: #000; text-shadow: 2px 2px 1px #fff; } #section-vehicle-view-new-tradein-overlay .container-fluid .form-group { margin-bottom: 5px; } #section-tradein-banner-overlay { padding-top: 0px; padding-bottom: 0px; width: 100%; z-index: 999; overflow: hidden; width: 100%; position: relative; height: auto; display: block; transition-property: display; transition-duration: 1.55s; transition-timing-function: ease-in; background-position: center; margin-bottom: 25px; } #section-tradein-banner-overlay .bg-image { background: url(/web/img/Fahrzeugankauf.jpg) no-repeat; height: 100%; width: 100%; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-position: center; filter: grayscale(100%) blur(2px); } #section-tradein-banner-overlay .bg-area { width: 100%; height: 100%; background-color: #00000080; position: relative; z-index: 9999; top: 0; left: 0; bottom: 0; right: 0; padding-top: 10px; padding-bottom: 10px; } #section-tradein-banner-overlay .bg-area ul { list-style-type: none; -webkit-padding-start: 0px; } #section-tradein-banner-overlay .bg-area #section-vehicle-view-tradein-form { background: transparent; margin-top: 35px; } #section-tradein-banner-overlay .bg-area #section-vehicle-view-tradein-form .btn-primary { background-image: none !important; } #section-tradein-banner-overlay .container-fluid { background: transparent; } #section-tradein-banner-overlay .container-fluid .btn-primary { background: #000; color: #fff; background-color: #000 !important; border: 1px solid #000 !important; margin-top: 0; border-radius: 0px; margin-bottom: 5px; text-transform: none; font-size: 20px !important; font-weight: 700 !important; padding: 20px 30px; margin-top: 10px; font-weight: 700 !important; text-transform: normal !important; } #section-tradein-banner-overlay .container-fluid .content-title { color: #000; font-size: 40px; text-transform: uppercase; font-weight: 800; display: block; padding-top: 20px; line-height: 40px; margin-bottom: 5px; font-family: 'Open Sans'; text-shadow: 2px 2px 1px #fff; } #section-tradein-banner-overlay .container-fluid .text-muted { font-size: 25px; font-weight: 400; color: #000; text-shadow: 2px 2px 1px #fff; } #section-tradein-banner-overlay .container-fluid .form-group { margin-bottom: 5px; } @media (max-width: 640px) { #section-vehicle-view-new-tradein-overlay .container-fluid .content-title { line-height: 30px; } #section-vehicle-view-new-tradein-overlay .row .col-xs-12 { margin-bottom: 0px; } #section-vehicle-view-new-tradein-overlay .container-fluid .text-muted { font-size: 15px; } }/*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 08.08.2017,10:50:42 Author : Florian Neueder*/#section-vehicle-tradein-form-dat { padding-bottom: 35px; } #section-vehicle-tradein-form-dat textarea#message { min-height: 115px; } #section-vehicle-tradein-form-dat .nav-tabs { border-bottom: 0px; } #section-vehicle-tradein-form-dat .nav-tabs > li { border-bottom: 0px solid #43b3eb; width: 50%; } #section-vehicle-tradein-form-dat .nav-tabs > li.active > a:after { display: none; } #section-vehicle-tradein-form-dat .nav-tabs > li:last-child > a { margin-right: 0px; } #section-vehicle-tradein-form-dat .nav-tabs > li > a { border-radius: 0px; background: #787878; color: #ffffff; } #section-vehicle-tradein-form-dat .nav-tabs > li.active > a,#section-vehicle-tradein-form-dat .nav-tabs > li.active > a:hover,#section-vehicle-tradein-form-dat .nav-tabs > li.active > a:focus { color: #ffffff; background: #00adef; } #section-vehicle-tradein-form-dat .tab-content { padding: 10px 0px; padding-bottom: 25px; } #section-vehicle-tradein-form-dat .tab-content .row { margin-bottom: 5px; } #section-vehicle-tradein-form-dat #dat-ausstattung { padding-bottom: 25px; } #section-vehicle-tradein-form-dat #dat-ausstattung h2 { margin-top: 0px; } #section-vehicle-tradein-form-dat #dat-ausstattung .equipment_row { font-weight: 400; font-size: 12px; padding-left: 5px; overflow: hidden; } #section-vehicle-tradein-form-dat #dat-ausstattung .equipment_row span { text-overflow: ellipsis; max-width: 100%; } #section-vehicle-tradein-form-dat #dat-ausstattung label.equipment_row { display: inline; } #section-vehicle-tradein-form-dat #dat-ausstattung input[type=checkbox],#section-vehicle-tradein-form-dat #dat-ausstattung input[type=radio] { margin: 1px 0 0; top: 2px; position: relative; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 22.09.2017,12:12:26 Author : Florian Neueder*/#section-location-landingpage img { max-width: 100%; height: auto; }#section-location-landingpage .horizontalcolor { padding-bottom: 70px; /*background-color: $search-background-color !important;*/ } #section-location-landingpage .horizontalcolor input,#section-location-landingpage .horizontalcolor select,#section-location-landingpage .horizontalcolor button.dropdown-toggle,#section-location-landingpage .horizontalcolor .bootstrap-select { background-color: transparent; } #section-location-landingpage .horizontalcolor .row { margin-bottom: 10px; } @media (max-width: 768px) { #section-location-landingpage .horizontalcolor .btn { padding: 6px 12px; } } #section-location-landingpage .horizontalcolor .search-start { margin-top: 0px; padding: 15px; } @media (max-width: 768px) { #section-location-landingpage .horizontalcolor { background: transparent !important; } #section-location-landingpage .horizontalcolor .col-xs-12 .form-control,#section-location-landingpage .horizontalcolor .col-xs-12 #vehicleSearchFahrzeugdetails,#section-location-landingpage .horizontalcolor .col-xs-12 #vehicleSearchPreisdetails { margin-bottom: 10px; } #section-location-landingpage .horizontalcolor .sonderrow .col-xs-12 { padding-left: 0px; } } .location-info-footer .green-dot { color: #7fb72a; padding-top: 0px; font-size: 9px; padding-right: 9px; top: -2px; position: relative; }.location-info-footer .red-dot { color: #ff0000; padding-top: 0px; font-size: 9px; padding-right: 9px; top: -2px; position: relative; }.location-info-footer .service-area { display: block; margin-top: 5px; font-size: 20px; font-weight: 700; border-bottom: 2px solid orange; padding-bottom: 2px; margin-bottom: 10px; clear: both; position: relative; padding-top: 25px; }.location-info-footer .open-infos { font-size: 11px; margin-bottom: 10px; padding-left: 20px; } .location-info-footer .open-infos > div { margin-bottom: 4px !important; }.location-info-footer .open-area-time-info { font-size: 14px; margin-bottom: 4px !important; } .location-info-google #google-map-direction-container { min-height: 370px; bottom: unset; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 19.06.2017,15:04:29 Author : Florian Neueder*/#section-direction-infoboxen { padding-bottom: 35px; padding-top: 35px; } #section-direction-infoboxen .infobox4 { background: #e8e8e8; padding: 30px; min-height: 344px; text-align: left; } #section-direction-infoboxen .infobox4 .headline-h3 .fa { font-size: 60px; color: #000000; padding-top: 20px; padding-bottom: 20px; } #section-direction-infoboxen .img-box { padding: 0px; } #section-direction-infoboxen img { max-width: 100%; height: auto; max-height: 344px; } #section-direction-infoboxen i { padding-top: 10px; } #section-direction-infoboxen .open-days-area { font-size: 12px; margin-bottom: 15px; margin-bottom: 10px; } #section-direction-infoboxen .open-days-area.in { display: table; position: absolute; z-index: 99999; width: 100%; background: #e8e8e8; padding: 10px; } #section-direction-infoboxen .oda-down { cursor: pointer; margin-bottom: 0px; height: 70px; display: block; } #section-direction-infoboxen .oda-down .nopadding { padding-bottom: 5px; font-size: 14px; } #section-direction-infoboxen .oda-down:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; right: 0px; color: #000000; top: 23px; } #section-direction-infoboxen .green-dot { color: #7fb72a; padding-top: 0px; font-size: 9px; padding-right: 9px; top: -2px; position: relative; } #section-direction-infoboxen .red-dot { color: #ff0000; padding-top: 0px; font-size: 9px; padding-right: 9px; top: -2px; position: relative; } #section-direction-infoboxen .service-area { display: block; margin-top: 5px; font-size: 20px; font-weight: 700; border-bottom: 2px solid #00adef; padding-bottom: 2px; margin-bottom: 10px; clear: both; position: relative; padding-top: 25px; } #section-direction-infoboxen .marginbottom10px { margin-bottom: 10px; display: block; width: 100%; } #section-direction-infoboxen .link-third { font-size: 13px !important; text-transform: none !important; padding-bottom: 4px; border-bottom: 2px solid #ffa101; margin-right: 15px; margin-bottom: 5px; display: inline-block; } #section-direction-infoboxen .pic-hover-area { padding-top: 0px; margin-top: 0px; color: #ffffff; cursor: pointer; position: absolute; width: 100%; left: 0px; top: 0px; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; border-bottom: 3px solid #ffffff; } #section-direction-infoboxen .pic-hover-area .section-header { margin-bottom: 0px; margin-top: 0px; color: #ffffff !important; font-weight: 800 !important; } @media (max-width: 480px) { #section-direction-infoboxen .pic-hover-area .section-header { font-size: 16px; } } #section-direction-infoboxen .pic-hover-area small { margin-top: -1px; display: block; } #section-direction-infoboxen .pic-hover-area:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; color: #ffffff; right: 20px; color: #ffffff; top: 30px; cursor: pointer; } #section-direction-infoboxen .pic-hover-area.active { background: #a29fa0; } #section-direction-infoboxen .open-area { border-bottom: 1px solid #777; padding-bottom: 10px; } #section-direction-infoboxen .highlight-box { background: #000000; color: #ffffff; padding-left: 20px; } #section-direction-infoboxen .highlight-box .highlight-question { display: block; width: 100%; text-transform: uppercase; font-weight: 700; font-size: 30px; letter-spacing: 1px; padding-top: 65px; text-align: left; line-height: 35px; } @media (max-width: 480px) { #section-direction-infoboxen .highlight-box .highlight-question { font-size: 25px; } } #section-direction-infoboxen .highlight-box .phone-text { display: block; width: 100%; padding-top: 20px; font-size: 30px; text-align: left; display: none; } #section-direction-infoboxen .highlight-box .phone-info { text-align: left; display: block; width: 100%; font-size: 25px; line-height: 30px; } #section-direction-infoboxen .highlight-box .phone-text-info { font-size: 20px; font-weight: 600; } #section-direction-infoboxen .highlight-box .contact-info { display: block; text-align: left; bottom: 0px; left: 0px; position: absolute; width: 100%; margin-bottom: -5px; } #section-direction-infoboxen .highlight-box .contact-info .link-third { border-bottom: 0px; font-size: 14px !important; color: #ffffff; border-radius: 0px; padding: 0px; text-align: left; margin-right: 0px; margin-left: 0px; width: 50%; position: relative; border-top: 3px solid #ffffff; border-right: 3px solid #ffffff; padding: 15px 20px; font-weight: 700 !important; cursor: pointer; } #section-direction-infoboxen .highlight-box .contact-info .link-third:last-child { border-right: 0px; } #section-direction-infoboxen .highlight-box .contact-info .link-third:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; color: #ffffff; right: 20px; cursor: pointer; } #section-direction-infoboxen .highlight-box .pic-hover-area[aria-expanded="true"] { background: #a29fa0; } #section-direction-infoboxen .highlight-box .contact-info.full .link-third { width: 100%; } #section-direction-infoboxen .highlight-box .link-third.active { background: #a29fa0; } #section-direction-infoboxen .highlight-box .link-third.collapsed { background: #00adef; } #section-direction-infoboxen .dropdown-menu { width: 100%; padding-top: 0px; margin-top: 0px; top: calc(85px); border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } #section-direction-infoboxen .dropdown-menu a:focus,#section-direction-infoboxen .dropdown-menu a:hover { color: #ffffff; background-color: #00adef; } #section-direction-infoboxen .dropdown-menu .active > a,#section-direction-infoboxen .dropdown-menu .active > a:focus,#section-direction-infoboxen .dropdown-menu .active > a:hover { color: #ffffff; background-color: #00adef; } #section-direction-infoboxen .float-right { float: right; padding-top: 20px; } #section-direction-infoboxen .float-right section { position: absolute; z-index: 999; background: #fff; width: calc(100% - 1px); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding-bottom: 15px; padding-top: 15px; top: 0px; } #section-direction-infoboxen .float-right .checkbox.checkbox-css .cr,#section-direction-infoboxen .float-right .radio.checkbox-css .cr { color: #000000; border: 1px solid #000000; border-radius: 0; } #section-direction-infoboxen .float-right .checkbox.checkbox-css .cr i,#section-direction-infoboxen .float-right .radio.checkbox-css .cr i { padding-top: 1px; } #section-direction-infoboxen .ap-box .user-picture { margin: 10px auto; display: block; width: 250px; height: 250px; background-size: contain; border: 0px solid #fff; } #section-direction-infoboxen .ap-box .person h3 { font-weight: bold; text-align: center; } #section-direction-infoboxen .ap-box .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; } #section-direction-infoboxen .ap-box .person .btn-primary { padding: 15px 0px; } #section-direction-infoboxen .ap-box .contact-persons-slider-container { position: relative; padding: 0 20px; } #section-direction-infoboxen .ap-box .contact-persons-slider-container .prev,#section-direction-infoboxen .ap-box .contact-persons-slider-container .next { color: #000000; cursor: pointer; } #section-direction-infoboxen .ap-box .contact-persons-slider-container .prev { left: 0px; position: absolute; top: 50%; } #section-direction-infoboxen .ap-box .contact-persons-slider-container .next { right: 0px; top: 50%; position: absolute; } #section-direction-infoboxen .ap-box .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #section-direction-infoboxen .ap-box .contact-persons-indicators i.active { color: #555; } @media (max-width: 480px) { #section-direction-infoboxen .ap-box { margin-top: 20px; } #section-direction-infoboxen .ap-box #section-vehicle-contact-wide { padding-left: 0px; padding-right: 0px; } } #article-vehicle-view #section-direction-infoboxen { padding-bottom: 0px; padding-top: 30px; } #article-vehicle-view #section-direction-infoboxen .img-box { padding: 0px; padding-top: 20px; } #article-vehicle-view #section-direction-infoboxen .pic-hover-area:after { display: none; } #article-vehicle-view #section-direction-infoboxen .pic-hover-area { padding-top: 20px; margin-top: 0px; background: #00adef; } #article-vehicle-view #section-direction-infoboxen .highlight-box { margin-bottom: 35px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .highlight-question { padding-top: 80px; } #article-vehicle-view #section-direction-infoboxen .contact-persons-slider-container { margin-top: 50px; margin-bottom: 40px; } #article-vehicle-view #section-direction-infoboxen .contact-persons-slider-container i { padding-top: 0px; } #article-vehicle-view #section-direction-infoboxen .infobox4 { min-height: 260px; } #article-vehicle-view #section-direction-infoboxen .highlight-box { background: #000000; color: #ffffff; padding-left: 20px; min-height: 310px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .highlight-question { display: block; width: 100%; text-transform: uppercase; font-weight: 700; font-size: 35px; letter-spacing: 1px; padding-top: 70px; text-align: left; line-height: 35px; } @media (max-width: 480px) { #article-vehicle-view #section-direction-infoboxen .highlight-box .highlight-question { font-size: 25px; } } #article-vehicle-view #section-direction-infoboxen .highlight-box .phone-text { display: block; width: 100%; padding-top: 20px; font-size: 30px; text-align: left; } #article-vehicle-view #section-direction-infoboxen .highlight-box .phone-info { text-align: left; display: block; width: 100%; font-size: 30px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info { display: block; text-align: left; bottom: 0px; left: 0px; position: absolute; width: 100%; margin-bottom: -5px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third { border-bottom: 0px; font-size: 14px !important; color: #ffffff; border-radius: 0px; padding: 0px; text-align: left; margin-right: 0px; margin-left: 0px; width: 50%; position: relative; border-top: 3px solid #ffffff; border-right: 3px solid #ffffff; padding: 15px 20px; font-weight: 700 !important; cursor: pointer; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third:last-child { border-right: 0px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third:after { font: normal normal normal 20px/1 FontAwesome; content: "\f13a"; float: right; position: absolute; color: #ffffff; right: 20px; cursor: pointer; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info.full .link-third { width: 100%; } #article-vehicle-view #section-direction-infoboxen .highlight-change-bg { background: #ffffff; } #article-vehicle-view #section-direction-infoboxen .highlight-change-bg .contact-info { background: #000000; } #article-vehicle-view #section-direction-infoboxen .link-third.active { background: #a29fa0; } #article-vehicle-view #section-direction-infoboxen .link-third.collapsed { background: #00adef; } #article-vehicle-view #section-direction-infoboxen .checkbox.checkbox-css .cr i,#article-vehicle-view #section-direction-infoboxen .radio.checkbox-css .cr i { padding-top: 1px; } #article-vehicle-view #section-direction-infoboxen .open-days-area { padding: 0px; } #article-vehicle-view #section-direction-infoboxen .open-days-area.in { display: table; position: relative; z-index: unset; border-top: 1px solid #c3c3c3; } #article-vehicle-view #section-direction-infoboxen .open-area { border-bottom: 0px solid #777; } #article-vehicle-view #section-direction-infoboxen .oda-down { margin-bottom: 30px; } #article-vehicle-view #section-direction-infoboxen .aside-map-direction { margin-left: 0px; margin-right: -30px; } #article-vehicle-view #section-direction-infoboxen .location-all-vehicles .btn { margin-top: 3px; border-radius: 0; text-transform: none; text-align: left; font-weight: 700 !important; padding-left: 25px; padding-top: 20px; font-size: 14px !important; padding-bottom: 20px; } #article-vehicle-view #section-direction-infoboxen .location-all-vehicles .btn:after { content: "\f138"; font: normal normal normal 20px/1 FontAwesome; float: right; position: absolute; color: #ffffff; right: 30px; cursor: pointer; } @media (max-width: 480px) { #article-vehicle-view #section-direction-infoboxen .highlight-box { min-height: 280px !important; } #article-vehicle-view #section-direction-infoboxen .highlight-box .highlight-question { font-size: 23px; padding-top: 85px; line-height: 30px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .phone-text { padding-top: 10px; font-size: 20px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .phone-info { font-size: 25px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third { font-size: 11px !important; padding: 10px 8px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third:after { font: normal normal normal 16px/1 FontAwesome; content: "\f13a"; right: 5px; } }#article-vehicle-view #section-direction-infoboxen.section-direction-infoboxen-new .highlight-box { margin-bottom: 0px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 26.09.2017,13:40:11 Author : Florian Neueder*/#section-consultants-feexi,#section-feexi-consultants { padding-top: 35px; padding-bottom: 35px; } #section-consultants-feexi .content-block .container,#section-feexi-consultants .content-block .container { background: transparent; } #section-consultants-feexi .user-picture,#section-feexi-consultants .user-picture { margin: 10px auto; display: block; width: 250px; height: 250px; background-size: contain; border: 0px solid #fff; } #section-consultants-feexi .person h3,#section-feexi-consultants .person h3 { font-weight: bold; text-align: center; } #section-consultants-feexi .person a,#section-feexi-consultants .person a { display: block; max-width: 280px; margin: 10px auto; text-align: center; } #section-consultants-feexi .person .btn-primary,#section-feexi-consultants .person .btn-primary { padding: 15px 0px; } #section-consultants-feexi .contact-persons-slider-container,#section-feexi-consultants .contact-persons-slider-container { position: relative; padding: 0 20px; } #section-consultants-feexi .contact-persons-slider-container .prev,#section-consultants-feexi .contact-persons-slider-container .next,#section-feexi-consultants .contact-persons-slider-container .prev,#section-feexi-consultants .contact-persons-slider-container .next { color: #000000; cursor: pointer; } #section-consultants-feexi .contact-persons-slider-container .prev,#section-feexi-consultants .contact-persons-slider-container .prev { left: 0px; position: absolute; top: 50%; } #section-consultants-feexi .contact-persons-slider-container .next,#section-feexi-consultants .contact-persons-slider-container .next { right: 0px; top: 50%; position: absolute; } #section-consultants-feexi .contact-persons-indicators i,#section-feexi-consultants .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #section-consultants-feexi .contact-persons-indicators i.active,#section-feexi-consultants .contact-persons-indicators i.active { color: #555; } #section-consultants-feexi .user-picture { margin: 10px auto; display: block; width: 225px; height: 225px; background-size: contain; border: 0px solid #fff; }#section-consultants-feexi .person h3 { font-weight: bold; text-align: left; color: #000000; font-size: 1.1em; }#section-consultants-feexi .person .btn-primary { padding: 15px 25px; display: inline; float: left; }#section-consultants-feexi .person .phone-number-link { font-weight: 700 !important; font-size: 26px; color: #000000; text-transform: none; display: block; text-align: left; }@media (max-width: 1024px) and (min-width: 992px) { #section-consultants-feexi .infoleftborder15white.inforightborder15white > .content-block > .container { padding-bottom: 0px; padding-top: 0px; } #section-consultants-feexi .infoleftborder15white.inforightborder15white > .content-block > .container .infobox { padding: 10px; } #section-consultants-feexi .user-picture { width: 175px; height: 175px; margin-top: 17px; } #section-consultants-feexi .contact-persons-slider-container { padding: 0px; } #section-consultants-feexi .contact-persons-slider-container .prev,#section-consultants-feexi .contact-persons-slider-container .next { display: none; } #section-consultants-feexi .person { font-size: 14px; } #section-consultants-feexi .person .headline-h3 { font-size: 17px; } #section-consultants-feexi .person .phone-number-link { font-size: 22px; } #section-consultants-feexi .person > div { padding: 0px; } }@media (max-width: 480px) { #section-consultants-feexi .row { margin-right: 0px; margin-left: 0px; } #section-consultants-feexi .infoleftborder15white.inforightborder15white { padding: 0px; } #section-consultants-feexi .infoleftborder15white.inforightborder15white > .content-block > .container { padding: 0px; } #section-consultants-feexi > .container { max-width: 100%; } #section-consultants-feexi #section-vehicle-contact-wide { padding: 0; } #section-consultants-feexi .user-picture { width: 140px; height: 140px; margin-top: 30px; } #section-consultants-feexi .contact-persons-slider-container { padding: 0px; } #section-consultants-feexi .contact-persons-slider-container .prev,#section-consultants-feexi .contact-persons-slider-container .next { display: none; } #section-consultants-feexi .person { text-align: center; } #section-consultants-feexi .person h3 { margin-top: 10px; text-align: center; } #section-consultants-feexi .person .phone-number-link { font-size: 23px; margin-bottom: 0px; text-align: center; } #section-consultants-feexi .person > div { padding: 0px; } #section-consultants-feexi .person .btn-primary { padding: 15px 15px; } } /* Created on : 12.06.2018,09:48:11 Author : Florian Neueder*/#section-consultants-directions-service { padding-bottom: 35px; } #section-consultants-directions-service .user-picture { margin: 10px auto; display: block; width: 225px; height: 225px; background-size: contain; border: 0px solid #fff; background-repeat: no-repeat; } #section-consultants-directions-service .person h3 { font-weight: bold; text-align: left; color: #000000; font-size: 1.1em; } #section-consultants-directions-service .person .btn-primary { padding: 15px 25px; display: inline; float: left; } #section-consultants-directions-service .person .phone-number-link { font-weight: 700 !important; font-size: 26px; color: #000000; text-transform: none; display: block; text-align: left; } #section-consultants-directions-service .contact-persons-slider-container { position: relative; padding: 0 20px; } #section-consultants-directions-service .contact-persons-slider-container .prev,#section-consultants-directions-service .contact-persons-slider-container .next { color: #000000; cursor: pointer; } #section-consultants-directions-service .contact-persons-slider-container .prev { left: 0px; position: absolute; top: 50%; } #section-consultants-directions-service .contact-persons-slider-container .next { right: 0px; top: 50%; position: absolute; } #section-consultants-directions-service .contact-persons-indicators i { cursor: pointer; color: #ccc; margin: 3px; } #section-consultants-directions-service .contact-persons-indicators i.active { color: #555; } @media (max-width: 1024px) and (min-width: 992px) { #section-consultants-directions-service .infoleftborder15white.inforightborder15white > .content-block > .container { padding-bottom: 0px; padding-top: 0px; } #section-consultants-directions-service .infoleftborder15white.inforightborder15white > .content-block > .container .infobox { padding: 10px; } #section-consultants-directions-service .user-picture { width: 175px; height: 175px; margin-top: 17px; } #section-consultants-directions-service .contact-persons-slider-container { padding: 0px; } #section-consultants-directions-service .contact-persons-slider-container .prev,#section-consultants-directions-service .contact-persons-slider-container .next { display: none; } #section-consultants-directions-service .person { font-size: 14px; } #section-consultants-directions-service .person .headline-h3 { font-size: 17px; } #section-consultants-directions-service .person .phone-number-link { font-size: 22px; } #section-consultants-directions-service .person > div { padding: 0px; } } @media (max-width: 480px) { #section-consultants-directions-service .row { margin-right: 0px; margin-left: 0px; } #section-consultants-directions-service .infoleftborder15white.inforightborder15white { padding: 0px; } #section-consultants-directions-service .infoleftborder15white.inforightborder15white > .content-block > .container { padding: 0px; } #section-consultants-directions-service > .container { max-width: 100%; } #section-consultants-directions-service #section-vehicle-contact-wide { padding: 0; } #section-consultants-directions-service .user-picture { width: 140px; height: 140px; margin-top: 30px; } #section-consultants-directions-service .contact-persons-slider-container { padding: 0px; } #section-consultants-directions-service .contact-persons-slider-container .prev,#section-consultants-directions-service .contact-persons-slider-container .next { display: none; } #section-consultants-directions-service .person { text-align: center; } #section-consultants-directions-service .person h3 { margin-top: 10px; text-align: center; } #section-consultants-directions-service .person .phone-number-link { font-size: 23px; margin-bottom: 0px; text-align: center; } #section-consultants-directions-service .person > div { padding: 0px; } #section-consultants-directions-service .person .btn-primary { padding: 15px 15px; } } /* Created on : Apr 18,2016,9:10:33 PM Author : conne*/#section-dealer-password-forgotten { background: #ffffff; color: #000000; } #section-dealer-password-forgotten .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 09.01.2018,12:27:15 Author : Florian Neueder*/#section-animated-counter { background-color: #000000; margin-top: 35px; margin-bottom: 35px; } #section-animated-counter .container-fluid,#section-animated-counter .container { background: transparent; } #section-animated-counter .counter { text-align: center; } #section-animated-counter .counter-block { margin-top: 70px; margin-bottom: 70px; } #section-animated-counter .counter-icon { margin: 0 auto; width: 120px; height: 120px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; vertical-align: middle; padding-top: 6%; background-color: #00adef; color: #ffffff; } #section-animated-counter .counter-count { font-size: 3em; color: #000000; position: relative; text-align: center; display: inline-block; font-weight: 700; padding-top: 20px; padding-bottom: 0px; margin-bottom: 0px; } #section-animated-counter .counter-count:after { content: '+'; font-weight: 800; } #section-animated-counter .counter-info { font-size: 18px; color: #000000; line-height: 20px; text-transform: uppercase; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 10.01.2018,14:41:27 Author : Florian Neueder*/.block_directions_map_featured .secondary-highlight { background: #000000; border-bottom: 0px; } .block_directions_map_featured .secondary-highlight #section-direction-info { padding-top: 0px; } .block_directions_map_featured .secondary-highlight #section-direction-info .headline-h2,.block_directions_map_featured .secondary-highlight #section-direction-info #direction-info-request { color: #ffffff; font-weight: 400; } .block_directions_map_featured .secondary-highlight #section-direction-info .link-select { background: #ffffff; color: #00adef; border-radius: 0px; } .block_directions_map_featured .secondary-highlight #section-direction-info .sec-link-select { color: #ffffff; } @media (min-width: 1580px) { .block_directions_map_featured .secondary-highlight { padding-left: 9%; } } .block_directions_map_featured .secondary-highlight .container { background: transparent; } .block_directions_map_featured .secondary-highlight .multi-direction-map { margin-top: 0px; padding: 20px; } .block_directions_map_featured .secondary-highlight .multi-direction-map #google-multi-directions-map-container { width: 100%; min-height: 360px !important; pointer-events: none; border: 1px solid #000; } .section-featured-items-pictures .menu-boxes > .column { border-left: 1px solid #fff; border-bottom: 1px solid #fff; } .section-featured-items-pictures .menu-boxes > .column > .picture-box + .ge-content { position: absolute; top: 0px; } .section-featured-items-pictures .menu-boxes > .column > .ge-content { height: 100%; width: 100%; background: rgba(0,0,0,0.8); } .section-featured-items-pictures .menu-boxes > .column > .ge-content p { display: block; width: 100%; height: 100% !important; position: relative; top: 0 !important; bottom: 50%; text-align: center; color: white; line-height: 28px; font-size: 28px; font-weight: 600; cursor: pointer; padding: 0px !important; } .section-featured-items-pictures .menu-boxes > .column > .ge-content p a { color: white !important; font-size: 28px !important; font-weight: 600 !important; line-height: 28px !important; height: 100%; width: 100%; padding-top: calc(23% - 28px); display: block; }.section-featured-items-pictures .menu-boxes > .column:nth-child(1),.section-featured-items-pictures .menu-boxes > .column:nth-child(3) { border-left: 0px; }.section-featured-items-pictures .menu-boxes > .column.row-1 { height: 401px; background-size: cover !important; background-position: center center !important; padding: 0px; } .section-featured-items-pictures .menu-boxes > .column.row-1 > .picture-box { background-size: cover !important; background-position: center center !important; width: 100%; height: 100%; max-height: 400px; filter: grayscale(1); }.section-featured-items-pictures .menu-boxes > .column.row-2 { height: 200px; background-size: cover !important; background-position: center center !important; padding: 0px; } .section-featured-items-pictures .menu-boxes > .column.row-2 > .picture-box { background-size: cover !important; background-position: center center !important; width: 100%; height: 100%; max-height: 200px; filter: grayscale(1); } /* Created on : 13.02.2018,14:52:38 Author : Florian Neueder*/#article-vehicle-view .black-bg { background: black; }#article-vehicle-view .shop-background { background: url(/web/img/autos-technology-vw-multi-storey-car-park-63294.jpeg) no-repeat center center/cover; min-height: 300px; padding-top: 120px; margin-bottom: 35px; margin-top: 30px; } #article-vehicle-view .shop-background .h2 { text-shadow: 1px 4px 6px #000; color: #fff; line-height: 28px; font-size: 29px; vertical-align: middle; }#article-vehicle-view .btn-shoppingcart { border-radius: 0 !important; background: #00adef; padding: 15px; color: #ffffff; font-size: 1.2em; font-weight: 700; line-height: 25px; } #article-vehicle-view .btn-shoppingcart .btn-shoppingcart-text-active { display: none; }#article-vehicle-view .btn-shoppingcart.in-cart { background: #ccc; } #article-vehicle-view .btn-shoppingcart.in-cart .btn-shoppingcart-text-active { display: inline; } #article-vehicle-view .btn-shoppingcart.in-cart .btn-shoppingcart-text { display: none; }#article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart { border-radius: 0 !important; background: #00adef; color: #ffffff; } #article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart .fa { display: inline; width: auto; } #article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart .btn-shoppingcart-text-active { display: none; }#article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart.in-cart { background: #ccc; } #article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart.in-cart .btn-shoppingcart-text-active { display: inline; } #article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart.in-cart .btn-shoppingcart-text { display: none; }#article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart,#article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-anfrage { border: 0; display: inline-block !important; line-height: normal; margin-right: 10px; padding: 5px 10px !important; top: 0; vertical-align: middle; } #article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart .fa,#article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-anfrage .fa { padding-bottom: 0; }@media (min-width: 767px) { #article-vehicle-view #vehicle-info-line-area #vehicle-info-line .container a.btn-shoppingcart { margin-right: 0; } } #aside-b2c-shop .input-group-addon { background-color: #000000; color: #fff; border-color: #000000; font-weight: bold; }#aside-b2c-shop .btn-shoppingcart { width: 100%; border-radius: 0 !important; background: #00adef; padding: 15px; color: #ffffff; font-size: 1.2em; font-weight: 700; line-height: 25px; } #aside-b2c-shop .btn-shoppingcart .btn-shoppingcart-text-active { display: none; }#aside-b2c-shop .btn-shoppingcart.in-cart { background: #ccc; } #aside-b2c-shop .btn-shoppingcart.in-cart .btn-shoppingcart-text-active { display: inline; } #aside-b2c-shop .btn-shoppingcart.in-cart .btn-shoppingcart-text { display: none; }#aside-b2c-shop .shoppingcart-area { margin-bottom: 15px; }#aside-b2c-shop .nav-tabs { border-bottom: 3px solid #00adef; border-right: 0; } #aside-b2c-shop .nav-tabs > li { border-bottom: 0; } #aside-b2c-shop .nav-tabs > li > a { background: #c2c2c2; border-top-left-radius: 0; border-top-right-radius: 0; color: #fff; } #aside-b2c-shop .nav-tabs > li > a:hover,#aside-b2c-shop .nav-tabs > li > a:focus { background: #00adef; border: 0; color: #fff; position: relative; } #aside-b2c-shop .nav-tabs > li.active > a,#aside-b2c-shop .nav-tabs > li.active > a:hover,#aside-b2c-shop .nav-tabs > li.active > a:focus { border: 0; color: #fff; background: #00adef; position: relative; } #aside-b2c-shop .nav-tabs > li.active > a:after { display: none; }#aside-b2c-shop .tab-content { padding: 20px 0; } #aside-b2c-shop .tab-content .current-show-price { font-size: 2em; } #aside-b2c-shop .tab-content .current-show-price .b2c-currency-month { font-size: 12px; position: relative; top: -12px; } #aside-b2c-shop .tab-content .price-info { font-size: 14px; font-weight: 700; text-align: right; } #aside-b2c-shop .tab-content .price-info a { font-size: 15px; position: absolute; top: 0; } #aside-b2c-shop .tab-content .finance-info-small { min-height: 80px; padding-top: 20px; display: block; } @media (max-width: 767px) { #menu-shopping { top: 0; right: 130px; padding: 0; margin: 0; font-size: 30px; background-color: transparent; vertical-align: top; border: 0; position: absolute; } #menu-shopping .fa { color: #000; } }#menu-shopping .shopping-cnt { background: #00adef; border-radius: 50%; color: #ffffff; display: none; font-size: 9px; font-weight: 600; height: 15px; line-height: 9px; padding: 3px 0; text-align: center; width: 15px; z-index: 2; position: absolute; right: 0; top: 0; } #menu-shopping .shopping-cnt.active { display: block; } @media (max-width: 767px) { .shopping-cart-entries.collapse.in { margin-top: 0; } }@media (max-width: 767px) { #menu-shopping:focus .fa,#menu-shopping:hover .fa { color: #000000; } } .shopping-cart-entries { position: absolute; right: 50px; top: 40px; border: 0; background: #fff; box-shadow: 0 8px 10px rgba(0,0,0,0.5); padding: 0; z-index: 1; width: 250px; } @media (min-width: 767px) { .shopping-cart-entries { right: 150px; top: 120px; } } .shopping-cart-entries .row { margin-left: 0; margin-right: 0; border-bottom: 1px solid; } .shopping-cart-entries .row .col-xs-6 { padding-top: 5px; } .shopping-cart-entries .btn { vertical-align: bottom; width: 100%; border-radius: 0 !important; height: 50px; padding: 15px 10px 10px; display: none; margin-top: 0; } @media (min-width: 767px) { .shopping-cart-entries .btn { padding-top: 10px; } } .shopping-cart-entries .btn:hover { background-color: #000000 !important; background-image: none !important; } .shopping-cart-entries .shopping-cart-entries-area { font-size: 13px; text-align: left; } .shopping-cart-entries .shopping-cart-entries-area .text-center { font-size: 20px; font-weight: 400; padding-top: 7px; } .shopping-cart-entries .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 0; line-height: 1.42857143; background-color: #fff; border: 0; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .shopping-cart-entries.active .shopping-cart-entries-area { color: #000; }.shopping-cart-entries.active .btn { display: inline-block; } #header.header_fixed .shopping-cart-entries { top: 55px; } #section-login-registration .well { border-radius: 0; border-color: #000000; background-color: transparent; } #section-login-registration .well .btn-primary { padding: 12px 20px; border-radius: 0 !important; } #section-customer-account.section-customer-account .btn-primary { padding: 12px 15px; border-radius: 0 !important; } #section-customer-address.section-checkout-step-2 .container,#section-customer-account.section-checkout-step-2 .container { padding-bottom: 0; padding-top: 0; }#section-customer-address.section-checkout-step-2 input[type=checkbox].form-control,#section-customer-account.section-checkout-step-2 input[type=checkbox].form-control { display: inline; top: 4px; position: relative; width: 20px; height: 20px; }#section-customer-address.section-checkout-step-2 .well,#section-customer-account.section-checkout-step-2 .well { border-color: #000000; background-color: transparent; border-radius: 0; } #section-customer-address.section-checkout-step-2 .well input[type=checkbox].form-control,#section-customer-account.section-checkout-step-2 .well input[type=checkbox].form-control { display: inline; top: 4px; position: relative; width: 20px; height: 20px; } #section-customer-address.section-checkout-step-2 .well .payment-opt article.opt-article .opt-pic,#section-customer-account.section-checkout-step-2 .well .payment-opt article.opt-article .opt-pic { background-position: left center !important; background-size: 43% !important; } #section-customer-address.section-checkout-step-2 .well .payment-opt article.opt-article .opt-info .opt-active,#section-customer-account.section-checkout-step-2 .well .payment-opt article.opt-article .opt-info .opt-active { top: 7%; left: 2%; right: auto; } #section-customer-address.section-checkout-step-2 .well .payment-opt article.opt-article .opt-info .opt-a-header,#section-customer-account.section-checkout-step-2 .well .payment-opt article.opt-article .opt-info .opt-a-header { font-size: 2em; padding-left: 50%; color: #000; padding-top: 7%; } #section-customer-address.section-checkout-step-2 .well .payment-opt article.opt-article .opt-info:hover,#section-customer-account.section-checkout-step-2 .well .payment-opt article.opt-article .opt-info:hover { background: #1091d180; color: #fff; } #section-customer-address.section-checkout-step-2 .well .payment-opt article.opt-article.active .opt-info .opt-a-header,#section-customer-account.section-checkout-step-2 .well .payment-opt article.opt-article.active .opt-info .opt-a-header { color: #fff; } #section-customer-account.section-checkout-step-1 .container { padding-bottom: 0; padding-top: 0; }#section-customer-account.section-checkout-step-1 .well { border-color: #000000; background-color: transparent; border-radius: 0; } #section-customer-account.section-checkout-step-1 .well input[type=checkbox].form-control { display: inline; top: 4px; position: relative; width: 20px; height: 20px; } #section-customer-account.section-checkout-step-3 { border-color: #000000; background-color: transparent; border-radius: 0; } #section-customer-account.section-checkout-step-3 .container { padding-bottom: 0; padding-top: 0; } #section-customer-account.section-checkout-step-3 .text-bold { font-weight: bold; } #section-customer-account.section-checkout-step-3 input[type=checkbox].form-control { display: inline; top: 4px; position: relative; width: 20px; height: 20px; } #section-customer-account.section-checkout-step-3 .label_agb_check p { display: inline; margin: 0; padding: 0; } #section-customer-account.section-checkout-step-3 .payment-opt article.opt-article .opt-pic,#section-customer-account.section-checkout-step-3 .shipping-opt article.opt-article .opt-pic { background-position: left center !important; background-size: 43% !important; } #section-customer-account.section-checkout-step-3 .payment-opt article.opt-article .opt-info .opt-active,#section-customer-account.section-checkout-step-3 .shipping-opt article.opt-article .opt-info .opt-active { top: 7%; left: 2%; right: auto; } #section-customer-account.section-checkout-step-3 .payment-opt article.opt-article .opt-info .opt-a-header,#section-customer-account.section-checkout-step-3 .shipping-opt article.opt-article .opt-info .opt-a-header { font-size: 2em; padding-left: 50%; color: #000; padding-top: 7%; } #section-customer-account.section-checkout-step-3 .payment-opt article.opt-article .opt-info:hover,#section-customer-account.section-checkout-step-3 .shipping-opt article.opt-article .opt-info:hover { background: #1091d180; color: #fff; } #section-customer-account.section-checkout-step-3 .payment-opt article.opt-article.active .opt-info .opt-a-header,#section-customer-account.section-checkout-step-3 .shipping-opt article.opt-article.active .opt-info .opt-a-header { color: #fff; } #b2c_warranty_modal .modal-content,#modal-vehicle-request .modal-content,#shopping_cart_warranty_modal .modal-content { border-color: #000000; border-radius: 0; } #b2c_warranty_modal .modal-content .headline-h2,#modal-vehicle-request .modal-content .headline-h2,#shopping_cart_warranty_modal .modal-content .headline-h2 { margin-top: 0; } #b2c_warranty_modal .modal-content #shoppingcart_warranty_save .btn-primary,#modal-vehicle-request .modal-content #shoppingcart_warranty_save .btn-primary,#shopping_cart_warranty_modal .modal-content #shoppingcart_warranty_save .btn-primary { margin-top: 0; border-radius: 0 !important; padding: 12px 25px; font-size: 1em; } #b2c_warranty_modal .modal-content #shoppingcart_warranty_save .btn-primary:hover,#b2c_warranty_modal .modal-content #shoppingcart_warranty_save .btn-primary:focus,#modal-vehicle-request .modal-content #shoppingcart_warranty_save .btn-primary:hover,#modal-vehicle-request .modal-content #shoppingcart_warranty_save .btn-primary:focus,#shopping_cart_warranty_modal .modal-content #shoppingcart_warranty_save .btn-primary:hover,#shopping_cart_warranty_modal .modal-content #shoppingcart_warranty_save .btn-primary:focus { background-image: none !important; background-color: #000000 !important; } #b2c_warranty_modal .modal-content #shoppingcart_warranty_save .btn-warning,#modal-vehicle-request .modal-content #shoppingcart_warranty_save .btn-warning,#shopping_cart_warranty_modal .modal-content #shoppingcart_warranty_save .btn-warning { padding: 12px 25px; cursor: pointer; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; font-size: 1em; font-weight: 600; border: 0; } #b2c_warranty_modal .modal-content #shoppingcart_warranty_save .btn-warning:hover,#b2c_warranty_modal .modal-content #shoppingcart_warranty_save .btn-warning:focus,#modal-vehicle-request .modal-content #shoppingcart_warranty_save .btn-warning:hover,#modal-vehicle-request .modal-content #shoppingcart_warranty_save .btn-warning:focus,#shopping_cart_warranty_modal .modal-content #shoppingcart_warranty_save .btn-warning:hover,#shopping_cart_warranty_modal .modal-content #shoppingcart_warranty_save .btn-warning:focus { background: #000000; }#b2c_warranty_modal .modal-body h4,#modal-vehicle-request .modal-body h4,#shopping_cart_warranty_modal .modal-body h4 { margin-bottom: 20px; }#b2c_warranty_modal .modal-footer .btn-primary,#modal-vehicle-request .modal-footer .btn-primary,#shopping_cart_warranty_modal .modal-footer .btn-primary { border-radius: 0 !important; font-size: 1em; margin-top: 0; padding: 12px 25px; } #b2c_warranty_modal .modal-footer .btn-primary:hover,#b2c_warranty_modal .modal-footer .btn-primary:focus,#modal-vehicle-request .modal-footer .btn-primary:hover,#modal-vehicle-request .modal-footer .btn-primary:focus,#shopping_cart_warranty_modal .modal-footer .btn-primary:hover,#shopping_cart_warranty_modal .modal-footer .btn-primary:focus { background-image: none !important; background-color: #000000 !important; }#b2c_warranty_modal .modal-footer .btn-warning,#modal-vehicle-request .modal-footer .btn-warning,#shopping_cart_warranty_modal .modal-footer .btn-warning { border: 0; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 600; margin-bottom: 0; padding: 12px 25px; text-align: center; vertical-align: middle; white-space: nowrap; } #b2c_warranty_modal .modal-footer .btn-warning:hover,#b2c_warranty_modal .modal-footer .btn-warning:focus,#modal-vehicle-request .modal-footer .btn-warning:hover,#modal-vehicle-request .modal-footer .btn-warning:focus,#shopping_cart_warranty_modal .modal-footer .btn-warning:hover,#shopping_cart_warranty_modal .modal-footer .btn-warning:focus { background: #000000; } table .b2c-img-product { max-width: 120px; } #warranty-tab-content > table th:nth-child(1),#warranty-tab-content > table td:nth-child(1),#equipment-tab-content > table th:nth-child(1),#equipment-tab-content > table td:nth-child(1) { width: 36px; padding-right: 0 !important; }#warranty-tab-content > table th:nth-child(2),#warranty-tab-content > table td:nth-child(2),#equipment-tab-content > table th:nth-child(2),#equipment-tab-content > table td:nth-child(2) { width: 140px; } @media (max-width: 767px) { #section-shoppingcart-list-articles table th:nth-child(1),#section-shoppingcart-list-articles table td:nth-child(1),.section-checkout-step-3 table th:nth-child(1),.section-checkout-step-3 table td:nth-child(1) { display: none; } }@media (min-width: 768px) { #section-shoppingcart-list-articles table th:nth-child(1),#section-shoppingcart-list-articles table td:nth-child(1),.section-checkout-step-3 table th:nth-child(1),.section-checkout-step-3 table td:nth-child(1) { padding-left: 0 !important; width: 220px; } }#section-shoppingcart-list-articles table th:last-child,#section-shoppingcart-list-articles table td:last-child,.section-checkout-step-3 table th:last-child,.section-checkout-step-3 table td:last-child { text-align: right; } @media (min-width: 768px) { #section-shoppingcart-list-articles table th:nth-last-child(2),#section-shoppingcart-list-articles table td:nth-last-child(2) { width: 150px; } }#section-shoppingcart-list-articles table th:last-child,#section-shoppingcart-list-articles table td:last-child { padding: 0 !important; width: 37px; } #section-shoppingcart-list-articles table th:last-child,#section-shoppingcart-list-articles table td:last-child { width: 150px; } table > tbody > tr.shoppingcart-total-sum > th,table > tbody > tr.shoppingcart-total-sum > td { border-top-width: 8px; border-top-color: #ddd; border-top-style: double; } table > tbody > tr.shoppingcart-total-sum > td.border-0 { border-top-width: 0; } @media (min-width: 1200px) { table .b2c-img-product { max-width: 200px; } #warranty-tab-content > table td:nth-child(2),#equipment-tab-content > table td:nth-child(2) { width: 220px; } }/* Created on : 13.06.2018,10:53:13 Author : Florian Neueder*/#section-instagram-slider-fullwidth #instagramRecent { height: 360px; }#section-instagram-slider-fullwidth .instagram-container { display: inline-block; overflow: hidden; position: relative; } #section-instagram-slider-fullwidth .instagram-container .instagram-text { background: rgba(0,0,0,0.9); border-radius: 4px; color: #fff; opacity: 0; overflow: hidden; padding: 15px; text-align: center; transition: opacity .3s linear; width: 100%; position: absolute; bottom: 0; top: 0; } #section-instagram-slider-fullwidth .instagram-container:hover .instagram-text { color: #fff; opacity: 1; }#section-instagram-slider-fullwidth .slick-slide img { height: 360px; width: auto; }#section-instagram-slider-fullwidth .slick-next,#section-instagram-slider-fullwidth .slick-prev { height: 50px; padding: 15px; width: 50px; z-index: 9; }#section-instagram-slider-fullwidth .slick-prev { left: 0; }#section-instagram-slider-fullwidth .slick-next { right: 0; } /* Created on : 19.06.2018,11:41:25 Author : Roman Marker*/#section-blog-last-entries { margin: 50px auto; } #section-blog-last-entries .row .col-md-4:last-child .blog-last-entry-container { margin-bottom: 0; } .blog-last-entry-container { margin-bottom: 25px; } .blog-last-entry-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: calc(100vw * .6666666666666667 - 30px); text-decoration: none; } .blog-last-entry-image:hover { text-decoration: none; } .blog-last-entry-date { font-size: 13px; margin: 5px 0 10px; opacity: .75; } .blog-last-entry-head { font-size: 20px; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .blog-last-entry-more-link { display: block; font-size: 16px; padding: 5px 0 10px; text-align: right; } @media (min-width: 768px) { #section-blog-last-entries .row { display: flex; flex-wrap: wrap; } #section-blog-last-entries .row [class^="col-"] { float: none; } .blog-last-entry-image { height: calc(100vw / 2 * .6666666666666667 - 30px); } }@media (min-width: 992px) { .blog-last-entry-image { height: calc(100vw / 3 * .6666666666666667 - 30px); } }/* Created on : 21.06.2018,13:22:25 Author : Roman Marker*/#section-home-contact-persons-slider,#section-contact-persons-slider,#section-contact-persons-multiple-standort { margin: 50px auto; } #section-home-contact-persons-slider .contact-person-container,#section-contact-persons-slider .contact-person-container,#section-contact-persons-multiple-standort .contact-person-container { margin: 0 auto; position: relative; text-decoration: none; transform-style: preserve-3d; width: 200px; } #section-home-contact-persons-slider .contact-person-container:hover .contact-person-more-info,#section-contact-persons-slider .contact-person-container:hover .contact-person-more-info,#section-contact-persons-multiple-standort .contact-person-container:hover .contact-person-more-info { opacity: 1; } #section-home-contact-persons-slider .contact-person-container:hover .contact-person-info,#section-contact-persons-slider .contact-person-container:hover .contact-person-info,#section-contact-persons-multiple-standort .contact-person-container:hover .contact-person-info { opacity: 0; } #section-home-contact-persons-slider .contact-person-container a,#section-home-contact-persons-slider .contact-person-container a:hover,#section-contact-persons-slider .contact-person-container a,#section-contact-persons-slider .contact-person-container a:hover,#section-contact-persons-multiple-standort .contact-person-container a,#section-contact-persons-multiple-standort .contact-person-container a:hover { color: #fff; } #section-home-contact-persons-slider .contact-person-container img,#section-contact-persons-slider .contact-person-container img,#section-contact-persons-multiple-standort .contact-person-container img { height: 200px; margin: 0 auto; width: auto; } #section-home-contact-persons-slider .contact-person-info,#section-home-contact-persons-slider .contact-person-more-info,#section-contact-persons-slider .contact-person-info,#section-contact-persons-slider .contact-person-more-info,#section-contact-persons-multiple-standort .contact-person-info,#section-contact-persons-multiple-standort .contact-person-more-info { margin: 0 auto; overflow: hidden; padding: 5px; transform: translateX(-50%); transition: opacity .3s linear; width: 100%; position: absolute; bottom: 0; left: 50%; } #section-home-contact-persons-slider .contact-person-info,#section-contact-persons-slider .contact-person-info,#section-contact-persons-multiple-standort .contact-person-info { background: rgba(255,255,255,0.75); } #section-home-contact-persons-slider .contact-person-info .contact-person-location,#section-contact-persons-slider .contact-person-info .contact-person-location,#section-contact-persons-multiple-standort .contact-person-info .contact-person-location { display: none; } #section-home-contact-persons-slider .contact-person-location,#section-contact-persons-slider .contact-person-location,#section-contact-persons-multiple-standort .contact-person-location { font-size: 11px; } #section-home-contact-persons-slider .contact-person-more-info,#section-contact-persons-slider .contact-person-more-info,#section-contact-persons-multiple-standort .contact-person-more-info { background: rgba(0,0,0,0.75); color: #fff; display: flex; flex-direction: column; justify-content: center; opacity: 0; text-align: center; top: 0; } #section-home-contact-persons-slider .contact-person-more-info-line,#section-contact-persons-slider .contact-person-more-info-line,#section-contact-persons-multiple-standort .contact-person-more-info-line { margin-bottom: 10px; position: relative; } #section-home-contact-persons-slider .contact-person-more-info-line:after,#section-contact-persons-slider .contact-person-more-info-line:after,#section-contact-persons-multiple-standort .contact-person-more-info-line:after { background: #fff; content: ''; height: 4px; transform: translateX(-50%); width: 50px; position: absolute; left: 50%; } #section-home-contact-persons-slider .contact-person-name,#section-contact-persons-slider .contact-person-name,#section-contact-persons-multiple-standort .contact-person-name { font-weight: bold; } #section-home-contact-persons-slider .slick-list,#section-contact-persons-slider .slick-list,#section-contact-persons-multiple-standort .slick-list { margin: 0 50px; } #section-home-contact-persons-slider .slick-next,#section-home-contact-persons-slider .slick-prev,#section-contact-persons-slider .slick-next,#section-contact-persons-slider .slick-prev,#section-contact-persons-multiple-standort .slick-next,#section-contact-persons-multiple-standort .slick-prev { height: 50px; padding: 15px; width: 50px; z-index: 9; } #section-home-contact-persons-slider .slick-next:before,#section-home-contact-persons-slider .slick-prev:before,#section-contact-persons-slider .slick-next:before,#section-contact-persons-slider .slick-prev:before,#section-contact-persons-multiple-standort .slick-next:before,#section-contact-persons-multiple-standort .slick-prev:before { color: #000000; } #section-home-contact-persons-slider .slick-prev,#section-contact-persons-slider .slick-prev,#section-contact-persons-multiple-standort .slick-prev { left: 0; } #section-home-contact-persons-slider .slick-next,#section-contact-persons-slider .slick-next,#section-contact-persons-multiple-standort .slick-next { right: 0; } @media (min-width: 768px) { #section-home-contact-persons-slider .contact-person-container,#section-contact-persons-slider .contact-person-container,#section-contact-persons-multiple-standort .contact-person-container { width: 300px; } #section-home-contact-persons-slider .contact-person-container img,#section-contact-persons-slider .contact-person-container img,#section-contact-persons-multiple-standort .contact-person-container img { height: 300px; } #section-home-contact-persons-slider .contact-person-info,#section-home-contact-persons-slider .contact-person-more-info,#section-contact-persons-slider .contact-person-info,#section-contact-persons-slider .contact-person-more-info,#section-contact-persons-multiple-standort .contact-person-info,#section-contact-persons-multiple-standort .contact-person-more-info { padding: 10px; } #section-home-contact-persons-slider .contact-person-info .contact-person-location,#section-contact-persons-slider .contact-person-info .contact-person-location,#section-contact-persons-multiple-standort .contact-person-info .contact-person-location { display: block; } }@media (min-width: 1200px) { #section-home-contact-persons-slider .contact-person-container,#section-contact-persons-slider .contact-person-container,#section-contact-persons-multiple-standort .contact-person-container { width: 350px; } #section-home-contact-persons-slider .contact-person-container img,#section-contact-persons-slider .contact-person-container img,#section-contact-persons-multiple-standort .contact-person-container img { height: 350px; } #section-home-contact-persons-slider .contact-person-info,#section-home-contact-persons-slider .contact-person-more-info,#section-contact-persons-slider .contact-person-info,#section-contact-persons-slider .contact-person-more-info,#section-contact-persons-multiple-standort .contact-person-info,#section-contact-persons-multiple-standort .contact-person-more-info { padding: 25px; } #section-home-contact-persons-slider .contact-person-location,#section-contact-persons-slider .contact-person-location,#section-contact-persons-multiple-standort .contact-person-location { font-size: 12px; } }/* Created on : 16.05.2018,15:46:55 Author : Florian Neueder*/@media screen and (max-width: 1200px) {  .carousel-caption { /*display: none !important;*/ max-width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }@media screen and (max-width: 800px) {  .carousel-caption { display: none !important; } }#aside-special-short-search { max-width: 500px; position: absolute; top: 350px; right: 150px; z-index: 9; min-width: 400px; } @media screen and (max-width: 1300px) { #aside-special-short-search { top: 190px; right: 50px; } #aside-special-short-search .mq-hidden { display: none; } } @media screen and (max-width: 1025px) { #aside-special-short-search { top: 30px; right: 10px; } } @media screen and (max-width: 800px) { #aside-special-short-search .mq-mini { margin-bottom: 0px; } } @media screen and (max-width: 480px) { #aside-special-short-search .mq-micro-hidden { display: none; } } #aside-special-short-search .well { background-color: rgba(255,255,255,0.7); border: 0px solid #e3e3e3; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05); box-shadow: inset 0 0px 0px rgba(0,0,0,0.05); min-height: 200px; /* input.form-control{ margin-bottom: 15px; }*/ } #aside-special-short-search .well .subheadline-h2 { font-weight: 700; text-transform: uppercase; text-align: center; padding-bottom: 20px; display: block; } #aside-special-short-search .well strong { color: #000000; padding-bottom: 5px; display: block; } #aside-special-short-search .well hr { border-bottom: 0px; margin-top: 10px; } #aside-special-short-search .well .btn-fullwidth { margin-top: 0px; } #aside-special-short-search .well .forms-accept-datenschutz label { font-size: 13px; } #aside-special-short-search .well .input-group { margin-bottom: 15px; } #aside-special-short-search .well .input-group .input-group-addon { background-color: #000; border: 1px solid #000; border-radius: 0px; color: #fff; } #aside-special-short-search .mq-micro-visible { display: none; } @media screen and (max-width: 480px) { #aside-special-short-search .mq-micro-visible { display: block; } #aside-special-short-search .well { min-height: 0px; } } #section-special-anfrage .well { background: transparent; border: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.05); box-shadow: inset 0 0px 0px rgba(0,0,0,0.05); padding: 0px 0px 40px 0px; border-bottom: 1px solid #000000; border-radius: 0px; margin-bottom: 40px; } #section-special-anfrage .well .lead { margin-bottom: 0px; font-weight: 700; } #section-special-anfrage .well .lead + small { margin-bottom: 20px; display: block; } #section-special-anfrage .well .form-control { margin-bottom: 15px; }#section-special-anfrage .well.last-one { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 20px; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 15.05.2018,17:29:43 Author : Florian Neueder*/#aside-testimonials-news-feed .marquee { width: 100%; overflow: hidden; } #aside-testimonials-news-feed .marquee a { color: #fff; } /* Created on : 02.01.2017,16:11:05 Author : Florian Neueder*/@media (max-width: 920px) { #section-shoppingcart-list-articles .row .col-xs-12 { margin-bottom: 0; } }#section-shoppingcart-list-articles .image-block a { width: 100%; }#section-shoppingcart-list-articles .img-thumbnail { width: 100%; border: none; padding: 0; border-radius: 0; margin-top: 5px; }#section-shoppingcart-list-articles .line-diff { border-bottom: 1px solid #bbb; }#section-shoppingcart-list-articles .table .line-top { border-top: 0; } #section-shoppingcart-list-articles .table .line-top td { font-size: 15px; font-weight: 700; padding-top: 0; color: #000; width: 118px; } #section-shoppingcart-list-articles .table .line-top td:first-child { width: auto; }#section-shoppingcart-list-articles .vehicle-element { margin-bottom: 20px; padding-top: 3px; padding-bottom: 3px; min-height: 250px; } #section-shoppingcart-list-articles .vehicle-element .headline-h3 { font-size: 14px; } #section-shoppingcart-list-articles .vehicle-element .row { margin-right: 0; margin-left: 0; } #section-shoppingcart-list-articles .vehicle-element > .row { margin-right: -15px; margin-left: -15px; } #section-shoppingcart-list-articles .vehicle-element .del-kaufen-button { margin-left: 0; color: #fff; width: 100%; margin-top: 5px; background: red !important; border-radius: 0 !important; padding: 12px 25px; margin-bottom: 5px; }#section-shoppingcart-list-articles .vehicle-element:nth-child(even) { background: rgba(0,0,0,0.05); }#section-shoppingcart-list-articles .highlight-element { background: rgba(0,0,0,0.1); margin-top: 5px; }@media (max-width: 480px) { #section-shoppingcart-list-articles .pricing-select { margin-top: 20px; } }#section-shoppingcart-list-articles .label-default { margin-right: 5px; }@media (max-width: 480px) { #section-shoppingcart-list-articles .table .line-top td { display: block; } }#section-shoppingcart-list-articles .envkv-class { width: 12px; height: 14px; background: #000; margin-left: 3px; margin-right: 2px; color: #ffffff; font-size: 9px; line-height: 14px; }#section-shoppingcart-list-articles .envkv-class:before { content: ""; position: absolute; width: 0; height: 0; border-top: 7px solid transparent; border-right: 8px solid #000; border-bottom: 7px solid transparent; margin: 0 0 0 -7px; }#section-shoppingcart-list-articles .envkv-class span { display: block; text-align: center; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="A+"] { background: #009136; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="A+"]:before { border-right-color: #009136; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="A"] { background: #009137; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="A"]:before { border-right-color: #009137; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="B"] { background: #58ab27; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="B"]:before { border-right-color: #58ab27; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="C"] { background: #c8d202; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="C"]:before { border-right-color: #c8d202; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="D"] { background: #fded01; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="D"]:before { border-right-color: #fded01; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="E"] { background: #fbba03; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="E"]:before { border-right-color: #fbba03; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="F"] { background: #ea680d; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="F"]:before { border-right-color: #ea680d; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="G"] { background: #e3001b; }#section-shoppingcart-list-articles .envkv-class[data-envk-class="G"]:before { border-right-color: #e3001b; }#section-shoppingcart-list-articles .hidden-not-active { display: none; }#section-shoppingcart-list-articles .active { padding: 5px; margin-bottom: 5px; } @media (max-width: 480px) { #section-shoppingcart-list-articles .active { padding: 0; } } #section-shoppingcart-list-articles .active .p-block-1,#section-shoppingcart-list-articles .active .p-block-2 { background-color: #000000; border: 1px solid #000000; color: #fff; } #section-shoppingcart-list-articles .active .p-block-1 .text-muted,#section-shoppingcart-list-articles .active .p-block-2 .text-muted { color: #fff; } #section-shoppingcart-list-articles .active .hidden-not-active { display: initial; } #section-shoppingcart-list-articles .active .p-block-2.hidden-not-active { padding-bottom: 10px; } #section-shoppingcart-list-articles .active .p-block-2.hidden-not-active .col-xs-6:first-child { padding-left: 0; } #section-shoppingcart-list-articles .active .p-block-2.hidden-not-active .col-xs-6:first-child .col-xs-12 { padding-left: 0; } #section-shoppingcart-list-articles .active .p-block-2.hidden-not-active .col-xs-6:last-child { padding-right: 0; } #section-shoppingcart-list-articles .active .p-block-2.hidden-not-active .col-xs-6:last-child .col-xs-12 { padding-right: 0; }#section-shoppingcart-list-articles .inactive { padding: 5px; margin-bottom: 5px; } @media (max-width: 480px) { #section-shoppingcart-list-articles .inactive { padding: 0; } } #section-shoppingcart-list-articles .inactive .p-block-1 { background-color: rgba(0,0,0,0.1); }#section-shoppingcart-list-articles .inactive:hover { cursor: pointer; } #section-shoppingcart-list-articles .inactive:hover .p-block-1 { background-color: #000000; color: #fff; } #section-shoppingcart-list-articles .inactive:hover .p-block-1 .text-muted { color: #fff; }#section-shoppingcart-list-articles .price-box { font-size: 2.1rem; }@media (max-width: 480px) { #section-shoppingcart-list-articles .car-opt-articles > .nopadding-left { padding-right: 0; } }#section-shoppingcart-list-articles .car-opt-articles article.opt-article { position: relative; min-height: 125px; cursor: auto; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .del-kaufen-button { color: red; font-size: 50px; position: absolute; top: 0; right: 0; margin: 0; padding: 0 5px 5px 5px; border-radius: 0; line-height: 1em; width: auto; background: transparent !important; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .del-kaufen-button:hover,#section-shoppingcart-list-articles .car-opt-articles article.opt-article .del-kaufen-button:focus { background: red !important; color: #fff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-pic { position: absolute; background-size: cover; background-position: center; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background: #00adef; color: #ffffff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info .opt-a-header { padding: 10px 15px; font-weight: 600; padding-bottom: 5px; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info .opt-a-body { padding: 10px 15px; font-size: 0.85em; padding-top: 0; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info .opt-a-price { text-align: right; padding: 5px 15px; font-weight: 800; font-size: 1.3em; background: #ffffff; color: #00adef; width: auto; right: 0; position: absolute; bottom: 10px; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info .opt-active { display: none; position: absolute; top: 0; right: 2%; font-size: 4em; color: #fff; z-index: 9; line-height: 1; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info:hover { background: #00000080; color: #fff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article .opt-info:hover .opt-a-price { background: #00adef; color: #ffffff; }#section-shoppingcart-list-articles .car-opt-articles article.opt-article.active { border-color: green; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article.active .opt-info { background: #22a72480; color: #fff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article.active .opt-info .opt-a-price { background: green; color: #fff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article.active .opt-info.warranty { background: #1091d180; color: #fff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article.active .opt-info.warranty .opt-a-price { background: #1091d1; color: #fff; } #section-shoppingcart-list-articles .car-opt-articles article.opt-article.active .opt-active { display: block; }#section-shoppingcart-list-articles .car-opt-articles .row.opt-article { border-bottom: 1px solid #ccc; padding: 5px; padding-top: 10px; cursor: pointer; } #section-shoppingcart-list-articles .car-opt-articles .row.opt-article .opt-a-header { font-weight: 600; } #section-shoppingcart-list-articles .car-opt-articles .row.opt-article .opt-active { padding-left: 5px; } #section-shoppingcart-list-articles .car-opt-articles .row.opt-article .opt-active input[type="checkbox"] { height: 20px; width: 20px; margin: 0; } #section-shoppingcart-list-articles .car-opt-articles .row.opt-article .opt-a-price { font-size: 1.25em; font-weight: 800; } #section-shoppingcart-list-articles .car-opt-articles .row.opt-article .opt-a-body > .col-xs-12 { padding-bottom: 10px; font-size: 0.85em; }#section-shoppingcart-list-articles .car-opt-articles .row.opt-article.active { background: green; color: #fff; }#section-shoppingcart-list-articles .car-opt-articles .row.opt-article:hover { background: #89deff; color: #ffffff; }#section-shoppingcart-list-articles .car-opt-articles .row.opt-article.active:hover { background: green; } #section-shoppingcart-gebuehr { font-size: 14px; color: #000; } #section-shoppingcart-gebuehr .btn-back { background-color: #000 !important; background-image: none !important; } @media (max-width: 768px) { #section-shoppingcart-gebuehr #add-shippingaddress { margin-top: 25px; } } #section-shoppingcart-gebuehr .text-right { font-weight: 600; font-size: 15px; } #section-shoppingcart-gebuehr .text-zustandsaccept { font-weight: 400; } #section-shoppingcart-gebuehr .line-before { border-top: 1px solid #000; } #section-shoppingcart-gebuehr .row { padding-top: 5px; padding-bottom: 5px; } #section-shoppingcart-gebuehr .lieferaddress-line .btn-primary { margin-top: 0; padding: 7px 15px; font-size: 1em; font-weight: 400; } #section-shoppingcart-gebuehr textarea { height: 130px; background: #fff; color: #000000; border: 2px solid #000000; border-radius: 5px; } @media (max-width: 768px) { #section-shoppingcart-gebuehr .lieferaddress-line .col-xs-12 { padding-left: 0 !important; } #section-shoppingcart-gebuehr .lieferaddress-line .margintop10px { margin-left: 0; } } @media (max-width: 1024px) { #section-shoppingcart-gebuehr .gesamtpreis-anz .btn-primary { max-width: 100%; padding: 15px 0; width: 100%; font-size: 1.1em; } } .shipping-opt.disabled { cursor: not-allowed; } .shipping-opt.disabled article.opt-article { cursor: not-allowed !important; pointer-events: none; } .payment-opt article.opt-article,.shipping-opt article.opt-article { position: relative; min-height: 125px; cursor: pointer; } .payment-opt article.opt-article .opt-pic,.shipping-opt article.opt-article .opt-pic { position: absolute; background-size: cover; background-position: center; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .payment-opt article.opt-article .opt-info,.shipping-opt article.opt-article .opt-info { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.1); color: #ffffff; } .payment-opt article.opt-article .opt-info .opt-a-header,.shipping-opt article.opt-article .opt-info .opt-a-header { padding: 10px 15px 5px; font-weight: 600; } .payment-opt article.opt-article .opt-info .opt-a-body,.shipping-opt article.opt-article .opt-info .opt-a-body { padding: 0 15px 10px; font-size: 0.85em; } .payment-opt article.opt-article .opt-info .opt-a-price,.shipping-opt article.opt-article .opt-info .opt-a-price { text-align: right; padding: 5px 15px; font-weight: 800; font-size: 1.3em; background: #ffffff; color: #00adef; width: auto; right: 0; position: absolute; bottom: 10px; } .payment-opt article.opt-article .opt-info .opt-active,.shipping-opt article.opt-article .opt-info .opt-active { display: none; position: absolute; top: 0; right: 2%; font-size: 4em; color: #fff; z-index: 9; line-height: 1; } .payment-opt article.opt-article .opt-info:hover,.shipping-opt article.opt-article .opt-info:hover { background: #00000080; color: #fff; } .payment-opt article.opt-article .opt-info:hover .opt-a-price,.shipping-opt article.opt-article .opt-info:hover .opt-a-price { background: #00adef; color: #ffffff; }.payment-opt article.opt-article.active,.shipping-opt article.opt-article.active { border-color: green; } .payment-opt article.opt-article.active .opt-info,.shipping-opt article.opt-article.active .opt-info { background: #22a72480; color: #fff; } .payment-opt article.opt-article.active .opt-info .opt-a-price,.shipping-opt article.opt-article.active .opt-info .opt-a-price { background: green; color: #fff; } .payment-opt article.opt-article.active .opt-active,.shipping-opt article.opt-article.active .opt-active { display: block; }.payment-opt .row.opt-article,.shipping-opt .row.opt-article { border-bottom: 1px solid #ccc; padding: 10px 5px 5px; cursor: pointer; } .payment-opt .row.opt-article .opt-a-header,.shipping-opt .row.opt-article .opt-a-header { font-weight: 600; } .payment-opt .row.opt-article .opt-active,.shipping-opt .row.opt-article .opt-active { padding-left: 5px; } .payment-opt .row.opt-article .opt-active input[type="checkbox"],.shipping-opt .row.opt-article .opt-active input[type="checkbox"] { height: 20px; width: 20px; margin: 0; } .payment-opt .row.opt-article .opt-a-price,.shipping-opt .row.opt-article .opt-a-price { font-size: 1.25em; font-weight: 800; } .payment-opt .row.opt-article .opt-a-body > .col-xs-12,.shipping-opt .row.opt-article .opt-a-body > .col-xs-12 { padding-bottom: 10px; font-size: 0.85em; }.payment-opt .row.opt-article.active,.shipping-opt .row.opt-article.active { background: green; color: #fff; }.payment-opt .row.opt-article:hover,.shipping-opt .row.opt-article:hover { background: #89deff; color: #ffffff; }.payment-opt .row.opt-article.active:hover,.shipping-opt .row.opt-article.active:hover { background: green; } /*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 09.06.2018,14:14:11 Author : Florian Neueder*/#aside-quiz-plugin .quizPicture { position: absolute; width: 100px; heigh: 100px; overflow: hidden; z-index: 9999; } #aside-quiz-plugin .quizPicture img { max-width: 100%; width: auto; height: auto; cursor: pointer; }#aside-quiz-plugin .quizTop { top: 0px; left: 0px; }#aside-quiz-plugin .quizTopRight { top: 0px; right: 0px; }#aside-quiz-plugin .quizBottom { bottom: 0px; left: 0px; }#aside-quiz-plugin .quizBottomRight { bottom: 0px; right: 0px; }#aside-quiz-plugin .quizCenterTop { top: 0px; left: 50%; }#aside-quiz-plugin .quizCenterBottom { bottom: 0px; right: 50%; }#aside-quiz-plugin .quizRandomLeft { top: 150%; left: 0px; }#aside-quiz-plugin .quizRandomLeft2 { top: 75%; left: 0px; }#aside-quiz-plugin .quizRandomLeft4 { top: 25%; left: 0px; }#aside-quiz-plugin .quizRandomLeft3 { top: 50%; left: 0px; }#aside-quiz-plugin .quizRandomRight { top: 150%; right: 0px; }#aside-quiz-plugin .quizRandomRight2 { top: 75%; right: 0px; }#aside-quiz-plugin .quizRandomRight3 { top: 50%; right: 0px; }#aside-quiz-plugin .quizRandomRight4 { top: 25%; right: 0px; } .quiz_modals .modal-content { border-radius: 0px; }.quiz_modals .modal-dialog { top: 25%; } .quiz_modals .modal-dialog .btn { border-radius: 0px; } #section-kachel-home { margin: 2px; } @media (min-width: 768px) { #section-kachel-home { display: flex; margin: 7px; } } #section-kachel-home .tile-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: flex; flex-grow: 1; margin: 2px; overflow: hidden; } @media (min-width: 768px) { #section-kachel-home .tile-img { margin: 7px; } } #section-kachel-home .tile-img-text-container { color: #fff; display: flex; flex-grow: 1; flex-direction: column; padding: 10px; transition: all .3s ease-in-out; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); } @media (min-width: 480px) { #section-kachel-home .tile-img-text-container { padding: 15px; } } #section-kachel-home .tile-img-text-container a { text-decoration: none; } #section-kachel-home .tile-img-text-container a:not(.btn):hover { text-decoration: underline; } #section-kachel-home .tile-img-text-container .h3 { font-size: 15px; font-weight: bold; margin: 0; transition: all .3s ease; will-change: transform; } @media (min-width: 480px) { #section-kachel-home .tile-img-text-container .h3 { font-size: 16px; } } @media (min-width: 768px) { #section-kachel-home .tile-img-text-container .h3 { font-size: 18px; } } @media (min-width: 1200px) { #section-kachel-home .tile-img-text-container .h3 { font-size: 24px; text-transform: uppercase; } } @media (min-width: 1600px) { #section-kachel-home .tile-img-text-container .h3 { font-size: 28px; } } #section-kachel-home .tile-img-text-container .tile-img-text { display: none; font-weight: bold; text-shadow: 0 1px 0 #000; will-change: transform; } #section-kachel-home .tile-img-text-container:hover { background: rgba(0,0,0,0.5); } #section-kachel-home .tile-img-text-container:hover .tile-img-text { display: block; animation: slideInUp .3s ease; } #section-kachel-home.layout-1 .tile-img-text-container { justify-content: flex-end; } #section-kachel-home.layout-1 .tile-img-text-container:hover .h3 { transform: translateY(-20px); } #section-kachel-home.layout-1 .tiles-col-2 .tile-img:nth-child(1) { flex-grow: 2; } #section-kachel-home.layout-1 .tiles-col-2 .tile-img:nth-child(2) { flex-grow: 3; } #section-kachel-home.layout-1 .tiles-col-3 .tile-img { height: 65vw; } @media (min-width: 768px) { #section-kachel-home.layout-1 .tiles-col-3 .tile-img { height: 21vw; } } @media (max-width: 767px) { #section-kachel-home.layout-1 .d-flex { flex-direction: column; } #section-kachel-home.layout-1 .tiles-col-1 .tile-img { height: 100vw; } #section-kachel-home.layout-1 .tiles-col-2 .tile-img:nth-child(1) { height: 84vw; } #section-kachel-home.layout-1 .tiles-col-2 .tile-img:nth-child(2) { height: 105vw; } } @media (min-width: 768px) { #section-kachel-home.layout-1 { flex-wrap: wrap; } #section-kachel-home.layout-1 .tiles-col-1,#section-kachel-home.layout-1 .tiles-col-2,#section-kachel-home.layout-1 .tiles-col-3 { flex-direction: column; } #section-kachel-home.layout-1 .tiles-col-2 .tile-img { flex-basis: 0; } #section-kachel-home.layout-1 .tiles-col-1 { width: 66.66666667%; } #section-kachel-home.layout-1 .tiles-col-2 { width: 33.33333333%; } #section-kachel-home.layout-1 .tiles-col-3 { width: 100%; } } @media (min-width: 768px) and (max-width: 1199px) { #section-kachel-home.layout-1 .tiles-col-1 .tile-img { height: 66vw; } #section-kachel-home.layout-1 .tiles-col-3 { flex-direction: row; } #section-kachel-home.layout-1 .tiles-col-3 .tile-img { width: 33.3333333%; } } @media (min-width: 1200px) { #section-kachel-home.layout-1 .tiles-col-1 { width: 50%; } #section-kachel-home.layout-1 .tiles-col-2,#section-kachel-home.layout-1 .tiles-col-3 { width: 25%; } #section-kachel-home.layout-1 .tiles-col-3 .tile-img { height: 16vw; } } #section-kachel-home.layout-2 .tile-img-text-container { justify-content: space-between; } @media (min-width: 1200px) { #section-kachel-home.layout-2 .tile-img-text-container:hover .h3 { transform: translateY(20px); } } #section-kachel-home.layout-2 .tiles-col-2 .tile-img { height: 40vw; } @media (min-width: 768px) { #section-kachel-home.layout-2 .tiles-col-2 .tile-img { height: 31vw; } } @media (max-width: 767px) { #section-kachel-home.layout-2 .tiles-col-1 .tile-img,#section-kachel-home.layout-2 .tiles-col-3 .tile-img { height: 40vw; width: 50%; } } @media (min-width: 768px) { #section-kachel-home.layout-2 .tiles-col-1,#section-kachel-home.layout-2 .tiles-col-2,#section-kachel-home.layout-2 .tiles-col-3 { flex-direction: column; width: 33.3333333%; } #section-kachel-home.layout-2 .tiles-col-1 .tile-img,#section-kachel-home.layout-2 .tiles-col-3 .tile-img { flex-basis: 0; } } .d-flex { display: flex; } /* Created on : 19.06.2018,11:51:17 Author : Florian Neueder*/#section-vehicle-list-search-horizontal.section-vehicles-list-search-block { padding-top: 20px; padding-bottom: 10px; position: relative; left: 0px; top: 0px; max-width: 100%; width: 100%; background: #272727; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block > .container { background: transparent; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .zlline .search-start { margin-bottom: 5px; width: 100%; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .row { margin-bottom: 0px; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .row .col-xs-12 { margin-bottom: 10px; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .h2 { margin-top: 0; color: #fff; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .text-muted { color: #fff; } #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .center-block a:hover { color: #000000; } @media (min-width: 768px) { .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block { max-width: 50%; position: absolute; top: calc(75px + 1%); left: 1%; background: rgba(39,39,39,0.82); } .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .button-line { margin-bottom: 0; } .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .center-block { padding-top: 15%; font-size: 1em; } .site-home.block-search #header-slider-container .carousel-caption { left: 55%; } }@media (min-width: 1024px) { .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block { top: calc(75px + 1%); left: 7.5%; max-width: 600px; } .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .row { margin-bottom: 20px; } .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .row .col-xs-12 { margin-bottom: 0px; } .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block .button-line { margin-bottom: 0; } .site-home.block-search #header-slider-container .carousel-caption { left: 50%; } }@media (min-width: 1400px) { .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block { top: calc(75px + 15%); } .site-home.block-search #header-slider-container .carousel-caption { left: 55%; } }@media (min-width: 1500px) { .site-home.block-search #section-vehicle-list-search-horizontal.section-vehicles-list-search-block { top: calc(75px + 20%); } .site-home.block-search #header-slider-container .carousel-caption { left: 45%; } }@media (min-width: 1800px) { .site-home.block-search #header-slider-container .carousel-caption { left: 35%; } }/* Created on : 28.08.2018,13:13:57 Author : Florian Neueder*/#section-social-tabs { margin-top: 75px; } #section-social-tabs h2 { margin: 0 0 15px; font-weight: 400; } #section-social-tabs .nav-tabs { border-bottom: transparent; border-right: 0; text-align: center; } #section-social-tabs .nav-tabs > li { background: transparent; border: 2px solid; display: inline-block; float: none; margin: 0 7px; } #section-social-tabs .nav-tabs > li > a { background: transparent; color: #000; font-weight: 400; padding: 3px 0; width: 120px; } #section-social-tabs .nav-tabs > li.active a { background: #000; color: #fff; } #section-social-tabs .nav-tabs > li.active a:after { border-width: 0; } #section-social-tabs .nav-tabs li:last-child { border-bottom: 2px solid; } #section-social-tabs .tab-content { padding: 20px 0; min-height: 430px; } /* Created on : 28.08.2018,13:41:14 Author : Florian Neueder*/#section-youtube-fullwidth iframe { width: 100%; } #section-vehicles-configurable-slider { margin-bottom: 35px; clear: both; /* .container{ position: relative; }*/ } #section-vehicles-configurable-slider .vehicles-configurable-container { position: relative; } #section-vehicles-configurable-slider .vehicles-configurable-container .prev,#section-vehicles-configurable-slider .vehicles-configurable-container .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 50px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-container .prev,#section-vehicles-configurable-slider .vehicles-configurable-container .next { display: none; } } #section-vehicles-configurable-slider .vehicles-configurable-container .prev:hover,#section-vehicles-configurable-slider .vehicles-configurable-container .next:hover { opacity: 0.7; } #section-vehicles-configurable-slider .container-limited .vehicles-configurable-container .next { right: -40px; } #section-vehicles-configurable-slider .container-limited .vehicles-configurable-container .prev { left: -40px; } #section-vehicles-configurable-slider .container-full { padding: 0; } #section-vehicles-configurable-slider .container-full .vehicles-configurable-container .next { right: 10px; } #section-vehicles-configurable-slider .container-full .vehicles-configurable-container .prev { left: 5px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 { background: #fff; /*@media (min-width:480px) {*/ /* }*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-container { box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); margin-top: 30px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-image,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-container { font-weight: bold; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-image { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 75%; position: relative; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-image a { color: #fff; padding: 30px; text-decoration: none; text-shadow: 0 0 10px #000; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } @media (min-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-image a { font-size: 24px; padding: 50px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-image a:hover,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-image a:focus { text-decoration: none; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-container { background: #67737d; color: #fff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-label,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-price { padding: 15px; } @media (min-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-label,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-price { font-size: 18px; padding: 20px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-price { background: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-container { background: #edeff0; color: #111; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-label,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-price { padding: 10px 15px; } @media (min-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-label,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-price { font-size: 15px; padding: 15px 20px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-price { background: #000; color: #fff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-info-container { padding: 15px; } @media (min-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-info-container { padding: 20px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-info-container h5 { font-weight: bold; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-container { display: flex; justify-content: space-between; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn { border: 2px solid #000000; color: #0e68b2; flex-grow: 1; text-decoration: none; } @media (min-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn { font-weight: bold; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn:hover,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn:focus { background: #000000; border-color: black; color: #fff; text-decoration: none; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn div { background: #000000; color: #fff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn span,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn div { padding: 10px 15px; } @media (min-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn span,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn div { padding: 10px 18px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-main-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-price-secondary-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-01 .vehicles-slider-footer-btn { display: flex; justify-content: space-between; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element { position: relative; background: transparent; height: 500px; /* @media (min-width: 992px) and (max-width: 1199px) { .nv-data { top: 230px; } } @media (min-width: 768px) and (max-width: 991px) { .nv-data { top: 245px; } } @media (max-width: 767px) { .nv-data { top: 235px; } } @media (max-width: 480px) { .nv-data { top: 250px; } }*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element > .row { margin-bottom: 30px; margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container { position: relative; width: 100%; float: left; height: 0; min-height: 300px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .img { display: block; width: 100%; height: 300px; min-height: 300px; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(453px - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data { width: 100%; float: left; color: #000000; text-align: center; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #3c3c3c; line-height: 15px; display: block; font-weight: 200; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element h2 { font-size: 18px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: center; font-weight: 200 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data-header { position: realtive; width: 100%; color: #000000; text-align: center; padding-bottom: 20px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data-header h2 { font-size: 18px; margin: 0px; padding-top: 0px; color: #000; font-weight: bold !important; text-transform: none; text-align: center; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data-header h3 { color: #000; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 600 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price { background: transparent; color: #000000; width: 100%; margin-top: 3px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box { min-height: 75px; margin-bottom: 10px; background: #a29fa0; max-height: 75px; overflow: hidden; } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box { margin-top: 0px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box .alert-info { margin-top: 20px; background-color: #fff; border-color: #fff; border-radius: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box .bg-white { background: #fff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box .price-login { color: #fff; padding-top: 25px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box.special_price { background: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price { text-align: right; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp { color: #3c3c3c; background: #e8e8e8; clear: both; margin-left: 10px; text-align: left; padding-left: 15px; padding-top: 15px; height: 75px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .uvp-info { text-align: left; color: #a29fa0; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .pricevorteil { text-align: left; color: #a29fa0; font-size: 16px; display: block; line-height: 15px; font-weight: 700; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .priceersparnis { text-align: left; color: #a29fa0; font-size: 14px; display: block; font-weight: 700; padding-top: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-old { display: inline-block; font-size: 15px; float: right; padding-left: 5px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .current_price { display: block; font-size: 25px; text-shadow: 0 0 0 rgba(50,50,50,0.3); font-weight: 700; color: #fff; clear: both; line-height: 25px; padding-top: 5px; } @media (max-width: 1680px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .current_price { font-size: 24px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-financing { display: block; font-size: 30px; text-shadow: 0 3px 0 rgba(50,50,50,0.3); font-weight: 800; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price.normal_price { /* .price-old { display: none; }*/ padding-top: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing { color: #000; margin-bottom: 0px !important; padding-top: 12px; height: 75px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .price-info,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .price-info { font-size: 12px; font-weight: 700; color: #000; opacity: 1; text-align: right; line-height: 10px; float: right; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .price-info a,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .price-info a { color: #000; font-size: 12px; font-weight: 700 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .price-info .text-small,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .price-info .text-small { font-size: 10px; font-weight: 400; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .price-info small,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .price-info small { font-size: 10px; font-weight: 400; display: none; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price { float: right; color: #000 !important; font-weight: 700 !important; font-size: 25px; line-height: 25px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price .price-font { color: #000 !important; font-weight: 700 !important; font-size: 25px; line-height: 25px; } @media (max-width: 1680px) and (min-width: 1180) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price .price-font { font-size: 21px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price .fa,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price .fa { font-weight: 700; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .footnote,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .footnote { position: absolute; right: 0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .sonderpreis { background: #012350; height: 157px; bottom: 0px; position: absolute; margin-bottom: 0px !important; padding-right: 50px; padding-top: 20px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .hauptpreis { padding-right: 10px; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-tax { color: #fff; font-weight: 700; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-info { font-size: 15px; font-weight: 700; color: #fff; text-align: right; } @media (max-width: 480px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-info { font-size: 12px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-info-small { font-weight: 400; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .price-up { bottom: 55px; } @media (max-width: 1135px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics { left: calc(100% - 95px); } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .bagde_no_video { left: calc(100% - 65px) !important; } } @media (max-width: 1024px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element > .row { margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .img { max-width: 100% !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data { width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 800px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; padding-left: 15px; padding-right: 15px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 { /* .nv-element .row:last-child{ display:none; }*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .current_price { font-size: 22px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-old { font-size: 13px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .pricevorteil { font-size: 14px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-info { font-size: 13px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price { font-size: 20px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price .price-font { font-size: 19px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element > .row { margin-right: -15px; margin-left: -15px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data { padding-left: 15px; padding-right: 15px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .vehicles-new-slider-fullwidth-preisvorteil { margin-top: 30px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 15px; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto !important; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 15px; top: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .nv-data { top: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .row:last-child { display: block; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .row .row:last-child { display: block; } } @media (max-width: 680px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data { padding-left: 15px; padding-right: 15px; } } @media (max-width: 480px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .row:last-child { display: block; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .vehicle-badge,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-verbrauch-resp { padding-left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-verbrauch-resp { padding-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp { padding-left: 13px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .pricevorteil { font-size: 14px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .price-rrp .priceersparnis { font-size: 12px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price .current_price { font-size: 19px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price { font-size: 17px; line-height: 25px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .finanzierung .current_price .price-font,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .leasing .current_price .price-font { font-size: 18px; line-height: 20px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-price .price-box .bg-white { padding-right: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 .nv-element .nv-data { padding-right: 0px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 sub,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-02 sup { font-weight: 400 !important; font-size: 8px !important; right: .1em !important; z-index: 99 !important; top: -1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .img-thumbnail { display: inline-block; max-height: 100%; width: auto; height: 100%; max-width: inherit; padding: 0px; line-height: 1.42857143; background-color: #fff; border: 0px; border-radius: 0px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } @media (max-width: 1024px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .img-thumbnail { display: inline-block; max-height: inherit; width: 100%; height: auto; max-width: 100%; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .image-side a { display: inline; width: 100%; height: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-vgl-verbrauch div,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vgl-ausstattung div,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-fahrzeug-info div { padding-left: 2px; min-height: 18px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-info-fhzg { min-height: 130px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-vgl-verbrauch div:nth-child(2n),#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vgl-ausstattung div:nth-child(2n),#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-fahrzeug-info div:nth-child(2n) { background-color: #b3b3b3; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .line-hover { background-color: #00adef !important; color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .line-hover span { color: #0088bc; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .line-hover span.active { color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element { display: block; color: inherit; position: relative; /*background: darken($primary-color,3%);*/ margin-top: 20px; margin-bottom: 20px; /*padding: 20px 0px;*/ padding: 0; border-radius: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element h3.title { color: #a29fa0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .label-area { padding-bottom: 10px; margin-top: -10px; color: #a29fa0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .label-area .label { color: #a29fa0; border-color: #a29fa0; margin-right: 5px; padding-right: 3px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .label { display: inline; padding: 0; font-size: 75%; font-weight: normal; line-height: 1; color: #000000; background: transparent; text-align: left; white-space: nowrap; vertical-align: baseline; border-radius: 0; border-right: 1px #000 solid; margin-right: 5px; padding-right: 5px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .label:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block { height: 20vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block.show-cars-2 { height: 27vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block.show-cars-3 { height: 17vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block.show-cars-4 { height: 12vw; } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block { height: 20vw; } } @media (max-width: 640px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block { height: 60vw; } } @media (max-width: 480px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block { height: 60vw; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='image-vehicle'] { float: right; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-block .vehicle-badge-video-pics a[rel*='video-vehicle'] { float: left; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-container .img { display: block; width: 100%; height: 100%; max-width: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 75%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.8); padding: 10px 10px; width: 95px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .preis-info { width: 100%; display: block; color: #ffffff; min-height: 70px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .preis-info .text-right { color: #ffffff; padding-left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .preis-info .text-right h3 { text-align: right; color: #ffffff; font-size: 23px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .preis-info .text-right .data-infoline { margin-top: -10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .preis-info .oldprice-area { font-weight: 600; margin-top: 8px; color: #cccccc; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .normal-price-tile { background: #a29fa0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .special-price-tile { background: #00adef; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 h3 { padding: 0; margin: 8px 0; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; max-width: 100%; font-size: 16px; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 button.action-btn { background-color: #00adef; border: 0px; width: 100%; padding: 10px 0px; text-align: center; font-size: 1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 button.action-btn i { padding-right: 5px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 button.active { background-color: #00adef; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 button.detail-button { width: calc(100% - 2px); } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 button.action-btn:hover { background-color: #00adef; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .deaktiviert { background-color: #89deff !important; cursor: none; color: #b3b3b3 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .button-area-vehicle-list { padding-left: 0px; padding-right: 2px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .consumption-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .environment-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .internal-number-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-infoline { margin: 0; line-height: 18px; font-size: 11px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-container { margin-bottom: 8px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .environment-container .fa-leaf { font-size: 16px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-container strong { display: inline-block; width: 110px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-container span { display: inline-block; /*width: 240px;*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-infoline { display: block; margin-bottom: 10px; margin-top: -5px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-infoline-bottom { display: inline-block; margin-bottom: 0px; margin-top: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image { /* padding: 0; padding-left: 0px;*/ cursor: pointer; margin-bottom: 2px; } @media (max-width: 920px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image { margin-bottom: 2px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .image-xs img { width: 100%; /* margin-bottom: 20px;*/ cursor: pointer; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 small.price { font-weight: bold; } @media (min-width: 992px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 small.price { display: block; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 strong.price { font-size: 25px; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .price-rrp { color: #000000; display: block; line-height: 17px; margin-bottom: 25px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .price-rrp strong { display: block; white-space: nowrap; font-size: 16px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .price-old { display: inline-block; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .image-block { width: 100%; position: relative; -webkit-perspective: 100%; -moz-perspective: 100%; -ms-perspective: 100%; -o-perspective: 100%; perspective: 100%; overflow: hidden; } @media (max-width: 920px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .row .col-xs-12 { margin-bottom: 0px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vgl-ausstattung span { color: white; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vgl-ausstattung span.active { color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .data-infoline { font-size: 12px !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .vehicle-element .col-xs-12 > strong { margin-top: 20px; margin-bottom: 10px; display: block; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .image-side-list { height: 100%; width: 100%; position: absolute; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .image-side-list a { display: inline; width: 100%; height: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-03 .line-top-bottom { border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 20px; font-size: .8em; line-height: 1.5em; padding-bottom: 20px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element { position: relative; background: transparent; height: 30vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element > .row { margin-bottom: 30px; margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.6); color: #fff; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 140px; font-size: 1.4em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; /* min-height: 300px;*/ height: 18vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .img { display: block; width: 100%; height: 300px; /* min-height: 300px;*/ height: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-top: 65%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(100% - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .bagde_no_video { left: calc(100% - 50px) !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data { position: absolute; top: 21vw; width: 100%; left: 0%; color: #000000; text-align: center; height: 140px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #3c3c3c; line-height: 15px; display: block; font-weight: 200; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element h2 { font-size: 18px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; text-align: center; font-weight: 200 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element h3 { color: #3c3c3c; margin-top: 5px; font-size: 11px; text-align: center; font-weight: 200 !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 18px; left: 0%; text-align: center; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-price span { position: absolute; left: 15%; top: 0px; font-size: 18px; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .price-up { bottom: 55px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2 { height: 40vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2 .image-container { height: 30vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2 .image-container .img { padding-top: 64%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2 .hover_area { min-height: auto; padding-top: 15vw; height: 30vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2 .nv-data { top: 32vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2.content-width-active { height: 35vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2.content-width-active .image-container { height: 25vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2.content-width-active .image-container .img { padding-top: 60%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2.content-width-active .hover_area { min-height: auto; padding-top: 12.5vw; height: 25vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2.content-width-active .nv-data { top: 27vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-3 { height: 30vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-3 .image-container { height: 20vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-3 .hover_area { min-height: auto; padding-top: 10vw; height: 20vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-3 .nv-data { top: 22vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4 { height: 24vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4 .image-container { height: 15vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4 .nv-data { top: 17vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4.content-width-active { height: 22vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4.content-width-active .image-container { height: 13vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4.content-width-active .nv-data { top: 14vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4.content-width-active .hover_area { min-height: auto; padding-top: 6vw; height: 13vw; } @media (max-width: 1480px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-3 { height: 35vw; } } @media (max-width: 1135px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics { right: 0; left: auto; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .bagde_no_video { left: auto !important; } } @media (max-width: 1024px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element > .row { margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .img { max-width: 100% !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data { width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-price { width: 100%; right: 1%; } } @media (max-width: 820px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .img { display: block; width: 100%; height: auto; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 250px; max-width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge { margin-top: 0; position: absolute; top: 0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data { position: relative; top: 0; width: 100%; left: 0px; color: #000000; float: left; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-1 .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-2 .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-3 .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element.show-cars-4 .nv-data { top: auto; margin-top: 10px; } } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 0; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 0; top: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .nv-data { margin-top: 10px; top: auto; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .vehicle-badge,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-verbrauch-resp { padding-left: 0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-verbrauch-resp { padding-right: 0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-04 .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element { position: relative; background: transparent; height: 215px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element a.image-container:hover .hover_area { display: inline; } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element a.image-container:hover .hover_area { display: none; } } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element > .row { margin-left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 215px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.8); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 100px; font-size: 1.4em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container { position: relative; width: 100%; padding-bottom: 35%; float: left; height: 0; min-height: 225px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .img { display: block; width: 50%; height: 100%; max-width: 100%; position: absolute; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge { color: #ffffff; margin-top: 0px; position: absolute; left: 0px; background: #00adef; padding: 11.25px 10px; font-size: 10px; line-height: 1em; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: calc(50% - 95px); background: rgba(0,0,0,0.7); padding: 10px 10px; width: 95px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics .label { display: inline; font-size: 10px; font-weight: 700; line-height: 1em; border-radius: 0; padding: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics .pictures { float: right; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics .video { float: left; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .bagde_no_video { width: 50px !important; left: calc(50% - 50px) !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data { position: absolute; top: 0px; width: 49%; left: 51%; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data small { padding-top: 20px; font-size: 10px; color: #000000; line-height: 15px; display: block; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data h2 { font-size: 16px; margin: 0px; padding-top: 0px; color: #000000; font-weight: bold; text-transform: uppercase; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data h3 { color: #3c3c3c; margin-top: 0; font-size: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-price { background: transparent; color: #000000; position: absolute; bottom: 0px; width: 100%; font-weight: bold; font-size: 16px; left: 51%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-price span { top: 0px; font-size: 18px; color: #000000; position: relative; right: 0px; margin-right: 25px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-1.content-width-active .image-container { padding-bottom: 0; min-height: auto; height: 25vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-1.content-width-active .hover_area { padding-top: 12vw; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 { height: auto; float: left; display: block; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3 .image-container,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 .image-container { float: left; height: auto; min-height: 225px; padding-bottom: 10%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3 .image-container .img,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 .image-container .img { height: 15vw; position: relative; float: left; width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3 .image-container .vehicle-badge-video-pics,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 .image-container .vehicle-badge-video-pics { left: auto; right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3 .image-container .bagde_no_video,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 .image-container .bagde_no_video { width: 50px !important; left: auto !important; right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3 .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 .nv-data { position: relative; top: auto; left: auto; clear: both; width: 100%; float: left; margin-top: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-3 .nv-price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element.show-cars-4 .nv-price { left: auto; right: 0; text-align: right; } @media (max-width: 1135px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics { left: calc(50% - 95px); } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .bagde_no_video { left: calc(50% - 50px) !important; } } @media (max-width: 1024px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element > .row { margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data { width: 48%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data .row { margin-left: -15px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-price { width: 48%; left: 51%; } } @media (max-width: 800px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container { position: relative; width: 100%; padding-bottom: 0px; float: left; height: 100%; display: table; margin-bottom: 0px; /* padding-left: 15px; padding-right: 15px;*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .img { display: block; width: 100%; height: 100%; position: relative; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 65vw; max-width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge { color: #000000; margin-top: 5px; position: relative; right: 0; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-videos-pics { left: auto; right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .badge_no_video { left: auto !important; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-price { position: relative; text-align: right; left: 0px; width: 100%; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-price span { bottom: -1px; top: auto; left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data { position: relative; top: 0px; width: 100%; left: 0px; color: #000000; float: left; } } @media (max-width: 768px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element { /* .row:last-child{ display:none; }*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge { margin-top: 0px; position: absolute; left: 0; padding: 11.25px 10px; font-size: 10px; line-height: 1em; top: 0px; display: inherit; color: #ffffff; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics { color: #ffffff; margin-top: 0px; position: absolute; left: auto !important; background: rgba(0,0,0,0.7); padding: 10px 10px; min-width: 50px; right: 0; top: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .nv-data { margin-top: 10px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .row .row:last-child { display: block; } } @media (max-width: 480px) { #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 { /* .nv-verbrauch-resp{ display: block; }	*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element { /* .row:last-child{ display:none; }*/ } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container { padding-left: 0px; padding-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge { left: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .image-container .vehicle-badge-video-pics { right: 0px; left: auto; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .vehicle-badge,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-verbrauch-resp { padding-left: 15px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-price,#section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-verbrauch-resp { padding-right: 15px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element .nv-data .row { margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-element > .row { margin-left: 0px; margin-right: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-verbrauch-resp { margin-top: 20px; float: left; color: #000000; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-verbrauch-resp .col-sm-12 { padding: 0px; } #section-vehicles-configurable-slider .vehicles-configurable-slider.theme-05 .nv-verbrauch-resp .col-sm-12 small { font-size: 10px; line-height: 14px; } } #section-infomanager { margin-bottom: 35px; } #section-infomanager #blog-search-form button { margin: 0; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; } #section-infomanager #blog-search-form .input-group-addon { border-radius: 0; } #section-infomanager .btn-filter-group.btn-primary { padding: 6px 35px; border: 2px solid #000000; background: transparent; color: #000000; text-transform: none; font-weight: 600; } #section-infomanager .btn-filter-group.btn-primary:hover,#section-infomanager .btn-primary.active { background: #000000; border-color: #000000; color: #ffffff; } #section-infomanager.infomanager-view-1 { background: #ffffff; color: #000000; } #section-infomanager.infomanager-view-1 .container { background-color: #ffffff; padding-top: 15px; padding-bottom: 30px; } #section-infomanager.infomanager-view-1 hr { margin: 15px auto; } #section-infomanager.infomanager-view-1 article:last-child hr { display: none; } #section-infomanager.infomanager-view-1 .authoring { margin-bottom: 20px; } #section-infomanager.infomanager-view-1 .lead { font-size: 14px; } #section-infomanager.infomanager-view-1 .description { overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } #section-infomanager.infomanager-view-1 .rating.rating-1 span:first-child { color: #000000; } #section-infomanager.infomanager-view-1 .rating.rating-2 span:nth-child(-n+2) { color: #000000; } #section-infomanager.infomanager-view-1 .rating.rating-3 span:nth-child(-n+3) { color: #000000; } #section-infomanager.infomanager-view-1 .rating.rating-4 span:nth-child(-n+4) { color: #000000; } #section-infomanager.infomanager-view-1 .rating.rating-5 span { color: #000000; } #section-infomanager.infomanager-view-1 #blog-search-form button { margin: 0; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; } #section-infomanager.infomanager-view-1 #blog-search-form .input-group-addon { border-radius: 0; } #section-infomanager.infomanager-view-2 #blog-search-form { margin-bottom: 20px; } #section-infomanager.infomanager-view-2 article { border: 1px solid #ccc; margin-bottom: 15px; } #section-infomanager.infomanager-view-2 .gallery-item { min-height: 340px; } #section-infomanager.infomanager-view-2 .gallery-item .picture-row { overflow: hidden; position: relative; } #section-infomanager.infomanager-view-2 .gallery-item .co2-info { position: absolute; bottom: 0; padding: 5px 25px; color: #ffffff; font-size: 0.85em; } #section-infomanager.infomanager-view-2 .gallery-item .price-info { font-weight: bold; position: absolute; margin: 0; padding: 0; text-align: center; width: 100%; bottom: 25%; z-index: 1; } #section-infomanager.infomanager-view-2 .gallery-item .price-info .price-angebot { font-size: 6em; color: #ffffff; text-shadow: 0 0 20px #000; text-align: center; font-weight: bold; display: block; width: 100%; } #section-infomanager.infomanager-view-2 .gallery-item .price-info .price-mtl { font-size: 3em; color: #ffffff; text-shadow: 0 0 20px #000; text-align: center; font-weight: 500; display: block; width: 100%; } #section-infomanager.infomanager-view-2 .gallery-item h3 { margin-top: 0px; font-size: 1em; font-weight: 400; line-height: 1.5em; padding: 15px; } #section-infomanager.infomanager-view-2 .gallery-item h3 a { color: #43b3eb; } #section-infomanager.infomanager-view-2 .gallery-item h3 .subheadline-block { font-size: 20px; line-height: 25px; font-weight: 600; max-width: 93%; float: left; color: #000000; } #section-infomanager.infomanager-view-2 .gallery-item h3 .subheadline2-block { clear: both; display: block; font-size: 18px; line-height: 23px; font-weight: 600; max-width: 93%; float: left; color: #000000; } #section-infomanager.infomanager-view-3 { padding: 0px; padding-top: 70px; } #section-infomanager.infomanager-view-3 .container-fluid,#section-infomanager.infomanager-view-3 .container-limited { background: transparent; } #section-infomanager.infomanager-view-3 .prev,#section-infomanager.infomanager-view-3 .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 15px; line-height: 31px; text-align: center; z-index: 5; font-size: 15px !important; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 1680px) { #section-infomanager.infomanager-view-3 .prev,#section-infomanager.infomanager-view-3 .next { display: none; } } #section-infomanager.infomanager-view-3 .prev:hover,#section-infomanager.infomanager-view-3 .next:hover { opacity: 0.7; } #section-infomanager.infomanager-view-3 .section-im-slider-container { position: relative; } #section-infomanager.infomanager-view-3 .im-slider-entry { overflow: hidden; margin-right: 0px; padding-right: 0px; /* padding-left: 0px; */ margin-left: 0px; } #section-infomanager.infomanager-view-3 .im-slider-entry .entry-img { height: 290px; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; transition: all .2s ease-in-out; overflow: hidden; } #section-infomanager.infomanager-view-3 .im-slider-entry .entry-img-area { height: 290px; width: 100%; overflow: hidden; } #section-infomanager.infomanager-view-3 .im-slider-entry img { height: 290px; width: auto; max-width: unset; margin: 0 auto; } @media (max-width: 480px) { #section-infomanager.infomanager-view-3 .im-slider-entry img { width: 100%; height: auto; max-width: 100%; } } #section-infomanager.infomanager-view-3 .im-slider-entry:first-child { margin-right: 0px; padding-right: 0px; margin-left: 0px; } #section-infomanager.infomanager-view-3 .im-slider-entry:last-child { margin-right: 0px; padding-right: 0px; padding-left: 0px; margin-left: 0px; } #section-infomanager.infomanager-view-3 .im-slider-entry:hover .hover_area { display: inline; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } @media (max-width: 1024px) { #section-infomanager.infomanager-view-3 .im-slider-entry:hover .hover_area { display: none; } } #section-infomanager.infomanager-view-3 .im-slider-entry:hover .entry-img { transform: scale(1.1); } #section-infomanager.infomanager-view-3 .im-slider-entry .hover_area { display: none; height: 100%; width: 100%; z-index: 99; position: absolute; min-height: 290px; max-height: 290px; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(217,217,217,0.9); color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 120px; font-size: 1.2em; } #section-infomanager.infomanager-view-3 .im-slider-entry:first-child .hover_area { left: 0px; } @media (max-width: 768px) { #section-infomanager.infomanager-view-3 .im-slider-entry > a { width: 100% !important; } #section-infomanager.infomanager-view-3 .im-slider-entry img { max-width: 100%; height: auto; } } #section-infomanager.infomanager-view-3 .im-slider-entry .hover_area { text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } #section-infomanager.infomanager-view-3 .im-slider-entry h2 { height: auto; overflow: show; color: #000000; font-size: 15px; text-align: center; overflow: hidden; margin-top: 20px; line-height: 30px; } #section-infomanager.infomanager-view-3 .prev,#section-infomanager.infomanager-view-3 .next { font-size: 45px !important; } #section-infomanager.infomanager-view-3 .prev { left: -42px; } #section-infomanager.infomanager-view-3 .prev .fa-chevron-left::before { content: '\f104'; } @media (max-width: 1024px) { #section-infomanager.infomanager-view-3 .prev { left: 0px; } } @media (max-width: 768px) { #section-infomanager.infomanager-view-3 .prev { display: none !important; } } #section-infomanager.infomanager-view-3 .next { right: -19px; } #section-infomanager.infomanager-view-3 .next .fa-chevron-right::before { content: '\f105'; } @media (max-width: 1024px) { #section-infomanager.infomanager-view-3 .next { right: 15px; } } @media (max-width: 768px) { #section-infomanager.infomanager-view-3 .next { display: none !important; } } #section-infomanager.infomanager-view-4 .panel-default { border: 0px; } #section-infomanager.infomanager-view-4 .panel-default > .panel-heading { background-color: #00adef; color: #ffffff; border-color: transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; display: table; width: 100%; } #section-infomanager.infomanager-view-4 .panel-title { margin-top: 0; margin-bottom: 0; font-size: 40px; text-transform: uppercase; font-weight: 700; } #section-infomanager.infomanager-view-4 .panel-title:after { display: none; } #section-infomanager.infomanager-view-4 .panel-title > a { color: #ffffff; width: 100%; padding: 5px; } #section-infomanager.infomanager-view-4 .panel-default > .panel-heading + .panel-collapse > .panel-body { border: 0px; padding: 5px 0; } #section-infomanager.infomanager-view-4 .panel-default > .panel-heading + .panel-collapse > .panel-body img { max-width: 100%; height: auto; } #section-infomanager.infomanager-view-4 .panel-group .panel-heading + .panel-collapse > .list-group,#section-infomanager.infomanager-view-4 .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd; } #section-infomanager.infomanager-view-4 .panel-heading .accordion-toggle:after { font: normal normal normal 14px/1 FontAwesome; content: "\f106"; float: right; font-size: 40px; } #section-infomanager.infomanager-view-4 .panel-heading .accordion-toggle.collapsed:after { content: "\f107"; } /*.site-home{ #section-infomanager{ &.infomanager-view-3{ #infomanager-content { > h2{ color: $primary-font-color; text-align: center; margin-bottom: 25px; } } } }}*//* Created on : 11.10.2018,13:45:09 Author : Florian Neueder*/#section-testimonials-slider .prev,#section-testimonials-slider .next { position: absolute; top: 55%; background-color: none; color: #00adef; display: inline-block; margin-top: -20px; height: 30px; width: 21px; line-height: 31px; text-align: center; z-index: 5; font-size: 1.5em; /*opacity: 0.2;*/ cursor: pointer; } @media (max-width: 768px) { #section-testimonials-slider .prev,#section-testimonials-slider .next { display: none; } }#section-testimonials-slider .prev:hover,#section-testimonials-slider .next:hover { opacity: 0.7; }#section-testimonials-slider .next { right: -40px; }#section-testimonials-slider .prev { left: -30px; }#section-testimonials-slider .testimonial-slider-container { position: relative; } #section-testimonials-slider .testimonial-slider-container .testimonial-slider-entry p { font-size: 1em; }@media (max-width: 1400px) { #section-testimonials-slider .prev,#section-testimonials-slider .next { display: none; } }@media (max-width: 1024px) { #section-testimonials-slider .prev,#section-testimonials-slider .next { display: none; } }#section-testimonials-slider .container:hover .prev,#section-testimonials-slider .container:hover .next { display: block; } #footer #pre_area #section-testimonials-slider .testimonial-slider-container .testimonial-slider-entry p { font-size: 1em; } /* Created on : 11.10.2018,14:51:03 Author : Florian Neueder*/#section-mini-konfiguration-order-form .order-form-area { float: none; margin: 0 auto; } #section-mini-konfiguration-order-form .order-form-area .form-control { border-color: #000000; border-radius: 5px; border-width: 2px; } #section-mini-konfiguration-order-form .order-form-area .was-validated .form-control:invalid { border-color: #dc3545; } #section-mini-konfiguration-order-form .order-form-area .was-validated input[type="checkbox"]:invalid + .cr { border-color: #dc3545; } #section-mini-konfiguration-order-form .order-form-area .of-headline { position: relative; border-bottom: 1px solid #000000; padding-bottom: 15px; } #section-mini-konfiguration-order-form .order-form-area .of-headline .of-nr { position: absolute; left: 0px; width: 30px; height: 30px; top: -15px; border: 2px solid #000000; color: #000000; background: #fff; font-weight: 600; text-align: center; } #section-mini-konfiguration-order-form .order-form-area .of-headline .of-headline-title { width: 15vw; background: #000000; color: #ffffff; text-align: center; height: 40px; margin-left: 15px; padding-top: 5px; font-size: 18px; } @media (max-width: 1024px) { #section-mini-konfiguration-order-form .order-form-area .of-headline .of-headline-title { width: 20vw; } } @media (max-width: 768px) { #section-mini-konfiguration-order-form .order-form-area .of-headline .of-headline-title { width: 40vw; } } @media (max-width: 480px) { #section-mini-konfiguration-order-form .order-form-area .of-headline .of-headline-title { width: 60vw; } } #section-mini-konfiguration-order-form .order-form-area .of-infotext { font-size: 0.85em; padding-bottom: 10px; padding-top: 10px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area { padding-left: 15px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .checkbox.checkbox-css label,#section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .radio.checkbox-css label { width: 100%; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .btn-primary { text-transform: uppercase; font-weight: bold !important; font-size: 15px !important; padding: 15px 65px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area { position: relative; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area .success-message-area { border: 5px solid #000000; border-radius: 5px; display: block; position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; background: #fff; padding: 15px 30px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area .success-message-area .success-message { top: 50%; transform: translateY(-50%); position: absolute; right: 30px; left: 30px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area .success-message-area .success-message p { font-size: 0.85em; margin: 0 0 15px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area .success-message-area .success-message .content-title { margin-bottom: 0; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area .success-message-area .message-close { position: absolute; top: 5px; right: 15px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .of-checkbox-area .success-message-area .message-close a { font-size: 0.85em; color: #000000; cursor: pointer; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .radio.checkbox-css .cr { border-radius: 0; border: 1px solid #000000; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .radio.checkbox-css .cr .cr-icon { /* background: $primary-color;*/ border-radius: 0; top: 8px; left: 1px; font-size: 15px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .radio.checkbox-css .labeltext { color: #4d4d4d; font-size: 0.85em; vertical-align: top; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .radio.checkbox-css label input[type="radio"]:checked + span + .labeltext { color: #000000; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .checkbox.checkbox-css .cr { border-radius: 0; border: 1px solid #000000; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .checkbox.checkbox-css .cr .cr-icon { /* background: $primary-color;*/ border-radius: 0; top: 8px; left: 1px; font-size: 15px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .checkbox.checkbox-css .labeltext { color: #4d4d4d; font-size: 0.85em; vertical-align: top; display: inline-block; width: 96%; width: calc(100% - 30px); padding-bottom: 20px; } #section-mini-konfiguration-order-form .order-form-area .of-form-fields-area .checkbox.checkbox-css label input[type="checkbox"]:checked + span + .labeltext { color: #000000; } /* Created on : 10.08.2016,13:44:21 Author : Florian Neueder*/@media (max-width: 1450px) { .nav-area-lines li.sdropdown .striangle { left: -32px; border-right: 12px solid #00adef; border-left: 20px solid transparent; } .nav-area-lines li ul li ul { left: -410px; } }@media (max-width: 1320px) { .navbar-nav li.dropdown:hover(last-child) ul { left: -164px !important; } .nav-area-lines li.dropdown .triangle { top: -2px; } }@media (min-width: 1200px) { #header .dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } #portfolio .row { margin-left: -10px; margin-right: -10px; } }@media (min-width: 1024px) { .col-md-8.well { width: 65.6666666% !important; } }@media (min-width: 992px) and (max-width: 1199px) { #header .dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } .nav-area-lines .nav .dropdown:last-child .dropdown-menu { margin-left: -164px !important; } .navbar-collapse { padding-left: 0; padding-right: 0; } }@media (min-width: 768px) and (max-width: 991px) { #section-vehicles-home .quicksearch .col-white-right { height: 85px; } #header .dropdown:hover .dropdown-menu { display: block; -webkit-animation: fadeIn 400ms; animation: fadeIn 400ms; } .navbar-collapse { padding-left: 0; padding-right: 0; } .navbar-nav > li { margin-left: 0; } #header-slider .carousel h1 { font-size: 1.667em; } #header-slider .carousel h2 { font-size: 1.333em; } .blog .blog-item .entry-meta > span a { font-size: 0.6667em; } }@media (max-width: 1379px) { .site-home .menu-boxes > .column > .ge-content p a { padding-top: calc(30% - 28px); } #fixedsocial { position: relative; top: 0; width: auto; text-align: center; height: 60px; } #fixedsocial .socialicon_area:hover .social_text { display: none; } .socialicon_area { float: none; margin-right: 2px; display: inline-block; } .socialicon_area:hover { width: 50px; } #footer #section-direction-info-footer .link-select,#footer #section-direction-info .link-select { margin-right: 0; } }@media (max-width: 1305px) { .navbar-right { width: auto; padding-left: 0; } .site-home #header-slider { height: 500px; } .nav-area-lines li a { font-size: 1.10em; } }@media (max-width: 1024px) { .navbar-nav { margin-right: 0; } .site-home #header-slider { height: 400px; clear: both; } .small-slider #header-slider { height: 155px; } .nav-area-lines li a { font-size: 1.05em; } .section-map { height: 300px; } .section-map #google-map-container { min-height: 300px; } .section-map #google-map-container iframe { min-height: 300px; } #section-testimonials-home .btn { padding: 15px 0; width: 100%; text-align: center; } .site-home .breadcrumb_area { display: none; } }@media (max-width: 920px) { .nav-area-lines li a { font-size: 0.95em; } .row .col-xs-12 { margin-bottom: 20px; } }@media (min-width: 768px) { .search-collapse,.search-collapse.in { display: none; } #section-vehicle-equipment .well { padding: 0; background-color: transparent; border: 0; border-radius: 0; box-shadow: inset 0 0 0 rgba(0,0,0,0.05); } }/*@media (min-width:768px) and (max-width:769px) { .nav-area-lines li a { width:100%; text-align:left; padding-left:20px; } .navbar-nav { margin:7.5px -15px; } .nav-area-lines .navbar-collapse { display:none !important; } .nav-area-lines .in { display:inline !important; } .navbar-nav li.dropdown:hover .dropdown-menu { display:none; } .navbar-nav li.open:hover .dropdown-menu { display:block; } .navbar-nav li.sdropdown:hover .sdropdown-menu { display:none; } .navbar-nav li li.open:hover .sdropdown-menu { display:block; } .navbar-nav .open .dropdown-menu { position:static; float:none; width:auto; margin-top:0; background-color:transparent; border:0; box-shadow:none; } .navbar-nav .open .dropdown-menu > li > a,.navbar-nav .open .dropdown-menu .dropdown-header { padding:5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height:20px; } .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-nav .open .dropdown-menu > li > a:focus { background-image:none; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color:#333; background-color:transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color:#555; background-color:#e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color:#ccc; background-color:transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color:#080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color:#080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color:#999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color:#fff; background-color:transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color:#fff; background-color:#080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color:#444; background-color:transparent; }}*/@media (max-width: 1024px) { .break_new_line-md { clear: both; } .content-block .col-md-3.nopadding-right,.content-block .col-md-6.nopadding-right { padding-left: 7.5px; padding-right: 7.5px !important; } .content-block .col-md-12.nopadding-right { padding-left: 7.5px; padding-right: 7.5px !important; } #section-fullwidth-menu-items .menu-boxes > .column { border-left: 0 solid #fff; } #section-fullwidth-menu-items .row.menu-boxes { margin-left: 0; margin-right: 0; } #section-fullwidth-menu-items .row.menu-boxes > .column.col-sm-6 > .ge-content p a { padding-top: calc(46% - 28px); } .site-home .menu-boxes > .column > .ge-content p a { font-size: 27px !important; padding-top: calc(20%); } }@media (max-width: 767px) { .break_new_line { clear: both; } #header .search_icon { width: 45px; font-size: 19px; margin-top: 4px !important; padding: 5px; padding-bottom: 2px; padding-top: 4px; } .content-block .col-sm-6.nopadding-right,.content-block .col-xs-6.nopadding-right { padding-left: 7.5px; padding-right: 7.5px !important; } .content-block .col-sm-12.nopadding-right,.content-block .col-xs-12.nopadding-right { padding-left: 7.5px; padding-right: 7.5px !important; } .site-home .menu-boxes { margin-left: 0; margin-right: 0; } .site-home .menu-boxes > .column { margin-bottom: 0; } .site-home .menu-boxes > .column > .ge-content p a { font-size: 20px !important; padding-top: calc(23%); } .site-home #section-fullwidth-menu-items .row.menu-boxes,#section-fullwidth-menu-items .row.menu-boxes { margin-left: 0; margin-right: 0; } .site-home #section-fullwidth-menu-items .row.menu-boxes > .column.col-sm-6 > .ge-content p a,#section-fullwidth-menu-items .row.menu-boxes > .column.col-sm-6 > .ge-content p a { padding-top: calc(31% - 28px); } .block_directions_map_search { margin-top: -57px; } .block_directions_map_search .container-fluid { width: 100%; padding: 0; max-width: 100%; } .block_directions_map_search .container-fluid > .row { margin-left: 0; margin-right: 0; } .block_directions_map_search .flex-area { display: flex; flex-direction: column; } .block_directions_map_search .flex-area .secondary-highlight { order: 2; width: 100%; flex: 2; } .block_directions_map_search .flex-area .highlight-search { order: 1; width: 100%; flex: 1; } #fixedthemeselect { width: 0; } #fixedthemeselect #config-themeselect { margin-left: -50px; color: #000; background: #ccc; font-size: 1em; } #fixedthemeselect #config-themeselect .fa { margin-right: 10px; margin-left: 3px; margin-top: 9px; } .secondary-highlight { padding-left: 0; } .secondary-highlight > div { padding: 0; } .secondary-highlight #section-direction-info { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } .secondary-highlight #section-direction-info > .container { padding: 0; } .secondary-highlight #section-direction-info .row .col-xs-12 { margin-bottom: 0; } .highlight-search { padding-left: 15px; } #fixedthemeselect.show-selects { width: 150px; } .menu_scroll { top: 0 !important; } .menu_scroll #header { position: absolute !important; } .menu_scroll #header-slider { margin-top: 0 !important; } .sls-show { background: #e8e8e8; margin-left: 0; } .sls-show .col-xs-6 a { padding-left: 15px; } .sls-show.open { background: #00adef !important; } .sls-show.open div.dropdown-menu { display: table; } .navbar-left { display: none; } #article-vehicle-view { margin-top: 35px; } .resp_mobile_pfeil_down,.open .resp_mobile_pfeil_up { text-align: right; display: inline; float: right; vertical-align: middle; margin-top: 14px; } .resp_mobile_pfeil_up,.open .resp_mobile_pfeil_down { display: none; } .collapse.in { display: block !important; } .nav-area-lines .collapse.in { margin-top: 0; } #toggle-fullscreen { display: none; } .navbar-nav > li { background: #ffffff; } .mce-object-iframe iframe,iframe { min-height: 185px; } .navbar-toggle { float: left; position: relative; margin-top: 15px; z-index: 99; } #logo-primary-box { margin-left: 0; width: calc(100% - 100px); } #logo-primary-box .logo-link { width: calc(100% - 20px); max-width: 80%; height: auto; margin: 0 auto; display: block; text-align: center; } #logo-primary-box .logo-link img { max-height: 80px; margin: 0 auto; } .nav-area-lines li a { padding-left: 15px; } .navbar-nav { margin: 7.5px 0; } .resp_phone { padding-top: 5px; display: block !important; background: transparent; padding-bottom: 15px; background: #ffffff; clear: both; } .resp_phone .row { margin-left: 0; margin-right: 0; } .resp_phone .row .col-xs-12 { margin-bottom: 0; } .resp_phone .row .col-xs-12 .btn { max-width: 50%; margin: 15px auto 0; display: block; } .resp_phone .btn { width: 100%; } .nav-area-lines .dropdown .dropdown-menu { margin-top: 0; margin-bottom: 0; } .nav-area-lines li.open > a { color: #ffffff; } .container-fluid > .navbar-header { margin-right: 0; margin-left: 0; } .nav-area-lines li a { font-size: 1.2em; } body { font-size: 14px; } #section-vehicles-home .quicksearch .col-white-right { height: 85px; } .news-slider-entry .img-responsive { width: 100%; } .nav-area-lines .nav li:last-child .dropdown-menu { margin-left: 0; } .navbar-collapse { margin-right: 0; padding-right: 0; } .nav-area-lines li ul { background: #e8e8e8; } .nav-area-lines .open .dropdown-menu { background-color: #000000; } .nav-area-lines { height: auto; margin-top: 0; } #logo-primary-box { margin-top: 20px; } #phone-top { margin-top: 40px; display: none; } #header-slider-background-area { top: 0; height: 100%; } #header { height: 125px; } .topnavi-bg { display: none; } .navbar-nav { margin-right: 0; float: none; } .nav-area-lines li.dropdown .triangle { display: none !important; } .nav-area-lines li.sdropdown .striangle { display: none !important; } body { overflow-x: hidden; } #logo-primary-box { margin-left: 100px; } .container > .navbar-header,.container > .navbar-collapse { margin-left: 0; } .top-number { font-size: 0.933em; } input.search-form:hover { width: 120px; } .navbar-right { display: none; } .nav-area-lines .container-limited,.nav-area-lines .container-fluid { padding-right: 0; padding-left: 0; } .nav-area-lines .navbar-collapse { float: left; margin-left: 0; margin-right: 0; padding-left: 0; position: relative; z-index: 99; } .navbar-collapse { float: left; width: 100%; } .nav .open > a,.nav .open > a:focus,.nav .open > a:hover { background-color: #000000; } .dropdown-menu { padding: 0; } .nav-area-lines li ul li.sdropdown { display: table; height: auto; } .nav-area-lines li ul li ul { left: 0; top: 0; position: relative; display: block; width: 100% !important; padding: 0; } .nav-area-lines li { display: block; } .nav-area-lines li a { width: 100%; text-align: left; padding-left: 30px; } .nav-area-lines li ul { margin-left: 0; } .nav-area-lines li ul li { margin-bottom: 1px; } .fa-before-text { color: #ffffff; font-size: 2.333em; text-align: left; width: auto; height: 55px; margin-top: 0; position: relative; display: none; } .navbar-nav > li { padding-bottom: 0; width: 100%; border-bottom: 1px solid #000000; } .navbar-nav > li.open,.navbar-nav > li:last-child { border-bottom: 0; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #3c3c3c; } .navbar-inverse .navbar-toggle { border-color: #3c3c3c; display: block; } .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus { background-color: #000000; border-color: #fff; } .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar { background-color: #fff; } .navbar-inverse .navbar-toggle:hover .fa,.navbar-inverse .navbar-toggle:focus .fa { color: #fff; } .navbar-inverse .navbar-toggle .fa { color: #3c3c3c; } .navbar-inverse .navbar-toggle .fa-car { margin-left: 10px; float: left; margin-top: 2px; margin-bottom: -2px; display: none; } .navbar-inverse .navbar-toggle .fa-search { margin-left: 0; float: left; margin-top: 0; } .site-home .search_icon { display: none; } .navbar-header { width: 100%; } .navbar { background-color: transparent; } #header-slider .carousel h1 { font-size: 1.6667em; } .nav-area-lines li a { line-height: 50px; } .nav-area-lines .dropdown-menu li { background-color: #000000; } .nav-area-lines .dropdown-menu li > a { line-height: 50px; padding-left: 30px !important; padding-top: 15px !important; padding-bottom: 15px !important; } .nav-area-lines .sdropdown-menu li > a { line-height: 40px; padding-left: 50px !important; padding-top: 5px !important; padding-bottom: 5px !important; } nav .dropdown-menu { background: #d9d9d9; } nav .sdropdown-menu { background: #e8e8e8; } #header-slider .carousel h2 { font-size: 1.067em; } #header-slider .owl-carousel .item { background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; display: block !important; height: 100%; } .nav-tabs > li.active > a:after { display: none; } .blog .blog-item .entry-meta { margin-bottom: 20px; } .blog .blog-item .blog-content h3 { margin-bottom: 20px; } .post_reply_comments { padding-left: 20px; } .site-home #header-slider { height: 308.97436px; margin-top: 80px; } .small-slider #header-slider { height: 160px; } .nav-area-lines li.dropdown li,.nav-area-lines li.sdropdown li { height: 50px; } .news-slider-entry > a { float: left; width: 50%; } .site-home .news-slider .news-slider-entry img,.news-slider-entry img { max-width: 100%; height: auto; } .news-slider .blog_hover { width: 100%; float: right; display: inline; } .news-slider .blog_hover .hover_main { padding: 10px 0 !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 210px; overflow: hidden; text-overflow: ellipsis; } .news-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } .news-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } .news-slider .blog_hover .hover_footer,.news-slider .blog_hover .social_area_hover { display: none; } .search-collapse { background: #ffffff; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } .search-collapse .btn { padding: 6px 12px; } .search-collapse .btn-success { padding: 15px 23px; } .search-collapse { background: #ffffff; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } .search-collapse .btn { padding: 6px 12px; } .search-collapse .btn-success { padding: 15px 23px; } .search-collapse.in { margin-top: 0; position: relative; z-index: 99; top: 79px; bottom: 0; left: 0; right: 0; overflow-y: auto; } .search-collapse.in .detail-suche-button { display: none !important; } .search-collapse.in #vehicle_search { display: block !important; } } @media (max-width: 767px) and (max-width: 479px) { .search-collapse.in { top: 0; } } @media (max-width: 767px) { .detailsuche_resp { display: block; margin-top: 10px; font-size: 1em; } #header { height: 80px; position: fixed; top: 0; background: white; } #logo-primary-box { width: auto; } #logo-primary-box .logo-link { height: auto; width: auto; max-width: 50%; float: right; } #logo-primary-box .logo-link img { max-height: 50px; } #section-audaris-seo form#vehicle_search { display: none; } #section-audaris-seo .container { padding-top: 15px; } #article-vehicle-view .text-right { margin-bottom: 20px; } #site-content { margin-top: 15px; } #header-static { margin-top: 80px; } .site-home #article-home > .container-fluid { max-width: 100%; } #section-multi-directions { margin-top: 0; } #section-multi-directions .m-col1 { padding-left: 0; padding-right: 0; } #section-multi-directions .m-col2 { padding-top: 10px; padding-left: 15px; } #section-multi-directions .m-col3 { padding-top: 10px; } #section-multi-directions .oda-down .nopadding { padding-bottom: 5px; margin-bottom: 0; } #section-multi-directions .oda-down:after { right: 20px; top: 20px; } #section-multi-directions .call-to-action { margin-top: 0; padding-bottom: 10px; } #section-multi-directions .service-area { padding-top: 0; } #section-multi-directions .collapse.in { margin-top: 0; } #footer #section-direction-info-footer .link-select,#footer #section-direction-info .link-select { margin-right: 0; margin-bottom: 5px; } #vehcile_fahrzeuganfrage_window #vehicle_anfrage .form-group { margin-bottom: 0; } #header-slider .container { padding-left: 0; padding-right: 0; } }@media (min-width: 480px) and (max-width: 515px) { #header-data h3 { margin-top: 35px; } }@media (max-width: 680px) { .content-block .col-xs-6.nopadding-right { padding-left: 7.5px; padding-right: 7.5px !important; } .content-block .col-xs-12.nopadding-right { padding-left: 7.5px; padding-right: 7.5px !important; } .site-home .menu-boxes > .column > .ge-content p a { padding-top: calc(14%); } #section-multi-directions .m-col2 { padding-top: 0; padding-left: 0; } #section-multi-directions .call-to-action { margin-top: 0; padding-left: 0; } #section-multi-directions { margin-top: 0; } }@media (max-width: 479px) { #section-multi-directions { margin-top: 0; } #section-multi-directions .m-col1 { padding-left: 0; padding-right: 0; } #section-multi-directions .m-col3,#section-multi-directions .m-col2 { padding-top: 0; padding-left: 5px; padding-right: 5px; } #section-multi-directions .collapse.in { margin-top: 0; } #section-multi-directions .service-area { padding-top: 0; } #section-multi-directions .m-col3 { padding-top: 20px; } #section-multi-directions .m-col3 .oda-down .nopadding { padding-bottom: 5px; margin-bottom: 0; } #section-multi-directions .m-col3 .call-to-action { margin-top: 0; } #section-multi-directions .m-col3 .link-select { padding: 10px 15px; margin-bottom: 5px; } #section-multi-directions .m-col3 .oda-down:after { right: 0; top: 0; } #section-fullwidth-menu-items .menu-boxes > .column { border-left: 0 solid #fff; height: 130px; } #section-fullwidth-menu-items .menu-boxes > .column > .picture-box { max-height: 130px; } #section-fullwidth-menu-items .row.menu-boxes { margin-left: 0; margin-right: 0; } #section-fullwidth-menu-items .row.menu-boxes > .column.col-xs-12 > .ge-content p a { padding-top: calc(31% - 28px); } .site-home .menu-boxes > .column > .ge-content p a { font-size: 20px !important; padding-top: calc(25%); } .site-home #section-fullwidth-menu-items .row.menu-boxes > .column.col-xs-6 > .ge-content p a { padding-top: calc(43% - 28px); } #section-direction-info-footer .container { width: 100%; max-width: 100%; padding: 0; } .site-home #section-content-block { margin-bottom: 0; } .site-home #section-content-block iframe { max-height: 250px; } #header-static { margin-top: 0; } #section-audaris-seo .container { padding-top: 0; } .img-thumbnail { padding: 0; border: 0; border-radius: 0; } #article-vehicle-view .button-box { margin-bottom: 0; display: block; text-align: center; } #site-content { margin-top: 0; } .site-home #site-content { margin-top: 0; } .resp_phone { background: #ffffff; padding-bottom: 15px; } .resp_phone .row { margin-left: 0; margin-right: 0; } .resp_phone .row .col-xs-12 { margin-bottom: 0; } .resp_phone .row .col-xs-12 .btn { max-width: 100%; } .resp_phone .btn { width: 100%; } .leftrightpadding { padding-left: 15px !important; padding-right: 15px !important; } .detailsuche_resp { display: block; margin-top: 10px; font-size: 1em; } .mce-object-iframe iframe,iframe { min-height: 185px; } .home_blog_area { margin-bottom: 40px; } .home_blog_area > .row > .col-xs-12:first-child { margin-bottom: 40px; } .home_blog_area > .row .col-xs-12:last-child { margin-bottom: 0; padding: 0; } .site-home .breadcrumb_area { background-color: transparent; width: 100%; height: 50px; } section .h2 { font-size: 1.467em !important; } section .h4 { font-size: 1em !important; } section .testimonials-box-text { display: none; } #logo-primary-box .logo-link img { max-height: 50px; } .news-slider-entry > a { float: left; width: 100%; } .news-slider .blog_hover { display: none !important; width: 100%; float: right; position: relative; z-index: 1; } .news-slider .blog_hover .hover_main { padding: 0 12px !important; padding-right: 10px !important; font-size: 0.933em; position: relative; top: unset; left: unset; right: unset; width: 100%; height: 100%; max-height: 110px; overflow: hidden; text-overflow: ellipsis; } .news-slider .blog_hover .hover_main small { margin-bottom: 5px; display: none; } .news-slider .blog_hover .hover_main h2 { font-size: 1.1em !important; line-height: 20px; margin-bottom: 10px; } .news-slider .blog_hover .hover_footer,.news-slider .blog_hover .social_area_hover { display: none; } .news-slider > .scrollReveal { margin-left: 0; margin-right: 0; } .navbar { min-height: 65px; } #section-vehicles-home { margin-top: 0; padding-bottom: 0; } #section-vehicles-home .quicksearch .col-white-right { display: none; } #vehicle_search .col-xs-12,#section-vehicles-home .quicksearch .row:not(:last-of-type) { padding-bottom: 0; margin-bottom: 0; } #section-newsletter-form #newsletter_registration { margin-top: 0; } .site-home .row-after-title,#section-vehicles-home-slider .row-after-title,#section-manufacturer-list .row-after-title { padding-top: 0; } #section-testimonials-home .row .col-xs-12 { margin-bottom: 0; } #section-testimonials-home .row-after-title { padding-top: 30px; } #section-featured-menu-items .featured-wrap { margin-bottom: 15px; } #section-featured-menu-items .featured-wrap i { font-size: 60px; height: 60px; width: 100%; line-height: 60px; text-align: center; } #section-featured-menu-items .featured-wrap h2 { font-weight: 700; font-size: 1em; margin-top: 15px; margin-bottom: 1px; } #section-featured-menu-items .featured-wrap h3 { font-weight: 700; font-size: 0.867em; margin-top: 0; } .news-slider .blog_hover .hover_main { padding: 20px; font-size: 0.933em; } .news-slider .blog_hover .hover_main h2 { font-size: 1.333em; } .news-slider .blog_hover .hover_main div { display: none; } .news-slider .blog_hover .hover_footer { padding-left: 20px; } .navbar + div .logo-header { max-height: 40px; height: auto; width: auto; padding-left: 0 !important; } #navbar { padding: 0; margin-left: 1px; padding-left: 1px; } #navbar ul { width: 100%; float: left; } #navbar ul li a { display: block; margin-left: 5px; } .navbar-collapse .navbar-nav { float: none; } #pre_area .col-sm-4 { margin-bottom: 20px; } #logo-primary-box { width: auto; margin-top: 10px; } #logo-primary-box .logo-link { height: auto; width: auto; max-width: 50%; float: right; } .navbar-toggle { margin-top: 20px; margin-right: 20px; margin-bottom: 0; } #phone-top { font-size: 2.000em; position: relative; width: 100%; text-align: center; margin-top: 40px; float: none; display: none; } #phone-top i { top: 4px; position: relative; left: 0; } #footer_logo_box { display: none; } .site-home #header-slider,#header-slider { height: 143.58974px; margin-top: 0; } .small-slider #header-slider { height: 118.58974px; } #article-vehicle-view { margin-top: -20px; } #header-data h1,#header-data h3 { padding: 5px; } #header-data h1 { font-size: 1em; line-height: 30px; } #header-data h3 { font-size: 0.8em; margin-top: 35px; } .nav-area-lines { margin-top: 40px; } #header { height: 80px; position: fixed; top: 0; background: white; } body { overflow-x: hidden; top: 80px; position: relative; } .site-home .news-slider h2 { font-size: 1em; } .nav-area-lines { margin-top: 0; } #footer p { text-align: center; } #footer ul { text-align: center; } #footer_info_box { width: 100%; font-size: 1.4em; } .content-block .btn-primary { padding: 15px 0; width: 100%; } .breadcrumb_area { display: none; } .headline-h1 { font-size: 24px !important; } .subheadline-h1 { font-size: 21px !important; } .headline-h2 { font-size: 21px !important; } .subheadline-h2 { font-size: 15px !important; } .headline-h3 { font-size: 15px !important; } .subheadline-h3 { font-size: 12px; } .news-slider .hover_main .headline-h1 { font-size: 1.2em !important; } .news-slider .hover_main .subheadline-h1,.news-slider .hover_main .headline-h2 { font-size: 1.1em !important; } .news-slider .hover_main .subheadline-h2,.news-slider .hover_main .headline-h3 { font-size: 1em !important; } .button-box .btn-primary { width: auto; } #section-blog-3slider .blog-3slider-entry img { height: 200px; } .highlight-search .detail-search { margin-left: 0; clear: both; display: block; } }@media (max-width: 325px) { #logo-primary-box { margin-left: 10px; } #logo-primary-box .logo-link { max-width: 235px; } #logo-primary-box .logo-link img { max-height: 45px; max-width: 170px; } }@media (max-width: 479px) { #article-vehicle-view #section-direction-infoboxen .highlight-box { min-height: 280px !important; } #article-vehicle-view #section-direction-infoboxen .highlight-box .highlight-question { font-size: 23px; padding-top: 85px; line-height: 30px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .phone-text { padding-top: 10px; font-size: 20px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .phone-info { font-size: 25px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third { font-size: 11px !important; padding: 10px 8px; } #article-vehicle-view #section-direction-infoboxen .highlight-box .contact-info .link-third:after { font: normal normal normal 16px/1 FontAwesome; content: "\f13a"; right: 5px; } }/*To change this license header,choose License Headers in Project Properties.To change this template file,choose Tools | Templatesand open the template in the editor.*//* Created on : 19.12.2016,12:57:42 Author : Florian Neueder*/@media (min-width: 1023px) { .artikeldetailansicht #page_wrapper { top: 105px !important; } .artikeldetailansicht .breadcrumb_area { margin-bottom: 0; } .artikeldetailansicht #article-vehicle-view.vehicle-new-detail-view header .container { padding-top: 10px; } .artikeldetailansicht #vehicle-info-line-area #vehicle-info-line.fixed_pos { position: fixed; top: 55px; width: 100%; z-index: 9; left: 0; } }@media (max-width: 1366px) { .row.flex-area { margin-right: 0; clear: both; } }@media (max-width: 1024px) { #header { background: rgba(0,0,0,0.7); } #footer { background: #000; } #fixedsocial { background: #000; } #logo-primary-box { left: 110px; } .header_fixed #logo-primary-box { left: 80px; } .row.flex-area { margin-right: 0; clear: both; } }@media (max-width: 768px) { #header { background: rgba(0,0,0,0.7) !important; height: 80px; } .sls-show { margin-top: 0; } #logo-primary-box { margin-top: 20px; margin-left: 0; top: 20px; position: absolute; left: 80px; float: left; } #logo-primary-box .logo-link { height: auto; width: auto; max-width: 110px; float: left; } .nav-area-lines li.dropdown .dropdown-menu li { line-height: 43px !important; } .nav-area-lines li.dropdown li .col-xs-6 a { padding: 0 !important; font-size: 1.1em !important; } #footer_logo_box .logo-link { width: 220px; } #footer .footer_pic_menu .footer_address { padding-top: 10px; } .search-collapse { top: 10px; } .search-collapse .btn-success { background: #00adef !important;  border: 0 solid #fff !important; } .search-collapse .closeSearchForm { color: #fff !important; } #header .search_icon { font-size: 19px; margin-top: 5px !important; padding: 5px 10px 0 5px; width: 45px; } body.site-home { top: 0 !important; } .navbar-inverse .navbar-toggle { right: 0; float: right; top: 20px; position: relative; border: 0; color: #fff; margin-right: 0; margin-top: 5px; } .navbar-inverse .navbar-toggle .fa { color: #fff !important; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff !important; } .logo__base { margin-top: 10px; margin-bottom: 10px; width: 110px; height: 60px; } .logo__base .logo__icon { width: 60px; height: 60px; padding-right: 60px; } .site-home #header-slider { margin-top: 0; } .block_directions_map_search { margin-top: -40px; margin-bottom: 35px; background: #000; } .block_directions_map_search .secondary-highlight { margin-bottom: 0; } .site-home #site-content { margin-top: 0; } .secondary-highlight #section-direction-info { padding-top: 0; padding-left: 15px; padding-right: 15px; overflow: hidden; } }@media (min-width: 767px) { .detailsuche_resp { display: none; } }@media (max-width: 688px) { .dropdown-menu { font-size: 18px; } .dropdown-menu > li > a { padding: 6px 20px; } #section-vehicles-home .quicksearch .btn.dropdown-toggle { padding: 6px 10px; } #section-vehicles-home .quicksearch .btn.dropdown-toggle .filter-option { font-size: 18px; } }@media (max-width: 480px) { .secondary-highlight .multi-direction-map { display: none; } .logo__base { margin-top: 16px; margin-bottom: 10px; width: 90px; height: 45px; } .logo__base .logo__icon { width: 45px; height: 45px; padding-right: 45px; } .site-home #header-slider { height: 310.58974px; margin-top: 0; margin-bottom: 0; } #header-slider-indicator { display: none; } .site-home #header-slider-indicator { display: block; top: -30px; height: auto; position: relative; margin-bottom: -30px; } .site-home #header-slider-indicator .carousel-indicators { bottom: unset; bottom: auto; } .site-home #header-slider-indicator .carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.75); } .site-home #header-slider-indicator .carousel-indicators .active,.site-home #header-slider-indicator .carousel-indicators li:hover { background-color: #00adef; } #section-vehicles-list .search_page_switch { margin-top: 15px; } #footer #footer_info_box ul { float: unset; } #footer #footer_info_box > p { font-size: 13px; } #footer p { clear: both; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .prev { left: -10px; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .quicksearch #section-vehicles-quicksearch-typ-icons .vehicles-icon-slider-container .next { right: -10px; } .block_directions_map_quicksearch .highlight-search .section-vehicles-quicksearch-icons-standort .col-button-50p { padding-left: 15px; padding-right: 15px; } .block_directions_map_search { background: #000; } .secondary-highlight #section-direction-info { padding-left: 15px; padding-right: 15px; padding-top: 0; } .block_directions_map_search .flex-area .secondary-highlight { margin-bottom: 0; } }