/*! project: dhl-digital-experience-platform v2024.4.0 | compilation hash: 41b16699519ed2cacbbe | timestamp: Wed Apr 24 2024 15:29:18 GMT+0200 (Central European Summer Time) */
.c-tracking-headline {
    margin-top: 5.6rem;
    text-align: center;
    width: 100%
}

.c-tracking-headline h1 {
    font-weight: 300;
    line-height: var(--size-line-height-xs);
    text-transform: none
}

.c-tracking-headline h1 span {
    font-weight: 800
}

@media print {
    .c-tracking-headline {
        display: none
    }
}

.c-tracking--container {
    background-color: var(--color-gray-50)
}

.c-multiple-tracking-result--container {
    margin: 0 auto;
    max-width: 89.3rem
}

.c-multiple-tracking-result--container a[href^=tel],.c-tracking-result--container a[href^=tel] {
    color: inherit;
    pointer-events: none;
    -webkit-text-decoration: none;
    text-decoration: none
}

.c-tracking-result--container {
    background-color: var(--color-white-500);
    margin: 0 auto;
    max-width: 89.3rem;
    width: 100%
}

.c-tracking-result--container:not(.is-visible) {
    display: none
}

.c-tracking-result--header {
    flex-grow: 1
}

.c-tracking-result--section {
    border-bottom: .1rem solid var(--color-gray-400);
    font-size: var(--size-font-sm);
    line-height: var(--size-line-height-5xl);
    padding: 2.1rem;
    position: relative;
    width: 100%
}

.c-tracking-result--section.c-tracking-result--info {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap
}

.c-tracking-result--section.c-tracking-result--info .c-tracking-result--status-shipment-undefined {
    font-size: var(--size-font-4xl);
    margin-bottom: 1.4rem;
    width: 100%
}

.c-tracking-result--info-link {
    display: block;
    line-height: var(--size-line-height-xl)
}

.c-tracking-result--info-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.c-tracking-result--info-link:focus-visible {
    outline: .1rem solid var(--color-red-500)
}

.c-tracking-result--gogreen {
    color: var(--color-green-600)
}

.c-tracking-result--cashondelivery.icon-cash-on-delivery:before {
    color: var(--color-red-500)
}

.c-tracking-result--cashondelivery.icon-cash-on-delivery:before,.c-tracking-result--gogreen.icon-gogreen:before {
    font-size: 2.4rem;
    top: .5rem
}

.c-tracking-result--print {
    position: absolute;
    right: 2.8rem;
    top: 2.8rem
}

.c-tracking-result--print>span {
    font-size: var(--size-font-sm)
}

.c-tracking-result--print:before {
    font-size: var(--size-font-md)
}

.c-tracking-result--notification,.c-tracking-result--print {
    min-width: auto;
    padding-left: 2.1rem;
    padding-right: 4.9rem;
    width: auto
}

.c-tracking-result--notification:before {
    font-size: var(--size-font-xl)
}

.c-tracking-result--notification:before,.c-tracking-result--print:before {
    left: auto;
    right: 2.1rem;
    top: 50%;
    transform: translateY(-50%)
}

.c-tracking-result-message--content {
    font-size: var(--size-font-sm);
    line-height: var(--size-line-height-5xl)
}

@media (hover: none),(pointer:coarse) {
    .c-tracking-result--section .c-tracking-result--print {
        display:none
    }
}

.c-tracking-result--section .c-tracking-result--code {
    margin-bottom: 1.4rem
}

.c-tracking-result--section .c-tracking-result--contact-link {
    font-weight: 400
}

.c-tracking-result--section .c-tracking-result--status a {
    font-weight: 800
}

.c-tracking-result--section .c-tracking-result--status-copy-message {
    margin-bottom: .7rem;
    width: 100%
}

.c-tracking-result--section .c-tracking-result--status {
    margin-bottom: 2.1rem
}

.c-tracking-result--section .c-tracking-result--origin {
    margin-bottom: 0
}

.c-tracking-result--section .c-tracking-result--destination {
    margin-bottom: 0;
    text-align: right
}

.c-tracking-results--status-bar-container {
    height: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative
}

.c-tracking-results-status-bar {
    background-color: var(--color-gray-200);
    position: relative;
    width: 33.3%
}

.c-tracking-results-status-bar.bar-1 {
    background: linear-gradient(90deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-green-550) 1rem,var(--color-green-550) 100%);
    clip-path: polygon(0 -1rem,2rem -1rem,2rem 0,calc(100% - .6rem) 0,calc(100% - .1rem) .5rem,calc(100% - .6rem) 1rem,0 1rem)
}

.c-tracking-results-status-bar.bar-1.bar-pretransit,.return-shipment .c-tracking-results-status-bar.bar-1.bar-delivered {
    background: linear-gradient(90deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-gray-200) 1rem,var(--color-gray-200) 100%)
}

.c-tracking-results-status-bar.bar-1.bar-pretransit {
    clip-path: polygon(0 -1rem,2rem -1rem,2rem 0,calc(100% - .6rem) 0,calc(100% - .1rem) .5rem,calc(100% - .6rem) 1rem,0 1rem)
}

.return-shipment .c-tracking-results-status-bar.bar-1.bar-delivered {
    clip-path: polygon(2.8rem -1rem,2rem -1rem,2rem 0,calc(100% - .6rem) 0,calc(100% - .1rem) .5rem,calc(100% - .6rem) 1rem,2.8rem 1rem)
}

.c-tracking-results-status-bar.bar-1.bar-intransit {
    clip-path: polygon(0 -1rem,2rem -1rem,2rem 0,calc(100% - 2.4rem) 0,calc(100% - 1.9rem) .5rem,calc(100% - 2.4rem) 1rem,0 1rem)
}

.return-shipment .c-tracking-results-status-bar.bar-1.bar-intransit {
    background: linear-gradient(90deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-yellow-500) 1rem,var(--color-yellow-500) 100%)
}

.c-tracking-results-status-bar.bar-2 {
    background-color: var(--color-green-550);
    clip-path: polygon(.1rem 0,calc(100% - 2.4rem) 0,calc(100% - 1.9rem) .5rem,calc(100% - 2.4rem) 1rem,.1rem 1rem,.6rem .5rem)
}

