.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 19px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}


html,
body {
 height: 100%;
 position: relative;
}

.main-container {
 min-height: 85vh; /* will cover the 100% of viewport */
 overflow: hidden;
 display: block;
 position: relative;
 padding-bottom: 20px; /* height of your footer */
}

footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 margin: 40px
}


.right_float{
    float:right
}
@media screen and (max-width: 639px){
    .right_float{
        float: none
    }
}

.list-inline>li{
    padding-left : 0px
}



.t-header {
    margin-bottom:60px;
    position:relative;
    z-index:100
}
@media screen and (max-width: 1023px) {
    .t-header {
        margin-bottom:24px
    }
}
.t-header :focus {
    outline:none
}
.t-header__brand {
    background-color:#e20074;
    color:#fff;
    height:84px;
    line-height:84px;
    overflow:hidden
}
.t-header__nav {
    background-color:#fff;
    border-bottom:1px solid #dcdcdc;
    height:72px;
    line-height:72px
}
@media screen and (max-width: 639px) {
    .t-header__nav {
        height:60px;
        line-height:60px
    }
}
.t-header__nav .list-inline>li+li {
    margin-left:24px
}
.t-header__step {
    border-bottom:1px solid #dcdcdc;
    font-size:15px;
    display:none;
    height:36px;
    line-height:36px
}
@media screen and (max-width: 639px) {
    .t-header__step {
        display:block
    }
}
.t-header .t-placeholder {
    height:156px
}
@media screen and (max-width: 639px) {
    .t-header .t-placeholder {
        height:144px
    }
}
.t-header .t-placeholder>* {
    transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0)
}
.t-header--fixed .t-placeholder>* {
    left:0;
    position:fixed;
    top:-80px;
    width:100%
}
.decoration-negative::before,
.decoration-warning::before {
    content:attr(data-message);
    display:block;
    font-size:15px;
    margin-bottom:6px;
    padding:12px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px
}
.decoration-negative::before {
    background-color:#fbe6e6;
    color:#d90000
}
.decoration-negative .form-select-js .form-select-js-choice {
    background-color:#fdf2f2;
    border-color:#b30000
}
.decoration-negative .form-select-js:active .form-select-js-choice {
    background-color:#f9d9d9;
    border-color:#8d0000
}
.decoration-negative .form-select-js:hover .form-select-js-choice {
    background-color:#fbe6e6;
    border-color:#a10000
}
.decoration-negative .form-checkbox-js {
    background-color:#fdf2f2
}
.decoration-negative .form-checkbox-js>.border {
    color:#b30000
}
.decoration-negative .form-checkbox-js:active {
    background-color:#f9d9d9
}
.decoration-negative .form-checkbox-js:active>.border {
    color:#8d0000
}
.decoration-negative .form-checkbox-js:hover {
    background-color:#fbe6e6
}
.decoration-negative .form-checkbox-js:hover>.border {
    color:#a10000
}
.decoration-positive::before {
    color:#6bb324
}
.decoration-warning::before {
    color:#b48e2f
}
.form-input-collection {
    margin-bottom:12px
}
.form-input-collection .form-input-set {
    margin-bottom:0
}
.form-input-collection--emailAlias .form-input {
    padding-right:156px !important
}
.form-input-collection--emailAlias .form-select-js {
    min-width:144px;
    position:absolute;
    right:4px;
    top:4px;
    z-index:1
}
.form-input-collection--emailAlias .form-select-js .form-select-js-choice {
    border:none;
    font-weight:bold;
    height:52px
}
.form-input-collection--emailAlias .t-plate--success {
    display:none
}
.form-input-collection--emailAlias.decoration-positive .t-plate--success {
    display:block
}
.form-input-collection--emailAlias.decoration-negative .form-select-js .form-select-js-choice {
    background-color:#ededed
}
.form-input-collection--emailAlias.decoration-negative .form-select-js:active .form-select-js-choice {
    background-color:#c7c7c7
}
.form-input-collection--emailAlias.decoration-negative .form-select-js:hover .form-select-js-choice {
    background-color:#dbdbdb
}
.form-input-collection--date .wrapper {
    margin:0 -6px
}
.form-input-collection--date .wrapper .form-input-set {
    float:left;
    padding:0 6px;
    width:33.33333333%
}
.form-input-set label {
    color:#757575;
    cursor:text;
    left:12px;
    line-height:1;
    position:absolute;
    top:21px;
    z-index:10;
    transition:all linear .1s 0s;
    -moz-transition:all linear .1s 0s;
    -o-transition:all linear .1s 0s;
    -webkit-transition:all linear .1s 0s
}
.form-input-set label::before {
    content:attr(data-placeholder)
}
.form-input-set .form-input {
    height:60px;
    padding:0 12px;
    position:relative;
    z-index:1
}
.form-input-set .form-input.focus,
.form-input-set .form-input:focus {
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none
}
.form-input-set--value label {
    color:inherit;
    font-size:12px;
    top:12px
}
.form-input-set--value label::before {
    content:attr(data-value)
}
.form-input-set--value .form-input {
    padding-top:24px
}
.form-radio-collection {
    margin:-6px 0
}
.form-radio-collection .form-radio-set {
    margin:0;
    padding:6px 0
}
.form-radio-collection--separated {
    margin:-12px 0
}
.form-radio-collection--separated .form-radio-set {
    padding:12px 0
}
.form-radio-collection--separated .form-radio-set+.form-radio-set {
    border-top:1px solid #dcdcdc
}
.form-select-js .form-select-js-choice {
    height:60px
}
.form-select-js-options [data-value='CH'] {
    border-bottom:1px solid #b2b2b2
}
.btn-clean {
    background-color:#fff
}
.list-unordered,
.list-unordered-plain {
    margin:0;
    position:relative
}
.list-unordered>li::before,
.list-unordered-plain>li::before {
    left:0;
    padding:0;
    position:absolute
}
.list-unordered-plain {
    padding:0
}
.list-unordered-success {
    color:#6bb324;
    padding-left:24px
}
.list-unordered-success>li::before {
    content:'\76';
    font-family:'Telekom-Icon';
    font-weight:700
}
.list-unordered-success>li+li {
    margin-top:12px
}
.list-desc-horizontal {
    margin:-6px 0
}
.list-desc-horizontal>dt,
.list-desc-horizontal>dd {
    padding:6px 0
}
.list-desc-horizontal>dt {
    text-align:left
}
.list-inline {
    margin:0;
    padding:0
}
.list-inline>li {
    display:inline-block
}
.col-l-pull-3 {
    left:-25%
}
.col-l-push-9 {
    left:75%
}
@media screen and (max-width: 1023px) {
    .col-m-pull-0 {
        left:auto
    }
    .col-m-push-0 {
        left:auto
    }
}
.offset-bottom-0 {
    margin-bottom:0
}
.offset-bottom-05 {
    margin-bottom:6px
}
.offset-top-05 {
    margin-top:6px
}
.row-container-bordered {
    border:1px solid #dcdcdc;
    padding:24px 0
}
@media screen and (max-width: 1023px) {
    .row-container-bordered {
        padding:24px
    }
}
a.clean {
    color:inherit;
    text-decoration:none
}
a[disabled] {
    color:#b2b2b2;
    cursor:default;
    pointer-events:none;
    text-decoration:none
}
.icon-error {
    color:#d90000
}
.icon-information {
    color:#0090c4
}
.icon-success {
    color:#6bb324
}
.icon-warning {
    color:#fecb00
}
.icon,
.btn-icon {
    margin-top:-2px
}
html,
body {
    height:100%
}
.t-header {
    margin-bottom:60px;
    position:relative;
    z-index:100
}
@media screen and (max-width: 1023px) {
    .t-header {
        margin-bottom:24px
    }
}
.t-header :focus {
    outline:none
}
.t-header__brand {
    background-color:#e20074;
    color:#fff;
    height:84px;
    line-height:84px;
    overflow:hidden
}
.t-header__nav {
    background-color:#fff;
    border-bottom:1px solid #dcdcdc;
    height:72px;
    line-height:72px
}
@media screen and (max-width: 639px) {
    .t-header__nav {
        height:60px;
        line-height:60px
    }
}
.t-header__nav .list-inline>li+li {
    margin-left:24px
}
.t-header__step {
    border-bottom:1px solid #dcdcdc;
    font-size:15px;
    display:none;
    height:36px;
    line-height:36px
}
@media screen and (max-width: 639px) {
    .t-header__step {
        display:block
    }
}
.t-header .t-placeholder {
    height:156px
}
@media screen and (max-width: 639px) {
    .t-header .t-placeholder {
        height:144px
    }
}
.t-header .t-placeholder>* {
    transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -webkit-transform:translate3d(0, 0, 0)
}
.t-header--fixed .t-placeholder>* {
    left:0;
    position:fixed;
    top:-80px;
    width:100%
}
.t-page {
    min-height:100%;
    margin-bottom:-129px
}
.t-page::after {
    content:'';
    display:block;
    height:129px
}
@media screen and (max-width: 639px) {
    .t-page {
        margin-bottom:-177px
    }
    .t-page::after {
        height:177px
    }
}
.t-footer {
    border-top:1px solid #dcdcdc;
    color:#6b6b6b;
    font-size:15px;
    margin-top:60px;
    padding:24px 0
}
.t-footer__company {
    float:left
}
.t-footer__links {
    float:right
}
.t-footer__links a {
    color:inherit
}
.t-footer__links a img {
    height:20px;
    margin-right:6px;
    vertical-align:top;
    width:20px
}
.t-footer__links li+li {
    margin-left:24px
}
@media screen and (max-width: 639px) {
    .t-footer {
        margin-top:36px
    }
    .t-footer__company,
    .t-footer__links {
        float:none
    }
    .t-footer__company {
        margin-bottom:24px
    }
    .t-footer__links li {
        display:block
    }
    .t-footer__links li+li {
        margin:12px 0 0
    }
}
.t-messages ul {
    margin:0;
    padding:0
}
.t-messages li {
    list-style-type:none
}
.t-pwm {
    border:1px solid #b2b2b2;
    height:6px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.t-pwm>* {
    height:100%;
    width:0;
    transition:all .1s linear 0s;
    -moz-transition:all .1s linear 0s;
    -o-transition:all .1s linear 0s;
    -webkit-transition:all .1s linear 0s
}
.t-pwm[data-score="0"] {
    background:#ededed
}
.t-pwm[data-score="1"]>* {
    background:#d90000;
    width:33%
}
.t-pwm[data-score="2"]>* {
    background:#fecb00;
    width:66%
}
.t-pwm[data-score="3"]>* {
    background:#6bb324;
    width:100%
}
.t-tooltip {
    background-color:#e0f1fa;
    display:none;
    font-size:15px;
    padding:12px
}
.t-tooltip--visible {
    display:block
}
.form-input-set .t-tooltip {
    margin-top:6px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
[data-tooltip][data-trigger="click"] {
    color:#0090c4;
    cursor:pointer
}
.t-panel {
    border:1px solid #dcdcdc;
    padding:24px
}
.t-panel--brand {
    border-color:#e20074;
    border-width:2px
}
.t-panel--icon::before,
.t-panel--icon::after {
    content:' ';
    display:table
}
.t-panel--icon::after {
    clear:both
}
.t-panel--info {
    background-color:#e0f1fa;
    border:none
}
.t-panel--error {
    background-color:#fdf2f2;
    border-color:#b20000;
    color:#d90000
}
.t-panel--warning {
    background-color:#fff7d9;
    border:none
}
.t-panel__icon {
    float:left;
    margin-right:12px
}
.t-panel__content {
    overflow:hidden
}
.t-profile {
    line-height:1.2
}
.t-profile__trigger button {
    border:none;
    height:36px;
    line-height:1;
    padding:0;
    width:36px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%
}
.t-profile__trigger label {
    cursor:pointer
}
.t-profile__trigger span {
    display:inline-block;
    margin-left:6px;
    max-width:96px;
    vertical-align:text-top
}
.t-profile__content {
    background-color:#fff;
    display:none;
    max-width:296px;
    padding:24px;
    position:absolute;
    right:12px;
    top:100%;
    box-shadow:2px 3px 9px rgba(117,117,117,0.41);
    -moz-box-shadow:2px 3px 9px rgba(117,117,117,0.41);
    -webkit-box-shadow:2px 3px 9px rgba(117,117,117,0.41)
}
.t-profile__content__data {
    margin-bottom:30px
}
.t-profile__content__data>* {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.t-profile__content__data>*:nth-child(2) {
    font-size:15px
}
.t-profile__content__links {
    font-size:15px;
    margin-bottom:30px;
    white-space:nowrap
}
.t-profile__content__links li+li {
    margin-top:9px
}
.t-profile--visible .t-profile__content {
    display:block
}
.t-tiles__item {
    border:1px solid #dcdcdc;
    color:inherit !important;
    display:block;
    padding:24px;
    text-align:center;
    text-decoration:none !important
}
.t-tiles__item:hover {
    background-color:#ededed
}
.t-tiles__item:active {
    background-color:#d0d0d0
}
.t-tiles__item .v-ctr {
    width:100%
}
.t-tiles__icon {
    margin-bottom:18px
}
@media screen and (max-width: 639px) {
    .t-tiles__item {
        padding:12px
    }
    .t-tiles__icon,
    .t-tiles__label {
        display:table-cell;
        vertical-align:middle
    }
    .t-tiles__icon {
        padding-right:12px
    }
    .t-tiles__icon img {
        height:36px;
        width:36px
    }
}
.t-information-icon {
    border:2px solid;
    border-radius:50%;
    display:inline-block;
    font-family:'Telekom-Icon',serif;
    font-size:22px;
    font-weight:700;
    height:48px;
    line-height:44px;
    text-align:center;
    width:48px
}
.t-information-icon--error {
    border-color:#d90000
}
.t-information-icon--error::before {
    color:#d90000;
    content:'\58'
}
.t-information-icon--information {
    border-color:#0090c4
}
.t-information-icon--information::before {
    color:#0090c4;
    content:'\3e'
}
.t-information-icon--success {
    border-color:#6bb324
}
.t-information-icon--success::before {
    color:#6bb324;
    content:'\56'
}
.t-information-icon--warning {
    border-color:#fecb00
}
.t-information-icon--warning::before {
    color:#fecb00;
    content:'\e4'
}
@media screen and (max-width: 639px) {
    .t-information-icon {
        font-size:16px;
        height:36px;
        line-height:32px;
        width:36px
    }
}
.t-h1 {
    color:#6c6c6c;
    font-size:48px;
    font-weight:200;
    margin:0;
    padding-bottom:0
}
.t-h1--icon {
    position:relative
}
.t-h1--icon .t-information-icon {
    left:-74px;
    position:absolute;
    top:6px
}
@media screen and (max-width: 639px) {
    .t-h1 {
        font-size:32px
    }
    .t-h1--icon {
        padding-left:48px
    }
    .t-h1--icon .t-information-icon {
        left:0;
        top:4px
    }
}
.t-clearing-methods .t-clearing-method::before,
.t-clearing-methods .t-clearing-method::after {
    content:' ';
    display:table
}
.t-clearing-methods .t-clearing-method::after {
    clear:both
}
.t-clearing-methods .t-clearing-method__description {
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis
}
.t-clearing-methods .t-clearing-method__logo {
    background:url('/telekom/javax.faces.resource/sprite/88x36_clearing-methods.png.xhtml?ln=gfx') no-repeat 0 42px;
    border:1px solid #dcdcdc;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    float:right;
    height:36px;
    margin-left:24px;
    width:88px
}
.t-clearing-methods .t-clearing-method__logo.kreditkarte {
    background-position:0 0
}
.t-clearing-methods .t-clearing-method__logo.paypal {
    background-position:0 -42px
}
.t-clearing-methods .t-clearing-method__logo.lastschrift_mrnexnet {
    background-position:0 -84px
}
.t-clearing-methods .t-clearing-method__logo.mobile_sdp {
    background-position:0 -126px
}
.t-clearing-methods .form-radio-js,
.t-clearing-methods .t-clearing-method__description {
    position:relative;
    top:5px
}
.t-btnbar {
    text-align:right
}
.t-btnbar .btn+.btn {
    margin-left:12px
}
@media screen and (max-width: 639px) {
    .t-btnbar .btn-clean {
        float:left
    }
}
.t-switch {
    background-color:#ededed;
    padding:30px 30px 66px;
    position:relative
}
.t-switch::before,
.t-switch::after {
    content:' ';
    display:table
}
.t-switch::after {
    clear:both
}
.t-switch__action {
    bottom:30px;
    position:absolute;
    right:30px
}
.t-switch__content {
    margin-bottom:30px;
    overflow:hidden
}
.t-switch__icon {
    background-color:#fff;
    display:inline-block;
    float:left;
    height:108px;
    margin:0 30px 30px 0;
    text-align:center;
    width:108px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%
}
.t-switch__icon::before {
    content:'';
    display:inline-block;
    height:100%
}
.t-switch__icon::before,
.t-switch__icon svg {
    vertical-align:middle
}
.t-switch__icon svg {
    height:48px;
    width:48px
}
.t-switch--stack {
    text-align:center
}
.t-switch--stack .t-switch__action {
    left:30px
}
.t-switch--stack .t-switch__icon {
    float:none;
    margin-right:0
}
@media screen and (max-width: 1023px) {
    .t-switch {
        background-color:#ededed;
        padding:24px 24px 60px;
        position:relative
    }
    .t-switch::before,
    .t-switch::after {
        content:' ';
        display:table
    }
    .t-switch::after {
        clear:both
    }
    .t-switch__action {
        bottom:24px;
        position:absolute;
        right:24px
    }
    .t-switch__content {
        margin-bottom:24px;
        overflow:hidden
    }
    .t-switch__icon {
        background-color:#fff;
        display:inline-block;
        float:left;
        height:72px;
        margin:0 24px 24px 0;
        text-align:center;
        width:72px;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%
    }
    .t-switch__icon::before {
        content:'';
        display:inline-block;
        height:100%
    }
    .t-switch__icon::before,
    .t-switch__icon svg {
        vertical-align:middle
    }
    .t-switch__icon svg {
        height:36px;
        width:36px
    }
    .t-switch--stack {
        text-align:center
    }
    .t-switch--stack .t-switch__action {
        left:24px
    }
    .t-switch--stack .t-switch__icon {
        float:none;
        margin-right:0
    }
}
.t-data-list {
    list-style:none;
    margin:0;
    padding:0
}
.t-data-list__item {
    padding:18px 54px 18px 66px;
    position:relative
}
.t-data-list__item.btn {
    display:block;
    text-align:left;
    white-space:normal;
    width:100%;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0
}
.t-data-list__item.btn::after {
    content:'';
    background-image:url('/telekom/javax.faces.resource/icon/continue_outline.svg.xhtml?ln=gfx');
    background-size:100%;
    height:24px;
    right:6px;
    width:24px
}
.t-data-list__icon,
.t-data-list__item.btn::after {
    bottom:0;
    margin:auto;
    position:absolute;
    top:0
}
.t-data-list__icon {
    height:30px;
    left:12px;
    width:30px
}
.t-data-list li+li {
    border-top:1px solid #dcdcdc
}
.t-plate {
    font-size:15px;
    padding:12px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.t-plate--error {
    background-color:#fbe6e6;
    color:#d90000
}
.t-plate--success {
    background-color:#f0f8ea;
    color:#6bb324
}
.t-noverflow {
    overflow:hidden
}
.t-relative {
    position:relative
}
.t-text-underline {
    text-decoration:underline
}
.t-divider::after,
.t-divider-2::after {
    content:'';
    display:block;
    border-bottom:1px solid #dcdcdc
}
.t-divider-2::after {
    margin-bottom:24px;
    margin-top:24px
}
.t-logo-headline {
    bottom:-46px;
    left:12px;
    max-height:76px;
    max-width:100%;
    position:absolute
}
[data-mh] .t-logo-headline {
    bottom:10px
}
@media screen and (max-width: 1023px) {
    .t-logo-headline {
        max-height:45px;
        position:static
    }
}
.t-product-image {
    height:110px;
    width:143px
}
.t-product-image--md {
    height:55px;
    width:71.5px
}
@media screen and (max-width: 1023px) {
    .h-pad-m-2 {
        padding-left:24px;
        padding-right:24px
    }
}
.knmcd {
    transform:rotateX(180deg);
    transition:transform .25s linear
}
.email.introduction img[alt="Login"] {
    width:72px
}
.email.introduction .t-panel {
    padding-bottom:60px;
    position:relative
}
.email.introduction .t-panel .t-btnbar {
    bottom:0;
    left:0;
    padding:24px;
    position:absolute;
    width:100%
}
.account.preservation.services .serviceSelection+.serviceSelection {
    margin-top:12px
}
.account.preservation.services .serviceSelection--booked .serviceSelection__state {
    display:block
}
.account.preservation.services .serviceSelection--booked .form-checkbox-set {
    background-color:#eee
}
.account.preservation.services .serviceSelection--booked .form-checkbox-set label {
    cursor:default
}
.account.preservation.services .serviceSelection--booked .form-checkbox-js {
    display:none
}
.account.preservation.services .serviceSelection--ext .serviceSelection__desc .hidden {
    display:inline-block !important;
    visibility:visible !important
}
.account.preservation.services .serviceSelection--ext .serviceSelection__desc .show {
    display:none !important
}
.account.preservation.services .serviceSelection__logo {
    float:left;
    margin-right:24px
}
.account.preservation.services .serviceSelection__logo img {
    height:36px;
    width:36px
}
.account.preservation.services .serviceSelection__desc {
    overflow:hidden
}
.account.preservation.services .serviceSelection__state {
    display:none;
    margin-top:12px
}
.account.preservation.services .serviceSelection__state>* {
    border:1px solid #6bb324;
    color:#6bb324;
    display:inline-block;
    padding:6px 12px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.account.preservation.services .serviceSelection .form-checkbox-set {
    border:1px solid #dcdcdc;
    margin:0;
    padding:24px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px
}
.account.preservation.services .serviceSelection .form-checkbox-set--checked {
    background-color:#eee
}
.account.preservation.services .serviceSelection .form-checkbox-set label {
    padding:0
}
.account.preservation.services .serviceSelection .form-checkbox-js {
    float:right;
    margin:0 0 0 24px
}
.confirmation .t-panel--info {
    padding:12px
}
.confirmation .trump {
    border:1px solid #dcdcdc;
    margin:24px 0;
    padding-bottom:24px;
    padding-top:24px
}
.confirmation .appendixTile {
    border:1px solid #dcdcdc;
    padding:24px
}
.confirmation .appendixTile__icon {
    float:left;
    margin-right:24px
}
.confirmation .appendixTile__text {
    overflow:hidden
}
@media screen and (max-width: 1023px) {
    .confirmation .appendixTiles>*+* {
        margin-top:12px
    }
}