<!DOCTYPE html>
<html lang="de" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lucas Söker</title>

    
    <meta property="og:type" content="website">
    <meta property="og:locale" content="de_DE">
    <meta property="og:title" content="Lucas Söker | Kommunikation, Digitalisierung &amp; Nachhaltigkeit">
    <meta property="og:url" content="https://lucassoeker.de">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://lucassoeker.de">
    <link rel="stylesheet" href="https://lucassoeker.de/assets/css/main.css">

    <script>
        const t = localStorage.getItem('theme');
        if (t) document.documentElement.setAttribute('data-theme', t);
    </script>
</head>
<body>
<header class="site-header">
    <nav class="nav-inner" aria-label="Hauptnavigation">
<a href="https://lucassoeker.de" class="nav-logo">Lucas S<span style="color:var(--accent)">ö</span>ker</a>
        <ul class="nav-links" id="nav-links">
            <li>
                <a href="https://lucassoeker.de/blog"
                   >
                   Blog
                </a>
            </li>
            <li>
                <a href="https://lucassoeker.de/podcast"
                   >
                   Podcast
                </a>
            </li>
            <li>
                <a href="https://lucassoeker.de#kontakt">Kontakt</a>
            </li>
        </ul>

        <div style="display:flex;gap:0.75rem;align-items:center;">
            <button class="theme-toggle" id="theme-toggle" aria-label="Design umschalten">
                <svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                     fill="none" stroke="currentColor" stroke-width="2"
                     stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <circle cx="12" cy="12" r="5"/>
                    <line x1="12" y1="1" x2="12" y2="3"/>
                    <line x1="12" y1="21" x2="12" y2="23"/>
                    <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/>
                    <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/>
                    <line x1="1" y1="12" x2="3" y2="12"/>
                    <line x1="21" y1="12" x2="23" y2="12"/>
                    <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/>
                    <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/>
                </svg>
                <svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
                     fill="none" stroke="currentColor" stroke-width="2"
                     stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
                </svg>
            </button>
            <button class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-controls="nav-links"
                    aria-label="Menü öffnen">
                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22"
                     viewBox="0 0 24 24" fill="none" stroke="currentColor"
                     stroke-width="2" stroke-linecap="round" aria-hidden="true">
                    <line x1="3" y1="6" x2="21" y2="6"/>
                    <line x1="3" y1="12" x2="21" y2="12"/>
                    <line x1="3" y1="18" x2="21" y2="18"/>
                </svg>
            </button>
        </div>
    </nav>
</header>

<main>
    <!-- HERO -->
    <section class="hero-section">
        <div class="container">
            <div class="hero-inner">
                <div class="hero-content">
                    <p class="hero-eyebrow">Lucas Söker</p>
                    <h1 class="hero-title">
                        Vater, Camper,<br>
                        <em>Norddeutscher</em>
                    </h1>
                    <p class="hero-text">Ich glaube, dass das Wissen der Menschheit der Welt geh&ouml;rt. Deshalb teile ich, was mich bewegt: Medienbildung, Klimagerechtigkeit, Mobilit&auml;t, Digitalisierung ... Hier entsteht, was ich denke.</p>
                    <a href="#kontakt" class="hero-cta">Kontakt aufnehmen</a>
                </div>
                <div class="hero-portrait">
                    <img src="https://lucassoeker.de/assets/images/portrait.jpg" alt="Portrait Lucas Söker" width="480" height="600" loading="eager">
                </div>
            </div>
        </div>
    </section>

    <!-- BLOG VORSCHAU -->
    <section class="blog-section" id="blog">
        <div class="container">
            <span class="section-eyebrow">Blog</span>
            <h2 class="section-title">Aktuelle Beiträge</h2>
            <p class="section-intro">
                Ich schreibe über digitale Kommunikation, Medienkompetenz,
                generative KI, Klimagerechtigkeit und alles, was mir unter die Finger kommt.
            </p>
            <div class="blog-grid">
                                    <article class="blog-card" data-tags="generativeKI">
            <div class="blog-card-image">
            <img src="/assets/images/blog/260603-linktipps-zur-arbeit-mit-ki.jpg" alt="Linktipps zur Arbeit mit KI" loading="lazy">
        </div>
        <div class="blog-card-body">
                    <div class="blog-card-tags">
                                    <a href="https://lucassoeker.de/blog?cat=generativeKI" class="tag">generativeKI</a>
                            </div>
                <h3><a href="https://lucassoeker.de/blog/linktipps-zur-arbeit-mit-ki">Linktipps zur Arbeit mit KI</a></h3>
                    <p class="blog-card-excerpt">Ehrliche Empfehlung zum Thema KI f&uuml;r alle aus gemeinn&uuml;tzigen Organisationen und Unternehmen der Sozialwirtschaft</p>
                <div class="blog-card-meta">
            <time datetime="2026-06-03">
                3. June 2026            </time>
            <a href="https://lucassoeker.de/blog/linktipps-zur-arbeit-mit-ki">Lesen</a>
        </div>
    </div>
