@media (max-width: 1280px) {
    .container {
        padding: 0 0.5rem;
    }
    .grid {
        grid: 
        'sb . cs . cn'
        /1fr var(--spacing-s) 3fr var(--spacing-xs) 3fr;
    }
    .container3d-page {
        padding: 0 0.5rem;
    }
    .container-hero {
        padding: 0.25rem 0.5rem;
    }
    .nav-container{
        justify-content: space-between;
        gap: 0;
    }
    .heading > * {
        width: min(100%, 22ch);
    }
    .footer-container {
        padding: 0 0.5rem;
    }
}
@media (max-width: 840px) {
    .grid {
        grid:
            'sb'
            'cs';
        gap: 1.5rem;
    }
    .cn {
        display: none;
    }
    .hideonmobile {
        display: none;
    }
    .menu-button {
        display: block;
    }
    .primary-button {
        padding: 0.5em 2em;
    }
    .header-back {
        background: none;
        border: 2px solid hsla(32, 74%, 89%, 0.8);
        background-color: hsla(32, 74%, 58%, 0.6);
        border-radius: 4px;
        box-shadow: 0px 0px 6px 2px hsla(32, 74%, 58%, 1), 0px 0px 6px 4px hsla(32, 74%, 58%, 0.6) inset;
    }
    .header-content {
        padding: var(--spacing-s);
        flex-direction: column;
        gap: var(--spacing-n);
    }
    .heading > * {
        width: 100%;
    }
    .nav-container {
        gap: 0;
        flex-direction: row;
        align-items: center;
    }
    .container-button {
        padding: 0 0.5rem;
    }
    .lang-button {
        display: block;
    }
    .searchbar-button {
        padding: 1em 2em;
    }
    .sb-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacing-s);
    }
    .sb-container-secondary {
        height: 100%;
    }
    .footer-content {
        padding: 0.75rem 1rem;
    }
    .footer-content > * {
        font-size: var(--text-size_350);
    }
    .footer-content > div:nth-of-type(1) {
        flex-direction: column;
        gap: var(--spacing-n);
    }
    .footer-content > div:nth-of-type(2) {
        flex-direction: column;
        gap: var(--spacing-n);
        font-size: var(--text-size_300);
    }
    .sitemap > ul > li {
        padding: 0 0 var(--spacing-xs) 0;
    }
    .legal {
        flex-direction: column;
        gap: var(--spacing-xs);
    }
    .address-glitch {
        height: 8ch;
    }
    .archive-container > div {
        gap: var(--text-spacing-n);
    }
}
@media (max-width: 480px) {
    .nav-container {
        align-items: end;
    }
    .header-content div:nth-of-type(2) {
        flex-direction: column;
        gap: var(--spacing-s);
    }
    .searchbar-container {
        width: 100%;
    }
    .sb-span {
        grid-column: span 2;
    }
    .archive-container > div {
        gap: var(--text-spacing-l);
    }
    .footer-content > div:nth-of-type(2) {
        flex-direction: column;
    }
}