/* --------------------------------------------------------------------------------------------------------------------------------------------- */
.tagblock { 
    float: left; width: 100%; border-right: none; margin-top: 0px; box-sizing: border-box; position: relative;  
}
.home .tagblock { 
    background: #fff; padding: 40px 0px 80px 0px !important; margin-top: 12px;
}
.home .mobile .tagblock { padding-bottom: 160px !important; }
.home .de-DE.mobile .tagblock, .home .de-CH.mobile .tagblock, .home .de-AT.mobile .tagblock { padding-bottom: 120px !important; }
.tagblock > .header { float: left; clear: both; width: 100%; padding: 0px 0px 20px 0px; }
.mobile .tagblock > .header { padding: 0px 0px 20px 24px; }
.tagblock > .header a:hover {  }
.tagblock > .header a { overflow: hidden; display: inline-block; width: 100%; color: inherit; font-size: 1.4rem; font-weight: bold; }
.tagblock > .header .title { }
.tagblock > .header .url {  }
.tagblock > .header .icon {  }
.tagblock > .content { float: left; clear: both; width: 100%; overflow: hidden; background-color: white; }
.mobile .tagblock > .content {overflow-x: scroll; }
.tagblock > .content > .nuggetList { overflow: visible; white-space: nowrap; display: inline-block;  }

.tagblock.electric > .content { float: right; width: calc(100% - 310px); }
.mobile .tagblock.electric > .content { float: left; width: 100%; }

