/* CSS Container */ /* PAGENAME: CSS Container - dynHUB-Page (vodafone.dynhub.css) => auf den legacy HUB Pages VVL + Tablets BNT PAGEID: 220045 PUBLISHING DATE: 2019-03-20 13:42:05 */ /* URL-Prefix: [] */ /* -[SNIPPETS >>>]---------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------- */ /* CONTENT CLASS: CSS Snippet - dynHUB-Page */ /* PAGENAME: CSS Snippet - dynHUB-Page PAGEID: 220046 */ /* ------------------------------------------------------------------------------------------ */ /* VERSION: */ /* URL-Prefix: [] */ /* ------------------------------------------------------------------------------------------- */ .dynhub.notAvailable {display:none;} .dynhub.notAvailable .hubTxtBox {width: 500px;position: absolute; left:450px; bottom: 144px;} .dynhub.notAvailable .hubTxtBox > p {margin-bottom: 10px;} .dynhub.notAvailable .hubTxtBox .buttonBox {margin-top: 10px;} .dynhub.notAvailable .hubTxtBox .buttonBox.mobile {display: none;} .dynhub.notAvailable .hubTxtBox .buttonBox .aButton {float: left; margin-right: 10px;} .dynhub { position:relative;width:961px;margin-bottom:30px;border-bottom:1px solid #cdcdcd; } .dynhub a.arrow { position:relative;font-size:12px;text-decoration:none;background: url(/images/v5/css/linkArrow13.png) no-repeat scroll right -3px;padding-right: 10px !important; } .dynhub a.arrow:hover { text-decoration:underline; } .dynhub .dynhubGradient { position:relative;width:956px;min-height:452px;margin: 0 2px 0px 3px; background: #ffffff; /* Old browsers */} .dynhub .hubImgBox { position:relative;width:420px;height:403px;float:left; } .dynhub .hubImgBox .imgBox { position:relative;width:400px;height:398px;margin:0 0 30px 7px; } .dynhub .hubImgBox .imgBox img { position:relative;display:block;margin:0 auto; } .dynhub .hubImgBox ul.thumbsBox { position:absolute;top:340px;left:-7px;height:73px;overflow:hidden;list-style:none; } .dynhub .hubImgBox ul.thumbsBox li.thumb { position:relative;list-style:none;width:106px;height:73px;margin:0 14px 0 7px;float:left;background-color:#cdcdcd;box-shadow:none;cursor:pointer; } .dynhub .hubImgBox ul.thumbsBox li.thumb a { position:absolute;top:0px;left:0px;display:block;width:104px;height:71px;background-color:transparent;outline:none;border:1px solid #cdcdcd; } .dynhub .hubTxtBox { position:relative;width:225px;float:left;margin-top:63px; } .dynhub .hubTxtBox .starsBox { position:relative;height:26px;font-size:12px;line-height:18px;margin:0 0 8px 0; } .dynhub .hubTxtBox .starsBox .pr-stars { position:relative;display:block;width:83px;height:15px;margin:0 10px 0 0;background:url(/images/v5/stars_small_gold.gif);float:left; } .dynhub .hubTxtBox .starsBox a { text-decoration:none; } .dynhub .hubTxtBox .starsBox a:hover { text-decoration:underline; } .dynhub .hubTxtBox .featureText { position:relative;font-size:14px;line-height:22px;height:140px;overflow:hidden; } .dynhub .hubTxtBox .featureText ul.ulContent { position:relative;left:15px;margin:0 0 10px 0;width:210px;padding:0; } .dynhub .hubTxtBox .featureText ul.ulContent li { font-size:14px;line-height:22px; } .dynhub .hubTxtBox .featureText br.demi { line-height:11px; } .dynhub .phoneContainer { position:relative; } .dynhub .phoneBox { position:relative;width:225px;height:140px; } .dynhub .phoneBox .txtBox { position:absolute;top:32px;left:0px;width:225px;height:98px; } .dynhub .phoneBox .txtBox h3 { position:relative;color:#333333;font-size:14px;font-weight:bold;height:26px; } .dynhub .phoneBox .txtBox a.ratings { position:relative;width:14px;height:14px;display:block;margin-top:1px;float:left;background-image:url(/images/v5/button_hub_rating.png); } .dynhub .phoneBox .txtBox a.ratings:hover { background-position:0 -14px; } .dynhub .phoneBox .txtBox .rateNow { position:relative;padding-bottom:8px; } .dynhub .phoneBox .details select { font-size:12px;width:104px;margin:0 5px 10px 0; } .dynhub .phoneBox .delivery { position:relative;font-size:12px; } .dynhub .phoneBox .delivery .vf-tab-trigger { line-height: 20px; } .dynhub .phoneBox .delivery .tooltipp {display: none; color:#333333; left: 1px; bottom: 26px;} .dynhub .phoneBox .delivery .tooltipp ul {margin-left: 15px;} .dynhub .phoneBox .delivery img {display:none;} .dynhub .phoneBox .delivery.sdd .sddInfo {display:inline; position: absolute; top:14px; right:-5px;} .dynhub .phoneBox .delivery.sdd a {color:#e60000;} .dynhub .phoneBox .delivery.warning .deliveryWarningImg {display:inline; position: absolute; top:-3px; right:-5px;} .dynhub .phoneBox .delivery.warning {color:#e60000;} #closeButtonDelTooltipp {display: none;} .dynhub .insurance { position:relative;margin-bottom:10px; } .dynhub .insurance div { font-size:12px;line-height:17px;margin-bottom:7px; } .dynhub .insurance .checkBox { margin-bottom: 24px;width:200px; } .dynhub .insurance.mandatory .insuranceCheckbox { display: none;} .dynhub .insurance.mandatory .insuranceText { display: block;} .dynhub .insurance.obligatory .insuranceCheckbox { display: block;} .dynhub .insurance.obligatory .insuranceText { display: none;} .dynhub .insurance.insuranceincl:after { position:absolute;display:block;top:0px;left:-5px;content:"Smartphone- und Tablet-Versicherung";font-size:12px;line-height:17px;width:200px;height:32px;padding-left:30px;background:#ffffff url(/images/v5/css/icon_3_tick_42x42.png) no-repeat;background-size:21px 21px; } .dynhub .checkBox { position:relative;height:17px;font-size:11px;line-height:17px;padding-left:25px;background:url(/images/v5/checkbox.png) no-repeat left top;cursor:pointer; } .dynhub .checkBox.active { background-position:left bottom; } .dynhub .tariffBox { position:relative;width:311px;height:403px;float:left; } .dynhub .tariffBox .stopper { position:absolute;top:-80px;left:121px;width:200px;height:200px; } .dynhub .tariffBox .stopper.noImage { display: none;} .dynhub .tariffSliderBox { position:absolute;top:100px;left:14px;width:195px; } .dynhub .tariffSliderBox .headline { position:relative;height:28px;font-size:14px;font-weight:bold;margin:0 0 0 5px; } .dynhub .tariffSliderBox select { position:relative;width:182px;margin:0 0 8px 7px;font-size:12px; } .dynhub .tariffSlide { position:relative;width:195px !important;height:187px; } .dynhub .tariffSlide .bgImage { position:absolute;top:0px;left:0px; } .dynhub .tariffSlide .head { position:relative;height:57px;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:26px;padding:0 16px; } .dynhub .tariffSlide .head span { position:relative;display:block;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:10.2px;line-height:18px;padding-top:2px; } .dynhub .tariffSlide .line { position:relative;padding:0 16px; } .dynhub .tariffSlide .line span { position:relative;height:32px;display:table-cell;vertical-align: middle;font-family:'VodafoneRgBold',Arial,Helvetica,sans-serif;font-size:12px;color:#525252; } .dynhub .tariffSlide .linkImg { position:absolute;display:block;top:2px;left:6px;width:183px;height:150px;background-color:#ffffff;filter:alpha(opacity=0.1);outline:none;opacity:0.01; } .dynhub .tariffSlide .linkBox { position:absolute;bottom:4px;left:8px; } .dynhub .tariffSlide.red .head { color:#ffffff; } .dynhub .tariffSlide.premium .head { color:#E60000; } .dynhub .tariffSlide.black .head { font-family: 'VodafoneExBRegular',Arial,Helvetica,sans-serif;color:#000000; } .dynhub .tariffSlide.mobileinternet .head { color:#ffffff; } .dynhub .tariffSliderBox .bx-viewport { z-index:1;width:195px !important; } .dynhub .tariffSliderBox .bx-viewport .tariffSlider { width:2000em !important; } .dynhub .tariffSliderBox .bx-controls { position:relative;top:0px;left:0px; } .dynhub .tariffSliderBox .bx-pager { display:none; } .dynhub .tariffSliderBox .bx-controls-direction { position:absolute;top:-20px;left:122px;width:69px;height:29px;background:url(/images/v5/css/bx_tarifslider_prenext.png);z-index:1; } .dynhub .tariffSliderBox a.bx-prev, .dynhub .tariffSliderBox a.bx-prev:active, .dynhub .tariffSliderBox a.bx-prev:focus, .dynhub .tariffSliderBox a.bx-prev:link { position:absolute;top:0px;left:3px;width:32px;height:28px;background:none transparent; } .dynhub .tariffSliderBox a.bx-next, .dynhub .tariffSliderBox a.bx-next:active, .dynhub .tariffSliderBox a.bx-next:focus, .dynhub .tariffSliderBox a.bx-next:link { position:absolute;top:0px;left:36px;width:32px;height:28px;background:none transparent; } .dynhub .tariffSliderBox.singleTariff select, .dynhub .tariffSliderBox.singleTariff .bx-controls { display:none; } .dynhub .redSummary { position:relative;margin: 0 2px 50px 3px;z-index:1; } .dynhub .redSummaryBox { position:relative;top:0px;right:0px;background-color:transparent;line-height:16px;border:1px solid #cdcdcd; } .dynhub .redSummaryBox .txtBox { position:relative;width:262px;min-height:64px;padding:0px 25px;margin:12px 0 0 0;font-size:11px;float:right; } .dynhub .redSummaryBox .txtBox.monthly { border-left:1px solid #eeeeee;border-right:1px solid #eeeeee; } .dynhub .redSummaryBox .txtBox strong { font-size:14px;display:block;margin-bottom:10px; } .dynhub .redSummaryBox .txtBox .left { position:relative;width:192px;float:left;line-height:18px;overflow:hidden; } .dynhub .redSummaryBox .txtBox .left.total { position:absolute;width:142px;bottom:48px;left:25px;line-height:14px; } .dynhub .redSummaryBox .txtBox .right { position:relative;width:70px;float:left;text-align:right;font-size:13px;font-weight:bold;line-height:18px; } .dynhub .redSummaryBox .txtBox .right.colored { color:#428600; } .dynhub .redSummaryBox .txtBox .right.total { position:absolute;width:90px;bottom:48px;right:25px;font-size:20px;line-height:22px; } .dynhub .redSummaryBox .txtBox .both { padding-top:5px; } .dynhub .redSummaryBox .txtBox ul { padding:0 15px; } .dynhub .redSummaryBox .orderBox { position:relative;width:282px;float:right;padding:13px 11px 0 25px; } .dynhub .redSummaryBox .orderBox #discounts { position:relative; } .dynhub .redSummaryBox .checkBox { margin-bottom:4px; } .dynhub .redSummaryBox .buttonBox { position:relative; } .dynhub .redSummaryBox .buttonBox:after { content:" ";display:table;clear:both;height:0; } .dynhub .redSummaryBox .buttonBox.call { display:none; } .dynhub .redSummaryBox .buttonBox.call .divButtonLeft .aButton { float:right; } .dynhub .redSummaryBox .buttonBox .divButtonLeft { margin-right:10px; } .dynhub .redSummaryBox .txtBox.total { height:46px;min-height:26px;margin:0 0 45px 0; } .dynhub .redSummaryBox .orderBox.total { padding:1px 13px 0 23px; } .dynhub .redSummaryBox .additionals { position:relative;margin-top:32px; } .dynhub .redSummaryBox .txtBox .runtime { position:absolute;bottom:-25px;display:block;width:263px;} .dynhub .redSummaryBox .callText { margin-top:20px;padding-left:5px;display:none;white-space:nowrap; } .dynhub .redSummaryBox .buttonBox .buttonIcon { vertical-align:bottom;margin-right:5px;width:18px;height:18px; } .dynhub .redSummaryBox #freeServices { position:relative;clear:both;padding:10px 0; } .dynhub .redSummaryBox #freeServices strong { font-size:12px; } .dynhub .redSummaryBox.call .orderBox.total { top:-20px; } .dynhub .one-moment { z-index: 1000; background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .dynhub .one-moment span { left: 50%; top: 50%; transform: translate(-50%, 0px); position: absolute; } @media only screen and (min-width: 767px) { .dynhub .redSummaryBox .txtBox.total { height:74px; } } .shipping { position:relative;clear:both;padding-top:10px; } .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; } @media only screen and (min-width: 767px) { .dynhubTablet .shipping { padding-top:60px; } } .trustedS { display:none; } /* q1promo */ .dynhub .redSummaryBox .deviceOnce { position:relative;height:36px; } .dynhub .redSummaryBox .q1promo #phoneOnce { color:#427d00; } .dynhub .redSummaryBox .txtBox .q1promoTxt { display:none;width:178px;font-weight:700; } .dynhub .redSummaryBox .q1promo .q1promoTxt { display:block; } .dynhub .redSummaryBox .txtBox .q1promoStrike { display:none;width:84px;font-weight:normal; } .dynhub .redSummaryBox .q1promo .q1promoStrike { display:block; } .hub div.herospaceActionBox .divTabbedNavigationSimplify .tabs-nav a strong { font-family: VodafoneRgRegular,Arial,Helvetica,sans-serif;font-weight:normal; } .hub div.herospaceActionBox .divTabbedNavigationSimplify .divHeroContainer .divInlay { position:relative;padding:10px 30px; } .pr-review-sort-box p {vertical-align: middle !important;} .topLink { position:relative;clear:both;width:956px;margin: 0 2px 0 3px;z-index:1; } .topLink a { position:absolute;top:0px;right:0px;font-size:14px; } /* moreInfo */ .moreInfo { position:relative;width:956px;margin: 0 2px 0 3px;font-size:11px;line-height:16px;color:#525252; } .moreInfo p { margin: 0;padding: 0 0 10px 0; } .moreInfo p.h1 { font-size: 14px;padding: 0 0 10px 0; } .moreInfo h2 { font-size: 11px;font-weight: bold;padding: 0; } .dynhub .moreInfo { margin-bottom:30px; } /* Tooltipp JungeLeuteRabatt */ .tooltipp.JLspecial:before { top:100%;left:10%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; } .tooltipp.JLspecial:after { top:100%;left:10%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; } .tooltipp.JLspecial .wrap:after { top:100%;left:10%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .tooltipp.JLspecial { position:absolute;bottom:28px;left:-18px;width:215px; } .tooltipp.JLspecial .body { padding:10px 15px; } .tooltipp.JLspecial h2, .tooltipp.JLspecial .h2 { font-family:Arial,Helvetica,sans-serif;left:0px;font-size:1.38em;line-height:22px;padding-bottom: 10px; } .tooltipp.JLspecial #closeButton, .tooltipp.JLspecial .closeButton { position:absolute;top:13px;right:10px;cursor:pointer; } /* Tooltipp Delivery */ .tooltipp.DELspecial:before { top:100%;left:10%;border-top-color:#cccccc;border-width:11px;margin-left:-11px; } .tooltipp.DELspecial:after { top:100%;left:10%;border-top-color:#cccccc;border-width:10px;margin-left:-10px; } .tooltipp.DELspecial .wrap:after { top:100%;left:10%;border-top-color:#ffffff;border-width:7px;margin-left:-7px; } .tooltipp.DELspecial { position:absolute;bottom:56px;left:0px;width:215px; } .tooltipp.DELspecial .body { padding:10px 15px; } .tooltipp.DELspecial h2, .tooltipp.DELspecial .h2 { font-family:Arial,Helvetica,sans-serif;left:0px;font-size:1.38em;line-height:22px;padding-bottom: 10px; } .tooltipp.DELspecial #closeButton, .tooltipp.DELspecial .closeButton { position:absolute;top:13px;right:10px;cursor:pointer; } #colContent div.divModuleBasic.dynhub { width:956px;background:#ffffff;border-bottom:0; } .divTabbedNavigationDynHUB ul.tabs-nav { display: table;list-style: none outside none;margin: 0;width:954px;background-color:#f4f4f4;border:1px solid #cccccc;border-radius: 5px 5px 2px 2px; -moz-box-shadow: inset 0 -4px 4px -4px #888; -webkit-box-shadow: inset 0 -4px 4px -4px #888; box-shadow: inset 0 -4px 4px -4px #888; } .divTabbedNavigationDynHUB ul.tabs-nav li { position:relative;display:table-cell;float:none;list-style-type:none;margin:0;width:auto;z-index:1; } .divTabbedNavigationDynHUB ul.tabs-nav a, .divTabbedNavigationDynHUB ul.tabs-nav a:active, .divTabbedNavigationDynHUB ul.tabs-nav a:focus, .divTabbedNavigationDynHUB ul.tabs-nav a:hover, .divTabbedNavigationDynHUB ul.tabs-nav a:link, .divTabbedNavigationDynHUB ul.tabs-nav a:visited { position:relative; top:0px; left:0px; background-color: transparent; color: #333333 !important; display: block; font-size: 16px; font-weight: normal; line-height: 34px; outline:none; padding: 0; margin:6px 0; text-decoration: none; white-space:nowrap; text-align:center; border-left:1px solid #cccccc; } .divTabbedNavigationDynHUB ul.tabs-nav li:first-child a { border:0; } .divTabbedNavigationDynHUB ul.tabs-nav a.current, .divTabbedNavigationDynHUB ul.tabs-nav a.current:active, .divTabbedNavigationDynHUB ul.tabs-nav a.current:focus, .divTabbedNavigationDynHUB ul.tabs-nav a.current:hover, .divTabbedNavigationDynHUB ul.tabs-nav a.current:link, .divTabbedNavigationDynHUB ul.tabs-nav a.current:visited { background-color: #ffffff; color:#333333 !important; font-weight:bold; margin:0px; padding:6px 0; top:0px; left:0px; } .divTabbedNavigationDynHUB ul.tabs-nav a.current:before { position:absolute;content:" ";top:0px;left:0px;height:100%;width:100%;background-color:transparent;border:2px solid #cccccc;margin:-2px;border-bottom:1px solid #ffffff;border-radius: 5px 5px 0 0; -moz-box-shadow: 0 -2px 3px -3px #888; -webkit-box-shadow: 0 -2px 3px -3px #888; box-shadow: 0 -2px 3px -3px #888; } /* Technische Details */ .divTabbedNavigationDynHUB div.tabcontent { padding-top:40px; } div.divModuleBasic .divTabbedNavigationDynHUB div.divInlay div.tabcontent h3, div.divModuleBasic .divTabbedNavigationDynHUB div.divInlay div.tabcontent .h3 { font-size:14px;line-height:40px;padding:0; } .divTabbedNavigationDynHUB div.tabcontent table { border:0; } .divTabbedNavigationDynHUB div.tabcontent table tbody tr td { font-size:12px;padding-left:20px;border-top:1px solid #cdcdcd;border-bottom:0; } .divTabbedNavigationDynHUB div.tabcontent table tbody tr th { font-size:12px;font-weight:normal;background:#ffffff;border-top:1px solid #cdcdcd;border-bottom:0;border-right: 1px solid #CDCDCD;padding:6px 6px 6px 0; } .divTabbedNavigationDynHUB div.tabcontent table tbody tr:first-child td, .divTabbedNavigationDynHUB div.tabcontent table tbody tr:first-child th { border-top:0; } /* Bewertungen */ .divTabbedNavigationDynHUB .writeReview { position:relative;display:block;padding:3px 8px;font-size:11px;font-weight:bold;float:left;margin:20px 0px;} .divTabbedNavigationDynHUB .ratingContent { clear:both; } .divTabbedNavigationDynHUB .pr-snapshot-consensus { float:none !important; } .divTabbedNavigationDynHUB .pr-snapshot-body-wrapper { padding:5px 5px 10px; } .divTabbedNavigationDynHUB .pr-review-sort-wrapper { padding:10px 0 0; } .divTabbedNavigationDynHUB .pr-review-sort-wrapper .pr-review-count { font-size:14px; } .divTabbedNavigationDynHUB .pr-review-sort-box { padding-top:7px; } .divTabbedNavigationDynHUB .pr-review-sort-box .pr-review-sort-by { font-size:12px;vertical-align: baseline !important; } .divTabbedNavigationDynHUB .pr-review-sort-box select { font-size:12px; } .divTabbedNavigationDynHUB .pr-contents-wrapper { border:0; } .divTabbedNavigationDynHUB .pr-review-wrap { margin:1em 0; } .divTabbedNavigationDynHUB .pr-pagination-top, .divTabbedNavigationDynHUB .pr-pagination-bottom { padding:0;background-color:transparent;border:0; } .divTabbedNavigationDynHUB .pr-page-count { font-size:14px;font-weight:bold; } .divTabbedNavigationDynHUB .pr-page-count strong { font-weight:bold; } .divTabbedNavigationDynHUB .pr-review-author-date { font-size:12px; } .divTabbedNavigationDynHUB .pr-review-rating { margin-bottom:0; } .divTabbedNavigationDynHUB .pr-review-rating .pr-stars { margin-top:5px; } .divTabbedNavigationDynHUB .pr-review-rating .pr-review-rating-headline { font-size:12px; } .divTabbedNavigationDynHUB .pr-review-author-name { font-size:12px; } .divTabbedNavigationDynHUB .pr-review-text .pr-comments-header { font-size:12px;padding:0; } .divTabbedNavigationDynHUB .pr-comments { font-size:12px; } .divTabbedNavigationDynHUB .pr-review-bottom-line-wrapper { font-size:12px; } .divTabbedNavigationDynHUB .pr-review-bottom-line-wrapper p { padding:0; } .divTabbedNavigationDynHUB .pr-review-bottom-line-wrapper .pr-review-bottom-line { font-size:12px;font-weight:bold;color:#525252;text-transform:none; } .divTabbedNavigationDynHUB .pr-review-bottom-line-wrapper .pr-review-bottom-line:after { content:": "; } .divTabbedNavigationDynHUB .pr-review-tools p { display:block;font-size:12px; } .divTabbedNavigationDynHUB .pr-review-tools p .pr-review-report-issue-hyphen { display:none; } .divTabbedNavigationDynHUB .pr-review-tools p .pr-review-helpful-text-link { color:#525252; } .divTabbedNavigationDynHUB button.pr-submit-button, .divTabbedNavigationDynHUB button.pr-cancel-button { position:relative;padding: 0 0 0 9px; } .divTabbedNavigationDynHUB button.pr-submit-button span, .divTabbedNavigationDynHUB button.pr-cancel-button span { position:relative;margin-top:-1px; } /* insurance */ .divTabbedNavigationDynHUB .insuranceDetail { padding:20px 0; } .divTabbedNavigationDynHUB .insuranceDetail .imgBox { display:none !important; } .divTabbedNavigationDynHUB .insuranceDetail .txtBox { width:auto;font-size:12px; } .divTabbedNavigationDynHUB .insuranceDetail .txtBox .headline { font-size:12px; } /* Tarif-Details */ div.divContent5Col .divTabbedNavigationDynHUB div.divHeadlineBasic { width:956px; } div.divContent5Col .divTabbedNavigationDynHUB div.divHeadlineBasic.vfHeadline h1, div.divContent5Col .divTabbedNavigationDynHUB div.divHeadlineBasic.vfHeadline .h1 { font-family: Arial,Helvetica,sans-serif;font-size:14px !important;font-weight:bold;color:#333333 !important;background-color:#ffffff;padding:50px 0 0;height:30px; } #colContent .divTabbedNavigationDynHUB div.divModuleBasic { background:none;margin:0;border:0; } #colContent .divTabbedNavigationDynHUB div.divModuleBasic.width3Col { width: 956px;float:none; } .divTabbedNavigationDynHUB .tarifDetail { margin:0;padding:0; } .divTabbedNavigationDynHUB .tarifDetail .tarifBox { display:none; } .divTabbedNavigationDynHUB .tarifDetail .claimBox { padding:0;width:956px;font-size:12px;line-height:25px;color:#333333;margin-bottom:40px; } .divTabbedNavigationDynHUB .tarifDetail .claimBox ul.ulContent { list-style: disc outside none;margin: 0;line-height:25px;width:941px; } .divTabbedNavigationDynHUB .tarifDetail .claimBox ul.ulContent li { line-height:25px; } .divTabbedNavigationDynHUB .tarifDetail .claimBox .backLink { display:none; } .divTabbedNavigationDynHUB #detailStopper { position:relative;margin-bottom:40px; } .divTabbedNavigationDynHUB #detailStopper .headline { font-size:16px;font-weight:bold;margin-bottom:10px; } .divTabbedNavigationDynHUB #detailStopper .imgBox { position:relative;float:left;width:70px;height:70px;margin:2px 20px 0 0;border:1px solid #cdcdcd;overflow:hidden; } .divTabbedNavigationDynHUB #detailStopper .txtBox { position:relative;float:left;width:864px;font-size:12px; } .divTabbedNavigationDynHUB #detailStopper .txtBox p { padding:0;font-size:12px;line-height:16px; } .divTabbedNavigationDynHUB #detailStopper { font-size:12px; font-weight:bold; } .divTabbedNavigationDynHUB #detailStopper p, .divTabbedNavigationDynHUB #detailStopper ol, .divTabbedNavigationDynHUB #detailStopper ul { font-weight:normal; } div.divContent5Col .divTabbedNavigationDynHUB div.divModuleBasicExtension { max-width:956px;border:none;margin:0 !important; } div.divContent5Col .divTabbedNavigationDynHUB div.divModuleBasicExtension div.divModuleBasic h3, div.divContent5Col .divTabbedNavigationDynHUB div.divModuleBasicExtension div.divModuleBasic .h3 { padding:0;height:auto;font-size:12px;line-height:16px;background-color:white; } div.divContent5Col .divTabbedNavigationDynHUB div.divModuleBasicExtension div.divSubjectModule ul.ulTextLinkList { padding: 14px 0 10px !important;font-size:12px; } .divTabbedNavigationDynHUB div.divSubjectModule .divTabbedNavigationSmall { margin:0; } .divTabbedNavigationDynHUB div.divSubjectModule .divTabbedNavigationSmall { margin:0; } .divTabbedNavigationDynHUB div.divSubjectModule .divTabbedNavigationSmall ul:first-child { display:none; } .divTabbedNavigationDynHUB div.divSubjectModule .divTabbedNavigationSmall div.divTabsContainer { border:0; } .divTabbedNavigationDynHUB div.divSubjectModule .divTabbedNavigationSimplify ul:first-child { display: none; } .divTabbedNavigationDynHUB div.divSubjectModule div.divInlay { padding:0 !important;font-size:12px; } .divTabbedNavigationDynHUB div.divSubjectModule div.divInlay ul.ulContent { margin: 10px 0 20px 15px; } .divTabbedNavigationDynHUB div.divSubjectModule div.divInlay ul.ulContent li { padding:5px 0; } .divTabbedNavigationDynHUB .tariffDetailPackageTable { float:none;margin: 0 8px 20px 0;padding:0;width:615px; } .divTabbedNavigationDynHUB .tariffDetailPackageTable .head { margin-bottom:5px; } .divTabbedNavigationDynHUB .tariffDetailPackageTable .row { font-size:12px;line-height:16px;padding:6px 30px 6px 0;border:0;background:url(/images/v5/notification_sprite.png) 592px -70px no-repeat; } .divTabbedNavigationDynHUB .tariffDetailPackageTable .row b:after { content:':'; } .divTabbedNavigationDynHUB .tariffDetailPackageTable .row br { float:left; } .divTabbedNavigationDynHUB .tariffDetailPackageTable .row .icon { right:4px;opacity:0;filter:alpha(opacity=0); } .divTabbedNavigationDynHUB .tariffDetailPackageTable .row .redTipp { right:-45px; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails { position:relative;width:956px;margin-bottom:20px; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails thead { display:none; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails tbody tr th { font-size:12px;background:none;border-top: 1px solid #CDCDCD;border-bottom:0;line-height:28px;padding-left:0; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails tbody tr:first-child th { border-top:0; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails tbody tr td { font-size:12px;border-left:1px solid #CDCDCD;border-top: 1px solid #CDCDCD;padding: 6px 20px 6px; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails tbody tr td:first-child { width:574px;border-left:0;padding-left:0; } .divTabbedNavigationDynHUB .width3Col div.divTabsContainer table.tableTariffDetails tbody tr td p { text-align:left !important; } .divTabbedNavigationDynHUB .footnoteContainer { padding:0; } .divTabbedNavigationDynHUB dt#footnoteHeadline { background-image:none; } .dynhub .redSummaryBox .txtBox.sumInfo { min-height:26px;margin:0 1px 13px; } /* ARUBA Styles */ .dynhub.dynhubHandset .tariffSlide .head { font-family: "VodafoneRgRegular",Arial,Helvetica,sans-serif;font-size: 30px;height: 45px;padding: 17px 18px 0; } .dynhub.dynhubHandset .tariffSlide .head b { font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-weight:normal; } .dynhub.dynhubHandset .tariffSlide .head.redData { font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-weight:normal;color:#e60000; } .dynhub.dynhubHandset .tariffSlide .head.redData span.tariffAddOn { display:block;font-family: "VodafoneLtRegular",Arial,Helvetica,sans-serif;font-size: 12px;padding-left:2px; } .dynhub.dynhubHandset .tariffSlide .head span { display: none; } .dynhub.dynhubHandset .tariffSlide .head span.tariffAddOn { display:inline;font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-size: 34px;height: 35px; } .dynhub.dynhubHandset .tariffSlide .head.juno { font-family:"VodafoneRgRegular",Arial,Helvetica,sans-serif;font-size:16px;line-height:18px;height:45px;padding:9px 18px 8px;color:#e60000; } .dynhub.dynhubHandset .tariffSlide .head.juno span { display:none; } .dynhub.dynhubHandset .tariffSlide .head.juno span.tariffAddOn { font-family:"VodafoneRgBold",Arial,Helvetica,sans-serif;font-size:16px;line-height:18px;color:#e60000;display:block; } .dynhub.dynhubHandset .tariffSlide .head.juno span.tariffAddOn:after { font-family:"VodafoneRgRegular",Arial,Helvetica,sans-serif;font-size:16px;line-height:18px;color:#333333;content: " Datenvolumen"; } .dynhub.dynhubHandset .tariffSlide .head.juno.black, .dynhub.dynhubHandset .tariffSlide .head.juno.black span.tariffAddOn { color:#333333;background:none; } .dynhub.dynhubHandset .tariffSlide .line { padding: 0 16px 0 45px; } .dynhub.dynhubHandset .tariffSlide .line a { display:inline-block; } .dynhub.dynhubHandset .tariffSlide .line span { height: 30px;line-height: 14px; } .dynhub.dynhubHandset .tariffSlide .line span strong { font-weight:normal; } .dynhub.dynhubHandset .tariffSlide .line p strong { font-weight:normal; } .dynhub.dynhubHandset .tariffSlide .line.dataflat { background:url(/images/v5/icon_dataflat_20_20.png) no-repeat scroll 16px 4px;} .dynhub.dynhubHandset .tariffSlide .line.phoneflat { background:url(/images/v5/icon_phoneflat.png) no-repeat scroll 16px 4px;} .dynhub.dynhubHandset .tariffSlide .line.smsflat { background:url(/images/v5/icon_sms_20x20.png) no-repeat scroll 16px 4px; } .dynhub.dynhubHandset .tariffSlide .line.roaming { background:url(/images/v5/icon-roaming-20x20.png) no-repeat scroll 16px 4px; } .dynhub.dynhubHandset .tariffSlide .line.pass { background:url(/images/v5/icon-pass-40x40.png) no-repeat scroll 16px 4px;background-size:20px 20px; } .dynhub.dynhubHandset .tariffSlide.black .line { padding: 0 16px; } .dynhub.dynhubTablet .tariffSlide .head { font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-size: 34px;height: 35px;padding: 22px 18px 0;color:#007c92; } .dynhub.dynhubTablet .tariffSlide .head:before { content:"DataGo";font-family: "VodafoneRgRegular",Arial,Helvetica,sans-serif;font-size:34px; } .dynhub.dynhubTablet .tariffSlide .head b { font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-weight:normal; } .dynhub.dynhubTablet .tariffSlide .head span { display: none; } .dynhub.dynhubTablet .tariffSlide .head span.tariffAddOn { display:inline;font-family: "VodafoneRgBold",Arial,Helvetica,sans-serif;font-size: 34px;height: 35px; } .dynhub.dynhubTablet .tariffSlide .line { padding: 0 16px 0 45px; } .dynhub.dynhubTablet .tariffSlide .line span { height: 30px;line-height: 14px; } .dynhub.dynhubTablet .tariffSlide .line span strong { font-weight:normal; } .dynhub.dynhubTablet .tariffSlide .line p strong { font-weight:normal; } .dynhub.dynhubTablet .tariffSlide .line.mbbdataflat { background:url(//www.vodafone.de/images/v5/css/info_icon_dataflat_20x20.png) no-repeat scroll 16px 4px;} .dynhub.dynhubTablet .tariffSlide .line.mbbhighspeed { background:url(//www.vodafone.de/images/v5/css/info_icon_highspeed_20x20.png) no-repeat scroll 16px 4px;} .dynhub.dynhubTablet .tariffSlide .line.mbbdatavolume { background:url(//www.vodafone.de/images/v5/css/info_icon_datavolume_20x20.png) no-repeat scroll 16px 4px; } .dynhub.dynhubConsumer .addTeaser {display: block;} .dynhub.dynhubBusiness .addTeaser {display: none;} .addTeaser { position:relative;margin-left:3px;margin-right:2px;padding:20px 0;font-size:14px;border-top:1px solid #ccc; } .addTeaser .headline { font-size:16px;font-weight:700;line-height:20px;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:30px;border-bottom:1px solid #ccc; } /* Tell-A-Friend Teaser (nur auf Heandset) */ .dynhub.dynhubConsumer .tellAfriend {display: block;} .dynhub.dynhubBusiness .tellAfriend {display: none;} .tellAfriend { position:relative;margin:0 2px 30px 3px;padding-bottom:20px;font-size:14px;border-bottom:1px solid #ccc; } .tellAfriend .txtBox { position:relative;width:620px;line-height:18px; } .tellAfriend .icon { position:absolute;top:50px;left:0;width:50px;height:50px; } .tellAfriend .buttonBig { position:absolute;top:50px;right:0;font-size: 12px; } /* Same Day Delivery */ .sddElement { position:relative; font-size: 12px;} .sddElement .sddImg { position:absolute; right:50px; top:10px;} .sddElement .cmCallHotline { margin-top: 20px; background: #ffffff url(/images/v5/icon_clicktocall_21x22.png) no-repeat 17px center !important; padding-left: 55px!important; width: 140px;} .sddElement .cmCallHotline.webVersion { display:block;} .sddElement .cmCallHotline.mobileVersion { display:none;} .sddElement .sddHeadline { font-family:'VodafoneRgRegular',Arial,Helvetica,sans-serif;font-size:22px;line-height: 25px;} .sddForm { margin: 20px 0px;} .sddForm .sddInput { float:left; height: 26px; width: 60px; 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;} .sddForm .sddInput.error { border: solid 2px #e60000; background-color: #fff;} .sddForm .cmSddButton { float:left; width: 60px; margin-left: 10px;font-size: 12px;padding-top:12px;} .sddElement .alertBox, .sddElement .errorBox, .sddElement .noErrorBox { width: 400px; position:relative; border-radius:5px; margin:0 22px 40px 3px; padding:16px 16px 16px 60px; line-height:18px; } .sddElement .alertBox .headline, .sddElement .errorBox .headline, .sddElement .noErrorBox .headline { position:relative;font-size:20px;line-height:22px;font-weight:bold;margin-bottom:10px; } .sddElement .alertBox ul, .sddElement .errorBox ul, .sddElement .noErrorBox ul { position:relative;padding:10px 0 0 12px; } .sddElement .alertBox { border:1px solid #ff5400; background:#fff5f0 url(/images/v5/css/icon_alert.png) no-repeat 20px 15px;} .sddElement .errorBox { border:1px solid #f10000; background:#fef0f0 url(/images/v5/icon_error_red_20x20.png) no-repeat 20px 15px;} .sddElement .noErrorBox { border:1px solid #428600; background: #f4f8f0 url(/images/v5/icon_valid_green_20x20.png) no-repeat 20px 15px;} /* Red+ */ .redPlusExtra.isChecked .redPlusHint {display:block;} .redPlusHint {position:absolute;top:400px;left:23px;z-index:100; display:none;} /* Outbound-Links */ .dynhub.dynhubBusiness .divSohoLink, .dynhub.dynhubBusiness .divJuLeuLink, .dynhub.dynhubBusiness .tooltippSohoLink, .dynhub.dynhubBusiness .tooltippJuLeuLink {display:none !important;} .divLinkout { position:relative;width:245px;margin:10px 0 10px 0;padding-left:10px; background: #E6E6E6 url("/images/v5/linkout-arrow-28x28.png") no-repeat 239px 8px;background-size:14px 14px; } .divLinkout a { position:relative;display:block;text-decoration:none;line-height:30px;padding-left:30px; } .divSohoLink a { background:url(/images/v5/icon-geschaeftskunden-40x40.png) no-repeat 0px 5px;background-size:20px 20px; } .divJuLeuLink a { background:url(/images/v5/icon-junge-leute-40x40.png) no-repeat 0px 5px;background-size:20px 20px; } @media only screen and (max-width: 767px) { .divLinkout { margin:10px 0 10px 10px;width:268px;background-position:260px 8px; } } .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; } /* 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:430px;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:35px/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 .txtBox ul { padding-left:13px; } .rpSecondCard .card .txtBox p, .rpSecondCard .card .txtBox li { 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.oneMore .card { width:222px;height:486px; } .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; } @media only screen and (max-width: 767px) { .dynhub { width:300px !important;margin:0 10px 30px 10px; } .dynhub .dynhubGradient { width:310px;margin:0;background:#ffffff none; } .dynhub a.arrow.mobilVersion { display:inline-block !important;background-position:right 1px; } .dynhub .hubImgBox { width:300px;height:320px; } .dynhub .hubImgBox .imgBox { width:300px;height:245px;margin:0 0 30px 0; } .dynhub .hubImgBox .imgBox img { width:100%; } .dynhub .hubImgBox ul.thumbsBox { left:0px;top:250px;height:60px; } .dynhub .hubImgBox ul.thumbsBox li.thumb { margin: 0 7px;width: 86px;height:59px; } .dynhub .hubImgBox ul.thumbsBox li.thumb a { height: 58px;width: 84px; } .dynhub .hubImgBox ul.thumbsBox li.thumb img { width:86px; } .dynhub .hubTxtBox { width:300px;margin:20px 0 30px;z-index:1; } .dynhub .hubTxtBox .featureText { width:295px;height:auto;padding:0; } .dynhub .hubTxtBox .featureText ul.ulContent { width:280px; } .dynhub .hubTxtBox .featureText a.details { line-height:15px; } .dynhub .hub .phoneContainer { position:absolute;top:0px;width:300px;height:124px; } .dynhub .phoneBox { left:0px;width:290px;height:124px; } .dynhub .phoneBox .txtBox { top:10px;width:290px; } .dynhub .phoneBox .txtBox a.ratings { display:none; } .dynhub .phoneBox .txtBox .rateNow { display:none; } .dynhub .phoneBox .details select { float:right;width:48%;margin: 0 0 10px 0;padding:2px;font-size:16px;background-color:#ffffff; } .dynhub .phoneBox .details select:first-child { float:left; } .dynhub .phoneBox .delivery.sdd .webVersion, .dynhub .phoneBox .delivery.sdd .sddInfo {display:none !important;} .dynhub .phoneBox .delivery .vfmodal-trigger-sdd { line-height: 22px; } #closeButtonDelTooltipp {display: block; top:2px; right:2px;} .dynhub .insurance { line-height:22px; } .dynhub .tariffBox { width:300px;min-height:280px;height:auto; } .dynhub .tariffBox .stopper { height:170px;left:131px;top:-145px;width:170px; } .dynhub .tariffBox .stopper img { width:100%; } .dynhub .tariffSliderBox { position:relative;top:0;left:52px;height:280px; } .dynhub .tariffSliderBox select { font-size:16px;padding:2px;background-color:#ffffff; } .dynhub .tariffSlide { height:198px; } .dynhub .tariffSlide.black { background:transparent none; } .dynhub .tariffSlide .linkBox { height:30px; } .dynhub .tariffSliderBox .bx-viewport { z-index:1;width:195px !important; } .dynhub .tariffSliderBox .bx-viewport .tariffSlider { width:2000em !important; } .dynhub .tariffSliderBox .bx-controls-direction { position:absolute;top:-128px;left:-40px;width:276px;height:29px;background:none transparent;z-index:0; } .dynhub .tariffSliderBox a.bx-prev, .dynhub .tariffSliderBox a.bx-prev:active, .dynhub .tariffSliderBox a.bx-prev:focus, .dynhub .tariffSliderBox a.bx-prev:link { position:absolute;top:0px;left:0px;width:19px;height:29px;background:url(/images/v5/css/buttonSpriteRoundAbout.png); } .dynhub .tariffSliderBox a.bx-next, .dynhub .tariffSliderBox a.bx-next:active, .dynhub .tariffSliderBox a.bx-next:focus, .dynhub .tariffSliderBox a.bx-next:link { position:absolute;top:0px;left:256px;width:19px;height:29px;background:url(/images/v5/css/buttonSpriteRoundAbout.png);background-position:-28px 0; } .dynhubHandset .tariffBox { min-height:310px; } .dynhubHandset .tariffBox .tooltippWrapper { top:277px !important;left:11px !important; } .dynhub .redSummary { margin:0 0 70px;background-color:transparent; } .dynhub .redSummary.call { margin-bottom:180px; } .dynhub .redSummaryBox { width:298px; } .dynhub .redSummaryBox .txtBox { top:-200px;width:280px;margin:0;padding:10px 9px 0;border-top:1px solid #cdcdcd; } .dynhub .redSummaryBox .txtBox .left { width:210px;font-size:13px; } .dynhub .redSummaryBox .txtBox .both { font-size:13px; } .dynhub .redSummaryBox .txtBox .q1promoTxt { width:196px; } .dynhub .redSummaryBox .txtBox.monthly { top:164px;height:188px;border-left:0;border-right:0;border-top:1px solid #cdcdcd; } .dynhub .redSummaryBox .txtBox.total { top:-261px;border:0; } .dynhub .redSummaryBox .monthly.total { top:110px;height:auto; } .dynhub .redSummaryBox .txtBox .left.total { left:9px; } .dynhub .redSummaryBox .txtBox .right.total { right:9px; } .dynhub .checkBox { font-size:13px; } .dynhub .redSummaryBox .orderBox { padding:0;float:none; } .dynhub .redSummaryBox .orderBox #discounts { width:298px;margin:0 0 0 0;padding:0 10px; } .dynhub .redSummaryBox .orderBox #discounts > div:first-child { padding-top:10px; } .dynhub .redSummaryBox .orderBox #discounts > div:last-child { padding-bottom:10px; } .dynhub .redSummaryBox .orderBox.total { position:absolute;bottom:-40px;width:298px;padding:0; } .dynhub .redSummaryBox.call .orderBox.total { bottom:-160px;top:initial; } .dynhub .redSummaryBox .buttonBox .divButtonLeft:last-child { float:right;margin-right:0px; } .dynhub .redSummaryBox .buttonBox .buttonIcon { width:26px;height:26px; } .shipping .mobilVersion { display:inline-block !important; } .dynhub .divTabbedNavigationDynHUB { display:none; } .dynhub.notAvailable {border-bottom: none;} .dynhub.notAvailable .hubImgBox img {width: 300px;} .dynhub.notAvailable .hubTxtBox {bottom: 0px ; left: 0px; position: relative; width: 300px;} .dynhub.notAvailable .hubTxtBox .buttonBox {display: none;} .dynhub.notAvailable .hubTxtBox .buttonBox.mobile {display: block; margin-top: 50px;} .dynhub .redSummaryBox .buttonBox.call .divButtonLeft { float:none; } .dynhub .redSummaryBox .buttonBox.call .divButtonLeft .aButton { float:none;width:100%;padding:2px 0;margin:15px 0 0 -1px; } .topLink { width:300px;margin: 0 10px 0 12px; } .moreInfo { width:300px;margin: 0 10px 0 12px; } #detailStopperMobile { position:relative; } #detailStopperMobile .headline { font-size:16px;font-weight:bold;margin-bottom:10px; } #detailStopperMobile .imgBox { position:relative;float:left;width:55px;height:55px;margin:2px 15px 0 0;border:1px solid #cdcdcd;overflow:hidden; } #detailStopperMobile .imgBox img { width:100%; } #detailStopperMobile .txtBox { position:relative;width:300px;font-size:12px; } #detailStopperMobile .txtBox p { padding:0;font-size:12px;line-height:16px; } .dynhub .redSummaryBox .orderBox.sumInfo { display:none; } .dynhub .redSummaryBox .txtBox.sumInfo { position:absolute;top:305px;margin:0;border-top:0; } /* Teaser (nur auf Handset) */ .addTeaser { margin:5px 0 10px; } .addTeaser .txtBox { width:230px; } .addTeaser .buttonBig { position:relative;width:298px;top:0;right:auto;padding: 12px 0 11px; } /* Same Day Delivery */ .sddElement .cmCallHotline.webVersion { display:none;} .sddElement .cmCallHotline.mobileVersion { display:block;} /* Red+ */ .redPlusExtra { height:50px;} .redPlusExtra .redPlusHint { display:none !important;} .redPlusExtra .vf-mobile-trigger { position: relative; top: 24px; left: 11px; background-position: right -3px !important;} } /* --------------- image next to text teaser -----------------*/ .imageTextTeaser { padding-top:20px;margin:0 1px 20px 3px;border-top:1px solid #cccccc;font-size:14px; } .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 0 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%; } } .promobanner_gigabit_speed .txtBox { top:25px;left:25px;padding:14px 20px 9px;max-width:360px; } .promobanner_gigabit_speed .txtBox .headline { color:#333;padding:0 0 9px;font:normal 30px/34px "VodafoneLtRegular", Arial, sans-serif; } .promobanner_gigabit_speed .txtBox .txt { padding:0 0 7px; } .promobanner_gigabit_speed .txtBox .txt p { font-size:14px;line-height:18px;color:#333; } .promobanner_gigabit_speed .txtBox .buttonBig { margin-top:9px; } @media only screen and (max-width: 767px) { .promobanner_gigabit_speed { margin: 0 0 20px; } .promobanner_gigabit_speed .txtBox { top:15px;left:15px;padding:0;max-width:none; } .promobanner_gigabit_speed .txtBox p { font-size:14px:line-height:17px; } } .promobanner_vvl_default .txtBox { top:25px;left:25px;padding:14px 20px 9px;max-width:360px; } .promobanner_vvl_default .txtBox.p25 { max-width:25%; } .promobanner_vvl_default .txtBox.p30 { max-width:30%; } .promobanner_vvl_default .txtBox.p50 { max-width:50%; } .promobanner_vvl_default .txtBox .headline { color:#333;padding:0 0 9px;font:normal 30px/34px "VodafoneLtRegular", Arial, sans-serif; } .promobanner_vvl_default .txtBox .txt { padding:0 0 7px; } .promobanner_vvl_default .txtBox .txt p { font-size:14px;line-height:18px;color:#333; } .promobanner_vvl_default .txtBox .buttonBig { margin-top:9px; } @media only screen and (max-width: 767px) { .promobanner_vvl_default { margin: 0 0 20px; } .promobanner_vvl_default .txtBox { top:15px;left:15px;padding:0;max-width:none; } .promobanner_vvl_default .txtBox p { font-size:14px:line-height:17px; } } /* ------------------------------------------------------------------------------------------- */ /* CONTENT CLASS: CSS Snippet - NEY Promo Description */ /* PAGEID: 224561 */ /* PUBLISHING DATE: 2019-03-20 13:42:05 */ /* ------------------------------------------------------------------------------------------- */ #divTabInfo .howToTeaser { float:left; position:relative; width:243px; margin:13px 0 0 10px; backgrou!nd:rgba(0,255,0,0.5); } #divTabInfo .howToTeaser:last-child { width:180px !important; } #divTabInfo .howToTeaser h2 { background: none; font-size: 15px; font-weight: normal; height: 40px; line-height: 20px; padding: 15px 0 0 9px; } #divTabInfo .howToTeaser img { float:left; } #divTabInfo .howToTeaser p { float:left; padding: 10px; } /* -[SNIPPETS <<<]---------------------------------------------------------------------------- */