/* CSS Container */ /* PAGENAME: CSS Container - Aruba - Juno (vodafone.aruba.juno.css) => das aktuelle CSS in den Slotmachines PAGEID: 393074 PUBLISHING DATE: 2020-02-10 15:07:11 */ /* URL-Prefix: [] */ /* -[SNIPPETS >>>]---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------- */ /* CONTENT CLASS: CSS Snippet - Aruba - Phase 2 */ /* PAGENAME: CSS Snippet - Aruba - Phase 2 PAGEID: 232513 */ /* ------------------------------------------------------------------------------------------ */ /* VERSION: */ /* URL-Prefix: [//www.vodafone.de] */ /* ------------------------------------------------------------------------------------------- */ .aruba { position:relative;width:100%;font-size:14px;color:#333333; } .aruba h2 span { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;font-weight:400; } .col { position:relative;padding:0 10px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } form { box-sizing: border-box;margin:0;padding:0; } .tariff { position:relative;width:300px; } .device { position:relative;width:300px; } .redSummary { position:relative;border: 1px solid #cccccc;border-radius: 3px;box-shadow: 0px 1px 2px rgba(50,50,50,0.75);background-color:#ffffff;} .redSummary.noPrice { border:none; box-shadow: none;} .tariffNotification, .priceboxNotification { display:none; margin-top:10px;} .inlifeGigaKombiNotification { margin: 30px 0 50px 0; } .tariffNotification h5, .priceboxNotification h5 { float:left; padding-left: 8px;} @media only screen and (max-width: 767px) { .inlifeGigaKombiNotification { margin: 30px 0 70px 0; padding: 10px; } } .aruba .cRed { color:#e60000; } .aruba .cSmart { color:#333333; } .aruba .cUnlimited { color:#e60000; } .aruba .checkBox { position: relative; height: 22px; cursor: pointer; font-size: 14px; line-height: 22px; padding-left: 30px; background: url(//www.vodafone.de/images/v5/aruba_checkbox.png) no-repeat scroll left top;} .aruba .checkBox.active { background-position:left bottom; } .aruba .headlineBox { position:relative;margin:0 0 10px 0px; } .fm-select { position: relative; width: 100%; display: inline-block; background: none repeat scroll 0 0 #fff; margin-bottom:20px;} .dividerLine { max-width: 960px !important;} .aruba input, select, textarea { border: 0; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0 1px 2px rgba(50,50,50,0.75) inset; border: 1px solid #e9e9e9; font-size: 14px; padding: 5px; width: 100%; height:31px;} .aruba select { background: none; position: relative; padding-right: 10px; z-index: 1; box-shadow: 0px 1px 2px rgba(50,50,50,0.75); border: 1px solid #e9e9e9; margin: 0; box-sizing: border-box;} .fm-select span { background: none repeat scroll 0 0 #fff; margin-right: 3px; padding: 3px 9px 3px 12px; pointer-events: none; position: absolute; right: -2px; top: 1px; z-index: 1;} .card .fm-select span{ z-index: 4;} .aruba .buttonBig { font-size: 12px;padding-top:12px; } .i-arrow-down-grey-lrg { background-image: url(//www.vodafone.de/images/v5/aruba_arrow_down_grey.png); background-position: 9px 9px; background-repeat: no-repeat; display: inline-block; height: 23px; width: 19px; border-left: 1px solid #b5b5b5;} .warning { background: none repeat scroll 0 0 #fff5f0; border: 1px solid #ff5400;} .alert { border-radius: 3px; margin-bottom: 15px; padding: 17px 19px; line-height:18px; } .alert-sml { margin-bottom: 10px; padding: 10px;} .alert-sml > div { padding-left: 30px; } i, .i { display: inline-block; vertical-align: middle;} .alert i { float: left;} .i-warning-sml { background-image: url("//www.vodafone.de/images/v5/icon_info_notification_20x20.png"); height: 20px; width: 20px;} .success { background-color:#F4F7F0;border:1px solid #427D00; } .i-success-sml { background-image: url("//www.vodafone.de/images/v5/icon_valid_green_20x20.png"); height: 20px; width: 20px; } .alert span ul { padding-left:12px; } .bx-pager {display:none;} .moreInfo {margin-top: 30px;} /*-------------------- Steuerung der einzelnen Elemente anhand des Status (R30.4) -------------------*/ .aruba.init .nbaBox .card {display: none;} .aruba.generalError .stepperDyn, .aruba.generalError .welcomeBox, .aruba.generalError .tarifDetails, .aruba.generalError .nbaBoxWrapper {display:none;} .aruba.authError .nbaBoxWrapper {display:none;} .aruba .alertBox.nbaError {display:none;} .aruba .alertBox.basketError {display:none;} .aruba .alertBox.technicalError {display:none;} .aruba .alertBox.dataError {display:none;} .aruba.nbaError .alertBox.nbaError {display:block;} .aruba.basketError .alertBox.basketError {display:block;} .aruba.technicalError .alertBox.technicalError {display:block;} .aruba.dataError .alertBox.dataError {display:block;} /*-------------------- Steuerung der einzelnen Elemente anhand des Status -------------------*/ .prolongAlert {display:none;} .earlyBirdAlert {display:none;} .tooEarlyAlert {display:none;} .cancelButton {display:none;} .blackTariffAlert {display:none;} .aruba.ok .alertBox.ownTariffProlong {display:none;} .aruba.notOnline .prolongAlert {display:block;} .aruba.notOnline .cancelButton {display:block;} .aruba.tooEarly .tooEarlyAlert {display:block;} .aruba.tooEarly .cancelButton {display:block;} .aruba.earlyBird .earlyBirdAlert {display:block;} .aruba.earlyBird .cancelButton {display:block;} .aruba.blackTariffVVL .blackTariffAlert {display:block;} .aruba.blackTariffVVL .cancelButton {display:block;} .aruba.tooEarly .nbaBox , .aruba.blackTariffVVL .nbaBox , .aruba.earlyBird .nbaBox , .aruba.notOnline .nbaBox {display:none;} .aruba.tooEarly .ctaContainer, .aruba.blackTariffVVL .ctaContainer, .aruba.earlyBird .ctaContainer, .aruba.notOnline .ctaContainer {display:none;} .aruba.tooEarly .redSummary, .aruba.blackTariffVVL .redSummary, .aruba.earlyBird .redSummary, .aruba.notOnline .redSummary {display:none;} .aruba.tooEarly .device , .aruba.blackTariffVVL .device , .aruba.earlyBird .device , .aruba.notOnline .device {display:none;} .aruba.tooEarly .tariff, .aruba.blackTariffVVL .tariff, .aruba.earlyBird .tariff, .aruba.notOnline .tariff {display:none;} .aruba.tooEarly .orderBox, .aruba.blackTariffVVL .orderBox, .aruba.earlyBird .orderBox, .aruba.notOnline .orderBox {display:none;} .aruba.tooEarly .trustedS, .aruba.blackTariffVVL .trustedS, .aruba.earlyBird .trustedS, .aruba.notOnline .trustedS {display:none;} .aruba.canceled .description.ownTariffProlong {display:none;} .aruba.canceled .alertBox.ownTariffProlong {display:block;} .aruba.tooOld .description.ownTariffProlong {display:none;} .aruba.tooOld .alertBox.ownTariffProlong {display:block;} /*-------------------- allgemein ConnectMore -------------------*/ .aruba.connectMore.simOnly .sliderContainer {display:none !important;} .aruba.connectMore.hardwareOnly .hero, .aruba.connectMore.hardwareOnly .tariffop, .aruba.connectMore.hardwareOnly .tariffOptions, .aruba.connectMore.hardwareOnly .headlineBox {display:none !important;} .aruba.connectMore.mbb.soho .tariffOptions {margin-top:35px;} .aruba.connectMore .tariffOptions .tariffOptionAlert {display:none;} /*-------------------- Stepper -----------------------*/ .preloadImg { width:0;height:0;display:none; } .stepper { position:relative;height:63px;margin:0 0 20px 0; } .stepper.step2 { margin:0 0 12px 0; } .stepper a { text-decoration:none; } .stepper span { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;line-height:58px;font-weight:normal; } .stepper .cmSubscribeButton, .stepper .cmDisplayOnly { display: none;} .stepper.noPrice .cmDisplayOnly { display: block;} .stepper.noPrice .cmSubscribeButton { display: none;} .stepper.noPrice .cmOrderButton { display: none;} .stepper.step1 .left { position:relative;width:10px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_left_selected_1x.png); } .stepper.step1 .right { position:relative;width:10px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_right_unvisited_1x.png); } .stepper.step1 .arrowPhone { position:relative;width:23px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_selected_unvisited_1x.png); } .stepper.step1 .arrowAccessory { position:relative;width:23px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_unvisited_unvisited_1x.png); } .stepper.step1 .phone { position:relative;width:238px;height:63px;padding-left:62px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_phone_selected_1x.png);color:#ffffff;cursor:default; } .stepper.step1 .accessory { position:relative;width:226px;height:63px;padding-left:62px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_accessory_unvisited_1x.png); } .stepper.step1 .basket { position:relative;width:246px;height:63px;padding-left:62px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_1x.png); } @media only screen and (min-width: 767px) { .stepper.step1 .accessory:hover { background:url(//www.vodafone.de/images/v5/css/stepper_accessory_unvisited_hover_1x.png);color:#e60000; } .stepper.step1 .basket:hover { background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_hover_1x.png);color:#e60000; } } .stepper.step1 .arrowPhone.accoActive { background:url(//www.vodafone.de/images/v5/css/stepper_selected_pressed_1x.png); } .stepper.step1 .arrowAccessory.accoActive { background:url(//www.vodafone.de/images/v5/css/stepper_pressed_unvisited_1x.png); } .stepper.step1 .arrowAccessory.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_unvisited_pressed_1x.png); } .stepper.step1 .right.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_right_pressed_1x.png); } .stepper.step1 .accessory.active { background:url(//www.vodafone.de/images/v5/css/stepper_accessory_pressed_1x.png);color:#ffffff; } .stepper.step1 .basket.active { background:url(//www.vodafone.de/images/v5/css/stepper_basket_pressed_1x.png);color:#ffffff; } .stepper.step2 .left { position:relative;width:10px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_left_visited_1x.png); } .stepper.step2 .right { position:relative;width:10px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_right_unvisited_1x.png); } .stepper.step2 .arrowPhone { position:relative;width:23px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_visited_selected_1x.png); } .stepper.step2 .arrowAccessory { position:relative;width:23px;height:63px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_selected_unvisited_1x.png); } .stepper.step2 .phone { position:relative;width:238px;height:63px;padding-left:62px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_phone_visited_1x.png); } .stepper.step2 .accessory { position:relative;width:226px;height:63px;padding-left:62px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_accessory_selected_1x.png);color:#ffffff;cursor:default; } .stepper.step2 .basket { position:relative;width:246px;height:63px;padding-left:62px;float:left;background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_1x.png); } @media only screen and (min-width: 767px) { .stepper.step2 .phone:hover { background:url(//www.vodafone.de/images/v5/css/stepper_phone_visited_hover_1x.png);color:#e60000; } .stepper.step2 .basket:hover { background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_hover_1x.png);color:#e60000; } } .stepper.step2 .left.phoneActive { background:url(//www.vodafone.de/images/v5/css/stepper_left_pressed_1x.png); } .stepper.step2 .arrowPhone.phoneActive { background:url(//www.vodafone.de/images/v5/css/stepper_pressed_selected_1x.png); } .stepper.step2 .arrowAccessory.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_selected_pressed_1x.png); } .stepper.step2 .right.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_right_pressed_1x.png); } .stepper.step2 .phone.active { background:url(//www.vodafone.de/images/v5/css/stepper_phone_pressed_1x.png);color:#ffffff; } .stepper.step2 .basket.active { background:url(//www.vodafone.de/images/v5/css/stepper_basket_pressed_1x.png);color:#ffffff; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .stepper.step1 .left { background:url(//www.vodafone.de/images/v5/css/stepper_left_selected_2x.png);background-size:10px 63px; } .stepper.step1 .right { background:url(//www.vodafone.de/images/v5/css/stepper_right_unvisited_2x.png);background-size:10px 63px; } .stepper.step1 .arrowPhone { background:url(//www.vodafone.de/images/v5/css/stepper_selected_unvisited_2x.png);background-size:23px 63px; } .stepper.step1 .arrowAccessory { background:url(//www.vodafone.de/images/v5/css/stepper_unvisited_unvisited_2x.png);background-size:23px 63px; } .stepper.step1 .phone { background:url(//www.vodafone.de/images/v5/css/stepper_phone_selected_2x.png);background-size:300px 63px; } .stepper.step1 .accessory { background:url(//www.vodafone.de/images/v5/css/stepper_accessory_unvisited_2x.png);background-size:300px 63px; } .stepper.step1 .basket { background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_2x.png);background-size:313px 63px; } } @media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 767px) and (min-resolution: 144dpi) { .stepper.step1 .accessory:hover { background:url(//www.vodafone.de/images/v5/css/stepper_accessory_unvisited_hover_2x.png);background-size:300px 63px; } .stepper.step1 .basket:hover { background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_hover_2x.png);background-size:313px 63px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .stepper.step1 .arrowPhone.accoActive { background:url(//www.vodafone.de/images/v5/css/stepper_selected_pressed_2x.png);background-size:23px 63px; } .stepper.step1 .arrowAccessory.accoActive { background:url(//www.vodafone.de/images/v5/css/stepper_pressed_unvisited_2x.png);background-size:23px 63px; } .stepper.step1 .arrowAccessory.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_unvisited_pressed_2x.png);background-size:23px 63px; } .stepper.step1 .right.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_right_pressed_2x.png);background-size:10px 63px; } .stepper.step1 .accessory.active { background:url(//www.vodafone.de/images/v5/css/stepper_accessory_pressed_2x.png);background-size:300px 63px; } .stepper.step1 .basket.active { background:url(//www.vodafone.de/images/v5/css/stepper_basket_pressed_2x.png);background-size:313px 63px; } .stepper.step2 .left { background:url(//www.vodafone.de/images/v5/css/stepper_left_visited_2x.png);background-size:10px 63px; } .stepper.step2 .right { background:url(//www.vodafone.de/images/v5/css/stepper_right_unvisited_2x.png);background-size:10px 63px; } .stepper.step2 .arrowPhone { background:url(//www.vodafone.de/images/v5/css/stepper_visited_selected_2x.png);background-size:23px 63px; } .stepper.step2 .arrowAccessory { background:url(//www.vodafone.de/images/v5/css/stepper_selected_unvisited_2x.png);background-size:23px 63px; } .stepper.step2 .phone { background:url(//www.vodafone.de/images/v5/css/stepper_phone_visited_2x.png);background-size:300px 63px; } .stepper.step2 .accessory { background:url(//www.vodafone.de/images/v5/css/stepper_accessory_selected_2x.png);background-size:300px 63px; } .stepper.step2 .basket { background:url(//www.vodafone.de/images/v5/css/stepper_basket_unvisited_2x.png);background-size:313px 63px; } } @media only screen and (min-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 767px) and (min-resolution: 144dpi) { .stepper.step2 .phone:hover { background:url(/images/v5/css/stepper_phone_visited_hover_2x.png);background-size:300px 63px; } .stepper.step2 .basket:hover { background:url(/images/v5/css/stepper_basket_unvisited_hover_2x.png);background-size:313px 63px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .stepper.step2 .left.phoneActive { background:url(//www.vodafone.de/images/v5/css/stepper_left_pressed_2x.png);background-size:10px 63px; } .stepper.step2 .arrowPhone.phoneActive { background:url(//www.vodafone.de/images/v5/css/stepper_pressed_selected_2x.png);background-size:23px 63px; } .stepper.step2 .arrowAccessory.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_selected_pressed_2x.png);background-size:23px 63px; } .stepper.step2 .right.baskActive { background:url(//www.vodafone.de/images/v5/css/stepper_right_pressed_2x.png);background-size:10px 63px; } .stepper.step2 .phone.active { background:url(//www.vodafone.de/images/v5/css/stepper_phone_pressed_2x.png);background-size:300px 63px; } .stepper.step2 .basket.active { background:url(//www.vodafone.de/images/v5/css/stepper_basket_pressed_2x.png);background-size:313px 63px; } } /*-------------------- Slider -----------------------*/ .tariff .mask, .device .mask { position:absolute;top:70px;left:-2px;width:310px;height:482px;background-color:#ffffff;opacity:0.5;filter:alpha(opacity=50);z-index:60;display:none; } .hardwareOnly .tariff .mask { display:block; } .simOnly .device .mask { display:block; } .tariffPagerBox, .devicePagerBox { position:relative;height:100px;back!ground:rgba(0,0,255,0.2); } .tariffPagerWrapper, .devicePagerWrapper { position:absolute;top:20px;left:20px;height:100px;width:260px;overflow:hidden; } .tariffPagerWrapper .bx-wrapper, .devicePagerWrapper .bx-wrapper { position:relative;left:90px; } .tariffPagerWrapper .bx-viewport, .devicePagerWrapper .bx-viewport { overflow:visible !important; } .tariffPagerBox .bxSliderButton, .devicePagerBox .bxSliderButton { position:absolute;top:50px; } .tariffPagerBox .bxSliderButton.prev, .devicePagerBox .bxSliderButton.prev { left:0px; } .tariffPagerBox .bxSliderButton.next, .devicePagerBox .bxSliderButton.next { left:289px; } .tariffPagerBox .bxSliderButton a, .devicePagerBox .bxSliderButton a { position:relative;top:0px;left:0px;width:11px;height:20px;background:url(//www.vodafone.de/images/v5/aruba_slider_arrows.png) bottom left; } .tariffPagerBox .bxSliderButton a.bx-next, .devicePagerBox .bxSliderButton a.bx-next { background-position: bottom right; } .tariffPagerBox .bxSliderLayer, .devicePagerBox .bxSliderLayer { position:absolute;top:20px;width:80px;height:80px;background-color:#cccccc;opacity:0.001;filter:alpha(opacity=0.1); } .tariffPagerBox .bxSliderLayer.prev, .devicePagerBox .bxSliderLayer.prev { left:20px; } .tariffPagerBox .bxSliderLayer.next, .devicePagerBox .bxSliderLayer.next { left:200px; } .tariffPagerBox .bxActiveLayer, .devicePagerBox .bxActiveLayer { position:absolute;top:20px;left:110px;width:76px;height:76px;border:2px solid #E60000; } .bxCoverPrev { position:absolute;top:20px;left:0px;width:100px;height:80px;background-color:#ffffff;display:none; } .bxCoverNext { position:absolute;top:20px;left:200px;width:100px;height:80px;background-color:#ffffff;display:none; } .tariffPagerBox.oneElement {left: -90px;} .tariffPagerBox.oneElement .bxCoverPrev, .tariffPagerBox.oneElement .bxCoverNext {display:block;} .tariffPagerBox.twoElements .bxCoverNext {display:block;} .tariffPagerBox.twoElements .bx-prev {display:none;} .devicePagerBox.oneElement .bxCoverPrev, .devicePagerBox.oneElement .bxCoverNext {display:block;} .devicePagerBox.twoElements .bxCoverNext {display:block;} .devicePagerBox.twoElements .bx-prev {display:none;} .tariffPagerBox .counter, .devicePagerBox .counter, .tariffPagerBox .slidercounter, .devicePagerBox .slidercounter { position:absolute;top:107px;left:20px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#333333; } .tariffPagerBox.oneElement .slidercounter {left: 110px} .tariffPager .tariffBox, .devicePager .deviceBox, .devicePager2 .deviceBox { position:relative;width:78px;height:78px;border:1px solid #cccccc; } .tariffPager .tariffBox .txtBox, .tariffPager .tariffBox .txtBox p { position:absolute;top:14px;width:78px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:24px;font-weight:normal;text-align:center; } .tariffPager .tariffBox .txtBox p { top:0px;} .tariffPager .tariffBox .txtBox strong { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:24px;font-weight:normal; } .tariffPager .tariffBox .txtBox.cBlack { line-height: 44px; color:#000000; } .juleu .tariffPager .tariffBox .txtBox { position:relative;display:table;top:0;height:78px; } .juleu .tariffPager .tariffBox .txtBox p { position:relative;display:table-cell;vertical-align:middle; } .devicePager .deviceBox .imgBox, .devicePager2 .deviceBox .imgBox { position:relative;top:2px;text-align:center; } .devicePager .deviceBox .imgBox img, .devicePager2 .deviceBox .imgBox img { position:relative;width:55px; } .tariffBox .hatchures, .deviceBox .hatchures { position:absolute;top:0px;left:0px;width:78px;height:78px;background:url(//www.vodafone.de/images/v5/css/schraffur.png);display:none; } .hardwareOnly .tariffBox .hatchures, .simOnly .deviceBox .hatchures { display:block; } .deviceSlider .card .imgBox img { position:relative;width:110px; } .tariffSliderBox, .deviceSliderBox { position:relative;width:320px;height:500px; left:-10px; } .vvl .tariffSliderBox, .vvl .deviceSliderBox { height:470px; } .tariffSliderBox .bx-viewport, .deviceSliderBox .bx-viewport { height:500px !important; } .tariffSlider, .deviceSlider { position: relative; width: 320px; height: 380px; margin:0; } .card { position: absolute; width: 320px; height: 380px; top:50px; left:0px; font-size: 14px; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; z-index: 0 !important; } .vvl .card { height:360px; } .card.flipped .back { -webkit-transform: rotateY( 0deg ); -moz-transform: rotateY( 0deg ); -o-transform: rotateY( 0deg ); transform: rotateY( 0deg ); } .card.flipped .front { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card .front, .card .back { position: absolute; top:0px; left:0px; display: block; height: 400px; width: 320px; background-color:#ffffff; margin:0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .card .back { -webkit-transform: rotateY( -180deg ); -moz-transform: rotateY( -180deg ); -o-transform: rotateY( -180deg ); transform: rotateY( -180deg ); } .tariffCard, .deviceCard { position:absolute;top:10px;left:10px;width:298px;height:378px;border:1px solid #cccccc;box-shadow: 0 1px 2px #ccc; } .tariffCard .benefit { position:absolute;top:-10px;right:-9px; } .tariffCard .benefit:before { position: absolute;content: " ";width:0;height:0;top:12px;right:-8px;border-style:solid;border-left-color:#004d6a;border-width:8px;color:transparent; } .tariffCard .benefit span { position:relative;display:block;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;background-color:#007c92; } .tariffCard.redBenefit .benefit:before { border-left-color:#830000; } .tariffCard.redBenefit .benefit span { background-color:#e60000; } .tariffCard .turn, .deviceCard .turn { position:relative;width:235px;height:56px;padding:6px 45px 7px 18px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:45px;line-height:56px;font-weight:normal;cursor:pointer; background:#f4f4f4 url(//www.vodafone.de/images/v5/css/icon_rotate_b_20x20.png) no-repeat 260px 20px;overflow:hidden; } .juleu .tariffCard .turn { font-size:40px; } .juleu .tariffCard .turn span { display:none; } .deviceCard .turn { font-size:24px;line-height:24px;padding:14px 45px 0px 18px; } .tariffCard .turn strong { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-weight:normal; } .tariffCard .turn.cBlack strong { font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-weight:normal; } .tariffCard .turn span { font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-size:14px;font-weight:normal; } .tariffCard .turn.cBlack { color: #ffffff; font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif; background:#000000 url(//www.vodafone.de/images/v5/icon_rotate_front_20x20_black.png) no-repeat 260px 20px;} .card.mitZGR .tariffCard .turn .addTxt {font-size: 14px;} .back .tariffCard, .back .deviceCard { background-color:#f4f4f4; } .back .tariffCard .turn, .back .deviceCard .turn { background:#ffffff url(//www.vodafone.de/images/v5/css/icon_rotate_a_20x20.png) no-repeat 263px 23px; } .back .tariffCard .turn.cBlack { background:#000000 url(//www.vodafone.de/images/v5/icon_rotate_back_20x20_black.png) no-repeat 263px 23px;} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .tariffCard .turn, .deviceCard .turn { background:#f4f4f4 url(//www.vodafone.de/images/v5/css/icon_rotate_b_40x40.png) no-repeat 260px 20px;background-size:20px 20px; } .tariffCard .turn.cBlack { background-image: url(//www.vodafone.de/images/v5/icon_rotate_front_40x40_black.png); background-size:20px 20px;} .back .tariffCard .turn, .back .deviceCard .turn { background:#ffffff url(//www.vodafone.de/images/v5/css/icon_rotate_a_40x40.png) no-repeat 263px 23px;background-size:20px 20px; } .back .tariffCard .turn.cBlack { background-image: url(//www.vodafone.de/images/v5/icon_rotate_back_40x40_black.png); background-size:20px 20px;} } .tariffCard .features { position:relative;margin:12px 19px 0;padding-bottom:2px;border-bottom:1px solid #e3e3e3; } .tariffCard .aktion { position:relative;margin:20px 19px; } .tariffCard .aktion.zgr { display: none; } .tariffCard .aktion .title { position:relative;font-size:18px;font-weight:bold;color:#E60000;margin-bottom:23px; } .tariffCard .bulletpoint { position:relative;line-height:20px;margin-bottom:11px; } .tariffCard .dataflat { background:url(//www.vodafone.de/images/v5/icon_dataflat_20_20.png) no-repeat;padding-left:28px; } .tariffCard .phoneflat { background:url(//www.vodafone.de/images/v5/icon_phoneflat.png) no-repeat;padding-left:28px; } .tariffCard .smsflat { background:url(//www.vodafone.de/images/v5/icon_sms_20x20.png) no-repeat;padding-left:28px; } .tariffCard .vfflat { background:url(//www.vodafone.de/images/v5/css/icon-vodafone-flat_20x20.png) no-repeat;padding-left:28px; } .tariffCard .phonesms { background:url(//www.vodafone.de/images/v5/css/icon-telefon-sms-einheiten_20x20.png) no-repeat;padding-left:28px; } .tariffCard .hook { background:url(//www.vodafone.de/images/v5/icon_hook.png) no-repeat;padding-left:28px; } .tariffCard .plus { background:url(//www.vodafone.de/images/v5/css/icon_plus2.png) no-repeat;padding-left:28px; } .tariffCard .eurored { background:url(//www.vodafone.de/images/v5/css/icon-basisbefreiung-20x20.png) no-repeat;padding-left:28px; } .tariffCard .roaming { background:url(//www.vodafone.de/images/v5/icon-roaming-20x20.png) no-repeat;padding-left:28px; } .tariffCard .head { position:relative;font-size:18px;margin:20px 19px; } .tariffCard .travel { background:url(//www.vodafone.de/images/v5/icon_travel.png) no-repeat; } .tariffCard .entertainment { background:url(//www.vodafone.de/images/v5/icon_card_entertainment_40x40.png) no-repeat; } .tariffCard .q4promo { background:url(//www.vodafone.de/images/v5/icon_card_label_40x40.png) no-repeat; } .tariffCard .savings { background:url(//www.vodafone.de/images/v5/icon-sparen-40x40.png) no-repeat; } .tariffCard .arrow { background:url(//www.vodafone.de/images/v5/css/ic_arrow_20x20.png) no-repeat;padding-left:28px; } .tariffCard .pass { background:url(//www.vodafone.de/images/v5/icon-pass-40x40.png) no-repeat;padding-left:28px;background-size:20px 20px; } .tariffCard .share { background:url(//www.vodafone.de/images/v5/css/icon_share.png) no-repeat; } .tariffCard .tv { background:url(//www.vodafone.de/images/v5/css/icon_TV-HD.png) no-repeat; } .tariffCard .phoneflatR30 { background:url(//www.vodafone.de/images/v5/icon-phoneflat-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; } .tariffCard .internetflatR30 { background:url(//www.vodafone.de/images/v5/icon-internetflat-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; } .tariffCard .tvflatR30 { background:url(//www.vodafone.de/images/v5/css/icon-TVflat-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; } .tariffCard .smartphoneR30 { background:url(//www.vodafone.de/images/v5/css/icon-smartphone-40x40.png) no-repeat;background-size:20px 20px;padding-left:28px; } /* DISCOUNTS */ .benefit-privatepricing, .bulletpoint-pp { display: none; } .tariffCard .package { position:relative;margin:17px 19px;padding:0 0 15px 59px;border-bottom:1px solid #e3e3e3;line-height:18px; } .tariffCard .package.none { border: none; padding-left: 0;} .tariffCard .package .title { position:relative;font-size:18px;margin-bottom:10px; } .tariffCard .vfmodal-trigger, .tariffCard .mobile, .deviceCard .deviceDetailLink, .deviceCard .mobile { position:absolute;bottom:17px;right:19px; } .tariffCard .mobile {display: none;} /* Special VVL */ .aruba.bnt .tariffCard .check, .aruba.bnt .deviceCard .check, .aruba.vvl .tariffCard .check, .aruba.vvl .deviceCard .check { display: none;} .aruba.blackTariff .deviceCard .check { display: none;} .tariffCard .check, .deviceCard .check { position:absolute;top:340px;left:-1px;padding:10px 0 9px 20px;width:280px;background-color:#E60000; } .tariffCard .check .checkBox, .deviceCard .check .checkBox { height:20px;font-size:14px;line-height:20px;font-weight:bold;color:#ffffff;background: url(//www.vodafone.de/images/v5/aruba_check_checkbox.png) no-repeat scroll left top; } .tariffCard .checkBox.active, .deviceCard .checkBox.active { background-position:left bottom; } .tariffCard .checkBox.active .active {display: block;} /* ausgewählt */ .tariffCard .checkBox.active .notactive {display: none;} /* auswählen */ .tariffCard .checkBox .active {display: none;} .tariffCard .checkBox .notactive {display: block;} .deviceCard .checkBox.active .active {display: block;} .deviceCard .checkBox.active .notactive {display: none;} .deviceCard .checkBox .active {display: none;} .deviceCard .checkBox .notactive {display: block;} .tariffCard .hatchures, .deviceCard .hatchures { position:absolute;top:0px;left:0px;width:298px;height:340px;background:url(//www.vodafone.de/images/v5/css/schraffur.png);display:none;z-index:1; } .hardwareOnly .tariffCard .check { background-color:#949494; } .hardwareOnly .tariffCard .hatchures { display:block; } .speedBucket .back .tariffCard .turn:after { position:absolute;top:318px;left:0px;content:" ";width:298px;height:60px;background:#ffffff url(//www.vodafone.de/images/v5/css/icon_auto_speed_bucket.png) no-repeat 252px 0; } .speedBucket .tariffCard .vfmodal-trigger { right:39px; } /* deviceCard */ .deviceCard .imgBox { position:absolute;top:90px;left:10px; } .deviceCard .txtBox { position:absolute;top:90px;left:130px;width:148px;padding-top:2px; } .deviceCard .txtBox .pr-stars { position:relative;width:83px;height:15px;margin-bottom:20px;background:url(//www.vodafone.de/images/v5/stars_small_gold.gif) no-repeat; } .deviceCard .txtBox ul { position:relative;padding-left:10px;line-height:18px; } .deviceCard .txtBox ul li { position:relative;padding-bottom:6px; } .deviceCard .txtBox .delivery { position:relative;font-size:12px; } .deviceCard .txtBox .delivery img { display: none;} .deviceCard .txtBox .delivery.warning { width:130px;color: #e60000;background:none;border:0; } .deviceCard .txtBox .delivery.warning img { position:absolute;display:inline;right:-20px;top:-3px; } /* Tooltipp Delivery Warning */ .delTooltipp { display: none;} .tooltipp.DELspecial:before { top:100%;left:93%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; } .tooltipp.DELspecial:after { top:100%;left:93%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; } .tooltipp.DELspecial .wrap:after { top:100%;left:93%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .tooltipp.DELspecial { position:absolute;bottom:48px;left:-91px;width:238px;z-index:10;color:#333333; } .tooltipp.DELspecial .body { padding:10px 15px; } .tooltipp.DELspecial h2 { font-family:Arial,Helvetica,sans-serif;left:0px;font-size:1.38em;line-height:22px;padding-bottom: 10px; } .tooltipp.DELspecial .closeButton { display:none; } .accessorySlider .tooltipp.DELspecial:before { left:8%; } .accessorySlider .tooltipp.DELspecial:after { left:8%; } .accessorySlider .tooltipp.DELspecial .wrap:after { left:8%; } .accessorySlider .tooltipp.DELspecial { position:absolute;bottom:38px;left:-2px;width:152px;z-index:10; } .accessorySlider .tooltipp.DELspecial .body { padding:8px 6px; } .deviceCard .insuranceBox, .deviceCard .buttonBox { position:absolute;top:270px;left:19px;width:280px;border-top:1px solid #e3e3e3;padding-top:14px; } .deviceCard .buttonBox.empty { border-top:none; border-bottom:1px solid #e3e3e3; padding-top:23px;} .deviceCard .buttonBox.empty a { visibility: hidden;} .deviceCard .insuranceBox .checkBox { line-height:22px;overflow:hidden; } .deviceCard .insuranceBox .vfmodal-trigger { position:relative;display:block;bottom:auto;right:auto;padding:2px 0 0 30px; } .deviceCard .insuranceBox .mobile, .aruba.hardwareOnly .deviceCard .insuranceBox { display:none;} /* Handy Insurance Promo Special */ .deviceCard .insuranceBox .insuranceCheckboxSpecial {display:none;} .deviceCard .insuranceBox .insuranceCheckbox {display:block;} .deviceCard.specialHI .insuranceBox .insuranceCheckboxSpecial {display:block;} .deviceCard.specialHI .insuranceBox .insuranceCheckbox {display:none;} .deviceCard .buttonBox .vfmodal-trigger { position:relative;bottom:auto;right:auto; } .deviceCard .buttonBox .buttonBig { float:right; } .deviceCard .buttonBox .secondary { padding: 10px 20px 11px 40px;background:url(//www.vodafone.de/images/v5/3d.png) 10px 6px #ffffff no-repeat; } .deviceCard .buttonBox .secondary:hover, .deviceCard .buttonBox .secondary:focus { background:url(//www.vodafone.de/images/v5/3d.png) 10px 6px #f4f4f4 no-repeat; } .simOnly .deviceCard .check { background-color:#949494; } .simOnly .deviceCard .hatchures { display:block; } .stickyBarWrapper { position:relative;padding-top:26px; } #stickybar { position:relative; } /**** callya ****/ .aruba.callya { margin:0 0 10px 6px; } .callya .teaserBox { position:relative;width:762px; } .aruba.callya .subHeadline { position:absolute;top:16px;left:0px;font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-size:30px;font-weight:normal; } .callya .tariffPagerBox { display:none; } .callya .tariffPager .tariffBox .txtBox, .callya .tariffPager .tariffBox .txtBox p { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:16px;line-height:17px;letter-spacing:-0.03em;color:#333333; } .callya .tariffPager .tariffBox .txtBox strong { font-size:16px; } .callya .tariff { width:760px;back!ground-color:rgba(0,255,255,0.2); } .callya .tariffSliderBox { width:774px;height:680px;left:-8px;back!ground-color:rgba(255,0,255,0.2); } .callya .tariffSliderBox .bx-viewport { height:680px !important; } .callya .tariffSlider { height:650px;back!ground-color:rgba(255,0,255,0.2); } .callya .bx-controls { top:0px;left:0px;right:auto;width:640px; } .callya a.bx-prev, .callya a.bx-prev:active, .callya a.bx-prev:focus, .callya a.bx-prev:link { left:-50px;top:280px;width:38px;height:122px; background:url(//www.vodafone.de/images/v5/cc_slider_arrows.png) no-repeat; background-position:-28px -25px; } .callya a.bx-prev:hover { background-position:-28px -161px; } .callya a.bx-next, .callya a.bx-next:active, .callya a.bx-next:focus, .callya a.bx-next:link { left:auto;right:-50px;top:280px;width:38px;height:122px; background:url(//www.vodafone.de/images/v5/cc_slider_arrows.png) no-repeat; background-position:-103px -25px; } .callya a.bx-next:hover { background-position:-103px -161px; } .callya .card { height:600px; } .callya .card .front, .callya .card .back { height:600px; } .callya .tariffCard .turn { font-size:16px;line-height:26px;color:#333333; } .callya .tariffCard .turn strong { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:26px;font-weight:normal; } .callya .tariffCard .turn span { display:block;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:30px; } .callya .tariffCard .features { min-height:154px;margin:20px 19px 0;padding-bottom:6px; } .callya .tariffCard .bulletpoint sup { line-height:10px; } .callya .tariffCard .aktion { margin:15px 19px;min-height:160px; } .callya .tariffCard .package.none { border-bottom:1px solid #e3e3e3;padding-left: 0;min-height:425px; } .callya .tariffCard .package .title { font-size:16px; } .callya .tariffCard { height:615px; } .callya .tariffCard .check { display:none; } .callya .tariffCard .buttonBox { position:relative;margin:0 20px; } .callya .tariffCard .buttonBox .buttonBig { width:215px;font-size:16px;position:relative;bottom:auto;right:auto; } .callya .tariffCard .priceBox { position:relative;margin:0 20px 20px;padding-top:25px;border-top:1px solid #e3e3e3; } .callya .tariffCard .priceBox .price { font-size:32px;font-weight:bold; } .callya .tariffCard .priceBox .strikePrice { font-weight:bold; } .callya .tariffCard a.tDetails { position:relative;display:block;margin:0 20px 20px; } .callya .tariffCard .productInfoLink { margin: 0 15px; position:relative; margin: 0 20px 20px; padding-top: 5px; } .callya .tariffCard .productInfoLink .link1a{ background-image: url(/simplicity/svgdefs.svg#i-arrow-right-sml-grey); background-size: 16px 16px; background-repeat: no-repeat; padding-left: 17px; } @media only screen and (min-width: 767px) { .callya .teaserBox { background-image:none !important; } .callya .card .front, .callya .card .back { width:258px; } .callya .tariffCard { width:240px;left:8px; } .callya .tariffCard .turn { width:177px;background-position:206px 12px; } .callya .tariffCard .buttonBox { margin:0 13px; } .callya .tariffCard .buttonBox .buttonBig { width:200px;padding: 10px 6px 11px; } } @media only screen and (max-width: 767px) { .aruba.callya { margin:0 0 10px 0; } .callya .teaserBox { width:300px;height:141px;margin:0 10px 20px;background-color:#cccccc;background-size:300px 141px; } .callya .teaserBox img { display:none; } .callya .tariffPagerBox { display:block; } .aruba.callya .subHeadline { position:relative;top:auto;font-size:24px;line-height:28px; } .callya .tariff { width:300px; } .callya .tariffSliderBox { width:320px;left:-10px; } } /***** q4promo ******/ .q4promo { } .q4promo .subHead { position:relative;margin:0 0px 30px 0px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:36px;font-weight:normal;padding:16px 0 0 10px;border-top:1px solid #cccccc; } .q4promo .devicePagerBox { display:none; } .q4promo .device, .q4promo .device2 { width:760px; } .q4promo .deviceSliderBox { width:700px;height:510px;left:60px; } .q4promo .device2 .deviceSliderBox { height:550px; } .q4promo .deviceSliderBox .bx-viewport { height:540px !important; } .q4promo .deviceSlider, .q4promo .deviceSlider2 { height:650px; } .q4promo .bx-controls { top:0px;left:0px;right:auto;width:640px; } .q4promo .deviceSliderBox a.bx-prev, .q4promo .deviceSliderBox a.bx-prev:active, .q4promo .deviceSliderBox a.bx-prev:focus, .q4promo .deviceSliderBox a.bx-prev:link { left:-56px;top:140px;width:40px;height:52px; background:url(//www.vodafone.de/images/v5/prev_grey.png) no-repeat; } .q4promo .deviceSliderBox a.bx-next, .q4promo .deviceSliderBox a.bx-next:active, .q4promo .deviceSliderBox a.bx-next:focus, .q4promo .deviceSliderBox a.bx-next:link { left:auto;right:-56px;top:140px;width:40px;height:52px; background:url(//www.vodafone.de/images/v5/next_grey.png) no-repeat; } .q4promo .phoneContainer { } .q4promo .phoneBox { position:relative;background:#ffffff;width:150px; } .q4promo .device2 .phoneBox { width:170px; } .q4promo .phoneBox .imgBox { position:relative;padding-top:20px; } .q4promo .phoneBox .imgBox img { position:relative;width:136px;left:-22px; } .q4promo .device2 .phoneBox .imgBox img { position:relative;width:170px;left:-28px; } .q4promo .phoneBox .txtBox { position:relative; } .q4promo .phoneBox .txtBox h3 { font-size:14px;font-weight:normal;margin:5px 3px 0;min-height:34px; } .q4promo .phoneBox .priceBox { position:relative;margin:0 3px 15px;padding-top:6px;font-size:14px;line-height:18px; } .q4promo .phoneBox .priceBox .price { font-size:28px;line-height:30px;font-weight:bold; } .q4promo .phoneBox .priceBox .spacer { position:relative;height:5px; } .q4promo .buttonBig { position:relative;left:3px; } .q4promo .phoneBox .benefit { position:absolute;top:0px;right:30px;width:66px;height:66px;background-color:#e60000;border-radius:33px;display:none; } .q4promo .phoneBox.q1promo .benefit { display:block; } .q4promo .phoneBox .deviceStrikePrice { display:none; } .q4promo .phoneBox .nonDeviceStrikePrice { display:block; } .q4promo .phoneBox.q1promo .nonDeviceStrikePrice { display:none; } .q4promo .phoneBox.q1promo .deviceStrikePrice { display:block; } .q4promo .phoneBox .benefit span { position:relative;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;text-align:center; } .q4promo .phoneBox .benefit span.webVersion { display:block;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:12px;line-height:14px;font-weight:normal;padding:16px 0 0; } @media only screen and (max-width: 767px) { .aruba.q4promo { margin:0 0 10px 0; } .q4promo .subHead { margin:0 0px 0px 0px;font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:28px;padding:16px 0 0 0px;border-top:0; } .q4promo .device, .q4promo .device2 { width:300px; } .q4promo .devicePagerBox { display:block;margin-bottom:40px; } .q4promo .deviceSliderBox, .q4promo .device2 .deviceSliderBox { height:320px;left:-2px;width:310px; } .q4promo .deviceSliderBox .bx-viewport { height: 322px !important; } .q4promo .deviceSlider, .q4promo .deviceSlider2 { height:350px; } .q4promo .phoneBox, .q4promo .device2 .phoneBox { margin:10px 2px 0;width:298px;height:310px;border:1px solid #cccccc;box-shadow: 0 1px 2px #ccc; } .q4promo .phoneBox .imgBox { position:relative;top:80px;left:10px;padding-top:0; } .q4promo .phoneBox .imgBox img, .q4promo .device2 .phoneBox .imgBox img { position:relative;width:120px;left:-5px; } .q4promo .phoneBox .txtBox { position:absolute;top:0px;left:0px; } .q4promo .phoneBox .txtBox h3 { position:relative;width:235px;height:56px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:24px;font-weight:normal;padding:14px 45px 1px 18px;margin:0;background-color:#f4f4f4; } .q4promo .phoneBox .priceBox { position:relative;margin:0 0 0 130px; } .q4promo .phoneBox .priceBox br.nowrap { display:none; } .q4promo .phoneBox .buttonBig { position:absolute;top:250px;left:20px;width:216px;padding: 10px 20px 11px;font-size:16px; } .q4promo .phoneBox .benefit { position:absolute;top:-10px;right:-9px;width:auto;height:auto; } .q4promo .phoneBox .benefit:before { position: absolute;content: " ";width:0;height:0;top:12px;right:-8px;border-style:solid;border-left-color:#830000;border-width:8px;color:transparent; } .q4promo .phoneBox .benefit span { position:relative;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;background-color:#e60000; } .q4promo .phoneBox .benefit span.webVersion { display:none; } } /***** q2Promo ******/ .callya.q2promo2015 .teaserBox { display:none; } .callya.q2promo2015 .tariffCard .turn { font-size:44px;line-height:56px;color:#333333; } .callya.q2promo2015 .tariffCard .turn strong { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:44px;font-weight:normal; } .callya.q2promo2015 .tariffCard .turn span { display:inline;font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-size:15px; } .callya.q2promo2015 .tariffCard .turn span:before { content:" "; } .callya.q2promo2015 .tariffCard .turn.cRed { color:#e60000; } .callya.q2promo2015 .tariffCard .saving { position:relative;margin:0; padding:10px 0px 10px 19px;background-color:#f4f8f0;cursor:pointer; } .callya.q2promo2015 .tariffCard .saving .bulletpoint { margin-bottom: 0; } .callya.q2promo2015 .tariffCard .saving .bulletpoint p { font-weight:bold;color:#427D00; } .tariffCard .euro { background:url(//www.vodafone.de/images/v5/css/icon_euro.png) no-repeat;padding-left:28px; } .callya.q2promo2015 .tariffCard .priceBox { border-top:0;min-height:42px;margin:0 20px 15px; } .callya.q2promo2015 .tariffCard .priceBox p { line-height:21px } .callya.q2promo2015 .tariffPager .tariffBox .txtBox, .callya.q2promo2015 .tariffPager .tariffBox .txtBox p { font-size:24px;line-height:24px;letter-spacing:-0.03em; } .callya.q2promo2015 .tariffPager .tariffBox .txtBox strong { font-size:24px; } .callya.q2promo2015 .tariffCard .features { min-height: 82px; } .callya.q2promo2015 .tariffCard .aktion { min-height: 195px; } .callya.q2promo2015 .tariffCard .aktion .title { margin-bottom: 18px; } .callya.q2promo2015 .back .tariffCard .packageGroup { display:none; } .callya.q2promo2015 .back .tariffCard .aktion { margin: 15px 19px;min-height:193px;padding-bottom: 6px; } .callya.q2promo2015 .back .tariffCard .line { position:relative;height:164px;margin: 20px 19px 0;border-bottom: 1px solid #e3e3e3; } .callya.q2promo2015 .tariffPagerBox .bxSliderButton a { background: rgba(0, 0, 0, 0) url("//www.vodafone.de/images/v5/aruba_slider_arrows.png") repeat scroll left bottom; height: 20px; left: 0; position: relative; top: 0; width: 11px; } .callya.q2promo2015 .tariffPagerBox .bxSliderButton a.bx-next { background-position: right bottom; } @media only screen and (min-width: 767px) { .callya.q2promo2015 .tariff { margin-top:-45px; } .callya.q2promo2015 .tariffCard .turn { width:184px;padding: 6px 38px 7px 18px; } } /***** mbb *****/ .mbb .tariff { padding-top:51px; } .aruba .cData { color:#007c92; } .mbb .tariffCard .benefit:before { border-left-color:#830000; } .mbb .tariffCard .benefit span { background-color:#e60000; } .tariffCard .mbbdataflat { background:url(//www.vodafone.de/images/v5/css/info_icon_dataflat_20x20.png) no-repeat;padding-left:28px; } .tariffCard .mbbdatavolume { background:url(//www.vodafone.de/images/v5/css/info_icon_datavolume_20x20.png) no-repeat;padding-left:28px; } .tariffCard .mbbhighspeed { background:url(//www.vodafone.de/images/v5/css/info_icon_highspeed_20x20.png) no-repeat;padding-left:28px; } .mbb .tariffCard .aktion .title { color:#007c92; } .mbb .tariffCard .entertainment { background:url(//www.vodafone.de/images/v5/icon_mbb_entertainment_40x40.png) no-repeat; } .mbb .deviceCard .hatchures { background-color:#ffffff;z-index:5; } .mbb .device .mask { background-color:transparent;opacity:1;filter:alpha(opacity=100); } .mbb .device .mask .bgLayer { position:relative;width:100%;height:100%;background-color:#ffffff;opacity:0.5;filter:alpha(opacity=50); } .mbb .device .mask .stickyStick { position:absolute;top:196px;left:22px;width:260px;text-align:center;font-size:16px;line-height:20px;opacity:1.0;filter:alpha(opacity=100); } .mbb .device .mask .stickyStick img { position:relative;display:block;margin:0 auto 30px; } /***** nba *****/ .nbaBoxWrapper { position:relative;margin-bottom:20px; } .welcomeBox { position:relative;line-height:20px;margin-bottom:20px; } .welcomeText { position:relative;padding-right:75px;min-height:100px; } .welcomeText ul { margin-left: 20px; } .gold .welcomeText { background:url(//www.vodafone.de/images/v5/css/vvl_badge_gold_70x70.png) no-repeat right top; } .platinum .welcomeText { background:url(//www.vodafone.de/images/v5/css/vvl_badge_platin_70x70.png) no-repeat right top; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .gold .welcomeText { background:url(//www.vodafone.de/images/v5/css/vvl_badge_gold_140x140.png) no-repeat right top;background-size:70px 70px; } .platinum .welcomeText { background:url(//www.vodafone.de/images/v5/css/vvl_badge_platin_140x140.png) no-repeat right top;background-size:70px 70px; } } .welcomeBox h3, .tarifDetails h3 { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;font-weight:normal;margin-bottom:10px; } .tarifDetails { position:relative;line-height:20px;border-left:1px solid #e3e3e3;padding-left:20px;margin-bottom:20px; } .tarifDetails .txtBox { position:relative; } .tarifDetails .txtBoxText { position:relative; } .tarifDetails .gradient { position:relative;display:none; } .tarifDetails .txtBox .left { position:relative;width:125px;float:left; } .tarifDetails .txtBox .right { position:relative;width:155px;float:left;font-weight:bold; } .tarifDetails .txtBox .right a { font-weight:normal; } .nbaBox { position:relative;height:460px;border:1px solid #cccccc;box-shadow: 0 1px 2px #ccc;margin-bottom:40px; } .nbaBox .tariff { width:313px;height:460px;float:left;border-right:1px solid #e3e3e3; } .nbaBox .device { width:313px;height:460px;float:left; } .nbaBox .card { position:relative;top:0px;width:313px;height:384px; } .nbaBox .card .imgBox img { position:relative;width:110px; } .nbaBox .card .front, .nbaBox .card .back { width:313px;height:384px; } .nbaBox .tariffCard, .nbaBox .deviceCard { border: 0; box-shadow: none; height: 384px; left: 0px; top: 0px; width: 313px; } .nbaBox .tariffCard .benefit, .nbaBox .deviceCard .benefit { display:none; } .nbaBox .tariffCard .turn, .nbaBox .deviceCard .turn { width:250px;background-image:none;cursor:default; } .nbaBox .tariffCard .turn { border-right:1px solid #ffffff; } .nbaBox .deviceCard .turn { height:69px; } .nbaBox .deviceCard .turn { padding: 0px 45px 0px 18px; } .nbaBox .deviceCard .turn .turntext { position:absolute;bottom:15px;width:275px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif; } .nbaBox .tariffCard .features { height:91px;padding-bottom: 37px; } .nbaBox .tariffCard .check { display:none; } .nbaBox .deviceCard .deviceDetailLink { right:auto;bottom:-18px; } .nbaBox .deviceCard .txtBox .pr-stars { left:-4px; } .nbaBox .deviceCard .txtBox ul { padding-left:12px; } .nbaBox .deviceCard .insuranceBox { top:311px;width:273px; } .nbaBox .card .back { -webkit-transform: rotateY( 0 ); -moz-transform: rotateY( 0 ); -o-transform: rotateY( 0 ); transform: rotateY( 0 ); } .nbaBox .card .back { top:187px;left:47px;width:266px;height:16px;background-color:transparent;z-index:1; } .nbaBox .card .back .tariffCard { height:16px;width:266px;background-color:transparent; } .nbaBox .card .back .tariffCard .turn, .nbaBox .card .back .tariffCard .head, .nbaBox .card .back .tariffCard .package { display:none; } .nbaBox .card .back .tariffCard .vfmodal-trigger, .nbaBox .card .back .tariffCard .mobile { position: relative;bottom: auto;right: auto; } .nbaBox .card.twoFeatures .back .tariffCard .vfmodal-trigger, .nbaBox .card.twoFeatures .back .tariffCard .mobile { position: absolute; bottom: 25px; right: auto; } div.divContent5Col { overflow:visible; } .nbaBox .benefit { position:absolute;top:-20px;left:-9px;z-index:1; } .nbaBox .benefit:before { position: absolute;content: " ";width:0;height:0;top:18px;left:-8px;border-style:solid;border-right-color:#640000;border-width:8px;color:transparent; } .nbaBox .benefit span { position:relative;display:block;font-size:14px;line-height:26px;font-weight:bold;color:#ffffff;padding:0 12px;background-color:#e60000; } .aruba.vvl .nbaBox .tariffPrice .fullPrice, .aruba.vvl .nbaBox .tariffPrice .footnote {display: none;} .nba .priceBox { position:absolute;top:382px;left:0; } .nba .tariffPrice, .nba .devicePrice { position:relative;width:273px;margin:0 20px;float:left;padding-top:20px;border-top:1px solid #e3e3e3;line-height:20px; } .nba .priceBox .price { font-size:28px;font-weight:bold; } .nba .priceBox .tournus { font-weight:bold;padding-left:5px; } .nbaBox.priceBox .specialStatus {display:none;} .aruba.gold .nbaBox.priceBox .specialStatus , .aruba.platinum .nbaBox.priceBox .specialStatus {display:block;} .alertBox { position:relative;border:1px solid #ff5400;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background:#fff5f0 url(//www.vodafone.de/images/v5/css/icon_alert.png) no-repeat 20px 15px;line-height:18px; } .alertBox .headline { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; } .alertBox ul { position:relative;padding:10px 0 0 12px; } .errorBox { position:relative;border:1px solid #f10000;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background:#fef0f0 url(//www.vodafone.de/images/v5/icon_error_red_20x20.png) no-repeat 20px 15px;line-height:18px; } .errorBox .headline { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; } .errorBox ul { position:relative;padding:10px 0 0 12px; } .noErrorBox { position:relative;border:1px solid #428600;border-radius:5px;margin:0 22px 30px 3px;padding:16px 16px 16px 60px;background: #f4f8f0 url(//www.vodafone.de/images/v5/icon_valid_green_20x20.png) no-repeat 20px 15px;line-height:18px; } .noErrorBox .headline { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; } .noErrorBox ul { position:relative;padding:10px 0 0 12px; } .w-66 .alertBox, .w-66 .noErrorBox, .w-66 .errorBox { margin:0 0px 30px 0px; } .cancelButton { position:relative;height:50px; } .cancelButton .buttonBig { position:relative;margin:-10px 23px 0 0 !important;float:right; } .stickyBarWrapper .alertBox { margin:16px 0px 15px -1px; } .ctaContainer { position:absolute;top:507px;left:3px;width:629px;border-top:1px solid #e3e3e3;padding-top:30px; } .ctaContainerSpacer { position:relative;padding-top:30px; } .ctaContainerSpacer { display:none; } .aruba.vvl .ctaContainerSpacer { display:block;} .ctaBox { position:relative;float:left;margin-left:50px;margin-bottom:20px;line-height:20px; } .ctaBox:first-child { margin-left:0; } .ctaBox .headline { position:relative;font-weight:bold;margin-bottom:10px; } .ctaBox .alertBox { margin: 0 0 15px 0;padding:16px 30px 16px 60px; } .ctaBox .buttonBig { width:224px;margin-top:16px; } .ctaContainer.col1 .ctaBox {width:600px;} .ctaContainer.col2 .ctaBox {width:285px;} .slotMachine .ctaContainer { top:627px; } /***** Preismodul **********/ .redSummary {position: relative; width: 300px; float:left; } .connectMore .redSummary {margin:10px 0 2px; } .redSummaryAlert {display:none;} /* normale Infobox */ .redSummary .redSummaryInfo {background-color: #F4F4F4; font-size: 14px; line-height: 18px; height: 50px; padding: 20px 0 0 20px;} .redSummary .redSummaryInfo .highlight {color:#e60000; font-weight: 700; padding-bottom: 4px;} .mbb .redSummary .redSummaryInfo .highlight {color:#007c92; } /* linkout */ .redSummary .redSummaryLinkOut .highlight {color:#e60000; font-weight: 700; padding: 20px 0px 15px 0px;} .mbb .redSummary .redSummaryLinkOut .highlight {color:#007c92; } .redSummary .redSummaryBox {position: relative;} .redSummary .orderBox {margin-top:20px;} .redSummary .orderBox .aButton {width:127px;} .redSummary .spacer12 {float: left; height: 12px; position: relative; width: 277px;} .redSummary .spacer20 {float: left; height: 20px; position: relative; width: 277px;} .redSummary h2, .redSummary .h2 {padding-bottom: 12px; font-size: 24px;} .redSummary h5, .redSummary .h5 {padding-bottom: 12px;} .redSummary .line {position: relative; background-color: #cccccc; float: left; font-size: 1px; height: 1px;width: 260px;} .redSummaryPriceBox { padding: 0px 20px 0px 20px; font-size: 14px; line-height: 18px;} .slotMachine .redSummaryPriceBox { min-height: 468px; } .redSummaryPriceBox .textBox.monthly { position:relative;padding-bottom:45px; } .hardwareOnly .redSummaryPriceBox .textBox.monthly { padding-bottom:15px; } .redSummaryPriceBox .left { position: relative; float: left; width: 180px; } .redSummaryPriceBox .left.total { width:165px;font-weight: 700; } .redSummaryPriceBox .q1p2Promo .left.total { width:180px;} .redSummaryPriceBox .right { position: relative; float: left; text-align: right;width: 75px; font-weight: 700; } .redSummaryPriceBox .right.total { width:90px;font-size:18px; } .redSummaryPriceBox .right.colored { color: #427D00;} .redSummaryPriceBox .runtime { position:absolute;bottom:15px;font-size:12px; } .redSummaryPriceBox .fm-select { margin-bottom: 0px;} .redSummaryPriceBox .both { width:255px;padding-top:10px; } .redSummaryPriceBox #monthlyCosts:after { content:'';display:table;clear:both; } .shipping { position:relative;padding-bottom:60px; } .shipping-content .head { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:35px;font-weight:normal;color:#333333;padding-bottom:15px; } .shipping-content p { position:relative;font-size:14px;line-height:18px; } .hardwareOnly .redSummaryPriceBox .tariffPromo { display: none; } .redSummaryPriceBox .gold {display:none;} .redSummaryPriceBox .platinum {display:none;} .aruba.gold .redSummaryPriceBox .gold {display:block;} .aruba.platinum .redSummaryPriceBox .platinum {display:block;} .redSummary.noPrice .redSummaryInfo, .redSummary.noPrice .redSummaryPriceBox {display: none;} .redSummary.noPrice .redSummaryAlert {display: block;} /* q1promo */ .redSummaryPriceBox.q1promo #costsDevice { margin:10px -10px 0;padding:12px 10px 10px;background-color: #f4f8f0; } .redSummaryPriceBox .q1promoHead { display:none;font-weight:700; } .redSummaryPriceBox.q1promo .q1promoHead { display:block; } .redSummaryPriceBox.q1promo #deviceOnce { color:#427d00; } .redSummaryPriceBox .q1promoTxt { position:relative;display:none;float:left;width:165px;font-weight:700; } .redSummaryPriceBox.q1promo .q1promoTxt { display:block; } .redSummaryPriceBox .q1promoStrike { position:relative;display:none;float:left;width:90px;text-align:right; } .redSummaryPriceBox.q1promo .q1promoStrike { display:block; } .redSummaryPriceBox.q1promo .gold { position:relative;float:left;width: 180px; margin-top:10px;} .redSummaryPriceBox .goldDiscount { position:relative;display:none;float:left;width:75px;text-align:right; } .redSummaryPriceBox .q1Footnote { display:none;} .redSummaryPriceBox.q1promo .q1Footnote { display:block; bottom: 24px; font-size: 12px; position: absolute;} .redSummaryPriceBox.q1promo .runtime { bottom: 10px; } .aruba.gold .redSummaryPriceBox.q1promo .goldDiscount { display:block;font-weight:700;color:#427d00; margin-top: 10px;} .alertBox.q1promoPlatin { display: none; margin: 0px; } .redSummaryPriceBox.q1promo.q1promoPlatin .q1promoTxt { display:none; } .redSummaryPriceBox.q1promo.q1promoPlatin .q1promoStrike { display:none; } .redSummaryPriceBox.q1promo.q1promoPlatin .q1Footnote { display:none; } /* Linkouts */ .ols.vvl .redSummaryLinkOut { display:none; } /* in VVL initial unsichtbar */ .redSummaryLinkOut { position:relative;background-color:#f4f4f4;padding:0 0 10px 20px; } .divLinkout { position:relative;padding-left:10px;margin:0 20px 10px 0; background: #E6E6E6 url(//www.vodafone.de/images/v5/linkout-arrow-28x28.png) no-repeat 244px 8px;background-size:14px 14px; } .divLinkout a { position:relative;display:block;text-decoration:none;line-height:30px;padding-left:30px; } .divSohoLink a { background:url(//www.vodafone.de/images/v5/icon-geschaeftskunden-40x40.png) no-repeat 0px 5px;background-size:20px 20px; } .divJuLeuLink a { background:url(//www.vodafone.de/images/v5/icon-junge-leute-40x40.png) no-repeat 0px 5px;background-size:20px 20px; } .divConsumerLink a { background:url(//www.vodafone.de/images/v5/icon-consumer-40x40.png) no-repeat 0px 5px;background-size:20px 20px; } .divFuFLink a { background:url(//www.vodafone.de/images/v5/icon-fuf-40x40.png) no-repeat 0px 5px;background-size:20px 20px; } .divLinkout .tooltipp { position:absolute;bottom:45px;left:-10px;width:229px;z-index:2;} .divLinkout .tooltipp .tooltippSohoLink { top:-112px;} .divLinkout .tooltipp .tooltippJuLeuLink { top:-171px;} .divLinkout .tooltipp:before { top:100%;left:11%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; } .divLinkout .tooltipp:after { top:100%;left:11%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; } .divLinkout .tooltipp .wrap:after { top:100%;left:11%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .divLinkout .tooltipp .body { padding:10px 15px; } .divLinkout .tooltipp.h2 { font-family:Arial,Helvetica,sans-serif;left:0px;font-size:1.38em;line-height:22px;padding-bottom: 10px; } /* Q1 - Teil 2 - Promo */ .redSummaryPriceBox.q1p2Promo .runtime {bottom: -9px;} .redSummaryPriceBox.q1p2Promo .runtime .left {left: 0px;} .orderBox { position:relative;margin-top:13px;left:-1px;min-height:48px; } .vvl .orderBox { min-height:62px; } .orderBoxTop { position:absolute;top:4px;left:2px;width:303px;z-index:1; } .connectMore .orderBox { margin-top:0; } .connectMore .stickyBarWrapper .orderBox { margin-top:13px;padding-bottom:11px; } .orderBox .buttonBox { display: none;} .orderBox .buttonBox .buttonBig { width: 147px; margin-right: 0px; float:right; padding:12px 0 11px;font-size:12px; } .nba .orderBox .buttonBox .buttonBig { width:300px; } .orderBox .buttonBox .cmVvlButton { margin-right: 4px;} .orderBox.noPrice .buttonBox { display:none !important; } .hardware .orderBox .buttonBox .cmVvlButton, .simOnly .orderBox .buttonBox .cmVvlButton { display: none;} .hardwareOnly .redSummaryInfo { display: none !important;} .hardwareOnly .costsDiscountSelect { display: none !important;} .slotMachine.hardwareOnly .redSummaryPriceBox { min-height: 538px; } .bgGreen { margin:0 -10px;padding:0 10px 10px;background-color:#ffffff; -webkit-transition:background 1s; -moz-transition:background 1s; -o-transition:background 1s; transition:background 1s; } .bgGreen.pulse { background-color:#f4f8f0; } #costsRebates .spacer12 { left:-10px;width:280px;border-top:10px solid #ffffff; } .aruba.nba .redSummary { margin-top:0; } /* ArubaHero */ .arubaHero { position:relative;margin:0 21px 25px 3px;border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #ccc; } .arubaHero h2 { position:relative;padding:20px; } .arubaHero .colContainer { position:relative;background:url(//www.vodafone.de/images/v5/css/aruba_hero_bg.png) repeat-y;margin-bottom:40px; } .arubaHero .colBox { position:relative;width:33.3333%;line-height:18px;float:left;padding:0 15px 0 30px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .arubaImgHero { position:relative;width:629px;height:280px;margin:0 0 25px 0;border:0;border-radius:0;box-shadow:none; } .arubaImgHero .txtBox { position:absolute;top:105px;left:410px;width:205px;height:165px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:20px;line-height:24px; } .arubaImgHero .txtBox .headline { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:28px;font-weight:normal;margin-bottom:10px; } .arubaImgHero .txtBox .footnote { position:absolute;bottom:0px;font-size:12px; } .arubaBaseTxt { position:relative;margin-bottom:20px; } /* Accordions */ .arubaAcco { position:relative;margin-bottom:20px;border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #ccc;background:url(//www.vodafone.de/images/v5/css/acco_down.png) no-repeat 582px 38px; } .arubaAcco.active { background:url(//www.vodafone.de/images/v5/css/acco_up.png) no-repeat 582px 38px; } .arubaAcco .baseBox { position:relative;cursor:pointer; } .arubaAcco .baseBox .imgBox { position:relative; } .arubaAcco .baseBox .imgBox img { height:90px; } .arubaAcco .baseBox .txtBox { position:absolute;top:15px;left:110px;font-size:14px;line-height:18px; } .arubaAcco .baseBox .txtBox .head { position:relative;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:35px;font-weight:normal; } .badge { position:absolute;top:0px;left:-20px;display:none; } .badge span { position:relative;display:block;width:92px;text-align:center;font-size:11px;line-height:20px;color:#ffffff;background-color:#007c92; } .mbb .badge span { font-weight:bold;color:#000000;background-color:#fecb00; } .badge .desktop { display:block;} .badge .mobile { display:none;} .tariffOption.inclusive .badge { display:block; } .tariffOptionContainer { position:relative; } .tariffOptionContainer .gradient { position:absolute;top:0;left:0px;width:100%;height:6px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(rgba(226,226,226,1) 0%, rgba(247,247,247,0.5) 70%, rgba(255,255,255,0) 100%); /* W3C */ } .tariffOption { position:relative; } .tariffOption .moreBox { position:relative;margin:14px 20px 20px; } .tariffOption.inclusive .moreBox { background-color:#f4f8f0; } .tariffOption .gradient { position:relative;width:auto;height:6px;margin:0 20px;border-top:1px solid #cccccc;background:none; } .tariffOption .moreBox .txtBox { position:relative;width:350px;padding:0 20px 0 90px;line-height:18px;float:left;border-right:1px solid #cccccc; } .tariffOption .moreBox .txtBox .title { position:relative; } .tariffOption .moreBox .txtBox ol, .tariffOption .moreBox .txtBox ul { padding:10px 20px; } .tariffOption .moreBox .priceBox { position:relative;left:-1px;width:85px;padding:0 0 0 40px;line-height:18px;float:left;border-left:1px solid #cccccc; } .tariffOption .moreBox .priceBox .imgBox { position:relative;margin:0 0 0 -30px; } .tariffOption .moreBox .priceBox .imgBox img { position:relative;padding:0 0 20px; } .tariffOption .moreBox .priceBox .price { position:relative;font-size:14px;line-height:18px; } .tariffOption .moreBox .priceBox b, .tariffOption .moreBox .priceBox strong { font-size:16px; } .tariffOption .moreBox .priceBox .freeText { position:absolute; left: 25px; } .tariffOption .moreBox .priceBox .checkBox { position:absolute;top:0px;left:-30px; } .tariffOption.inclusive .moreBox .txtBox, .tariffOption.inclusive .moreBox .priceBox { margin:20px 0 20px 0; } /***** accessorySlider *****/ .aruba.slotMachine .sliderContainer { display:none; } .sliderContainer h2 { display: inline;} .sliderContainer .accCounterBox { position:absolute;bottom:5px;right:47px; } .aruba .accessorySliderBox { position:relative;height:383px; } .aruba .accessorySliderBox h2 { position:relative;float:left; } .aruba .accessorySliderBox .yourChoice { position:relative;float:left;left:16px;font-size:13px;padding-top:7px; } .accessorySlider { position:relative;width:629px;height:380px;margin:0 0 0 3px; } .accessoryBox { position:relative;width:178px;height:328px;background:#ffffff;margin:10px 2px 0;padding:0 0 4px;border:1px solid #cccccc; } .accessoryBox .benefit { position:absolute;top:-22px;left:3px;width:266px;height:19px;padding-top:2px;background-color:#3f8e9a;border-radius:4px 4px 0px 0px; font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:13px;text-align:center;color:white;} .accessoryBox .imgBox { position:relative;left:22px;width:134px;height:281px; } .accessoryBox .imgBox img { position:relative;top:3px;left:3px;width:128px; } .accessoryBox .txtBox { position:absolute;top:190px;left:10px;width:158px;height:136px; } .accessoryBox .txtBox h3 { position:relative;margin-bottom:5px;color:#333333;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:14px;line-height:17px;font-weight:normal;height:51px;overflow:hidden; } .accessoryBox .txtBox .pr-stars { position:relative;width:83px;height:15px;margin-bottom:8px;background:url(//www.vodafone.de/images/v5/stars_small_gold.gif); } .accessoryBox .details { position: relative;top:0px;left:0px;width:158px;height:80px; } .accessoryBox .details select { width:70px;margin:0 5px 10px 0; } .accessoryBox .details .priceBox { position:absolute;bottom:18px;right:0px;font-size:14px;font-weight:normal;width:126px; } .accessoryBox .details .priceBox span { position:relative; } .accessoryBox .details .priceBox .price { font-size:14px;font-weight:700;} .accessoryBox .details .priceBox.noPrice .price { font-size: 10px; } .accessoryBox .details .priceBox .tournus { } .accessoryBox .details .priceBox .priceHardwareOnly { font-size:14px;font-weight:700;} .accessoryBox .details .priceBox.noPrice .priceHardwareOnly { font-size: 10px; } .accessoryBox .details ul { position:relative;margin-left:15px;list-style:disc; } .accessoryBox .details ul li { position:relative;list-style:disc;font-size:11px;line-height:17px; } .accessoryBox .delivery { position:absolute;bottom:8px;left:8px;width:100px;font-size:11px;line-height:13px;font-weight:normal; } .accessoryBox .button { position:absolute;bottom:60px;left:0px;font-size:14px; } .accessoryBox .choiceBox { position:relative;margin:4px 10px 0;padding-top:4px; } .accessoryBox .choiceBox .checkBox { font-size:13px;font-weight:bold; } .accessorySlider.hardwareOnly .priceHardwareOnly {display: inline;} .accessorySlider.hardwareOnly .price {display:none;} .accessorySlider .priceHardwareOnly {display:none;} .accessorySlider .price {display: inline;} .accessorySlider .subLayer { position:absolute;top:0px;left:340px;width:274px;height:351px;background-color:#FFFFFF; } .accessorySlider .accessorySliderWrapper { position:relative;top:0px;left:26px;width:576px;height:351px;overflow:hidden; } .accessorySlider .scrollable { position:absolute;top:0px;left:196px;width:376px;height:345px;background-color:#FFFFFF; } .accessorySlider .scrollable .items { width:20000em !important;position:absolute;clear:both; } .accessorySlider .scrollable .items .accessoryContainer { float:left;width:186px; } .accessorySlider .scrollable .items .hidden { display:none; } /* bxSlider Special */ .accessorySliderWrapper .bx-viewport { overflow:visible !important } .accessorySliderWrapper .bx-pager { display:none;} .accessorySliderWrapper .bx-wrapper .bx-controls { left: 0;position: relative;right: 0;top: 0;} .accessorySliderWrapper .bx-controls-direction { position: relative;} .accessorySliderWrapper .bx-controls-direction a { height: 45px;outline: 0 none;position: absolute;text-indent: -9999px;top: -190px;width: 38px;z-index: 9990;} .accessorySlider .bxSliderButton, .accessorySlider .bxSliderButton { position: relative; top: -315px;} .accessorySlider .bxSliderButton.prev { left: -10px;} .accessorySlider .bxSliderButton.next { left: 603px;} .accessorySlider .bxSliderButton.prev a.bx-prev, .accessorySlider .bxSliderButton.next a.bx-next { width:14px;height:28px;background-image:url(//www.vodafone.de/images/v5/css/aruba_slider_arrows_big.png); } .accessorySlider .bxSliderButton.next a.bx-next { background-position:-14px 0; } .accessorySlider .bxSliderButton.prev a.bx-prev:hover { background-position:0 0; } .accessorySlider .bxSliderButton.next a.bx-next:hover { background-position:-14px 0; } .accessorySlider .slideButton { position:absolute;top:112px;display:block;width:40px;height:52px;cursor:pointer; } .accessorySlider .slideButton.left { left:-3px;background:url(//www.vodafone.de/images/v5/prev_grey.png); } .accessorySlider .slideButton.right { right:-3px;background:url(//www.vodafone.de/images/v5/next_grey.png); } .accessorySlider .slideLayer { position:absolute;top:10px;width:287px;height:317px;background-color:#FFFFFF;opacity:0.65;filter: alpha(opacity = 65); } .accessorySlider .slideLayer:hover { background-color:#FFFFFF;opacity:0.5;filter: alpha(opacity = 50); } .accessorySlider .slideLayer.left { left:48px; } .accessorySlider .slideLayer.right { right:48px; } .accessorySlider .disabled { visibility:hidden !important; } .accessorySlider .frameTop { position:absolute;top:-4px;left:326px;width:302px;height:14px;background:url(//www.vodafone.de/images/v5/frame_top.png) no-repeat; } .accessorySlider .frameRight { position:absolute;top:10px;left:614px;width:14px;height:317px;background:url(//www.vodafone.de/images/v5/frame_right.png) no-repeat; } .accessorySlider .frameBottom { position:absolute;top:327px;left:326px;width:302px;height:14px;background:url(//www.vodafone.de/images/v5/frame_bottom.png) no-repeat; } .accessorySlider .frameLeft { position:absolute;top:10px;left:326px;width:14px;height:317px;background:url(//www.vodafone.de/images/v5/frame_left.png) no-repeat; } .stickyBox { display:none; } .logoutBut { padding-left: 3px; } @media only screen and (min-width: 767px) { .w-33 { width:33.3333%;float:left; } .w-66 { width:66.6666%;float:left; } .col { padding:5px 21px 0 3px; } } @media only screen and (max-width: 767px) { #divPageHeadline { margin:0; } #divPageHeadline h1 { font: 30px/1.125 "VodafoneRgRegular",Arial,sans-serif;margin:0 8px 20px; } .tooltipp.DELspecial .closeButton { position:absolute; display:block; top:2px; right:2px;cursor:pointer;} .aruba .headlineBox { margin:0 0 15px; } .badge .desktop { display:none;} .badge .mobile { display:block;} .stepper { margin:0 0 20px 7px; } .stepper.step2 { margin:0 0 5px 7px; } .stepper.step1 .phone { width:168px;padding-left:0;background-position:-50px 0; } .stepper.step1 .accessory { width:36px;padding-left:0;background-position:-6px 0; } .stepper.step1 .basket { width:36px;padding-left:0;background-position:-12px 0; } .stepper.step1 .accessory span, .stepper.step1 .basket span { display:none; } .stepper.step1 .accessory.active { background-position:-6px 0; } .stepper.step1 .basket.active { background-position:-12px 0; } .stepper.step2 .phone { width:36px;padding-left:0;background-position:-11px 0; } .stepper.step2 .accessory { width:157px;padding-left:11px;background-position:-50px 0; } .stepper.step2 .basket { width:36px;padding-left:0;background-position:-12px 0; } .stepper.step2 .phone span, .stepper.step2 .basket span { display:none; } .stepper.step2 .phone.active { background-position:-11px 0; } .stepper.step2 .basket.active { background-position:-12px 0; } .deviceCard .vfmodal-trigger.desktop, .tariffCard .vfmodal-trigger.desktop { display: none;} .tariffCard .mobile { display: block;} .deviceCard .insuranceBox .mobile { position:relative;display:block;bottom:auto;right:auto;padding:2px 0 0 30px; } .deviceCard .insuranceBox .vfmodal-trigger { display:none;} /***** nba *****/ .tarifDetails { border:1px solid #cccccc;border-radius: 3px;box-shadow: 0 1px 2px #ccc;padding:0px;margin-bottom:40px; } .tarifDetails h3 { margin:0;padding:10px;cursor:pointer; } .tarifDetails .gradient { display:block;width:298px;height:1px;line-height:1px;background-color:#cccccc;border-top:1px solid #e8e8e8;border-bottom:1px solid #f5f5f5; } .tarifDetails .txtBoxText { padding:10px 0px 10px 10px; } .nbaBox { height:920px; } .nbaBox .tariff { width:298px;border:0; } .nbaBox .device { width:298px; } .nbaBox .card { width:298px; } .nbaBox .card .front, .nbaBox .card .back { width:298px; } .nbaBox .tariffCard, .nbaBox .deviceCard { width:298px; } .nbaBox .tariffCard .turn, .nbaBox .deviceCard .turn { width:235px; } .nbaBox .tariffCard .turn { border-right:0; } .nba .priceBox { position:absolute;top:382px;left:0; } .nba .tariffPrice, .nba .devicePrice { width:258px; } .nba .devicePrice { position:absolute;top:460px;left:0; } .alertBox { margin:0 10px 30px 10px; } .cancelButton { height:60px; } .cancelButton .buttonBig { width:256px;margin:-10px 11px 0 0 !important; } .ctaContainerSpacer { display:none; } .aruba.vvl .ctaContainerSpacer { display:none; } .ctaContainer { position:relative;top:0px;left:0px;width:300px;margin:0 10px; } .ctaBox { margin-left:0;width:300px; } .ctaBox .buttonBig { width: 258px; } .ctaBox .alertBox { width: 208px; } .slotMachine .ctaContainer { top:0px; } .orderBox .buttonBox .buttonBig { width:298px; } .orderBox .buttonBox .cmVvlButton { margin-right: 0px;} .arubaHero { margin:0 10px 20px; } .arubaHero .colcontainer { background:none; } .arubaHero .colBox { width:280px;padding:10px 0 20px;border-top:1px solid #e3e3e3;margin:0 10px; } .arubaHero .colBox:first-child { border:0; } .arubaImgHero { width:300px;height:140px;margin:0 0 25px 0;background-size:300px 140px; } .arubaImgHero img { display:none; } .arubaImgHero .txtBox { position:absolute;top:36px;left:124px;width:165px;height:95px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:14px;line-height:18px; } .arubaImgHero .txtBox .footnote { position:absolute;bottom:0px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:10px; } .arubaAcco { background-position:274px 29px;background-size:15px 9px; } .arubaAcco.active { background-position:274px 29px;background-size:15px 9px; } .arubaAcco .baseBox .imgBox img { height:65px; } .arubaAcco .baseBox .txtBox { top:10px;left:85px;width:185px; } .arubaAcco .baseBox .txtBox .head { height:44px;display:table-cell;font-size:19px;line-height:22px;vertical-align:middle; } .arubaAcco .baseBox .txtBox span { display:none; } .badge { top:15px;left:0; } .badge span { width:66px; } .tariffOption .moreBox { margin:-6px 0 0; } .tariffOption .gradient { margin:0; } .tariffOption .moreBox .txtBox { width:278px;padding:16px 10px;border:0; } .tariffOption .moreBox .priceBox .freeText { position:absolute; left: 10px; } .tariffOption.inclusive .moreBox .txtBox .title { padding:0 0 0 65px; } .tariffOption .moreBox .priceBox { width:258px;padding:0 0 20px 40px;left:0;border:0; } .tariffOption.inclusive .moreBox .txtBox, .tariffOption.inclusive .moreBox .priceBox { margin:0; } .tariffOption .moreBox .priceBox .topSpace, .tariffOption .moreBox .priceBox .imgBox { display:none !important; } .stickyBarWrapper { padding-top: 0px; } .redSummary { margin-top:0px; } .orderBox { left:0; } .orderBoxTop { position:relative;top:0px;left:0px; } .orderBox .buttonBox { width:300px; } .shipping .mobilVersion { display:inline-block !important; } /* accessorySlider */ /* kein Accessory Slider bei mobile, weil checkout nicht funzt */ .aruba .sliderContainer { width:320px;margin-left:-10px; display:none;} .aruba.ols .sliderContainer { display:block; } .accessorySlider { margin:0;width:320px; } .sliderContainer h2 { display:block;margin-left:10px; } #accCounter { padding-left:10px; } .accessorySlider .accessorySliderWrapper { left:36px;width:248px; } .accessorySlider .scrollable { left:0px;width:248px; } .accessorySlider .bxSliderButton.prev { left: 0px;} .accessorySlider .bxSliderButton.next { left: 285px; } .accessoryBox { width:242px; } .accessoryBox .imgBox { width:198px; } .accessoryBox .imgBox img { left:35px; } .accessoryBox .txtBox { width:221px; } .accessoryBox .details { width:228px; } .accessorySlider .slideLayer, .accessorySlider .frameTop, .accessorySlider .frameRight, .accessorySlider .frameBottom, .accessorySlider .frameLeft { display:none; } .backButton { padding:0; } .backButton .buttonBig { width:298px;padding:12px 0 11px; } #imfooter { margin-bottom:45px; } .stickyBox { position:fixed;display:block;bottom:0px;left:0px;width:320px;height:37px;padding:2px 0 5px;background-color:#666666;z-index:100; } .stickyBox .priceBox { position:relative;width:50%;float:left;text-align:center;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;font-weight:normal;color:#ffffff;margin-top:2px; } .stickyBox .priceBox.once { border-right:1px solid #b3b3b3;width: 49%; } .stickyBox .priceBox span { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:18px;color:#ffffff;font-weight:normal; } .stickyBox .gradient { position:absolute;top:-6px;left:0px;width:100%;height:6px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.28) 66%, rgba(0,0,0,0.33) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(66%,rgba(0,0,0,0.28)), color-stop(100%,rgba(0,0,0,0.33))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 66%,rgba(0,0,0,0.33) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 66%,rgba(0,0,0,0.33) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 66%,rgba(0,0,0,0.33) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.28) 66%,rgba(0,0,0,0.33) 100%); /* W3C */ } } /* --------------- Same Day Delivery Special ----------------- */ .sddForm { margin: 15px 0px 10px 0px;} .sddForm .sddInput { float:left; height: 26px; width: 60px; } .sddForm .sddInput.error { border: solid 2px #e60000; background-color: #fff;} .sddForm .cmSddButton { float:left; width: 60px; margin-left: 10px;} .sddHeadline { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;line-height: 25px;} .cmCallHotline { padding-left: 55px !important; margin-top: 20px !important; width:100px; background: #ffffff url(//www.vodafone.de/images/v5/icon_clicktocall_21x22.png) no-repeat 17px center !important} .cmCallHotline.mobileVersion { display:none;} .cmCallHotline.webVersion { display:block;} @media only screen and (max-width: 767px) { .sddForm .sddInput {float:none;height: 26px; width: 268px; } .sddForm .cmSddButton {float:none; width:219px; margin: 16px 0px; padding-left: 38px !important; background-position-x: 66px;} .cmCallHotline.mobileVersion { display:block;} .cmCallHotline.webVersion { display:none;} } /* --------------- special fuer Family & Friends --------------- */ .aruba.voice.FaF .tariffCard .check { display: none;} .aruba.mbb.FaF .tariffCard .check, .aruba.mbb.FaF .deviceCard .check { display: none;} .aruba.voice.FaF .orderBox .buttonBox .buttonBig { float: left; } .aruba.voice.FaF .orderBox .buttonBox .cmConnectMoreButton, .aruba.voice.FaF .orderBox .buttonBox .cmSubscribeButton, .aruba.voice.FaF .orderBox .buttonBox .cmConnectMoreButton { float:right !important;margin-right:0; } .aruba.voice.FaF .stickyBarWrapper { padding-top: 80px; } @media only screen and (max-width: 767px) { .aruba.voice.FaF .orderBox .buttonBox { position:relative;padding-top:46px; } .aruba.voice.FaF .orderBox .buttonBox .buttonBig { float: left; } .aruba.voice.FaF .orderBox .buttonBox .cmConnectMoreButton, .aruba.voice.FaF .orderBox .buttonBox .cmSubscribeButton, .aruba.voice.FaF .orderBox .buttonBox .cmOrderButton { position:absolute;top:0px;left:0px; margin-bottom: 8px;} } /* --------------- additional teaser -----------------*/ .addTeaser { position:relative;margin-right:21px;margin-left:3px;padding:20px 0;border-top:1px solid #cccccc;font-size:14px; } .addTeaser .headline { font-size:16px;line-height:20px;font-weight:700;margin-bottom:20px; } .addTeaser .txtBox { position:relative;width:620px;padding-left:70px;line-height:18px; } .addTeaser .icon { position:absolute;top:50px;left:0;width:50px;height:50px; } .addTeaser .buttonBig { position:absolute;top:50px;right:0;font-size: 12px; } .addTeaser.euRoaming { margin-bottom:20px;border-bottom:1px solid #ccc; } @media only screen and (max-width: 767px) { .addTeaser { margin:5px 10px 10px; } .addTeaser .txtBox { width:230px; } .addTeaser .buttonBig { position:relative;width:298px;top:0;right:auto;padding: 12px 0 11px; } } /* --------------- image next to text teaser -----------------*/ .imageTextTeaser { padding-top:20px;margin:0 21px 20px 3px;border-top:1px solid #cccccc; } .imageTextTeaser:after { content:"";display:block;clear:both; } .imageTextTeaser .imgBox { float:right;width:612px;height:200px;overflow:hidden; } .imageTextTeaser .imgBox img { width:100%;height:auto; } .imageTextTeaser .imgBox img.mobileVersion { display:none; } .imageTextTeaser .txtBox { float:left;padding-right:30px;width:315px;line-height:18px; } .imageTextTeaser .headline { font-size:16px;line-height:20px;font-weight:700;margin-bottom:20px; } @media only screen and (max-width: 767px) { .imageTextTeaser { margin:5px 10px 10px; } .imageTextTeaser .imgBox { width:100%;height:152px;float:none; } .imageTextTeaser .imgBox img.desktopVersion { display:none; } .imageTextTeaser .imgBox img.mobileVersion { display:block; } .imageTextTeaser .txtBox { padding:20px 0;float:none;width:100%; } } /***** topAngebote ******/ .topAngebote { } .topAngebote .subHead { position:relative;margin:0 0px 30px 0px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:30px;line-height:36px;font-weight:normal;padding:16px 0 0 10px;border-top:1px solid #cccccc; } .topAngebote .devicePagerBox { display:none; } .topAngebote .device, .topAngebote .device2 { width:760px; } .topAngebote .deviceSliderBox { width:700px;height:510px;left:60px; } .topAngebote .device2 .deviceSliderBox { height:550px; } .topAngebote .deviceSliderBox .bx-viewport { height:540px !important; } .topAngebote .deviceSlider, .topAngebote .deviceSlider2 { height:650px; } .topAngebote .bx-controls { top:0px;left:0px;right:auto;width:640px; } .topAngebote .deviceSliderBox a.bx-prev, .topAngebote .deviceSliderBox a.bx-prev:active, .topAngebote .deviceSliderBox a.bx-prev:focus, .topAngebote .deviceSliderBox a.bx-prev:link { left:-56px;top:140px;width:40px;height:52px; background:url(//www.vodafone.de/images/v5/prev_grey.png) no-repeat; } .topAngebote .deviceSliderBox a.bx-next, .topAngebote .deviceSliderBox a.bx-next:active, .topAngebote .deviceSliderBox a.bx-next:focus, .topAngebote .deviceSliderBox a.bx-next:link { left:auto;right:-56px;top:140px;width:40px;height:52px; background:url(//www.vodafone.de/images/v5/next_grey.png) no-repeat; } .topAngebote .phoneContainer { } .topAngebote .phoneBox { position:relative;background:#ffffff;width:150px; } .topAngebote .device2 .phoneBox { width:170px; } .topAngebote .phoneBox .imgBox { position:relative;padding-top:20px; } .topAngebote .phoneBox .imgBox img { position:relative;width:136px;left:-22px; } .topAngebote .device2 .phoneBox .imgBox img { position:relative;width:170px;left:-28px; } .topAngebote .phoneBox .txtBox { position:relative; } .topAngebote .phoneBox .txtBox h3 { font-size:14px;font-weight:normal;margin:5px 3px 0;min-height:34px; } .topAngebote .phoneBox .priceBox { position:relative;margin:0 3px 15px;padding-top:6px;font-size:14px;line-height:18px; } .topAngebote .phoneBox .priceBox .price { font-size:28px;line-height:30px;font-weight:bold; } .topAngebote .phoneBox .priceBox .spacer { position:relative;height:5px; } .topAngebote .buttonBig { position:relative;left:3px; } .topAngebote .phoneBox .benefit { position:absolute;top:0px;right:30px;width:66px;height:66px;background-color:#e60000;border-radius:33px;display:none; } .topAngebote .phoneBox.q1promo .benefit { display:block; } .topAngebote .phoneBox .deviceStrikePrice { display:none; } .topAngebote .phoneBox .nonDeviceStrikePrice { display:block; } .topAngebote .phoneBox.q1promo .nonDeviceStrikePrice { display:none; } .topAngebote .phoneBox.q1promo .deviceStrikePrice { display:block; } .topAngebote .phoneBox .benefit span { position:relative;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;text-align:center; } .topAngebote .phoneBox .benefit span.webVersion { display:block;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:12px;line-height:14px;font-weight:normal;padding:16px 0 0; } .topAngebote .phoneBox .benefit span.webVersion p { font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif; } .topAngebote .phoneBox .benefit span.webVersion p strong, .topAngebote .phoneBox .benefit span.webVersion p strong span { font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-size:16px;line-height:20px;font-weight:normal;padding:0; } @media only screen and (max-width: 767px) { .aruba.topAngebote { margin:0 0 10px 0; } .topAngebote .subHead { margin:0 0px 0px 0px;font-family:'VodafoneLtRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:28px;padding:16px 0 0 0px;border-top:0; } .topAngebote .device, .topAngebote .device2 { width:300px; } .topAngebote .devicePagerBox { display:block;margin-bottom:40px; } .topAngebote .deviceSliderBox, .topAngebote .device2 .deviceSliderBox { height:320px;left:-2px;width:310px; } .topAngebote .deviceSliderBox .bx-viewport { height: 322px !important; } .topAngebote .deviceSlider, .topAngebote .deviceSlider2 { height:350px; } .topAngebote .phoneBox, .topAngebote .device2 .phoneBox { margin:10px 2px 0;width:298px;height:310px;border:1px solid #cccccc;box-shadow: 0 1px 2px #ccc; } .topAngebote .phoneBox .imgBox { position:relative;top:80px;left:10px;padding-top:0; } .topAngebote .phoneBox .imgBox img, .topAngebote .device2 .phoneBox .imgBox img { position:relative;width:120px;left:-5px; } .topAngebote .phoneBox .txtBox { position:absolute;top:0px;left:0px; } .topAngebote .phoneBox .txtBox h3 { position:relative;width:235px;height:56px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:24px;line-height:24px;font-weight:normal;padding:14px 45px 1px 18px;margin:0;background-color:#f4f4f4; } .topAngebote .phoneBox .txtBox h3 span { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif; } .topAngebote .phoneBox .priceBox { position:relative;margin:0 0 0 130px; } .topAngebote .phoneBox .priceBox br.nowrap { display:block; } .topAngebote .phoneBox .buttonBig { position:absolute;top:250px;left:20px;width:216px;padding: 10px 20px 11px;font-size:16px; } .topAngebote .phoneBox .benefit { position:absolute;top:-10px;right:-9px;width:auto;height:auto; } .topAngebote .phoneBox .benefit:before { position: absolute;content: " ";width:0;height:0;top:12px;right:-8px;border-style:solid;border-left-color:#830000;border-width:8px;color:transparent; } .topAngebote .phoneBox .benefit span { position:relative;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;background-color:#e60000; } .topAngebote .phoneBox .benefit span span { padding:0; } .topAngebote .phoneBox .benefit span.webVersion { display:none; } }@media only screen and (min-width: 767px) { .rpV2 .nbaBoxWrapper .col.w-33:nth-child(2) { padding-top:156px; } .rpV2.tariff-first .nbaBoxWrapper .col.w-33:nth-child(2) { padding-top:0; } .rpV2.tariff-first .nbaBoxWrapper .col.w-33:nth-child(1) { padding-top:212px; } .rpV2 .nbaBoxWrapper .col.w-33:nth-child(3) { padding-top:216px; } .rpV2.tariff-first .nbaBoxWrapper .col.w-33:nth-child(3) { padding-top:212px; } } @media only screen and (max-width: 766px) { .rpV2 .tariffSliderBox { height:410px; } .rpV2.tariff-first .deviceSliderBox { height:450px; } .rpV2.tariff-first .tariffSliderBox .card { top:0px; } .rpV2.tariff-first .tariffSliderBox { height:360px !important; } .rpV2.tariff-first .tariffSliderBox .bx-viewport { height: 380px !important; } .rpV2 .redSummary { width:298px; } .rpV2.bnt.tariff-first .device .check { top: 10px !important; } .rpV2 .subHeadline { padding-left: 7px; } .red-plus-page div.divHeadlineBasic.vfPageHeadline h1 { padding-bottom: 20px; } } .rpV2 .redSummaryPriceBox { min-height: 377px; } .rpV2 .tariffPagerBox, .rpV2 .tariffFilterForm, .rpV2 .redSummaryInfo, .rpV2 .costsDiscountSelect { display: none !important;} .rpV2 .tariffCard .turn { width:262px;cursor:default;background-image:none;padding: 6px 18px 7px 18px;font-size:30px;text-align:center; } .rpV2 .tariffCard img { position:relative;display:block;width:100px;height:100px;margin:50px auto 18px; } .rpV2 .tariffCard .rpV2txt { position:relative;text-align:center;padding:10px; } .rpV2 .tariffCard .vfmodal-trigger, .rpV2 .tariffCard .mobile { position:relative;bottom:auto;right:auto; } .rpV2 .orderBox .buttonBox .buttonBig { width: 300px; } .rpV2 .subHeadline { position:relative; top:-30px; margin:0 0 0 3px; font-family: "VodafoneLtRegular",Arial,Helvetica,sans-serif; font-size: 30px; line-height:34px; font-weight: normal; } @media only screen and (max-width: 766px) { .rpV2 .subHeadline { top:-26px; margin:0 10px 0 10px; font-size: 24px; line-height:26px; } } /* Red+ Zweitkarte Overlay */ .rpSecondCard .head { position: relative;font-family:"VodafoneRgRegular",Arial,Helvetica,sans-serif;font-size: 30px;font-weight:normal;line-height: 35px;color:#e60000;margin-bottom:20px; } .rpSecondCard .card { position:relative;float:left;width:328px;height:520px;top:0;border:1px solid #cccccc;border-radius:3px;margin-bottom:20px; } .rpSecondCard .card:nth-child(2) { margin-right:30px; } .rpSecondCard .card .headBox { position:relative;height:80px;background-color:#ffffff;margin-bottom:0px; } .rpSecondCard .card .headBox .txt { position:absolute;top:13px;width:100%;font:24px/40px "VodafoneRgBold",Arial,sans-serif;text-align: center;color:#e60000; } .rpSecondCard .card .headBox .subtxt { position:absolute;top:54px;width:100%;font:14px/16px "VodafoneRgRegular",Arial,sans-serif;text-align: center;color:#333333; } .rpSecondCard .card img { position:relative;display:block;width:330px;height:130px;margin:0 0 25px -1px; } .rpSecondCard .card .txtBox { position:absolute;top:225px;left:0;padding:0 15px 0 20px;font:14px/18px "VodafoneRgRegular",Arial,sans-serif; } .rpSecondCard .card .txtBoxAdditional { position:absolute;top:409px;left:0;padding:0 15px 0 20px;font:14px/18px "VodafoneRgRegular",Arial,sans-serif; } .rpSecondCard .card .txtBox ul { padding-left:13px; } .rpSecondCard .card .txtBox p, .rpSecondCard .card .txtBox li, .rpSecondCard .card .txtBoxAdditional, .rpSecondCard .card .txtBoxAdditional p { font:14px/18px "VodafoneRgRegular",Arial,sans-serif; } .rpSecondCard .card .priceBox { position:absolute;top:312px;left:20px;width:288px;padding-top:20px;border-top:1px solid #cccccc;font:14px/18px "VodafoneRgRegular",Arial,sans-serif; } .rpSecondCard .card .priceBox .price { font:30px/18px "VodafoneRgBold",Arial,sans-serif;padding-right:10px; } .rpSecondCard .card .buttonBig { position:absolute;bottom:10px;left:100px; } .rpSecondCard .buttonBig { position:relative;left:463px; } .rpSecondCard.onlyOne .head { font-size:23px;line-height:28px;margin-bottom:15px; } .rpSecondCard.onlyOne .card { height:450px; } .rpSecondCard.onlyOne .card .headBox { height:65px; } .rpSecondCard.onlyOne .card .headBox .txt { font-size:30px;top:11px; } .rpSecondCard.onlyOne .card .txtBox { top:215px; } .rpSecondCard.onlyOne .card .txtBoxAdditional { top:352px; } .rpSecondCard.onlyOne .card .priceBox { top:305px; } .rpSecondCard.onlyOne .card .buttonBig { left:20px;width:246px; } .rpSecondCard.onlyOne .buttonBig { left:1px;width:286px; } .rpSecondCard.oneMore .card { width:222px;height:520px; } .rpSecondCard.oneMore .card:nth-child(2), .rpSecondCard.oneMore .card:nth-child(3) { margin-right:10px; } .rpSecondCard.oneMore .card img { width:224px;height:130px; } .rpSecondCard.oneMore .card .txtBox { padding:0 10px; } .rpSecondCard.oneMore .card .priceBox { top:360px;left:10px;width:202px; } .rpSecondCard.oneMore .card .buttonBig { left:48px; } .rpSecondCard.oneMore .buttonBig { left:474px; } .rpSecondCard .redplus-card-red{ } .rpSecondCard .redplus-card-unlimited{ display: none; } .rpV2.tariff-first .tariffSlider .card { top:0 !important; } .rpV2.tariff-first.rpAllnet .tariff .checked, .rpV2.tariff-first.rpDatenkarte .tariff .checked { top: 410px !important; } .rpV2.tariff-first .tariffCard { top:0 !important; } .aruba.redOne .redSummaryPriceBox .q1Footnote { display:block; bottom: 10px; font-size: 12px; position: absolute;} .aruba.redOne .redSummaryPriceBox .runtime { bottom: 24px; } .i-calls-purple { background: url(/images/v5/css/i-calls-purple.png) no-repeat; background-size: 19px; height: 22px; width: 20px; margin-right: 5px; }.kdgxsell .tariff { padding-top:51px; }.benefit-privatepricing, .bulletpoint-pp { display: none; } #aruba .welcomeBox img.pp-seal { display:none; } @media only screen and (max-width: 767px) { #aruba.discount-587 .welcomeBox img.pp-seal, #aruba.discount-588 .welcomeBox img.pp-seal, #aruba.discount-589 .welcomeBox img.pp-seal, #aruba.discount-590 .welcomeBox img.pp-seal, #aruba.discount-591 .welcomeBox img.pp-seal, #aruba.discount-592 .welcomeBox img.pp-seal{ float: right; display: block; } #aruba.discount-587 .welcomeBox img.pp-seal, #aruba.discount-588 .welcomeBox img.pp-seal, #aruba.discount-589 .welcomeBox h3, #aruba.discount-590 .welcomeBox h3, #aruba.discount-591 .welcomeBox h3, #aruba.discount-592 .welcomeBox h3{ clear: both; } #aruba.discount-590 .welcomeBox { padding: right: 0px; } } @media only screen and (min-width: 767px) { #aruba.discount-587 .welcomeBox img.pp-seal, #aruba.discount-588 .welcomeBox img.pp-seal, #aruba.discount-589 .welcomeBox img.pp-seal, #aruba.discount-590 .welcomeBox img.pp-seal, #aruba.discount-591 .welcomeBox img.pp-seal, #aruba.discount-592 .welcomeBox img.pp-seal{ display:block; position: absolute; top: 0px; right: 0px; } } #aruba.discount-587 .active .benefit-privatepricing, #aruba.discount-588 .active .benefit-privatepricing, #aruba.discount-589 .active .benefit-privatepricing, #aruba.discount-590 .active .benefit-privatepricing, #aruba.discount-591 .active .benefit-privatepricing, #aruba.discount-592 .active .benefit-privatepricing{ display: block; } /* SERVICES */ /* Juno Styles */ .tariffFilterForm { position: relative; display: block; height: 51px; } .mbb .tariff, .kdgxsell .tariff { padding-top:0; } .typeJuno .tariffCard .turn { background-image: none; color: #e60000; font: 400 26px/28px "VodafoneRgRegular",Arial,sans-serif; padding: 30px 10px 14px 19px; width: 269px; } .typeJuno .tariffCard .turn:after { color: #333333; content: "Mehr Info"; display: block; font: 400 16px/18px "VodafoneRgRegular",Arial,sans-serif; position: absolute; right: 15px; text-decoration: underline; top: 16px; } .typeJuno .back .tariffCard .turn:after { content:"Zurück"; } .typeJuno .tariffCard .turn span { position:relative; display:block; font: 400 26px/28px "VodafoneRgBold",Arial,sans-serif; } .typeJuno .tariffCard .turn span:after { content: " Datenvolumen"; font: 400 26px/28px "VodafoneRgRegular",Arial,sans-serif; color:#333333; } /* special styles for unlimited */ .typeJuno .tariffCard .turn.cUnlimited span:after { font-size: 22px; } .typeJuno .tariffCard .turn.cUnlimited span { font: 400 22px/28px "VodafoneRgRegular",Arial,sans-serif; color:#333333; } .typeJuno.typeJunoAlt .tariffCard .turn span:after { content: ""; } .typeJuno .tariffCard .turn.cBlack { background-color:#f4f4f4;color:#333333; } .typeJuno .tariffCard .turn.cData { font:400 45px/56px "VodafoneRgRegular",Arial,sans-serif;color:#007c92;padding:37px 10px 7px 19px; } .typeJuno .tariffCard .turn.cData span:after { content: ""; } .kdgxsell .typeJuno .tariffCard .turn { font:400 45px/56px "VodafoneRgRegular",Arial,sans-serif;color:#e60000;padding:37px 10px 7px 19px; } .kdgxsell .typeJuno .tariffCard .turn span:after { content: ""; } /* .juleu .typeJuno .tariffCard .turn { font:400 40px/56px "VodafoneRgRegular",Arial,sans-serif;color:#e60000;padding:39px 30px 5px 19px; } .juleu .typeJuno .tariffCard .turn span:after { content: ""; } */ .rpV2.rpAllnet .tariffCard .turn, .rpV2.rpDatenkarte .tariffCard .turn { padding: 22px 18px; } .typeJuno .tariffCard .check { display:none; } .tariffCard .benefit { position:absolute;top:-10px;right:auto;left:-9px; } .tariffCard .benefit:before { right:auto;left:0;border-left:0;border-right-color:#004d6a; } .tariffCard.redBenefit .benefit:before { border-right-color:#830000; } .deviceCard .turn { background-image:none;padding: 36px 30px 8px 19px;width: 249px; } .back .deviceCard .turn { background-image:none; } .deviceCard .turn:after { color:#333333;content:"Mehr Info";display:block;font:400 16px/18px "VodafoneRgRegular",Arial,sans-serif;position:absolute;right:15px;text-decoration:underline;top:16px; } .back .deviceCard .turn:after { content:"Zurück"; } .deviceCard .turn .turntext { bottom:15px;font-family:"VodafoneRgRegular",Arial,Helvetica,sans-serif;position:absolute;width:260px; } .deviceCard .imgBox, .deviceCard .txtBox { top:115px; } .deviceCard .insuranceBox { top:300px; } .insuranceBox .tooltipp { position:absolute;bottom:52px;left:-10px;width:270px;z-index:4;} .insuranceBox .tooltipp:before { top:100%;left:8%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; } .insuranceBox .tooltipp:after { top:100%;left:8%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; } .insuranceBox .tooltipp .wrap:after { top:100%;left:8%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .insuranceBox .tooltipp .body { padding:10px 15px;line-height:18px; } .deviceCard.insuranceincl .insuranceBox:after { position:absolute;display:block;top:14px;left:0;content:"Handy-/Tabletversicherung";width:249px;height:22px;padding-left:30px;padding-top:3px;background:#ffffff url(/images/v5/css/icon_3_tick_42x42.png) no-repeat;background-size:21px 21px; } .simonlyTT.tooltipp { position:absolute;bottom:36px;left:-10px;width:270px;z-index:100;} .simonlyTT.tooltipp:before { top:100%;left:8%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; } .simonlyTT.tooltipp:after { top:100%;left:8%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; } .simonlyTT.tooltipp .wrap:after { top:100%;left:8%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .simonlyTT.tooltipp .body { padding:10px 15px;line-height:18px; } .deviceCard .benefit { position:absolute;top:-10px;left:-9px; } .deviceCard .benefit:before { position:absolute;content:" ";width:0;left:-8px;top:12px;border-style:solid;border-right-color:#004d6a;border-width:8px;color:transparent; } .deviceCard .benefit span { position:relative;display:block;font-size:11px;line-height:20px;color:#ffffff;padding:0 8px;background-color:#007c92; } .tariff > .check, .device > .check { position:relative;top:-30px;margin:0 0 0 0;padding:0 0 30px 20px;background-color:#ffffff;border-bottom:1px solid #cccccc; } .vvl .tariff > .check, .vvl .device > .check { top:0px; } @media only screen and (max-width: 767px) { .vvl .tariffSliderBox, .vvl .deviceSliderBox { height:500px; } .bnt .tariff > .check, .bnt .device > .check, .vvl .tariff > .check, .vvl .device > .check { top:-30px; } } .tariff .checkBox.active .active { display: block; } /* ausgewaehlt */ .tariff .checkBox.active .notactive { display: none; } /* auswaehlen */ .tariff .checkBox .active { display: none; } .tariff .checkBox .notactive { display: block; } .device .checkBox.active .active { display: block; } .device .checkBox.active .notactive { display: none; } .device .checkBox .active { display: none; } .device .checkBox .notactive { display: block; } /* disabled */ .aruba .checkBox.active.disabled {background:none;} .aruba .checkBox.active.disabled:after { content: ""; background: url(//www.vodafone.de/images/v5/aruba_checkbox.png) no-repeat scroll left bottom; opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; } .hardwareOnly .tariffBox .hatchures, .hardwareOnly .tariffCard .hatchures, .simOnly .deviceBox .hatchures, .simOnly .deviceCard .hatchures { display:none; } .simOnly .tariff > .check, .hardwareOnly .device > .check { display:none; } @media only screen and (max-width: 767px) { .hardwareOnly .deviceSliderBox, .simOnly .tariffSliderBox { height: 553px; } .vvl.simOnly .tariffSliderBox { height: 500px; } .FaF.simOnly .tariffSliderBox { height: 500px; } } .tariff .mask, .device .mask { position:absolute;top:0px;left:-2px;width:310px;height:594px;background:rgba(255,255,255,0.7);opacity:1;filter:alpha(opacity=100);z-index:1 !important;display:none; } .tariffMask, .deviceMask { position:absolute;top:202px;left:-8px;width:318px;height:392px;background-color:#ffffff; } .tariffMask .tariffCard { top:9px;border: 1px solid #f1f1f1;box-shadow: 0 1px 2px #f1f1f1;background:url(/images/v5/hw-only-300x300.png) no-repeat 75px 80px;background-size:150px 150px; } .deviceMask .deviceCard { top:9px;border: 1px solid #f1f1f1;box-shadow: 0 1px 2px #f1f1f1;background:url(/images/v5/sim-only-300x300.png) no-repeat 75px 80px;background-size:150px 150px; } /* .juleu .deviceMask .deviceCard { background:url(/images/v5/simonlydiscount-638x708.png) no-repeat 0px 0px; background-size: 298px 278px;} .voice.consumer.bnt .deviceMask .deviceCard { background:url(/images/v5/3monthsfree-sim-only-596x556.png) no-repeat 0px 0px; background-size: 298px 278px;} .voice.yolo.bnt .deviceMask .deviceCard { background:url(/images/v5/soho-596x556.png) no-repeat 0px 0px; background-size: 298px 278px;} .voice.soho.bnt .deviceMask .deviceCard { background:url(/images/v5/soho-596x556.png) no-repeat 0px 0px; background-size: 298px 278px;} .voice.soho.bnt .deviceMask .deviceCard.no-double-data { background:url(/images/v5/sim-only-300x300.png) no-repeat 0px 0px; background-size: 298px 278px;} .voice.fuf.bnt .deviceMask .deviceCard { background:url(/images/v5/doppeltes-datenvolumen-596x556.png) no-repeat 0px 0px; background-size: 298px 278px } .mbb.consumer.bnt .deviceMask .deviceCard { background:url(/images/v5/data-go-596x556.png) no-repeat 0px 0px; background-size: 298px 278px;} .mbb.soho.bnt .deviceMask .deviceCard { background:url(/images/v5/data-go-596x556.png) no-repeat 0px 0px; background-size: 298px 278px;} */ .tariffMask .tariffCard .txtBox, .deviceMask .deviceCard .txtBox { position:absolute;top:278px;left:19px;width:260px;padding-top:32px;line-height:18px;border-top:1px solid #f1f1f1; } .mbb .device .mask { background:rgba(255,255,255,0.7);opacity:1;filter:alpha(opacity=100); } .mbb .deviceMask .deviceCard { background:url(/images/v5/tablet-300x300.png) no-repeat 75px 80px;background-size:150px 150px; } /* .mbb .deviceMask .deviceCard .txtBox { padding-top:12px; } */ .nbaBox .device .mask { top:0px;left:0px;width:313px;height:446px;background:rgba(255,255,255,1); } .nbaBox .deviceMask { top:0px;left:0px;width:313px;height:392px; } .nbaBox .deviceMask .deviceCard { border:0;box-shadow:none;top:0px;background-position:75px 131px; } .nbaBox .deviceMask .deviceCard .txtBox { top:359px;width:273px;padding-top:17px;border-top:1px solid #e3e3e3; } @media only screen and (max-width: 767px) { .nbaBox .device .mask, .nbaBox .deviceMask { width:298px; } .nbaBox .deviceMask .deviceCard .txtBox { width:258px; } } /* SimOnly / HardwareOnly - Steuerung */ .tariff .checked, .device .checked { position:absolute;top:466px;left:0;width:250px;height:51px;line-height:21px;padding-left:50px;border-bottom:1px solid #cccccc;background:url(/images/v5/css/icon_3_tick_42x42.png) 19px 0 no-repeat;background-size:21px 21px; } .slotMachine .tariff .checked, .slotMachine .device .checked { top:622px; } /* contractProlongation */ .aruba.ols.vvl.earlybird .tariff .checked, .aruba.ols.vvl.addedruntime .tariff .checked, .aruba.ols.vvl.noSimOnly .tariff .checked { display:none; } .aruba.ols.vvl .tariff .checked, .aruba.ols.vvl.simOnly .tariff .checked, .aruba.ols.slotMachine.vvl.noSimOnly .tariff .checked { display:block; } /* newContract */ .aruba.ols.bnt .tariff .checked { display:none; } .aruba.ols.bnt.simOnly .tariff .checked, .aruba.ols.bnt.rpV2 .tariff .checked, .aruba.ols.bnt.fuf .tariff .checked { display:block; } .earlybird .withDeviceDialog, .addedruntime .withDeviceDialog, .noSimOnly .withDeviceDialog { display:none; } .noSimOnly .device .checked, .noSimOnly .device .check { display:none; } .rpV2.rpAllnet .tariff .checked, .rpV2.rpDatenkarte .tariff .checked { top:471px;left:10px; } /* remove double data */ .rpV2.voice.consumer.bnt .deviceMask .deviceCard { background:url(/images/v5/sim-only-300x300.png) no-repeat 75px 80px;background-size:150px 150px; } .rpV2.mbb.consumer.bnt .deviceMask .deviceCard { background:url(/images/v5/tablet-300x300.png) no-repeat 75px 80px;background-size:150px 150px; } @media only screen and (max-width: 767px) { .rpV2 .deviceSliderBox { height:500px; } .rpV2 .tariffSliderBox { height:513px; } .rpV2.rpAllnet .tariff .checked, .rpV2.rpDatenkarte .tariff .checked { top: 420px; } } .vvlatg .tariffSliderBox, .vvlatg .deviceSliderBox { height: 440px; } .vvl.atg .tariffSliderBox, .vvl.atg .deviceSliderBox { height: 440px; } .vvl.ols.earlybird .tariffSliderBox, .vvl.ols.earlybird .deviceSliderBox, .vvl.ols.addedruntime .tariffSliderBox, .vvl.ols.addedruntime .deviceSliderBox { height: 440px; } .vvl.ols.noSimOnly .tariffSliderBox, .vvl.ols.noSimOnly .deviceSliderBox { height: 470px; } @media only screen and (max-width: 767px) { .vvlatg .tariffSliderBox, .vvlatg .deviceSliderBox { height: 470px; } .vvl.atg .tariffSliderBox, .vvl.atg .deviceSliderBox { height: 470px; } .vvl.ols.earlybird .tariffSliderBox, .vvl.ols.earlybird .deviceSliderBox, .vvl.ols.addedruntime .tariffSliderBox, .vvl.ols.addedruntime .deviceSliderBox { height: 470px; } .vvl.ols.noSimOnly .tariffSliderBox, .vvl.ols.noSimOnly .deviceSliderBox { height: 500px; } } /* juno ctaContainer */ .ctaContainer { top:522px; } .earlybird .ctaContainer, .addedruntime .ctaContainer, .noSimOnly .ctaContainer, .vvlatg .ctaContainer { top:451px; } .vvl.atg .ctaContainer { top:451px; } .slotMachine .ctaContainer { top:678px; } .slotMachine.juleu .ctaContainer, .slotMachine.vvlatg .ctaContainer { top:597px;border-top:0; } .slotMachine.vvl.atg .ctaContainer { top:597px;border-top:0; } .ols.slotMachine.earlybird .ctaContainer, .ols.slotMachine.addedruntime .ctaContainer, .ols.slotMachine.noSimOnly .ctaContainer { top:597px;border-top:0; } .ols.slotMachine.noSimOnly.vvl .ctaContainer { top:678px;border-top:1px solid #e3e3e3; } @media only screen and (max-width: 767px) { .ctaContainer { top:0px; } .earlybird .ctaContainer, .addedruntime .ctaContainer, .noSimOnly .ctaContainer, .vvlatg .ctaContainer { top:0px; } .vvl.atg .ctaContainer { top:0px; } .slotMachine .ctaContainer { top:0px; } .slotMachine.juleu .ctaContainer, .slotMachine.vvlatg .ctaContainer { top:0px; } .slotMachine.vvl.atg .ctaContainer { top:0px; } .ols.slotMachine.earlybird .ctaContainer, .ols.slotMachine.addedruntime .ctaContainer, .ols.slotMachine.noSimOnly .ctaContainer, .ols.slotMachine.noSimOnly.vvl .ctaContainer { top:0px; } .ctaContainer.col1 .ctaBox { width: 300px; } } .ctaContainer .ctaBox#ownTariffProlong { display:none; } /* nbaBox */ .nbaBox, .nbaBox .tariff { height:516px; } .earlybird .nbaBox, .addedruntime .nbaBox, .noSimOnly .nbaBox, .vvlatg .nbaBox, .vvl.atg .nbaBox, .inbetween .nbaBox { height:445px; } .earlybird .nbaBox .tariff, .addedruntime .nbaBox .tariff, .noSimOnly .nbaBox .tariff, .vvlatg .nbaBox .tariff, .vvl.atg .nbaBox .tariff, .inbetween .nbaBox .tariff, .inbetween .nbaBox .device { height:445px; } .nbaBox .typeJuno .tariffCard .turn { padding: 14px 30px 15px 19px;width:264px; } .nbaBox .typeJuno .tariffCard .turn:after, .nbaBox .deviceCard .turn:after { content:''; } .nbaBox .deviceCard .turn { padding:0 45px 0 18px;height:85px; } .nbaBox .deviceCard .turn .turntext { bottom: 16px; } .nbaBox .tariffCard .features { height: 95px; } .nbaBox .card.twoFeatures .tariffCard .features { height: 60px; } .nbaBox .tariffCard .aktion { margin: 20px 19px; } .tariffCard .aktion .title { margin-bottom: 16px; } .nbaBox .deviceCard .imgBox, .nbaBox .deviceCard .txtBox { top: 105px; } .nbaBox .deviceCard .txtBox .pr-stars { margin-bottom:15px; } .nbaBox .deviceCard .txtBox ul.ulContent { margin: 12px 0 12px -12px; } .nbaBox .deviceCard .deviceDetailLink { top:264px;bottom:auto;left:130px; } .vvlatg .nbaBox .deviceCard .deviceDetailLink { top:150px;left:0; } .vvl.atg .nbaBox .deviceCard .deviceDetailLink { top:150px;left:0; } .nbaBox .deviceCard .insuranceBox { top:288px; } .nbaBox .card .back { top: 208px; } .nba .priceBox { top: 360px; } .nba .tariffPrice, .nba .devicePrice { border-bottom: 1px solid #e3e3e3;padding-bottom:20px;min-height:45px; } .nbaBox .tariff > .check, .nbaBox .device > .check { top:81px;background-color:#ffffff; } .earlybird .tariff > .check, .earlybird .device > .check, .addedruntime .tariff > .check, .addedruntime .device > .check, .noSimOnly .tariff > .check, .noSimOnly .device > .check, .vvl.noSimOnly .tariff > .check, .vvl.noSimOnly .device > .check { display:none; } .slotMachine.vvl.noSimOnly .tariff > .check, .slotMachine.vvl.noSimOnly .device > .check { display:block;} .slotMachine.vvl .tariff .checked { position:relative;top:1px; } .vvl .tariff > .check { display:none; } .slotMachine.FaF .tariff .checked { position:relative;top:-29px; } .FaF .tariff > .check { display:none; } @media only screen and (max-width: 767px) { .slotMachine.vvl .tariff .checked, .slotMachine.bnt .tariff .checked { position:relative;top:-29px; } } @media only screen and (max-width: 767px) { .nbaBox { height:1032px; } .earlybird .nbaBox, .addedruntime .nbaBox, .noSimOnly .nbaBox { height:890px; } .nbaBox .typeJuno .tariffCard .turn { width: 249px; } .nbaBox .deviceCard .insuranceBox { width:279px; } .nba .devicePrice { top:516px; } .nba.earlybird .devicePrice, .nba.addedruntime .devicePrice, .nba.noSimOnly .devicePrice { top:445px; } } /* Juno Preisbox */ .slotMachine .redSummaryPriceBox, .slotMachine.hardwareOnly .redSummaryPriceBox { position:relative;min-height:0px; } .slotMachine.hardwareOnly .redSummaryLinkOut { padding:20px 0 10px 20px; } .redSummaryPriceBox .spacer12 { position:relative;width:280px;height:12px;float:none;clear:both; } .redSummaryPriceBox .spacer20 { position:relative;width:280px;height:20px;float:none;clear:both; } .redSummaryPriceBox .h2 { font: 400 28px/32px "VodafoneRgRegular",Arial,Helvetica,sans-serif;padding-bottom: 12px; } .redSummaryPriceBox .h5 { font-size:18px;font-weight:bold;padding-bottom:12px; } .redSummaryPriceBox .left.total { font-size:18px; } .redSummaryPriceBox .right { font-weight:normal; } .redSummaryPriceBox .right.total { font-weight:bold; } .redSummaryPriceBox .sectionLine { position:relative;background-color:#f4f4f4;font-size:1px;height:2px;margin:0 -20px 21px;clear:both; } .redSummaryPriceBox .bigPrice { position:relative;font-size:28px;font-weight:bold;padding-bottom:12px; } .redSummaryPriceBox .instead { position:relative;padding-bottom:7px; } .redSummaryPriceBox .runtime { position:relative;bottom:auto !important;font-size:inherit; } .redSummaryPriceBox .moreLink { position:relative;border-top:2px solid #f4f4f4;margin:0 -20px;padding:10px 20px;cursor:pointer;background:url("//www.vodafone.de/images/v5/css/acco_down.png") no-repeat scroll 266px 16px;background-size:14px 7px; } .redSummaryPriceBox .moreLink.active { background:url("//www.vodafone.de/images/v5/css/acco_up.png") no-repeat scroll 266px 16px;background-size:14px 7px; } .redSummaryPriceBox .moreLink.active:after { position:absolute;display:block;content:"Weniger Details";top:10px;left:20px;font-weight:bold;background-color:#ffffff; } .redSummaryPriceBox .footnote { position:relative;font-size:12px;line-height:16px;margin-bottom:21px; } .redSummaryPriceBox .additionalMonthlyPromoText { display:none; } .monthlyPromo .redSummaryPriceBox .additionalMonthlyPromoText { display:block; } .redSummaryPriceBox #earlyBirdInfo .left, .redSummaryPriceBox #earlyBirdInfo .right { padding-top:10px; } .moreDetailsBox { position:relative;width:300px;border:1px solid #cccccc;display:none; } .shipping { padding-bottom:20px; } .savingContainer { position:relative;clear:both;background-color:#f4f8f0;margin:0 -20px 15px;padding:0 20px; } .savingContainer .head { position:relative;font-weight:bold;padding:12px 0 3px; } .savingContainer.akko .head { cursor:pointer;background:url("//www.vodafone.de/images/v5/css/acco_down.png") no-repeat scroll 245px 12px;background-size:14px 7px; } .savingContainer.active .head { background:url("//www.vodafone.de/images/v5/css/acco_up.png") no-repeat scroll 245px 12px;background-size:14px 7px; } .savingContainer .savingBox { position:relative; } .savingContainer.akko .savingBox { display:none; } .savingContainer .savingBox .right { font-weight:bold; } .savingContainer .savingBox .both { padding-top:7px;font-weight:normal !important; } .savingContainer .savingBox li { margin-left:16px; } .savingContainer .savings { position:relative;padding:5px 0 11px; } .savingContainer .total { position:relative;top:-1px;padding:5px 0;border-top:1px solid #cccccc;font-weight:bold; } .costsDiscountSelect { width:260px;padding:20px;background-color:#F4F4F4; } .costsDiscountSelect select { background-color:#ffffff; } .costsDiscountSelect span { top:21px;right:18px; } .costsDiscountSelect .line, .costsDiscountSelect .spacer12 { display:none; } .costsDiscountSelect.notTop { padding-top:0; } .costsDiscountSelect.notTop span { top:1px; } .bgGreen { margin:0 -20px;padding:0 20px 10px; } .bgGreen .spacer12 { position:relative;height:12px;width:277px;float:left; } .bgGreen .left b { position:relative;display:block;margin-bottom:5px; } #costsRebates .spacer12 { left: -20px;width: 300px; } .slotMachine .orderBox .buttonBox .buttonBig { width:300px;margin-right:0; } .connectMore .buttonBox .buttonBig { width:300px;margin-right:0; } .connectMore .buttonBox.buttonBoxTopJuno { position:relative;padding-top:36px; } .connectMore .buttonBox.buttonBoxTopJuno .buttonBig { width:258px;margin-right:0;margin-left:1px; } .connectMore .buttonBox.buttonBoxTopJuno .buttonBig:nth-child(3) { margin-bottom:5px; } .aruba.noPrice .buttonBoxTopJunoR30 { display : none;} .connectMore .buttonBox.buttonBoxTopJunoR30 { position:relative;padding-top:10px; } .connectMore .buttonBox.buttonBoxTopJunoR30 .buttonBig { width:258px;margin-right:0;margin-left:1px;margin-bottom:5px; } .stickyBarWrapper { padding-top:0; } .aruba.voice.FaF .stickyBarWrapper { padding-top:0; } #stickybar { position:relative; } #stickybar.fixed { position:fixed;top:0;width:303px; } @media only screen and (max-width: 767px) { #imheader { height:119px; } #imfooter { margin-bottom:0px; } .stickyBox { position:fixed;display:block;top:0px;left:0px;width:100%;height:37px;padding:2px 0 5px;background-color:#666666;z-index:1000; } .stickyBox .priceBox { position:relative;width:50%;float:left;text-align:center;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:14px;line-height:18px;font-weight:normal;color:#ffffff;margin-top:2px; } .stickyBox .priceBox.once { border-right:0;width: 50%; } .stickyBox .priceBox.monthly { border-right:1px solid #b3b3b3;width: 49%; } .stickyBox .priceBox span { font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:18px;color:#ffffff;font-weight:normal; } .stickyBox .gradient { position:absolute;top:44px;left:0px;width:100%;height:6px; background: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.28) 33%, rgba(0,0,0,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.33)), color-stop(33%,rgba(0,0,0,0.28)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.28) 33%,rgba(0,0,0,0) 100%); /* W3C */ } } .noPrice .redSummary { border:0;box-shadow:none; } .noPrice .redSummary .redSummaryInfo, .noPrice .redSummary .redSummaryLinkOut, .noPrice .redSummary .redSummaryPriceBox { display:none; } .noPrice .moreDetailsBox { display:none !important; } .noPrice .orderBox, .noPrice .buttonBoxTopJuno, .noPrice .trustedS { display:none; } .redSummary .redSummaryInfo.no-soho-discount { display:none !important; } /* bis R30.4 */ .noPrice .redSummary .redSummaryAlert { display: block; } /* ab OLS1 Drop 1 */ .noPrice.basketPutError .redSummary .redSummaryAlert, .noPrice.globalError .redSummary .redSummaryAlert { display: none; } .noPrice.globalError .redSummary .redSummaryAlert.global { display: block; } .logoutBut { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .logoutBut { margin-left:10px;padding:0; } } .moreInfo h2 { font: 700 11px Arial,sans-serif; padding: 0; margin-bottom:6px; } .moreInfo.ART, .moreInfo.INL, .moreInfo.INO, .moreInfo.STD { display:none; } /* Trusted Shop Bullets */ .trustedS { position:relative;padding:20px 0; } .trustedS .bulletpoint { position:relative;line-height:20px;margin-bottom:11px;background:url(//www.vodafone.de/images/v5/css/icon_check_40x40.png) no-repeat -2px 0;background-size:20px 20px;padding-left:24px; } /* MSISDN-Box */ .msisdnBox { position:relative;padding-top:15px; } .msisdnBox .messageBox { position:relative;margin-bottom:15px; } .msisdnBox .messageBox .msisdnToolTipp { position:relative;padding: 12px 15px;border:1px solid #cccccc;border-radius:5px;display:none; } .msisdnBox .messageBox .msisdnToolTipp .wrap { position:absolute;top:0px;left:0px;width:100%;height:100%;z-index: 1; } .msisdnBox .messageBox .msisdnToolTipp .body { position:relative;z-index:2; } .msisdnBox .messageBox .msisdnToolTipp:after, .msisdnBox .messageBox .msisdnToolTipp .wrap:after { position:absolute;content:" ";width:0;height:0;border:solid transparent; } .msisdnBox .messageBox .msisdnToolTipp:after { top:100%;left:93%;border-top-color:#cccccc;border-width:8px;margin-left:-8px; } .msisdnBox .messageBox .msisdnToolTipp .wrap:after { top:100%;left:93%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .msisdnBox .messageBox .icon { position:absolute;bottom:-32px;right:10px;width:20px;height:20px;background:url(/images/v5/css/icon-tooltip-a-20x20.png);cursor:pointer; } .msisdnBox .messageBox.ttActive .msisdnToolTipp { display:block; } .msisdnBox .messageBox.ttActive .icon { background:url(/images/v5/css/icon-tooltip-b-20x20.png); } .msisdnBox .messageBox .alertBox { margin:0;display:none; } .msisdnBox .messageBox .alertBox .wrap { position:absolute;top:0px;left:0px;width:100%;height:100%;z-index: 1; } .msisdnBox .messageBox .alertBox .body { position:relative;z-index:2; } .msisdnBox .messageBox .alertBox:after, .msisdnBox .messageBox .alertBox .wrap:after { position:absolute;content:" ";width:0;height:0;border:solid transparent; } .msisdnBox .messageBox .alertBox:after { top:100%;left:7%;border-top-color:#FF5400;border-width:8px;margin-left:-8px; } .msisdnBox .messageBox .alertBox .wrap:after { top:100%;left:7%;border-top-color:#FFF5F0;border-width:7px;margin-left:-7px; } .msisdnBox.errorActive .messageBox .alertBox { display:block; } .msisdnBox .txtBox { margin-bottom:10px;width:240px; } .msisdnBox .fm-select { position:relative;width:172px;margin-right:5px; } .msisdnBox .fm-select select { font-weight:bold; } .msisdnBox.errorActive .fm-select select { border: 1px solid #FF5400; } .msisdnBox .msisdnChoose { position:relative;font-size:14px;line-height:29px;padding:0px 10px 0px;border: 1px solid #e9e9e9; } @media only screen and (max-width: 767px) { .msisdnBox { margin-left:10px; } } /* VVL Redirect Overlay */ .vvlRedirectInfo .head { position: relative;font-family:"VodafoneRgRegular",Arial,Helvetica,sans-serif;font-size: 30px;font-weight:normal;line-height: 35px;color:#e60000;margin-bottom:20px; } .vvlRedirectInfo .card { position:relative;width:328px;height:270px;top:0;/* border:1px solid #cccccc;border-radius:3px; */margin-bottom:20px; } .vvlRedirectInfo .message { position:relative; top:20px; /* padding:0 15px 0 20px;*/ font:14px/18px "VodafoneRgRegular",Arial,sans-serif;} .vvlRedirectInfo .buttonBig { width: 118px;} /* Button-Logout */ .logOut { position:relative; } .logOut.redplus { margin-top:25px; } .logOut .buttonBig { position:absolute;top:-75px;right:22px;font-size: 12px; } .logout-content .noErrorBox p { font-size:14px;font-weight:bold; } @media only screen and (max-width: 767px) { .logOut .buttonBig { position:relative;top:0;right:auto;width:254px;margin:0 0 20px 12px; } .logout-content .noErrorBox p { font-size:12px;font-weight:bold; } }/* Loading Spinner */ .spinner-layer { bottom: 0; display: none; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; } .spinner-layer { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; } .spinner-layer .spinner { position:absolute; width:55px; height:55px; top:50%; left:50%; } .spinner-layer .spinner img { position:relative;top:-28px;left:-28px; } /* ------------------------------------------------------------------------------------------ */ /* CONTENT CLASS: CSS Snippet - Aruba - Juno - Stepper */ /* PAGENAME: CSS Snippet - Aruba - Juno - Stepper PAGEID: 393533 */ /* ------------------------------------------------------------------------------------------ */ .stepperDyn { position:relative;height:63px;margin:0 21px 12px 3px; } .stepperDyn .step { position:relative;float:left;height:63px; } .stepperDyn span { position:relative;display:block;height:63px;padding-left:70px;font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;line-height:58px;font-weight:normal;color:#666666; } .stepperDyn a { text-decoration:none;outline:none; } /* stepper arubaJuno */ .arubaJuno.stepperDyn .step { width:33.333333%; } .arubaJuno.step1 .offer { background:url(/images/v5/css/stepper_dyn_body_selected_1x.png); } .arubaJuno.step1 .check { background:url(/images/v5/css/stepper_dyn_body_unvisited_1x.png); } .arubaJuno.step1 .order { background:url(/images/v5/css/stepper_dyn_body_unvisited_1x.png); } .arubaJuno.step1 .offer:before { position:absolute;content:" ";width:15px;height:63px;top:0;left:-2px;background:url(/images/v5/css/stepper_dyn_leftend_selected_1x.png); } .arubaJuno.step1 .check:before { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_selected_unvisited_1x.png); } .arubaJuno.step1 .order:before { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_unvisited_unvisited_1x.png); } .arubaJuno.step1 .order:after { position:absolute;content:" ";width:15px;height:63px;top:0;right:-2px;background:url(/images/v5/css/stepper_dyn_rightend_unvisited_1x.png); } .arubaJuno.step1 .offer span { background:url(/images/v5/css/stepper16_icon_phone_white_1x.png) no-repeat 18px 10px;z-index:1;color:#ffffff; } .arubaJuno.step1 .check span { background:url(/images/v5/css/stepper16_icon_extras_dark_1x.png) no-repeat 26px 10px;z-index:1; } .arubaJuno.step1 .order span { background:url(/images/v5/css/stepper16_icon_basket_dark_1x.png) no-repeat 26px 10px;z-index:1; } .arubaJuno.step1 .check:hover span { background:url(/images/v5/css/stepper16_icon_extras_red_1x.png) no-repeat 26px 10px;color:#e60000; } .arubaJuno.step1 .order:hover span { background:url(/images/v5/css/stepper16_icon_basket_red_1x.png) no-repeat 26px 10px;color:#e60000; } .arubaJuno.step2 .offer { background:url(/images/v5/css/stepper_dyn_body_visited_1x.png); } .arubaJuno.step2 .check { background:url(/images/v5/css/stepper_dyn_body_selected_1x.png); } .arubaJuno.step2 .order { background:url(/images/v5/css/stepper_dyn_body_unvisited_1x.png); } .arubaJuno.step2 .offer:before { position:absolute;content:" ";width:15px;height:63px;top:0;left:-2px;background:url(/images/v5/css/stepper_dyn_leftend_visited_1x.png); } .arubaJuno.step2 .check:before { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_visited_selected_1x.png); } .arubaJuno.step2 .order:before { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_selected_unvisited_1x.png); } .arubaJuno.step2 .order:after { position:absolute;content:" ";width:15px;height:63px;top:0;right:-2px;background:url(/images/v5/css/stepper_dyn_rightend_unvisited_1x.png); } .arubaJuno.step2 .offer span { background:url(/images/v5/css/stepper16_icon_phone_dark_1x.png) no-repeat 18px 10px;z-index:1; } .arubaJuno.step2 .check span { background:url(/images/v5/css/stepper16_icon_extras_white_1x.png) no-repeat 26px 10px;z-index:1;color:#ffffff; } .arubaJuno.step2 .order span { background:url(/images/v5/css/stepper16_icon_basket_dark_1x.png) no-repeat 26px 10px;z-index:1; } .arubaJuno.step2 .offer:hover span { background:url(/images/v5/css/stepper16_icon_phone_red_1x.png) no-repeat 18px 10px;color:#e60000; } .arubaJuno.step2 .order:hover span { background:url(/images/v5/css/stepper16_icon_basket_red_1x.png) no-repeat 26px 10px;color:#e60000; } .arubaJuno.step3 .offer { background:url(/images/v5/css/stepper_dyn_body_visited_1x.png); } .arubaJuno.step3 .check { background:url(/images/v5/css/stepper_dyn_body_visited_1x.png); } .arubaJuno.step3 .order { background:url(/images/v5/css/stepper_dyn_body_selected_1x.png); } .arubaJuno.step3 .offer:before { position:absolute;content:" ";width:15px;height:63px;top:0;left:-2px;background:url(/images/v5/css/stepper_dyn_leftend_visited_1x.png); } .arubaJuno.step3 .check:before { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_visited_visited_1x.png); } .arubaJuno.step3 .order:before { position:absolute;content:" ";width:34px;height:63px;top:0;left:-15px;background:url(/images/v5/css/stepper_dyn_visited_selected_1x.png); } .arubaJuno.step3 .order:after { position:absolute;content:" ";width:15px;height:63px;top:0;right:-2px;background:url(/images/v5/css/stepper_dyn_rightend_selected_1x.png); } .arubaJuno.step3 .offer span { background:url(/images/v5/css/stepper16_icon_phone_dark_1x.png) no-repeat 18px 10px;z-index:1; } .arubaJuno.step3 .check span { background:url(/images/v5/css/stepper16_icon_extras_dark_1x.png) no-repeat 26px 10px;z-index:1; } .arubaJuno.step3 .order span { background:url(/images/v5/css/stepper16_icon_basket_white_1x.png) no-repeat 26px 10px;z-index:1;color:#ffffff; } .arubaJuno.step3 .offer:hover span { background:url(/images/v5/css/stepper16_icon_phone_red_1x.png) no-repeat 18px 10px;color:#e60000; } .arubaJuno.step3 .check:hover span { background:url(/images/v5/css/stepper16_icon_extras_red_1x.png) no-repeat 26px 10px;color:#e60000; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .arubaJuno.step1 .offer { background:url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step1 .check { background:url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step1 .order { background:url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step1 .offer:before { background:url(/images/v5/css/stepper_dyn_leftend_selected_2x.png) no-repeat #ffffff;background-size:15px 63px; } .arubaJuno.step1 .check:before { background:url(/images/v5/css/stepper_dyn_selected_unvisited_2x.png) no-repeat #ffffff;background-size:34px 63px; } .arubaJuno.step1 .order:before { background:url(/images/v5/css/stepper_dyn_unvisited_unvisited_2x.png) no-repeat #ffffff;background-size:34px 63px; } .arubaJuno.step1 .order:after { background:url(/images/v5/css/stepper_dyn_rightend_unvisited_2x.png) no-repeat #ffffff;background-size:15px 63px; } .arubaJuno.step1 .offer span { background:url(/images/v5/css/stepper16_icon_phone_white_2x.png) no-repeat 18px 10px;background-size:40px 40px; } .arubaJuno.step1 .check span { background:url(/images/v5/css/stepper16_icon_extras_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step1 .order span { background:url(/images/v5/css/stepper16_icon_basket_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step1 .check:hover span { background:url(/images/v5/css/stepper16_icon_extras_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step1 .order:hover span { background:url(/images/v5/css/stepper16_icon_basket_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step2 .offer { background:url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step2 .check { background:url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step2 .order { background:url(/images/v5/css/stepper_dyn_body_unvisited_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step2 .offer:before { background:url(/images/v5/stepper_dyn_leftend_visited_2x.png) no-repeat #ffffff;background-size:15px 63px; } .arubaJuno.step2 .check:before { background:url(/images/v5/css/stepper_dyn_visited_selected_2x.png) no-repeat #ffffff;background-size:34px 63px; } .arubaJuno.step2 .order:before { background:url(/images/v5/css/stepper_dyn_selected_unvisited_2x.png) no-repeat #ffffff;background-size:34px 63px; } .arubaJuno.step2 .order:after { background:url(/images/v5/css/stepper_dyn_rightend_unvisited_2x.png) no-repeat #ffffff;background-size:15px 63px; } .arubaJuno.step2 .offer span { background:url(/images/v5/css/stepper16_icon_phone_dark_2x.png) no-repeat 18px 10px;background-size:40px 40px; } .arubaJuno.step2 .check span { background:url(/images/v5/css/stepper16_icon_extras_white_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step2 .order span { background:url(/images/v5/css/stepper16_icon_basket_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step2 .offer:hover span { background:url(/images/v5/css/stepper16_icon_phone_red_2x.png) no-repeat 18px 10px;background-size:40px 40px; } .arubaJuno.step2 .order:hover span { background:url(/images/v5/css/stepper16_icon_basket_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step3 .offer { background:url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step3 .check { background:url(/images/v5/css/stepper_dyn_body_visited_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step3 .order { background:url(/images/v5/css/stepper_dyn_body_selected_2x.png) no-repeat #ffffff;background-size:500px 63px; } .arubaJuno.step3 .offer:before { background:url(/images/v5/stepper_dyn_leftend_visited_2x.png) no-repeat #ffffff;background-size:15px 63px; } .arubaJuno.step3 .check:before { background:url(/images/v5/css/stepper_dyn_visited_visited_2x.png) no-repeat #ffffff;background-size:34px 63px; } .arubaJuno.step3 .order:before { background:url(/images/v5/css/stepper_dyn_visited_selected_2x.png) no-repeat #ffffff;background-size:34px 63px; } .arubaJuno.step3 .order:after { background:url(/images/v5/css/stepper_dyn_rightend_selected_2x.png) no-repeat #ffffff;background-size:15px 63px; } .arubaJuno.step3 .offer span { background:url(/images/v5/css/stepper16_icon_phone_dark_2x.png) no-repeat 18px 10px;background-size:40px 40px; } .arubaJuno.step3 .check span { background:url(/images/v5/css/stepper16_icon_extras_dark_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step3 .order span { background:url(/images/v5/css/stepper16_icon_basket_white_2x.png) no-repeat 26px 10px;background-size:40px 40px; } .arubaJuno.step3 .offer:hover span { background:url(/images/v5/css/stepper16_icon_phone_red_2x.png) no-repeat 18px 10px;background-size:40px 40px; } .arubaJuno.step3 .check:hover span { background:url(/images/v5/css/stepper16_icon_extras_red_2x.png) no-repeat 26px 10px;background-size:40px 40px; } } @media only screen and (max-width: 767px) { .stepperDyn { margin:0 10px 12px; } .stepperDyn span.webVersion { display:none; } .stepperDyn span.mobilVersion { margin: 0 auto; } .arubaJuno.stepperDyn .step { width:20%; } .arubaJuno.step1 .offer, .arubaJuno.step2 .check, .arubaJuno.step3 .order { width:60%; } .arubaJuno.step1 .offer span { background:none;padding-left:10px; } .arubaJuno.step1 .check span { width:0px;overflow:hidden;background-position:15px 10px; } .arubaJuno.step1 .order span { width:0px;overflow:hidden;background-position:15px 10px; } .arubaJuno.step1 .check:hover span { background-position:15px 10px; } .arubaJuno.step1 .order:hover span { background-position:15px 10px; } .arubaJuno.step2 .offer span { width:0px;overflow:hidden;background-position:15px 10px; } .arubaJuno.step2 .check span { background:none;padding-left:22px; } .arubaJuno.step2 .order span { width:0px;overflow:hidden;background-position:15px 10px; } .arubaJuno.step2 .offer:hover span { background-position:15px 10px; } .arubaJuno.step2 .order:hover span { background-position:15px 10px; } .arubaJuno.step3 .offer span { width:0px;overflow:hidden;background-position:15px 10px; } .arubaJuno.step3 .check span { width:0px;overflow:hidden;background-position:15px 10px; } .arubaJuno.step3 .order span { background:none;padding-left:22px; } .arubaJuno.step3 .offer:hover span { background-position:15px 10px; } .arubaJuno.step3 .check:hover span { background-position:15px 10px; } } .pr-error-comments { width:94% !important; } button.pr-submit-button, button.pr-cancel-button { padding: 0 0 0 9px !important; } button.pr-submit-button span, button.pr-cancel-button span { margin: -1px 0 0 0 !important; } /* ------------------------------------------------------------------------------------------ */ /* CONTENT CLASS: CSS Snippet - Aruba - Vodafone Pass */ /* PAGENAME: CSS Snippet - Aruba - Vodafone Pass PAGEID: 576696 */ /* ------------------------------------------------------------------------------------------ */ /* Preisbox */ .aruba.hardwareOnly .redSummaryPriceBox .pass-area { display:none; } .redSummaryPriceBox .pass-area { position: relative; margin:0 -20px; } .redSummaryPriceBox .pass-area .choice-box { position: relative; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #fff; display: table; width: 100%; height: 56px; overflow: hidden; } .redSummaryPriceBox .pass-area .choice-box .choice { position: relative; display: table-cell; font-size: 16px; line-height: 20px; vertical-align: middle; padding: 1px 45px 0 75px; } .redSummaryPriceBox .pass-area .choice-box .choice:after { position: absolute; display: block; content: ''; top: -35px; left: -45px; width: 100px; height: 90px; background-color: #e60000; transform: rotate(30deg); } .redSummaryPriceBox .pass-area .choice-box svg.more { position: absolute; top: 18px; right: 15px; } .redSummaryPriceBox .pass-area .choice-box svg.i-chat-o, .redSummaryPriceBox .pass-area .choice-box svg.i-social-o, .redSummaryPriceBox .pass-area .choice-box svg.i-musik-o, .redSummaryPriceBox .pass-area .choice-box svg.i-video-o { position: absolute; display:none; top: 12px; left: 10px; width:32px; height:32px; } .redSummaryPriceBox .pass-area .choice-box.i-chat svg.i-chat-o, .redSummaryPriceBox .pass-area .choice-box.i-social svg.i-social-o, .redSummaryPriceBox .pass-area .choice-box.i-music svg.i-musik-o, .redSummaryPriceBox .pass-area .choice-box.i-video svg.i-video-o { display:block; } .redSummaryPriceBox .pass-area .notification { position: relative; display:none; margin: 10px 15px; padding: 10px; background-color: #fff5f0; border-radius: 3px; } .redSummaryPriceBox .pass-area a { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; } /* Overlay */ .vodafonePass-content { position: relative; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1; } .vodafonePass-content .h2 { font-size:30px; line-height:34px; margin-bottom:20px; } .vodafonePass-content * { box-sizing: border-box; } .mod-pass-row-module { position: relative; margin:0 10px 0 0 !important; } .mod-pass-row-module .col { position:relative; padding:0 16px 0 0; } .mod-pass-row-module:before { position: relative; display: block; content: ''; border-top: 1px solid #d1d1d1; margin-right: 16px; } .mod-pass-row-module .pass-module-tiles-wrapper { position: relative; overflow-x: auto; margin-left: -16px; margin-right: -16px; outline: none; -webkit-overflow-scrolling: touch; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile { position: relative; width: 25%; padding: 20px 16px; float: left; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper { position: relative; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .head { position: relative; font-size: 22px; line-height: 26px; text-align: center; margin-bottom: 10px; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .content-wrap { position: relative; text-align: center; font-size:14px; line-height:18.2px; font-family: 'VodafoneRgRegular',Arial,Helvetica,sans-serif; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .content-wrap a { font-weight: bold; text-decoration: underline; font-size:14px; line-height:18.2px; font-family: 'VodafoneRgRegular',Arial,Helvetica,sans-serif; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .img-wrap { position: relative; padding: 20px 0; text-align: center; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .selectionRadio { position: relative; padding: 15px 15px 15px 45px; background-color: #fff; border: 1px solid #d1d1d1; border-radius: 3px; cursor: pointer; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .selectionRadio:after { content: "Pass auswählen"; display: block; font: 700 16px/22px "Vodafone", Arial, sans-serif; color: #e60000; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile .pass-module-tile-wrapper .selectionRadio .i-radio { position: absolute; top: 16px; left: 15px; width: 20px; height: 20px; border: 2px solid #e60000; border-radius: 10px; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile.selected .pass-module-tile-wrapper .selectionRadio { background-color: #e60000; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile.selected .pass-module-tile-wrapper .selectionRadio:after { content: "Ausgewählt"; color: #fff; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile.selected .pass-module-tile-wrapper .selectionRadio .i-radio { border: 2px solid #fff; } .mod-pass-row-module .pass-module-tiles-wrapper .pass-module-tiles .pass-module-tile.selected .pass-module-tile-wrapper .selectionRadio .i-radio:after { position: absolute; display: block; content: ''; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 5px; background-color: #fff; } .mod-pass-row-module .button-wrap { position: relative; padding: 0 0 10px 0; border-bottom: 1px solid #d1d1d1; } .mod-pass-row-module .button-wrap .buttonBig { position:relative; float:right; } .mod-pass-row-module .button-wrap .buttonBig.disabled { opacity:0.5; cursor:default; } .mod-pass-row-module .button-wrap .buttonBig.disabled:hover, .mod-pass-row-module .button-wrap .buttonBig.disabled:focus, .mod-pass-row-module .button-wrap .buttonBig.disabled:active { background: #9c2aa0; box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75); border: 1px solid transparent; } .mod-pass-row-module .button-wrap:after { position: relative; display: block; content: ''; float: none; clear: both; } @media only screen and (max-width: 767px) { #vodafonePass-data.simplemodal-data { padding: 56px 0 20px; } .vodafonePass-content .h2 { padding:0 10px; } .mod-pass-row-module { margin:0 10px !important; } .mod-pass-row-module .col { padding:0 6px 0 0; } .mod-pass-row-module:before { margin-right:0; } .mod-pass-row-module .button-wrap .buttonBig { width:100%; } } /* Accordions */ .pass-akko { position:relative; border-radius: 3px; box-shadow: 0 1px 2px #ccc; margin: 0 26px 10px 0; border:1px solid #cccccc; } .pass-akko .arubaAcco { position:relative; margin-bottom:0; box-shadow:none; border-radius:0; border-width:1px 0 0 0; background-position:830px 23px; background-size:14px 9px; background-color: #f4f4f4; } .pass-akko .arubaAcco:nth-child(1) { border-width:0; } .pass-akko .arubaAcco.active:after { position:relative; display:block; content:''; width:20px; height:20px; } .pass-akko .arubaAcco .baseBox { position:relative; padding:15px 60px 15px; background-color:#ffffff; background-image: url(//www.vodafone.de/images/v5/css/acco_down.png); background-repeat:no-repeat; background-position:830px 22px; background-size:14px 9px; } .pass-akko .arubaAcco.active .baseBox { background-image: url(//www.vodafone.de/images/v5/css/acco_up.png); } .pass-akko .arubaAcco.active .baseBox { box-shadow: 0px 2px 3px -2px rgba(50, 50, 50, 0.75); } .pass-akko .arubaAcco .baseBox .imgBox { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .pass-akko .arubaAcco:nth-child(1) .baseBox .imgBox svg, .pass-akko .arubaAcco:nth-child(1) .baseBox .imgBox svg .st0, .pass-akko .arubaAcco:nth-child(1) .baseBox .imgBox svg [fill] { color: #a8b600; fill: #a8b600; } .pass-akko .arubaAcco:nth-child(2) .baseBox .imgBox svg, .pass-akko .arubaAcco:nth-child(2) .baseBox .imgBox svg .st0, .pass-akko .arubaAcco:nth-child(2) .baseBox .imgBox svg [fill] { color: #00b0ca; fill: #00b0ca; } .pass-akko .arubaAcco:nth-child(3) .baseBox .imgBox svg, .pass-akko .arubaAcco:nth-child(3) .baseBox .imgBox svg .st0, .pass-akko .arubaAcco:nth-child(3) .baseBox .imgBox svg [fill] { color: #e98d00; fill: #e98d00; } .pass-akko .arubaAcco:nth-child(4) .baseBox .imgBox svg, .pass-akko .arubaAcco:nth-child(4) .baseBox .imgBox svg .st0, .pass-akko .arubaAcco:nth-child(4) .baseBox .imgBox svg [fill] { color: #9c2aa0; fill: #9c2aa0; } .pass-akko .arubaAcco .baseBox .txtBox { position:relative; top: auto; left: auto; font-size: 18px; line-height: 22px; } .pass-akko .arubaAcco .baseBox .txtBox .head { font-size: 18px; line-height:22px; } @media only screen and (max-width: 767px) { h2 { padding:0 10px; } .pass-akko { margin: 0 0 10px; border-right:0; border-left:0; } .pass-akko .arubaAcco.active:after { width:10px; height:10px; } .pass-akko .arubaAcco .baseBox { padding:10px 40px 10px; background-position:275px 17px; } .pass-akko .arubaAcco .baseBox .imgBox { left:10px; } .pass-akko .arubaAcco .baseBox .txtBox .head { height: auto; } } /* PartnerIconGrit */ .vodafonePass-content .arubaAcco .appListe { display:none; } .appListe { position:relative; margin:20px 20px 0; border:1px solid #cccccc; border-radius:3px; background-color:#ffffff; } .appListe * { box-sizing: border-box; } .partnericon-tiles-wrapper { position:relative; /*background-color:rgba(255,0,255,0.2);*/ margin:0; padding-top:15px; } .partnericon-tiles-wrapper:after { position:relative; display:block; content:''; float:none; clear:both; } .partnericon-tiles-wrapper .partnericon-tile-wrapper { position:relative; width:16.6666%; float:left; /*background-color:rgba(0,255,255,0.2);*/ } .partnericon-tiles-wrapper .partnericon-tile-wrapper .partnericon-tile { position:relative; height:45px; margin:15px 16px 5px; /*background-color:rgba(0,255,0,0.2);*/ background-position:center; background-repeat:no-repeat; background-size:contain; } .partnericon-tiles-wrapper .partnericon-tile-wrapper .partnericon-label { text-align: center; height:40px; margin:0 16px 15px; } .partnericon-tiles-wrapper .partnericon-tiles-button-wrap { position:relative; float:none; clear:both; border-top:1px solid #cccccc; margin:15px 15px 0; padding:20px 0 10px 0; } .partnericon-tiles-wrapper .partnericon-tiles-button-wrap a.buttonBig { float:right; margin:0 0 10px; } @media only screen and (max-width: 767px) { .appListe { margin:10px 10px 0; } .partnericon-tiles-wrapper { margin:0; } .partnericon-tiles-wrapper .partnericon-tile-wrapper { width:33.3333%; } .partnericon-tiles-wrapper .partnericon-tile-wrapper .partnericon-tile { height:38px; margin:12px 15px 5px; } .partnericon-tiles-wrapper .partnericon-tile-wrapper .partnericon-label { margin:0 15px 12px; } .partnericon-tiles-wrapper .partnericon-tiles-button-wrap a.buttonBig { width:100%; } } /* OnlinePromise */ .vodafonePass-content .online-promise { position:relative; margin-bottom:40px; } .vodafonePass-content .online-promise:after { position:relative; display:block; content:''; float:none; clear:both; } .vodafonePass-content .online-promise .col { float: left; } .vodafonePass-content .online-promise .w-25 { width:25%; } .vodafonePass-content .online-promise .img-wrap { position:relative; text-align:center; margin:10px 0 10px; } .vodafonePass-content .online-promise .content-wrap { position:relative; text-align:center; } @media only screen and (max-width: 767px) { .vodafonePass-content .online-promise .col { float: left; padding: 0 0 0 8px; } .vodafonePass-content .online-promise .w-20, .vodafonePass-content .online-promise .w-25, .vodafonePass-content .online-promise .w-33 { width:50%; } .vodafonePass-content .online-promise .w-20:last-child, .vodafonePass-content .online-promise .w-33:last-child { width:100%; } } /* Teaser */ .vodafonePass-content .mock-col-w-50 { margin: 0 26px 10px 0; } .vodafonePass-content .mock-col-w-50 .grid { position:relative; margin-bottom: 5px; margin-left:-32px; } .vodafonePass-content .mock-col-w-50 .grid:after { position:relative; display:block; content:''; float:none; clear:both; } .vodafonePass-content .mock-col-w-50 .grid .col { position:relative; padding:0 0 0 32px; } .vodafonePass-content .mock-col-w-50 .ts-switch2 .img-wrap { float: right; } .vodafonePass-content .mock-col-w-50 .ts-switch2 .img-wrap img { width: 100%; } .vodafonePass-content .mock-col-w-50 .ts-switch2 .img-wrap img.only-sml { display: none !important; } .vodafonePass-content .mock-col-w-50 .grid h3 { font: 400 22px/26px "VodafoneRgBold", Arial, sans-serif; margin-bottom:10px; } .vodafonePass-content .mock-col-w-50 .grid p { font: 400 14px/20px "VodafoneRgBold", Arial, sans-serif; margin-bottom:10px; } .vodafonePass-content .mock-col-w-50 .ts-switch2 ul.bullet-list { margin: 0px 0px 10px 0; list-style: none; } .vodafonePass-content .mock-col-w-50 .ts-switch2 ul.bullet-list li { font: 400 14px/20px "VodafoneRgRegular", Arial, sans-serif; margin-top: 5px; margin-left: 24px; text-indent: -24px; list-style: none; } .vodafonePass-content .mock-col-w-50 .ts-switch2 ul.bullet-list li:before { content: "\2022"; margin-right: 19px; font-size:14px; } @media only screen and (max-width: 767px) { .vodafonePass-content .mock-col-w-50 { margin: 0 10px 10px 10px; } .vodafonePass-content .mock-col-w-50 .ts-switch2 .img-wrap { margin-bottom: 20px; } .vodafonePass-content .mock-col-w-50 .ts-switch2 .img-wrap img.only-lrg { display: none !important; } .vodafonePass-content .mock-col-w-50 .ts-switch2 .img-wrap img.only-sml { display: inline-block !important; } .vodafonePass-content .mock-col-w-50 .grid h3 { font-size: 20px; line-height: 24px; } } /* ------------------------------------------------------------------------------------------ */ /* CONTENT CLASS: CSS Snippet - Aruba - Tariffchange */ /* PAGENAME: CSS Snippet - Aruba - Tariffchange PAGEID: 585972 */ /* ------------------------------------------------------------------------------------------ */ @media only screen and (min-width: 767px) { .tariffchange .nbaBoxWrapper .col.w-33:nth-child(3) { padding-top:144px; } } .tariffchange .welcomeBox .pp-seal { position: absolute; right: 86px; } .tariffchange .welcomeBox .h3 { position: relative; font-family: 'VodafoneRgRegular',Arial,Helvetica,sans-serif; font-size: 24px; font-weight: normal; margin-bottom: 10px; } .tariffchange .welcomeBox .welcomeText { padding-right: 314px; } .tariffchange .nbaBox { height: 326px; } .tariffchange .nbaBox .device { display:none; } .tariffchange .nbaBox .tariff .checked { display:none; } .tariffchange.nba .tariffPrice { border-bottom: none; } @media only screen and (min-width: 768px) { .tariffchange .nbaBox .tariff { height: 310px; } .tariffchange .nbaBox .card { height: 310px; } .tariffchange .nbaBox .card .front, .tariffchange .nbaBox .card .back { height:310px; } .tariffchange .nbaBox .card .back { top: 232px; } .tariffchange .nbaBox .front .tariffCard, .tariffchange .nbaBox .back .tariffCard { height:310px; } .tariffchange .nbaBox .front .tariffCard:after { position:absolute; display:block; content:''; top:0; left:314px; width:313px; height:85px; background-color:#f4f4f4; } .tariffchange .nbaBox .tariffCard .features { margin:20px 19px; border-bottom:0; } .tariffchange .nbaBox .tariffCard .aktion { position:absolute; top:85px; left:314px; width:275px; } .tariffchange .nbaBox .priceBox { top: 230px; left:314px; } .tariffchange .nbaBox .priceBox .tariffPrice { line-height:24px; padding-bottom:10px; } } .tariffchange .nbaBox .priceBox .devicePrice { display:none; } .tariffchange .nbaBox .priceBox .footnote { font-size:12px; } .tariffchange .ctaContainerSpacer { display:block; } .tariffchange .ctaContainer { top:332px; } /* slotmachine */ @media only screen and (min-width: 768px) { .tariffchange .deviceMask { top:130px !important } } .tariffchange.slotMachine .ctaContainer { top: 575px; } .tariffchange.slotMachine .tariff { top: -20px; } .tariffchange.slotMachine .tariff .checked { display:none; } .tariffchange.slotMachine .tariffFilterForm { display: none !important } .tariffchange .tariffSliderBox, .tariffchange .deviceSliderBox { height:460px; } .tariffchange #onetimeCostsContainer { display: none; } .tariffchange .deviceMask .deviceCard { background:none; } .tariffchange .deviceMask .deviceCard .imgBox { position:relative; top:0; left:0; overflow:hidden; } .tariffchange .deviceMask .deviceCard .imgBox img { width:298px; } .tariffchange .deviceMask .deviceCard .h3 { font-size:18px; position:relative; padding:20px 10px; } .tariffchange .deviceMask .deviceCard p { position:relative; line-height:18px; padding:0 10px 20px; } .tariffchange .deviceMask .deviceCard .txtBox { position:relative; top:0; left:0; margin:0 10px; padding-top:10px; } .tariffchange .deviceMask .deviceCard .txtBox p { padding:0; } /* mobile */ @media only screen and (max-width: 767px) { .tariffchange .welcomeBox { padding-bottom:90px; } .tariffchange .welcomeBox.no-seal { padding-bottom:0; } .tariffchange .welcomeBox .pp-seal { right: 0px; bottom: 0px; } .tariffchange .welcomeBox .welcomeText { padding-right:0; } .tariffchange .nbaBox { height: 495px; margin-bottom:30px; } .nbaBox .tariff { height: 495px; } .tariffchange .nbaBox .card { height:512px; } .tariffchange .nbaBox .card .back { top: 224px; } .tariffchange .nbaBox .tariffCard .features { height: 120px; } .tariffchange.nba .priceBox { top: 400px; } .tariffchange .ctaContainerSpacer { display:none; } .tariffchange .device .mask { position:relative; left:0; height:420px; } .tariffchange .deviceMask { position:relative; top:0px !important; left:-10px; } .tariffchange.slotMachine .ctaContainer { top: 0px; } } /* ------------------------------------------------------------------------------------------ */ /* CONTENT CLASS: CSS Snippet - Aruba - PromoBadge */ /* PAGENAME: CSS Snippet - Aruba - PromoBadge PAGEID: 590320 */ /* ------------------------------------------------------------------------------------------ */ .doubleDataPromoContainer, .promoBadge { position:relative; margin:15px 0 3px; display:none; } .doubleDataPromoContainer .ddPromoLabel, .promoBadge .promoLabel{ display: inline-block; background-color: #e60000; color: #fff; margin-bottom: 5px; padding: 2px 10px 3px 10px; } .doubleDataPromoContainer .ddPromoText, .promoBadge .promoText{ display: inline-block; } .doubleDataPromoContainer .ddPromoText .ddVolume, .promoBadge .promoText .red { color: #e60000; font-weight: bold; } /* -[SNIPPETS <<<]---------------------------------------------------------------------------- */