<!doctype html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>siteinoneclick - Website-Visitenkarte</title>
    <meta name="description" content="Website-Visitenkarte demo clone powered by tplx, PromptCSS and DB-backed cnt content.">
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="stylesheet" href="/src/css/promptcss-website.css">
    <link rel="stylesheet" href="/src/css/theme-siteinoneclick.css">
    <link rel="stylesheet" href="/src/css/site.css">
    <script src="/src/js/siteinoneclick.js" defer></script>
</head>
<body>
    <div class="l-page c-page c-page--website c-page--siteinoneclick">
        <header class="c-nav c-siteinoneclick-nav">
    <div class="l-container c-nav__bar c-siteinoneclick-nav__bar">
        <a class="c-nav__brand c-siteinoneclick-nav__brand" href="/">
            siteinoneclick.com        </a>
        <nav class="c-nav__links c-siteinoneclick-nav__links" aria-label="Hauptnavigation">
                            <a class="c-nav__link js-siteinoneclick-anchor" href="#home">
                    Home                </a>
                            <a class="c-nav__link js-siteinoneclick-anchor" href="#features">
                    Features                </a>
                            <a class="c-nav__link js-siteinoneclick-anchor" href="#pricing">
                    Preise                </a>
                            <a class="c-nav__link js-siteinoneclick-anchor" href="#contact">
                    Kontakt                </a>
                    </nav>
    </div>
</header>
<main class="c-siteinoneclick-main">
    <section class="c-section c-siteinoneclick-section">
        <div class="l-container">
            <article class="c-card c-siteinoneclick-panel">
                <div class="c-card__body l-stack c-siteinoneclick-notfound">
                    <p class="c-kicker">404</p>
                    <h1 class="c-display">Seite nicht gefunden</h1>
                    <p class="c-lead">Diese siteinoneclick Route ist nicht konfiguriert.</p>
                    <a class="c-button c-button--primary" href="/">Zur Startseite</a>
                </div>
            </article>
        </div>
    </section>