.tagblock.electric { position: relative; background-image: url(https://secure.delta-car.ch/img/websites/int/ills/electric_01.png); background-position: -90px 42px; background-size: 400px auto; background-repeat: no-repeat; }
.mobile .tagblock.electric { background-size: 450px auto; background-position: center -120px; padding: 0px 0px 180px 0px !important; background-repeat: repeat-x; }

.tagblock.electric > .header { position: absolute; top: 42px; left: 0px; background: rgba(0, 0, 0, 0.3); color: white; padding: 20px 24px; width: 310px; }
.mobile .tagblock.electric > .header { position: static; float: left; width: 100%; padding: 30px 24px; background: rgba(0, 0, 0, 0.5); }

.tagblock.electric > .header .title h2 { font-size: 1.4rem !important; margin: 0px 0px 20px 0px !important; }

.tagblock.electric > .header .title span { font-weight: normal; }
.tagblock.electric > .header a { font-size: 1rem; }
.tagblock.electric > .header a:hover { text-decoration: none; }

.tagblock.electric .reference { position: absolute; bottom: 22px; left: 0px; font-weight: 300; font-size: 0.8rem; opacity: 0.8; text-align: right; }
.mobile .tagblock.electric .reference { text-align: left; }

.tagblock.electric .prev-btn { left: 310px; }

.tagblock a.more-details {
    display: none;
    color: #1759E8;
    background: url(https://secure.delta-car.ch/img/websites/int/arrows/arrow_right_1759E8.svg) no-repeat right 2px;
}
.mobile .tagblock a.more-details { display: block; position: absolute; right: 16px; bottom: 80px; }


.tagblock .prev-btn { 
    position: absolute; cursor: pointer;
    width: 40px; height: 40px;
    bottom: 320px; left: 0px; 
    background: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_left_1759E8.svg) no-repeat center center; background-size: 16px;
    transition: all 0.5s ease-out;
    background-color: rgba(255,255,255,0.9);
}
.tagblock .next-btn { 
    position: absolute; cursor: pointer;
    width: 40px; height: 40px;
    background: url(https://secure.delta-car.ch/img/websites/int/arrows/slide_right_1759E8.svg) no-repeat center center; background-size: 16px;
    bottom: 320px; right: 0px;
    transition: all 0.5s ease-out;
    background-color: rgba(255,255,255,0.9);
}
.de-DE .tagblock .prev-btn, .de-DE .tagblock .next-btn 
.de-AT .tagblock .prev-btn, .de-AT .tagblock .next-btn 
{ bottom: 265px; }

.tagblock .prev-btn.disabled, .tagblock .next-btn.disabled { opacity: 0.3; cursor: initial; background-size: 10px; }

.mobile .tagblock .prev-btn, .mobile .tagblock .next-btn { bottom: 90px; left: 50%; }
.mobile .tagblock.electric .prev-btn, .mobile .tagblock.electric .next-btn { bottom: 110px; left: 50%; }
.mobile .tagblock .next-btn {}
.mobile .tagblock .prev-btn { margin-left: -50px; }

.de-DE.mobile .tagblock .prev-btn, .de-DE.mobile .tagblock .next-btn, .de-AT.mobile .tagblock .prev-btn, .de-AT.mobile .tagblock .next-btn, { bottom: 50px; }
.de-DE.mobile .tagblock.electric .prev-btn, .de-DE.mobile .tagblock.electric .next-btn, .de-AT.mobile .tagblock.electric .prev-btn, .de-AT.mobile .tagblock.electric .next-btn { bottom: 25px; }


/* nuggets */
.nuggetList .nugget     
{
    cursor: pointer;
    background: transparent;
    border: none;
    width: 250px;
    height: 320px;
    margin: 0px;
    padding: 0px;
    float:left;
    position: relative;    
    font-weight: 300; font-size: 1rem;
}

.tagblock.electric .nuggetList .nugget { width: 240px; } 

.mobile .nuggetList .nugget { height: 300px; }

.de-DE .nuggetList .nugget, .de-AT .nuggetList .nugget  { height: 260px; }
.de-DE.mobile .nuggetList .nugget, .de-AT.mobile .nuggetList .nugget { height: 260px; }

.nuggetList > .space { width: 1px; float: left; }

.tagblock .reference { position: absolute; bottom: 22px; left: 0px; font-weight: 300; font-size: 0.8rem; opacity: 0.8; }
.mobile .tagblock .reference { left: 30px; width: calc(100% - 50px) !important; }

.nuggetList .nugget:first-child { margin-left: 16px; }
.nuggetList .nugget .header { 
    position: absolute; float: left; top: 160px; left: 20px; font-size: 1rem; font-weight: 300; width: calc(100% - 30px); 
    border-top: 1px solid #ddd; padding-top: 15px;
}
.nuggetList .nugget div.photo { position: absolute; top: 0px; left: 0px; float: left; z-index: 0; background-color: #fff; width: 100%; height: 160px; background-size: 160px; background-repeat: no-repeat; background-position: center 30px; }
.nuggetList .nugget .header .make { font-weight: 600; text-transform: capitalize; text-overflow: ellipsis; overflow: hidden; }
.nuggetList .nugget .header .make a { color: inherit; }
.nuggetList .nugget .weeks { display: none;  }
.nuggetList .nugget .version { font-weight: inherit; font-size: inherit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; color: #999; }
.nuggetList .nugget .delimiter { float: left; text-align: center; width: 20px; }
.nuggetList .nugget .delimiter.eldelimiter { width: 10px; }
.nuggetList .nugget .fuelBlock { 
    float: left; width: 100%; font-size: 0.9rem; white-space: nowrap; overflow: hidden; margin-top: 1px;
}
.nuggetList .nugget .fuelBlock > div { float: left; white-space: nowrap; max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
[lang=de] .nuggetList .nugget .fuelBlock > div { max-width: 100px; }
.nuggetList .nugget .fuelBlock .co2 { background: url(https://secure.delta-car.ch/img/websites/int/labels/label_energy_grey.svg) 4px 4px no-repeat; background-size: 22px auto; padding-left: 36px; position: relative; }
.nuggetList .nugget .fuelBlock .co2 .lbl { position: absolute; left: 0px; top: 3px; width: 26px; text-align: center; z-index: 1; font-size: 0.65rem; text-transform: uppercase; color: #fff; }
 
.nuggetList .nugget .keyvalues > div { max-width: 105px; overflow: hidden; text-overflow: ellipsis; }
.nuggetList .nugget .keyvalues { float: left; width: 100%; font-size: 0.9rem; margin: 10px 0px 0px 0px; overflow: hidden; white-space: nowrap; }
.nuggetList .nugget .keyvalues .engine { float: left; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_engine_1C1F33.svg) no-repeat 0px 1px; background-size: 23px; padding-left: 36px; }
.nuggetList .nugget .keyvalues .transmission { float: left; }
.nuggetList .nugget .keyvalues .range { float: left; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_erange.svg) no-repeat 0px -1px; background-size: 20px; padding-left: 30px; }
.nuggetList .nugget .keyvalues .charging { float: left; background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_charging-time.svg) no-repeat 0px 1px; background-size: 24px; padding-left: 30px; max-width: 120px; }

.nuggetList .nugget .availability { display: none; position: absolute; z-index: 1; top: -2px; left: 20px; font-size: 0.8rem; font-weight: 300; }
.nuggetList .nugget .availability .avl.picto { width: auto; height: 50px; float: left; margin: 0px 0px 0px 0px; padding: 18px 0px 0px 60px;  }
.nuggetList .nugget .availability .avl.picto.arrival { background: url(https://secure.delta-car.ch/img/websites/int/labels/label_arrivage.svg) left top no-repeat; background-size: 44px; }
.nuggetList .nugget .availability .avl.picto.stock { background: url(https://secure.delta-car.ch/img/websites/int/labels/label_stock.svg) left top no-repeat;  background-size: 44px; }
.nuggetList .nugget .availability .avl.picto.configurable { background: url(https://secure.delta-car.ch/img/websites/int/labels/label_configure.svg) left top no-repeat;  background-size: 44px; }

.nuggetList .nugget .price { position: absolute; left: 20px; font-weight: bold; bottom: 0px; font-size: 1.2rem; width: calc(100% - 40px); border-top: 1px solid rgba(255,255,255,0.6); padding: 10px 0px 0px 0px; }
.nuggetList .nugget .discount { float: left; font-weight: bold; color: #00B453; font-size: 1.2rem; }
.nuggetList .nugget .clientPrice { float: left;  margin-right: 16px; font-weight: bold; }

.nuggetList .nugget .electricicon { background: url(https://secure.delta-car.ch/img/websites/int/icons/ico_electric.svg) no-repeat; background-size: cover; width: 30px; height: 30px; position: absolute; top: 10px; left: 10px; }

/* --------------------------------------------------------------------------------------------------------------------------------------------- */