Homepage/de: Difference between revisions
No edit summary |
Rebrand German landing page (Homepage/de) |
||
| Line 45: | Line 45: | ||
<nav class="nav"> | <nav class="nav"> | ||
<a href=" | <a href="/wiki/Homepage/de"> | ||
<img src=" | <img src="/images/0/0c/BigBro_Know_logo.png" alt="BigBro Know Wiki" style="height:34px;width:auto;"> | ||
</a> | </a> | ||
<div style="display:flex;gap:2rem;"> | <div style="display:flex;gap:2rem;"> | ||
| Line 56: | Line 56: | ||
<div style="display:flex;align-items:center;gap:1rem;"> | <div style="display:flex;align-items:center;gap:1rem;"> | ||
<div class="lang-switcher"> | <div class="lang-switcher"> | ||
<a href=" | <a href="/wiki/Homepage" class="lang-btn available">EN</a> | ||
<a href=" | <a href="/wiki/Homepage/de" class="lang-btn active">DE</a> | ||
<span class="lang-btn soon" title="Demnächst">FR</span> | <span class="lang-btn soon" title="Demnächst">FR</span> | ||
<span class="lang-btn soon" title="Demnächst">ES</span> | <span class="lang-btn soon" title="Demnächst">ES</span> | ||
| Line 63: | Line 63: | ||
</div> | </div> | ||
<button id="theme-toggle" onclick="toggleTheme()" style="background:none;border:1px solid var(--border);border-radius:8px;padding:6px 9px;cursor:pointer;font-size:15px;line-height:1;color:var(--text-2);">🌙</button> | <button id="theme-toggle" onclick="toggleTheme()" style="background:none;border:1px solid var(--border);border-radius:8px;padding:6px 9px;cursor:pointer;font-size:15px;line-height:1;color:var(--text-2);">🌙</button> | ||
<a href=" | <a href="/radmin" style="color:#555;text-decoration:none;font-size:.85rem;">Admin</a> | ||
<a href="#themen" class="btn-nav">Kostenlos erkunden</a> | <a href="#themen" class="btn-nav">Kostenlos erkunden</a> | ||
</div> | </div> | ||
| Line 103: | Line 103: | ||
<div style="max-width:1100px;margin:0 auto;"> | <div style="max-width:1100px;margin:0 auto;"> | ||
<div style="text-align:center;margin-bottom:48px;" class="fade-up"> | <div style="text-align:center;margin-bottom:48px;" class="fade-up"> | ||
<div class="section-label">Warum | <div class="section-label">Warum BigBro Know?</div> | ||
<h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-top:.5rem;">Wissen, das wirklich zählt</h2> | <h2 style="font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em;margin-top:.5rem;">Wissen, das wirklich zählt</h2> | ||
</div> | </div> | ||
| Line 112: | Line 112: | ||
<div class="feat-card fade-up"><div style="font-size:1.5rem;margin-bottom:.75rem;">✍️</div><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:.5rem;">Community-Autoren</h3><p style="color:var(--text-2);font-size:.9rem;line-height:1.6;">Geschrieben von Menschen, die dieses Leben leben. Geprüft auf Richtigkeit. Nie von außenstehenden Journalisten.</p></div> | <div class="feat-card fade-up"><div style="font-size:1.5rem;margin-bottom:.75rem;">✍️</div><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:.5rem;">Community-Autoren</h3><p style="color:var(--text-2);font-size:.9rem;line-height:1.6;">Geschrieben von Menschen, die dieses Leben leben. Geprüft auf Richtigkeit. Nie von außenstehenden Journalisten.</p></div> | ||
<div class="feat-card fade-up"><div style="font-size:1.5rem;margin-bottom:.75rem;">🔒</div><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:.5rem;">Standardmäßig privat</h3><p style="color:var(--text-2);font-size:.9rem;line-height:1.6;">Kein Konto erforderlich. Kein Tracking. Kein Urteil. Lies, was du brauchst — vollständig privat.</p></div> | <div class="feat-card fade-up"><div style="font-size:1.5rem;margin-bottom:.75rem;">🔒</div><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:.5rem;">Standardmäßig privat</h3><p style="color:var(--text-2);font-size:.9rem;line-height:1.6;">Kein Konto erforderlich. Kein Tracking. Kein Urteil. Lies, was du brauchst — vollständig privat.</p></div> | ||
<div class="feat-card fade-up"><div style="font-size:1.5rem;margin-bottom:.75rem;">💙</div><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:.5rem;">Immer kostenlos</h3><p style="color:var(--text-2);font-size:.9rem;line-height:1.6;">Keine Paywalls. Kein Premium-Abo. | <div class="feat-card fade-up"><div style="font-size:1.5rem;margin-bottom:.75rem;">💙</div><h3 style="font-size:1.1rem;font-weight:700;margin-bottom:.5rem;">Immer kostenlos</h3><p style="color:var(--text-2);font-size:.9rem;line-height:1.6;">Keine Paywalls. Kein Premium-Abo. BigBro Know ist kostenlos und wird es immer bleiben.</p></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 125: | Line 125: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;"> | ||
<a href=" | <a href="/wiki/Category:Sexuelle_Gesundheit" class="topic-tile"><img src="/images/c/c2/Sexual_health.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Sexuelle Gesundheit</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Dating,_Sex_%26_Beziehungen" class="topic-tile"><img src="/images/6/6c/Dating_and_relationships.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Dating, Sex & Beziehungen</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Kink_und_BDSM" class="topic-tile"><img src="/images/a/a1/Chain-image.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Kink und BDSM</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Kultur,_Geschichte_%26_Politik" class="topic-tile"><img src="/images/2/25/Culture_History_Politics_Hero.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Kultur, Geschichte & Politik</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Mode_%26_Visuelle_Signale" class="topic-tile"><img src="/images/8/86/Screenshot_2026-04-26_at_15.06.46.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Mode & Visuelle Signale</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Community_%26_Identit%C3%A4t" class="topic-tile"><img src="/images/e/ed/Community_Identity_Hero.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Community & Identität</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Drogen,_Partykultur_%26_Schadensminimierung" class="topic-tile"><img src="/images/3/38/Drugs_Party_Culture_Hero.png" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Drogen, Partykultur & Schadensminimierung</div></div></a> | ||
<a href=" | <a href="/wiki/Category:Lebensplanung" class="topic-tile"><img src="/images/7/74/Life_Planning_Hero.jpg" style="width:100%;height:auto;display:block;" loading="lazy"><div style="padding:16px 18px;"><div style="font-weight:700;font-size:.95rem;">Lebensplanung</div></div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 152: | Line 152: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;"> | ||
<a href=" | <a href="/wiki/Category:Sexuelle_Gesundheit" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🏥</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich möchte gesund bleiben</div><div style="color:var(--text-3);font-size:.82rem;">Gesundheit, PrEP, STI-Tests, psychische Gesundheit</div></a> | ||
<a href=" | <a href="/wiki/Category:Dating,_Sex_%26_Beziehungen" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">💬</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich navigiere Beziehungen</div><div style="color:var(--text-3);font-size:.82rem;">Dating, Intimität, Kommunikation, Grenzen</div></a> | ||
<a href=" | <a href="/wiki/Category:Kink_und_BDSM" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🔗</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich erkunde Kink & BDSM</div><div style="color:var(--text-3);font-size:.82rem;">Zustimmung, Sicherheit, Rollen, Praktiken</div></a> | ||
<a href=" | <a href="/wiki/Category:Community_%26_Identit%C3%A4t" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🏳️🌈</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich suche Community</div><div style="color:var(--text-3);font-size:.82rem;">Identität, Zugehörigkeit, Sichtbarkeit</div></a> | ||
<a href=" | <a href="/wiki/Category:Drogen,_Partykultur_%26_Schadensminimierung" class="path-card"><div style="font-size:1.4rem;margin-bottom:.5rem;">🌙</div><div style="font-weight:700;color:var(--text);font-size:.95rem;margin-bottom:.3rem;">Ich gehe feiern</div><div style="color:var(--text-3);font-size:.82rem;">Nachtleben, Schadensminimierung, Chemsex</div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 168: | Line 168: | ||
</div> | </div> | ||
<div style="display:flex;gap:16px;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;"> | <div style="display:flex;gap:16px;overflow-x:auto;padding-bottom:1rem;scrollbar-width:none;"> | ||
<a href=" | <a href="/wiki/Entering_the_Gay_Scene_for_the_First_Time/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Community</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Zum ersten Mal in die schwule Szene</div><div style="color:var(--text-2);font-size:.82rem;">Was dich erwartet, wie du dich vorbereitest und wo du anfängst.</div></div></a> | ||
<a href=" | <a href="/wiki/Understanding_PrEP_and_Modern_HIV_Prevention/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">PrEP und moderne HIV-Prävention</div><div style="color:var(--text-2);font-size:.82rem;">Ein vollständiger Leitfaden zu PrEP und wie du Zugang bekommst.</div></div></a> | ||
<a href=" | <a href="/wiki/Body_Image_Pressure_in_Gay_Communities/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Identität</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Körperbild-Druck in schwulen Communities</div><div style="color:var(--text-2);font-size:.82rem;">Über Schönheitsideale, Selbstwahrnehmung und Erwartungen.</div></div></a> | ||
<a href=" | <a href="/wiki/Understanding_Consent_in_Power_Exchange/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Kink & BDSM</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Zustimmung in Machtdynamiken verstehen</div><div style="color:var(--text-2);font-size:.82rem;">Was Zustimmung wirklich bedeutet und wie sie praktiziert wird.</div></div></a> | ||
<a href=" | <a href="/wiki/Loneliness,_Hookup_Culture,_and_Emotional_Well-Being/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Beziehungen</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Einsamkeit, Hookup-Kultur und Wohlbefinden</div><div style="color:var(--text-2);font-size:.82rem;">Über die Spannung zwischen sexueller Freiheit und Verbundenheit.</div></div></a> | ||
<a href=" | <a href="/wiki/Navigating_Intimacy_After_Sexual_Trauma/de" class="art-card"><div style="padding:1.25rem;"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;margin-bottom:.5rem;">Intimität nach einem sexuellen Trauma</div><div style="color:var(--text-2);font-size:.82rem;">Verarbeitung, Heilung und der Weg zurück zur Verbindung.</div></div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 185: | Line 185: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;"> | ||
<a href=" | <a href="/wiki/Sexual_Health_in_the_Gay_Community/de" class="ed-card"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Sexuelle Gesundheit in der schwulen Community</div></a> | ||
<a href=" | <a href="/wiki/What_Is_BDSM/de" class="ed-card"><div class="tag">Kink & BDSM</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Was ist BDSM?</div></a> | ||
<a href=" | <a href="/wiki/Body_Diversity_and_Attraction_in_Gay_Communities/de" class="ed-card"><div class="tag">Identität</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Körpervielfalt und Anziehung in schwulen Communities</div></a> | ||
<a href=" | <a href="/wiki/Understanding_Routine_STI_Testing_in_Gay_Communities/de" class="ed-card"><div class="tag">Gesundheit</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Routinemäßige STI-Tests in schwulen Communities</div></a> | ||
<a href=" | <a href="/wiki/First_Time_at_a_Private_Gay_Sex_Party/de" class="ed-card"><div class="tag">Nachtleben</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Erstes Mal auf einer privaten schwulen Sexparty</div></a> | ||
<a href=" | <a href="/wiki/Recovering_Sexual_Confidence_After_Relationship_Breakups/de" class="ed-card"><div class="tag">Beziehungen</div><div style="font-weight:700;font-size:.95rem;line-height:1.4;color:var(--text);">Sexuelles Selbstvertrauen nach einer Trennung</div></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 202: | Line 202: | ||
</div> | </div> | ||
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;"> | <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;"> | ||
<div class="testi fade-up"><p style="color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;">"Der Artikel über PrEP hat mir buchstäblich das Leben gerettet. Ich wusste nicht mal, was es war, bevor ich | <div class="testi fade-up"><p style="color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;">"Der Artikel über PrEP hat mir buchstäblich das Leben gerettet. Ich wusste nicht mal, was es war, bevor ich BigBro Know gefunden habe."</p><div style="display:flex;align-items:center;gap:.75rem;"><div style="width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;">M</div><div><div style="font-weight:600;font-size:.9rem;">Markus</div><div style="color:var(--text-3);font-size:.8rem;">Berlin, Deutschland</div></div></div></div> | ||
<div class="testi fade-up"><p style="color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;">"Als ich mich geoutet habe, wusste ich nicht, wo ich anfangen sollte. Die Artikel über Identität haben mir geholfen, mich weniger allein zu fühlen."</p><div style="display:flex;align-items:center;gap:.75rem;"><div style="width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;">T</div><div><div style="font-weight:600;font-size:.9rem;">Thomas</div><div style="color:var(--text-3);font-size:.8rem;">Hamburg, Deutschland</div></div></div></div> | <div class="testi fade-up"><p style="color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;">"Als ich mich geoutet habe, wusste ich nicht, wo ich anfangen sollte. Die Artikel über Identität haben mir geholfen, mich weniger allein zu fühlen."</p><div style="display:flex;align-items:center;gap:.75rem;"><div style="width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;">T</div><div><div style="font-weight:600;font-size:.9rem;">Thomas</div><div style="color:var(--text-3);font-size:.8rem;">Hamburg, Deutschland</div></div></div></div> | ||
<div class="testi fade-up"><p style="color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;">"Endlich ehrliche Informationen über Chemsex — kein Urteil, kein Moralisieren, nur praktisches Wissen, das wirklich hilft."</p><div style="display:flex;align-items:center;gap:.75rem;"><div style="width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;">F</div><div><div style="font-weight:600;font-size:.9rem;">Florian</div><div style="color:var(--text-3);font-size:.8rem;">Wien, Österreich</div></div></div></div> | <div class="testi fade-up"><p style="color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;">"Endlich ehrliche Informationen über Chemsex — kein Urteil, kein Moralisieren, nur praktisches Wissen, das wirklich hilft."</p><div style="display:flex;align-items:center;gap:.75rem;"><div style="width:38px;height:38px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;">F</div><div><div style="font-weight:600;font-size:.9rem;">Florian</div><div style="color:var(--text-3);font-size:.8rem;">Wien, Österreich</div></div></div></div> | ||
| Line 226: | Line 226: | ||
<div style="max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:2.5rem;"> | <div style="max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:2.5rem;"> | ||
<div> | <div> | ||
<img src=" | <img src="/images/0/0c/BigBro_Know_logo.png" alt="BigBro Know Wiki" style="height:30px;margin-bottom:1rem;"> | ||
<p style="color:var(--text-2);font-size:.9rem;line-height:1.6;max-width:260px;">Eine freie, unabhängige Wissensplattform für die schwule Community.</p> | <p style="color:var(--text-2);font-size:.9rem;line-height:1.6;max-width:260px;">Eine freie, unabhängige Wissensplattform für die schwule Community.</p> | ||
</div> | </div> | ||
| Line 232: | Line 232: | ||
<div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Gesundheit</div> | <div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Gesundheit</div> | ||
<div style="display:flex;flex-direction:column;gap:.6rem;"> | <div style="display:flex;flex-direction:column;gap:.6rem;"> | ||
<a href=" | <a href="/wiki/Category:Sexuelle_Gesundheit">Sexuelle Gesundheit</a> | ||
<a href=" | <a href="/wiki/Category:HIV-Pr%C3%A4vention_%26_Behandlung">HIV-Prävention</a> | ||
<a href=" | <a href="/wiki/Category:STI-Aufkl%C3%A4rung_%26_Tests">STI-Tests</a> | ||
<a href=" | <a href="/wiki/Category:Psychische_Gesundheit_%26_Sexualit%C3%A4t">Psychische Gesundheit</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 241: | Line 241: | ||
<div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Lebensstil</div> | <div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Lebensstil</div> | ||
<div style="display:flex;flex-direction:column;gap:.6rem;"> | <div style="display:flex;flex-direction:column;gap:.6rem;"> | ||
<a href=" | <a href="/wiki/Category:Dating,_Sex_%26_Beziehungen">Dating & Beziehungen</a> | ||
<a href=" | <a href="/wiki/Category:Kink_und_BDSM">Kink & BDSM</a> | ||
<a href=" | <a href="/wiki/Category:Kultur,_Geschichte_%26_Politik">Kultur & Geschichte</a> | ||
<a href=" | <a href="/wiki/Category:Mode_%26_Visuelle_Signale">Mode & Stil</a> | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 250: | Line 250: | ||
<div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Website</div> | <div style="font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-weight:600;margin-bottom:1rem;">Website</div> | ||
<div style="display:flex;flex-direction:column;gap:.6rem;"> | <div style="display:flex;flex-direction:column;gap:.6rem;"> | ||
<a href=" | <a href="/wiki/Homepage/de">Startseite</a> | ||
<a href=" | <a href="/wiki/Special:AllPages">Alle Artikel</a> | ||
<a href=" | <a href="/radmin">Admin</a> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div style="border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;"> | <div style="border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;"> | ||
<div style="color:var(--text-3);font-size:.82rem;">© 2024 | <div style="color:var(--text-3);font-size:.82rem;">© 2024 BigBro Know · Alle Inhalte dienen ausschließlich Bildungszwecken.</div> | ||
<div style="color:var(--text-3);font-size:.82rem;">Kein Konto · Kein Tracking · Immer kostenlos</div> | <div style="color:var(--text-3);font-size:.82rem;">Kein Konto · Kein Tracking · Immer kostenlos</div> | ||
</div> | </div> | ||