.c-tracking-results-status-bar.bar-2.bar-delivered,.c-tracking-results-status-bar.bar-2.bar-pretransit {
    clip-path: polygon(.1rem 0,calc(100% - .6rem) 0,calc(100% - .1rem) .5rem,calc(100% - .6rem) 1rem,.1rem 1rem,.6rem .5rem)
}

.c-tracking-results-status-bar.bar-2.bar-intransit {
    clip-path: polygon(1.9rem 0,calc(100% - .6rem) 0,calc(100% - .1rem) .5rem,calc(100% - .6rem) 1rem,1.9rem 1rem,2.4rem .5rem)
}

.c-tracking-results-status-bar.bar-2.bar-failure {
    background-color: var(--color-red-500)
}

.c-tracking-results-status-bar.bar-2.bar-intransit,.c-tracking-results-status-bar.bar-2.bar-pretransit,.return-shipment .c-tracking-results-status-bar.bar-2.bar-delivered {
    background-color: var(--color-gray-200)
}

.c-tracking-results-status-bar.bar-2.bar-exception {
    background-color: var(--color-yellow-500)
}

.c-tracking-results-status-bar.bar-3 {
    background: linear-gradient(270deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-gray-200) 1rem,var(--color-gray-200) 100%);
    clip-path: polygon(1.9rem 0,100% 0,100% 2rem,calc(100% - 2rem) 2rem,calc(100% - 2rem) 1rem,1.9rem 1rem,2.4rem .5rem)
}

.c-tracking-results-status-bar.bar-3.bar-delivered {
    background: linear-gradient(270deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-green-550) 1rem,var(--color-green-550) 100%);
    clip-path: polygon(.1rem 0,100% 0,100% 2rem,calc(100% - 2rem) 2rem,calc(100% - 2rem) 1rem,.1rem 1rem,.6rem .5rem)
}

.return-shipment .c-tracking-results-status-bar.bar-3.bar-delivered {
    background: linear-gradient(270deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-gray-200) 1rem,var(--color-gray-200) 100%)
}

.c-tracking-results-status-bar.bar-3.bar-intransit,.c-tracking-results-status-bar.bar-3.bar-pretransit {
    clip-path: polygon(.1rem 0,100% 0,100% 2rem,calc(100% - 2rem) 2rem,calc(100% - 2rem) 1rem,.1rem 1rem,.6rem .5rem)
}

.c-tracking-results-status-bar.bar-3.bar-pretransit {
    background: linear-gradient(270deg,var(--color-white-500) 0,var(--color-white-500) 1rem,var(--color-gray-200) 1rem,var(--color-gray-200) 100%)
}

.c-tracking-results-status-bar.bar-1.bar-pretransit:before,.c-tracking-results-status-bar.bar-1:before {
    border: 1rem solid var(--color-green-550);
    border-radius: 1.4rem;
    clip-path: polygon(0 1rem,1rem 1rem,1.2rem 2.7rem,0 2.7rem);
    content: "";
    height: .7rem;
    left: 0;
    position: absolute;
    top: -1.7rem;
    width: .3rem
}

.c-tracking-results-status-bar.bar-1:before {
    border: 1rem solid var(--color-green-550)
}

.c-tracking-results-status-bar.bar-1.bar-pretransit:before {
    border: 1rem solid var(--color-gray-200)
}

.return-shipment .c-tracking-results-status-bar.bar-1.bar-intransit:before {
    border: 1rem solid var(--color-yellow-500)
}

.return-shipment .c-tracking-results-status-bar.bar-1.bar-delivered:before {
    display: none
}

.c-tracking-results-status-bar.bar-3:after {
    border: 1rem solid var(--color-gray-200);
    border-radius: 1.4rem;
    clip-path: polygon(1rem 0,2.3rem 0,2.3rem 1.7rem,1.3rem 1.7rem);
    content: "";
    height: .7rem;
    position: absolute;
    right: 0;
    top: 0;
    width: .3rem
}

.c-tracking-results-status-bar.bar-3.bar-delivered:after {
    border: 1rem solid var(--color-green-550)
}

.return-shipment .c-tracking-results-status-bar.bar-3.bar-delivered:after {
    border: 1rem solid var(--color-gray-200)
}

.c-tracking-result--status-icon {
    font-size: var(--size-font-5xl);
    position: absolute;
    right: calc(33% - 1rem);
    top: -1.1rem
}

.c-tracking-result--status-icon.bar-intransit {
    right: calc(66% - 1rem)
}

.c-tracking-result--status-icon.exception,.c-tracking-result--status-icon.failure {
    font-size: var(--size-font-5xl);
    right: calc(33% - 1.2rem)
}

.c-tracking-result--status-icon.delivered,.c-tracking-result--status-icon.pretransit {
    display: none
}

.return-shipment .c-tracking-result--status-icon.delivered {
    display: block;
    right: calc(100% - 2.5rem)
}

.c-tracking--result--description-more-content,.c-tracking-result--delivery-headline {
    display: inline-block
}

.c-tracking--result--description-more:not(:last-child) {
    margin-bottom: 1.4rem
}

.c-tracking--result--description-more>div:first-child {
    margin-bottom: .7rem
}

.c-tracking--result--description-more>div:first-child.c-tracking--result--description-more-content {
    margin-bottom: 0
}

.c-tracking-result--notification {
    margin-bottom: 0;
    margin-top: 1.4rem
}

.c-tracking-result--message-zip {
    align-items: center;
    background-color: var(--color-gray-50);
    margin-bottom: 2.8rem;
    padding: 1.4rem
}

.c-tracking-result--message-zip .c-voc-tracking-bar--input-outer-group {
    border: .1rem solid var(--color-gray-500);
    border-radius: .5rem
}

.c-tracking-result--message-ziptext {
    margin-bottom: .7rem
}

.c-tracking-result--message-zip.is-disabled .c-form-step--error-message {
    background-color: initial;
    display: block
}

.c-tracking-result--message-zip.is-disabled input {
    pointer-events: none
}

