#footer div.center-text li {
    margin-top: 8px;
}

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

.db-textfield {
    outline: 0;
    align-items: baseline;
    background: linear-gradient(var(--db-field-border-color) 0 0) 0 calc(100% + 1px)/1px 1px repeat-x, var(--db-secondary-background-color);
    background-clip: border-box;
    border: 1px solid transparent;
    box-sizing: border-box;
    caret-color: var(--db-caret-color);
    color: var(--db-field-secondary-text-color);
    display: flex;
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    vertical-align: baseline;
    box-shadow: 0 0 0 4px transparent, 0 0 0 8px transparent;
    transition: border 0.2s, box-shadow 0.3s;
    will-change: transform;
}

.db-textfield:focus-within {
    box-shadow: var(--db-focus-ring-inner-color) 0 0 0 2px, var(--db-focus-ring-outer-color) 0 0 0 5px;
    outline: 2px transparent;
}

@media (prefers-contrast: more) {
    .db-textfield {
        border-color: var(--db-loud-border-color);
    }
}

.db-textfield:not(.db-textfield--disabled) {
    cursor: text;
}

.db-textfield input, .db-textfield textarea {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: var(--db-field-primary-text-color);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    flex: 1 1;
    margin: 0;
    outline: 0;
    transition: color 0.2s;
    vertical-align: baseline;
    width: 100%;
}

.db-textfield input::-ms-clear {
    display: none;
}

.db-textfield ::-moz-placeholder {
    color: var(--db-field-secondary-text-color);
    font-family: inherit;
    font-size: inherit;
    font-style: italic;
    opacity: .5
}

.db-textfield :-ms-input-placeholder {
    color: var(--db-field-secondary-text-color);
    font-family: inherit;
    font-size: inherit;
    font-style: italic;
    opacity: .5
}

.db-textfield ::placeholder {
    color: var(--db-field-secondary-text-color);
    font-family: inherit;
    font-size: inherit;
    font-style: italic;
    opacity: 0.5;
}

.db-textfield__inline-label {
    pointer-events: none;
    position: absolute;
    transition: transform 0.2s;
    transform-origin: 0 0;
    white-space: nowrap;
}

.db-textfield--filled .db-textfield__inline-label, .db-textfield:focus-within .db-textfield__inline-label {
    transform: scale(0.875) translateY(-12px);
}

/*
   chrome overrides the background color of the input
   we want the input to always have a transparent background
   unfortunately, you cannot override the autofill background color in chrome
   instead, we add a really long transition, so that the chrome background color will "never" show
*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    transition: background-color 100000s;
}

.db-textfield--inline-label ::-moz-placeholder {
    color: transparent;
    -moz-transition: color .4;
    transition: color 0.4;
}

.db-textfield--inline-label :-ms-input-placeholder {
    color: transparent;
    -ms-transition: color .4;
    transition: color .4;
}

.db-textfield--inline-label ::placeholder {
    color: transparent;
    transition: color 0.4;
    overflow: visible;
}

.db-textfield--inline-label input {
    opacity: 0;
}

.db-textfield--inline-label.db-textfield--filled input, .db-textfield--inline-label:focus-within input {
    opacity: 1;
}

.db-textfield--inline-label:focus-within ::-moz-placeholder {
    color: var(--db-field-secondary-text-color);
}

.db-textfield--inline-label:focus-within :-ms-input-placeholder {
    color: var(--db-field-secondary-text-color);
}

.db-textfield--inline-label:focus-within ::placeholder {
    color: var(--db-field-secondary-text-color);
}

.db-textfield--inline-label input {
    transform: translateY(8px);
}

.db-textfield--size-xl {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px;
    height: 52px;
}

.db-textfield--size-xl input, .db-textfield--size-xl textarea {
    padding-left: 17px;
}

.db-textfield--size-xl input, .db-textfield--size-xl textarea {
    padding-right: 17px;
}


.db-textfield--size-xl .db-textfield__inline-label {
    margin-left: 17px;
}

.db-textfield--size-xl .db-textfield__inline-label, .db-textfield--size-xl input, .db-textfield--size-xl textarea {
    border-radius: 4px;
    padding-bottom: 13px;
    padding-top: 13px;
}

/* Unused but retained temporarily for potential future use */
/*.db-textfield--size-l {*/
/*    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;*/
/*    font-size: 16px;*/
/*    line-height: 24px;*/
/*    border-radius: 4px;*/
/*    min-height: 44px;*/
/*}*/

/*.db-textfield--size-l input, .db-textfield--size-l textarea {*/
/*    padding-left: 14px;*/
/*}*/

/*.db-textfield--size-l input, .db-textfield--size-l textarea {*/
/*    padding-right: 14px;*/
/*}*/


/*.db-textfield--size-l .db-textfield__inline-label {*/
/*    margin-left: 14px;*/
/*}*/

/*.db-textfield--size-l .db-textfield__inline-label, .db-textfield--size-l input, .db-textfield--size-l textarea {*/
/*    border-radius: 4px;*/
/*    padding-bottom: 9px;*/
/*    padding-top: 9px;*/
/*}*/

/*.db-textfield--size-m {*/
/*    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;*/
/*    font-size: 16px;*/
/*    line-height: 24px;*/
/*    border-radius: 4px;*/
/*    min-height: 36px;*/
/*}*/

