@media (max-width: 560px) {.static-image-wheels {float: none !important;}} .carousel-caption { text-shadow: none; color: #333; bottom: 30px; } /* hotfix for DFNG-14674 ; text is too long and does not fit; remove after 23.08.2023 */ .voucher-code-campaign-tipp-adjuster { max-width: 100%; } /* new background for Electric LP */ .electric-tabmain { background: url('static/lite/rdlite/backgrounds/reifen-e-mobilitaet-header.jpg') no-repeat center; } /* RDLite Novelties and Topseller Page*/ .dynamic-content-page .novelties-banner { background-image: url("https://image.delti.com/simg/landingpages/Neuheiten-Banner.jpg"); } @media (max-width: 560px){ .dynamic-content-page .novelties-banner{ height: 130px; background-size: 100%; background-repeat: no-repeat; } .dynamic-content-page .banner-text { padding: 20px 10px; font-size: 16px; max-width: 100%; text-align: left; } } /* RDLite Test Winner Page*/ .dynamic-content-page .test-winner-banner { background-image: url("https://ssl.delti.com/simg/landingpages/testsieger-banner.png"); } /* RDLite Promo custom style */ @media (min-width:990px) { #tabblock.search-by-car-container.main_back.mainPanel_summer { background-size: cover; min-height: 520px; background-position-x: center; background-repeat: no-repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; } } .promotion-btn-container { position: absolute; left: 70%; top: auto; bottom: 120px; } .promotion-btn { background-color: #ee1c25; color: white; font-weight: 700; border-radius: 0px; border-style: solid; } .promotion-btn:hover { text-decoration: none; color: white; background-color: #ee1c25; } .promotion-content img{ margin-left: 5px; margin-top: 20px; max-height: 320px; } .rd_promo_X { right: 0px; } /* RDLite Offers Page .dynamic-content-page .offers-banner { background-image: url("https://static.delti.com/static/rdfr/media/Landingpage-FR.071222.png"); } */ @media (max-width: 560px){ .dynamic-content-page .offers-banner{ height: 100px; background-size: 100%; background-repeat: no-repeat; } } /*Falken custom PDP*/ .pdp_custom_description_falken { font-family: Verdana, Arial, sans-serif !important; font-size: 13px; max-width: 934px; line-height: 1.4em; } .pdp_custom_description_falken h2, .pdp_custom_description_falken h3, .pdp_custom_description_falken h4 { border: 0; font-weight: 600; color: #004593; line-height: 1.4em; text-transform: uppercase; } .pdp_custom_description_falken h1 { font-family: "Arial Black", Arial, sans-serif !important; font-weight: 900; font-size: 36px; color: #444; line-height: 1.3em; margin-top: 13px; margin-bottom: 13px; border-bottom: none; margin-left: 10px; } .pdp_custom_description_falken h1 span { font-family: Verdana, Arial, sans-serif !important; font-weight: 400; font-size: 38px; color: #e60044; padding: 0 3px; } .pdp_custom_description_falken h2 { font-size: 19px; margin-top: 5px; margin-bottom: 8px; } .pdp_custom_description_falken h2.tec { margin-left: 10px; } .pdp_custom_description_falken h3 { font-size: 15px; color: #000; } .pdp_custom_description_falken h4 { font-size: 13px; color: #646363; } @media (max-width: 490px) { .pdp_custom_description_falken h1 { font-size: 28px; } .pdp_custom_description_falken h1 span { font-size: 38px; } .pdp_custom_description_falken h2 { font-size: 17px; } } @media (max-width: 350px) { .pdp_custom_description_falken h1 { font-size: 22px; } .pdp_custom_description_falken h1 span { font-size: 26px; } .pdp_custom_description_falken h2 { font-size: 16px; } } .pdp_custom_description_falken p.lead { font-size: 14px; color: #444; line-height: 1.5em; margin-bottom: 15px; width: 90%; margin-left: 10px; } .pdp_custom_description_falken ul.inner-list { padding-left: 0px; margin-top: 13px; margin-bottom: 13px; } .pdp_custom_description_falken ul.inner-list li { list-style: none; } .pdp_custom_description_falken .img_icon { margin-right: 5px; width: 80%; padding-top: 2px; padding-bottom: 5px; } .pdp_custom_description_falken div.list_content h3 { margin-top: 21px; margin-bottom: 5px; color: #004593; } .pdp_custom_description_falken div.list_content h4 { margin-top: 13px; margin-bottom: 6px; } .pdp_custom_description_falken .bullets { list-style: disc; margin: 0; padding-left: 18px; margin-top: 5px; } .pdp_custom_description_falken .bullets li { margin-top: 0px; margin-bottom: 7px; } .pdp_custom_description_falken > div > div > div > ul.inner_bullets { list-style: disc !important; margin: 0; padding-left: 20px; margin-top: 15px; } .pdp_custom_description_falken > div > div > div > ul.inner_bullets li { margin-bottom: 5px; } .pdp_custom_description_falken hr { border: 2px solid #ededed; margin-top: 1.7em; } .pdp_custom_description_falken .img_bill { width: 100%; } .pdp_custom_description_falken div.features { float: left; width: 37.5%; padding-right: 2%; margin-bottom: 20px; font-weight: bold; margin-left: 10px; } .pdp_custom_description_falken div.benefits { font-size: 13.4px; float: left; width: 55%; color: #444; line-height: 1.5em; margin-bottom: 20px; margin-left: 10px; } .pdp_custom_description_falken > div > div { clear: both; overflow: hidden; } .pdp_custom_description_falken div.boxes-bg { background-color: #f2f2f2; margin-bottom: 15px; border-radius: 7px; padding-bottom: 5px; } .pdp_custom_description_falken div.list_img img { float: left; width: 40%; margin-bottom: 15px; padding-top: 15px; text-align: center; } .pdp_custom_description_falken .list_content { width: 55%; float: left; padding-left: 15px; padding-top: 0%; color: #646363; } @media (max-width: 777px) { .pdp_custom_description_falken div.features { width: 95%; padding-right: 2%; margin-bottom: 10px; } .pdp_custom_description_falken div.benefits { font-size: 13.4px; width: 95%; } .pdp_custom_description_falken div.list_img img { width: 35%; } .pdp_custom_description_falken .list_content { width: 60%; } .pdp_custom_description_falken ul.inner-list { margin-top: 4px; margin-bottom: 8px; } .pdp_custom_description_falken div.list_content h4 { margin-top: 10px; margin-bottom: 5px; } .pdp_custom_description_falken .img_icon { padding-bottom: 5px; } } @media (max-width: 540px) { .pdp_custom_description_falken div.list_img img { width: 74vw; padding-top: 10px; margin-bottom: 0px; /*max-width: 350px;*/ /*padding: 10px 11vw 0px 11vw;*/ } .pdp_custom_description_falken .list_content { width: 92%; } .pdp_custom_description_falken div.list_content h3 { margin-top: 10px; } .pdp_custom_description_falken h2.tec { margin-bottom: 0px; margin-left: 15px; } .pdp_custom_description_falken div.list_img img { margin-left: 5px; } .pdp_custom_description_falken div.list_img img.circle { margin-left: 3vw; } } .pdp_custom_description_falken hr.sep_line { border: 1px solid #f2f2f2; } .clearfix:after{ content: "."; clear: both; display: block; visibility: hidden; height: 0px; } @charset "UTF-8"; /* CSS Document */ #wrapper { max-width: 1170px; margin: 0 auto; } /* adding bs4/5 features to bs3 */ .equal { display: flex; display: -webkit-flex; flex-wrap: wrap; } @media (min-width: 768px) { .row.equal { display: flex; flex-wrap: wrap; } } .title { height: 100%; background-color: #ffa500; color: white; padding: 1em; } .title p { margin: 0; padding: 0; } .title p:first-child { font-size: 2em; font-weight: bold; } .title p:last-child { font-size: 1.5em; font-weight: lighter; } .clogo { height: 100%; background-color: #ccc; } .brand-logo { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 60%; } .biglogo { display: block; } .smalllogo { display: none; } @media all and (max-width: 767px) { .biglogo { display: none; } .smalllogo { display: block; } .clogo { min-height: 80px; } .brand-logo { width: 50%; margin: 0 auto; } } .title-img { display: block; max-width: 100%; height: auto; } .content-highlight { background-color: #ccc; padding: 1em; font-size: 1.5em; font-weight: bold; } ul.pdplist { list-style-type: none; padding-left: 1em; } ul.pdplist li { position: relative; list-style: none; padding-left: 1.5em; margin: 1em 0; font-size: 1.2em; } ul.pdplist li::before { content: "\276F"; /* ❯ */ position: absolute; left: 0.5em; } .itest, .img-placeholder { background-color: #ffa500; text-align: center; vertical-align: center; background-repeat: no-repeat; width: inherit; background-size: cover; height: 100%; max-height: 180px; } .img-placeholder { background-color: transparent; } /* BRAND SWITCHES */ .brand-continental .title { background-color: #ffa500; color: white; } .brand-continental ul.pdplist li::before { color: #ffa500; } .brand-barum .title { background-color: #ffd400; color: #000066; } .brand-barum .clogo { background-color: #ffd400; } .brand-barum ul.pdplist li::before { color: #ffd400; } .brand-uniroyal .title { background-color: #ED1D25; color: white; } background-size: 30%; } .brand-uniroyal ul.pdplist li::before { color: #ED1D25; } .brand-semperit .title { background-color: rgb(0,102,204); color: white; } .brand-semperit ul.pdplist li::before { color: rgb(0,102,204); } .brand-gislaved .title { background-color: rgba(255,214,0); color: black; } .brand-gislaved ul.pdplist li::before { color: rgba(255,214,0); } .brand-viking .title { background-color: #004994; color: white; } .brand-viking ul.pdplist li::before { color: #004994; } /* END BRAND SWITCHES */ @media all and (max-width: 992px) { .img-placeholder { display: none; } } @media all and (min-width: 992px) { .row .img { overflow: hidden; } .row .col-md-4 .img { height: 100%; max-height: 180px; } .row .col-md-4 .img-placeholder { max-height: 180px; } .row .col-md-6 .img { height: 100%; max-height: 250px; } .row .col-md-4 .img-placeholder { max-height: 250px; } .row .col-md-12 .img { height: 100%; max-height: 520px; } .row .col-md-4 .img-placeholder { max-height: 520px; } } .itest span { display: inline-block; vertical-align: middle; line-height: normal; } .my-1 {margin: 1em 0;} .my-2 {margin: 2em 0;} .my-3 {margin: 3em 0;} .mb-1 { margin-bottom: 1em;} .mt-2 { margin-top: 2em;} .mb-2 { margin-bottom: 2em;} .mb-3 { margin-bottom: 3em;} .pt-2 {padding-top: 1em;} .p-0 {padding: 0;} .pl-0 {padding-left: 0;} .pr-0 {padding-right: 0;} .responsive-iframe { max-width: 100%; padding-top: 56.25%; position: relative; width: 100%; } .responsive-iframe iframe, .responsive-iframe video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .imggrid { display: grid; grid-auto-rows: auto; grid-gap: 2em; grid-auto-columns: 1fr; grid-template-areas: 'i1 i2 i3' 'b1 b2 b3'; } .i1 { grid-area: i1; } .i2 { grid-area: i2; } .i3 { grid-area: i3; } .i4 { grid-area: i4; } .b1 { grid-area: b1; } .b2 { grid-area: b2; } .b3 { grid-area: b3; } .b4 { grid-area: b4; } /* Hack for hiding brands banner on electrci tyres search LP */ div#offer.container.electric-home-page-container div.container.offer_box a img.img-responsive { display:none; } /* hack for hiding percentage discount on novelties page. Remove this after fixing DFNG-14380 */ div.comment_x:not(:has(b)) { display:none; }