.c-tracking-result--message-zip.is-disabled .base-button,.c-tracking-result--message-zip.is-disabled .base-button:focus,.c-tracking-result--message-zip.is-disabled .base-button:hover {
    background-color: var(--color-gray-300);
    border-color: var(--color-gray-300);
    color: var(--color-white-500);
    cursor: auto;
    transition: none
}

.c-tracking-result--section .c-component-accordion--header {
    border: none
}

.c-tracking-result--loader {
    display: none;
    margin: 5rem 0
}

.c-tracking-result--loader.is-visible {
    display: block
}

.c-tracking-result-overview {
    padding-bottom: 4.2rem;
    padding-top: 2.1rem;
    position: relative
}

.c-tracking-result-overview--group {
    background-color: var(--color-white-500);
    border: .1rem solid var(--color-gray-400);
    border-top-left-radius: .4rem;
    border-top-right-radius: .4rem;
    padding: 1.4rem;
    position: relative
}

.c-tracking-result-overview--box {
    display: block
}

.c-tracking-result-overview--box .base-button:before {
    font-size: var(--size-font-2xl)
}

.c-tracking-result-overview--box,.c-tracking-result-overview--message {
    background-color: var(--color-white-500);
    border: .1rem solid var(--color-gray-400);
    border-radius: .4rem;
    margin-bottom: 2.1rem;
    padding: 2.1rem 2.1rem 2.1rem 1.4rem;
    position: relative
}

.c-tracking-result-overview--box.grouped {
    background-color: var(--color-white-500);
    border: .1rem solid var(--color-gray-400);
    border-radius: 0;
    border-top: 0;
    margin-bottom: 0;
    padding-left: 2.8rem;
    z-index: 2
}

.c-tracking-result-overview--box.grouped:after,.c-tracking-result-overview--box.grouped:before,.c-tracking-result-overview--group:after,.c-tracking-result-overview--group:before {
    background-color: var(--color-white-500);
    bottom: -.1rem;
    content: "";
    height: .1rem;
    left: 0;
    position: absolute;
    width: 1.4rem
}

.c-tracking-result-overview--box.grouped:after,.c-tracking-result-overview--group:after {
    left: auto;
    right: 0
}

.c-tracking-result-overview--box.grouped.last-in-group {
    border-bottom-left-radius: .4rem;
    border-bottom-right-radius: .4rem;
    margin-bottom: 2.1rem;
    z-index: 1
}

.c-tracking-result-overview--box.grouped.last-in-group:after,.c-tracking-result-overview--box.grouped.last-in-group:before {
    height: 0
}

.c-tracking-result-overview--box.c-tracking-result-overview--buttonbox {
    display: flex
}

.c-tracking-result-overview .c-tracking-result-overview--box.grouped.c-tracking-result-overview--buttonbox {
    padding-bottom: 1.4rem
}

.c-tracking-result-overview .c-tracking-result-overview--box.grouped {
    padding: 1.4rem 2.8rem 0
}

.c-tracking-result-overview .c-tracking-result-overview--box.grouped .c-tracking-result--origin {
    font-size: var(--size-font-sm);
    margin-right: .4rem
}

.c-tracking-result-overview .c-tracking-result--destination {
    font-size: var(--size-font-sm);
    padding-left: 2.3rem;
    position: relative
}

.c-tracking-result-overview--content .c-tracking-result-overview--item:first-child {
    border-bottom-color: #0000
}

.c-tracking-result-overview .c-tracking-result-overview--goto-details {
    align-self: center;
    margin-bottom: 1.4rem;
    min-width: 9.8rem;
    width: auto
}

.c-tracking-result-overview .c-tracking-result-overview--goto-details>span {
    font-size: var(--size-font-sm)
}

.c-tracking-result-overview--item a.link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.c-tracking-result-overview--item a.link:after {
    display: inline-block
}

.c-tracking-result-overview .c-tracking-result--info {
    flex: 1
}

.c-multiple-tracking-result--container .c-tracking-result-overview {
    padding: 0 2.1rem
}

.c-multiple-tracking-result--container .c-tracking-result-overview--box,.c-tracking-result-overview--message {
    padding-bottom: 1.4rem;
    padding-top: 1.4rem
}

.c-multiple-tracking-result--container .c-tracking-result-overview--item>:not(.base-button),.c-multiple-tracking-result--container .c-tracking-result-overview--item>:not(:last-child) {
    margin-bottom: 1.4rem
}

.c-tracking-result--container .c-tracking-result-overview--message {
    border: none;
    margin-bottom: 0
}

.c-multiple-tracking-result--container .c-tracking-result--status-copy-message span {
    color: var(--color-black-500)
}

.c-tracking-result-overview .c-tracking-result--icon,.c-tracking-result-overview--message .c-tracking-result--icon {
    font-size: var(--size-font-4xl);
    margin-bottom: 1.4rem;
    width: 100%
}

.c-multiple-tracking-result--container span.is-hidden,.c-tracking-result--container span.is-hidden {
    height: .1rem;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: .1rem
}

.c-multiple-tracking-result--container .c-tracking-result-overview--content {
    font-size: var(--size-font-sm);
    width: 100%;
    word-break: break-word
}

.c-multiple-tracking-result--container .c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered) .c-tracking-result--status-copy-message {
    color: var(--color-black-400)
}

.c-multiple-tracking-result--container .c-tracking-result--status-code-200.c-tracking-result--status-shipment-delivered .c-tracking-result--status-copy-message,.c-multiple-tracking-result--container .c-tracking-result--status-shipment-delivered .c-tracking-result--icon:before {
    color: var(--color-green-550)
}

.c-multiple-tracking-result--container .c-tracking-result-overview .c-tracking-result--destination:before {
    color: var(--color-gray-600);
    font-size: var(--size-font-xl);
    top: -.1rem
}

.c-multiple-tracking-result--container .c-tracking-result--origin {
    display: block;
    margin-bottom: 0
}

.c-multiple-tracking-result--container .c-tracking-result-overview--code {
    margin-bottom: 1.4rem;
    word-break: break-word
}