/*.db-textfield--size-m input, .db-textfield--size-m textarea {*/
/*    padding-left: 11px;*/
/*}*/

/*.db-textfield--size-m input, .db-textfield--size-m textarea {*/
/*    padding-right: 11px;*/
/*}*/


/*.db-textfield--size-m .db-textfield__inline-label {*/
/*    margin-left: 11px;*/
/*}*/

/*.db-textfield--size-m .db-textfield__inline-label, .db-textfield--size-m input, .db-textfield--size-m textarea {*/
/*    border-radius: 4px;*/
/*    padding-bottom: 5px;*/
/*    padding-top: 5px;*/
/*}*/

.db-textfield--size-s {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    min-height: 28px;
}

.db-textfield--size-s input, .db-textfield--size-s textarea {
    padding-left: 9px;
}

.db-textfield--size-s input, .db-textfield--size-s textarea {
    padding-right: 9px;
}


.db-textfield--size-s .db-textfield__inline-label {
    margin-left: 9px;
}

.db-textfield--size-s .db-textfield__inline-label, .db-textfield--size-s input, .db-textfield--size-s textarea {
    border-radius: 4px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.db-textfield--size-xs {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    border-radius: 4px;
    min-height: 20px;
}

.db-textfield--size-xs input, .db-textfield--size-xs textarea {
    padding-left: 6px;
}

.db-textfield--size-xs input, .db-textfield--size-xs textarea {
    padding-right: 6px;
}


.db-textfield--size-xs .db-textfield__inline-label {
    margin-left: 6px;
}

.db-textfield--size-xs .db-textfield__inline-label, .db-textfield--size-xs input, .db-textfield--size-xs textarea {
    border-radius: 4px;
    padding-bottom: 0;
    padding-top: 0;
}

.db-textfield .db-button--size-m {
    margin: -6px;
}

.db-textfield .db-button--size-s {
    margin: -2px;
}

.db-textfield .db-button--size-xs {
    margin: 2px;
}

.db-textfield:before {
    content: '';
    width: 0;
}

@media (min-width: 768px) {
    .t\:db-textfield--size-xl {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        border-radius: 4px;
        min-height: 52px;
    }

    .t\:db-textfield--size-xl input, .t\:db-textfield--size-xl textarea {
        padding-left: 17px;
    }

    .t\:db-textfield--size-xl input, .t\:db-textfield--size-xl textarea {
        padding-right: 17px;
    }


    .t\:db-textfield--size-xl .db-textfield__inline-label {
        margin-left: 17px;
    }

    .t\:db-textfield--size-xl .db-textfield__inline-label, .t\:db-textfield--size-xl input, .t\:db-textfield--size-xl textarea {
        border-radius: 4px;
        padding-bottom: 13px;
        padding-top: 13px;
    }

    /*.t\:db-textfield--size-l {*/
    /*    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;*/
    /*    font-size: 16px;*/
    /*    line-height: 24px;*/
    /*    border-radius: 4px;*/
    /*    min-height: 44px;*/
    /*}*/
    /*.t\:db-textfield--size-l input, .t\:db-textfield--size-l textarea {*/
    /*    padding-left: 14px;*/
    /*}*/
    /*.t\:db-textfield--size-l input, .t\:db-textfield--size-l textarea {*/
    /*    padding-right: 14px;*/
    /*}*/
    /*.t\:db-textfield--size-l .db-textfield__inline-label {*/
    /*    margin-left: 14px;*/
    /*}*/
    /*.t\:db-textfield--size-l .db-textfield__inline-label, .t\:db-textfield--size-l input, .t\:db-textfield--size-l textarea {*/
    /*    border-radius: 4px;*/
    /*    padding-bottom: 9px;*/
    /*    padding-top: 9px;*/
    /*}*/
    /*.t\:db-textfield--size-m {*/
    /*    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;*/
    /*    font-size: 16px;*/
    /*    line-height: 24px;*/
    /*    border-radius: 4px;*/
    /*    min-height: 36px;*/
    /*}*/
    /*.t\:db-textfield--size-m input, .t\:db-textfield--size-m textarea {*/
    /*    padding-left: 11px;*/
    /*}*/
    /*.t\:db-textfield--size-m input, .t\:db-textfield--size-m textarea {*/
    /*    padding-right: 11px;*/
    /*}*/
    /*.t\:db-textfield--size-m .db-textfield__inline-label {*/
    /*    margin-left: 11px;*/
    /*}*/
    /*.t\:db-textfield--size-m .db-textfield__inline-label, .t\:db-textfield--size-m input, .t\:db-textfield--size-m textarea {*/
    /*    border-radius: 4px;*/
    /*    padding-bottom: 5px;*/
    /*    padding-top: 5px;*/
    /*}*/
    .t\:db-textfield--size-s {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        border-radius: 4px;
        min-height: 28px;
    }

    .t\:db-textfield--size-s input, .t\:db-textfield--size-s textarea {
        padding-left: 9px;
    }

    .t\:db-textfield--size-s input, .t\:db-textfield--size-s textarea {
        padding-right: 9px;
    }


    .t\:db-textfield--size-s .db-textfield__inline-label {
        margin-left: 9px;
    }

    .t\:db-textfield--size-s .db-textfield__inline-label, .t\:db-textfield--size-s input, .t\:db-textfield--size-s textarea {
        border-radius: 4px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .t\:db-textfield--size-xs {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        border-radius: 4px;
        min-height: 20px;
    }

    .t\:db-textfield--size-xs input, .t\:db-textfield--size-xs textarea {
        padding-left: 6px;
    }

    .t\:db-textfield--size-xs input, .t\:db-textfield--size-xs textarea {
        padding-right: 6px;
    }


    .t\:db-textfield--size-xs .db-textfield__inline-label {
        margin-left: 6px;
    }

    .t\:db-textfield--size-xs .db-textfield__inline-label, .t\:db-textfield--size-xs input, .t\:db-textfield--size-xs textarea {
        border-radius: 4px;
        padding-bottom: 0;
        padding-top: 0;
    }
}

@media (min-width: 1152px) {
    .d\:db-textfield--size-xl {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        border-radius: 4px;
        min-height: 52px;
    }

    .d\:db-textfield--size-xl input, .d\:db-textfield--size-xl textarea {
        padding-left: 17px;
    }

    .d\:db-textfield--size-xl input, .d\:db-textfield--size-xl textarea {
        padding-right: 17px;
    }

    .d\:db-textfield--size-xl .db-textfield__inline-label {
        margin-left: 17px;
    }

    .d\:db-textfield--size-xl .db-textfield__inline-label, .d\:db-textfield--size-xl input, .d\:db-textfield--size-xl textarea {
        border-radius: 4px;
        padding-bottom: 13px;
        padding-top: 13px;
    }

    /*.d\:db-textfield--size-l {*/
    /*    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;*/
    /*    font-size: 16px;*/
    /*    line-height: 24px;*/
    /*    border-radius: 4px;*/
    /*    min-height: 44px;*/
    /*}*/
    /*.d\:db-textfield--size-l input, .d\:db-textfield--size-l textarea {*/
    /*    padding-left: 14px;*/
    /*}*/
    /*.d\:db-textfield--size-l input, .d\:db-textfield--size-l textarea {*/
    /*    padding-right: 14px;*/
    /*}*/
    /*.d\:db-textfield--size-l .db-textfield__inline-label {*/
    /*    margin-left: 14px;*/
    /*}*/
    /*.d\:db-textfield--size-l .db-textfield__inline-label, .d\:db-textfield--size-l input, .d\:db-textfield--size-l textarea {*/
    /*    border-radius: 4px;*/
    /*    padding-bottom: 9px;*/
    /*    padding-top: 9px;*/
    /*}*/
    /*.d\:db-textfield--size-m {*/
    /*    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;*/
    /*    font-size: 16px;*/
    /*    line-height: 24px;*/
    /*    border-radius: 4px;*/
    /*    min-height: 36px;*/
    /*}*/
    /*.d\:db-textfield--size-m input, .d\:db-textfield--size-m textarea {*/
    /*    padding-left: 11px;*/
    /*}*/
    /*.d\:db-textfield--size-m input, .d\:db-textfield--size-m textarea {*/
    /*    padding-right: 11px;*/
    /*}*/
    /*.d\:db-textfield--size-m .db-textfield__inline-label {*/
    /*    margin-left: 11px;*/
    /*}*/
    /*.d\:db-textfield--size-m .db-textfield__inline-label, .d\:db-textfield--size-m input, .d\:db-textfield--size-m textarea {*/
    /*    border-radius: 4px;*/
    /*    padding-bottom: 5px;*/
    /*    padding-top: 5px;*/
    /*}*/
    .d\:db-textfield--size-s {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        border-radius: 4px;
        min-height: 28px;
    }

    .d\:db-textfield--size-s input, .d\:db-textfield--size-s textarea {
        padding-left: 9px;
    }

    .d\:db-textfield--size-s input, .d\:db-textfield--size-s textarea {
        padding-right: 9px;
    }

    .d\:db-textfield--size-s .db-textfield__inline-label {
        margin-left: 9px;
    }

    .d\:db-textfield--size-s .db-textfield__inline-label, .d\:db-textfield--size-s input, .d\:db-textfield--size-s textarea {
        border-radius: 4px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

    .d\:db-textfield--size-xs {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        border-radius: 4px;
        min-height: 20px;
    }

    .d\:db-textfield--size-xs input, .d\:db-textfield--size-xs textarea {
        padding-left: 6px;
    }

    .d\:db-textfield--size-xs input, .d\:db-textfield--size-xs textarea {
        padding-right: 6px;
    }

    .d\:db-textfield--size-xs .db-textfield__inline-label {
        margin-left: 6px;
    }

    .d\:db-textfield--size-xs .db-textfield__inline-label, .d\:db-textfield--size-xs input, .d\:db-textfield--size-xs textarea {
        border-radius: 4px;
        padding-bottom: 0;
        padding-top: 0;
    }
}


.db-logo {
    --db-logo--logo-units-bottom: 0;
    --db-logo--logo-units-top: 0;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    border-radius: calc(var(--db-logo--height) / 7.1);
    display: inline-flex;
    margin-bottom: calc(var(--db-logo--logo-units-bottom) * var(--db-logo--height));
    margin-top: calc(var(--db-logo--logo-units-top) * var(--db-logo--height));
    vertical-align: middle;
}


.db-logo[href] {
    outline: 0;
    position: relative;
    z-index: 0;
    box-shadow: 0 0 0 12px transparent, 0 0 0 8px transparent;
    transition: box-shadow .3s;
    will-change: transform;
}

.db-logo[href]:focus {
    box-shadow: var(--db-focus-ring-inner-color) 0 0 0 6px, var(--db-focus-ring-outer-color) 0 0 0 9px;
    outline: 2px transparent;
}


.db-pulse {
    --db-pulse--logo-units-top: 0.5;
    --db-pulse--logo-units-bottom: 0;
    color: var(--db-primary-text-color);
    display: block;
    line-height: 0;
}

.db-pulse:after {
    background: var(--db-pulse-background);
    border-radius: calc(var(--db-logo--height) / 7 * .5);
    content: "";
    display: inline-block;
    height: calc(var(--db-logo--height) / 7);
    margin-bottom: calc(var(--db-pulse--logo-units-bottom) * var(--db-logo--height));
    margin-top: calc(var(--db-pulse--logo-units-top) * var(--db-logo--height));
    vertical-align: middle;
    width: calc(var(--db-logo--height) / 7 * 10);
}

.db-pulse > * {
    margin: 0 calc(-.07em + 1px);
}

/* Unused but retained temporarily for potential future use */
/*.db-logo--size-xs, .db-logo--size-xs ~ .db-pulse {*/
/*    --db-logo--height: 14px;*/
/*}*/

/*.db-logo--size-s, .db-logo--size-s ~ .db-pulse {*/
/*    --db-logo--height: 21px;*/
/*}*/

/*.db-logo--size-m, .db-logo--size-m ~ .db-pulse {*/
/*    --db-logo--height: 28px;*/
/*}*/

/*.db-logo--size-l, .db-logo--size-l ~ .db-pulse {*/
/*    --db-logo--height: 35px;*/
/*}*/

.db-logo--size-xl, .db-logo--size-xl ~ .db-pulse {
    --db-logo--height: 42px;
}

/* Unused but retained temporarily for potential future use */
/*.db-logo--size-xxl, .db-logo--size-xxl ~ .db-pulse {*/
/*    --db-logo--height: 56px;*/
/*}*/

@media (min-width: 768px) {
    /*.t\:db-logo--size-xs, .t\:db-logo--size-xs ~ .db-pulse {*/
    /*    --db-logo--height: 14px;*/
    /*}*/
    /*.t\:db-logo--size-s, .t\:db-logo--size-s ~ .db-pulse {*/
    /*    --db-logo--height: 21px;*/
    /*}*/
    /*.t\:db-logo--size-m, .t\:db-logo--size-m ~ .db-pulse {*/
    /*    --db-logo--height: 28px;*/
    /*}*/
    /*.t\:db-logo--size-l, .t\:db-logo--size-l ~ .db-pulse {*/
    /*    --db-logo--height: 35px;*/
    /*}*/
    .t\:db-logo--size-xl, .t\:db-logo--size-xl ~ .db-pulse {
        --db-logo--height: 42px;
    }

    /*.t\:db-logo--size-xxl, .t\:db-logo--size-xxl ~ .db-pulse {*/
    /*    --db-logo--height: 56px;*/
    /*}*/
}

.db-headline {
    color: var(--db-primary-text-color);
    font-family: DBScreenHead, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-weight: 900;
    overflow-wrap: break-word;
}

.db-headline--secondary {
    color: var(--db-secondary-text-color);
}


@media (min-width: 1152px) {
    /*.d\:db-logo--size-xs, .d\:db-logo--size-xs ~ .db-pulse {*/
    /*    --db-logo--height: 14px;*/
    /*}*/
    /*.d\:db-logo--size-s, .d\:db-logo--size-s ~ .db-pulse {*/
    /*    --db-logo--height: 21px;*/
    /*}*/
    /*.d\:db-logo--size-m, .d\:db-logo--size-m ~ .db-pulse {*/
    /*    --db-logo--height: 28px;*/
    /*}*/
    /*.d\:db-logo--size-l, .d\:db-logo--size-l ~ .db-pulse {*/
    /*    --db-logo--height: 35px;*/
    /*}*/
    .d\:db-logo--size-xl, .d\:db-logo--size-xl ~ .db-pulse {
        --db-logo--height: 42px;
    }

    /*.d\:db-logo--size-xxl, .d\:db-logo--size-xxl ~ .db-pulse {*/
    /*    --db-logo--height: 56px;*/
    /*}*/
}

.db-fs1, .db-fs2, .db-fs3 {
    font-size: 12px;
    line-height: 16px;
}

/* Unused but retained temporarily for potential future use */
/*.db-fs4 {*/
/*    font-size: 14px;*/
/*    line-height: 20px;*/
/*}*/

/*.db-fs5 {*/
/*    font-size: 16px;*/
/*}*/

/*.db-fs5, .db-fs6 {*/
/*    line-height: 24px;*/
/*}*/

/*.db-fs6 {*/
/*    font-size: 18px;*/
/*}*/

/*.db-fs7 {*/
/*    font-size: 24px;*/
/*    line-height: 32px;*/
/*}*/

.db-fs8 {
    font-size: 28px;
    line-height: 36px;
}

/* Unused but retained temporarily for potential future use */
/*.db-fs9 {*/
/*    font-size: 35px;*/
/*    line-height: 40px;*/
/*}*/

/*.db-fs10 {*/
/*    font-size: 42px;*/
/*    line-height: 48px;*/
/*}*/

/*.db-fs11 {*/
/*    font-size: 50px;*/
/*    line-height: 56px;*/
/*}*/

/*.db-fs12 {*/
/*    font-size: 60px;*/
/*    line-height: 68px;*/
/*}*/

/*.db-fs13 {*/
/*    font-size: 73px;*/
/*    line-height: 80px;*/
/*}*/

/*.db-fs14 {*/
/*    font-size: 87px;*/
/*    line-height: 96px;*/
/*}*/

/*.db-fs15 {*/
/*    font-size: 105px;*/
/*    line-height: 116px;*/
/*}*/

/*.db-fs16 {*/
/*    font-size: 125px;*/
/*    line-height: 136px;*/
/*}*/

@media (min-width: 768px) {
    .t\:db-fs1, .t\:db-fs2, .t\:db-fs3 {
        font-size: 12px;
        line-height: 16px;
    }

    /*.t\:db-fs4 {*/
    /*    font-size: 14px;*/
    /*    line-height: 20px;*/
    /*}*/
    /*.t\:db-fs5 {*/
    /*    font-size: 16px;*/
    /*    line-height: 24px;*/
    /*}*/
    /*.t\:db-fs6 {*/
    /*    font-size: 18px;*/
    /*    line-height: 24px;*/
    /*}*/
    /*.t\:db-fs7 {*/
    /*    font-size: 24px;*/
    /*    line-height: 32px;*/
    /*}*/
    .t\:db-fs8 {
        font-size: 28px;
        line-height: 36px;
    }

    /*.t\:db-fs9 {*/
    /*    font-size: 35px;*/
    /*    line-height: 40px;*/
    /*}*/
    /*.t\:db-fs10 {*/
    /*    font-size: 42px;*/
    /*    line-height: 48px;*/
    /*}*/
    /*.t\:db-fs11 {*/
    /*    font-size: 50px;*/
    /*    line-height: 56px;*/
    /*}*/
    /*.t\:db-fs12 {*/
    /*    font-size: 60px;*/
    /*    line-height: 68px;*/
    /*}*/
    /*.t\:db-fs13 {*/
    /*    font-size: 73px;*/
    /*    line-height: 80px;*/
    /*}*/
    /*.t\:db-fs14 {*/
    /*    font-size: 87px;*/
    /*    line-height: 96px;*/
    /*}*/
    /*.t\:db-fs15 {*/
    /*    font-size: 105px;*/
    /*    line-height: 116px;*/
    /*}*/
    /*.t\:db-fs16 {*/
    /*    font-size: 125px;*/
    /*    line-height: 136px;*/
    /*}*/
}

@media (min-width: 1152px) {
    .d\:db-fs1, .d\:db-fs2, .d\:db-fs3 {
        font-size: 12px;
        line-height: 16px;
    }

    /*.d\:db-fs4 {*/
    /*    font-size: 14px;*/
    /*    line-height: 20px;*/
    /*}*/
    /*.d\:db-fs5 {*/
    /*    font-size: 16px;*/
    /*    line-height: 24px;*/
    /*}*/
    /*.d\:db-fs6 {*/
    /*    font-size: 18px;*/
    /*    line-height: 24px;*/
    /*}*/
    /*.d\:db-fs7 {*/
    /*    font-size: 24px;*/
    /*    line-height: 32px;*/
    /*}*/
    .d\:db-fs8 {
        font-size: 28px;
        line-height: 36px;
    }

    /*.d\:db-fs9 {*/
    /*    font-size: 35px;*/
    /*    line-height: 40px;*/
    /*}*/
    /*.d\:db-fs10 {*/
    /*    font-size: 42px;*/
    /*    line-height: 48px;*/
    /*}*/
    /*.d\:db-fs11 {*/
    /*    font-size: 50px;*/
    /*    line-height: 56px;*/
    /*}*/
    /*.d\:db-fs12 {*/
    /*    font-size: 60px;*/
    /*    line-height: 68px;*/
    /*}*/
    /*.d\:db-fs13 {*/
    /*    font-size: 73px;*/
    /*    line-height: 80px;*/
    /*}*/
    /*.d\:db-fs14 {*/
    /*    font-size: 87px;*/
    /*    line-height: 96px;*/
    /*}*/
    /*.d\:db-fs15 {*/
    /*    font-size: 105px;*/
    /*    line-height: 116px;*/
    /*}*/
    /*.d\:db-fs16 {*/
    /*    font-size: 125px;*/
    /*    line-height: 136px;*/
    /*}*/
}

.remember-me-2fa-checkbox {
    text-align: left !important;
    font-size: 14px !important;
    color: #646973 !important;
    padding: 0 16px !important;
    margin: 8px 0;
    width: 100%;
}

.db-checkbox {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    align-items: baseline;
    box-sizing: border-box;
    color: var(--db-primary-text-color);
    display: inline-flex;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .db-checkbox {
        font-size: 1rem;
        line-height: 1.5;
    }
}

.db-checkbox input {
    outline: 0;
    height: 100%;
    min-height: 24px;
    min-width: 24px;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.db-checkbox input + .db-checkbox__box {
    box-shadow: 0 0 0 4px transparent, 0 0 0 8px transparent;
    transition: box-shadow .3s;
    will-change: transform;
}

.db-checkbox input:focus + .db-checkbox__box {
    box-shadow: var(--db-focus-ring-inner-color) 0 0 0 2px, var(--db-focus-ring-outer-color) 0 0 0 5px;
    outline: 2px transparent;
}

.db-checkbox :disabled ~ * {
    color: var(--db-disabled-text-color);
}

.db-checkbox__box {
    background: var(--db-primary-background-color);
    border-radius: 2.5px;
    flex-shrink: 0;
    height: 20px;
    position: relative;
    top: 4px;
    width: 20px;
}

.db-checkbox__box svg {
    rotate: 0deg;
    display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.db-checkbox__background {
    fill: var(--db-primary-background-color);
    stroke: currentColor;
    x: -1px;
    y: -1px;
    width: 18px;
    height: 18px;
    stroke-width: 2px;
}

.db-checkbox:active > input:not(:disabled):not(:checked) + .db-checkbox__box .db-checkbox__background {
    fill: var(--db-darker-background-color);
}

.db-checkbox__checked, .db-checkbox__indeterminate {
    fill: transparent;
    transform: scale(0);
    transform-origin: center;
    transition: all .1s cubic-bezier(.3, 0, .8, 1.8);
}

:indeterminate + .db-checkbox__box .db-checkbox__indeterminate {
    fill: currentColor;
    transform: scale(1);
}

:checked:not(:indeterminate) + .db-checkbox__box .db-checkbox__checked {
    fill: var(--db-checkbox-tick-color);
    transform: scale(1);
}

:checked:disabled:not(:indeterminate) + .db-checkbox__box .db-checkbox__checked {
    fill: var(--db-primary-background-color);
}

:active:checked:not(:indeterminate):not(:disabled) + .db-checkbox__box .db-checkbox__checked, :active:indeterminate:not(:disabled) + .db-checkbox__box .db-checkbox__indeterminate {
    transform: scale(.9);
}

:checked:disabled + .db-checkbox__box .db-checkbox-checked {
    fill: var(--db-primary-button-disabled-text-color);
}

:checked:not(:indeterminate) + .db-checkbox__box .db-checkbox__background {
    fill: currentColor;
}

:disabled + .db-checkbox__box {
    color: var(--db-primary-button-disabled-background-color);
}

.db-checkbox__label {
    margin-left: .5em;
}

.db-checkbox__label a {
    font-size: 0;
    text-decoration: none;
}

.db-checkbox__label a:before {
    background: #fff876;
    border-radius: 4px;
    color: #ec0016;
    content: "⚠️ Dont use links in labels (use footer={…}) ⚠️";
    font-size: 16px;
}




.db-button--block {
    display: block;
    width: 100%;
}

.db-button--primary {
    outline: 0;
    box-shadow: 0 0 0 4px transparent, 0 0 0 8px transparent;
    transition: background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in, box-shadow .3s;
    will-change: transform;
    border-radius: 4px;
}

.db-button--primary:-moz-any-link {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    align-items: center;
    display: inline-flex;
    background-color: var(--db-primary-button-background-color);
    justify-content: center;
    text-decoration: none;
    border: 1px solid transparent;
    color: var(--db-primary-button-text-color);
    cursor: pointer;
    vertical-align: baseline
}

.db-button--primary, .db-button--primary:any-link {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    align-items: center;
    display: inline-flex;
    background-color: var(--db-primary-button-background-color);
    justify-content: center;
    text-decoration: none;
    border: 1px solid transparent;
    color: var(--db-primary-button-text-color);
    cursor: pointer;
    vertical-align: baseline;
}

@media (min-width: 768px) {
    .db-button--primary:-moz-any-link {
        font-size: 1rem;
        line-height: 1.5
    }

    .db-button--primary, .db-button--primary:any-link {
        font-size: 1rem;
        line-height: 1.5
    }
}

.db-button--primary:hover {
    background-color: var(--db-primary-button-hover-background-color);
    color: var(--db-primary-button-hover-text-color);
    border-color: transparent;
}

.db-button--primary:active {
    background-color: var(--db-primary-button-pressed-background-color);
    color: var(--db-primary-button-pressed-text-color);
    border-color: transparent
}

.db-button--primary:-moz-any-link {
    font-weight: 700
}

.db-button--primary, .db-button--primary:any-link {
    font-weight: 700
}

.db-button--secondary {
    outline: 0;
    box-shadow: 0 0 0 4px transparent, 0 0 0 8px transparent;
    transition: background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in, box-shadow .3s;
    will-change: transform;
}

.db-button--secondary:-moz-any-link {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    align-items: center;
    display: inline-flex;
    background-color: var(--db-secondary-button-background-color);
    justify-content: center;
    text-decoration: none;
    border: 1px solid transparent;
    color: var(--db-secondary-button-text-color);
    cursor: pointer;
    vertical-align: baseline
}

.db-button--secondary, .db-button--secondary:any-link {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    align-items: center;
    display: inline-flex;
    background-color: var(--db-secondary-button-background-color);
    justify-content: center;
    text-decoration: none;
    border: 1px solid transparent;
    color: var(--db-secondary-button-text-color);
    cursor: pointer;
    vertical-align: baseline;
}

@media (min-width: 768px) {
    .db-button--secondary:-moz-any-link {
        font-size: 1rem;
        line-height: 1.5
    }

    .db-button--secondary, .db-button--secondary:any-link {
        font-size: 1rem;
        line-height: 1.5;
    }
}


.db-button--secondary:hover {
    background-color: var(--db-secondary-button-hover-background-color);
    color: var(--db-secondary-button-hover-text-color);
    border-color: var(--db-loud-border-color);
}

.db-button--secondary:active {
    background-color: var(--db-secondary-button-pressed-background-color);
    color: var(--db-secondary-button-pressed-text-color);
    border-color: var(--db-loud-border-color);
}


.db-button--size-xl:-moz-any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 13px 17px;
    border-radius: 4px;
    min-height: 52px;
    min-width: 208px
}

.db-button--size-xl, .db-button--size-xl:any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 13px 17px;
    border-radius: 4px;
    min-height: 52px;
    min-width: 208px
}

.db-button--size-l:-moz-any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 9px 14px;
    border-radius: 4px;
    min-height: 44px;
    min-width: 176px
}

.db-button--size-l, .db-button--size-l:any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 9px 14px;
    border-radius: 4px;
    min-height: 44px;
    min-width: 176px
}


.db-button--size-m:-moz-any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 11px;
    border-radius: 4px;
    min-height: 36px;
    min-width: 144px
}

