@font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Regular.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Regular.woff') format("woff"); font-weight:400; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-RegularItalic.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-RegularItalic.woff') format("woff"); font-weight:400; font-style:italic; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Thin.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Thin.woff') format("woff"); font-weight:100; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-ThinItalic.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-ThinItalic.woff') format("woff"); font-weight:100; font-style:italic; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Medium.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Medium.woff') format("woff"); font-weight:500; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-MediumItalic.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-MediumItalic.woff') format("woff"); font-weight:500; font-style:italic; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Bold.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-Bold.woff') format("woff"); font-weight:700; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-BoldItalic.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-BoldItalic.woff') format("woff"); font-weight:700; font-style:italic; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-ExtraBold.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-ExtraBold.woff') format("woff"); font-weight:800; font-display:swap; } @font-face { font-family:TeleNeo; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-ExtraBoldItalic.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/TeleNeoWeb-ExtraBoldItalic.woff') format("woff"); font-weight:800; font-style:italic; font-display:swap; } @font-face { font-family:"TeleIconOutline"; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-outline.eot'); src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-outline.eot?#iefix') format("embedded-opentype"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-outline.woff') format("woff"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-outline.ttf') format("truetype"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-outline.svg#teleicon-outline') format("svg"); font-style:normal; font-weight:normal; } @font-face { font-family:"TeleIconSolid"; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-solid.eot'); src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-solid.eot?#iefix') format("embedded-opentype"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-solid.woff2') format("woff2"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-solid.woff') format("woff"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-solid.ttf') format("truetype"); font-style:normal; font-weight:normal; } @font-face { font-family:"TeleIconUi"; src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-ui.eot'); src:url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-ui.eot?#iefix') format("embedded-opentype"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-ui.woff') format("woff"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-ui.ttf') format("truetype"), url('https://email.t-online.de/res/7c7388b185ae118b7ad40e0d4c5f9778/core/teleicon-ui.svg#teleicon-ui') format("svg"); font-style:normal; font-weight:normal; }button { height:auto; display:inline-block; padding:0px 20px 0px 20px; color:#262626; font-family:TeleNeo, Arial; text-decoration:none; cursor:pointer; background-color:#dcdcdc; -khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; min-width:25px; vertical-align:middle; outline:0; margin:0; overflow:visible; font-size:18px; font-weight:bold; border:1px solid #6b6b6b; } button:hover { background-color:#dbdbdb; color:#262626; } button:focus,button:active { background-color:#c7c7c7; border:1px solid #ababab; color:#262626; } button.disabled:hover,button.disabled:active,button.disabled:focus,button.disabled { opacity:0.5; cursor:default; border:1px solid #8c8c8c; -khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; } button.disabled div,button.disabled span { position:relative; } .contentheader { min-width:20px; margin-left:5px; background:transparent; border:none; } .contentheader:hover { background:#ededed; border:none; } .contentheader:active { background:#dcdcdc; border:none; -khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; } .xSmallBtn { height:20px; padding:0; } .smallBtn { height:25px; padding:0; } .mediumBtn { height:42px; } .largeBtn { height:40px; } .magentaBtn { color:#fff; border-color:rgb(204, 0, 105); background-color:#e20074; background:-khtml-linear-gradient(rgb(255, 51, 156), rgb(226, 0, 116) 50%, rgb(204, 0, 105));background:-moz-linear-gradient(rgb(255, 51, 156), rgb(226, 0, 116) 50%, rgb(204, 0, 105));background:-ms-linear-gradient(rgb(255, 51, 156), rgb(226, 0, 116) 50%, rgb(204, 0, 105));background:-o-linear-gradient(rgb(255, 51, 156), rgb(226, 0, 116) 50%, rgb(204, 0, 105));background:-webkit-linear-gradient(rgb(255, 51, 156), rgb(226, 0, 116) 50%, rgb(204, 0, 105));background:linear-gradient(rgb(255, 51, 156), rgb(226, 0, 116) 50%, rgb(204, 0, 105)); text-shadow:none; } .magentaBtn:hover { background:#d1006c; border-color:#a10053; color:#fff; text-shadow:none; } .magentaBtnPlain { text-shadow:none; font-size:16px; } .clean { background:none repeat scroll 0 0 transparent; border-color:transparent; -khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; color:#262626; text-shadow:none; } .clean:hover { background:none repeat scroll 0 0 #ededed; border-color:transparent; } .buttonIcon { display:inline-block; position:relative; top:2px; } .close .buttonIcon { top:0; } button.iconRight { position:relative; padding-left:34px; } button.iconRight .buttonIcon { left:9px; position:absolute; top:6px; } scale-collapsible::part(content) { padding-left:24px !important; } scale-dropdown-select-item ::part(label) { padding-bottom:1px !important; }.masterdialog { display:none; position:relative !important; background-color:transparent; border:none; -khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; -khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;border-radius:0; text-align:center; } .masterdialog .header { position:relative; height:60px; padding:0 10px; font-size:20px; font-family:TeleNeo, Arial; border-bottom:1px solid #a4a4a4; } .masterdialog .header .innerheader { position:absolute; bottom:6px; width:100%; left:0; } .masterdialog .body { padding:10px 20px; text-align:left; word-wrap:break-word; outline:0 none; line-height:22px; font-size:16px; overflow-y:auto; overflow-x:hidden; } .masterdialog.reposition .body { max-height:480px; } .masterdialog.centered .body { text-align:center; } .masterdialog .footer { height:60px; padding:0 10px; } .masterdialog .footer .innerfooter { position:absolute; width:100%; left:0; text-align:right; padding-top:10px; } .masterdialog .footer button span { display:inline-block; min-width:80px; } .masterdialog.warning .body { padding:20px; text-align:center; } .masterdialog.warning .body a { color:#0819bd; } .masterdialog.warning p.left { text-align:left; } .masterdialog.warning .body img { margin:0 10px -6px 0; } .masterdialog.warning .middleDlgBtn .buttonLabel { font-weight:bold; } .masterdialog.warning .footer .innerfooter button { width:150px; } .masterdialog .messageBody { display:inline-block; text-align:left; } .leftDlgBtn { float:left; margin-left:20px; padding:0px 10px 0px 10px; } .middleDlgBtn { float:right; margin-left:10px; margin-right:10px; padding:0px 10px 0px 10px; } .middleDlgBtn.center { float:none; margin:auto; } .rightDlgBtn { float:right; margin-right:20px; padding:0px 10px 0px 10px; } #closeBtn { position:absolute; top:5px; right:5px; padding:2px; height:22px; border:1px solid transparent; } #closeBtn .buttonLabel { display:none; } .dialogIconBig { padding:0 0 20px 0; } .masterdialog.autoheight { bottom:50px; max-height:646px; min-height:300px; top:30px; } .masterdialog.autoheight .body { max-height:none; position:absolute; top:62px; bottom:58px; left:0; right:0; } .masterdialog.autoheight .footer { bottom:0; left:0; position:absolute; right:0; } .masterdialog.dialogIndicator .body { padding:30px 20px; text-align:center; } .masterdialog.dialogIndicator .indicatorBody { display:inline-block; padding-left:32px; position:relative; text-align:left; } .masterdialog.dialogIndicator .indicatorIcon { display:block; height:22px; left:0; position:absolute; top:-3px; width:22px; background-size:contain; -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .buttonAgentStateContainerLeft,.buttonAgentStateContainerRight { display:none; height:16px; width:16px; } .buttonAgentStateContainerLeft { float:left; margin-right:5px; margin-top:3px; } .buttonAgentStateContainerRight { float:right; margin-left:5px; margin-top:3px; } .buttonAgentStateImage { display:none; height:16px; width:16px; opacity:1; } .buttonAgentStateEnabled { padding-left:10px; padding-right:10px; } #msgErrorIcon { margin:0; position:absolute; left:304px; } .dialogAccordion h4 { margin:0; font-weight:normal; color:#8c8c8c; } .dialogAccordion h5.trigger { cursor:pointer; margin-bottom:5px; color:#0819bd; font-size:15px; padding-left:10px; } .dialogAccordion h5 span.triggerInfo { color:#262626; font-size:12px; font-weight:normal; padding-left:10px; } .dialogAccordion h5 span.arrow { background-repeat:no-repeat; display:block; float:left; height:16px; top:5px; width:16px; position:relative; } .dialogAccordion .arrowRight { background-image:url('https://email.t-online.de/res/4f47a5fac20ff83c0d67ef293b21da11/dialog/pfeil_rechts.png'); } .dialogAccordion .arrowDown { background-image:url('https://email.t-online.de/res/4f47a5fac20ff83c0d67ef293b21da11/dialog/pfeil_unten.png'); } .dialogAccordion h5 span.arrowRight,.dialogAccordion h5 span.arrowDown { top:3px; } .dialogAccordion .accordionContentContainer { float:left; width:450px; } .dialogAccordion .accordionParagraphTitleContainer { margin-top:35px; padding-left:10px; } .dialogAccordion .accordionContentSpacer { float:left; width:40px; } .dialogAccordion .accordionParagraphContentContainer { border-top:1px solid #a4a4a4; margin-top:5px; padding-top:10px; padding-left:10px; } #dialogIconSucces { display:none; margin-left:0; } .masterdialog { position:relative; background:transparent; border:none; } .modal { display:block; position:relative; } .masterdialog.modal { display:inline-block; left:0; top:0 !important; background:none; padding:0; width:100% !important; overflow:hidden; } .modal .modal__header { display:none; } #exposeMask { display:none !important; } .modal-buttons { margin:0 auto; display:inline-block; position:relative; } .acrSuccessSmtpDlg .modal-buttons { width:100%; } .acrSuccessSmtpDlg .modal-buttons scale-button.leftDlgBtn { margin-left:30px; order:1; } .acrSuccessSmtpDlg .modal-buttons scale-button.rightDlgBtn { margin-right:30px; order:2; } scale-modal::part(header has-scroll) { display:none; } scale-modal::part(body has-body) { margin-top:0; margin-bottom:0; } scale-button { margin-left:2px; } scale-button.right { margin-left:0; margin-right:2px; } .modal__body-wrapper { margin-top:0; padding-left:0; padding-right:0; } .modal__header { display:none; } scale-modal { position:relative; } scale-modal::part(header) { display:none; } scale-modal::part(body-wrapper) { margin-top:0; padding-left:0; padding-right:0; } .textLinkDark,.textLink { color:#2238df; cursor:pointer; } .textLinkDark:hover,.textLink:hover { color:#2238df; text-decoration:underline; }:host { spacing-x:var(--telekom-spacing-composition-space-06); background-overlay:var( --telekom-color-background-backdrop, rgba(108, 108, 108, 0.7)); max-height-window:calc( 100vh -(2 * var(--telekom-spacing-composition-space-19))); min-height-window:; radius-window:var(--telekom-radius-large); -khtml-box-shadow-window:var(--telekom-shadow-top);-moz-box-shadow-window:var(--telekom-shadow-top);-ms-box-shadow-window:var(--telekom-shadow-top);-o-box-shadow-window:var(--telekom-shadow-top);-webkit-box-shadow-window:var(--telekom-shadow-top);box-shadow-window:var(--telekom-shadow-top); background-window:var(--telekom-color-background-surface); color-window:var(--telekom-color-text-and-icon-standard); size-window-small:calc((6 * var(--telekom-spacing-unit-x14, 3.5rem)) +(5 * var(--telekom-spacing-composition-space-10))); size-window-default:calc((8 * var(--telekom-spacing-unit-x14, 3.5rem)) +(7 * var(--telekom-spacing-composition-space-10))); size-window-large:calc((12 * var(--telekom-spacing-unit-x14, 3.5rem)) +(11 * var(--telekom-spacing-composition-space-10))); spacing-x-header:var(--telekom-spacing-composition-space-08); spacing-y-header:var(--telekom-spacing-composition-space-08); border-bottom-header-has-scroll:var(--telekom-line-weight-standard) solid var(--telekom-color-ui-subtle); font-family-heading:var(--telekom-typography-font-family-sans); font-size-heading:var(--telekom-typography-font-size-callout); font-weight-heading:var(--telekom-typography-font-weight-extra-bold); spacing-close-button:var(--telekom-spacing-composition-space-04); radius-close-button:var(--telekom-radius-standard); -khtml-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-moz-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-ms-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-o-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-webkit-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard); -khtml-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-moz-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-ms-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-o-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-webkit-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard); color-close-button:var(--telekom-color-text-and-icon-standard); color-close-button-hover:var(--telekom-color-primary-hovered); color-close-button-active:var(--telekom-color-primary-pressed); spacing-x-body-wrapper:var(--telekom-spacing-composition-space-08); spacing-y-body:var(--telekom-spacing-composition-space-08); spacing-actions:var(--telekom-spacing-composition-space-06) var(--telekom-spacing-composition-space-08) var(--telekom-spacing-composition-space-08); spacing-x-actions-slotted:var(--telekom-spacing-composition-space-04); background-actions-has-scroll:var( --telekom-color-background-surface-subtle); } .modal { top:0; left:0; width:100%; bottom:0; z-index:100; position:fixed; background:var(--background-overlay); -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; align-items:center; justify-content:center; padding-left:var(--spacing-x); padding-right:var(--spacing-x); } .modal.modal--is-open { display:flex; } .modal__backdrop { top:0; left:0; width:100%; height:100%; z-index:0; position:absolute; } .modal__window { width:100%; height:auto; display:flex; z-index:1; position:relative; overflow-y:auto; flex-direction:column; background-color:var(--background-window); color:var(--color-window); max-height:var(--max-height-window); min-height:var(--min-height-window); -khtml-border-radius:var(--radius-window);-moz-border-radius:var(--radius-window);-ms-border-radius:var(--radius-window);-o-border-radius:var(--radius-window);-webkit-border-radius:var(--radius-window);border-radius:var(--radius-window); -khtml-box-shadow:var(--box-shadow-window);-moz-box-shadow:var(--box-shadow-window);-ms-box-shadow:var(--box-shadow-window);-o-box-shadow:var(--box-shadow-window);-webkit-box-shadow:var(--box-shadow-window);box-shadow:var(--box-shadow-window); } .modal__window .modal__body-wrapper { overflow-y:auto; flex-shrink:1; flex-grow:1; } .modal--size-small .modal__window { max-width:var(--size-window-small); } .modal--size-default .modal__window { max-width:var(--size-window-default); } .modal--size-large .modal__window { max-width:var(--size-window-large); } @media (max-height: 30em) { .modal__window { max-height:calc(100vh - var(--telekom-spacing-composition-space-08)); } } .modal__window:after { top:0; left:0; width:100%; border:1px solid transparent; height:100%; content:''; display:block; position:absolute; -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; pointer-events:none; -khtml-border-radius:var(--radius-window);-moz-border-radius:var(--radius-window);-ms-border-radius:var(--radius-window);-o-border-radius:var(--radius-window);-webkit-border-radius:var(--radius-window);border-radius:var(--radius-window); } .modal__header { display:flex; align-items:flex-start; flex-shrink:0; justify-content:space-between; margin-left:var(--spacing-x-header); margin-right:var(--spacing-x-header); padding-top:var(--spacing-y-header); padding-bottom:var(--spacing-y-header); } .modal--has-scroll .modal__header { border-bottom:var(--border-bottom-header-has-scroll); } .modal__heading { margin:0; font-family:var(--font-family-heading); font-size:var(--font-size-heading); font-weight:var(--font-weight-heading); } .modal__close-button { -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; padding:var(--spacing-close-button); margin-bottom:calc(-2 * var(--spacing-close-button)); border:0; -khtml-border-radius:var(--radius-close-button);-moz-border-radius:var(--radius-close-button);-ms-border-radius:var(--radius-close-button);-o-border-radius:var(--radius-close-button);-webkit-border-radius:var(--radius-close-button);border-radius:var(--radius-close-button); outline:none; color:var(--color-close-button); background:transparent; -khtml-transition:var(--transition-close-button);-moz-transition:var(--transition-close-button);-ms-transition:var(--transition-close-button);-o-transition:var(--transition-close-button);-webkit-transition:var(--transition-close-button);transition:var(--transition-close-button); -khtml-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-moz-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-ms-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-o-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-webkit-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button))); -khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none; cursor:pointer; -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; } .modal__close-button:focus { -khtml-box-shadow:var(--box-shadow-close-button-focus);-moz-box-shadow:var(--box-shadow-close-button-focus);-ms-box-shadow:var(--box-shadow-close-button-focus);-o-box-shadow:var(--box-shadow-close-button-focus);-webkit-box-shadow:var(--box-shadow-close-button-focus);box-shadow:var(--box-shadow-close-button-focus); } .modal__close-button:hover { color:var(--color-close-button-hover); } .modal__close-button:active { color:var(--color-close-button-active); } .modal__body-wrapper { padding-left:var(--spacing-x-body-wrapper); padding-right:var(--spacing-x-body-wrapper); } .modal--has-body .modal__body-wrapper { min-height:var(--telekom-spacing-related-lg); } .modal--has-body .modal__body { margin-top:0; margin-bottom:0; } .modal--has-body:not(.modal--has-actions) .modal__body { margin-bottom:var(--spacing-y-body); } .modal--has-scroll.modal--has-body .modal__body { margin-top:var(--spacing-y-body); margin-bottom:var(--spacing-y-body); } .modal--has-body .modal__body ::slotted(*) { font:var(--telekom-text-style-body); } .modal--has-body .modal__body ::slotted(*:not([slot]):first-child) { margin-top:0; } .modal--has-body .modal__body ::slotted(*:not([slot]):last-of-type) { margin-bottom:0; } .modal__actions { display:none; flex-shrink:0; justify-content:flex-end; padding:var(--spacing-actions); } .modal__actions ::slotted(*) { margin-left:var(--spacing-x-actions-slotted); } .modal--has-actions .modal__actions { display:flex; } .modal--align-actions-left .modal__actions { justify-content:flex-start; } .modal--has-scroll .modal__actions { background-color:var(--background-actions-has-scroll); }#textLinkContainer { text-align:center; height:20px; padding-top:10px; } #textLinkContainer table { margin:0 auto; float:none; } #textLinkContainer a { color:#e20074; }.form-checkbox-js { width:18px; height:18px; padding:0; border:0; position:relative; overflow:visible !important; -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; line-height:1px; font-size:16px; } .form-checkbox.checked label span[part=checkbox] { position:relative; } .form-checkbox.checked label span[part=checkbox] scale-icon-action-checkmark { position:absolute !important; left:0 !important; top:0 !important; background-image:url('https://email.t-online.de/res/a215e7e834aede272c565931bc668bd6/checkbox/icon-action-checkmark.svg'); background-size:cover; background-position:center; background-repeat:no-repeat; width:100%; height:100%; margin:0; } .form-checkbox-set .checkboxLabel { position:relative; left:11px; font-weight:normal; top:0 !important; padding:0 !important; } .form-checkbox-set .form-checkbox-js { vertical-align:middle; float:left; } .form-checkbox-js .svg-checkbox_default_18x18 { display:block; } .form-checkbox-js .svg-checkbox_default_hover_18x18,.form-checkbox-js .svg-checkbox_selected_18x18,.form-checkbox-js .svg-checkbox_selected_18x18,.form-checkbox-js .svg-checkbox_selected_hover_18x18 { display:none; } .form-checkbox-js.hover .svg-checkbox_default_hover_18x18,.form-checkbox-js:hover .svg-checkbox_default_hover_18x18 { display:block; } .form-checkbox-js.hover .svg-checkbox_default_18x18,.form-checkbox-js:hover .svg-checkbox_default_18x18 { display:none; } .form-checkbox-js.checked .svg-checkbox_default_18x18 { display:none; } .form-checkbox-js.checked .svg-checkbox_selected_18x18 { display:block; } .form-checkbox-js.checked.hover .svg-checkbox_default_hover_18x18,.form-checkbox-js.checked:hover .svg-checkbox_default_hover_18x18,.form-checkbox-js.checked.hover .svg-checkbox_selected_18x18,.form-checkbox-js.checked:hover .svg-checkbox_selected_18x18 { display:none; } .form-checkbox-js.checked.hover .svg-checkbox_selected_hover_18x18,.form-checkbox-js.checked:hover .svg-checkbox_selected_hover_18x18 { display:block; } .form-checkbox-js .checkbox_default_14x14 { display:block; margin-left:3px; } .form-checkbox-js .checkbox_default_hover_14x14,.form-checkbox-js .checkbox_selected_14x14,.form-checkbox-js .checkbox_selected_14x14,.form-checkbox-js .checkbox_selected_hover_14x14 { display:none; margin-left:3px; } .form-checkbox-js.hover .checkbox_default_hover_14x14,.form-checkbox-js:hover .checkbox_default_hover_14x14 { display:block; margin-left:3px; } .form-checkbox-js.hover .checkbox_default_14x14,.form-checkbox-js:hover .checkbox_default_14x14 { display:none; margin-left:3px; } .form-checkbox-js.checked .checkbox_default_14x14 { display:none; margin-left:3px; } .form-checkbox-js.checked .checkbox_selected_14x14 { display:block; margin-left:3px; } .form-checkbox-js.checked.hover .checkbox_default_hover_14x14,.form-checkbox-js.checked:hover .checkbox_default_hover_14x14,.form-checkbox-js.checked.hover .checkbox_selected_14x14,.form-checkbox-js.checked:hover .checkbox_selected_14x14 { display:none; margin-left:3px; } .form-checkbox-js.checked.hover .checkbox_selected_hover_14x14,.form-checkbox-js.checked:hover .checkbox_selected_hover_14x14 { display:block; margin-left:3px; } .form-checkbox-js.focus,.form-checkbox-js:focus { outline:0; } .form-checkbox-js.hover,.form-checkbox-js:hover { cursor:pointer; } .checkbox-color .form-checkbox-js.focus { background-color:#b7b7b7; } .checkbox-color .form-checkbox-js.hover { background-color:#dbdbdb; -khtml-transition-duration:100ms;-moz-transition-duration:100ms;-ms-transition-duration:100ms;-o-transition-duration:100ms;-webkit-transition-duration:100ms;transition-duration:100ms; cursor:pointer; } .checkbox-color .form-checkbox-js > .border { color:#b2b2b2; position:absolute; top:6px; left:0; } .checkbox-color .firefox-browser .form-checkbox-js > .border { top:5px; } .checkbox-color .form-checkbox-js { width:15px; height:15px; font-size:16px; padding:0; border:0; -khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; font-family:TeleIconUi; line-height:1px; position:relative; overflow:visible !important; background-color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-moz-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-ms-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-o-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } .checkbox-color .form-checkbox-js,.calendar #frameClmLeft .form-checkbox-js { width:18px; height:18px; } .checkbox-color .form-checkbox-js > .check,.calendar #frameClmLeft .form-checkbox-js > .check { font-size:18px; top:8px; } .calendar .form-checkbox-js > .border:before { content:""; } .checkbox-color .form-checkbox-js > .check { font-size:16px; position:absolute; top:6px; left:0; color:#6bb324; } .checkbox-color .form-checkbox-js > .check { color:#fff; } .checkbox-color .form-checkbox-js > .check:before { content:""; } .checkbox-color .form-checkbox-js.checked > .check:before { content:"B"; font-weight:normal; }.reloginBoxDlg .footer .rightDlgBtn { width:155px; font-weight:bold; } .reloginBoxDlg { z-index:11001; } .timeoutBoxDlg { z-index:11000; } .timeoutBoxDlg .footer .rightDlgBtn { font-weight:bold; }.notification { height:40px; max-height:40px; padding-left:10px; padding-right:10px; overflow:hidden; position:absolute; top:55px; border:1px solid #d0d0d0; -khtml-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; background-color:#ededed; -khtml-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);-ms-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);-o-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3);box-shadow:0 4px 12px 0 rgba(0, 0, 0, 0.3); font-size:16px; font-weight:500; color:#262626; display:none; -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; cursor:pointer; min-width:220px; } .globalnavigation .notification { top:59px; } .notification.rainbow { background:-khtml-linear-gradient(left, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%);background:-moz-linear-gradient(left, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%);background:-ms-linear-gradient(left, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%);background:-o-linear-gradient(left, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%);background:-webkit-linear-gradient(left, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%);background:linear-gradient(left, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%); } .notification.magenta { background:#e20074; } .notification #textContainer { height:23px; padding-top:12px; } .notification img { width:16px; height:16px; } .notification a { color:#31c3f7; } .notification #iconContainer { height:24px; width:24px; padding-top:8px; float:left; margin-right:10px; margin-left:2px; } .notification #closeIconContainer { position:absolute; right:2px; top:12px; height:42px; } .notification #closeIconContainer:hover { cursor:pointer; } .notification #closeIconContainer .svgSpritingElement { position:absolute; right:10px; top:12px; }#introductionDialogTable { margin-top:15px; } #introductionDialogTable td { padding:10px 0; vertical-align:top; } .introductionDlgIconRow { width:60px; text-align:center; } .introductionDlgIconRow div { margin-top:15px; } .introductionDlgMsgRow { width:240px; min-height:100px; } #introductionDialogHelpContainer { background-color:#f2f2f2; border:2px dotted #dbdbdb; width:470px; margin:0 auto; padding:20px 15px; margin-top:30px; } #introductionDialogHelpIcon { float:left; width:63px; margin-top:15px; } .introductionDlgAppIcons { border:1px solid transparent; -khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; float:left; cursor:pointer; margin:20px 1px 0 1px; } .introductionDlgAppIcons:focus { border:1px solid #2238df; -khtml-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; } .introductionDlgMonthlyTipIcon { margin-top:17px; }div.lisaSwitch { display:inline; } .specialTipImgContainer { text-align:center; margin-top:10px; } .specialTipImg { max-height:445px; max-width:445px; } .specialTipDlg a,.specialTipDlg a:hover,.specialTipDlg a:active { color:#0819bd; } #usageTipFlyout a,#usageTipFlyout a:hover,#usageTipFlyout a:active,#pluginTooltipInfoHintFlyout a:visited,#pluginTooltipInfoHintFlyout a:focus,#pluginTooltipInfoHintFlyout a:link { color:#31c3f7; } #usageTipLink { cursor:pointer; color:#31c3f7; } #usageTipLink:hover { text-decoration:underline; } #specialTipLink { cursor:pointer; } .monthlyTipDlg #monthlyTipImageSlider { text-align:center; position:relative; } #monthlyTipImageContainer { overflow:hidden; width:420px; max-height:250px; margin:0 auto; } .monthlyTipDlg .monthlyTipImgDisabled { display:none; } .monthlyTipDlg #monthlyTipTextContainer { min-height:80px; } .monthlyTipDlg #monthlyTipTextContainer .monthlyTipTextItem { display:none; } .monthlyTipDlg #monthlyTipTextContainer .monthlyTipTextItemActive { display:block; } .monthlyTipDlg #monthlyTipTextContainer a,.monthlyTipDlg #monthlyTipTextContainer a:hover,.monthlyTipDlg #monthlyTipTextContainer a:active { color:#0819bd; } .monthlyTipDlg #monthlyTipCheckboxContainer { padding:10px 70px 0 70px; } .monthlyTipDlg #monthlyTipCheckboxContainer label { font-size:15px; top:-4px !important; } .monthlyTipDlg #monthlyTipPaginationContainer { text-align:center; margin:10px 0; } .monthlyTipDlg .pagination { display:inline-block; padding-left:0; margin:0 -3px; } .monthlyTipDlg .pagination > li { display:inline; } .monthlyTipDlg .pagination > li > a { float:left; display:block; width:12px; height:12px; margin:0 3px; -khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background-color:#ededed; border:1px solid #b2b2b2; -khtml-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-moz-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-ms-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-o-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);-webkit-transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 150ms cubic-bezier(0.445, 0.05, 0.55, 0.95); } .monthlyTipDlg .pagination > li > a.focus,.monthlyTipDlg .pagination > li > a:focus { background-color:#b7b7b7; border-color:#7c7c7c; outline:0; } .monthlyTipDlg .pagination > li > a.hover,.monthlyTipDlg .pagination > li > a:hover { background-color:#dbdbdb; border-color:#a0a0a0; -khtml-transition-duration:100ms;-moz-transition-duration:100ms;-ms-transition-duration:100ms;-o-transition-duration:100ms;-webkit-transition-duration:100ms;transition-duration:100ms; } .monthlyTipDlg .pagination > li > a.monthlyTipImgItemActive,.monthlyTipDlg .pagination > li > a:active { background-color:#c6c6c6; border-color:#8b8b8b; } .monthlyTipDlg .pagination > .monthlyTipImgItemActive > a { background-color:#e20074; border-color:#bb0060; overflow:hidden; } .monthlyTipDlg .pagination > .monthlyTipImgItemActive > a:before { content:url('https://email.t-online.de/res/7f5ebf28dd6587bf6e7829f213522dfa/content/pagination.gif'); line-height:12px; vertical-align:super; } .monthlyTipDlg .pagination > .monthlyTipImgItemActive > a.focus,.monthlyTipDlg .pagination > .monthlyTipImgItemActive > a:focus { background-color:#ac0058; border-color:#850044; } .monthlyTipDlg .pagination > .monthlyTipImgItemActive > a.hover,.monthlyTipDlg .pagination > .monthlyTipImgItemActive > a:hover { background-color:#d0006a; border-color:#a90056; } .monthlyTipDlg .pagination > .monthlyTipImgItemActive > a.monthlyTipImgItemActive,.monthlyTipDlg .pagination > .active > a:active { background-color:#bb0060; border-color:#94004c; } .monthlyTipDlg .pagination > .disabled > a,.monthlyTipDlg .pagination > .disabled > a:hover,.monthlyTipDlg .pagination > .disabled > a:focus,.monthlyTipDlg .pagination > .disabled > a:active { background-color:#ededed; border-color:#d8d8d8; cursor:not-allowed; } .monthlyTipDlg .pagination-small > li > a,.monthlyTipDlg .pagination-small > li > span { width:8px; height:8px; margin:0 2px; } .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0; } .monthlyTipDlg #monthlyTipSlideControl { position:absolute; width:100%; height:100%; left:0; right:0; top:0; bottom:0; } .monthlyTipDlg .monthlyTipSlideControlButton { cursor:pointer; bottom:50%; vertical-align:middle; position:absolute; width:30px; height:30px; } .monthlyTipDlg .monthlyTipSlideControlButton.disabled { cursor:default; opacity:0.4; } .monthlyTipDlg .monthlyTipSlideControlButton .icon { font-family:TeleIconOutline; font-style:normal; font-weight:400; font-size:26px; } .monthlyTipDlg #monthlyTipSlideControlLeft { left:-10px; } .monthlyTipDlg #monthlyTipSlideControlLeft .icon:before { content:"%"; margin-right:1px; } .monthlyTipDlg #monthlyTipSlideControlRight { right:-10px; } .monthlyTipDlg #monthlyTipSlideControlRight .icon:before { content:"§"; margin-right:1px; }#typeform-wrapper,#typeform-overlay { z-index:999999 !important; } #typeformFeedbackLink { display:none; } .typeform-close span { background-color:#d0d0d0; } @media (max-width: 850px) { .typeform-wrapper img { right:12px !important; } }#upsellingDlgImg { float:left; } .masterdialog.upsellingDialog .messageBody { display:block; padding:30px 0 0 120px; } .masterdialog.mailboxQuotaDialog .body i,.masterdialog.mailboxQuotaDialog .body img { margin:5px 0 0 267px; } .masterdialog.mailboxQuotaDialog .body div { text-align:left; margin:0 1rem; } #upsellingBanner { position:absolute; display:flex; justify-content:center; align-items:center; width:155px; height:31px; background:#4DD1E0; -khtml-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px; top:48px; right:5px; cursor:pointer; } #upsellingBanner.open { -khtml-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-ms-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); } #upsellingBanner > p { color:#000; font-family:TeleNeo; font-weight:700; font-size:14px; } #mailMPrice > p { font-family:TeleNeo; font-size:23px; font-weight:700; color:#e20074; text-align:right; padding:0 12px 0 0; margin:0 0 20px 0; } .upsellingBannerDetails { display:flex; width:155px; height:309px; background:#fff; } .upsellingBannerDetails.closed { display:none !important; } .upsellingBannerDetails.open { position:absolute; display:block; top:77px; right:5px; -khtml-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-ms-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-o-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); } .upsellingBannerDetails .upsellingBannerBenefits { padding:17px 12px 8px 10px; } .upsellingBannerDetails .upsellingBannerBenefits .upsellingBannerBenefitsText { font-family:TeleNeo; font-size:14px; color:#000; line-height:14px; } .upsellingBannerDetails .upsellingBannerCTA { display:flex; justify-content:center; align-items:center; width:100%; height:42px; cursor:pointer; margin-left:0; } .upsellingBannerDetails .upsellingBannerCTA::part(base variant-primary before) { width:100%; border-bottom-right-radius:0; border-bottom-left-radius:0; } .upsellingBannerDetails .upsellingBannerCTA p { color:#fff; font-family:TeleNeo; font-weight:700; } @media only screen and (max-width: 1124px) { #upsellingBanner { display:none; } .upsellingBannerDetails.open { display:none; } }:host { width:auto; spacing-x-right:var(--telekom-spacing-composition-space-07); spacing-x-left:var(--telekom-spacing-composition-space-07); spacing-x-icon-only:var(--telekom-spacing-composition-space-05); min-height:var(--telekom-spacing-composition-space-13); min-width:var(--telekom-spacing-composition-space-13); radius:var(--telekom-radius-standard); -khtml-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-moz-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-ms-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-o-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-webkit-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard); color-focus:var(--telekom-color-functional-focus-standard); font-weight:var(--telekom-typography-font-weight-bold); font-size:var(--telekom-typography-font-size-body); line-height:var(--telekom-typography-line-spacing-tight); spacing-icon-x:var(--telekom-spacing-composition-space-04); vertical-align:middle; font-size-small:var(--telekom-typography-font-size-caption); line-height-small:1.125rem; min-height-small:var(--telekom-spacing-composition-space-10); spacing-x-right-small:var(--telekom-spacing-composition-space-06); spacing-x-left-small:var(--telekom-spacing-composition-space-06); spacing-x-icon-only-small:var(--telekom-spacing-composition-space-00); spacing-icon-x-small:var(--telekom-spacing-composition-space-03); radius-primary:var(--radius); background-primary:var(--telekom-color-primary-standard); background-primary-hover:var(--telekom-color-primary-hovered); background-primary-active:var(--telekom-color-primary-pressed); background-primary-disabled:var(--telekom-color-ui-disabled); color-primary:var(--telekom-color-text-and-icon-white-standard); color-primary-disabled:var(--telekom-color-text-and-icon-disabled); radius-secondary:var(--radius); border-width-secondary:var(--telekom-spacing-composition-space-01); background-secondary:transparent; color-secondary:var(--telekom-color-text-and-icon-standard); color-secondary-hover:var(--telekom-color-text-and-icon-standard); color-secondary-active:var(--telekom-color-text-and-icon-standard); color-secondary-disabled:var(--telekom-color-text-and-icon-disabled); background-secondary:var(--telekom-color-ui-state-fill-standard); background-secondary-hover:var(--telekom-color-ui-state-fill-hovered); background-secondary-active:var(--telekom-color-ui-state-fill-pressed); background-secondary-disabled:none; border-secondary:var(--telekom-color-ui-border-standard); border-secondary-hover:var(--telekom-color-ui-border-hovered); border-secondary-active:var(--telekom-color-ui-border-pressed); border-secondary-focus:var(--telekom-color-functional-focus-standard); border-secondary-white:var(--telekom-color-ui-white); color-secondary-white:var(--telekom-color-ui-white); background-secondary-white-hover:var( --telekom-color-ui-state-fill-hovered-inverted); background-secondary-white-active:var( --telekom-color-ui-state-fill-pressed-inverted); secondary-white-opacity:0.5; radius-ghost:var(--radius); border-width-ghost:var(--telekom-spacing-composition-space-01); spacing-x-ghost:var(--telekom-spacing-composition-space-04); color-ghost:var(--telekom-color-text-and-icon-link-standard); color-ghost-hover:var(--telekom-color-text-and-icon-link-hovered); color-ghost-active:var(--telekom-color-text-and-icon-link-active); color-ghost-disabled:var(--telekom-color-text-and-icon-disabled); background-ghost-hover:var(--telekom-color-ui-state-fill-hovered); background-ghost-active:var(--telekom-color-ui-state-fill-pressed); display:inline-block; } body { font-family:"TeleNeoWeb", "TeleNeo", sans-serif; } .button { -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; display:inline-flex; align-items:center; position:relative; border:0; outline:none; cursor:pointer; -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; font-family:inherit; word-spacing:inherit; letter-spacing:inherit; justify-content:center; text-decoration:none; font-weight:var(--font-weight); font-size:var(--font-size); line-height:var(--line-height); min-height:var(--min-height); min-width:var(--min-width); width:var(--width); padding-left:var(--spacing-x-left); padding-right:var(--spacing-x-right); vertical-align:var(--vertical-align); -khtml-transition:var(--transition);-moz-transition:var(--transition);-ms-transition:var(--transition);-o-transition:var(--transition);-webkit-transition:var(--transition);transition:var(--transition); } .button.button--size-small { font-size:var(--font-size-small); line-height:var(--line-height-small); min-height:var(--min-height-small); padding-left:var(--spacing-x-left-small); padding-right:var(--spacing-x-right-small); } .button:not(.button--disabled):focus { outline:var(--telekom-line-weight-highlight) solid var(--color-focus); outline-offset:var(--telekom-spacing-composition-space-01); } .button.button--icon-before:not(.button--icon-only) ::slotted(*) { margin-right:var(--spacing-icon-x); margin-left:calc(var(--spacing-icon-x-small) * -1); margin-top:var(--spacing-icon-x); margin-bottom:var(--spacing-icon-x); } .button.button--icon-before:not(.button--icon-only).button--size-small ::slotted(*) { margin-right:var(--spacing-icon-x-small); margin-left:calc(var(--spacing-icon-x) * -0.5); } .button.button--icon-after:not(.button--icon-only) ::slotted(*) { margin-left:var(--spacing-icon-x); margin-right:calc(var(--spacing-icon-x-small) * -1); margin-top:var(--spacing-icon-x); margin-bottom:var(--spacing-icon-x); } .button.button--icon-after:not(.button--icon-only).button--size-small ::slotted(*) { margin-left:var(--spacing-icon-x-small); margin-right:calc(var(--spacing-icon-x) * -0.5); } .button:after { top:0; left:0; width:100%; border:var(--telekom-spacing-composition-space-01) solid transparent; height:100%; content:""; display:block; position:absolute; -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; pointer-events:none; -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); } .button--icon-only { padding-left:var(--spacing-x-icon-only); padding-right:var(--spacing-x-icon-only); } .button--icon-only.button--variant-secondary { padding-left:calc(var(--spacing-x-icon-only) - 1px); padding-right:calc(var(--spacing-x-icon-only) - 1px); } .button--icon-only.button--size-small { padding-left:var(--spacing-x-icon-only-small); padding-right:var(--spacing-x-icon-only-small); min-width:32px; } .button--icon-only.button--size-small.button--variant-secondary { padding-left:calc(var(--spacing-x-icon-only-small) - 1px); padding-right:calc(var(--spacing-x-icon-only-small) - 1px); } .button--disabled { cursor:not-allowed; } .button--variant-primary { text-align:center; -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); background:var(--background-primary); color:var(--color-primary); } .button--variant-primary:not(.button--disabled):hover { background:var(--background-primary-hover); } .button--variant-primary:not(.button--disabled):active { background:var(--background-primary-active); } .button--disabled.button--variant-primary { background:var(--background-primary-disabled); color:var(--color-primary-disabled); } .button--variant-secondary { background:var(--background-secondary); text-align:center; -khtml-border-radius:var(--radius-secondary);-moz-border-radius:var(--radius-secondary);-ms-border-radius:var(--radius-secondary);-o-border-radius:var(--radius-secondary);-webkit-border-radius:var(--radius-secondary);border-radius:var(--radius-secondary); border:var(--border-width-secondary) solid currentColor; color:var(--color-secondary); background-color:var(--background-secondary); border-color:var(--border-secondary); } .button--variant-secondary:not(.button--disabled):hover { color:var(--color-secondary-hover); background-color:var(--background-secondary-hover); border-color:var(--border-secondary-hover); } .button--variant-secondary:not(.button--disabled):active { color:var(--color-secondary-active); background-color:var(--background-secondary-active); border-color:var(--border-secondary-active); } .button--disabled.button--variant-secondary { color:var(--color-secondary-disabled); background-color:var(--background-secondary-disabled); } .button--variant-ghost { background:transparent; text-align:center; -khtml-border-radius:var(--radius-ghost);-moz-border-radius:var(--radius-ghost);-ms-border-radius:var(--radius-ghost);-o-border-radius:var(--radius-ghost);-webkit-border-radius:var(--radius-ghost);border-radius:var(--radius-ghost); border:var(--border-width-ghost) solid transparent; color:var(--color-ghost); padding-left:var(--spacing-x-ghost); padding-right:var(--spacing-x-ghost); } .button--variant-ghost:not(.button--disabled):hover { color:var(--color-ghost-hover); background-color:var(--background-ghost-hover); } .button--variant-ghost:not(.button--disabled):active { color:var(--color-ghost-active); background-color:var(--background-ghost-active); } .button--disabled.button--variant-ghost { color:var(--color-ghost-disabled); } .button--variant-secondary-white { background:var(--background-secondary); text-align:center; -khtml-border-radius:var(--radius-secondary);-moz-border-radius:var(--radius-secondary);-ms-border-radius:var(--radius-secondary);-o-border-radius:var(--radius-secondary);-webkit-border-radius:var(--radius-secondary);border-radius:var(--radius-secondary); border:var(--border-width-secondary) solid currentColor; color:var(--color-secondary-white); background-color:var(--background-secondary); border-color:var(--border-secondary-white); } .button--variant-secondary-white:not(.button--disabled):hover { background-color:var(--background-secondary-white-hover); } .button--variant-secondary-white:not(.button--disabled):active { background-color:var(--background-secondary-white-active); } .button--disabled.button--variant-secondary-white { opacity:var(--secondary-white-opacity); } scale-button.left { float:left; } scale-button.right { float:right; } scale-button.center { display:flex; justify-content:center; align-items:center; } scale-button.center.fw::part(base variant-primary before) { width:100%; } scale-button.center.mb10 { margin-bottom:10px; } .filterItem scale-switch .switch { display:none; } .filterItem scale-switch .switch:first-child { display:block; } scale-dropdown-select::part(combobox) { height:44px; } scale-notification::part(icon) { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-alert-information.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; width:40px; height:17px; margin:0px; } scale-notification::part(close-button) { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-action-circle-close.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; width:40px; height:40px; margin:0; } scale-notification::part(base type-inline variant-informational open) { width:565px; z-index:100; margin:0 auto; top:34px; } scale-notification::part(body) { margin-top:7px; } scale-collapsible::part(icon) { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-navigation-right.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; width:15px; height:40px; margin:0; } scale-collapsible[expanded]::part(icon) { -khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); } scale-accordion::part(base) { margin-left:1px; } .change-signature { margin-right:20px; } scale-tooltip img.center { display:block; position:relative; margin:20px auto !important; } .ml2 { margin-left:2px; } scale-switch label .switch__label-text { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; z-index:-10 !important; opacity:0 !important; } #checkboxdropboxPluginBtn #switch-15:not(:checked) + .switch__toggle .switch__thumb { left:-9px; } scale-dropdown-select::part(label) { text-align:left; } .text-field__control.manual:focus { border-color:var(--telekom-color-ui-border-hovered); outline:var(--telekom-line-weight-highlight) solid var(--telekom-color-functional-focus-standard); outline-offset:1px; } scale-sidebar-nav-collapsible::part(icon) { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-navigation-collapse-down.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; width:20px; height:20px; margin:0; } scale-sidebar-nav-collapsible[expanded]::part(icon) { -khtml-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg); } .dropboxPluginContainer lisaSwitchContainer scale-switch:not([checked]) .switch__thumb { left:-8px; } scale-dropdown-select::part(combobox-value) { overflow:visible; } scale-icon-content-calendar { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-datepicker.svg'); background-size:18px; background-position:center; background-repeat:no-repeat; width:20px !important; height:20px; margin:0; } scale-icon-navigation-left { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-navigation-collapse-down.svg'); background-size:13px; background-position:center; background-repeat:no-repeat; width:15px !important; height:15px; margin:0; -khtml-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); } scale-icon-navigation-right { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-navigation-collapse-down.svg'); background-size:13px; background-position:center; background-repeat:no-repeat; width:15px !important; height:15px; margin:0; -khtml-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg); } scale-icon-navigation-collapse-down { background-image:url('https://email.t-online.de/res/9b615adfc585246f3227a320f659ba0c/kitchensink/icon-navigation-collapse-down.svg'); background-size:13px; background-position:center; background-repeat:no-repeat; width:15px !important; height:15px; margin:0; } scale-text-field label,scale-text-field input { font-family:"TeleNeoWeb", "TeleNeo", sans-serif !important; } scale-text-field .animated input { padding-bottom:4px !important; padding-top:19px !important; } scale-dropdown-select::part(label),scale-dropdown-select::part(combobox),scale-date-picker label,scale-date-picker duet-date-picker input { font-family:"TeleNeoWeb", "TeleNeo", sans-serif !important; } scale-date-picker duet-date-picker input { padding-top:21px !important; height:44px !important; } scale-modal { position:absolute; } scale-modal#masterwrap_0 { z-index:20000; } scale-modal#masterwrap_1 { z-index:19999; } scale-modal#masterwrap_2 { z-index:19998; } scale-modal#masterwrap_3 { z-index:19997; } scale-button.hidden { display:none; }:host { font-weight:var(--telekom-typography-font-weight-bold); height:var(--telekom-spacing-composition-space-13); color:var(--telekom-color-text-and-icon-standard); color-disabled:var(--telekom-color-text-and-icon-disabled); background-disabled:none; background-hover:var(--telekom-color-ui-state-fill-hovered); border:var(--telekom-spacing-composition-space-01) solid var(--telekom-color-ui-border-standard); border-color-hover:var(--telekom-color-ui-border-hovered); border-color-focus:var(--telekom-color-ui-border-hovered); border-color-disabled:var(--telekom-color-ui-border-disabled); border-invalid:var(--telekom-spacing-composition-space-02) solid var(--telekom-color-functional-danger-hovered); focus-outline:var(--telekom-line-weight-highlight) solid var(--telekom-color-functional-focus-standard); spacing-x:var(--telekom-spacing-composition-space-05); -khtml-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-moz-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-ms-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-o-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-webkit-transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);transition:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard); radius:var(--telekom-radius-standard); spacing-x-for-helper-text:var(--telekom-spacing-composition-space-03); -khtml-transition-combobox:var(--transition);-moz-transition-combobox:var(--transition);-ms-transition-combobox:var(--transition);-o-transition-combobox:var(--transition);-webkit-transition-combobox:var(--transition);transition-combobox:var(--transition); background-combobox:var(--telekom-color-ui-state-fill-standard); spacing-combobox:1.125rem calc(2rem - var(--telekom-spacing-composition-space-01)) 0.25rem calc(0.75rem - var(--telekom-spacing-composition-space-01)); spacing-y-meta:var(--telekom-spacing-composition-space-03); color-meta:var(--telekom-color-text-and-icon-standard); height-icon:20px; color-icon:var(--telekom-color-text-and-icon-standard); color-icon-hover:var(--telekom-color-text-and-icon-standard); color-icon-active:var(--telekom-color-text-and-icon-standard); -khtml-transition-icon:var(--transition);-moz-transition-icon:var(--transition);-ms-transition-icon:var(--transition);-o-transition-icon:var(--transition);-webkit-transition-icon:var(--transition);transition-icon:var(--transition); color-label:var(--telekom-color-text-and-icon-additional); z-index-label:var(--scl-z-index-10); -khtml-transition-label:var(--transition);-moz-transition-label:var(--transition);-ms-transition-label:var(--transition);-o-transition-label:var(--transition);-webkit-transition-label:var(--transition);transition-label:var(--transition); -khtml-transform-label:translate(var(--spacing-x), 0.875rem);-moz-transform-label:translate(var(--spacing-x), 0.875rem);-ms-transform-label:translate(var(--spacing-x), 0.875rem);-o-transform-label:translate(var(--spacing-x), 0.875rem);-webkit-transform-label:translate(var(--spacing-x), 0.875rem);transform-label:translate(var(--spacing-x), 0.875rem); -khtml-transform-label-animated:translate( var(--spacing-x), calc(0.25rem + var(--telekom-spacing-composition-space-01)));-moz-transform-label-animated:translate( var(--spacing-x), calc(0.25rem + var(--telekom-spacing-composition-space-01)));-ms-transform-label-animated:translate( var(--spacing-x), calc(0.25rem + var(--telekom-spacing-composition-space-01)));-o-transform-label-animated:translate( var(--spacing-x), calc(0.25rem + var(--telekom-spacing-composition-space-01)));-webkit-transform-label-animated:translate( var(--spacing-x), calc(0.25rem + var(--telekom-spacing-composition-space-01)));transform-label-animated:translate( var(--spacing-x), calc(0.25rem + var(--telekom-spacing-composition-space-01))); background-listbox:var(--telekom-color-background-surface); -khtml-box-shadow-listbox:0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow-listbox:0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1);-ms-box-shadow-listbox:0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1);-o-box-shadow-listbox:0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow-listbox:0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1);box-shadow-listbox:0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 4px 16px 0 rgba(0, 0, 0, 0.1); max-height-listbox:300px; z-index-listbox:99; } ] *::after { -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } ] { display:block; position:relative; } ] { width:100%; height:var(--height); margin:0; display:flex; align-items:center; outline:none; padding:var(--spacing-combobox); z-index:1; -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; -khtml-transition:var(--transition-combobox);-moz-transition:var(--transition-combobox);-ms-transition:var(--transition-combobox);-o-transition:var(--transition-combobox);-webkit-transition:var(--transition-combobox);transition:var(--transition-combobox); font:var(--telekom-text-style-body); -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); border:var(--border); -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; -khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none; -khtml--webkit-appearance:none;-moz--webkit-appearance:none;-ms--webkit-appearance:none;-o--webkit-appearance:none;-webkit--webkit-appearance:none;-webkit-appearance:none; background-color:var(--background-combobox); color:var(--color); } ] { overflow:hidden; text-overflow:ellipsis; } ] { color:var(--color-icon-hover); } ] { color:var(--color-icon-active); } ]:hover { border-color:var(--border-color-hover); background-color:var(--background-hover); } ]:hover { background-color:var(--background-hover); } ]:focus { border-color:var(--border-color-focus); } ]:focus { outline:var(--focus-outline); outline-offset:1px; } ] { border:var(--border-invalid); } ] { background-color:transparent; } ] { cursor:not-allowed; border-color:var(--border-color-disabled); color:var(--color-disabled); background:var(--background-disabled); } ] { width:calc(100%); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; } ] { display:flex; justify-content:space-between; margin-top:var(--spacing-y-meta); color:var(--color-meta); } ] { top:50%; right:var(--spacing-x); position:absolute; -khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%); pointer-events:none; height:var(--height-icon); color:var(--color-icon); -khtml-transition:var(--transition-icon);-moz-transition:var(--transition-icon);-ms-transition:var(--transition-icon);-o-transition:var(--transition-icon);-webkit-transition:var(--transition-icon);transition:var(--transition-icon); } ] { color:var(--color-disabled); } ] { width:calc(100% - 44px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; top:0; left:0; color:var(--color-label); display:inline-block; z-index:var(--z-index-label); position:absolute; -khtml-transition:var(--transition-label);-moz-transition:var(--transition-label);-ms-transition:var(--transition-label);-o-transition:var(--transition-label);-webkit-transition:var(--transition-label);transition:var(--transition-label); pointer-events:none; font:var(--telekom-text-style-ui); -khtml-transform:var(--transform-label);-moz-transform:var(--transform-label);-ms-transform:var(--transform-label);-o-transform:var(--transform-label);-webkit-transform:var(--transform-label);transform:var(--transform-label); } ] { font:var(--telekom-text-style-small-bold); -khtml-transform:var(--transform-label-animated);-moz-transform:var(--transform-label-animated);-ms-transform:var(--transform-label-animated);-o-transform:var(--transform-label-animated);-webkit-transform:var(--transform-label-animated);transform:var(--transform-label-animated); } ] { cursor:not-allowed; border-color:var(--border-color-disabled); color:var(--color-disabled); background:var(--background-disabled); } ] { padding-top:0.3125rem; } ] { visibility:hidden; } ] { position:relative; } ] { max-height:var(--max-height-listbox); overflow-y:auto; } ] { background:var(--background-listbox); -khtml-box-shadow:var(--box-shadow-listbox);-moz-box-shadow:var(--box-shadow-listbox);-ms-box-shadow:var(--box-shadow-listbox);-o-box-shadow:var(--box-shadow-listbox);-webkit-box-shadow:var(--box-shadow-listbox);box-shadow:var(--box-shadow-listbox); -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); padding:var(--radius) 0; margin-top:var(--telekom-spacing-composition-space-03); left:0; position:absolute; top:100%; width:100%; z-index:var(--z-index-listbox); display:none; } ] { display:block; } ] { position:fixed; } ] { background-color:transparent; } ] { color:var(--color); } ] { color:var(--color-disabled); cursor:not-allowed; } ]):hover { background-color:var(--background-hover); } ] { outline:var(--focus-outline); outline-offset:-2px; -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); } ] { padding-right:30px; position:relative; } ] scale-icon-action-checkmark { position:absolute; right:var(--telekom-spacing-composition-space-05); top:var(--telekom-spacing-composition-space-05); } ] scale-dropdown-select-item::part(base) { padding:var(--telekom-spacing-composition-space-05); } ] { margin-bottom:var(--spacing-x-for-helper-text); } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border-width:0; } .hcm-disabled { display:none; } @media screen and (forced-colors: active), (-ms-high-contrast: active) { ] { outline:var(--focus-outline); outline-offset:-2px; -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); } .hcm-disabled { display:block; } }:host { } ] { display:flex; justify-content:flex-start; align-items:center; } ] { display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:1; }:host { spacing-x:var(--telekom-spacing-composition-space-06); background-overlay:var( --telekom-color-background-backdrop, rgba(108, 108, 108, 0.7)); max-height-window:calc( 100vh -(2 * var(--telekom-spacing-composition-space-19))); min-height-window:; radius-window:var(--telekom-radius-large); -khtml-box-shadow-window:var(--telekom-shadow-top);-moz-box-shadow-window:var(--telekom-shadow-top);-ms-box-shadow-window:var(--telekom-shadow-top);-o-box-shadow-window:var(--telekom-shadow-top);-webkit-box-shadow-window:var(--telekom-shadow-top);box-shadow-window:var(--telekom-shadow-top); background-window:var(--telekom-color-background-surface); color-window:var(--telekom-color-text-and-icon-standard); size-window-small:calc((6 * var(--telekom-spacing-unit-x14, 3.5rem)) +(5 * var(--telekom-spacing-composition-space-10))); size-window-default:calc((8 * var(--telekom-spacing-unit-x14, 3.5rem)) +(7 * var(--telekom-spacing-composition-space-10))); size-window-large:calc((12 * var(--telekom-spacing-unit-x14, 3.5rem)) +(11 * var(--telekom-spacing-composition-space-10))); spacing-x-header:var(--telekom-spacing-composition-space-08); spacing-y-header:var(--telekom-spacing-composition-space-08); border-bottom-header-has-scroll:var(--telekom-line-weight-standard) solid var(--telekom-color-ui-subtle); font-family-heading:var(--telekom-typography-font-family-sans); font-size-heading:var(--telekom-typography-font-size-callout); font-weight-heading:var(--telekom-typography-font-weight-extra-bold); spacing-close-button:var(--telekom-spacing-composition-space-04); radius-close-button:var(--telekom-radius-standard); -khtml-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-moz-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-ms-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-o-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);-webkit-transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard);transition-close-button:all var(--telekom-motion-duration-transition) var(--telekom-motion-easing-standard); -khtml-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-moz-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-ms-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-o-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);-webkit-box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard);box-shadow-close-button-focus:0 0 0 var(--telekom-line-weight-highlight) var(--telekom-color-functional-focus-standard); color-close-button:var(--telekom-color-text-and-icon-standard); color-close-button-hover:var(--telekom-color-primary-hovered); color-close-button-active:var(--telekom-color-primary-pressed); spacing-x-body-wrapper:var(--telekom-spacing-composition-space-08); spacing-y-body:var(--telekom-spacing-composition-space-08); spacing-actions:var(--telekom-spacing-composition-space-06) var(--telekom-spacing-composition-space-08) var(--telekom-spacing-composition-space-08); spacing-x-actions-slotted:var(--telekom-spacing-composition-space-04); background-actions-has-scroll:var( --telekom-color-background-surface-subtle); } .modal { top:0; left:0; width:100%; bottom:0; display:none; z-index:100; position:fixed; background:var(--background-overlay); -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; align-items:center; justify-content:center; padding-left:var(--spacing-x); padding-right:var(--spacing-x); } .modal.modal--is-open { display:flex; } .modal__backdrop { top:0; left:0; width:100%; height:100%; z-index:0; position:absolute; } .modal__window { width:100%; height:auto; display:flex; z-index:1; position:relative; overflow-y:auto; flex-direction:column; background-color:var(--background-window); color:var(--color-window); max-height:var(--max-height-window); min-height:var(--min-height-window); -khtml-border-radius:var(--radius-window);-moz-border-radius:var(--radius-window);-ms-border-radius:var(--radius-window);-o-border-radius:var(--radius-window);-webkit-border-radius:var(--radius-window);border-radius:var(--radius-window); -khtml-box-shadow:var(--box-shadow-window);-moz-box-shadow:var(--box-shadow-window);-ms-box-shadow:var(--box-shadow-window);-o-box-shadow:var(--box-shadow-window);-webkit-box-shadow:var(--box-shadow-window);box-shadow:var(--box-shadow-window); } .modal__window .modal__body-wrapper { overflow-y:auto; flex-shrink:1; flex-grow:1; } .modal--size-small .modal__window { max-width:var(--size-window-small); } .modal--size-default .modal__window { max-width:var(--size-window-default); } .modal--size-large .modal__window { max-width:var(--size-window-large); } @media (max-height: 30em) { .modal__window { max-height:calc(100vh - var(--telekom-spacing-composition-space-08)); } } .modal__window:after { top:0; left:0; width:100%; border:1px solid transparent; height:100%; content:''; display:block; position:absolute; -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; pointer-events:none; -khtml-border-radius:var(--radius-window);-moz-border-radius:var(--radius-window);-ms-border-radius:var(--radius-window);-o-border-radius:var(--radius-window);-webkit-border-radius:var(--radius-window);border-radius:var(--radius-window); } .modal__header { display:flex; align-items:flex-start; flex-shrink:0; justify-content:space-between; margin-left:var(--spacing-x-header); margin-right:var(--spacing-x-header); padding-top:var(--spacing-y-header); padding-bottom:var(--spacing-y-header); } .modal--has-scroll .modal__header { border-bottom:var(--border-bottom-header-has-scroll); } .modal__heading { margin:0; font-family:var(--font-family-heading); font-size:var(--font-size-heading); font-weight:var(--font-weight-heading); } .modal__close-button { -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; padding:var(--spacing-close-button); margin-bottom:calc(-2 * var(--spacing-close-button)); border:0; -khtml-border-radius:var(--radius-close-button);-moz-border-radius:var(--radius-close-button);-ms-border-radius:var(--radius-close-button);-o-border-radius:var(--radius-close-button);-webkit-border-radius:var(--radius-close-button);border-radius:var(--radius-close-button); outline:none; color:var(--color-close-button); background:transparent; -khtml-transition:var(--transition-close-button);-moz-transition:var(--transition-close-button);-ms-transition:var(--transition-close-button);-o-transition:var(--transition-close-button);-webkit-transition:var(--transition-close-button);transition:var(--transition-close-button); -khtml-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-moz-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-ms-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-o-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));-webkit-transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button)));transform:translate( var(--spacing-close-button), calc(-1 * var(--spacing-close-button))); -khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;appearance:none; cursor:pointer; -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; } .modal__close-button:focus { -khtml-box-shadow:var(--box-shadow-close-button-focus);-moz-box-shadow:var(--box-shadow-close-button-focus);-ms-box-shadow:var(--box-shadow-close-button-focus);-o-box-shadow:var(--box-shadow-close-button-focus);-webkit-box-shadow:var(--box-shadow-close-button-focus);box-shadow:var(--box-shadow-close-button-focus); } .modal__close-button:hover { color:var(--color-close-button-hover); } .modal__close-button:active { color:var(--color-close-button-active); } .modal__body-wrapper { padding-left:var(--spacing-x-body-wrapper); padding-right:var(--spacing-x-body-wrapper); } .modal--has-body .modal__body-wrapper { min-height:var(--telekom-spacing-related-lg); } .modal--has-body .modal__body { margin-top:0; margin-bottom:0; } .modal--has-body:not(.modal--has-actions) .modal__body { margin-bottom:var(--spacing-y-body); } .modal--has-scroll.modal--has-body .modal__body { margin-top:var(--spacing-y-body); margin-bottom:var(--spacing-y-body); } .modal--has-body .modal__body ::slotted(*) { font:var(--telekom-text-style-body); } .modal--has-body .modal__body ::slotted(*:not([slot]):first-child) { margin-top:0; } .modal--has-body .modal__body ::slotted(*:not([slot]):last-of-type) { margin-bottom:0; } .modal__actions { display:none; flex-shrink:0; justify-content:flex-end; padding:var(--spacing-actions); } .modal__actions ::slotted(*) { margin-left:var(--spacing-x-actions-slotted); } .modal--has-actions .modal__actions { display:flex; } .modal--align-actions-left .modal__actions { justify-content:flex-start; } .modal--has-scroll .modal__actions { background-color:var(--background-actions-has-scroll); }scale-switch { width:42px; height:24px; offset:2px; radius:1em; -khtml-transition-duration:var(--telekom-motion-duration-immediate);-moz-transition-duration:var(--telekom-motion-duration-immediate);-ms-transition-duration:var(--telekom-motion-duration-immediate);-o-transition-duration:var(--telekom-motion-duration-immediate);-webkit-transition-duration:var(--telekom-motion-duration-immediate);transition-duration:var(--telekom-motion-duration-immediate); -khtml-transition-easing:var(--telekom-motion-easing-standard);-moz-transition-easing:var(--telekom-motion-easing-standard);-ms-transition-easing:var(--telekom-motion-easing-standard);-o-transition-easing:var(--telekom-motion-easing-standard);-webkit-transition-easing:var(--telekom-motion-easing-standard);transition-easing:var(--telekom-motion-easing-standard); shadow-thumb:0 0 2px 0 rgba(0, 0, 0, 0.24), 0 2px 4px 0 rgba(0, 0, 0, 0.24), 0 4px 12px 0 rgba(0, 0, 0, 0.26); spacing-x-label:var(--telekom-spacing-composition-space-04); font-label:var(--telekom-text-style-ui); font-io-text:var(--telekom-text-style-small-bold); color-label:var(--telekom-color-text-and-icon-standard); } .switch { _background:var(--telekom-color-ui-faint); _color-thumb:var(--telekom-color-ui-white, #fff); _overlay-background:transparent; display:inline-block; position:relative; } .switch__control { position:absolute; margin:0; top:0; width:var(--width); height:var(--height); opacity:0; } .switch__wrapper { display:flex; align-items:center; cursor:pointer; } .switch__toggle { position:relative; width:var(--width); height:var(--height); background:var(--_background); -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); -khtml-transition-property:background;-moz-transition-property:background;-ms-transition-property:background;-o-transition-property:background;-webkit-transition-property:background;transition-property:background; -khtml-transition-duration:var(--transition-duration);-moz-transition-duration:var(--transition-duration);-ms-transition-duration:var(--transition-duration);-o-transition-duration:var(--transition-duration);-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration); -khtml-transition-timing-function:var(--transition-easing);-moz-transition-timing-function:var(--transition-easing);-ms-transition-timing-function:var(--transition-easing);-o-transition-timing-function:var(--transition-easing);-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing); } .switch__toggle--overlay { position:absolute; width:var(--width); height:var(--height); -khtml-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);-webkit-border-radius:var(--radius);border-radius:var(--radius); background:var(--_overlay-background); } ] .switch__toggle--overlay { display:none; } .switch:hover { _overlay-background:var(--telekom-color-ui-state-fill-hovered); } .switch:active { _overlay-background:var(--telekom-color-ui-state-fill-pressed); } .switch--checked { _background:var(--telekom-color-primary-standard); } ] .switch.switch--checked { _background:var(--telekom-color-primary-standard); _color-thumb:var(--telekom-color-ui-white); } ] .switch { _color-thumb:var(--telekom-color-ui-strong); } ] .switch:hover { _background:var(--telekom-color-ui-faint); } ] .switch:active { _background:var(--telekom-color-ui-faint); } ] .switch:hover { _color-thumb:var(--telekom-color-ui-extra-strong); } ] .switch:active { _color-thumb:var(--telekom-color-ui-extra-strong); } ] .switch--checked:hover { _color-thumb:var(--telekom-color-ui-white); } ] .switch--checked:hover,.switch--checked:hover { _background:var(--telekom-color-primary-hovered); } ] .switch--checked:active,.switch--checked:active { _background:var(--telekom-color-primary-pressed); } ] .switch--disabled { _background:var(--telekom-color-ui-faint); _color-thumb:var(--telekom-color-ui-border-disabled); } ] .switch--disabled:hover { _color-thumb:var(--telekom-color-ui-border-disabled); _background:var(--telekom-color-ui-faint); } ] .switch--checked.switch--disabled:hover { _background:var(--telekom-color-ui-border-disabled); _color-thumb:var(--telekom-color-ui-faint); } .switch--disabled,.switch--disabled:hover,.switch--disabled:active { _background:var(--telekom-color-ui-disabled); _color-thumb:var(--telekom-color-ui-faint); _overlay-background:transparent; } .switch--checked .switch--disabled,.switch--checked .switch--disabled:hover,.switch--checked .switch--disabled:active { _background:var(--telekom-color-ui-faint); _color-thumb:var(--telekom-color-ui-disabled); -khtml-box-shadow:var(--telekom-shadow-raised-standard);-moz-box-shadow:var(--telekom-shadow-raised-standard);-ms-box-shadow:var(--telekom-shadow-raised-standard);-o-box-shadow:var(--telekom-shadow-raised-standard);-webkit-box-shadow:var(--telekom-shadow-raised-standard);box-shadow:var(--telekom-shadow-raised-standard); _overlay-background:transparent; } ] .switch--disabled.switch--checked { _background:var(--telekom-color-ui-border-disabled); _color-thumb:var(--telekom-color-ui-faint); } .switch--disabled .switch__wrapper { cursor:not-allowed; } .switch--disabled .switch__thumb { -khtml-box-shadow:var(--telekom-shadow-raised-standard);-moz-box-shadow:var(--telekom-shadow-raised-standard);-ms-box-shadow:var(--telekom-shadow-raised-standard);-o-box-shadow:var(--telekom-shadow-raised-standard);-webkit-box-shadow:var(--telekom-shadow-raised-standard);box-shadow:var(--telekom-shadow-raised-standard); } .switch--size-large { width:56px; height:32px; } .switch--focus-visible-not-supported :focus ~ .switch__toggle,:focus-visible ~ .switch__toggle { outline:var(--telekom-spacing-composition-space-02) solid var(--telekom-color-functional-focus-standard); outline-offset:var(--telekom-spacing-composition-space-01); } .switch__thumb { _size:calc(var(--height) - var(--offset) * 2); position:relative; z-index:2; -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width:var(--_size); height:var(--_size); aspect-ratio:1 / 1; background:var(--_color-thumb); -khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; -khtml-box-shadow:var(--shadow-thumb);-moz-box-shadow:var(--shadow-thumb);-ms-box-shadow:var(--shadow-thumb);-o-box-shadow:var(--shadow-thumb);-webkit-box-shadow:var(--shadow-thumb);box-shadow:var(--shadow-thumb); margin:var(--offset); -khtml-transition-property:margin, width, height, background, color;-moz-transition-property:margin, width, height, background, color;-ms-transition-property:margin, width, height, background, color;-o-transition-property:margin, width, height, background, color;-webkit-transition-property:margin, width, height, background, color;transition-property:margin, width, height, background, color; -khtml-transition-duration:var(--transition-duration);-moz-transition-duration:var(--transition-duration);-ms-transition-duration:var(--transition-duration);-o-transition-duration:var(--transition-duration);-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration); -khtml-transition-timing-function:var(--transition-easing);-moz-transition-timing-function:var(--transition-easing);-ms-transition-timing-function:var(--transition-easing);-o-transition-timing-function:var(--transition-easing);-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing); color:transparent; border:1px solid rgba(0, 0, 0, 0.04); display:inline-block; } .switch--checked .switch__thumb { margin-left:1em; margin-inline-start:calc(var(--width) - var(--height) + var(--offset)); } .switch__io-text { position:absolute; z-index:1; top:0; left:0; display:flex; justify-content:center; align-items:center; width:50%; height:var(--height); margin-left:calc(50% - var(--offset)); font:var(--font-io-text); line-height:var(--telekom-typography-line-spacing-none); } .switch--size-large .switch__io-text { margin-top:1px; font:var(--telekom-text-style-caption-bold); } .switch--checked .switch__io-text { margin-left:var(--offset); color:var(--telekom-color-text-and-icon-white-standard); } .switch--disabled .switch__io-text { color:var(--telekom-color-text-and-icon-disabled); } .switch__label-text { font:var(--font-label); margin-inline-start:var(--spacing-x-label); color:var(--color-label); } ] scale-switch { width:56px; height:32px; offset:7px; } ] .switch__thumb { width:18px; height:18px; } ] scale-switch:not([disabled]):active .switch__thumb { width:28px; height:28px; offset:2px; } ] .switch--checked .switch__thumb { width:24px; height:24px; offset:4px; } ] .switch__thumb { display:flex; justify-content:center; align-items:center; -khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; } scale-switch scale-icon-action-success { display:none !important; } ] .switch--checked scale-icon-action-success { position:absolute; display:inline-block !important; margin-top:2px; margin-left:1px; } ] .switch--checked .switch__thumb { color:var(--_background); } ] .switch__io-text { display:none; } ] .switch--checked .switch__thumb { color:var(--telekom-color-primary-standard); } ] .switch--disabled .switch__thumb { color:var(--telekom-color-ui-strong); } @media screen and (forced-colors: active), (-ms-high-contrast: active) { .switch__toggle { border:1px solid; } scale-icon-action-checkmark { visibility:hidden !important; } }/**
 * @license
 * Scale https://github.com/telekom/scale
 *
 * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

/**
 * Load fonts and set font-family to `TeleNeoWeb`.
 */
/**
 * @license
 * Scale https://github.com/telekom/scale
 *
 * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

/*
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 900;
  font-style: normal;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Ultra.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Ultra.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-Ultra.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 900;
  font-style: italic;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-UltraItalic.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-UltraItalic.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-UltraItalic.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 800;
  font-style: normal;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-ExtraBold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 800;
  font-style: italic;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-ExtraBoldItalic.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 700;
  font-style: normal;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Bold.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-Bold.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 700;
  font-style: italic;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-BoldItalic.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 500;
  font-style: normal;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Medium.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-Medium.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 500;
  font-style: italic;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-MediumItalic.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 400;
  font-style: normal;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Regular.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-Regular.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 400;
  font-style: italic;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-RegularItalic.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 200;
  font-style: normal;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Thin.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-Thin.woff2') format('woff2');
  font-display: swap;
}
@font-face {
  font-family: 'TeleNeoWeb';
  font-weight: 200;
  font-style: italic;
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.eot');
  src: url('./fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff') format('woff'),
    url('./fonts/TeleNeoWeb/TeleNeoWeb-ThinItalic.woff2') format('woff2');
  font-display: swap;
}

 */

:root {
  font-family: 'TeleNeoWeb', sans-serif;
}


/**
 * Load custom media queries.
 */
/**
 * @license
 * Scale https://github.com/telekom/scale
 *
 * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */


/**
 * Include --scl tokens from legacy @telekom/scale-design-tokens package for backward-compat.
 * @deprecated in v3
 */
:root {
  /* SPACING */
  --scl-spacing-1: 0.0625rem;
  --scl-spacing-2: 0.125rem;
  --scl-spacing-4: 0.25rem;
  --scl-spacing-8: 0.5rem;
  --scl-spacing-12: 0.75rem;
  --scl-spacing-16: 1rem;
  --scl-spacing-24: 1.5rem;
  --scl-spacing-32: 2rem;
  --scl-spacing-40: 2.5rem;
  --scl-spacing-48: 3rem;
  --scl-spacing-64: 4rem;
  --scl-spacing-80: 5rem;
  /* FONT */
  --scl-font-family-sans: TeleNeoWeb, sans-serif;
  --scl-font-family-mono: monospace;
  --scl-font-size-10: 0.625rem;
  --scl-font-size-12: 0.75rem;
  --scl-font-size-14: 0.875rem;
  --scl-font-size-16: 1rem;
  --scl-font-size-20: 1.25rem;
  --scl-font-size-24: 1.5rem;
  --scl-font-size-32: 2rem;
  --scl-font-size-40: 2.5rem;
  --scl-font-size-56: 3.5rem;
  --scl-font-weight-thin: 200;
  --scl-font-weight-regular: 400;
  --scl-font-weight-medium: 500;
  --scl-font-weight-bold: 700;
  --scl-font-weight-extrabold: 800;
  --scl-font-line-height-114: 114%;
  --scl-font-line-height-120: 120%;
  --scl-font-line-height-125: 125%;
  --scl-font-line-height-133: 133%;
  --scl-font-line-height-150: 150%;
  --scl-font-line-height-160: 160%;
  /* FONT-VARIANT */
  --scl-font-variant-body-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-body-size: 1rem;
  --scl-font-variant-body-weight: 500;
  --scl-font-variant-body-line-height: 150%;
  --scl-font-variant-body-letter-spacing: normal;
  --scl-font-variant-body-short-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-body-short-size: 1rem;
  --scl-font-variant-body-short-weight: 500;
  --scl-font-variant-body-short-line-height: 125%;
  --scl-font-variant-body-short-letter-spacing: normal;
  --scl-font-variant-body-large-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-body-large-size: 1.25rem;
  --scl-font-variant-body-large-weight: 500;
  --scl-font-variant-body-large-line-height: 160%;
  --scl-font-variant-body-large-letter-spacing: normal;
  --scl-font-variant-smaller-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-smaller-size: 0.75rem;
  --scl-font-variant-smaller-weight: 500;
  --scl-font-variant-smaller-line-height: 125%;
  --scl-font-variant-smaller-letter-spacing: normal;
  --scl-font-variant-label-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-label-size: 0.75rem;
  --scl-font-variant-label-weight: 500;
  --scl-font-variant-label-line-height: 120%;
  --scl-font-variant-label-letter-spacing: normal;
  --scl-font-variant-caption-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-caption-size: 0.75rem;
  --scl-font-variant-caption-weight: 500;
  --scl-font-variant-caption-line-height: 133%;
  --scl-font-variant-caption-letter-spacing: normal;
  --scl-font-variant-heading-6-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-heading-6-size: 1rem;
  --scl-font-variant-heading-6-weight: 700;
  --scl-font-variant-heading-6-line-height: 150%;
  --scl-font-variant-heading-6-letter-spacing: normal;
  --scl-font-variant-heading-5-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-heading-5-size: 1.25rem;
  --scl-font-variant-heading-5-weight: 800;
  --scl-font-variant-heading-5-line-height: 125%;
  --scl-font-variant-heading-5-letter-spacing: normal;
  --scl-font-variant-heading-4-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-heading-4-size: 1.5rem;
  --scl-font-variant-heading-4-weight: 800;
  --scl-font-variant-heading-4-line-height: 133%;
  --scl-font-variant-heading-4-letter-spacing: normal;
  --scl-font-variant-heading-3-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-heading-3-size: 2rem;
  --scl-font-variant-heading-3-weight: 800;
  --scl-font-variant-heading-3-line-height: 125%;
  --scl-font-variant-heading-3-letter-spacing: normal;
  --scl-font-variant-heading-2-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-heading-2-size: 2.5rem;
  --scl-font-variant-heading-2-weight: 800;
  --scl-font-variant-heading-2-line-height: 120%;
  --scl-font-variant-heading-2-letter-spacing: normal;
  --scl-font-variant-heading-1-family: TeleNeoWeb, sans-serif;
  --scl-font-variant-heading-1-size: 3.5rem;
  --scl-font-variant-heading-1-weight: 800;
  --scl-font-variant-heading-1-line-height: 114%;
  --scl-font-variant-heading-1-letter-spacing: normal;
  /* COLOR */
  --scl-color-primary: hsl(329.20000000000005, 100%, 44.3%);
  --scl-color-black: hsl(0, 0%, 0%);
  --scl-color-white: hsl(0, 0%, 100%);
  --scl-color-grey-0: hsl(0, 0%, 94.9%);
  --scl-color-grey-10: hsl(0, 0%, 89.8%);
  --scl-color-grey-20: hsl(0, 0%, 80%);
  --scl-color-grey-30: hsl(0, 0%, 69.8%);
  --scl-color-grey-40: hsl(0, 0%, 60%);
  --scl-color-grey-50: hsl(0, 0%, 49.8%);
  --scl-color-grey-60: hsl(0, 0%, 40%);
  --scl-color-grey-70: hsl(0, 0%, 29.8%);
  --scl-color-grey-80: hsl(0, 0%, 20%);
  --scl-color-grey-90: hsl(0, 0%, 9.8%);
  --scl-color-grey-100: hsl(0, 0%, 0%);
  --scl-color-orange-0: hsl(54.39999999999998, 100%, 93.7%);
  --scl-color-orange-10: hsl(48.39999999999998, 100%, 88.8%);
  --scl-color-orange-20: hsl(43.69999999999999, 100%, 84.1%);
  --scl-color-orange-30: hsl(38.69999999999999, 100%, 79.6%);
  --scl-color-orange-40: hsl(33.5, 100%, 75.1%);
  --scl-color-orange-50: hsl(29, 100%, 70.8%);
  --scl-color-orange-60: hsl(24.80000000000001, 96.5%, 66.1%);
  --scl-color-orange-70: hsl(17.30000000000001, 71.4%, 56.1%);
  --scl-color-orange-80: hsl(17.30000000000001, 72.3%, 39.6%);
  --scl-color-orange-90: hsl(17.30000000000001, 88.8%, 31.4%);
  --scl-color-orange-100: hsl(11.399999999999977, 86.6%, 26.3%);
  --scl-color-red-0: hsl(353.79999999999995, 100%, 88.6%);
  --scl-color-red-10: hsl(351.5, 100%, 83.3%);
  --scl-color-red-20: hsl(350.4, 98.1%, 78.8%);
  --scl-color-red-30: hsl(350.6, 91%, 73.9%);
  --scl-color-red-40: hsl(350.4, 85.1%, 68.4%);
  --scl-color-red-50: hsl(350.29999999999995, 82.8%, 63.5%);
  --scl-color-red-60: hsl(351.20000000000005, 82.6%, 59.4%);
  --scl-color-red-70: hsl(349.70000000000005, 69%, 50.6%);
  --scl-color-red-80: hsl(348.9, 74.9%, 43.7%);
  --scl-color-red-90: hsl(347.1, 84%, 36.9%);
  --scl-color-red-100: hsl(345.9, 100%, 30%);
  --scl-color-blue-0: hsl(190.20000000000005, 100%, 92%);
  --scl-color-blue-10: hsl(196.20000000000005, 100%, 85.5%);
  --scl-color-blue-20: hsl(200.89999999999998, 100%, 79.2%);
  --scl-color-blue-30: hsl(206, 100%, 73.3%);
  --scl-color-blue-40: hsl(210.70000000000005, 100%, 67.5%);
  --scl-color-blue-50: hsl(215.60000000000002, 100%, 62%);
  --scl-color-blue-60: hsl(220, 100%, 56.5%);
  --scl-color-blue-70: hsl(227.39999999999998, 89%, 46.3%);
  --scl-color-blue-80: hsl(236.5, 100%, 37.5%);
  --scl-color-blue-90: hsl(241.10000000000002, 100%, 31.2%);
  --scl-color-blue-100: hsl(249.39999999999998, 100%, 25.1%);
  --scl-color-teal-0: hsl(176.10000000000002, 63.3%, 90.4%);
  --scl-color-teal-10: hsl(178.89999999999998, 60%, 82.4%);
  --scl-color-teal-20: hsl(180, 58.5%, 74.5%);
  --scl-color-teal-30: hsl(181.20000000000005, 57.6%, 66.7%);
  --scl-color-teal-40: hsl(182.10000000000002, 55.2%, 58.8%);
  --scl-color-teal-50: hsl(183.60000000000002, 53.8%, 50.8%);
  --scl-color-teal-60: hsl(184.79999999999995, 68.9%, 42.9%);
  --scl-color-teal-70: hsl(182.89999999999998, 80.1%, 35.5%);
  --scl-color-teal-80: hsl(180.5, 91.5%, 27.8%);
  --scl-color-teal-90: hsl(178.89999999999998, 100%, 20.6%);
  --scl-color-teal-100: hsl(176.5, 100%, 16.9%);
  --scl-color-green-0: hsl(78.30000000000001, 59%, 92.4%);
  --scl-color-green-10: hsl(82.5, 55.6%, 85.9%);
  --scl-color-green-20: hsl(86.30000000000001, 55.3%, 79.8%);
  --scl-color-green-30: hsl(90.39999999999998, 52.6%, 73.5%);
  --scl-color-green-40: hsl(95.30000000000001, 50.9%, 67.3%);
  --scl-color-green-50: hsl(98.80000000000001, 49.7%, 61%);
  --scl-color-green-60: hsl(103.19999999999999, 48.1%, 54.7%);
  --scl-color-green-70: hsl(111.5, 46.1%, 48%);
  --scl-color-green-80: hsl(120, 52.4%, 41.2%);
  --scl-color-green-90: hsl(127.60000000000002, 58.9%, 34.3%);
  --scl-color-green-100: hsl(136.3, 65.7%, 27.5%);
  --scl-color-clay-0: hsl(15.800000000000011, 42.2%, 91.2%);
  --scl-color-clay-10: hsl(19.399999999999977, 46.3%, 86.9%);
  --scl-color-clay-20: hsl(20.899999999999977, 49.4%, 82.9%);
  --scl-color-clay-30: hsl(21.899999999999977, 48.1%, 78.8%);
  --scl-color-clay-40: hsl(22.30000000000001, 48.4%, 74.9%);
  --scl-color-clay-50: hsl(22.80000000000001, 48.3%, 71.2%);
  --scl-color-clay-60: hsl(25.100000000000023, 46.7%, 66.9%);
  --scl-color-clay-70: hsl(22.899999999999977, 35.8%, 58.4%);
  --scl-color-clay-80: hsl(21.399999999999977, 27.6%, 50.2%);
  --scl-color-clay-90: hsl(18.899999999999977, 26.8%, 41.8%);
  --scl-color-clay-100: hsl(18.600000000000023, 24.7%, 33.3%);
  --scl-color-rose-0: hsl(338.79999999999995, 48.6%, 93.1%);
  --scl-color-rose-10: hsl(341.4, 46%, 87.6%);
  --scl-color-rose-20: hsl(341.4, 45.7%, 82%);
  --scl-color-rose-30: hsl(341.9, 43.8%, 76.3%);
  --scl-color-rose-40: hsl(343.79999999999995, 42.3%, 70.8%);
  --scl-color-rose-50: hsl(346, 41.2%, 65.3%);
  --scl-color-rose-60: hsl(346.79999999999995, 39.8%, 59.6%);
  --scl-color-rose-70: hsl(344.79999999999995, 31.5%, 49.2%);
  --scl-color-rose-80: hsl(342.9, 35.4%, 38.8%);
  --scl-color-rose-90: hsl(340.29999999999995, 40.3%, 28.2%);
  --scl-color-rose-100: hsl(338.4, 44.6%, 22%);
  --scl-color-lilac-0: hsl(307.5, 33.3%, 95.3%);
  --scl-color-lilac-10: hsl(310, 27.3%, 91.4%);
  --scl-color-lilac-20: hsl(310.6, 28.8%, 88.4%);
  --scl-color-lilac-30: hsl(310, 30.8%, 84.7%);
  --scl-color-lilac-40: hsl(300, 28.2%, 77.1%);
  --scl-color-lilac-50: hsl(293.6, 30.7%, 70%);
  --scl-color-lilac-60: hsl(292.9, 30.9%, 62.5%);
  --scl-color-lilac-70: hsl(292.79999999999995, 24.4%, 53.3%);
  --scl-color-lilac-80: hsl(293.20000000000005, 23.8%, 43.7%);
  --scl-color-lilac-90: hsl(291.79999999999995, 29.1%, 34.3%);
  --scl-color-lilac-100: hsl(291.1, 37%, 24.9%);
  --scl-color-pigeon-0: hsl(226.20000000000005, 41.9%, 93.9%);
  --scl-color-pigeon-10: hsl(227.5, 42.9%, 89%);
  --scl-color-pigeon-20: hsl(227.60000000000002, 41.5%, 83.9%);
  --scl-color-pigeon-30: hsl(228.60000000000002, 38.9%, 78.8%);
  --scl-color-pigeon-40: hsl(230.60000000000002, 38.3%, 73.9%);
  --scl-color-pigeon-50: hsl(230.79999999999995, 37.1%, 68.8%);
  --scl-color-pigeon-60: hsl(232.70000000000005, 35.9%, 63.9%);
  --scl-color-pigeon-70: hsl(239.10000000000002, 29.8%, 55.9%);
  --scl-color-pigeon-80: hsl(244.60000000000002, 26.5%, 48%);
  --scl-color-pigeon-90: hsl(251.60000000000002, 30.4%, 40%);
  --scl-color-pigeon-100: hsl(257.5, 33.7%, 32%);
  --scl-color-neptune-0: hsl(176, 29.4%, 90%);
  --scl-color-neptune-10: hsl(180, 31.6%, 85.1%);
  --scl-color-neptune-20: hsl(178.29999999999995, 34.7%, 80.2%);
  --scl-color-neptune-30: hsl(180, 34.4%, 74.9%);
  --scl-color-neptune-40: hsl(182.29999999999995, 34.6%, 70%);
  --scl-color-neptune-50: hsl(184, 33.7%, 65.1%);
  --scl-color-neptune-60: hsl(184.39999999999998, 33.3%, 60%);
  --scl-color-neptune-70: hsl(182.70000000000005, 27.5%, 52.9%);
  --scl-color-neptune-80: hsl(180, 25.3%, 45.7%);
  --scl-color-neptune-90: hsl(178.79999999999995, 24.9%, 38.6%);
  --scl-color-neptune-100: hsl(178.20000000000005, 21.2%, 31.4%);
  --scl-color-olive-0: hsl(95, 33.3%, 92.9%);
  --scl-color-olive-10: hsl(96, 30.3%, 87.1%);
  --scl-color-olive-20: hsl(98.60000000000002, 29.8%, 81.6%);
  --scl-color-olive-30: hsl(100, 29%, 75.7%);
  --scl-color-olive-40: hsl(101.89999999999998, 28.1%, 70%);
  --scl-color-olive-50: hsl(103.19999999999999, 27.5%, 64.3%);
  --scl-color-olive-60: hsl(103.89999999999998, 26.4%, 58.4%);
  --scl-color-olive-70: hsl(102.19999999999999, 22%, 48.2%);
  --scl-color-olive-80: hsl(100, 24.7%, 38%);
  --scl-color-olive-90: hsl(97.5, 28.2%, 27.8%);
  --scl-color-olive-100: hsl(97.69999999999999, 32.7%, 21%);
  --scl-color-primary-hover: hsl(329.29999999999995, 95.2%, 50.6%);
  --scl-color-primary-active: hsl(329.29999999999995, 100%, 39.8%);
  --scl-color-focus: hsl(215.60000000000002, 100%, 62%);
  --scl-color-text-standard: hsl(0, 0%, 9.8%);
  --scl-color-text-additional: hsl(0, 0%, 40%);
  --scl-color-text-link: hsl(227.39999999999998, 89%, 46.3%);
  --scl-color-text-link-hover: hsl(236.5, 100%, 37.5%);
  --scl-color-text-link-active: hsl(220, 100%, 56.5%);
  --scl-color-text-link-visited: hsl(227.39999999999998, 89%, 46.3%);
  --scl-color-text-info: hsl(227.39999999999998, 89%, 46.3%);
  --scl-color-text-disabled: hsl(0, 0%, 49.8%);
  --scl-color-text-success: hsl(136.3, 65.7%, 27.5%);
  --scl-color-text-error: hsl(349.70000000000005, 69%, 50.6%);
  --scl-color-background-standard: hsl(0, 0%, 100%);
  --scl-color-background-light: hsl(0, 0%, 94.9%);
  --scl-color-background-darker: hsl(0, 0%, 80%);
  --scl-color-background-overlay: hsla(0, 0%, 42.4%, 0.7);
  --scl-color-background-disabled: hsl(0, 0%, 80%);
  --scl-color-background-success: hsl(136.3, 65.7%, 27.5%);
  --scl-color-background-error: hsl(349.70000000000005, 69%, 50.6%);
  --scl-color-functional-red: hsl(349.70000000000005, 69%, 50.6%);
  --scl-color-functional-green: hsl(136.3, 65.7%, 27.5%);
  --scl-color-functional-blue: hsl(227.39999999999998, 89%, 46.3%);
  /* SHADOW */
  --scl-shadow-level-0: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.1),
    0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-1: 0px 4px 16px 0px hsla(0, 0%, 0%, 0.1),
    0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-2: 0px 8px 32px 0px hsla(0, 0%, 0%, 0.1),
    0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-3: 0px 12px 48px 0px hsla(0, 0%, 0%, 0.1),
    0px 6px 12px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-4: 0px 16px 64px 0px hsla(0, 0%, 0%, 0.1),
    0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-5: 0px 20px 80px 0px hsla(0, 0%, 0%, 0.1),
    0px 10px 20px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-1-hover: 0px 6px 24px 0px hsla(0, 0%, 0%, 0.1),
    0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-1-active: 0px 2px 8px 0px hsla(0, 0%, 0%, 0.1),
    0px 1px 2px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-2-hover: 0px 10px 40px 0px hsla(0, 0%, 0%, 0.1),
    0px 5px 10px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-2-active: 0px 6px 24px 0px hsla(0, 0%, 0%, 0.1),
    0px 3px 6px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-3-hover: 0px 14px 56px 0px hsla(0, 0%, 0%, 0.1),
    0px 7px 14px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-3-active: 0px 10px 40px 0px hsla(0, 0%, 0%, 0.1),
    0px 5px 10px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-4-hover: 0px 18px 72px 0px hsla(0, 0%, 0%, 0.1),
    0px 9px 18px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-4-active: 0px 14px 56px 0px hsla(0, 0%, 0%, 0.1),
    0px 7px 14px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-5-hover: 0px 22px 88px 0px hsla(0, 0%, 0%, 0.1),
    0px 11px 22px 0px hsla(0, 0%, 0%, 0.1);
  --scl-shadow-level-5-active: 0px 18px 72px 0px hsla(0, 0%, 0%, 0.1),
    0px 9px 18px 0px hsla(0, 0%, 0%, 0.1);
  /* RADIUS */
  --scl-radius-1: 1px;
  --scl-radius-2: 2px;
  --scl-radius-4: 4px;
  --scl-radius-8: 8px;
  --scl-radius-12: 12px;
  /* OPACITY */
  --scl-opacity-50: 0.5;
  /* MOTION */
  --scl-motion-duration-immediate: 100ms;
  --scl-motion-duration-fast: 200ms;
  --scl-motion-duration-slower: 600ms;
  --scl-motion-duration-deliberate: 800ms;
  --scl-motion-easing-standard: cubic-bezier(0.42, 0, 0.58, 1);
  --scl-motion-easing-enter: cubic-bezier(0.39, 0.575, 0.565, 1);
  /* Z-INDEX */
  --scl-z-index-10: 10;
  --scl-z-index-20: 20;
  --scl-z-index-30: 30;
  --scl-z-index-40: 40;
  --scl-z-index-50: 50;
  --scl-z-index-60: 60;
  --scl-z-index-70: 70;
}
/* FONT VARIANT CLASSES */
.scl-font-variant-body {
  font-family: var(--scl-font-variant-body-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-body-size, 1rem);
  font-weight: var(--scl-font-variant-body-weight, 500);
  line-height: var(--scl-font-variant-body-line-height, 150%);
  letter-spacing: var(--scl-font-variant-body-letter-spacing, normal);
}
.scl-font-variant-body-short {
  font-family: var(
    --scl-font-variant-body-short-family,
    TeleNeoWeb,
    sans-serif
  );
  font-size: var(--scl-font-variant-body-short-size, 1rem);
  font-weight: var(--scl-font-variant-body-short-weight, 500);
  line-height: var(--scl-font-variant-body-short-line-height, 125%);
  letter-spacing: var(--scl-font-variant-body-short-letter-spacing, normal);
}
.scl-font-variant-body-large {
  font-family: var(
    --scl-font-variant-body-large-family,
    TeleNeoWeb,
    sans-serif
  );
  font-size: var(--scl-font-variant-body-large-size, 1.25rem);
  font-weight: var(--scl-font-variant-body-large-weight, 500);
  line-height: var(--scl-font-variant-body-large-line-height, 160%);
  letter-spacing: var(--scl-font-variant-body-large-letter-spacing, normal);
}
.scl-font-variant-smaller {
  font-family: var(--scl-font-variant-smaller-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-smaller-size, 0.75rem);
  font-weight: var(--scl-font-variant-smaller-weight, 500);
  line-height: var(--scl-font-variant-smaller-line-height, 125%);
  letter-spacing: var(--scl-font-variant-smaller-letter-spacing, normal);
}
.scl-font-variant-label {
  font-family: var(--scl-font-variant-label-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-label-size, 0.75rem);
  font-weight: var(--scl-font-variant-label-weight, 500);
  line-height: var(--scl-font-variant-label-line-height, 120%);
  letter-spacing: var(--scl-font-variant-label-letter-spacing, normal);
}
.scl-font-variant-caption {
  font-family: var(--scl-font-variant-caption-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-caption-size, 0.75rem);
  font-weight: var(--scl-font-variant-caption-weight, 500);
  line-height: var(--scl-font-variant-caption-line-height, 133%);
  letter-spacing: var(--scl-font-variant-caption-letter-spacing, normal);
}
.scl-font-variant-heading-6 {
  font-family: var(--scl-font-variant-heading-6-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-heading-6-size, 1rem);
  font-weight: var(--scl-font-variant-heading-6-weight, 700);
  line-height: var(--scl-font-variant-heading-6-line-height, 150%);
  letter-spacing: var(--scl-font-variant-heading-6-letter-spacing, normal);
}
.scl-font-variant-heading-5 {
  font-family: var(--scl-font-variant-heading-5-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-heading-5-size, 1.25rem);
  font-weight: var(--scl-font-variant-heading-5-weight, 800);
  line-height: var(--scl-font-variant-heading-5-line-height, 125%);
  letter-spacing: var(--scl-font-variant-heading-5-letter-spacing, normal);
}
.scl-font-variant-heading-4 {
  font-family: var(--scl-font-variant-heading-4-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-heading-4-size, 1.5rem);
  font-weight: var(--scl-font-variant-heading-4-weight, 800);
  line-height: var(--scl-font-variant-heading-4-line-height, 133%);
  letter-spacing: var(--scl-font-variant-heading-4-letter-spacing, normal);
}
.scl-font-variant-heading-3 {
  font-family: var(--scl-font-variant-heading-3-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-heading-3-size, 2rem);
  font-weight: var(--scl-font-variant-heading-3-weight, 800);
  line-height: var(--scl-font-variant-heading-3-line-height, 125%);
  letter-spacing: var(--scl-font-variant-heading-3-letter-spacing, normal);
}
.scl-font-variant-heading-2 {
  font-family: var(--scl-font-variant-heading-2-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-heading-2-size, 2.5rem);
  font-weight: var(--scl-font-variant-heading-2-weight, 800);
  line-height: var(--scl-font-variant-heading-2-line-height, 120%);
  letter-spacing: var(--scl-font-variant-heading-2-letter-spacing, normal);
}
.scl-font-variant-heading-1 {
  font-family: var(--scl-font-variant-heading-1-family, TeleNeoWeb, sans-serif);
  font-size: var(--scl-font-variant-heading-1-size, 3.5rem);
  font-weight: var(--scl-font-variant-heading-1-weight, 800);
  line-height: var(--scl-font-variant-heading-1-line-height, 114%);
  letter-spacing: var(--scl-font-variant-heading-1-letter-spacing, normal);
}