.c-multiple-tracking-result--container .c-tracking-result--destination:before {
    font-size: var(--size-font-3xl);
    left: -.4rem;
    position: absolute
}

.c-component-accordion--header {
    width: 100%
}

.c-tracking-result--moredetails-dropdown-button {
    color: var(--color-black-400);
    cursor: pointer;
    display: block;
    font-size: var(--size-font-2xl);
    font-weight: 800;
    margin-bottom: 0;
    order: 1;
    position: relative;
    text-align: left;
    width: 100%
}

.c-tracking-result--moredetails-dropdown-button:after {
    color: var(--color-red-500);
    content: var(--icon-chevron-down);
    font-size: var(--size-font-xl);
    position: absolute;
    right: 0;
    top: .3rem
}

.c-tracking-result--moredetails-dropdown-button:hover,.c-tracking-result--moredetails-dropdown-button:hover:after {
    color: var(--color-red-400)
}

.c-tracking-result--moredetails-dropdown-button:focus-visible {
    border: .1rem solid var(--color-red-500)
}

.is-open .c-tracking-result--moredetails-dropdown-button:after {
    content: var(--icon-chevron-up)
}

.c-tracking-result--moredetails-dropdown-menu,.c-tracking-result--moredetails-dropdown:not(.is-open) .c-tracking-result-pieceid--header {
    display: none
}

.c-accordion--item.is-open .c-accordion--content {
    padding-top: 2.1rem;
    position: relative;
    width: 100%
}

.c-tracking-result--moredetails-dropdown.is-open .c-tracking-result--moredetails-dropdown-menu {
    display: block;
    width: 100%
}

.c-tracking-result--detail-label {
    font-size: var(--size-font-2xl);
    margin-bottom: 0;
    padding-right: 2.1rem
}

.is-open .c-tracking-result--moredetails-content:nth-child(odd) {
    background-color: var(--color-gray-50)
}

.c-tracking-result--moredetails-content {
    box-sizing: initial;
    font-size: var(--size-font-sm);
    padding: 1rem .7rem
}

.c-tracking-result--moredetails-label {
    display: block;
    margin-bottom: 2.1rem;
    text-align: left
}

.c-tracking-result--moredetails-group {
    margin-bottom: 2.8rem;
    width: 100%
}

.c-tracking-result--moredetails-group:last-child {
    margin-bottom: 0
}

.c-tracking-result--moredetails-group>div {
    background: none
}

.c-tracking-result--moredetails-title {
    font-weight: 700;
    margin-bottom: .7rem
}

.c-tracking-result--moredetails-content.is-hidden,.c-tracking-result--sensitive-data-authenticate.is-hidden {
    display: none
}

.c-tracking-result--sensitive-data-authenticate {
    margin-top: 1.4rem
}

.c-tracking-result-pieceid--header:not(.c-tracking-result-pieceid--header-text) {
    background: none;
    border: none;
    line-height: var(--size-line-height-xl);
    text-align: left
}

.c-tracking-result-pieceid--header:not(.c-tracking-result-pieceid--header-text):after {
    color: var(--color-red-500);
    content: var(--icon-chevron-down);
    font-size: var(--size-font-xl);
    margin-left: .6rem;
    margin-top: -.1rem;
    position: absolute;
    text-align: right
}

.c-tracking-result-pieceid--header:not(.c-tracking-result-pieceid--header-text):hover {
    color: var(--color-red-400);
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.c-tracking-result-pieceid--header:not(.c-tracking-result-pieceid--header-text):focus-visible {
    outline: .1rem solid var(--color-red-500)
}

.c-tracking-result-pieceid--header:not(.c-tracking-result-pieceid--header-text).is-open:after {
    content: var(--icon-chevron-up)
}

.c-tracking-result-pieceid--header-text {
    white-space: pre
}

.c-tracking-result-pieceid--content {
    display: none;
    line-height: var(--size-line-height-xl)
}

.c--tracking-result--detaillink,.c-tracking-result-pieceid--content.is-open,.c-tracking-result-pieceid--header.is-open+.c-tracking-result-pieceid--content {
    display: block
}

.c--tracking-result--detaillink span {
    pointer-events: none
}

.c-tracking-result--checkpoint-info {
    border-bottom: .1rem solid var(--color-gray-400);
    width: 100%
}

.c-tracking-result--checkpoint-info ul {
    margin-bottom: 0
}

.c-tracking-result--checkpoint-info ul li {
    flex-flow: nowrap;
    line-height: var(--size-line-height-xl)
}

.c-tracking-result--checkpoint-info span {
    line-height: var(--size-line-height-xl)
}

.c-tracking-result--checkpoint-left {
    display: none;
    flex-shrink: 0;
    width: 22.4rem
}

.c-tracking-result--checkpoint-right {
    padding-bottom: 1.4rem;
    padding-left: 4.2rem;
    position: relative
}

.c-tracking-result--checkpoint-right:before {
    background: var(--color-white-500);
    color: var(--color-gray-500);
    content: var(--icon-triangle-up-pointy-legacy);
    font-size: var(--size-font-2xl);
    left: .85rem;
    line-height: var(--size-line-height-xs);
    position: absolute;
    top: -.3rem;
    z-index: 1
}

.c-tracking-result--checkpoint li:first-child .c-tracking-result--checkpoint-right:before,.c-tracking-result--checkpoint:first-child .c-tracking-result--checkpoint-right:after {
    top: 6.7rem
}

.c-tracking-result--checkpoint-right:after {
    background-color: var(--color-gray-500);
    content: "";
    height: 100%;
    left: 1.9rem;
    position: absolute;
    top: 0;
    width: .1rem
}

.c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before {
    content: var(--icon-location-pin);
    font-size: var(--size-font-9xl);
    left: .1rem;
    line-height: var(--size-line-height-xs);
    top: 6.8rem
}

.c-tracking-result--status-shipment-delivered .c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before {
    color: var(--color-green-550);
    content: var(--icon-checkmark-circle);
    font-size: var(--size-font-6xl);
    height: 3rem;
    left: .4rem;
    top: 7rem
}

.c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:after {
    top: 8.2rem
}

.c-tracking-result--checkpoint:last-of-type li:last-of-type .c-tracking-result--checkpoint-right:after {
    height: 0
}

.c-tracking-result--checkpoint:last-of-type li:last-of-type:first-child .c-tracking-result--checkpoint-right:after {
    height: 7.1rem
}

.c-tracking-result--checkpoint:last-of-type .c-tracking-result--checkpoint-info {
    border-bottom: none;
    margin-bottom: 1.4rem
}

.c-tracking-result--checkpoint-mobile {
    display: block
}

.c-tracking-result--checkpoint-mobile .c-tracking-result--checkpoint-date {
    margin-bottom: 1.4rem
}

.c-tracking-result--status-shipment-delivered .c-tracking-result--checkpoint:first-child .c-tracking-result--checkpoint-right p {
    color: var(--color-green-550)
}

.c-tracking-result--checkpoint-info li:first-child .c-tracking-result--checkpoint-mobile {
    margin-top: 1.4rem
}

.c-tracking-result--checkpoint-right p {
    line-height: var(--size-line-height-xl);
    margin-bottom: 0
}

.c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered) .c-tracking-result--checkpoint-dashedline {
    border-right: .1rem dashed var(--color-gray-500);
    height: 7rem;
    left: 1.9rem;
    position: absolute;
    width: .1rem
}

