i.inline {
  display: inline-block;
  vertical-align: bottom;
  padding-left: 12px;
}
i.size {
  font-size: inherit;
}
i.tick:before {
  content: "V";
}
i.menu:before {
  content: "=";
}
i.basket:before {
  content: "B";
}
i.search:before {
  content: "q";
}
i.edit:before {
  content: "e";
}
i.dropdown:before {
  content: "$";
}
i.close:before {
  content: "X";
}
i.close.white:before {
  content: "X";
  color: #fff;
}
i.success:before {
  content: "V";
  color: #6bb324;
}
i.success.white:before {
  content: "V";
  color: #fff;
}
i.error.white:before {
  content: "X";
  color: #fff;
}
i.remove:before {
  content: "X";
}
i.prev:before {
  content: "2";
}
i.next:before {
  content: "8";
}
i.phone:before {
  content: "J";
}
i.info:before {
  content: "i";
}
span.contentportal-icon.check {
  content: "";
  font-family: TeleIcon-Outline !important;
  display: block;
  font-size: 25px;
  font-style: normal;
}
span.contentportal-icon.check:before {
  content: "V";
  color: #6bb324;
}
span.contentportal-icon.false {
  content: "";
  font-family: TeleIcon-Outline !important;
  display: block;
  font-size: 25px;
  font-style: normal;
}
span.contentportal-icon.false:before {
  content: "X";
  color: #383838;
}
.socicon-twitter:before {
  content: "a";
}
.socicon-facebook:before {
  content: "b";
}
.socicon-google:before {
  content: "c";
}
.socicon-pinterest:before {
  content: "d";
}
.socicon-foursquare:before {
  content: "e";
}
.socicon-yahoo:before {
  content: "f";
}
.socicon-skype:before {
  content: "g";
}
.socicon-yelp:before {
  content: "h";
}
.socicon-feedburner:before {
  content: "i";
}
.socicon-linkedin:before {
  content: "j";
}
.socicon-viadeo:before {
  content: "k";
}
.socicon-xing:before {
  content: "l";
}
.socicon-myspace:before {
  content: "m";
}
.socicon-soundcloud:before {
  content: "n";
}
.socicon-spotify:before {
  content: "o";
}
.socicon-grooveshark:before {
  content: "p";
}
.socicon-lastfm:before {
  content: "q";
}
.socicon-youtube:before {
  content: "r";
}
.socicon-vimeo:before {
  content: "s";
}
.socicon-dailymotion:before {
  content: "t";
}
.socicon-vine:before {
  content: "u";
}
.socicon-flickr:before {
  content: "v";
}
.socicon-500px:before {
  content: "w";
}
.socicon-instagram:before {
  content: "x";
}
.socicon-wordpress:before {
  content: "y";
}
.socicon-tumblr:before {
  content: "z";
}
.socicon-blogger:before {
  content: "A";
}
.socicon-technorati:before {
  content: "B";
}
.socicon-reddit:before {
  content: "C";
}
.socicon-dribbble:before {
  content: "D";
}
.socicon-stumbleupon:before {
  content: "E";
}
.socicon-digg:before {
  content: "F";
}
.socicon-envato:before {
  content: "G";
}
.socicon-behance:before {
  content: "H";
}
.socicon-delicious:before {
  content: "I";
}
.socicon-deviantart:before {
  content: "J";
}
.socicon-forrst:before {
  content: "K";
}
.socicon-playstore:before {
  content: "L";
}
.socicon-zerply:before {
  content: "M";
}
.socicon-wikipedia:before {
  content: "N";
}
.socicon-apple:before {
  content: "O";
}
.socicon-flattr:before {
  content: "P";
}
.socicon-github:before {
  content: "Q";
}
.socicon-chimein:before {
  content: "R";
}
.socicon-friendfeed:before {
  content: "S";
}
.socicon-newsvine:before {
  content: "T";
}
.socicon-identica:before {
  content: "U";
}
.socicon-bebo:before {
  content: "V";
}
.socicon-zynga:before {
  content: "W";
}
.socicon-steam:before {
  content: "X";
}
.socicon-xbox:before {
  content: "Y";
}
.socicon-windows:before {
  content: "Z";
}
.socicon-outlook:before {
  content: "1";
}
.socicon-coderwall:before {
  content: "2";
}
.socicon-tripadvisor:before {
  content: "3";
}
.socicon-appnet:before {
  content: "4";
}
.socicon-goodreads:before {
  content: "5";
}
.socicon-tripit:before {
  content: "6";
}
.socicon-lanyrd:before {
  content: "7";
}
.socicon-slideshare:before {
  content: "8";
}
.socicon-buffer:before {
  content: "9";
}
.socicon-rss:before {
  content: ",";
}
.socicon-vkontakte:before {
  content: ";";
}
.socicon-disqus:before {
  content: ":";
}
.socicon-houzz:before {
  content: "+";
}
.socicon-mail:before {
  content: "@";
}
.socicon-patreon:before {
  content: "=";
}
.socicon-paypal:before {
  content: "-";
}
.socicon-playstation:before {
  content: "^";
}
.socicon-smugmug:before {
  content: "�";
}
.socicon-swarm:before {
  content: "$";
}
.socicon-triplej:before {
  content: "*";
}
.socicon-yammer:before {
  content: "&";
}
.socicon-stackoverflow:before {
  content: "(";
}
.socicon-drupal:before {
  content: "#";
}
.socicon-odnoklassniki:before {
  content: ".";
}
.socicon-android:before {
  content: "_";
}
.socicon-meetup:before {
  content: "]";
}
.socicon-persona:before {
  content: ")";
}
.socicon-amazon:before {
  content: "�";
}
.socicon-ello:before {
  content: "'";
}
.socicon-mixcloud:before {
  content: '"';
}
.socicon-8tracks:before {
  content: "}";
}
.socicon-twitch:before {
  content: "{";
}
.socicon-airbnb:before {
  content: "/";
}
.socicon-pocket:before {
  content: "?";
}
.socicon-whatsapp:before {
  content: "<";
}
.socicon-storehouse:before {
  content: ">";
}
.socicon-icq:before {
  content: "�";
}
.socicon-modelmayhem:before {
  content: "!";
}
.socicon-istock:before {
  content: "%";
}
.socicon-angellist:before {
  content: "�";
}
.socicon-periscope:before {
  content: "0";
}
header {
  z-index: 100;
  border-bottom: 1px solid #d0d0d0;
  position: fixed;
  background-color: #fff;
  width: 100%;
  line-height: 54px;
  top: 0;
}
header .headerContent {
  display: block;
}
header .headerContent img {
  display: inline-block;
  vertical-align: middle;
  padding: 0 20px;
  max-width: 155px;
}
header .headerContent.partnerBrandingContent {
  border-top: 1px solid #d0d0d0;
}
header .headerContent .partnerBranding,
header .headerContent .vendorBranding {
  display: block;
}
header .headerContent .partnerBranding p,
header .headerContent .vendorBranding p {
  display: none;
  vertical-align: middle;
  padding: 0 20px;
}
header .headerContent .partnerBranding img,
header .headerContent .vendorBranding img {
  padding: 0 0 0 20px;
}
header .headerContent .partnerBranding span,
header .headerContent .vendorBranding span {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  float: right;
  line-height: 70px;
  font-family: Tele-GroteskNor-Regular;
}
header .headerContent .vendorBranding {
  background-color: #e20074;
  line-height: 70px;
}
header .headerContent .vendorBranding img {
  max-height: 30px;
  padding: 0 20px;
}
header .headerContent .vendorBranding p {
  padding: 0;
}
header .headerContent .partnerBranding {
  height: 54px;
}
header .headerMenu {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 70px;
}
header .btn.iconheader {
  vertical-align: middle;
  overflow: visible;
}
header .headerBasket,
header .headerSearch {
  border-top: 1px solid #d0d0d0;
  display: block;
  padding: 0 20px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 54px;
}
header .headerSearch {
  border-bottom: 1px solid #d0d0d0;
}
header .headerSearch .headerSearchInput {
  display: inline-block;
  position: relative;
  width: calc(100% - 10px - 38px);
}
header .headerSearch .headerSearchInput button.btn.iconheader {
  right: 0;
  border: 0;
  box-sizing: border-box;
  height: 32px;
  border-top: 1px solid #b2b2b2;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
header .headerSearch .headerSearchInput button.btn.iconheader:hover {
  background-color: #e20074;
  border-color: #e20074;
}
header .headerSearch .headerSearchInput button.btn.iconheader i {
  line-height: 32px;
}
header .headerSearch .headerSearchInput input {
  width: 100%;
  height: 32px;
  padding-right: 38px;
  border: 1px solid #b2b2b2 !important;
  position: relative;
  top: -3px;
}
header .headerSearch button {
  position: absolute;
  right: 20px;
  top: 9px;
}
header .headerBasket button {
  position: absolute;
  right: 20px;
  top: 8px;
}
header .headerBasket .cartCounter {
  padding-left: 10px;
  color: #e20074;
}
header .headerBasket p {
  display: inline-block;
  vertical-align: middle;
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px;
  color: #383838;
}
header .headerBasket .onlyDesktopBasket,
header .headerControls,
header nav {
  display: none;
}
header.active {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}
header.active .headerControls,
header.active nav,
nav.visible {
  display: block;
}
nav ul.nav {
  padding: 0;
  margin: 0;
  height: 100%;
}
nav ul.nav > li.active > a {
  color: #e20074;
}
nav ul.nav li {
  padding: 0 20px;
  font-family: Tele-GroteskNor-Regular;
  border-bottom: 1px solid #d0d0d0;
  display: block;
  font-size: 21px;
  color: #e20074;
}
nav ul.nav li a {
  color: #e20074;
}
nav ul.nav li a.active {
  color: #e20074 !important;
}
nav ul.nav li ul.subMenu {
  padding: 0;
  margin: 0;
}
nav ul.nav li ul.subMenu li {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  border: none;
  border-bottom: none;
  padding: 0 0 20px;
  line-height: 24px;
}
nav ul.nav li ul.subMenu li a {
  color: #383838;
  display: block;
}
nav ul.nav li ul.subMenu li.sub2Menu {
  position: relative;
}
nav ul.nav li ul.subMenu li.sub2Menu .arrow-down,
nav ul.nav li ul.subMenu li.sub2Menu .arrow-up {
  position: absolute;
  right: 10px;
  top: 9px;
}
nav ul.nav li ul.subMenu li.sub2Menu .arrow-down {
  display: block;
}
nav ul.nav li ul.subMenu li.sub2Menu .arrow-up {
  display: none;
}
nav ul.nav li ul.subMenu li.sub2Menu ul {
  padding: 0;
  display: none;
}
nav ul.nav li ul.subMenu li.sub2Menu ul li {
  padding: 0;
}
nav ul.nav li ul.subMenu li.sub2Menu ul a {
  padding: 10px 0 10px 10px;
}
nav ul.nav li ul.subMenu li.sub2Menu.hover {
  padding: 0;
}
nav ul.nav li ul.subMenu li.sub2Menu.hover .arrow-down {
  display: none;
}
nav ul.nav li ul.subMenu li.sub2Menu.hover .arrow-up,
nav ul.nav li ul.subMenu li.sub2Menu.hover ul {
  display: block;
}
nav ul.nav li .menuTeaser {
  display: none;
  overflow: hidden;
}
nav ul.nav li .menuTeaser a.t6 {
  color: #007faf;
}
nav ul.nav li .menuTeaser .stageSliderBox {
  margin: 0;
}
nav ul.nav li .menuTeaser .smleft > img {
  display: block !important;
  height: auto;
}
nav .orderprocess {
  display: block;
  border-top: 1px solid #d0d0d0;
}
nav .orderprocess a {
  color: #e20074;
  padding: 0 10px;
  font-family: Tele-GroteskNor-Regular;
  display: block;
  font-size: 21px;
  line-height: 25px;
  line-height: 50px;
  text-align: center;
}
nav .orderprocess a.active {
  color: #e20074 !important;
}
nav .orderprocess a.orderprocess-mobile {
  display: none;
}
nav .orderprocess a.orderprocess-mobile.active {
  display: block;
}
nav .orderprocess a.orderprocess-desktop {
  display: none;
}
@media all and (min-width: 1024px) {
  header.active {
    position: relative;
    bottom: inherit;
    top: inherit;
    overflow: visible;
  }
  header .headerMenu {
    display: none;
  }
  header .headerContent .partnerBranding p {
    display: inline-block;
  }
  header div.headerControls {
    display: block;
    position: absolute;
    right: 0;
    top: 72px;
    height: 54px;
    font-size: 0;
  }
  header .headerBasket,
  header .headerSearch {
    padding: 0 20px 0 0;
    display: inline-block;
    border: none;
    vertical-align: top;
  }
  header .headerBasket button,
  header .headerSearch button {
    position: relative;
    top: 0;
    right: auto;
  }
  header .headerBasket .headerSearchInput,
  header .headerSearch .headerSearchInput {
    padding-right: 10px;
    display: inline-block;
  }
  header .headerBasket .headerSearchInput button,
  header .headerSearch .headerSearchInput button {
    position: absolute;
    top: 11px;
    right: 10px !important;
  }
  header .headerBasket .headerSearchInput input,
  header .headerSearch .headerSearchInput input {
    border: 1px solid #b2b2b2 !important;
    position: relative;
    top: 4px;
  }
  header .headerBasket p.onlyMobile,
  header .headerSearch p.onlyMobile {
    display: none;
  }
  header .headerBasket .onlyDesktopBasket,
  header .headerSearch .onlyDesktopBasket {
    display: none;
    position: absolute;
    width: 190px;
    padding: 20px;
    background-color: #fff;
    top: 46px;
    right: 12px;
    text-align: center;
    border: 1px solid #ededed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  header .headerBasket .onlyDesktopBasket .basketItem,
  header .headerSearch .onlyDesktopBasket .basketItem {
    line-height: normal;
    padding: 10px 0;
    display: block;
    font-size: 0;
  }
  header .headerBasket .onlyDesktopBasket .basketItem .basketItemImage,
  header .headerSearch .onlyDesktopBasket .basketItem .basketItemImage {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
  }
  header .headerBasket .onlyDesktopBasket .basketItem .basketItemImage img,
  header .headerSearch .onlyDesktopBasket .basketItem .basketItemImage img {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
  }
  header .headerBasket .onlyDesktopBasket .basketItem .basketItemText,
  header .headerSearch .onlyDesktopBasket .basketItem .basketItemText {
    width: calc(80% - (10px));
    padding-left: 10px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  header .headerBasket .onlyDesktopBasket .basketItem .basketItemText p,
  header .headerSearch .onlyDesktopBasket .basketItem .basketItemText p {
    font-family: Tele-GroteskNor-Regular;
    font-size: 18px;
    color: #383838;
    line-height: normal;
  }
  header .headerBasket .onlyDesktopBasket .basketItem:after,
  header .headerBasket .onlyDesktopBasket .basketItem:before,
  header .headerSearch .onlyDesktopBasket .basketItem:after,
  header .headerSearch .onlyDesktopBasket .basketItem:before {
    bottom: 100%;
    left: 94%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 999;
  }
  header .headerBasket .onlyDesktopBasket .basketItem:after,
  header .headerSearch .onlyDesktopBasket .basketItem:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
  }
  header .headerBasket .onlyDesktopBasket .basketItem:before,
  header .headerSearch .onlyDesktopBasket .basketItem:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ededed;
    border-width: 9px;
    margin-left: -9px;
  }
  header.collapsed {
    border-top: 5px solid #e20074;
  }
  header.collapsed .headerContent {
    display: none;
  }
  header.collapsed nav {
    border-top: 0;
  }
  header.collapsed nav ul.nav li {
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  header.collapsed div.headerControls {
    top: 0;
  }
  header nav {
    display: block;
    border-top: 1px solid #d0d0d0;
  }
  header nav.only-mobile {
    display: none;
  }
  header nav ul.nav {
    display: inline-block;
  }
  header nav ul.nav li {
    border: none;
    font-family: Tele-GroteskHal-Regular;
    font-size: 18px;
    display: inline-block;
  }
  header nav ul.nav li:first-child {
    padding-left: 20px;
  }
  header nav ul.nav li a {
    color: #757575;
  }
  header nav ul.nav li .sub2Menu,
  header nav ul.nav li .subMenu {
    display: none;
  }
  header nav ul.nav li.hover > ul.subMenu {
    border-bottom: 1px solid #d0d0d0;
    background-color: #ededed;
    position: absolute;
    display: block;
    width: calc(100% - 10px * 3);
    left: 0;
    padding: 0 0 30px 30px;
    height: auto;
  }
  header nav ul.nav li.hover > ul.subMenu li {
    display: block;
    border: none;
    padding: 20px 0 0;
  }
  header nav ul.nav li.hover > ul.subMenu li a {
    color: #383838;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu {
    position: relative;
    width: 264px;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu .arrow-down,
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu .arrow-up {
    display: none;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu ul {
    padding: 0 0 0 10px;
    display: block;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu ul li:first-child {
    padding-top: 20px;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu ul li:last-child {
    padding-bottom: 0;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu ul a {
    padding: 0;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu ul li {
    padding: 0 0 20px;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu.active {
    padding: 0;
  }
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu.active .arrow-down {
    display: none;
  }
  header nav ul.nav li.hover .menuTeaser,
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu.active .arrow-up,
  header nav ul.nav li.hover > ul.subMenu li.sub2Menu.active ul {
    display: block;
  }
  header nav ul.nav:before {
    content: "";
    vertical-align: middle;
  }
  header nav .menuTeaser {
    font-family: Tele-GroteskNor-Regular;
    font-size: 18px;
    color: #383838;
    border-bottom: 1px solid #d0d0d0;
    background-color: #fff;
    position: absolute;
    display: block;
    width: calc(100% - 286px);
    left: 286px;
    top: 0;
  }
  header nav .menuTeaser img {
    min-width: 100%;
    min-height: 300px;
  }
  header nav .menuTeaser .sliderWrapper {
    margin: 0;
  }
  header nav .menuTeaser .sliderWrapper img {
    max-height: 200px;
    width: auto;
    min-width: auto;
  }
  header nav .menuTeaser .sliderWrapper .sliderBox .colorSelector,
  header nav .menuTeaser .sliderWrapper ul.slick-dots {
    display: none;
  }
  header nav .orderprocess {
    text-align: center;
    width: auto;
    position: relative;
    left: 0;
    margin: 0;
    border-top: 0;
  }
  header nav .orderprocess a {
    color: #757575;
    padding: 0 10px;
  }
  header nav .orderprocess a.orderprocess-mobile,
  header nav .orderprocess a.orderprocess-mobile.active {
    display: none;
  }
  header nav .orderprocess a.orderprocess-desktop {
    display: inline-block;
  }
}
footer {
  position: relative;
  background-color: #262626;
  padding: 0 20px 50px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
footer.bl-scale-down {
  -webkit-transform: scale(0.5, 1);
  -moz-transform: scale(0.5, 1);
  -ms-transform: scale(0.5, 1);
  transform: scale(0.5, 1);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
footer .footerHead .top {
  padding: 30px 0;
  border-bottom: 1px solid #000;
}
footer .footerHead .top .socicons,
footer .footerHead .top p {
  display: block;
}
footer .footerHead .top .payment-footer {
  display: inline-block;
  margin-left: 50px;
}
footer .footerHead .top .payment-footer p {
  margin-right: 20px;
}
footer .footerHead .top .payment-footer img {
  width: 80px;
  position: relative;
  top: 8px;
  margin-left: 10px;
}
@media all and (max-width: 768px) {
  footer .footerHead .top .payment-footer {
    margin-top: 10px;
    display: block;
    margin-left: 0;
  }
}
footer .footerHead .bottom {
  padding: 20px;
  border-bottom: 1px solid #000;
  text-align: center;
}
footer .footerContent {
  padding: 10px 0;
  border-bottom: 1px solid #000;
}
footer .footerContent ul.sitemap {
  padding: 0;
  margin: 0;
}
footer .footerContent ul.sitemap > li {
  display: block;
  width: 100%;
  list-style-type: none;
  vertical-align: top;
  padding: 20px 0;
}
footer .footerContent ul.sitemap > li ul.subMenu {
  padding: 0;
  margin: 0;
}
footer .footerContent ul.sitemap > li ul.subMenu li {
  list-style-type: none;
}
footer .footerContent ul.sitemap > li ul.subMenu li a {
  font-weight: 400;
  line-height: 30px;
}
footer .footerContent ul.sitemap > li a {
  font-family: Tele-GroteskHal-Regular;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  font-weight: 700;
}
footer .footerContent ul.sitemap > li:last-child {
  padding-bottom: 0;
}
footer .footerBrand {
  padding: 15px 0;
  border-bottom: 1px solid #000;
  color: #fff;
  box-sizing: border-box;
}
footer .footerBrand span {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  float: right;
  line-height: 38px;
  font-family: Tele-GroteskNor-Regular;
}
footer .footerBrand a {
  display: inline-block;
}
footer .footerBrand a img {
  width: 70px;
}
footer .footerFoot {
  padding: 20px 0;
}
footer .footerFoot img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 40px;
}
footer .footerFoot a,
footer .footerFoot p {
  display: inline-block;
  font-family: Tele-GroteskHal-Regular;
  font-size: 13px;
  color: #fff;
}
footer .footerFoot p:last-child {
  padding-top: 10px;
  display: block;
}
footer .asterisk-box {
  padding-bottom: 20px;
}
footer .onlySmartphone {
  display: block;
}
@media all and (min-width: 768px) {
  footer .footerHead .top p {
    display: inline-block;
  }
  footer .footerHead .top .socicons {
    display: inline-block;
    padding-left: 20px;
  }
  footer .footerContent {
    padding: 20px 0;
  }
  footer .footerContent ul.sitemap > li {
    width: 33.33333333%;
    display: inline-block;
  }
  footer .onlySmartphone {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  footer .footerContent ul.sitemap > li {
    width: 25%;
  }
  footer .footerFoot p:last-child {
    display: inline-block;
    padding-top: 0;
    padding-left: 20px;
  }
}
@media all and (min-width: 1280px) {
  footer .footerContent ul.sitemap > li {
    width: calc(100% / 5);
  }
  footer .footerFoot p:last-child {
    display: inline-block;
    padding-top: 0;
    padding-left: 20px;
  }
}
.is-privacy-link::before {
  content: "";
  background-image: url(/responsive-telekom/images/icons/data-privacy_outline_white.svg);
  background-size: 100%;
  display: inline-block;
  height: 15px;
  margin-right: 4px;
  vertical-align: top;
  width: 15px;
}
form .fieldset {
  max-width: 600px;
  margin: 0 auto;
  padding-top: 20px;
  position: relative;
}
form .fieldset .hint {
  margin-top: 10px;
  color: #757575;
  font-family: Tele-GroteskHal-Regular;
}
form .fieldset:first-child {
  padding-top: 10px;
}
form .fieldset:last-child {
  padding-bottom: 20px;
}
form .fieldset .form-group {
  padding-top: 15px;
  font-size: 0;
  text-align: left;
}
form .fieldset .form-group p.forInput {
  vertical-align: middle;
  max-width: 85%;
}
form .fieldset .form-group.form-group-padding {
  padding-top: 5px;
}
form .fieldset .form-group:first-child {
  padding-top: 0;
}
form .fieldset .form-group .input-line {
  display: block;
  padding-top: 7.5px;
}
form .fieldset .form-group .input-line.hidden {
  display: none;
  height: 0;
  padding: 0;
}
form .fieldset .form-group .input-line:first-child {
  padding-top: 0;
}
form .fieldset .form-group .input-line > div:first-child {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}
form .fieldset .form-group .input-line > div:first-child.full-width-select {
  width: 100%;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form .fieldset .form-group .input-line > div:first-child.full-width {
  width: 100%;
  border: none;
}
form .fieldset .form-group .input-line label {
  text-align: left;
  display: block;
  width: calc(100% - 10px * 2);
  border: 1px solid #d0d0d0;
  border-right: none;
  line-height: 10px;
  padding: 10px;
  -webkit-border-top-left-radius-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-family: Tele-GroteskHal-Regular;
  font-size: 15px;
  color: #757575;
  background-color: #fff;
  position: relative;
}
form .fieldset .form-group .input-line label.radioSelect {
  padding: 0;
}
form .errors {
  font-size: 14px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  color: #d90000;
  font-family: Tele-GroteskNor-Regular;
  padding: 5px 0;
  display: block;
  vertical-align: top;
}
form ul.errors {
  margin: 0;
}
form ul.errors:after {
  content: "\00a0";
  width: 100%;
  height: 0;
}
form .error_label {
  display: inline-block;
  width: 20%;
  padding: 5px 0;
  vertical-align: top;
}
form .error_label:after {
  content: " :";
  width: 100%;
  height: 0;
}
form .legend {
  text-align: left;
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px;
  color: #383838;
  line-height: 24px;
  margin-bottom: 5px;
}
form .input-group {
  display: inline-block;
  width: 68%;
  font-size: 0;
}
form .input-group .input-field {
  display: inline-block;
  margin-top: 1px;
  background: #fff;
}
form .input-group .input-field:first-child {
  width: calc(50% - 10px * 0.5);
  margin: 0 5px 0 0;
}
form .input-group .input-field:last-child {
  width: calc(50% - 10px * 0.5);
  margin: 0 0 0 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-left: 1px solid #d0d0d0;
}
form .input-group .input-field.tiny-size {
  width: calc(30% - 10px * 0.5);
}
form .input-group .input-field.tiny-size.tiny-size-width {
  width: calc(30% - 10px * 1.2);
  margin: 0 6px;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
form .input-group .input-field.small-size {
  width: calc(100% / 3 - 10px * 0.5);
}
form .input-group .input-field.medium-size {
  width: calc(40% - 10px * 0.5);
}
form .input-group .input-field.big-size {
  width: calc(100% / 3 * 2 - 10px * 0.5);
}
form .input-field {
  background-color: #fff;
  display: inline-block;
  width: 68%;
  border: 1px solid #d0d0d0;
  border-left: 0;
  box-sizing: border-box;
  -webkit-border-top-right-radius-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
form .input-line.error .input-field,
form .input-line.error label {
  border-color: #d90000 !important;
}
form div.summary {
  padding-top: 20px;
  border: none;
}
form div.summary .fieldset {
  padding-top: 10px;
}
form div.summary .fieldset .form-group {
  padding-top: 0;
}
form div.summary .fieldset .form-group .input-line label {
  border: none;
  padding-top: 0;
  line-height: normal;
}
form div.summary .fieldset .form-group .input-line > div {
  vertical-align: top;
  font-family: Tele-GroteskHal-Regular;
  font-size: 15px;
  color: #383838;
}
form div.summary .input-field {
  border: none;
  font-size: 15px;
  padding-bottom: 2px;
}
form div.summary .fieldset {
  border-top: 1px solid #d0d0d0;
  font-size: 16px;
}
form div.summary .input-group {
  display: inline-block;
}
form div.summary .input-group .input-field {
  border: none;
}
form div.summary .input-group .input-field:first-child {
  display: block;
}
form div.summary .input-group .input-field:last-child {
  border: none;
  margin: 0;
  display: block;
}
form div.summary .description {
  display: none;
}
form div.summary.extension {
  padding-top: 0;
}
form .radio {
  display: block;
  padding-bottom: 10px;
}
form .radio span {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
  display: inline-block;
  vertical-align: top;
  width: 85%;
  padding-left: 5%;
}
form select {
  width: 100%;
  height: 30px;
  border: none;
  padding: 0 8.33px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 15px;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
  background-position: right 8px bottom 12px;
  background-repeat: no-repeat;
}
form select::-ms-expand {
  display: none;
}
form select:after {
  content: "&#x25BC";
  display: block;
  position: absolute;
  right: 12px;
}
form select option {
  padding: 0 8.33px;
}
form p.forInput {
  font-family: Tele-GroteskNor-Regular;
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: sub;
}
form .picker__holder {
  max-width: 408px;
}
form .customer-hidden {
  display: none;
}
form .secureSSL {
  padding-top: 20px;
}
form .description {
  font-family: Tele-GroteskHal-Regular;
  font-size: 15px;
  color: #757575;
  padding-top: 5px;
  line-height: 20px;
}
form .helptext-trigger {
  font-size: 12px;
  margin-top: 5px;
  display: block;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield !important;
}
input {
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  background: 0 0;
  border: none !important;
}
input[type="number"],
input[type="text"] {
  font-family: Tele-GroteskNor-Regular;
  padding: 0 10px;
}
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked + label span {
  padding-top: 0;
}
input[type="checkbox"]:checked + label span i {
  display: block;
}
input[type="checkbox"] + label {
  display: inline-block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: middle;
}
input[type="checkbox"] + label span {
  height: 100%;
  width: 100%;
  text-align: center;
  display: block;
  content: "";
}
input[type="checkbox"] + label span i {
  display: none;
  font-weight: 700;
  font-size: 18px;
  padding: 0;
  color: #6bb324;
}
input[type="checkbox"] + label.checkError {
  border-color: #d90000;
}
input[type="radio"] {
  display: none;
}
input[type="radio"]:checked + label span i {
  display: block !important;
}
input[type="radio"] + label {
  display: inline-block !important;
  width: 20px !important;
  height: 20px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #b2b2b2 !important;
  border-radius: 50% !important;
  cursor: pointer;
  vertical-align: middle;
}
input[type="radio"] + label span {
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  content: " ";
  margin: -1px 0 0 -7.98px;
}
input[type="radio"] + label span i {
  display: none;
}
input[type="radio"] + label span i:before {
  content: "\2022";
  font-family: Tele-GroteskNor-Regular;
  font-size: 49px;
  color: #757575;
}
input[type="submit"] {
  background-color: #e20074;
  font-size: 18px;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #fff;
  padding: 0 24px;
  line-height: 30px;
  cursor: pointer;
  width: 200px;
}
input[type="submit"]:hover {
  background-color: #d1006c;
}
@media all and (max-width: 768px) {
  form .summary .fieldset .form-group .input-line > div:first-child {
    display: block;
    width: 100%;
  }
  form .summary .fieldset .form-group .input-line > div:first-child label {
    padding: 0;
  }
  form .summary .fieldset .form-group .input-line:last-child {
    padding-bottom: 7.5px;
  }
  form .summary .fieldset .form-group .input-field,
  form .summary .fieldset .form-group .input-group {
    width: auto;
  }
  form #businesscase-orderBusiness-group .input-line > div:first-child {
    display: inline-block;
  }
  form .fieldset {
    max-width: calc(100% - 10px * 2);
    padding: 10px;
    margin: 0 auto;
  }
  form .fieldset .form-group .input-line > div:first-child {
    display: none;
  }
  form .input-group {
    display: inline-block;
    width: 100%;
    font-size: 0;
  }
  form .input-field {
    display: inline-block;
    width: 100%;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: Tele-GroteskHal-Regular;
  }
  form .summary .input-line > div:first-child {
    display: inline-block;
    width: 40%;
  }
  form .summary .input-line > div:first-child label {
    padding: 0;
  }
  form .summary .input-field,
  form .summary .input-group {
    width: auto;
  }
  input {
    font-size: 15px;
  }
  .betterBusinessCaseForm .likeSelectField span {
    display: none !important;
  }
  .betterBusinessCaseForm .likeSelectField p {
    display: inline-block;
    padding-left: 10px !important;
  }
}
.groupInput {
  border: 1px solid #d0d0d0 !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  width: 52px !important;
}
.voucher {
  display: inline-block;
  max-width: 600px;
  margin: 0 auto;
}
.voucher.item {
  display: none;
}
.voucher .input-field {
  border: 1px solid #d0d0d0 !important;
  border-radius: 4px !important;
}
.voucher .input-field.tiny-size-width {
  width: calc(30% - 10px * 0.5) !important;
}
.voucher .input-group {
  width: 180px;
}
.voucher .submit {
  height: 100%;
}
.voucher .voucherhint,
.voucher h3 {
  padding-bottom: 10px;
}
.voucher p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
}
.voucher form {
  width: 255px;
  padding: 5px 0 10px;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .voucher .voucherhint,
  .voucher h3 {
    padding-bottom: 10px;
  }
  .voucher p {
    font-family: Tele-GroteskNor-Regular;
    font-size: 18px;
    color: #383838;
    line-height: 24px;
    display: inline-block;
  }
  .voucher form {
    padding-bottom: 10px;
    display: inline-block;
    width: 255px;
  }
  .voucher .submit {
    display: inline-block;
  }
}
#contactform .order-nr {
  display: none;
}
#contactform .input-line .contact-submit {
  float: right;
}
#contactform #nachricht-line {
  margin-top: 9px;
  margin-bottom: 9px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
#contactform #nachricht-line textarea {
  width: 100%;
  max-width: 95%;
  border: 0;
  resize: none;
  padding: 0 0 0 12px;
  font-family: Tele-GroteskHal-Regular;
}
#contactform #nachricht-line .input-label {
  border: 0;
  padding-top: 6px;
}
#contactform #nachricht-line .input-field {
  border: 0;
}
.order-form .edit-confirm {
  position: absolute;
  right: 12px;
}
.betterBusinessCaseForm {
  position: relative;
  cursor: pointer;
}
.betterBusinessCaseForm .likeSelectField {
  width: 100%;
  height: 30px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 15px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.betterBusinessCaseForm .likeSelectField p {
  font-size: 15px;
  line-height: 10px;
  padding: 10px 0;
}
.betterBusinessCaseForm .likeSelectField span {
  font-family: Tele-GroteskHal-Regular;
  font-size: 15px;
  line-height: 10px;
  width: 177px;
  color: #757575;
  display: inline-block;
  padding: 10px;
}
.betterBusinessCaseForm .selectOptions {
  position: absolute;
  background-color: #fff;
  z-index: 10;
  border: 1px solid #d0d0d0;
  top: 35px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  left: 0;
  right: 0;
  display: none;
}
.betterBusinessCaseForm .selectOptions span {
  display: block;
  text-align: left;
  width: calc(100% - 10px * 2);
  padding: 10px;
}
.betterBusinessCaseForm .selectOptions span.headline {
  font-family: Tele-GroteskHal-Regular;
  color: #383838;
  padding: 5px 10px;
}
.betterBusinessCaseForm .selectOptions span.option {
  font-family: Tele-GroteskNor-Regular;
  color: #757575;
  padding: 5px 20px;
  width: calc(100% - 10px * 4);
  cursor: pointer;
}
.betterBusinessCaseForm .selectOptions span.option:hover {
  background-color: #d1006c !important;
  color: #fff;
}
.betterBusinessCaseForm .selectOptions span.option.active {
  background-color: #e20074;
  color: #fff;
}
.betterBusinessCaseForm .arrow-down {
  position: absolute;
  right: 10px;
  top: 12px;
}
.betterBusinessCaseForm.active .selectOptions {
  display: block;
}
#customersearch-secretChooser-line,
.order-form #businesscase-orderBusiness-group {
  display: none;
}
#customersearch-merkmal-group {
  padding-top: 0;
}
#foreignSupplier-preferredDate-line,
#moreNumbers-label {
  display: none;
}
#foreignSupplier-moreNumbers-group .input-row-2-1 {
  padding-top: 7.5px;
}
#fieldset-contact #contact-proactive-line,
#foreignSupplier-portingPeriod-line {
  display: none;
}
#saveCurrentNumber .legend {
  text-align: center;
}
#availabilityFormular #businesscase-orderBusiness-group {
  display: none;
}
.dictionarylink {
  position: absolute;
  top: 7px;
  cursor: pointer;
  display: none;
}
#existingLoginForm #customerstock-group,
.dictonaryWrapper {
  display: none;
}
.gfcLoginForm #mobilecustomernumber-line label {
  line-height: 15px;
}
.gfcLoginForm #mobilecustomernumber-line .input-field {
  height: 52px;
}
.gfcLoginForm #mobilecustomernumber-line .input-field input {
  line-height: 49px;
  height: auto;
}
form#customerData {
  margin-top: 80px;
}
#rd-availabilityFormular .form #businesscase-existingCustomerBusinesscase-line,
#rd-availabilityFormular .form #businesscase-nationalDestinationCode-line,
#rd-availabilityFormular .form #businesscase-newCustomerBusinesscase-line,
#rd-availabilityFormular .form #businesscase-preferredDate-line,
#rd-availabilityFormular .form #businesscase-usecase-line {
  display: none !important;
}
#rd-availabilityFormular .form #customersearch-merkmal-group,
#rd-availabilityFormular .form #customersearch-rufnummer-group,
#rd-availabilityFormular .form #customersearch-secretChooser-line,
#rd-availabilityFormular .form #fieldset-businesscase,
#rd-availabilityFormular .form #fieldset-customersearch,
#rd-availabilityFormular .form #fieldset-customersearch .legend,
#rd-availabilityFormular .form #fieldset-linesearch .legend {
  display: none;
}
#rd-availabilityFormular .form.CR #customersearch-merkmal-group,
#rd-availabilityFormular .form.CR #customersearch-rufnummer-group,
#rd-availabilityFormular .form.CR #customersearch-secretChooser-line,
#rd-availabilityFormular .form.CR #fieldset-customersearch,
#rd-availabilityFormular .form.CR #fieldset-customersearch .legend,
#rd-availabilityFormular
  .form.regio-available
  #businesscase-nationalDestinationCode-line,
