<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Superheld</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bowlby+One&family=Inter:ital,wght@0,500;0,700;1,700&family=JetBrains+Mono:wght@500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/screen.css?v=c949c140b1">
    <meta name="description" content="Thoughts, stories and ideas.">
    <link rel="canonical" href="https://superheld.com/">
    <meta name="referrer" content="no-referrer-when-downgrade">
    
    <meta property="og:site_name" content="Superheld">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Superheld">
    <meta property="og:description" content="Thoughts, stories and ideas.">
    <meta property="og:url" content="https://superheld.com/">
    <meta property="og:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
    <meta property="article:publisher" content="https://www.facebook.com/ghost">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Superheld">
    <meta name="twitter:description" content="Thoughts, stories and ideas.">
    <meta name="twitter:url" content="https://superheld.com/">
    <meta name="twitter:image" content="https://static.ghost.org/v5.0.0/images/publication-cover.jpg">
    <meta name="twitter:site" content="@ghost">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="840">
    
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "publisher": {
        "@type": "Organization",
        "name": "Superheld",
        "url": "https://superheld.com/",
        "logo": {
            "@type": "ImageObject",
            "url": "https://superheld.com/favicon.ico",
            "width": 48,
            "height": 48
        }
    },
    "url": "https://superheld.com/",
    "name": "Superheld",
    "image": {
        "@type": "ImageObject",
        "url": "https://static.ghost.org/v5.0.0/images/publication-cover.jpg",
        "width": 1200,
        "height": 840
    },
    "mainEntityOfPage": "https://superheld.com/",
    "description": "Thoughts, stories and ideas."
}
    </script>

    <meta name="generator" content="Ghost 5.130">
    <link rel="alternate" type="application/rss+xml" title="Superheld" href="https://superheld.com/rss/">
    <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.51/umd/portal.min.js" data-i18n="true" data-ghost="https://superheld.com/" data-key="2cba11f3401f66a3a2807ca4a2" data-api="https://superheld.com/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
}

.gh-post-upgrade-cta-content {
    border-radius: 8px;
    padding: 40px 4vw;
}

.gh-post-upgrade-cta h2 {
    color: #ffffff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin: 0;
    padding: 0;
}

.gh-post-upgrade-cta p {
    margin: 20px 0 0;
    padding: 0;
}

.gh-post-upgrade-cta small {
    font-size: 16px;
    letter-spacing: -0.2px;
}