.c-tracking-result--checkpoint-date {
    display: block;
    font-size: var(--size-font-lg);
    margin-bottom: .7rem
}

.c-tracking-result--footernotes>div:first-child {
    margin-top: 2.1rem
}

.c-tracking-result--error-specific,.c-tracking-result--success-specific {
    display: none
}

.has-editor-margin .c-tracking-result--error-specific,.has-editor-margin .c-tracking-result--success-specific {
    display: block
}

.c-tracking-result--status-code-200.c-tracking-result--status-shipment-delivered .c-tracking-result--status-copy-message,.c-tracking-result--status-shipment-delivered .c-tracking-result--icon:before {
    color: var(--color-green-550)
}

.c-tracking-result-overview--box.c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered):not(.c-tracking-result--status-shipment-exception) .c-tracking-result--icon:before {
    color: var(--color-gray-600)
}

.c-tracking-result--section .c-tracking-result--icon.has-icon.c-tracking-result--status-shipment-failure:before,.c-tracking-result--section .c-tracking-result--icon.has-icon.c-tracking-result--status-shipment-undefined:before {
    color: var(--color-red-500)
}

.c-tracking-result--section .c-tracking-result--icon.has-icon.c-tracking-result--status-shipment-exception:before {
    color: var(--color-yellow-500)
}

.c-tracking-result--icon {
    margin-top: .3rem
}

.has-icon.c-tracking-result--status-shipment-delivered:before {
    content: var(--icon-checkmark);
    font-size: var(--size-font-4xl)
}

.has-icon.c-tracking-result--status-shipment-default:before,.has-icon.c-tracking-result--status-shipment-transit:before {
    content: var(--icon-parcel-legacy)
}

.c-tracking-result--status-shipment-exception .has-icon.c-tracking-result--icon:before,.c-tracking-result--status-shipment-failure .has-icon.c-tracking-result--icon:before,.c-tracking-result--status-shipment-undefined .has-icon.c-tracking-result--icon:before,.c-tracking-result-overview--group .has-icon.c-tracking-result--icon:before {
    content: var(--icon-information-outline-legacy)
}

.c-tracking-result--section .has-icon.icon-information-outline-legacy {
    font-size: var(--size-font-7xl)
}

.c-tracking-result--section .has-icon.c-tracking-result--icon:before {
    color: var(--color-green-550);
    content: var(--icon-current-location)
}

.c-tracking-result--section .return-shipment .has-icon.c-tracking-result--icon:before {
    content: var(--icon-return-of-undeliverables)
}

.c-tracking-result--section .has-icon.c-tracking-result--icon.c-tracking-result--status-shipment-exception:before,.c-tracking-result--section .has-icon.c-tracking-result--icon.c-tracking-result--status-shipment-failure:before {
    content: var(--icon-information)
}

.c-tracking-result--section .return-shipment .has-icon.c-tracking-result--icon.bar-intransit:before {
    color: var(--color-yellow-500)
}

.c-tracking-result--section .return-shipment .has-icon.c-tracking-result--icon.bar-delivered:before {
    color: var(--color-green-550)
}

.has-icon.c-tracking-result--status-shipment-transit-air:before,.has-icon.c-tracking-result--status-shipment-transit-plane:before {
    content: var(--icon-plane-air-freight)
}

.has-icon.c-tracking-result--status-shipment-transit-ocean:before,.has-icon.c-tracking-result--status-shipment-transit-ship:before {
    content: var(--icon-containership)
}

.has-icon.c-tracking-result--status-shipment-transit-road:before {
    content: var(--icon-truck-road-freight)
}

.has-icon.c-tracking-result--status-shipment-transit-parcel:before {
    content: var(--icon-parcel-legacy)
}

.c-tracking-result--status-shipment-unknown:before {
    content: ""
}

.c-tracking-result--footernotes ol {
    margin-bottom: 0
}

.c-tracking-result--container sup,.c-tracking-result--footernotes {
    color: var(--color-black-400);
    display: none;
    left: .2rem
}

.show-footnotes .c-tracking-result--footernotes,.show-footnotes sup {
    display: initial
}

.c-tracking-result--tooltip {
    background: url(../assets/img/4ebe290c1c901a8053d7.svg) 50% no-repeat;
    background-size: 1.8rem 1.8rem;
    display: inline-block;
    height: 1.5rem;
    position: relative;
    right: 0;
    top: .2rem;
    width: 2.4rem
}

.c-tracking-result--tooltip:after {
    top: 3rem;
    transform: translateX(-10.4rem)
}

.c-tracking-result--tooltip:hover {
    background-image: url(../assets/img/725598d03c9a18876b9f.svg)
}

.c-tracking-result--tooltip:before {
    top: 2rem
}

.c-tracking-result--section .c-accordion--item {
    overflow: unset
}

