<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Suchergebnisse für &#8222;Overlay&#8220; &#8211; HelpCenter</title>
	<atom:link href="https://helpcenter.fun/search/Overlay/feed/rss2/" rel="self" type="application/rss+xml" />
	<link>https://helpcenter.fun</link>
	<description>Hier findest du Guides, Downloads und Support für Streamer.bot</description>
	<lastBuildDate>Thu, 08 Oct 2026 21:01:08 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://helpcenter.fun/wp-content/uploads/2026/07/cropped-cropped-ChatGPT-Image-12.-Juli-2026-20_45_33-32x32.png</url>
	<title>Suchergebnisse für &#8222;Overlay&#8220; &#8211; HelpCenter</title>
	<link>https://helpcenter.fun</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>🧩Widgets</title>
		<link>https://helpcenter.fun/%f0%9f%a7%a9widgets/</link>
		
		<dc:creator><![CDATA[NixMulti]]></dc:creator>
		<pubDate>Wed, 20 May 2026 23:18:15 +0000</pubDate>
				<guid isPermaLink="false">https://helpcenter.fun/?page_id=1520</guid>

					<description><![CDATA[🧩 HelpCenter Widget Hub Stream Widgets, Overlays &#038; Tools Entdecke praktische HelpCenter Widgets für OBS, Twitch und deine Community. Öffne direkt das passende Tool, lies kurz wofür es gedacht ist und nutze es als Overlay, Stream-Hilfe oder Creator-Werkzeug. 🖥️ Für OBS Browser Sources 💜 Für Twitch &#038; Community 🛠️ Für Streamer &#038; Creator Widgets entdecken [&#8230;]]]></description>
			<style id="elementor-post-1520">.elementor-1520 .elementor-element.elementor-element-07dbc60{--display:flex;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-page" data-elementor-id="1520" class="elementor elementor-1520">
				<div class="elementor-element elementor-element-07dbc60 e-flex e-con-boxed e-con e-parent" data-id="07dbc60" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-03d341d elementor-widget elementor-widget-html" data-id="03d341d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<section class="nm-widget-hub">
  <style>
    .nm-widget-hub{
      --bg:#101722;
      --panel:#172231;
      --panel2:#1f2d40;
      --line:rgba(255,255,255,.11);
      --text:#f4f8ff;
      --muted:#aebbd0;
      --cyan:#00e5ff;
      --pink:#ff4d8d;
      --green:#7cff9b;
      --purple:#9b7cff;
      --yellow:#ffd166;

      width:100vw;
      margin-left:calc(50% - 50vw);
      background:
        radial-gradient(circle at 12% 8%,rgba(0,229,255,.13),transparent 30%),
        radial-gradient(circle at 88% 4%,rgba(255,77,141,.11),transparent 30%),
        linear-gradient(180deg,#0f141e 0%,#142131 55%,#101722 100%);
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      padding:76px 22px;
      overflow:hidden;
    }

    .nmwh-wrap{
      max-width:1240px;
      margin:0 auto;
    }

    .nmwh-hero{
      max-width:1120px;
      margin:0 auto 62px;
      padding:58px 34px;
      border-radius:42px;
      background:
        radial-gradient(circle at 85% 10%,rgba(0,229,255,.14),transparent 34%),
        radial-gradient(circle at 10% 90%,rgba(155,124,255,.12),transparent 34%),
        linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
      border:1px solid rgba(255,255,255,.10);
      text-align:center;
      position:relative;
    }

    .nmwh-kicker{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:11px 18px;
      border-radius:999px;
      background:rgba(0,229,255,.10);
      border:1px solid rgba(0,229,255,.28);
      color:#c9fbff;
      font-size:14px;
      font-weight:950;
      margin-bottom:24px;
    }

    .nmwh-hero h1{
      max-width:900px;
      margin:0 auto 22px;
      font-size:clamp(42px,5.4vw,78px);
      line-height:.95;
      letter-spacing:-.065em;
      color:#f4f8ff;
      text-shadow:0 10px 32px rgba(0,0,0,.22);
    }

    .nmwh-hero h1 span{
      color:var(--cyan);
    }

    .nmwh-hero p{
      max-width:820px;
      margin:0 auto;
      color:#d7e1ef;
      font-size:19px;
      line-height:1.75;
      font-weight:650;
    }

    .nmwh-quick{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
      max-width:920px;
      margin:34px auto 0;
    }

    .nmwh-quick div{
      padding:15px 16px;
      border-radius:20px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.09);
      color:#eaf2ff;
      font-size:14px;
      font-weight:900;
    }

    .nmwh-section-title{
      text-align:center;
      margin:0 auto 34px;
    }

    .nmwh-section-title h2{
      margin:0 0 12px;
      font-size:clamp(34px,4vw,56px);
      line-height:.95;
      letter-spacing:-.055em;
    }

    .nmwh-section-title p{
      max-width:760px;
      margin:0 auto;
      color:var(--muted);
      font-size:18px;
      line-height:1.7;
      font-weight:650;
    }

    .nmwh-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:24px;
    }

  .nmwh-card{
  position:relative;
  min-height:340px;
  padding:30px;
  border-radius:34px;

  display:flex;
  flex-direction:column;

  background:
    linear-gradient(
      180deg,
      rgba(32,45,64,.96) 0%,
      rgba(19,28,40,.98) 100%
    );

  border:1px solid rgba(255,255,255,.12);

  box-shadow:
    0 20px 50px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.04);

  overflow:hidden;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;

  text-decoration:none!important;
  color:inherit!important;
  cursor:pointer;
}

.nmwh-card:hover{
  transform:translateY(-6px);

  border-color:rgba(0,229,255,.28);

  box-shadow:
    0 28px 65px rgba(0,0,0,.42),
    0 0 35px rgba(0,229,255,.10);
}

    .nmwh-card::before{
      content:"";
      position:absolute;
      inset:0;
      opacity:.55;
      pointer-events:none;
    }

    .nmwh-card.heart::before{
      background:radial-gradient(circle at 80% 0%,rgba(255,77,141,.22),transparent 42%);
    }

    .nmwh-card.goal::before{
      background:radial-gradient(circle at 80% 0%,rgba(255,209,102,.22),transparent 42%);
    }

    .nmwh-card.clip::before{
      background:radial-gradient(circle at 80% 0%,rgba(0,229,255,.20),transparent 42%);
    }

    .nmwh-card.iconcreator::before{
      background:radial-gradient(circle at 80% 0%,rgba(155,124,255,.22),transparent 42%);
    }

    .nmwh-card.emotly::before{
      background:radial-gradient(circle at 80% 0%,rgba(124,255,155,.20),transparent 42%);
    }

    .nmwh-card.plan::before{
      background:radial-gradient(circle at 80% 0%,rgba(0,229,255,.16),transparent 42%);
    }

    .nmwh-card > *{
      position:relative;
      z-index:1;
    }

    .nmwh-card-top{
      display:flex;
      justify-content:space-between;
      gap:16px;
      align-items:flex-start;
      margin-bottom:22px;
    }

    .nmwh-card-icon{
      width:66px;
      height:66px;
      border-radius:24px;
      display:grid;
      place-items:center;
      font-size:32px;
      background:rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.11);
    }

    .nmwh-card-badge{
      padding:8px 12px;
      border-radius:999px;
      background:rgba(0,229,255,.10);
      border:1px solid rgba(0,229,255,.24);
      color:#d7fbff;
      font-size:11px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.08em;
      white-space:nowrap;
    }

   .nmwh-card h3{
  margin:0 0 14px;

  font-size:32px;

  line-height:1;

  letter-spacing:-.05em;

  color:#ffffff;

  text-shadow:0 4px 18px rgba(0,0,0,.25);
}

    .nmwh-card p{
  margin:0 0 20px;

  color:#d6e2f3;

  line-height:1.75;

  font-size:15px;

  font-weight:700;
}

    .nmwh-tags{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:0 0 22px;
    }

    .nmwh-tags span{
  padding:8px 12px;

  border-radius:999px;

  background:rgba(255,255,255,.09);

  border:1px solid rgba(255,255,255,.13);

  color:#ffffff;

  font-size:12px;

  font-weight:950;
}

  

    .nmwh-btn.primary{
      background:linear-gradient(135deg,#00c8ff,#7c5cff);
      border-color:transparent;
      box-shadow:0 10px 24px rgba(0,200,255,.18);
    }

    .nmwh-note{
      max-width:900px;
      margin:46px auto 0;
      padding:24px 26px;
      border-radius:28px;
      background:rgba(124,255,155,.075);
      border:1px solid rgba(124,255,155,.20);
      color:#ddffe5;
      font-weight:750;
      line-height:1.7;
      text-align:center;
    }

    @media(max-width:1050px){
      .nmwh-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }

      .nmwh-quick{
        grid-template-columns:1fr;
      }
    }

    @media(max-width:720px){
      .nm-widget-hub{
        padding:52px 16px;
      }

      .nmwh-hero{
        padding:38px 22px;
        border-radius:30px;
      }

      .nmwh-grid{
        grid-template-columns:1fr;
      }

      .nmwh-card{
        min-height:auto;
      }
    }
  </style>

  <div class="nmwh-wrap">

    <header class="nmwh-hero">
      <div class="nmwh-kicker"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e9.png" alt="🧩" class="wp-smiley" style="height: 1em; max-height: 1em;" /> HelpCenter Widget Hub</div>

      <h1>
        Stream Widgets,<br>
        <span>Overlays & Tools</span>
      </h1>

      <p>
        Entdecke praktische HelpCenter Widgets für OBS, Twitch und deine Community.
        Öffne direkt das passende Tool, lies kurz wofür es gedacht ist und nutze es
        als Overlay, Stream-Hilfe oder Creator-Werkzeug.
      </p>

      <div class="nmwh-quick">
        <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5a5.png" alt="🖥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für OBS Browser Sources</div>
        <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f49c.png" alt="💜" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für Twitch & Community</div>
        <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e0.png" alt="🛠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für Streamer & Creator</div>
      </div>
    </header>

    <div class="nmwh-section-title">
      <h2>Widgets entdecken</h2>
      <p>
        Moderne Widgets, Overlays und Stream-Tools für OBS,
        Twitch, Streamer.bot und deine Community.
      </p>
    </div>

    <div class="nmwh-grid">

      <a class="nmwh-card heart" href="/heart-control">
        <div class="nmwh-card-top">
          <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2764.png" alt="❤" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="nmwh-card-badge">Overlay</div>
        </div>
        <h3>Heart Control</h3>
        <p>
          Live Herzfrequenz-Overlay für OBS mit Themes, Statistiken und Echtzeit-BPM.
          Ideal für Horror, Challenges oder besondere Stream-Momente.
        </p>
        <div class="nmwh-tags">
          <span>OBS</span>
          <span>Browser Source</span>
          <span>Live Daten</span>
        </div>
      </a>