.db-button--size-m, .db-button--size-m:any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 11px;
    border-radius: 4px;
    min-height: 36px;
    min-width: 144px
}


.db-button--size-s:-moz-any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 9px;
    border-radius: 4px;
    min-height: 28px;
    min-width: 112px
}

.db-button--size-s, .db-button--size-s:any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 3px 9px;
    border-radius: 4px;
    min-height: 28px;
    min-width: 112px
}


.db-button--size-xs:-moz-any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 4px;
    min-height: 20px;
    min-width: 80px
}

.db-button--size-xs, .db-button--size-xs:any-link {
    font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 4px;
    min-height: 20px;
    min-width: 80px
}


.db-button [aria-hidden=false] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    width: 1px
}

.db-button:before {
    /*content: " ";*/
    content: '';
    width: 0
}

@media (min-width: 768px) {
    .t\:db-button--size-xl:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 13px 17px;
        border-radius: 4px;
        min-height: 52px;
        min-width: 208px
    }

    .t\:db-button--size-xl, .t\:db-button--size-xl:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 13px 17px;
        border-radius: 4px;
        min-height: 52px;
        min-width: 208px
    }


    .t\:db-button--size-l:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 9px 14px;
        border-radius: 4px;
        min-height: 44px;
        min-width: 176px
    }

    .t\:db-button--size-l, .t\:db-button--size-l:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 9px 14px;
        border-radius: 4px;
        min-height: 44px;
        min-width: 176px
    }


    .t\:db-button--size-m:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 5px 11px;
        border-radius: 4px;
        min-height: 36px;
        min-width: 144px
    }

    .t\:db-button--size-m, .t\:db-button--size-m:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 5px 11px;
        border-radius: 4px;
        min-height: 36px;
        min-width: 144px
    }


    .t\:db-button--size-s:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding: 3px 9px;
        border-radius: 4px;
        min-height: 28px;
        min-width: 112px
    }

    .t\:db-button--size-s, .t\:db-button--size-s:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding: 3px 9px;
        border-radius: 4px;
        min-height: 28px;
        min-width: 112px
    }


    .t\:db-button--size-xs:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        padding: 0 6px;
        border-radius: 4px;
        min-height: 20px;
        min-width: 80px
    }

    .t\:db-button--size-xs, .t\:db-button--size-xs:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        padding: 0 6px;
        border-radius: 4px;
        min-height: 20px;
        min-width: 80px
    }
}