@media (min-width: 1024px) {
    .c-tracking-result--tooltip:after {
        width:70rem
    }
}

@media (min-width: 768px) {
    .c-tracking-result-overview--box {
        display:flex
    }

    .c-tracking-result-overview--group {
        padding: 2.8rem
    }

    .c-tracking-result-overview .c-tracking-result-overview--box.grouped {
        padding: 1.4rem 2.8rem 0 11.2rem
    }

    .c-tracking-result-overview .c-tracking-result-overview--box.grouped.c-tracking-result-overview--buttonbox {
        padding: 2.8rem 2.8rem 2.8rem 8.4rem
    }

    .c-tracking-result-overview--box.grouped:before,.c-tracking-result-overview--group:before {
        width: 8.4rem
    }

    .c-tracking-result-overview--box.grouped:after,.c-tracking-result-overview--group:after {
        width: 2.8rem
    }

    .c-tracking-result-overview .c-tracking-result-overview--goto-details {
        align-self: flex-start;
        margin-bottom: 2.8rem
    }

    .c-multiple-tracking-result--container .c-tracking-result-overview {
        padding: 0
    }

    .c-multiple-tracking-result--container .c-tracking-result-overview--box {
        padding: 2.8rem 2.8rem 0
    }

    .c-tracking-result-overview--message {
        padding: 2.8rem
    }

    .c-multiple-tracking-result--container .c-tracking-result-overview--item>:not(.base-button) {
        margin-bottom: 2.1rem
    }

    .c-multiple-tracking-result--container .c-tracking-result-overview--box.grouped .c-tracking-result-overview--item>:not(.base-button) {
        margin-bottom: 1.4rem
    }

    .c-multiple-tracking-result--container .c-tracking-result--origin {
        display: inline-block
    }

    .c-multiple-tracking-result--container .c-tracking-result--icon,.c-tracking-result-overview--message .c-tracking-result--icon {
        line-height: 0;
        margin-right: 2.8rem;
        width: auto
    }

    .c-tracking-result-overview .c-tracking-result-overview--box.grouped .c-tracking-result--icon {
        margin-top: .6rem
    }

    .c-multiple-tracking-result--container .c-tracking-result-overview--code {
        margin-bottom: 2.1rem
    }

    .c-multiple-tracking-result--container .c-tracking-result--icon {
        margin-top: 0
    }

    .c-multiple-tracking-result--container .c-tracking-result--icon:before {
        top: 1.1rem
    }

    .c-tracking-result-overview .c-tracking-result--location {
        margin-top: .7rem
    }

    .c-tracking-result-overview .c-tracking-result--destination,.c-tracking-result-overview .c-tracking-result--origin {
        display: inline-block;
        margin-bottom: 0
    }

    .c-tracking-result-overview .c-tracking-result--destination {
        padding-left: 2.8rem
    }

    .c-tracking-result-overview .c-tracking-result--origin {
        margin-right: 1.2rem
    }

    .c-tracking-result--status-code-200:not(.c-tracking-result--status-shipment-delivered) .c-tracking-result--checkpoint-dashedline {
        height: 3rem
    }

    .c-tracking-result--section.c-tracking-result--info {
        flex-wrap: nowrap
    }

    .c-tracking-result--section.c-tracking-result--info .c-tracking-result--status-shipment-undefined {
        margin-right: 2.8rem;
        width: auto
    }

    .c-tracking-result--section .has-icon.icon-information-outline-legacy {
        margin: 0 2.5rem 1.4rem -.3rem
    }

    .c-tracking-result--container {
        border: .1rem solid var(--color-gray-500);
        border-radius: .4rem;
        margin-bottom: 2.8rem
    }

    .c-tracking-result--section {
        padding: 2.8rem
    }

    .c-tracking-result--section:last-child {
        border-bottom: none
    }

    .c-tracking-result--code {
        margin-bottom: 2.1rem
    }

    .c-tracking-result--moredetails-content {
        font-size: var(--size-font-sm);
        line-height: var(--size-line-height-xl);
        padding: .7rem
    }

    .c-tracking-result--moredetails-title {
        font-weight: 400;
        margin-bottom: 0;
        margin-top: 0;
        padding-right: 2.1rem
    }

    .c-accordion--item.is-open .c-accordion--content {
        padding-top: 2.8rem
    }

    .c-tracking-result--checkpoint-left {
        display: block
    }

    .c-tracking-result--checkpoint-info .c-tracking-result--checkpoint-time {
        display: block;
        margin-bottom: 1.4rem
    }

    .c-tracking-result--checkpoint-left.first {
        padding-top: 1.4rem
    }

    .c-tracking-result--checkpoint-right {
        flex: 1 1 auto;
        padding-left: 7.7rem
    }

    .c-tracking-result--checkpoint-right p.first {
        padding-top: 3.5rem
    }

    .c-tracking-result--checkpoint-mobile {
        display: none
    }

    .c-tracking-result--checkpoint li:first-child .c-tracking-result--checkpoint-right:before,.c-tracking-result--checkpoint:first-child .c-tracking-result--checkpoint-right:after {
        top: 3.1rem
    }

    .c-tracking-result--checkpoint:last-of-type li:last-of-type:first-child .c-tracking-result--checkpoint-right:after {
        height: 3rem
    }

    .c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before,.c-tracking-result--status-shipment-delivered .c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:before {
        top: 3.2rem
    }

    .c-tracking-result--checkpoint:first-child li:first-child .c-tracking-result--checkpoint-right:after {
        top: 4.2rem
    }

    .c-tracking-result--footernotes>div:first-child {
        margin-top: 2.8rem
    }

    .c-tracking-result--status-code-200.c-tracking-result--status-shipment-transit .c-tracking-result--icon:before {
        margin-top: .7rem
    }
}

@media (max-width: 767.98px) {
    .c-tracking-result--print.icon-print {
        display:none
    }
}

@media (--mobile--large ) {
    .c-tracking-result--detail-label {
        font-size: var(--size-font-6xl)
    }
}