#rd-availabilityFormular .form.regio-available #fieldset-businesscase {
  display: block;
}
#rd-availabilityFormular .fieldset.big {
  max-width: 800px;
}
#rd-availabilityFormular .checkBusinessCase,
#rd-availabilityFormular .checkMagentaEins {
  display: flex;
}
#rd-availabilityFormular .checkBusinessCase .input-line,
#rd-availabilityFormular .checkMagentaEins .input-line {
  width: 100%;
  text-align: center;
}
@media all and (min-width: 768px) {
  #rd-availabilityFormular .checkBusinessCase .input-line,
  #rd-availabilityFormular .checkMagentaEins .input-line {
    width: 50%;
  }
  #rd-availabilityFormular .checkBusinessCase .input-line.full-width,
  #rd-availabilityFormular .checkMagentaEins .input-line.full-width {
    width: 100%;
  }
}
#rd-availabilityFormular .checkBusinessCase .input-line span,
#rd-availabilityFormular .checkMagentaEins .input-line span {
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 2px solid #383838;
  vertical-align: middle;
  box-sizing: content-box;
  margin-right: 5px;
}
#rd-availabilityFormular .checkBusinessCase .input-line label,
#rd-availabilityFormular .checkMagentaEins .input-line label {
  text-transform: uppercase;
  vertical-align: middle;
}
#rd-availabilityFormular .checkBusinessCase .input-line.active span,
#rd-availabilityFormular .checkMagentaEins .input-line.active span {
  position: relative;
}
#rd-availabilityFormular .checkBusinessCase .input-line.active span:before,
#rd-availabilityFormular .checkMagentaEins .input-line.active span:before {
  content: "";
  background-color: #383838;
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
}
.form.summary .form-group#billingInfos-directdebit-group {
  display: none;
}
.paypal-form {
  margin-top: 20px;
}
.loadingOverlay {
  position: absolute;
  background-color: rgba(26, 25, 25, 0.5);
  top: 0;
  bottom: 0;
  width: 10000px;
  margin-left: -5000px;
  left: 50%;
  right: 0;
  height: 100%;
  display: none;
  z-index: 97;
}
.loadingOverlay.dark {
  background-color: rgba(26, 25, 25, 0.7);
}
.loadingContent.flex {
  position: relative;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.loadingContent.flex .loadingAnimation {
  position: relative;
  margin: 12px auto;
  top: 0;
}
.loadingContent.flex .loadingBox {
  padding: 24px;
  background-color: #fff;
}
#content + .loadingOverlay {
  position: fixed;
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: -6px 0 0 -6px;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -28% 0 0 -28%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -50% 0 0 -50%;
    opacity: 0;
  }
}
.loadingAnimation {
  background: 0 0;
  position: relative;
  width: 100px;
  height: 100px;
  margin: -50px auto 0;
  top: 50%;
}
.loadingAnimation div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 6px;
  border-style: solid;
  -ms-animation: uil-ripple 2s ease-out infinite;
  -moz-animation: uil-ripple 2s ease-out infinite;
  -webkit-animation: uil-ripple 2s ease-out infinite;
  -o-animation: uil-ripple 2s ease-out infinite;
  animation: uil-ripple 2s ease-out infinite;
}
.loadingAnimation div:nth-of-type(1) {
  border-color: #efefef;
}
.loadingAnimation div:nth-of-type(2) {
  border-color: #e20074;
  -ms-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.tileWrapper .tile,
.tileWrapperStatic .tile {
  text-align: center;
  width: 100%;
  border: 1px solid #d0d0d0;
  padding-top: 30px;
  box-sizing: border-box;
  vertical-align: top;
}
.tileWrapper .tile .tileHeader,
.tileWrapperStatic .tile .tileHeader {
  padding-bottom: 20px;
}
.tileWrapper .tile .tileHeader img,
.tileWrapperStatic .tile .tileHeader img {
  max-width: 90%;
}
.tileWrapper .tile .tileHeader .colorSelector,
.tileWrapperStatic .tile .tileHeader .colorSelector {
  padding: 10px 0 0;
}
.tileWrapper .tile .tileHeader .smartphoneName,
.tileWrapperStatic .tile .tileHeader .smartphoneName {
  vertical-align: middle;
  margin: 0 0 20px;
}
.tileWrapper .tile .tileHeader .smartphoneName img,
.tileWrapperStatic .tile .tileHeader .smartphoneName img {
  vertical-align: middle;
  display: inline-block;
}
.tileWrapper .tile .tileContent,
.tileWrapperStatic .tile .tileContent {
  padding: 0 10px 20px;
}
.tileWrapper .tile .tileContent .Name,
.tileWrapper .tile .tileContent .smartphoneName,
.tileWrapperStatic .tile .tileContent .Name,
.tileWrapperStatic .tile .tileContent .smartphoneName {
  padding-bottom: 10px;
}
.tileWrapper .tile .tileContent .Name.withoutTopMargin,
.tileWrapper .tile .tileContent .smartphoneName.withoutTopMargin,
.tileWrapperStatic .tile .tileContent .Name.withoutTopMargin,
.tileWrapperStatic .tile .tileContent .smartphoneName.withoutTopMargin {
  margin-top: 0;
}
.tileWrapper .tile .tileContent .autopricebox,
.tileWrapperStatic .tile .tileContent .autopricebox {
  padding: 5px 0;
}
.tileWrapper .tile .tileContent .priceBox .price,
.tileWrapperStatic .tile .tileContent .priceBox .price {
  color: #e20074;
}
.tileWrapper .tile .tileContent .priceBox .bigPrice,
.tileWrapper .tile .tileContent .priceBox .pricePrefix,
.tileWrapper .tile .tileContent .priceBox .smallPrice,
.tileWrapperStatic .tile .tileContent .priceBox .bigPrice,
.tileWrapperStatic .tile .tileContent .priceBox .pricePrefix,
.tileWrapperStatic .tile .tileContent .priceBox .smallPrice {
  font-size: 20px !important;
  color: #e20074;
  font-family: Tele-GroteskNor-Regular;
}
.tileWrapper .tile .tileContent .priceBox .asterisk_top,
.tileWrapper .tile .tileContent .priceBox .priceSymbol,
.tileWrapperStatic .tile .tileContent .priceBox .asterisk_top,
.tileWrapperStatic .tile .tileContent .priceBox .priceSymbol {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 15px !important;
  color: #757575;
  line-height: 20px;
  padding-left: 4px;
}
.tileWrapper .tile .priceBox .price,
.tileWrapperStatic .tile .priceBox .price {
  color: #e20074;
}
.tileWrapper .tile .priceBox .bigPrice,
.tileWrapper .tile .priceBox .pricePrefix,
.tileWrapper .tile .priceBox .smallPrice,
.tileWrapperStatic .tile .priceBox .bigPrice,
.tileWrapperStatic .tile .priceBox .pricePrefix,
.tileWrapperStatic .tile .priceBox .smallPrice {
  font-size: 20px !important;
  color: #e20074;
  font-family: Tele-GroteskNor-Regular;
}
.tileWrapper .tile .priceBox .asterisk_top,
.tileWrapper .tile .priceBox .priceSymbol,
.tileWrapperStatic .tile .priceBox .asterisk_top,
.tileWrapperStatic .tile .priceBox .priceSymbol {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 15px !important;
  color: #757575;
  line-height: 20px;
  padding-left: 4px;
}
.tileWrapper .tile p,
.tileWrapperStatic .tile p {
  padding: 5px 0;
}
.tileWrapper .bigTile,
.tileWrapperStatic .bigTile {
  text-align: center;
  width: 100%;
  border: 1px solid #d0d0d0;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
}
.tileWrapper .bigTile .tileHeader,
.tileWrapperStatic .bigTile .tileHeader {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.tileWrapper .bigTile .tileHeader .colorSelector,
.tileWrapperStatic .bigTile .tileHeader .colorSelector {
  padding: 20px 0 0;
}
.tileWrapper .bigTile .tileContent,
.tileWrapperStatic .bigTile .tileContent {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  padding: 20px 40px 0;
  box-sizing: border-box;
}
.tileWrapper .bigTile .tileContent .smartphoneName,
.tileWrapperStatic .bigTile .tileContent .smartphoneName {
  padding-bottom: 10px;
}
.tileWrapper .bigTile .tileContent .headline,
.tileWrapperStatic .bigTile .tileContent .headline {
  font-family: Tele-GroteskNor-Regular;
  font-size: 36px;
  color: #383838;
  line-height: 30px;
  padding-bottom: 20px;
}
.tileWrapper .bigTile .tileContent .priceBox,
.tileWrapperStatic .bigTile .tileContent .priceBox {
  padding-top: 10px;
}
.tileWrapper .bigTile .tileContent .priceBox .price,
.tileWrapperStatic .bigTile .tileContent .priceBox .price {
  color: #e20074;
}
.tileWrapper .bigTile .tileContent .btn_slider,
.tileWrapperStatic .bigTile .tileContent .btn_slider {
  border: 1px solid #d0d0d0;
  margin: 20px auto 0;
  width: 203px;
}
.tileWrapper .optionTile .tileHeader img,
.tileWrapperStatic .optionTile .tileHeader img {
  max-width: 90px;
}
.tileWrapper .optionTile.active i.success:before,
.tileWrapperStatic .optionTile.active i.success:before {
  color: #fff;
}
.tileWrapper.allLandlineOptionsTilesWrapper,
.tileWrapperStatic.allLandlineOptionsTilesWrapper {
  max-width: 1024px;
  margin: 0 auto;
}
@media all and (max-width: 425px) {
  .tileWrapper .bigTile .tileHeader img {
    margin: 0 auto;
    max-width: 100%;
  }
  .tileWrapper .bigTile .tileContent {
    padding: 0;
  }
  .tileWrapper .tile .tileHeader img {
    margin: 0 auto;
    max-width: 100%;
  }
}
@media all and (min-width: 768px) {
  .tileWrapper .tile,
  .tileWrapperStatic .tile {
    width: 50%;
    display: inline-block;
  }
  .tileWrapper .tile.fullTabletWidth,
  .tileWrapperStatic .tile.fullTabletWidth {
    width: 100%;
  }
  .tileWrapper .bigTile .tileHeader,
  .tileWrapperStatic .bigTile .tileHeader {
    width: 33.33333333%;
  }
  .tileWrapper .bigTile .tileContent,
  .tileWrapperStatic .bigTile .tileContent {
    width: 50%;
  }
  .tileWrapper .optionTile,
  .tileWrapperStatic .optionTile {
    margin: 0 10px 20px;
    width: calc(50% - 10px * 2);
  }
}
@media all and (min-width: 1024px) {
  .tileWrapper .tile,
  .tileWrapper .tile.fullTabletWidth,
  .tileWrapperStatic .tile,
  .tileWrapperStatic .tile.fullTabletWidth {
    width: 33.33333333%;
  }
  .tileWrapper .tileQuad,
  .tileWrapperStatic .tileQuad {
    width: 25%;
  }
  .tileWrapper .optionTile,
  .tileWrapperStatic .optionTile {
    margin: 0 10px 20px;
    width: calc(100% / 3 - 10px * 2);
  }
}
#Tgboxh1 .smartphoneGrid,
.smartphoneGrid {
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Tgboxh1 .smartphoneGrid .smartphoneCard,
.smartphoneGrid .smartphoneCard {
  width: 100%;
  max-width: 600px;
  margin: 30px 0;
}
@media all and (max-width: 1240px) {
  #Tgboxh1 .smartphoneGrid .smartphoneCard,
  .smartphoneGrid .smartphoneCard {
    margin: 30px auto;
  }
}
#Tgboxh1 .smartphoneCard,
.smartphoneCard {
  display: flex;
  align-items: stretch;
}
@media all and (max-width: 600px) {
  #Tgboxh1 .smartphoneCard,
  .smartphoneCard {
    flex-direction: column;
  }
}
#Tgboxh1 .smartphoneCard .smartphone,
.smartphoneCard .smartphone {
  flex-grow: 0;
  flex-shrink: 0;
  width: 135px;
  padding: 20px 0;
  z-index: 10;
}
#Tgboxh1 .smartphoneCard .smartphone .inner-content,
.smartphoneCard .smartphone .inner-content {
  overflow: visible;
  width: 130%;
}
#Tgboxh1 .smartphoneCard .smartphone .inner-content a.image,
.smartphoneCard .smartphone .inner-content a.image {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
#Tgboxh1 .smartphoneCard .smartphone .inner-content img,
.smartphoneCard .smartphone .inner-content img {
  display: block;
  width: 162%;
  max-width: inherit;
}
#Tgboxh1 .smartphoneCard .informations,
.smartphoneCard .informations {
  width: 100%;
  padding: 20px 20px 20px 60px;
  background-color: #ededed;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#Tgboxh1 .smartphoneCard .informations .info,
.smartphoneCard .informations .info {
  padding-top: 10px;
}
#Tgboxh1 .smartphoneCard .strike,
.smartphoneCard .strike {
  color: #757575;
  text-decoration: line-through;
}
#Tgboxh1 .smartphoneCard .priceBox .t1,
.smartphoneCard .priceBox .t1 {
  padding: 0;
}
@media all and (max-width: 600px) {
  #Tgboxh1 .smartphoneCard .smartphone,
  #Tgboxh1 .smartphoneCard .smartphone .inner-content,
  .smartphoneCard .smartphone,
  .smartphoneCard .smartphone .inner-content {
    width: 100%;
  }
  #Tgboxh1 .smartphoneCard .smartphone img,
  .smartphoneCard .smartphone img {
    width: 100%;
    max-width: 290px;
  }
  #Tgboxh1 .smartphoneCard .informations,
  .smartphoneCard .informations {
    width: calc(100% - 10px * 2);
    padding: 10px;
  }
}
.sliderWrapper {
  margin: 10px 0 20px;
  text-align: center;
  position: relative;
}
.slider {
  padding: 20px 10px;
  background-color: #ededed;
  font-size: 0;
}
.slider .owl-stage {
  margin: 0 auto;
}
.slider .owl-next,
.slider .owl-prev {
  position: absolute;
  top: calc(50% - 10px * 2);
  cursor: pointer;
  border: none;
  outline: 0;
  z-index: 1;
}
.slider .owl-next.disabled,
.slider .owl-prev.disabled {
  display: none !important;
}
.slider .owl-prev {
  left: 10px;
}
.slider .owl-next {
  right: 10px;
}
.slider .owl-dots {
  padding: 20px 0 0;
}
.slider .owl-dots .owl-dot {
  display: inline-block;
  padding: 0 3px;
}
.slider .owl-dots .owl-dot span {
  background-color: #efefef !important;
  z-index: 100000000000;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
.slider .owl-dots .owl-dot span::before {
  content: "";
}
.slider .owl-dots .owl-dot span:hover {
  background-color: #757575 !important;
}
.slider .owl-dots .owl-dot.active span {
  background-color: #e20074 !important;
}
.stageSlider,
.stageSliderBox,
.staticSlider {
  padding: 20px 10px;
  font-size: 0;
  background-color: #fff;
}
.stageSlider .owl-stage,
.stageSliderBox .owl-stage,
.staticSlider .owl-stage {
  margin: 0 auto;
}
.stageSlider .owl-next,
.stageSlider .owl-prev,
.stageSliderBox .owl-next,
.stageSliderBox .owl-prev,
.staticSlider .owl-next,
.staticSlider .owl-prev {
  position: absolute;
  top: calc(50% - 10px * 2);
  cursor: pointer;
  border: none;
  outline: 0;
  z-index: 1;
}
.stageSlider .owl-next.disabled,
.stageSlider .owl-prev.disabled,
.stageSliderBox .owl-next.disabled,
.stageSliderBox .owl-prev.disabled,
.staticSlider .owl-next.disabled,
.staticSlider .owl-prev.disabled {
  display: none !important;
}
.stageSlider .owl-prev,
.stageSliderBox .owl-prev,
.staticSlider .owl-prev {
  left: 10px;
}
.stageSlider .owl-next,
.stageSliderBox .owl-next,
.staticSlider .owl-next {
  right: 10px;
}
.stageSlider .owl-dots,
.stageSliderBox .owl-dots,
.staticSlider .owl-dots {
  padding: 20px 0 0;
}
.stageSlider .owl-dots .owl-dot,
.stageSliderBox .owl-dots .owl-dot,
.staticSlider .owl-dots .owl-dot {
  display: inline-block;
  padding: 0 3px;
}
.stageSlider .owl-dots .owl-dot span,
.stageSliderBox .owl-dots .owl-dot span,
.staticSlider .owl-dots .owl-dot span {
  background-color: #efefef !important;
  z-index: 100000000000;
  height: 10px;
  width: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
.stageSlider .owl-dots .owl-dot span::before,
.stageSliderBox .owl-dots .owl-dot span::before,
.staticSlider .owl-dots .owl-dot span::before {
  content: "";
}
.stageSlider .owl-dots .owl-dot span:hover,
.stageSliderBox .owl-dots .owl-dot span:hover,
.staticSlider .owl-dots .owl-dot span:hover {
  background-color: #757575 !important;
}
.stageSlider .owl-dots .owl-dot.active span,
.stageSliderBox .owl-dots .owl-dot.active span,
.staticSlider .owl-dots .owl-dot.active span {
  background-color: #e20074 !important;
}
.stageSliderBox {
  background-color: #f8f8f8;
}
.btn_slider {
  background-color: #fff;
  font-size: 18px !important;
  color: #383838 !important;
  text-align: center;
  display: block;
  line-height: 48px;
  border-top: 1px solid #d0d0d0;
  font-family: Tele-GroteskNor-Regular !important;
}
.btn_slider p {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 18px !important;
}
.btn_slider:hover {
  background-color: #fbfbfb !important;
}
.btn_slider:focus {
  background-color: #eee;
}
.btn_slider:disabled {
  opacity: 0.5;
  background-color: #fcfcfc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #757575;
}
.btn_slider .selected {
  display: none;
}
.btn_slider .deselected {
  display: block;
}
.btn_slider i {
  display: inline-block;
  color: #fff;
  font-size: 21px;
  vertical-align: bottom;
  padding-right: 10px;
}
.sliderBox.active .btn_slider,
.tile.active .btn_slider {
  background-color: #e20074 !important;
  color: #fff !important;
}
.sliderBox.active .btn_slider .selected,
.tile.active .btn_slider .selected {
  display: block;
}
.sliderBox.active .btn_slider .deselected,
.tile.active .btn_slider .deselected {
  display: none;
}
.tarifSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: left;
}
.tarifSliderBox .tarifSliderBoxHeader {
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
}
.tarifSliderBox .tarifSliderBoxHeader p.tTarifAcronym {
  display: inline-block;
}
.tarifSliderBox .tarifSliderBoxHeader .tarifShortInfo {
  display: inline-block;
  text-align: left;
}
.tarifSliderBox .tarifSliderBoxHeader .tarifShortInfo p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px;
  color: #383838;
}
.tarifSliderBox .tarifSliderBoxHeader .tarifShortInfo span {
  color: #757575;
}
.tarifSliderBox .tarifSliderBoxContent {
  padding: 30px;
}
.tarifSliderBox .tarifSliderBoxContent .priceBox,
.tarifSliderBox .tarifSliderBoxContent .priceBox--effective,
.tarifSliderBox .tarifSliderBoxContent .tarifInfo {
  padding-top: 20px;
}
.tarifSliderBox .tarifSliderBoxContent .priceBox .price,
.tarifSliderBox .tarifSliderBoxContent .priceBox--effective .price {
  color: #e20074;
}
.tarifSliderBox .tarifSliderBoxContent .priceBox .priceSaveup,
.tarifSliderBox .tarifSliderBoxContent .priceBox--effective .priceSaveup {
  font-size: 16px !important;
  color: #4fb9b0 !important;
}
.tarifSliderBox .tarifSliderBoxContent .priceBox .priceSaveup span,
.tarifSliderBox .tarifSliderBoxContent .priceBox--effective .priceSaveup span {
  border-bottom: 1px dotted #4fb9b0;
}
.tarifSliderBox .tarifSliderBoxContent dl {
  margin: 10px 0 0;
}
.tarifSliderBox .tarifSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.tarifSliderBox .tarifSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.tarifSliderBox .tarifSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.tarifSliderBox .tarifSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.tarifSliderBox .tarifSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.tarifSliderBox .tarifSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.tarifSliderBox .tarifSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.magentaSmallTarifSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: left;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader {
  border-bottom: 1px solid #d0d0d0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader p.tTarifAcronym {
  display: inline-block;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader .tarifShortInfo {
  display: inline-block;
  text-align: left;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader .tarifShortInfo p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px;
  color: #383838;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader .tarifShortInfo span {
  color: #757575;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox--effective,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .tarifInfo {
  padding-top: 20px;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox .price,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox--effective .price {
  color: #e20074;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox .priceSaveup,
.magentaSmallTarifSliderBox
  .tarifSliderBoxContent
  .priceBox--effective
  .priceSaveup {
  font-size: 16px !important;
  color: #4fb9b0 !important;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox .priceSaveup span,
.magentaSmallTarifSliderBox
  .tarifSliderBoxContent
  .priceBox--effective
  .priceSaveup
  span {
  border-bottom: 1px dotted #4fb9b0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl {
  margin: 10px 0 0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.magentaSmallTarifSliderBox .magentaSmallTtarifSliderBoxContent {
  height: auto !important;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader {
  text-align: left;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  line-height: 1em;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader span {
  line-height: 1em;
  font-size: 48px !important;
  color: #383838 !important;
  font-family: Tele-GroteskHal-Regular !important;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader .name {
  padding-top: 5px;
  font-size: 14px !important;
  line-height: 1.6em;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent {
  padding: 0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .cashback-hint-wrapper,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .entertainSelector,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox--effective,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .productLinks {
  padding: 0 30px 10px;
}
.magentaSmallTarifSliderBox
  .tarifSliderBoxContent
  .cashback-hint-wrapper.strike,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .entertainSelector.strike,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox--effective.strike,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox.strike,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .productLinks.strike {
  display: none;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .tarifIncentive {
  margin: 0 30px 10px;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .tarifIncentive.empty {
  opacity: 0;
  min-height: 0;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .cashback-hint {
  margin: 0 auto;
  background-color: #31c3f7;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .cashback-hint p,
.magentaSmallTarifSliderBox .tarifSliderBoxContent .cashback-hint span {
  color: #fff;
  font-size: 25px !important;
  font-weight: 700;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .cashback-hint span {
  font-size: 37px !important;
  font-weight: bolder;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox--effective {
  cursor: pointer;
  text-align: center;
}
.magentaSmallTarifSliderBox .tarifSliderBoxContent .priceBox--effective .price {
  font-weight: 700;
}
.magentaSmallTarifSliderBox .info-content {
  padding: 10px 30px;
}
.magentaSmallTarifSliderBox .tarifSliderBoxInfos {
  padding-bottom: 10px;
}
.magentaSmallTarifSliderBox .tarifSliderBoxInfos .tarifSliderBoxInfoDropdown {
  border-bottom: 1px solid #d0d0d0;
  font-size: 21px;
  color: #383838;
  padding: 10px 30px;
  position: relative;
  font-family: Tele-GroteskNor-Regular;
  cursor: pointer;
}
.magentaSmallTarifSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown:after {
  display: block;
  content: "$";
  font-family: TeleIcon-Outline !important;
  color: #383838;
  transition: all 0.5s ease;
  font-size: 22px;
  position: absolute;
  right: 30px;
  top: 12px;
}
.magentaSmallTarifSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownContent {
  display: none;
}
.magentaSmallTarifSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown.infos:after {
  transform: rotate(180deg);
  color: #e20074;
}
.magentaSmallTarifSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown.infos
  .dropdownContent {
  display: block;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif {
  padding-bottom: 10px;
  padding-left: 30px;
  cursor: pointer;
  position: relative;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif[data-tvtype="SAT"] {
  display: none;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif > span.check {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: content-box;
  margin-right: 5px;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif .tvTarif-infos {
  display: none;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif > span.dropdown {
  display: block;
  content: "$";
  font-family: TeleIcon-Outline !important;
  color: #383838;
  transition: all 0.5s ease;
  font-size: 22px;
  position: absolute;
  right: 0;
  top: 4px;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif.active > span.check {
  font-family: TeleIcon-Outline !important;
}
.magentaSmallTarifSliderBox
  .entertainSelector
  .tvTarif.active
  > span.check:before {
  content: "V";
  color: #6bb324;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  font-family: TeleIcon-Outline !important;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif.infos > span.dropdown {
  transform: rotate(180deg);
  color: #e20074;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif.infos .tvTarif-infos {
  display: block;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif.unavailable {
  opacity: 0.4;
}
.magentaSmallTarifSliderBox .entertainSelector .tvTarif .magenta {
  color: #e20074;
}
.magentaSmallTarifSliderBox .entertainSelector.sat .tvTarif[data-tvtype="SAT"] {
  display: block;
}
.magentaSmallTarifSliderBox
  .entertainSelector.sat
  .tvTarif[data-tvtype="VDSL"] {
  display: none;
}
.magentaZuhauseCompact {
  background-color: #fff !important;
}
.magentaZuhauseCompact .owl-controls .owl-prev {
  left: 2px;
}
.magentaZuhauseCompact .owl-controls .owl-prev .btn_action i {
  right: 52% !important;
  left: unset !important;
  transform: translate(50%, -50%) !important;
}
.magentaZuhauseCompact .owl-controls .owl-next {
  right: 2px;
}
.magentaZuhauseCompact .owl-controls .btn_action {
  color: #e20074;
  border-radius: 100% !important;
  width: 48px;
  height: 48px;
  border: 0;
  background: #fff;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  padding: 0;
  line-height: unset;
}
.magentaZuhauseCompact .owl-controls .btn_action i {
  color: #e20074;
  font-weight: 900;
  position: absolute;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: unset;
  font-size: 24px;
}
.magentaZuhauseCompactSliderBox {
  border-radius: 10px;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  margin: 26px 10px !important;
  background-color: #fff;
  box-sizing: border-box;
  text-align: left;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader p.tTarifAcronym {
  display: inline-block;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .tarifShortInfo {
  display: inline-block;
  text-align: left;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .tarifShortInfo p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px;
  color: #383838;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .tarifShortInfo span {
  color: #757575;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox--effective,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .tarifInfo {
  padding-top: 20px;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox .price,
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .priceBox--effective
  .price {
  color: #e20074;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox .priceSaveup,
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .priceBox--effective
  .priceSaveup {
  font-size: 16px !important;
  color: #4fb9b0 !important;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .priceBox
  .priceSaveup
  span,
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .priceBox--effective
  .priceSaveup
  span {
  border-bottom: 1px dotted #4fb9b0;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl {
  margin: 10px 0 0;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.magentaZuhauseCompactSliderBox .magentaZuhauseCompaxtSliderBoxContent {
  height: auto !important;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader {
  border: 0;
  padding: 10px 30px;
  text-align: left;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  line-height: 1em;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader span {
  font-size: 48px !important;
  line-height: 30px;
  color: #383838 !important;
  font-family: TeleGrotesk-Next !important;
  font-weight: 900;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader span .speed {
  font-size: 30px !important;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .tariftype {
  position: absolute;
  padding: 2px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 16px !important;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  right: 0;
  top: 0;
  background: #2a9fd8;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .tariftype.Glasfaser {
  background: #e20074;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .name {
  padding-top: 20px;
  padding-bottom: 5px;
  font-size: 14px !important;
  line-height: 1.2em;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxHeader .tarifShortInfo {
  font-size: 14px !important;
  margin-top: 5px;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent {
  padding: 0;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox .price {
  font-weight: 900;
  color: #e20074 !important;
  font-family: TeleGrotesk-Next !important;
  font-size: 29px !important;
  letter-spacing: -1px;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox .price span {
  color: #e20074 !important;
  font-weight: 700;
  font-family: TeleGrotesk-Next;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .cashback-hint-wrapper,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .entertainSelector,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox--effective,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .productLinks {
  padding: 0 30px 10px;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .cashback-hint-wrapper.strike,
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .entertainSelector.strike,
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .priceBox--effective.strike,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox.strike,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .productLinks.strike {
  display: none;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .tarifIncentive {
  margin: 0 30px 10px;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .tarifIncentive.empty {
  opacity: 0;
  min-height: 0;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .cashback-hint {
  margin: 0 auto;
  background-color: #31c3f7;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .cashback-hint p,
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .cashback-hint span {
  color: #fff;
  font-size: 25px !important;
  font-weight: 700;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .cashback-hint span {
  font-size: 37px !important;
  font-weight: bolder;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxContent .priceBox--effective {
  cursor: pointer;
  text-align: center;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxContent
  .priceBox--effective
  .price {
  font-weight: 700;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxFooter,
.magentaZuhauseCompactSliderBox .tarifSliderBoxFooter .btn_slider {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.magentaZuhauseCompactSliderBox .info-content {
  padding: 10px 30px;
}
.magentaZuhauseCompactSliderBox .tarifSliderBoxInfos {
  padding-bottom: 10px;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown {
  font-size: 21px;
  color: #383838;
  padding: 10px 30px;
  position: relative;
  font-family: Tele-GroteskNor-Regular;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader {
  width: max-content;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader
  .t4 {
  text-decoration: underline dotted #d3d3d3;
  cursor: pointer;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader
  .checked {
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
  margin-top: -7px;
  margin-left: 4px;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader
  .checked:after {
  content: "";
  display: block;
  width: 8px;
  height: 15px;
  border: solid #e20074;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader:hover
  .dropdownContent {
  display: block !important;
  background: #3e3e3e;
  text-decoration: none !important;
  max-width: 200px;
  border-radius: 10px;
  position: absolute;
  z-index: 100;
  color: #fff;
  padding: 5px 10px;
  top: -35px;
  left: 10px;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader:hover
  .dropdownContent
  p {
  text-decoration: none !important;
  color: #fff;
  font-size: 14px !important;
  line-height: 1.2em;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader:hover
  .dropdownContent:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #3e3e3e;
  transform: rotate(45deg);
  position: absolute;
  left: 40%;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown
  .dropdownHeader
  .dropdownContent {
  display: none;
}
.magentaZuhauseCompactSliderBox
  .tarifSliderBoxInfos
  .tarifSliderBoxInfoDropdown.infos:after {
  transform: rotate(180deg);
  color: #e20074;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif {
  padding-bottom: 10px;
  padding-left: 30px;
  cursor: pointer;
  position: relative;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif[data-tvtype="SAT"] {
  display: none;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif > span.check {
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  vertical-align: middle;
  box-sizing: content-box;
  margin-right: 5px;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif .tvTarif-infos {
  display: none;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif > span.dropdown {
  display: block;
  content: "$";
  font-family: TeleIcon-Outline !important;
  color: #383838;
  transition: all 0.5s ease;
  font-size: 22px;
  position: absolute;
  right: 0;
  top: 4px;
}
.magentaZuhauseCompactSliderBox
  .entertainSelector
  .tvTarif.active
  > span.check {
  font-family: TeleIcon-Outline !important;
}
.magentaZuhauseCompactSliderBox
  .entertainSelector
  .tvTarif.active
  > span.check:before {
  content: "V";
  color: #6bb324;
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  font-family: TeleIcon-Outline !important;
}
.magentaZuhauseCompactSliderBox
  .entertainSelector
  .tvTarif.infos
  > span.dropdown {
  transform: rotate(180deg);
  color: #e20074;
}
.magentaZuhauseCompactSliderBox
  .entertainSelector
  .tvTarif.infos
  .tvTarif-infos {
  display: block;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif.unavailable {
  opacity: 0.4;
}
.magentaZuhauseCompactSliderBox .entertainSelector .tvTarif .magenta {
  color: #e20074;
}
.magentaZuhauseCompactSliderBox
  .entertainSelector.sat
  .tvTarif[data-tvtype="SAT"] {
  display: block;
}
.magentaZuhauseCompactSliderBox
  .entertainSelector.sat
  .tvTarif[data-tvtype="VDSL"] {
  display: none;
}
.uncheckedM1Compact #unchecked-magenta-eins-box {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 2px 9px 0 #d3d3d3;
}
.allOptionsWrapperCompact .allLandlineOptionsSlider {
  background: #fff !important;
}
.allOptionsWrapperCompact .allLandlineOptionsSlider .extraSliderBox {
  box-shadow: 0 2px 9px 0 #d3d3d3;
  border-radius: 10px;
  margin: 10px;
}
.allOptionsWrapperCompact
  .allLandlineOptionsSlider
  .extraSliderBox
  .extraSliderBoxFooter
  .btn_slider {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.allOptionsWrapperCompact .owl-controls .owl-prev {
  left: 2px;
}
.allOptionsWrapperCompact .owl-controls .owl-prev .btn_action i {
  right: 52% !important;
  left: unset !important;
  transform: translate(50%, -50%) !important;
}
.allOptionsWrapperCompact .owl-controls .owl-next {
  right: 2px;
}
.allOptionsWrapperCompact .owl-controls .btn_action {
  color: #e20074;
  border-radius: 100% !important;
  width: 48px;
  height: 48px;
  border: 0;
  background: #fff;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  padding: 0;
  line-height: unset;
}
.allOptionsWrapperCompact .owl-controls .btn_action i {
  color: #e20074;
  font-weight: 900;
  position: absolute;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: unset;
  font-size: 24px;
}
.incentiveWrapperCompact .incentiveSlider {
  background: #fff !important;
}
.incentiveWrapperCompact .incentiveSlider .incentiveSliderBox {
  box-shadow: 0 2px 9px 0 #d3d3d3;
  border-radius: 10px;
  margin: 10px;
}
.incentiveWrapperCompact
  .incentiveSlider
  .incentiveSliderBox
  .extraSliderBoxFooter
  .btn_slider {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.incentiveWrapperCompact .owl-controls .owl-prev {
  left: 2px;
}
.incentiveWrapperCompact .owl-controls .owl-prev .btn_action i {
  right: 52% !important;
  left: unset !important;
  transform: translate(50%, -50%) !important;
}
.incentiveWrapperCompact .owl-controls .owl-next {
  right: 2px;
}
.incentiveWrapperCompact .owl-controls .btn_action {
  color: #e20074;
  border-radius: 100% !important;
  width: 48px;
  height: 48px;
  border: 0;
  background: #fff;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  padding: 0;
  line-height: unset;
}
.incentiveWrapperCompact .owl-controls .btn_action i {
  color: #e20074;
  font-weight: 900;
  position: absolute;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: unset;
  font-size: 24px;
}
.mobiltarifSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: left;
}
.mobiltarifSliderBox .mobiltarifSliderBoxHeader {
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
}
.mobiltarifSliderBox .mobiltarifSliderBoxHeader p.tMobiltarifAcronym {
  display: inline-block;
}
.mobiltarifSliderBox .mobiltarifSliderBoxHeader .mobiltarifShortInfo {
  display: inline-block;
  text-align: left;
}
.mobiltarifSliderBox .mobiltarifSliderBoxHeader .mobiltarifShortInfo p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px;
  color: #383838;
}
.mobiltarifSliderBox .mobiltarifSliderBoxHeader .mobiltarifShortInfo span {
  color: #757575;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent {
  padding: 30px 10px;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent .mobiltarifInfo,
.mobiltarifSliderBox .mobiltarifSliderBoxContent .priceBox {
  padding-top: 20px;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent .priceBox .price {
  color: #e20074;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl {
  margin: 10px 0 0;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.mobiltarifSliderBox .mobiltarifSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.accessorySliderBox {
  margin: 0 10px;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.accessorySliderBox .accessorySliderBoxHeader {
  text-align: center;
  padding-top: 30px;
}
.accessorySliderBox .accessorySliderBoxHeader img {
  margin: 0 auto;
  max-width: 96px;
}
.accessorySliderBox .accessorySliderBoxContent {
  padding: 10px 40px 30px;
}
.accessorySliderBox .accessorySliderBoxContent .accessoryName {
  padding-bottom: 10px;
}
.accessorySliderBox .accessorySliderBoxContent .priceBox {
  padding-top: 10px;
}
.accessorySliderBox .accessorySliderBoxContent .priceBox .price {
  color: #e20074;
}
.entertainSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
}
.entertainSliderBox .entertainSliderBoxHeader {
  text-align: center;
  padding-top: 30px;
}
.entertainSliderBox .entertainSliderBoxHeader img {
  margin: 0 auto;
  display: block;
  cursor: pointer;
}
.entertainSliderBox .entertainSliderBoxHeader .successBullet {
  display: none;
}
.entertainSliderBox .entertainSliderBoxContent {
  padding: 10px 40px 30px;
}
.entertainSliderBox .entertainSliderBoxContent .entertainName {
  padding-bottom: 10px;
}
.entertainSliderBox .entertainSliderBoxContent .priceBox {
  padding-top: 10px;
}
.entertainSliderBox .entertainSliderBoxContent .priceBox .price {
  color: #e20074;
}
.entertainSliderBox .entertainSliderBoxContent .priceBox .priceInfo .duration {
  display: none;
}
.entertainSliderBox .entertainSliderBoxContent .tarifIncentive {
  margin-top: 5px;
  margin-bottom: 20px;
}
.entertainSliderBox .entertainSliderBoxContent dl {
  margin: 10px 0 0;
}
.entertainSliderBox .entertainSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.entertainSliderBox .entertainSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.entertainSliderBox .entertainSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.entertainSliderBox .entertainSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.entertainSliderBox .entertainSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.entertainSliderBox .entertainSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.entertainSliderBox .entertainSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.entertainSliderBox.active .entertainSliderBoxHeader img {
  display: none;
}
.entertainSliderBox.active .entertainSliderBoxHeader .successBullet {
  display: block;
}
.extraSliderBox,
.incentiveSliderBox,
.smarthomeExtraSliderBox,
.sportSliderBox {
  margin: 0 10px;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.extraSliderBox .extraSliderBoxHeader,
.extraSliderBox .smarthomeExtraSliderBoxHeader,
.incentiveSliderBox .extraSliderBoxHeader,
.incentiveSliderBox .smarthomeExtraSliderBoxHeader,
.smarthomeExtraSliderBox .extraSliderBoxHeader,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxHeader,
.sportSliderBox .extraSliderBoxHeader,
.sportSliderBox .smarthomeExtraSliderBoxHeader {
  text-align: center;
  padding-top: 30px;
}
.extraSliderBox .extraSliderBoxHeader img,
.extraSliderBox .smarthomeExtraSliderBoxHeader img,
.incentiveSliderBox .extraSliderBoxHeader img,
.incentiveSliderBox .smarthomeExtraSliderBoxHeader img,
.smarthomeExtraSliderBox .extraSliderBoxHeader img,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxHeader img,
.sportSliderBox .extraSliderBoxHeader img,
.sportSliderBox .smarthomeExtraSliderBoxHeader img {
  margin: 0 auto;
  cursor: pointer;
}
.extraSliderBox .extraSliderBoxContent,
.extraSliderBox .smarthomeExtraSliderBoxContent,
.incentiveSliderBox .extraSliderBoxContent,
.incentiveSliderBox .smarthomeExtraSliderBoxContent,
.smarthomeExtraSliderBox .extraSliderBoxContent,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent,
.sportSliderBox .extraSliderBoxContent,
.sportSliderBox .smarthomeExtraSliderBoxContent {
  padding: 10px 40px;
}
.extraSliderBox .extraSliderBoxContent .extraName,
.extraSliderBox .smarthomeExtraSliderBoxContent .extraName,
.incentiveSliderBox .extraSliderBoxContent .extraName,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .extraName,
.smarthomeExtraSliderBox .extraSliderBoxContent .extraName,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .extraName,
.sportSliderBox .extraSliderBoxContent .extraName,
.sportSliderBox .smarthomeExtraSliderBoxContent .extraName {
  padding-bottom: 10px;
}
.extraSliderBox .extraSliderBoxContent .priceBox,
.extraSliderBox .smarthomeExtraSliderBoxContent .priceBox,
.incentiveSliderBox .extraSliderBoxContent .priceBox,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .priceBox,
.smarthomeExtraSliderBox .extraSliderBoxContent .priceBox,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .priceBox,
.sportSliderBox .extraSliderBoxContent .priceBox,
.sportSliderBox .smarthomeExtraSliderBoxContent .priceBox {
  padding-top: 10px;
}
.extraSliderBox .extraSliderBoxContent .priceBox .price,
.extraSliderBox .smarthomeExtraSliderBoxContent .priceBox .price,
.incentiveSliderBox .extraSliderBoxContent .priceBox .price,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .priceBox .price,
.smarthomeExtraSliderBox .extraSliderBoxContent .priceBox .price,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .priceBox .price,
.sportSliderBox .extraSliderBoxContent .priceBox .price,
.sportSliderBox .smarthomeExtraSliderBoxContent .priceBox .price {
  color: #e20074;
}
.extraSliderBox .extraSliderBoxContent .priceBox .price.incentive,
.extraSliderBox .smarthomeExtraSliderBoxContent .priceBox .price.incentive,
.incentiveSliderBox .extraSliderBoxContent .priceBox .price.incentive,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .priceBox .price.incentive,
.smarthomeExtraSliderBox .extraSliderBoxContent .priceBox .price.incentive,
.smarthomeExtraSliderBox
  .smarthomeExtraSliderBoxContent
  .priceBox
  .price.incentive,
.sportSliderBox .extraSliderBoxContent .priceBox .price.incentive,
.sportSliderBox .smarthomeExtraSliderBoxContent .priceBox .price.incentive {
  color: #007faf;
}
.extraSliderBox .extraSliderBoxContent .amount,
.extraSliderBox .smarthomeExtraSliderBoxContent .amount,
.incentiveSliderBox .extraSliderBoxContent .amount,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .amount,
.smarthomeExtraSliderBox .extraSliderBoxContent .amount,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .amount,
.sportSliderBox .extraSliderBoxContent .amount,
.sportSliderBox .smarthomeExtraSliderBoxContent .amount {
  margin: 10px auto 0;
}
.extraSliderBox .extraSliderBoxContent .amount span,
.extraSliderBox .smarthomeExtraSliderBoxContent .amount span,
.incentiveSliderBox .extraSliderBoxContent .amount span,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .amount span,
.smarthomeExtraSliderBox .extraSliderBoxContent .amount span,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .amount span,
.sportSliderBox .extraSliderBoxContent .amount span,
.sportSliderBox .smarthomeExtraSliderBoxContent .amount span {
  padding-right: 10px;
}
.extraSliderBox .extraSliderBoxContent .amount select,
.extraSliderBox .smarthomeExtraSliderBoxContent .amount select,
.incentiveSliderBox .extraSliderBoxContent .amount select,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .amount select,
.smarthomeExtraSliderBox .extraSliderBoxContent .amount select,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .amount select,
.sportSliderBox .extraSliderBoxContent .amount select,
.sportSliderBox .smarthomeExtraSliderBoxContent .amount select {
  width: 45px;
  height: 28px;
  padding-left: 5px;
  margin: 0 auto;
  border: 1px solid #b2b2b2 !important;
}
.extraSliderBox .extraSliderBoxContent .amount select:focus,
.extraSliderBox .extraSliderBoxContent .amount select:hover,
.extraSliderBox .smarthomeExtraSliderBoxContent .amount select:focus,
.extraSliderBox .smarthomeExtraSliderBoxContent .amount select:hover,
.incentiveSliderBox .extraSliderBoxContent .amount select:focus,
.incentiveSliderBox .extraSliderBoxContent .amount select:hover,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .amount select:focus,
.incentiveSliderBox .smarthomeExtraSliderBoxContent .amount select:hover,
.smarthomeExtraSliderBox .extraSliderBoxContent .amount select:focus,
.smarthomeExtraSliderBox .extraSliderBoxContent .amount select:hover,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .amount select:focus,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxContent .amount select:hover,
.sportSliderBox .extraSliderBoxContent .amount select:focus,
.sportSliderBox .extraSliderBoxContent .amount select:hover,
.sportSliderBox .smarthomeExtraSliderBoxContent .amount select:focus,
.sportSliderBox .smarthomeExtraSliderBoxContent .amount select:hover {
  border: 1px solid #e20074 !important;
}
.senderSliderBox {
  margin: 0 10px;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.senderSliderBox .senderSliderBoxHeader {
  text-align: center;
  padding-top: 30px;
}
.senderSliderBox .senderSliderBoxHeader img {
  margin: 0 auto;
  max-width: 96px;
  cursor: pointer;
}
.senderSliderBox .senderSliderBoxContent {
  padding: 10px 40px 30px;
}
.senderSliderBox .senderSliderBoxContent .senderName {
  padding-bottom: 10px;
}
.senderSliderBox .senderSliderBoxContent .priceBox {
  padding-top: 10px;
}
.senderSliderBox .senderSliderBoxContent .priceBox .price {
  color: #e20074;
}
.meinsSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
}
.meinsSliderBox .meinsSliderBoxHeader {
  text-align: center;
  padding-top: 30px;
}
.meinsSliderBox .meinsSliderBoxHeader img {
  margin: 0 auto;
  display: block;
  max-width: 96px;
  cursor: pointer;
}
.meinsSliderBox .meinsSliderBoxHeader .successBullet {
  display: none;
}
.meinsSliderBox .meinsSliderBoxContent {
  padding: 10px 40px 30px;
}
.meinsSliderBox .meinsSliderBoxContent .meinsName {
  padding-bottom: 10px;
}
.meinsSliderBox .meinsSliderBoxContent .priceBox {
  padding-top: 10px;
}
.meinsSliderBox .meinsSliderBoxContent .priceBox .price {
  color: #e20074;
}
.smartphoneSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
}
.smartphoneSliderBox .smartphoneSliderBoxHeader {
  padding-top: 20px;
  text-align: center;
}
.smartphoneSliderBox .smartphoneSliderBoxHeader img {
  margin: 0 auto;
  max-width: 290px;
  cursor: pointer;
}
.smartphoneSliderBox .smartphoneSliderBoxHeader .smartphoneShortInfo,
.smartphoneSliderBox .smartphoneSliderBoxHeader p.smartphoneAcronym {
  display: inline-block;
}
.smartphoneSliderBox .smartphoneSliderBoxHeader .smartphoneShortInfo p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px;
  color: #383838;
}
.smartphoneSliderBox .smartphoneSliderBoxHeader .smartphoneShortInfo span {
  color: #757575;
}
.smartphoneSliderBox .smartphoneSliderBoxContent {
  padding: 20px;
}
.smartphoneSliderBox .smartphoneSliderBoxContent .priceBox,
.smartphoneSliderBox .smartphoneSliderBoxContent .smartphoneInfo {
  padding-top: 20px;
}
.smartphoneSliderBox .smartphoneSliderBoxContent .priceBox .price {
  color: #e20074;
}
.baseproductSliderBox {
  margin: 0 10px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: left;
}
.baseproductSliderBox .baseproductSliderBoxHeader {
  text-align: center;
  border-bottom: 1px solid #d0d0d0;
}
.baseproductSliderBox .baseproductSliderBoxHeader p.tTarifAcronym {
  display: inline-block;
}
.baseproductSliderBox .baseproductSliderBoxHeader .tarifShortInfo {
  display: inline-block;
  text-align: left;
}
.baseproductSliderBox .baseproductSliderBoxHeader .tarifShortInfo p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px;
  color: #383838;
}
.baseproductSliderBox .baseproductSliderBoxHeader .tarifShortInfo span {
  color: #757575;
}
.baseproductSliderBox .baseproductSliderBoxContent {
  padding: 20px;
}
.baseproductSliderBox .baseproductSliderBoxContent .priceBox,
.baseproductSliderBox .baseproductSliderBoxContent .tarifInfo {
  padding-top: 20px;
}
.baseproductSliderBox .baseproductSliderBoxContent .priceBox .price {
  color: #e20074;
}
.menuBox,
.stageSliderBox {
  padding: 40px;
  margin: 0 10px;
}
.menuBox .menuBoxContent,
.menuBox .stageSliderBoxContent,
.stageSliderBox .menuBoxContent,
.stageSliderBox .stageSliderBoxContent {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
  background-color: #fff;
  padding: 20px;
  display: block;
}
.menuBox .menuBoxContent .produktImage,
.menuBox .stageSliderBoxContent .produktImage,
.stageSliderBox .menuBoxContent .produktImage,
.stageSliderBox .stageSliderBoxContent .produktImage {
  height: 273px;
  width: auto;
  max-width: 100%;
}
.menuBox .menuBoxContent .produktImage-big,
.menuBox .stageSliderBoxContent .produktImage-big,
.stageSliderBox .menuBoxContent .produktImage-big,
.stageSliderBox .stageSliderBoxContent .produktImage-big {
  height: 350px;
  width: auto;
  max-width: 100%;
}
.menuBox .menuBoxContent .t1,
.menuBox .menuBoxContent .t2,
.menuBox .menuBoxContent h1,
.menuBox .menuBoxContent h3,
.menuBox .stageSliderBoxContent .t1,
.menuBox .stageSliderBoxContent .t2,
.menuBox .stageSliderBoxContent h1,
.menuBox .stageSliderBoxContent h3,
.stageSliderBox .menuBoxContent .t1,
.stageSliderBox .menuBoxContent .t2,
.stageSliderBox .menuBoxContent h1,
.stageSliderBox .menuBoxContent h3,
.stageSliderBox .stageSliderBoxContent .t1,
.stageSliderBox .stageSliderBoxContent .t2,
.stageSliderBox .stageSliderBoxContent h1,
.stageSliderBox .stageSliderBoxContent h3 {
  margin: 0 0 10px !important;
  line-height: normal;
  padding: 0 !important;
}
.menuBox .menuBoxContent .price,
.menuBox .stageSliderBoxContent .price,
.stageSliderBox .menuBoxContent .price,
.stageSliderBox .stageSliderBoxContent .price {
  font-family: Tele-GroteskNor-Regular;
  color: #e20074;
  padding-top: 10px;
}
.menuBox .menuBoxContent span,
.menuBox .stageSliderBoxContent span,
.stageSliderBox .menuBoxContent span,
.stageSliderBox .stageSliderBoxContent span {
  font-family: Tele-GroteskNor-Regular;
  display: inline-block;
}
.menuBox .menuBoxContent span.hint,
.menuBox .stageSliderBoxContent span.hint,
.stageSliderBox .menuBoxContent span.hint,
.stageSliderBox .stageSliderBoxContent span.hint {
  font-size: 15px;
  color: #757575;
}
.menuBox .menuBoxContent span.hint.hintLeft,
.menuBox .stageSliderBoxContent span.hint.hintLeft,
.stageSliderBox .menuBoxContent span.hint.hintLeft,
.stageSliderBox .stageSliderBoxContent span.hint.hintLeft {
  padding-top: 4px;
}
.menuBox .menuBoxContent.right,
.menuBox .stageSliderBoxContent.right,
.stageSliderBox .menuBoxContent.right,
.stageSliderBox .stageSliderBoxContent.right {
  float: right;
}
.menuBox .menuBoxContent.right.noWidth,
.menuBox .stageSliderBoxContent.right.noWidth,
.stageSliderBox .menuBoxContent.right.noWidth,
.stageSliderBox .stageSliderBoxContent.right.noWidth {
  width: auto;
  max-width: 70%;
}
.menuBox .menuBoxContent.right.halfWidth,
.menuBox .stageSliderBoxContent.right.halfWidth,
.stageSliderBox .menuBoxContent.right.halfWidth,
.stageSliderBox .stageSliderBoxContent.right.halfWidth {
  width: calc(50% - 10px * 4);
}
.menuBox .menuBoxContent.left,
.menuBox .stageSliderBoxContent.left,
.stageSliderBox .menuBoxContent.left,
.stageSliderBox .stageSliderBoxContent.left {
  float: left;
}
.menuBox .menuBoxContent.left.noWidth,
.menuBox .stageSliderBoxContent.left.noWidth,
.stageSliderBox .menuBoxContent.left.noWidth,
.stageSliderBox .stageSliderBoxContent.left.noWidth {
  width: auto;
  max-width: 70%;
}
.menuBox .menuBoxContent.left.halfWidth,
.menuBox .stageSliderBoxContent.left.halfWidth,
.stageSliderBox .menuBoxContent.left.halfWidth,
.stageSliderBox .stageSliderBoxContent.left.halfWidth {
  width: calc(50% - 10px * 4);
}
.menuBox .menuBoxContent.center,
.menuBox .stageSliderBoxContent.center,
.stageSliderBox .menuBoxContent.center,
.stageSliderBox .stageSliderBoxContent.center {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
}
.menuBox .menuBoxContent.center.noWidth,
.menuBox .stageSliderBoxContent.center.noWidth,
.stageSliderBox .menuBoxContent.center.noWidth,
.stageSliderBox .stageSliderBoxContent.center.noWidth {
  width: auto;
  max-width: 70%;
}
.menuBox .menuBoxContent.center.fullWidth,
.menuBox .stageSliderBoxContent.center.fullWidth,
.stageSliderBox .menuBoxContent.center.fullWidth,
.stageSliderBox .stageSliderBoxContent.center.fullWidth {
  width: auto;
  max-width: 85%;
}
.menuBox .menuBoxContent.smright,
.menuBox .stageSliderBoxContent.smright,
.stageSliderBox .menuBoxContent.smright,
.stageSliderBox .stageSliderBoxContent.smright {
  display: inline-block;
  vertical-align: middle;
  background-color: transparent;
}
.menuBox .menuBoxContent.smleft,
.menuBox .stageSliderBoxContent.smleft,
.stageSliderBox .menuBoxContent.smleft,
.stageSliderBox .stageSliderBoxContent.smleft {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  background-color: transparent;
}
.menuBox .menuBoxContent.colorWhite .incentiveColor,
.menuBox .menuBoxContent.colorWhite a,
.menuBox .menuBoxContent.colorWhite h1,
.menuBox .menuBoxContent.colorWhite h2,
.menuBox .menuBoxContent.colorWhite h3,
.menuBox .menuBoxContent.colorWhite h4,
.menuBox .menuBoxContent.colorWhite h5,
.menuBox .menuBoxContent.colorWhite p,
.menuBox .menuBoxContent.colorWhite span,
.menuBox .menuBoxContent.colorWhite ul li,
.menuBox .stageSliderBoxContent.colorWhite .incentiveColor,
.menuBox .stageSliderBoxContent.colorWhite a,
.menuBox .stageSliderBoxContent.colorWhite h1,
.menuBox .stageSliderBoxContent.colorWhite h2,
.menuBox .stageSliderBoxContent.colorWhite h3,
.menuBox .stageSliderBoxContent.colorWhite h4,
.menuBox .stageSliderBoxContent.colorWhite h5,
.menuBox .stageSliderBoxContent.colorWhite p,
.menuBox .stageSliderBoxContent.colorWhite span,
.menuBox .stageSliderBoxContent.colorWhite ul li,
.stageSliderBox .menuBoxContent.colorWhite .incentiveColor,
.stageSliderBox .menuBoxContent.colorWhite a,
.stageSliderBox .menuBoxContent.colorWhite h1,
.stageSliderBox .menuBoxContent.colorWhite h2,
.stageSliderBox .menuBoxContent.colorWhite h3,
.stageSliderBox .menuBoxContent.colorWhite h4,
.stageSliderBox .menuBoxContent.colorWhite h5,
.stageSliderBox .menuBoxContent.colorWhite p,
.stageSliderBox .menuBoxContent.colorWhite span,
.stageSliderBox .menuBoxContent.colorWhite ul li,
.stageSliderBox .stageSliderBoxContent.colorWhite .incentiveColor,
.stageSliderBox .stageSliderBoxContent.colorWhite a,
.stageSliderBox .stageSliderBoxContent.colorWhite h1,
.stageSliderBox .stageSliderBoxContent.colorWhite h2,
.stageSliderBox .stageSliderBoxContent.colorWhite h3,
.stageSliderBox .stageSliderBoxContent.colorWhite h4,
.stageSliderBox .stageSliderBoxContent.colorWhite h5,
.stageSliderBox .stageSliderBoxContent.colorWhite p,
.stageSliderBox .stageSliderBoxContent.colorWhite span,
.stageSliderBox .stageSliderBoxContent.colorWhite ul li {
  color: #fff;
}
.menuBox .menuBoxContent.colorWhite .incentiveColor,
.menuBox .stageSliderBoxContent.colorWhite .incentiveColor,
.stageSliderBox .menuBoxContent.colorWhite .incentiveColor,
.stageSliderBox .stageSliderBoxContent.colorWhite .incentiveColor {
  color: #fff !important;
}
.menuBox .menuBoxContent.transparent,
.menuBox .stageSliderBoxContent.transparent,
.stageSliderBox .menuBoxContent.transparent,
.stageSliderBox .stageSliderBoxContent.transparent {
  background-color: transparent;
}
.menuBox .menuBoxContent.text-left,
.menuBox .stageSliderBoxContent.text-left,
.stageSliderBox .menuBoxContent.text-left,
.stageSliderBox .stageSliderBoxContent.text-left {
  text-align: left;
}
.menuBox img,
.stageSliderBox img {
  width: 100%;
}
.menuBox .clr,
.stageSliderBox .clr {
  float: none;
  clear: both;
  height: 0;
}
.menuBox.bigPadding,
.stageSliderBox.bigPadding {
  padding: 60px;
}
@media all and (min-width: 1024px) {
  .menuBox.bigPadding,
  .stageSliderBox.bigPadding {
    padding: 80px;
  }
}
@media all and (max-width: 768px) {
  .menuBox,
  .stageSliderBox:not(.handyprimeStageSliderBox) {
    background: 0 0 !important;
    padding: 0;
  }
  .menuBox .produktImage,
  .menuBox .produktImage-big,
  .stageSliderBox:not(.handyprimeStageSliderBox) .produktImage,
  .stageSliderBox:not(.handyprimeStageSliderBox) .produktImage-big {
    margin: 0 auto 20px;
  }
  .menuBox .stageSliderBoxContent,
  .stageSliderBox:not(.handyprimeStageSliderBox) .stageSliderBoxContent {
    width: calc(100% - 10px * 6);
    padding: 20px 30px;
  }
  .menuBox .stageSliderBoxContent.colorWhite a,
  .menuBox .stageSliderBoxContent.colorWhite h1,
  .menuBox .stageSliderBoxContent.colorWhite h2,
  .menuBox .stageSliderBoxContent.colorWhite h3,
  .menuBox .stageSliderBoxContent.colorWhite h4,
  .menuBox .stageSliderBoxContent.colorWhite h5,
  .menuBox .stageSliderBoxContent.colorWhite p,
  .menuBox .stageSliderBoxContent.colorWhite span,
  .menuBox .stageSliderBoxContent.colorWhite ul li,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    a,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    h1,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    h2,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    h3,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    h4,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    h5,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    p,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    span,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    ul
    li {
    color: #383838 !important;
  }
  .menuBox .stageSliderBoxContent.colorWhite .incentiveColor,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.colorWhite
    .incentiveColor {
    color: #007faf !important;
  }
  .menuBox .stageSliderBoxContent.halfWidth,
  .stageSliderBox:not(.handyprimeStageSliderBox)
    .stageSliderBoxContent.halfWidth {
    width: calc(100% - 10px * 6);
  }
  .menuBox picture > img,
  .menuBox > img,
  .stageSliderBox:not(.handyprimeStageSliderBox) picture > img,
  .stageSliderBox:not(.handyprimeStageSliderBox) > img {
    display: block !important;
    max-width: 100%;
    margin-bottom: 0;
  }
  .menuBox.hardware > img,
  .stageSliderBox:not(.handyprimeStageSliderBox).hardware > img {
    display: none !important;
  }
}
@media all and (min-width: 768px) {
  .stageSliderBoxContent {
    width: 296px;
  }
  .stageSliderBox img {
    display: none;
  }
}
@media all and (min-width: 1024px) {
  .stageSliderBoxContent {
    width: 312px;
  }
  .stageSliderBox img {
    display: none;
  }
}
.productBannerSliderNav .owl-stage {
  margin: 0 auto;
}
.stageSliderBox .owl-item .sliderImage img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  margin: 0 auto;
}
@media all and (max-width: 768px) {
  .staticSlider {
    padding: 48px 48px 24px;
  }
  .staticSlider .owl-prev {
    left: 36px;
  }
  .staticSlider .owl-next {
    right: 36px;
  }
}
@media all and (max-width: 1024px) {
  .staticSlider {
    padding: 48px 12px 24px;
  }
  .staticSlider .owl-prev {
    left: 12px;
  }
  .staticSlider .owl-next {
    right: 12px;
  }
}
@media all and (min-width: 1440px) {
  .staticSlider {
    padding: 48px 168px 24px;
  }
  .staticSlider .owl-prev {
    left: 158px;
  }
  .staticSlider .owl-next {
    right: 158px;
  }
}
@media all and (max-width: 650px) {
  .stageSlider {
    margin-top: 45px;
  }
}
html .smartphoneRecommendationSliderWrapper h3 {
  font-size: 20px !important;
}
html
  .smartphoneRecommendationSliderWrapper
  .smartphoneRecommendationSlider
  .smartphoneName {
  font-size: 16px !important;
  line-height: 17px;
}
html
  .smartphoneRecommendationSliderWrapper
  .smartphoneRecommendationSlider
  .smartphoneName
  img {
  max-height: 160px;
  width: auto;
  max-width: 100%;
}
html
  .smartphoneRecommendationSliderWrapper
  .smartphoneRecommendationSlider
  .colorSelector,
html
  .smartphoneRecommendationSliderWrapper
  .smartphoneRecommendationSlider
  .smartphoneSliderBoxFooter {
  display: none;
}
.tarifSliderBoxHeader.newTelekomDesign {
  text-align: left;
  padding: 20px;
  border: none;
}
.tarifSliderBoxHeader.newTelekomDesign .tarifName {
  margin: 0;
  padding: 0;
}
.tarifSliderBoxHeader.newTelekomDesign .tTarifAcronym {
  color: #383838;
  padding: 0;
  font-size: 36px !important;
}
.tarifSliderBoxHeader.newTelekomDesign ~ .tarifSliderBoxContent {
  padding: 20px !important;
}
.sliderBoxHR {
  width: 100%;
  height: 5px;
  background-color: #ededed;
}
.sliderBoxHR .sliderBoxHRContent {
  background-color: #e20074;
  height: 5px;
}
.sliderBoxHR .sliderBoxHRContent.w10 {
  width: 10%;
}
.sliderBoxHR .sliderBoxHRContent.w20 {
  width: 20%;
}
.sliderBoxHR .sliderBoxHRContent.w25 {
  width: 25%;
}
.sliderBoxHR .sliderBoxHRContent.w30 {
  width: 30%;
}
.sliderBoxHR .sliderBoxHRContent.w33 {
  width: 33%;
}
.sliderBoxHR .sliderBoxHRContent.w40 {
  width: 40%;
}
.sliderBoxHR .sliderBoxHRContent.w50 {
  width: 50%;
}
.sliderBoxHR .sliderBoxHRContent.w60 {
  width: 60%;
}
.sliderBoxHR .sliderBoxHRContent.w66 {
  width: 66%;
}
.sliderBoxHR .sliderBoxHRContent.w70 {
  width: 70%;
}
.sliderBoxHR .sliderBoxHRContent.w75 {
  width: 75%;
}
.sliderBoxHR .sliderBoxHRContent.w80 {
  width: 80%;
}
.sliderBoxHR .sliderBoxHRContent.w90 {
  width: 90%;
}
.sliderBoxHR .sliderBoxHRContent.w100 {
  width: 100%;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-result {
  margin: 20px 0;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea {
  font-size: 0;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea
  .gsc-result {
  font-size: 13px;
  width: calc(100% / 3 - 10px * 4 / 3);
  display: inline-block;
  margin: 20px 10px;
  vertical-align: top;
  box-sizing: border-box;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea
  .gsc-result:nth-child(3n + 0) {
  margin-right: 0;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea
  .gsc-result:nth-child(3n + 1) {
  margin-left: 0;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea
  .gsc-cursor-box {
  font-size: 12px;
  margin: 20px auto 0;
  width: 280px;
  text-align: center;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea
  .gsc-cursor-box
  .gsc-cursor {
  text-align: center;
}
.gsc-results-wrapper-overlay
  .gsc-wrapper
  .gsc-resultsRoot
  .gsc-results
  .gsc-expansionArea
  .gsc-cursor-box
  .gsc-cursor
  .gsc-cursor-page {
  border: 1px solid #ededed;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
  line-height: 18px;
  border-radius: 4px;
  color: #383838;
}
.gsc-results-wrapper-overlay i {
  font-family: Arial, sans-serif;
  font-size: 16px;
}
@media all and (max-width: 1024px) {
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea {
    font-size: 0;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result {
    font-size: 13px;
    width: calc(100% / 2 - 10px);
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    box-sizing: border-box;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result:nth-child(3n + 0) {
    margin-right: 10px;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result:nth-child(3n + 1) {
    margin-left: 10px;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result:nth-child(even) {
    margin-right: 0;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result:nth-child(odd) {
    margin-left: 0;
  }
}
@media all and (max-width: 768px) {
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea {
    font-size: 0;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result {
    font-size: 13px;
    width: 100%;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    box-sizing: border-box;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result:nth-child(3n + 0) {
    margin-right: 0;
  }
  .gsc-results-wrapper-overlay
    .gsc-wrapper
    .gsc-resultsRoot
    .gsc-results
    .gsc-expansionArea
    .gsc-result:nth-child(3n + 1) {
    margin-left: 0;
  }
}
.gs-title,
.gs-title b {
  color: #007faf !important;
  text-decoration: none !important;
  font-size: 18px !important;
}
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
  width: 60px;
  height: 50px;
  overflow: visible !important;
}
.gs-imageResult div.gs-visibleUrl,
.gs-webResult div.gs-visibleUrl {
  color: #e20074 !important;
}
@media all and (max-width: 650px) {
  .gsc-results-wrapper-overlay {
    left: 11% !important;
  }
}
@media all and (max-width: 500px) {
  .gsc-results-wrapper-overlay {
    left: 9% !important;
  }
}
@media all and (max-width: 380px) {
  .gsc-results-wrapper-overlay {
    left: 7% !important;
  }
}
.tooltip {
  position: absolute;
  z-index: 10000;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2e2e2e;
  color: #eee;
  font-size: 14px;
  border-radius: 4px;
  min-width: 250px;
  max-width: 250px;
  padding: 5px;
  text-align: center;
}
.tooltip::before {
  position: absolute;
  content: "";
  border-color: #2e2e2e;
  color: #2e2e2e;
  z-index: 50;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-width: 5;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #2e2e2e;
}
.hover-target {
  background-image: linear-gradient(90deg, #007faf 50%, #fff 0);
  background-position: bottom;
  background-size: 4px 1px;
  background-repeat: repeat-x;
  display: inline;
  cursor: pointer;
  position: relative;
}
body,
html {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}
html {
  overflow-y: scroll;
}
html.noscroll,
html.noscroll body {
  overflow: hidden;
  position: relative;
}
h1,
p {
  padding: 0;
}
p {
  margin: 0;
}
:active,
:focus {
  outline: 0;
}
@font-face {
  font-family: Tele-GroteskNor-Regular;
  src: url(/responsive-telekom/fonts/telegrotesk-normal.eot) format("eot");
  src: url(/responsive-telekom/fonts/telegrotesk-normal.ttf) format("truetype"),
    url(/responsive-telekom/fonts/telegrotesk-normal.woff) format("woff");
}
@font-face {
  font-family: Tele-GroteskHal-Regular;
  src: url(/responsive-telekom/fonts/telegrotesk-halbfett.eot) format("eot");
  src: url(/responsive-telekom/fonts/telegrotesk-halbfett.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/telegrotesk-halbfett.woff) format("woff");
}
@font-face {
  font-family: TeleGrotesk-Next;
  font-style: normal;
  font-weight: 100;
  src: url(/responsive-telekom/fonts/telegrotesknext-thin.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/telegrotesknext-thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleGrotesk-Next;
  font-style: normal;
  font-weight: 300;
  src: url(/responsive-telekom/fonts/telegrotesknext-regular.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/telegrotesknext-regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleGrotesk-Next;
  font-style: normal;
  font-weight: 500;
  src: url(/responsive-telekom/fonts/telegrotesknext-medium.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/telegrotesknext-medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleGrotesk-Next;
  font-style: normal;
  font-weight: 700;
  src: url(/responsive-telekom/fonts/telegrotesknext-bold.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/telegrotesknext-bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleGrotesk-Next;
  font-style: normal;
  font-weight: 900;
  src: url(/responsive-telekom/fonts/telegrotesknext-ultra.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/telegrotesknext-ultra.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleNeo;
  font-style: normal;
  font-weight: 100;
  src: url(/responsive-telekom/fonts/TeleNeoOffice-Thin.ttf) format("truetype"),
    url(/responsive-telekom/fonts/TeleNeoWeb-Thin.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleNeo;
  font-style: normal;
  font-weight: 300;
  src: url(/responsive-telekom/fonts/TeleNeoOffice-Regular.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/TeleNeoWeb-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleNeo;
  font-style: normal;
  font-weight: 500;
  src: url(/responsive-telekom/fonts/TeleNeoOffice-Medium.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/TeleNeoWeb-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleNeo;
  font-style: normal;
  font-weight: 700;
  src: url(/responsive-telekom/fonts/TeleNeoOffice-Bold.ttf) format("truetype"),
    url(/responsive-telekom/fonts/TeleNeoWeb-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleNeo;
  font-style: normal;
  font-weight: 900;
  src: url(/responsive-telekom/fonts/TeleNeoOffice-ExtraBold.ttf)
      format("truetype"),
    url(/responsive-telekom/fonts/TeleNeoWeb-ExtraBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: TeleIcon-Outline;
  src: url(/responsive-telekom/fonts/teleicon-outline.eot) format("eot");
  src: url(/responsive-telekom/fonts/teleicon-outline.ttf) format("truetype"),
    url(/responsive-telekom/fonts/teleicon-outline.woff) format("woff");
}
@font-face {
  font-family: socicon;
  src: url(/responsive-telekom/fonts/socicon.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: payback-light;
  src: url(/responsive-telekom/fonts/payback_light-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
h1,
h2,
h3 {
  font-weight: 400;
  margin-bottom: 0;
}
html .t1,
html h1 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 48px !important;
  color: #383838;
  margin: 0.83em 0 0;
  line-height: 48px;
}
html .t2,
html h2,
html h3 {
  font-size: 36px !important;
  color: #383838;
  margin: 1em 0 0;
  line-height: 36px;
}
html h4 {
  padding-top: 20px;
  font-family: Tele-GroteskHal-Regular;
  font-size: 18px !important;
  color: #383838;
  font-weight: 500;
  text-align: left;
  margin: 0;
}
html .t3 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 24px !important;
  color: #383838;
  line-height: 28px;
}
html .t4 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px !important;
  color: #383838;
  line-height: 24px;
}
html .t4 strong {
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px !important;
}
.xdebug-error i,
.xdebug-var-dump i,
html .subHeadline,
html .t5 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px !important;
  color: #383838;
  line-height: 24px;
}
.xdebug-error i.error,
.xdebug-var-dump i.error,
html .subHeadline.error,
html .t5.error {
  color: #d90000;
}
html .t5.big {
  font-size: 21px !important;
}
html .t5foot {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px !important;
  color: #fff;
  line-height: 24px;
}
html .t6 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px !important;
  color: #007faf;
}
html .t6base {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px !important;
  color: #e20074;
}
html .t7 {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 15px !important;
  color: #007faf;
}
html .t8,
span.duration {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 15px !important;
  color: #757575;
  line-height: 20px;
}
html .t8foot {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 15px !important;
  color: #fff;
  line-height: 20px;
}
html .tx {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 18px !important;
  color: #e20074;
}
html .tTarifAcronym {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 64px !important;
  color: #e20074;
  padding-right: 10px;
}
html .tMobiltarifAcronym {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 64px !important;
  color: #e20074;
}
html .incentiveColor {
  color: #007faf !important;
}
i {
  font-family: TeleIcon-Outline;
  display: block;
  font-size: 25px;
  color: #383838;
  font-style: normal;
}
.socicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: socicon;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #757575;
}
.fontTester {
  font-family: Tele-GroteskNor-Regular;
  display: none;
  background-color: #d90000;
  color: #fff;
  font-size: 20px;
}
.fontTester.fontFail {
  display: block;
  padding: 50px 10px;
}
.socicon:empty {
  width: 1em;
}
a {
  text-decoration: none;
}
a.t6 {
  color: #007faf;
}
a.noColor {
  color: #383838;
}
a.inText {
  display: inline-block;
}
.btn {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #383838;
  padding: 0 20px;
  line-height: 30px;
  cursor: pointer;
  background-color: #fbfbfb;
  font-size: 18px;
  border: 1px solid rgba(40, 48, 40, 0.3);
}
.btn:hover {
  background-color: #efefef;
}
.btn:disabled {
  opacity: 0.5;
  background-color: #fcfcfc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #757575;
}
.btn.small {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #383838;
  padding: 0 10px;
  line-height: 30px;
  cursor: pointer;
}
.btn.icon {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #383838;
  padding: 0;
  line-height: 30px;
  cursor: pointer;
  width: 32px;
}
.btn.iconheader {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #383838;
  padding: 0;
  line-height: 30px;
  cursor: pointer;
  width: 32px;
  background-color: #fff;
  font-size: 18px;
  border: 1px solid #ededed;
}
.btn.iconheader:not(.disable):hover {
  background-color: #efefef;
  border: 1px solid #dedede;
}
.btn.iconheader .basketCounter {
  position: absolute;
  right: -8px;
  top: -8px;
  background-color: #e20074;
  height: 18px;
  width: 18px;
  line-height: 18px;
  border-radius: 33%;
  font-size: 12px;
  color: #fff;
}
.btn.iconheader.disable .basketCounter {
  display: none;
}
.btn.pagination {
  display: inline-block;
  font-family: Tele-GroteskNor-Regular;
  color: #383838;
  padding: 0 7px;
  line-height: 20px;
  cursor: pointer;
  font-size: 15px;
}
.btn.pagination.active_page,
.btn.pagination:active {
  background-color: #383838;
  color: #fff;
}
.btn_action {
  background-color: #e20074;
  font-size: 18px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #fff;
  padding: 0 20px;
  line-height: 30px;
  cursor: pointer;
}
.btn_action:hover {
  background-color: #d1006c;
}
.btn_action:focus {
  background-color: #bd0061;
}
.btn_action.disabled,
.btn_action:disabled {
  opacity: 0.5;
  background-color: #fcfcfc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #757575;
}
.btn_action#redeem {
  margin: 10px;
}
.btn_action.small {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  padding: 0 10px;
  line-height: 30px;
  cursor: pointer;
  font-size: 15px;
  font-family: Tele-GroteskHal-Regular;
}
.btn_action.big {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #fff;
  padding: 0 30px;
  line-height: 40px;
  cursor: pointer;
  font-size: 21px;
}
.btn_action.arrow {
  -webkit-border-radius: 4px;
  display: inline-block;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Tele-GroteskNor-Regular;
  color: #fff;
  padding: 0 10px;
  line-height: 40px;
  cursor: pointer;
}
.btn_action.arrow i {
  color: #fff;
  font-size: 18px;
}
.btn_overlay {
  background-color: #f8f8f8;
  color: #383838;
  padding: 0 10px;
  margin: 10px auto;
}
.btn_overlay p {
  vertical-align: middle;
}
.btn_overlay .deselected {
  display: block;
}
.btn_overlay .selected {
  display: none;
}
.btn_overlay .selected i {
  display: inline-block;
  padding-right: 10px;
  color: #fff;
  vertical-align: middle;
  font-size: 21px;
}
.btn_overlay.active {
  background-color: #e20074;
  color: #fff;
}
.btn_overlay.active .deselected {
  display: none;
}
.btn_overlay.active .selected {
  display: block;
}
.btn_overlay:hover {
  background-color: #d1006c;
  color: #fff;
}
.telekomBtnWhite {
  background: 0 0;
  color: #fff;
  padding: 10px 20px;
}
.telekomBtnWhite:hover {
  background: #fff;
  color: #000;
}
.telekomBtnMagentaBlack {
  background: 0 0;
  color: #000;
  padding: 10px 20px;
}
.telekomBtnMagentaBlack:hover {
  background: #e20074;
  color: #fff;
  border-color: #e20074;
}
.telekomBtnMagentaWhite {
  background: 0 0;
  color: #000;
  padding: 10px 20px;
  border-color: #000;
}
.telekomBtnMagentaWhite:hover {
  color: #fff;
  background: #e20061;
  border-color: #e20061;
}
.telekomBtnMagenta {
  background: #e20074;
  color: #fff;
  padding: 10px 20px;
  border-color: #000;
}
.telekomBtnMagenta:hover {
  background: #b3035e;
}
.borderWhite {
  border-color: #fff;
}
.borderBlack {
  border-color: #000;
}
@media (min-width: 769px) {
  .btn-hollow {
    -webkit-border-radius: 4px;
    display: inline-block;
    -moz-border-radius: 4px;
    font-family: Tele-GroteskNor-Regular;
    padding: 0 20px;
    line-height: 40px;
    cursor: pointer;
    background-color: transparent;
    color: #fff;
    border-radius: 4px;
    border-color: #fff;
    font-weight: 700;
  }
  .btn-hollow:hover {
    background-color: #e20074;
  }
  .telekomBtnMagentaWhite {
    background: 0 0;
    color: #fff;
    padding: 10px 20px;
    border-color: #fff;
  }
  .telekomBtnMagentaWhite:hover {
    background: #e20061;
    border-color: #fff;
  }
}
#saveCurrentNumber #chk-group {
  text-align: center;
}
#content {
  padding-bottom: 20px;
  text-align: center;
  overflow: hidden;
}
#content > p,
#content > section > p {
  padding: 10px 0 0;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
#content > p.t2,
#content > section > p.t2 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 36px;
  color: #383838;
  -webkit-margin-before: 1em;
}
#content .t1,
#content > h1 {
  padding: 10px 0;
}
#content .t2,
#content > h3 {
  padding: 30px 0 0;
  margin: 0;
}
#content > .subHeadline {
  padding: 10px 0;
}
#content > .checkbox {
  padding: 5px 0 10px;
}
@media all and (max-width: 1024px) {
  #content {
    padding-top: 126px;
  }
}
.finishedContent {
  padding: 10px;
  margin: 0 auto;
}
.finishedContent form {
  max-width: 1200px;
  margin: 0 auto;
}
.finishedContent form p {
  padding: 5px 0;
}
.finishedContent form button {
  margin: 10px 0;
}
.finishedContent .accordion {
  max-width: 1200px;
  margin: 0 auto;
}
@media all and (min-width: 1440px) {
  #content > .contentSection > p,
  #content > p {
    padding-left: 140px;
    padding-right: 140px;
  }
}
@media all and (max-width: 1440px) {
  #content > .contentSection > p,
  #content > p {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media all and (max-width: 1024px) {
  #content > .contentSection > p,
  #content > p {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 768px) {
  #content > .contentSection > p,
  #content > p {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.contentOverlay,
.contentOverlay2 {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(26, 25, 25, 0.5);
  display: none;
  z-index: 10;
  width: 0;
  height: 0;
}
.cartOverviewWrapperWrapper {
  position: relative;
}
.cartOverviewWrapper {
  margin-top: 20px;
}
.cartOverviewWrapper .cartOverview {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: left;
}
.cartOverviewWrapper .cartOverview th {
  height: 40px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px;
  color: #383838;
  font-weight: 400;
  border-bottom: 1px solid #d0d0d0;
}
.cartOverviewWrapper .cartOverview th.cartPrice {
  text-align: right;
}
.cartOverviewWrapper .cartOverview th.cartProduct {
  vertical-align: middle;
}
.cartOverviewWrapper .cartOverview td {
  padding: 10px 0;
  font-family: Tele-GroteskHal-Regular;
  font-size: 18px;
  color: #383838;
}
.cartOverviewWrapper .cartOverview td.cartPrice {
  font-family: Tele-GroteskNor-Regular;
  color: #e20074;
  text-align: right;
}
.cartOverviewWrapper .cartOverview td span {
  font-family: Tele-GroteskNor-Regular;
  display: block;
}
.cartOverviewWrapper .cartOverview td span.hint {
  font-size: 15px;
  color: #757575;
}
.cartOverviewWrapper .cartOverview td span.hint.hintLeft {
  padding-top: 4px;
}
.cartOverviewWrapper .cartOverview td span.hint.small {
  font-size: 14px !important;
}
.cartOverviewWrapper .cartOverview td span[data-footnote] {
  display: inline-block;
}
.cartOverviewWrapper .cartOverview tfoot td {
  border-top: 1px solid #d0d0d0;
}
.cartOverviewWrapper .cartOverview .cartProduct {
  width: calc(70% - 10px * 4);
  padding-right: 10px;
  vertical-align: top;
}
.cartOverviewWrapper .cartOverview .cartPrice {
  width: 30%;
}
.cartOverviewWrapper .btn_action {
  margin-top: 20px;
}
@media all and (min-width: 768px) {
  .cartOverviewWrapper .cartOverview {
    width: calc(50% - 10px);
    float: left;
  }
  .cartOverviewWrapper .overviewOnce {
    margin-right: 10px;
  }
  .cartOverviewWrapper .overviewMonthly {
    margin-left: 10px;
  }
  .cartOverviewWrapper .clear {
    clear: both;
  }
}
@media all and (min-width: 1280px) {
  .cartOverviewWrapper .cartOverview .cartProduct {
    width: calc(75% - 10px * 4);
  }
  .cartOverviewWrapper .cartOverview .cartPrice {
    width: 25%;
  }
}
.cartWrapper {
  padding: 0 40px;
}
.cartWrapper .item {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: left;
  border-bottom: 1px solid #d0d0d0;
  padding: 20px 0;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  vertical-align: top;
}
.cartWrapper .item.incentive .short {
  color: #007faf;
}
.cartWrapper .item.incentive .short .additional-desc {
  color: #383838;
}
.cartWrapper .item .texts .desc {
  width: 100%;
}
.cartWrapper .item .texts .desc:empty {
  height: 0;
  display: none !important;
}
.cartWrapper .item div {
  display: inline-block;
  vertical-align: top;
}
.cartWrapper .item ul {
  padding: 0;
  margin: 0;
}
.cartWrapper .item ul li {
  list-style-type: none;
  padding-bottom: 8px;
}
.cartWrapper .item .cheapListElement {
  display: none;
}
.cartWrapper .item tfoot .cartPrice {
  font-size: 24px;
}
.cartWrapper .item tfoot .cartPrice span {
  display: block;
}
.cartWrapper .item tfoot td {
  border-bottom: none;
}
.cartWrapper .item .name {
  width: calc(30% - 10px * 0.5);
  padding-right: 5px;
  font-family: Tele-GroteskHal-Regular;
  font-size: 18px;
  color: #383838;
}
.cartWrapper .item .name .productThumbnail {
  display: block;
  padding: 10px 0;
}
.cartWrapper .item .quantity {
  width: 90%;
  text-align: right;
}
.cartWrapper .item .midsum {
  width: 100%;
  text-align: right;
}
.cartWrapper .item .short.orderFeatureList div {
  display: block;
}
.cartWrapper .item .short.orderFeatureList .product-hint:not(:empty),
.cartWrapper .item .short.orderFeatureList .shipping-infos:not(:empty) {
  background-color: #fff5cc;
  display: block;
  padding: 10px;
  color: #383838;
}
.cartWrapper
  .item
  .short.orderFeatureList
  .product-hint:not(:empty)
  #availabilityIcon,
.cartWrapper
  .item
  .short.orderFeatureList
  .shipping-infos:not(:empty)
  #availabilityIcon {
  display: none;
}
.cartWrapper
  .item
  .short.orderFeatureList
  .product-hint:not(:empty)
  #availabilityStatus,
.cartWrapper
  .item
  .short.orderFeatureList
  .shipping-infos:not(:empty)
  #availabilityStatus {
  color: #6bb324;
  top: 0 !important;
  left: 0 !important;
}
.cartWrapper .item .short.orderFeatureList i {
  font-family: Tele-GroteskNor-Regular;
  color: #fff5cc;
}
.cartWrapper .item .short.orderFeatureList .product-hint:not(:empty) {
  margin-top: 5px;
}
.cartWrapper .item .short:not(.orderFeatureList) {
  width: 70%;
  text-align: center;
  margin-left: 30%;
  background-color: #fff5cc;
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 18px;
  color: #383838;
}
.cartWrapper .item .short:not(.orderFeatureList) i {
  font-family: Tele-GroteskNor-Regular;
  display: inline-block;
  font-size: 18px;
  padding: 10px 0;
}
.cartWrapper .item .price .priceGroup {
  display: block;
  width: 100%;
}
.cartWrapper .item .price .monthly,
.cartWrapper .item .price .oneTime {
  width: 50%;
}
.cartWrapper .item .price .monthly div {
  display: inline-block;
  width: auto;
}
.cartWrapper .item .price .monthly div.oneTime {
  display: block;
}
.cartWrapper .item .cartEdit {
  width: calc(2% - 10px * 0.5);
  padding-right: 5px;
  text-align: right;
}
.cartWrapper .item.headline {
  text-align: right;
  padding-bottom: 5px;
  padding-top: 0;
}
.cartWrapper .item.headline .price {
  padding-right: 5px;
}
.cartWrapper .item.headline .price .priceGroup {
  color: #757575;
  font-size: 0;
  text-align: right;
}
.cartWrapper .item.headline .price .priceGroup .monthly,
.cartWrapper .item.headline .price .priceGroup .oneTime {
  font-size: 16px;
}
.cartWrapper .item.subline {
  border-bottom: 0;
  margin-top: 5px;
}
.cartWrapper .item.lastblock .price .priceGroup .monthly,
.cartWrapper .item.lastblock .price .priceGroup .oneTime {
  font-size: 24px;
}
.cartWrapper .item span.hint {
  font-family: Tele-GroteskNor-Regular;
  font-size: 15px;
  color: #757575;
  display: none;
}
.cartWrapper .item span.price-with-period {
  font-family: Tele-GroteskNor-Regular;
  font-size: 15px;
  color: #757575;
}
.cartWrapper .item.incentive .sponsored-desc {
  font-size: 14px;
}
.cartWrapper .btn_action {
  margin-top: 20px;
}
@media all and (min-width: 1440px) {
  .cartWrapper {
    padding: 0 140px;
  }
}
@media all and (max-width: 1024px) {
  .cartWrapper {
    padding: 0 20px;
  }
}
@media all and (max-width: 768px) {
  .cartWrapper {
    padding: 0 10px;
    border-top: 1px solid #d0d0d0;
  }
  .cartWrapper .item tr {
    border-top: 1px solid #d0d0d0;
    display: block;
    padding: 10px 0;
    position: relative;
  }
  .cartWrapper .item div {
    display: block;
    border: none;
    width: 100%;
  }
  .cartWrapper .item tfoot .cartPrice span {
    display: inline-block;
  }
  .cartWrapper .item .infos,
  .cartWrapper .item .name,
  .cartWrapper .item .price,
  .cartWrapper .item .short,
  .cartWrapper .item .short.orderFeatureList,
  .cartWrapper .item .short:not(.orderFeatureList) {
    margin: 0;
    width: 100%;
  }
  .cartWrapper .item .name {
    font-size: 21px;
    padding-bottom: 10px;
  }
  .cartWrapper .item .price,
  .cartWrapper .item .quantity {
    padding-top: 10px;
    text-align: left;
  }
  .cartWrapper .item.headline {
    display: none;
  }
  .cartWrapper .item span.hint {
    display: inline-block;
  }
  .cartWrapper .item div.texts {
    width: 100%;
    box-sizing: border-box;
  }
  .cartWrapper .item div.texts * {
    box-sizing: border-box;
  }
}
.cartSumOverview {
  position: fixed;
  width: 100%;
  background-color: #ededed;
  bottom: 0;
  line-height: 40px;
  text-align: left;
  border-top: 1px solid #d0d0d0;
  z-index: 99;
}
.cartSumOverview p {
  display: inline-block;
  padding-right: 10px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px;
  color: #383838;
}
.cartSumOverview .cartSumPrice {
  color: #e20074;
}
.cartSumOverview .btn_action {
  position: absolute;
  right: 30px;
  top: 4px;
}
@media all and (max-width: 768px) {
  .cartSumOverview {
    position: fixed;
    width: 100%;
    background-color: #ededed;
    bottom: 0;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #d0d0d0;
    padding: 0 10px;
    z-index: 99;
  }
  .cartSumOverview p {
    display: block;
    padding-right: 0;
    font-family: Tele-GroteskNor-Regular;
    font-size: 16px;
    color: #383838;
    line-height: 24px;
  }
  .cartSumOverview .cartSumPrice {
    color: #e20074;
  }
  .cartSumOverview .btn_action {
    position: absolute;
    right: 30px;
    top: 4px;
    font-size: 14px;
    padding: 0 12px;
  }
  .cartSumOverview .hideOnMobile {
    display: none;
  }
}
.filterHeading,
.hardwareTarifWrapper .t3 {
  margin-top: 25px;
}
.filterrow,
.networkSwitch,
.planSwitch,
.tarifSwitcher {
  width: 768px;
  font-size: 0;
  display: block;
  margin: 0 auto;
  padding-top: 10px;
}
.filterrow .tarifDropdown,
.networkSwitch .tarifDropdown,
.planSwitch .tarifDropdown,
.tarifSwitcher .tarifDropdown {
  display: none;
}
.filterrow .tarif,
.networkSwitch .tarif,
.planSwitch .tarif,
.tarifSwitcher .tarif {
  width: 33.33333333%;
  line-height: 30px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  border-right: none;
  cursor: pointer;
  margin-bottom: 6px;
}
.filterrow .tarifHappy,
.networkSwitch .tarifHappy,
.planSwitch .tarifHappy,
.tarifSwitcher .tarifHappy {
  margin-top: 12px;
}
.filterrow .tarifHappy:nth-child(4),
.networkSwitch .tarifHappy:nth-child(4),
.planSwitch .tarifHappy:nth-child(4),
.tarifSwitcher .tarifHappy:nth-child(4) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.filterrow .tarif.third,
.networkSwitch .tarif.third,
.planSwitch .tarif.third,
.tarifSwitcher .tarif.third {
  border-right: 1px solid #d0d0d0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.filterrow .tarif.fourth,
.networkSwitch .tarif.fourth,
.planSwitch .tarif.fourth,
.tarifSwitcher .tarif.fourth {
  border-right: none;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.filterrow .tarif.last,
.filterrow .tarif:last-child,
.networkSwitch .tarif.last,
.networkSwitch .tarif:last-child,
.planSwitch .tarif.last,
.planSwitch .tarif:last-child,
.tarifSwitcher .tarif.last,
.tarifSwitcher .tarif:last-child {
  border-right: 1px solid #d0d0d0 !important;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.filterrow .tarif.first,
.filterrow .tarif:first-child,
.networkSwitch .tarif.first,
.networkSwitch .tarif:first-child,
.planSwitch .tarif.first,
.planSwitch .tarif:first-child,
.tarifSwitcher .tarif.first,
.tarifSwitcher .tarif:first-child {
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.filterrow .tarif.active,
.networkSwitch .tarif.active,
.planSwitch .tarif.active,
.tarifSwitcher .tarif.active {
  background-color: #ededed;
}
.filterrow .happyWide,
.networkSwitch .happyWide,
.planSwitch .happyWide,
.tarifSwitcher .happyWide {
  width: 220px;
}
.planCatSwitch,
.planCatSwitchHeading,
.planSwitch,
.planSwitchHeading {
  display: none;
}
.filter-text,
.tarif-text {
  display: none;
  margin-top: 30px;
  padding: 0 168px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
.adressCorrection {
  display: block;
  margin: 10px 0;
}
.adressCorrection .city-list,
.adressCorrection .number-list,
.adressCorrection .street-list,
.adressCorrection .zipcode-list {
  height: 30px;
  border: none;
  padding: 0 8.33px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 15px;
  background-color: #fff;
  margin: 0 10px;
}
@media all and (max-width: 1440px) {
  .filter-text,
  .tarif-text {
    padding: 0 48px;
  }
}
@media all and (max-width: 1024px) {
  .filter-text,
  .tarif-text {
    padding: 0 24px;
  }
}
@media all and (max-width: 768px) {
  .filter-text,
  .tarif-text {
    padding: 0 12px;
  }
}
@media all and (max-width: 810px) {
  .filterrow,
  .networkSwitch,
  .planSwitch,
  .tarifSwitcher {
    width: 216px;
  }
  .filterrow .tarifDropdown,
  .networkSwitch .tarifDropdown,
  .planSwitch .tarifDropdown,
  .tarifSwitcher .tarifDropdown {
    display: block;
    text-align: left;
    position: relative;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
    line-height: 30px;
    padding: 0 10px;
  }
  .filterrow .tarifDropdown span,
  .networkSwitch .tarifDropdown span,
  .planSwitch .tarifDropdown span,
  .tarifSwitcher .tarifDropdown span {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
  }
  .filterrow .tarifDropdown .arrow-down,
  .networkSwitch .tarifDropdown .arrow-down,
  .planSwitch .tarifDropdown .arrow-down,
  .tarifSwitcher .tarifDropdown .arrow-down {
    position: absolute;
    right: 10px;
    display: inline-block;
    vertical-align: middle;
    top: 12px;
  }
  .filterrow .tarifOptions,
  .networkSwitch .tarifOptions,
  .planSwitch .tarifOptions,
  .tarifSwitcher .tarifOptions {
    position: absolute;
    z-index: 2;
    background-color: #fff;
  }
  .filterrow .tarifHappy,
  .networkSwitch .tarifHappy,
  .planSwitch .tarifHappy,
  .tarifSwitcher .tarifHappy {
    margin-top: 0;
    display: none !important;
    border: 1px solid #d0d0d0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom: none !important;
  }
  .filterrow .tarifHappy.out,
  .networkSwitch .tarifHappy.out,
  .planSwitch .tarifHappy.out,
  .tarifSwitcher .tarifHappy.out {
    display: block !important;
  }
  .filterrow .tarif,
  .networkSwitch .tarif,
  .planSwitch .tarif,
  .tarifSwitcher .tarif {
    display: none !important;
    width: 216px;
    position: relative;
    border: 1px solid #d0d0d0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: none !important;
    margin-bottom: 0;
  }
  .filterrow .tarif.fourth,
  .networkSwitch .tarif.fourth,
  .planSwitch .tarif.fourth,
  .tarifSwitcher .tarif.fourth {
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0 !important;
    border-bottom: none;
  }
  .filterrow .tarif.fifth,
  .networkSwitch .tarif.fifth,
  .planSwitch .tarif.fifth,
  .tarifSwitcher .tarif.fifth {
    border: 1px solid #d0d0d0 !important;
    border-radius: 0;
  }
  .filterrow .tarif.last,
  .filterrow .tarif:last-child,
  .networkSwitch .tarif.last,
  .networkSwitch .tarif:last-child,
  .planSwitch .tarif.last,
  .planSwitch .tarif:last-child,
  .tarifSwitcher .tarif.last,
  .tarifSwitcher .tarif:last-child {
    border-bottom: 1px solid #d0d0d0 !important;
    -webkit-border-bottom-right-radius: 8px !important;
    -moz-border-bottom-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    -webkit-border-bottom-left-radius: 8px !important;
    -moz-border-bottom-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .filterrow .tarif.first,
  .filterrow .tarif:first-child,
  .networkSwitch .tarif.first,
  .networkSwitch .tarif:first-child,
  .planSwitch .tarif.first,
  .planSwitch .tarif:first-child,
  .tarifSwitcher .tarif.first,
  .tarifSwitcher .tarif:first-child {
    -webkit-border-top-left-radius: 8px;
    -moz-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0 !important;
  }
  .filterrow .tarif:hover,
  .networkSwitch .tarif:hover,
  .planSwitch .tarif:hover,
  .tarifSwitcher .tarif:hover {
    background-color: #ededed;
  }
  .filterrow .tarif.active,
  .networkSwitch .tarif.active,
  .planSwitch .tarif.active,
  .tarifSwitcher .tarif.active {
    background-color: #d0d0d0;
  }
  .filterrow .tarif.out,
  .networkSwitch .tarif.out,
  .planSwitch .tarif.out,
  .tarifSwitcher .tarif.out {
    display: block !important;
  }
  .filterrow .tarif.out.alsoHideOnMobile,
  .networkSwitch .tarif.out.alsoHideOnMobile,
  .planSwitch .tarif.out.alsoHideOnMobile,
  .tarifSwitcher .tarif.out.alsoHideOnMobile {
    display: none !important;
  }
}
.accordionContent.table {
  overflow-x: scroll;
}
.accordionContent.table .detailTable {
  min-width: 1024px;
}
.detailTable {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  padding: 0;
  table-layout: fixed;
  text-align: center;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
.detailTable td:first-child {
  width: 15%;
  border: 5px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: none;
}
.detailTable.bigger-first-col td:first-child {
  width: 25%;
}
.detailTable tr.overlayPrice td:not(:first-child) p {
  line-height: 20px !important;
  padding: 10px 0;
}
.detailTable td:not(:first-child) {
  line-height: 40px;
  border-spacing: 10px;
  border: 5px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: none;
}
.detailTable td:not(:first-child) p {
  background-color: #ededed;
  height: 100%;
  line-height: 40px !important;
}
.detailTable thead td {
  border: none !important;
  border-bottom: 1px solid #d0d0d0 !important;
  font-family: Tele-GroteskHal-Regular;
  font-size: 18px;
  color: #e20074;
  font-weight: 700;
  line-height: 40px !important;
  background-color: #fff;
  border-spacing: 10px;
}
.detailTable thead td p {
  background-color: #fff !important;
}
.detailTable .highlight p {
  color: #e20074;
}
.detailTable .highlight p.t3 {
  line-height: 40px;
}
.detailTable .price {
  color: #e20074;
}
.accordion {
  padding-top: 20px;
}
.accordion .accordionHead {
  text-align: left;
  position: relative;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  cursor: pointer;
}
.accordion .accordionHead p {
  display: block;
  line-height: 30px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
.accordion .accordionHead .arrow-down,
.accordion .accordionHead .arrow-up {
  position: absolute;
  right: 10px;
  vertical-align: middle;
  top: 15px;
}
.accordion .accordionHead .arrow-up {
  display: none;
}
.accordion .accordionHead .arrow-down {
  display: block;
}
.accordion .accordionContent {
  display: none;
}
.accordion .accordionContent > p {
  text-align: left;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
}
.accordion .accordionContent > p.headline {
  font-weight: 700;
  font-family: Tele-GroteskHal-Regular;
}
.accordion .accordionContent > p:first-child {
  padding-top: 20px;
}
.accordion .accordionContent > ul {
  text-align: left;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
  padding: 0 0 0 20px;
}
.accordion .accordionContent h2 {
  font-family: Tele-GroteskNor-Regular;
  font-size: 36px;
  color: #383838;
  margin: 36px 0 12px;
}
.accordion.active .arrow-up {
  display: block;
}
.accordion.active .arrow-down {
  display: none;
}
.accordion.active .accordionContent {
  display: block;
}
footer .accordion .accordionHead {
  border-color: #000;
}
footer .accordion .accordionHead p {
  color: #fff;
}
footer .accordion .accordionHead .arrow-up {
  border-bottom-color: #fff;
}
footer .accordion .accordionHead .arrow-down {
  border-top-color: #fff;
}
footer .accordion .accordionContent {
  color: #fff;
}
footer .accordion .accordionContent div {
  color: #fff;
  font-family: Tele-GroteskNor-Regular;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
footer .accordion .accordionContent div strong {
  font-weight: 400;
  font-family: Tele-GroteskHal-Regular;
  font-size: 16px;
}
footer .accordion .accordionContent div.text {
  padding: 10px 0;
}
.overlay {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  border-top: 5px solid #e20074;
  padding: 20px 80px;
  -webkit-transform: translateY(120%);
  -webkit-transition: all 0.5s ease;
  -moz-transform: translateY(120%);
  -moz-transition: all 0.5s ease;
  transform: translateY(120%);
  transition: all 0.5s ease;
  -ms-transform: translateY(120%);
  opacity: 0;
  visibility: hidden;
  display: none;
}
.overlay.active {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -webkit-transition: all 0.5s ease;
  -moz-transform: translateY(0);
  -moz-transition: all 0.5s ease;
  transform: translateY(0);
  transition: all 0.5s ease;
  -ms-transform: translateY(0);
}
.overlay .overlayClose {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.overlay .overlayClose i {
  font-size: 25px;
  color: #757575;
}
.overlay > p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
@media all and (min-width: 768px) {
  .overlay.overlay-half {
    top: 50%;
  }
}
.allOptionsOverlayContainer .overlayClose {
  position: fixed;
  cursor: pointer;
}
.allOptionsOverlayContainer .overlayClose i {
  font-size: 25px;
  color: #757575;
}
.contentSection {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.contentSection.bl-scale-down {
  -webkit-transform: scale(0.5, 1);
  -moz-transform: scale(0.5, 1);
  -ms-transform: scale(0.5, 1);
  transform: scale(0.5, 1);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
@media all and (min-width: 1024px) {
  .overlay > p {
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
@media all and (max-width: 768px) {
  .overlay {
    padding: 10px;
  }
  .overlay .overlayClose {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
.productBanner {
  background-color: #ededed;
  padding: 20px 40px;
  font-size: 0;
}
.productBanner .btn_generatePurchaseOrder {
  margin-top: 15px;
}
.productBanner .btn_generatePurchaseOrder_banner {
  margin-top: 12px;
}
.productBanner .slick-list {
  position: relative;
  display: block;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.productBanner .productBannerLeft {
  font-size: 0;
  width: 66.66666667%;
  display: inline-block;
  vertical-align: middle;
}
.productBanner .productBannerLeft > img {
  max-width: 100%;
}
.productBanner .productBannerLeft .productBannerSliderNav {
  width: 50%;
  display: inline-block;
  padding-bottom: 40px;
  vertical-align: bottom;
}
.productBanner .productBannerLeft .productBannerSliderNav .owl-item {
  width: 84px;
}
.productBanner
  .productBannerLeft
  .productBannerSliderNav
  .owl-item.activeSlide
  .productBannerThumbnail {
  border-bottom: 2px solid #e20074;
}
.productBanner
  .productBannerLeft
  .productBannerSliderNav
  .productBannerThumbnail {
  cursor: pointer;
  max-width: 60px;
  min-width: 36px;
  border-bottom: 2px solid #d0d0d0;
  padding-bottom: 10px;
}
.productBanner
  .productBannerLeft
  .productBannerSliderNav
  .productBannerThumbnail
  img {
  width: 100%;
}
.productBanner
  .productBannerLeft
  .productBannerSliderNav
  .productBannerThumbnail.slick-current {
  border-bottom: 2px solid #e20074;
}
.productBanner .productBannerLeft .productBannerSliderFor {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.productBanner .productBannerLeft .productBannerSliderFor .slick-track {
  top: -24px !important;
}
.productBanner
  .productBannerLeft
  .productBannerSliderFor
  .productBannerImage
  img {
  margin: 0 auto;
  width: 100%;
  max-width: 290px;
}
.productBanner .productBannerLeft.optionOverlay {
  width: 55%;
  text-align: right;
}
.productBanner .productBannerRight {
  z-index: 1;
  width: 33.33333333%;
  display: inline-block;
  vertical-align: middle;
}
.productBanner .productBannerRight .productBannerPrice {
  color: #e20074;
}
.productBanner .productBannerRight .productBannerPrice span {
  font-size: 36px;
}
.productBanner .productBannerRight .productBannerPrice.incentive {
  color: #007faf !important;
}
.slick-track {
  margin: auto;
}
@media all and (max-width: 1024px) {
  .productBanner {
    width: calc(100% - 10px * 4);
    background-color: #ededed;
    padding: 10px 20px;
    margin-bottom: 20px;
  }
  .productBanner .productBannerRight {
    width: 100%;
    padding: 20px 0 10px;
  }
  .productBanner .productBannerRight .productBannerPrice {
    font-size: 36px;
  }
  .productBanner .productBannerRight .productBannerPrice span {
    font-size: 24px;
  }
  .productBanner .productBannerLeft {
    width: 100%;
  }
  .productBanner .slick-list {
    padding: 0 !important;
  }
}
@media all and (max-width: 425px) {
  .productBanner .productBannerLeft .productBannerSliderNav .owl-item {
    width: 45px !important;
  }
}
#page_navigation {
  padding-top: 10px;
}
#page_navigation ul {
  padding: 0;
}
#page_navigation ul li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
#page_navigation ul li a {
  display: block;
}
.filterWrapper {
  display: inline-block;
  font-size: 0;
}
.filterWrapper .filter {
  width: 204px;
  font-size: 0;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding-top: 10px;
}
.filterWrapper .filter .filterDropdown {
  display: block;
  text-align: left;
  position: relative;
  border: 1px solid #d0d0d0;
  line-height: 30px;
  padding: 0 10px;
}
.filterWrapper .filter .filterDropdown span {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.filterWrapper .filter .filterDropdown .arrow-down {
  position: absolute;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  top: 12px;
}
.filterWrapper .filter .filterOptions {
  top: 45.8px;
  position: absolute;
  z-index: 1;
  background-color: #fff;
}
.filterWrapper .filter .filterOption {
  display: none;
  width: 203px;
  position: relative;
  line-height: 30px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: none;
  border-top: 0;
}
.filterWrapper .filter .filterOption:last-child {
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.filterWrapper .filter .filterOption:first-child {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top: 1px solid #d0d0d0;
}
.filterWrapper .filter .filterOption:hover {
  background-color: #ededed;
}
.filterWrapper .filter .filterOption.active {
  background-color: #d0d0d0;
}
.filterWrapper .filter .filterOption.out {
  display: block;
}
.filterWrapper .filter:first-child .filterDropdown {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.filterWrapper .filter:last-child .filterDropdown {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selected-filters {
  display: none;
  width: 612px;
  max-width: 100%;
  min-height: 40px;
  margin: 15px auto auto;
  font-family: Tele-GroteskNor-Regular;
  text-align: left;
  padding: 0 10px;
}
.selected-filters .filter-label {
  display: inline-block;
  width: 50px;
  margin-top: 11px;
  margin-right: 10px;
  font-size: 18px;
}
.selected-filters .selected-filter {
  display: inline-block;
  height: 35px;
  margin-right: 10px;
  padding-top: 8px;
  padding-left: 10px;
  background-color: #383838;
  color: #fff;
  font-size: 20px;
  margin-bottom: 6px;
}
.selected-filters .selected-filter i.close {
  float: right;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
  color: #fff;
  font-size: 20px;
}
.selected-filters .selected-filter i:hover {
  cursor: pointer;
}
.sortWrapper {
  padding-left: 20px;
  display: inline-block;
  font-size: 0;
}
.sortWrapper .sort {
  width: 204px;
  font-size: 0;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding-top: 10px;
}
.sortWrapper .sort .sortDropdown {
  display: block;
  text-align: left;
  position: relative;
  border: 1px solid #d0d0d0;
  line-height: 30px;
  padding: 0 10px;
}
.sortWrapper .sort .sortDropdown span {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.sortWrapper .sort .sortDropdown .arrow-down {
  position: absolute;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  top: 15px;
}
.sortWrapper .sort .sortOptions {
  top: 45.8px;
  position: absolute;
  z-index: 1;
  background-color: #fff;
}
.sortWrapper .sort .sortOption {
  display: none;
  width: 203px;
  position: relative;
  line-height: 30px;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-bottom: none;
}
.sortWrapper .sort .sortOption:last-child {
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.sortWrapper .sort .sortOption:first-child {
  -webkit-border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.sortWrapper .sort .sortOption:hover {
  background-color: #ededed;
}
.sortWrapper .sort .sortOption.active {
  background-color: #d0d0d0;
}
.sortWrapper .sort .sortOption.out {
  display: block;
}
.sortWrapper .sort:first-child .sortDropdown {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.sortWrapper .sort:last-child .sortDropdown {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media all and (max-width: 860px) {
  .sortWrapper {
    padding-left: 0;
    display: block;
  }
}
.infoBox {
  background-color: #fff5cc;
  display: inline-block;
  margin: 10px auto 0;
}
.infoBox p {
  display: inline-block;
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 18px;
  color: #383838;
}
.infoBox p span {
  font-family: Tele-GroteskNor-Regular;
}
@media all and (max-width: 768px) {
  form .infoBox {
    margin-bottom: 10px;
  }
}
.hintBox {
  background-color: #e5f5fd;
  width: calc(100% - 10px * 4);
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
}
.hintBox p {
  display: inline-block;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
.hintBox p.t1 {
  font-size: 48px;
}
.hintBox.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hintBox.flex p {
  display: block;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
.hintBox.flex p.t1 {
  font-size: 48px;
}
.hintBox.flex .icon {
  font-size: 48px;
  padding: 10px 20px 10px 0;
}
.hintBox.flex .info-content {
  text-align: left;
}
.hintBox.functional-blue {
  background-color: #00a0de;
}
.hintBox.functional-blue p {
  color: #fff;
}
.availabiliy-box {
  padding: 20px;
}
.availabiliy-box .result,
.availabiliy-box .result p {
  display: none;
}
.availabiliy-box a.btn {
  margin-top: 10px;
}
.availabiliyOverlay form .meins-form {
  display: none;
}
.colorSelector {
  padding: 10px 0 0;
}
.colorSelector ul {
  padding: 0;
  margin: 0;
}
.colorSelector ul a {
  display: inline-block;
  padding: 10px 0;
}
.colorSelector ul a li.colorSelectorButton {
  padding: 1px;
  box-sizing: border-box;
  display: inline-block;
  list-style: none;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border: 1px solid #d0d0d0;
}
.colorSelector ul a.colorSelectorBtnBig {
  border: 1px solid #d0d0d0;
  padding: 7px;
}
.colorSelector ul a.colorSelectorBtnBig li.colorSelectorButton {
  box-sizing: border-box;
  display: block;
  list-style: none;
  width: 15px;
  height: 15px;
  border: none;
  margin: 0;
  padding: 0;
}
.colorSelector ul a.colorSelectorBtn.active li.colorSelectorButton {
  padding: 0;
  box-sizing: content-box;
}
.colorSelector ul a.colorSelectorBtnBig.active {
  border: 1px solid #e20074;
}
.entertainSelector,
.speedSelector,
.storageSelector {
  padding: 10px 0;
  font-size: 0;
}
.entertainSelector a.entertainSelectorBtn,
.entertainSelector a.speedSelectorBtn,
.entertainSelector a.storageSelectorBtn,
.speedSelector a.entertainSelectorBtn,
.speedSelector a.speedSelectorBtn,
.speedSelector a.storageSelectorBtn,
.storageSelector a.entertainSelectorBtn,
.storageSelector a.speedSelectorBtn,
.storageSelector a.storageSelectorBtn {
  border: 1px solid #d0d0d0;
  border-right: none;
  padding: 10px;
  display: inline-block;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
}
.entertainSelector a.entertainSelectorBtn:first-child,
.entertainSelector a.speedSelectorBtn:first-child,
.entertainSelector a.storageSelectorBtn:first-child,
.speedSelector a.entertainSelectorBtn:first-child,
.speedSelector a.speedSelectorBtn:first-child,
.speedSelector a.storageSelectorBtn:first-child,
.storageSelector a.entertainSelectorBtn:first-child,
.storageSelector a.speedSelectorBtn:first-child,
.storageSelector a.storageSelectorBtn:first-child {
  border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
}
.entertainSelector a.entertainSelectorBtn:last-child,
.entertainSelector a.speedSelectorBtn:last-child,
.entertainSelector a.storageSelectorBtn:last-child,
.speedSelector a.entertainSelectorBtn:last-child,
.speedSelector a.speedSelectorBtn:last-child,
.speedSelector a.storageSelectorBtn:last-child,
.storageSelector a.entertainSelectorBtn:last-child,
.storageSelector a.speedSelectorBtn:last-child,
.storageSelector a.storageSelectorBtn:last-child {
  border-right: 1px solid #d0d0d0;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.entertainSelector a.entertainSelectorBtn.active,
.entertainSelector a.speedSelectorBtn.active,
.entertainSelector a.storageSelectorBtn.active,
.speedSelector a.entertainSelectorBtn.active,
.speedSelector a.speedSelectorBtn.active,
.speedSelector a.storageSelectorBtn.active,
.storageSelector a.entertainSelectorBtn.active,
.storageSelector a.speedSelectorBtn.active,
.storageSelector a.storageSelectorBtn.active {
  background-color: #ededed;
}
.configurator {
  padding: 20px 0;
}
.configurator .colorSelector,
.configurator .storageSelector {
  padding-bottom: 20px;
}
.stage img {
  width: 100%;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #383838;
}
.arrow-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #383838;
}
.cartWrapper + .staticPage {
  padding-top: 20px;
  padding-bottom: 30px;
}
.staticPage {
  text-align: left;
  padding: 0 40px;
}
.staticPage .stageSliderBox {
  width: 100%;
  height: 300px;
  margin: 0;
  padding: 0;
}
.staticPage .stageSliderBox.images {
  height: auto;
}
.staticPage h1,
.staticPage h3 {
  margin: 30px 0 10px;
}
.staticPage p,
.staticPage td,
.staticPage tr {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
}
.staticPage p.checkError {
  color: #d90000;
}
.staticPage a {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #007faf;
}
.staticPage a.btn_action {
  color: #fff;
}
.staticPage div.agbetc {
  padding-top: 20px;
  font-family: Tele-GroteskNor-Regular;
  color: #383838;
  line-height: 24px;
}
.staticPage div.agbetc a {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #007faf;
}
.staticPage div.checkbox {
  display: inline-block;
  width: 30px;
  vertical-align: top;
}
.staticPage div.name {
  display: inline-block;
  width: calc(99% - 10px * 3);
}
.staticPage input[type="checkbox"]:checked + label span {
  padding-top: 0;
  position: relative;
  top: -3px;
}
.staticPage .fl,
.staticPage .fr {
  display: inline-block;
  vertical-align: middle;
}
.staticPage .fl {
  width: 30%;
}
.staticPage .fl.image-block {
  text-align: center;
}
.staticPage .fl.image-block img {
  display: block;
  max-width: 90%;
  margin: 0 auto;
}
.staticPage .fr {
  width: 69%;
}
.staticPage .trippleWrapper {
  font-size: 0;
}
.staticPage .trippleWrapper .trippleItem {
  width: calc(33% - 10px * 4);
  display: inline-block;
  vertical-align: top;
  padding: 20px;
}
.staticPage .trippleWrapper .trippleItem .image-block {
  display: block;
  padding-bottom: 20px;
}
.staticPage .trippleWrapper .trippleItem .image-block img {
  margin: 0 auto;
  display: block;
}
.staticPage .trippleWrapper .trippleItem .description-block {
  display: block;
  text-align: center;
}
.staticPage img.fleft {
  float: left;
  margin: 10px;
}
.staticPage img.fright {
  float: right;
  margin: 10px;
}
.staticPage .togo-table {
  padding: 20px 0;
}
.staticPage .magentaeinsImage img {
  display: inline-block;
  vertical-align: middle;
}
.staticPage .magentaeinsImage div {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
}
@media all and (min-width: 1440px) {
  .staticPage {
    padding: 0 140px;
  }
}
@media all and (max-width: 1024px) {
  .staticPage {
    padding: 0 20px;
  }
  .staticPage .trippleWrapper {
    font-size: 0;
  }
  .staticPage .trippleWrapper .trippleItem {
    width: calc(100% - 10px * 4);
    display: block;
    padding: 20px;
    float: none;
    clear: both;
  }
  .staticPage .trippleWrapper .trippleItem .image-block {
    display: inline-block;
    width: calc(30% - 10px * 2);
    vertical-align: middle;
    padding-right: 20px;
    padding-bottom: 0;
  }
  .staticPage .trippleWrapper .trippleItem .image-block img {
    display: block;
    max-width: 100%;
  }
  .staticPage .trippleWrapper .trippleItem .description-block {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-align: left;
  }
}
@media all and (max-width: 768px) {
  .staticPage {
    padding: 0 10px;
  }
  .staticPage .fl,
  .staticPage .fr {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
  }
}
@media all and (max-width: 600px) {
  .staticPage .trippleWrapper {
    font-size: 0;
  }
  .staticPage .trippleWrapper .trippleItem .image-block {
    display: block;
    width: 100%;
    padding-bottom: 10px;
  }
  .staticPage .trippleWrapper .trippleItem .image-block img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
  }
  .staticPage .trippleWrapper .trippleItem .description-block {
    text-align: center;
    display: block;
    width: 100%;
  }
}
.ui-dialog {
  border: 1px solid #d0d0d0;
  padding: 0 !important;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
  z-index: 10002;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: #ededed !important;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
  line-height: 24px;
  font-weight: 400 !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  background: 0 0 !important;
  border: none !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
  margin: 0 !important;
  left: 0 !important;
  top: 0 !important;
  background: 0 0 !important;
}
.ui-dialog
  .ui-dialog-titlebar
  .ui-dialog-titlebar-close
  .ui-icon-closethick:before {
  font-family: TeleIcon-Outline;
  content: "X";
  font-size: 18px;
}
.ui-dialog .ui-dialog-content {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 18px !important;
  color: #383838 !important;
  line-height: 24px !important;
}
.ui-dialog .ui-dialog-content strong {
  font-weight: 400;
  font-family: Tele-GroteskHal-Regular;
  font-size: 18px !important;
}
.ui-dialog .ui-icon {
  text-indent: 0 !important;
}
.ui-dialog ul {
  margin: 0 0 0 10px !important;
  padding: 0 !important;
}
.ui-dialog ul li {
  margin-left: 20px !important;
  list-style: disc;
}
.ui-dialog a span {
  text-decoration: none !important;
}
.ui-tabs {
  padding: 10px 0 0 !important;
}
.ui-tabs .ui-tabs-nav {
  padding: 0 !important;
}
.ui-tabs .ui-tabs-nav .ui-state-active {
  background: #fff !important;
}
.ui-tabs .ui-tabs-nav .ui-state-default {
  background: #ededed;
}
.ui-tabs .ui-tabs-panel {
  padding: 10px 0 0 !important;
}
.ui-tabs .ui-tabs-panel .collapsible {
  text-align: left;
  position: relative;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  cursor: pointer;
  padding: 5px 0;
  margin-bottom: 5px;
}
.ui-tabs .ui-tabs-panel .collapsible p {
  display: block;
  line-height: 30px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  color: #383838;
}
.ui-tabs .ui-tabs-panel .collapsible span {
  vertical-align: middle;
  line-height: normal;
  padding-left: 12px;
  display: block;
  max-width: 85%;
}
.ui-tabs .ui-tabs-panel .collapsible span.down,
.ui-tabs .ui-tabs-panel .collapsible span.up {
  position: absolute;
  right: 12px;
  top: 15px;
  padding: 0;
  width: 0;
}
.ui-tabs .ui-tabs-panel .collapsible span.down {
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #383838;
  vertical-align: middle;
}
.ui-tabs .ui-tabs-panel .collapsible span.up {
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #383838;
  vertical-align: middle;
}
.ui-tabs .ui-tabs-panel .collapsible-area {
  font-size: 0;
  padding: 10px 0;
}
.ui-tabs .ui-tabs-panel .collapsible-area .description {
  padding: 0 10px;
}
.ui-tabs .ui-tabs-panel .collapsible-area ul {
  padding: 0;
}
.asterisk-box,
.hidden {
  display: none;
}
@media all and (max-width: 1024px) {
  .ui-dialog {
    width: 70% !important;
  }
}
@media all and (max-width: 768px) {
  .ui-dialog {
    width: 90% !important;
  }
}
.asterisk-box .accordion {
  padding-top: 0;
}
span.asterisk {
  font-family: TeleIcon-Outline !important;
  font-size: 15px !important;
  color: #383838;
  position: relative;
  left: 5px;
  top: -5px;
  cursor: pointer;
}
span.asterisk:not(.asteriskwithoutasterisk):before {
  content: "*";
}
.sliderBox .successBullet {
  margin: 0 auto;
}
.successBullet {
  background-color: #6bb324;
  color: #fff;
  width: 80px;
  line-height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 20px auto;
  display: none;
}
.successBullet i {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
}
.errorBullet {
  background-color: #d90000;
  color: #fff;
  width: 80px;
  line-height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 20px auto;
  display: none;
}
.errorBullet i {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
}
.loadingBullet {
  background-color: transparent;
  width: 100px;
  line-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 20px auto;
  display: none;
}
.loadingBullet i {
  color: #fff;
  font-size: 48px;
  font-weight: 700;
}
.baseColorEyeCatcherLine {
  background-color: #e20074;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  line-height: normal;
  padding: 20px;
  text-align: center;
}
.baseColorEyeCatcherLine h1,
.baseColorEyeCatcherLine h2,
.baseColorEyeCatcherLine h3,
.baseColorEyeCatcherLine h4,
.baseColorEyeCatcherLine p,
.baseColorEyeCatcherLine span {
  color: #fff;
}
.baseColorEyeCatcherLine h4 {
  text-align: center !important;
  padding-top: 0 !important;
  padding-bottom: 10px;
}
.baseColorEyeCatcherLine img {
  display: inline-block;
  margin: 0 10px;
  max-width: calc(100% - 10px * 2);
}
#billingInfos-bank-line,
#billingInfos-bankleitzahl-line,
#billingInfos-bic-line,
#billingInfos-iban-line,
#billingInfos-kontonummer-line,
#businesscase-participantType-line,
#checks-group,
#differentInvoiceRecipient-anchrift-group,
#differentInvoiceRecipient-name-group,
#differentShippingRecipient-anchrift-group,
#differentShippingRecipient-lieferzeitpunkt-group,
#differentShippingRecipient-name-group,
#numbers-group,
#portingType-group,
.cartEntryGroup_2734 {
  display: none;
}
#businesscase-participantType-line {
  display: none !important;
}
.topsellerBadge {
  font-size: 16px;
  color: #e20074;
  padding: 12px;
  border: 2px solid #e20074;
  position: absolute;
  top: 12px;
  left: 12px;
  background: #fff;
  font-family: Tele-GroteskHal-Regular;
}
.imgBorder {
  border: 1px solid #d0d0d0;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
}
.paymentLogos {
  padding: 20px;
}
.paymentLogos img {
  display: inline-block;
  width: 80px;
  padding: 5px;
}
.paypal-form button {
  height: 40px;
  width: 175px;
  border: none;
  background: url(/portale/images/paypal_jetzt_bezahlen.png);
  cursor: pointer;
  margin: 2px 0 15px !important;
  top: 0 !important;
}
.optionIncentive,
.tarifIncentive {
  padding-top: 10px;
}
.optionIncentive img,
.tarifIncentive img {
  width: 15%;
  display: inline-block !important;
  vertical-align: middle;
  padding-right: 10px;
}
.optionIncentive p,
.tarifIncentive p {
  color: #007faf;
  display: inline-block;
}
#linesearch-vormieter-group {
  display: none;
}
.tarifPreview {
  padding: 40px 0;
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px;
  color: #383838;
  line-height: 24px;
}
.Error404Page {
  background-color: #ededed;
}
.Error404Page .t1,
.Error404Page h1 {
  padding-top: 40px;
  margin: 0;
}
.Error404Page .ErrorText {
  font-family: Tele-GroteskNor-Regular;
  padding-bottom: 40px;
  font-size: 21px;
  color: #383838;
  line-height: 24px;
}
.brighttheme-notice {
  background-color: #f8e5b8 !important;
  border: 1px solid #eedbaf !important;
  color: #292900 !important;
}
.brighttheme-info {
  background-color: #d1e7f7 !important;
  border: 1px solid #cae0f0 !important;
  color: #001519 !important;
}
.brighttheme-success {
  background-color: #ebe7b1 !important;
  border: 1px solid #e0dca6 !important;
  color: #082300 !important;
}
.brighttheme-error {
  background-color: #f1d4af !important;
  border: 1px solid #e9cca9 !important;
  background-image: none !important;
  color: #290400 !important;
}
.ui-pnotify .ui-pnotify-shadow {
  webkit-box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
}
.owl-carousel .owl-item img {
  transform-style: flat !important;
}
.ispx-product {
  display: none;
}
form.order-form {
  padding-top: 20px;
}
#tscard4_db8d3657bdbe440c985ae127463eaad4 i,
#tscard_db8d3657bdbe440c985ae127463eaad4 i {
  font-family: arial, helvetica, san-serif;
  display: inline-block;
}
@media all and (max-width: 768px) {
  .disableOnMobile {
    display: none;
  }
}
.contentblock .note {
  background: url(/portale/images/note.png) left top no-repeat;
  width: 247px;
  height: 239px;
  float: right;
}
.contentblock .note ul {
  margin-top: 20px;
  margin-left: 15px;
  width: 164px;
}
.contentblock .note ul li {
  list-style-image: url(/portale/images/check_blue.png);
  font-weight: 700;
  margin-bottom: 3px;
}
.headline.forul {
  max-width: 600px;
  margin: 0 auto;
  text-indent: -36px;
}
ul.checked {
  margin: 0 auto;
  display: block;
  padding: 0;
  list-style-type: none;
  max-width: 600px;
}
ul.checked li {
  margin: 5px 0;
  padding: 0;
  position: relative;
}
ul.checked li::before {
  font-family: TeleIcon-Outline;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 25px;
  font-style: normal;
  width: 24px;
  height: 24px;
  padding-right: 10px;
  content: "V";
  color: #6bb324;
  position: absolute;
  left: -36px;
}
ul.normal {
  list-style-type: disc;
  margin-left: 15px;
}
#content ul.left {
  margin: 0 36px !important;
}
@media all and (max-width: 768px) {
  .headline.forul {
    text-indent: 0;
  }
  ul.checked {
    max-width: 85% !important;
  }
  ul.checked li::before {
    font-family: TeleIcon-Outline;
    font-size: 18px;
    width: 18px;
    height: 18px;
    left: -24px;
  }
}
.countDown {
  width: calc(100% - 10px * 2);
  padding: 10px;
  font-size: 0;
}
.countDown .countDown50 {
  width: 50%;
  font-size: 0;
  display: inline-block;
}
.countDown .countDown50:first-child {
  text-align: right;
}
.countDown .countDown50:last-child {
  text-align: left;
}
.countDown .countDown50 p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  display: inline-block;
  width: 50%;
  max-width: 80px;
  text-align: center;
}
.countDown .countDown50 p span {
  font-family: Tele-GroteskNor-Regular;
  display: block;
  color: #007faf;
  font-size: 24px;
  border: 2px solid #007faf;
  margin: 0 auto 5px;
  padding: 5px;
  width: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.countDown.black .countDown50 p {
  color: #383838;
}
.countDown.black .countDown50 p span {
  color: #383838;
  border: 2px solid #383838;
}
.countDown.white .countDown50 p {
  color: #fff;
}
.countDown.white .countDown50 p span {
  color: #fff;
  border: 2px solid #fff;
}
@media all and (max-width: 410px) {
  .countDown .countDown50 {
    display: block;
    text-align: center !important;
    margin: 0 auto;
  }
}
.loadingForm {
  display: block;
  padding: 160px 0;
}
.loadingForm .loadingAnimationWrapper {
  position: relative;
  top: 65px;
}
.form:not(.summary)
  #customerLandlineNumber-landlinenumber-line
  #customerLandlineNumber-landlinenumber-label
  label {
  line-height: 55px;
}
.form:not(.summary)
  #customerLandlineNumber-landlinenumber-line
  .input-field
  .description {
  padding: 5px 10px 0;
}
div#billingInfos-kontoinhaber-group
  input#billingInfos-sepaDifferentAccountOwner,
div#billingInfos-kontoinhaber-group
  label[for="billingInfos-sepaDifferentAccountOwner"],
div#billingInfos-kontoinhaber-group
  p[for="billingInfos-sepaDifferentAccountOwner"] {
  display: none;
}
.cartOverviewWrapperDupblicate {
  padding: 0 10px;
  width: 44%;
  display: inline-block;
  vertical-align: top;
  margin: 20px 2%;
}
.cartOverviewWrapperDupblicate .duplicateOrderForm {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
  text-align: left;
  color: #383838;
  font-weight: 400;
}
.cartOverviewWrapperDupblicate .duplicateOrderForm .input-line > div {
  display: inline-block;
}
.cartOverviewWrapperDupblicate .cartOverview {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: left;
}
.cartOverviewWrapperDupblicate .cartOverview th {
  height: 40px;
  font-family: Tele-GroteskNor-Regular;
  font-size: 21px;
  color: #383838;
  font-weight: 400;
  border-bottom: 1px solid #d0d0d0;
}
.cartOverviewWrapperDupblicate .cartOverview th.cartPrice {
  text-align: right;
}
.cartOverviewWrapperDupblicate .cartOverview th.cartProduct {
  vertical-align: middle;
}
.cartOverviewWrapperDupblicate .cartOverview td {
  padding: 10px 0;
  font-family: Tele-GroteskHal-Regular;
  font-size: 18px;
  color: #383838;
}
.cartOverviewWrapperDupblicate .cartOverview td.cartPrice {
  font-family: Tele-GroteskNor-Regular;
  color: #e20074;
  text-align: right;
}
.cartOverviewWrapperDupblicate .cartOverview td span {
  font-family: Tele-GroteskNor-Regular;
  display: block;
}
.cartOverviewWrapperDupblicate .cartOverview td span.hint {
  font-size: 15px;
  color: #757575;
}
.cartOverviewWrapperDupblicate .cartOverview td span.hint.hintLeft {
  padding-top: 4px;
}
.cartOverviewWrapperDupblicate .cartOverview td span[data-footnote] {
  display: inline-block;
}
.cartOverviewWrapperDupblicate .cartOverview tfoot td {
  border-top: 1px solid #d0d0d0;
}
.cartOverviewWrapperDupblicate .cartOverview .cartProduct {
  width: calc(70% - 10px * 4);
  padding-right: 10px;
  vertical-align: top;
}
.cartOverviewWrapperDupblicate .cartOverview .cartPrice {
  width: 30%;
}
.cartOverviewWrapperDupblicate .cartOverview .cartEdit {
  width: 10px;
  padding: 0 10px;
}
.cartOverviewWrapperDupblicate .btn_action {
  margin-top: 20px;
}
@media all and (max-width: 768px) {
  .cartOverviewWrapperDupblicate {
    width: inherit;
  }
}
@media all and (min-width: 768px) {
  .cartOverviewWrapperDupblicate .cartOverview {
    float: left;
  }
  .cartOverviewWrapperDupblicate .overviewOnce {
    margin-right: 10px;
  }
  .cartOverviewWrapperDupblicate .clear {
    clear: both;
  }
}
@media all and (min-width: 1280px) {
  .cartOverviewWrapperDupblicate .cartOverview .cartProduct {
    width: calc(75% - 10px * 4);
  }
  .cartOverviewWrapperDupblicate .cartOverview .cartPrice {
    width: 25%;
  }
}
.imprint-container {
  float: left;
  width: 23%;
  padding-right: 2%;
}
@media all and (max-width: 1250px) {
  .imprint-container {
    width: 48%;
  }
}
@media all and (max-width: 768px) {
  .imprint-container {
    width: 100%;
    padding-right: 0;
  }
}
.hersteller-sprite-handys-alcatel,
.hersteller-sprite-handys-apple,
.hersteller-sprite-handys-blackberry,
.hersteller-sprite-handys-htc,
.hersteller-sprite-handys-huawei,
.hersteller-sprite-handys-lenovo,
.hersteller-sprite-handys-lg,
.hersteller-sprite-handys-nokia,
.hersteller-sprite-handys-samsung,
.hersteller-sprite-handys-sony {
  max-width: 100%;
  background-image: url(/responsive-telekom/images/hersteller/herstellerSprite.png);
}
.hersteller-sprite-handys-alcatel {
  background-position: 0 0;
  background-size: 100%;
}
.hersteller-sprite-handys-apple {
  background-position: 0 11.111111%;
  background-size: 100%;
}
.hersteller-sprite-handys-blackberry {
  background-position: 0 22.222222%;
  background-size: 100%;
}
.hersteller-sprite-handys-htc {
  background-position: 0 33.333333%;
  background-size: 100%;
}
.hersteller-sprite-handys-huawei {
  background-position: 0 44.444444%;
  background-size: 100%;
}
.hersteller-sprite-handys-lenovo {
  background-position: 0 55.555556%;
  background-size: 100%;
}
.hersteller-sprite-handys-lg {
  background-position: 0 66.666667%;
  background-size: 100%;
}
.hersteller-sprite-handys-nokia {
  background-position: 0 77.777778%;
  background-size: 100%;
}
.hersteller-sprite-handys-samsung {
  background-position: 0 88.888889%;
  background-size: 100%;
}
.hersteller-sprite-handys-sony {
  background-position: 0 100%;
  background-size: 100%;
}
.zahlarten-nachnahme,
.zahlarten-paypal,
.zahlarten-vorab {
  max-width: 100%;
  background-image: url(/responsive-telekom/images/zahlarten/zahlartenSprite.png);
}
.zahlarten-nachnahme {
  background-position: 0 0;
  background-size: 100%;
}
.zahlarten-paypal {
  background-position: 0 50%;
  background-size: 100%;
}
.zahlarten-vorab {
  background-position: 0 100%;
  background-size: 100%;
}
.owl-carousel a.externalLink {
  margin-top: 10px;
  display: inline-block;
}
p.content-p {
  margin-top: 10px;
}
.notificationBar {
  position: fixed;
  padding: 15px 0;
  background-color: #00a0de;
  bottom: 0;
  width: 100%;
  z-index: 100000;
  display: none;
  text-align: center;
}
.notificationBar p {
  color: #fff;
  font-family: Tele-GroteskNor-Regular;
  font-size: 20px;
}
.notificationBar a {
  color: #fff;
  text-decoration: underline;
}
.notificationBar a:hover {
  color: #fff;
}
.removeOption {
  display: inline-block;
  margin: 0 5px;
  padding: 0 10px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.removeOption a,
.removeOption p {
  display: inline-block;
  vertical-align: middle;
}
.removeOption a i,
.removeOption p i {
  color: #fff;
  padding-left: 10px;
}
#socialThumb {
  position: fixed;
  background-color: #e20074;
  padding: 5px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  top: 55%;
  left: 0;
  z-index: 3;
  text-align: center;
  cursor: pointer;
}
#socialThumb p {
  font-family: Tele-GroteskNor-Regular;
  font-size: 12px;
  color: #fff;
  padding-bottom: 5px;
}
.socialMediaOverlay {
  max-width: 250px;
  height: auto;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  overflow: hidden;
  transform: translate(-50%, 200vh) !important;
  max-height: 95px;
}
.socialMediaOverlay.active {
  transform: translate(-50%, -50%) !important;
}
.socialMediaOverlay .socialIcons {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaWhatsapp a {
  display: inline-block;
  position: relative;
  background-color: #25d366;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  padding: 0 4px;
  vertical-align: top;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaWhatsapp i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/responsive-telekom/images/icons/WhatsApp.png) no-repeat;
  vertical-align: middle;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaWhatsapp span {
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: sub;
  font-weight: 700;
  font-size: 11px;
  color: #fff;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaEmail a {
  display: inline-block;
  position: relative;
  background-color: #0004a2;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  padding: 0 4px;
  vertical-align: top;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaEmail a:hover {
  background-color: #0004e5;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaEmail i {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/responsive-telekom/images/icons/email.png) no-repeat;
  vertical-align: middle;
}
.socialMediaOverlay .socialIcons .socialMedia.socialMediaEmail span {
  font-family: Helvetica, Arial, sans-serif;
  vertical-align: sub;
  font-weight: 700;
  font-size: 11px;
  color: #fff;
}
.webid-form {
  background: #ededed;
  max-width: none !important;
  margin-bottom: 40px !important;
  width: 100%;
}
#go-to-webid-btn {
  display: inline-block !important;
}
#go-to-webid-btn .disabled {
  cursor: not-allowed;
}
.fixedWidth {
  max-width: 1200px;
}
.fixedWidth.center {
  margin: 0 auto;
}
.duplicateOrderForm .input-field {
  line-height: 2em;
}
.duplicateOrderForm .input-label {
  margin-right: 10px;
  font-weight: 700;
}
#unchecked-magenta-eins-box {
  max-width: 800px;
  margin: 24px auto;
  padding: 12px;
  border: 1px solid #ededed;
}
#unchecked-magenta-eins-box .petrol {
  color: #4fb9b0;
}
.benefitsWrapper {
  margin: 12px auto;
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.benefitsWrapper .benefit {
  width: 100%;
  margin-bottom: 10px;
}
.benefitsWrapper .benefit .benefit-bubble {
  margin-bottom: 10px;
}
.benefitsWrapper .benefit .benefit-bubble img {
  transition: all ease 0.27s;
  border-radius: 50%;
  border: 2px solid transparent;
}
.benefitsWrapper .benefit.hover,
.benefitsWrapper .benefit:hover {
  cursor: pointer;
}
.benefitsWrapper .benefit.hover img,
.benefitsWrapper .benefit:hover img {
  cursor: pointer;
  transform: translateY(-3px);
  border-color: #e20074 !important;
}
@media all and (min-width: 768px) {
  .benefitsWrapper .benefit {
    width: calc(100% / 3 - 10px * 2);
  }
}
.steps {
  font-size: 0;
  margin: 24px auto;
  max-width: 800px;
}
.steps .stepCounter {
  display: block;
  margin: 0 auto;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #e20074;
  padding: 1px;
}
.steps .stepCounter .stepCounterNumber {
  width: 60px;
  height: 60px;
  margin: 6px;
  border-radius: 50%;
  background-color: #fff;
  color: #757575;
  font-size: 48px;
  line-height: 60px;
  font-family: Tele-GroteskNor-Regular;
}
.steps .stepDescription {
  display: block;
  width: 100%;
  text-align: left;
}
.steps .stepDescription .stepHeadline {
  color: #e20074;
  font-size: 24px;
}
@media all and (min-width: 768px) {
  .steps .stepCounter {
    display: inline-block;
    vertical-align: middle;
  }
  .steps .stepDescription {
    display: inline-block;
    width: calc(100% - 10px * 10);
    padding-left: 24px;
    vertical-align: middle;
  }
}
.switch-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1146px;
  margin: 0 auto;
  flex-wrap: wrap;
}
.switch-wrapper:hover .switch-card:not(:hover) {
  opacity: 0.4;
}
@media all and (max-width: 1054px) {
  .switch-wrapper {
    justify-content: center;
  }
  .switch-wrapper .switch-card:not(:last-child) {
    margin-bottom: 20px;
  }
}
.switch-card {
  display: flex;
  flex-direction: column;
  max-width: 450px;
  min-width: 275px;
  padding: 12px;
  border: 2px solid #757575;
  transition: all ease 0.27s;
}
.switch-card .tarifIncentive,
.switch-card .tarifIncentive1 {
  margin-bottom: 12px;
}
.switch-card:hover {
  border-color: #e20074;
  transform: translateY(-3px);
}
.switch-card:hover .switch-header {
  border-color: #e20074;
}
.switch-header {
  margin-bottom: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 6px !important;
  border-bottom: 2px solid #757575;
}
.switch-content {
  margin-bottom: 12px !important;
}
.transparentMagentaBg {
  background-color: rgba(226, 0, 116, 0.6) !important;
  color: #fff !important;
}
@media all and (max-width: 770px) {
  .transparentMagentaBg {
    background-color: #e20074 !important;
  }
}
.stageSliderBoxContent.rel {
  position: relative;
}
.stoererWrapper {
  position: absolute;
  right: -75px;
  bottom: -35px;
  width: 120px;
  height: 120px;
}
@media all and (max-width: 770px) {
  .stoererWrapper {
    position: initial;
    display: block;
    margin: 0 auto;
  }
}
.stoererWrapper.big,
.stoererWrapper.big .stoererBG {
  width: 180px;
  height: 180px;
}
.stoererWrapper.big .stoererBG .stoererText.dreizeilig {
  top: 49%;
  left: 0;
}
.stoererWrapper.bigger .stoererBG .stoererText.dreizeilig {
  line-height: 18px;
  top: 45%;
  left: 0;
}
.stoererWrapper.block {
  position: initial !important;
}
.stoererWrapper .stoererBG {
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
  transform: rotateZ(-7.5deg);
  background-color: #53baf2;
}
.stoererWrapper .stoererBG.adac-color {
  background-color: #ffd228;
  color: #383838;
}
.stoererWrapper .stoererBG.adac-color *,
.stoererWrapper .stoererBG.adac-color .stoererText {
  color: #383838;
}
.stoererWrapper .stoererBG.payback-color {
  background-color: #0045a8;
  color: #fff;
}
.stoererWrapper .stoererBG.payback-color *,
.stoererWrapper .stoererBG.payback-color .stoererText {
  color: #fff;
}
.stoererWrapper .stoererBG.petrol-color {
  background-color: #1baea2;
  color: #000;
}
.stoererWrapper .stoererBG.petrol-color *,
.stoererWrapper .stoererBG.petrol-color .stoererText {
  color: #000;
}
.stoererWrapper .stoererBG .stoererText {
  font-size: 24px;
  color: #fff;
  margin-top: -25%;
  top: 53%;
  position: absolute;
  line-height: 24px;
  left: 0;
  width: 100%;
  text-align: center;
}
.stoererWrapper .stoererBG .stoererText.dreizeilig {
  top: 41%;
}
.stoererWrapper .stoererBG .stoererText.zweizeilig {
  top: 57%;
  left: 3px;
}
.stoererWrapper .stoererBG .stoererText .threeLines span {
  display: block;
}
.animated .stoererText {
  opacity: 0;
  transform: scale(0.6);
  animation-name: show;
  animation-duration: 4.4s;
  animation-timing-function: ease-out;
  animation-delay: 0;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
.animated .stoererText:nth-child(2) {
  animation-delay: 2.2s;
}
@keyframes show {
  0% {
    opacity: 0;
    transform: scale(0.6);
  }
  20%,
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100%,
  51% {
    opacity: 0;
    transform: scale(1);
  }
}
.sliderBoxSealImage {
  max-width: 120px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
@media all and (max-width: 770px) {
  .sliderBoxSealImage {
    position: relative;
  }
}
.stoererWrapper.top-right {
  top: 10px;
  right: 10px;
  left: unset;
  bottom: unset;
}
.stoererWrapper.top-middle {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  right: unset;
  bottom: unset;
}
.stoererWrapper.top {
  top: 0;
}
.stoererWrapper.slightlyLeft {
  left: 80%;
}
.asterisk-white span.asterisk {
  color: #fff;
}
.higlight-container-big {
  max-width: 930px !important;
}
.highlights-container {
  max-width: 830px;
  margin: 10px auto 0;
}
.highlights-container .highlight {
  display: block;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.highlights-container .highlight.text-left {
  text-align: initial;
}
.highlights-container .highlight-text {
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}
.highlights-container .highlight-img {
  width: 100%;
}
.highlights-container .highlight-img img {
  display: block;
  width: 100%;
}
@media (min-width: 768px) {
  .highlights-container .highlight {
    display: flex;
  }
  .highlights-container .highlight:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
  }
  .highlights-container .highlight-img,
  .highlights-container .highlight-text {
    width: calc(50% - 10px);
  }
}
#privateCustomer-staatsangehörigkeit-line {
  display: block;
}
.cartWrapper a {
  white-space: nowrap;
}
.flex-box {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.j-between {
  justify-content: space-between;
}
.j-center {
  justify-content: center;
}
.a-center {
  align-items: center;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-bold {
  font-weight: 700;
}
html .text-baseColor {
  color: #e20074;
}
.tarifPromotion {
  margin-top: 20px;
  cursor: pointer;
}
.tarifPromotion b {
  color: #2d8d84;
}
.tarifPromotionContent {
  display: none;
  color: #fff;
  margin-top: -95px;
  position: relative;
}
.tarifPromotionContentText {
  background: #383838;
  padding: 5px 10px;
  max-width: max-content;
  border-radius: 10px;
}
.tarifPromotionContentBox {
  background: #383838;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 20px;
  transform: rotate(45deg);
  position: relative;
}
.tarifPromotion:focus,
.tarifPromotion:hover {
  margin-bottom: 20px !important;
}
.tarifPromotion:focus > .tarifPromotionContent,
.tarifPromotion:hover > .tarifPromotionContent {
  display: block;
  z-index: 100;
}
@media (min-width: 327px) {
  .tarifPromotionContent {
    margin-top: -75px;
  }
}
@media (min-width: 768px) {
  .tarifPromotionContent {
    margin-top: -135px;
  }
}
@media (min-width: 851px) {
  .tarifPromotionContent {
    margin-top: -115px;
  }
}
@media (min-width: 881px) {
  .tarifPromotionContent {
    margin-top: -95px;
  }
}
@media (min-width: 939px) {
  .tarifPromotionContent {
    margin-top: -75px;
  }
}
.text-with-background.bg-white {
  background-color: #fff;
}
.text-with-background.magenta {
  color: #e20074 !important;
}
.actionLinks {
  font-size: 20px;
  margin: 20px 10px 0;
  text-decoration: none;
  color: #00f;
}
.actionLinks:hover {
  text-decoration: underline;
  cursor: pointer;
}
.smallText {
  max-width: 300px;
  margin: 0 auto;
}
.popUp {
  z-index: 1000;
  text-align: center;
  display: none;
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  animation: popUp-slideIn 0.6s 1 forwards ease-in;
  border: 1px solid #d3d3d3;
  padding: 20px 20px 30px;
  max-width: 550px;
  width: 100%;
  border-radius: 25px;
  background-color: #fff;
}
.popUpDarkBackground {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: #000;
  z-index: 999;
  opacity: 20%;
  display: none;
}
#closeBtn {
  background: 0 0;
  color: #000;
}
#closeBtn:hover {
  background: #b3035e;
  color: #fff !important;
}
.incentiveLineBreak {
  max-width: 260px;
}
@keyframes popUp-slideIn {
  0% {
    transform: translate(-50%, -10px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 570px) {
  #popUp {
    top: 0;
    height: 100%;
    overflow-y: scroll;
  }
}
@media (min-width: 769px) {
  .smallText {
    max-width: 500px;
  }
}
.tarifSliderBoxInfosCredit {
  padding: 15px 30px 0;
  margin-bottom: -15px;
}
.tarifSliderBoxInfosCredit .tarifSliderBoxInfosCreditHeadline {
  color: #218076;
  font-size: 24px;
  line-height: 29px;
  font-weight: 900;
  font-family: Tele-GroteskHal-Regular;
}
.tarifSliderBoxInfosCredit
  .tarifSliderBoxInfosCreditHeadline
  .credit-badge-icon {
  max-width: 24px;
  display: inline-block;
  margin: auto 5px auto 0;
  vertical-align: sub;
}
.tarifSliderBoxInfosCredit
  .tarifSliderBoxInfosCreditHeadline
  .credit-badge-icon
  path {
  fill: #218076;
}
.tarifSliderBoxInfosCredit table {
  border-spacing: 0;
  font-size: 16px;
  margin-top: 5px;
  font-family: Tele-GroteskNor-Regular;
  color: #218076;
  width: 80%;
}
.tarifSliderBoxInfosCredit table tr td:nth-of-type(1) {
  width: 80%;
}
.tarifSliderBoxInfosCredit table tr td:nth-of-type(2) {
  font-weight: 900;
  padding-left: 20px;
  text-align: right;
  min-width: 35px;
  width: 20%;
}
.onetimeCreditInfo {
  font-size: 16px;
  line-height: 20px;
  font-family: Tele-GroteskNor-Regular;
  font-weight: 700;
  color: #218076;
}
.onetimeCreditInfo b {
  font-size: 18px;
  line-height: 22px;
  font-family: Tele-GroteskHal-Regular;
  font-weight: 900;
}
.tarifIncentiveSpecialBox {
  background: #f1f1f1;
  margin: 10px 20px 20px;
  display: flex;
  padding: 10px;
  border-radius: 10px;
}
.tarifIncentiveSpecialBox .incentiveImage {
  max-height: 65px;
  width: auto !important;
  max-width: 50px;
  padding: 0 5px 0 0;
  margin: auto 0;
}
.tarifIncentiveSpecialBox .incentiveText {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  padding: 0 0 0 5px;
  margin: auto 0;
}
.tarifIncentiveSpecialBox .incentiveText .incentiveBrandImageOne {
  max-height: 35px;
  width: auto;
  margin-left: -10px;
  margin-bottom: -5px;
  margin-top: -5px;
  display: none;
}
@media screen and (max-width: 1650px) {
  .tarifIncentiveSpecialBox .incentiveText .incentiveBrandImageOne {
    display: block;
  }
}
.tarifIncentiveSpecialBox .incentiveText b {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 16px;
}
.tarifIncentiveSpecialBox .incentiveText .asterisk {
  left: -3px !important;
  top: 0 !important;
}
.tarifIncentiveSpecialBox .incentiveBrandImageTwo {
  max-height: 35px;
  width: auto !important;
  margin: auto 0;
}
@media screen and (max-width: 1650px) {
  .tarifIncentiveSpecialBox .incentiveBrandImageTwo {
    display: none !important;
  }
}
.cartIncentiveSpecialBox {
  background: #f1f1f1;
  margin: 10px 0 20px;
  position: relative;
  display: flex;
  padding: 10px;
  border-radius: 10px;
  max-width: 800px;
}
.cartIncentiveSpecialBox .incentiveImage {
  max-height: 65px;
  width: auto;
  max-width: 50px;
  padding: 0 10px 0 5px;
  margin: auto 0;
}
.cartIncentiveSpecialBox .incentiveText {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  padding: 0 0 0 10px;
  margin: auto 0;
}
.cartIncentiveSpecialBox .incentiveText .incentiveBrandImageOne {
  max-height: 35px;
  width: auto;
  margin-left: -10px;
  margin-bottom: -5px;
  margin-top: -5px;
  display: none;
}
@media screen and (max-width: 1350px) {
  .cartIncentiveSpecialBox .incentiveText .incentiveBrandImageOne {
    display: block;
  }
}
.cartIncentiveSpecialBox .incentiveText b {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 16px;
}
.cartIncentiveSpecialBox .incentiveText .asterisk {
  left: -3px !important;
  top: 0 !important;
}
.cartIncentiveSpecialBox .incentiveBrandImageTwo {
  max-height: 35px;
  width: auto;
  margin: auto 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1350px) {
  .cartIncentiveSpecialBox .incentiveBrandImageTwo {
    display: none;
  }
}
#saveCurrentNumber #chk-group {
  display: block !important;
}
.successorBox {
  border-radius: 5px;
  padding: 10px 0;
  margin-top: 12px;
}
.successorBox .headline {
  font-family: Tele-GroteskHal-Regular;
}
.successorBox .content {
  display: inline-block;
  margin: 10px auto;
  width: 100%;
  font-size: 0;
}
.successorBox .content .imageBox {
  display: inline-block;
  vertical-align: middle;
}
.successorBox .content .imageBox img {
  width: 100%;
  max-width: 45px;
}
.successorBox .content .contentBox {
  padding-left: 10px;
  margin: auto 0;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.successorBox .content .contentBox .btn_action {
  display: block;
  max-width: 68px;
  margin: 0 auto;
}
.successorBox .content .contentBox p {
  margin-bottom: 5px;
}
.successorBox .content .contentBox .availibility {
  color: #757575;
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
}
#content {
  background: #fff;
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 185px;
}
#content p,
#content span {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
}
.sliderWrapper {
  padding: 0 25px;
}
.sliderWrapper .sliderWrapper {
  padding: 0;
}
.productBanner {
  margin: 0 20px 40px;
  width: calc(100% - 10px * 12);
}
@media all and (max-width: 1024px) {
  .productBanner {
    width: calc(100% - 10px * 8);
  }
}
.cartSumOverview {
  left: 0;
  right: 0;
  padding: 0;
}
.cartSumOverview .wrapper {
  max-width: 1250px;
  margin: 0 auto;
}
.cartSumOverview .wrapper .wrapperContent {
  max-width: 920px;
  position: relative;
  padding: 0 10px;
}
.cartSumOverview .wrapper .wrapperContent .btn_action {
  right: 10px;
}
.btn,
.btn_action {
  border-radius: 0 !important;
}
.colorSelector ul a li.colorSelectorButton,
.colorSelector ul a.colorSelectorBtnBig {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tarifOptions {
  font-size: 0;
}
.btn.pagination,
.entertainSelector a.entertainSelectorBtn,
.entertainSelector a.speedSelectorBtn,
.entertainSelector a.storageSelectorBtn,
.filterWrapper .filter .filterDropdown,
.filterrow .tarif,
.networkSwitch .tarif,
.planSwitch .tarif,
.selected-filters .selected-filter,
.sortWrapper .sort .sortDropdown,
.speedSelector a.entertainSelectorBtn,
.speedSelector a.speedSelectorBtn,
.speedSelector a.storageSelectorBtn,
.storageSelector a.entertainSelectorBtn,
.storageSelector a.speedSelectorBtn,
.storageSelector a.storageSelectorBtn,
.tarifSwitcher .tarif {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
footer .footer-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
footer nav {
  color: #fff;
  display: flex;
  min-width: 175px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 0 15px;
}
footer nav span {
  font-family: Tele-GroteskNor-Regular;
  font-weight: 700;
  letter-spacing: 1px;
}
footer nav a {
  margin-top: 5px;
  font-family: Tele-GroteskNor-Regular;
  color: #fff;
}
footer nav a:first-of-type {
  margin-top: 10px;
}
footer nav a:hover {
  text-decoration: underline;
}
html .t2,
html h2,
html h3 {
  font-family: Tele-GroteskNor-Regular !important;
}
body {
  overflow-x: visible;
}
.notificationBar {
  left: 0;
}
.overlay,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front,
.ui-widget-overlay.ui-front {
  z-index: 5000002;
}
.allOptionsOverlayContainer .overlayClose {
  z-index: 5000003;
  top: 70px;
  right: 50px;
}
.allOptionsOverlayContainer .overlayClose .close {
  color: #000 !important;
}
.btn_action:hover {
  color: #fff !important;
}
.btn_action.disabled {
  color: #757575 !important;
}
.btn_action p,
ul.t5 li {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
}
.cartOverviewWrapper .cartOverview .cartEdit {
  width: 10px;
  padding: 6px 10px 0;
}
.ui-pnotify {
  z-index: 15003;
}
.baseColorEyeCatcherLine {
  display: none;
}
.cartSumOverview {
  -webkit-box-shadow: 0 0 8px #888;
  -moz-box-shadow: 0 0 8px #888;
  box-shadow: 0 0 8px #888;
}
@media all and (min-width: 768px) {
  .tileWrapperStatic .tile,
  .tileWrapperStatic .tile.fullTabletWidth {
    width: calc(100% / 3 - 10px);
    margin: 5px;
  }
  .tileWrapper #pagination {
    font-size: 0;
  }
  .tileWrapper .bigTile {
    text-align: center;
    width: calc(100% - 10px);
    border: 1px solid #d0d0d0;
    padding: 30px;
    margin: 0 5px 10px;
    box-sizing: border-box;
    position: relative;
  }
  .tileWrapper,
  .tileWrapperStatic {
    width: calc(100% - 10px * 4) !important;
    font-size: 0;
    padding: 20px !important;
    position: relative;
  }
}
@media (min-width: 1024px) {
  .tileWrapper {
    padding: 20px 20px 10px;
    width: calc(100% - 10px * 4);
  }
  .tileWrapper .tile,
  .tileWrapper .tile.fullTabletWidth {
    width: calc(100% / 3 - 10px);
    margin: 0 5px 10px;
  }
}
.tileWrapper,
.tileWrapperStatic {
  width: calc(100% - 10px * 5);
  font-size: 0;
  padding: 20px 25px;
  position: relative;
}
.stageSlider {
  padding: 20px 15px;
}
.stageSlider .owl-prev {
  left: 15px;
}
.stageSlider .owl-next {
  right: 15px;
}
.input-line {
  font-size: 0;
}
.selected-filters .selected-filter {
  font-family: Tele-GroteskNor-Regular;
}
.cartOverviewWrapper {
  padding: 0 25px;
}
.availabiliy-box {
  margin-top: 10px;
  background: #fff;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  border-radius: 10px;
  width: calc(100% - 15px * 4);
  font-family: TeleGrotesk-Next !important;
}
.availabiliy-box .headlineDownstream {
  font-family: TeleGrotesk-Next !important;
  font-weight: 700 !important;
}
.availabiliy-box .t1 {
  font-weight: 900 !important;
  font-size: 2.5rem !important;
  margin-top: 10px !important;
}
.availabiliy-box .cstmAvailBtn {
  border-radius: 5px !important;
  border: 0;
  font-weight: 700;
  padding: 1px 30px;
}
.availabiliy-box .check-again-button {
  border-radius: 5px !important;
  border: 0 !important;
  background: #fff;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  font-weight: 700 !important;
  font-family: TeleGrotesk-Next !important;
  font-size: 16px !important;
  padding: 2px 30px;
}
.availabiliy-box .check-again-button:hover {
  background: #e4e4e4;
}
input {
  font-size: 14px;
}
.Tpart.Tts {
  height: auto !important;
}
#Tscini {
  -webkit-box-sizing: inherit !important;
  -moz-box-sizing: inherit !important;
  box-sizing: inherit !important;
}
#Tscok .Tscoki {
  padding: 0;
  line-height: inherit;
  font-family: inherit;
}
#Tfoot {
  padding-bottom: 55px;
}
.cartWrapper .item ul li {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 18px;
  color: #383838;
}
.infoBox {
  padding: 10px;
}
.cartWrapper .item div {
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 18px;
}
.cartWrapper .item .priceGroup {
  font-family: Tele-GroteskNor-Regular;
  color: #e20074;
  position: relative;
}
.cartWrapper .item .infos {
  width: calc(75% - 10px * 0.5);
}
@media all and (max-width: 770px) {
  .cartWrapper .item .infos {
    width: 100%;
  }
}
.cartWrapper .item .price {
  width: calc(25%);
  text-align: right;
}
@media all and (max-width: 770px) {
  .cartWrapper .item .price {
    width: 100%;
  }
}
@media all and (max-width: 770px) {
  .cartWrapper .item .price .priceGroup .monthly,
  .cartWrapper .item .price .priceGroup .oneTime {
    width: 100%;
  }
}
.cartWrapper .item .priceGroup div {
  font-family: Tele-GroteskNor-Regular !important;
}
.cartWrapper .item .texts {
  width: calc(70% - 10px * 0.5);
}
.cartWrapper .item .short.orderFeatureList {
  width: 100%;
  padding-right: 5px;
}
@media all and (max-width: 770px) {
  .cartWrapper .item .short.orderFeatureList {
    width: 100%;
  }
}
.cartWrapper .item.lastblock .price .priceGroup .monthly,
.cartWrapper .item.lastblock .price .priceGroup .oneTime {
  font-family: Tele-GroteskNor-Regular;
}
@media all and (max-width: 770px) {
  .cartWrapper .item.lastblock .price .priceGroup .monthly,
  .cartWrapper .item.lastblock .price .priceGroup .oneTime {
    width: 100%;
  }
}
.staticPage div.name {
  font-family: Tele-GroteskNor-Regular;
  font-size: 18px;
}
.staticPage div.agbetc {
  font-size: 0;
}
.asterisk-box {
  padding: 0 10px 40px 0;
}
.asterisk-box .accordionContent {
  padding-top: 20px;
}
.asterisk-box .accordionContent div {
  padding-bottom: 10px;
}
.wrappel3s {
  position: relative;
  height: 187px;
  width: calc(100% - 50px);
  margin: 0 25px;
}
.wrappel3s .Tccheadl3s {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2px;
  margin-top: 4px;
}
.wrappel3s .Tccsheadl3s {
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 17px;
}
.ecs_input_wrapper {
  font-size: 0;
}
.ecs_input_wrapper #ecs_search_input,
.ecs_input_wrapper #ecs_search_submit {
  display: inline-block;
  vertical-align: middle;
}
.ecs_input_wrapper #ecs_search_input {
  width: 330px;
  border: 1px solid grey !important;
  border-radius: 0;
}
.ecs_input_wrapper #ecs_search_submit {
  width: 70px;
}
.Tkomplexcci3s {
  width: 92%;
  height: 146px;
  background: rgba(226, 0, 116, 0.4);
  position: absolute;
  top: 10px;
  left: 0;
}
.lt-ie9 .Tkomplexcc3s,
.lt-ie9 .Tkomplexcci3s {
  background: #e20074;
  filter: alpha(opacity=40);
}
.Tkomplexcc3s {
  background: rgba(226, 0, 116, 0.4);
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
}
.Tkomplexcco3s {
  background: rgba(226, 0, 116, 0.6);
  position: absolute;
  top: 10px;
  left: 0;
  width: 96%;
}
.lt-ie9 .Tkomplexcco3s {
  background: #e20074;
}
.Tkplexccti3s {
  height: 140px;
  width: 437px;
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 1;
  text-align: left;
}
.Tccheadl3s {
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2px;
  margin-top: 4px;
}
.Tccsheadl3s {
  font-size: 17px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 17px;
}
.Tccbox3s {
  height: 45px;
  background: #fff;
}
.lt-ie9 .Tccbox3s {
  background: #fff;
}
.Tcheckertxt3s {
  float: left;
  color: #e20074;
  font-size: 12px;
  margin-right: 10px;
  text-transform: uppercase;
  margin-top: 9px;
}
.Tcheckertxt3s span {
  font-weight: 700;
  font-size: 14px;
}
.Tcheckertxt3s p {
  font-weight: regular;
  font-size: 14px;
}
.Tccbox3s img {
  margin-right: 20px;
  float: left;
}
#Tbtn-tarprocheck3s {
  top: 10px;
  position: relative;
  left: 10px;
}
.lt-ie8 input.Tbtn-magenta.Tbtn {
  width: 110px;
}
.exo_demo_div {
  float: left;
  left: 10px !important;
  position: absolute;
  top: 75px;
  z-index: 99;
  background: #fff;
  border: 1px solid;
  padding: 4px;
}
@media all and (max-width: 575px) {
  #ecs_search_input {
    width: 195px !important;
  }
}
@media all and (max-width: 500px) {
  .wrappel3s {
    height: 210px;
  }
  .exo_demo_div {
    top: 112px !important;
  }
  .Tkplexccti3s {
    height: 154px;
    width: 336px;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 1;
    text-align: left;
  }
  .Tkomplexcci3s {
    height: 168px !important;
  }
  .Tkomplexcc3s {
    height: 187px !important;
  }
  .Tkomplexcco3s {
    height: 146px !important;
  }
}
@media only screen and (max-width: 940px) {
  #Tcontbox,
  #Tmainbox,
  .Tgboxf,
  .Tgboxh {
    width: 100% !important;
  }
  html .Tnext #Tall .Tgboxh {
    width: calc(100% - 25px) !important;
  }
}
a {
  font-family: arial, helvetica, freesans, sans-serif;
}
#content a {
  font-family: Tele-GroteskNor-Regular;
}
.productBanner .productBannerRight .productBannerPrice {
  color: #e20074 !important;
  font-family: Tele-GroteskNor-Regular !important;
  font-size: 60px !important;
}
@media all and (max-width: 940px) {
  .wrappel3s {
    display: none;
  }
}
@media all and (min-width: 1440px) {
  .staticPage {
    padding: 0 40px;
  }
  .staticSlider {
    padding: 20px 10px;
  }
}
#content .betterBusinessCaseForm .likeSelectField p {
  font-size: 15px !important;
  line-height: 10px;
  padding: 10px 0;
}
#content .betterBusinessCaseForm .likeSelectField span {
  font-family: Tele-GroteskHal-Regular !important;
  font-size: 15px !important;
  line-height: 10px;
}
.subform .input-field,
.subform .input-label {
  font-size: 15px;
}
html #Tbcrumb h1 {
  font-size: 10px !important;
  line-height: 10px;
}
.cartOverviewWrapper .cartOverview th.cartPrice {
  vertical-align: middle !important;
}
.BOXLOCATION_ENTRYY_PAGE_SLIDER {
  padding-top: 10px !important;
}
.backgroundContentWrapper h1:first-of-type {
  line-height: 41px !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.magentaSmallTarifSliderBox .tarifSliderBoxHeader {
  padding: 30px 30px 10px !important;
}
.tarifSliderBox[data-tariftype="SMARTHOME"] .tTarifAcronym {
  line-height: 93px;
}
.tarifSliderBoxContent .tarifName {
  margin-top: 0;
}
.tarifSliderBoxContent dl {
  margin: 10px 0 0;
}
.tarifSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.tarifSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.tarifSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.tarifSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.tarifSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.tarifSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.tarifSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.entertainSliderBox {
  text-align: left;
}
.entertainSliderBoxContent dl {
  margin: 10px 0 0;
}
.entertainSliderBoxContent dl dd {
  color: #383838;
  font-size: 18px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0;
}
.entertainSliderBoxContent dl dd.magenta {
  color: #e20074;
}
.entertainSliderBoxContent dl dd.petrol {
  color: #4fb9b0;
}
.entertainSliderBoxContent dl dt {
  color: #757575;
  font-size: 14px;
  font-family: Tele-GroteskNor-Regular;
  margin: 0 0 10px;
}
.entertainSliderBoxContent dl dt.big {
  font-size: 18px;
  color: #383838;
}
.entertainSliderBoxContent dl dt.magenta {
  color: #e20074;
}
.entertainSliderBoxContent dl dt.petrol {
  color: #4fb9b0;
}
.mwstText {
  font-size: 15px !important;
  color: #757575;
}
.overviewOnce thead .cartPrice,
.overviewOnce thead .cartProduct {
  width: 50% !important;
}
.tarifIncentive {
  position: relative;
  margin: 10px 0;
  height: 65px !important;
  padding: 0 !important;
}
.tarifIncentive .tarifIncentive-pre {
  width: 65px;
  height: 65px;
  display: inline-block;
  border: 1px solid #007faf;
  color: #fff;
  line-height: 55px;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
  z-index: 1;
  font-family: Tele-GroteskHal-Regular;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  background-color: #fff;
  background-position: center center;
  background-size: 89%;
  background-repeat: no-repeat;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-10150 {
  background: url(/responsive-telekom/customs/162/images/anker_powercore_plus_mini.jpg)
    center center no-repeat #fff;
  background-size: 89%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-9668 {
  background: url(/responsive-telekom/images/options/festnetz/avm-fritzbox-7430-340px.png)
    center center no-repeat #fff;
  background-size: 89%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-12299 {
  background: url(/responsive-telekom/images/options/incentives/amazon-gutschein-100-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-14597 {
  background: url(/telekom/images/produkte/avm-fritzbox-7590-96px.png) center
    center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-33816 {
  background: url(/telekom/images/produkte/avm-fritzbox-7590-ax-96px.png) center
    center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-15107 {
  background: url(/responsive-telekom/images/options/festnetz/avm-fritz-box-7490-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-16081 {
  background: url(/responsive-telekom/images/options/incentives/avm-fritzbox-7530-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-17772 {
  background: url(/responsive-telekom/images/options/incentives/motorola-puls-escape-kopfhoerer-100px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-17583 {
  background: url(/responsive-telekom/images/options/incentives/amazon-80-euro-gutschein-96px.jpg)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-18031 {
  background: url(/responsive-telekom/images/options/incentives/amazon-gutschein-100-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-25754 {
  background: url(/telekom/images/produkte/MagentaTV-stick-horizontal.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-25811 {
  background: url(/telekom/images/produkte/MagentaTV_Stick_amazon-Horizontal.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-26060 {
  background: url(/telekom/images/produkte/fritzbox7530-magentaTVstick.jpg)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-26061 {
  background: url(/telekom/images/produkte/fritzbox7590-magentaTVstick.jpg)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34102 {
  background: url(/telekom/images/produkte/amazon-gutschein-150-96px.png) center
    center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34103 {
  background: url(/telekom/images/produkte/avm-fritzbox-7530-amazon-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34104 {
  background: url(/telekom/images/produkte/avm-fritzbox-7590-ax-amazon-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34570 {
  background: url(/telekom/images/produkte/avm-fritzbox-7530-amazon-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34571 {
  background: url(/telekom/images/produkte/avm-fritzbox-7590-ax-amazon-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34650 {
  background: url(/telekom/images/produkte/amazon-gutschein-150-96px.png) center
    center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34688 {
  background: url(/telekom/images/produkte/avm-fritzbox-7590-ax-amazon-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34687 {
  background: url(/telekom/images/produkte/avm-fritzbox-7530-amazon-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34689 {
  background: url(/telekom/images/produkte/amazon-gutschein-150-96px.png) center
    center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-34748,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42461 {
  background: url(/telekom/images/produkte/avm-fritzbox-7530-96px.png) center
    center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-35567 {
  background: url(/telekom/images/produkte/euro_outline_klein.png) center center
    no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive .tarifIncentive-pre.incentive-pre-42362,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42363,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42364,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42365,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42366,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42367,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42564,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42565,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42566,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42567,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42568,
.tarifIncentive .tarifIncentive-pre.incentive-pre-42759 {
  background: url(/responsive-telekom/images/options/incentives/cashback-96px.png)
    center center no-repeat #fff;
  background-size: 79%;
}
.tarifIncentive p {
  background-color: #007faf;
  display: inline-block;
  width: calc(100% - 63px - 10px);
  color: #fff;
  text-align: left;
  font-size: 14px !important;
  padding: 5px 5px 5px 29px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
  line-height: 20px;
}
.tarifIncentive p span.asterisk {
  color: #fff;
}
.notSelectedOptionsText {
  font-size: 16px !important;
  text-align: center;
}
.dialogExtraBox {
  border: 1px solid #d0d0d0;
  margin-top: 10px;
}
.dialogBtnWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.dialogBtnWrapper .btn_action {
  margin: 10px;
}
.staticImg {
  width: 100%;
}
.family-card-widget-button {
  width: 122px;
}
.family-card-widget-title {
  background-color: #f8f8f8;
  width: calc(98.9%) !important;
  padding-left: 10px !important;
}
.family-card-widget-title .infos {
  width: 100% !important;
  text-align: center;
}
.family-card-widget-title .name {
  width: 100% !important;
}
.family-card-widget-title .name h2 {
  color: #4fb9b0 !important;
}
div[class*="cartEntryGroup"] {
  position: relative !important;
}
div[class*="cartEntryGroup"] .button-remove {
  position: absolute !important;
  bottom: 10px !important;
  width: 26% !important;
  right: 0 !important;
}
div[id*="family-card-container-"] {
  background-color: #f8f8f8;
  width: calc(97.8%) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  position: relative;
}
div[id*="family-card-container-"] .upsaleImg {
  width: 60%;
  padding-top: 10px;
}
div[id*="family-card-container-"] .priceGroup.button {
  position: absolute;
  bottom: 10px;
  width: 26%;
  right: 10px;
}
div[id*="family-card-container-"] .orderFeatureList {
  width: calc(58%) !important;
}
#Tadspacehead {
  display: none;
}
.gColor {
  margin: 20px auto;
  border-radius: 6px;
  padding: 10px !important;
  background-color: #007faf;
  color: #fff !important;
  display: inline-block;
  box-sizing: border-box;
  line-height: 25px;
}
.gColor .asterisk {
  color: #fff;
  left: 0;
}
.gColor:before {
  font-family: TeleIcon-Outline !important;
  display: inline-block;
  font-size: 25px;
  font-style: normal;
  content: "i";
  color: #fff;
  vertical-align: bottom;
  padding-right: 10px;
}
.entertainSliderBox .entertainSliderBoxHeader img,
.extraSliderBox .extraSliderBoxHeader img,
.extraSliderBox .smarthomeExtraSliderBoxHeader img,
.incentiveSliderBox .extraSliderBoxHeader img,
.incentiveSliderBox .smarthomeExtraSliderBoxHeader img,
.smarthomeExtraSliderBox .extraSliderBoxHeader img,
.smarthomeExtraSliderBox .smarthomeExtraSliderBoxHeader img,
.sportSliderBox .extraSliderBoxHeader img,
.sportSliderBox .smarthomeExtraSliderBoxHeader img {
  max-width: 96px !important;
}
#onTheWay {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#onTheWay h3 {
  text-align: center;
  margin-bottom: 50px;
}
#onTheWay .notSelectedOptionsText {
  font-size: 22px !important;
  margin-bottom: 20px;
}
#onTheWay form#sentCartEmailForm {
  max-width: 928px;
  margin: 0 auto;
}
#onTheWay .dialogBtnWrapper button.dialogNoBtn {
  margin-right: 10px;
}
#onTheWay .dialogBtnWrapper button.dialogNoBtn,
#onTheWay .dialogBtnWrapper button.selectModalBtn {
  margin-top: 10px;
}
#fieldset-checkGroup,
#legitimation_plus-identmethod-line {
  display: none;
}
#desiredPortingType option[value="DESIREDDATE"],
#portedNumbers-desiredPortingType option[value="DESIREDDATE"] {
  user-select: none;
  display: none;
}
.t-online-margin {
  margin: 10px 0;
}
[data-layoutname="festnetz-magenta-small-r18"]
  ~ .cartOverviewWrapper_onlyBtn
  .btn_action.btn_generatePurchaseOrder {
  padding: 6px 69px;
  font-size: 24px;
}
.magentaSmallTarifSliderBox .tarifName:before {
  content: "";
  display: inline-block;
  width: 40px;
  margin-right: 10px;
  height: 1.5em;
  background-image: url(/responsive-telekom/images/T_logo_rgb_p.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  vertical-align: top;
}
.magentaSmallTarifSliderBox .tarifSliderBoxInfos .dropdownHeader p:before {
  content: "V";
  color: #6bb324;
  font-family: TeleIcon-Outline !important;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.magentaSmallTarifSliderBox .tvTarif.infos .tv-highlight {
  display: none;
}
#Tgboxh1 .smartphoneGrid .smartphoneCard {
  margin: 30px auto;
}
#Tgboxh1 .smartphoneGrid .smartphoneCard .smartphone .colorSelector,
#Tgboxh1 .smartphoneGrid .smartphoneCard .smartphone .image {
  width: 153% !important;
}
#Tgboxh1 .smartphoneCard .informations {
  padding: 20px 20px 20px 120px;
}
@media all and (max-width: 600px) {
  #Tgboxh1 .smartphoneCard .smartphone,
  #Tgboxh1 .smartphoneCard .smartphone .inner-content {
    width: 100%;
  }
  #Tgboxh1 .smartphoneCard .smartphone .inner-content .image {
    width: 100% !important;
    margin: 0 auto;
  }
  #Tgboxh1 .smartphoneCard .smartphone .inner-content .colorSelector {
    width: 100% !important;
  }
  #Tgboxh1 .smartphoneCard .smartphone img {
    width: 100%;
    max-width: 290px;
  }
  #Tgboxh1 .smartphoneCard .informations {
    width: calc(100% - 10px * 2);
    padding: 10px;
  }
}
#content .pom-badge {
  color: #fff !important;
  font-size: 14px !important;
  position: absolute;
  background-color: #e20074;
  color: #fff !important;
  top: -26px;
  left: 10px;
  right: unset;
  padding: 6px;
  font-weight: 700;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  line-height: 1em;
  font-family: Tele-GroteskNor-Regular;
}
#info_notavailable {
  border: 0;
  border-radius: 10px;
  box-shadow: 0 2px 9px 0 #d3d3d3;
  max-width: 784px;
  margin: 20px auto 0;
  padding: 20px;
}
#info_notavailable p {
  font-size: 20px;
  font-family: Tele-GroteskNor-Regular;
}
#info_notavailable p b {
  font-size: 22px;
  font-family: Tele-GroteskHal-Regular;
}
#info_notavailable .headline,
#info_notavailable .text {
  margin-bottom: 10px;
}
#info_notavailable .btn {
  background: #e20074;
  display: inline-block;
  padding: 3px 40px;
  border-radius: 5px !important;
  border: 0;
  margin-top: 10px;
}
#info_notavailable .btn a {
  color: #fff;
}
#info_notavailable .btn:hover {
  background: #c20064;
}
#asterisk-dialog a {
  color: #007faf;
  font-size: initial;
}