@media all and (max-height: 799px) {
    .site-nav .desktop .dropdown::part(panel) {
        height: calc(100vh - 106px);
        background-color: var(--white);
        overflow: -moz-scrollbars-vertical; 
        overflow-y: scroll;
        transition: all 150ms ease-in-out;
    }
    .site-nav.fixed .desktop .dropdown::part(panel) {
        height: calc(100vh - 60px);
        transition: all 150ms ease-in-out;
    }
    .site-nav .desktop .tab-group::part(body) {
        overflow: unset !important;
        height: fit-content;
        position: sticky;
        top: 0;
    }
}

@media all and (min-width: 1699px) and (min-height: 949px) {
    .sp-mask, .sp-slide, .sp-image-container {
        height: 600px !important;
    }
}

@media all and (max-height: 949px) {
    .hero-banner {
        height: 30rem;
    }
    .main-content > .home-hero {
        margin-top: -6rem;
    }
    .industry .industry-hero .row .col-lg-6:first-of-type {
        width: calc(40% - 1rem);
    }
    .industry .industry-hero .row .col-lg-6:last-of-type {
        width: calc(60% - 1rem);
    }
    .subindustry .subindustry-hero {
        padding-top: 4rem;
    }
    .brand-category .brand-category-hero {
        padding-top: 4rem;
    }
    .product-category .main-content {
        background-size: 25% 75rem;
    }
    .product-category .product-category-hero {
        padding-top: 4rem;
        min-height: 50rem;
    }
    .webshop .wd-webshop-hero {
        padding-top: 4rem;
    }
    .product:has(.product-hero-A) .main-content {
        background-size: 25% 75rem;
    }
    .product:has(.product-hero-A) .product-hero {
        padding-top: 4rem;
        min-height: 50rem;
    }
    .product .product-hero .product-hero-A .img-container {
        top: 14.4rem;
    }
    .product:has(.product-hero-B) .main-content {
        background-size: 140vw 65rem;
    }
    .lifecycle-support .lifecycle-hero {
        padding-top: 4rem;
    }
    .packaging-innovation-center .pic-hero {
        padding-top: 4rem;
    }
    .pic-hero .copy-img-row img.hero-img {
        top: 14.4rem;
    }
    .auszubildende .main-content {
        background-size: 140vw 65rem;
    }
    .schulerpraktikum .main-content {
        background-size: 140vw 65rem;
    }
}



/* Max Width 1699px
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1699px) {
    /* --- Homepage -> Hero --- */
    .slide-highlight {
        top: 35%;
        clip-path: ellipse(100% 50% at center 100%);
    }


    /* --- Product Category Page -> Hero --- */
    .product-category .main-content {
        background-size: 27% 90rem;
    }


    /* --- Product Page -> Hero --- */
    .product:has(.product-hero-A) .main-content {
        background-size: 27% 90rem;
    }
    .product:has(.product-hero-B) .main-content {
        background-size: 130vw 80rem;
    }


    /* --- Packaging Innovation Center Page -> Hero --- */
    .packaging-innovation-center .main-content {
        background-size: 110vw 120rem;
    }


    /* --- Campaign Page -> Hero --- */
    .campaign .main-content {
        background-size: 110vw 120rem;
    }


    /* --- WD Training Page -> Hero --- */
    .auszubildende .main-content {
        background-size: 130vw 80rem;
    }


    /* --- WD Internship Page -> Hero --- */
    .schulerpraktikum .main-content {
        background-size: 130vw 80rem;
    }
}

@media all and (max-width: 1699px) and (max-height: 949px) {
    .product:has(.product-hero-A) .main-content {
        background-size: 27% 75rem;
    }
    .product-category .main-content {
        background-size: 27% 75rem;
    }
}


/* Max Width 1399px
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1399px) {
    /* --- Homepage -> Hero --- */
    .slide-highlight {
        top: 30%;
    }


    /* --- Brand Category Page -> Hero --- */
    .brand-category .main-content {
        background-size: 26% 35%;
    }


    /* --- Subindustry Page -> Hero --- */
    .subindustry .main-content {
        background-size: 25% 90rem;
    }


    /* --- Product Category Page -> Hero --- */
    .product-category .main-content {
        background-size: 25% 90rem;
    }


    /* --- Product Page -> Hero --- */
    .product:has(.product-hero-A) .main-content {
        background-size: 25% 90rem;
    }


    /* --- Lifecycle Support Page -> Hero --- */
    .lifecycle-support:not(.accelerate, .live-onsite-support) .main-content {
        background-size: 115vw 115rem;
    }


    /* --- Packaging Innovation Center Page -> Hero --- */
    .packaging-innovation-center .main-content {
        background-size: 115vw 120rem;
    }


    /* --- Campaign Page -> Hero --- */
    .campaign .main-content {
        background-size: 115vw 120rem;
    }


    /* --- WD Webshop Page -> Hero --- */
    .webshop .main-content {
        background-size: 26% 35%;
    }
}


@media all and (max-width: 1399px) and (max-height: 949px) {
    .product:has(.product-hero-A) .main-content {
        background-size: 25% 75rem;
    }
    .product-category .main-content {
        background-size: 23% 70rem;
    }
}