</main>
    <footer class="c-siteinoneclick-footer">
        <div class="l-container">
            <div class="c-siteinoneclick-footer__panel">
                <div class="l-grid c-siteinoneclick-footer__grid">
                    <div class="l-stack">
                        <h2 class="c-card__title">siteinoneclick.com</h2>
                        <p>Ihre digitale Visitenkarte</p>
                    </div>
                    <div class="l-stack">
                        <h3>Rechtliches</h3>
                                                    <a href="impressum.html">Impressum</a>
                                                    <a href="datenschutz.html">Datenschutz</a>
                                                    <a href="/cookie_settings">Cookie Einstellungen</a>
                                            </div>
                    <div class="l-stack">
                        <h3>Kontakt</h3>
                                                    <a href="mailto:info@vividweb.it">info@vividweb.it</a>
                                                    <a href="tel:+4915781878684">+49-15781878684</a>
                                            </div>
                </div>
                <p class="c-siteinoneclick-footer__bottom">© 2025 siteinoneclick.com. Alle Rechte vorbehalten.</p>
            </div>
        </div>
    </footer>
    </div>
    <style>
    .c-legal-prompt[hidden] {
        display: none;
    }

    .c-legal-prompt [hidden] {
        display: none;
    }

    .c-legal-prompt {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        padding: 16px;
        color: #20242a;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
        letter-spacing: 0;
        text-transform: none;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(12, 16, 24, 0.18));
    }

    .c-legal-prompt__panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 16px;
        align-items: center;
        max-width: 1080px;
        margin: 0 auto;
        padding: 16px;
        background: #ffffff;
        border: 1px solid rgba(32, 36, 42, 0.14);
        border-radius: 8px;
        box-shadow: 0 16px 44px rgba(12, 16, 24, 0.22);
    }

    .c-legal-prompt__body {
        min-width: 0;
    }

    .c-legal-prompt__title {
        margin: 0 0 6px;
        font-size: 18px;
        line-height: 1.25;
    }

    .c-legal-prompt__text {
        margin: 0;
        font-size: 14px;
        line-height: 1.5;
    }

    .c-legal-prompt__text a {
        color: #0f6f60;
        font-weight: 600;
    }

    .c-legal-prompt__choices {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
    }

    .c-legal-prompt__choice {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 40px;
        padding: 0 12px;
        border: 1px solid rgba(32, 36, 42, 0.18);
        border-radius: 8px;
        font-size: 14px;
        line-height: 1.35;
        cursor: pointer;
    }

    .c-legal-prompt__choice input {
        margin: 0;
    }

    .c-legal-prompt__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }

    .c-legal-prompt__button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0 14px;
        border: 1px solid #0f6f60;
        border-radius: 8px;
        font: inherit;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
    }

    .c-legal-prompt__button--accept {
        color: #ffffff;
        background: #0f6f60;
    }

    .c-legal-prompt__button--decline {
        color: #0f6f60;
        background: #ffffff;
    }

    .c-legal-prompt__button--settings {
        color: #20242a;
        border-color: rgba(32, 36, 42, 0.28);
        background: #ffffff;
    }

    .c-legal-prompt__button:disabled {
        cursor: wait;
        opacity: 0.65;
    }

    @media (max-width: 680px) {
        .c-legal-prompt {
            padding: 10px;
        }

        .c-legal-prompt__panel {
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .c-legal-prompt__actions {
            justify-content: stretch;
        }

        .c-legal-prompt__button {
            flex: 1 1 140px;
        }
    }
</style>
<section class="c-legal-prompt" data-legal-prompt data-legal-prompt-target="/cookie_settings" data-legal-prompt-storage-key="naf_legal_prompt_siteinoneclick_legal_prompt" data-legal-prompt-endpoint="/cookie/consent" hidden>
    <div class="c-legal-prompt__panel" data-legal-prompt-view="notice">
        <div class="c-legal-prompt__body">
            <h2 class="c-legal-prompt__title">Cookie Hinweis</h2>
            <p class="c-legal-prompt__text">
                Diese Website verwendet Cookies, um Ihre Auswahl zu speichern und die Website zuverlässig bereitzustellen.                                    <a href="#contact">Mehr erfahren</a>
                            </p>
        </div>
        <div class="c-legal-prompt__actions">
            <a class="c-legal-prompt__button c-legal-prompt__button--settings" href="/cookie_settings" data-legal-prompt-open-settings>Cookie Einstellungen</a>
            <button class="c-legal-prompt__button c-legal-prompt__button--accept" type="button" data-legal-prompt-decision="accepted">Akzeptieren</button>
            <button class="c-legal-prompt__button c-legal-prompt__button--decline" type="button" data-legal-prompt-decision="declined">Ablehnen</button>
        </div>
    </div>
    <div class="c-legal-prompt__panel" data-legal-prompt-view="settings" hidden>
        <div class="c-legal-prompt__body">
            <h2 class="c-legal-prompt__title">Cookie Einstellungen</h2>
            <p class="c-legal-prompt__text">Sie können Ihre Cookie-Entscheidung jederzeit ändern.</p>
            <div class="c-legal-prompt__choices">
                <label class="c-legal-prompt__choice">
                    <input type="radio" name="legal-prompt-choice-siteinoneclick_legal_prompt" value="accepted" data-legal-prompt-choice>
                    <span>Akzeptieren</span>
                </label>
                <label class="c-legal-prompt__choice">
                    <input type="radio" name="legal-prompt-choice-siteinoneclick_legal_prompt" value="declined" data-legal-prompt-choice>
                    <span>Ablehnen</span>
                </label>
            </div>
        </div>
        <div class="c-legal-prompt__actions">
            <button class="c-legal-prompt__button c-legal-prompt__button--accept" type="button" data-legal-prompt-save>Speichern</button>
        </div>
    </div>
</section>
    <script src="/src/js/legal_prompt.js" defer></script>
</body>
</html>
