 @font-face { font-family: 'TeleNeo'; font-style: normal; font-display: fallback; font-weight: 700; src: url('https://www.telekom.de/resources/sites/phoenix/style/font/teleneo-bold.woff2')format('woff2'),url('/mobilfunk/static/fonts/teleneo-bold.woff2')format('woff2'); } @font-face { font-family: 'TeleNeo'; font-style: normal; font-display: fallback; font-weight: 400; src: url('https://www.telekom.de/resources/sites/phoenix/style/font/teleneo-regular.woff2')format('woff2'),url('/mobilfunk/static/fonts/teleneo-regular.woff2')format('woff2'); } @font-face { font-family: 'TeleNeo'; font-style: normal; font-display: fallback; font-weight: 500; src: url('https://www.telekom.de/resources/sites/phoenix/style/font/teleneo-medium.woff2')format('woff2'),url('/mobilfunk/static/fonts/teleneo-medium.woff2')format('woff2'); } @font-face { font-family: 'TeleNeo'; font-style: normal; font-display: fallback; font-weight: 900; src: url('https://www.telekom.de/resources/sites/phoenix/style/font/teleneo-extrabold.woff2')format('woff2'),url('/mobilfunk/static/fonts/teleneo-extrabold.woff2')format('woff2'); }@supports (font-variation-settings:normal){@font-face { font-family: 'TeleNeo'; src: url('https://www.telekom.de/resources/sites/phoenix/style/font/teleneo-variable.woff2')format('woff2'),url('/mobilfunk/static/fonts/teleneo-variable.woff2')format('woff2'); font-weight: 400 900;}}.index-module_smartproducts__3pbXz { align-items: flex-end; background-image: url("https://www.telekom.de/resources/images/550688/telekom-smartconnect-stage-s.jpg"); background-position: top; background-repeat: no-repeat; box-sizing: border-box; display: flex; height: 360px; justify-content: center; padding-bottom: 36px; position: relative; text-align: center; } @media screen and (min-width: 640px) { .index-module_smartproducts__3pbXz { background-image: url("https://www.telekom.de/resources/images/550690/telekom-smartconnect-stage-m.jpg"); } } @media screen and (min-width: 1024px) { .index-module_smartproducts__3pbXz { background-image: url("https://www.telekom.de/resources/images/550692/telekom-smartconnect-stage-l.jpg"); background-position: 50%; } } @media screen and (min-width: 1920px) { .index-module_smartproducts__3pbXz { background-size: cover; } } .index-module_smartproducts__headline__2vEmK { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; margin: 0 auto; max-width: 296px; } @media screen and (min-width: 480px) { .index-module_smartproducts__headline__2vEmK { max-width: none; } } @media screen and (min-width: 1024px) { .index-module_smartproducts__headline__2vEmK { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; margin: 0 0 8px; } }.index-module_button__LD5e7 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__LD5e7:hover, .index-module_button__LD5e7:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__LD5e7:active, .index-module_button__LD5e7.index-module___active__1bcvL { background-color: #d4d4d4; } .index-module_button__LD5e7.index-module___cta__gZmX2 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__LD5e7.index-module___cta__gZmX2:hover, .index-module_button__LD5e7.index-module___cta__gZmX2:focus { background-color: #d1006c; } .index-module_button__LD5e7.index-module___cta__gZmX2:active { background-color: #bd0061; } .index-module_button__LD5e7.index-module___aero__zdCUg { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__LD5e7.index-module___aero__zdCUg:hover { background-color: #e20074; } .index-module_button__LD5e7.index-module___aero__zdCUg.index-module___dark__1dp48 { border-color: #383838; color: #383838; } .index-module_button__LD5e7.index-module___aero__zdCUg.index-module___dark__1dp48:hover { border-color: #e20074; color: #fff; } .index-module_button__LD5e7:disabled, .index-module_button__LD5e7.index-module___disabled__1hFYO { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__LD5e7:disabled:hover, .index-module_button__LD5e7:disabled:focus, .index-module_button__LD5e7:disabled:active, .index-module_button__LD5e7.index-module___disabled__1hFYO:hover, .index-module_button__LD5e7.index-module___disabled__1hFYO:focus, .index-module_button__LD5e7.index-module___disabled__1hFYO:active { background-color: #fafafa; } .index-module_button--primary__1RyUT { background: #e20074; color: #fff; } .index-module_button--primary__1RyUT:hover, .index-module_button--primary__1RyUT:active, .index-module_button--primary__1RyUT:focus { background-color: #d1006c; color: #fff; }.index-module_badge__Xf98T { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__Xf98T::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__1__5A { background-color: #1bada2; } .index-module_badge--green__3B_My { background-color: #bfcb44; } .index-module_badge--dark-blue__7w0MO { background-color: #1063ad; color: #fff; } .index-module_badge--orange__2woYl { background-color: #ff9a1e; } .index-module_badge--yellow__15Ifb { background-color: #ffd329; } .index-module_badge__wrapper__3kUbl { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__wxWvm { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__U1hN2 { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__2jppu { height: 480px; } } .index-module_teaser__wrapper__2uFn- { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__2uFn- { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2uFn- { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__2uFn- { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2uFn-.index-module___hero__2LmT0 { height: 480px; } } .index-module_teaser__wrapper--small__3y4Cx { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__2jEDQ { border: 0; } } .index-module_teaser__info__3pj-1 { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__E_eaU { order: 2; } .index-module_teaser__visual__1DFn9 { order: 2; } .index-module_teaser__visual--left__3ibLQ { order: 1; } .index-module_teaser__headline__ktxak { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__ktxak { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__ktxak { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__3kQFR { color: #383838; } .index-module_teaser__headline--lowercase__1H1F1 { text-transform: none; } .index-module_teaser__subline__1DFol { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1DFol { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1DFol { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__JDGSD { color: #383838; } .index-module_teaser__button-group__1nGno { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__1nGno { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__1nGno .index-module_button__LD5e7 { text-transform: none; } .index-module_teaser__text-link__32JoL { color: #00a0de; } .index-module_teaser--no-border__1yQE7 { border: 0; }.index-module_family-card__1PkpG { background-image: url("https://www.telekom.de/resources/images/658832/family-card-winter-buehne-s.jpg"); background-position: center; background-size: cover; } @media screen and (min-width: 640px) { .index-module_family-card__1PkpG { background-image: url("https://www.telekom.de/resources/images/658834/family-card-winter-buehne-l.jpg"); } } .index-module_family-card__1PkpG .index-module_teaser__wrapper__2uFn- { border: 0; box-sizing: border-box; max-width: 1250px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__1PkpG .index-module_teaser__wrapper__2uFn- { padding-left: 24px; padding-right: 24px; padding-top: 160px; } } .index-module_family-card__1PkpG .index-module_teaser__info__3pj-1 { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 296px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__1PkpG .index-module_teaser__info__3pj-1 { margin-left: 0; margin-right: 0; margin-top: -168px; max-width: 290px; } } @media screen and (min-width: 768px) { .index-module_family-card__1PkpG .index-module_teaser__info__3pj-1 { max-width: 320px; } } @media screen and (min-width: 1025px) { .index-module_family-card__1PkpG .index-module_teaser__info__3pj-1 { max-width: 410px; } } @media screen and (min-width: 1296px) { .index-module_family-card__1PkpG .index-module_teaser__info__3pj-1 { max-width: 450px; } } .index-module_family-card__1PkpG .index-module_teaser__headline__ktxak { margin-left: auto; margin-right: auto; max-width: 230px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__1PkpG .index-module_teaser__headline__ktxak { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 768px) { .index-module_family-card__1PkpG .index-module_teaser__headline__ktxak { max-width: none; } } @media screen and (min-width: 1296px) { .index-module_family-card__1PkpG .index-module_teaser__headline__ktxak { font-size: 60px; font-size: 3.75rem; line-height: 60px; line-height: 3.75rem; } } .index-module_family-card__1PkpG .index-module_teaser__headline--small__2jfg5 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } @media screen and (min-width: 768px) { .index-module_family-card__1PkpG .index-module_teaser__headline--small__2jfg5 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; } } .index-module_family-card__1PkpG .index-module_teaser__subline__1DFol { margin-top: 0; } @media screen and (min-width: 640px) { .index-module_family-card__1PkpG .index-module_teaser__subline__1DFol { margin: 0; max-width: 270px; } } @media screen and (min-width: 768px) { .index-module_family-card__1PkpG .index-module_teaser__subline__1DFol { max-width: 370px; font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; } } .index-module_family-card__1PkpG .index-module_teaser__button-group__1nGno { margin-top: 12px; position: static; } @media screen and (min-width: 640px) { .index-module_family-card__1PkpG .index-module_teaser__button-group__1nGno { margin-top: 36px; } }.index-module_legal-notes__asterix__2mUC- { border: 1px rgba(0, 0, 0, 0.4) solid; box-sizing: border-box; cursor: pointer; display: inline-block; height: 12px; margin: 0 3px; min-width: 12px; position: relative; text-align: left; top: -2px; vertical-align: text-top; width: 12px; } .index-module_legal-notes__asterix__2mUC-:before { content: '*'; font-family: "TeleNeo", Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 400; height: 12px; left: 0; line-height: 12px; position: absolute; top: 5px; width: 12px; }.index-module_footnote_asterisk--headline__15Or0 { position: relative; } @media screen and (min-width: 768px) { .index-module_footnote_asterisk--headline__15Or0 { top: 7px; } } @media screen and (min-width: 1025px) { .index-module_footnote_asterisk--headline__15Or0 { top: 12px; } }.index-module_footnote_asterisk__1XW94 .index-module_legal-notes__asterix__2mUC- { border: 1px solid rgba(0, 0, 0, 0.4); box-sizing: border-box; color: #383838; cursor: pointer; display: inline-block; height: 12px; margin: 0 3px; position: relative; text-align: left; top: -2px; vertical-align: text-top; width: 12px; }.index-module_footnote_asterisk__1XW94.index-module_black__zOA1l .index-module_legal-notes__asterix__2mUC- { border: 1px solid rgba(0, 0, 0, 0.4); color: #383838; }.index-module_footnote_asterisk__1XW94.index-module_white__3VpgD .index-module_legal-notes__asterix__2mUC- { border-color: #fff; border: 1px #fff solid; box-sizing: border-box; color: #fff; }.index-module_footnote_asterisk--headline-white__1MxdY { position: relative; } @media screen and (min-width: 768px) { .index-module_footnote_asterisk--headline-white__1MxdY { top: 7px; } } @media screen and (min-width: 1025px) { .index-module_footnote_asterisk--headline-white__1MxdY { top: 12px; } } .index-module_footnote_asterisk--headline-white__1MxdY .index-module_legal-notes__asterix__2mUC- { border-color: #fff; border: 1px #fff solid; box-sizing: border-box; color: #fff; }.index-module_footnote_asterisk__1XW94.index-module_mobile-white-desktop-black__1iqfu .index-module_legal-notes__asterix__2mUC- { color: #fff; border-color: #fff; } @media screen and (min-width: 1025px) { .index-module_footnote_asterisk__1XW94.index-module_mobile-white-desktop-black__1iqfu .index-module_legal-notes__asterix__2mUC- { color: #383838; border-color: #383838; } }.index-module_footnote_asterisk__1XW94.index-module_mobile-white-tblet-black__3htwo .index-module_legal-notes__asterix__2mUC- { color: #fff; border-color: #fff; } @media screen and (min-width: 640px) { .index-module_footnote_asterisk__1XW94.index-module_mobile-white-tblet-black__3htwo .index-module_legal-notes__asterix__2mUC- { color: #383838; border-color: #383838; } }.index-module_footnote_asterisk__1XW94:hover { text-decoration: none; }.index-module_button__34eYj { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__34eYj:hover, .index-module_button__34eYj:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__34eYj:active, .index-module_button__34eYj.index-module___active__1_vtJ { background-color: #d4d4d4; } .index-module_button__34eYj.index-module___cta__3rFXo { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__34eYj.index-module___cta__3rFXo:hover, .index-module_button__34eYj.index-module___cta__3rFXo:focus { background-color: #d1006c; } .index-module_button__34eYj.index-module___cta__3rFXo:active { background-color: #bd0061; } .index-module_button__34eYj.index-module___aero__3H80G { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__34eYj.index-module___aero__3H80G:hover { background-color: #e20074; } .index-module_button__34eYj.index-module___aero__3H80G.index-module___dark__3XpaJ { border-color: #383838; color: #383838; } .index-module_button__34eYj.index-module___aero__3H80G.index-module___dark__3XpaJ:hover { border-color: #e20074; color: #fff; } .index-module_button__34eYj:disabled, .index-module_button__34eYj.index-module___disabled__12S8S { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__34eYj:disabled:hover, .index-module_button__34eYj:disabled:focus, .index-module_button__34eYj:disabled:active, .index-module_button__34eYj.index-module___disabled__12S8S:hover, .index-module_button__34eYj.index-module___disabled__12S8S:focus, .index-module_button__34eYj.index-module___disabled__12S8S:active { background-color: #fafafa; } .index-module_button--primary__2goz3 { background: #e20074; color: #fff; } .index-module_button--primary__2goz3:hover, .index-module_button--primary__2goz3:active, .index-module_button--primary__2goz3:focus { background-color: #d1006c; color: #fff; }.index-module_badge__2Yfip { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__2Yfip::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__3n-3r { background-color: #1bada2; } .index-module_badge--green__1hUZF { background-color: #bfcb44; } .index-module_badge--dark-blue__3gfxh { background-color: #1063ad; color: #fff; } .index-module_badge--orange__3zoSQ { background-color: #ff9a1e; } .index-module_badge--yellow__3TAzW { background-color: #ffd329; } .index-module_badge__wrapper__Otnr4 { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__1L9T6 { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__3L8Zd { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__2I2qM { height: 480px; } } .index-module_teaser__wrapper__1nJAd { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1nJAd { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1nJAd { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1nJAd { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1nJAd.index-module___hero__1_0yp { height: 480px; } } .index-module_teaser__wrapper--small__16uUl { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__13Wl9 { border: 0; } } .index-module_teaser__info__33aBE { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__kvudD { order: 2; } .index-module_teaser__visual__1ecmf { order: 2; } .index-module_teaser__visual--left__3h7XV { order: 1; } .index-module_teaser__headline__2hm-E { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__2hm-E { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__2hm-E { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__3GxHi { color: #383838; } .index-module_teaser__headline--lowercase__1XlDC { text-transform: none; } .index-module_teaser__subline__Iajis { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__Iajis { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__Iajis { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2rtd0 { color: #383838; } .index-module_teaser__button-group__1_s2b { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__1_s2b { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__1_s2b .index-module_button__34eYj { text-transform: none; } .index-module_teaser__text-link__2oTJM { color: #00a0de; } .index-module_teaser--no-border__2mCSM { border: 0; }.index-module_family-card__3Gpoy { background-image: url("https://www.telekom.de/resources/images/670176/telekom-120-euro-cashback-buehne-xs.jpg"); background-position: center; background-size: 640px 400px; background-repeat: no-repeat; background-color: #E20074; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy { background-image: url("https://www.telekom.de/resources/images/670178/telekom-120-euro-cashback-buehne-s.jpg"); background-size: 768px 400px; } } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy { background-image: url("https://www.telekom.de/resources/images/670172/telekom-120-euro-cashback-buehne-m.jpg"); background-size: 1024px 400px; } } @media screen and (min-width: 1025px) { .index-module_family-card__3Gpoy { background-image: url("https://www.telekom.de/resources/images/670174/telekom-120-euro-cashback-buehne-l.jpg"); background-size: 1296px 400px; height: 400px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy { background-image: url("https://www.telekom.de/resources/images/670180/telekom-120-euro-cashback-buehne-xl.jpg"); background-size: 2560px 400px; } } .index-module_family-card__3Gpoy .index-module_teaser__wrapper__1nJAd { border: 0; box-sizing: border-box; max-width: 320px; margin-left: auto; margin-right: auto; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_teaser__wrapper__1nJAd { padding-left: 24px; padding-right: 24px; padding-top: 160px; max-width: 600px; } } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_teaser__wrapper__1nJAd { padding-left: 24px; padding-right: 24px; padding-top: 160px; max-width: 700px; } } @media screen and (min-width: 1025px) { .index-module_family-card__3Gpoy .index-module_teaser__wrapper__1nJAd { max-width: 900px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy .index-module_teaser__wrapper__1nJAd { max-width: 1000px; } } .index-module_family-card__3Gpoy .index-module_teaser__info__33aBE { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 296px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_teaser__info__33aBE { margin-left: 0; margin-right: 0; margin-top: -168px; max-width: 290px; } } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_teaser__info__33aBE { max-width: 320px; } } @media screen and (min-width: 1025px) { .index-module_family-card__3Gpoy .index-module_teaser__info__33aBE { max-width: 410px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy .index-module_teaser__info__33aBE { max-width: 450px; } } .index-module_family-card__3Gpoy .index-module_teaser__headline__2hm-E { margin-left: auto; margin-right: auto; max-width: 230px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_teaser__headline__2hm-E { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_teaser__headline__2hm-E { max-width: none; } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy .index-module_teaser__headline__2hm-E { font-size: 60px; font-size: 3.75rem; line-height: 60px; line-height: 3.75rem; } } .index-module_family-card__3Gpoy .index-module_teaser__headline--small__3KYFc { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_teaser__headline--small__3KYFc { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; } } .index-module_family-card__3Gpoy .index-module_teaser__subline__Iajis { margin-top: 0; max-width: 225px; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_teaser__subline__Iajis { margin: 0; max-width: 200px; } } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_teaser__subline__Iajis { max-width: 240px; font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; } } @media screen and (min-width: 1025px) { .index-module_family-card__3Gpoy .index-module_teaser__subline__Iajis { max-width: 290px; } } .index-module_family-card__3Gpoy .index-module_teaser__link__kKeQs { color: #fff; margin-top: 12px; display: inline-block; } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_teaser__link__kKeQs { font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; margin-top: 24px; } } .index-module_family-card__3Gpoy .index-module_teaser__button-group__1_s2b { margin-top: 12px; position: static; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_teaser__button-group__1_s2b { margin-top: 36px; } } .index-module_family-card__3Gpoy .index-module_badge__2Yfip { position: absolute; border-radius: 0; height: auto; width: auto; min-width: unset; transform: none; color: #fff; background-color: transparent; bottom: 102px; left: calc(50% + 60px); } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_badge__2Yfip { bottom: 55px; left: calc(50% + 192px); } } @media screen and (min-width: 768px) { .index-module_family-card__3Gpoy .index-module_badge__2Yfip { bottom: 103px; left: calc(50% + 224px); } } @media screen and (min-width: 1025px) { .index-module_family-card__3Gpoy .index-module_badge__2Yfip { bottom: 149px; left: calc(50% + 362px); } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy .index-module_badge__2Yfip { bottom: 130px; left: calc(50% + 390px); } } .index-module_family-card__3Gpoy .index-module_badge__content__1L9T6 { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_badge__content__1L9T6 { font-size: 21px; line-height: 27px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy .index-module_badge__content__1L9T6 { font-size: 27px; line-height: 33px; } } .index-module_family-card__3Gpoy .index-module_badge__highlight__2mT6i { margin: 0; font-weight: 900; font-size: 24px; line-height: 30px; } @media screen and (min-width: 640px) { .index-module_family-card__3Gpoy .index-module_badge__highlight__2mT6i { font-size: 27px; line-height: 33px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3Gpoy .index-module_badge__highlight__2mT6i { font-size: 33px; line-height: 39px; } } .index-module_family-card__3Gpoy .index-module_badge__2Yfip:after { display: none; }.index-module_button__2Sy7v { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__2Sy7v:hover, .index-module_button__2Sy7v:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__2Sy7v:active, .index-module_button__2Sy7v.index-module___active__2A1oS { background-color: #d4d4d4; } .index-module_button__2Sy7v.index-module___cta__3tVWU { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__2Sy7v.index-module___cta__3tVWU:hover, .index-module_button__2Sy7v.index-module___cta__3tVWU:focus { background-color: #d1006c; } .index-module_button__2Sy7v.index-module___cta__3tVWU:active { background-color: #bd0061; } .index-module_button__2Sy7v.index-module___aero__14iRq { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__2Sy7v.index-module___aero__14iRq:hover { background-color: #e20074; } .index-module_button__2Sy7v.index-module___aero__14iRq.index-module___dark__Nh0V2 { border-color: #383838; color: #383838; } .index-module_button__2Sy7v.index-module___aero__14iRq.index-module___dark__Nh0V2:hover { border-color: #e20074; color: #fff; } .index-module_button__2Sy7v:disabled, .index-module_button__2Sy7v.index-module___disabled__3gPIq { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__2Sy7v:disabled:hover, .index-module_button__2Sy7v:disabled:focus, .index-module_button__2Sy7v:disabled:active, .index-module_button__2Sy7v.index-module___disabled__3gPIq:hover, .index-module_button__2Sy7v.index-module___disabled__3gPIq:focus, .index-module_button__2Sy7v.index-module___disabled__3gPIq:active { background-color: #fafafa; } .index-module_button--primary__1dcqg { background: #e20074; color: #fff; } .index-module_button--primary__1dcqg:hover, .index-module_button--primary__1dcqg:active, .index-module_button--primary__1dcqg:focus { background-color: #d1006c; color: #fff; }.index-module_badge__2IHOL { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__2IHOL::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__1IC4Q { background-color: #1bada2; } .index-module_badge--green__qkMNe { background-color: #bfcb44; } .index-module_badge--dark-blue__9Nep8 { background-color: #1063ad; color: #fff; } .index-module_badge--orange__Rf1pY { background-color: #ff9a1e; } .index-module_badge--yellow__uWuOJ { background-color: #ffd329; } .index-module_badge__wrapper__1lEnY { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__2DTJa { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__34-po { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__32Mk8 { height: 480px; } } .index-module_teaser__wrapper__hZI4- { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__hZI4- { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__hZI4- { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__hZI4- { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__hZI4-.index-module___hero__2R0NV { height: 480px; } } .index-module_teaser__wrapper--small__2tHIc { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__2xESs { border: 0; } } .index-module_teaser__info__3LFED { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__3bOcJ { order: 2; } .index-module_teaser__visual__13SxJ { order: 2; } .index-module_teaser__visual--left__2OV0W { order: 1; } .index-module_teaser__headline__1L3Uq { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__1L3Uq { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__1L3Uq { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__3Ho9H { color: #383838; } .index-module_teaser__headline--lowercase__2PLzv { text-transform: none; } .index-module_teaser__subline__FY2R9 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__FY2R9 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__FY2R9 { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2NrAU { color: #383838; } .index-module_teaser__button-group__Y7x7g { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__Y7x7g { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__Y7x7g .index-module_button__2Sy7v { text-transform: none; } .index-module_teaser__text-link__2ZNzV { color: #00a0de; } .index-module_teaser--no-border__1ud__ { border: 0; }.index-module_family-card__3eP-8 { background-image: url("https://www.telekom.de/resources/images/670176/telekom-120-euro-cashback-buehne-xs.jpg"); background-position: center; background-size: 640px 400px; background-repeat: no-repeat; background-color: #E20074; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 { background-image: url("https://www.telekom.de/resources/images/670178/telekom-120-euro-cashback-buehne-s.jpg"); background-size: 768px 400px; } } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 { background-image: url("https://www.telekom.de/resources/images/670172/telekom-120-euro-cashback-buehne-m.jpg"); background-size: 1024px 400px; } } @media screen and (min-width: 1025px) { .index-module_family-card__3eP-8 { background-image: url("https://www.telekom.de/resources/images/670174/telekom-120-euro-cashback-buehne-l.jpg"); background-size: 1296px 400px; height: 400px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 { background-image: url("https://www.telekom.de/resources/images/670180/telekom-120-euro-cashback-buehne-xl.jpg"); background-size: 2560px 400px; } } .index-module_family-card__3eP-8 .index-module_teaser__wrapper__hZI4- { border: 0; box-sizing: border-box; max-width: 320px; margin-left: auto; margin-right: auto; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_teaser__wrapper__hZI4- { padding-left: 24px; padding-right: 24px; padding-top: 160px; max-width: 600px; } } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_teaser__wrapper__hZI4- { padding-left: 24px; padding-right: 24px; padding-top: 160px; max-width: 700px; } } @media screen and (min-width: 1025px) { .index-module_family-card__3eP-8 .index-module_teaser__wrapper__hZI4- { max-width: 900px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 .index-module_teaser__wrapper__hZI4- { max-width: 1000px; } } .index-module_family-card__3eP-8 .index-module_teaser__info__3LFED { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 296px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_teaser__info__3LFED { margin-left: 0; margin-right: 0; margin-top: -168px; max-width: 290px; } } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_teaser__info__3LFED { max-width: 320px; } } @media screen and (min-width: 1025px) { .index-module_family-card__3eP-8 .index-module_teaser__info__3LFED { max-width: 410px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 .index-module_teaser__info__3LFED { max-width: 450px; } } .index-module_family-card__3eP-8 .index-module_teaser__headline__1L3Uq { margin-left: auto; margin-right: auto; max-width: 230px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_teaser__headline__1L3Uq { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_teaser__headline__1L3Uq { max-width: none; } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 .index-module_teaser__headline__1L3Uq { font-size: 60px; font-size: 3.75rem; line-height: 60px; line-height: 3.75rem; } } .index-module_family-card__3eP-8 .index-module_teaser__headline--small__2DlOA { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_teaser__headline--small__2DlOA { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; } } .index-module_family-card__3eP-8 .index-module_teaser__subline__FY2R9 { margin-top: 0; max-width: 225px; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_teaser__subline__FY2R9 { margin: 0; max-width: 200px; } } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_teaser__subline__FY2R9 { max-width: 240px; font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; } } @media screen and (min-width: 1025px) { .index-module_family-card__3eP-8 .index-module_teaser__subline__FY2R9 { max-width: 290px; } } .index-module_family-card__3eP-8 .index-module_teaser__link__16ooJ { color: #fff; margin-top: 12px; display: inline-block; } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_teaser__link__16ooJ { font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; margin-top: 24px; } } .index-module_family-card__3eP-8 .index-module_teaser__button-group__Y7x7g { margin-top: 12px; position: static; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_teaser__button-group__Y7x7g { margin-top: 36px; } } .index-module_family-card__3eP-8 .index-module_badge__2IHOL { position: absolute; border-radius: 0; height: auto; width: auto; min-width: unset; transform: none; color: #fff; background-color: transparent; bottom: 102px; left: calc(50% + 60px); } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_badge__2IHOL { bottom: 55px; left: calc(50% + 192px); } } @media screen and (min-width: 768px) { .index-module_family-card__3eP-8 .index-module_badge__2IHOL { bottom: 103px; left: calc(50% + 224px); } } @media screen and (min-width: 1025px) { .index-module_family-card__3eP-8 .index-module_badge__2IHOL { bottom: 149px; left: calc(50% + 362px); } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 .index-module_badge__2IHOL { bottom: 130px; left: calc(50% + 390px); } } .index-module_family-card__3eP-8 .index-module_badge__content__2DTJa { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_badge__content__2DTJa { font-size: 21px; line-height: 27px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 .index-module_badge__content__2DTJa { font-size: 27px; line-height: 33px; } } .index-module_family-card__3eP-8 .index-module_badge__highlight__2vKb2 { margin: 0; font-weight: 900; font-size: 24px; line-height: 30px; } @media screen and (min-width: 640px) { .index-module_family-card__3eP-8 .index-module_badge__highlight__2vKb2 { font-size: 27px; line-height: 33px; } } @media screen and (min-width: 1296px) { .index-module_family-card__3eP-8 .index-module_badge__highlight__2vKb2 { font-size: 33px; line-height: 39px; } } .index-module_family-card__3eP-8 .index-module_badge__2IHOL:after { display: none; }.index-module_button__BPzC0 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__BPzC0:hover, .index-module_button__BPzC0:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__BPzC0:active, .index-module_button__BPzC0.index-module___active__WVuji { background-color: #d4d4d4; } .index-module_button__BPzC0.index-module___cta__35-fO { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__BPzC0.index-module___cta__35-fO:hover, .index-module_button__BPzC0.index-module___cta__35-fO:focus { background-color: #d1006c; } .index-module_button__BPzC0.index-module___cta__35-fO:active { background-color: #bd0061; } .index-module_button__BPzC0.index-module___aero__3u_D5 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__BPzC0.index-module___aero__3u_D5:hover { background-color: #e20074; } .index-module_button__BPzC0.index-module___aero__3u_D5.index-module___dark__2zdjM { border-color: #383838; color: #383838; } .index-module_button__BPzC0.index-module___aero__3u_D5.index-module___dark__2zdjM:hover { border-color: #e20074; color: #fff; } .index-module_button__BPzC0:disabled, .index-module_button__BPzC0.index-module___disabled__2oJRZ { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__BPzC0:disabled:hover, .index-module_button__BPzC0:disabled:focus, .index-module_button__BPzC0:disabled:active, .index-module_button__BPzC0.index-module___disabled__2oJRZ:hover, .index-module_button__BPzC0.index-module___disabled__2oJRZ:focus, .index-module_button__BPzC0.index-module___disabled__2oJRZ:active { background-color: #fafafa; } .index-module_button--primary__1auUF { background: #e20074; color: #fff; } .index-module_button--primary__1auUF:hover, .index-module_button--primary__1auUF:active, .index-module_button--primary__1auUF:focus { background-color: #d1006c; color: #fff; }.index-module_badge__Fh2p4 { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__Fh2p4::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__3TeTn { background-color: #1bada2; } .index-module_badge--green__CwkBF { background-color: #bfcb44; } .index-module_badge--dark-blue__261Fi { background-color: #1063ad; color: #fff; } .index-module_badge--orange__2wl52 { background-color: #ff9a1e; } .index-module_badge--yellow__392YK { background-color: #ffd329; } .index-module_badge__wrapper__3QfTx { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__3fLHz { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__LiBtm { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__387W7 { height: 480px; } } .index-module_teaser__wrapper__1q-cz { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1q-cz { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1q-cz { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1q-cz { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1q-cz.index-module___hero__1wI4P { height: 480px; } } .index-module_teaser__wrapper--small__3EHCH { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__33JvA { border: 0; } } .index-module_teaser__info__J9kNB { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__2kfBG { order: 2; } .index-module_teaser__visual__1mu-y { order: 2; } .index-module_teaser__visual--left__2iWxC { order: 1; } .index-module_teaser__headline__2JY3A { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__2JY3A { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__2JY3A { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__1mpz5 { color: #383838; } .index-module_teaser__headline--lowercase__agJwL { text-transform: none; } .index-module_teaser__subline__25NqP { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__25NqP { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__25NqP { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2qeMD { color: #383838; } .index-module_teaser__button-group__3Y1kF { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__3Y1kF { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__3Y1kF .index-module_button__BPzC0 { text-transform: none; } .index-module_teaser__text-link__3Jxdl { color: #00a0de; } .index-module_teaser--no-border__qYS66 { border: 0; }.index-module_family-card__2Cz-J { background-image: url("https://www.telekom.de/resources/images/670176/telekom-120-euro-cashback-buehne-xs.jpg"); background-position: center; background-size: 640px 400px; background-repeat: no-repeat; background-color: #E20074; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J { background-image: url("https://www.telekom.de/resources/images/670178/telekom-120-euro-cashback-buehne-s.jpg"); background-size: 768px 400px; } } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J { background-image: url("https://www.telekom.de/resources/images/670172/telekom-120-euro-cashback-buehne-m.jpg"); background-size: 1024px 400px; } } @media screen and (min-width: 1025px) { .index-module_family-card__2Cz-J { background-image: url("https://www.telekom.de/resources/images/670174/telekom-120-euro-cashback-buehne-l.jpg"); background-size: 1296px 400px; height: 400px; } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J { background-image: url("https://www.telekom.de/resources/images/670180/telekom-120-euro-cashback-buehne-xl.jpg"); background-size: 2560px 400px; } } .index-module_family-card__2Cz-J .index-module_teaser__wrapper__1q-cz { border: 0; box-sizing: border-box; max-width: 320px; margin-left: auto; margin-right: auto; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_teaser__wrapper__1q-cz { padding-left: 24px; padding-right: 24px; padding-top: 160px; max-width: 600px; } } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_teaser__wrapper__1q-cz { padding-left: 24px; padding-right: 24px; padding-top: 160px; max-width: 700px; } } @media screen and (min-width: 1025px) { .index-module_family-card__2Cz-J .index-module_teaser__wrapper__1q-cz { max-width: 900px; } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J .index-module_teaser__wrapper__1q-cz { max-width: 1000px; } } .index-module_family-card__2Cz-J .index-module_teaser__info__J9kNB { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 296px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_teaser__info__J9kNB { margin-left: 0; margin-right: 0; margin-top: -168px; max-width: 290px; } } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_teaser__info__J9kNB { max-width: 320px; } } @media screen and (min-width: 1025px) { .index-module_family-card__2Cz-J .index-module_teaser__info__J9kNB { max-width: 410px; } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J .index-module_teaser__info__J9kNB { max-width: 450px; } } .index-module_family-card__2Cz-J .index-module_teaser__headline__2JY3A { margin-left: auto; margin-right: auto; max-width: 230px; width: 100%; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_teaser__headline__2JY3A { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_teaser__headline__2JY3A { max-width: none; } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J .index-module_teaser__headline__2JY3A { font-size: 60px; font-size: 3.75rem; line-height: 60px; line-height: 3.75rem; } } .index-module_family-card__2Cz-J .index-module_teaser__headline--small__VK4t0 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_teaser__headline--small__VK4t0 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; } } .index-module_family-card__2Cz-J .index-module_teaser__subline__25NqP { margin-top: 0; max-width: 225px; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_teaser__subline__25NqP { margin: 0; max-width: 200px; } } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_teaser__subline__25NqP { max-width: 240px; font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; } } @media screen and (min-width: 1025px) { .index-module_family-card__2Cz-J .index-module_teaser__subline__25NqP { max-width: 290px; } } .index-module_family-card__2Cz-J .index-module_teaser__link__1j0KK { color: #fff; margin-top: 12px; display: inline-block; } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_teaser__link__1j0KK { font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; margin-top: 24px; } } .index-module_family-card__2Cz-J .index-module_teaser__button-group__3Y1kF { margin-top: 12px; position: static; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_teaser__button-group__3Y1kF { margin-top: 36px; } } .index-module_family-card__2Cz-J .index-module_badge__Fh2p4 { position: absolute; border-radius: 0; height: auto; width: auto; min-width: unset; transform: none; color: #fff; background-color: transparent; bottom: 102px; left: calc(50% + 60px); } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_badge__Fh2p4 { bottom: 55px; left: calc(50% + 192px); } } @media screen and (min-width: 768px) { .index-module_family-card__2Cz-J .index-module_badge__Fh2p4 { bottom: 103px; left: calc(50% + 224px); } } @media screen and (min-width: 1025px) { .index-module_family-card__2Cz-J .index-module_badge__Fh2p4 { bottom: 149px; left: calc(50% + 362px); } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J .index-module_badge__Fh2p4 { bottom: 130px; left: calc(50% + 390px); } } .index-module_family-card__2Cz-J .index-module_badge__content__3fLHz { margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_badge__content__3fLHz { font-size: 21px; line-height: 27px; } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J .index-module_badge__content__3fLHz { font-size: 27px; line-height: 33px; } } .index-module_family-card__2Cz-J .index-module_badge__highlight__3DBmu { margin: 0; font-weight: 900; font-size: 24px; line-height: 30px; } @media screen and (min-width: 640px) { .index-module_family-card__2Cz-J .index-module_badge__highlight__3DBmu { font-size: 27px; line-height: 33px; } } @media screen and (min-width: 1296px) { .index-module_family-card__2Cz-J .index-module_badge__highlight__3DBmu { font-size: 33px; line-height: 39px; } } .index-module_family-card__2Cz-J .index-module_badge__Fh2p4:after { display: none; }.index-module_button__fFtq- { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; background-color: #e20074; border: 0; border-radius: 4px; color: #fff; display: inline-block; min-width: 96px; padding: 6px 24px; text-align: center; text-decoration: none; transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out; } .index-module_button__fFtq-:hover, .index-module_button__fFtq-:focus { background-color: #d1006c; color: #fff; text-decoration: none; } .index-module_button--secondary__G1V7A { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .index-module_button--secondary__G1V7A:hover, .index-module_button--secondary__G1V7A:focus { background-color: #dcdcdc; border-color: #a3a3a3; color: #262626; text-decoration: none; } .index-module_button--clean__S5VKh { background-color: #fff; color: #262626; } .index-module_button--clean__S5VKh:hover, .index-module_button--clean__S5VKh:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline__1NHTc { background-color: transparent; border: 1px solid #6b6b6b; color: #262626; } .index-module_button--outline__1NHTc:hover, .index-module_button--outline__1NHTc:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline-white__1E-Xr { background-color: transparent; border: 1px solid currentColor; color: #fff; } .index-module_button--outline-white__1E-Xr:hover, .index-module_button--outline-white__1E-Xr:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; text-decoration: none; } .index-module_button--disabled__3aMgr { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; } .index-module_button--disabled__3aMgr:hover { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; cursor: default; }.index-module_teaser__2qmmm { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__3IIEz { height: 480px; } } .index-module_teaser__wrapper__1MO5V { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1MO5V { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1MO5V { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1MO5V { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1MO5V.index-module___hero__1qKsn { height: 480px; } } .index-module_teaser__wrapper--small__3rK1l { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__hiuzA { border: 0; } } .index-module_teaser__info__2KsWf { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__RTPIe { order: 2; } .index-module_teaser__visual__ZYzA3 { order: 2; } .index-module_teaser__visual--left__1hKVI { order: 1; } .index-module_teaser__headline__1TeQn { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__1TeQn { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__1TeQn { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__M7BHN { color: #383838; } .index-module_teaser__headline--lowercase__13fbJ { text-transform: none; } .index-module_teaser__subline__2_xZ8 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__2_xZ8 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__2_xZ8 { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__1V2yu { color: #383838; } .index-module_teaser__button-group__2eutW { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__2eutW { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__2eutW .index-module_button__fFtq- { text-transform: none; } .index-module_teaser__text-link__2hlwo { color: #00a0de; } .index-module_teaser--no-border__ouIIy { border: 0; }.index-module_bdp__-5V4J { background-image: url("https://www.telekom.de/resources/images/542976/S-banderole-disney-plus.png"); background-position: center; background-repeat: no-repeat; width: 100%; height: 228px; } @media screen and (min-width: 640px) { .index-module_bdp__-5V4J { background-image: url("https://www.telekom.de/resources/images/542984/M-banderole-disney-plus.png"); height: 186px; } } @media screen and (min-width: 1024px) { .index-module_bdp__-5V4J { background-image: url("https://www.telekom.de/resources/images/542980/XL-banderole-disney-plus.png"); position: relative; height: 168px; } } @media screen and (min-width: 1344px) { .index-module_bdp__-5V4J { background-image: url("https://www.telekom.de/resources/images/542982/XXL-banderole-disney-plus.png"); } } .index-module_bdp__wrapper__2oft7 { max-width: 640px; padding-top: 45px; text-align: center; } @media screen and (min-width: 640px) { .index-module_bdp__wrapper__2oft7 { margin: 0 auto; max-width: 480px; display: flex; justify-content: space-around; padding-top: 45px; } } @media screen and (min-width: 1024px) { .index-module_bdp__wrapper__2oft7 { max-width: 1024px; justify-content: center; padding: 36px 12px 0 12px; } } @media screen and (min-width: 2560px) { .index-module_bdp__wrapper__2oft7 { max-width: 1094px; padding: 25px 12px 0 12px; } } .index-module_bdp__headline__3g8El { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; text-transform: uppercase; font-size: 18px; line-height: 21px; display: block; margin: 8px auto 20px; color: #fff; } @media screen and (min-width: 640px) { .index-module_bdp__headline__3g8El { font-size: 24px; line-height: 29px; margin: 39px auto 14px; } } @media screen and (min-width: 1024px) { .index-module_bdp__headline__3g8El { margin: 44px auto 0px; font-size: 36px; line-height: 43px; } } @media screen and (min-width: 2560px) { .index-module_bdp__headline__3g8El { font-size: 48px; line-height: 58px; } } @media screen and (min-width: 640px) { .index-module_bdp__-5V4J .index-module_bdp__content-right__2VvX_ { text-align: left; } } @media screen and (min-width: 1024px) { .index-module_bdp__-5V4J .index-module_bdp__content-right__2VvX_ { margin-left: 30px; } } @media screen and (min-width: 2560px) { .index-module_bdp__-5V4J .index-module_bdp__content-right__2VvX_ { margin-left: 64px; } } @media screen and (min-width: 1024px) { .index-module_bdp__btn-wrapper__3F7gn { position: absolute; top: 79px; bottom: auto; left: 50%; margin-left: 266px; } } @media screen and (min-width: 2560px) { .index-module_bdp__btn-wrapper__3F7gn { top: 76px; margin-left: 481px; } } .index-module_bdp__-5V4J .index-module_img-wrapper__3a_Zn { margin: 0; } .index-module_bdp__-5V4J .index-module_img-wrapper__3a_Zn img { max-width: 146px; } @media screen and (min-width: 1024px) { .index-module_bdp__-5V4J .index-module_img-wrapper__3a_Zn img { max-width: 174px; } } @media screen and (min-width: 2560px) { .index-module_bdp__-5V4J .index-module_img-wrapper__3a_Zn img { max-width: 193px; } }.index-module_button__1H-Ah { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__1H-Ah:hover, .index-module_button__1H-Ah:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__1H-Ah:active, .index-module_button__1H-Ah.index-module___active__2Zrf- { background-color: #d4d4d4; } .index-module_button__1H-Ah.index-module___cta__2MiRW { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__1H-Ah.index-module___cta__2MiRW:hover, .index-module_button__1H-Ah.index-module___cta__2MiRW:focus { background-color: #d1006c; } .index-module_button__1H-Ah.index-module___cta__2MiRW:active { background-color: #bd0061; } .index-module_button__1H-Ah.index-module___aero__2Mm-d { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__1H-Ah.index-module___aero__2Mm-d:hover { background-color: #e20074; } .index-module_button__1H-Ah.index-module___aero__2Mm-d.index-module___dark__YMN-G { border-color: #383838; color: #383838; } .index-module_button__1H-Ah.index-module___aero__2Mm-d.index-module___dark__YMN-G:hover { border-color: #e20074; color: #fff; } .index-module_button__1H-Ah:disabled, .index-module_button__1H-Ah.index-module___disabled__2oVZ9 { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__1H-Ah:disabled:hover, .index-module_button__1H-Ah:disabled:focus, .index-module_button__1H-Ah:disabled:active, .index-module_button__1H-Ah.index-module___disabled__2oVZ9:hover, .index-module_button__1H-Ah.index-module___disabled__2oVZ9:focus, .index-module_button__1H-Ah.index-module___disabled__2oVZ9:active { background-color: #fafafa; } .index-module_button--primary__33Ndq { background: #e20074; color: #fff; } .index-module_button--primary__33Ndq:hover, .index-module_button--primary__33Ndq:active, .index-module_button--primary__33Ndq:focus { background-color: #d1006c; color: #fff; }.index-module_teaser__1IwzE { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__4CXLS { height: 480px; } } .index-module_teaser__wrapper__3VGfB { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__3VGfB { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3VGfB { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__3VGfB { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3VGfB.index-module___hero__3hE_U { height: 480px; } } .index-module_teaser__wrapper--small__2zMRu { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__2Arr8 { border: 0; } } .index-module_teaser__info__3-ZX1 { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__3jw-d { order: 2; } .index-module_teaser__visual__2RJ7P { order: 2; } .index-module_teaser__visual--left__2MtgT { order: 1; } .index-module_teaser__headline__1x8kr { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__1x8kr { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__1x8kr { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__2IIHH { color: #383838; } .index-module_teaser__headline--lowercase__11VGA { text-transform: none; } .index-module_teaser__subline__gTA8f { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__gTA8f { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__gTA8f { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2jNA4 { color: #383838; } .index-module_teaser__button-group__19NXV { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__19NXV { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__19NXV .index-module_button__1H-Ah { text-transform: none; } .index-module_teaser__text-link__2Zfvr { color: #00a0de; } .index-module_teaser--no-border__fgchV { border: 0; }.index-module_data-comfort__zpkHc { background-color: #444; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/585540/telekom-pcc-data-comfort-s.jpg"); } @media screen and (min-width: 640px) { .index-module_data-comfort__zpkHc { background-image: url("https://www.telekom.de/resources/images/585544/telekom-pcc-data-comfort-m.jpg"); } } @media screen and (min-width: 1048px) { .index-module_data-comfort__zpkHc { background-image: url("https://www.telekom.de/resources/images/585542/telekom-pcc-data-comfort-l.jpg"); } } .index-module_data-comfort__zpkHc .index-module_teaser__wrapper__3VGfB { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_data-comfort__zpkHc .index-module_teaser__wrapper__3VGfB { justify-content: flex-start; max-width: 680px; } } @media screen and (min-width: 768px) { .index-module_data-comfort__zpkHc .index-module_teaser__wrapper__3VGfB { justify-content: flex-start; align-items: center; max-width: 720px; } } @media screen and (min-width: 1048px) { .index-module_data-comfort__zpkHc .index-module_teaser__wrapper__3VGfB { justify-content: flex-start; max-width: 1200px; padding: 0 20px; } } .index-module_data-comfort__zpkHc .index-module_teaser__info__3-ZX1 { width: 100%; max-width: 240px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 640px) { .index-module_data-comfort__zpkHc .index-module_teaser__info__3-ZX1 { max-width: 280px; margin: 0; margin-left: 32px; } } @media screen and (min-width: 768px) { .index-module_data-comfort__zpkHc .index-module_teaser__info__3-ZX1 { max-width: 290px; margin: 0; } } @media screen and (min-width: 1048px) { .index-module_data-comfort__zpkHc .index-module_teaser__info__3-ZX1 { max-width: 300px; margin: 0; margin-left: 18px; } } @media screen and (min-width: 1296px) { .index-module_data-comfort__zpkHc .index-module_teaser__info__3-ZX1 { max-width: 360px; margin: 0; } } .index-module_data-comfort__zpkHc .index-module_teaser__headline__1x8kr { color: #383838; } @media screen and (min-width: 640px) { .index-module_data-comfort__zpkHc .index-module_teaser__headline__1x8kr { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 768px) { .index-module_data-comfort__zpkHc .index-module_teaser__headline__1x8kr { font-size: 40px; font-size: 2.5rem; line-height: 40px; line-height: 2.5rem; } } @media screen and (min-width: 1048px) { .index-module_data-comfort__zpkHc .index-module_teaser__headline__1x8kr { font-size: 42px; font-size: 2.625rem; line-height: 42px; line-height: 2.625rem; } } .index-module_data-comfort__zpkHc .index-module_teaser__subline__gTA8f { color: #383838; } @media screen and (min-width: 640px) { .index-module_data-comfort__zpkHc .index-module_teaser__subline__gTA8f { display: inline-block; max-width: 200px; } } @media screen and (min-width: 768px) { .index-module_data-comfort__zpkHc .index-module_teaser__subline__gTA8f { max-width: 240px; } } @media screen and (min-width: 1048px) { .index-module_data-comfort__zpkHc .index-module_teaser__subline__gTA8f { max-width: 100%; padding-right: 48px; } }.index-module_button__1UXql { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__1UXql:hover, .index-module_button__1UXql:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__1UXql:active, .index-module_button__1UXql.index-module___active__23Xr3 { background-color: #d4d4d4; } .index-module_button__1UXql.index-module___cta__3VPJK { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__1UXql.index-module___cta__3VPJK:hover, .index-module_button__1UXql.index-module___cta__3VPJK:focus { background-color: #d1006c; } .index-module_button__1UXql.index-module___cta__3VPJK:active { background-color: #bd0061; } .index-module_button__1UXql.index-module___aero__2dOQS { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__1UXql.index-module___aero__2dOQS:hover { background-color: #e20074; } .index-module_button__1UXql.index-module___aero__2dOQS.index-module___dark__EHjoQ { border-color: #383838; color: #383838; } .index-module_button__1UXql.index-module___aero__2dOQS.index-module___dark__EHjoQ:hover { border-color: #e20074; color: #fff; } .index-module_button__1UXql:disabled, .index-module_button__1UXql.index-module___disabled__1kVWt { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__1UXql:disabled:hover, .index-module_button__1UXql:disabled:focus, .index-module_button__1UXql:disabled:active, .index-module_button__1UXql.index-module___disabled__1kVWt:hover, .index-module_button__1UXql.index-module___disabled__1kVWt:focus, .index-module_button__1UXql.index-module___disabled__1kVWt:active { background-color: #fafafa; } .index-module_button--primary__1RmCE { background: #e20074; color: #fff; } .index-module_button--primary__1RmCE:hover, .index-module_button--primary__1RmCE:active, .index-module_button--primary__1RmCE:focus { background-color: #d1006c; color: #fff; }.index-module_badge__LDTVA { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__LDTVA::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__2Ca6Q { background-color: #1bada2; } .index-module_badge--green__1HmUk { background-color: #bfcb44; } .index-module_badge--dark-blue__3BaEb { background-color: #1063ad; color: #fff; } .index-module_badge--orange__cO7gP { background-color: #ff9a1e; } .index-module_badge--yellow__1LrZM { background-color: #ffd329; } .index-module_badge__wrapper__1AiBL { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__1Zpil { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__2R7_g { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__37X9J { height: 480px; } } .index-module_teaser__wrapper__pffcI { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__pffcI { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__pffcI { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__pffcI { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__pffcI.index-module___hero__1voUm { height: 480px; } } .index-module_teaser__wrapper--small__GzVm6 { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__1fp6n { border: 0; } } .index-module_teaser__info__1a4yd { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__27zq3 { order: 2; } .index-module_teaser__visual__2MAJ5 { order: 2; } .index-module_teaser__visual--left__1y4Re { order: 1; } .index-module_teaser__headline__3fLZ- { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__3fLZ- { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__3fLZ- { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__1hho_ { color: #383838; } .index-module_teaser__headline--lowercase__2wHxD { text-transform: none; } .index-module_teaser__subline__1rtPd { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1rtPd { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1rtPd { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__1rami { color: #383838; } .index-module_teaser__button-group__1iyr_ { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__1iyr_ { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__1iyr_ .index-module_button__1UXql { text-transform: none; } .index-module_teaser__text-link__1OqNj { color: #00a0de; } .index-module_teaser--no-border__2JbRB { border: 0; }.index-module_magentamobil-special-m__3-L8X { background-color: #444; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/601336/aktion-telekom-magentamobil-special-s.jpg"); } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X { background-image: url("https://www.telekom.de/resources/images/601338/aktion-telekom-magentamobil-special-m.jpg"); } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m__3-L8X { background-image: url("https://www.telekom.de/resources/images/601340/aktion-telekom-magentamobil-special-l.jpg"); } } .index-module_magentamobil-special-m__3-L8X .index-module_teaser__wrapper__pffcI { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__wrapper__pffcI { justify-content: flex-start; max-width: 680px; align-items: flex-start; padding-top: 56px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__wrapper__pffcI { max-width: 720px; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__wrapper__pffcI { max-width: 1000px; padding-left: 20px; padding-right: 20px; } } @media screen and (min-width: 1296px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__wrapper__pffcI { padding-top: 76px; } } .index-module_magentamobil-special-m__3-L8X .index-module_teaser__info__1a4yd { width: 100%; max-width: 220px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__info__1a4yd { margin: 0; margin-left: 32px; max-width: 250px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__info__1a4yd { max-width: 260px; margin: 0; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__info__1a4yd { width: 350px; max-width: none; margin: 0; margin-left: 18px; } } @media screen and (min-width: 1296px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__info__1a4yd { max-width: 360px; margin: 0; } } .index-module_magentamobil-special-m__3-L8X .index-module_teaser__headline__3fLZ- { color: #fff; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__headline__3fLZ- { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__headline__3fLZ- { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__headline__3fLZ- { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; max-width: 350px; } } @media screen and (min-width: 1296px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__headline__3fLZ- { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; } } .index-module_magentamobil-special-m__3-L8X .index-module_teaser__subline__1rtPd { color: #fff; margin-top: 0; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__subline__1rtPd { max-width: 220px; margin-left: 0; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__subline__1rtPd { max-width: 250px; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m__3-L8X .index-module_teaser__subline__1rtPd { max-width: 310px; } } .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__3HA8u { left: calc(50% + 52px); top: 144px; position: absolute; min-width: 80px; } .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__3HA8u .index-module_badge__content--magentamobil__3sjwq { margin-top: 5px; font-size: 14px; font-size: 0.875rem; line-height: 16px; line-height: 1rem; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__3HA8u .index-module_badge__content--magentamobil__3sjwq { margin-top: 0px; font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__3HA8u { left: calc(50% + 158px); top: 24px; min-width: 120px; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__3HA8u { left: calc(50% + 112px); top: 44px; } } @media screen and (min-width: 1296px) { .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__3HA8u { left: calc(50% + 152px); } } .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__content__3E8st { -webkit-line-clamp: 4; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } .index-module_magentamobil-special-m__3-L8X .index-module_badge--magentamobil__highlight__2UbEm { font-size: 27px; font-size: 1.6875rem; line-height: 31px; line-height: 1.9375rem; }.index-module_button__FFD0p { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__FFD0p:hover, .index-module_button__FFD0p:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__FFD0p:active, .index-module_button__FFD0p.index-module___active__1WKLT { background-color: #d4d4d4; } .index-module_button__FFD0p.index-module___cta__3Z5G9 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__FFD0p.index-module___cta__3Z5G9:hover, .index-module_button__FFD0p.index-module___cta__3Z5G9:focus { background-color: #d1006c; } .index-module_button__FFD0p.index-module___cta__3Z5G9:active { background-color: #bd0061; } .index-module_button__FFD0p.index-module___aero__u50uA { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__FFD0p.index-module___aero__u50uA:hover { background-color: #e20074; } .index-module_button__FFD0p.index-module___aero__u50uA.index-module___dark__g2sS- { border-color: #383838; color: #383838; } .index-module_button__FFD0p.index-module___aero__u50uA.index-module___dark__g2sS-:hover { border-color: #e20074; color: #fff; } .index-module_button__FFD0p:disabled, .index-module_button__FFD0p.index-module___disabled__2MuUI { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__FFD0p:disabled:hover, .index-module_button__FFD0p:disabled:focus, .index-module_button__FFD0p:disabled:active, .index-module_button__FFD0p.index-module___disabled__2MuUI:hover, .index-module_button__FFD0p.index-module___disabled__2MuUI:focus, .index-module_button__FFD0p.index-module___disabled__2MuUI:active { background-color: #fafafa; } .index-module_button--primary__1KNCK { background: #e20074; color: #fff; } .index-module_button--primary__1KNCK:hover, .index-module_button--primary__1KNCK:active, .index-module_button--primary__1KNCK:focus { background-color: #d1006c; color: #fff; }.index-module_badge__1ALN- { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__1ALN-::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__3Inxo { background-color: #1bada2; } .index-module_badge--green__1u6y6 { background-color: #bfcb44; } .index-module_badge--dark-blue__3nyQn { background-color: #1063ad; color: #fff; } .index-module_badge--orange__12rfV { background-color: #ff9a1e; } .index-module_badge--yellow__21BLB { background-color: #ffd329; } .index-module_badge__wrapper__2kbs8 { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__3VjOh { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__RBgCx { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__puzQ5 { height: 480px; } } .index-module_teaser__wrapper__3TSmY { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__3TSmY { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3TSmY { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__3TSmY { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3TSmY.index-module___hero__1roZi { height: 480px; } } .index-module_teaser__wrapper--small__25v28 { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__wYt1l { border: 0; } } .index-module_teaser__info__2dX8_ { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__1uKB_ { order: 2; } .index-module_teaser__visual__1IbUB { order: 2; } .index-module_teaser__visual--left__386_4 { order: 1; } .index-module_teaser__headline__2hmEC { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__2hmEC { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__2hmEC { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__1vSvb { color: #383838; } .index-module_teaser__headline--lowercase__34eA0 { text-transform: none; } .index-module_teaser__subline__1qQYj { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1qQYj { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1qQYj { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2Ov_z { color: #383838; } .index-module_teaser__button-group__3maYH { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__3maYH { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__3maYH .index-module_button__FFD0p { text-transform: none; } .index-module_teaser__text-link__3-q0b { color: #00a0de; } .index-module_teaser--no-border__1D9vB { border: 0; }.index-module_magentamobil-special-m-dresden__3HnXX { background-color: #e20074; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/633522/buehne-regiovermarktung-dresden-m-640x400.jpg"); } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-dresden__3HnXX { background-image: url("https://www.telekom.de/resources/images/633520/buehne-regiovermarktung-dresden-m-1024x400.jpg"); } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-dresden__3HnXX { background-image: url("https://www.telekom.de/resources/images/633524/buehne-regiovermarktung-dresden-l-2560x440.jpg"); } } .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__wrapper__3TSmY { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__wrapper__3TSmY { justify-content: flex-start; max-width: 680px; align-items: flex-start; padding-top: 36px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__wrapper__3TSmY { max-width: 780px; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__wrapper__3TSmY { max-width: 1000px; padding-left: 20px; padding-right: 20px; } } .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__info__2dX8_ { width: 100%; max-width: 296px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__info__2dX8_ { margin-right: 0; margin-left: 0; padding-left: 24px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__info__2dX8_ { max-width: 350px; padding-left: 0; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__info__2dX8_ { max-width: 470px; } } .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__headline__2hmEC { width: 100%; max-width: 250px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__headline__2hmEC { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__headline__2hmEC { max-width: 350px; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__headline__2hmEC { max-width: none; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_teaser__subline__1qQYj { max-width: 360px; } } .index-module_magentamobil-special-m-dresden__3HnXX .index-module_badge__1ALN- { position: absolute; top: 180px; left: calc(50% - 131px); min-width: 113px; } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_badge__1ALN- { top: 210px; left: calc(50% - 359px); } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-dresden__3HnXX .index-module_badge__1ALN- { top: 260px; left: calc(50% - 480px); } }.index-module_button__2XsTQ { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__2XsTQ:hover, .index-module_button__2XsTQ:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__2XsTQ:active, .index-module_button__2XsTQ.index-module___active__1b7WY { background-color: #d4d4d4; } .index-module_button__2XsTQ.index-module___cta__1QIUF { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__2XsTQ.index-module___cta__1QIUF:hover, .index-module_button__2XsTQ.index-module___cta__1QIUF:focus { background-color: #d1006c; } .index-module_button__2XsTQ.index-module___cta__1QIUF:active { background-color: #bd0061; } .index-module_button__2XsTQ.index-module___aero__1xCuf { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__2XsTQ.index-module___aero__1xCuf:hover { background-color: #e20074; } .index-module_button__2XsTQ.index-module___aero__1xCuf.index-module___dark__2SBWX { border-color: #383838; color: #383838; } .index-module_button__2XsTQ.index-module___aero__1xCuf.index-module___dark__2SBWX:hover { border-color: #e20074; color: #fff; } .index-module_button__2XsTQ:disabled, .index-module_button__2XsTQ.index-module___disabled__2Iggp { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__2XsTQ:disabled:hover, .index-module_button__2XsTQ:disabled:focus, .index-module_button__2XsTQ:disabled:active, .index-module_button__2XsTQ.index-module___disabled__2Iggp:hover, .index-module_button__2XsTQ.index-module___disabled__2Iggp:focus, .index-module_button__2XsTQ.index-module___disabled__2Iggp:active { background-color: #fafafa; } .index-module_button--primary__3-Qj7 { background: #e20074; color: #fff; } .index-module_button--primary__3-Qj7:hover, .index-module_button--primary__3-Qj7:active, .index-module_button--primary__3-Qj7:focus { background-color: #d1006c; color: #fff; }.index-module_badge__2JaEX { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__2JaEX::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__VN7vq { background-color: #1bada2; } .index-module_badge--green__2Az1L { background-color: #bfcb44; } .index-module_badge--dark-blue__2NVeO { background-color: #1063ad; color: #fff; } .index-module_badge--orange__1lIi_ { background-color: #ff9a1e; } .index-module_badge--yellow__jJeed { background-color: #ffd329; } .index-module_badge__wrapper__S4Rhn { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__2JEoe { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__hXshA { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__1AABB { height: 480px; } } .index-module_teaser__wrapper__1fHFm { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1fHFm { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1fHFm { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1fHFm { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1fHFm.index-module___hero__1B4b- { height: 480px; } } .index-module_teaser__wrapper--small__3MFxd { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__2i7bg { border: 0; } } .index-module_teaser__info__3fjw2 { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__22vXP { order: 2; } .index-module_teaser__visual__Kjune { order: 2; } .index-module_teaser__visual--left__2COLx { order: 1; } .index-module_teaser__headline__i16at { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__i16at { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__i16at { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__1-gF2 { color: #383838; } .index-module_teaser__headline--lowercase__1uQp1 { text-transform: none; } .index-module_teaser__subline__1jzR6 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1jzR6 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1jzR6 { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__1MoMc { color: #383838; } .index-module_teaser__button-group__2rmeM { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__2rmeM { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__2rmeM .index-module_button__2XsTQ { text-transform: none; } .index-module_teaser__text-link__3Ba8s { color: #00a0de; } .index-module_teaser--no-border__3XlV4 { border: 0; }.index-module_magentamobil-special-m-rhein-ruhr__2CSdX { background-color: #e20074; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/633518/buehne-regiovermarktung-rhein-ruhr-m-640x400.jpg"); } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX { background-image: url("https://www.telekom.de/resources/images/633538/buehne-regiovermarktung-rhein-ruhr-m-1024x400.jpg"); } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX { background-image: url("https://www.telekom.de/resources/images/633528/buehne-regiovermarktung-rhein-ruhr-l-2560x440.jpg"); } } .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__wrapper__1fHFm { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__wrapper__1fHFm { justify-content: flex-start; max-width: 680px; align-items: flex-start; padding-top: 36px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__wrapper__1fHFm { max-width: 810px; padding-left: 24px; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__wrapper__1fHFm { max-width: 1040px; padding-left: 20px; padding-right: 20px; } } .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__info__3fjw2 { width: 100%; max-width: 296px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__info__3fjw2 { margin-right: 0; margin-left: 0; padding-left: 24px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__info__3fjw2 { max-width: 400px; padding-left: 0; } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__info__3fjw2 { max-width: 510px; } } .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__headline__i16at { width: 100%; max-width: 260px; margin-right: auto; margin-left: auto; } @media screen and (min-width: 640px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__headline__i16at { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__headline__i16at { max-width: none; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__subline__1jzR6 { max-width: 350px; } } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_teaser__subline__1jzR6 { max-width: 360px; } } .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_badge__2JaEX { position: absolute; top: 180px; left: calc(50% - 131px); min-width: 113px; } @media screen and (min-width: 768px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_badge__2JaEX { top: 210px; left: calc(50% - 359px); } } @media screen and (min-width: 1025px) { .index-module_magentamobil-special-m-rhein-ruhr__2CSdX .index-module_badge__2JaEX { top: 260px; left: calc(50% - 480px); } }.index-module_teaser__25ZKj { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__2wPzT { height: 480px; } } .index-module_teaser__wrapper__2CHgv { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__2CHgv { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2CHgv { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__2CHgv { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2CHgv.index-module___hero__3BEdq { height: 480px; } } .index-module_teaser__wrapper--small__1X7vB { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__1P9AY { border: 0; } } .index-module_teaser__info__2FGvW { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__2n6F1 { order: 2; } .index-module_teaser__visual__1nX-W { order: 2; } .index-module_teaser__visual--left__w_-oj { order: 1; } .index-module_teaser__headline__18s9k { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__18s9k { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__18s9k { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__2GLeD { color: #383838; } .index-module_teaser__headline--lowercase__20TRS { text-transform: none; } .index-module_teaser__subline__NNo9c { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__NNo9c { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__NNo9c { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__1j5qi { color: #383838; } .index-module_teaser__button-group__3l4I- { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__3l4I- { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__3l4I- .index-module_button__2AlMl { text-transform: none; } .index-module_teaser__text-link__2B-qR { color: #00a0de; } .index-module_teaser--no-border__1mfS0 { border: 0; }.index-module_stage-speedbox__1BZzq { background: url("https://www.telekom.de/resources/images/613940/speedbox-for-friends-buehne-s.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; height: 360px; margin: 0 auto; position: relative; width: 100%; } @media screen and (min-width: 768px) { .index-module_stage-speedbox__1BZzq { background: url("https://www.telekom.de/resources/images/613942/speedbox-for-friends-buehne-m.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } } @media screen and (min-width: 1025px) { .index-module_stage-speedbox__1BZzq { background: url("https://www.telekom.de/resources/images/613938/speedbox-for-friends-buehne-l.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } } .index-module_stage-speedbox__headline__38z1B { bottom: 50px; left: 50%; max-width: 350px; position: absolute; right: 0; text-align: center; text-transform: uppercase; transform: translate(-50%, 0); width: 240px; font-size: 42px; font-size: 2.625rem; line-height: 50px; line-height: 3.125rem; } @media screen and (min-width: 768px) { .index-module_stage-speedbox__headline__38z1B { bottom: 140px; left: calc(50% + 50px); max-width: 230px; text-align: left; transform: translate(0, 0); width: 100%; } } @media screen and (min-width: 1025px) { .index-module_stage-speedbox__headline__38z1B { bottom: 120px; left: calc(50% + 130px); max-width: 280px; font-size: 60px; font-size: 3.75rem; line-height: 60px; line-height: 3.75rem; } }.index-module_button__RYuGG { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__RYuGG:hover, .index-module_button__RYuGG:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__RYuGG:active, .index-module_button__RYuGG.index-module___active__tspBa { background-color: #d4d4d4; } .index-module_button__RYuGG.index-module___cta__1N72x { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__RYuGG.index-module___cta__1N72x:hover, .index-module_button__RYuGG.index-module___cta__1N72x:focus { background-color: #d1006c; } .index-module_button__RYuGG.index-module___cta__1N72x:active { background-color: #bd0061; } .index-module_button__RYuGG.index-module___aero__1FHmU { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__RYuGG.index-module___aero__1FHmU:hover { background-color: #e20074; } .index-module_button__RYuGG.index-module___aero__1FHmU.index-module___dark__3Z-29 { border-color: #383838; color: #383838; } .index-module_button__RYuGG.index-module___aero__1FHmU.index-module___dark__3Z-29:hover { border-color: #e20074; color: #fff; } .index-module_button__RYuGG:disabled, .index-module_button__RYuGG.index-module___disabled__4ajhO { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__RYuGG:disabled:hover, .index-module_button__RYuGG:disabled:focus, .index-module_button__RYuGG:disabled:active, .index-module_button__RYuGG.index-module___disabled__4ajhO:hover, .index-module_button__RYuGG.index-module___disabled__4ajhO:focus, .index-module_button__RYuGG.index-module___disabled__4ajhO:active { background-color: #fafafa; } .index-module_button--primary__hl6s- { background: #e20074; color: #fff; } .index-module_button--primary__hl6s-:hover, .index-module_button--primary__hl6s-:active, .index-module_button--primary__hl6s-:focus { background-color: #d1006c; color: #fff; }.index-module_badge__2NF4p { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #53baf2; border-radius: 50%; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; margin: 0 0 0.4em; overflow: hidden; padding: 0; position: relative; text-align: center; text-transform: uppercase; transform: rotate(-7.5deg); width: 60px; } .index-module_badge__2NF4p::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--savings__1bQiC { background-color: #1bada2; } .index-module_badge--topseller__31pA3 { background-color: #ff9a1e; } .index-module_badge__wrapper__T5Wuu { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .index-module_badge__content__1vYpd { color: #fff; text-transform: uppercase; } .index-module_badge__2NF4p strong, .index-module_badge__2NF4p b { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; }.index-module_teaser__L2w34 { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__3C_th { height: 480px; } } .index-module_teaser__wrapper__1bMGn { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1bMGn { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1bMGn { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1bMGn { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1bMGn.index-module___hero__3YvV1 { height: 480px; } } .index-module_teaser__wrapper--small__2k1MQ { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__3WhsU { border: 0; } } .index-module_teaser__info__3z7Qd { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__1UyWj { order: 2; } .index-module_teaser__visual__1JWY6 { order: 2; } .index-module_teaser__visual--left__1JvGl { order: 1; } .index-module_teaser__headline__2dZfK { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__2dZfK { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__2dZfK { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__1M8jd { color: #383838; } .index-module_teaser__headline--lowercase__3u-kh { text-transform: none; } .index-module_teaser__subline__26gtk { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__26gtk { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__26gtk { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__IpKoQ { color: #383838; } .index-module_teaser__button-group__3uqti { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__3uqti { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__3uqti .index-module_button__RYuGG { text-transform: none; } .index-module_teaser__text-link__2iCGX { color: #00a0de; } .index-module_teaser--no-border__2GjLg { border: 0; }.index-module_cashback-wiederholung-for-friends__1r3oh { background-color: #fff; background-image: url("https://www.telekom.de/resources/images/612046/telekom-tarife-und-optionen-cashback-wiederholung-background-s.jpg"); background-repeat: no-repeat; background-size: cover; height: 400px; position: relative; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh { background-image: url("https://www.telekom.de/resources/images/612050/telekom-tarife-und-optionen-cashback-wiederholung-background-m.jpg"); background-position: center 0; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh { background-image: url("https://www.telekom.de/resources/images/612052/telekom-tarife-und-optionen-cashback-wiederholung-background-l.jpg"); background-position: top center; height: 440px; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__wrapper__1bMGn { border-left: 1px solid transparent; border-right: 1px solid transparent; margin-left: auto; margin-right: auto; padding-left: 6px; padding-right: 6px; padding-top: 30px; width: 100%; } @media screen and (min-width: 640px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__wrapper__1bMGn { align-items: start; text-align: center; } } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__wrapper__1bMGn { padding-left: 24px; padding-right: 24px; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__wrapper__1bMGn { padding-left: 24px; padding-right: 24px; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__inner-wrapper__2-QZf { width: 100%; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__inner-wrapper__2-QZf { margin: 0 auto; max-width: 750px; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__inner-wrapper__2-QZf { max-width: 980px; } }@media screen and (-ms-high-contrast: active) and (min-width: 640px), screen and (-ms-high-contrast: none) and (min-width: 640px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__info__3z7Qd { margin-top: -190px; } } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__info__3z7Qd { margin-top: 20px; max-width: 440px; text-align: left; } } @media screen and (min-width: 768px) and (-ms-high-contrast: active), screen and (min-width: 768px) and (-ms-high-contrast: none) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__info__3z7Qd { margin-top: -140px; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__info__3z7Qd { margin-top: 40px; max-width: none; min-width: 460px; text-align: left; } } @media screen and (min-width: 1024px) and (-ms-high-contrast: active), screen and (min-width: 1024px) and (-ms-high-contrast: none) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__info__3z7Qd { margin-top: -170px; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__button-group__3uqti { bottom: 22px; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__headline__2dZfK { font-size: 27px; font-size: 1.6875rem; line-height: 31px; line-height: 1.9375rem; margin: 0 auto; max-width: 330px; padding-bottom: 10px; position: relative; width: 100%; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__headline__2dZfK { margin: 0; max-width: 440px; font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__headline__2dZfK { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; max-width: 580px; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__subline__26gtk { display: block; margin-top: 0; max-width: 240px; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__subline__26gtk { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; margin-top: 10px; max-width: 280px; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__subline__26gtk { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; max-width: 380px; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__images__z3axT { left: calc(50% - 90px); margin-top: 30px; position: absolute; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__images__z3axT { left: calc(50% + 60px); top: 0; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image__13cVq { image-rendering: pixelated; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--mobile__3YzNx { display: block; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--tablet__3FaOL { display: none; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--desktop__zrPnV { display: none; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image__13cVq { max-width: 300px; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--mobile__3YzNx { display: none; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--tablet__3FaOL { display: block; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--desktop__zrPnV { display: none; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image__13cVq { max-width: 380px; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--mobile__3YzNx { display: none; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--tablet__3FaOL { display: none; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__image--desktop__zrPnV { display: block; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_badge--cashback__2Mjf_ { left: calc(50% + 50px); min-width: 60px; position: absolute; top: 195px; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; font-size: 12px; font-size: 0.75rem; line-height: 14px; line-height: 0.875rem; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_badge--cashback__2Mjf_ { left: calc(50% + -165px); min-width: 80px; top: 265px; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_badge--cashback__2Mjf_ { left: calc(50% - 130px); min-width: 80px; top: 290px; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_badge--cashback__2Mjf_ .index-module_badge__highlight__1IpFh { font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_badge--cashback__2Mjf_ .index-module_badge__highlight__1IpFh { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; } } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_badge--cashback__2Mjf_ .index-module_badge__content__1vYpd { color: #000; } .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__footnote-wrapper__S_6Co { position: absolute; top: 4px; } @media screen and (min-width: 768px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__footnote-wrapper__S_6Co { top: 7px; } } @media screen and (min-width: 1024px) { .index-module_cashback-wiederholung-for-friends__1r3oh .index-module_teaser__footnote-wrapper__S_6Co { right: unset; top: 9px; } }.index-module_button__3H0LP { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__3H0LP:hover, .index-module_button__3H0LP:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__3H0LP:active, .index-module_button__3H0LP.index-module___active__3W4bX { background-color: #d4d4d4; } .index-module_button__3H0LP.index-module___cta__2nbXt { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__3H0LP.index-module___cta__2nbXt:hover, .index-module_button__3H0LP.index-module___cta__2nbXt:focus { background-color: #d1006c; } .index-module_button__3H0LP.index-module___cta__2nbXt:active { background-color: #bd0061; } .index-module_button__3H0LP.index-module___aero__MOgvx { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__3H0LP.index-module___aero__MOgvx:hover { background-color: #e20074; } .index-module_button__3H0LP.index-module___aero__MOgvx.index-module___dark__2fXw3 { border-color: #383838; color: #383838; } .index-module_button__3H0LP.index-module___aero__MOgvx.index-module___dark__2fXw3:hover { border-color: #e20074; color: #fff; } .index-module_button__3H0LP:disabled, .index-module_button__3H0LP.index-module___disabled__o6nSf { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__3H0LP:disabled:hover, .index-module_button__3H0LP:disabled:focus, .index-module_button__3H0LP:disabled:active, .index-module_button__3H0LP.index-module___disabled__o6nSf:hover, .index-module_button__3H0LP.index-module___disabled__o6nSf:focus, .index-module_button__3H0LP.index-module___disabled__o6nSf:active { background-color: #fafafa; } .index-module_button--primary__1EenH { background: #e20074; color: #fff; } .index-module_button--primary__1EenH:hover, .index-module_button--primary__1EenH:active, .index-module_button--primary__1EenH:focus { background-color: #d1006c; color: #fff; }.index-module_teaser__2xjun { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__1ci_t { height: 480px; } } .index-module_teaser__wrapper__2QmgR { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__2QmgR { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2QmgR { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__2QmgR { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2QmgR.index-module___hero__3ODkj { height: 480px; } } .index-module_teaser__wrapper--small__1rMob { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__1Uj0e { border: 0; } } .index-module_teaser__info__26FUV { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__2xKLO { order: 2; } .index-module_teaser__visual__39b7N { order: 2; } .index-module_teaser__visual--left__12Euj { order: 1; } .index-module_teaser__headline__3EKqj { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__3EKqj { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__3EKqj { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__28icc { color: #383838; } .index-module_teaser__headline--lowercase__8DFi- { text-transform: none; } .index-module_teaser__subline__25HdS { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__25HdS { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__25HdS { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__1Be3o { color: #383838; } .index-module_teaser__button-group__2VXdg { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__2VXdg { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__2VXdg .index-module_button__3H0LP { text-transform: none; } .index-module_teaser__text-link__2CGGz { color: #00a0de; } .index-module_teaser--no-border__1kPdo { border: 0; }.index-module_badge__1TsWx { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__1TsWx::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__WieZI { background-color: #1bada2; } .index-module_badge--green__xSnDq { background-color: #bfcb44; } .index-module_badge--dark-blue__9_2f9 { background-color: #1063ad; color: #fff; } .index-module_badge--orange__2IEgr { background-color: #ff9a1e; } .index-module_badge--yellow__3pUwU { background-color: #ffd329; } .index-module_badge__wrapper__152Lz { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__2WHCp { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_kids-and-teens__35SOV { background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/632180/telekom-tarife-und-optionen-kids-und-teens-tarife-buehne-s.jpg"); } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV { background-image: url("https://www.telekom.de/resources/images/632182/telekom-tarife-und-optionen-kids-und-teens-tarife-buehne-m.jpg"); } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV { background-image: url("https://www.telekom.de/resources/images/632184/telekom-tarife-und-optionen-kids-und-teens-tarife-buehne-l.jpg"); } } .index-module_kids-and-teens__35SOV .index-module_teaser__wrapper__2QmgR { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV .index-module_teaser__wrapper__2QmgR { justify-content: flex-end; max-width: 600px; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens__35SOV .index-module_teaser__wrapper__2QmgR { justify-content: flex-end; align-items: center; max-width: 720px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV .index-module_teaser__wrapper__2QmgR { justify-content: flex-end; max-width: 996px; padding: 0 20px; } } .index-module_kids-and-teens__35SOV .index-module_teaser__info__26FUV { width: 100%; max-width: 296px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV .index-module_teaser__info__26FUV { margin: 0; margin-left: 32px; max-width: 250px; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens__35SOV .index-module_teaser__info__26FUV { margin: 0; max-width: 290px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV .index-module_teaser__info__26FUV { max-width: 620px; margin: 0; } } .index-module_kids-and-teens__35SOV .index-module_teaser__headline__3EKqj { color: #383838; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV .index-module_teaser__headline__3EKqj { max-width: 240px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV .index-module_teaser__headline__3EKqj { max-width: none; } } .index-module_kids-and-teens__35SOV .index-module_teaser__subline__25HdS { color: #383838; margin-top: 0; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV .index-module_teaser__subline__25HdS { display: inline-block; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV .index-module_teaser__subline__25HdS { max-width: none; padding-right: 48px; } } .index-module_kids-and-teens__35SOV .index-module_badge__1TsWx { position: absolute; min-width: 90px; left: calc(50% + 51px); top: 147px; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV .index-module_badge__1TsWx { min-width: 108px; left: calc(50% - 114px); top: 36px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV .index-module_badge__1TsWx { min-width: 132px; left: calc(50% - 263px); top: 36px; } } .index-module_kids-and-teens__35SOV .index-module_badge__content__2WHCp { font-size: 12px; font-size: 0.75rem; line-height: 14px; line-height: 0.875rem; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__35SOV .index-module_badge__content__2WHCp { font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__35SOV .index-module_badge__content__2WHCp { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } }.index-module_button__3pFRW { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__3pFRW:hover, .index-module_button__3pFRW:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__3pFRW:active, .index-module_button__3pFRW.index-module___active__3YHbY { background-color: #d4d4d4; } .index-module_button__3pFRW.index-module___cta__WgF3- { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__3pFRW.index-module___cta__WgF3-:hover, .index-module_button__3pFRW.index-module___cta__WgF3-:focus { background-color: #d1006c; } .index-module_button__3pFRW.index-module___cta__WgF3-:active { background-color: #bd0061; } .index-module_button__3pFRW.index-module___aero__2BxvB { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__3pFRW.index-module___aero__2BxvB:hover { background-color: #e20074; } .index-module_button__3pFRW.index-module___aero__2BxvB.index-module___dark__LvfKU { border-color: #383838; color: #383838; } .index-module_button__3pFRW.index-module___aero__2BxvB.index-module___dark__LvfKU:hover { border-color: #e20074; color: #fff; } .index-module_button__3pFRW:disabled, .index-module_button__3pFRW.index-module___disabled__1rFhb { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__3pFRW:disabled:hover, .index-module_button__3pFRW:disabled:focus, .index-module_button__3pFRW:disabled:active, .index-module_button__3pFRW.index-module___disabled__1rFhb:hover, .index-module_button__3pFRW.index-module___disabled__1rFhb:focus, .index-module_button__3pFRW.index-module___disabled__1rFhb:active { background-color: #fafafa; } .index-module_button--primary__8SfGn { background: #e20074; color: #fff; } .index-module_button--primary__8SfGn:hover, .index-module_button--primary__8SfGn:active, .index-module_button--primary__8SfGn:focus { background-color: #d1006c; color: #fff; }.index-module_teaser__1i9W4 { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__2HjCw { height: 480px; } } .index-module_teaser__wrapper__3zjpT { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__3zjpT { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3zjpT { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__3zjpT { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3zjpT.index-module___hero__2AJKv { height: 480px; } } .index-module_teaser__wrapper--small__3COOi { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__1qs13 { border: 0; } } .index-module_teaser__info__353Io { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__L6DIh { order: 2; } .index-module_teaser__visual__vopRb { order: 2; } .index-module_teaser__visual--left__2EVue { order: 1; } .index-module_teaser__headline__2AqUC { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__2AqUC { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__2AqUC { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__1qXte { color: #383838; } .index-module_teaser__headline--lowercase__3oDA8 { text-transform: none; } .index-module_teaser__subline__22isR { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__22isR { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__22isR { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2ZwKp { color: #383838; } .index-module_teaser__button-group__2fmWj { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__2fmWj { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__2fmWj .index-module_button__3pFRW { text-transform: none; } .index-module_teaser__text-link__3KsV9 { color: #00a0de; } .index-module_teaser--no-border__1pxO9 { border: 0; }.index-module_badge__G-Ytp { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__G-Ytp::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__2M4TW { background-color: #1bada2; } .index-module_badge--green__2hVTa { background-color: #bfcb44; } .index-module_badge--dark-blue__3105e { background-color: #1063ad; color: #fff; } .index-module_badge--orange__3VWn8 { background-color: #ff9a1e; } .index-module_badge--yellow__31TKp { background-color: #ffd329; } .index-module_badge__wrapper__1Tbl7 { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__EvSxK { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_kids-and-teens-datengeschenk__3iOR2 { background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/680356/telekom-kinder-handytarife-buehne-xs.jpg"); } @media screen and (min-width: 640px) { .index-module_kids-and-teens-datengeschenk__3iOR2 { background-image: url("https://www.telekom.de/resources/images/680352/telekom-kinder-handytarife-buehne-s.jpg"); } } @media screen and (min-width: 768px) { .index-module_kids-and-teens-datengeschenk__3iOR2 { background-image: url("https://www.telekom.de/resources/images/680354/telekom-kinder-handytarife-buehne-m.jpg"); } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 { background-image: url("https://www.telekom.de/resources/images/680350/telekom-kinder-handytarife-buehne-l.jpg"); } } @media screen and (min-width: 1296px) { .index-module_kids-and-teens-datengeschenk__3iOR2 { background-image: url("https://www.telekom.de/resources/images/680358/telekom-kinder-handytarife-buehne-xl.jpg"); } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__wrapper__3zjpT { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__wrapper__3zjpT { justify-content: flex-end; max-width: 600px; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__wrapper__3zjpT { justify-content: flex-end; align-items: center; max-width: 720px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__wrapper__3zjpT { justify-content: flex-end; max-width: 996px; padding: 0 20px; } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__info__353Io { width: 100%; max-width: 296px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 640px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__info__353Io { margin: 0; max-width: 390px; position: absolute; top: 52px; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__info__353Io { max-width: 480px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__info__353Io { max-width: 640px; margin: 0; top: 36px; } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__headline__2AqUC { color: #fff; } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__subline__22isR { color: #fff; margin-top: 0; } @media screen and (min-width: 640px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__subline__22isR { display: inline-block; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__subline__22isR { max-width: 440px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_teaser__subline__22isR { max-width: 510px; } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__G-Ytp { position: absolute; min-width: 110px; left: calc(50% + 21px); top: 197px; } @media screen and (min-width: 640px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__G-Ytp { left: calc(50% + 111px); top: 197px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__G-Ytp { min-width: 132px; left: calc(50% + 151px); top: 227px; } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__content__EvSxK { font-size: 15px; font-size: 0.9375rem; line-height: 21px; line-height: 1.3125rem; } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__content__EvSxK { font-size: 18px; font-size: 1.125rem; line-height: 21px; line-height: 1.3125rem; } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__content--hero__28OYy { font-size: 25px; font-size: 1.5625rem; line-height: 28px; line-height: 1.75rem; } @media screen and (min-width: 1025px) { .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__content--hero__28OYy { font-size: 31px; font-size: 1.9375rem; line-height: 34px; line-height: 2.125rem; } } .index-module_kids-and-teens-datengeschenk__3iOR2 .index-module_badge__content--nobr__336ce { white-space: nowrap; }.index-module_button__3I657 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__3I657:hover, .index-module_button__3I657:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__3I657:active, .index-module_button__3I657.index-module___active__mLFfb { background-color: #d4d4d4; } .index-module_button__3I657.index-module___cta__3v-NJ { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__3I657.index-module___cta__3v-NJ:hover, .index-module_button__3I657.index-module___cta__3v-NJ:focus { background-color: #d1006c; } .index-module_button__3I657.index-module___cta__3v-NJ:active { background-color: #bd0061; } .index-module_button__3I657.index-module___aero__1xZx3 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__3I657.index-module___aero__1xZx3:hover { background-color: #e20074; } .index-module_button__3I657.index-module___aero__1xZx3.index-module___dark__2mBtj { border-color: #383838; color: #383838; } .index-module_button__3I657.index-module___aero__1xZx3.index-module___dark__2mBtj:hover { border-color: #e20074; color: #fff; } .index-module_button__3I657:disabled, .index-module_button__3I657.index-module___disabled__3Hdln { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__3I657:disabled:hover, .index-module_button__3I657:disabled:focus, .index-module_button__3I657:disabled:active, .index-module_button__3I657.index-module___disabled__3Hdln:hover, .index-module_button__3I657.index-module___disabled__3Hdln:focus, .index-module_button__3I657.index-module___disabled__3Hdln:active { background-color: #fafafa; } .index-module_button--primary__3Z2Ir { background: #e20074; color: #fff; } .index-module_button--primary__3Z2Ir:hover, .index-module_button--primary__3Z2Ir:active, .index-module_button--primary__3Z2Ir:focus { background-color: #d1006c; color: #fff; }.index-module_teaser__3f4dm { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__tWUST { height: 480px; } } .index-module_teaser__wrapper__3uOkY { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__3uOkY { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3uOkY { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__3uOkY { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3uOkY.index-module___hero__3f_pi { height: 480px; } } .index-module_teaser__wrapper--small__19oJR { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__17stK { border: 0; } } .index-module_teaser__info__WBgFX { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__1lCmj { order: 2; } .index-module_teaser__visual__1iLXT { order: 2; } .index-module_teaser__visual--left__36QCo { order: 1; } .index-module_teaser__headline__3wnIf { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__3wnIf { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__3wnIf { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__25GjP { color: #383838; } .index-module_teaser__headline--lowercase__22FP1 { text-transform: none; } .index-module_teaser__subline__1grqT { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1grqT { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1grqT { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__up-mg { color: #383838; } .index-module_teaser__button-group__3sX2M { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__3sX2M { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__3sX2M .index-module_button__3I657 { text-transform: none; } .index-module_teaser__text-link__39S1K { color: #00a0de; } .index-module_teaser--no-border__2tpjo { border: 0; }.index-module_badge__gjlVB { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__gjlVB::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__3s0n7 { background-color: #1bada2; } .index-module_badge--green__3R9E0 { background-color: #bfcb44; } .index-module_badge--dark-blue__Zpo0G { background-color: #1063ad; color: #fff; } .index-module_badge--orange__16Gqn { background-color: #ff9a1e; } .index-module_badge--yellow__1Km5l { background-color: #ffd329; } .index-module_badge__wrapper__2bWzE { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__18mkT { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_kids-and-teens__1hExR { background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/632180/telekom-tarife-und-optionen-kids-und-teens-tarife-buehne-s.jpg"); } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR { background-image: url("https://www.telekom.de/resources/images/632182/telekom-tarife-und-optionen-kids-und-teens-tarife-buehne-m.jpg"); } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR { background-image: url("https://www.telekom.de/resources/images/632184/telekom-tarife-und-optionen-kids-und-teens-tarife-buehne-l.jpg"); } } .index-module_kids-and-teens__1hExR .index-module_teaser__wrapper__3uOkY { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR .index-module_teaser__wrapper__3uOkY { justify-content: flex-end; max-width: 600px; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens__1hExR .index-module_teaser__wrapper__3uOkY { justify-content: flex-end; align-items: center; max-width: 720px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR .index-module_teaser__wrapper__3uOkY { justify-content: flex-end; max-width: 996px; padding: 0 20px; } } .index-module_kids-and-teens__1hExR .index-module_teaser__info__WBgFX { width: 100%; max-width: 296px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR .index-module_teaser__info__WBgFX { margin: 0; margin-left: 32px; max-width: 250px; } } @media screen and (min-width: 768px) { .index-module_kids-and-teens__1hExR .index-module_teaser__info__WBgFX { margin: 0; max-width: 290px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR .index-module_teaser__info__WBgFX { max-width: 620px; margin: 0; } } .index-module_kids-and-teens__1hExR .index-module_teaser__headline__3wnIf { color: #383838; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR .index-module_teaser__headline__3wnIf { max-width: 240px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR .index-module_teaser__headline__3wnIf { max-width: none; } } .index-module_kids-and-teens__1hExR .index-module_teaser__subline__1grqT { color: #383838; margin-top: 0; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR .index-module_teaser__subline__1grqT { display: inline-block; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR .index-module_teaser__subline__1grqT { max-width: none; padding-right: 48px; } } .index-module_kids-and-teens__1hExR .index-module_badge__gjlVB { position: absolute; min-width: 90px; left: calc(50% + 51px); top: 147px; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR .index-module_badge__gjlVB { min-width: 108px; left: calc(50% - 114px); top: 36px; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR .index-module_badge__gjlVB { min-width: 132px; left: calc(50% - 263px); top: 36px; } } .index-module_kids-and-teens__1hExR .index-module_badge__content__18mkT { font-size: 12px; font-size: 0.75rem; line-height: 14px; line-height: 0.875rem; } @media screen and (min-width: 640px) { .index-module_kids-and-teens__1hExR .index-module_badge__content__18mkT { font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } } @media screen and (min-width: 1025px) { .index-module_kids-and-teens__1hExR .index-module_badge__content__18mkT { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; } }.index-module_button__2SmnJ { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__2SmnJ:hover, .index-module_button__2SmnJ:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__2SmnJ:active, .index-module_button__2SmnJ.index-module___active__1nwe- { background-color: #d4d4d4; } .index-module_button__2SmnJ.index-module___cta__13DA5 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__2SmnJ.index-module___cta__13DA5:hover, .index-module_button__2SmnJ.index-module___cta__13DA5:focus { background-color: #d1006c; } .index-module_button__2SmnJ.index-module___cta__13DA5:active { background-color: #bd0061; } .index-module_button__2SmnJ.index-module___aero__3ChpS { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__2SmnJ.index-module___aero__3ChpS:hover { background-color: #e20074; } .index-module_button__2SmnJ.index-module___aero__3ChpS.index-module___dark__3xTVU { border-color: #383838; color: #383838; } .index-module_button__2SmnJ.index-module___aero__3ChpS.index-module___dark__3xTVU:hover { border-color: #e20074; color: #fff; } .index-module_button__2SmnJ:disabled, .index-module_button__2SmnJ.index-module___disabled__ndzJk { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__2SmnJ:disabled:hover, .index-module_button__2SmnJ:disabled:focus, .index-module_button__2SmnJ:disabled:active, .index-module_button__2SmnJ.index-module___disabled__ndzJk:hover, .index-module_button__2SmnJ.index-module___disabled__ndzJk:focus, .index-module_button__2SmnJ.index-module___disabled__ndzJk:active { background-color: #fafafa; } .index-module_button--primary__m6H1f { background: #e20074; color: #fff; } .index-module_button--primary__m6H1f:hover, .index-module_button--primary__m6H1f:active, .index-module_button--primary__m6H1f:focus { background-color: #d1006c; color: #fff; }.index-module_teaser__WJNbP { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__2j9LN { height: 480px; } } .index-module_teaser__wrapper__1vLXa { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1vLXa { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1vLXa { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1vLXa { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1vLXa.index-module___hero__iA9g3 { height: 480px; } } .index-module_teaser__wrapper--small__3m0Jx { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__3ap3e { border: 0; } } .index-module_teaser__info__3iyzO { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right___PVET { order: 2; } .index-module_teaser__visual__QnYGr { order: 2; } .index-module_teaser__visual--left__3SdHx { order: 1; } .index-module_teaser__headline__3Td2j { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__3Td2j { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__3Td2j { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__3bOqg { color: #383838; } .index-module_teaser__headline--lowercase__3F_h0 { text-transform: none; } .index-module_teaser__subline__2PkB_ { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__2PkB_ { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__2PkB_ { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2jMPa { color: #383838; } .index-module_teaser__button-group__1bVik { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__1bVik { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__1bVik .index-module_button__2SmnJ { text-transform: none; } .index-module_teaser__text-link__3LX3K { color: #00a0de; } .index-module_teaser--no-border__Cm0cp { border: 0; }.index-module_magentamobil-data-friends__2Sh7M { background-color: #444; background-position: center center; background-size: cover; background-repeat: no-repeat; background-image: url("https://www.telekom.de/resources/images/658674/telekom-relaunch-daten-tarife-s-2.jpg"); height: 400px; } @media screen and (min-width: 640px) { .index-module_magentamobil-data-friends__2Sh7M { background-image: url("https://www.telekom.de/resources/images/658672/telekom-relaunch-daten-tarife-m-2.jpg"); } } @media screen and (min-width: 1048px) { .index-module_magentamobil-data-friends__2Sh7M { height: 440px; background-image: url("https://www.telekom.de/resources/images/658676/telekom-relaunch-daten-tarife-l-2.jpg"); } } .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__wrapper__1vLXa { border: 0; justify-content: center; align-items: center; } @media screen and (min-width: 640px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__wrapper__1vLXa { justify-content: flex-start; } } @media screen and (min-width: 768px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__wrapper__1vLXa { justify-content: flex-start; align-items: center; } } @media screen and (min-width: 1048px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__wrapper__1vLXa { justify-content: flex-start; } } .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__info__3iyzO { width: 100%; max-width: 240px; margin-left: auto; margin-right: auto; color: #fff; font-weight: 600; text-transform: uppercase; text-align: center; font-size: 19px; font-size: 1.1875rem; line-height: 21px; line-height: 1.3125rem; } @media screen and (min-width: 1048px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__info__3iyzO { font-size: 25px; font-size: 1.5625rem; line-height: 28px; line-height: 1.75rem; } } .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text__2l2HM { position: absolute; left: 50%; top: 0px; } .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--contact__1K_Yh { margin-left: -170px; margin-top: 318px; max-width: 140px; } @media screen and (min-width: 640px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--contact__1K_Yh { margin-left: -248px; margin-top: 312px; } } @media screen and (min-width: 1048px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--contact__1K_Yh { margin-left: -510px; margin-top: 312px; max-width: 150px; } } .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--share__1gama { margin-left: -175px; margin-top: 76px; max-width: 150px; } @media screen and (min-width: 640px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--share__1gama { margin-left: -170px; margin-top: 112px; } } @media screen and (min-width: 1048px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--share__1gama { margin-left: -185px; margin-top: 175px; } } .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--fun__2Fg8a { margin-left: -19px; margin-top: 23px; max-width: 150px; } @media screen and (min-width: 640px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--fun__2Fg8a { margin-left: 108px; margin-top: 51px; } } @media screen and (min-width: 1048px) { .index-module_magentamobil-data-friends__2Sh7M .index-module_teaser__text--fun__2Fg8a { margin-left: 231px; margin-top: 106px; max-width: 140px; } }.index-module_button__2Kjv_ { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__2Kjv_:hover, .index-module_button__2Kjv_:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__2Kjv_:active, .index-module_button__2Kjv_.index-module___active__2Ui7R { background-color: #d4d4d4; } .index-module_button__2Kjv_.index-module___cta__1M0eG { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__2Kjv_.index-module___cta__1M0eG:hover, .index-module_button__2Kjv_.index-module___cta__1M0eG:focus { background-color: #d1006c; } .index-module_button__2Kjv_.index-module___cta__1M0eG:active { background-color: #bd0061; } .index-module_button__2Kjv_.index-module___aero__1HxtK { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__2Kjv_.index-module___aero__1HxtK:hover { background-color: #e20074; } .index-module_button__2Kjv_.index-module___aero__1HxtK.index-module___dark__16VWN { border-color: #383838; color: #383838; } .index-module_button__2Kjv_.index-module___aero__1HxtK.index-module___dark__16VWN:hover { border-color: #e20074; color: #fff; } .index-module_button__2Kjv_:disabled, .index-module_button__2Kjv_.index-module___disabled__212Y_ { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__2Kjv_:disabled:hover, .index-module_button__2Kjv_:disabled:focus, .index-module_button__2Kjv_:disabled:active, .index-module_button__2Kjv_.index-module___disabled__212Y_:hover, .index-module_button__2Kjv_.index-module___disabled__212Y_:focus, .index-module_button__2Kjv_.index-module___disabled__212Y_:active { background-color: #fafafa; } .index-module_button--primary__JF2V0 { background: #e20074; color: #fff; } .index-module_button--primary__JF2V0:hover, .index-module_button--primary__JF2V0:active, .index-module_button--primary__JF2V0:focus { background-color: #d1006c; color: #fff; }.index-module_badge__1BFU5 { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; background-color: #53baf2; border-radius: 50%; color: #262626; display: inline-block; font-size: 16px; line-height: 20px; margin: 0; min-width: 120px; overflow: hidden; padding: 0; position: relative; text-align: center; transform: rotate(-7.5deg); } .index-module_badge__1BFU5::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--petrol__2gKZ8 { background-color: #1bada2; } .index-module_badge--green__2OPOL { background-color: #bfcb44; } .index-module_badge--dark-blue__7lCrP { background-color: #1063ad; color: #fff; } .index-module_badge--orange__2l0pI { background-color: #ff9a1e; } .index-module_badge--yellow__3ga7L { background-color: #ffd329; } .index-module_badge__wrapper__2-hPE { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; left: 0; padding: 6px; position: absolute; top: 0; width: 100%; } .index-module_badge__content__SEDLR { -webkit-box-orient: vertical; color: currentColor; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-transform: uppercase; }.index-module_teaser__Nukud { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__28hts { height: 480px; } } .index-module_teaser__wrapper__3P6gx { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__3P6gx { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3P6gx { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__3P6gx { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3P6gx.index-module___hero__33znU { height: 480px; } } .index-module_teaser__wrapper--small__1i3lp { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border___sM3N { border: 0; } } .index-module_teaser__info__3BG8k { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__3s752 { order: 2; } .index-module_teaser__visual__1WYhM { order: 2; } .index-module_teaser__visual--left__BUBIM { order: 1; } .index-module_teaser__headline__Wrwse { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__Wrwse { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__Wrwse { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__3G33y { color: #383838; } .index-module_teaser__headline--lowercase__3I3JJ { text-transform: none; } .index-module_teaser__subline__1ipll { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1ipll { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1ipll { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__2JTZH { color: #383838; } .index-module_teaser__button-group__vs8dz { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__vs8dz { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__vs8dz .index-module_button__2Kjv_ { text-transform: none; } .index-module_teaser__text-link__Qwiv2 { color: #00a0de; } .index-module_teaser--no-border__1gRbL { border: 0; }.index-module_data-sim__1sYWj { background-position: center; background-size: cover; background-image: url("https://www.telekom.de/resources/images/658906/telekom-datasim-tarif-s.jpg"); } @media screen and (min-width: 768px) { .index-module_data-sim__1sYWj { background-image: url("https://www.telekom.de/resources/images/658904/telekom-datasim-tarif-m.jpg"); } } @media screen and (min-width: 1025px) { .index-module_data-sim__1sYWj { background-image: url("https://www.telekom.de/resources/images/658908/telekom-datasim-tarif-l.jpg"); } } .index-module_data-sim__1sYWj .index-module_teaser__wrapper__3P6gx { border: 0; box-sizing: border-box; max-width: 1250px; width: 100%; } @media screen and (min-width: 640px) { .index-module_data-sim__1sYWj .index-module_teaser__wrapper__3P6gx { display: block; } } @media screen and (min-width: 768px) { .index-module_data-sim__1sYWj .index-module_teaser__wrapper__3P6gx { display: flex; padding-left: 24px; padding-right: 24px; } } .index-module_data-sim__1sYWj .index-module_teaser__info__3BG8k { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 296px; width: 100%; } @media screen and (min-width: 640px) { .index-module_data-sim__1sYWj .index-module_teaser__info__3BG8k { /* display: flex; */ padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; max-width: 310px; } } @media screen and (min-width: 768px) { .index-module_data-sim__1sYWj .index-module_teaser__info__3BG8k { margin-left: 0; margin-right: 0; margin-top: -168px; max-width: 340px; text-align: left; left: calc(50% - 340px); position: absolute; } } @media screen and (min-width: 1025px) { .index-module_data-sim__1sYWj .index-module_teaser__info__3BG8k { max-width: 540px; margin-top: -149px; left: calc(50% - 450px); } } @media screen and (min-width: 1296px) { .index-module_data-sim__1sYWj .index-module_teaser__info__3BG8k { max-width: 450px; } } .index-module_data-sim__1sYWj .index-module_teaser__headline__Wrwse { margin-left: auto; margin-right: auto; max-width: 280px; width: 100%; } @media screen and (min-width: 768px) { .index-module_data-sim__1sYWj .index-module_teaser__headline__Wrwse { margin-left: 0; margin-right: 0; max-width: 270px; } } @media screen and (min-width: 1025px) { .index-module_data-sim__1sYWj .index-module_teaser__headline__Wrwse { max-width: 360px; } } .index-module_data-sim__1sYWj .index-module_teaser__subline__1ipll { margin-top: 0; max-width: 260px; } @media screen and (min-width: 768px) { .index-module_data-sim__1sYWj .index-module_teaser__subline__1ipll { max-width: 370px; font-size: 24px; font-size: 1.5rem; line-height: 24px; line-height: 1.5rem; } } @media screen and (min-width: 1025px) { .index-module_data-sim__1sYWj .index-module_teaser__subline__1ipll { max-width: 320px; } }.index-module_button__Enn27 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__Enn27:hover, .index-module_button__Enn27:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__Enn27:active, .index-module_button__Enn27.index-module___active__AWOkC { background-color: #d4d4d4; } .index-module_button__Enn27.index-module___cta__Xi7vQ { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__Enn27.index-module___cta__Xi7vQ:hover, .index-module_button__Enn27.index-module___cta__Xi7vQ:focus { background-color: #d1006c; } .index-module_button__Enn27.index-module___cta__Xi7vQ:active { background-color: #bd0061; } .index-module_button__Enn27.index-module___aero__19CD7 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__Enn27.index-module___aero__19CD7:hover { background-color: #e20074; } .index-module_button__Enn27.index-module___aero__19CD7.index-module___dark__SXXLM { border-color: #383838; color: #383838; } .index-module_button__Enn27.index-module___aero__19CD7.index-module___dark__SXXLM:hover { border-color: #e20074; color: #fff; } .index-module_button__Enn27:disabled, .index-module_button__Enn27.index-module___disabled__a4acB { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__Enn27:disabled:hover, .index-module_button__Enn27:disabled:focus, .index-module_button__Enn27:disabled:active, .index-module_button__Enn27.index-module___disabled__a4acB:hover, .index-module_button__Enn27.index-module___disabled__a4acB:focus, .index-module_button__Enn27.index-module___disabled__a4acB:active { background-color: #fafafa; } .index-module_button--primary__2PMC_ { background: #e20074; color: #fff; } .index-module_button--primary__2PMC_:hover, .index-module_button--primary__2PMC_:active, .index-module_button--primary__2PMC_:focus { background-color: #d1006c; color: #fff; }.index-module_teaser__mnE3S { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__15G1Z { height: 480px; } } .index-module_teaser__wrapper__3efbO { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__3efbO { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3efbO { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__3efbO { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__3efbO.index-module___hero__7PC8y { height: 480px; } } .index-module_teaser__wrapper--small__jeEXM { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__ZTsO6 { border: 0; } } .index-module_teaser__info__3647H { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__2MtJP { order: 2; } .index-module_teaser__visual__1mJBh { order: 2; } .index-module_teaser__visual--left__34SAH { order: 1; } .index-module_teaser__headline__3xPK1 { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__3xPK1 { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__3xPK1 { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__3o5q2 { color: #383838; } .index-module_teaser__headline--lowercase__1PCS- { text-transform: none; } .index-module_teaser__subline__1bnOl { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__1bnOl { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__1bnOl { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__Dqab2 { color: #383838; } .index-module_teaser__button-group__uE8vK { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__uE8vK { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__uE8vK .index-module_button__Enn27 { text-transform: none; } .index-module_teaser__text-link__2qJ_W { color: #00a0de; } .index-module_teaser--no-border__35roA { border: 0; }.index-module_apple-promotion__2G1Fn { background-color: #fff; height: 360px; } .index-module_apple-promotion__2G1Fn .index-module_teaser__wrapper__3efbO { border-left: 0; border-right: 0; height: 100%; padding-left: 12px; padding-right: 12px; } @media screen and (min-width: 768px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__wrapper__3efbO { max-width: 800px; padding: 0 36px; } } @media screen and (min-width: 1025px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__wrapper__3efbO { max-width: 1000px; padding: 0; } } .index-module_apple-promotion__2G1Fn .index-module_teaser__info__3647H { margin-left: auto; margin-right: auto; max-width: 240px; } @media screen and (min-width: 768px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__info__3647H { margin-left: 0; margin-right: 0; max-width: 360px; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__info__3647H { max-width: 480px; } } .index-module_apple-promotion__2G1Fn .index-module_teaser__subline__1bnOl { margin-top: 0; } @media screen and (min-width: 1025px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__subline__1bnOl { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } .index-module_apple-promotion__2G1Fn .index-module_teaser__button-group__uE8vK { margin-top: 24px; } .index-module_apple-promotion__2G1Fn .index-module_teaser__visual__1mJBh { margin-left: auto; margin-right: auto; margin-top: 6px; max-width: 230px; width: 100%; } @media screen and (min-width: 640px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__visual__1mJBh { max-width: 350px; } } @media screen and (min-width: 768px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__visual__1mJBh { margin: 0; max-width: 330px; } } @media screen and (min-width: 1025px) { .index-module_apple-promotion__2G1Fn .index-module_teaser__visual__1mJBh { max-width: 500px; } } .index-module_apple-promotion__2G1Fn .index-module_teaser__visual__1mJBh img { max-width: 100%; }.index-module_button__3o793 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; background-color: #e20074; border: 0; border-radius: 4px; color: #fff; display: inline-block; min-width: 96px; padding: 6px 24px; text-align: center; text-decoration: none; transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out; } .index-module_button__3o793:hover, .index-module_button__3o793:focus { background-color: #d1006c; color: #fff; text-decoration: none; } .index-module_button--secondary__3JQxd { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .index-module_button--secondary__3JQxd:hover, .index-module_button--secondary__3JQxd:focus { background-color: #dcdcdc; border-color: #a3a3a3; color: #262626; text-decoration: none; } .index-module_button--clean__1UPO5 { background-color: #fff; color: #262626; } .index-module_button--clean__1UPO5:hover, .index-module_button--clean__1UPO5:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline__2Eb8M { background-color: transparent; border: 1px solid #6b6b6b; color: #262626; } .index-module_button--outline__2Eb8M:hover, .index-module_button--outline__2Eb8M:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline-white__11AZI { background-color: transparent; border: 1px solid currentColor; color: #fff; } .index-module_button--outline-white__11AZI:hover, .index-module_button--outline-white__11AZI:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; text-decoration: none; } .index-module_button--disabled__2XBwg { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; } .index-module_button--disabled__2XBwg:hover { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; cursor: default; }.index-module_teaser__MUj43 { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__1YmkF { height: 480px; } } .index-module_teaser__wrapper__1GAFY { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__1GAFY { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1GAFY { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__1GAFY { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__1GAFY.index-module___hero__1ZnAf { height: 480px; } } .index-module_teaser__wrapper--small__PZ78n { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__m5Rxt { border: 0; } } .index-module_teaser__info__3Os5m { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__3sfzk { order: 2; } .index-module_teaser__visual__3qXP8 { order: 2; } .index-module_teaser__visual--left__P50g1 { order: 1; } .index-module_teaser__headline__2C5ZS { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__2C5ZS { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__2C5ZS { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__Ix-3F { color: #383838; } .index-module_teaser__headline--lowercase__3DpLE { text-transform: none; } .index-module_teaser__subline__4KL2h { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__4KL2h { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__4KL2h { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__33wI- { color: #383838; } .index-module_teaser__button-group__1k7zy { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__1k7zy { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__1k7zy .index-module_button__3o793 { text-transform: none; } .index-module_teaser__text-link__JLiG1 { color: #00a0de; } .index-module_teaser--no-border__1M_-X { border: 0; }.index-module_xiaomi-fairphone-stage__2ijVj { background-image: url("https://www.telekom.de/resources/images/678134/telekom-smartphone-promotion-xiaomi-+-fairphone-s-640x400.jpg"); background-position: center; background-repeat: no-repeat; box-sizing: border-box; height: 442px; overflow: hidden; } @media screen and (min-width: 640px) { .index-module_xiaomi-fairphone-stage__2ijVj { background-image: url("https://www.telekom.de/resources/images/678120/telekom-smartphone-promotion-xiaomi-+-fairphone-m-1024x400.jpg"); } } @media screen and (min-width: 1025px) { .index-module_xiaomi-fairphone-stage__2ijVj { background-image: url("https://www.telekom.de/resources/images/678136/telekom-smartphone-promotion-xiaomi-+-fairphone-xl-2560x360.jpg"); } }.index-module_wrapper__3i4b3 { box-sizing: border-box; display: flex; flex-direction: row; height: 100%; justify-content: space-between; position: relative; width: 100%; }.index-module_teaser__MUj43 { display: flex; flex-basis: 50%; } .index-module_teaser--left__dQD3n { justify-content: flex-end; } .index-module_teaser--right__18ooI { justify-content: flex-start; }.index-module_info-box__4zBpU { align-items: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 12px 150px; position: relative; width: 100%; } @media screen and (min-width: 640px) { .index-module_info-box__4zBpU { padding: 0 12px 115px; width: 300px; } } @media screen and (min-width: 768px) { .index-module_info-box__4zBpU { padding: 0 12px 135px; width: 320px; } } @media screen and (min-width: 1025px) { .index-module_info-box__4zBpU { justify-content: flex-start; padding: 90px 12px; } } @media screen and (min-width: 640px) { .index-module_info-box--left__1AyKc { margin-right: 20px; } } @media screen and (min-width: 1025px) { .index-module_info-box--left__1AyKc { margin-right: 156px; } } @media screen and (min-width: 1296px) { .index-module_info-box--left__1AyKc { margin-right: 204px; } } @media screen and (min-width: 640px) { .index-module_info-box--right__-yJox { margin-left: 20px; } } @media screen and (min-width: 1025px) { .index-module_info-box--right__-yJox { margin-left: 156px; } } @media screen and (min-width: 1296px) { .index-module_info-box--right__-yJox { margin-left: 184px; } }.index-module_mobile-headline__1dSfy { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #383838; padding: 0; padding-bottom: 6px; position: relative; text-align: center; text-transform: uppercase; top: 40px; width: 100%; } @media screen and (min-width: 440px) { .index-module_mobile-headline__1dSfy { left: 8px; } } @media screen and (min-width: 640px) { .index-module_mobile-headline__1dSfy { top: 60px; } } @media screen and (min-width: 768px) { .index-module_mobile-headline__1dSfy { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; left: 12px; top: 40px; } } @media screen and (min-width: 1025px) { .index-module_mobile-headline__1dSfy { display: none; } }.index-module_subline__3BzB8 { display: none; max-width: 280px; font-size: 17px; font-size: 1.0625rem; line-height: 20px; line-height: 1.25rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; } @media screen and (min-width: 1025px) { .index-module_subline__3BzB8 { display: inline; } } .index-module_subline--white__26bdn { color: white; } .index-module_subline--centered__16-mg { text-align: center; }@media screen and (min-width: 640px) { .index-module_xiaomi-teaser__1IQFQ { width: 50%; } }.index-module_fairphone-teaser__1-0-L { width: 50%; }.index-module_xiaomi-logo__1iUd4 { margin-bottom: 30px; max-width: 104px; width: 25vw; } @media screen and (min-width: 1025px) { .index-module_xiaomi-logo__1iUd4 { margin-bottom: 0; max-width: none; width: 274px; } }.index-module_fairphone-logo__3iuVN { margin-bottom: 65px; max-width: 148px; width: 34.5vw; } @media screen and (min-width: 640px) { .index-module_fairphone-logo__3iuVN { margin-bottom: 65px; } } @media screen and (min-width: 1025px) { .index-module_fairphone-logo__3iuVN { margin-bottom: 4px; margin-top: -4px; max-width: none; width: 248px; } }.index-module_xiaomi-devices-visual__3yYaU { margin-bottom: 36px; pointer-events: none; width: 120px; } @media screen and (min-width: 1025px) { .index-module_xiaomi-devices-visual__3yYaU { position: absolute; right: -130px; top: 125px; width: 180px; } } @media screen and (min-width: 1296px) { .index-module_xiaomi-devices-visual__3yYaU { right: -170px; top: 100px; width: 240px; } }.index-module_fairphone-combined-visual__2jXb- { margin-bottom: 36px; } @media screen and (min-width: 1025px) { .index-module_fairphone-combined-visual__2jXb- { display: none; } }.index-module_fairphone-smartphone-visual__1KDW1 { display: none; } @media screen and (min-width: 1025px) { .index-module_fairphone-smartphone-visual__1KDW1 { bottom: 120px; display: inline; left: -120px; position: absolute; width: 120px; } } @media screen and (min-width: 1296px) { .index-module_fairphone-smartphone-visual__1KDW1 { bottom: 70px; left: -140px; width: 140px; } }.index-module_fairphone-accessories-visual__2Mz3f { display: none; } @media screen and (min-width: 1025px) { .index-module_fairphone-accessories-visual__2Mz3f { bottom: 60px; display: inline; left: 50px; position: absolute; } }.index-module_button--outline-white-mobile__3K4e0 { background-color: transparent; border: 1px solid #6b6b6b; color: #262626; } .index-module_button--outline-white-mobile__3K4e0:hover, .index-module_button--outline-white-mobile__3K4e0:focus { background-color: #ededed; color: #262626; text-decoration: none; } @media screen and (min-width: 1025px) { .index-module_button--outline-white-mobile__3K4e0 { background-color: transparent; border: 1px solid currentColor; color: #fff; } .index-module_button--outline-white-mobile__3K4e0:hover, .index-module_button--outline-white-mobile__3K4e0:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; text-decoration: none; } }.index-module_button_link__yKgkW { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__yKgkW:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__yKgkW::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__yKgkW:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__1ijd2 { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__2IZag { margin: 18px 0; }.index-module_content__2KwXa.index-module___start-text__3rSd1 { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_css__1u81G { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_headline-2__28uv- { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_headline-2__28uv-.index-module_not-first__3xRjX { margin-top: 12px; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_subline__1_Fqj { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_subline__1_Fqj { font-size: 24px; line-height: 28px; } } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_show__3zfPG { display: none; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_show__3zfPG.index-module___active__34M35 { display: block; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_show-button___qvLJ { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_copy__2OAHO { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_copy--block__3o51N { margin-top: 12px; } .index-module_content__2KwXa.index-module___start-text__3rSd1 .index-module_content_section__3pTNc .index-module_content_copy__2OAHO:last-child { margin-bottom: 30px; }.index-module_button_link__1n3mc { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__1n3mc:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__1n3mc::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__1n3mc:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__D-zWt { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__1j3O6 { margin: 18px 0; }.index-module_content__2ukvZ.index-module___start-text__1JuuW { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_css__1s9RF { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_headline-2__2K1Oo { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_headline-2__2K1Oo.index-module_not-first__mnPhA { margin-top: 12px; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_subline__LmVoR { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_subline__LmVoR { font-size: 24px; line-height: 28px; } } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_show__30zDa { display: none; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_show__30zDa.index-module___active__MUa9K { display: block; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_show-button__1HiSD { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_copy__30xS_ { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_copy--block__2tYTq { margin-top: 12px; } .index-module_content__2ukvZ.index-module___start-text__1JuuW .index-module_content_section__3VJGJ .index-module_content_copy__30xS_:last-child { margin-bottom: 30px; }.index-module_button_link__2WDZI { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__2WDZI:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__2WDZI::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__2WDZI:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__3jmh2 { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__2cW_O { margin: 18px 0; }.index-module_content__1bun-.index-module___start-text__bpzzv { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_css__1Egod { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_headline-2__1ux-t { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_headline-2__1ux-t.index-module_not-first__1Xijo { margin-top: 12px; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_subline__xYfHK { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_subline__xYfHK { font-size: 24px; line-height: 28px; } } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_show__r3hTY { display: none; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_show__r3hTY.index-module___active__2FSha { display: block; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_show-button__12dfM { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_copy__2m8xo { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_copy--block__hKfDF { margin-top: 12px; } .index-module_content__1bun-.index-module___start-text__bpzzv .index-module_content_section__3Eg_x .index-module_content_copy__2m8xo:last-child { margin-bottom: 30px; }.index-module_button_link__3-r3k { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3-r3k:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3-r3k::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3-r3k:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__3jMls { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__mT5JQ { margin: 18px 0; }.index-module_content__1s1DE.index-module___start-text__3GRE5 { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_css__1XfSL { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_headline-2__-DK6j { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_headline-2__-DK6j.index-module_not-first__1FSAF { margin-top: 12px; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_subline__ea0mx { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_subline__ea0mx { font-size: 24px; line-height: 28px; } } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_show__2Ra8R { display: none; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_show__2Ra8R.index-module___active__wuP08 { display: block; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_show-button__21XW1 { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_copy__1WcTf { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_copy--block__M8DKd { margin-top: 12px; } .index-module_content__1s1DE.index-module___start-text__3GRE5 .index-module_content_section__3IkDy .index-module_content_copy__1WcTf:last-child { margin-bottom: 30px; }.index-module_button_link__3naY8 { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3naY8:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3naY8::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3naY8:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__X0E7S { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__2s25m { margin: 18px 0; }.index-module_content__2iyAN.index-module___start-text__ndlDZ { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_css__Hmpz_ { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_headline-2__FXppP { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_headline-2__FXppP.index-module_not-first__2UKQ6 { margin-top: 12px; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_subline__2A73D { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_subline__2A73D { font-size: 24px; line-height: 28px; } } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_show__36gth { display: none; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_show__36gth.index-module___active__xxDNk { display: block; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_show-button__2cn3K { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_copy__2uyCw { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_copy--block__1aXmi { margin-top: 12px; } .index-module_content__2iyAN.index-module___start-text__ndlDZ .index-module_content_section__4aeSH .index-module_content_copy__2uyCw:last-child { margin-bottom: 30px; }.index-module_button_link__3j7v4 { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3j7v4:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3j7v4::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3j7v4:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__1K3Ae { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__1oM8n { margin: 18px 0; }.index-module_content__LO-Zw.index-module___start-text__3jlrQ { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_css__24bFi { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_headline-2__1BBuk { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_headline-2__1BBuk.index-module_not-first__1aeuu { margin-top: 12px; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_subline__3vj9z { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_subline__3vj9z { font-size: 24px; line-height: 28px; } } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_show__1MVKl { display: none; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_show__1MVKl.index-module___active__3V-XF { display: block; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_show-button__1pgZ5 { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_copy__2kvyE { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_copy--block__3kmPv { margin-top: 12px; } .index-module_content__LO-Zw.index-module___start-text__3jlrQ .index-module_content_section__fQLg6 .index-module_content_copy__2kvyE:last-child { margin-bottom: 30px; }.index-module_button_link__2D7FJ { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__2D7FJ:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__2D7FJ::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__2D7FJ:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__2JYqk { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__YZ0rt { margin: 18px 0; }.index-module_content__2ROqO.index-module___start-text__5owcw { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_css__2Ku-T { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_headline-2__3FFat { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_headline-2__3FFat.index-module_not-first__3xG06 { margin-top: 12px; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_subline__3Ii39 { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_subline__3Ii39 { font-size: 24px; line-height: 28px; } } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_show__2aizI { display: none; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_show__2aizI.index-module___active__28NvX { display: block; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_show-button__3OByf { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_copy__2MWHb { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_copy--block__1Una_ { margin-top: 12px; } .index-module_content__2ROqO.index-module___start-text__5owcw .index-module_content_section__m-MyI .index-module_content_copy__2MWHb:last-child { margin-bottom: 30px; }.index-module_button_link__1NvBq { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__1NvBq:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__1NvBq::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__1NvBq:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__3RqSa { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__s39Pf { margin: 18px 0; }.index-module_content__1B5JD.index-module___start-text__vHqZi { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_css__3fSnG { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_headline-2__2SJw7 { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_headline-2__2SJw7.index-module_not-first__1b1sx { margin-top: 12px; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_subline__y-8KO { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_subline__y-8KO { font-size: 24px; line-height: 28px; } } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_show__23DOj { display: none; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_show__23DOj.index-module___active__2dmw9 { display: block; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_show-button__36Vpr { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_copy__sPYoB { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_copy--block__2CFRU { margin-top: 12px; } .index-module_content__1B5JD.index-module___start-text__vHqZi .index-module_content_section__3Jq6d .index-module_content_copy__sPYoB:last-child { margin-bottom: 30px; }.index-module_button_link__2dxiA { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__2dxiA:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__2dxiA::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__2dxiA:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__NpQSh { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__15gCi { margin: 18px 0; }.index-module_content__3qWwa.index-module___start-text__2QdjC { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_css__t6kEk { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_headline-2__3dt_n { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_headline-2__3dt_n.index-module_not-first__2ZLIR { margin-top: 12px; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_subline__2TirC { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_subline__2TirC { font-size: 24px; line-height: 28px; } } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_show__13R3I { display: none; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_show__13R3I.index-module___active__GWA_y { display: block; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_show-button__2h7nb { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_copy__3KkGD { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_copy--block__goke8 { margin-top: 12px; } .index-module_content__3qWwa.index-module___start-text__2QdjC .index-module_content_section__VbDVn .index-module_content_copy__3KkGD:last-child { margin-bottom: 30px; }.index-module_button_link__3ud29 { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3ud29:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3ud29::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3ud29:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__qbWK1 { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__SZ26j { margin: 18px 0; }.index-module_content__2N-qG.index-module___start-text__28N4k { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_css__L8xtQ { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_headline-2__1pWFS { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_headline-2__1pWFS.index-module_not-first__6JzDq { margin-top: 12px; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_subline__2E0gU { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_subline__2E0gU { font-size: 24px; line-height: 28px; } } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_show__33o9a { display: none; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_show__33o9a.index-module___active__3ObBr { display: block; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_show-button__3Chnd { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_copy__1-A64 { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_copy--block__ue6lY { margin-top: 12px; } .index-module_content__2N-qG.index-module___start-text__28N4k .index-module_content_section__36ESK .index-module_content_copy__1-A64:last-child { margin-bottom: 30px; }.index-module_button_link__1nM6_ { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__1nM6_:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__1nM6_::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__1nM6_:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__14h4v { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__34xlG { margin: 18px 0; }.index-module_content__2sLr_.index-module___start-text__1NmE2 { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_css__3DzFK { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_headline-2__32AAE { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_headline-2__32AAE.index-module_not-first__2SBi- { margin-top: 12px; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_subline__aZpTj { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_subline__aZpTj { font-size: 24px; line-height: 28px; } } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_show__2xgGt { display: none; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_show__2xgGt.index-module___active__1fKzJ { display: block; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_show-button__1L9QM { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_copy__crO8e { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_copy--block__2QwDN { margin-top: 12px; } .index-module_content__2sLr_.index-module___start-text__1NmE2 .index-module_content_section__Rsea4 .index-module_content_copy__crO8e:last-child { margin-bottom: 30px; }.index-module_button_link__2LEoP { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__2LEoP:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__2LEoP::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__2LEoP:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__Bsn5z { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__3MNr_ { margin: 18px 0; }.index-module_content__1eli0.index-module___start-text__3uU6u { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_css__1k1VW { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_headline-2__363lP { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_headline-2__363lP.index-module_not-first__3y_J5 { margin-top: 12px; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_subline__3Q4eD { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_subline__3Q4eD { font-size: 24px; line-height: 28px; } } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_show__3i6pm { display: none; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_show__3i6pm.index-module___active__3W7Mn { display: block; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_show-button__DzUqN { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_copy__1B73x { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_copy--block__1ORXL { margin-top: 12px; } .index-module_content__1eli0.index-module___start-text__3uU6u .index-module_content_section__3Hq30 .index-module_content_copy__1B73x:last-child { margin-bottom: 30px; }.index-module_button_link__3YJxY { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3YJxY:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3YJxY::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3YJxY:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__3Ekmp { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__3bV3x { margin: 18px 0; }.index-module_content__3z4Io.index-module___start-text__22SgK { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_css__2GdAH { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_headline-2__3hLBr { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_headline-2__3hLBr.index-module_not-first__36wlZ { margin-top: 12px; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_subline__3KleM { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_subline__3KleM { font-size: 24px; line-height: 28px; } } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_show__2Crzu { display: none; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_show__2Crzu.index-module___active__3mkGv { display: block; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_show-button__Jy8O_ { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_copy__17yFA { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_copy--block__1ZpRN { margin-top: 12px; } .index-module_content__3z4Io.index-module___start-text__22SgK .index-module_content_section__2q42j .index-module_content_copy__17yFA:last-child { margin-bottom: 30px; }.index-module_button_link__3wg4y { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3wg4y:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3wg4y::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3wg4y:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__U_vtd { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; box-sizing: border-box; }.index-module_content_list__bcn2p { margin: 18px 0; }.index-module_content__TBQje.index-module___start-text__3-TwY { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_css__qhOBV { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_headline-2__214I8 { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_headline-2__214I8.index-module_not-first__1dF_t { margin-top: 12px; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_subline__2v-zU { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_subline__2v-zU { font-size: 24px; line-height: 28px; } } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_show__7TB0_ { display: none; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_show__7TB0_.index-module___active__1deTJ { display: block; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_show-button__198vX { cursor: pointer; margin-top: -6px; display: block; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_copy__18Xr2 { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_copy--block__2KIhs { margin-top: 12px; } .index-module_content__TBQje.index-module___start-text__3-TwY .index-module_content_section__3KMMm .index-module_content_copy__18Xr2:last-child { margin-bottom: 30px; }.index-module_button_link__3RHS4 { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__3RHS4:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__3RHS4::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__3RHS4:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__1MRN0 { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__3VA4U { margin: 18px 0; }.index-module_content__1sK4l.index-module___start-text__zgCTV { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_css__36u6r { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_headline-2__2fJfq { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_headline-2__2fJfq.index-module_not-first__32Hqd { margin-top: 12px; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_subline__3yTW_ { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_subline__3yTW_ { font-size: 24px; line-height: 28px; } } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_show__2sDS2 { display: none; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_show__2sDS2.index-module___active__zAneN { display: block; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_show-button__3Wapb { cursor: pointer; display: block; margin-top: -6px; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_copy__3oPDC { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_copy--block__qc-Uf { margin-top: 12px; } .index-module_content__1sK4l.index-module___start-text__zgCTV .index-module_content_section__16Si0 .index-module_content_copy__3oPDC:last-child { margin-bottom: 30px; }.index-module_button_link__2ZXWL { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__2ZXWL:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__2ZXWL::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__2ZXWL:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__1Jn0w { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__3zOkg { margin: 18px 0; }.index-module_content__25qql.index-module___start-text__2oO-J { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_css__2GSxY { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_headline-2__253_t { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_headline-2__253_t.index-module_not-first__3zBZJ { margin-top: 12px; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_subline__uH9GG { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_subline__uH9GG { font-size: 24px; line-height: 28px; } } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_show__3DK61 { display: none; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_show__3DK61.index-module___active__1kvkw { display: block; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_show-button__1BS8n { cursor: pointer; display: block; margin-top: -6px; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_copy__2NTJH { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_copy--block__M2iJz { margin-top: 12px; } .index-module_content__25qql.index-module___start-text__2oO-J .index-module_content_section__j_16K .index-module_content_copy__2NTJH:last-child { margin-bottom: 30px; }.index-module_button_link__39lmz { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__39lmz:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__39lmz::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__39lmz:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__2zTQz { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__3yqGs { margin: 18px 0; }.index-module_content__2qpsD.index-module___start-text__3ofDS { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_css__-zP1D { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_headline-2__1KOnM { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_headline-2__1KOnM.index-module_not-first__3sBge { margin-top: 12px; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_subline__2-LtZ { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_subline__2-LtZ { font-size: 24px; line-height: 28px; } } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_show__FtK3C { display: none; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_show__FtK3C.index-module___active__2_qo7 { display: block; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_show-button__n-enG { cursor: pointer; display: block; margin-top: -6px; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_copy__YEd7R { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_copy--block__3mQRH { margin-top: 12px; } .index-module_content__2qpsD.index-module___start-text__3ofDS .index-module_content_section__2imRg .index-module_content_copy__YEd7R:last-child { margin-bottom: 30px; }.index-module_button_link__PrTRn { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__PrTRn:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__PrTRn::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__PrTRn:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__3FuIL { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__3ndd1 { margin: 18px 0; }.index-module_content__2TBmD.index-module___start-text__1ZwMr { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_css__1cAuv { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_headline-2__2Gjus { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_headline-2__2Gjus.index-module_not-first__10S3e { margin-top: 12px; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_subline__17JZg { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_subline__17JZg { font-size: 24px; line-height: 28px; } } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_show__jzSUA { display: none; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_show__jzSUA.index-module___active__20WPg { display: block; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_show-button__2G7yX { cursor: pointer; display: block; margin-top: -6px; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_copy__38XqF { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_copy--block__2XuHQ { margin-top: 12px; } .index-module_content__2TBmD.index-module___start-text__1ZwMr .index-module_content_section__1EQZR .index-module_content_copy__38XqF:last-child { margin-bottom: 30px; }.index-module_button_link__2kiV7 { align-items: normal; -moz-appearance: none; background-color: rgba(0, 0, 0, 0); border-color: #007faf; border-style: none; box-sizing: content-box; color: #007faf; cursor: pointer; display: inline; font: inherit; height: auto; -webkit-logical-height: 1em; /* Chrome ignores auto, so we have to use this hack to set the correct height */ -webkit-logical-width: auto; /* Chrome ignores auto, but here for completeness */ outline: none; padding: 0; perspective-origin: 0 0; text-align: start; text-decoration: none; transform-origin: 0 0; width: auto; } .index-module_button_link__2kiV7:hover { text-decoration: underline; }/* Mozilla uses a pseudo-element to show focus on buttons, *//* but anchors are highlighted via the focus pseudo-class. */@supports (-moz-appearance: none) { /* Mozilla-only */ .index-module_button_link__2kiV7::-moz-focus-inner { /* reset any predefined properties */ border: none; padding: 0; } .index-module_button_link__2kiV7:focus { /* add outline to focus pseudo-class */ outline-style: dotted; outline-width: 1px; } }.index-module_ag1__1nxtp { box-sizing: border-box; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; }.index-module_content_list__3tAXD { margin: 18px 0; }.index-module_content__2P15M.index-module___start-text__2RdoL { background-color: #f5f5f5; color: #383838; padding-bottom: 48px; padding-left: 15px; padding-right: 15px; padding-top: 0; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_css__H0TRy { margin-left: auto; margin-right: auto; max-width: 1048px; padding: 48px 12px 0; text-align: left; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_headline-2__1ucN1 { font-size: 36px; font-weight: 200; line-height: 42px; margin-bottom: 16px; padding: 0; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_headline-2__1ucN1.index-module_not-first__3uMdH { margin-top: 12px; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_subline__3s94S { margin-bottom: 6px; margin-top: 12px; } @media screen and (min-width: 640px) { .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_subline__3s94S { font-size: 24px; line-height: 28px; } } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_show__2FLog { display: none; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_show__2FLog.index-module___active__1lU-L { display: block; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_show-button__21-Wb { cursor: pointer; display: block; margin-top: -6px; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_copy__11B36 { margin-left: 0; margin-right: 0; max-width: inherit; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_copy--block__3ojPQ { margin-top: 12px; } .index-module_content__2P15M.index-module___start-text__2RdoL .index-module_content_section__3NLNU .index-module_content_copy__11B36:last-child { margin-bottom: 30px; }.index-module_hint-box-container__2p5Ph { margin-left: auto; margin-right: auto; margin-top: 48px; max-width: 1044px; } @media screen and (min-width: 1304px) { .index-module_hint-box-container__2p5Ph { margin-top: 60px; } } @media screen and (min-width: 1024px) { .index-module_hint-box-container__2p5Ph { display: flex; flex-direction: row; flex-wrap: wrap; } } .index-module_hint-box-container--s__3cPIU { max-width: 784px; } .index-module_hint-box-container--l__3wpn5 { max-width: 1304px; }.index-module_hint-box__I7890 { border: 1px solid #d8d8d8; border-top-color: #e20074; box-sizing: border-box; color: #383838; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; margin: 0 12px 30px; padding: 24px 24px 6px; position: relative; text-align: center; } @media screen and (min-width: 1024px) { .index-module_hint-box__I7890 { width: 100%; } } @media screen and (min-width: 1304px) { .index-module_hint-box__I7890 { margin-bottom: 60px; } } .index-module_hint-box__I7890::before { background-color: #fff; color: #e20074; content: attr(title); display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; left: 50%; padding: 0 20px; position: absolute; text-transform: uppercase; top: 0; transform: translate(-50%, -50%); white-space: nowrap; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } @media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { .index-module_hint-box__I7890::before { line-height: 20px; } } .index-module_hint-box--petrol__1_15E { border-top-color: #1bada2; } .index-module_hint-box--petrol__1_15E::before { color: #1bada2; } @media screen and (min-width: 1024px) { .index-module_hint-box--small__ZZ4hR { width: calc(50% - 24px); } } .index-module_hint-box--versandkostenfrei__3kj6F .index-module_hint-box__description__3co2s { color: #e20074; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; } @media screen and (min-width: 1024px) { .index-module_hint-box--versandkostenfrei__3kj6F .index-module_hint-box__description__3co2s { font-size: 36px; line-height: 42px; } } .index-module_hint-box__headline__wanel { color: #e20074; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; font-size: 2.5rem; line-height: 2.875rem; margin: -10px 0 10px 0; padding: 0; text-transform: uppercase; } .index-module_hint-box__headline--no-uppercase__1KANJ { text-transform: none; } .index-module_hint-box__topheadline__1z1qx { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; color: #e20074; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; margin: 0 0 24px 0; padding: 0; text-align: center; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_hint-box__topheadline__1z1qx { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } .index-module_hint-box__visual__2ijD9 { margin-bottom: 12px; } .index-module_hint-box__description__3co2s { margin: 0 0 12px 0; padding: 0; } .index-module_hint-box__I7890 a { background: transparent; color: #007faf; text-decoration: none; } .index-module_hint-box__I7890 a:hover { color: #0082b2; text-decoration: underline; } .index-module_hint-box__single-link__1NfCn { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; } .index-module_hint-box__button__2HPHg { display: block; margin-bottom: 21px; } @media screen and (min-width: 480px) { .index-module_hint-box__button__2HPHg { display: inline-block; margin-bottom: 0; } } @media screen and (min-width: 480px) { .index-module_hint-box__button--left__1TK5b { margin-right: 21px; } } @media screen and (min-width: 480px) { .index-module_hint-box__button--right__32guu { margin-left: 21px; } }.index-module_button__2s4OO { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #fafafa; border-color: #b3b3b3; border-radius: 4px; border-style: solid; border-width: 1px; color: #383838; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; padding: 6px 24px; text-align: center; text-decoration: none; } .index-module_button__2s4OO:hover, .index-module_button__2s4OO:focus { background-color: #ebebeb; color: #383838; text-decoration: none; } .index-module_button__2s4OO:active, .index-module_button__2s4OO.index-module___active__2m6YE { background-color: #d4d4d4; } .index-module_button__2s4OO.index-module___cta__2ZkQ3 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: #e20074; border-color: #b1035b; color: #fff; padding: 12px 36px; text-transform: uppercase; } .index-module_button__2s4OO.index-module___cta__2ZkQ3:hover, .index-module_button__2s4OO.index-module___cta__2ZkQ3:focus { background-color: #d1006c; } .index-module_button__2s4OO.index-module___cta__2ZkQ3:active { background-color: #bd0061; } .index-module_button__2s4OO.index-module___aero__269Ux { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; background-color: transparent; border-color: #fff; color: #fff; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; padding: 12px; text-transform: uppercase; } .index-module_button__2s4OO.index-module___aero__269Ux:hover { background-color: #e20074; } .index-module_button__2s4OO.index-module___aero__269Ux.index-module___dark__1hYYi { border-color: #383838; color: #383838; } .index-module_button__2s4OO.index-module___aero__269Ux.index-module___dark__1hYYi:hover { border-color: #e20074; color: #fff; } .index-module_button__2s4OO:disabled, .index-module_button__2s4OO.index-module___disabled__3b1Ca { background-color: #fafafa; color: #383838; cursor: default; opacity: 0.5; } .index-module_button__2s4OO:disabled:hover, .index-module_button__2s4OO:disabled:focus, .index-module_button__2s4OO:disabled:active, .index-module_button__2s4OO.index-module___disabled__3b1Ca:hover, .index-module_button__2s4OO.index-module___disabled__3b1Ca:focus, .index-module_button__2s4OO.index-module___disabled__3b1Ca:active { background-color: #fafafa; } .index-module_button--primary__1fakB { background: #e20074; color: #fff; } .index-module_button--primary__1fakB:hover, .index-module_button--primary__1fakB:active, .index-module_button--primary__1fakB:focus { background-color: #d1006c; color: #fff; }.index-module_badge__By8Ye { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #53baf2; border-radius: 50%; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; margin: 0 0 0.4em; overflow: hidden; padding: 0; position: relative; text-align: center; text-transform: uppercase; transform: rotate(-7.5deg); width: 60px; } .index-module_badge__By8Ye::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--savings__2rfyA { background-color: #1bada2; } .index-module_badge--topseller__Vkzqr { background-color: #ff9a1e; } .index-module_badge__wrapper__3mDUG { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .index-module_badge__content__1aqw2 { color: #fff; text-transform: uppercase; } .index-module_badge__By8Ye strong, .index-module_badge__By8Ye b { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; }/* DEPRECATED - do not use */.index-module_stage__1dQm_ { background-color: #fff; background-position: 50% top; background-repeat: no-repeat; position: relative; text-align: center; }.index-module_stage_css__1jFbj { margin-left: auto; margin-right: auto; max-width: 1048px; height: 360px; padding: 24px 12px; } @media screen and (min-width: 640px) { .index-module_stage_css__1jFbj { padding-bottom: 48px; padding-top: 48px; } }.index-module_stage_headline__PqmzG { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; color: #383838; display: block; margin: -9px 0 24px; padding: 0; } @media screen and (min-width: 640px) { .index-module_stage_headline__PqmzG { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; margin-bottom: 27px; margin-top: -12px; } } .index-module_stage_headline__PqmzG.index-module___secondary__3juAl { font-size: 27px; font-size: 1.6875rem; line-height: 32px; line-height: 2rem; margin: -8px 0 11px; } @media screen and (min-width: 640px) { .index-module_stage_headline__PqmzG.index-module___secondary__3juAl { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; margin-bottom: 15px; margin-top: -11px; } }.index-module_stage_subline__OQ2Z0 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #383838; display: block; margin: -7px 0 16px; padding: 0; } @media screen and (min-width: 640px) { .index-module_stage_subline__OQ2Z0 { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; margin: -5px 0 29px; } } .index-module_stage_subline__OQ2Z0.index-module___secondary__3juAl { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; margin: -7px 0 16px; } @media screen and (min-width: 640px) { .index-module_stage_subline__OQ2Z0.index-module___secondary__3juAl { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin: -5px 0 29px; } }.index-module_stage_copy__3I3KY { font-size: 15px; font-size: 0.9375rem; line-height: 18px; line-height: 1.125rem; color: #383838; display: block; margin: -7px 0 16px; padding: 0; } @media screen and (min-width: 640px) { .index-module_stage_copy__3I3KY { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; margin: -5px 0 29px; } }.index-module_stage_price__vUXTR { font-size: 24px; font-size: 1.5rem; line-height: 23px; line-height: 1.4375rem; color: #e20074; } @media screen and (min-width: 640px) { .index-module_stage_price__vUXTR { font-size: 36px; font-size: 2.25rem; line-height: 23px; line-height: 1.4375rem; } }.index-module_stage_image__3VpPc { margin: 0 auto; }.index-module_kinderschutz__2a1az { background: #e5f5fd; box-sizing: border-box; color: #383838; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; font-size: 18px; line-height: 24px; margin-bottom: 48px; margin-left: auto; margin-right: auto; max-width: 840px; padding: 15px 15px 17px; text-align: center; width: 100%; } .index-module_kinderschutz__2a1az a { background: transparent; color: #007faf; text-decoration: none; } .index-module_kinderschutz__2a1az a:hover { color: #0082b2; text-decoration: underline; }.index-module_content__1eJQO { max-width: 1000px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 18px; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; } .index-module_content__link__1N9dh { background: transparent; color: #007faf; text-decoration: none; } .index-module_content__link__1N9dh:hover { color: #0082b2; text-decoration: underline; }.index-module_content__UAvBN { max-width: 1000px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 18px; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; } .index-module_content__link__3adAF { background: transparent; color: #007faf; text-decoration: none; } .index-module_content__link__3adAF:hover { color: #0082b2; text-decoration: underline; }.index-module_button__TR6xs { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; background-color: #e20074; border: 0; border-radius: 4px; color: #fff; display: inline-block; min-width: 96px; padding: 6px 24px; text-align: center; text-decoration: none; transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out; } .index-module_button__TR6xs:hover, .index-module_button__TR6xs:focus { background-color: #d1006c; color: #fff; text-decoration: none; } .index-module_button--secondary__28G_8 { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .index-module_button--secondary__28G_8:hover, .index-module_button--secondary__28G_8:focus { background-color: #dcdcdc; border-color: #a3a3a3; color: #262626; text-decoration: none; } .index-module_button--clean__2JT_l { background-color: #fff; color: #262626; } .index-module_button--clean__2JT_l:hover, .index-module_button--clean__2JT_l:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline__3NyvB { background-color: transparent; border: 1px solid #6b6b6b; color: #262626; } .index-module_button--outline__3NyvB:hover, .index-module_button--outline__3NyvB:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline-white__3wxjv { background-color: transparent; border: 1px solid currentColor; color: #fff; } .index-module_button--outline-white__3wxjv:hover, .index-module_button--outline-white__3wxjv:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; text-decoration: none; } .index-module_button--disabled__2Lv0z { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; } .index-module_button--disabled__2Lv0z:hover { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; cursor: default; }.index-module_badge__TUBWK { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; background-color: #53baf2; border-radius: 50%; display: inline-block; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 500; margin: 0 0 0.4em; overflow: hidden; padding: 0; position: relative; text-align: center; text-transform: uppercase; transform: rotate(-7.5deg); width: 60px; } .index-module_badge__TUBWK::after { content: " "; display: block; padding-top: 100%; } .index-module_badge--savings__2A7zW { background-color: #1bada2; } .index-module_badge--topseller__228Iq { background-color: #ff9a1e; } .index-module_badge__wrapper__18Vmx { align-items: center; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; } .index-module_badge__content__7rwkI { color: #fff; text-transform: uppercase; } .index-module_badge__TUBWK strong, .index-module_badge__TUBWK b { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; }.index-module_teaser__2IiAp { border-bottom: 1px solid #d0d0d0; overflow: hidden; position: relative; } @media screen and (min-width: 1025px) { .index-module_teaser__hero__3SIXp { height: 480px; } } .index-module_teaser__wrapper__2mf4E { height: 400px; max-width: 1296px; padding-left: 12px; padding-right: 12px; padding-top: 32px; text-align: center; } @media screen and (min-width: 640px) { .index-module_teaser__wrapper__2mf4E { align-items: center; display: flex; justify-content: space-between; margin: 0 auto; padding: 0; text-align: left; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2mf4E { height: 440px; padding-left: 36px; padding-right: 36px; } } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper__2mf4E { border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; } } @media screen and (min-width: 1025px) { .index-module_teaser__wrapper__2mf4E.index-module___hero__aO9eq { height: 480px; } } .index-module_teaser__wrapper--small__cy9L6 { height: auto; } @media screen and (min-width: 1296px) { .index-module_teaser__wrapper--no-border__1ujb0 { border: 0; } } .index-module_teaser__info__j-Jm6 { font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 400; order: 1; } .index-module_teaser__info--right__p5-3e { order: 2; } .index-module_teaser__visual__288BN { order: 2; } .index-module_teaser__visual--left__2fUOK { order: 1; } .index-module_teaser__headline__1W8G9 { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 900; color: #fff; margin: 0; padding: 0; padding-bottom: 6px; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_teaser__headline__1W8G9 { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } @media screen and (min-width: 1025px) { .index-module_teaser__headline__1W8G9 { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-bottom: 12px; } } .index-module_teaser__headline--dark__23oQF { color: #383838; } .index-module_teaser__headline--lowercase__2SsR_ { text-transform: none; } .index-module_teaser__subline__3UnHI { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 0; } @media screen and (min-width: 768px) { .index-module_teaser__subline__3UnHI { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-left: 0; margin-right: 0; } } @media screen and (min-width: 1025px) { .index-module_teaser__subline__3UnHI { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; } } .index-module_teaser__subline--dark__3Bp2B { color: #383838; } .index-module_teaser__button-group__VSUby { bottom: 36px; left: 0; position: absolute; right: 0; } @media screen and (min-width: 640px) { .index-module_teaser__button-group__VSUby { bottom: 0; left: auto; margin-top: 48px; position: relative; right: auto; } } .index-module_teaser__button-group__VSUby .index-module_button__TR6xs { text-transform: none; } .index-module_teaser__text-link__1ufbW { color: #00a0de; } .index-module_teaser--no-border__537q9 { border: 0; }.index-module_cashback-teaser__1sDua { height: 360px; background-image: url("https://www.telekom.de/resources/images/633534/cashback-m.png"); background-position: calc(50% - 33px); background-repeat: no-repeat; text-align: center; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; margin-top: 60px; } @media (min-width: 1025px) { .index-module_cashback-teaser__1sDua { background-image: url("https://www.telekom.de/resources/images/633536/cashback-l.png"); background-position: center; } } .index-module_cashback-teaser__headline__14AFz { margin-bottom: 36px; padding: 100px 20px 0; margin: 0 0 12px 0; color: #fff; font-weight: 900; font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; text-transform: uppercase; } @media screen and (min-width: 768px) { .index-module_cashback-teaser__headline__14AFz { padding-top: 90px; } } @media (min-width: 1025px) { .index-module_cashback-teaser__headline__14AFz { font-size: 48px; font-size: 3rem; line-height: 48px; line-height: 3rem; padding-top: 80px; } } .index-module_cashback-teaser__subline__1yK3Z { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; color: #fff; font-weight: 300; margin: 0 auto 12px auto; max-width: 296px; } @media (min-width: 768px) { .index-module_cashback-teaser__subline__1yK3Z { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; max-width: 430px; } } @media (min-width: 1025px) { .index-module_cashback-teaser__subline__1yK3Z { font-size: 24px; font-size: 1.5rem; line-height: 29px; line-height: 1.8125rem; max-width: 540px; } } .index-module_cashback-teaser__link__2HIWg { color: #fff; } .index-module_cashback-teaser__1sDua .index-module_button__TR6xs { margin-top: 24px; }.index-module_button__1ur90 { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; background-color: #e20074; border: 0; border-radius: 4px; color: #fff; display: inline-block; min-width: 96px; padding: 6px 24px; text-align: center; text-decoration: none; transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out; } .index-module_button__1ur90:hover, .index-module_button__1ur90:focus { background-color: #d1006c; color: #fff; text-decoration: none; } .index-module_button--secondary__2vHTp { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .index-module_button--secondary__2vHTp:hover, .index-module_button--secondary__2vHTp:focus { background-color: #dcdcdc; border-color: #a3a3a3; color: #262626; text-decoration: none; } .index-module_button--clean__yCENU { background-color: #fff; color: #262626; } .index-module_button--clean__yCENU:hover, .index-module_button--clean__yCENU:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline__1nJxx { background-color: transparent; border: 1px solid #6b6b6b; color: #262626; } .index-module_button--outline__1nJxx:hover, .index-module_button--outline__1nJxx:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline-white__La3Jv { background-color: transparent; border: 1px solid currentColor; color: #fff; } .index-module_button--outline-white__La3Jv:hover, .index-module_button--outline-white__La3Jv:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; text-decoration: none; } .index-module_button--disabled__2XSNs { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; } .index-module_button--disabled__2XSNs:hover { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; cursor: default; }.index-module_shopfinder__2h9js { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; background-color: #F5F5F5; text-align: center; color: #383838; padding: 0 12px 48px 12px; margin-top: 98px; } @media screen and (min-width: 768px) { .index-module_shopfinder__2h9js { padding: 0 0 60px 0; margin-top: 163px; } } .index-module_shopfinder__image__3u1Kw { margin-top: -38px; } .index-module_shopfinder__headline__33ZrT { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-bottom: 21px; margin-top: 30px; } @media screen and (min-width: 768px) { .index-module_shopfinder__headline__33ZrT { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } .index-module_shopfinder__copy__1Zdt2 { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 0; } @media screen and (min-width: 768px) { .index-module_shopfinder__copy__1Zdt2 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; } } .index-module_shopfinder__link__2tx5o { color: #007FAF; text-decoration: none; } .index-module_shopfinder__link__2tx5o:hover { text-decoration: underline; } .index-module_shopfinder__2h9js .index-module_button__1ur90 { margin-top: 36px; }.index-module_button__2XsqK { font-size: 18px; font-size: 1.125rem; line-height: 24px; line-height: 1.5rem; font-weight: normal; font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; font-weight: 700; background-color: #e20074; border: 0; border-radius: 4px; color: #fff; display: inline-block; min-width: 96px; padding: 6px 24px; text-align: center; text-decoration: none; transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, color 0.1s ease-in-out; } .index-module_button__2XsqK:hover, .index-module_button__2XsqK:focus { background-color: #d1006c; color: #fff; text-decoration: none; } .index-module_button--secondary__16t9D { background-color: #ededed; border: 1px solid #b2b2b2; color: #262626; } .index-module_button--secondary__16t9D:hover, .index-module_button--secondary__16t9D:focus { background-color: #dcdcdc; border-color: #a3a3a3; color: #262626; text-decoration: none; } .index-module_button--clean__22e_- { background-color: #fff; color: #262626; } .index-module_button--clean__22e_-:hover, .index-module_button--clean__22e_-:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline__2P51f { background-color: transparent; border: 1px solid #6b6b6b; color: #262626; } .index-module_button--outline__2P51f:hover, .index-module_button--outline__2P51f:focus { background-color: #ededed; color: #262626; text-decoration: none; } .index-module_button--outline-white__3lgi8 { background-color: transparent; border: 1px solid currentColor; color: #fff; } .index-module_button--outline-white__3lgi8:hover, .index-module_button--outline-white__3lgi8:focus { background-color: rgba(255, 255, 255, 0.07); color: #fff; text-decoration: none; } .index-module_button--disabled__Sl3DR { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; } .index-module_button--disabled__Sl3DR:hover { background-color: #fff; border: 1px solid #d0d0d0; color: #d0d0d0; cursor: default; }.index-module_region-megadeal__1rZ4f { font-family: "TeleNeo", Calibri, "PT Sans Narrow", sans-serif; background-color: #F5F5F5; text-align: center; color: #383838; padding: 48px 12px; margin-top: 98px; } @media screen and (min-width: 768px) { .index-module_region-megadeal__1rZ4f { padding: 60px 0; margin-top: 163px; } } .index-module_region-megadeal__image__2VLXN { margin-top: -38px; } .index-module_region-megadeal__headline__3Hz25 { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; margin-bottom: 21px; margin-top: 30px; } @media screen and (min-width: 768px) { .index-module_region-megadeal__headline__3Hz25 { font-size: 36px; font-size: 2.25rem; line-height: 36px; line-height: 2.25rem; } } .index-module_region-megadeal__copy__S4ODi { width: 100%; max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 0; } @media screen and (min-width: 768px) { .index-module_region-megadeal__copy__S4ODi { font-size: 21px; font-size: 1.3125rem; line-height: 25px; line-height: 1.5625rem; max-width: 500px; } } .index-module_region-megadeal__link__CjTkc { color: #007FAF; text-decoration: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 24px; } .index-module_region-megadeal__link__CjTkc:hover { text-decoration: underline; } .index-module_region-megadeal__1rZ4f .index-module_button__2XsqK { margin-top: 36px; }