Homepage/de: Difference between revisions

<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Anton&display=swap" rel="stylesheet">

:root{--bg:#0D0D0D;--bg2:#1A1A1A;--panel:#1A1A1A;--card:#1A1A1A;--cb:#2E2E2E;--line:#2E2E2E;--chov:rgba(255,121,0,.06);--chb:rgba(255,121,0,.45);--or:#FF7900;--or2:#FFA24A;--tx:#FFFFFF;--tx2:#999999;--tx3:#666666;--grad:linear-gradient(135deg,#FF7900 0%,#FFA24A 100%);--glow:0 0 20px rgba(255,121,0,.4);--disp:'Anton',sans-serif;--head:'Archivo',sans-serif;}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{background:var(--bg);color:var(--tx);font-family:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;overflow-x:hidden;}

h1,h2,h3,h4{font-family:var(--head),sans-serif;}

#prog{position:fixed;top:0;left:0;right:0;height:2px;background:var(--grad);z-index:9999;transform-origin:left;transform:scaleX(0);transition:transform .1s;}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:60px;background:rgba(13,13,13,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);}

.nl{color:var(--tx2);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s;}

.nl:hover{color:var(--tx);}

.nav-right{display:flex;align-items:center;gap:.75rem;}

.btn-p{background:var(--grad);color:#fff;padding:.5rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .15s;}

.btn-p:hover{opacity:.9;transform:translateY(-1px);}

.lsw{display:flex;gap:2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:3px;}

.lb{padding:3px 8px;border-radius:5px;font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.05em;transition:all .15s;}

.lb.on{background:var(--or);color:#fff;}

.lb.av{color:#555;}

.lb.av:hover{color:#aaa;}

.tbtn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:5px 9px;cursor:pointer;font-size:14px;line-height:1;transition:background .15s;color:var(--tx2);}

.tbtn:hover{background:rgba(255,255,255,.09);}

.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 1rem 80px;position:relative;overflow:hidden;}

.h-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(255,121,0,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(255,162,74,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 80%,rgba(255,121,0,.07) 0%,transparent 60%);pointer-events:none;}

.h-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 100%);pointer-events:none;}

.h-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,121,0,.1);border:1px solid rgba(255,121,0,.25);border-radius:100px;padding:.35rem 1rem;margin-bottom:2rem;font-size:.78rem;font-weight:600;color:var(--or);letter-spacing:.03em;}

.h-dot{width:6px;height:6px;border-radius:50%;background:var(--or);animation:pulse 2s infinite;}

@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}

.h-title{font-size:clamp(3rem,7.5vw,6rem);font-weight:900;line-height:.98;letter-spacing:-.04em;margin-bottom:1.5rem;}

.gt{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.h-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--tx2);line-height:1.75;max-width:520px;margin:0 auto 2.5rem;}

.h-ctas{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;}

