.hidden-aria-visible {
    position: absolute;
    z-index: 100;
    left: 20px;
    transform: translateY(-120%);
    transition: transform 325ms ease-in;
}

.hidden-aria-visible:focus {
    transform: translateY(0%);
}

.list-ordered {
    counter-reset: list-index;
}
.list-ordered > li {
    counter-increment: list-index;
}
.list-ordered > li > *:first-child:before {
    content: counters(list-index, ".") ". ";
}

@media only screen and (min-width: 768px) {
    .m-header-international .header__user-notloggedin {
        margin-right: 0;
    }
}

.header__language-country {
    min-height: 38px;
}

.m-brandbar--logo {
    display: flex;
    align-items: flex-end;
}

.m-brandbar--logo:hover {
    text-decoration: none;
}

.m-brandbar--logo-desc {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    font-size: 20px;
    color: #ffffff;
}

@media only screen and (max-width: 1023px) {
    .m-brandbar--logo-desc {
        display: none;
    }
}

.m-brandbar--logo-desc::before {
    content: '|';
    position: absolute;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    left: 8px;
}

.m-user-flyout {
    position: absolute;
    top: 38px;
    right: 0;
    padding-bottom: 20px;
    color: #262626;
    background-color: #ffffff;
    z-index: 111;
}

.has-overlay-visible .bg-overlay--user-flyout {
    top: 38px;
}

.has-overlay-visible .a-bg-overlay {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 110;
}

