/*! project: tenant-dhl-com v5.6.0 | hash: d50fd669f1039cd459a4 | timestamp: Wed Aug 18 2021 13:31:17 GMT+0200 (Central European Summer Time) */

@media screen and (min-width:1024px) and (max-width:1364px) {
    .l-grid--w-85pc-l-s {
        flex-basis: 85%;
        max-width: 85%;
        width: 85%
    }
    .l-grid--w-100pc-l-s {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:1365px) {
    .l-grid--nowrap-l {
        flex-wrap: nowrap
    }
    .l-grid--w-45pc-l {
        flex-basis: 45%;
        max-width: 45%;
        width: 45%
    }
    .l-grid--w-80pc-l {
        flex-basis: 80%;
        max-width: 80%;
        width: 80%
    }
}

.c-voc-tracking-result--error {
    background-color: #fff
}

.c-voc-tracking-result--error .c-voc-tracking-result--headline {
    color: #8b0a21
}

.c-voc-contact-lookup {
    margin-top: 3.5rem
}

.c-voc-contact-lookup .c-voc-tracking-bar--input-outer-group {
    border: .1rem solid #979797;
    border-radius: .5rem
}

.c-voc-tracking-input--container {
    padding: 0 1.4rem
}

.c-voc-contact-lookup--headline {
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.11;
    color: #191919;
    padding: 1.4rem 0;
    text-align: left;
    margin-top: .7rem;
    position: relative
}

.c-voc-contact-lookup--headline.icon-contact {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 2.4rem 2.4rem;
    background-image: url(../assets/img/79e1cf20baddb56a8266af6ef694e71f.svg);
    padding-left: 3.08rem
}

.c-voc-contact-lookup--headline.icon-question-mark {
    padding-left: 3.1rem
}

.c-voc-contact-lookup--headline.icon-question-mark:before {
    position: absolute;
    top: 1.4rem;
    left: 0;
    content: url(../assets/img/a20ab61e6c75cab2cb5c0b9b67562c8b.svg)
}

.c-voc-tracking-bar--form {
    margin-bottom: 2.1rem
}

.c-voc-contact-lookup--copy-text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    color: #191919;
    margin-bottom: 0
}

.c-voc-tracking-result--container {
    margin-top: 2.8rem;
    padding: 0 1.4rem
}

.c-voc-contact-lookup--linkwrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    margin-left: 0
}

.c-voc-contact-lookup--linkwrapper.no-heading {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-top: 2.8rem
}

.c-voc-contact-lookup--linkwrapper.no-heading-icon {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0
}

.c-voc-contact-lookup--linkwrapper a {
    flex-basis: 100%
}

.c-voc-contact-lookup--linkwrapper a.link {
    padding-left: 3.1rem;
    font-weight: 400;
    flex-basis: auto;
    flex-wrap: wrap;
    max-width: 100%
}

.c-voc-contact-lookup--linkwrapper a.warning {
    padding-left: 3.1rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 2.2rem 2.2rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PHBhdGggZmlsbD0iI0Q0MDUxMSIgZD0iTTIxIDNDMTEuMTIzIDMgMyAxMS4xMjMgMyAyMXM4LjEyMyAxOCAxOCAxOCAxOC04LjEyMyAxOC0xOFMzMC44NzcgMyAyMSAzem0xLjkzOCAyNy41ODVIMTkuMTd2LTMuNzdoMy43N3YzLjc3em0wLTcuNjQ3SDE5LjE3VjExLjUyM2gzLjc3djExLjQxNXoiLz48L3N2Zz4=)
}

.c-voc-contact-lookup--linkwrapper a:first-child {
    margin-bottom: 1.4rem
}

@media print,
screen and (min-width:768px) {
    .c-voc-track-trace-utapi.component-margin {
        margin-bottom: 2.8rem
    }
    .c-voc-tracking-input--container {
        padding: 0 2.8rem
    }
    .c-voc-tracking-result--container {
        margin-top: 3.5rem;
        padding: 0 2.8rem
    }
    .c-voc-contact-lookup--headline {
        margin-top: 1.4rem
    }
}

@media print,
screen and (min-width:1024px) {
    .c-voc-contact-lookup--linkwrapper {
        flex-flow: row wrap
    }
    .c-voc-contact-lookup--linkwrapper a {
        white-space: nowrap;
        text-align: left
    }
}

.c-voc-tracking-result--logo {
    display: none
}

.c-voc-tracking-result--container.border {
    border-top: .1rem solid #d1d1d1
}

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

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

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