/**
 * Include --telekom tokens (including dark mode).
 */
:root {
  --telekom-color-text-and-icon-standard: #000000;
  --telekom-color-text-and-icon-additional: hsla(0, 0%, 0%, 0.65);
  --telekom-color-text-and-icon-disabled: hsla(0, 0%, 0%, 0.4);
  --telekom-color-text-and-icon-link-standard: #2238df;
  --telekom-color-text-and-icon-link-hovered: #0819bd;
  --telekom-color-text-and-icon-link-visited: #6c3bdb;
  --telekom-color-text-and-icon-link-active: #000d99;
  --telekom-color-text-and-icon-primary-standard: #e20074;
  --telekom-color-text-and-icon-primary-hovered: #c00063;
  --telekom-color-text-and-icon-primary-pressed: #9e0051;
  --telekom-color-text-and-icon-inverted-standard: #ffffff;
  --telekom-color-text-and-icon-inverted-additional: hsla(0, 0%, 100%, 0.65);
  --telekom-color-text-and-icon-white-standard: #ffffff;
  --telekom-color-text-and-icon-white-additional: hsla(0, 0%, 100%, 0.65);
  --telekom-color-text-and-icon-black-standard: #000000;
  --telekom-color-text-and-icon-black-additional: hsla(0, 0%, 0%, 0.65);
  --telekom-color-text-and-icon-functional-informational: #2238df;
  --telekom-color-text-and-icon-functional-success: #008653;
  --telekom-color-text-and-icon-functional-danger: #d91308;
  --telekom-color-text-and-icon-functional-warning: #b63d00;
  --telekom-color-text-and-icon-on-subtle-informational: #2238df;
  --telekom-color-text-and-icon-on-subtle-success: #00774b;
  --telekom-color-text-and-icon-on-subtle-danger: #c30a03;
  --telekom-color-text-and-icon-on-subtle-warning: #b63d00;
  --telekom-color-text-and-icon-on-subtle-violet: #6c3bdb;
  --telekom-color-text-and-icon-on-subtle-blue: #2238df;
  --telekom-color-text-and-icon-on-subtle-cyan: #00738A;
  --telekom-color-text-and-icon-on-subtle-teal: #177364;
  --telekom-color-text-and-icon-on-subtle-green: #00774b;
  --telekom-color-text-and-icon-on-subtle-olive: #557317;
  --telekom-color-text-and-icon-on-subtle-brown: #82581c;
  --telekom-color-text-and-icon-on-subtle-yellow: #AC5600;
  --telekom-color-text-and-icon-on-subtle-orange: #b63d00;
  --telekom-color-text-and-icon-on-subtle-red: #c30a03;
  --telekom-color-background-canvas: #ffffff;
  --telekom-color-background-canvas-subtle: #fbfbfb;
  --telekom-color-background-backdrop: hsla(0, 0%, 0%, 0.5);
  --telekom-color-background-surface: #ffffff;
  --telekom-color-background-surface-subtle: #efeff0;
  --telekom-color-background-surface-highlight: #242426;
  --telekom-color-primary-standard: #e20074;
  --telekom-color-primary-hovered: #c00063;
  --telekom-color-primary-pressed: #9e0051;
  --telekom-color-ui-base: #ffffff;
  --telekom-color-ui-subtle: #efeff0;
  --telekom-color-ui-faint: #dfdfe1;
  --telekom-color-ui-regular: #929296;
  --telekom-color-ui-strong: #747478;
  --telekom-color-ui-extra-strong: #242426;
  --telekom-color-ui-white: #ffffff;
  --telekom-color-ui-black: #000000;
  --telekom-color-ui-disabled: #d0d0d2;
  --telekom-color-ui-border-standard: hsla(0, 0%, 0%, 0.44);
  --telekom-color-ui-border-hovered: hsla(0, 0%, 0%, 0.71);
  --telekom-color-ui-border-pressed: hsla(0, 0%, 0%, 0.71);
  --telekom-color-ui-border-disabled: hsla(0, 0%, 0%, 0.14);
  --telekom-color-ui-state-fill-standard: hsla(0, 0%, 0%, 0);
  --telekom-color-ui-state-fill-hovered: hsla(0, 0%, 0%, 0.07);
  --telekom-color-ui-state-fill-pressed: hsla(0, 0%, 0%, 0.21);
  --telekom-color-ui-state-fill-hovered-inverted: hsla(0, 0%, 100%, 0.14);
  --telekom-color-ui-state-fill-pressed-inverted: hsla(0, 0%, 100%, 0.21);
  --telekom-color-functional-focus-standard: #2238df;
  --telekom-color-functional-focus-inverted: #7d94f9;
  --telekom-color-functional-focus-on-dark-background: #7d94f9;
  --telekom-color-functional-focus-on-light-background: #2238df;
  --telekom-color-functional-informational-standard: #2238df;
  --telekom-color-functional-informational-hovered: #1326cf;
  --telekom-color-functional-informational-pressed: #0819bd;
  --telekom-color-functional-informational-subtle: #d3d7f9;
  --telekom-color-functional-success-standard: #00b367;
  --telekom-color-functional-success-hovered: #00a461;
  --telekom-color-functional-success-pressed: #00955a;
  --telekom-color-functional-success-subtle: #ccf0e1;
  --telekom-color-functional-danger-standard: #e82010;
  --telekom-color-functional-danger-hovered: #d91308;
  --telekom-color-functional-danger-pressed: #c30a03;
  --telekom-color-functional-danger-subtle: #fad2cf;
  --telekom-color-functional-warning-standard: #f97012;
  --telekom-color-functional-warning-hovered: #f46409;
  --telekom-color-functional-warning-pressed: #e65703;
  --telekom-color-functional-warning-subtle: #fee2d0;
  --telekom-color-additional-violet-0: #e2d9ff;
  --telekom-color-additional-violet-100: #c8b5fd;
  --telekom-color-additional-violet-200: #af93fb;
  --telekom-color-additional-violet-300: #9a75f8;
  --telekom-color-additional-violet-400: #885df2;
  --telekom-color-additional-violet-500: #794ae9;
  --telekom-color-additional-violet-600: #6c3bdb;
  --telekom-color-additional-violet-700: #5e2ec6;
  --telekom-color-additional-violet-800: #5024ab;
  --telekom-color-additional-violet-900: #411c8c;
  --telekom-color-additional-violet-subtle: #e4dbfb;
  --telekom-color-additional-blue-0: #d9e2ff;
  --telekom-color-additional-blue-100: #aabcfd;
  --telekom-color-additional-blue-200: #7d94f9;
  --telekom-color-additional-blue-300: #576ff3;
  --telekom-color-additional-blue-400: #3950ea;
  --telekom-color-additional-blue-500: #2238df;
  --telekom-color-additional-blue-600: #1326cf;
  --telekom-color-additional-blue-700: #0819bd;
  --telekom-color-additional-blue-800: #0311ab;
  --telekom-color-additional-blue-900: #000d99;
  --telekom-color-additional-blue-subtle: #d3d7f9;
  --telekom-color-additional-cyan-0: #d9fcff;
  --telekom-color-additional-cyan-100: #a4ecf4;
  --telekom-color-additional-cyan-200: #75dbe8;
  --telekom-color-additional-cyan-300: #4fcadd;
  --telekom-color-additional-cyan-400: #33bbd2;
  --telekom-color-additional-cyan-500: #1eadc6;
  --telekom-color-additional-cyan-600: #11a0bb;
  --telekom-color-additional-cyan-700: #0894b0;
  --telekom-color-additional-cyan-800: #038aa4;
  --telekom-color-additional-cyan-900: #008099;
  --telekom-color-additional-cyan-subtle: #d2eff4;
  --telekom-color-additional-teal-0: #d9fff2;
  --telekom-color-additional-teal-100: #acf1dc;
  --telekom-color-additional-teal-200: #85e3ca;
  --telekom-color-additional-teal-300: #65d5ba;
  --telekom-color-additional-teal-400: #4cc6ac;
  --telekom-color-additional-teal-500: #3ab89f;
  --telekom-color-additional-teal-600: #2eaa93;
  --telekom-color-additional-teal-700: #259c87;
  --telekom-color-additional-teal-800: #1e8e7b;
  --telekom-color-additional-teal-900: #19806f;
  --telekom-color-additional-teal-subtle: #d8f1ec;
  --telekom-color-additional-green-0: #dbffed;
  --telekom-color-additional-green-100: #8ff0c1;
  --telekom-color-additional-green-200: #4ee19c;
  --telekom-color-additional-green-300: #1bd27f;
  --telekom-color-additional-green-400: #00c26d;
  --telekom-color-additional-green-500: #00b367;
  --telekom-color-additional-green-600: #00a461;
  --telekom-color-additional-green-700: #00955a;
  --telekom-color-additional-green-800: #008653;
  --telekom-color-additional-green-900: #00774b;
  --telekom-color-additional-green-subtle: #ccf0e1;
  --telekom-color-additional-olive-0: #f2ffd9;
  --telekom-color-additional-olive-100: #daf1ac;
  --telekom-color-additional-olive-200: #c3e385;
  --telekom-color-additional-olive-300: #afd565;
  --telekom-color-additional-olive-400: #9ec64c;
  --telekom-color-additional-olive-500: #8eb83a;
  --telekom-color-additional-olive-600: #81aa2e;
  --telekom-color-additional-olive-700: #749c25;
  --telekom-color-additional-olive-800: #688e1e;
  --telekom-color-additional-olive-900: #5e8019;
  --telekom-color-additional-olive-subtle: #e8f1d8;
  --telekom-color-additional-brown-0: #ffefd9;
  --telekom-color-additional-brown-100: #efd3ab;
  --telekom-color-additional-brown-200: #e0b983;
  --telekom-color-additional-brown-300: #d0a363;
  --telekom-color-additional-brown-400: #c18f4a;
  --telekom-color-additional-brown-500: #b17f38;
  --telekom-color-additional-brown-600: #a2702b;
  --telekom-color-additional-brown-700: #926322;
  --telekom-color-additional-brown-800: #82581c;
  --telekom-color-additional-brown-900: #734d17;
  --telekom-color-additional-brown-subtle: #efe5d7;
  --telekom-color-additional-yellow-0: #fffcd9;
  --telekom-color-additional-yellow-100: #fcf1aa;
  --telekom-color-additional-yellow-200: #f9e47e;
  --telekom-color-additional-yellow-300: #f7d358;
  --telekom-color-additional-yellow-400: #f4c23b;
  --telekom-color-additional-yellow-500: #f1b125;
  --telekom-color-additional-yellow-600: #eea015;
  --telekom-color-additional-yellow-700: #eb900b;
  --telekom-color-additional-yellow-800: #e88104;
  --telekom-color-additional-yellow-900: #e67300;
  --telekom-color-additional-yellow-subtle: #fcefd3;
  --telekom-color-additional-orange-0: #ffe6cc;
  --telekom-color-additional-orange-100: #ffc48e;
  --telekom-color-additional-orange-200: #fea75b;
  --telekom-color-additional-orange-300: #fd9038;
  --telekom-color-additional-orange-400: #fc7e21;
  --telekom-color-additional-orange-500: #f97012;
  --telekom-color-additional-orange-600: #f46409;
  --telekom-color-additional-orange-700: #e65703;
  --telekom-color-additional-orange-800: #cd4901;
  --telekom-color-additional-orange-900: #b63d00;
  --telekom-color-additional-orange-subtle: #fee2d0;
  --telekom-color-additional-red-0: #ffcabf;
  --telekom-color-additional-red-100: #fd9684;
  --telekom-color-additional-red-200: #fb6a55;
  --telekom-color-additional-red-300: #f84934;
  --telekom-color-additional-red-400: #f2321e;
  --telekom-color-additional-red-500: #e82010;
  --telekom-color-additional-red-600: #d91308;
  --telekom-color-additional-red-700: #c30a03;
  --telekom-color-additional-red-800: #a70401;
  --telekom-color-additional-red-900: #870000;
  --telekom-color-additional-red-subtle: #fad2cf;
  --telekom-radius-none: 0rem;
  --telekom-radius-extra-small: 0.125rem;
  --telekom-radius-small: 0.25rem;
  --telekom-radius-medium-small: 0.375rem;
  --telekom-radius-standard: 0.5rem;
  --telekom-radius-large: 0.75rem;
  --telekom-radius-pill: 62.4375rem;
  --telekom-radius-circle: 50%;
  --telekom-size-icon-extra-small: 0.75rem;
  --telekom-size-icon-small: 1rem;
  --telekom-size-icon-medium: 1.25rem;
  --telekom-size-icon-large: 1.5rem;
  --telekom-size-icon-extra-large: 3rem;
  --telekom-size-form-element-height-small: 2rem;
  --telekom-size-form-element-height-standard: 2.75rem;
  --telekom-size-generic-size-01: 0.25rem;
  --telekom-size-generic-size-02: 0.375rem;
  --telekom-size-generic-size-03: 0.5rem;
  --telekom-size-generic-size-04: 0.75rem;
  --telekom-size-generic-size-05: 1rem;
  --telekom-size-generic-size-06: 1.25rem;
  --telekom-size-generic-size-07: 1.5rem;
  --telekom-size-generic-size-08: 1.75rem;
  --telekom-size-generic-size-09: 2rem;
  --telekom-size-generic-size-10: 2.25rem;
  --telekom-size-generic-size-11: 2.5rem;
  --telekom-size-generic-size-12: 2.75rem;
  --telekom-size-generic-size-13: 3rem;
  --telekom-size-generic-size-14: 3.25rem;
  --telekom-size-generic-size-15: 3.5rem;
  --telekom-size-generic-size-16: 4rem;
  --telekom-size-generic-size-17: 4.5rem;
  --telekom-size-generic-size-18: 5rem;
  --telekom-size-generic-size-19: 6rem;
  --telekom-size-generic-size-20: 8rem;
  --telekom-size-generic-size-21: 12rem;
  --telekom-size-generic-size-22: 16rem;
  --telekom-size-generic-size-23: 20rem;
  --telekom-size-generic-size-24: 28rem;
  --telekom-size-generic-size-25: 36rem;
  --telekom-line-weight-standard: 0.0625rem;
  --telekom-line-weight-highlight: 0.125rem;
  --telekom-line-weight-bold: 0.25rem;
  --telekom-motion-duration-instant: 0ms;
  --telekom-motion-duration-immediate: 100ms;
  --telekom-motion-duration-transition: 200ms;
  --telekom-motion-duration-animation: 600ms;
  --telekom-motion-duration-animation-deliberate: 800ms;
  --telekom-motion-easing-standard: cubic-bezier(0.4,0,0.6,1);
  --telekom-motion-easing-enter: cubic-bezier(0.4,0.6,0.6,1);
  --telekom-motion-easing-leave: cubic-bezier(0.4,0,1,1);
  --telekom-opacity-invisible: 0;
  --telekom-opacity-transparent: 0.35;
  --telekom-opacity-semi-transparent: 0.5;
  --telekom-opacity-translucent: 0.75;
  --telekom-opacity-semi-translucent: 0.85;
  --telekom-opacity-solid: 1;
  --telekom-shadow-raised-standard: 0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-raised-hover: 0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-raised-pressed: 0px 4px 16px 0px hsla(0, 0%, 0%, 0.1), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-floating-standard: 0px 12px 48px 0px hsla(0, 0%, 0%, 0.1), 0px 6px 12px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-floating-hover: 0px 24px 96px 0px hsla(0, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-floating-pressed: 0px 8px 32px 0px hsla(0, 0%, 0%, 0.1), 0px 4px 8px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-top: 0px 16px 64px 0px hsla(0, 0%, 0%, 0.1), 0px 8px 16px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-overlay: 0px 24px 96px 0px hsla(0, 0%, 0%, 0.1), 0px 12px 24px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-intense: 0px 0px 2px 0px hsla(0, 0%, 0%, 0.24), 0px 2px 4px 0px hsla(0, 0%, 0%, 0.24), 0px 4px 12px 0px hsla(0, 0%, 0%, 0.26);
  --telekom-shadow-app-bar-top-raised: 0px 1px 0px 0px hsla(0, 0%, 0%, 0.05), 0px 2px 8px 0px hsla(0, 0%, 0%, 0.05);
  --telekom-shadow-app-bar-top-flat: 0px 1px 0px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-shadow-app-bar-bottom-raised: 0px -1px 0px 0px hsla(0, 0%, 0%, 0.05), 0px -2px 8px 0px hsla(0, 0%, 0%, 0.05);
  --telekom-shadow-app-bar-bottom-flat: 0px -1px 0px 0px hsla(0, 0%, 0%, 0.1);
  --telekom-spacing-composition-space-00: 0rem;
  --telekom-spacing-composition-space-01: 0.0625rem;
  --telekom-spacing-composition-space-02: 0.125rem;
  --telekom-spacing-composition-space-03: 0.25rem;
  --telekom-spacing-composition-space-04: 0.5rem;
  --telekom-spacing-composition-space-05: 0.75rem;
  --telekom-spacing-composition-space-06: 1rem;
  --telekom-spacing-composition-space-07: 1.25rem;
  --telekom-spacing-composition-space-08: 1.5rem;
  --telekom-spacing-composition-space-09: 1.75rem;
  --telekom-spacing-composition-space-10: 2rem;
  --telekom-spacing-composition-space-11: 2.25rem;
  --telekom-spacing-composition-space-12: 2.5rem;
  --telekom-spacing-composition-space-13: 2.75rem;
  --telekom-spacing-composition-space-14: 3rem;
  --telekom-spacing-composition-space-15: 3.25rem;
  --telekom-spacing-composition-space-16: 3.5rem;
  --telekom-spacing-composition-space-17: 4rem;
  --telekom-spacing-composition-space-18: 4.5rem;
  --telekom-spacing-composition-space-19: 5rem;
  --telekom-spacing-composition-space-20: 5.5rem;
  --telekom-spacing-composition-space-21: 6rem;
  --telekom-spacing-baseline-space-00: 0rem;
  --telekom-spacing-baseline-space-01: 0.25rem;
  --telekom-spacing-baseline-space-02: 0.5rem;
  --telekom-spacing-baseline-space-03: 0.75rem;
  --telekom-spacing-baseline-space-04: 1rem;
  --telekom-spacing-baseline-space-05: 1.5rem;
  --telekom-spacing-baseline-space-06: 2rem;
  --telekom-spacing-baseline-space-07: 3rem;
  --telekom-spacing-baseline-space-08: 4rem;
  --telekom-spacing-baseline-space-09: 6rem;
  --telekom-spacing-baseline-space-10: 8rem;
  --telekom-spacing-baseline-space-11: 12rem;
  --telekom-spacing-baseline-space-12: 16rem;
  --telekom-spacing-baseline-space-13: 24rem;
  --telekom-spacing-baseline-space-14: 32rem;
  --telekom-spacing-baseline-space-15: 64rem;
  --telekom-text-style-badge: 400 0.625rem/1.2 TeleNeoWeb, sans-serif;
  --telekom-text-style-small: 500 0.75rem/1.35 TeleNeoWeb, sans-serif;
  --telekom-text-style-small-bold: 700 0.75rem/1.35 TeleNeoWeb, sans-serif;
  --telekom-text-style-caption: 400 0.875rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-caption-bold: 700 0.875rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-body: 400 1rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-body-bold: 700 1rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-ui: 500 1rem/1 TeleNeoWeb, sans-serif;
  --telekom-text-style-ui-bold: 700 1rem/1 TeleNeoWeb, sans-serif;
  --telekom-text-style-lead-text: 400 1.25rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-heading-6: 700 1rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-heading-5: 800 1.25rem/1.4 TeleNeoWeb, sans-serif;
  --telekom-text-style-heading-4: 800 1.5rem/1.35 TeleNeoWeb, sans-serif;
  --telekom-text-style-heading-3: 800 2rem/1.25 TeleNeoWeb, sans-serif;
  --telekom-text-style-heading-2: 800 2.625rem/1.15 TeleNeoWeb, sans-serif;
  --telekom-text-style-heading-1: 800 3.375rem/1.2 TeleNeoWeb, sans-serif;
  --telekom-text-style-title-2: 800 4.25rem/1.15 TeleNeoWeb, sans-serif;
  --telekom-text-style-title-1: 800 4.75rem/1.15 TeleNeoWeb, sans-serif;
  --telekom-typography-font-size-badge: 0.625rem;
  --telekom-typography-font-size-small: 0.75rem;
  --telekom-typography-font-size-caption: 0.875rem;
  --telekom-typography-font-size-body: 1rem;
  --telekom-typography-font-size-callout: 1.25rem;
  --telekom-typography-font-size-headline-3: 1.5rem;
  --telekom-typography-font-size-headline-2: 2rem;
  --telekom-typography-font-size-headline-1: 2.625rem;
  --telekom-typography-font-size-title-3: 3.375rem;
  --telekom-typography-font-size-title-2: 4.25rem;
  --telekom-typography-font-size-title-1: 4.75rem;
  --telekom-typography-font-family-sans: TeleNeoWeb, sans-serif;
  --telekom-typography-font-family-mono: monospace;
  --telekom-typography-font-weight-thin: 200;
  --telekom-typography-font-weight-regular: 400;
  --telekom-typography-font-weight-medium: 500;
  --telekom-typography-font-weight-bold: 700;
  --telekom-typography-font-weight-extra-bold: 800;
  --telekom-typography-font-weight-ultra: 900;
  --telekom-typography-line-spacing-none: 1;
  --telekom-typography-line-spacing-extra-tight: 1.15;
  --telekom-typography-line-spacing-tight: 1.25;
  --telekom-typography-line-spacing-moderate: 1.35;
  --telekom-typography-line-spacing-standard: 1.4;
  --telekom-typography-line-spacing-loose: 1.5;
  --telekom-typography-letter-spacing-standard: 0;
}

[data-mode="dark"] {
  --telekom-color-text-and-icon-standard: #ffffff;
  --telekom-color-text-and-icon-additional: hsla(0, 0%, 100%, 0.65);
  --telekom-color-text-and-icon-disabled: hsla(0, 0%, 100%, 0.3);
  --telekom-color-text-and-icon-link-standard: #7d94f9;
  --telekom-color-text-and-icon-link-hovered: #aabcfd;
  --telekom-color-text-and-icon-link-visited: #9a75f8;
  --telekom-color-text-and-icon-link-active: #d9e2ff;
  --telekom-color-text-and-icon-primary-standard: #e20074;
  --telekom-color-text-and-icon-primary-hovered: #ec59a5;
  --telekom-color-text-and-icon-primary-pressed: #f080ba;
  --telekom-color-text-and-icon-inverted-standard: #000000;
  --telekom-color-text-and-icon-inverted-additional: hsla(0, 0%, 0%, 0.65);
  --telekom-color-text-and-icon-white-standard: #ffffff;
  --telekom-color-text-and-icon-white-additional: hsla(0, 0%, 100%, 0.65);
  --telekom-color-text-and-icon-black-standard: #000000;
  --telekom-color-text-and-icon-black-additional: hsla(0, 0%, 0%, 0.65);
  --telekom-color-text-and-icon-functional-informational: #7d94f9;
  --telekom-color-text-and-icon-functional-success: #00b367;
  --telekom-color-text-and-icon-functional-danger: #f84934;
  --telekom-color-text-and-icon-functional-warning: #f97012;
  --telekom-color-text-and-icon-on-subtle-informational: #7d94f9;
  --telekom-color-text-and-icon-on-subtle-success: #1bd27f;
  --telekom-color-text-and-icon-on-subtle-danger: #fb6a55;
  --telekom-color-text-and-icon-on-subtle-warning: #fd9038;
  --telekom-color-text-and-icon-on-subtle-violet: #af93fb;
  --telekom-color-text-and-icon-on-subtle-blue: #7d94f9;
  --telekom-color-text-and-icon-on-subtle-cyan: #33bbd2;
  --telekom-color-text-and-icon-on-subtle-teal: #4cc6ac;
  --telekom-color-text-and-icon-on-subtle-green: #1bd27f;
  --telekom-color-text-and-icon-on-subtle-olive: #9ec64c;
  --telekom-color-text-and-icon-on-subtle-brown: #d0a363;
  --telekom-color-text-and-icon-on-subtle-yellow: #f1b125;
  --telekom-color-text-and-icon-on-subtle-orange: #fd9038;
  --telekom-color-text-and-icon-on-subtle-red: #fb6a55;
  --telekom-color-background-canvas: #000000;
  --telekom-color-background-canvas-subtle: #0e0e0f;
  --telekom-color-background-backdrop: hsla(0, 0%, 0%, 0.65);
  --telekom-color-background-surface: #1c1c1e;
  --telekom-color-background-surface-subtle: #242426;
  --telekom-color-background-surface-highlight: #48484b;
  --telekom-color-primary-standard: #e20074;
  --telekom-color-primary-hovered: #c00063;
  --telekom-color-primary-pressed: #9e0051;
  --telekom-color-ui-base: #0e0e0f;
  --telekom-color-ui-subtle: #1c1c1e;
  --telekom-color-ui-faint: #39393c;
  --telekom-color-ui-regular: #656569;
  --telekom-color-ui-strong: #929296;
  --telekom-color-ui-extra-strong: #efeff0;
  --telekom-color-ui-white: #ffffff;
  --telekom-color-ui-black: #000000;
  --telekom-color-ui-disabled: #2b2b2d;
  --telekom-color-ui-border-standard: hsla(0, 0%, 100%, 0.4);
  --telekom-color-ui-border-hovered: hsla(0, 0%, 100%, 0.54);
  --telekom-color-ui-border-pressed: hsla(0, 0%, 100%, 0.94);
  --telekom-color-ui-border-disabled: hsla(0, 0%, 100%, 0.21);
  --telekom-color-ui-state-fill-standard: hsla(0, 0%, 100%, 0);
  --telekom-color-ui-state-fill-hovered: hsla(0, 0%, 100%, 0.14);
  --telekom-color-ui-state-fill-pressed: hsla(0, 0%, 100%, 0.27);
  --telekom-color-ui-state-fill-hovered-inverted: hsla(0, 0%, 0%, 0.07);
  --telekom-color-ui-state-fill-pressed-inverted: hsla(0, 0%, 0%, 0.21);
  --telekom-color-functional-focus-standard: #7d94f9;
  --telekom-color-functional-focus-inverted: #2238df;
  --telekom-color-functional-informational-standard: #2238df;
  --telekom-color-functional-informational-hovered: #3950ea;
  --telekom-color-functional-informational-pressed: #576ff3;
  --telekom-color-functional-informational-subtle: #131f7b;
  --telekom-color-functional-success-standard: #00b367;
  --telekom-color-functional-success-hovered: #00c26d;
  --telekom-color-functional-success-pressed: #1bd27f;
  --telekom-color-functional-success-subtle: #004829;
  --telekom-color-functional-danger-standard: #e82010;
  --telekom-color-functional-danger-hovered: #f2321e;
  --telekom-color-functional-danger-pressed: #f84934;
  --telekom-color-functional-danger-subtle: #5d0d06;
  --telekom-color-functional-warning-standard: #f97012;
  --telekom-color-functional-warning-hovered: #fc7e21;
  --telekom-color-functional-warning-pressed: #fd9038;
  --telekom-color-functional-warning-subtle: #642d07;
  --telekom-color-additional-violet-subtle: #301e5d;
  --telekom-color-additional-blue-subtle: #131f7b;
  --telekom-color-additional-cyan-subtle: #0c454f;
  --telekom-color-additional-teal-subtle: #174a40;
  --telekom-color-additional-green-subtle: #004829;
  --telekom-color-additional-olive-subtle: #394a17;
  --telekom-color-additional-brown-subtle: #473316;
  --telekom-color-additional-yellow-subtle: #60470f;
  --telekom-color-additional-orange-subtle: #642d07;
  --telekom-color-additional-red-subtle: #5d0d06;
}

@media (prefers-color-scheme: dark) {
  :root {
    --telekom-color-text-and-icon-standard: #ffffff;
    --telekom-color-text-and-icon-additional: hsla(0, 0%, 100%, 0.65);
    --telekom-color-text-and-icon-disabled: hsla(0, 0%, 100%, 0.3);
    --telekom-color-text-and-icon-link-standard: #7d94f9;
    --telekom-color-text-and-icon-link-hovered: #aabcfd;
    --telekom-color-text-and-icon-link-visited: #9a75f8;
    --telekom-color-text-and-icon-link-active: #d9e2ff;
    --telekom-color-text-and-icon-primary-standard: #e20074;
    --telekom-color-text-and-icon-primary-hovered: #ec59a5;
    --telekom-color-text-and-icon-primary-pressed: #f080ba;
    --telekom-color-text-and-icon-inverted-standard: #000000;
    --telekom-color-text-and-icon-inverted-additional: hsla(0, 0%, 0%, 0.65);
    --telekom-color-text-and-icon-white-standard: #ffffff;
    --telekom-color-text-and-icon-white-additional: hsla(0, 0%, 100%, 0.65);
    --telekom-color-text-and-icon-black-standard: #000000;
    --telekom-color-text-and-icon-black-additional: hsla(0, 0%, 0%, 0.65);
    --telekom-color-text-and-icon-functional-informational: #7d94f9;
    --telekom-color-text-and-icon-functional-success: #00b367;
    --telekom-color-text-and-icon-functional-danger: #f84934;
    --telekom-color-text-and-icon-functional-warning: #f97012;
    --telekom-color-text-and-icon-on-subtle-informational: #7d94f9;
    --telekom-color-text-and-icon-on-subtle-success: #1bd27f;
    --telekom-color-text-and-icon-on-subtle-danger: #fb6a55;
    --telekom-color-text-and-icon-on-subtle-warning: #fd9038;
    --telekom-color-text-and-icon-on-subtle-violet: #af93fb;
    --telekom-color-text-and-icon-on-subtle-blue: #7d94f9;
    --telekom-color-text-and-icon-on-subtle-cyan: #33bbd2;
    --telekom-color-text-and-icon-on-subtle-teal: #4cc6ac;
    --telekom-color-text-and-icon-on-subtle-green: #1bd27f;
    --telekom-color-text-and-icon-on-subtle-olive: #9ec64c;
    --telekom-color-text-and-icon-on-subtle-brown: #d0a363;
    --telekom-color-text-and-icon-on-subtle-yellow: #f1b125;
    --telekom-color-text-and-icon-on-subtle-orange: #fd9038;
    --telekom-color-text-and-icon-on-subtle-red: #fb6a55;
    --telekom-color-background-canvas: #000000;
    --telekom-color-background-canvas-subtle: #0e0e0f;
    --telekom-color-background-backdrop: hsla(0, 0%, 0%, 0.65);
    --telekom-color-background-surface: #1c1c1e;
    --telekom-color-background-surface-subtle: #242426;
    --telekom-color-background-surface-highlight: #48484b;
    --telekom-color-primary-standard: #e20074;
    --telekom-color-primary-hovered: #c00063;
    --telekom-color-primary-pressed: #9e0051;
    --telekom-color-ui-base: #0e0e0f;
    --telekom-color-ui-subtle: #1c1c1e;
    --telekom-color-ui-faint: #39393c;
    --telekom-color-ui-regular: #656569;
    --telekom-color-ui-strong: #929296;
    --telekom-color-ui-extra-strong: #efeff0;
    --telekom-color-ui-white: #ffffff;
    --telekom-color-ui-black: #000000;
    --telekom-color-ui-disabled: #2b2b2d;
    --telekom-color-ui-border-standard: hsla(0, 0%, 100%, 0.4);
    --telekom-color-ui-border-hovered: hsla(0, 0%, 100%, 0.54);
    --telekom-color-ui-border-pressed: hsla(0, 0%, 100%, 0.94);
    --telekom-color-ui-border-disabled: hsla(0, 0%, 100%, 0.21);
    --telekom-color-ui-state-fill-standard: hsla(0, 0%, 100%, 0);
    --telekom-color-ui-state-fill-hovered: hsla(0, 0%, 100%, 0.14);
    --telekom-color-ui-state-fill-pressed: hsla(0, 0%, 100%, 0.27);
    --telekom-color-ui-state-fill-hovered-inverted: hsla(0, 0%, 0%, 0.07);
    --telekom-color-ui-state-fill-pressed-inverted: hsla(0, 0%, 0%, 0.21);
    --telekom-color-functional-focus-standard: #7d94f9;
    --telekom-color-functional-focus-inverted: #2238df;
    --telekom-color-functional-informational-standard: #2238df;
    --telekom-color-functional-informational-hovered: #3950ea;
    --telekom-color-functional-informational-pressed: #576ff3;
    --telekom-color-functional-informational-subtle: #131f7b;
    --telekom-color-functional-success-standard: #00b367;
    --telekom-color-functional-success-hovered: #00c26d;
    --telekom-color-functional-success-pressed: #1bd27f;
    --telekom-color-functional-success-subtle: #004829;
    --telekom-color-functional-danger-standard: #e82010;
    --telekom-color-functional-danger-hovered: #f2321e;
    --telekom-color-functional-danger-pressed: #f84934;
    --telekom-color-functional-danger-subtle: #5d0d06;
    --telekom-color-functional-warning-standard: #f97012;
    --telekom-color-functional-warning-hovered: #fc7e21;
    --telekom-color-functional-warning-pressed: #fd9038;
    --telekom-color-functional-warning-subtle: #642d07;
    --telekom-color-additional-violet-subtle: #301e5d;
    --telekom-color-additional-blue-subtle: #131f7b;
    --telekom-color-additional-cyan-subtle: #0c454f;
    --telekom-color-additional-teal-subtle: #174a40;
    --telekom-color-additional-green-subtle: #004829;
    --telekom-color-additional-olive-subtle: #394a17;
    --telekom-color-additional-brown-subtle: #473316;
    --telekom-color-additional-yellow-subtle: #60470f;
    --telekom-color-additional-orange-subtle: #642d07;
    --telekom-color-additional-red-subtle: #5d0d06;
  }

  [data-mode="light"] {
    --telekom-color-text-and-icon-standard: #000000;
    --telekom-color-text-and-icon-additional: hsla(0, 0%, 0%, 0.65);
    --telekom-color-text-and-icon-disabled: hsla(0, 0%, 0%, 0.4);
    --telekom-color-text-and-icon-link-standard: #2238df;
    --telekom-color-text-and-icon-link-hovered: #0819bd;
    --telekom-color-text-and-icon-link-visited: #6c3bdb;
    --telekom-color-text-and-icon-link-active: #000d99;
    --telekom-color-text-and-icon-primary-standard: #e20074;
    --telekom-color-text-and-icon-primary-hovered: #c00063;
    --telekom-color-text-and-icon-primary-pressed: #9e0051;
    --telekom-color-text-and-icon-inverted-standard: #ffffff;
    --telekom-color-text-and-icon-inverted-additional: hsla(0, 0%, 100%, 0.65);
    --telekom-color-text-and-icon-white-standard: #ffffff;
    --telekom-color-text-and-icon-white-additional: hsla(0, 0%, 100%, 0.65);
    --telekom-color-text-and-icon-black-standard: #000000;
    --telekom-color-text-and-icon-black-additional: hsla(0, 0%, 0%, 0.65);
    --telekom-color-text-and-icon-functional-informational: #2238df;
    --telekom-color-text-and-icon-functional-success: #008653;
    --telekom-color-text-and-icon-functional-danger: #d91308;
    --telekom-color-text-and-icon-functional-warning: #b63d00;
    --telekom-color-text-and-icon-on-subtle-informational: #2238df;
    --telekom-color-text-and-icon-on-subtle-success: #00774b;
    --telekom-color-text-and-icon-on-subtle-danger: #c30a03;
    --telekom-color-text-and-icon-on-subtle-warning: #b63d00;
    --telekom-color-text-and-icon-on-subtle-violet: #6c3bdb;
    --telekom-color-text-and-icon-on-subtle-blue: #2238df;
    --telekom-color-text-and-icon-on-subtle-cyan: #00738A;
    --telekom-color-text-and-icon-on-subtle-teal: #177364;
    --telekom-color-text-and-icon-on-subtle-green: #00774b;
    --telekom-color-text-and-icon-on-subtle-olive: #557317;
    --telekom-color-text-and-icon-on-subtle-brown: #82581c;
    --telekom-color-text-and-icon-on-subtle-yellow: #AC5600;
    --telekom-color-text-and-icon-on-subtle-orange: #b63d00;
    --telekom-color-text-and-icon-on-subtle-red: #c30a03;
    --telekom-color-background-canvas: #ffffff;
    --telekom-color-background-canvas-subtle: #fbfbfb;
    --telekom-color-background-backdrop: hsla(0, 0%, 0%, 0.5);
    --telekom-color-background-surface: #ffffff;
    --telekom-color-background-surface-subtle: #efeff0;
    --telekom-color-background-surface-highlight: #242426;
    --telekom-color-primary-standard: #e20074;
    --telekom-color-primary-hovered: #c00063;
    --telekom-color-primary-pressed: #9e0051;
    --telekom-color-ui-base: #ffffff;
    --telekom-color-ui-subtle: #efeff0;
    --telekom-color-ui-faint: #dfdfe1;
    --telekom-color-ui-regular: #929296;
    --telekom-color-ui-strong: #747478;
    --telekom-color-ui-extra-strong: #242426;
    --telekom-color-ui-white: #ffffff;
    --telekom-color-ui-black: #000000;
    --telekom-color-ui-disabled: #d0d0d2;
    --telekom-color-ui-border-standard: hsla(0, 0%, 0%, 0.44);
    --telekom-color-ui-border-hovered: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-border-pressed: hsla(0, 0%, 0%, 0.71);
    --telekom-color-ui-border-disabled: hsla(0, 0%, 0%, 0.14);
    --telekom-color-ui-state-fill-standard: hsla(0, 0%, 0%, 0);
    --telekom-color-ui-state-fill-hovered: hsla(0, 0%, 0%, 0.07);
    --telekom-color-ui-state-fill-pressed: hsla(0, 0%, 0%, 0.21);
    --telekom-color-ui-state-fill-hovered-inverted: hsla(0, 0%, 100%, 0.14);
    --telekom-color-ui-state-fill-pressed-inverted: hsla(0, 0%, 100%, 0.21);
    --telekom-color-functional-focus-standard: #2238df;
    --telekom-color-functional-focus-inverted: #7d94f9;
    --telekom-color-functional-informational-standard: #2238df;
    --telekom-color-functional-informational-hovered: #1326cf;
    --telekom-color-functional-informational-pressed: #0819bd;
    --telekom-color-functional-informational-subtle: #d3d7f9;
    --telekom-color-functional-success-standard: #00b367;
    --telekom-color-functional-success-hovered: #00a461;
    --telekom-color-functional-success-pressed: #00955a;
    --telekom-color-functional-success-subtle: #ccf0e1;
    --telekom-color-functional-danger-standard: #e82010;
    --telekom-color-functional-danger-hovered: #d91308;
    --telekom-color-functional-danger-pressed: #c30a03;
    --telekom-color-functional-danger-subtle: #fad2cf;
    --telekom-color-functional-warning-standard: #f97012;
    --telekom-color-functional-warning-hovered: #f46409;
    --telekom-color-functional-warning-pressed: #e65703;
    --telekom-color-functional-warning-subtle: #fee2d0;
    --telekom-color-additional-violet-subtle: #e4dbfb;
    --telekom-color-additional-blue-subtle: #d3d7f9;
    --telekom-color-additional-cyan-subtle: #d2eff4;
    --telekom-color-additional-teal-subtle: #d8f1ec;
    --telekom-color-additional-green-subtle: #ccf0e1;
    --telekom-color-additional-olive-subtle: #e8f1d8;
    --telekom-color-additional-brown-subtle: #efe5d7;
    --telekom-color-additional-yellow-subtle: #fcefd3;
    --telekom-color-additional-orange-subtle: #fee2d0;
    --telekom-color-additional-red-subtle: #fad2cf;
  }
}

/**
 * Legacy stuff kept for backward-compat.
 * Could be removed as majors are released.
 */
:root {
  /* Can remove in v4 */
  --telekom-spacing-unit-base: 0.25rem;
  --telekom-spacing-unit-x0: calc(var(--telekom-spacing-unit-base) * 0);
  --telekom-spacing-unit-x025: calc(var(--telekom-spacing-unit-base) * 0.25);
  --telekom-spacing-unit-x05: calc(var(--telekom-spacing-unit-base) * 0.5);
  --telekom-spacing-unit-x1: calc(var(--telekom-spacing-unit-base) * 1);
  --telekom-spacing-unit-x2: calc(var(--telekom-spacing-unit-base) * 2);
  --telekom-spacing-unit-x3: calc(var(--telekom-spacing-unit-base) * 3);
  --telekom-spacing-unit-x4: calc(var(--telekom-spacing-unit-base) * 4);
  --telekom-spacing-unit-x5: calc(var(--telekom-spacing-unit-base) * 5);
  --telekom-spacing-unit-x6: calc(var(--telekom-spacing-unit-base) * 6);
  --telekom-spacing-unit-x7: calc(var(--telekom-spacing-unit-base) * 7);
  --telekom-spacing-unit-x8: calc(var(--telekom-spacing-unit-base) * 8);
  --telekom-spacing-unit-x9: calc(var(--telekom-spacing-unit-base) * 9);
  --telekom-spacing-unit-x10: calc(var(--telekom-spacing-unit-base) * 10);
  --telekom-spacing-unit-x11: calc(var(--telekom-spacing-unit-base) * 11);
  --telekom-spacing-unit-x12: calc(var(--telekom-spacing-unit-base) * 12);
  --telekom-spacing-unit-x13: calc(var(--telekom-spacing-unit-base) * 13);
  --telekom-spacing-unit-x14: calc(var(--telekom-spacing-unit-base) * 14);
  --telekom-spacing-unit-x15: calc(var(--telekom-spacing-unit-base) * 15);
  --telekom-spacing-unit-x16: calc(var(--telekom-spacing-unit-base) * 16);
  --telekom-spacing-unit-x17: calc(var(--telekom-spacing-unit-base) * 17);
  --telekom-spacing-unit-x18: calc(var(--telekom-spacing-unit-base) * 18);
  --telekom-spacing-unit-x19: calc(var(--telekom-spacing-unit-base) * 19);
  --telekom-spacing-unit-x20: calc(var(--telekom-spacing-unit-base) * 20);
}

/**
 * Upgrade the legacy .scl-font-variant- to use the latest design values.
 * @deprecated in v3
 *
 * We don't create new classes for all --telekom-text-style tokens yet, because
 * we want to figure out how a possible CSS framework would look like first…
 */
.scl-font-variant-body {
  font: var(--telekom-text-style-body);
}
.scl-font-variant-body-short {
  font: var(--telekom-text-style-body);
  line-height: var(--telekom-typography-line-spacing-tight);
}
.scl-font-variant-body-large {
  font: var(--telekom-text-style-lead-text);
}
.scl-font-variant-smaller {
  font: var(--telekom-text-style-small);
}
.scl-font-variant-label {
  font: var(--telekom-text-style-small);
}
.scl-font-variant-caption {
  font: var(--telekom-text-style-caption);
}
.scl-font-variant-heading-6 {
  font: var(--telekom-text-style-heading-6);
}
.scl-font-variant-heading-5 {
  font: var(--telekom-text-style-heading-5);
}
.scl-font-variant-heading-4 {
  font: var(--telekom-text-style-heading-4);
}
.scl-font-variant-heading-3 {
  font: var(--telekom-text-style-heading-3);
}
.scl-font-variant-heading-2 {
  font: var(--telekom-text-style-heading-2);
}
.scl-font-variant-heading-1 {
  font: var(--telekom-text-style-heading-1);
}


/**
 * Styles for scale-grid and scale-grid-item are global
 * because one should be able to use the CSS only, without the custom elements being upgraded.
 */
/*
  THINK
  - [ ] decide whether max-width should be calculated instead of hard-coded
*/

/**
 * @license
 * Scale https://github.com/telekom/scale
 *
 * Copyright (c) 2021 Egor Kirpichev and contributors, Deutsche Telekom AG
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */


:root {
  /* matches --2xl breakpoint */
  --scl-grid-max-width: 1504px;
}

/*
  columns / spacing / gutter
  --------------------------
  - sm  ->  4 / 16 / 32 (default)
  - md  ->  8 / 16 / 32
  - lg  -> 16 / 24 / 32
  - xl  -> 16 / 24 / 32
  - xxl -> 16 / 24 / 32

  --columns - number of columns
  --gutter-y - between columns
  --gutter-x - between rows 
  --spacing - padding
  --max-width (not responsive)
*/
scale-grid,
.scl-grid {
  --spacing-md: var(--spacing-sm);
  --spacing-lg: var(--spacing-md);
  --spacing-xl: var(--spacing-lg);
  --spacing-xxl: var(--spacing-xl);

  --gutter-y-md: var(--gutter-y-sm);
  --gutter-y-lg: var(--gutter-y-md);
  --gutter-y-xl: var(--gutter-y-lg);
  --gutter-y-xxl: var(--gutter-y-xl);

  --gutter-x-md: var(--gutter-x-sm);
  --gutter-x-lg: var(--gutter-x-md);
  --gutter-x-xl: var(--gutter-x-lg);
  --gutter-x-xxl: var(--gutter-x-xl);

  --columns-md: var(--columns-sm);
  --columns-lg: var(--columns-md);
  --columns-xl: var(--columns-lg);
  --columns-xxl: var(--columns-xl);

  display: grid;
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(var(--columns-sm, 4), minmax(0, 1fr));
  padding-left: var(--spacing-sm, var(--telekom-spacing-unit-x4, 1em));
  padding-right: var(--spacing-sm, var(--telekom-spacing-unit-x4, 1em));
  column-gap: var(--gutter-y-sm, var(--telekom-spacing-unit-x8, 2em));
  row-gap: var(--gutter-x-sm, var(--telekom-spacing-unit-x8, 2em));
  max-width: none;
}

/*
  --offset
  --size
*/
scale-grid-item,
.scl-grid-item {
  --size-md: var(--size-sm);
  --size-lg: var(--size-md);
  --size-xl: var(--size-lg);
  --size-xxl: var(--size-xl);

  --offset-md: var(--offset-sm);
  --offset-lg: var(--offset-md);
  --offset-xl: var(--offset-lg);
  --offset-xxl: var(--offset-xl);

  grid-column: var(--offset-sm, auto) / span var(--size-sm, 4);
}

/* md */
@media screen and (min-width: 640px) {
  scale-grid,
  .scl-grid {
    grid-template-columns: repeat(var(--columns-md, 8), minmax(0, 1fr));
    padding-left: var(--spacing-md, var(--telekom-spacing-unit-x4, 1em));
    padding-right: var(--spacing-md, var(--telekom-spacing-unit-x4, 1em));
    column-gap: var(--gutter-y-md, var(--telekom-spacing-unit-x8, 2em));
    row-gap: var(--gutter-x-md, var(--telekom-spacing-unit-x8, 2em));
  }

  scale-grid-item,
  .scl-grid-item {
    grid-column: var(--offset-md, auto) / span var(--size-md, 4);
  }
}

/* lg */
@media screen and (min-width: 1040px) {
  scale-grid,
  .scl-grid {
    grid-template-columns: repeat(var(--columns-lg, 16), minmax(0, 1fr));
    padding-left: var(--spacing-lg, var(--telekom-spacing-unit-x6, 1.5em));
    padding-right: var(--spacing-lg, var(--telekom-spacing-unit-x6, 1.5em));
    column-gap: var(--gutter-y-lg, var(--telekom-spacing-unit-x8, 2em));
    row-gap: var(--gutter-x-lg, var(--telekom-spacing-unit-x8, 2em));
  }

  scale-grid-item,
  .scl-grid-item {
    grid-column: var(--offset-lg, auto) / span var(--size-lg, 4);
  }
}

/* xl */
@media screen and (min-width: 1296px) {
  scale-grid,
  .scl-grid {
    grid-template-columns: repeat(var(--columns-xl, 16), minmax(0, 1fr));
    padding-left: var(--spacing-xl, var(--telekom-spacing-unit-x6, 1.5em));
    padding-right: var(--spacing-xl, var(--telekom-spacing-unit-x6, 1.5em));
    column-gap: var(--gutter-y-xl, var(--telekom-spacing-unit-x8, 2em));
    row-gap: var(--gutter-x-xl, var(--telekom-spacing-unit-x8, 2em));
  }

  scale-grid-item,
  .scl-grid-item {
    grid-column: var(--offset-xl, auto) / span var(--size-xl, 4);
  }
}

/* xxl */
@media screen and (min-width: 1680px) {
  scale-grid,
  .scl-grid {
    grid-template-columns: repeat(var(--columns-xxl, 16), minmax(0, 1fr));
    padding-left: var(--spacing-xxl, var(--telekom-spacing-unit-x6, 1.5em));
    padding-right: var(--spacing-xxl, var(--telekom-spacing-unit-x6, 1.5em));
    column-gap: var(--gutter-y-xxl, var(--telekom-spacing-unit-x8, 2em));
    row-gap: var(--gutter-x-xxl, var(--telekom-spacing-unit-x8, 2em));
    /* xxl: (64px * 16 cols) + (32px * 15 gutters) + 24px + 24px */
    max-width: var(--max-width, var(--scl-grid-max-width));
  }

  scale-grid-item,
  .scl-grid-item {
    grid-column: var(--offset-xxl, auto) / span var(--size-xxl, 4);
  }
}


/**
 * --telekom tokens have no z-index, by design, so we keep this here for now.
 *
 */
:root {
  --scl-z-index-10: 10;
  --scl-z-index-20: 20;
  --scl-z-index-30: 30;
  --scl-z-index-40: 40;
  --scl-z-index-50: 50;
  --scl-z-index-60: 60;
  --scl-z-index-70: 70;
  /* TODO: we can try to set this rule in design tokens :root */
  color-scheme: light;
}

/** Thank you sholace.style */
.scl-toast-stack {
  position: fixed;
  top: var(--telekom-spacing-composition-space-06);
  inset-inline-end: var(--telekom-spacing-composition-space-06);
  z-index: var(--scl-z-index-70);
  z-index: 100; /* https://github.com/telekom/scale/pull/1767/files */
  max-height: 100%;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: var(--telekom-spacing-composition-space-04);
}

[data-mode='light'] {
  color-scheme: light;
}

[data-mode='dark'] {
  color-scheme: dark;
}
.logoutreminderDialog .body { text-align:center; } .logoutreminderDialog .bold { font-weight:bold; }#globalsettingsEmailAppsSendSmsDialogContainer { min-height:250px; } #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsDialogStep1 { text-align:center; display:flex; flex-direction:column; align-items:center; gap:5px; } #globalsettingsEmailAppsSendSmsDialogContainer #emailappdialogImage { width:400px; height:284px; } #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsLinkContainer { width:480px; margin:0 auto; display:flex; justify-content:space-around; gap:20px; } #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsLinkContainer img { margin:5px 0; } #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsLinkContainer img.center { display:block; position:relative; margin:20px auto !important; } #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsLinkContainer > div { width:50%; } #globalsettingsEmailAppsSendSmsDialogContainer .androidSendSmsLink,#globalsettingsEmailAppsSendSmsDialogContainer .iphoneSendSmsLink { color:#0819bd; cursor:pointer; margin:3px 0; display:block; } #globalsettingsEmailAppsSendSmsDialogContainer .androidSendSmsLink:hover,#globalsettingsEmailAppsSendSmsDialogContainer .iphoneSendSmsLink:hover { text-decoration:underline; } #globalsettingsEmailAppsSendSmsDialogContainer .iphoneAppLink,#globalsettingsEmailAppsSendSmsDialogContainer .androidAppLink { color:#0819bd; cursor:pointer; } #globalsettingsEmailAppsSendSmsDialogContainer .sendSmsDialogText { margin:0; } #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsDialogStep2Description { margin:10px 0 50px 0; } #sendSmsDialogStep2TableLabel { width:155px; padding-top:8px; } #sendSmsDialogStep2TableInput { padding:0 20px 8px 0; } #sendSmsDialogStep2TableInput .inputfield { border:1px solid hsla(0, 0%, 0%, 0.44); -khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; } #sendSmsDialogStep2TableInput .inputfield.invalid { border:1px solid #bf0000; } #sendSmsDialogStep2TableInput input { width:250px; } #sendSmsDialogStep2TableButton { padding-top:10px; } #sendSmsDialogStep2TableButton .buttonLabel { font-weight:bold; } #sendSmsDialogStep2TableInput label { font-size:15px; } #sendSmsDialogStepSuccess,#sendSmsDialogStepError { text-align:center; } #sendSmsDialogStepSuccess .successIconContainer,#sendSmsDialogStepError .errorIconContainer { padding-top:60px; } #remindersettingsapps #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsDialogStep1 { gap:20px; } #remindersettingsapps #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsDialogStep1 #emailappdialogImage { height:auto; width:auto; } #remindersettingsapps #globalsettingsEmailAppsSendSmsDialogContainer #sendSmsDialogStep1 #sendSmsLinkContainer img { margin:20px 0; }[tabindex] { outline:0 none; } html,body { color:#000; font-family:TeleNeo, Arial; font-size:15px; height:100%; padding:0; margin:0; overflow:hidden; position:absolute; left:0; right:0; } ::-webkit-scrollbar { width:10px; height:1px; } ::-webkit-scrollbar-track { background-color:#f1f1f1; } ::-webkit-scrollbar-thumb { background-color:#a4a4a4; -khtml-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-webkit-border-radius:20px;border-radius:20px; } .darkMode #contentnavigation::-webkit-scrollbar-track { background-color:#262626; } .darkMode #contentnavigation::-webkit-scrollbar-thumb:hover { background:#777; } @media print { body { position:relative; } } @media (hover: none) { select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url] { font-size:16px; } } embed:-moz-handler-disabled,embed:-moz-handler-blocked,embed:-moz-handler-crashed,embed:-moz-handler-clicktoplay,embed:-moz-handler-playpreview,embed:-moz-handler-vulnerable-updatable,embed:-moz-handler-vulnerable-no-update,applet:-moz-handler-disabled,applet:-moz-handler-blocked,applet:-moz-handler-crashed,applet:-moz-handler-clicktoplay,applet:-moz-handler-playpreview,applet:-moz-handler-vulnerable-updatable,applet:-moz-handler-vulnerable-no-update,object:-moz-handler-disabled,object:-moz-handler-blocked,object:-moz-handler-crashed,object:-moz-handler-clicktoplay,object:-moz-handler-playpreview,object:-moz-handler-vulnerable-updatable,object:-moz-handler-vulnerable-no-update { display:none !important; } h1.screenreader,h2.screenreader,h3.screenreader,h4.screenreader,h5.screenreader,h6.screenreader { font-size:inherit; font-weight:inherit; padding:0; margin:0; display:inline; font-family:TeleNeo, Arial; } ul { margin:0; padding:0; list-style:none; } td { margin:0; padding:0; } th { margin:0; padding:0; } a { text-decoration:none; } a:hover { text-decoration:underline; } img { border:none; } input { color:#000 !important; padding:0; margin:0; -khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text; -khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;-o-user-select:text;-webkit-user-select:text;user-select:text; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,input::-webkit-clear-button { -khtml--webkit-appearance:none;-moz--webkit-appearance:none;-ms--webkit-appearance:none;-o--webkit-appearance:none;-webkit--webkit-appearance:none;-webkit-appearance:none; margin:0; } input::-webkit-clear-button { display:none; } input.invalid { color:red; } input::placeholder { color:grey !important; opacity:1 !important; } input::-moz-placeholder { color:grey !important; opacity:1 !important; } input::-webkit-input-placeholder { color:grey !important; opacity:1 !important; } input:-ms-input-placeholder { color:grey !important; opacity:1 !important; } input:-moz-placeholder { color:grey !important; opacity:1 !important; } button::-moz-focus-inner { padding:0; border:0; } select { width:165px; height:25px; vertical-align:middle; padding:0 3px; cursor:pointer; background-color:#ededed; border:1px solid #b2b2b2; -khtml-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;-webkit-border-radius:1px;border-radius:1px; color:#262626; font-size:15px; font-weight:normal; font-family:TeleNeo, Arial; line-height:1.475em; text-decoration:none; } select option { text-shadow:none; font-family:TeleNeo, Arial; } select option.seperator { border-top:1px solid #d0d0d0; color:#d0d0d0; font-size:0; margin:5px; } select option:disabled,select option.disabled { color:#d0d0d0; } select optgroup { border-bottom:1px solid #dcdcdc; color:#8c8c8c; font-style:normal; font-weight:normal; text-indent:10px; padding:5px 0; font-size:12px; } select optgroup:last-child { border-bottom:0 none; } select optgroup option { color:#262626; text-indent:5px; font-size:12px; } select:disabled,select.disabled { cursor:default; opacity:0.5; } label:focus { -khtml-box-shadow:inset 0 0 1px #4b4b4b;-moz-box-shadow:inset 0 0 1px #4b4b4b;-ms-box-shadow:inset 0 0 1px #4b4b4b;-o-box-shadow:inset 0 0 1px #4b4b4b;-webkit-box-shadow:inset 0 0 1px #4b4b4b;box-shadow:inset 0 0 1px #4b4b4b; } label:hover { -khtml-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; } #header { width:100%; min-width:960px; z-index:100; } #frameMod { position:absolute; top:0; left:0; bottom:0; right:0; z-index:100; } #frameMod.globalnavigation { top:27px !important; } #frameMod.globalnavigation.topSpace { top:219px; } #cdb-placeholder { background:none repeat scroll 0 0 #4b4b4b; height:27px; } #frameMod.dragging { cursor:move !important; } .addressbook #frameMod.dragging,.addressbook #frameMod.dragging a,.addressbook #frameMod.dragging div,.addressbook #frameMod.dragging span,.addressbook #frameMod.dragging td { cursor:move !important; } .addressbook #frameMod.dragging.dropInvalid,.addressbook #frameMod.dragging.dropInvalid a,.addressbook #frameMod.dragging.dropInvalid div,.addressbook #frameMod.dragging.dropInvalid span,.addressbook #frameMod.dragging.dropInvalid td { cursor:no-drop !important; } .calendar #frameMod.dragging,.calendar #frameMod.dragging a,.calendar #frameMod.dragging div,.calendar #frameMod.dragging span,.calendar #frameMod.dragging td { cursor:move !important; } .calendar #frameMod.dragging.dropInvalid,.calendar #frameMod.dragging.dropInvalid a,.calendar #frameMod.dragging.dropInvalid div,.calendar #frameMod.dragging.dropInvalid span,.calendar #frameMod.dragging.dropInvalid td { cursor:no-drop !important; } #headerArea { top:0; left:0; width:100%; height:52px; z-index:100; } #contentArea { position:relative; width:100%; height:100%; min-width:620px; } #frameScaleLeft { position:absolute; left:0; top:0; bottom:95px; width:228px; background-color:#fff; } #frameScaleLeft.advert { bottom:95px; } .ecommerce #frameScaleLeft { bottom:79px; } .ecommerce-small #frameScaleLeft { bottom:49px; } #frameScaleRight { position:absolute; left:228px; top:0; right:0; bottom:95px; } .advert #frameScaleRight { right:300px; } #frameScaleRight.advert { bottom:95px; } #frameScaleRight.wide { right:200px; } .ecommerce #frameScaleRight { bottom:79px; } .ecommerce-small #frameScaleRight { bottom:49px; } #superBannerContainer { position:relative; bottom:0; margin:auto; width:730px; height:90px; z-index:1006; } #adFooterContainerWrapper { width:728px; margin:auto; } #superBannerContainer.wide { right:210px; } [data-atip=addressbook] #superBannerContainer { display:none !important; } [data-atip=calendar] #superBannerContainer { display:none !important; } [data-atip=gcard] #superBannerContainer { display:none !important; } [data-atip=addressbook] .adSuperBannerContainer { display:none !important; } [data-atip=calendar] .adSuperBannerContainer { display:none !important; } [data-atip=gcard] .adSuperBannerContainer { display:none !important; } [data-atip=prefs] .adSuperBannerContainer { display:none !important; } [data-atip=prefs] #skyScraperXLContainer { display:none !important; } [data-atip=calendar] #skyScraperLContainer { display:none !important; } [data-atip=inbox] .superBannerActive .adSuperBannerContainer { display:block; position:relative; bottom:0; margin:auto; width:730px; height:90px; z-index:1006; } [data-atip=inbox] .superBannerActive .advertMarkerVerticalContainer { position:absolute; top:47px; left:-40px; -khtml--webkit-transform-origin:51% 49%;-moz--webkit-transform-origin:51% 49%;-ms--webkit-transform-origin:51% 49%;-o--webkit-transform-origin:51% 49%;-webkit--webkit-transform-origin:51% 49%;-webkit-transform-origin:51% 49%; -khtml-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg); } #frameScaleRightBorder { position:absolute; top:50px; right:0; display:none; } #frameScaler { position:absolute; right:0; bottom:0; min-height:768px; } #frameScaleRightBorder.wide { display:block; } @media only screen and (max-width: 1279px) { #skyScraperXlContainer { display:none !important; } } [data-atip=inbox] .superBannerActive.stickyFooterActive #frameScaleRight { bottom:275px; } [data-atip=inbox] .superBannerActive.stickyFooterActive #frameScaleLeft { bottom:275px; } [data-atip=inbox] .superBannerActive #frameScaleRight { bottom:185px; } [data-atip=inbox] .superBannerActive #frameScaleLeft { bottom:185px; } @media only screen and (min-width: 1530px) { #skyScraperLContainer { display:none !important; } #skyScraperXLContainer { position:absolute; top:50px; right:0; width:300px; height:600px; z-index:49; } #advertMarkerHorizontalContainer { position:absolute; z-index:49; left:-295px; top:35px; } [data-atip=calendar] #advertMarkerHorizontalContainer { position:absolute; z-index:49; left:-295px; top:35px; } } @media screen and (min-width: 1125px) and (max-width: 1529px) { #skyScraperXLContainer { display:none !important; } #advertMarkerHorizontalContainer { position:absolute; z-index:49; left:-155px; top:35px; } #skyScraperLContainer { position:absolute; top:50px; right:0; width:160px; height:600px; z-index:49; } .advert #frameScaleRight { right:160px; } } #advertSeparator { position:absolute; left:10px; right:10px; bottom:0; height:105px; border-top:1px solid #a4a4a4; background-color:#fff; z-index:1005; } .ecommerce #advertSeparator { height:78px; } .ecommerce-small #advertSeparator { height:48px; } #advertCover { position:absolute; left:10px; right:0; bottom:0; height:105px; background-color:#fff; z-index:1005; } .ecommerce #advertCover { height:78px; } .ecommerce-small #advertCover { height:48px; } #advertSeparator.wide { right:210px; } #advertMarkerVerticalConatiner { position:absolute; right:945px; bottom:30px; z-index:1007; } .ecommerce #advertMarkerVerticalConatiner,.ecommerce-small #advertMarkerVerticalConatiner { display:none; } [data-atip=prefs] #frameClmLeft,.brightMode #frameClmLeft { background-color:#fff; } .brightMode #frameClmLeft { border-right:1px solid #ededed; } [data-atip=prefs] #frameClmLeft #contentnavigation,.brightMode #frameClmLeft #contentnavigation { color:#262626; } #frameClmLeft { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#262626; display:none; } .frameIsReady #frameClmLeft { display:block; } .advert #frameClmLeft { bottom:0; } #frameClmCenter { position:absolute; top:0; right:10px; left:0; bottom:0; } [data-atip=inbox] #frameClmCenter { min-width:460px; } [data-atip=prefs] #frameClmCenter { min-width:430px; } #frameClmRight { position:absolute; top:0; right:10px; left:10px; bottom:0; } .clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; } .clearfix:after { content:""; display:table; clear:both; } .emptyFolderConfirm .footer button.rightDlgBtn { width:150px; } #serviceName { height:55px; position:absolute; top:0; left:10px; color:#7c7c7c; font-size:1.33em; text-shadow:0 1px 0 #fff; } .beta { position:relative; top:0; left:0; padding:1px 3px 1px 3px; font-size:12px; font-weight:normal; color:#fff; background-color:#64b9e4; -khtml-box-shadow:0 1px 0 0 #fff;-moz-box-shadow:0 1px 0 0 #fff;-ms-box-shadow:0 1px 0 0 #fff;-o-box-shadow:0 1px 0 0 #fff;-webkit-box-shadow:0 1px 0 0 #fff;box-shadow:0 1px 0 0 #fff; -khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; text-shadow:none; } .appVersion { font-size:12px; margin-left:0; } .tracking-pixel { display:none; } .textLink { color:#2238df; cursor:pointer; } .textLink:hover { color:#2238df; text-decoration:underline; } .textLinkDark { color:#2238df; cursor:pointer; } .textLinkDark:hover { color:#2238df; text-decoration:underline; } .CDB-global-header { max-height:222px !important; } .dndInProgress { -khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; -khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none; } #noscriptWarning { position:fixed; top:0; left:0; width:100%; z-index:1000; text-align:center; font-weight:bold; font-size:18px; color:#fff; background-color:#e20074; padding:5px 0 5px 0; height:70px; } #noscriptWarningText { padding-top:3px; font-size:12px; } #noscriptWarningLink { font-size:12px; padding-top:3px; } #noscriptWarningLink a { color:inherit; text-decoration:underline; } #noscriptWarningLink a:hover { color:#d0d0d0; } [data-atip=inbox] #stickyFooterContainer { position:sticky; bottom:0; margin:auto; width:728px; height:90px; z-index:1006; } [data-atip=inbox] .stickyFooterActive #mainFooter { bottom:90px; } [data-atip=inbox] #adFooterContainer { position:sticky; bottom:0; width:100%; background-color:#fff; height:90px; z-index:1006; } @media screen and (max-height: 860px) { .deactivatedSuperBanner4SmallScreens.superBannerActive .adSuperBannerContainer { display:none; } [data-atip=inbox] .stickyFooterActive.deactivatedSuperBanner4SmallScreens #frameScaleLeft { bottom:185px; } [data-atip=inbox] .stickyFooterActive.deactivatedSuperBanner4SmallScreens #frameScaleRight { bottom:185px; } } [data-atip=inbox] .stickyFooterActive .advertMarkerVerticalContainer { position:absolute; bottom:30px; left:-40px; -khtml--webkit-transform-origin:51% 49%;-moz--webkit-transform-origin:51% 49%;-ms--webkit-transform-origin:51% 49%;-o--webkit-transform-origin:51% 49%;-webkit--webkit-transform-origin:51% 49%;-webkit-transform-origin:51% 49%; -khtml-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg); z-index:1007; } @media only screen and (max-width: 1279px) { #superBannerContainer { display:none !important; } .adSuperBannerContainer { display:none !important; } [data-atip=inbox] .stickyFooterActive #frameScaleLeft .contentNavigationFolderPlus { bottom:140px; } .advert #frameScaleRight { right:0; } body:not(.frameScaleLeftExpanded) #frameScaleRight { left:75px; } body:not(.frameScaleLeftExpanded) #frameScaleLeft { width:75px; } [data-atip=gcard] #frameScaleLeft { width:175px !important; } [data-atip=inbox] .superBannerActive #frameScaleLeft { bottom:95px; } [data-atip=inbox] .superBannerActive #frameScaleRight { bottom:95px; } [data-atip=inbox] .stickyFooterActive.superBannerActive #frameScaleLeft { bottom:185px; } [data-atip=inbox] .stickyFooterActive.superBannerActive #frameScaleRight { bottom:185px; } [data-atip=gcard] #frameScaleRight { left:175px !important; } } #adBlockerActiveContainer { display:none; flex-direction:column; justify-content:center; position:absolute; right:180px; top:0; width:120px; height:600px; z-index:0; } @media screen and (min-width: 1280px) and (max-width: 1529px) { #adBlockerActiveContainer { right:40px; } } #adBlockerActiveContainer > .adBlockerActiveMessage { margin:0; font-size:16px; text-align:center; line-height:23px; } #adBlockerActiveContainer .adBlockerUpselling { z-index:50; display:flex; justify-content:center; } #adBlockerActiveContainer .adBlockerUpselling > p { cursor:pointer; color:#4DD1E0; } #adBlockerActiveSuperBannerContainer { position:absolute; width:100%; display:none; flex-direction:column; justify-content:center; } #adBlockerActiveSuperBannerContainer > .adBlockerActiveMessage { margin:0; font-size:16px; text-align:center; line-height:23px; padding-top:12px; } #adBlockerActiveSuperBannerContainer .adBlockerUpselling { z-index:50; display:flex; justify-content:center; cursor:pointer; } #adBlockerActiveSuperBannerContainer .adBlockerUpselling > div { color:#4DD1E0; margin-top:4px; } .checkAdvertFormatDialog { -khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; padding:25px 50px; } .checkAdvertFormatDialog .header .innerheader h1.screenreader { font-size:18px; font-weight:bold; } .checkAdvertFormatDialog .body { max-height:500px !important; } .checkAdvertFormatDialog .body .subtitle { margin-top:5px; } .checkAdvertFormatDialog .body .tdAdvertformat { padding-bottom:30px; } .checkAdvertFormatDialog .body .tdAdvertformat .row { display:flex; flex-direction:row; gap:20px; padding-top:10px; align-items:flex-start; } .checkAdvertFormatDialog .body .tdAdvertformat .row .right { font-weight:500; font-size:14px; line-height:18px; text-align:justify; } .checkAdvertFormatDialog .body .tdAdvertformat .row .right .consentInfo { padding-top:10px; } .checkAdvertFormatDialog .body .tdAdvertformat .row .left { padding-top:5px; } .checkAdvertFormatDialog .body .tdAdvertformat .buttonContainer { text-align:right; } .checkAdvertFormatDialog .body .tdAdvertformat:last-of-type { padding-bottom:15px; } .checkAdvertFormatDialog .body .tdAdvertformat .label { font-weight:700; } .checkAdvertFormatDialog .body .dialogAdvertformatHintRed { line-height:10px; padding-left:25px; font-weight:bold; font-size:13px; color:#bf0000; display:none; } .checkAdvertFormatDialog .footer { height:auto; padding:0; } .checkAdvertFormatDialog .footer .innerfooter { position:relative; bottom:unset; height:100%; } .acrSuccessDlg .body .spritingContainer { margin:0; position:absolute; left:208px; } @media only screen and (max-width: 1124px) { #frameScaleRightBorder { display:none !important; } } @media screen and (min-width: 1125px) and (max-width: 1279px) { body.frameScaleLeftExpanded #frameScaleRight.advert { right:160px; } body:not(.frameScaleLeftExpanded) #frameScaleRight.advert { right:160px; } #adBlockerActiveContainer { width:160px; right:0; } } #skiplinks { display:inline; float:left; overflow:hidden; } .skiplinksElements { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #skiplinks a.skiplinksElements:focus,#skiplinks a.skiplinksElements:active { left:0; width:auto; white-space:nowrap; overflow:visible; display:block; color:#e20074; padding:10px 10px 0px 10px; background-color:white; font-weight:700; z-index:100; outline-color:#e20074; margin-top:10px; height:25px; min-width:135px; margin-left:5px; text-align:center; }.icon_arrow { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_0.png') no-repeat 0px -0px; height:15px; width:7px; } .icon_close { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_0.png') no-repeat 0px -17px; height:8px; width:8px; } .icon_send { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_0.png') no-repeat 0px -27px; height:16px; width:8px; } .checkbox_default_14x14 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -0px; height:14px; width:14px; } .checkbox_default_hover_14x14 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -16px; height:14px; width:14px; } .checkbox_selected_14x14 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -32px; height:14px; width:14px; } .checkbox_selected_hover_14x14 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -48px; height:14px; width:14px; } .execution_done_negative { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -64px; height:16px; width:16px; } .execution_done_positive { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -82px; height:16px; width:16px; } .icon_account { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -100px; height:16px; width:16px; } .icon_archive { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -118px; height:16px; width:16px; } .icon_arrow_grey { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -136px; height:16px; width:14px; } .icon_arrowleft { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -154px; height:16px; width:16px; } .icon_arrowright { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -172px; height:16px; width:16px; } .icon_attachment { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -190px; height:14px; width:16px; } .icon_attachmentview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -206px; height:16px; width:16px; } .icon_attachmentview_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -224px; height:16px; width:16px; } .icon_birthday_grey { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -242px; height:16px; width:16px; } .icon_caller { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -260px; height:16px; width:16px; } .icon_clock { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -278px; height:16px; width:16px; } .icon_close_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -296px; height:16px; width:16px; } .icon_confirm { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -314px; height:16px; width:16px; } .icon_delete { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -332px; height:16px; width:13px; } .icon_drafts { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -350px; height:16px; width:16px; } .icon_drafts_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -368px; height:16px; width:16px; } .icon_edit { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -386px; height:16px; width:16px; } .icon_email_small { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -404px; height:11px; width:16px; } .icon_fax_small { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -417px; height:16px; width:16px; } .icon_feedback { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -435px; height:16px; width:16px; } .icon_format { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -453px; height:16px; width:16px; } .icon_forward { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -471px; height:16px; width:15px; } .icon_help { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -489px; height:16px; width:16px; } .icon_inbox { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -507px; height:16px; width:16px; } .icon_inbox_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -525px; height:16px; width:16px; } .icon_info { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -543px; height:16px; width:16px; } .icon_info_dark { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -561px; height:16px; width:16px; } .icon_itemmenu { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -579px; height:15px; width:15px; } .icon_list { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -596px; height:17px; width:16px; } .icon_menu_computer { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -615px; height:16px; width:16px; } .icon_menu_folder { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -633px; height:16px; width:16px; } .icon_more { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -651px; height:16px; width:16px; } .icon_more_grey { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -669px; height:16px; width:16px; } .icon_move { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -687px; height:16px; width:16px; } .icon_new { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -705px; height:16px; width:16px; } .icon_next { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -723px; height:16px; width:16px; } .icon_notification { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -741px; height:16px; width:16px; } .icon_popout { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -759px; height:16px; width:16px; } .icon_prefs { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -777px; height:16px; width:16px; } .icon_prefs_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -795px; height:16px; width:16px; } .icon_prev { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -813px; height:16px; width:16px; } .icon_preview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -831px; height:16px; width:13px; } .icon_print { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -849px; height:16px; width:16px; } .icon_priority { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -867px; height:16px; width:16px; } .icon_remindme { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -885px; height:20px; width:18px; } .icon_remindme_small { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -907px; height:20px; width:18px; } .icon_remindme_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -929px; height:20px; width:18px; } .icon_reply { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -951px; height:16px; width:15px; } .icon_resend { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -969px; height:16px; width:16px; } .icon_restore { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -987px; height:16px; width:16px; } .icon_save { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1005px; height:16px; width:16px; } .icon_save_cloud { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1023px; height:16px; width:16px; } .icon_save_local { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1041px; height:16px; width:16px; } .icon_sent { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1059px; height:16px; width:16px; } .icon_sent_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1077px; height:16px; width:16px; } .icon_share { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1095px; height:16px; width:16px; } .icon_sharedcalendar { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1113px; height:16px; width:16px; } .icon_spam { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1131px; height:16px; width:16px; } .icon_spam_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1149px; height:16px; width:16px; } .icon_sprachbox { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1167px; height:16px; width:16px; } .icon_sprachbox_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1185px; height:16px; width:16px; } .icon_state_answered { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1203px; height:16px; width:16px; } .icon_state_forwarded { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1221px; height:16px; width:16px; } .icon_status_attendees { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1239px; height:16px; width:16px; } .icon_status_attendees_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1257px; height:16px; width:16px; } .icon_status_recurring { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1275px; height:16px; width:16px; } .icon_status_recurring_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1293px; height:16px; width:16px; } .icon_status_reminder { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1311px; height:16px; width:16px; } .icon_status_reminder_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1329px; height:16px; width:16px; } .icon_success_small { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1347px; height:16px; width:16px; } .icon_switch2mms { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1365px; height:16px; width:16px; } .icon_task_delete { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1383px; height:20px; width:18px; } .icon_terms { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1405px; height:14px; width:12px; } .icon_thumbs { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1421px; height:17px; width:16px; } .icon_trash { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1440px; height:16px; width:16px; } .icon_trash_white { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1458px; height:16px; width:16px; } .icon_ums_fax { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1476px; height:16px; width:16px; } .icon_ums_mms { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1494px; height:16px; width:16px; } .icon_ums_sms { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1512px; height:16px; width:16px; } .icon_warn { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1530px; height:14px; width:14px; } .icon_windows_close { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1546px; height:8px; width:16px; } .icon_windows_open { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1556px; height:8px; width:16px; } .icon_xms_small { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_1.png') no-repeat 0px -1566px; height:16px; width:16px; } .folder_entwuerfe_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -0px; height:24px; width:24px; } .folder_entwuerfe_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -26px; height:24px; width:24px; } .folder_entwuerfe_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -52px; height:24px; width:24px; } .folder_fotos_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -78px; height:24px; width:24px; } .folder_fotos_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -104px; height:24px; width:24px; } .folder_fotos_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -130px; height:24px; width:24px; } .folder_gesendet_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -156px; height:24px; width:24px; } .folder_gesendet_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -182px; height:24px; width:24px; } .folder_gesendet_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -208px; height:24px; width:24px; } .folder_markiert_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -234px; height:24px; width:24px; } .folder_markiert_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -260px; height:24px; width:24px; } .folder_markiert_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -286px; height:24px; width:24px; } .folder_papierkorb_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -312px; height:24px; width:24px; } .folder_papierkorb_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -338px; height:24px; width:24px; } .folder_papierkorb_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -364px; height:24px; width:24px; } .folder_posteingang_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -390px; height:24px; width:24px; } .folder_posteingang_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -416px; height:24px; width:24px; } .folder_posteingang_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -442px; height:24px; width:24px; } .folder_spam_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -468px; height:24px; width:24px; } .folder_spam_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -494px; height:24px; width:24px; } .folder_spam_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -520px; height:24px; width:24px; } .folder_sprachbox_dark_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -546px; height:24px; width:24px; } .folder_sprachbox_grey_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -572px; height:24px; width:24px; } .folder_sprachbox_white_24x24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -598px; height:24px; width:24px; } .icon_2_addressbook_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -624px; height:24px; width:24px; } .icon_2_calendar_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -650px; height:24px; width:24px; } .icon_2_cloud_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -676px; height:24px; width:24px; } .icon_2_demail_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -702px; height:24px; width:24px; } .icon_2_email_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -728px; height:24px; width:24px; } .icon_2_gcard_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -754px; height:24px; width:24px; } .icon_2_setting_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -780px; height:24px; width:24px; } .icon_2_sync_24 { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -806px; height:24px; width:24px; } .icon_account_contact { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -832px; height:21px; width:22px; } .icon_account_settings { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -855px; height:22px; width:21px; } .icon_account_tipp { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -879px; height:22px; width:22px; } .icon_account_tipp_activ { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -903px; height:22px; width:22px; } .icon_account_tipp_active { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -927px; height:22px; width:22px; } .icon_addressbook { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -951px; height:24px; width:24px; } .icon_burgermenu_closed { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -977px; height:24px; width:26px; } .icon_burgermenu_open { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1003px; height:24px; width:26px; } .icon_cal_agendaview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1029px; height:20px; width:20px; } .icon_cal_agendaview_active { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1051px; height:20px; width:20px; } .icon_cal_dayview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1073px; height:20px; width:20px; } .icon_cal_dayview_active { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1095px; height:20px; width:20px; } .icon_cal_monthview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1117px; height:20px; width:20px; } .icon_cal_monthview_active { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1139px; height:20px; width:20px; } .icon_cal_weekview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1161px; height:20px; width:20px; } .icon_cal_weekview_active { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1183px; height:20px; width:20px; } .icon_cal_yearview { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1205px; height:20px; width:20px; } .icon_cal_yearview_active { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1227px; height:20px; width:20px; } .icon_calendar { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1249px; height:24px; width:24px; } .icon_clock_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1275px; height:24px; width:24px; } .icon_com_call { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1301px; height:28px; width:28px; } .icon_com_email { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1331px; height:28px; width:28px; } .icon_com_fax { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1361px; height:28px; width:28px; } .icon_com_greetings { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1391px; height:28px; width:28px; } .icon_com_xms { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1421px; height:28px; width:28px; } .icon_contact_outline { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1451px; height:40px; width:40px; } .icon_demail { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1493px; height:24px; width:24px; } .icon_email { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1519px; height:24px; width:24px; } .icon_folder { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1545px; height:24px; width:24px; } .icon_gcard { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1571px; height:24px; width:24px; } .icon_help_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1597px; height:55px; width:55px; } .icon_magentacloud { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1654px; height:24px; width:24px; } .icon_message_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1680px; height:40px; width:40px; } .icon_mobile-devices_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1722px; height:40px; width:40px; } .icon_phone { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1764px; height:24px; width:24px; } .icon_remindme_listheader { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1790px; height:25px; width:23px; } .icon_share_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1817px; height:40px; width:40px; } .icon_star_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1859px; height:24px; width:24px; } .icon_state_answered_forwarded { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1885px; height:16px; width:20px; } .icon_success { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1903px; height:22px; width:22px; } .icon_sync { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1927px; height:24px; width:24px; } .icon_synchronize_big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1953px; height:40px; width:40px; } .icon_task { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -1995px; height:24px; width:24px; } .icon_task_checked { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -2021px; height:24px; width:24px; } .icon_task_checked_hover { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -2047px; height:24px; width:24px; } .icon_task_hover { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -2073px; height:24px; width:24px; } .icon_ums_ecard { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -2099px; height:16px; width:20px; } .icon_ums_postcard { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_2.png') no-repeat 0px -2117px; height:16px; width:20px; } .inbox_full { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -0px; height:162px; width:328px; } .inbox_nearly_full { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -164px; height:200px; width:417px; } .photo-big { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -366px; height:80px; width:80px; } .raisequota_notpossible { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -448px; height:170px; width:440px; } .raisequota_possible { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -620px; height:180px; width:328px; } .raisequota_success { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -802px; height:189px; width:440px; } .smartphone_android { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -993px; height:24px; width:69px; } .smartphone_ios { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -1019px; height:24px; width:80px; } .smartphone_microsoft { background:url('https://email.t-online.de/res/5d47c2ade2c8406ae1fb2d37a7b54bfa/sprite/sprite_3.png') no-repeat 0px -1045px; height:24px; width:80px; }.spritingContainer { display:inline-block; }.svg-add-folder_black_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 61.87782805429864% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-add-folder_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 64.59276018099547% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-add-group_grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.58558558558559% 51.70068027210884% no-repeat; width:20px; height:20px; } .svg-add_blue_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 67.3076923076923% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-add_dark-grey_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.83783783783784% 51.70068027210884% no-repeat; width:20px; height:20px; } .svg-add_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 70.02262443438914% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-add_white_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.58558558558559% 58.50340136054422% no-repeat; width:20px; height:20px; } .svg-add_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 72.73755656108597% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-addressbook_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 75.4524886877828% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-addressbook_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 78.16742081447964% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-addressbook_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 80.88235294117646% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-adressbuch-black { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 83.5972850678733% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-adressbuch-black_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 86.31221719457014% 86.56036446469248% no-repeat; width:24px; height:24px; } .svg-adressbuch-grey { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 0 no-repeat; width:24px; height:24px; } .svg-adressbuch-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 2.733485193621868% no-repeat; width:24px; height:24px; } .svg-adressbuch-weiss-outline { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 5.466970387243736% no-repeat; width:24px; height:24px; } .svg-adressbuch-weiss-outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 8.200455580865604% no-repeat; width:24px; height:24px; } .svg-adressbuch-weiss-solid { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 10.933940774487471% no-repeat; width:24px; height:24px; } .svg-anhang_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 83.3710407239819% no-repeat; width:18px; height:18px; } .svg-arrow-double_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 76.28923766816143% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-down_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 78.0829596412556% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-down_dark-grey_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 85.40723981900453% no-repeat; width:18px; height:18px; } .svg-arrow-down_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.83783783783784% 58.50340136054422% no-repeat; width:20px; height:20px; } .svg-arrow-down_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 79.87668161434978% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-down_white_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 81.67040358744394% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-left_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 83.46412556053812% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-left_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.58558558558559% 65.3061224489796% no-repeat; width:20px; height:20px; } .svg-arrow-left_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.25784753363229% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-left_white_30x30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 13.66742596810934% no-repeat; width:24px; height:24px; } .svg-arrow-right_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.05156950672645% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-right_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.83783783783784% 65.3061224489796% no-repeat; width:20px; height:20px; } .svg-arrow-right_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 88.84529147982063% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-right_white_30x30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.01605922551252% 18.807339449541285% no-repeat; width:30px; height:30px; } .svg-arrow-up_blue_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 87.44343891402715% no-repeat; width:18px; height:18px; } .svg-arrow-up_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.6390134529148% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-up_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.58558558558559% 72.10884353741497% no-repeat; width:20px; height:20px; } .svg-arrow-up_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 92.43273542600897% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-arrow-up_white_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 94.22645739910314% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-asterisk_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 89.7752808988764% no-repeat; width:12px; height:12px; } .svg-attach_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.89237668161435% 74.12429378531074% no-repeat; width:16px; height:17px; } .svg-attach_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 16.40091116173121% no-repeat; width:24px; height:24px; } .svg-attachment_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 96.0201793721973% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-ausrufezeichen_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 99.77628635346755% 91.66666666666667% no-repeat; width:14px; height:14px; } .svg-ausrufezeichen_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.89237668161435% 76.045197740113% no-repeat; width:16px; height:17px; } .svg-black_arrow-left_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 19.134396355353076% no-repeat; width:24px; height:24px; } .svg-black_arrow-right_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 21.867881548974943% no-repeat; width:24px; height:24px; } .svg-black_close_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 24.60136674259681% no-repeat; width:24px; height:24px; } .svg-black_forward_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 27.33485193621868% no-repeat; width:24px; height:24px; } .svg-black_list-default_17x17 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 52.35690235690236% 98.53107344632768% no-repeat; width:17px; height:17px; } .svg-black_list-default_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 30.068337129840547% no-repeat; width:24px; height:24px; } .svg-black_list-select_17x17 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 54.2648709315376% 98.53107344632768% no-repeat; width:17px; height:17px; } .svg-black_list-select_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 32.80182232346242% no-repeat; width:24px; height:24px; } .svg-black_maxi_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 35.535307517084284% no-repeat; width:24px; height:24px; } .svg-black_mini_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 38.26879271070615% no-repeat; width:24px; height:24px; } .svg-black_new-window_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 41.00227790432802% no-repeat; width:24px; height:24px; } .svg-black_print_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 43.735763097949885% no-repeat; width:24px; height:24px; } .svg-black_save_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 46.46924829157175% no-repeat; width:24px; height:24px; } .svg-black_tile-default_17x17 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 56.17283950617284% 98.53107344632768% no-repeat; width:17px; height:17px; } .svg-black_tile-default_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 49.20273348519362% no-repeat; width:24px; height:24px; } .svg-black_tile-select_17x17 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 58.08080808080808% 98.53107344632768% no-repeat; width:17px; height:17px; } .svg-black_tile-select_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 51.93621867881549% no-repeat; width:24px; height:24px; } .svg-blue_save_15x15 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 68.60335195530726% 83.80202474690664% no-repeat; width:13px; height:13px; } .svg-bow-left_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 59.92152466367713% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-bow-left_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 54.66970387243736% no-repeat; width:24px; height:24px; } .svg-bow-right_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 61.7152466367713% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-bow-right_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 57.40318906605923% no-repeat; width:24px; height:24px; } .svg-branding_verified { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 89.47963800904978% no-repeat; width:18px; height:18px; } .svg-bright-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.93848689394181% 11.933174224343675% no-repeat; width:64.001px; height:64px; } .svg-bright-night_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.93848689394181% 19.570405727923628% no-repeat; width:64.001px; height:64px; } .svg-cake_orange_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.81390134529148% 98.41986455981942% no-repeat; width:16px; height:16px; } .svg-calendar_14x14 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 99.77628635346755% 93.24324324324324% no-repeat; width:14px; height:14px; } .svg-calendar_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 0 no-repeat; width:16px; height:16px; } .svg-calendar_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.83783783783784% 72.10884353741497% no-repeat; width:20px; height:20px; } .svg-calendar_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 60.136674259681094% no-repeat; width:24px; height:24px; } .svg-calendar_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.55760368663594% 41.29930394431555% no-repeat; width:40px; height:40px; } .svg-calendar_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.54716981132076% 42.280285035629454% no-repeat; width:60px; height:60px; } .svg-calendar_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 69.97767857142857% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-calendar_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 1.8058690744920993% no-repeat; width:16px; height:16px; } .svg-calendar_icon_14x14 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 99.77628635346755% 94.81981981981981% no-repeat; width:14px; height:14px; } .svg-call_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 62.87015945330296% no-repeat; width:24px; height:24px; } .svg-cancel_cross { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 71.23745819397993% 83.70786516853933% no-repeat; width:11px; height:12px; } .svg-cancel_icon_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.3347972972973% 96.14512471655328% no-repeat; width:20px; height:20px; } .svg-cancel_icon_20x20_2 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.58704954954955% 96.14512471655328% no-repeat; width:20px; height:20px; } .svg-cancel_icon_48x48 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 69.52491309385863% 81.68028004667444% no-repeat; width:45px; height:45px; } .svg-check-circle_green_30x30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.01605922551252% 22.24770642201835% no-repeat; width:30px; height:30px; } .svg-check_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 65.60364464692483% no-repeat; width:24px; height:24px; } .svg-check_green_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 68.3371298405467% no-repeat; width:24px; height:24px; } .svg-checkbox-off_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 91.5158371040724% no-repeat; width:18px; height:18px; } .svg-checkbox-on_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 93.55203619909503% no-repeat; width:18px; height:18px; } .svg-checkbox_default_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 97.97752808988764% 95.58823529411765% no-repeat; width:18px; height:18px; } .svg-checkbox_default_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 71.07061503416857% no-repeat; width:24px; height:24px; } .svg-checkbox_default_hover_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.75280898876404% 44.796380090497735% no-repeat; width:18px; height:18px; } .svg-checkbox_default_hover_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-checkbox_disabled_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 2.0224719101123596% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-checkbox_disabled_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 51.52542372881356% 96.47326507394767% no-repeat; width:23px; height:23px; } .svg-checkbox_error-select_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 4.044943820224719% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-checkbox_error-select_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 73.80410022779043% no-repeat; width:24px; height:24px; } .svg-checkbox_error-select_hover_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 48.498456357002524% 98.55891494772534% no-repeat; width:17.25px; height:17.25px; } .svg-checkbox_error-select_hover_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 54.12429378531073% 96.47326507394767% no-repeat; width:23px; height:23px; } .svg-checkbox_error_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 6.067415730337078% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-checkbox_error_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 76.5375854214123% no-repeat; width:24px; height:24px; } .svg-checkbox_error_hover_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 8.089887640449438% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-checkbox_error_hover_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 79.27107061503416% no-repeat; width:24px; height:24px; } .svg-checkbox_selected_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 10.112359550561798% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-checkbox_selected_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 82.00455580865604% no-repeat; width:24px; height:24px; } .svg-checkbox_selected_hover_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 50.4350266629245% 98.55891494772534% no-repeat; width:17.25px; height:17.25px; } .svg-checkbox_selected_hover_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 56.72316384180791% 96.47326507394767% no-repeat; width:23px; height:23px; } .svg-clock_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 84.73804100227791% no-repeat; width:24px; height:24px; } .svg-close_10x10 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 13.140311804008908% 99.77578475336323% no-repeat; width:10px; height:10px; } .svg-close_11x11 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 10.702341137123746% 99.88776655443323% no-repeat; width:11px; height:11px; } .svg-close_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 72.54464285714286% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-close_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 12.134831460674157% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-close_2022 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 11.928651059085842% 99.88776655443323% no-repeat; width:11px; height:11px; } .svg-close_dark-grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 73.88392857142857% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-close_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 14.157303370786517% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-close_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 90.49773755656109% 87.47152619589977% no-repeat; width:24px; height:24px; } .svg-close_white_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 16.179775280898877% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-close_white_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 75.22321428571429% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-close_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-cloud-upload_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 3.6117381489841986% no-repeat; width:16px; height:16px; } .svg-clouded-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 2.7149321266968327% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-clouded_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 5.429864253393665% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-color_image_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 91.10445333396241% 96.3385664412329% no-repeat; width:17.813px; height:21.771px; } .svg-com_call_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 8.144796380090497% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-com_ecard_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 10.85972850678733% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-com_email_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 13.574660633484163% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-com_fax_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 16.289592760180994% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-com_xms_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 19.004524886877828% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-computer_outline_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 5.417607223476298% no-repeat; width:16px; height:16px; } .svg-computer_outline_new_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 63.58024691358025% 98.53107344632768% no-repeat; width:17px; height:17px; } .svg-confirm-selected_green_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 0 no-repeat; width:20px; height:20px; } .svg-confirm_check_darkgreen { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.07865168539325% 81.53164414414414% no-repeat; width:18px; height:14px; } .svg-confirm_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 21.71945701357466% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-confirm_green_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 2.2675736961451247% no-repeat; width:20px; height:20px; } .svg-confirm_green_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 24.43438914027149% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-confirm_green_round_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 18.202247191011235% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-confirm_green_round_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 4.535147392290249% no-repeat; width:20px; height:20px; } .svg-confirm_icon_48x48 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 74.73928157589803% 81.68028004667444% no-repeat; width:45px; height:45px; } .svg-confirm_selected_check_darkgreen { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 86.81818181818181% 30.205949656750573% no-repeat; width:28px; height:28px; } .svg-confirm_solid_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 27.149321266968325% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-contact_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 6.802721088435374% no-repeat; width:20px; height:20px; } .svg-contact_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 29.86425339366516% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-contact_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.55760368663594% 48.25986078886311% no-repeat; width:40px; height:40px; } .svg-contact_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.54716981132076% 49.4061757719715% no-repeat; width:60px; height:60px; } .svg-contact_black_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 7.223476297968397% no-repeat; width:16px; height:16px; } .svg-contact_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 76.5625% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-contact_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 9.029345372460497% no-repeat; width:16px; height:16px; } .svg-delete_dark-grey_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 65.41479820627802% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-delete_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 9.070294784580499% no-repeat; width:20px; height:20px; } .svg-delete_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 32.57918552036199% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-delete_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 35.294117647058826% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-delete_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 38.009049773755656% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-doc_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 11.337868480725623% no-repeat; width:20px; height:20px; } .svg-doc_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 40.723981900452486% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-doc_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.55760368663594% 55.220417633410676% no-repeat; width:40px; height:40px; } .svg-doc_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.54716981132076% 56.53206650831354% no-repeat; width:60px; height:60px; } .svg-doc_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 77.90178571428571% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-doc_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 10.835214446952596% no-repeat; width:16px; height:16px; } .svg-dot_apricot_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 12.641083521444695% no-repeat; width:16px; height:16px; } .svg-dot_dark-blue_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 14.446952595936795% no-repeat; width:16px; height:16px; } .svg-dot_dark-green_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 16.252821670428894% no-repeat; width:16px; height:16px; } .svg-dot_dark-orange_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 18.058690744920995% no-repeat; width:16px; height:16px; } .svg-dot_dark-petrol_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 19.864559819413092% no-repeat; width:16px; height:16px; } .svg-dot_dark-textlink_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 21.670428893905193% no-repeat; width:16px; height:16px; } .svg-dot_dark-violet_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 23.47629796839729% no-repeat; width:16px; height:16px; } .svg-dot_dark-yellow_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 25.28216704288939% no-repeat; width:16px; height:16px; } .svg-dot_func-blue_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 27.08803611738149% no-repeat; width:16px; height:16px; } .svg-dot_green_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 28.89390519187359% no-repeat; width:16px; height:16px; } .svg-dot_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 30.69977426636569% no-repeat; width:16px; height:16px; } .svg-dot_light-blue_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 32.50564334085779% no-repeat; width:16px; height:16px; } .svg-dot_orange_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 34.31151241534989% no-repeat; width:16px; height:16px; } .svg-dot_petrol_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 36.11738148984199% no-repeat; width:16px; height:16px; } .svg-dot_violet_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 37.92325056433408% no-repeat; width:16px; height:16px; } .svg-dot_yellow_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 39.729119638826184% no-repeat; width:16px; height:16px; } .svg-download_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 13.605442176870747% no-repeat; width:20px; height:20px; } .svg-download_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 43.43891402714932% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-download_white_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 15.873015873015873% no-repeat; width:20px; height:20px; } .svg-download_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 46.15384615384615% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-drag_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 48.86877828054298% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-drizzle_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 51.58371040723982% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-dropbox_icon_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 41.534988713318285% no-repeat; width:16px; height:16px; } .svg-ecard_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 54.29864253393665% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-ecard_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 79.24107142857143% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-ecard_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 43.340857787810386% no-repeat; width:16px; height:16px; } .svg-ecard_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 57.01357466063349% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-einblenden_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 59.72850678733032% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-email_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 18.140589569160998% no-repeat; width:20px; height:20px; } .svg-email_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 62.44343891402715% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-email_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 65.15837104072398% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-entwuerfe_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 67.87330316742081% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-entwuerfe_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 70.58823529411765% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-entwuerfe_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 73.30316742081448% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-error-filled_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 59.25507900677201% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-error-filled_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 76.01809954751131% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-error-outline_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 61.738148984198645% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-error-outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 78.73303167420815% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-execution_done_positive_15x15 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 45.146726862302486% no-repeat; width:16px; height:16px; } .svg-external_link_14x14 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 99.77628635346755% 96.3963963963964% no-repeat; width:14px; height:14px; } .svg-fax_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 20.408163265306122% no-repeat; width:20px; height:20px; } .svg-fax_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 81.44796380090497% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-fax_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.55760368663594% 62.18097447795824% no-repeat; width:40px; height:40px; } .svg-fax_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.54716981132076% 63.657957244655584% no-repeat; width:60px; height:60px; } .svg-fax_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 84.16289592760181% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-fax_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 80.58035714285714% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-fax_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 46.95259593679458% no-repeat; width:16px; height:16px; } .svg-file_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 22.675736961451246% no-repeat; width:20px; height:20px; } .svg-file_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 86.87782805429865% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-file_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.55760368663594% 69.1415313225058% no-repeat; width:40px; height:40px; } .svg-file_black_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.54716981132076% 70.78384798099762% no-repeat; width:60px; height:60px; } .svg-file_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 81.91964285714286% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-file_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 48.75846501128668% no-repeat; width:16px; height:16px; } .svg-file_grey_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 80.83140877598153% 76.27906976744185% no-repeat; width:42px; height:42px; } .svg-file_grey_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.93838862559242% 27.20763723150358% no-repeat; width:64px; height:64px; } .svg-filter_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 50.56433408577878% no-repeat; width:16px; height:16px; } .svg-fog_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 89.59276018099547% 91.11617312072893% no-repeat; width:24px; height:24px; } .svg-folder_dark-grey_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 20.224719101123597% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-folder_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 0 no-repeat; width:24px; height:24px; } .svg-folder_entwuerfe_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 2.733485193621868% no-repeat; width:24px; height:24px; } .svg-folder_entwuerfe_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 5.466970387243736% no-repeat; width:24px; height:24px; } .svg-folder_entwuerfe_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 8.200455580865604% no-repeat; width:24px; height:24px; } .svg-folder_entwuerfe_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 10.933940774487471% no-repeat; width:24px; height:24px; } .svg-folder_fotos_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 13.66742596810934% no-repeat; width:24px; height:24px; } .svg-folder_fotos_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 16.40091116173121% no-repeat; width:24px; height:24px; } .svg-folder_fotos_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 19.134396355353076% no-repeat; width:24px; height:24px; } .svg-folder_fotos_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 21.867881548974943% no-repeat; width:24px; height:24px; } .svg-folder_gesendet_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 24.60136674259681% no-repeat; width:24px; height:24px; } .svg-folder_gesendet_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 27.33485193621868% no-repeat; width:24px; height:24px; } .svg-folder_gesendet_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 30.068337129840547% no-repeat; width:24px; height:24px; } .svg-folder_gesendet_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 32.80182232346242% no-repeat; width:24px; height:24px; } .svg-folder_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 35.535307517084284% no-repeat; width:24px; height:24px; } .svg-folder_markiert_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 38.26879271070615% no-repeat; width:24px; height:24px; } .svg-folder_markiert_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 41.00227790432802% no-repeat; width:24px; height:24px; } .svg-folder_markiert_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 43.735763097949885% no-repeat; width:24px; height:24px; } .svg-folder_markiert_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 46.46924829157175% no-repeat; width:24px; height:24px; } .svg-folder_papierkorb_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 49.20273348519362% no-repeat; width:24px; height:24px; } .svg-folder_papierkorb_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 51.93621867881549% no-repeat; width:24px; height:24px; } .svg-folder_papierkorb_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 54.66970387243736% no-repeat; width:24px; height:24px; } .svg-folder_papierkorb_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 57.40318906605923% no-repeat; width:24px; height:24px; } .svg-folder_posteingang_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 60.136674259681094% no-repeat; width:24px; height:24px; } .svg-folder_posteingang_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 62.87015945330296% no-repeat; width:24px; height:24px; } .svg-folder_posteingang_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 65.60364464692483% no-repeat; width:24px; height:24px; } .svg-folder_posteingang_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 68.3371298405467% no-repeat; width:24px; height:24px; } .svg-folder_spam_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 71.07061503416857% no-repeat; width:24px; height:24px; } .svg-folder_spam_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 73.80410022779043% no-repeat; width:24px; height:24px; } .svg-folder_spam_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 76.5375854214123% no-repeat; width:24px; height:24px; } .svg-folder_spam_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 79.27107061503416% no-repeat; width:24px; height:24px; } .svg-folder_sprachbox_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 82.00455580865604% no-repeat; width:24px; height:24px; } .svg-folder_sprachbox_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 84.73804100227791% no-repeat; width:24px; height:24px; } .svg-folder_sprachbox_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 87.47152619589977% no-repeat; width:24px; height:24px; } .svg-folder_sprachbox_white_outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 93.21266968325791% 90.20501138952164% no-repeat; width:24px; height:24px; } .svg-folder_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-format_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 22.247191011235955% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-format_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 24.94331065759637% no-repeat; width:20px; height:20px; } .svg-forward-selected_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 2.7149321266968327% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-forward_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 5.429864253393665% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-forward_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 27.210884353741495% no-repeat; width:20px; height:20px; } .svg-forward_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 8.144796380090497% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-forward_dark-grey_24x24_2 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 10.85972850678733% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-forward_white_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 29.478458049886623% no-repeat; width:20px; height:20px; } .svg-forward_white_20x20_2 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 31.746031746031747% no-repeat; width:20px; height:20px; } .svg-forward_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 13.574660633484163% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-fullscreen { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 34.01360544217687% no-repeat; width:20px; height:20px; } .svg-fullscreen_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 36.281179138321995% no-repeat; width:20px; height:20px; } .svg-fullscreen_white_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 38.54875283446712% no-repeat; width:20px; height:20px; } .svg-gesendet_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 16.289592760180994% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-gesendet_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 19.004524886877828% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-gesendet_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 21.71945701357466% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-grosses-fenster-black_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 24.269662921348313% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-grosses-fenster_white_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 26.292134831460675% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-hail_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 24.43438914027149% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-heavy-clouded_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 27.149321266968325% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-html_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 40.816326530612244% no-repeat; width:20px; height:20px; } .svg-html_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 29.86425339366516% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-html_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 84.6774193548387% 81.20649651972158% no-repeat; width:40px; height:40px; } .svg-html_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-html_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 83.25892857142857% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-html_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 52.37020316027088% no-repeat; width:16px; height:16px; } .svg-icon_account_tipp_activ_30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.21472602739725% 11.494252873563218% no-repeat; width:32px; height:32px; } .svg-icon_account_tipp_activ_40 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-image-file_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 43.08390022675737% no-repeat; width:20px; height:20px; } .svg-image-file_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 32.57918552036199% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-image-file_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 4.608294930875576% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-image-file_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 7.0754716981132075% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-image-file_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 84.59821428571429% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-image-file_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 54.17607223476298% no-repeat; width:16px; height:16px; } .svg-info_blue_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 28.314606741573034% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-info_blue_30x30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.01594533029613% 33.48623853211009% no-repeat; width:30px; height:30px; } .svg-info_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 45.35147392290249% no-repeat; width:20px; height:20px; } .svg-info_dark-grey_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 64.22121896162528% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-info_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 35.294117647058826% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-info_white_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 66.70428893905192% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-info_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 38.009049773755656% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-instant_reply_icon_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 47.61904761904762% no-repeat; width:20px; height:20px; } .svg-instant_reply_icon_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 40.723981900452486% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-instant_reply_link_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 43.43891402714932% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-instant_reply_white_icon_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 49.88662131519274% no-repeat; width:20px; height:20px; } .svg-instant_reply_white_icon_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 46.15384615384615% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-kleines-fenster-black_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.08773903262092% 79.27519818799547% no-repeat; width:19px; height:19px; } .svg-kleines-fenster_white_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.08773903262092% 81.33484162895928% no-repeat; width:19px; height:18px; } .svg-mail_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 48.86877828054298% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-menu_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 51.58371040723982% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-menu_dark-grey_32x32 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.21472602739725% 15.172413793103448% no-repeat; width:32px; height:32px; } .svg-message_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 52.15419501133787% no-repeat; width:20px; height:20px; } .svg-message_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 54.29864253393665% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-message_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 9.216589861751151% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-message_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 14.150943396226415% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-message_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.9375% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-message_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 55.98194130925508% no-repeat; width:16px; height:16px; } .svg-minus_blue_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 57.01357466063349% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-mms_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.27678571428571% 83.70786516853933% no-repeat; width:12px; height:12px; } .svg-mms_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 57.78781038374718% no-repeat; width:16px; height:16px; } .svg-more_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 59.72850678733032% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-partly-clouded-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 62.44343891402715% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-partly-clouded_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 65.15837104072398% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-partly-foggy-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 67.87330316742081% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-partly-foggy_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 70.58823529411765% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-pdf_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 54.42176870748299% no-repeat; width:20px; height:20px; } .svg-pdf_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 73.30316742081448% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-pdf_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 13.824884792626728% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-pdf_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.83482142857143% 85.3932584269663% no-repeat; width:12px; height:12px; } .svg-pdf_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 59.59367945823928% no-repeat; width:16px; height:16px; } .svg-pdf_grey_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.68129330254041% 76.27906976744185% no-repeat; width:42px; height:42px; } .svg-pdf_grey_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 82.93838862559242% 34.84486873508353% no-repeat; width:64px; height:64px; } .svg-pen_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 56.12244897959184% 86.7579908675799% no-repeat; width:26px; height:26px; } .svg-pen_white_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 56.68934240362812% no-repeat; width:20px; height:20px; } .svg-pen_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 59.0702947845805% 86.7579908675799% no-repeat; width:26px; height:26px; } .svg-play-selected_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 76.01809954751131% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-play_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 78.73303167420815% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-player_forward { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 69.18735891647856% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-player_forward-selected { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 71.6704288939052% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-player_no-cover-audio { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 0 no-repeat; width:350px; height:350px; } .svg-player_no-cover-audio_white { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 62.72401433691756% 0 no-repeat; width:350px; height:350px; } .svg-player_no-cover-video { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 63.405797101449274% no-repeat; width:350px; height:350px; } .svg-player_no-cover-video_white { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 62.72401433691756% 63.405797101449274% no-repeat; width:350px; height:350px; } .svg-player_pause { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 74.15349887133183% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-player_pause-selected { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 76.63656884875847% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-player_play { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 79.1196388261851% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-player_play-selected { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 81.60270880361173% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-player_sound-off { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 30.337078651685392% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-player_sound-on { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 85.68207440811724% 44.796380090497735% no-repeat; width:21px; height:18px; } .svg-pop-out-window_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 81.44796380090497% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-pop-out-window_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 84.16289592760181% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-posteingang_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 86.87782805429865% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-posteingang_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 89.59276018099547% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-posteingang_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 92.3076923076923% 93.84965831435079% no-repeat; width:24px; height:24px; } .svg-ppt_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 58.956916099773245% no-repeat; width:20px; height:20px; } .svg-ppt_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 0 no-repeat; width:24px; height:24px; } .svg-ppt_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 18.433179723502302% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-ppt_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 21.22641509433962% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-ppt_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.83482142857143% 86.74157303370787% no-repeat; width:12px; height:12px; } .svg-ppt_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 61.39954853273138% no-repeat; width:16px; height:16px; } .svg-print_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 2.733485193621868% no-repeat; width:24px; height:24px; } .svg-print_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 5.466970387243736% no-repeat; width:24px; height:24px; } .svg-priority_2022 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.67256637168141% 90.07891770011274% no-repeat; width:4px; height:15px; } .svg-priority_blue_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 67.2085201793722% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-radio-off_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 32.359550561797754% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-radio-off_error_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 34.38202247191011% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-radio-on_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 36.40449438202247% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-rain-shower-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 8.200455580865604% no-repeat; width:24px; height:24px; } .svg-rain-shower_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 10.933940774487471% no-repeat; width:24px; height:24px; } .svg-rain_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 13.66742596810934% no-repeat; width:24px; height:24px; } .svg-recurring_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 63.205417607223474% no-repeat; width:16px; height:16px; } .svg-recurring_white_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 65.01128668171557% no-repeat; width:16px; height:16px; } .svg-reminder_blue_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 16.40091116173121% no-repeat; width:24px; height:24px; } .svg-reminder_dark-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 69.07968574635241% 98.53107344632768% no-repeat; width:17px; height:17px; } .svg-reminder_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 19.134396355353076% no-repeat; width:24px; height:24px; } .svg-reminder_white_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 66.81715575620767% no-repeat; width:16px; height:16px; } .svg-reply-forward-grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 70.90807174887892% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-reply-forward_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 68.62302483069978% no-repeat; width:16px; height:16px; } .svg-save_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 38.42696629213483% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-save_black_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 70.42889390519187% no-repeat; width:16px; height:16px; } .svg-search_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 21.867881548974943% no-repeat; width:24px; height:24px; } .svg-selected_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 40.449438202247194% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-selected_green_round_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 53.06818181818182% 86.95652173913044% no-repeat; width:28px; height:28px; } .svg-selected_green_round_30x30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.01594533029613% 36.92660550458716% no-repeat; width:30px; height:30px; } .svg-send_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 42.47191011235955% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-send_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 24.60136674259681% no-repeat; width:24px; height:24px; } .svg-send_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 27.33485193621868% no-repeat; width:24px; height:24px; } .svg-setting_14x14 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 99.77628635346755% 97.97297297297297% no-repeat; width:14px; height:14px; } .svg-settings_dark-grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 100% no-repeat; width:12px; height:12px; } .svg-settings_dark-grey_14x14 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 67.11409395973155% 83.8963963963964% no-repeat; width:14px; height:14px; } .svg-settings_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 30.068337129840547% no-repeat; width:24px; height:24px; } .svg-settings_dark-white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 32.80182232346242% no-repeat; width:24px; height:24px; } .svg-sleet-shower-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 35.535307517084284% no-repeat; width:24px; height:24px; } .svg-sleet-shower_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 38.26879271070615% no-repeat; width:24px; height:24px; } .svg-sleet_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 41.00227790432802% no-repeat; width:24px; height:24px; } .svg-sms_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 43.735763097949885% no-repeat; width:24px; height:24px; } .svg-sms_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 1.3392857142857142% 100% no-repeat; width:12px; height:12px; } .svg-sms_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 72.23476297968398% no-repeat; width:16px; height:16px; } .svg-snow-shower-night_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 46.46924829157175% no-repeat; width:24px; height:24px; } .svg-snow-shower_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 49.20273348519362% no-repeat; width:24px; height:24px; } .svg-snow_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 51.93621867881549% no-repeat; width:24px; height:24px; } .svg-sound-off_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 54.66970387243736% no-repeat; width:24px; height:24px; } .svg-sound-on_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 57.40318906605923% no-repeat; width:24px; height:24px; } .svg-sound_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 61.224489795918366% no-repeat; width:20px; height:20px; } .svg-sound_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 60.136674259681094% no-repeat; width:24px; height:24px; } .svg-sound_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 23.04147465437788% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-sound_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 28.30188679245283% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-sound_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 2.6785714285714284% 100% no-repeat; width:12px; height:12px; } .svg-sound_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 74.04063205417607% no-repeat; width:16px; height:16px; } .svg-spam_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 62.87015945330296% no-repeat; width:24px; height:24px; } .svg-spam_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 65.60364464692483% no-repeat; width:24px; height:24px; } .svg-spam_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 68.3371298405467% no-repeat; width:24px; height:24px; } .svg-sprachbox_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 4.017857142857143% 100% no-repeat; width:12px; height:12px; } .svg-sprachbox_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 75.84650112866817% no-repeat; width:16px; height:16px; } .svg-star_blue_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 77.65237020316027% no-repeat; width:16px; height:16px; } .svg-star_blue_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 72.70179372197309% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-star_blue_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 63.492063492063494% no-repeat; width:20px; height:20px; } .svg-star_blue_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 71.07061503416857% no-repeat; width:24px; height:24px; } .svg-star_dark-grey_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 74.49551569506727% 98.53107344632768% no-repeat; width:16px; height:17px; } .svg-star_dark-grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 65.75963718820861% no-repeat; width:20px; height:20px; } .svg-star_dark_grey_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 68.02721088435374% no-repeat; width:20px; height:20px; } .svg-star_dark_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 73.80410022779043% no-repeat; width:24px; height:24px; } .svg-star_deselected_2022 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 79.45823927765237% no-repeat; width:16px; height:16px; } .svg-star_deselected_blue_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 44.49438202247191% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-star_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 76.5375854214123% no-repeat; width:24px; height:24px; } .svg-star_selected_blue_18x18 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 46.51685393258427% 98.64253393665159% no-repeat; width:18px; height:18px; } .svg-star_selected_blue_2022 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 81.17249154453214% no-repeat; width:16px; height:15px; } .svg-star_white_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 79.27107061503416% no-repeat; width:24px; height:24px; } .svg-sun_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 82.00455580865604% no-repeat; width:24px; height:24px; } .svg-thunder-storm_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 84.73804100227791% no-repeat; width:24px; height:24px; } .svg-todolist-check_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 87.47152619589977% no-repeat; width:24px; height:24px; } .svg-todolist-check_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 90.20501138952164% no-repeat; width:24px; height:24px; } .svg-todolist_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 95.92760180995475% 92.9384965831435% no-repeat; width:24px; height:24px; } .svg-todolist_grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 0 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-unknown-user_100x100 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 86.63366336633663% 0 no-repeat; width:100px; height:100px; } .svg-unknown-user_37x37 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 45.924225028702644% 87.86127167630057% no-repeat; width:37px; height:37px; } .svg-user_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 2.7149321266968327% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-user_dark-grey_36x36 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.61467889908256% 26.32794457274827% no-repeat; width:36px; height:36px; } .svg-user_white_30x30 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 49.772209567198175% 87.1559633027523% no-repeat; width:30px; height:30px; } .svg-video_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 70.29478458049887% no-repeat; width:20px; height:20px; } .svg-video_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 5.429864253393665% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-video_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 27.649769585253456% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-video_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 35.37735849056604% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-video_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 5.357142857142857% 100% no-repeat; width:12px; height:12px; } .svg-video_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 82.95711060948081% no-repeat; width:16px; height:16px; } .svg-warning-filled_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 84.08577878103837% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-warning-filled_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 8.144796380090497% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-warning-outline_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 86.56884875846501% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-warning-outline_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 10.85972850678733% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-warning_graphical_22x22 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 89.05191873589165% 96.36363636363636% no-repeat; width:22px; height:22px; } .svg-warning_graphical_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 13.574660633484163% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-warning_icon_48x48 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 79.95365005793742% 81.68028004667444% no-repeat; width:45px; height:45px; } .svg-warning_yellow_60x60 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 42.45283018867924% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-white_arrow-left_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 16.289592760180994% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_arrow-right_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 19.004524886877828% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_close_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 21.71945701357466% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_forward_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 24.43438914027149% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_lens_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 87.66968325791855% 79.72674228558347% no-repeat; width:24px; height:24.001px; } .svg-white_maxi_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 27.149321266968325% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_mini_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 29.86425339366516% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_new-window_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 32.57918552036199% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_print_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 35.294117647058826% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-white_save_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 38.009049773755656% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-xls_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 72.56235827664399% no-repeat; width:20px; height:20px; } .svg-xls_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 40.723981900452486% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-xls_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 32.25806451612903% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-xls_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 49.528301886792455% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-xls_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 6.696428571428571% 100% no-repeat; width:12px; height:12px; } .svg-xls_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 84.76297968397292% no-repeat; width:16px; height:16px; } .svg-xml_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 74.82993197278911% no-repeat; width:20px; height:20px; } .svg-xml_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 43.43891402714932% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-xml_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 36.866359447004605% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-xml_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 56.60377358490566% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-xml_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 8.035714285714286% 100% no-repeat; width:12px; height:12px; } .svg-xml_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 86.56884875846501% no-repeat; width:16px; height:16px; } .svg-xms_dark-grey_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 46.15384615384615% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-zip_20x20 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 98.1981981981982% 77.09750566893425% no-repeat; width:20px; height:20px; } .svg-zip_24x24 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 48.86877828054298% 96.58314350797266% no-repeat; width:24px; height:24px; } .svg-zip_42x42 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 41.474654377880185% 88.16705336426914% no-repeat; width:40px; height:40px; } .svg-zip_64x64 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 63.679245283018865% 83.1353919239905% no-repeat; width:60px; height:60px; } .svg-zip_grey_12x12 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 9.375% 100% no-repeat; width:12px; height:12px; } .svg-zip_grey_16x16 { background:url('https://email.t-online.de/res/bd6be40bdc3a2cc35eff804d6a6a9af9/spritesvg/sprite.css.svg') 100% 88.37471783295712% no-repeat; width:16px; height:16px; }.svgSpritingElement { display:inline-block; } .svg-flipX { -khtml-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1); }html,body { color:#262626; font-size:14px; height:100%; padding:0; margin:0; line-height:1.5; } p { margin-top:0; padding-top:0; } img { border:none; } h1 { margin:0; font-size:21px; font-weight:normal; } h2 { margin:0; font-size:19px; text-align:center; font-weight:normal; } h3 { margin:0; font-size:16px; font-weight:bold; } h4 { margin:0; font-weight:normal; color:#8c8c8c; } a { color:#0819bd; cursor:pointer; text-decoration:none; white-space:nowrap; } a:hover { text-decoration:underline; } a.pagenav { color:#262626; text-decoration:none; cursor:default; } .clearing { clear:both; } #frameMod { top:0; left:0; bottom:0; right:0; z-index:100; } #headerBar { width:100%; height:84px; background-color:#e20074; } .brandbarContainer { position:relative; clear:both; margin:0 auto 0; max-width:920px; padding:0 10px 0 10px; } #brand { position:absolute; top:18px; left:0; height:48px; width:48px; } #brandSlogan { position:absolute; font-family:TeleNeo, Arial; font-weight:900; -khtml-text-transform:uppercase;-moz-text-transform:uppercase;-ms-text-transform:uppercase;-o-text-transform:uppercase;-webkit-text-transform:uppercase;text-transform:uppercase; right:0; top:37px; color:#fff; } input,select { vertical-align:middle; } #smtpPageContainer { position:absolute; text-align:center; right:0; left:0; top:115px; } #smtpPageMessageContainer { color:rgba(0, 0, 0, 0.75); margin-top:10px; font-family:TeleNeo, Arial; font-weight:400; } .smtpPageMessageHeadline { font-size:36px; margin-bottom:15px; } .smtpPageMessageText { font-size:15px; max-width:500px; margin:0 auto; } .smtpPageMessageText scale-button { display:block; margin:20px auto 0; } #footerSpacer { height:50px; position:relative; }