.gh-post-upgrade-cta a {
    color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a:hover {
    color: #ffffff;
    opacity: 0.8;
    box-shadow: none;
    text-decoration: underline;
}

.gh-post-upgrade-cta a.gh-btn {
    display: block;
    background: #ffffff;
    text-decoration: none;
    margin: 28px 0 0;
    padding: 8px 18px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.gh-post-upgrade-cta a.gh-btn:hover {
    opacity: 0.92;
}</style>
    <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="2cba11f3401f66a3a2807ca4a2" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://superheld.com/" data-locale="en" crossorigin="anonymous"></script>
    
    <link href="https://superheld.com/webmentions/receive/" rel="webmention">
    <script defer src="/public/cards.min.js?v=c949c140b1"></script>
    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=c949c140b1">
    <script defer src="/public/member-attribution.min.js?v=c949c140b1"></script><style>:root {--ghost-accent-color: #FF1A75;}</style>
</head>
<body class="home-template">

    <div class="bg-stars"></div>
    <div class="bg-grid"></div>

    <header class="site-header">
        <div class="badge">★ DIE SHOW · <span class="em">SEASON 14</span> ★</div>
        <a class="brand" href="https://superheld.com">SUPER<span class="am">HELD</span></a>
        <nav class="site-nav">
            <ul class="nav">
    <li class="nav-home nav-current"><a href="https://superheld.com/">Home</a></li>
    <li class="nav-about"><a href="https://superheld.com/about/">About</a></li>
</ul>

        </nav>
    </header>

    <main class="frame">
        
<section class="show">
    <div class="pres">★ EIN PERSÖNLICHES SATURDAY-MORNING-CARTOON ★</div>
    <h1>SUPER<span class="am">HELD</span></h1>
    <div class="tag">DAS BIN ICH<span class="em"> · </span>NUR IN FÜNF MODI</div>
</section>

<section class="tform">
    <div class="box">
        <div class="lbl">▸ HEUTE ★</div>
        <div class="panels">
            <div class="pn a">
                <span class="pidx">&#9312;</span>
                <div class="cap">Montag morgen — ich, im Pyjama.</div>
                <div class="charwrap"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>
</div>
                <div class="speech">"Heute schreib' ich was."</div>
            </div>
            <div class="arrow">&#9889;<span class="sub">verwandlung</span></div>
            <div class="pn b">
                <span class="pidx">&#9313;</span>
                <div class="cap">Ich greife zum Helm.</div>
                <span class="sfx red">ZAP!</span>
                <div class="charwrap"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>
</div>
                <div class="speech">"Klick. Schwupp."</div>
            </div>
            <div class="arrow">&#9889;<span class="sub">&#8674; mode on</span></div>
            <div class="pn now g">
                <span class="now-lbl">★ NOW</span>
                <span class="pidx">&#9314;</span>
                <div class="charwrap"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>

</div>
                <div class="nm">REDAKTEUR</div>
                <div class="rl">▸ DEFAULT-ME</div>
                <a class="speech" href="/whats-new/">"Ein Blog. Mal wieder :) Manchmal muss man halt was schreiben. Themen... wie immer etwas Musik, etwas"</a>
            </div>
        </div>
    </div>
</section>

<section class="roster">
    <div class="rH">
        <h2>ALL MY <span class="ye">MODES</span></h2>
        <div class="small">★ FÜNF KOSTÜME · EINS IST EINE MASCHINE ★</div>
    </div>
    <div class="rGrid">
        <div class="hero">
            <div class="num">01</div>
            <div class="stage g"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>
<span class="bub">"hallo, das bin ich."</span></div>
            <div class="label"><div class="nm">REDAKTEUR</div><div class="role">▸ DEFAULT-ME</div><div class="pow">Pyjama. Kaffee. Schreibt.</div></div>
        </div>
        <div class="hero">
            <div class="num">02</div>
            <div class="stage r"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M10 100 Q 50 64 90 100 Z" fill="#e63946" stroke="#0a0a0a" stroke-width="2.5"/>
  <text x="50" y="92" text-anchor="middle" font-family="JetBrains Mono, monospace" font-size="14" font-weight="700" fill="#f3eee2">{ }</text>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M30 26 Q 38 12 50 16 Q 62 12 70 26 Q 60 18 50 22 Q 40 18 30 26 Z" fill="#f5b14a"/>
  <path d="M28 38 Q 50 30 72 38 L 70 52 Q 60 56 50 54 Q 40 56 30 52 Z" fill="#e63946" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="42" cy="44" rx="4" ry="3" fill="#f3eee2"/><ellipse cx="58" cy="44" rx="4" ry="3" fill="#f3eee2"/>
  <circle cx="42" cy="44" r="1.6" fill="#0a0a0a"/><circle cx="58" cy="44" r="1.6" fill="#0a0a0a"/>
  <path d="M42 60 Q 50 64 58 60" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <line x1="60" y1="20" x2="68" y2="10" stroke="#0a0a0a" stroke-width="2"/>
  <circle cx="68" cy="10" r="3" fill="#e63946" stroke="#0a0a0a" stroke-width="1.6"/>
</svg>
<span class="bub">"klammer!"</span></div>
            <div class="label"><div class="nm">CAPT. COMPILER</div><div class="role">▸ TECH MODE</div><div class="pow">Wenn ich code, denke, debug.</div></div>
        </div>
        <div class="hero">
            <div class="num">03</div>
            <div class="stage b"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M14 100 Q 50 60 86 100 Z" fill="#2a9df4" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="38" y="64" width="24" height="10" fill="#0a0a0a"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 38 Q 26 14 50 14 Q 74 14 72 38 L 72 30 Q 64 22 50 22 Q 36 22 28 30 Z" fill="#0a0a0a"/>
  <circle cx="40" cy="44" r="9" fill="none" stroke="#0a0a0a" stroke-width="2.5"/>
  <circle cx="60" cy="44" r="9" fill="none" stroke="#0a0a0a" stroke-width="2.5"/>
  <line x1="49" y1="44" x2="51" y2="44" stroke="#0a0a0a" stroke-width="2.5"/>
  <circle cx="40" cy="44" r="2" fill="#0a0a0a"/><circle cx="60" cy="44" r="2" fill="#0a0a0a"/>
  <path d="M45 58 L 56 58" stroke="#0a0a0a" stroke-width="2.2" stroke-linecap="round"/>
  <circle cx="78" cy="22" r="3" fill="#f3eee2" stroke="#0a0a0a" stroke-width="1.6"/>
  <circle cx="85" cy="14" r="5" fill="#f3eee2" stroke="#0a0a0a" stroke-width="1.6"/>
  <text x="85" y="17" text-anchor="middle" font-family="serif" font-size="7" font-style="italic" fill="#0a0a0a">?</text>
</svg>
<span class="bub">"...hmm."</span></div>
            <div class="label"><div class="nm">DAME DENKER</div><div class="role">▸ PHIL MODE</div><div class="pow">Wenn ich laut nachdenke.</div></div>
        </div>
        <div class="hero">
            <div class="num">04</div>
            <div class="stage y"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 62 84 100 Z" fill="#f5b14a" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M30 36 Q 36 18 50 18 Q 64 18 70 36 Q 66 28 50 26 Q 34 28 30 36 Z" fill="#0a0a0a"/>
  <rect x="34" y="38" width="14" height="8" rx="1" fill="#0a0a0a"/>
  <rect x="52" y="38" width="14" height="8" rx="1" fill="#0a0a0a"/>
  <line x1="48" y1="42" x2="52" y2="42" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="36" y="40" width="3" height="1.5" fill="#f3eee2" opacity="0.9"/>
  <rect x="54" y="40" width="3" height="1.5" fill="#f3eee2" opacity="0.9"/>
  <ellipse cx="50" cy="58" rx="4" ry="3" fill="#0a0a0a"/>
  <path d="M24 36 Q 50 8 76 36" fill="none" stroke="#0a0a0a" stroke-width="3"/>
  <rect x="20" y="34" width="10" height="14" rx="2" fill="#f5b14a" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="34" width="10" height="14" rx="2" fill="#f5b14a" stroke="#0a0a0a" stroke-width="2"/>
  <text x="14" y="20" font-family="serif" font-size="14" fill="#0a0a0a">&#9834;</text>
  <text x="80" y="14" font-family="serif" font-size="14" fill="#0a0a0a">&#9835;</text>
</svg>
<span class="bub">"&#9834;!"</span></div>
            <div class="label"><div class="nm">DJ KILOHERTZ</div><div class="role">▸ MUSIC MODE</div><div class="pow">Wenn ich höre, was andere nicht.</div></div>
        </div>
        <div class="hero">
            <div class="num">AI</div>
            <div class="stage v"><svg class="char" width="170" height="170" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M14 100 L 14 76 L 86 76 L 86 100 Z" fill="#7c4dff" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="38" y="82" width="24" height="12" fill="#0a0a0a"/>
  <line x1="42" y1="86" x2="58" y2="86" stroke="#e63946" stroke-width="1.4"/>
  <line x1="42" y1="89" x2="54" y2="89" stroke="#f5b14a" stroke-width="1.4"/>
  <line x1="42" y1="92" x2="50" y2="92" stroke="#f3eee2" stroke-width="1.4"/>
  <rect x="44" y="64" width="12" height="12" fill="#0a0a0a"/>
  <circle cx="48" cy="70" r="1.5" fill="#7c4dff"/><circle cx="52" cy="70" r="1.5" fill="#f5b14a"/>
  <rect x="26" y="20" width="48" height="46" rx="6" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="32" y="30" width="36" height="22" fill="#0a0a0a"/>
  <rect x="38" y="36" width="8" height="6" fill="#7c4dff"/><rect x="54" y="36" width="8" height="6" fill="#7c4dff"/>
  <rect x="40" y="38" width="3" height="2" fill="#f3eee2"/><rect x="56" y="38" width="3" height="2" fill="#f3eee2"/>
  <path d="M36 48 L 40 48 L 42 44 L 46 52 L 50 46 L 54 50 L 58 46 L 60 48 L 64 48" fill="none" stroke="#f5b14a" stroke-width="1.4"/>
  <line x1="34" y1="20" x2="30" y2="10" stroke="#0a0a0a" stroke-width="2"/>
  <circle cx="30" cy="10" r="2.5" fill="#7c4dff" stroke="#0a0a0a" stroke-width="1.4"/>
  <line x1="66" y1="20" x2="70" y2="10" stroke="#0a0a0a" stroke-width="2"/>
  <circle cx="70" cy="10" r="2.5" fill="#e63946" stroke="#0a0a0a" stroke-width="1.4"/>
  <circle cx="70" cy="30" r="2" fill="#f5b14a"/>
</svg>
<span class="bub">"beep."</span></div>
            <div class="label"><div class="nm">THE ORACLE</div><div class="role">▸ SIDEKICK</div><div class="pow">Liest mit, behält's für sich.</div></div>
        </div>
    </div>
</section>

<section class="oracle-seg">
    <div class="box">
        <div class="new">▸ TODAY'S A.I. SEGMENT</div>
        <div class="charwrap"><svg class="char" width="110" height="110" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M14 100 L 14 76 L 86 76 L 86 100 Z" fill="#7c4dff" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="38" y="82" width="24" height="12" fill="#0a0a0a"/>
  <line x1="42" y1="86" x2="58" y2="86" stroke="#e63946" stroke-width="1.4"/>
  <line x1="42" y1="89" x2="54" y2="89" stroke="#f5b14a" stroke-width="1.4"/>
  <line x1="42" y1="92" x2="50" y2="92" stroke="#f3eee2" stroke-width="1.4"/>
  <rect x="44" y="64" width="12" height="12" fill="#0a0a0a"/>
  <circle cx="48" cy="70" r="1.5" fill="#7c4dff"/><circle cx="52" cy="70" r="1.5" fill="#f5b14a"/>
  <rect x="26" y="20" width="48" height="46" rx="6" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="32" y="30" width="36" height="22" fill="#0a0a0a"/>
  <rect x="38" y="36" width="8" height="6" fill="#7c4dff"/><rect x="54" y="36" width="8" height="6" fill="#7c4dff"/>
  <rect x="40" y="38" width="3" height="2" fill="#f3eee2"/><rect x="56" y="38" width="3" height="2" fill="#f3eee2"/>
  <path d="M36 48 L 40 48 L 42 44 L 46 52 L 50 46 L 54 50 L 58 46 L 60 48 L 64 48" fill="none" stroke="#f5b14a" stroke-width="1.4"/>
  <line x1="34" y1="20" x2="30" y2="10" stroke="#0a0a0a" stroke-width="2"/>
  <circle cx="30" cy="10" r="2.5" fill="#7c4dff" stroke="#0a0a0a" stroke-width="1.4"/>
  <line x1="66" y1="20" x2="70" y2="10" stroke="#0a0a0a" stroke-width="2"/>
  <circle cx="70" cy="10" r="2.5" fill="#e63946" stroke="#0a0a0a" stroke-width="1.4"/>
  <circle cx="70" cy="30" r="2" fill="#f5b14a"/>
</svg>
<div class="lbl">THE ORACLE</div></div>
        <div class="msg">
            <div class="q">Q. ORACLE, WAS HAB ICH DA EIGENTLICH GESCHRIEBEN?</div>
            <div class="a">"Ein lokales Modell vergisst freundlich. Es weiß, was du gestern gefragt hast — und behält's für sich. Das ist nicht weniger Intelligenz; das ist eine andere Art Höflichkeit."<span class="who">— ORACLE · DEMO-SEGMENT</span></div>
        </div>
        <div class="btns">
            <span class="b">▸ READ FULL</span>
            <span class="b r">↻ ANOTHER TAKE</span>
            <span class="b w">? ASK ANYTHING</span>
        </div>
    </div>
</section>

<section class="eps">
    <div class="epsH">
        <h2>RECENT<br>EPISODES</h2>
        <div class="small">★ FRISCH AUS DER WERKSTATT ★</div>
    </div>
        <article class="strip g">
  <div class="bill">
    <span class="ttl">★ <span class="em">REDAKTEUR</span> · "Coming soon"</span>
    <span class="epi">31.05 · 1 MIN</span>
  </div>
  <div class="panels">
    <div class="pn intro">
      <div class="epi">▸ REDAKTEUR</div>
      <h3><a href="/coming-soon/">Coming soon</a></h3>
      <div class="dek">This is Superheld, a brand new site by Bruce Wayne that&#39;s just getting started. Things will be up and running here shortly,</div>
      <div class="meta"><span>▸ News</span><span>2026</span></div>
    </div>
    <a class="pn scene" href="/coming-soon/" aria-label="Coming soon lesen">
      <span class="pidx">&#9312;</span>
      <svg class="char" width="120" height="120" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>

      <span class="bub tl">"This is Superheld, a brand new…"</span>
    </a>
    <a class="pn scene" href="/coming-soon/" aria-label="Coming soon lesen">
      <span class="pidx">&#9313;</span>
      <svg class="char" width="120" height="120" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>

      <span class="sfx">&#9733;</span>
    </a>
    <a class="pn scene" href="/coming-soon/" aria-label="Coming soon lesen">
      <span class="pidx">&#9314;</span>
      <svg class="char" width="120" height="120" viewBox="0 0 100 100" aria-hidden="true">
  <ellipse cx="50" cy="92" rx="26" ry="3" fill="#0a0a0a" opacity="0.25"/>
  <path d="M16 100 Q 50 60 84 100 Z" fill="#888888" stroke="#0a0a0a" stroke-width="2.5"/>
  <rect x="44" y="58" width="12" height="10" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <ellipse cx="50" cy="40" rx="22" ry="24" fill="#f3eee2" stroke="#0a0a0a" stroke-width="2.5"/>
  <path d="M28 36 Q 36 14 50 14 Q 64 14 72 36 Q 70 24 50 22 Q 36 24 28 36 Z" fill="#0a0a0a"/>
  <circle cx="41" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <circle cx="59" cy="42" r="6" fill="none" stroke="#0a0a0a" stroke-width="2.2"/>
  <line x1="47" y1="42" x2="53" y2="42" stroke="#0a0a0a" stroke-width="2.2"/>
  <path d="M50 46 L 48 52 L 52 52 Z" fill="none" stroke="#0a0a0a" stroke-width="1.6"/>
  <path d="M44 56 Q 50 58 56 56" fill="none" stroke="#0a0a0a" stroke-width="2"/>
  <rect x="70" y="32" width="4" height="14" fill="#f5b14a" stroke="#0a0a0a" stroke-width="1.8" transform="rotate(20 72 39)"/>
</svg>

      <span class="bub tl">"▸ weiterlesen"</span>
    </a>
  </div>
</article>
    <nav class="pagination">
    <span class="page-number">Page 1 of 1</span>
</nav>

</section>

    </main>

    <footer class="site-footer">
        <span>★ Superheld <span class="ye">SHOW</span> ★</span>
        <span>Thoughts, stories and ideas.</span>
        <span>BERLIN · 2026</span>
    </footer>

    
</body>
</html>