@media (min-width: 1152px) {


    .d\:db-button--size-xl:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 13px 17px;
        border-radius: 4px;
        min-height: 52px;
        min-width: 208px
    }

    .d\:db-button--size-xl, .d\:db-button--size-xl:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 13px 17px;
        border-radius: 4px;
        min-height: 52px;
        min-width: 208px
    }


    .d\:db-button--size-l:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 9px 14px;
        border-radius: 4px;
        min-height: 44px;
        min-width: 176px
    }

    .d\:db-button--size-l, .d\:db-button--size-l:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 9px 14px;
        border-radius: 4px;
        min-height: 44px;
        min-width: 176px
    }


    .d\:db-button--size-m:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 5px 11px;
        border-radius: 4px;
        min-height: 36px;
        min-width: 144px
    }

    .d\:db-button--size-m, .d\:db-button--size-m:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 16px;
        line-height: 24px;
        padding: 5px 11px;
        border-radius: 4px;
        min-height: 36px;
        min-width: 144px
    }


    .d\:db-button--size-s:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding: 3px 9px;
        border-radius: 4px;
        min-height: 28px;
        min-width: 112px
    }

    .d\:db-button--size-s, .d\:db-button--size-s:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding: 3px 9px;
        border-radius: 4px;
        min-height: 28px;
        min-width: 112px
    }


    .d\:db-button--size-xs:-moz-any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        padding: 0 6px;
        border-radius: 4px;
        min-height: 20px;
        min-width: 80px
    }

    .d\:db-button--size-xs, .d\:db-button--size-xs:any-link {
        font-family: DBScreenSans, Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 18px;
        padding: 0 6px;
        border-radius: 4px;
        min-height: 20px;
        min-width: 80px
    }
}