@media only screen and (max-width: 767px) {
    .m-user-flyout {
        width: 100%;
    }

    .flyout--portals .flyout__toggle-target {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .m-user-flyout {
        width: 50%;
    }
    .flyout--portals .flyout__toggle-target {
        left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .m-user-flyout {
        width: 200%;
    }
}

.user-flyout__header {
    display: flex;
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    .user-flyout__header {
        padding: 22px 0;
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 22px;
        line-height: 26px;
    }
}

@media only screen and (min-width: 768px) {
    .user-flyout__header {
        padding: 22px 0;
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 28px;
        line-height: 30px;
    }
}

.user-flyout__header .a-icon--close {
    color: #262626;
}

.user-flyout__header .a-icon--close:focus {
    outline: 2px solid Highlight;
}

.user-flyout__header .a-icon--close:hover {
    color: #e20074;
}

@media only screen and (min-width: 1024px) {
    .user-flyout__header .a-icon--close {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.user-flyout__menuitems {
    padding: 0;
    margin: 0;
    list-style: none;
    text-indent: 0;
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (max-width: 767px) {
    .user-flyout__menuitem {
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 22px;
        line-height: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .user-flyout__menuitem {
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 1024px) {
    .user-flyout__menuitem {
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 24px;
        line-height: 30px;
    }
}

.user-flyout__menuitem a {
    color: inherit;
}

.user-flyout__menuitem--username {
    padding: 14px 20px 16px;
    background-color: #ededed;
}

.user-flyout__menuitem--username + .user-flyout__menuitem--link {
    margin-top: 20px;
}

.user-flyout__menuitem--link {
    padding: 14px 0 16px;
}

.user-flyout__menuitem--link + .user-flyout__menuitem--link {
    border-top: 1px solid #d0d0d0;
}

@media only screen and (min-width: 1024px) {
    .m-header__navbar .a-icon--hamburger {
        /* display: none; */
        padding-left: 24px;
    }

    .m-header__navbar.is-sticky .a-icon--hamburger {
        display: flex;
    }

    .m-header__navbar .m-navigation__shortcuts {
        transition: none;
        margin-left: 6px;
    }

    .m-header__navbar .m-header__navbar__logo {
        transition: none;
    }

    .type-area.with-cart-icon {
        padding-right: 24px;
    }
}

.type-area.with-cart-icon {
    overflow: visible;
}

.a-icon--cart {
    background-image: url("../../images/icons/basket.svg");
    background-repeat: no-repeat;
    min-width: 32px;
    min-height: 32px;
}
/*
.a-icon--cart {
    color: #262626;
    display: inline-flex;
    flex-shrink: 0;
    margin-right: 7px;
}

.a-icon--cart::before {
    font-family: 'TeleIcon-Solid';
    content: "B";
    font-size: 1.5em;
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}
*/


.a-icon .icon__badge {
    background-color: #e20074;
    color: #ffffff;
    display: flex;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    place-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 0.75em;
    min-width: 20px;
    line-height: 1;
    padding: 3px 5px 0 5px;
    height: 20px;
    border-radius: 10px;
    top: 3px;
    right: 3px;
    transform: scale(1) translate(50%, -50%);
    transform-origin: 100% 0%;
}

.a-icon--progressbar-configure {
    background-image: url("../../images/icons/settings-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.a-icon--progressbar-basket {
    background-image: url("../../images/icons/cart-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.a-icon--progressbar-register {
    background-image: url("../../images/icons/person-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.a-icon--progressbar-order {
    background-image: url("../../images/icons/sale-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.a-icon--progressbar-use {
    background-image: url("../../images/icons/check-white.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.a-icon--delete {
    font-family: 'TeleIcon-Outline';
}

.a-icon--delete::before {
    content: "D";
}

.a-icon--edit {
    font-family: 'TeleIcon-Solid';
}
.a-icon--edit::before {
    content: "e";
}

.a-icon--explain {
    font-family: 'TeleIcon-Solid';
    color: #a4a4a4;
}
.a-icon--explain::before {
    content: "i";
}

.a-icon--profile {
    background-image: url("../../images/icons/profile.svg");
    background-repeat: no-repeat;
}

.a-icon--company {
    background-image: url("../../images/icons/company.svg");
    background-repeat: no-repeat;
}

.a-icon--contracts {
    background-image: url("../../images/icons/contracts.svg");
    background-repeat: no-repeat;
}

.a-icon--new-contract {
    background-image: url("../../images/icons/new-contract.svg");
    background-repeat: no-repeat;
}

.a-icon--detail {
    background-image: url("../../images/icons/eye-magenta.svg");
    background-repeat: no-repeat;
}

.a-btn:hover .a-icon--detail {
    background-image: url("../../images/icons/eye-white.svg");
}

.a-icon--up {
    font-family: 'TeleIcon-Solid';
}

.a-icon--up::before {
    content: '\22';
}

.a-icon--down {
    font-family: 'TeleIcon-Solid';
}

.a-icon--down::before {
    content: '\24';
}

.a-icon--filter {
    font-family: "TeleNeoWeb-Regular", sans-serif;
}

.a-icon--filter::before {
    background-image: url("../../images/icons/filter.svg");
    background-repeat: no-repeat;
    font-family: 'Context-Icons';
}

.a-icon--filter:hover::before {
    background-image: url("../../images/icons/filter_white.svg");
}

.a-icon--filter::before {
    display: inline-block;
    height: 24px;
    width: 32px;
    content: '';
    margin-right: 5px;
    margin-bottom: -4px;
}

.m-header__progressbar {
    position: sticky;
    top: 74px; /* min-height + border von .m-header__navbar */
    z-index: 20;
    background-color: #262626;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 104px;
    color: #fff;
}

.m-header__progressbar .progress-steps {
    display: inline-flex;
    margin: auto;
    padding: 0;
    min-width: 1024px;
    justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .m-header__progressbar .progress-steps {
        min-width: 768px;
    }
}

@media only screen and (max-width: 767px) {
    .m-header__progressbar .progress-steps {
        min-width: initial;
        width: 100%;
        flex-flow: row wrap;
    }
}

.progress-step {
    overflow: hidden;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    min-width: 136px;
    font-size: 21px;
    line-height: 24px;
}

.progress-step .a-icon {
    height: 36px;
    width: 36px;
}

.progress-step.done .a-icon {
    border: 1px solid #fff;
    border-radius: 50%;
}

.progress-step.active .a-icon {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
}

.progress-step.active .a-icon--progressbar-configure {
    background-image: url("../../images/icons/settings.svg");
}

.progress-step.active .a-icon--progressbar-basket {
    background-image: url("../../images/icons/cart.svg");
}

.progress-step.active .a-icon--progressbar-register {
    background-image: url("../../images/icons/person.svg");
}

.progress-step.active .a-icon--progressbar-order {
    background-image: url("../../images/icons/sale.svg");
}

.progress-step.active .a-icon--progressbar-use {
    background-image: url("../../images/icons/check.svg");
}

.progress-step.active.not-ready .a-icon--progressbar-use {
    background-color: transparent;
    background-image: url("../../images/icons/check-white.svg");
}

.progress-step .step__label {
    padding-top: 0.25em;
}

.progress-step.done:first-of-type:after,
.progress-step.done:not(:first-of-type):not(:last-of-type):after,
.progress-step.done:last-of-type:before,
.progress-step.done:not(:first-of-type):not(:last-of-type):before,
.progress-step.active:last-of-type:before,
.progress-step.active:not(:first-of-type):not(:last-of-type):before {
    border-top: 1px solid #ffff;
    content: '';
    margin: 0px -22px;
    position: absolute;
    top: 20px;
    width: 50%;
}

.progress-step.done:first-of-type:after,
.progress-step.done:not(:first-of-type):not(:last-of-type):after {
    right: 4px;
}

.progress-step.done:last-of-type:before,
.progress-step.done:not(:first-of-type):not(:last-of-type):before,
.progress-step.active:last-of-type:before,
.progress-step.active:not(:first-of-type):not(:last-of-type):before {
    left: 4px;
}

.page__ProductSelection .page__breadcrumbs {
    display: none;
}

@media only screen and (min-width: 1024px) {
    .o-footer .o-teaser-default {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .o-footer .o-teaser-default {
        padding-top: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .o-footer .o-teaser-default {
        padding-top: 40px;
    }
}

@media only screen and (min-width: 1px) {
    .o-footer .teaser-cta {
        margin-top: 0;
    }

    .o-footer .m-brandbar {
        margin-top: 0;
    }
}

.page__ProductSelection .a-image > img {
    display: none;
    margin: 0 auto;
}

.o-teaser-collection .o-teaser-default:hover .a-image {
    transform: scale(1.1);
    z-index: 0;
}

.page__ProductSelection .o-teaser-collection-l > .a-headline {
    font-size: 48px;
    line-height: 58px;
}

.page__ProductSelection .o-teaser-collection-l .teaser-collection__detail-text.richtext-wrapper {
    margin-top: 35px;
}

.page__ProductSelection .o-teaser-collection-l .teaser-collection__detail-text.richtext-wrapper > span {
    margin-left: 96px;
    font-size: 32px;
    line-height: 44px;
}

.a-btn {
    display: inline-block;
}

.a-btn:hover,
.richtext-wrapper .a-btn:hover {
    text-decoration: none;
}

@media only screen and (min-width: 1024px) {
    .page__ProductSelection .o-teaser-collection:not(.o-teaser-collection ~ .o-teaser-collection) {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .page__ProductSelection .o-teaser-collection:not(.o-teaser-collection ~ .o-teaser-collection) {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .page__ProductSelection .o-teaser-collection-l > .a-headline {
        font-size: 32px;
        line-height: 38px;
    }

    .page__ProductSelection .o-teaser-collection-l .teaser-collection__detail-text.richtext-wrapper > span {
        margin-left: 25px;
        font-size: 24px;
        line-height: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .page__ProductSelection .o-teaser-collection-l > .a-headline {
        font-size: 32px;
        line-height: 40px;
    }

    .page__ProductSelection .o-teaser-collection-l .teaser-collection__detail-text.richtext-wrapper {
        margin-top: 25px;
    }

    .page__ProductSelection .o-teaser-collection-l .teaser-collection__detail-text.richtext-wrapper > span {
        margin-left: 50px;
        font-size: 28px;
        line-height: 38px;
    }
}

.o-teaser-default.teaser-cta-basic .a-headline {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 36px;
    line-height: 40px;
}

.o-teaser-default.teaser-cta-basic .teaser-text {
    margin-top: 18px;
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 24px;
    line-height: 32px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .o-teaser-default.teaser-cta-basic .a-headline {
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 32px;
        line-height: 40px;
    }

    .o-teaser-default.teaser-cta-basic .teaser-text {
        margin-top: 12px;
        font-family: "TeleNeoWeb-Regular", sans-serif;
        font-size: 22px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .o-teaser-default.teaser-cta-basic .a-headline {
        font-family: "TeleNeoWeb-ExtraBold", sans-serif;
        font-size: 28px;
        line-height: 32px;
    }

    .o-teaser-default.teaser-cta-basic .teaser-text {
        margin-top: 10px;
        font-family: "TeleNeoWeb-Regular", sans-serif;
        font-size: 22px;
        line-height: 28px;
    }
}

.o-teaser-default.teaser-cta-basic .cta-wrapper {
    justify-content: space-around;
}

@media only screen and (max-width: 767px) {
    .o-teaser-default.teaser-cta-basic .cta-wrapper {
        flex-direction: row;
        align-items: center;
    }
}

.o-teaser-default.teaser-cta-basic .m-contact {
    max-width: 460px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .o-teaser-default.teaser-cta-basic .m-contact {
        max-width: 420px;
    }
}

.o-teaser-default.teaser-cta-basic .m-contact .a-icon {
    width: 60px;
    height: 60px;
}

.o-teaser-default.teaser-cta-basic .m-contact .a-icon {
    font-size: 60px;
}

@media only screen and (min-width: 768px) {
    .o-teaser-default.teaser-cta-basic .m-contact {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .o-teaser-default.teaser-cta-basic .m-contact {
        flex-direction: row;
    }
}

@media only screen and (max-width: 767px) {
    .o-teaser-default.teaser-cta-basic .m-contact .info-field {
        margin-top: 0;
    }
}

.o-teaser-default.teaser-cta-basic .m-contact .a-icon {
    margin-right: 15px;
}

@media only screen and (min-width: 1024px) {
    .o-teaser-default.teaser-cta-basic .m-contact .a-icon {
        margin-right: 30px;
    }
}

.o-teaser-default.teaser-cta-basic .m-contact .a-textlink {
    padding: 0;
    border: none;
    text-decoration: none;
}

.o-teaser-default.teaser-cta-basic .m-contact .a-textlink:hover {
    color: #ffffff;
    background-color: transparent;
}

.o-teaser-default.teaser-cta-basic .m-contact .a-textlink[href^='tel']::before {
    content: none;
}

.a-hint:hover,
.richtext-wrapper .a-hint:hover {
    text-decoration: none;
}

.o-forms .richtext-wrapper {
    font-size: 20px;
    line-height: 26px;
}

.o-forms .richtext-wrapper .password-forgotten {
    font-family: inherit !important;
    display: inline-block;
    margin-top: 8px;
}

.o-messages {
    margin-left: auto;
    margin-right: auto;
    max-width: 1416px;
}

@media only screen and (min-width: 1024px) {
    .o-messages .content-wrapper {
        margin: 0 auto;
        padding: 0 12px;
        max-width: 1000px;
    }
}

@media only screen and (max-width: 1023px) {
    .o-forms,
    .o-messages .content-wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.o-message:first-child {
    margin-top: 45px;
}

.o-message {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid;
    border-radius: 4px;
    margin-top: 8px;
}

.o-message .a-icon {
    margin-right: 8px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid transparent;
    border-radius: 4px;
    margin-bottom: 4px;
}

.o-message .a-icon::after {
    content: '!';
    color: #ffffff;
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    position: absolute;
    bottom: -27px;
    left: -2px;
}

.o-message__content {
    margin-top: 2px;
    width: 100%;
}

.o-message__tracing-code {
    margin-left: 8px;
    white-space: nowrap;
    color: #a4a4a4;
}

.o-message.neutral {
    background-color: #eaf5fa;
    border-color: #3399cc;
}

.o-message.neutral .a-icon {
    border-bottom-color: #3399cc;
}

.o-message.negative {
    background-color: #ffe4e4;
    border-color: #e81919;
}

.o-message.negative .a-icon {
    border-bottom-color: #e81919;
}

@media only screen and (min-width: 1024px) {
    .m-form__line--headline .a-headline {
        font-size: 48px;
        line-height: 58px;
    }
}
@media only screen and (max-width: 1023px) {
    .m-form__line--headline .a-headline {
        font-size: 32px;
        line-height: 40px;
    }
}

.m-form__line--headline .form__element__block {
    margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    .o-forms .form__row-wrapper {
        padding: 0;
    }

    .m-form__line--checkboxes .form__label, .m-form__line--radiobuttons .form__block__label {
        font-size: 20px;
    }
}

.form__label, .form__block__label {
    font-family: "TeleNeoWeb-Bold", sans-serif;
}

.m-form__wtf-control .form__label {
    font-family: "TeleNeoWeb-Regular", sans-serif;
}

@media only screen and (min-width: 1024px) {
    .m-form__line--radiobuttons .form__element__block {
        width: 100%;
    }

    .m-form__line--checkboxes .form__label, .m-form__line--radiobuttons .form__block__label {
        font-size: 20px;
        line-height: 32px;
    }

    .m-form__line--radiobuttons.align-to-select .form__element__block {
        margin-top: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .m-form__line {
        padding-left: 10px;
        padding-right: 10px;
    }

    .m-form__line--radiobuttons .form__element__block {
        width: 100%;
    }

    .m-form__line--checkboxes .form__label, .m-form__line--radiobuttons .form__block__label {
        font-size: 20px;
        line-height: 32px;
    }

    .m-form__line--radiobuttons.align-to-select .form__element__block {
        margin-top: 14px;
    }
}

.m-form__line--radiobuttons .form__element__block {
    justify-content: space-between;
}

.m-form__line:not(.m-form__line--headline).m-form__line--caption {
    margin-top: 8px;
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    .o-forms .d-col6.d-col6-m {
        width: 50%;
    }

    .o-forms .d-col8.d-col8-m {
        width: 66.6666666667%;
    }

    .o-forms .d-col4.d-col4-m {
        width: 33.3333333333%;
    }
}

.password__set {
    margin: 0;
    padding: 0;
}

.password__set li {
    position: relative;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
}

.password__set li::before {
    font-family: 'TeleIcon-Solid';
    content: '6';
    min-width: 2rem;
    text-align: center;
    font-size: 10px;
}

.password__set li.active::before {
    content: 'V';
    color: #69b321;
    font-size: 28px;
}

.ui-widget-header {
    border: none;
    background: transparent;
    color: #262626;
    font-family: "TeleNeoWeb-Bold", sans-serif;
}

.ui-widget-header .ui-button,
.ui-widget-header .ui-button.ui-state-active {
    border: none;
    background: none;
}

.ui-widget-header .ui-button .ui-icon {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    text-transform: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 22px;
    color: #ffffff;
    background-color: transparent;
    text-indent: unset;
    background-image: none;
    width: unset;
    height: unset;
}
.ui-widget-header .ui-button-icon-only.ui-dialog-titlebar-close {
    text-indent: unset;
}

.ui-widget-header .ui-button-icon-only.ui-dialog-titlebar-close .ui-button-text{
    opacity: 0;
}

.ui-widget-header .ui-button:hover .ui-icon-closethick {
    color: #e20074;
}
.ui-widget-header .ui-button .ui-icon-closethick {
    color: #262626;
}
.ui-widget-header .ui-button .ui-icon-closethick {
    font-family: 'TeleIcon-Outline';
}
.ui-widget-header .ui-button .ui-icon-closethick::after {
    content: 'X';
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 10px;
    width: unset;
    height: unset;
}

.ui-dialog .ui-dialog-content {
    color: #262626;
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 20px;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0 20px 10px 20px;
    margin-top: 0;
    border: none;
    color: #262626;
}

.ui-dialog .ui-dialog-buttonpane,
.ui-widget button {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: 20px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left;
}

.ui-dialog .ui-dialog-buttonpane button {
    cursor: pointer;
    color: #e20074;
    border: 1px solid #e20074;
    border-radius: 2px;
    background-color: transparent;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    background-color: #e20074;
    border-color: #e20074;
}

.ui-dialog .ui-dialog-buttonpane button:hover .ui-button-text {
    color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
    color: #ffffff;
    background-color: #e20074;
}

.ui-dialog .ui-dialog-buttonpane button:last-child:hover {
    color: #e20074;
    background-color: #ffffff;
}

.ui-dialog .ui-dialog-buttonpane button:last-child:hover .ui-button-text {
    color: #e20074;
}

th,
.tr-head td {
    text-align: left;
    font-size: 20px;
    line-height: 26px;
}

th,
td {
    padding: 15px;
}

thead::after {
    content: ' ';
    display: block;
    margin-bottom: 20px;
}

.page__cartPage .richtext-wrapper table,
.page__MACartProductSel .richtext-wrapper table,
.page__multiStepCheckoutSummaryPage .richtext-wrapper table,
.o-order-history .richtext-wrapper table,
.o-contract-list .richtext-wrapper table,
.o-contract-detail .richtext-wrapper table,
.o-contract-history .richtext-wrapper table,
.page__ModifyContract .richtext-wrapper table,
.m-ma-contracts.richtext-wrapper table {
    white-space: initial;
}

.page__cartPage .richtext-wrapper tbody tr:first-child,
.page__MACartProductSel .richtext-wrapper tbody tr:first-child,
.page__multiStepCheckoutSummaryPage .richtext-wrapper tbody tr:first-child,
.o-order-history .richtext-wrapper tbody tr:first-child,
.o-contract-list .richtext-wrapper tbody tr:first-child,
.o-contract-detail .richtext-wrapper tbody tr:first-child,
.o-contract-history .richtext-wrapper tbody tr:first-child,
.o-contract-change .richtext-wrapper tbody tr:first-child,
.m-ma-contracts.richtext-wrapper tbody tr:first-child {
    background-color: rgba(237, 237, 237, 0.6);
    color: inherit;
    font-family: inherit;
}

table, th, td {
    vertical-align: top;
}

.td-cart--label,
.td-cart--total-price {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
}

.td-cart--description a,
.td-cart--legals-docs a {
    display: block;
}

.td-cart--characteristic ul {
    padding: 0;
    list-style-type: none;
}

.td-cart--characteristic .richtext-wrapper a {
    word-break: normal;
}

.td-cart--characteristic .value.wrapped,
.td-cart--characteristic .cstic-value.wrapped {
    word-break: break-word;
}

.td-cart--config .m-form__line {
    margin-top: 0;
    padding: 0;
}

.td-cart--config .m-form__line--select {
    min-width: 220px;
}

.td-cart--quantity,
.td-cart--usage-based,
.td-cart--one-time-price,
.td-cart--monthly-price,
.td-cart--price,
.td-cart--total-price {
    text-align: right;
}

.cart-price {
    white-space: nowrap;
}

.td-cart--actions {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.td-cart--actions a {
    color: #262626;
    padding: 0.1em 0.2em;
    text-align: center;
}

.richtext-wrapper .td-cart--actions a:visited {
    color: #262626;
}

.richtext-wrapper .td-cart--actions a:hover {
    color: #e20074;
}

.tr-head .td-cart--actions a {
    color: #ffffff;
    font-size: 24px;
    line-height: 32px;
}

.td-cart--actions a:hover {
    color: #e20074;
}

.tr-head .td-cart--actions a:hover {
    color: #262626;
}

.td-cart--actions a .a-icon {
    padding: 0.1em 0.2em;
}

.button-edit .a-icon,
.td-cart--actions .cart-edit .a-icon,
.td-cart--actions .contract-edit .a-icon {
    border-radius: 2px;
    border: 1px solid;
}

.td-cart--actions .cart-edit .a-icon {
    background-color: #ededed;
    border-color: #b2b2b2;
}

.td-cart--actions .cart-edit:hover .a-icon {
    background-color: #dbdbdb;
    border-color: #a0a0a0;
}

.button-edit .a-icon,
.td-cart--actions .contract-edit .a-icon {
    color: #ffffff;
    background-color: #e20074;
    border-color: #bb0060;
}

.button-edit .a-icon,
.td-cart--actions .contract-edit:hover .a-icon {
    background-color: #d0006a;
    border-color: #a90056;
}

th.td-cart--actions .a-icon {
    color: #ffffff;
}

th.td-cart--actions .a-icon:hover {
    color: #262626;
}


.cstic-price--useage-based {
    font-size: 20px;
    line-height: 24px;
}

.history-old-new .new,
.cstic--new .cstic-value--new,
.cstic--new .cstic-value--modified,
.cstic--modified .cstic-value--new,
.cstic--modified .cstic-value--modified {
    color: #69b321;
}

.history-old-new .old,
.cstic-value--old,
.cstic--deleted td {
    text-decoration: line-through;
}

.cstic--deleted .td-cart--status {
    text-decoration: none;
}

.o-cart--total {
    display: flex;
    justify-content: flex-end;
    background-color: #ffffff;
    padding: 30px 0 20px 0;
    margin-top: 20px;
}

.o-cart--total table {
    margin-top: 0;
    margin-right: 70px;
}

@media only screen and (max-width: 1023px) {
    .o-cart--total table {
        display: block;
        table-layout: fixed;
        overflow-x: scroll;
        margin-right: 20px;
    }
}

.o-cart--total tbody tr:first-child,
.o-cart--total tr:nth-child(odd) {
    background-color: transparent;
    color: inherit;
    font-family: inherit;
}

.o-cart--total th {
    color: #262626;
    font-size: 24px;
    line-height: 32px;
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
}

.o-cart--total thead th {
    text-align: right;
}

.o-cart--actions {
    display: flex;
    justify-content: space-between;
    background-color: #262626;
    padding: 40px;
    margin-top: 20px;
    color: #ffffff;
    min-height: 200px;
    box-sizing: border-box;
    align-items: baseline;
}

@media only screen and (max-width: 767px) {
    .o-cart--actions {
        flex-wrap: wrap-reverse;
    }
}

@media only screen and (max-width: 767px) {
    .m-button__lines {
        width: 100%;
    }
}

.m-button__line {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.a-btn-outline {
    color: #e20074 !important;
}

.a-btn-outline:hover {
    color: #ffffff !important;
}

.a-btn.disabled,
.a-btn[disabled],
.a-btn-outline.disabled,
.a-btn-outline[disabled] {
    cursor: not-allowed;
    background: #f9f9f9;
    border-color: #a4a4a4;
    color: #a4a4a4 !important;
}

.a-btn-outline.disabled:hover, .a-btn-outline[disabled]:hover  {
    cursor: not-allowed;
    background: #f9f9f9;
    border-color: #a4a4a4;
    color: #a4a4a4 !important;
}

.m-form__wtf-control--radio.is-disabled,
.m-form__line--radiobuttons .is-disabled .form__wtf-control__indicator,
.m-form__line--radiobuttons .is-disabled .form__label {
    cursor: not-allowed;
    opacity: 0.6;
}

.o-cart--actions .m-button__line .a-btn--label {
    margin-right: 20px;
    text-align: right;
}

.o-cart--actions .m-button__line .a-btn {
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
}

.o-cart--actions .m-button__line:not(:first-child) {
    margin-top: 20px;
}

.o-cart--actions .m-buttons {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 767px) {
    .o-cart--actions .m-buttons {
        margin-top: 20px;
    }
}

.o-cart--actions .m-buttons .a-btn {
    border-radius: 4px;
}

.o-cart--actions .m-buttons .a-btn--invers-black-icon::after {
    content: '$';
    font-weight: bold;
}

.o-cart--actions .m-buttons .a-btn--invers-black-icon.open::after {
    content: '"';
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.o-cart--actions .m-buttons .a-btn--invers-black-icon.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.o-cart--actions .m-buttons .a-btn-outline-invers:not(:first-child) {
    border-radius: 0;
    border-top-width: 0;
}

.o-cart--actions .m-buttons .a-btn-outline-invers:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.o-checkout-summary-header .teaser-collection__detail-text {
    display: flex;
}

.d-col-wrapper {
    display: flex;
}

.o-checkout-summary-header .d-col6,
.o-checkout-confirmation-ma .d-col6,
.d-col-wrapper .d-col6 {
    width: 50%;
}

@media only screen and (min-width: 1024px) {
    .o-checkout-summary-header .alpha {
        margin-right: 60px;
    }

    .o-checkout-summary-header .omega {
        margin-left: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .o-checkout-summary-header .alpha {
        margin-right: 40px;
    }

    .o-checkout-summary-header .omega {
        margin-left: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .o-checkout-summary-header .teaser-collection__detail-text {
        display: block;
    }

    .o-checkout-summary-header .d-col6,
    .o-checkout-confirmation-ma .d-col6,
    .d-col-wrapper .d-col6 {
        width: 100%;
    }

    .o-checkout-summary-header .alpha {
        margin-right: 0;
    }

    .o-checkout-summary-header .omega {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .o-checkout-summary-header > .a-headline,
    .o-checkout-confirmation > .a-headline {
        font-size: 60px;
        line-height: 62px;
    }

    .o-teaser-collection > .a-headline {
        font-size: 48px;
        line-height: 58px;
    }

    .o-teaser-collection.teaser-collection--portals > .a-headline {
        font-size: 28px;
        line-height: 28px;
    }

    .page__multiStepCheckoutSummaryPage .o-teaser-collection > h3.a-headline {
        font-size: 36px;
        line-height: 40px;
    }

    .page__productConfiguration .o-teaser-collection > .a-headline {
        font-size: 60px;
        line-height: 62px;
    }
}

.o-checkout-summary-header .richtext-wrapper,
.o-checkout-summary-header .richtext-wrapper h4 {
    font-size: 20px;
    line-height: 32px;
}

.o-checkout-summary-header .richtext-wrapper .a-headline {
    margin-top: 42px;
}

.o-checkout-summary-header .m-voucher-code .a-headline {
    margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .o-checkout-summary-header .m-voucher-code .a-headline {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .o-checkout-summary-header .m-voucher-code .a-headline {
        margin-top: 50px;
    }
}

.o-checkout-summary-header .richtext-wrapper p ,
.richtext-wrapper .m-address p:not(:first-child),
.page__ModifyContract .o-payment-methods .m-address p
{
    margin: 0;
}

.richtext-wrapper .m-address p:first-child {
    margin-bottom: 0;
}

.m-address .a-btn__edit,
.m-technical-admin .a-btn__edit {
    float: right;
}

.m-technical-admin .m-technical-admin__headline {
    display: flex;
    justify-content: space-between;
}

.m-technical-admin .m-technical-admin__headline .a-icon--explain {
    font-size: 24px;
}

.m-technical-admin .m-technical-admin__content {
    margin-top: 50px;
}

.o-checkout-summary-header .m-voucher-code .m-voucher-code__description {
    margin-top: 50px;
}

@media only screen and (max-width: 1023px)  {
    .m-voucher-code .o-forms {
        padding-left: 0;
        padding-right: 0;
    }
}

.m-voucher-code .m-form__line {
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .m-voucher-code .m-form__line--actions {
        margin-top: 26px;
    }
}

.m-voucher-code .m-form__line.alpha {
    padding-left: 0;
    margin-right: 0;
}

.m-voucher-code .m-form__line.omega {
    padding-right: 0;
    margin-left: 0;
}

.m-voucher-code .form__element__block {
    margin-top: 0;
}

.a-btn__payment-add .a-icon {
    height: 20px;
    font-size: 40px;
    margin-top: -12px;
}

.m-payment-method .cc-number,
.m-payment-method .sepa-iban,
.m-payment-method .invoice {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
}

.cc-brands {
    display: inline-flex;
    align-items: center;
}

.cc-brands > * {
    margin-left: 20px;
}

.cc-brands > *:first-child {
    margin-left: 30px;
}

.cc-brand {
    max-width: 60px;
    max-height: 40px;
}

.m-form__line--tiles > .form__element__block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 20px;
}

.form__element__tile {
    padding: 36px 24px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form__element__tile__intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
}

.form__element__tile__intro .cc-number {
    order: 1;
}

.form__element__tile__intro .cc-brands {
    order: 2;
}

.form__element__tile__intro .cc-brands > *,
.form__element__tile__intro .cc-brands > *:first-child {
    margin-left: 0;
}

.form__element__tile__intro .cc-validTo {
    order: 3;
}

.form__element__tile__intro .cc-validTo-hint {
    color: #e60000;
    display: flex;
    align-items: center;
}

.form__element__tile__intro .cc-validTo-hint .a-hint {
    line-height: initial;
}

.form__element__tile__intro > * {
    line-height: 40px;
}

.form__element__tile__intro .sepa-iban,
.form__element__tile__intro .sepa-account-holder,
.form__element__tile__intro .sepa-valid-hint {
    flex-basis: 100%;
}

.form__element__tile__intro .sepa-valid-hint {
    color: #e60000;
}

.text-nowrap {
    white-space: nowrap;
}

.o-checkout-summary-header .omega .m-form__line {
    padding-left: 0;
    padding-right: 0;
}

.o-teaser-collection .teaser-collection__detail-text.m-applied-voucher {
    margin-top: 50px;
}

.o-forms.o-checkout-summary .m-form__line--actions {
    display: flex;
    justify-content: flex-end;
}

@media only screen and (min-width: 1024px) {
    .o-forms.o-checkout-summary .a-headline {
        font-size: 36px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 1023px) {
    .o-forms.o-checkout-summary .a-headline {
        font-size: 32px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 1024px) {
    .m-form__line:is(.m-form__line--hint) {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 1023px) {
    .m-form__line:is(.m-form__line--hint) {
        margin-top: 70px;
    }
}

.o-checkout-confirmation .m-actions,
.o-checkout-confirmation .m-link-external {
    margin-top: 50px;
}

.richtext-wrapper .m-actions .a-btn {
    color: #ffffff;
    line-height: 1;
}

.richtext-wrapper .m-actions .a-btn:hover {
    color: #e20074;
    text-decoration: none;
}

.o-my-account-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 6fr 1fr 6fr;
    -ms-grid-columns: 6fr 1fr 6fr;
    max-width: 1000px;
    margin: 0 auto;
}

@media only screen and (min-width: 1024px) {
    .o-my-account-grid {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
        grid-column-gap: 45px;
        grid-row-gap: 100px;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 1023px) {
    .o-my-account-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        grid-column-gap: 25px;
        grid-row-gap: 75px;
        margin-top: 35px;
        padding: 0 20px;
    }
}

.o-my-account-grid .richtext-wrapper .a-headline {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 105px 1fr;
    grid-template-columns: 105px 1fr;
    align-items: flex-end;
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: 30px;
    line-height: 36px;
}

.o-my-account-grid .richtext-wrapper .a-headline {
    margin-bottom: 20px;
}

.o-my-account-grid .richtext-wrapper .a-headline .a-icon {
    display: block;
    -ms-grid-column: 1;
    height: 75px;
    width: 75px;
    background-size: cover;
    background-position: center;
}

.o-my-account-grid .richtext-wrapper .a-headline .a-icon + * {
    display: block;
    -ms-grid-column: 2;
}

@media only screen and (max-width: 1023px) {
    .o-my-account-grid .richtext-wrapper .a-headline {
        -ms-grid-columns: 70px 1fr;
        grid-template-columns: 70px 1fr;
        font-size: 24px;
        line-height: 30px;
    }

    .o-my-account-grid .richtext-wrapper .a-headline .a-icon {
        height: 60px;
        width: 60px;
    }
}

.o-my-account-grid .richtext-wrapper ul {
    list-style: none;
    padding: 0;
}

.o-my-account-grid .richtext-wrapper ul {
    font-size: 20px;
    line-height: 26px;
}

.o-my-account-grid .richtext-wrapper ul a {
    font-size: 22px;
    line-height: 28px;
}

.o-my-account-grid .richtext-wrapper ul:last-child {
    margin-top: 50px;
}

@media only screen and (max-width: 1023px) {
    .o-my-account-grid .richtext-wrapper ul:last-child {
        margin-top: 35px;
    }
}

.o-my-account-grid-cell__profile {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.o-my-account-grid-cell__company {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.o-my-account-grid-cell__agreements {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.o-my-account-grid-cell__new-contract {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.m-update-profile .m-form__line--actions,
.m-update-consent .m-form__line--actions,
.m-update-company .m-form__line--actions,
.page__PaymentInfo .m-form__line--actions,
.m-sepa-new .m-form__line--actions,
.o-payment-methods .m-form__line--actions {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    margin-top: 80px;
}

.m-update-profile .m-form__line--actions a:hover,
.m-update-consent .m-form__line--actions a:hover,
.m-update-company .m-form__line--actions a:hover,
.page__PaymentInfo .m-form__line--actions a:hover,
.m-sepa-new .m-form__line--actions a:hover {
    text-decoration: none;
}

.m-payment-method > .form__element__item:not(.richtext-wrapper) {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.m-payment-method > .form__element__item:not(:first-child) {
    margin-top: 50px;
}

.m-payment-method-cc .a-hint .a-icon--explain {
    color: #a4a4a4;
}

.form__label .cc-number,
.form__label .cc-validTo {
    vertical-align: top;
}


.m-payment-method .m-actions > *:last-child {
    margin-left: 30px;
}

.form__element__tile__content-wrapper .m-actions {
    margin-top: 36px;
}

.m-payment-method .form__element__tile__content-wrapper .m-actions > *:last-child {
    margin-left: 0;
    padding-left: 0;
    float: right;
}

.form__element__tile__content-wrapper .m-form__wtf-control input + .a-btn {
    box-sizing: border-box;
    max-height: 52px;
}

.form__element__tile__content-wrapper .m-form__wtf-control--radio.is-disabled {
    opacity: 1;
}
.form__element__tile__content-wrapper .m-form__wtf-control--radio.is-disabled .a-btn {
    color: #a4a4a4 !important;
    border-color: #a4a4a4;
    pointer-events: none;
}

.form__element__tile__content-wrapper .m-form__wtf-control--radio.is-disabled .a-btn:hover {
    background-color: transparent;
}

.form__element__tile .a-btn .a-icon--detail {
    background-size: contain;
    height: 22px;
    width: 22px;
}

.m-form__wtf-control input:checked + .a-btn {
    border-color: transparent;
}

.m-form__wtf-control input:checked + .a-btn::before {
    content: 'V';
    display: inline-block;
    font-family: 'TeleIcon-Outline';
    color: #e20074;
    vertical-align: middle;
    margin-right: 10px;
}

.m-form__wtf-control input:checked + .a-btn:hover::before {
    color: #ffffff;
}

.form__element__tile__content-wrapper .m-form__wtf-control input:checked + .a-btn:hover {
    color: #e20074 !important;
    background-color: transparent;
    border-color: transparent;
}

.form__element__tile__content-wrapper .m-form__wtf-control input:checked + .a-btn:hover::before {
    color: #e20074;
}

.m-form__wtf-control input + .a-btn .selected__label {
    display: none;
}

.m-form__wtf-control input:checked + .a-btn .selected__label {
    display: inline;
}

.m-form__wtf-control input:checked + .a-btn .select__label {
    display: none;
}

/*
@media only screen and (max-width: 1023px) {
    .m-payment-method .form__label {
        display: flex;
        flex-wrap: wrap;
    }

    .m-payment-method-cc .form__label .cc-validTo {
        order: 2;
        flex: 1 0 100%;
    }

    .m-payment-method .m-form__wtf-control {
        max-width: calc(66.6666666667% - 40px);
    }

    .m-payment-method .m-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        max-width: 33.3333333333%;
        text-align: right;
    }

    .m-payment-method-presentment .m-form__wtf-control {
        max-width: 100%;
    }
}
 */

.m-payment-method-cc-expired {
    padding-left: 40px;
}

.m-payment-method-presentment {
    padding-left: 40px;
    margin-top: 20px;
    width: 100%;
}

.form__element__tile__content-wrapper::before {
    display: flex;
    flex-direction: column;
    margin: 32px auto 32px;
    content: '';
    height: 2px;
    width: 134px;
    background-color: rgba(226, 0 , 116, 0.5);
}

.form__element__tile__content-wrapper .m-payment-method-presentment {
    padding-left: 0;
}

.m-payment-method-presentment .m-form__line {
    display: flex;
}

.form__element__tile__content-wrapper .m-payment-method-presentment .m-form__line  {
    display: block;
}

@media only screen and (max-width: 767px) {
    .m-payment-method-presentment .m-form__line {
        display: block;
    }
}

.m-payment-method-presentment .m-form__line,
.m-payment-method-presentment .form__element__block {
    padding: 0;
    margin: 0;
}

.m-payment-method-presentment .m-form__line--radiobuttons .form__element__block {
    justify-content: normal;
}

.m-payment-method-presentment .m-form__line--radiobuttons .form__element__item {
    min-width: auto;
    margin-left: 30px;
}

.form__element__tile__content-wrapper .m-payment-method-presentment .m-form__line--radiobuttons .form__element__item {
    min-width: auto;
    margin-left: 0;
}

.m-payment-method-presentment .form__label {
    display: block;
}

.o-forms .richtext-wrapper.m-credit-card-new,
.o-forms .richtext-wrapper.m-sepa-new {
    display: flex;
    align-items: center;
    font-size: 24px;
    line-height: 32px;
}

.m-credit-card-new .a-btn__payment-add,
.m-credit-card-new .cc-brands__payment-add,
.m-sepa-new .a-btn__payment-add,
.m-sepa-new .cc-brands__payment-add {
    display: none;
}

@media only screen and (max-width: 767px) {
    .m-credit-card-new .a-btn__payment-add,
    .m-credit-card-new .cc-brands__payment-add,
    .m-sepa-new .a-btn__payment-add,
    .m-sepa-new .cc-brands__payment-add  {
        display: inline-block;
    }

    .m-credit-card-new .a-textlink__payment-add,
    .m-sepa-new .a-textlink__payment-add {
        display: none;
    }
}

.o-payment-methods .m-form__line--infotext {
    margin-top: 100px;
}

.page__ModifyContract .o-payment-methods .m-form__line--infotext {
    margin-top: 32px;
}

.o-payment-methods .m-form__line--headline + .m-form__line--infotext {
    margin-top: 50px;
}

@media only screen and (max-width: 1023px) {
    .o-payment-methods .m-form__line--infotext {
        margin-top: 80px;
    }

    .page__ModifyContract .o-payment-methods .m-form__line--infotext {
        margin-top: 32px;
    }

    .o-payment-methods .m-form__line--headline + .m-form__line--infotext {
        margin-top: 70px;
    }
}

.o-sepa-info-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 6fr 1fr 6fr;
    -ms-grid-columns: 6fr 1fr 6fr;
    max-width: 1000px;
    margin: 0 auto;
}

.o-sepa-details .a-hint {
    font-size: 20px;
    line-height: 24px;
}

.o-sepa-details .teaser-collection__detail-text {
    margin-top: 50px;
}

@media only screen and (min-width: 1024px) {
    .o-sepa-info-grid {
        grid-row-gap: 20px;
        margin-top: 35px;
        grid-template-columns: 1fr 2fr 1fr 2fr;
    }
}

@media only screen and (max-width: 1023px) {
    .o-sepa-info-grid {
        grid-row-gap: 20px;
        margin-top: 35px;
        grid-template-columns: 1fr 2fr;
    }
}

.m-payment-method-cc-ma .m-form__wtf-control,
.m-payment-method-sepa-ma .m-form__wtf-control {
    padding-left: 0;
}

.m-payment-method-cc-ma .form__label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.m-payment-method-cc-ma .cc-validTo {
    order: 2;
}

.o-technical-admin-assign .m-form__line--radiobuttons .form__element__item + .form__element__item {
    margin-top: 16px;
}

.o-technical-admin-assign .m-form__line--radiobuttons .form__element__item {
    min-width: 100%;
}

.o-technical-admin-assign .m-form__line--actions {
    display: flex;
    justify-content: flex-end;
}

.o-technical-admin-new .m-form__line--actions,
.m-administer-roles .m-form__line--actions {
    display: flex;
    justify-content: space-between;
}

.m-form-sort {
    display: flex;
    justify-content: flex-end;
}

.o-teaser-collection.o-order-history,
.o-teaser-collection.o-contract-list {
    margin-top: 50px;
}

@media only screen and (min-width: 1024px) {
    .page__multiStepCheckoutSummaryPage .o-teaser-collection,
    .page__orderConfirmationPage .o-teaser-collection,
    .page__orders .o-teaser-collection,
    .page__ModifyContract .o-teaser-collection,
    .page__MasterAgreements .o-teaser-collection,
    .page__MACartProductSel .o-teaser-collection,
    .page__cartPage .o-teaser-collection {
        margin-top: 50px;
    }

    .page__orders .o-teaser-collection.o-order-history,
    .page__ModifyContract .o-teaser-collection.o-contract-list {
        margin-top: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .page__orders .o-teaser-collection.o-order-history,
    .page__ModifyContract .o-teaser-collection.o-contract-list {
        margin-top: 20px;
    }

    .page__ModifyContract .m-form__line {
        padding: 0;
    }
}

.o-order-history .richtext-wrapper table,
.o-contract-list .richtext-wrapper table {
    font-size: 20px;
    line-height: 26px;
}

.o-order-history .m-actions,
.o-contract-list .m-actions,
.o-professional-secrecy .m-actions,
.o-contract-detail .m-actions {
    margin-top: 50px;
}

.o-professional-secrecy .m-actions,
.o-contract-detail .m-actions {
    display: flex;
    justify-content: normal;
    flex-wrap: wrap;
}

.o-professional-secrecy .m-actions .a-btn,
.o-contract-detail .m-actions .a-btn {
    margin-top: 10px;
    margin-right: 8px;
}

@media only screen and (max-width: 1023px) {
    .o-professional-secrecy .m-actions .a-btn:first-child,
    .o-contract-detail .m-actions .a-btn:first-child {
        order: 2;
    }
}

.o-professional-secrecy td ul,
.o-contract-detail td ul {
    padding: 0;
    margin: 0;
}

.o-contract-detail .a-btn__icon {
    float: right;
    margin-left: 20px;
    padding: 10px;
}

.o-contract-detail .a-btn__icon:hover {
    color: #e20074 !important;
    background: transparent;
}

.o-contract-history-grid {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: 20px;
    grid-row-gap: 1em;
    margin-top: 1em;
}

.o-forms.o-contract-history + .o-teaser-collection.o-contract-history {
    margin-top: 50px;
}

.right {
    float: right;
}

.m-cart-bundle-divider {
    margin-top: 30px;
    font-size: 20px;
    line-height: 26px;
    text-align: right;
}

.m-cart-bundle-divider + table {
    margin-top: 0;
}

.o-contract-change td {
    font-size: 20px;
    line-height: 26px;
}

.o-contract-change .price-module__teaser-option-price {
    font-family: "TeleNeoWeb-Regular", sans-serif;
    font-size: inherit;
    line-height: inherit;
}

.o-contract-change .m-form__line.due-date {
    margin-top: 0;
}

.m-footnote__wrapper .a-footnote {
    top: 6px;
}

.m-ma-module {
    margin-top: 100px;
}

.m-ma-module:first-child {
    margin-top: 50px;
}

.m-ma-module .m-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(319px, 5fr) 20px 50px 20px minmax(319px, 5fr);
    grid-template-columns: minmax(319px, 5fr) 50px minmax(319px, 5fr);
    grid-column-gap: 20px;
    grid-row-gap: 50px;
}

.is-expanded .a-btn--toggle::after {
    transform: rotate(180deg);
    vertical-align: top;
}

.is-collapsed .m-ma-content-wrapper {
    display: none;
}

.m-ma-header__headline {
    border-bottom: 1px solid #262626;
}

.m-ma-header__headline {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.m-ma-header__headline.alpha,
.m-ma-contract-data__first {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.m-ma-header__toggle,
.m-ma-contract-data__third {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.m-ma-header__headline.omega,
.m-ma-contract-data__third {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.m-ma-header__toggle {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.m-ma-header__toggle .a-btn--toggle::after {
    display: inline-block;
    font-family: 'Context-Icons';
    content: '\e015';
    font-size: 12px;
}

.m-ma-contracts .o-pseudo-navigation {
    margin-top: 17px;
}

@media only screen and (min-width: 1024px) {
    .m-ma-contracts .richtext-wrapper table {
        display: table;
        width: 100%;
        table-layout: auto;
    }
}

.m-ma-contracts .richtext-wrapper td a {
    word-break: normal;
}

@media only screen and (max-width: 1023px) {
    .m-ma-contracts.o-tabs {
        padding-left: 0;
        padding-right: 0;
    }
}

.o-teaser-collection-l .m-ma-contact .o-teaser-default {
    padding: 0;
    margin-top: 0;
}

@media only screen and (max-width: 1023px) {
    .o-teaser-collection-l .m-ma-contact .o-teaser-default {
        display: block;
    }
}

.o-teaser-collection-l .m-ma-contact .o-teaser-default .content-wrapper {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    padding: 0;
    background-color: transparent;
}

.m-ma-contact .m-contact,
.m-ma-contact .cta-wrapper {
    margin-top: 0;
    justify-content: center;
    background-color: #ffffff;
}

.m-ma-contact .cta-wrapper {
    padding: 50px 40px;
}

@media only screen and (min-width: 768px) {
    .m-ma-contact .o-teaser-default.teaser-cta-basic-light .m-contact {
        margin-right: 0;
    }

    .m-ma-contact .o-teaser-default.teaser-cta .cta-wrapper .a-textlink {
        margin-right: 0;
    }

    .m-ma-contact .o-teaser-default.teaser-cta .cta-wrapper > .a-textlink {
        margin-left: 50px;
    }
}

.m-ma-products .o-price-module {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.m-ma-products .o-price-module::before {
    content: none;
}

.m-ma-products .o-gallery--prices-grouped .glide__bullets {
    bottom: 5px;
}

.m-skeleton > * {
    filter: grayscale(1);
    opacity: 0.3;
}
.m-skeleton {
    background-color: rgb(0,0,0,0.11);
}
.m-skeleton .a-textlink.btn span {
    opacity: 0;
}

.o-ma-list .m-actions {
    margin-top: 100px;
}

.o-navigation-anchor__wrapper.navigation-anchor__product-detail {
    margin-top: 55px;
}

.navigation-anchor__product-detail .navigation-anchor__teaser {
    margin-left: 56px;
}

.m-product-next-steps .h4 {
    display: inline-block;
}

.teaser-default--product-detail .o-text-image {
    margin-top: 0px;
}

@media only screen and (min-width: 1024px) {

    .text-image--left.text-image--product-detail .text-image__image-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 2;
        grid-area: 1 / 1 / 2 / 3;
    }

    .text-image--left.text-image--product-detail .text-image__richtext-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-row-span: 2;
        -ms-grid-column-span: 2;
        grid-area: 1 / 3 / 3 / 5;
        margin-left: 50px;
        align-self: center;
        width: 438px;
    }

    .text-image--left.text-image--product-detail .m-product-next-steps {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 2;
        grid-area: 2 / 1 / 3 / 3;
    }

    .productDetail__details,
    .productDetail__description,
    .productDetail__consulting,
    .productDetail__extras
    {
        margin-top: 60px;
    }

    .text-image--left.text-image--product-detail .m-product-next-steps h3 {
        font-size: 36px;
        line-height: 40px;
    }

    .m-product-next-steps {
        padding-bottom: 36px;
        padding-left: 50px;
        padding-top: 15px;
        padding-right: 32px;
        grid-template-columns: 1fr 260px;
    }

    .m-product-next-steps--actions {
        padding-left: 24px;
    }

    a.a-textlink.textlink--product-details {
        font-size: 24px;
    }
}


@media only screen and (max-width: 1023px) {
    .text-image--left.text-image--product-detail {
        -ms-grid-columns: 148px 1fr;
        grid-template-columns: 148px 1fr;
        grid-template-rows: 365px 133px 1fr;
    }

    .text-image--left.text-image--product-detail .text-image__image-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column-span: 2;
        grid-area: 1 / 1 / 3 / 3;
    }

    .text-image--left.text-image--product-detail .text-image__richtext-wrapper {
        background-color: #ffffff;
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-row-span: 2;
        -ms-grid-column-span: 1;
        margin-left: 0px;
        padding: 40px 10px 0 50px;
        grid-area: 2 / 2 / 4 / 3;
    }

    .text-image--left.text-image--product-detail .m-product-next-steps {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
        grid-area: 4 / 2 / 5 / 3;
    }

    div.m-product-next-steps {
        grid-template-columns: 1fr;
    }

    .productDetail__details,
    .productDetail__description,
    .productDetail__consulting,
    .productDetail__extras
    {
        margin-top: 55px;
    }

    .text-image--left.text-image--product-detail .m-product-next-steps h3 {
        font-size: 24px;
        line-height: 32px;
        margin-top: 50px;
    }

    .m-product-next-steps {
        padding-bottom: 46px;
        padding-left: 40px;
        padding-top: 0;
        grid-template-columns: 1fr 1fr;
    }

    a.a-textlink.textlink--product-details {
        font-size: 22px;
    }

    .navigation-anchor__product-detail .navigation-anchor__teaser .a-headline {
        font-size: 32px;
        line-height: 40px;
    }
}

.text-image--left.text-image--product-detail .text-image__image-wrapper {
    margin-right: 0;
}

.o-teaser-default.teaser-default--product-detail {
    display: flex;
}

.teaser-default--product-detail .list--checkmarks li::before {
    margin-left: -40px;
    width: 34px;
}

.teaser-default--product-detail .a-figure img {
    transition: 700ms ease;
}

.teaser-default--product-detail:hover .a-figure img {
    transform: scale(1.1);
    z-index: 0;
}

.teaser-default--product-detail .a-figure {
    overflow: hidden;
}

.teaser-default--product-detail .richtext-wrapper {
    z-index: 1;
}

.m-product-next-steps {
    background: #ffffff;
    display: grid;
}

.text-image--left.text-image--product-detail .m-product-next-steps h3 {
    margin-bottom: 0;
}

.m-product-next-steps--actions > div.moreInfo {
    margin: 4px 0;
}

.o-tabs.tabs--product-detail,
.o-pseudo-navigation.pseudo-navigation--product-details {
    max-width: 1048px;
}

.tab-productservice p {
    width: 750px;
}

.tab-productservice tr > td:first-child,
.productDetail__extras tr > td:first-child,
.productDetail__extras tr > td.headerbg {
    background: #ededed;
    font-weight: bold;
}

.tab-productservice .a-btn,
.productDetail__consulting .a-btn,
.productDetail__extras .a-btn {
    margin-top: 40px;
}

.productDetail__footnotes ul.footnotes {
    padding-inline-start: 0px;
}

.productDetail__footnotes ul.footnotes li {
    list-style-type: none;
}

.productDetail__consulting ul {
    margin-bottom: 0px;
}

.productDetail__consulting li,
.productDetail__details li,
.tab-productservice li {
    list-style-type: square;
    margin-bottom: 16px;
    margin-top: 16px;
}

.a-listitem--size2 {
    min-height: 100px;
}

.a-listitem--size3 {
    min-height: 120px;
}

.a-listitem--size4 {
    min-height: 160px;
}

.productDetail__variants .price-module__teaser-option-price {
    font-size: 36px;
    line-height: 46px;
}

.a-headline.headline--product-details {
    font-family: TeleNeoWeb-ExtraBold,sans-serif;
    font-size: 36px;
    line-height: 40px;
    margin-inline-start: 0;
}

a.a-textlink.textlink--product-details {
    background-color: #e20074;;
    border-radius: 2px;
    border: 1px solid #e20074;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: TeleNeoWeb-Regular,sans-serif !important; /* !important already used in ".richtext-wrapper a" in t5.css */
    line-height: 19px;
    margin-top: 50px;
    padding: 13px 15px;
    text-decoration: none;
    min-width: 200px;
    text-align: center;
}

a.a-textlink.textlink--product-details:visited {
    color: #ffffff;
}

a.a-textlink.textlink--product-details:hover {
    background-color: #ffffff;
    color: #e20074;;
}

.productDetail__detail {
    margin-top: 1em;
}


.productDetail__details a {
    color: #e20074;
    font-family: "TeleNeoWeb-ExtraBold", sans-serif !important
}
.productDetail__details a:visited,
.productDetail__details a:hover {
    color: #e20074
}


.text-image--left.text-image--product-detail .m-product-next-steps .a-textlink {
    margin-bottom: 16px;
}

.productDetail__variants .align--center {
    text-align: center;
}

.productDetail__extras h4.a-headline {
    font-size: 24px;
    margin: 48px auto 0 0;
}

.o-gallery--prices-grouped .outer-content-wrapper.margin-auto-right {
    margin: 0 auto 0 0;
}

.productDetail__variants > .a-textlink {
    justify-self: start;
    grid-area: 3 / 3 / 4 / 4;
}

.page__productConfiguration .o-messages + .o-teaser-collection {
    margin-top: 50px;
}

.page__productConfiguration + .o-footer {
    margin-top: 0;
}

.page__productConfiguration .o-pseudo-navigation {
    margin-top: 0;
}

.page__productConfiguration .o-forms__header {
    background-color: #ffffff;
    padding-top: 50px;
    margin-top: 50px;
    padding-bottom: 10px;
}

.page__productConfiguration .o-forms__header .o-forms .richtext-wrapper,
.page__productConfiguration .o-forms__header .o-ui-tabs .ui-tab__link {
    font-size: 24px;
    line-height: 32px;
}

.page__productConfiguration .o-forms__header .m-form__line--headline + .m-form__line--infotext .form__element__block {
    margin-top: 35px;
}

@media only screen and (max-width: 1023px) {
    .page__productConfiguration .o-forms__header .o-forms .richtext-wrapper,
    .page__productConfiguration .o-forms__header .o-ui-tabs .ui-tab__link {
        font-size: 22px;
        line-height: 28px;
    }

    .page__productConfiguration .o-forms__header .m-form__line--headline .form__element__block {
        margin-top: 40px;
    }

    .page__productConfiguration .o-forms__header .m-form__line--headline + .m-form__line--infotext .form__element__block {
        margin-top: 30px;
    }
}


.truncator-truncated {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.truncator-truncated .truncator-button-more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 80px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 40px, rgb(255, 255, 255) 100%);
}
.truncator-button-less {
    display: block;
    text-align: right;
}

.o-product-configuration {
    display: -ms-grid;
    display: grid;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.product-configuration__configuration-wrapper  {
    margin: 100px 40px 105px 0;
}

.product-configuration--left {
    position: relative;
}

.product-configuration--left::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    mix-blend-mode: multiply;
    background-color: #ededed;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .product-configuration__configuration-wrapper {
        margin: 50px 0 50px 0;
    }
}

.product-configuration__summary-wrapper {
    background-color: #ffffff;
    padding-bottom: 50px;
}

.product-configuration__summary-wrapper .o-teaser-collection {
    margin-top: 50px;
}

.product-configuration__summary-wrapper .o-teaser-collection .a-headline {
    font-size: 24px;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
}

.product-configuration__summary-wrapper .richtext-wrapper {
    font-size: 20px;
    line-height: 26px;
}

.product-configuration__summary-wrapper .richtext-wrapper h4 {
    font-size: 20px;
    line-height: 26px;
}

.product-configuration__summary-wrapper .price__line {
    display: flex;
    justify-content: space-between;
}

.product-configuration__summary-wrapper .price__label:after {
    content: ':';
}

.product-configuration__summary-wrapper .cstic__price-wrapper {
    background-color: rgba(237, 237, 237, 0.6);
    padding: 10px 20px;
}


.product-configuration__summary-wrapper .cstic__price {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.price__value-wrapper .price__value,
.product-configuration__summary-wrapper .cstic__price .price__value,
.product-configuration__summary-wrapper .price__line-onetime .price__value,
.product-configuration__summary-wrapper .price__line-monthly .price__value {
    font-family: "TeleNeoWeb-ExtraBold", sans-serif;
    font-size: inherit;
    line-height: inherit;
    color: #e20074;
}

.product-configuration__right-filler {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 4;
    background-color: #ffffff;
}

@media only screen and (min-width: 1024px) {
    .product-configuration--left {
        -ms-grid-columns: calc(50% - (1000px / 2)) minmax(760px, max-content) minmax(250px, max-content) 1fr;
        grid-template-columns: calc(50% - (1000px / 2)) minmax(760px, max-content) minmax(250px, max-content);
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .product-configuration--left {
        -ms-grid-columns: 1fr 20px 315px;
        grid-template-columns:  1fr 315px;
        -ms-grid-rows: auto auto;
        grid-template-rows: auto auto;
    }
}

@media only screen and (min-width: 1024px) {
    .product-configuration--left .product-configuration__configuration-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
        grid-area: 1 / 2;
        padding-right: 40px;
    }

    .product-configuration--left .product-configuration__summary-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 4;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
        grid-area: 1 / 3;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .product-configuration--left .product-configuration__configuration-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
        grid-area: 1 / 1;
    }

    .product-configuration--left .product-configuration__summary-wrapper {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
        grid-area: 1 / 2;
    }
}

.o-product-configuration .o-forms {
    width: initial;
}
.o-product-configuration .o-forms .configuration-content {
    padding: 0;
}
@media only screen and (max-width: 1023px) {
    .page__productConfiguration h1.a-headline  {
        font-size: 48px;
        line-height: 50px;
    }
    .page__productConfiguration .o-forms__header .m-form__line .a-headline {
        font-size: 32px;
        line-height: 40px;
    }
    .page__productConfiguration .o-forms__header .o-forms > *:not(form) {
        padding: 0;
    }
}

@media only screen and (min-width: 1024px) {
    .page__productConfiguration .o-forms__header .m-form__line .a-headline {
        font-size: 36px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .product-configuration--left {
        display: flex;
        flex-wrap: wrap;
    }

    .o-product-configuration .o-forms {
        margin: 40px 0px;
        width: 100%;
    }

    .product-configuration--left .product-configuration__summary-wrapper {
        width: 100%;
        margin: 0 20px;
    }

    .product-configuration--left .product-configuration__right-filler {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .product-configuration--left .product-configuration__summary-wrapper .o-teaser-collection {
        max-width: 400px;
        margin-left: 0;
    }
}

.o-product-configuration .m-form__line.is-readonly .render-data__name,
.o-product-configuration .m-form__line.is-readonly .render-data__description,
.o-product-configuration .m-form__line.is-readonly .form__element__block,
.o-product-configuration .m-form__line.is-disabled .render-data__name,
.o-product-configuration .m-form__line.is-disabled .render-data__description,
.o-product-configuration .m-form__line.is-disabled .form__element__block {
    opacity: 0.5;
}

.o-product-configuration .m-actions {
    margin-top: 80px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
    .o-product-configuration .m-actions.buttons-3 {
        flex-wrap: wrap;
    }

    .o-product-configuration .m-actions.buttons-3 > .a-btn:last-child {
        width: 100%;
        text-align: center;
    }

    .o-product-configuration .m-actions.buttons-3 > .a-btn:not(:last-child) {
        order: 2;
        margin-top: 15px;
    }
}

.render-data__info-toggle .a-icon--explain {
    color: #a4a4a4;
}

.is-incomplete .form__field--text, .is-incomplete .form__ui--select, .is-incomplete .form__wtf-control__indicator {
    border-color: #e9c20d;
    background-color: initial;
}

.text-positive {
    color: #e20074;
}

.text-positive mark {
    background-color: #e20074;
    color: #ffffff;
    padding: 10px;
}

.cstic-group {
    background-color: #ffffff;
    padding: 0 18px 30px 18px;
}

@media only screen and (max-width: 767px) {
    .cstic-group{
        padding-top: 1px;
    }
}

.cstic-group + .cstic-group {
    margin-top: 40px;
}

.input__spinner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.input__spinner-input-wrapper {
    position: relative;
    display: inline-block;
    flex: 1 1 50%;
}

.input__spinner-input {
    padding-right: 40px;
    text-align: right;
}

.input__spinner-spinner-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 3px;
    right: 12px;
}

.input__spinner-spinner {
    cursor: pointer;
}

.input__unit {
    margin-left: 10px;
}

.product-configuration--left .o-price-module {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .product-configuration--left .o-price-module {
        -ms-grid-columns: 1fr 453px 1fr;
        grid-template-columns: 1fr 453px 1fr;
    }

    .product-configuration--left .o-gallery--prices-grouped {
        max-width: 453px;
    }
}

@media only screen and (min-width: 1024px) {
    .product-configuration--left .o-price-module {
        -ms-grid-columns: 1fr 721px 1fr;
        grid-template-columns: 1fr 721px 1fr;
    }

    .o-price-module .a-headline {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 1;
        grid-area: 1 / 2 / 2 / 3;
    }

    .o-price-module.productDetail__variants .a-headline {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 2;
        grid-area: 1 / 2 / 2 / 4;
    }

    .o-price-module .outer-gallery-wrapper--prices-grouped {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 3;
        grid-area: 2 / 1 / 3 / 4;
    }

    .o-price-module.productDetail__variants .outer-gallery-wrapper--prices-grouped {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column-span: 5;
        grid-area: 2 / 1 / 3 / 6;
    }

    .product-configuration--left .o-gallery--prices-grouped {
        display: block;
        -ms-grid-columns: 1fr 721px 1fr;
        grid-template-columns: 1fr 740px 1fr;
        max-width: 721px;
    }

    .product-configuration--left .o-gallery--prices-grouped .outer-content-wrapper {
        max-width: 840px;
    }
}

.product-configuration--left .o-price-module:before {
    content: none;
}

.product-configuration--left .price-module__teaser-option-price {
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .product-configuration--left .o-price-module-teaser {
        margin: 0 auto;
    }
}

.product-configuration--left .product-configuration__summary-wrapper {
    z-index: 1;
}

.product-configuration--left .o-price-module-teaser .m-form__wtf-control {
    padding-left: 0;
}

.product-configuration--left .o-price-module-teaser .m-form__wtf-control input:checked + .a-textlink {
    border: none;
}

.product-configuration--left .o-price-module-teaser .m-form__wtf-control input:checked + .a-textlink:before {
    content: 'V';
    display: inline-block;
    font-family: 'TeleIcon-Outline';
    font-size: 1.2em;
    line-height: 1;
    color: #e20074;
    vertical-align: middle;
    margin-right: 10px;
}

.product-configuration--left .o-price-module-teaser .m-form__wtf-control input:checked + .a-textlink:hover {
    background: none;
    color: #e20074;
}

div.mouseClickShield {
    height: 768px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

.o-loading-indicator.eshop {
    position: absolute;
}

.o-loading-indicator.eshop .m-animation__loading {
    display: block;
}

#_asm fieldset {
    border: 0;
    padding-left: 0;
}

.o-message__content .a-textlink,
.o-message__content .a-textlink:hover,
.richtext-wrapper a:visited {
   color: #e20074;
}

.o-message__content .a-textlink {
    text-decoration: none;
}

.o-message__content .a-textlink:hover {
    text-decoration: underline;
}

.ui-tabs--pseudo-navigation .ui-tab {
    border-radius: 1px;
}

.ui-tabs--pseudo-navigation .ui-tab:first-child {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.ui-tabs--pseudo-navigation .ui-tab:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.ui-tabs--pseudo-navigation {
    min-height: 45px;
}

.ui-tabs--pseudo-navigation .ui-tab a {
    min-height: 26px;
    overflow: hidden;
}

.ui-tabs--pseudo-navigation .ui-tab:hover,
.ui-tabs--pseudo-navigation .ui-tab.is-active
{
    background-color: #e20074;
}

.ui-tabs--pseudo-navigation .ui-tab .ui-tab__link {
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 13px;
}

.sup-footnote {
    border: 1px solid #e20074;
    border-radius: 2px;
    color: #e20074;
    display: inline-block;
    font-size: 27px;
    height: 13px;
    line-height: 27px;
    text-align: center;
    width: 13px;
}

.richtext-wrapper a .sup-footnote {
    font-family: "TeleNeoWeb-Bold", sans-serif;
}

div.ui-widget-overlay {
    background-color: #000000;
    opacity: 0.8;
}

@media only screen and (min-width: 1024px) {
    .m-form__line--headline.m-form__line--login + .m-form__line--infotext {
        margin-top: 22px;
    }
    .page__login .login.m-form__line:not(.m-form__line--headline) {
        margin-top: 12px;
    }

    .nomgtop.m-form__line:not(.m-form__line--headline) {
        margin: 0;
    }

    .o-contract-list .richtext-wrapper table,
    .o-order-history .richtext-wrapper table {
        margin-top: 24px;
    }
}

.o-professional-secrecy .m-actions {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
}
@media only screen and (min-width: 1024px) {
    .o-professional-secrecy .richtext-wrapper {
        font-size: 22px;
        line-height: 28px;
    }
}

.o-professional-secrecy .form__label {
    margin-top: 7px;
    font-size: 20px;
    line-height: 24px;
}

@media only screen and (min-width: 1024px) {
    .o-professional-secrecy.o-teaser-collection > .a-headline {
        font-size: 36px;
        line-height: 48px;
    }
}

.no-focus-visible:focus-visible {
    outline: none;
    border: none;
}

.m-animation__loading {
    display: none;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 84px;
    height: 24px;
}

.m-animation__loading .dot {
    display: inline-block;
    width: 12px;
    background: #d0d0d0;
    animation: animation-loading 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.m-animation__loading .dot:nth-child(1) {
    animation-delay: -0.24s;
}

.m-animation__loading .dot:nth-child(2) {
    animation-delay: -0.12s;
}

.m-animation__loading .dot:nth-child(3) {
    animation-delay: 0s;
}

.is-loading .m-animation__loading {
    display: flex;
}

@keyframes animation-loading {
    0% {
        height: 24px;
    }
    50%,
    100% {
        height: 12px;
    }
}

.o-teaser-collection--searchresults .o-loading-indicator {
    margin-top: 105px;
}

.o-loading-indicator {
    height: 24px;
}

.o-loading-indicator .m-animation__loading {
    margin-left: auto;
    margin-right: auto;
}

.o-privacy-version-popup .ui-dialog-title {
    margin-top: 20px;
}

.o-privacy-version-popup .ui-dialog-titlebar,
.o-privacy-version-popup .ui-dialog-content {
    padding-left: 20px;
}

.resize-none {
    resize: none;
}

.o-support {
    margin-top: 105px;
    max-width: 1416px;
    display: -ms-grid;
    display: grid;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: hidden;
    grid-template-columns: 420px 1fr;
    grid-template-rows: auto auto;
}

.o-support figure img {
    width: 420px;
}

.o-support figure.a-figure {
    overflow: visible;
    align-self: end;
}

.o-support-img-cont {
    background-color: #d3dde6;
    height: 100%;
    display: grid;
    padding: 20px 0 0 0;
    z-index: 1;
}

.o-support-text-cont {
    background-color: #d3dde6;
    padding-right: 32px;
    padding-bottom: 16px;
    z-index: 2;
}

.richtext-wrapper h5.o-support-text-h {
    margin-bottom: 12px;
}

.o-support-contact-cont {
    display: flex;
    flex-direction: row;
    margin-top: 24px;
}

.o-support-contact-phone {
    font-size: 36px;
    margin-right: 12px;
    margin-top: 30px;
}

.o-support-contact-mail {
    font-size: 36px;
    margin-right: 12px;
}

.o-support-contact-blk {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.richtext-wrapper h4.o-support-contact-name {
    margin-top: 0;
}

.richtext-wrapper .o-support-contact-cont-phone a.o-support-contact-data {
    font-family: "TeleNeoWeb-Regular", sans-serif !important;
}

.o-support .richtext-wrapper h4,
.richtext-wrapper a.o-support-contact-data {
    color: #000000;
    font-size: 22px;
    font-weight: normal;
}

@media only screen and (max-width: 767px) {
    .o-support {
        grid-template-columns: 1fr;
        padding: 24px;
    }
    .o-support-img-cont {
        display: none;
    }
    .o-support figure img {
        width: 200px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .o-support {
        grid-template-columns: 300px 5fr 1fr;
    }

    .o-support figure img {
        width: 300px;
    }
}

@media only screen and (min-width: 1024px) {
    .o-support {
        grid-template-columns: 480px 4fr 1fr;
    }

    .o-support figure img {
        width: 480px;
    }
}

@media only screen and (max-width: 1416px) {

    .o-support {
        background-color: #d3dde6;
    }

    .o-support-text-cont {
        padding-right: 16px;
    }
}

.m-administer-roles__headline {
    display: flex;
    align-items: flex-start;
}
.m-administer-roles__headline .sup-footnote {
    color: #FFFFFF;
    border-color: #FFFFFF;
    top: -0.1em;
}

@media only screen and (min-width: 1024px) {
    #xrechnungForm .m-form__line,
    #paymentMethodForm.presentment-change .m-form__line,
    #referenceNumberForm .m-form__line {
        padding-left: 0;
    }
    #paymentMethodForm.presentment-change .m-form__line {
        padding-right: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #xrechnungForm .m-form__line,
    #paymentMethodForm.presentment-change .m-form__line,
    #referenceNumberForm .m-form__line {
        padding-left: 0;
    }
    #paymentMethodForm.presentment-change .m-form__line {
        padding-right: 0;
    }
}

.o-checkout-summary-header .richtext-wrapper p.xrechnung-billid__hint {
    margin-top: 8px;
    margin-left: 2px;
}

.a-textlink__bill-sending {
    color: #e20074;
}

.privacytext-wrapper table {
    display: table;
    white-space: normal;
}
@media only screen and (min-width: 768px) {
    .privacytext-wrapper table tr td:first-child {
        width: 330px;
    }
}

.form__hint {
    margin-bottom: 8px;
    margin-top: 8px;
}

.richtext-wrapper tr.m-contract-list--actions:first-child {
    background-color: inherit;
    color: inherit;
    font-family: inherit;
}