/* Max Width 1199px
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 1199px) {
    .hero-banner {
        height: 35rem;
    }


    /* --- Header -> Main Nav Menu --- */
    .site-nav .navbar-nav {
        gap: .4rem;
    }


    /* --- Homepage -> Hero --- */
    .slide-highlight {
        top: 35%;
        clip-path: ellipse(100% 50% at center 100%);
    }
    .home-hero .container {
        width: 100%;
    }


    /* --- Brand Page -> Hero --- */
    .brand:not(.brand-category, .product) .main-content {
        background-size: 115vw 100rem;
    }
    .brand .brand-hero {
        padding-top: 8rem;
    }
    .brand .brand-hero .brand-logo {
        max-width: 100%;
    }
    .brand .brand-hero-copy div {
        flex-direction: column;
    }


    /* --- Brand Category Page -> Hero --- */
    .brand-category .main-content {
        background-size: 24% 30%;
    }


    /* --- WD Webshop Page -> Hero --- */
    .webshop .main-content {
        background-size: 24% 30%;
    }


    /* --- Subindustry Page -> Hero --- */
    .subindustry .main-content {
        background-size: 23% 85rem;
    }


    /* --- Product Category Page -> Hero --- */
    .product-category .main-content {
        background-size: 23% 70rem;
    }


    /* --- Product Page -> Hero --- */
    .product:has(.product-hero-A) .main-content {
        background-size: 23% 85rem;
    }
    .product .product-hero .product-hero-B .hero-banner {
        max-height: 35rem;
        height: 100%;
    }


    /* --- Packaging Innovation Center Page -> Hero --- */
    .packaging-innovation-center .main-content {
        background-size: 120vw 115rem;
    }


    /* --- Campaign Page -> Hero --- */
    .campaign .main-content {
        background-size: 120vw 115rem;
    }


    /* --- Our Culture Page -> Body --- */
    .our-culture .culture-body .culture-links a {
        flex-direction: column;
    }
    .our-culture .culture-body .culture-links img {
        width: 100%;
        max-height: 12rem;
    }
    .our-culture .culture-body .culture-links p {
        width: 100%;
    }


    /* --- Contact Page -> Locations --- */
    .contact .contact-locations .locations-list ul li {
        width: calc(33.33333333% - 1.3333rem);
    }


    /* --- Event Detail Page -> Body --- */
    .event .event-detail-body .col-lg-8 {
        width: 66.66666667%;
    }


    /* --- Lifecycle Support Page -> Hero --- */
    .lifecycle-support:not(.accelerate, .live-onsite-support) .main-content {
        background-size: 125vw 100rem;
    }


    /* --- WD Training Page -> Training Positions List --- */
    .auszubildende .occupation-card {
        width: calc(50% - 1rem) !important;
    }


    /* --- Contact Footer --- */
    .main-content > .row.contact-footer {
        padding-bottom: 10rem;
    }


    /* --- List of Containers with Arrow Button --- */
    .list-containers ul li h3 {
        font-size: 3.2rem;
        line-height: 3.2rem;
    }


    /* --- Footer --- */
    footer .footer-lvl-2 .col-6 {
        width: 20%;
    }
    footer .footer-lvl-2 .col-6:has(.legal-nav) {
        width: 80%;
    }
}