.db-pen-icon {
    width: var(--icon--m);
    height: var(--icon--m);
}

.db-pen-icon:hover {
    background-color: var(--db-solid-button-background-color);
    color: var(--db-solid-button-hover-text-color);
    border-color: transparent;
    border-radius: 50%;
}

.db-link {
    appearance: none;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.db-link svg {
    rotate: 0deg;
}


.db-link--secondary {
    outline: 0;
}

.db-link--secondary span {
    border-radius: .15em;
    margin-left: -.2em;
    margin-right: -.2em;
    padding-left: .2em;
    padding-right: .2em;
    box-shadow: 0 0 0 0 transparent, 0 0 0 8px transparent;
    transition: box-shadow .3s;
    will-change: transform;
}

.db-link--secondary:-moz-any-link {
    color: var(--db-primary-text-color);
    text-decoration-line: none;
    text-underline-offset: .11em;
    text-decoration-thickness: 1px;
}

.db-link--secondary, .db-link--secondary:any-link {
    color: var(--db-primary-text-color);
    text-decoration-line: none;
    text-underline-offset: .11em;
    text-decoration-thickness: 1px;
}

.db-link--secondary:-moz-any-link span {
    text-decoration-color: var(--db-secondary-link-underline-color);
}

.db-link--secondary span, .db-link--secondary:any-link span {
    -webkit-text-decoration-line: underline;
    -webkit-text-decoration-color: var(--db-secondary-link-underline-color);
    text-decoration-color: var(--db-secondary-link-underline-color);
}

.db-link--secondary:hover span {
    color: var(--db-link-color);
    -webkit-text-decoration-color: unset;
    text-decoration-color: unset;
}

.db-link--secondary:active span {
    color: var(--db-link-hover-color);
}

.db-link--secondary:focus span {
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.db-link:disabled, .db-link:disabled span, .db-link:disabled:active, .db-link:disabled:hover {
    color: var(--db-disabled-text-color);
    cursor: default;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
}

.kc-form-wrapper-id-first {
    padding-left: 32px;
    padding-right: 32px;
}

.remember-me-id-first {
    width: 100%;
    padding: 12px;
    margin-top: 0px;
    margin-bottom: 12px;
    display: flex;
    align-content: flex-start;
}

.id-first-readonly-username {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
}

.id-first-readonly-username .username-container {
    display: flex;
    padding: var(--spacing-none);
    max-width: calc(100% - var(--icon--m) - var(--icon--m)); /* margin of size of pen on left and right */
    min-width: calc(100% - var(--icon--m) - var(--icon--m)); /* margin of size of pen on left and right */
    justify-content: space-around;
}

.id-first-readonly-username .username-container label {
    text-align: center;
    overflow: hidden;
    overflow-wrap: break-word;
    margin: var(--spacing-none);
}

.id-first-readonly-username .pen-container {
    display: flex;
    padding: var(--spacing-none);
}

.id-first-readonly-username .a {
    display: flex;
    padding: var(--spacing-none);
}

.id-first-hidden-username-input {
    display: none;
}

#id-first-register-email-info {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.01px;
    color: #646973;
    padding: 0 16px;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 18px !important;
}

.id-first-register-with-bahncard-link {
    display: inline-flex;
    align-items: center;
    color: #212529;
    font-size: 0.9rem;
    text-decoration: none;
}

.id-first-register-with-bahncard-link-img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-left: -2px;
    transform: rotate(90deg);
}

.id-first-register-with-bahncard-link-text:hover,
.id-first-register-with-bahncard-link-text:focus {
    color: #212529;
    text-decoration: underline;
}


.password-forgot-div {
    margin-top: 24px;
    margin-bottom: 24px;
}

#input-delete-button {
    padding-bottom: 5px;
}

.calculated-width-username {
    /* 17 px = fixed size of the right-attribute of the icon
       44 px = fixed icon size + fixed offset to the left */
    width: -webkit-calc(100% + 17px - 44px);
    width: -moz-calc(100% + 17px - 44px);
    width: calc(100% + 17px - 44px);
}

.calculated-width-password {
    /* 17 px = fixed size of the right-attribute of the icon
       68 px = fixed icon size + fixed offset to the left */
    width: -webkit-calc(100% + 17px - 68px);
    width: -moz-calc(100% + 17px - 68px);
    width: calc(100% + 17px - 68px);
}

.input__icon-container-id-first {
    padding: .125rem 0 0 1rem;
    right: 17px;
    top: 16px;
    position: absolute;
}