/*
FA DIGITAL PDS.CSS (only on has_page_class("pds"))
*/

/*PDS: Product Image*/
#top .select_product_images {position:relative; height:auto; padding:0; margin:0; width:100%; border-radius:3px; border:4px solid #fff; box-shadow:0 0 2px 0 #ebebeb; -webkit-box-shadow:0 0 2px 0 #ebebeb}
#top .select_product_images > img {display:block; position:relative; background:#fff; border-radius:3px; image-rendering:auto}
#top .select_product_images .info-badge {position:absolute !important; top:0; left:0; z-index:100; width:100px; height:100px}
#top .select_product_images .info-badge::after {left:0; right:initial}
#top .select_product_images :is(.google-partner-badge,.rtl-partner-badge,.dooh-badge) {left:10px; bottom:5px; position:absolute}
#top .select_product_images :is(.rtl-partner-badge,.dooh-badge) {bottom:10px}
#top .select_product_images :is(.google-partner-badge,.rtl-partner-badge) img {width:100%; height:auto}
#top .select_product_images .google-partner-badge {width:100px}
#top .select_product_images .rtl-partner-badge {width:150px}
#top .select_product_images .dooh-badge {width:100px; border-radius:3px; height:100px; background:#fff}
#top .select_product_images .dooh-badge img {width:100%; height:100%; object-fit:contain}

/*PDS: Product Description*/
#top .select_product_desc {margin:15px 0 0; display:block; min-height:125px; padding:0; border:1px solid #DBD9D9; background:#f0f0f0}
#top .select_product_desc p {display:none; padding:10px 15px; margin:0}
#top .select_product_desc p.active {display:block}

/*PDS: Product price*/
#top .product-price-wrapper {padding:25px 15px 15px; height:130px; margin:10px 0; position:relative; border:1px solid #ebebeb; border-radius:3px; background:#fff}
#top .product-price-wrapper.fb-selection {height:auto}
#top .product-price-wrapper.fb-selection .desc {margin:-5px 0 0; padding:0 0 5px}
#top .product-price-wrapper.no-selection {height:auto; border:0; background:none}
#top .product-price-wrapper .toggle-headline {position:absolute; left:15px; top:35px; font-size:12px}
#top .product-price-wrapper .btn-toggle.small {position:absolute; left:120px; top:32px}
#top .product-price-wrapper .product-price {font-size:30px; color:#002c5c; width:auto; font-weight:500; vertical-align:top; display:inline-block; text-align:right; position:absolute; right:15px}
#top .product-price-wrapper.no-selection .product-price {width:100%; position:relative; right:0}
#top .product-price-wrapper.fb-selection .product-price {display:block; position:relative; right:0}
#top .product-price-wrapper .product-price small {padding-top:15px; font-weight:400; display:inline-block}

/*PDS: Section with left border*/
#top .border-left {border-left:1px solid rgba(0,0,0,.1); padding-left:35px}

/*PDS: Introductory offer section*/
#top .kennenlernangebot {padding:15px; border:1px solid #ddd; border-radius:3px; margin:0 0 25px}
#top .kennenlernangebot ul.checked li:before {content:'\f14a'; color:#68A34C; font-size:100%}

/*PDS: Formats/Conversion Lead Campaigns Bar*/
#top :is(#formats,#clcampaigns) img {width:auto; height:60px; display:block; margin:0 auto}
#top :is(#formats,#clcampaigns) img + br {display:none}
#top :is(#formats,#clcampaigns) .fa-solid {color:#fff; margin:0 auto 10px; font-size:50px}

/*Max-Width 989px - Smartphone view*/
@media only screen and (max-width:989px) {
    /*PDS: Product Image*/
    .responsive #top .select_product_images {height:auto}
    .responsive #top .select_product_images .preis {font-size:18px !important; padding:5px 10px}
    .responsive #top .select_product_images .info-badge::after {line-height:30px; height:30px; left:-110px; font-size:14px}
    .responsive #top .select_product_images .rtl-partner-badge {width:100px}
    .responsive #top .select_product_images .dooh-badge {width:70px; height:70px}
    /*PDS: Description*/
    .responsive #top .select_product_desc p {padding:5px 10px}
    /*PDS: Product price*/
    .responsive #top .product-price-wrapper {height:auto; margin:30px 0 10px}
    .responsive #top .product-price-wrapper .toggle-headline {position:relative; left:initial; top:initial; text-align:center}
    .responsive #top .product-price-wrapper .btn-toggle.small {position:relative; left:initial; top:initial; margin:10px auto; line-height:10px; display:block; text-align:center}
    .responsive #top .product-price-wrapper .product-price {font-size:20px; position:relative; right:initial}
    .responsive #top .product-price-wrapper .product-price .toggle-container {width:100%}
    /*PDS: Section with left border*/
    .responsive #top .border-left {border:0 !important; padding-left:0 !important}
    /*PDS: Formats/Conversion Lead Campaigns Bar*/
    .responsive #top #formats .flex_column.av_one_fifth {width:calc(33% - 5px) !important; display:inline-block}
    .responsive #top #formats .av-flex-placeholder {display:none}
}