/* Max Width 991px
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 991px) {
    .superheader-search {
        width: 100%;
    }
    .hero-arrow {
        display: none !important;
    }


    /* --- Heading Styles --- */
    h1 {
        font-size: 5.6rem;
        line-height: 6rem;
    }
    h2 {
        font-size: 4.8rem;
        line-height: 5rem;
    }
    h4 {
        font-size: 4rem;
        line-height: 4.4rem;
    }
    h5 {
        font-size: 3.2rem;
        line-height: 4rem;
    }


    /* --- Header -> Main Nav Menu --- */
    .navbar>.container-fluid {
        padding: 0;
        margin: 0;
        width: fit-content;
        gap: 1rem;
    }


    /* Mobile Nav */
    .site-nav .mobile {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 2rem;
    }
    .site-nav .mobile > i {
        display: none;
    }
    .site-nav .mobile-btn::part(base) {
        background-color: transparent;
        border: none;
        color: #2D3E49;
        font-size: 20px;
        align-items: center;
        border-radius: 0;
    }
    .site-nav .dropdown[open] .fa-bars::before {
        content: '\58';
        font-weight: 700;
    }
    .site-nav .mobile .mobile-menu {
        padding-top: 30px;
        padding-bottom: 30px;
        width: calc(100vw - var(--bs-gutter-x, 1.5rem));
        height: 100vh;
    }
    .site-nav .mobile .dropdown::part(base__popup),
    .site-nav .mobile .dropdown::part(base) {
        --auto-size-available-height: calc(100vh - 106px);
        transition: all 150ms ease-in-out;
    }
    .site-nav.fixed .mobile .dropdown::part(base__popup),
    .site-nav.fixed .mobile .dropdown::part(base) {
        --auto-size-available-height: calc(100vh - 60px);
        transition: all 150ms ease-in-out;
    }
    .site-nav .mobile .navbar-nav {
        gap: 10px;
    }
    .site-nav .mobile .nav-link::part(base) {
        padding: 4px 12px;
        justify-content: space-between;
        font-family: museo-sans, sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: normal !important;
        color: #2D3E49;
    }
    .site-nav .mobile .nav-link {
        color: #2D3E49;
        text-decoration: none;
        padding-left: 0;
        line-height: normal !important;
        font-size: 20px;
    }
    .site-nav .mobile .nav-item > .menu-item > .top-nav.nav-link {
        padding: 9px 12px;
    }
    .site-nav .mobile .mobile-menu .dropdown {
        width: 100%;
    }
    .site-nav .mobile .mobile-menu .dropdown::part(base__popup) {
        position: relative !important;
        top: 0 !important;
        height: auto !important;
    }
    .site-nav .mobile .nav-item .dropdown[open]::part(panel) {
        padding: 12px 4px;
        border-top: 2px solid var(--converting-blue);
        box-shadow: none;
        border-radius: 0;
        outline: none;
    }
    .site-nav .mobile .nav-item .dropdown .sl-menu .nav-link,
    .site-nav .mobile .nav-item ul li {
        padding: 9px 12px;
        border-radius: 4px;
    }
    .site-nav .mobile .nav-item .dropdown .sl-menu .menu-item::part(base):hover {
        background-color: #ECECEC;
        border-radius: 4px;
        transition: background-color .15s ease-in-out;
    }
    .site-nav.fixed .nav-link:hover,
    .site-nav:has(.dropdown[open]) .nav-link:hover,
    .site-nav .desktop .dropdown[open] .nav-link {
        background: #ECECEC;
        border-radius: 4px;
    }


    /* --- Header -> Socials --- */
    .site-nav > .container > .row > .col:last-of-type, .site-nav .desktop {
        display: none;
    }


    /* --- Homepage -> Hero --- */
    #hero-fade-mobile {
        display: block;
    }
    #hero-fade {
        display: none;
    }
    .home-hero h1 {
        font-size: 4.8rem;
        line-height: 6rem;
    }


    /* --- Homepage -> About Converting --- */
    .about-converting .row {
        flex-direction: column;
    }
    .about-converting .col-lg-6 {
        width: 100%;
    }


    /* --- Homepage -> Our Brands --- */
    .our-brands ul {
        gap: 1rem;
    }
    .our-brands ul li {
        width: calc(50% - 0.5rem);
        height: 20rem;
    }
    .our-brands ul a {
        height: 20rem;
    }


    /* --- Homepage -> Events --- */
    .home-events .events-header {
        margin-bottom: 5rem;
        flex-direction: column;
        gap: 0;
    }
    .home-events .row .col-lg-8, .home-events .row .col-lg-4 {
        width: 100%;
    }
    .home-events .events-header .col-lg-4 .btn {
        margin-left: 0;
    }


    /* --- Brand Page -> Hero -- */
    .brand .brand-hero {
        padding-top: 2rem;
    }
    .brand .brand-hero .row {
        flex-direction: column;
        gap: 2rem;
    }
    .brand .brand-hero .row .col-lg-6 {
        width: 100%;
    }


    /* --- Brand Page -> Additional Info --- */
    .brand .brand-additional-info .row {
        flex-direction: column;
    }
    .brand .brand-additional-info .col-lg-6 {
        width: 100%
    }


    /* --- Brand Page -> Search Directory CTA --- */
    .brand .search-directory-cta .container > div > div {
        width: 100%;
    }


    /* --- Brand Page -> Events --- */
    .brand-events .events-header {
        margin-bottom: 5rem;
        flex-direction: column;
        gap: 0;
    }
    .brand-events .row .col-lg-8, .brand-events .row .col-lg-4 {
        width: 100%;
    }
    .brand-events .events-header .col-lg-4 .btn {
        margin-left: 0;
    }


    /* --- Industry Page -> Hero --- */
    .industry:not(.subindustry) .main-content {
        background-size: 100% 40rem;
    }
    .industry .industry-hero .row {
        flex-direction: column;
        gap: 0;
    }
    .industry .industry-hero .row .col-lg-6 {
        width: 100% !important;
    }


    /* --- Industry Page -> Details --- */
    .industry .industry-details .row {
        flex-direction: column;
    }
    .industry .industry-details .row .col {
        width: 100%;
    }


    /* --- Subindustry Page -> Hero --- */
    .subindustry .main-content {
        background-size: 50% 50rem;
    }
    .subindustry .subindustry-hero {
        padding-top: 2rem;
    }
    .subindustry .subindustry-hero .row {
        flex-direction: column-reverse;
        gap: 2rem;
    }
    .subindustry .subindustry-hero .row .col-lg-6 {
        width: 100%;
    }
    .subindustry .subindustry-hero .subindustry-hero-img img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-height: 40rem;
        object-fit: contain;
    }


    /* --- Brand Category Page -> Hero --- */
    .brand-category .main-content {
        background-size: 50% 20%;
    }
    .brand-category .brand-category-hero {
        padding-top: 2rem;
    }
    .brand-category .brand-category-hero .row {
        flex-direction: column;
        gap: 2rem;
    }
    .brand-category .brand-category-hero .row .col-lg-6 {
        width: 100%;
    }
    .brand-category .brand-category-hero .brand-cat-hero-img img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-height: 35rem;
    }


    /* --- WD Webshop Page -> Hero --- */
    .webshop .main-content {
        background-size: 50% 20%;
    }
    .webshop .wd-webshop-hero {
        padding-top: 2rem;
    }
    .webshop .wd-webshop-hero .row {
        flex-direction: column;
        gap: 2rem;
    }
    .webshop .wd-webshop-hero .row .col-lg-6 {
        width: 100%;
    }
    .webshop .wd-webshop-hero img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-height: 35rem;
        min-height: unset;
    }


    /* --- WD Webshop Page -> Body --- */
    .webshop .wd-webshop-body .list-containers .col-lg-12 > div {
        width: calc(50% - 1rem);
    }


    /* --- Product Category Page -> Hero --- */
    .product-category .main-content {
        background-size: 75% 50rem;
    }
    .product-category .product-category-hero {
        padding-top: 2rem;
    }
    .product-category .product-category-hero .row {
        flex-direction: column;
        gap: 2rem;
    }
    .product-category .product-category-hero .row .col-lg-6 {
        width: 100%;
    }
    .product-category .product-category-hero .product-cat-hero-img img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-height: 40rem;
        object-fit: contain;
    }


    /* --- Product Page -> Hero --- */
    .product:has(.product-hero-A) .main-content {
        background-size: 75% 50rem;
    }
    .product:has(.product-hero-B) .main-content {
        background-size: 105vw 90rem;
    }
    .product:has(.product-hero-A) .product-hero {
        padding-top: 2rem;
    }
    .product .product-hero .product-hero-B .row {
        flex-direction: column;
    }
    .product .product-hero .product-hero-A .row {
        padding-top: 0;
        flex-direction: column;
    }
    .product .product-hero-A .img-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 0 !important;
        height: 40rem;
        width: 100%;
        max-width: 72rem;
        background-position: center;
        transform: none;
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
    }
    .product .product-hero .product-hero-B .row .col-lg-8, .product .product-hero .product-hero-B .row .col-lg-4, .product .product-hero-A .col-lg-6 {
        width: 100%;
    }
    .product .product-hero:has(.product-hero-B) .brand-logo {
        max-width: 50%;
    }


    /* --- Product Page -> Product Details --- */
    .product .product-details .row {
        gap: 6rem;
    }
    .product .product-details .col-lg-8, .product .product-details .col-lg-4 {
        width: 100%;
    }


    /* --- Product Page -> Technical Specifications --- */
    .product .product-technical-specs .col-lg-12 {
        display: flex;
        flex-direction: column;
    }
    .product .product-technical-specs .container {
        min-height: unset;
    }
    .product .product-technical-specs .col-lg-6 {
        margin-top: 0;
    }
    .product .product-technical-specs .img-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -4rem;
        height: 40rem;
        width: 100%;
        max-width: 64rem;
        background-position: center;
        transform: none;
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }


    /* --- News Page -> Hero --- */
    .news .news-page-featured .row {
        flex-direction: column-reverse;
    }
    .news .news-page-featured .col-lg-6 {
        width: 100%;
    }
    .news .news-page-featured .col-lg-6:first-of-type {
        height: 60rem;
    }


    /* --- News Page -> News List --- */
    .news .news-list .row {
        flex-direction: column-reverse;
    }
    .news .news-list .col-lg-8, .news .news-list .col-lg-4 {
        width: 100%;
    }


    /* --- News Article Page -> Hero --- */
    .news.article .main-content > .row {
        margin-top: 0;
    }
    .news.article .news-article-hero {
        flex-direction: column-reverse;
    }
    .news.article .news-article-hero .col-lg-6 {
        width: 100%;
    }
    .news.article .news-article-hero .col-lg-6:first-of-type {
        height: 60rem;
    }


    /* --- News Article Page -> Body --- */
    .news.article .news-body .row {
        flex-direction: column;
    }
    .news.article .news-body .col-lg-8, .news.article .news-body .col-lg-4 {
        width: 100%;
    }
    .news.article .news-body .col-lg-4 {
        border-top: 3px solid var(--converting-blue);
        padding-top: 6rem;
    }


    /* --- Events Page -> Body --- */
    .events .events-body .row {
        flex-direction: column;
        gap: 6rem;
    }
    .events .events-body .col-lg-8, .events .events-body .col-lg-4  {
        width: 100%;
    }


    /* --- Event Detail Page -> Hero --- */
    .event .main-content > .row {
        margin-top: 0;
    }
    .event .event-detail-hero {
        flex-direction: column-reverse;
    }
    .event .event-detail-hero .col-lg-6 {
        width: 100%;
    }
    .event .event-detail-hero .col-lg-6:first-of-type {
        height: auto;
    }
    .event .event-detail-hero .bg-image {
        background-image: none !important;
    }
    .event .bg-image img {
        display: block;
        width: 100%;
    }


    /* --- Event Detail Page -> Body --- */
    .event .event-detail-body {
        margin-bottom: 12rem;
    }
    .event .event-detail-body > .container > .row {
        gap: 8rem;
    }
    .event .event-detail-body .col-lg-8, .event .event-detail-body .col-lg-4 {
        width: 100%;
    }
    .event .event-detail-body .additional-content .col-lg-6 {
        width: 100%;
    }
    

    /* --- Our Culture Page -> Hero --- */
    .our-culture .culture-hero .row {
        flex-direction: column;
        gap: 0;
    }
    .our-culture  .culture-hero .col-lg-6 {
        width: 100%;
    }
    .our-culture .culture-hero .col-lg-6 img {
        max-width: 50%;
        margin-left: 0;
    }
    .our-culture .culture-body .row {
        flex-direction: column;
    }
    .our-culture .culture-body .col-lg-8,
    .our-culture .culture-body .col-lg-4 {
        width: 100%;
    }
    .our-culture .culture-body .culture-links a {
        flex-direction: row;
    }
    .our-culture .culture-body .culture-links img {
        width: 12rem;
        height: 12rem;
        max-height: unset;
        aspect-ratio: 3 / 2;
    }
    .our-culture .culture-body .culture-links h6 {
        width: 70%;
    }


    /* --- About Us Page -> Hero --- */
    .about-us .about-hero .row {
        flex-direction: column;
    }
    .about-us .about-hero .col-lg-6 {
        width: 100%;
    }


    /* --- About Us Page -> Leadership Team --- */
    .about-us .our-leaders .leader {
        width: calc(33.333% - 1.333rem);
    }


    /* --- About Us Page -> Events --- */
    .about-us .about-page-events .row .col-lg-4 > div > div {
        justify-content: flex-start;
    }


    /* --- Accelerate Page -> Hero --- */
    .accelerate .accelerate-hero .row {
        flex-direction: column;
        gap: 4rem;
    }
    .accelerate .accelerate-hero .col-lg-4,
    .accelerate .accelerate-hero .col-lg-8 {
        width: 100%;
    }
    .accelerate .accelerate-hero p {
        justify-content: flex-start !important;
    }


    /* --- Accelerate Page -> Body --- */
    .accelerate .accelerate-body .row {
        flex-direction: column;
        gap: 4rem;
    }
    .accelerate .accelerate-body .col-lg-8 {
        width: 100%;
    }


    /* --- Accelerate Page -> Features --- */
    .accelerate .accelerate-features .container {
        min-height: unset;
    }
    .accelerate .accelerate-features .container .row {
        flex-direction: column;
    }
    .accelerate .accelerate-features .img-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -4rem;
        height: 40rem;
        width: 100%;
        max-width: 64rem;
        background-position: center;
        transform: none;
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }
    .accelerate .accelerate-features img {
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }
    .accelerate .accelerate-phone-directory .row,
    .accelerate .accelerate-dashboards .row,
    .accelerate .accelerate-remote-support .row {
        flex-direction: column;
    }
    .accelerate .accelerate-phone-directory .col-lg-6,
    .accelerate .accelerate-dashboards .col-lg-6,
    .accelerate .accelerate-remote-support .col-lg-6 {
        width: 100%;
    }
    .accelerate .accelerate-e-learning h2,
    .accelerate .accelerate-e-learning h4,
    .accelerate .accelerate-e-learning p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .accelerate .e-learning-offerings {
        margin-top: 5rem;
    }
    .e-learning-offerings {
        gap: 2rem;
    }
    

    /* --- Packaging Innovation Center Page -> Hero --- */
    .packaging-innovation-center .main-content {
        background-size: 80vw 100rem;
    }
    .packaging-innovation-center .pic-hero {
        padding-top: 2rem;
    }
    .packaging-innovation-center .pic-hero .row {
        padding-top: 0;
        flex-direction: column-reverse;
        gap: 4rem;
    }
    .packaging-innovation-center .pic-hero .copy-img-row img.hero-img {
        top: unset;
    }


    /* --- Packaging Innovation Center Page -> Highlights --- */
    .packaging-innovation-center .pic-highlights {
        margin-top: 24rem;
    }
    .pic-highlights h2, .pic-highlights p {
        max-width: 100%;
    }
    .pic-highlights .row .col-lg-12 > div {
        width: calc(50% - 1rem);
    }


    /* --- Packaging Innovation Center Page -> Partners --- */
    .our-partners ul li {
        width: calc(50% - 1rem);
    }

    
    /* --- Packaging Innovation Center Page -> Extra Info --- */
    .pic-info .col-lg-8 {
        width: 100%;
    }


    /* --- Campaign Page -> Hero --- */
    .campaign .main-content {
        background-size: 80vw 100rem;
    }
    .campaign .campaign-hero p {
        width: 100%;
    }


    /* --- Campaign Page -> Body --- */
    .campaign .campaign-body .row {
        gap: 6rem;
    }
    .campaign .campaign-body .col-lg-8, .campaign .campaign-body .col-lg-4 {
        width: 100%;
    }
    

    /* --- Lifecycle Support Page -> Hero --- */
    .lifecycle-support:not(.accelerate, .live-onsite-support) .main-content {
        background-size: 80vw 100rem;
    }
    .lifecycle-support .lifecycle-hero {
        padding-top: 2rem;
    }
    .lifecycle-support .lifecycle-hero .row {
        flex-direction: column-reverse;
        gap: 2rem;
    }
    .lifecycle-support .lifecycle-hero .col-lg-6 {
        width: 100%;
    }
    .lifecycle-support .lifecycle-hero .lifecycle-hero-img img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-height: 40rem;
        object-fit: contain;
    }


    /* --- Lifecycle Support Page -> Accelerate --- */
    .lifecycle-support .accelerate-cta .row {
        flex-direction: column-reverse;
    }
    .lifecycle-support .accelerate-cta .col-lg-6 {
        width: 100%;
    }
    

    /* --- Lifecycle Support Page -> I/O and E/O Offerings --- */
    .lifecycle-support .list-containers > div {
        width: calc(50% - 1rem);
    }


    /* --- Contact Page -> Locations --- */
    .contact .contact-locations .locations-list ul li {
        width: calc(50% - 1rem);
    }
    .contact .contact-locations .locations-list ul li h3 {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }


    /* --- WD Training Page -> Hero --- */
    .auszubildende .main-content {
        background-size: 105vw 90rem;
    }
    .auszubildende .auszubildende-hero .row {
        flex-direction: column;
        gap: 0;
    }
    .auszubildende .auszubildende-hero .col-lg-8,
    .auszubildende .auszubildende-hero .col-lg-4 {
        width: 100%;
    }
    .auszubildende .auszubildende-hero .col-lg-4 img {
        max-width: 50%;
    }


    /* --- WD Training Page -> Two column sections --- */
    .auszubildende .apprenticeship-copy .row {
        flex-direction: column;
        gap: 0;
    }
    .auszubildende .apprenticeship-copy .row > div {
        width: 100%;
    }


    /* --- WD Training Page -> Training Positions List --- */
    .auszubildende .header-copy {
        max-width: 100%;
    }


    /* --- WD Training Page -> CTA Container--- */
    .auszubildende .wd-training-cta:not(.two-col) .container div {
        width: 100%;
    }
    .auszubildende .wd-training-cta.two-col .row {
        flex-direction: column;
    }
    .auszubildende .wd-training-cta.two-col .row > div {
        width: 100%;
    }


    /* --- WD Internship Page -> Hero --- */
    .schulerpraktikum .main-content {
        background-size: 105vw 90rem;
    }
    .schulerpraktikum .schulerpraktikum-hero {
        flex-direction: column;
        gap: 0;
    }
    .schulerpraktikum .schulerpraktikum-hero .col-lg-8,
    .schulerpraktikum .schulerpraktikum-hero .col-lg-4 {
        width: 100%;
    }
    .schulerpraktikum .schulerpraktikum-hero .col-lg-4 img {
        max-width: 50%;
    }


    /* --- WD Internship Page -> Copy Sections --- */
    .schulerpraktikum .internship-copy .row {
        flex-direction: column;
        gap: 0;
    }
    .schulerpraktikum .internship-copy .row > div {
        width: 100%;
    }
    .schulerpraktikum .additional-internship-info .row {
        flex-direction: column-reverse;
    }
    .schulerpraktikum .additional-internship-info .row > div {
        width: 100%;
    }
    

    /* --- WD Internship Page -> CTA --- */
    .schulerpraktikum .wd-internships-cta .container div {
        width: 100%;
    }


    /* --- Live Onsite Support -> Hero --- */
    .lifecycle-support.live-onsite-support .live-onsite-hero .row {
        flex-direction: column;
        gap: 0;
    }
    .lifecycle-support.live-onsite-support .live-onsite-hero .col-lg-8,
    .lifecycle-support.live-onsite-support .live-onsite-hero .col-lg-4 {
        width: 100%;
    }


    /* --- Live Onsite Support -> Body --- */
    .live-onsite-field-service .row,
    .live-onsite-training .row,
    .live-onsite-machine-audits .row {
        flex-direction: column;
    }
    .live-onsite-field-service .col-lg-6,
    .live-onsite-training .col-lg-6,
    .live-onsite-machine-audits .col-lg-6 {
        width: 100%;
    }
    .planned-maintenance-cards .col-lg-3 {
        width: calc(50% - 1rem);
    }



    /* --- List of Containers with Arrow Button --- */
    .list-containers ul li {
        width: calc(50% - 1rem);
    }


    /* --- Copy and image rows with image attached to edge of screen --- */
    .copy-img-row .row {
        padding-top: 0;
    }
    .copy-img-row.img-right .row {
        flex-direction: column;
        gap: 4rem;
    }
    .copy-img-row.img-left .row {
        flex-direction: column-reverse;
        gap: 4rem;
    }
    .copy-img-row img:not(.brand-logo, .logo) {
        position: relative;
        width: 100%;
        top: unset !important;
        right: unset;
        left: unset;
        max-height: 100%;
        border-radius: 2rem;
        transform: none;
    }
    

    /* --- Gray Container --- */
    .gray-container .gray-container-header h2 {
        max-width: 100%;
    }
    .gray-container .gray-container-header p {
        max-width: 100%;
    }


    /* --- Testimonial --- */
    .brand-testimonial .col-lg-12 {
        display: flex;
        flex-direction: column-reverse;
    }
    .brand-testimonial .container {
        min-height: unset;
    }
    .brand-testimonial .col-lg-6 {
        margin-top: 0;
    }
    .brand-testimonial .img-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: -4rem;
        height: 40rem;
        width: 100%;
        max-width: 64rem;
        background-position: center;
        transform: none;
        border-top-right-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }


    /* --- Newsroom --- */
    .newsroom .newsroom-header {
        margin-bottom: 5rem;
        flex-direction: column;
        gap: 0;
    }
    .newsroom .row .col-lg-8, .newsroom .row .col-lg-4 {
        width: 100%;
    }
    .newsroom .newsroom-header .col-lg-4 .btn {
        margin-left: 0;
    }
    .newsroom > .col-lg-12 > .row {
        flex-direction: column;
    }
    .newsroom .col-lg-6 {
        flex-direction: column;
        width: 100%;
    }
    .featured-news {
        height: 60rem;
    }
    .gray-container-news-list hr {
        width: 100%;
    }


    /* --- Gray Container --- */
    .gray-container {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }


    /* --- Contact Footer --- */
    .main-content > .row.contact-footer {
        padding-bottom: 5rem;
    }
    .contact-footer .row {
        gap: 4rem;
    }
    .contact-form .inputs-list.multi-container {
        flex-direction: column;
    }


    /* --- Footer --- */
    footer .footer-lvl-1 .row {
        flex-direction: column;
    }
    footer .footer-lvl-1 .row .col-lg-4 {
        width: 100%;
    }
    footer .footer-lvl-1 .row .col-lg-8 {
        display: flex;
        width: 100%;
        gap: 2rem;
    }
    footer .footer-lvl-1 .row .col-lg-4 img {
        width: 50%;
    }
}