<a class="nmwh-card heart" href="/quiz-dashboard">
  <div class="nmwh-card-top">
    <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="nmwh-card-badge">Quiz</div>
  </div>

  <h3>Community Quiz</h3>

  <p>
    Starte Quiz-Blöcke für deinen Twitch Chat. Mit über 900 Fragen,
    Schätzfragen, Kategorien, Community-Modus, eigenen Quizzen,
    Import & Export sowie OBS-Overlay.
  </p>

  <div class="nmwh-tags">
    <span>900+ Fragen</span>
    <span>Twitch Chat</span>
    <span>OBS Overlay</span>
  </div>
</a>
      <a class="nmwh-card heart" href="/live-goals">
        <div class="nmwh-card-top">
          <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="nmwh-card-badge">Twitch</div>
        </div>
        <h3>Live Goals</h3>
        <p>
          Twitch Goals als modernes Overlay anzeigen.
          Perfekt für Sub Goals, Follower Goals, Bits-Ziele und Community-Meilensteine.
        </p>
        <div class="nmwh-tags">
          <span>Twitch</span>
          <span>Goals</span>
          <span>OBS Overlay</span>
        </div>
      </a>

      <a class="nmwh-card heart" href="/random-clip-player">
        <div class="nmwh-card-top">
          <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="nmwh-card-badge">Clips</div>
        </div>
        <h3>Random Clip Player</h3>
        <p>
          Spielt zufällige Clips aus deinem eigenen Twitch-Kanal ab.
          Perfekt für Startscreen, Pausen, BRB-Szenen oder Übergänge.
        </p>
        <div class="nmwh-tags">
          <span>Eigene Clips</span>
          <span>Pause / Start</span>
          <span>OBS Overlay</span>
        </div>
      </a>

      <a class="nmwh-card heart" href="/icon-creator">
        <div class="nmwh-card-top">
          <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="nmwh-card-badge">Creator Tool</div>
        </div>
        <h3>Icon Creator</h3>
        <p>
          Erstelle eigene Icons, Badges, Tool-Logos und Stream-Grafiken direkt im Browser.
          Praktisch für Branding, Downloads und Stream-Projekte.
        </p>
        <div class="nmwh-tags">
          <span>Design</span>
          <span>PNG Export</span>
          <span>Tool</span>
        </div>
      </a>

      <a class="nmwh-card heart" href="/emotly">
        <div class="nmwh-card-top">
          <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f49a.png" alt="💚" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="nmwh-card-badge">Emotes</div>
        </div>
        <h3>Emotly</h3>
        <p>
          Eine HelpCenter Alternative zu StreamElements KappaGen für Emotes,
          Chat-Reaktionen und Community-Momente direkt im Stream.
        </p>
        <div class="nmwh-tags">
          <span>KappaGen Alternative</span>
          <span>Emotes</span>
          <span>Overlay</span>
        </div>
      </a>

      <a class="nmwh-card heart" href="/stream-ablaufplan">
        <div class="nmwh-card-top">
          <div class="nmwh-card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c5.png" alt="📅" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="nmwh-card-badge">Planung</div>
        </div>
        <h3>Stream Ablaufplan</h3>
        <p>
          Plane deinen Stream-Ablauf mit Zeiten, Kategorien und optionaler Overlay-Ausgabe.
          Perfekt für Events, Themenstreams und strukturierte Sendungen.
        </p>
        <div class="nmwh-tags">
          <span>Planung</span>
          <span>Stream</span>
          <span>Overlay</span>
        </div>
      </a>

    </div>

    <div class="nmwh-note">
      <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Neue Widgets kommen nach und nach dazu. Wenn ihr Wünsche oder Ideen habt,
      meldet euch gerne beim HelpCenter-Team!
    </div>

  </div>
</section>				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>OBS Plugin Liste</title>
		<link>https://helpcenter.fun/obs-plugin-liste/</link>
		
		<dc:creator><![CDATA[NixMulti]]></dc:creator>
		<pubDate>Wed, 20 May 2026 22:30:37 +0000</pubDate>
				<guid isPermaLink="false">https://helpcenter.fun/?page_id=1474</guid>

					<description><![CDATA[🎥 OBS Guide für Streamer &#038; Creator OBS Plugins &#038; Funktionen einfach erklärt Hier findest du die wichtigsten OBS-Funktionen und externen Plugins, die viele Streamer für Overlays, Animationen, Automationen, Aufnahmen, TikTok/Shorts, Effekte und Profi-Setups benutzen. Wichtig: Nicht alles in OBS ist ein externes Plugin. Browser Source und OBS WebSocket sind bereits in OBS integriert. 🎬 [&#8230;]]]></description>
			<style id="elementor-post-1474">.elementor-1474 .elementor-element.elementor-element-e4023d8{--display:flex;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-page" data-elementor-id="1474" class="elementor elementor-1474">
				<div class="elementor-element elementor-element-e4023d8 e-flex e-con-boxed e-con e-parent" data-id="e4023d8" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-be3fb9b elementor-widget elementor-widget-html" data-id="be3fb9b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<section class="hc-obs-guide">
  <style>
    .hc-obs-guide{
      --bg:#1D1F27;
      --bg2:#12141b;
      --card:rgba(255,255,255,.075);
      --card2:rgba(255,255,255,.115);
      --line:rgba(255,255,255,.14);
      --text:#f6f7ff;
      --muted:#b9c1d6;
      --purple:#8b5cf6;
      --cyan:#22d3ee;
      --green:#34d399;
      --yellow:#fbbf24;
      --red:#fb7185;

      width:100vw;
      margin-left:calc(50% - 50vw);
      background:transparent;
      background-image:none;
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      padding:80px 22px;
      overflow:hidden;
    }

    .hc-obs-wrap{max-width:1240px;margin:0 auto;}



.hc-obs-hero{
  position:relative;
  text-align:center;
  margin:0 auto 70px;
  padding:72px 24px 64px;
  max-width:1180px;
  border-radius:42px;
  background:
    radial-gradient(circle at top,rgba(139,92,246,.13),transparent 48%),
    rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.07);
  overflow:hidden;
}

.hc-obs-hero::before{
  content:"";
  position:absolute;
  inset:auto 10% 0 10%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),transparent);
}

.hc-obs-hero > *{
  position:relative;
  z-index:2;
}

.hc-obs-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(10,12,20,.38);
  border:1px solid rgba(255,255,255,.09);
  font-size:13px;
  font-weight:900;
  color:#ede9fe;
}

.hc-obs-hero h1{
  max-width:1050px;
  margin:26px auto 22px;
  font-size:clamp(44px,5.4vw,82px);
  line-height:.94;
  letter-spacing:-.06em;
  color:#f4f7ff;
  text-shadow:0 10px 32px rgba(0,0,0,.24);
}

.hc-obs-hero h1 span{
  background:none !important;
  color:#b794ff !important;
  -webkit-text-fill-color:#b794ff !important;
}

.hc-obs-hero p{
  max-width:880px;
  margin:0 auto;
  font-size:19px;
  line-height:1.7;
  color:#d8e0f4;
  font-weight:650;
}

.hc-obs-info{
  max-width:900px;
  margin:34px auto 0;
  padding:18px 24px;
  border-radius:22px;
  background:rgba(251,191,36,.085);
  border:1px solid rgba(251,191,36,.25);
  color:#fff1bd;
  font-size:16px;
  line-height:1.65;
  font-weight:800;
}

.hc-hero-plugin-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:980px;
  margin:26px auto 0;
}

.hc-hero-plugin-row div{
  padding:16px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}

@media(max-width:900px){
  .hc-hero-plugin-row{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:560px){
  .hc-hero-plugin-row{
    grid-template-columns:1fr;
  }
}

  border:1px solid rgba(251,191,36,.24);

  color:#fff1bd;

  font-size:16px;
  line-height:1.7;
  font-weight:700;

  box-shadow:0 10px 30px rgba(0,0,0,.16);
}

    .hc-section-head{
  margin:110px 0 42px;
      display:flex;
      justify-content:space-between;
      align-items:flex-end;
      gap:20px;
      flex-wrap:wrap;
    }

   .hc-section-head h2{
  margin:0;
  font-size:clamp(42px,4vw,64px);
  line-height:.95;
  letter-spacing:-.055em;
}

   .hc-section-head p{
  max-width:820px;

  margin:16px 0 0;

  color:#cfd8ec;

  line-height:1.7;

  font-size:19px;
  font-weight:600;
}

.hc-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;

  padding:13px 22px;

  border-radius:999px;

  border:1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(180deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.04)
    );

  font-size:18px;
  font-weight:900;

  color:#fff;

  white-space:nowrap;

  margin-bottom:22px;

  box-shadow:
    0 8px 22px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.06);
}

    .hc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}

    .hc-card{
      position:relative;
      padding:22px;
      border-radius:28px;
      border:1px solid var(--line);
      background:linear-gradient(180deg,var(--card2),var(--card));
      box-shadow:0 12px 35px rgba(0,0,0,.22);
      transition:.22s ease;
      min-height:370px;
    }

    .hc-card:hover{
  transform:translateY(-3px);
  border-color:rgba(139,92,246,.45);
  box-shadow:0 14px 40px rgba(139,92,246,.12);
}

    .hc-card-top{
      display:flex;
      justify-content:space-between;
      gap:14px;
      align-items:flex-start;
      margin-bottom:15px;
    }

    .hc-icon{
      width:52px;
      height:52px;
      border-radius:19px;
      display:grid;
      place-items:center;
      font-size:25px;
      background:linear-gradient(135deg,rgba(139,92,246,.48),rgba(34,211,238,.22));
      box-shadow:0 12px 35px rgba(0,0,0,.2);
      flex:0 0 auto;
    }

    .hc-tag{
      padding:7px 10px;
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.065);
      font-size:10px;
      font-weight:1000;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#ded8ff;
      white-space:nowrap;
    }

    .hc-tag.core{color:#bbf7d0;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.1);}
    .hc-tag.plugin{color:#dbeafe;border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.09);}
    .hc-tag.pro{color:#fde68a;border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.09);}

    .hc-card h3{
      margin:0 0 8px;
      font-size:22px;
      letter-spacing:-.025em;
    }

    .hc-card p{
      color:var(--muted);
      line-height:1.58;
      font-size:15px;
      margin:0 0 14px;
    }

    .hc-card h4{
      margin:16px 0 8px;
      font-size:14px;
      color:#fff;
    }

    .hc-card ul{
      margin:0;
      padding-left:18px;
      color:#cbd3e8;
      line-height:1.55;
      font-size:14px;
    }

    .hc-card li{margin:5px 0;}

    .hc-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:18px;
    }

    .hc-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:10px 13px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.08);
      color:#fff!important;
      text-decoration:none!important;
      font-size:13px;
      font-weight:900;
      transition:.2s ease;
    }

    .hc-btn.primary{
      background:linear-gradient(135deg,var(--purple),#6d5dfc);
      border-color:transparent;
      box-shadow:0 12px 32px rgba(139,92,246,.25);
    }

    .hc-btn:hover{transform:translateY(-2px);filter:brightness(1.08);}

    .hc-usecases{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
    }

   .hc-usecase{
  padding:28px;
      border-radius:24px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.075);
      box-shadow:0 18px 50px rgba(0,0,0,.22);
    }

