#__chatBot {
display: none !important; }
.content-wrap {
margin-top: 12px !important; }
div.tl-page .content-top {
display: none; }
div.tl-page .tl-stage {
min-height: 234px;
background-position-x: 74%;
margin-bottom: 0; }
@media all and (min-width: 640px) {
div.tl-page .tl-stage {
background-position-x: 74%; } }
@media all and (min-width: 1024px) {
div.tl-page .tl-stage {
background-position-x: 75%;
min-height: 430px; } }
div.tl-page .tl-stage .article-container {
padding: 0;
background: none;
display: block;
padding-top: 48px;
min-height: 234px; }
@media all and (min-width: 1024px) {
div.tl-page .tl-stage .article-container {
min-height: 400px; } }
div.tl-page .tl-stage .article-container h1 {
font-family: TeleNeo;
font-weight: 900;
font-size: 32px;
line-height: 38px; }
@media all and (min-width: 640px) {
div.tl-page .tl-stage .article-container h1 {
font-size: 48px;
line-height: 52px; } }
div.tl-page .tl-stage .article-container .article-text {
margin-top: 6px; }
div.tl-page .tl-stage .article-container .article-text .outerRichtextDiv p {
margin: 0 auto 12px auto;
max-width: 250px;
line-height: 27px; }
@media all and (min-width: 640px) {
div.tl-page .tl-stage .article-container .article-text .outerRichtextDiv p {
max-width: 380px;
margin-bottom: 24px; } }
@media all and (min-width: 1024px) {
div.tl-page .tl-stage .article-container .article-text .outerRichtextDiv p {
max-width: 1024px; } }
div.tl-page .tl-stage .article-container .article-text .calltoaction-button span {
display: inline-block;
width: inherit;
height: 42px;
line-height: 38px; }
div.tl-page .tl-teaser-mobile {
margin: 0;
width: 100%;
border-color: #ededed; }
div.tl-page .tl-teaser-mobile .accordion-header {
padding: 24px 42px 24px 12px;
background-position: calc(100% - 12px) 27px; }
div.tl-page .tl-teaser-mobile .accordion-header.ui-state-active, div.tl-page .tl-teaser-mobile .accordion-header.ui-state-hover, div.tl-page .tl-teaser-mobile .accordion-header.ui-state-focus {
background-color: #fff; }
div.tl-page .tl-teaser-mobile .accordion-header.ui-state-active .c-accordion-nav__text, div.tl-page .tl-teaser-mobile .accordion-header.ui-state-hover .c-accordion-nav__text, div.tl-page .tl-teaser-mobile .accordion-header.ui-state-focus .c-accordion-nav__text {
color: #262626; }
div.tl-page .tl-teaser-mobile .accordion-header.ui-accordion-header-active {
background-image: url("https://www.telekom.de/resources/images/97678/arrow-accordeon-icon-up-24px.png");
border-bottom: 0; }
div.tl-page .tl-teaser-mobile .accordion-item:not(:first-child) .accordion-header {
border-top: 2px solid #ededed; }
div.tl-page .tl-teaser-mobile .accordion-content {
padding-top: 0; }
div.tl-page .tl-teaser-mobile .accordion-content .article-headline {
display: none; }
div.tl-page .tl-teaser-mobile .accordion-content .img-text-wrap {
margin: 0; }
div.tl-page .tl-teaser-mobile .accordion-content .img-text-wrap .externallink-in-richtext {
font-weight: bold;
text-decoration: none; }
@media all and (min-width: 640px) {
div.tl-page .tl-teaser-mobile {
display: none; } }
div.tl-page .tl-teaser-desktop {
display: none; }
@media all and (min-width: 640px) {
div.tl-page .tl-teaser-desktop {
display: block;
top: -78px;
position: relative;
margin: 0 auto;
width: 100%;
max-width: 1440px;
padding: 0 12px; }
div.tl-page .tl-teaser-desktop ul {
display: flex;
justify-content: space-between; }
div.tl-page .tl-teaser-desktop ul .col-item {
width: calc((100% - 24px) / 3);
background: #FFFFFF;
box-shadow: 0 2px 10px 0 rgba(75, 75, 75, 0.2);
padding: 12px;
margin: 0; } }
@media all and (min-width: 640px) and (min-width: 1024px) {
div.tl-page .tl-teaser-desktop ul .col-item {
padding: 36px; } }
@media all and (min-width: 640px) {
div.tl-page .tl-teaser-desktop ul .col-item h5 {
font-size: 21px;
line-height: 27px; }
div.tl-page .tl-teaser-desktop ul .col-item p {
font-size: 18px;
line-height: 24px; }
div.tl-page .tl-teaser-desktop ul .col-item .externallink-in-richtext {
text-decoration: none; }
div.tl-page .tl-teaser-desktop.tl-center ul {
justify-content: center; }
div.tl-page .tl-teaser-desktop.tl-center ul .col-item {
margin: 0 12px; } }
div.tl-page .tl-inline-link .externallink-in-richtext {
text-decoration: none; }
div.tl-page .tl-inline-link a {
font-weight: bold;
text-decoration: none;
padding-right: 19px;
position: relative; }
div.tl-page .tl-inline-link a:after {
content: " ";
width: 12px;
height: 12px;
position: absolute;
right: 3px;
top: 5px;
background-image: url("https://www.telekom.de/resources/images/571616/link.svg");
background-repeat: no-repeat;
background-position: center center; }
div.tl-page .tl-link-lists-hl {
display: none; }
@media all and (min-width: 640px) {
div.tl-page .tl-link-lists-hl {
position: relative;
top: -30px;
display: block;
text-align: center; } }
@media all and (min-width: 640px) and (min-width: 1024px) {
div.tl-page .tl-link-lists-hl {
top: -18px; } }
@media all and (min-width: 640px) {
div.tl-page .tl-link-lists-hl .article-headline h5 {
font-weight: 900;
font-size: 36px;
line-height: 42px;
margin: 0; } }
div.tl-page .tl-link-lists {
width: 100%;
margin-bottom: 48px; }
div.tl-page .tl-link-lists > .col-hl {
display: none; }
div.tl-page .tl-link-lists > ul > .col-item {
margin: 0; }
div.tl-page .tl-link-lists > ul > .col-item > .collection-wrapper {
position: relative;
border-bottom: solid #ededed 2px;
padding-bottom: 36px;
padding-top: 94px; }
div.tl-page .tl-link-lists > ul > .col-item > .collection-wrapper:before {
content: "";
position: absolute;
left: calc(50% - 17px);
top: 36px;
width: 34px;
height: 34px;
background-image: url("https://www.telekom.de/resources/images/571608/arrow-right.svg");
background-repeat: no-repeat;
background-position: center 0; }
div.tl-page .tl-link-lists > ul > .col-item > .collection-wrapper .col-hl {
font-size: 21px;
line-height: 27px;
font-weight: bold;
margin-top: 0; }
div.tl-page .tl-link-lists > ul > .col-item > .collection-wrapper .col-item {
width: calc(100% - 25px);
margin-left: auto;
margin-right: auto; }
@media all and (min-width: 640px) {
div.tl-page .tl-link-lists > ul > .col-item > .collection-wrapper .col-item {
width: 100%; } }
div.tl-page .tl-link-lists > ul > .col-item > .collection-wrapper .col-item .as-link {
text-decoration: none;
background-image: url("https://www.telekom.de/resources/images/571616/link.svg");
background-repeat: no-repeat;
background-position-y: 10px;
padding-left: 19px;
display: block; }
@media all and (min-width: 640px) {
div.tl-page .tl-link-lists {
position: relative;
top: -18px;
border: solid #ededed 1px;
padding: 24px 0;
display: flex;
justify-content: flex-end; }
div.tl-page .tl-link-lists > .col-hl {
display: block;
font-weight: bold;
font-size: 42px;
margin: 0; }
div.tl-page .tl-link-lists > ul > .col-item .collection-wrapper {
margin: 0;
padding: 36px 24px 36px 70px; } }
@media all and (min-width: 640px) and (min-width: 1024px) {
div.tl-page .tl-link-lists > ul > .col-item .collection-wrapper {
margin: 0 48px 0 72px;
padding: 36px 0 36px 102px; } }
@media all and (min-width: 640px) {
div.tl-page .tl-link-lists > ul > .col-item .collection-wrapper .col-hl {
text-align: left;
margin-bottom: 12px; }
div.tl-page .tl-link-lists > ul > .col-item .collection-wrapper:before {
transform: rotate(-90deg);
left: 12px;
top: 33px; } }
@media all and (min-width: 640px) and (min-width: 1024px) {
div.tl-page .tl-link-lists > ul > .col-item .collection-wrapper:before {
left: 24px; } }
@media all and (min-width: 640px) {
div.tl-page .tl-link-lists > ul > .col-item .collection-wrapper .col-item {
line-height: 30px;
margin: 0; }
div.tl-page .tl-link-lists > ul > .col-item:last-child .collection-wrapper {
border-bottom: 0; } }
@media all and (min-width: 640px) {
div.tl-page .tl-headline {
margin-bottom: 36px; } }
div.tl-page .tl-headline h5 {
text-align: center;
font-weight: normal;
font-size: 24px;
line-height: 30px; }
@media all and (min-width: 640px) {
div.tl-page .tl-headline h5 {
font-size: 36px;
line-height: 42px;
margin-bottom: 36px; } }
div.tl-page .tl-guides .flickity-slider {
display: flex;
flex-direction: row; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item {
border: none;
margin: 0 3px;
background-color: #F8F8F8;
min-height: 138px;
min-width: 227px;
width: 227px; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .msp-layer-link {
text-decoration: none; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .u-spacing--6px {
margin: 0; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .u-block-link:hover .c-image-overlay {
background-color: #fafafa; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .c-image {
margin: 12px auto 12px auto;
max-width: 48px; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .c-image-overlay {
padding: 0 12px;
background-color: #F8F8F8;
position: relative; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .c-image-overlay > div {
width: 100%; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .c-image-overlay .c-image-overlay__headline {
color: inherit;
text-align: center;
text-transform: none; }
div.tl-page .tl-guides .flickity-slider .flickity-slider__item .c-image-overlay .c-image-overlay__text {
display: none; }
div.tl-page .tl-videos {
margin: 0 0 48px 0;
width: 100%; }
div.tl-page .tl-videos ul {
display: flex;
overflow-x: scroll;
overflow-y: hidden; }
div.tl-page .tl-videos ul .col-item {
margin: 0;
min-height: 138px;
min-width: 227px; }
div.tl-page .tl-videos ul .col-item:not(:last-child) {
margin-right: 12px; }
div.tl-page .tl-videos ul .col-item .external-video-container {
width: 227px;
margin: 0; }
div.tl-page .tl-videos ul .col-item .external-video-container .jwdisplayIcon {
background-size: 40px 40px;
height: 40px; }
div.tl-page .tl-videos ul .col-item .external-video-container .jwdisplayIcon .jwicon {
width: 40px;
background-size: 40px 40px !important;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2259px%22%20height%3D%2259px%22%20viewBox%3D%220%200%2059%2059%22%20version%3D%221%2E1%22%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F1999%2Fxlink%22%3E%20%3C%21%2D%2D%20Generator%3A%20Sketch%2061%2E2%20%2889653%29%20%2D%20https%3A%2F%2Fsketch%2Ecom%20%2D%2D%3E%20%3Ctitle%3EVideo%20Play%3C%2Ftitle%3E%20%3Cdesc%3ECreated%20with%20Sketch%2E%3C%2Fdesc%3E%20%3Cdefs%3E%20%3Ccircle%20id%3D%22path%2D1%22%20cx%3D%2220%2E5%22%20cy%3D%2220%2E5%22%20r%3D%2220%2E5%22%3E%3C%2Fcircle%3E%20%3Cfilter%20x%3D%22%2D32%2E9%%22%20y%3D%22%2D32%2E9%%22%20width%3D%22165%2E9%%22%20height%3D%22165%2E9%%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22filter%2D2%22%3E%20%3CfeMorphology%20radius%3D%224%2E5%22%20operator%3D%22dilate%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowSpreadOuter1%22%3E%3C%2FfeMorphology%3E%20%3CfeOffset%20dx%3D%220%22%20dy%3D%220%22%20in%3D%22shadowSpreadOuter1%22%20result%3D%22shadowOffsetOuter1%22%3E%3C%2FfeOffset%3E%20%3CfeColorMatrix%20values%3D%220%200%200%200%200%2E88627451%200%200%200%200%200%200%200%200%200%200%2E454901961%200%200%200%200%2E425262238%200%22%20type%3D%22matrix%22%20in%3D%22shadowOffsetOuter1%22%3E%3C%2FfeColorMatrix%3E%20%3C%2Ffilter%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22Page%2D1%22%20stroke%3D%22none%22%20stroke%2Dwidth%3D%221%22%20fill%3D%22none%22%20fill%2Drule%3D%22evenodd%22%3E%20%3Cg%20id%3D%22UI%5FS%5FTelekomLogin%5FV06%2E2%22%20transform%3D%22translate%28%2D84%2E000000%2C%20%2D2893%2E000000%29%22%3E%20%3Cg%20id%3D%22Video%22%20transform%3D%22translate%280%2E000000%2C%202774%2E000000%29%22%3E%20%3Cg%20id%3D%22Video%2DPlay%22%20transform%3D%22translate%2893%2E000000%2C%20128%2E000000%29%22%3E%20%3Cg%3E%20%3Cg%20id%3D%22Oval%2DCopy%2D3%22%3E%20%3Cuse%20fill%3D%22black%22%20fill%2Dopacity%3D%221%22%20filter%3D%22url%28%23filter%2D2%29%22%20xlink%3Ahref%3D%22%23path%2D1%22%3E%3C%2Fuse%3E%20%3Cuse%20fill%3D%22%23FFFFFF%22%20fill%2Drule%3D%22evenodd%22%20xlink%3Ahref%3D%22%23path%2D1%22%3E%3C%2Fuse%3E%20%3C%2Fg%3E%20%3Cpolygon%20id%3D%224%22%20fill%3D%22%23E20074%22%20fill%2Drule%3D%22nonzero%22%20points%3D%2215%2E7207031%2029%2E8828125%2029%2E8847656%2020%2E5585938%2015%2E7207031%2011%2E234375%22%3E%3C%2Fpolygon%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E) !important; }
div.tl-page .tl-videos.tl-center ul {
justify-content: center;
overflow-x: auto; }
div.tl-page .tl-search .lp-search-input {
background-color: #F8F8F8;
height: 60px;
width: calc(100% - 60px); }
div.tl-page .tl-search .lp-search-input::placeholder {
font-size: 18px;
font-weight: normal;
color: #383838; }
div.tl-page .tl-search .form-submit-button {
background-color: #F8F8F8;
background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20width%3D%2264%2E001%22%20height%3D%2264%22%3E%20%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200H64%2E001V64H0z%22%2F%3E%20%3Cpath%20fill%3D%22%23e20074%22%20d%3D%22M37%2E018%2C7c11%2E028%2C0%2C20%2C8%2E972%2C20%2C20s%2D8%2E972%2C20%2D20%2C20c%2D4%2E215%2C0%2D8%2E233%2D1%2E319%2D11%2E621%2D3%2E815l%2D0%2E057%2D0%2E042%20l%2D0%2E059%2D0%2E039c%2D1%2E62%2D1%2E08%2D3%2E07%2D2%2E511%2D4%2E541%2D4%2E471c%2D2%2E401%2D3%2E291%2D3%2E723%2D7%2E422%2D3%2E723%2D11%2E633C17%2E018%2C15%2E972%2C25%2E99%2C7%2C37%2E018%2C7%20M37%2E018%2C4%20c%2D12%2E701%2C0%2D23%2C10%2E3%2D23%2C23c0%2C5%2C1%2E6%2C9%2E7%2C4%2E299%2C13%2E4c1%2E5%2C2%2C3%2E201%2C3%2E8%2C5%2E301%2C5%2E199c3%2E801%2C2%2E801%2C8%2E4%2C4%2E4%2C13%2E4%2C4%2E4%20c12%2E699%2C0%2C23%2D10%2E3%2C23%2D23S49%2E717%2C4%2C37%2E018%2C4L37%2E018%2C4z%20M17%2E367%2C42%2E406L4%2E903%2C54%2E869c%2D1%2E172%2C1%2E171%2D1%2E172%2C3%2E07%2C0%2C4%2E242%20c0%2E586%2C0%2E586%2C1%2E353%2C0%2E879%2C2%2E122%2C0%2E879c0%2E768%2C0%2C1%2E536%2D0%2E293%2C2%2E121%2D0%2E879L21%2E638%2C46%2E62C20%2E142%2C45%2E498%2C18%2E732%2C44%2E107%2C17%2E367%2C42%2E406z%22%2F%3E%3C%2Fsvg%3E) !important;
background-size: 36px 36px;
background-position: center center;
height: 60px;
width: 60px; }
div.tl-page .tl-search .suchfeld-container .ui-autocomplete {
top: 66px; }
div.tl-page .tl-search .suchfeld-container .clear-searchfield {
top: 18px; }
@media all and (min-width: 1024px) {
div.tl-page .tl-search .suchfeld-container {
max-width: 728px;
width: 728px; } }
@media all and (min-width: 640px) {
div.tl-page .tl-tiles .c-grid-nav__item {
flex: 1 0 33.333%;
padding: 12px; } }
div.tl-page .tl-tiles .c-grid-nav__item .c-grid-nav__link {
border-radius: 0;
border: 0;
box-shadow: 0 2px 10px 0 rgba(75, 75, 75, 0.2); }
div.tl-page .tl-tiles .c-grid-nav__item .c-grid-nav__link:hover, div.tl-page .tl-tiles .c-grid-nav__item .c-grid-nav__link:focus {
transform: scale(1);
box-shadow: 0 2px 10px 0 rgba(75, 75, 75, 0.5); }
@media all and (min-width: 1040px) {
div.tl-page .tl-tiles {
width: 966px; } }
.expander .col-item.expander-item {
height: 0;
opacity: 0;
z-index: 0;
position: relative;
margin-bottom: 0; }
.expander .col-item.expander-item.expander-show {
transition: opacity 0.4s ease-out;
height: auto;
opacity: 1;
margin-bottom: 12px; }
.expander-link {
margin-top: 6px;
margin-left: 12px;
position: relative;
z-index: 10;
display: inline-block;
color: #a4a4a4;
text-decoration: none;
background-repeat: no-repeat;
background-position-y: 6px;
background-size: 12px;
padding-left: 19px; }
@media all and (min-width: 640px) {
.expander-link {
margin-left: 0; } }
.expander-link.expander-link-open {
background-image: url("https://www.telekom.de/resources/images/610194/plus.svg"); }
.expander-link.expander-link-close {
background-image: url("https://www.telekom.de/resources/images/610192/minus.svg"); }
.expander-hidden {
display: none; }
/*# sourceMappingURL=in-page-navi.css.map */
 .tl-page .simple-page-item {
position: relative; }
.tl-page .tl-link-lists {
width: 100%;
max-width: 1394px; }
.tl-page .tl-link-lists .in-page-navi {
display: none;
padding-top: 36px; }
@media all and (min-width: 1024px) {
.tl-page .tl-link-lists .in-page-navi {
display: block;
position: relative;
text-align: right; } }
.tl-page .tl-link-lists .in-page-navi.freeze {
position: fixed; }
.tl-page .tl-link-lists .in-page-navi .in-page-navi__item {
padding: 6px 0;
position: relative; }
.tl-page .tl-link-lists .in-page-navi .in-page-navi__item:after {
content: " ";
position: absolute;
bottom: 14px;
margin-left: 12px;
width: 12px;
height: 12px;
background-image: url("https://www.telekom.de/resources/images/571616/link.svg");
background-repeat: no-repeat;
background-position: right;
transform: rotate(90deg); }
@media all and (min-width: 1024px) {
.tl-page .tl-link-lists .in-page-navi .in-page-navi__item:after {
background-image: none;
width: 2px;
height: 36px;
top: 2px;
background-color: #d2d2d2;
transform: rotate(0deg); } }
@media all and (min-width: 1024px) {
.tl-page .tl-link-lists .in-page-navi .in-page-navi__item.active {
font-weight: 900; }
.tl-page .tl-link-lists .in-page-navi .in-page-navi__item.active:after {
background-color: #E20074; } }
@media all and (min-width: 1024px) {
.tl-page .tl-link-lists ul {
max-width: 922px; } }
/*# sourceMappingURL=navpoints.css.map */