.c-voc-contact-lookup-container {
    border-radius: .4rem;
    margin-bottom: 2.8rem
}

.c-voc-tracking-result-overview--item-location {
    display: flex;
    flex-flow: column nowrap;
    margin: .7rem 0;
    color: #757575
}

.c-voc-tracking-result--contact-text {
    margin-right: .7rem
}

.c-voc-tracking-result-message--link {
    font-weight: 400;
    margin-top: .7rem;
    cursor: pointer
}

.full-width-grid .c-voc-contact-lookup-container .component-wide {
    padding-left: 0;
    padding-right: 0
}

.c-voc-tracking-result--overview {
    position: relative;
    margin: 2.1rem 0 0;
    padding: 0;
    background-color: #fff
}

.c-voc-tracking-result-overview--box,
.c-voc-tracking-result-overview--message {
    border: .1rem solid #d1d1d1;
    background-color: #fff0b2;
    padding: .7rem
}

.c-voc-tracking-result-overview--box:not(:last-child),
.c-voc-tracking-result-overview--message:not(:last-child) {
    margin-bottom: 1.4rem
}

.c-voc-tracking-result-overview--message {
    background-color: #fff0b2
}

.c-voc-tracking-result--overview .c-voc-tracking-result--code {
    padding-right: 1.4rem;
    word-break: break-all
}

.c-voc-tracking-result-overview--code {
    padding-left: 1.4rem;
    padding-bottom: 1.4rem;
    font-weight: 800;
    word-break: break-all
}

.c-voc-tracking-result-overview--message .c-voc-tracking-result-overview--code {
    padding-left: 0
}

.c-voc-tracking-result-overview--message .c-voc-tracking-result-overview--item .c-voc-tracking-result--icon {
    left: -.2rem
}

.c-voc-tracking-result-overview--item {
    position: relative
}

.c-voc-tracking-result-overview--item-status span:last-child {
    display: inline-block
}

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

.c-voc-tracking-result--overview .c-voc-tracking-result--headline {
    margin: 0 0 .7rem
}

.c-voc-tracking-result--overview .c-voc-tracking-result--distance:before {
    content: "\e64d";
    color: #b5b5b5;
    position: relative;
    top: .2rem
}

.c-voc-tracking-result--overview .c-voc-tracking-result--icon,
.c-voc-tracking-result-overview--message .c-voc-tracking-result--icon {
    display: block;
    flex: 0 0 auto;
    position: relative;
    margin-top: 0;
    margin-right: 1.4rem;
    width: 1.4rem;
    height: 1.4rem
}

.c-voc-tracking-result--overview .c-voc-tracking-result--icon:before,
.c-voc-tracking-result-overview--message .c-voc-tracking-result--icon:before {
    position: absolute;
    top: 0;
    left: .5rem;
    color: #666;
    font-size: 1.4rem
}

.c-voc-tracking-result--arrow {
    margin: 0 0 .1rem -2.1rem;
    height: 1.5rem;
    width: 1.2rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTTE1IDE4VjBoMTJ2MThoMTBMMjEgNDIgNSAxOGgxMHoiLz48L3N2Zz4=);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 1.2rem
}

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

.c-voc-tracking-result--info>h4,
.c-voc-tracking-result-overview--item>h4,
.c-voc-tracking-result-overview--message .c-voc-tracking-result--info h4 {
    margin-bottom: .7rem
}

.c-voc-tracking-result--overview .c-voc-tracking-result--status-copy {
    margin-bottom: 1.4rem
}

.c-voc-tracking-result--destination,
.c-voc-tracking-result--origin {
    position: relative;
    margin-bottom: 0;
    line-height: 1.5rem;
    font-size: 1.2rem;
    text-transform: capitalize
}

.c-voc-tracking-result--destination:before,
.c-voc-tracking-result--origin:before {
    position: absolute;
    top: 0;
    left: -2.1rem;
    font-size: 1.2rem
}

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

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

.c-voc-tracking-result--overview .c-tracking-result--status-code-200.c-tracking-result--status-shipment-delivered .c-tracking-result--icon:before,
.c-voc-tracking-result--overview .c-tracking-result--status-code-206.c-tracking-result--status-shipment-delivered .c-tracking-result--icon:before {
    color: #007c39!important
}