.hc-usecase h3{
  margin:0 0 16px;

  font-size:20px;

  line-height:1.15;

  letter-spacing:-.03em;

  display:flex;
  align-items:center;
  gap:10px;
}
    .hc-usecase ul{
  margin:0;
  padding-left:20px;

  color:#d4dcf0;

  line-height:1.9;

  font-size:17px;

  font-weight:600;
}

    .hc-install{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:18px;
      align-items:stretch;
    }

    .hc-panel{
      padding:26px;
      border-radius:30px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.075);
      box-shadow:0 18px 60px rgba(0,0,0,.24);
    }

    .hc-panel h3{
      margin:0 0 14px;
      font-size:26px;
      letter-spacing:-.03em;
    }

    .hc-panel p,
    .hc-panel li{
      color:var(--muted);
      line-height:1.65;
    }

    .hc-panel ol{margin:0;padding-left:21px;}

    .hc-code{
      display:block;
      margin:12px 0;
      padding:13px 14px;
      border-radius:16px;
      background:rgba(0,0,0,.28);
      border:1px solid rgba(255,255,255,.12);
      color:#dff7ff;
      font-family:Consolas,monospace;
      font-size:13px;
      overflow:auto;
    }

    .hc-footerbox{
      margin-top:54px;
      padding:28px;
      border-radius:34px;
      border:1px solid rgba(139,92,246,.35);
      background:
        radial-gradient(circle at top right,rgba(34,211,238,.16),transparent 45%),
        rgba(139,92,246,.10);
      text-align:center;
    }

    .hc-footerbox h2{
      margin:0 0 10px;
      font-size:34px;
      letter-spacing:-.04em;
    }

    .hc-footerbox p{
      max-width:850px;
      margin:0 auto 18px;
      color:var(--muted);
      line-height:1.65;
    }
.hc-plugin-shots{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-top:18px;
  flex-wrap:wrap;
}

.hc-plugin-shots img{
  width:100%;
  max-width:420px;
  max-height:460px;
  object-fit:cover;

  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);

  background:rgba(255,255,255,.04);

  box-shadow:0 12px 30px rgba(0,0,0,.22);

  transition:.2s ease;
}

.hc-plugin-shots img:hover{
  transform:translateY(-2px) scale(1.01);
  border-color:rgba(139,92,246,.4);
}

@media(max-width:700px){

  .hc-plugin-shots{
    flex-direction:column;
    align-items:center;
  }

  .hc-plugin-shots img{
    max-width:100%;
    max-height:none;
  }

}
@media(max-width:700px){
  .hc-plugin-shots{
    grid-template-columns:1fr;
  }
}

