

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>Error | EGGER</title>
    <style>
        :root {
            --egger-red: #cc0000;
            --egger-red-dark: #990000;
            --egger-text: #333333;
        }
        body {
            margin: 0;
            font-family: "Metapro", "Open Sans", Arial, sans-serif;
            color: var(--egger-text);
            background-color: #ffffff;
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
        }
        .container { width: 100%; margin-left: auto; margin-right: auto; }
        .max-w-screen-xl { max-width: 1280px; }
        .mx-auto { margin-left: auto; margin-right: auto; }
        .relative { position: relative; }
        .z-50 { z-index: 50; }
        .flex { display: flex; }
        .inline-flex { display: inline-flex; }
        .grid { display: grid; }
        .items-center { align-items: center; }
        .items-start { align-items: flex-start; }
        .justify-center { justify-content: center; }
        .justify-between { justify-content: space-between; }
        .justify-end { justify-content: flex-end; }
        .block { display: block; }
        .visible { visibility: visible; }
        .bg-white { background-color: #ffffff; }
        .bg-red-600 { background-color: var(--egger-red); }
        .hover\:bg-red-800:hover { background-color: var(--egger-red-dark); }
        .text-red-600 { color: var(--egger-red); }
        .hover\:text-red-800:hover { color: var(--egger-red-dark); }
        .text-white { color: #ffffff; }
        .text-left { text-align: left; }
        .text-center { text-align: center; }
        .text-sm { font-size: 0.875rem; }
        .text-lg { font-size: 1.125rem; }
        .text-2xl { font-size: 1.5rem; }
        .font-bold { font-weight: bold; }
        .mb-4 { margin-bottom: 1rem; }
        .leading-6 { line-height: 1.5rem; }
        .leading-\[48px\] { line-height: 48px; }
        .no-underline { text-decoration: none; }
        .hover\:no-underline:hover { text-decoration: none; }
        .cursor-pointer { cursor: pointer; }
        .rounded-md { border-radius: 0.375rem; }
        .transition-all { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .duration-300 { transition-duration: 300ms; }
        .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
        .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
        .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
        .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
        .px-4 { padding-left: 1rem; padding-right: 1rem; }
        .mr-1 { margin-right: 0.25rem; }
        .m-auto { margin: auto; }
        .w-auto { width: auto; }
        .w-3\/4 { width: 75%; }
        .w-12 { width: 3rem; }
        .h-12 { height: 3rem; }
        .h-\[3rem\] { height: 3rem; }
        .max-h-full { max-height: 100%; }
        .gap-4 { gap: 1rem; }
        .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        .col-span-4 { grid-column: span 4 / span 4; }
        .space-y-3 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.75rem; }
        .space-y-20 > :not([hidden]) ~ :not([hidden]) { margin-top: 5rem; }
        .columns-1 { columns: 1; }

        @media (min-width: 768px) {
            .md\:py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
            .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
            .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
            .md\:gap-8 { gap: 2rem; }
            .md\:col-span-4 { grid-column: span 4 / span 4; }
            .md\:row-span-1 { grid-row: span 1 / span 1; }
            .md\:h-auto { height: auto; }
            .md\:w-\[200px\] { width: 200px; }
            .md\:columns-1 { columns: 1; }
        }
        @media (min-width: 1024px) {
            .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; }
            .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
            .lg\:col-span-6 { grid-column: span 6 / span 6; }
            .lg\:row-span-1 { grid-row: span 1 / span 1; }
            .lg\:block { display: block; }
            .lg\:flex { display: flex; }
            .lg\:visible { visibility: visible; }
        }
        @media (min-width: 1280px) {
            .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; }
            .xl\:col-span-6 { grid-column: span 6 / span 6; }
            .xl\:row-span-1 { grid-row: span 1 / span 1; }
            .xl\:block { display: block; }
            .xl\:flex { display: flex; }
            .xl\:visible { visibility: visible; }
            .xl\:columns-1 { columns: 1; }
        }
        
        /* Aspect Ratio Shim */
        .aspect-w-1 { --tw-aspect-w: 1; }
        .aspect-h-1 { --tw-aspect-h: 1; }
        .sm\:aspect-w-2 { --tw-aspect-w: 2; }
        .sm\:aspect-h-1 { --tw-aspect-h: 1; }
        .lg\:aspect-w-2 { --tw-aspect-w: 2; }
        .lg\:aspect-h-1 { --tw-aspect-h: 1; }
        .xl\:aspect-w-2 { --tw-aspect-w: 2; }
        .xl\:aspect-h-1 { --tw-aspect-h: 1; }

        [class*="aspect-w-"] {
            position: relative;
            padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        }
        [class*="aspect-w-"] > * {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .bulletpoints { list-style: none; padding: 0; }
        .bulletpoints li {  margin-bottom: 0.5rem; }

        .vectorimage img { display: block; max-width: 100%; height: auto; }
        .icon-arrow-right::before {
            content: '→';
            display: inline-block;
        }
    </style>
</head>
<body>
<header class="relative z-50 mx-auto" data-loggedin="false">
    <div class="py-5 md:py-11 relative z-50 flex justify-between items-center container px-4 md:px-8 lg:px-12 xl:px-20 max-w-screen-xl mx-auto">
        <a class="block h-[3rem] md:h-auto" href="https://www.egger.com">
            <img class="max-h-full w-auto md:w-[200px]" alt="redirect.egger.logo.alt.text" src="/images/egger_logo.svg"/>
        </a>
    </div>
</header>
<section id="main" class="bg-white mx-auto space-y-20 py-8 relative">
    <div class="container px-4 md:px-8 lg:px-12 xl:px-20 max-w-screen-xl mx-auto">
        <div class="grid grid-cols-4 gap-4 md:grid-cols-8 md:gap-8 lg:grid-cols-12">
            <div class="textblock txtcomp lg:col-span-6 lg:row-span-1 md:col-span-4 xl:row-span-1 md:row-span-1 xl:col-span-6 col-span-4 lg:block lg:visible block visible xl:block xl:visible md:columns-1 xl:columns-1 columns-1" data-track-component="TextBlock">
                <div class="space-y-3 text-left">
                    <div class="py-3 text-sm">
                        <span class="last text-red-600">Short URL not found</span>
                    </div>
                    <h1 class="text-2xl font-bold mb-4">Oops! This short URL doesn&#39;t work.</h1>
                    <p>
                        <span>Unfortunately, the short URL you have entered does not exist. There may be several reasons for this, such as the destination having been removed or no longer existing, the short URL having been deleted, or a typing error.</span>
                    </p>
                    <p>
                        <b>What can you do?</b>
                    </p>
                    <ul class="bulletpoints tick">
                        <li>
                            <b>Check the URL:</b>
                            <span>Make sure that the address you entered is correct and does not contain any typing errors.</span>
                        </li>
                        <li>
                            <b>Go to the home page:</b>
                            <span>Try navigating from our home page to find the information you are looking for.</span>
                        </li>
                    </ul>
                    <p>
                        <a class="cta inline-flex items-start py-3 text-lg leading-6 font-metapro-medium text-red-600 hover:text-red-800 no-underline hover:no-underline transition-all duration-300" href="https://www.egger.com" target="_self">
                            <span>To the homepage</span>
                        </a>
                    </p>
                    <ul class="bulletpoints tick">
                        <li>
                            <b>Contact us:</b>
                            <span>If you are still experiencing problems or need help, we are also happy to assist you directly.</span>
                        </li>
                    </ul>
                    <p>
                        <a class="cta inline-flex items-start py-3 text-lg leading-6 font-metapro-medium text-red-600 hover:text-red-800 no-underline hover:no-underline transition-all duration-300" href="https://to.egger.link/contactform" target="_self">
                            <span>To the contact form</span>
                        </a>
                    </p>
                    <p>
                        <span>Thank you for your understanding!</span>
                    </p>
                </div>
            </div>
            <div class="vectorimage flex items-center justify-center lg:aspect-w-2 lg:aspect-h-1 sm:aspect-w-2 sm:aspect-h-1 aspect-w-1 aspect-h-1 xl:aspect-w-2 xl:aspect-h-1 lg:col-span-6 lg:row-span-1 md:col-span-4 xl:row-span-1 md:row-span-1 xl:col-span-6 col-span-4 lg:flex lg:visible flex visible xl:flex xl:visible" data-track-component="VectorImage">
                <a class="flex" href="https://www.egger.com">
                    <img class="m-auto max-h-full w-3/4" src="/images/404_page_not_found.svg" alt="Page not found" title="Page not found"/>
                </a>
            </div>
        </div>
    </div>
    <div class="py-4 flex flex-wrap justify-center md:justify-start container px-4 md:px-8 lg:px-12 xl:px-20 max-w-screen-xl mx-auto">
        <div class="flex divide-x mr-0 md:mr-5 mb-2.5 md:mb-0">
            <p> <a title="Impressum" class="cta inline-flex items-start py-3 text-lg leading-6 font-metapro-medium text-red-600 hover:text-red-800 no-underline hover:no-underline transition-all duration-300" target="_self" href="https://to.egger.link/imprint">Imprint</a> |
                <a title="Datenschutz" class="cta inline-flex items-start py-3 text-lg leading-6 font-metapro-medium text-red-600 hover:text-red-800 no-underline hover:no-underline transition-all duration-300" target="_self" href="https://to.egger.link/data-protection-declaration">Data Protection Declaration</a> |
                <a title="AGB" class="cta inline-flex items-start py-3 text-lg leading-6 font-metapro-medium text-red-600 hover:text-red-800 no-underline hover:no-underline transition-all duration-300" target="_self" href="https://to.egger.link/terms-conditions">Terms and Conditions</a> | © EGGER 2026 </p>
        </div>
    </div>
</section>
</body>
</html>