.c-voc-tracking-result--overview .c-tracking-result--status-code-200.c-tracking-result--status-shipment-delivered .c-voc-tracking-result--status-text-shipment-delivered .c-voc-tracking-result-overview--item .status-text,
.c-voc-tracking-result--overview .c-tracking-result--status-code-206.c-tracking-result--status-shipment-delivered .c-voc-tracking-result--status-text-shipment-delivered .c-voc-tracking-result-overview--item .status-text {
    color: #007c39!important;
    text-transform: uppercase
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-delivered:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-delivered:before {
    content: "\e616"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit:before {
    content: "\e63b"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-plane:before,
.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-PLANE:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-plane:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-PLANE:before {
    content: "\e63f"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-ship:before,
.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-SHIP:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-ship:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-SHIP:before {
    content: "\e649"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-air:before,
.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-AIR:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-air:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-AIR:before {
    content: "\e63f"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-road:before,
.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-ROAD:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-road:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-ROAD:before {
    content: "\e64f"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-parcel:before,
.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-transit-PARCEL:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-parcel:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-transit-PARCEL:before {
    content: "\e63b"
}

.c-voc-tracking-result--info .c-voc-tracking-result--status-shipment-unknown:before,
.c-voc-tracking-result-overview--item .c-voc-tracking-result--status-shipment-unknown:before {
    content: ""
}

.c-voc-tracking-result-overview .c-voc-tracking-result--icon {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1.4rem;
    display: inline-block
}

.c-voc-tracking-result-overview .c-voc-tracking-result--icon:before {
    width: 2.8rem;
    height: 2.8rem;
    font-size: 2.8rem;
    line-height: 2.8rem;
    color: #666;
    display: inline-block
}

.c-voc-tracking-result--contact-link {
    color: #8b0a21
}

.c-voc-tracking-result--contact-link:hover {
    color: #e75c74
}

.c-voc-tracking-result--contact-link:focus,
.c-voc-tracking-result-message--link:focus {
    color: #e75c74;
    outline: .1rem solid #e75c74
}

.c-voc-tracking-result--contact-link:focus:after,
.c-voc-tracking-result--contact-link:hover,
.c-voc-tracking-result--contact-link:hover:after,
.c-voc-tracking-result-message--link:focus:after,
.c-voc-tracking-result-message--link:hover,
.c-voc-tracking-result-message--link:hover:after {
    color: #e75c74
}

.c-voc-tracking-result--contact {
    display: flex;
    flex-flow: row wrap;
    flex: 0 1 100%;
    margin-left: .7rem;
    line-height: 1.5rem;
    font-size: 1.4rem
}

@media screen and (min-width:666px) and (max-width:767px) {
    .c-voc-tracking-result--icon {
        margin-top: 1.4rem;
        font-size: 1.4rem
    }
    .c-voc-tracking-result--overview .c-voc-tracking-result--status-code-200.c-voc-tracking-result--status-shipment-transit .c-voc-tracking-result--icon:before {
        margin-top: 0
    }
}

@media print,
screen and (min-width:768px) {
    .c-voc-contact-lookup-container {
        flex-basis: calc(100% - 1.4rem)
    }
    .c-voc-contact-lookup-quicklinks--card {
        flex-basis: calc(50% - 0.7rem)
    }
    .c-voc-tracking-result-overview--item {
        width: 100%
    }
    .c-voc-tracking-result--overview .c-voc-tracking-result--icon,
    .c-voc-tracking-result-overview--message .c-voc-tracking-result--icon {
        margin: 0 1.4rem 0 .7rem;
        height: 100%;
        top: 50%;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
        width: 3.5rem
    }
    .c-voc-tracking-result--overview .c-voc-tracking-result--icon:before,
    .c-voc-tracking-result-overview--message .c-voc-tracking-result--icon:before {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        font-size: 3.5rem
    }
    .c-voc-tracking-result-overview--code {
        padding: 0 0 0 1.4rem
    }
    .c-voc-tracking-result--overview .c-voc-tracking-result--distance {
        margin-right: 1.4rem
    }
    .c-voc-tracking-result {
        padding-bottom: 2.8rem
    }
    .c-voc-tracking-result--icon {
        font-size: 3.5rem
    }
    .c-voc-tracking-result--icon:before {
        top: 1.1rem
    }
    .c-voc-tracking-result--status-code-200.c-voc-tracking-result--status-shipment-transit .c-voc-tracking-result--icon:before {
        margin-top: .7rem
    }
    .c-voc-tracking-result--overview .c-voc-tracking-result--status-code-200.c-voc-tracking-result--status-shipment-transit .c-voc-tracking-result--icon:before {
        margin-top: 0
    }
    .c-voc-tracking-result--message {
        margin-bottom: 0
    }
    .c-voc-tracking-result-message--icon {
        margin-left: 0
    }
    .c-voc-tracking-result-overview--message {
        padding: 1.4rem
    }
    .c-voc-tracking-result--overview {
        margin-top: 2.8rem
    }
    .c-voc-tracking-result--destination,
    .c-voc-tracking-result--origin {
        padding-left: 1.9rem
    }
    .c-voc-tracking-result--destination:before,
    .c-voc-tracking-result--origin:before {
        left: 0
    }
    .c-voc-tracking-result--arrow {
        margin-left: 0
    }
}

@media screen and (min-width:768px) and (max-width:1023px),
screen and (min-width:1365px) {
    .c-voc-tracking-result-overview--item-location {
        flex-flow: row wrap
    }
    .c-voc-tracking-result--destination,
    .c-voc-tracking-result--origin {
        max-width: calc(100% - 2.6rem)
    }
    .c-voc-tracking-result--arrow {
        margin: 0 .7rem;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    .c-voc-tracking-result--contact {
        flex: 0 0 auto;
        max-width: 40%;
        align-content: center;
        align-items: center
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .c-voc-tracking-result--overview-location-icon:before {
        top: .1rem
    }
}

@media print,
screen and (min-width:1024px) {
    .c-voc-contact-lookup-container {
        flex-basis: calc(50% - 1.4rem);
        margin-bottom: 0
    }
    .c-voc-contact-lookup-quicklinks-container {
        flex-basis: calc(50% - 0.7rem)
    }
}

@media screen and (min-width:1024px) and (max-width:1364px) {
    .c-voc-tracking-result--overview .c-voc-tracking-result--icon,
    .c-voc-tracking-result-overview--message .c-voc-tracking-result--icon {
        height: 50%
    }
    .c-voc-tracking-result--contact {
        margin-left: 5.6rem
    }
}

@media screen and (min-width:1365px) {
    .c-voc-tracking-result--overview-location-icon:before {
        top: .1rem
    }
    .c-voc-tracking-result--overview .c-voc-tracking-result--icon,
    .c-voc-tracking-result-overview--message .c-voc-tracking-result--icon {
        display: flex;
        justify-content: center;
        flex: 0 0 auto;
        width: 4.2rem
    }
}

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

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

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

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

.c-component-accordion .c-component-accordion--copytext {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.8rem
}

.c-component-accordion-list>li {
    float: none;
    list-style: none;
    color: #191919;
    padding: 0
}

.c-component-accordion li .c-component-accordion--header a {
    color: #191919;
    font-weight: 800;
    display: block;
    line-height: 2.1rem;
    padding: 1.7rem 4.9rem 1.4rem 1.4rem;
    border: .1rem solid #fff
}

html:not(.is-touch) .c-component-accordion li:not(.is-open) .c-component-accordion--header a:focus {
    border: .1rem solid #000;
    color: #8b0a21
}

.c-component-accordion .has-hover .c-component-accordion--header a,
.c-component-accordion .has-hover .c-component-accordion--header a:after,
.c-component-accordion .is-editmode .c-component-accordion--header a: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 {
    color: #e75c74
}

.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
}

html:not(.is-touch) .c-component-accordion .has-rte .c-download-box--link:focus {
    outline: .2rem solid #000
}

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

.c-component-accordion--header {
    display: block;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    text-align: left;
    border-top: .1rem solid #d1d1d1
}

.c-component-accordion .c-component-accordion-list>li:last-child {
    border-bottom: .1rem solid #d1d1d1
}

.c-component-accordion li .c-component-accordion--header a:after {
    position: absolute;
    right: 1.4rem;
    font-family: dhlicons;
    content: "\e607";
    color: #8b0a21;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-component-accordion li.c-accordion--item--locked .c-component-accordion--header a {
    cursor: default;
    color: #000!important
}

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

.c-component-accordion .is-editmode .c-component-accordion--header a:after,
.c-component-accordion .is-open .c-component-accordion--header a:after {
    content: "\e611"
}

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

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

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

.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 print,
screen and (min-width:768px) {
    .c-component-accordion .is-open .c-cta .base-button {
        margin-bottom: 1.4rem
    }
}

@media print,
screen and (max-width:767px),
screen and (min-width:768px) and (max-width:1023px) {
    .c-component-accordion li .c-component-accordion--header a {
        padding-right: 4.76rem
    }
}