</article>
                                    <article class="blog-card" data-tags="Klimaschutz">
            <div class="blog-card-image">
            <img src="/assets/images/blog/260602-als-kirche-stehen-wir-gerade-auf-so-einem-dachboden.jpg" alt="Als Kirche stehen wir gerade auf so einem Dachboden" loading="lazy">
        </div>
        <div class="blog-card-body">
                    <div class="blog-card-tags">
                                    <a href="https://lucassoeker.de/blog?cat=Klimaschutz" class="tag">Klimaschutz</a>
                            </div>
                <h3><a href="https://lucassoeker.de/blog/als-kirche-stehen-wir-gerade-auf-so-einem-dachboden">Als Kirche stehen wir gerade auf so einem Dachboden</a></h3>
                    <p class="blog-card-excerpt">Der Geb&auml;udeprozess ist eine gro&szlig;e, manchmal ungem&uuml;tliche Sortierarbeit. Was tr&auml;gt uns wirklich? Was lohnt sich zu behalten?</p>
                <div class="blog-card-meta">
            <time datetime="2026-06-02">
                2. June 2026            </time>
            <a href="https://lucassoeker.de/blog/als-kirche-stehen-wir-gerade-auf-so-einem-dachboden">Lesen</a>
        </div>
    </div>
</article>
                                    <article class="blog-card" data-tags="Podcast,Social Media,Medienbildung">
            <div class="blog-card-image">
            <img src="/assets/images/blog/260519-verbieten-oder-begleiten-die-social-media-debatte.jpg" alt="Verbieten oder begleiten? Die Social-Media-Debatte" loading="lazy">
        </div>
        <div class="blog-card-body">
                    <div class="blog-card-tags">
                                    <a href="https://lucassoeker.de/blog?cat=Podcast" class="tag">Podcast</a>
                                    <a href="https://lucassoeker.de/blog?cat=Social+Media" class="tag">Social Media</a>
                                    <a href="https://lucassoeker.de/blog?cat=Medienbildung" class="tag">Medienbildung</a>
                            </div>
                <h3><a href="https://lucassoeker.de/blog/verbieten-oder-begleiten-die-social-media-debatte">Verbieten oder begleiten? Die Social-Media-Debatte</a></h3>
                    <p class="blog-card-excerpt">Ein Verbot klingt einfach. Die Wirklichkeit nicht.</p>
                <div class="blog-card-meta">
            <time datetime="2026-05-19">
                19. May 2026            </time>
            <a href="https://lucassoeker.de/blog/verbieten-oder-begleiten-die-social-media-debatte">Lesen</a>
        </div>
    </div>