/* Installation steht bewusst direkt am Anfang und ist der Haupt-Einstieg. */
.hc-install-focus{
  position:relative;
  margin:0 0 84px;
  padding:38px;
  border:1px solid rgba(34,211,238,.25);
  border-radius:34px;
  background:
    radial-gradient(circle at 92% 0%,rgba(34,211,238,.13),transparent 34%),
    linear-gradient(145deg,rgba(15,23,42,.9),rgba(35,30,65,.82));
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.hc-install-focus-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.hc-install-focus-head h2{margin:8px 0 10px;font-size:clamp(38px,4.5vw,66px);line-height:1;letter-spacing:-.05em}
.hc-install-focus-head p{max-width:720px;margin:0;color:#cfd8ec;font-size:18px;line-height:1.65}
.hc-install-focus .hc-install{margin:0}
.hc-install-focus .hc-panel{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.1)}
.hc-guide-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:215px;padding:15px 21px;border-radius:14px;background:linear-gradient(90deg,#8b5cf6,#22b9d4);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 14px 35px rgba(84,63,190,.28);transition:.2s}
.hc-guide-link:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hc-lua-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:28px;align-items:center;min-height:0;margin-top:28px;padding:28px}
.hc-lua-compact .hc-plugin-shots{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hc-lua-compact .hc-plugin-shots img{height:245px;max-height:245px;object-fit:cover}
.hc-lua-compact .hc-actions{margin-top:18px}
.hc-lua-compact h3{font-size:28px}
.hc-lua-compact .hc-card-top{margin-bottom:10px}
@media(max-width:900px){.hc-install-focus-head,.hc-lua-compact{grid-template-columns:1fr;align-items:flex-start;flex-direction:column}.hc-guide-link{width:100%}.hc-lua-compact{display:grid}.hc-lua-compact .hc-plugin-shots img{height:auto;max-height:320px}}
@media(max-width:560px){.hc-install-focus{padding:24px 18px}.hc-lua-compact .hc-plugin-shots{grid-template-columns:1fr}}
    @media(max-width:1050px){
      .hc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
      .hc-usecases{grid-template-columns:repeat(2,minmax(0,1fr));}
      .hc-install{grid-template-columns:1fr;}
    }

    @media(max-width:700px){
      .hc-obs-guide{padding:56px 16px;}
      .hc-grid,.hc-usecases{grid-template-columns:1fr;}
      .hc-card{min-height:auto;}
      .hc-obs-hero p{font-size:16px;}
    }
  </style>

  <div class="hc-obs-wrap">

<header class="hc-obs-hero">

  <div class="hc-obs-badge"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a5.png" alt="🎥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> OBS Guide für Streamer & Creator</div>

  <h1>
    OBS <span>Plugins & Funktionen</span><br>
    einfach erklärt
  </h1>

  <p>
    Hier findest du die wichtigsten OBS-Funktionen und externen Plugins,
    die viele Streamer für Overlays, Animationen, Automationen, Aufnahmen,
    TikTok/Shorts, Effekte und Profi-Setups benutzen.
  </p>

  <div class="hc-obs-info">
    Wichtig: Nicht alles in OBS ist ein externes Plugin.
    Browser Source und OBS WebSocket sind bereits in OBS integriert.
  </div>

  <div class="hc-hero-plugin-row">
    <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Move Transition</div>
    <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ShaderFilter</div>
    <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50c.png" alt="🔌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> OBS WebSocket</div>
    <div><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Aitum Vertical</div>
  </div>

</header>

<section class="hc-install-focus" id="plugins-installieren">
  <div class="hc-install-focus-head">
    <div>
      <span class="hc-pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f6e0.png" alt="🛠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Zuerst richtig einrichten</span>
      <h2>Plugins installieren & prüfen</h2>
      <p>Bevor du einzelne Plugins auswählst, solltest du wissen, wie sie sauber installiert werden und woran du erkennst, dass OBS sie wirklich geladen hat.</p>
    </div>
    <a class="hc-guide-link" href="https://helpcenter.fun/anleitungen/" target="_blank" rel="noopener">Anleitungen öffnen <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></a>
  </div>

  <div class="hc-install">
    <div class="hc-panel">
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4e6.png" alt="📦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Plugin installieren</h3>
      <ol>
        <li>OBS vollständig schließen.</li>
        <li>Plugin nur von GitHub, dem OBS Forum oder der offiziellen Website laden.</li>
        <li>Installer ausführen oder die ZIP passend in den OBS-Ordner entpacken.</li>
        <li>OBS neu starten und das Plugin unter Quellen, Filter, Werkzeuge oder Docks suchen.</li>
      </ol>
      <span class="hc-code">C:\Program Files\obs-studio\obs-plugins\64bit</span>
      <p>Nicht jede DLL in diesem Ordner ist ein zusätzlich installiertes Plugin – dort liegen auch OBS-Standardmodule.</p>
    </div>

    <div class="hc-panel">
      <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Installation prüfen</h3>
      <ol>
        <li>In OBS oben <strong>Hilfe</strong> öffnen.</li>
        <li><strong>Protokolldateien</strong> auswählen.</li>
        <li><strong>Aktuelle Protokolldatei anzeigen</strong> anklicken.</li>
        <li>Nach <strong>Loaded Modules</strong> oder dem Plugin-Namen suchen.</li>
      </ol>
      <span class="hc-code">Hilfe → Protokolldateien → Aktuelle Protokolldatei anzeigen</span>
      <p>So siehst du zuverlässig, ob OBS das Plugin wirklich geladen hat.</p>
    </div>
  </div>
</section>

    <div class="hc-section-head">
      <div>
        <span class="hc-pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Bereits in OBS enthalten</span>
        <h2>Integrierte OBS-Funktionen</h2>
        <p>Diese Funktionen musst du normalerweise nicht extra installieren. Sie gehören zu OBS oder sind Standard-Module.</p>
      </div>
    </div>

    <div class="hc-grid">

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag core">Integriert</div>
        </div>
        <h3>Browser Source</h3>
        <p>Mit der Browserquelle bindest du Webseiten, Overlays und lokale HTML-Dateien direkt in OBS ein.</p>
        <h4>Wofür benutzt man das?</h4>
        <ul>
          <li>StreamElements / Streamlabs Overlays</li>
          <li>Eigene HTML/CSS/JS Overlays</li>
          <li>HelpCenter.fun Widgets</li>
          <li>Chatbox, Timer, Goals, Alerts</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Du kopierst eine Overlay-URL und fügst sie in OBS als Browserquelle ein.</p>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f50c.png" alt="🔌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag core">Integriert</div>
        </div>
        <h3>OBS WebSocket</h3>
        <p>WebSocket erlaubt externen Tools, OBS zu steuern. Seit modernen OBS-Versionen ist es bereits integriert.</p>
        <h4>Wofür benutzt man das?</h4>
        <ul>
          <li>Streamer.bot Verbindung</li>
          <li>Szenen wechseln</li>
          <li>Quellen ein-/ausblenden</li>
          <li>Texte, Filter und Lautstärke steuern</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Ein Twitch Reward löst in Streamer.bot aus und OBS zeigt automatisch eine Quelle.</p>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39a.png" alt="🎚" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag core">Integriert</div>
        </div>
        <h3>OBS Filter</h3>
        <p>Filter verändern Quellen oder Audio. Sie sind eine der wichtigsten Grundfunktionen in OBS.</p>
        <h4>Typische Filter</h4>
        <ul>
          <li>Chroma Key / Greenscreen</li>
          <li>Farbkorrektur</li>
          <li>Crop / Pad</li>
          <li>Kompressor, Noise Gate, Limiter</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Du entfernst den Greenscreen deiner Kamera mit Chroma Key.</p>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5bc.png" alt="🖼" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag core">Integriert</div>
        </div>
        <h3>Szenen & Quellen</h3>
        <p>Szenen und Quellen sind das Grundsystem von OBS. Jede Szene besteht aus mehreren Quellen.</p>
        <h4>Quellen können sein</h4>
        <ul>
          <li>Game Capture</li>
          <li>Fensteraufnahme</li>
          <li>Kamera</li>
          <li>Bild, Text oder Browserquelle</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Eine Gaming-Szene hat Spiel, Kamera, Alerts, Chatbox und Overlay.</p>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3b5.png" alt="🎵" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag core">Integriert</div>
        </div>
        <h3>Audio Mixer</h3>
        <p>Im Audio Mixer steuerst du Mikrofon, Desktop-Sound, Musik, Alerts und weitere Audioquellen.</p>
        <h4>Wichtig für</h4>
        <ul>
          <li>Mikrofon sauber einstellen</li>
          <li>Alerts getrennt regeln</li>
          <li>Monitoring nutzen</li>
          <li>Audio-Spuren für Aufnahme trennen</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Du streamst mit Musik, aber nimmst deine Stimme auf einer separaten Audiospur auf.</p>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f39e.png" alt="🎞" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag core">Integriert</div>
        </div>
        <h3>Encoder</h3>
        <p>Encoder wandeln dein Video für Stream oder Aufnahme um. OBS bringt mehrere Encoder mit.</p>
        <h4>Typische Encoder</h4>
        <ul>
          <li>NVIDIA NVENC</li>
          <li>x264 über CPU</li>
          <li>Intel Quick Sync</li>
          <li>AV1 bei moderner Hardware</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Mit einer NVIDIA-GPU nutzt du meistens NVENC für bessere Streaming-Performance.</p>
      </article>

    </div>

    <div class="hc-section-head">
      <div>
        <span class="hc-pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b07.png" alt="⬇" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Extern installierbar</span>
        <h2>Wichtige externe OBS Plugins</h2>
        <p>Diese Plugins erweitern OBS um Funktionen, die nicht standardmäßig vorhanden sind.</p>
      </div>
    </div>

    <div class="hc-grid">

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ac.png" alt="🎬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Move Transition</h3>
        <p>Animiert Quellen und Szenenwechsel. Sehr beliebt für moderne Stream-Layouts.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Facecam bewegt sich beim Szenenwechsel</li>
          <li>Quellen fahren weich rein oder raus</li>
          <li>Gaming zu Talk Layout animieren</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Deine Cam wird beim Wechsel von Gameplay zu Just Chatting automatisch größer.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://github.com/exeldro/obs-move-transition" target="_blank" rel="noopener">GitHub</a>
          <a class="hc-btn" href="https://obsproject.com/forum/resources/move-transition.913/" target="_blank" rel="noopener">OBS Forum</a>
        </div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Downstream Keyer</h3>
        <p>Legt Quellen dauerhaft über alle Szenen, ohne sie in jede Szene einzubauen.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Globales Logo</li>
          <li>Globale Alerts</li>
          <li>Chatbox über allen Szenen</li>
          <li>Overlay immer sichtbar halten</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Dein Logo bleibt oben rechts sichtbar, egal welche Szene aktiv ist.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://github.com/exeldro/obs-downstream-keyer" target="_blank" rel="noopener">GitHub</a>
          <a class="hc-btn" href="https://obsproject.com/forum/resources/downstream-keyer.1254/" target="_blank" rel="noopener">OBS Forum</a>
        </div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2728.png" alt="✨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>ShaderFilter</h3>
        <p>Fügt Quellen visuelle Effekte hinzu, zum Beispiel Glow, Blur, Glitch oder Farblooks.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Neon-Effekte</li>
          <li>Glitch-Looks</li>
          <li>Retro/CRT Effekte</li>
          <li>Animierte Shader</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Deine Kamera bekommt einen lila Glow oder dein Overlay einen Glitch-Effekt.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://github.com/exeldro/obs-shaderfilter" target="_blank" rel="noopener">GitHub</a>
        </div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ec.png" alt="🧬" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Source Clone</h3>
        <p>Erstellt Kopien von Quellen, die du anders platzieren oder filtern kannst.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Kamera mehrfach verwenden</li>
          <li>Eine Quelle mit verschiedenen Filtern</li>
          <li>Komplexe Overlay-Designs</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Deine Kamera ist einmal normal und einmal als Blur-Hintergrund sichtbar.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://github.com/exeldro/obs-source-clone" target="_blank" rel="noopener">GitHub</a>
          <a class="hc-btn" href="https://obsproject.com/forum/resources/source-clone.1632/" target="_blank" rel="noopener">OBS Forum</a>
        </div>
      </article>
<article class="hc-card">
  <div class="hc-card-top">
    <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cb.png" alt="📋" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="hc-tag plugin">Plugin</div>
  </div>

  <h3>Source Copy</h3>

  <p>
    Mit Source Copy kannst du Quellen, Szenen, Filter und Einstellungen einfacher kopieren
    und zwischen Szenen oder OBS-Profilen übertragen.
  </p>

  <h4>Wofür?</h4>

  <ul>
    <li>Quellen sauber duplizieren</li>
    <li>Einzelne Szenen exportieren/importieren</li>
    <li>Filter und Einstellungen mitnehmen</li>
    <li>Szenen schneller nachbauen</li>
    <li>OBS-Setups einfacher übertragen</li>
  </ul>

  <h4>Beispiel</h4>

  <p>
    Du hast eine perfekt eingestellte Kamera mit Filtern und kopierst sie schnell
    in ein anderes Szenen-Setup.
  </p>

  <div class="hc-actions">
    <a class="hc-btn primary"
       href="https://obsproject.com/forum/resources/source-copy.1261/"
       target="_blank"
       rel="noopener">
      OBS Forum
    </a>
  </div>
</article>
      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ca.png" alt="🧊" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Freeze Filter</h3>
        <p>Friert eine Quelle ein. Praktisch für Effekte, Gags und Streamer.bot Aktionen.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Facecam einfrieren</li>
          <li>Freeze-Frame Effekte</li>
          <li>Channel Point Rewards</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Ein Zuschauer löst einen Reward aus und deine Kamera friert kurz ein.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://github.com/exeldro/obs-freeze-filter" target="_blank" rel="noopener">GitHub</a>
          <a class="hc-btn" href="https://obsproject.com/forum/resources/freeze-filter.950/" target="_blank" rel="noopener">OBS Forum</a>
        </div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Aitum Vertical</h3>
        <p>Erstellt eine zusätzliche vertikale 9:16 Leinwand für TikTok, Shorts und Reels.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>TikTok Live</li>
          <li>YouTube Shorts</li>
          <li>Vertikale Clips</li>
          <li>Zweite Aufnahme in 9:16</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Du streamst normal in 16:9 und nimmst gleichzeitig eine 9:16 Version auf.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://aitum.tv/products/vertical/" target="_blank" rel="noopener">Download</a>
          <a class="hc-btn" href="https://github.com/Aitum/obs-vertical-canvas" target="_blank" rel="noopener">GitHub</a>
        </div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2328.png" alt="⌨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Input Overlay</h3>
        <p>Zeigt Tastatur-, Maus- oder Controller-Eingaben live im Stream an.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Gaming Tutorials</li>
          <li>Speedruns</li>
          <li>Controller Anzeige</li>
          <li>Tastatur/Maus Visualisierung</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Zuschauer sehen direkt, welche Tasten oder Controller-Buttons du drückst.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://github.com/univrsal/input-overlay" target="_blank" rel="noopener">GitHub</a>
          <a class="hc-btn" href="https://obsproject.com/forum/resources/input-overlay.552/" target="_blank" rel="noopener">OBS Forum</a>
        </div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f308.png" alt="🌈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Gradient Source</h3>
        <p>Erstellt Farbverläufe direkt als Quelle in OBS.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Hintergründe</li>
          <li>Overlay-Flächen</li>
          <li>Design-Elemente</li>
          <li>animierte Looks kombinieren</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Du erstellst einen lila-cyan Hintergrund direkt in OBS ohne Bilddatei.</p>
<div class="hc-actions">
  <a class="hc-btn primary" href="https://obsproject.com/forum/resources/gradient-source.1172/" target="_blank" rel="noopener">OBS Forum</a>
</div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4ab.png" alt="💫" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Stroke Glow Shadow</h3>
        <p>Erweitert Quellen um Konturen, Glow und Schatten.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Texte besser lesbar machen</li>
          <li>Kamera mit Rand versehen</li>
          <li>Neon-Look bauen</li>
          <li>Overlay-Elemente hervorheben</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Deine Facecam bekommt einen farbigen Rand mit weichem Glow.</p>
<div class="hc-actions">
  <a class="hc-btn primary" href="https://obsproject.com/forum/resources/stroke-glow-shadow.1800/" target="_blank" rel="noopener">OBS Forum</a>
</div>
      </article>

      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1fae7.png" alt="🫧" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Plugin</div>
        </div>
        <h3>Composite Blur</h3>
        <p>Hilft bei Blur- und Glas-Effekten für moderne Overlays.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Glassmorphism Designs</li>
          <li>Blur-Hintergründe</li>
          <li>Panels mit Tiefeneffekt</li>
          <li>moderne Szenenlayouts</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Du baust einen unscharfen Hintergrund hinter deiner Kamera oder Chatbox.</p>
<div class="hc-actions">
  <a class="hc-btn primary" href="https://obsproject.com/forum/resources/composite-blur.1780/" target="_blank" rel="noopener">OBS Forum</a>
</div>
      </article>
<article class="hc-card">
  <div class="hc-card-top">
    <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3ad.png" alt="🎭" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
    <div class="hc-tag plugin">Plugin</div>
  </div>

  <h3>Advanced Masks</h3>

  <p>
    Erweitert OBS um starke Masken-Filter für Quellen und Szenen.
    Damit kannst du Kameras, Overlays oder Bilder gezielt rund, weich,
    ausgeschnitten oder nur teilweise sichtbar machen.
  </p>

  <h4>Wofür?</h4>

  <ul>
    <li>Facecam mit runden Ecken oder Formen</li>
    <li>Alpha-, Bild-, Quellen- und Gradient-Masken</li>
    <li>Bestimmte Bereiche sichtbar oder unsichtbar machen</li>
    <li>Gezielte Farb-/Helligkeits-Anpassungen per Maske</li>
    <li>Profi-Looks direkt in OBS bauen</li>
  </ul>

  <h4>Beispiel</h4>

  <p>
    Deine Facecam bekommt eine saubere abgerundete Form oder wird mit
    einer PNG-Maske exakt an dein Overlay angepasst.
  </p>

  <div class="hc-actions">
    <a class="hc-btn primary"
       href="https://obsproject.com/forum/resources/advanced-masks.1856/"
       target="_blank"
       rel="noopener">
      OBS Forum
    </a>

    <a class="hc-btn"
       href="https://github.com/FiniteSingularity/obs-advanced-masks"
       target="_blank"
       rel="noopener">
      GitHub
    </a>
  </div>
</article>
      <article class="hc-card">
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/23f1.png" alt="⏱" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag pro">Spezial</div>
        </div>
        <h3>Dynamic Delay</h3>
        <p>Kann Quellen verzögern und ist eher für spezielle Setups gedacht.</p>
        <h4>Wofür?</h4>
        <ul>
          <li>Audio/Video Timing anpassen</li>
          <li>Quellen synchronisieren</li>
          <li>besondere Produktions-Setups</li>
        </ul>
        <h4>Beispiel</h4>
        <p>Wenn Kamera, Audio oder andere Quellen nicht perfekt synchron sind.</p>
<div class="hc-actions">
  <a class="hc-btn primary" href="https://obsproject.com/forum/resources/dynamic-delay.1035/" target="_blank" rel="noopener">OBS Forum</a>
</div>
      </article>

    </div>

    <div class="hc-section-head">
      <div>
        <span class="hc-pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5c2.png" alt="🗂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kleines Extra</span>
        <h2>Filter besser sortieren</h2>
        <p>Der Filter-Trenner ist ein praktisches Zusatzwerkzeug, aber kein benötigtes OBS-Plugin. Deshalb steht er bewusst erst nach den wichtigen Erweiterungen.</p>
      </div>
    </div>

    <article class="hc-card hc-lua-compact">
      <div>
        <div class="hc-card-top">
          <div class="hc-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5c2.png" alt="🗂" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
          <div class="hc-tag plugin">Lua Script</div>
        </div>
        <h3>HC Filter-Trenner</h3>
        <p>Ein kleines OBS-Lua-Script, das deine Effektfilter-Liste mit frei benennbaren Kategorie-Trennern übersichtlicher macht.</p>
        <ul>
          <li>Kamera-, Effekt- und Testfilter optisch trennen</li>
          <li>Fertige Kategorien direkt im Filter-Menü</li>
          <li>Keine Bildveränderung – reine Organisation</li>
        </ul>
        <p><strong>Beispiel:</strong> Du fügst „<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f7e6.png" alt="🟦" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Kamera / Clean“ ein und schiebst deine Kamera-Filter darunter.</p>
        <div class="hc-actions">
          <a class="hc-btn primary" href="https://helpcenter.fun/wp-content/uploads/2026/05/hc_filter_trenner.zip" target="_blank" rel="noopener"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2b07.png" alt="⬇" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Script herunterladen</a>
        </div>
      </div>
      <div class="hc-plugin-shots">
        <img decoding="async" src="https://helpcenter.fun/wp-content/uploads/2026/05/Filter_anzeige_in_Fitler.png" alt="HC Filter-Trenner im OBS-Menü">
        <img decoding="async" src="https://helpcenter.fun/wp-content/uploads/2026/05/Beispiel-Filter.png" alt="Sortierte OBS-Filterliste">
      </div>
    </article>

    <div class="hc-section-head">
      <div>
        <span class="hc-pill"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Empfehlungen</span>
        <h2>Welche Plugins brauche ich?</h2>
        <p>Je nachdem, was du mit OBS machen willst, brauchst du nicht alles. Diese Auswahl hilft beim Einstieg.</p>
      </div>
    </div>

    <div class="hc-usecases">
<div class="hc-usecase">
  <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für Overlay Design</h3>
  <ul>
    <li>ShaderFilter</li>
    <li>Composite Blur</li>
    <li>Stroke Glow Shadow</li>
    <li>Gradient Source</li>
    <li>Source Copy</li>
  </ul>
</div>

      <div class="hc-usecase">
        <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für Streamer.bot</h3>
        <ul>
          <li>OBS WebSocket</li>
          <li>Downstream Keyer</li>
          <li>Freeze Filter</li>
          <li>Move Transition</li>
        </ul>
      </div>

      <div class="hc-usecase">
  <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/26a1.png" alt="⚡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für Performance & Aufnahme</h3>
  <ul>
    <li>NVIDIA NVENC</li>
    <li>Source Clone</li>
    <li>Dynamic Delay</li>
    <li>OBS Audio Filter</li>
    <li>Separate Audio Tracks</li>
  </ul>
</div>

      <div class="hc-usecase">
        <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4f1.png" alt="📱" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Für Shorts/TikTok</h3>
        <ul>
          <li>Aitum Vertical</li>
          <li>Source Record</li>
          <li>Record Rename</li>
          <li>Input Overlay</li>
        </ul>
      </div>
    </div>

    <div class="hc-footerbox">
      <h2><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f310.png" alt="🌐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> HelpCenter Overlays nutzen Browser Source</h2>
      <p>
        Viele moderne Stream-Tools funktionieren direkt über eine OBS Browser Source.
        Das bedeutet: Du brauchst oft kein extra Plugin, sondern nur einen Overlay-Link.
        Perfekt für Goals, Timer, Herzfrequenz, Chat Widgets, Alerts und Streamer.bot Systeme.
      </p>
      <div class="hc-actions" style="justify-content:center;">
        <a class="hc-btn primary" href="https://helpcenter.fun/" target="_blank" rel="noopener">HelpCenter öffnen</a>
        <a class="hc-btn" href="https://helpcenter.fun/anleitungen" target="_blank" rel="noopener">Guides ansehen</a>
      </div>
    </div>

  </div>
</section>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Overlay Studio</title>
		<link>https://helpcenter.fun/overlay-studio/</link>
		
		<dc:creator><![CDATA[NixMulti]]></dc:creator>
		<pubDate>Tue, 19 May 2026 23:05:07 +0000</pubDate>
				<guid isPermaLink="false">https://helpcenter.fun/?page_id=1470</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>Bitte einloggen.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Heart Overlay</title>
		<link>https://helpcenter.fun/heart-overlay/</link>
		
		<dc:creator><![CDATA[NixMulti]]></dc:creator>
		<pubDate>Mon, 04 May 2026 23:04:44 +0000</pubDate>
				<guid isPermaLink="false">https://helpcenter.fun/?page_id=1190</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>Bitte nutze den Overlay-Link von der Heart-Control-Seite.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Home</title>
		<link>https://helpcenter.fun/</link>
		
		<dc:creator><![CDATA[NixMulti]]></dc:creator>
		<pubDate>Sun, 08 Feb 2026 21:26:28 +0000</pubDate>
				<guid isPermaLink="false">http://helpcenter.test/?page_id=13</guid>

					<description><![CDATA[HELPCENTER · OBS · TWITCH · STREAMER.BOT Deine Anlaufstelle fürStreaming-Hilfe Du willst OBS einrichten, Streamer.bot verstehen oder ein Problem lösen? Im HelpCenter findest du verständliche Anleitungen, praktische Tools und Unterstützung – alles an einem Ort. Hilfe bekommen ↗ HelpCenter entdecken ↓ WAS FINDEST DU HIER? Von der Fragezur Lösung Ganz gleich, ob du gerade anfängst [&#8230;]]]></description>
			<style id="elementor-post-13">.elementor-13 .elementor-element.elementor-element-4e06984{--display:flex;}:root{--page-title-display:none;}</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-page" data-elementor-id="13" class="elementor elementor-13">
				<div class="elementor-element elementor-element-4e06984 e-con-full e-flex e-con e-parent" data-id="4e06984" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-879af60 elementor-widget elementor-widget-html" data-id="879af60" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<section class="hc6" aria-label="HelpCenter Startseite">
  <div class="hc6-shell">
    <!-- 1. Einleitung – ohne zweite Navigationsliste oder wiederholte Kacheln -->
    <header class="hc6-intro">
      <div class="hc6-overline"><span class="hc6-dot"></span> HELPCENTER · OBS · TWITCH · STREAMER.BOT</div>
      <h1>Deine Anlaufstelle für<br><span>Streaming-Hilfe</span></h1>
      <p>Du willst OBS einrichten, Streamer.bot verstehen oder ein Problem lösen? Im HelpCenter findest du verständliche Anleitungen, praktische Tools und Unterstützung – alles an einem Ort.</p>
      <div class="hc6-intro-actions">
        <a class="hc6-cta hc6-cta-main" href="/support">Hilfe bekommen <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></a>
        <a class="hc6-cta hc6-cta-quiet" href="#hc6-angebote">HelpCenter entdecken <span aria-hidden="true">↓</span></a>
      </div>
    </header>

    <!-- 2. Einmalig erklären, was man hier bekommt -->
    <section id="hc6-angebote" class="hc6-offer" aria-labelledby="hc6-offer-title">
      <div class="hc6-section-intro hc6-animate">
        <span class="hc6-eyebrow">WAS FINDEST DU HIER?</span>
        <h2>Von der Frage<br>zur <em>Lösung</em></h2>
        <p>Ganz gleich, ob du gerade anfängst oder dein Setup verbessern möchtest: Du entscheidest, was du brauchst.</p>
      </div>
      <div class="hc6-routes">
        <a class="hc6-route hc6-animate" href="/anleitungen">
          <div class="hc6-route-id"><span>VERSTEHEN</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true">▤</span><h3>Anleitungen</h3><p>Schritt für Schritt durch Einrichtung, Commands, OBS-Funktionen und Automationen – nachvollziehbar und ohne Vorwissen.</p></div>
          <div class="hc6-route-end">Zu den Anleitungen <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
        <a class="hc6-route hc6-animate" href="/&#x1f4e5;downloads">
          <div class="hc6-route-id"><span>DIREKT NUTZEN</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true">↓</span><h3>Tools &amp; Downloads</h3><p>Fertige Streamer.bot-Imports, OBS-Helfer, Overlays und Widgets zum Herunterladen, Einbauen und Ausprobieren.</p></div>
          <div class="hc6-route-end">Tools entdecken <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
        <a class="hc6-route hc6-animate" href="/support">
          <div class="hc6-route-id"><span>HILFE BEKOMMEN</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true">?</span><h3>Support</h3><p>Etwas funktioniert nicht? Stelle deine Frage, beschreibe den Fehler und finde gemeinsam mit uns einen Lösungsweg.</p></div>
          <div class="hc6-route-end">Zum Support <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
      </div>
    </section>

    <!-- 3. Ergänzende Angebote – anders inszeniert, nicht wieder drei gleiche Karten -->
    <section class="hc6-extras" aria-labelledby="hc6-extras-title">
      <div class="hc6-extras-head hc6-animate"><div><span class="hc6-eyebrow">MEHR AUS DEM HELPCENTER</span><h2 id="hc6-extras-title">Noch mehr für<br><em>deinen Stream</em></h2></div><p>Neben Hilfe und Anleitungen gibt es auch eigene Projekte, mit denen du deinen Stream gestalten kannst.</p></div>
      <div class="hc6-extras-layout">
        <a class="hc6-route hc6-extra-card hc6-animate" href="/quiz-dashboard">
          <div class="hc6-route-id"><span>INTERAKTION IM CHAT</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true">◇</span><h3>Community Quiz</h3><p>Quizrunden mit über 900 Fragen, Kategorien, Schätzfragen und OBS-Overlay.</p></div>
          <div class="hc6-route-end">Quiz ansehen <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
        <a class="hc6-route hc6-extra-card hc6-animate" href="/emotly">
          <div class="hc6-route-id"><span>EMOTES & EFFEKTE</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2733.png" alt="✳" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><h3>Emotly</h3><p>Emote-Explosionen für deinen Stream – als KappaGen-Alternative.</p></div>
          <div class="hc6-route-end">Emotly ansehen <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
        <a class="hc6-route hc6-extra-card hc6-animate" href="/heart-control">
          <div class="hc6-route-id"><span>LIVE-OVERLAY</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true">♡</span><h3>Heart Control</h3><p>Zeige deine Herzfrequenz live als Overlay in deinem Stream.</p></div>
          <div class="hc6-route-end">Tool ansehen <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
        <a class="hc6-route hc6-extra-card hc6-animate" href="/&#x1f4e5;downloads/mediaborad">
          <div class="hc6-route-id"><span>SOUNDS & MEDIEN</span></div>
          <div class="hc6-route-body"><span class="hc6-route-icon" aria-hidden="true">♫</span><h3>MediaBoard</h3><p>Medien, Sounds und Stream-Elemente komfortabel steuern.</p></div>
          <div class="hc6-route-end">Tool ansehen <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></div>
        </a>
      </div>
    </section>

    <!-- 4. Community – nur eine klare Einladung, kein zweiter Support-Block -->
    <section class="hc6-discord hc6-animate" aria-labelledby="hc6-discord-title"><div class="hc6-discord-icon" aria-hidden="true">#</div><div><span class="hc6-eyebrow">AUSTAUSCH &amp; COMMUNITY</span><h2 id="hc6-discord-title">Nicht allein tüfteln.</h2><p>Im HelpCenter Discord kannst du Erfahrungen teilen, Fragen stellen und dich mit anderen austauschen.</p></div><a class="hc6-cta hc6-cta-main" href="https://nixmulti.de/go/discord" target="_blank" rel="noopener noreferrer">HelpCenter Discord <span aria-hidden="true"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span></a></section>
  </div>
</section>
<style>
.hc6{--hc6-ink:#f4f7ff;--hc6-muted:#b6c4d8;--hc6-cyan:#79e7de;--hc6-violet:#ba91f7;--hc6-line:rgba(218,232,255,.13);color:var(--hc6-ink);background:transparent!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:clip}
.hc6,.hc6 *{box-sizing:border-box}.hc6 a,.hc6 a:visited,.hc6 a:hover,.hc6 a:focus,.hc6 a *{text-decoration:none!important}.hc6 a{color:inherit!important}.hc6 h1,.hc6 h2,.hc6 h3,.hc6 p{margin:0!important}.hc6 h1,.hc6 h2,.hc6 h3{font-family:inherit!important}.hc6-shell{width:min(1230px,calc(100% - 40px));margin:0 auto}.hc6-intro{min-height:590px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:75px 0 78px;isolation:isolate}.hc6-overline,.hc6-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.12em;font-weight:850;color:var(--hc6-cyan)}.hc6-dot{height:8px;width:8px;border-radius:100%;background:#58cdbf;box-shadow:0 0 0 5px rgba(88,205,191,.08)}.hc6-intro h1{position:relative;z-index:2;max-width:1020px;margin:25px 0 22px!important;font-size:clamp(48px,6.1vw,94px);line-height:1.01;letter-spacing:-.06em;font-weight:900}.hc6-intro h1 span{color:var(--hc6-violet)}.hc6-intro>p{max-width:745px;line-height:1.75;color:var(--hc6-muted);font-size:clamp(16px,1.5vw,21px);font-weight:500;position:relative;z-index:2}.hc6-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;z-index:2}.hc6-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:49px;padding:12px 19px;border-radius:13px;font-size:14px;font-weight:800;transition:transform .22s ease,background .22s ease,border-color .22s ease}.hc6-cta:hover{transform:translateY(-3px)}.hc6-cta-main{color:white!important;background:linear-gradient(110deg,#247b75,#654496);border:1px solid rgba(184,231,236,.26)}.hc6-cta-quiet{border:1px solid var(--hc6-line);background:rgba(255,255,255,.035);color:#e6f0ff!important}.hc6-cta-quiet:hover{background:rgba(255,255,255,.075)}.hc6-topics{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:38px;font-size:12px;color:#aabbd0}.hc6-topics i{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--hc6-cyan);opacity:.8}.hc6-scroll-hint{position:absolute;bottom:25px;left:0;font-size:12px;color:#94a6c4!important;display:flex;gap:14px;align-items:center;transition:color .2s}.hc6-scroll-hint:hover{color:white!important}.hc6-decor{position:absolute;z-index:-1;pointer-events:none}.hc6-decor-one{width:min(38vw,470px);aspect-ratio:1;border:1px solid rgba(185,147,247,.12);border-radius:50%;right:-90px;top:50%;transform:translateY(-50%);box-shadow:0 0 0 58px rgba(154,111,232,.018),0 0 0 118px rgba(154,111,232,.014);animation:hc6drift 10s ease-in-out infinite alternate}.hc6-decor-two{width:150px;height:150px;border-radius:50%;right:90px;top:29%;background:radial-gradient(circle,rgba(98,211,206,.12),transparent 72%);filter:blur(8px);animation:hc6pulse 7s ease-in-out infinite alternate}
.hc6-offer{padding:67px 0 110px;scroll-margin-top:90px}.hc6-section-intro{max-width:800px;margin-bottom:38px}.hc6-section-intro h2,.hc6-extras h2{font-size:clamp(38px,4.7vw,66px);letter-spacing:-.05em;line-height:1.08;font-weight:900;margin:12px 0 16px!important}.hc6-section-intro em,.hc6-extras h2 em{font-style:normal;color:var(--hc6-violet)}.hc6-section-intro p{color:var(--hc6-muted);font-size:16px;line-height:1.7;max-width:700px}.hc6-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hc6-route{min-height:345px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid var(--hc6-line);border-radius:22px;background:rgba(15,20,35,.48);transition:transform .25s,border-color .25s,background .25s;overflow:hidden}.hc6-route::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--hc6-cyan),transparent);opacity:0;transition:opacity .25s}.hc6-route:nth-child(2)::before{background:linear-gradient(90deg,var(--hc6-violet),transparent)}.hc6-route:nth-child(3)::before{background:linear-gradient(90deg,#e5a3d6,transparent)}.hc6-route:hover{transform:translateY(-6px);border-color:rgba(177,143,232,.37);background:rgba(24,29,47,.68)}.hc6-route:hover::before{opacity:1}.hc6-route-id{display:flex;justify-content:space-between;gap:10px;color:#91a6bd;font-size:10px;letter-spacing:.14em;font-weight:900}.hc6-route-id span:first-child{color:var(--hc6-cyan)}.hc6-route:nth-child(2) .hc6-route-id span:first-child{color:var(--hc6-violet)}.hc6-route:nth-child(3) .hc6-route-id span:first-child{color:#e5a3d6}.hc6-route-icon{font-size:45px;line-height:1;color:var(--hc6-violet);opacity:.8}.hc6-route-body h3{font-size:clamp(25px,2.5vw,33px);line-height:1.15;letter-spacing:-.03em;margin:17px 0 11px!important}.hc6-route-body p{font-size:14px;line-height:1.65;color:var(--hc6-muted)}.hc6-route-end{display:flex;align-items:center;justify-content:space-between;margin-top:24px;color:var(--hc6-cyan);font-weight:850;font-size:13px}.hc6-route-end span{font-size:21px;transition:transform .2s}.hc6-route:hover .hc6-route-end span{transform:translate(3px,-3px)}
.hc6-extras{padding:8px 0 115px}.hc6-extras-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.hc6-extras-head>p{max-width:390px;color:var(--hc6-muted);line-height:1.7;font-size:15px}.hc6-extras-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:19px}.hc6-feature{position:relative;min-height:365px;border:1px solid rgba(179,143,235,.28);border-radius:24px;background:radial-gradient(circle at 86% 15%,rgba(169,113,239,.17),transparent 45%),rgba(20,22,39,.6);padding:29px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .25s,border-color .25s}.hc6-feature:hover{transform:translateY(-4px);border-color:rgba(191,155,250,.50)}.hc6-feature-overline{font-size:11px;color:#d2a9f7;font-weight:900;letter-spacing:.12em}.hc6-feature-art{position:absolute;right:28px;top:27px;font-size:175px;line-height:1;color:rgba(199,169,248,.16);font-weight:900;transform:rotate(12deg)}.hc6-feature-bottom{position:relative;max-width:430px}.hc6-feature h3{font-size:38px;letter-spacing:-.045em;margin-bottom:12px!important}.hc6-feature p{color:var(--hc6-muted);font-size:15px;line-height:1.65}.hc6-feature-bottom>span{display:inline-block;color:var(--hc6-cyan);font-size:13px;font-weight:850;margin-top:19px}.hc6-extras-side{display:grid;gap:14px}.hc6-mini{display:grid;grid-template-columns:59px 1fr 20px;align-items:center;gap:16px;padding:20px;border:1px solid var(--hc6-line);border-radius:18px;background:rgba(16,22,36,.5);transition:transform .22s,border-color .22s}.hc6-mini:hover{transform:translateX(5px);border-color:rgba(120,231,220,.33)}.hc6-mini-sign{font-size:28px;display:grid;place-items:center;height:54px;border-radius:14px;color:var(--hc6-violet);background:rgba(150,113,225,.09)}.hc6-mini strong{display:block;font-size:18px;color:#f0f6ff;margin-bottom:5px}.hc6-mini small{display:block;font-size:13px;line-height:1.5;color:var(--hc6-muted)}.hc6-mini>b{font-size:20px;color:var(--hc6-cyan)}
.hc6-discord{display:grid;grid-template-columns:80px 1fr auto;gap:25px;align-items:center;padding:28px 31px;border:1px solid rgba(203,167,247,.25);border-radius:22px;background:rgba(20,20,35,.38);margin-bottom:80px}.hc6-discord-icon{height:72px;width:72px;display:grid;place-items:center;border-radius:18px;background:rgba(160,119,241,.10);color:#bc98ee;font-size:37px;font-weight:900}.hc6-discord h2{font-size:27px;letter-spacing:-.03em;margin:5px 0 7px!important}.hc6-discord p{font-size:14px;line-height:1.6;color:var(--hc6-muted);max-width:690px}.hc6-animate{opacity:1;transform:none}.hc6.js-ready .hc6-animate:not(.hc6-is-visible){opacity:0;transform:translateY(22px)}.hc6.js-ready .hc6-animate{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.2,1)}.hc6.js-ready .hc6-animate.hc6-is-visible{opacity:1;transform:none}@keyframes hc6drift{to{transform:translateY(-53%) rotate(8deg)}}@keyframes hc6pulse{to{opacity:.4;transform:scale(1.2)}}
@media(max-width:850px){.hc6-intro{min-height:520px}.hc6-decor-one{right:-130px}.hc6-routes{grid-template-columns:1fr}.hc6-route{min-height:235px}.hc6-extras-layout{grid-template-columns:1fr}.hc6-extras-head{align-items:start;flex-direction:column}.hc6-discord{grid-template-columns:65px 1fr}.hc6-discord .hc6-cta{grid-column:1/-1;justify-content:center}.hc6-discord-icon{height:60px;width:60px}}
@media(max-width:560px){.hc6-shell{width:calc(100% - 30px)}.hc6-intro{min-height:unset;padding:70px 0 85px}.hc6-intro h1{font-size:clamp(41px,10.2vw,60px)}.hc6-intro>p{font-size:16px}.hc6-intro-actions{width:100%}.hc6-intro-actions .hc6-cta{width:100%}.hc6-topics{gap:9px;font-size:11px}.hc6-decor-one{width:240px;right:-125px;top:25%}.hc6-offer{padding-top:37px;padding-bottom:80px}.hc6-route{padding:22px}.hc6-extras{padding-bottom:75px}.hc6-feature{min-height:315px;padding:24px}.hc6-feature h3{font-size:32px}.hc6-mini{grid-template-columns:46px 1fr 14px;padding:15px;gap:12px}.hc6-mini-sign{width:45px;height:45px;font-size:23px}.hc6-mini strong{font-size:16px}.hc6-discord{padding:20px;gap:14px;margin-bottom:55px}.hc6-discord h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hc6 *{animation:none!important;transition:none!important}.hc6.js-ready .hc6-animate:not(.hc6-is-visible){opacity:1;transform:none}}

/* v6.1 – Elementor-Container ausgleichen und Einleitung wirklich zentrieren */
.hc6{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:0!important;
}
.hc6 .hc6-shell{
  width:min(1230px, calc(100% - 40px))!important;
  margin-inline:auto!important;
}
.hc6 .hc6-intro{
  align-items:center!important;
  text-align:center!important;
  min-height:540px!important;
  padding:65px 0 75px!important;
}
.hc6 .hc6-intro h1{
  max-width:1120px!important;
  margin:22px auto 22px!important;
  text-align:center!important;
}
.hc6 .hc6-intro > p{
  margin-inline:auto!important;
  text-align:center!important;
}
.hc6 .hc6-intro-actions,
.hc6 .hc6-topics{
  justify-content:center!important;
}
.hc6 .hc6-scroll-hint{
  left:50%!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
.hc6 .hc6-decor-one{right:2%!important;opacity:.6!important}
.hc6 .hc6-decor-two{right:14%!important;opacity:.55!important}
.hc6 .hc6-section-intro{
  margin:0 auto 38px!important;
  text-align:center!important;
}
.hc6 .hc6-section-intro p{margin-inline:auto!important}
@media(max-width:560px){
  .hc6 .hc6-shell{width:calc(100% - 30px)!important}
  .hc6 .hc6-intro{min-height:auto!important;padding:65px 0 80px!important}
  .hc6 .hc6-intro h1{font-size:clamp(39px,10vw,60px)!important}
  .hc6 .hc6-intro-actions{width:100%!important}
  .hc6 .hc6-intro-actions .hc6-cta{width:100%!important}
  .hc6 .hc6-topics{gap:9px!important}
}

/* V6.2 – Ohne doppelte Scroll-Aufforderung und Kartennummerierung */
.hc6 .hc6-scroll-hint{display:none!important}
.hc6 .hc6-route-id{justify-content:flex-start!important}

/* V6.3 – gleiche zentrierte Ausrichtung für alle Bereiche */
.hc6 .hc6-shell > section,
.hc6 .hc6-routes,
.hc6 .hc6-extras-layout{
  width:100%!important;
  max-width:1230px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hc6 .hc6-routes{justify-content:center!important;align-items:stretch!important;}
.hc6 .hc6-extras-head{
  width:100%!important;
  max-width:1230px!important;
  margin:0 auto 32px!important;
  justify-content:center!important;
  align-items:center!important;
  flex-direction:column!important;
  text-align:center!important;
  gap:12px!important;
}
.hc6 .hc6-extras-head>p{max-width:640px!important;text-align:center!important;}
.hc6 .hc6-extras-layout{justify-content:center!important;}
.hc6 .hc6-route-id{justify-content:flex-start!important;}
@media(max-width:560px){
  .hc6 .hc6-shell > section,
  .hc6 .hc6-routes,
  .hc6 .hc6-extras-layout{max-width:100%!important;}
}

/* v6.4 – Alle vier Projekte als gleichwertige Karten, analog zu Anleitungen / Downloads / Support */
.hc6 .hc6-extras-layout{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:16px!important;
 width:100%!important;
 max-width:1230px!important;
 margin-inline:auto!important;
 align-items:stretch!important;
}
.hc6 .hc6-extras-layout .hc6-extra-card{
 width:100%!important;
 min-height:290px!important;
 padding:26px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:space-between!important;
 text-align:left!important;
}
.hc6 .hc6-extras-layout .hc6-extra-card .hc6-route-body h3{margin:14px 0 10px!important;}
.hc6 .hc6-extras-layout .hc6-extra-card .hc6-route-icon{font-size:38px!important;}
@media(max-width:650px){
 .hc6 .hc6-extras-layout{grid-template-columns:1fr!important;gap:13px!important;}
 .hc6 .hc6-extras-layout .hc6-extra-card{min-height:250px!important;padding:22px!important;}
}
</style>
<script>
(function(){
  function init(){
    document.querySelectorAll('.hc6').forEach(function(root){
      if(root.dataset.hc6Init) return;
      root.dataset.hc6Init='1';
      if(!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
      var items=Array.from(root.querySelectorAll('.hc6-animate'));
      var observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){entry.target.classList.add('hc6-is-visible');observer.unobserve(entry.target);}});},{threshold:.08,rootMargin:'0px 0px 35px 0px'});
      items.forEach(function(el){observer.observe(el);});
      root.classList.add('js-ready');
    });
  }
  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',init); else init();
})();
</script>
				</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Datenschutzerklärung</title>
		<link>https://helpcenter.fun/datenschutzerklaerung/</link>
		
		<dc:creator><![CDATA[NixMulti]]></dc:creator>
		<pubDate>Sun, 08 Feb 2026 19:32:50 +0000</pubDate>
				<guid isPermaLink="false">http://helpcenter.test/?page_id=3</guid>

					<description><![CDATA[Datenschutzerklärung 1. Verantwortlicher Verantwortlicher im Sinne der Datenschutz-Grundverordnung (DSGVO): Nico Hautc/o LEADERLY UG (haftungsbeschränkt)Carl-Zeiss-Str. 414727 Premnitz OT MögelinDeutschland E-Mail: kontakt@helpcenter.fun 2. Allgemeine Hinweise zur Datenverarbeitung Der Schutz deiner personenbezogenen Daten ist uns wichtig. Wir verarbeiten personenbezogene Daten ausschließlich im Rahmen der geltenden Datenschutzgesetze, insbesondere der Datenschutz-Grundverordnung (DSGVO) sowie des Bundesdatenschutzgesetzes (BDSG). Personenbezogene Daten sind alle [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h1 class="wp-block-heading">Datenschutzerklärung</h1>



<h2 class="wp-block-heading">1. Verantwortlicher</h2>



<p class="wp-block-paragraph">Verantwortlicher im Sinne der Datenschutz-Grundverordnung (DSGVO):</p>



<p class="wp-block-paragraph"><strong>Nico Haut</strong><br>c/o LEADERLY UG (haftungsbeschränkt)<br>Carl-Zeiss-Str. 4<br>14727 Premnitz OT Mögelin<br>Deutschland</p>



<p class="wp-block-paragraph"><strong>E-Mail:</strong> <a href="mailto:kontakt@helpcenter.fun">kontakt@helpcenter.fun</a></p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">2. Allgemeine Hinweise zur Datenverarbeitung</h1>



<p class="wp-block-paragraph">Der Schutz deiner personenbezogenen Daten ist uns wichtig.</p>



<p class="wp-block-paragraph">Wir verarbeiten personenbezogene Daten ausschließlich im Rahmen der geltenden Datenschutzgesetze, insbesondere der Datenschutz-Grundverordnung (DSGVO) sowie des Bundesdatenschutzgesetzes (BDSG).</p>



<p class="wp-block-paragraph">Personenbezogene Daten sind alle Informationen, mit denen du direkt oder indirekt identifiziert werden kannst.</p>



<p class="wp-block-paragraph">Wir verarbeiten personenbezogene Daten nur, soweit dies zur Bereitstellung unserer Website und unserer angebotenen Dienste erforderlich ist oder eine gesetzliche Grundlage hierfür besteht.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">3. Hosting</h1>



<p class="wp-block-paragraph">Unsere Website wird bei einem Hosting-Anbieter innerhalb der Europäischen Union betrieben.</p>



<p class="wp-block-paragraph">Beim Besuch unserer Website werden automatisch folgende Informationen verarbeitet:</p>



<ul class="wp-block-list">
<li>IP-Adresse</li>



<li>Datum und Uhrzeit des Zugriffs</li>



<li>aufgerufene Seiten und Dateien</li>



<li>Browsertyp und Browserversion</li>



<li>verwendetes Betriebssystem</li>



<li>Referrer-URL (sofern vom Browser übermittelt)</li>
</ul>



<p class="wp-block-paragraph">Diese Daten werden ausschließlich zur Gewährleistung eines sicheren, stabilen und fehlerfreien Betriebs der Website verarbeitet.</p>



<p class="wp-block-paragraph"><strong>Rechtsgrundlage</strong></p>



<p class="wp-block-paragraph">Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse)</p>



<p class="wp-block-paragraph">Eine Zusammenführung dieser Daten mit anderen Datenquellen erfolgt nicht.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">4. Cookies</h1>



<p class="wp-block-paragraph">Unsere Website verwendet ausschließlich technisch notwendige Cookies.</p>



<p class="wp-block-paragraph">Diese dienen insbesondere:</p>



<ul class="wp-block-list">
<li>Anmeldung und Login</li>



<li>Sitzungsverwaltung</li>



<li>Sicherheitsfunktionen</li>



<li>Schutz vor Missbrauch</li>



<li>Speicherung technischer Einstellungen</li>
</ul>



<p class="wp-block-paragraph">Es werden keine Marketing-, Werbe- oder Tracking-Cookies eingesetzt.</p>



<p class="wp-block-paragraph">Ein Cookie-Banner ist daher derzeit nicht erforderlich.</p>



<p class="wp-block-paragraph"><strong>Rechtsgrundlage</strong></p>



<p class="wp-block-paragraph">Art. 6 Abs. 1 lit. f DSGVO</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">5. Registrierung und Login über Twitch</h1>



<p class="wp-block-paragraph">Für verschiedene Funktionen unserer Plattform ist eine Anmeldung über Twitch möglich.</p>



<p class="wp-block-paragraph">Hierfür nutzen wir das OAuth-Verfahren von Twitch.</p>



<p class="wp-block-paragraph">Im Rahmen der Anmeldung können folgende Daten verarbeitet und gespeichert werden:</p>



<ul class="wp-block-list">
<li>Twitch User-ID</li>



<li>Twitch Benutzername</li>



<li>Twitch Anzeigename</li>



<li>Profilbild</li>



<li>E-Mail-Adresse (sofern von Twitch bereitgestellt)</li>



<li>OAuth Access Token</li>



<li>OAuth Refresh Token</li>



<li>Ablaufdatum der Tokens</li>



<li>erteilte Berechtigungen (Scopes)</li>



<li>Zeitpunkt der Anmeldung</li>
</ul>



<p class="wp-block-paragraph">Diese Daten werden ausschließlich verwendet, um</p>



<ul class="wp-block-list">
<li>ein Benutzerkonto bereitzustellen,</li>



<li>den Login zu ermöglichen,</li>



<li>geschützte Inhalte (z. B. Downloads) bereitzustellen,</li>



<li>Twitch-Funktionen innerhalb der Plattform zu ermöglichen,</li>



<li>Benutzer eindeutig zu identifizieren,</li>



<li>Einstellungen dauerhaft zu speichern.</li>
</ul>



<p class="wp-block-paragraph">OAuth-Tokens werden ausschließlich serverseitig gespeichert und nicht öffentlich zugänglich gemacht.</p>



<p class="wp-block-paragraph"><strong>Rechtsgrundlage</strong></p>



<p class="wp-block-paragraph">Art. 6 Abs. 1 lit. b DSGVO</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">6. Twitch-API und EventSub</h1>



<p class="wp-block-paragraph">Zur Bereitstellung verschiedener Funktionen kommuniziert HelpCenter.fun mit der Twitch-API.</p>



<p class="wp-block-paragraph">Hierzu gehören unter anderem:</p>



<ul class="wp-block-list">
<li>Twitch Login</li>



<li>EventSub</li>



<li>Kanalziel-Events</li>



<li>Chat-Ereignisse</li>



<li>Benutzerinformationen</li>



<li>Profildaten</li>



<li>Twitch-Authentifizierung</li>
</ul>



<p class="wp-block-paragraph">Je nach genutzter Funktion können hierfür personenbezogene Daten verarbeitet werden.</p>



<p class="wp-block-paragraph">Die Verarbeitung erfolgt ausschließlich zur Bereitstellung der gewünschten Funktion.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">7. Chat-Funktionen</h1>



<p class="wp-block-paragraph">Wenn Funktionen genutzt werden, die mit dem Twitch-Chat interagieren (z. B. Quiz-Systeme, Widgets oder Events), können folgende Daten verarbeitet werden:</p>



<ul class="wp-block-list">
<li>Twitch Benutzername</li>



<li>Twitch User-ID</li>



<li>Chat-Nachricht</li>



<li>Zeitpunkt der Nachricht</li>
</ul>



<p class="wp-block-paragraph">Diese Daten werden ausschließlich verwendet, um die jeweilige Funktion bereitzustellen.</p>



<p class="wp-block-paragraph">Eine Verwendung zu Werbezwecken erfolgt nicht.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">8. Benutzerkonto</h1>



<p class="wp-block-paragraph">Für registrierte Nutzer speichern wir die für das Benutzerkonto erforderlichen Informationen.</p>



<p class="wp-block-paragraph">Hierzu gehören insbesondere:</p>



<ul class="wp-block-list">
<li>Twitch-Konto</li>



<li>Profilbild</li>



<li>Anzeigename</li>



<li>Einstellungen</li>



<li>Rollen und Berechtigungen</li>



<li>Download-Historie</li>



<li>freiwillig hinterlegte Profildaten</li>
</ul>



<p class="wp-block-paragraph">Die Daten dienen ausschließlich der Bereitstellung unserer Dienste.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">9. Downloads</h1>



<p class="wp-block-paragraph">Beim Herunterladen von Inhalten können folgende Informationen verarbeitet werden:</p>



<ul class="wp-block-list">
<li>Benutzerkonto</li>



<li>heruntergeladenes Produkt</li>



<li>Zeitpunkt des Downloads</li>



<li>Anzahl der Downloads</li>
</ul>



<p class="wp-block-paragraph">Diese Daten dienen</p>



<ul class="wp-block-list">
<li>der Bereitstellung des Downloads,</li>



<li>der Missbrauchserkennung,</li>



<li>statistischen Auswertungen,</li>



<li>der Anzeige von Downloadzahlen.</li>
</ul>



<p class="wp-block-paragraph">Öffentlich sichtbare Downloadstatistiken enthalten keine personenbezogenen Daten.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">10. Quiz-, Event- und Community-Funktionen</h1>



<p class="wp-block-paragraph">Unsere Plattform stellt verschiedene Community-Funktionen bereit.</p>



<p class="wp-block-paragraph">Hierzu gehören unter anderem:</p>



<ul class="wp-block-list">
<li>Quiz-Systeme</li>



<li>Live-Events</li>



<li>Leaderboards</li>



<li>Teams</li>



<li>Lobbys</li>



<li>Overlays</li>



<li>Widgets</li>
</ul>



<p class="wp-block-paragraph">Je nach Funktion können verarbeitet werden:</p>



<ul class="wp-block-list">
<li>Benutzername</li>



<li>Twitch-ID</li>



<li>Antworten</li>



<li>Punktestände</li>



<li>Ranglisten</li>



<li>Teamzugehörigkeit</li>



<li>Gewinnerinformationen</li>
</ul>



<p class="wp-block-paragraph">Diese Daten werden ausschließlich zur Durchführung der jeweiligen Funktion verarbeitet.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">11. Uploads</h1>



<p class="wp-block-paragraph">Soweit Nutzer Dateien hochladen können (z. B. Bilder, Videos, Icons oder Screenshots), werden diese ausschließlich zur Bereitstellung der jeweiligen Funktion verarbeitet.</p>



<p class="wp-block-paragraph">Der Nutzer ist dafür verantwortlich, nur Inhalte hochzuladen, an denen er die erforderlichen Rechte besitzt.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">12. Benutzerrollen</h1>



<p class="wp-block-paragraph">Innerhalb von HelpCenter.fun können Benutzern verschiedene Rollen zugewiesen werden.</p>



<p class="wp-block-paragraph">Hierzu zählen beispielsweise:</p>



<ul class="wp-block-list">
<li>Administrator</li>



<li>Moderator</li>



<li>Helfer</li>



<li>Support</li>



<li>Guide-Ersteller</li>



<li>Widget-Ersteller</li>



<li>Creator</li>
</ul>



<p class="wp-block-paragraph">Diese Informationen dienen ausschließlich der Verwaltung der Plattform.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">13. Kontaktaufnahme</h1>



<p class="wp-block-paragraph">Wenn du uns per E-Mail kontaktierst, werden die von dir übermittelten Daten gespeichert, um deine Anfrage zu bearbeiten.</p>



<p class="wp-block-paragraph">Hierzu gehören insbesondere:</p>



<ul class="wp-block-list">
<li>Name</li>



<li>E-Mail-Adresse</li>



<li>Inhalt der Nachricht</li>
</ul>



<p class="wp-block-paragraph">Diese Daten werden nicht ohne deine Einwilligung an Dritte weitergegeben.</p>



<p class="wp-block-paragraph"><strong>Rechtsgrundlage</strong></p>



<p class="wp-block-paragraph">Art. 6 Abs. 1 lit. b DSGVO</p>



<p class="wp-block-paragraph">bzw.</p>



<p class="wp-block-paragraph">Art. 6 Abs. 1 lit. f DSGVO</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">14. Datenübermittlung an Twitch</h1>



<p class="wp-block-paragraph">Beim Login über Twitch sowie bei der Nutzung verschiedener Twitch-Funktionen werden personenbezogene Daten an Twitch Interactive, Inc. übermittelt.</p>



<p class="wp-block-paragraph">Dabei kann eine Datenübermittlung in die USA erfolgen.</p>



<p class="wp-block-paragraph">Es gelten die Datenschutzbestimmungen von Twitch.</p>



<p class="wp-block-paragraph">Wir haben keinen Einfluss auf die weitere Verarbeitung durch Twitch.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">15. Externe Inhalte</h1>



<p class="wp-block-paragraph">Unsere Website kann Inhalte externer Anbieter laden.</p>



<p class="wp-block-paragraph">Hierzu gehören insbesondere:</p>



<ul class="wp-block-list">
<li>Twitch-Profilbilder</li>



<li>Inhalte von static-cdn.jtvnw.net</li>



<li>weitere technisch erforderliche Inhalte von Twitch</li>
</ul>



<p class="wp-block-paragraph">Beim Laden dieser Inhalte wird technisch bedingt deine IP-Adresse an den jeweiligen Anbieter übertragen.</p>



<p class="wp-block-paragraph"><strong>Rechtsgrundlage</strong></p>



<p class="wp-block-paragraph">Art. 6 Abs. 1 lit. f DSGVO</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">16. Speicherdauer</h1>



<p class="wp-block-paragraph">Personenbezogene Daten werden nur so lange gespeichert, wie dies</p>



<ul class="wp-block-list">
<li>für den jeweiligen Zweck erforderlich ist,</li>



<li>gesetzliche Aufbewahrungspflichten bestehen,</li>



<li>oder berechtigte Interessen dies erfordern.</li>
</ul>



<p class="wp-block-paragraph">Benutzerkonten können auf Wunsch gelöscht werden, sofern keine gesetzlichen Aufbewahrungspflichten entgegenstehen.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">17. Datensicherheit</h1>



<p class="wp-block-paragraph">Wir setzen angemessene technische und organisatorische Sicherheitsmaßnahmen ein, um personenbezogene Daten gegen</p>



<ul class="wp-block-list">
<li>Verlust,</li>



<li>Manipulation,</li>



<li>unbefugten Zugriff,</li>



<li>Offenlegung,</li>



<li>Veränderung</li>
</ul>



<p class="wp-block-paragraph">zu schützen.</p>



<p class="wp-block-paragraph">Die Übertragung unserer Website erfolgt verschlüsselt mittels HTTPS.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">18. Rechte der betroffenen Personen</h1>



<p class="wp-block-paragraph">Du hast jederzeit das Recht auf:</p>



<ul class="wp-block-list">
<li>Auskunft gemäß Art. 15 DSGVO</li>



<li>Berichtigung gemäß Art. 16 DSGVO</li>



<li>Löschung gemäß Art. 17 DSGVO</li>



<li>Einschränkung der Verarbeitung gemäß Art. 18 DSGVO</li>



<li>Datenübertragbarkeit gemäß Art. 20 DSGVO</li>



<li>Widerspruch gemäß Art. 21 DSGVO</li>



<li>Widerruf erteilter Einwilligungen</li>
</ul>



<p class="wp-block-paragraph">Außerdem hast du das Recht, dich bei einer Datenschutzaufsichtsbehörde zu beschweren.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">19. Widerruf von Einwilligungen</h1>



<p class="wp-block-paragraph">Sofern du uns eine Einwilligung zur Verarbeitung personenbezogener Daten erteilt hast, kannst du diese jederzeit mit Wirkung für die Zukunft widerrufen.</p>



<p class="wp-block-paragraph">Die Rechtmäßigkeit der bis zum Widerruf erfolgten Verarbeitung bleibt hiervon unberührt.</p>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<h1 class="wp-block-heading">20. Änderungen dieser Datenschutzerklärung</h1>



<p class="wp-block-paragraph">Wir behalten uns vor, diese Datenschutzerklärung anzupassen, wenn dies aufgrund gesetzlicher Änderungen, technischer Weiterentwicklungen oder Änderungen unseres Angebots erforderlich wird.</p>



<p class="wp-block-paragraph">Es gilt jeweils die zum Zeitpunkt des Besuchs veröffentlichte Fassung dieser Datenschutzerklärung.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