@media print {
    .c-tracking--container {
        margin: 14rem 0 0!important;
        padding-top: 0
    }

    .c-track-trace-utapi-print-layout .c-track-trace-utapi,.c-tracking--container,.c-tracking-result--detail,.c-tracking-result--status-code-200 {
        display: block
    }

    .c-track-trace-utapi-print-layout .c-tracking-result--error-specific,.c-track-trace-utapi-print-layout .c-tracking-result--success-specific,.c-track-trace-utapi-print-layout>div:not(.c-track-trace-utapi),.c-tracking-input--container,.c-tracking-result--close-button,.c-tracking-result--notification,.c-tracking-result--print {
        display: none!important
    }

    .c-tracking-result--container {
        padding: 0
    }

    .c-tracking-result--checkpoint {
        background-color: var(--color-white-500)
    }

    .c-tracking-result--detail {
        padding: 0
    }

    .c-tracking-result--checkpoint-status,.c-tracking-result--left-column,.c-tracking-result--origin-icon,.c-tracking-result--status-icon {
        max-width: 10rem
    }
}

.c-component-accordion h2 {
    width: 100%
}

.c-component-accordion .component-small,.c-component-accordion .component-wide {
    padding: 0
}

.c-component-accordion--headline {
    margin-bottom: 1.4rem
}

.c-component-accordion-list {
    margin-bottom: 0;
    margin-top: 1.4rem;
    width: 100%
}

.c-component-accordion .c-component-accordion--copytext {
    display: block;
    font-size: var(--size-font-lg);
    line-height: var(--size-line-height-xl);
    text-align: center;
    width: 100%
}

.c-component-accordion-list>li {
    color: var(--color-black-400);
    float: none;
    list-style: none;
    overflow: visible;
    padding: 0
}

.c-component-accordion li .c-component-accordion--header a,.c-component-accordion li .c-component-accordion--header button {
    border: .1rem solid var(--color-white-500);
    color: var(--color-black-400);
    display: block;
    font-size: var(--size-font-md);
    font-weight: 800;
    line-height: var(--size-line-height-xl);
    padding: 1.7rem 4.9rem 1.4rem 1.4rem;
    text-align: left;
    width: 100%
}

.c-component-accordion .has-hover .c-component-accordion--header a,.c-component-accordion .has-hover .c-component-accordion--header a:after,.c-component-accordion .has-hover .c-component-accordion--header button,.c-component-accordion .has-hover .c-component-accordion--header button:after,.c-component-accordion .is-editmode .c-component-accordion--header a:after,.c-component-accordion .is-editmode .c-component-accordion--header button:after,html:not(.is-touch) .c-component-accordion li .c-component-accordion--header:hover a,html:not(.is-touch) .c-component-accordion li .c-component-accordion--header:hover a:after,html:not(.is-touch) .c-component-accordion li .c-component-accordion--header:hover button,html:not(.is-touch) .c-component-accordion li .c-component-accordion--header:hover button:after {
    color: var(--color-red-400)
}

.c-component-accordion .is-editmode>div,.c-component-accordion .is-open {
    border-bottom: 0
}

.c-component-accordion .is-open .c-download-box,.c-component-accordion .is-open .c-text-generic,.c-component-accordion .is-open .c-video {
    padding: 0 1.4rem
}

.c-component-accordion .c-download-box--file-meta-information {
    font-weight: 400
}

.c-component-accordion .is-open .c-cta {
    padding: .7rem 1.4rem 0
}

.c-component-accordion--header {
    border-top: .1rem solid var(--color-gray-300);
    cursor: pointer;
    display: block;
    font-weight: 700;
    position: relative;
    text-align: left
}

.c-component-accordion .c-component-accordion-list>li:last-child {
    border-bottom: .1rem solid var(--color-gray-300)
}

.c-component-accordion li .c-component-accordion--header a:after,.c-component-accordion li .c-component-accordion--header button:after {
    color: var(--color-red-500);
    content: var(--icon-chevron-down);
    font-family: dhlicons;
    font-size: var(--size-font-2xl);
    height: auto;
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.2rem
}

.c-component-accordion li.c-accordion--item--locked .c-component-accordion--header a,.c-component-accordion li.c-accordion--item--locked .c-component-accordion--header button {
    color: var(--color-black-500)!important;
    cursor: default
}

.c-component-accordion li.c-accordion--item--locked .c-component-accordion--header a:after,.c-component-accordion li.c-accordion--item--locked .c-component-accordion--header button:after {
    content: ""
}

.c-component-accordion .is-editmode .c-component-accordion--header a:after,.c-component-accordion .is-editmode .c-component-accordion--header button:after,.c-component-accordion .is-open .c-component-accordion--header a:after,.c-component-accordion .is-open .c-component-accordion--header button:after {
    content: var(--icon-chevron-up)
}

.c-component-accordion--content .list.is-centered {
    margin-left: 0;
    margin-right: 0
}

.c-component-accordion--content {
    background: #0000;
    display: none;
    overflow: hidden;
    text-align: left
}

.c-component-accordion--content-wrapper {
    padding: .7rem 0 1.4rem
}

.c-component-accordion--content-wrapper ol.list {
    counter-reset: revert
}

.c-component-accordion .is-editmode .c-component-accordion--content,.c-component-accordion .is-open .c-component-accordion--content {
    display: block
}

.c-component-accordion .is-editmode .c-component-accordion--content {
    height: auto
}

.c-component-accordion--content-wrapper .c-video--headline,.c-component-accordion--content-wrapper .c-video--transcript {
    text-align: left
}

@media (min-width: 768px) {
    .c-component-accordion .is-open .c-cta .base-button {
        margin-bottom:1.4rem
    }

    .c-component-accordion .is-open .c-cta:first-of-type {
        margin-top: .7rem
    }
}

@media (max-width: 767.98px),(min-width:768px) and (max-width:1023.98px) {
    .c-component-accordion li .c-component-accordion--header a,.c-component-accordion li .c-component-accordion--header button {
        padding-right:4.76rem
    }
}

.c-voc-tracking-bar.c-voc-tracking-bar--cmp-padding {
    padding: 0 1.05rem
}

.c-voc-tracking-bar--form {
    display: flex;
    flex-flow: column wrap
}