.hcp{background:var(--grad);color:#fff;padding:.85rem 2.25rem;border-radius:12px;font-weight:700;font-size:1rem;text-decoration:none;box-shadow:0 0 40px rgba(255,121,0,.35);transition:transform .2s,box-shadow .2s;}

.hcp:hover{transform:translateY(-2px);box-shadow:0 0 60px rgba(255,121,0,.5);}

 

 

 

.btn-p:hover{box-shadow:0 12px 36px -12px rgba(255,121,0,.6);}

<div id="prog"></div>

   <a href="/Homepage">

     <img src="/images/8/80/BigBro_mark.png" alt="BigBro Know" style="height:36px;width:auto;">

   <div class="nav-links-wrap" style="display:flex;gap:2.5rem;">

     <a href="#features" class="nl">Funktionen</a>

     <a href="#topics" class="nl">Themen</a>

     <a href="#articles" class="nl">Artikel</a>

     <a href="#about" class="nl">Über uns</a>

   <div class="nav-right">

     <div class="lsw">

       <a href="/Homepage" class="lb av">EN</a>

       <a href="/Homepage/de" class="lb on">DE</a>

       <a href="/Homepage/fr" class="lb av">FR</a>

       <a href="/Homepage/es" class="lb av">ES</a>

       <a href="/Homepage/pt" class="lb av">PT</a>

     <button class="tbtn" id="tbtn" onclick="toggleTheme()">🌙</button>

     <a href="/radmin" style="color:var(--tx3);text-decoration:none;font-size:.8rem;">Admin</a>

     <a href="#topics" class="btn-p">Kostenlos erkunden</a>

<div class="bigbro-banner">

   <div class="ab-glow"></div>

   <div class="ab-inner">

     <div class="ab-eyebrow"><span class="ab-dot"></span> Kostenlos · Unabhängig · Immer offen</div>

    <img src="/images/f/f9/BigBro_Know_logo_new.png" alt="BigBro Know" style="max-width:480px;width:80%;margin-bottom:1rem;">

    <a href="/Start_Here" class="ab-cta">BigBro Know entdecken →</a>

 

<section class="hero">

  <div class="h-bg"></div>

  <div class="h-grid"></div>

  <div class="h-badge"><span class="h-dot"></span>500+ Artikel · Immer kostenlos</div>

  <h1 class="h-title">Alles über<br>das schwule Leben.<br><span class="gt">An einem Ort. Kostenlos.</span></h1>

  <p class="h-sub">500+ ehrliche, lebensrettende Artikel über Gesundheit, Sicherheit, Kultur, Beziehungen, Nachtleben und mehr — geschrieben für die schwule Community, von der schwulen Community.</p>

  <div class="h-ctas">

    <a href="#articles" class="hcp">Jetzt lesen</a>

    <a href="#topics" class="hcs">Themen erkunden</a>

<div class="mq-wrap">

    <span class="mq-item"><a href="/Category:HIV_Prevention_%26_Treatment" style="color:inherit;text-decoration:none;">HIV Prevention & Treatment</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Consent_%26_Negotiation" style="color:inherit;text-decoration:none;">Consent & Negotiation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Boundaries" style="color:inherit;text-decoration:none;">Communication & Boundaries</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging,_Relevance,_and_Shifting_Identity" style="color:inherit;text-decoration:none;">Aging, Relevance & Shifting Identity</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Culture" style="color:inherit;text-decoration:none;">Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Presentation" style="color:inherit;text-decoration:none;">Body Presentation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Party_Drugs" style="color:inherit;text-decoration:none;">Party Drugs</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Trauma_%26_Recovery" style="color:inherit;text-decoration:none;">Trauma & Recovery</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Power_Dynamics" style="color:inherit;text-decoration:none;">Power Dynamics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Hookups_vs._Dating" style="color:inherit;text-decoration:none;">Hookups vs. Dating</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Chosen_Family_and_Social_Belonging" style="color:inherit;text-decoration:none;">Chosen Family & Social Belonging</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:History" style="color:inherit;text-decoration:none;">History</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Style_as_Communication" style="color:inherit;text-decoration:none;">Style as Communication</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:STI_Awareness_%26_Testing" style="color:inherit;text-decoration:none;">STI Awareness & Testing</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Roles_%26_Archetypes" style="color:inherit;text-decoration:none;">Roles & Archetypes</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sex,_Intimacy_%26_Connection" style="color:inherit;text-decoration:none;">Sex, Intimacy & Connection</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Online_Communities_vs._Physical_Communities" style="color:inherit;text-decoration:none;">Online Communities vs. Physical Communities</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Politics" style="color:inherit;text-decoration:none;">Politics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Subculture_Aesthetics" style="color:inherit;text-decoration:none;">Subculture Aesthetics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Image_%26_Self-Perception" style="color:inherit;text-decoration:none;">Body Image & Self-Perception</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Risk_Awareness_%26_Safety" style="color:inherit;text-decoration:none;">Risk Awareness & Safety</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Belonging_Without_Centrality" style="color:inherit;text-decoration:none;">Belonging Without Centrality</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Symbols_%26_Accessories" style="color:inherit;text-decoration:none;">Symbols & Accessories</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Substance_Use_%26_Sexual_Contexts" style="color:inherit;text-decoration:none;">Substance Use & Sexual Contexts</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Digital_Kink_Culture" style="color:inherit;text-decoration:none;">Digital Kink Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Identity_Performance_in_Dating_and_Social_Spaces" style="color:inherit;text-decoration:none;">Identity Performance in Dating & Social Spaces</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging_%26_Sexual_Health" style="color:inherit;text-decoration:none;">Aging & Sexual Health</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Emotional_Dynamics_in_Kink" style="color:inherit;text-decoration:none;">Emotional Dynamics in Kink</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Visibility,_Privacy,_and_Being_%22Out%22" style="color:inherit;text-decoration:none;">Visibility, Privacy & Being Out</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Disclosure" style="color:inherit;text-decoration:none;">Communication & Disclosure</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Kink_in_Relationships" style="color:inherit;text-decoration:none;">Kink in Relationships</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:The_Role_of_Humor,_Irony,_and_Distance" style="color:inherit;text-decoration:none;">The Role of Humor, Irony & Distance</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sexual_Function_%26_Mental_Health" style="color:inherit;text-decoration:none;">Sexual Function & Mental Health</a></span><span class="mq-dot"></span>

     <span class="mq-item"><a href="/Category:HIV_Prevention_%26_Treatment" style="color:inherit;text-decoration:none;">HIV Prevention & Treatment</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Consent_%26_Negotiation" style="color:inherit;text-decoration:none;">Consent & Negotiation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Boundaries" style="color:inherit;text-decoration:none;">Communication & Boundaries</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging,_Relevance,_and_Shifting_Identity" style="color:inherit;text-decoration:none;">Aging, Relevance & Shifting Identity</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Culture" style="color:inherit;text-decoration:none;">Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Presentation" style="color:inherit;text-decoration:none;">Body Presentation</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Party_Drugs" style="color:inherit;text-decoration:none;">Party Drugs</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Trauma_%26_Recovery" style="color:inherit;text-decoration:none;">Trauma & Recovery</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Power_Dynamics" style="color:inherit;text-decoration:none;">Power Dynamics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Hookups_vs._Dating" style="color:inherit;text-decoration:none;">Hookups vs. Dating</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Chosen_Family_and_Social_Belonging" style="color:inherit;text-decoration:none;">Chosen Family & Social Belonging</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:History" style="color:inherit;text-decoration:none;">History</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Style_as_Communication" style="color:inherit;text-decoration:none;">Style as Communication</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:STI_Awareness_%26_Testing" style="color:inherit;text-decoration:none;">STI Awareness & Testing</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Roles_%26_Archetypes" style="color:inherit;text-decoration:none;">Roles & Archetypes</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sex,_Intimacy_%26_Connection" style="color:inherit;text-decoration:none;">Sex, Intimacy & Connection</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Online_Communities_vs._Physical_Communities" style="color:inherit;text-decoration:none;">Online Communities vs. Physical Communities</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Politics" style="color:inherit;text-decoration:none;">Politics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Subculture_Aesthetics" style="color:inherit;text-decoration:none;">Subculture Aesthetics</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Body_Image_%26_Self-Perception" style="color:inherit;text-decoration:none;">Body Image & Self-Perception</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Risk_Awareness_%26_Safety" style="color:inherit;text-decoration:none;">Risk Awareness & Safety</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Belonging_Without_Centrality" style="color:inherit;text-decoration:none;">Belonging Without Centrality</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Symbols_%26_Accessories" style="color:inherit;text-decoration:none;">Symbols & Accessories</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Substance_Use_%26_Sexual_Contexts" style="color:inherit;text-decoration:none;">Substance Use & Sexual Contexts</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Digital_Kink_Culture" style="color:inherit;text-decoration:none;">Digital Kink Culture</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Identity_Performance_in_Dating_and_Social_Spaces" style="color:inherit;text-decoration:none;">Identity Performance in Dating & Social Spaces</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Aging_%26_Sexual_Health" style="color:inherit;text-decoration:none;">Aging & Sexual Health</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Emotional_Dynamics_in_Kink" style="color:inherit;text-decoration:none;">Emotional Dynamics in Kink</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Visibility,_Privacy,_and_Being_%22Out%22" style="color:inherit;text-decoration:none;">Visibility, Privacy & Being Out</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Communication_%26_Disclosure" style="color:inherit;text-decoration:none;">Communication & Disclosure</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Kink_in_Relationships" style="color:inherit;text-decoration:none;">Kink in Relationships</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:The_Role_of_Humor,_Irony,_and_Distance" style="color:inherit;text-decoration:none;">The Role of Humor, Irony & Distance</a></span><span class="mq-dot"></span><span class="mq-item"><a href="/Category:Sexual_Function_%26_Mental_Health" style="color:inherit;text-decoration:none;">Sexual Function & Mental Health</a></span><span class="mq-dot"></span>

</div>

 

</div>

<section class="sec" id="features">

   <div class="sec-in">

     <div class="sec-hd fade-up">

       <div class="stag">Why BigBro Know</div>

       <h2 class="stitle">Wissen, das wirklich zählt</h2>

     <div class="bento">

       <div class="bc bw fade-up"><div class="b-ic">🛡️</div><div class="b-ti">Lebensrettendes Wissen</div><div class="b-de">Von PrEP und STI-Tests bis hin zu Zustimmung und psychischer Gesundheit — Wissen, das im echten Leben einen Unterschied macht.</div></div>

       <div class="bc fade-up"><div class="b-ic">📖</div><div class="b-ti">Tiefgehende, ehrliche Artikel</div><div class="b-de">Kein Clickbait, keine Schlagzeilen. Echte, ausführliche Artikel, die komplexe Themen mit Sorgfalt behandeln.</div></div>

       <div class="bc fade-up"><div class="b-ic">🔒</div><div class="b-ti">Standardmäßig privat</div><div class="b-de">Kein Konto erforderlich. Kein Tracking. Kein Urteil. Lies, was du brauchst — vollständig privat.</div></div>

       <div class="bc fade-up"><div class="b-ic">✍️</div><div class="b-ti">Community-Autoren</div><div class="b-de">Geschrieben von Menschen, die dieses Leben leben. Geprüft auf Richtigkeit. Nie von außenstehenden Journalisten.</div></div>

       <div class="bc fade-up"><div class="b-ic">🔍</div><div class="b-ti">Vollständig durchsuchbar</div><div class="b-de">Finde in Sekunden genau das, was du brauchst — mit leistungsstarker Suche über alle 500+ Artikel.</div></div>

       <div class="bc fade-up"><div class="b-ic">💙</div><div class="b-ti">Immer kostenlos</div><div class="b-de">Keine Paywalls. Kein Premium-Abo. BigBro Know ist kostenlos und wird es immer bleiben.</div></div>

<section class="sec" id="topics" style="background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);">

   <div class="sec-in">

     <div class="sec-hd fade-up">

       <div class="stag">Knowledge Areas</div>

       <h2 class="stitle">Nach Kategorie erkunden</h2>

       <p class="ssub">Acht Wissensbereiche, die jeden Aspekt des schwulen Lebens abdecken.</p>

     <div class="tg">

       <a href="/Category:Sexual_Health" class="tc"><img src="/images/c/c2/Sexual_health.png" alt="Sexual Health" loading="lazy"><div class="to"><span class="tn">Sexuelle Gesundheit</span></div></a>

       <a href="/Category:Dating,_Sex_%26_Relationships" class="tc"><img src="/images/6/6c/Dating_and_relationships.png" alt="Dating, Sex & Relationships" loading="lazy"><div class="to"><span class="tn">Dating, Sex & Relationships</span></div></a>

       <a href="/Category:Kink_%26_BDSM" class="tc"><img src="/images/a/a1/Chain-image.png" alt="Kink & BDSM" loading="lazy"><div class="to"><span class="tn">Kink & BDSM</span></div></a>

       <a href="/Category:Culture,_History_%26_Politics" class="tc"><img src="/images/2/25/Culture_History_Politics_Hero.png" alt="Culture, History & Politics" loading="lazy"><div class="to"><span class="tn">Culture, History & Politics</span></div></a>

       <a href="/Category:Fashion_%26_Visual_Signaling" class="tc"><img src="/images/8/86/Screenshot_2026-04-26_at_15.06.46.png" alt="Fashion & Visual Signaling" loading="lazy"><div class="to"><span class="tn">Fashion & Visual Signaling</span></div></a>

       <a href="/Category:Community_%26_Identity" class="tc"><img src="/images/e/ed/Community_Identity_Hero.png" alt="Community & Identity" loading="lazy"><div class="to"><span class="tn">Community & Identity</span></div></a>

       <a href="/Category:Drugs,_Party_Culture_%26_Harm_Reduction" class="tc"><img src="/images/3/38/Drugs_Party_Culture_Hero.png" alt="Drugs, Party Culture & Harm Reduction" loading="lazy"><div class="to"><span class="tn">Drugs, Party Culture & Harm Reduction</span></div></a>

       <a href="/Category:Life_Planning" class="tc"><img src="/images/7/74/Life_Planning_Hero.jpg" alt="Life Planning" loading="lazy"><div class="to"><span class="tn">Lebensplanung</span></div></a>

<div class="ctab">

   <div style="max-width:600px;margin:0 auto;">

     <h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;letter-spacing:-.03em;margin-bottom:.75rem;">Wissen, das Leben rettet</h2>

     <p style="color:var(--tx2);font-size:1.05rem;margin-bottom:2rem;">Jeder verdient Zugang zu ehrlichen, lebensrettenden Informationen über sein eigenes Leben.</p>

     <a href="#articles" class="hcp">Artikel erkunden</a>

</div>

<section class="sec">

   <div class="sec-in">

     <div class="sec-hd fade-up">

       <div class="stag">Entry Points</div>

       <h2 class="stitle">Wähle deinen Weg</h2>

      <p class="cyp-sub">Nicht sicher, wo du anfangen sollst? Wähle den Weg, der zu dir passt.</p>

     <div class="cyp fade-up">

       <a href="/New_and_Just_Curious" class="cyc">

        <div class="cyn">01</div>

        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg></span>

        <div class="cyt">Neu hier / Einfach neugierig</div>

        <div class="cyd">Grundlagen, Gesundheit, Zustimmung &amp; deine Community finden.</div>

        <div class="cye">Explore &rarr;</div>

      </a>

       <a href="/Exploring_Kink" class="cyc">

        <div class="cyn">02</div>

        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg></span>

        <div class="cyt">Ich möchte Kink erkunden</div>

        <div class="cyd">BDSM, Fetische, Lederkultur &amp; Machtdynamiken.</div>

        <div class="cye">Explore &rarr;</div>

      </a>

       <a href="/Improving_Your_Relationship" class="cyc">

        <div class="cyn">03</div>

        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"/></svg></span>

        <div class="cyt">Meine Beziehung verbessern</div>

        <div class="cyd">Kommunikation, Vertrauen, Nicht-Monogamie &amp; Intimität.</div>

        <div class="cye">Explore &rarr;</div>

      </a>

    <div class="cypw fade-up">

       <a href="/Safety_and_Consent" class="cyc cyc-w">

        <span class="cyn">04</span>

        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg></span>

        <span class="cyt">Mir ist Sicherheit wichtig</span>

        <span class="cyd">Schadensminimierung, sicherer Sex, PrEP, BDSM-Sicherheit &amp; Zustimmung.</span>

        <span class="cye">Explore &rarr;</span>

      </a>

       <a href="/Advanced_Knowledge" class="cyc cyc-w">

        <span class="cyn">05</span>

        <span class="cyi"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FF7900" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6M10 22h4"/></svg></span>

        <span class="cyt">Ich möchte tiefes Wissen</span>

        <span class="cyd">Psychologie, fortgeschrittenes BDSM, Identität &amp; queere Geschichte.</span>

        <span class="cye">Explore &rarr;</span>

      </a>

<section class="sec" id="articles" style="background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);">

   <div class="sec-in">

     <div class="fade-up" style="margin-bottom:32px;">

       <div class="stag">Latest</div>

       <h2 class="stitle" style="text-align:left;">Neueste Artikel</h2>

     <div class="art-sc">

       <a href="/Entering_the_Gay_Scene_for_the_First_Time" class="ac"><div class="atag">Community</div><div class="ati">Zum ersten Mal in die schwule Szene</div><div class="ade">Was dich erwartet, wie du dich vorbereitest und wo du anfängst.</div></a>

       <a href="/Understanding_PrEP_and_Modern_HIV_Prevention" class="ac"><div class="atag">Health</div><div class="ati">PrEP und moderne HIV-Prävention</div><div class="ade">Ein vollständiger Leitfaden zu PrEP und wie du Zugang bekommst.</div></a>

       <a href="/Body_Image_Pressure_in_Gay_Communities" class="ac"><div class="atag">Identity</div><div class="ati">Körperbild-Druck in schwulen Communities</div><div class="ade">Über Schönheitsideale, Selbstwahrnehmung und Erwartungen.</div></a>

       <a href="/Understanding_Consent_in_Power_Exchange" class="ac"><div class="atag">Kink & BDSM</div><div class="ati">Zustimmung in Machtdynamiken verstehen</div><div class="ade">Was Zustimmung wirklich bedeutet und wie sie praktiziert wird.</div></a>

       <a href="/Loneliness,_Hookup_Culture,_and_Emotional_Well-Being" class="ac"><div class="atag">Relationships</div><div class="ati">Einsamkeit, Hookup-Kultur und Wohlbefinden</div><div class="ade">Über die Spannung zwischen sexueller Freiheit und Verbundenheit.</div></a>

       <a href="/Navigating_Intimacy_After_Sexual_Trauma" class="ac"><div class="atag">Health</div><div class="ati">Intimität nach einem sexuellen Trauma</div><div class="ade">Verarbeitung, Heilung und der Weg zurück zur Verbindung.</div></a>

<section class="sec">

   <div class="sec-in">

     <div class="sec-hd fade-up">

       <div class="stag">Curated</div>

       <h2 class="stitle">Redaktionsauswahl</h2>

     <div class="edg">

       <a href="/Sexual_Health_in_the_Gay_Community" class="ec"><div class="etag">Health</div><div class="eti">Sexuelle Gesundheit in der schwulen Community</div></a>

       <a href="/What_Is_BDSM" class="ec"><div class="etag">Kink & BDSM</div><div class="eti">Was ist BDSM?</div></a>

       <a href="/Body_Diversity_and_Attraction_in_Gay_Communities" class="ec"><div class="etag">Identity</div><div class="eti">Körperdiversität und Anziehung in schwulen Communities</div></a>

       <a href="/Understanding_Routine_STI_Testing_in_Gay_Communities" class="ec"><div class="etag">Health</div><div class="eti">Regelmäßige STI-Tests verstehen</div></a>

       <a href="/First_Time_at_a_Private_Gay_Sex_Party" class="ec"><div class="etag">Nightlife</div><div class="eti">Zum ersten Mal auf einer privaten schwulen Sexparty</div></a>

       <a href="/Recovering_Sexual_Confidence_After_Relationship_Breakups" class="ec"><div class="etag">Relationships</div><div class="eti">Sexuelles Selbstvertrauen nach Trennungen zurückgewinnen</div></a>

<section class="sec" style="background:var(--bg2);border-top:1px solid rgba(255,255,255,.04);">

   <div class="sec-in">

     <div class="sec-hd fade-up">

       <div class="stag">Readers</div>

       <h2 class="stitle">Was andere sagen</h2>

     <div class="tsg">

       <div class="tsc fade-up"><div class="tsq">"</div><div class="tst">The PrEP article literally saved my life. I didn't even know what it was before I found BigBro Know. Now I'm on it and feel safe.</div><div class="tsa"><div class="tsav">J</div><div><div class="tsn">James</div><div class="tsc2">Manchester, UK</div></div></div></div>

       <div class="tsc fade-up"><div class="tsq">"</div><div class="tst">When I came out I had no idea where to start. The articles on identity and community made me feel less alone — and actually helped me find my people.</div><div class="tsa"><div class="tsav">D</div><div><div class="tsn">Daniel</div><div class="tsc2">Berlin, Germany</div></div></div></div>

       <div class="tsc fade-up"><div class="tsq">"</div><div class="tst">Finally honest information about chemsex and harm reduction — no judgment, no moralising, just practical knowledge that actually helps.</div><div class="tsa"><div class="tsav">A</div><div><div class="tsn">Aviv</div><div class="tsc2">Tel Aviv, Israel</div></div></div></div>

<section class="nls" id="about">

   <div style="max-width:500px;margin:0 auto;">

     <div class="stag">Newsletter</div>

     <h2 style="font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.03em;margin-top:.5rem;">Bleib informiert.</h2>

     <p style="color:var(--tx2);margin-top:.75rem;">Werde Teil von 50.000+ Lesern. Wöchentliche Highlights, kein Spam, immer kostenlos.</p>

     <form class="nlf" onsubmit="return false;">

       <input type="email" placeholder="your@email.com" class="nli">

       <button type="submit" class="nlb">Abonnieren</button>

<footer class="foot">

   <div class="fg">

       <img src="/images/f/f9/BigBro_Know_logo_new.png" alt="BigBro Know Wiki" style="height:28px;">

      <p class="fbp">Eine kostenlose, unabhängige Wissensplattform für schwule Communities weltweit.</p>

   <div class="fb">

     <span>© 2024 BigBro Know · Alle Inhalte dienen ausschließlich Bildungszwecken.</span>

     <span>Kein Konto · Kein Tracking · Immer kostenlos</span>

window.addEventListener('scroll',()=>{const p=window.scrollY/(document.body.scrollHeight-window.innerHeight);document.getElementById('prog').style.transform=`scaleX(${p})`;});

const obs=new IntersectionObserver(e=>e.forEach(i=>{if(i.isIntersecting){i.target.classList.add('in');obs.unobserve(i.target);}}),{threshold:.1});

function toggleTheme(){const l=document.body.classList.toggle('light-mode');document.body.classList.toggle('dark-mode',!l);localStorage.setItem('theme',l?'light':'dark');document.getElementById('tbtn').textContent=l?'☀️':'🌙';}

(function(){const s=localStorage.getItem('theme');const pl=window.matchMedia('(prefers-color-scheme:light)').matches;const ul=s?s==='light':pl;document.body.classList.add(ul?'light-mode':'dark-mode');document.addEventListener('DOMContentLoaded',()=>{const b=document.getElementById('tbtn');if(b)b.textContent=ul?'☀️':'🌙';});})();