</article>
                            </div>
            <a href="https://lucassoeker.de/blog" class="btn btn-outline">Alle Beiträge ansehen</a>
        </div>
    </section>

    <!-- PODCAST -->
    <section class="podcast-section" id="podcast">
        <div class="container">
            <div class="podcast-inner">
                <div class="podcast-cover">
                    <img src="https://lucassoeker.de/assets/images/blog/260519-verbieten-oder-begleiten-die-social-media-debatte.jpg"
                         alt="MedienHappen Podcast Cover">
                </div>
                <div>
                    <span class="section-eyebrow">Podcast</span>
                    <h2 class="section-title">MedienHappen</h2>
                    <p class="podcast-tagline">Kleine Bissen für große Medienkompetenz</p>
                    <p class="podcast-desc">
                        MedienHappen bietet kleine, leicht verdauliche Informationshappen,
                        die den Zuhörenden auf unterhaltsame und informative Weise Wissen
                        über Medienbildung vermitteln.
                    </p>
                    <span class="podcast-platforms-label">Zu hören auf</span>
                    <div class="podcast-platforms">
                        <a href="https://open.spotify.com/show/5kfSsMgunqEcwcaKneGNiN" class="platform-link" target="_blank" rel="noopener">Spotify</a>
                        <a href="https://podcasts.apple.com/us/podcast/medienhappen/id1751476985" class="platform-link" target="_blank" rel="noopener">Apple Podcasts</a>
                        <a href="https://music.amazon.de/podcasts/27bfa1ea-bb80-44a8-836e-d301b85c880d/medienhappen" class="platform-link" target="_blank" rel="noopener">Amazon Music</a>
                        <a href="https://medienhappen.de/feed/mp3/" class="platform-link" target="_blank" rel="noopener">RSS Feed</a>
                    </div>
                </div>
                <div>
                    <p class="podcast-episodes-title">Neueste Episoden</p>
                    <div id="episode-list" class="episode-list">
                        <p class="episode-loading">Episoden werden geladen …</p>
                    </div>
                     <a href="https://lucassoeker.de/podcast" class="btn btn-outline" style="margin-top:1.25rem;">Alle Folgen anzeigen</a>
                </div>
            </div>
        </div>
    </section>

    <!-- KONTAKT -->
    <section class="kontakt-section" id="kontakt">
        <div class="container">
            <div class="kontakt-inner">
                <div>
                    <span class="section-eyebrow">Kontakt</span>
                    <h2 class="section-title">Lass uns reden.</h2>
                    <p>Du denkst über ähnliche Dinge nach? Hast eine andere Perspektive? Schreib mir.</p>
                    <a href="mailto:lucas.soeker@pm.me" class="contact-email">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
                            <polyline points="22,6 12,13 2,6"/>
                        </svg>
                        <span>Schreib mir eine Mail</span>
                    </a>
                </div>
                <div>
                    <p class="social-links-title">Gerne auch hier</p>
                    <div class="social-links">
                        <a href="https://www.linkedin.com/in/lucassoeker" class="social-link" target="_blank" rel="noopener">
                            <span class="social-platform">LinkedIn</span>
                            <span>linkedin.com/in/lucassoeker</span>
                        </a>
                        <a href="https://fundraising.social/@lucas" class="social-link" target="_blank" rel="noopener">
                            <span class="social-platform">Mastodon</span>
                            <span>@lucas@fundraising.social</span>
                        </a>
                        <a href="https://www.instagram.com/lucassoeker" class="social-link" target="_blank" rel="noopener">
                            <span class="social-platform">Instagram</span>
                            <span>@lucassoeker</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<footer class="site-footer">
    <div class="footer-inner">
        <span>© 2026 Lucas Söker</span>
        <ul class="footer-links">
            <li><a href="https://lucassoeker.de/impressum">Impressum</a></li>
            <li><a href="https://lucassoeker.de/datenschutz">Datenschutz</a></li>
        </ul>
    </div>
</footer>

<script src="https://lucassoeker.de/assets/js/main.js"></script>
</body>
</html>