.c-voc-tracking-bar--input-outer-group {
    border: .1rem solid var(--color-gray-500);
    border-radius: .5rem
}

.c-voc-tracking-bar--input-inner-group {
    background-color: var(--color-white-500);
    border-radius: .4rem;
    display: flex;
    position: relative
}

.c-voc-tracking-bar--input {
    border: none;
    border-bottom-left-radius: .4rem;
    border-top-left-radius: .4rem;
    flex: 1 1 auto;
    height: 5.6rem;
    margin-right: .1rem;
    overflow: hidden;
    padding: 1.8rem 1.3rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.c-tracking-input--form .invalid-input .c-tracking-input--field,.c-voc-tracking-bar--form.invalid-input .c-voc-tracking-bar--input {
    box-shadow: 0 0 0 .1rem var(--color-red-500)
}

.c-voc-tracking-bar--form.invalid-input .c-voc-tracking-bar--input:hover,.c-voc-tracking-bar--input:hover {
    box-shadow: 0 0 0 .1rem var(--color-black-500)
}

.c-voc-tracking-bar--form.invalid-input .c-voc-tracking-bar--input:focus,.c-voc-tracking-bar--input:focus {
    margin-right: .2rem
}

.c-voc-tracking-bar--form.invalid-input .c-form-step--error-message {
    display: block
}

.c-tracking-input--form .invalid-input .c-form-step--error-message {
    background-color: var(--color-gray-50);
    display: block
}

.c-voc-tracking-bar--input::placeholder {
    color: var(--color-gray-600)
}

.c-voc-tracking-bar--input.invalid-input::placeholder {
    color: var(--color-red-500)
}

.c-voc-tracking-bar--element-label {
    color: var(--color-gray-600);
    font-size: var(--size-font-md);
    overflow: hidden;
    padding: 1.7rem 1.4rem;
    position: absolute;
    text-overflow: ellipsis;
    transition: top .2s ease-out,padding .2s ease-out,padding-top .2s ease-out,font-size .2s ease-out,line-height .2s ease-out,background-color 1ms .2s;
    white-space: nowrap;
    width: calc(100% - 1.4rem)
}

.left-aligned-grid .c-voc-tracking-bar--element-label {
    font-size: var(--size-font-md);
    line-height: var(--size-line-height-xl);
    padding: 2rem 1.4rem;
    pointer-events: none
}

[data-form-value-state=set] .c-voc-tracking-bar--element-label,[data-form-value-state=unset] .c-voc-tracking-bar--input:focus~.c-voc-tracking-bar--element-label {
    font-size: var(--size-font-2xs);
    line-height: var(--size-line-height-xl);
    padding-bottom: 0;
    padding-top: .9rem
}

.c-voc-tracking-bar--button {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    flex: 0 0 auto;
    font-size: var(--size-font-md);
    margin: .2rem;
    min-width: 11rem;
    width: auto
}

.c-voc-tracking-bar--button:disabled {
    cursor: not-allowed;
    opacity: .5
}

.c-voc-tracking-bar--button.green-button,.c-voc-tracking-bar--button.green-button:active,.c-voc-tracking-bar--button.green-button:hover {
    background-color: var(--color-green-600);
    border: .1rem solid var(--color-green-600)
}

.c-voc-tracking-bar {
    clear: both
}

.c-tracking-input--form .c-voc-tracking-bar {
    width: 100%
}

@media (max-width: 767.98px) {
    .c-tracking-bar--label,.c-voc-tracking-bar {
        margin-bottom:2.1rem
    }
}

@media (min-width: 768px) {
    .c-voc-tracking-bar--form {
        flex-direction:row;
        justify-content: start
    }

    .component-no-padding .c-voc-tracking-bar--form {
        padding-bottom: 0
    }

    .c-voc-tracking-bar--label {
        margin-right: 2.2rem;
        padding: 1.8rem 0 0
    }

    .c-voc-tracking-bar--input-outer-group {
        flex: 0 1 100%
    }
}

.c-tracking-input--form {
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 89.3rem
}

.c-tracking-input--container {
    background-color: var(--color-gray-50);
    padding: 2.1rem
}

.c-tracking-input--label {
    flex-shrink: 0;
    margin-bottom: .7rem;
    width: 100%
}

.c-tracking-input--form .c-voc-tracking-bar--form {
    width: 100%
}

.c-tracking-input--form .c-voc-tracking-bar--input:focus,.c-tracking-input--form .c-voc-tracking-bar--input:hover {
    box-shadow: 0 0 0 .1rem var(--color-black-500);
    margin: 0
}

.c-tracking-input--form .c-voc-tracking-bar--button {
    min-width: 11.2rem;
    width: auto
}

.c-tracking-input--form .c-voc-tracking-bar--input-outer-group {
    border: .1rem solid var(--color-gray-500);
    border-radius: .5rem
}

@media (max-width: 767.98px) {
    .c-tracking-input--form .c-voc-tracking-bar--input-inner-group {
        flex-wrap:wrap
    }

    .c-tracking-input--form .c-voc-tracking-bar--input:focus,.c-tracking-input--form .c-voc-tracking-bar--input:hover {
        border-bottom-left-radius: 0;
        border-top-right-radius: .4rem
    }

    .c-tracking-input--form .c-voc-tracking-bar--button {
        border-radius: .4rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        flex: 0 0 auto;
        margin-top: .3rem;
        min-width: 11.2rem;
        width: calc(100% - .4rem)
    }
}

@media (min-width: 768px) {
    .c-tracking-input--label {
        margin-right:3.5rem;
        width: auto
    }

    .c-tracking-input--form {
        align-items: center
    }

    .c-track-trace-utapi .c-tracking-input--form,.c-tracking-input--container .c-tracking-input--form {
        max-width: 58.8rem
    }

    .c-track-trace-utapi .c-tracking-input--form.c-tracking-result--message-zip {
        max-width: 100%
    }

    .c-tracking-input--container {
        background-color: var(--color-gray-50);
        padding: 2.8rem
    }
}

.c-utapi-content-injection--defaultcontent {
    display: block
}

.c-utapi-content-injection--defaultcontent.is-hidden {
    display: none
}