/* Max Width 767px
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 767px) {
    .hero-banner-row {
        margin-left: 0;
        margin-right: 0;
    }
    .hero-banner {
        height: 30rem;
    }


    /* --- Brand Category Page -> Hero --- */
    .brand-category .main-content {
        background-size: 50% 12%;
    }


    /* --- WD Webshop Page -> Hero --- */
    .webshop .main-content {
        background-size: 50% 12%;
    }


    /* --- WD Webshop Page -> Body --- */
    .webshop .wd-webshop-body .list-containers .col-lg-12 > div {
        width: 100%;
    }


    /* --- Product Category Page -> Hero --- */
    .product-category .main-content {
        background-size: 75% 35rem;
    }


    /* --- Product Page -> Hero --- */
    .product:has(.product-hero-A) .main-content {
        background-size: 75% 30rem;
    }
    .product:has(.product-hero-B) .main-content {
        background-size: 105vw 75rem;
    }
    .product .product-hero-A .img-container {
        max-width: 54rem;
    }


    /* --- Product Page -> Technical Specifications --- */
    .product .product-technical-specs .img-container {
        max-width: 48rem;
    }


    /* --- Accelerate Page -> Features --- */
     .accelerate .accelerate-features .img-container {
        max-width: 48rem;
    }


    /* --- Lifecycle Support Page -> Lifecycle I/O and E/O Offerings --- */
    .lifecycle-support .list-containers {
        flex-direction: column;
    }
    .lifecycle-support .list-containers > div {
        width: 100%;
    }


    /* --- WD Training Page -> Hero --- */
    .auszubildende .main-content {
        background-size: 105vw 75rem;
    }


    /* --- WD Training Page -> Training Positions List --- */
    .auszubildende .occupation-card {
        width: 100% !important;
    }


    /* --- WD Internship Page -> Hero --- */
    .schulerpraktikum .main-content {
        background-size: 105vw 75rem;
    }


    /* --- About Us Page -> Hero --- */
    .about-us .about-hero .container > div {
        margin-left: 0;
        margin-right: 0;
    }


    /* --- About Us Page -> Leadership Team --- */
    .about-us .our-leaders .leader {
        width: calc(33.333% - 1.333rem);
    }
    .about-us .our-leaders .leader h5 {
        font-size: 2.8rem;
        line-height: 3.6rem;
    }


    /* --- Campaign Page -> Body --- */
    .campaign .campaign-body tr {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4rem;
    }
    .campaign .campaign-body td {
        width: 100% !important;
    }


    /* --- Contact Page -> Locations --- */
    .contact .filter-locations {
        flex-direction: column;
    }
    .contact .mobile-filter-btn {
        display: block;
    }
    .contact .filter-locations > div:first-of-type {
        margin-top: 2rem;
    }
    .contact .filter-locations > * {
        display: none;
        width: 100% !important;
    }


    /* --- Our Culture Page -> Hero --- */
    .our-culture .breadcrumb {
        margin-left: 0;
        margin-right: 0;
    }


    /* --- List of Containers with Arrow Button --- */
    .list-containers ul {
        flex-direction: column;
    }
    .list-containers ul li {
        width: 100%;
    }


    /* --- Testimonial --- */
    .brand-testimonial .img-container {
        max-width: 48rem;
    }


    /* --- Contact Footer --- */
    .main-content > .row.contact-footer.brand-contact.contact-form {
        padding-bottom: 12rem;
    }
    .contact-form .contact-bg-image {
        height: 12rem;
    }


    /* --- Footer --- */
    footer .footer-lvl-1 .row .col-lg-8 {
        gap: 1rem;
    }
    footer .footer-lvl-2 .row {
        flex-direction: column;
    }
    footer .footer-lvl-2 .col-6 {
        width: 100% !important;
    }
    footer .footer-lvl-2 .legal-nav ul {
        justify-content: space-between;
        gap: 1rem;
        text-align: left;
    }
}


/* Max Width 575px
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 575px) {
    /* --- Heading Styles --- */
    h1 {
        font-size: 4.8rem !important;
        line-height: 5.6rem !important;
    }
    h2 {
        font-size: 4rem;
        line-height: 4.8rem;
    }
    h4 {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }
    h5 {
        font-size: 2.4rem;
        line-height: 3.2rem;
    }


    .site-nav .mobile > i {
        display: block;
    }
    .main-content > .row {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }


    /* --- Homepage -> Hero --- */
    .main-content > .home-hero {
        margin-top: 0;
    }


    /* --- Brand Page -> Hero --- */
    .brand:not(.brand-category, .product) .main-content {
        background-size: 135vw 55rem;
    }
    .brand .brand-hero {
        margin-top: 0;
    }
    .brand .brand-hero .brand-hero-img img {
        max-height: 30rem;
    }


    /* --- Brand Page -> Search Directory CTA --- */
    .brand .form-columns-2 {
        flex-direction: column;
    }
    .brand .form-columns-2 > * {
        width: 100% !important;
    }


    /* --- Industry Page -> Hero --- */
    .industry:not(.subindustry) .main-content {
        background-size: 100% 30rem;
    }
    .industry .industry-hero {
        margin-top: 0;
    }


    /* --- Industry Page -> Details --- */
    .industry .industry-details h2 {
        width: 100%;
    }


    /* --- Brand Category Page -> Hero --- */
    .brand-category .brand-category-hero {
        margin-top: 0;
    }


    /* --- WD Webshop Page -> Hero --- */
    .webshop .wd-webshop-hero {
        margin-top: 0;
    }


    /* --- Subindustry Page -> Hero --- */
    .subindustry .main-content {
        background-size: 50% 35rem;
    }
    .subindustry .subindustry-hero {
        margin-top: 0;
    }


    /* --- Product Category Page -> Hero --- */
    .product-category .product-category-hero {
        margin-top: 0;
    }


    /* --- Product Page -> Hero --- */
    .product:has(.product-hero-B) .main-content {
        background-size: 130vw 50rem;
    }
    .product .product-hero-A .img-container {
        width: calc(100% - var(--bs-gutter-x, 0.75rem) - var(--bs-gutter-x, 0.75rem));
        height: 25rem;
    }


    /* --- Product Page -> Technical Specifications --- */
    .product .product-technical-specs .img-container {
        max-width: calc(100% - 2 * (var(--bs-gutter-x, 0.75rem + --bs-gutter-y, 0.75rem)) - 4rem);
    }
    .product .product-technical-specs .container {
        max-width: calc(100% - 2 * (var(--bs-gutter-x, 0.75rem + --bs-gutter-y, 0.75rem)));
        padding: 8rem 3rem;
    }
    .product .product-technical-specs tbody {
        flex-direction: column;
    }
    .product .product-technical-specs tr,
    .product .product-technical-specs td,
    .product .product-technical-specs table {
        width: 100%;
    }


    /* --- Lifecycle Support Page -> Hero --- */
    .lifecycle-support .lifecycle-hero {
        margin-top: 0;
    }


    /* --- Accelerate Page -> Hero --- */
    .accelerate .accelerate-hero {
        margin-top: 0;
    }
    .accelerate .accelerate-features tbody {
        display: flex;
        flex-direction: column;
    }
    .accelerate .accelerate-features tr {
        width: 100%;
    }


     /* --- Accelerate Page -> Features --- */
     .accelerate .accelerate-features .container {
        max-width: calc(100% - 2*(var(--bs-gutter-x, 0.75rem + --bs-gutter-y, 0.75rem)));
        padding: 8rem 3rem;
     }
     .accelerate .accelerate-features .img-container {
        max-width: calc(100% - 2*(var(--bs-gutter-x, 0.75rem + --bs-gutter-y, 0.75rem)) - 4rem);
    }


    /* --- About Us Page -> Hero --- */
    .about-us .about-hero {
        margin-top: 0;
    }
    .about-us .our-leaders .leader {
        width: calc(50% - 1rem);
    }


    /* --- Our Culture Page -> Hero --- */
    .our-culture .culture-hero {
        margin-top: 0;
    }


    /* --- Packaging Innovation Center Page -> Hero --- */
    .packaging-innovation-center .main-content {
        background-size: 70vw 55rem;
    }
    .packaging-innovation-center .pic-hero {
        margin-top: 0;
    }


     /* --- Packaging Innovation Center Page -> Highlights --- */
    .pic-highlights .row .col-lg-12 > div {
        width: 100%;
    }


    /* --- Campaign Page -> Hero --- */
    .campaign .main-content {
        background-size: 70vw 55rem;
    }
    .campaign .campaign-hero {
        margin-top: 0;
    }


    /* --- WD Training Page -> Hero --- */
    .auszubildende .main-content {
        background-size: 130vw 50rem;
    }
    .auszubildende .auszubildende-hero {
        margin-top: 0;
    }


    /* --- WD Training Page -> CTA Container--- */
    .auszubildende .wd-training-cta {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
        margin-right: auto;
        margin-left: auto;
    }


    /* --- WD Internship Page -> Hero --- */
    .schulerpraktikum .main-content {
        background-size: 130vw 50rem;
    }
    .schulerpraktikum .schulerpraktikum-hero {
        margin-top: 0;
    }


    /* --- WD Internship Page -> Copy Sections --- */
    .schulerpraktikum .additional-internship-info .btn-group {
        flex-direction: column;
        gap: 0;
    }


    /* --- WD Internship Page -> CTA Container--- */
    .schulerpraktikum .wd-internships-cta {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
        margin-right: auto;
        margin-left: auto;
    }


    /* --- Contact Page -> Locations --- */
    .contact .main-content {
        background-size: 100% 30rem;
    }
    .contact .contact-locations .locations-list ul li {
        width: 100%;
    }


    /* --- Events Page --- */
    .events .events-hero {
        margin-top: 4rem;
    }
    .events .event-details {
        margin-bottom: 1rem;
        flex-direction: column;
        gap: 0;
    }


    /* --- Live Onsite Support -> Body --- */
    .planned-maintenance-cards .col-lg-3 {
        width: 100%;
    }


    /* --- Testimonial --- */
    .brand-testimonial .img-container {
        max-width: calc(100% - 2 * (var(--bs-gutter-x, 0.75rem + --bs-gutter-y, 0.75rem)) - 4rem);
    }
    .brand-testimonial .container {
        max-width: calc(100% - 2 * (var(--bs-gutter-x, 0.75rem + --bs-gutter-y, 0.75rem)));
        padding: 8rem 3rem;
    }


    /* --- Newsroom --- */
    .news .news-hero {
        margin-top: 4rem;
    }
    .gray-container-news-list .news-details {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }


    /* --- Gray Container --- */
    .gray-container {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }


    /* --- Search Results Page --- */
    .search-results .search-results-hero {
        margin-top: 4rem;
    }


    /* --- Footer --- */
    footer .footer-lvl-1 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    footer .footer-lvl-1 .row .col-lg-8 {
        flex-direction: column;
        gap: 6rem;
    }
    footer .footer-lvl-1 .row .col-lg-4 img {
        width: 100%;
    }
}