Wie sicher ist dein Browser?
Browser-Check: IT-Sicherheit & PrivatsphĂ€re im Test. Erfahren Sie, welcher Browser Ihre Daten schĂŒtzt und worauf Sie bei der Auswahl unbedingt achten sollten.
𧩠Widget Demo â Startseite
Note Hero Hero2 HeroText Features Features2 Features3 Content Steps Steps2 Stats Testimonials FAQs CallToAction Pricing BlogLatestPosts BlogHighlightedPosts CustomerCarousel Brands Announcement Contact Locations Team Timeline Comparison Alert Downloads LogoGrid VideoEmbed Checklist đ Snake ProcessFlow AccordionFAQ MapEmbed TrustBadges ReadingProgress đ€ Schriftarten (.es)
ⶠNote â kleiner Info-Banner mit Icon
Wichtiger Hinweis: Das ist eine Note-Komponente. Ideal fĂŒr kurze Hinweise direkt nach dem Hero.
ⶠHero â Vollbild-Header mit Hintergrundbild und CTA-Buttons
Tagline oben
Hero-Titel mit
farbiger Hervorhebung
Untertitel: Beschreibender Text der die Seite zusammenfasst. Kurz und prÀgnant halten.
ⶠHero2 â Split-Layout (Text links, Bild rechts)
Tagline
Hero2 â Text links, Bild rechts
Das Hero2-Widget zeigt Text auf der linken und ein Bild auf der rechten Seite. Gut fĂŒr Unterseiten.
ⶠHeroText â Zentrierter Text-Hero ohne Bild
Tagline
HeroText â Nur Text, kein Bild
Wenn kein Bild gewĂŒnscht ist. Gut fĂŒr Impressum, Datenschutz, Kontakt-Seiten.
ⶠFeatures â Flache Icon-Liste, 2 Spalten (Standard). Props: columns=2
Tagline
Features â Flache Liste
Ideal fĂŒr eine kompakte AufzĂ€hlung. Icons haben farbigen Kreis-Hintergrund.
Merkmal 1
Kurze Beschreibung des ersten Merkmals. Icons aus Tabler Icons.
Merkmal 2
Zweites Merkmal. Gute Wahl fĂŒr kompakte Seiten.
Merkmal 3
Drittes Merkmal. Beliebig viele Items möglich.
Merkmal 4
Viertes Merkmal. Mit columns={3} auch 3-spaltig.
ⶠFeatures2 â Karten mit Schatten, 3 Spalten (Standard). Props: columns=3
Tagline
Features2 â Karten-Grid
Visuell stÀrker als Features. Jedes Item bekommt eine eigene Karte mit Schatten.
Karte 1
Karten haben weiĂen Hintergrund mit Schatten. Icon ohne Kreis.
Karte 2
Standard sind 3 Spalten. Mit columns={2} auch 2-spaltig nutzbar.
Karte 3
Gut fĂŒr Dienstleistungen, Vorteile oder Service-Ăbersichten.
Karte 4
Beliebig viele Karten. Bricht automatisch in die nÀchste Zeile.
Karte 5
Der Unterschied zu Features: Karten-Look statt flacher Liste.
Karte 6
Funktioniert auch mit isDark={true} fĂŒr dunklen Hintergrund.
ⶠFeatures3 â Bild oben, Item-Liste darunter
Tagline
Features3 â Mit Bild
Kombination aus Bild und Feature-Liste. Gut fĂŒr Produkt- oder Leistungsseiten.
Punkt 1
Kurze ErklÀrung.
Punkt 2
Kurze ErklÀrung.
Punkt 3
Kurze ErklÀrung.
ⶠContent â Split-Layout (Text + Bild). isReversed tauscht die Seiten.
Tagline
Content â Text links, Bild rechts
FĂŒr detailliertere ErklĂ€rungen. UnterstĂŒtzt Items, HTML-Content und CTA.
Optionaler HTML-Text-Block. Kann AbsÀtze, Links usw. enthalten.
Item 1
Beschreibung
Item 2
Beschreibung
Item 3
Beschreibung
Tagline
Content â isReversed (Bild links, Text rechts)
Mit isReversed={true} wechseln Bild und Text die Seiten. Abwechslung auf langen Seiten.
ⶠSteps â Nummerierte Schritte mit optionalem Bild
Tagline
Steps â So lĂ€uft es ab
Gut fĂŒr Prozesse, Onboarding-Schritte oder AblĂ€ufe.
Schritt 1: ErstgesprÀch
Wir lernen uns kennen und klÀren den Bedarf. Kostenlos und unverbindlich.
Schritt 2: Analyse
Wir analysieren die Ist-Situation und identifizieren Handlungsbedarf.
Schritt 3: Umsetzung
Wir setzen die MaĂnahmen gemeinsam um â pragmatisch und effizient.
ⶠSteps2 â Schritte ohne Bild, mit CTA-Button
Tagline
Steps2 â Ohne Bild
Kompaktere Variante ohne Bild. Gut wenn kein passendes Bild vorhanden.
ErstgesprÀch
Kostenlos und unverbindlich.
Analyse
GrĂŒndliche Bestandsaufnahme.
Umsetzung
Pragmatisch und effizient.
ⶠStats â Kennzahlen / Statistiken
Zahlen
Stats â Kennzahlen
FĂŒr beeindruckende Zahlen und Fakten.
200+
Projekte
15+
Jahre Erfahrung
98%
Kundenzufriedenheit
50+
Experten
ⶠTestimonials â Kundenstimmen / Bewertungen
Referenzen
Testimonials â Kundenstimmen
Was unsere Kunden sagen. Ideal nach einer Leistungsdarstellung.
" Die Zusammenarbeit war hervorragend. Professionell, pĂŒnktlich und mit echtem Mehrwert. "
Max Mustermann
CTO, Muster GmbH
" Endlich eine Beratung die verstÀndlich erklÀrt und nicht nur Beratersprech liefert. "
Erika Musterfrau
Datenschutzbeauftragte, Beispiel AG
" Schnell, kompetent und praxisnah. Gerne wieder. "
Klaus Beispiel
GeschĂ€ftsfĂŒhrer, Demo GmbH
ⶠFAQs â HĂ€ufige Fragen. Props: columns=2 (Standard)
FAQ
FAQs â HĂ€ufige Fragen
Typische Fragen und Antworten. Gut am Ende einer Seite.
Was kostet eine Erstberatung?
Die erste Beratung ist kostenlos und unverbindlich. Einfach Termin buchen.
Wie lange dauert ein Projekt?
Das hĂ€ngt vom Umfang ab. Kleinere Projekte: 2â4 Wochen. GroĂe Vorhaben: mehrere Monate.
Arbeiten Sie remote?
Ja. Wir arbeiten bundesweit und auch remote â flexibel nach Kundenwunsch.
Welche Branchen betreuen Sie?
Wir sind branchenĂŒbergreifend tĂ€tig, mit Schwerpunkt auf regulierten Industrien.
ⶠCallToAction â Aufforderung zur Aktion, oft am Seitenende
NĂ€chster Schritt
CallToAction â Bereit loszulegen?
Jetzt Kontakt aufnehmen und gemeinsam den nÀchsten Schritt gehen.
ⶠPricing â Preiskarten mit optionalem Ribbon-Badge
Preise
Pricing â PreisĂŒbersicht
FĂŒr Angebote mit verschiedenen Paketstufen.
ⶠBlogLatestPosts â Zeigt die neuesten Blog-BeitrĂ€ge. Props: count=4
BlogLatestPosts â Neueste BeitrĂ€ge
Alle BeitrÀge »Zeigt automatisch die neuesten Blog-Artikel. Anzahl mit count={} steuerbar.
Fake-Leaks: Wenn Cybererpressung ohne echten Hack funktioniert
Fake-Leaks: Wie Cybererpressung ohne echten Hack funktioniert, warum GerĂŒchte schaden und wie Unternehmen sich gegen Desinformation wappnen.
ISO 27701: Datenschutzmanagement professionell umsetzen
Die international anerkannte Norm ISO 27701 â Privacy Information Management â ist von entscheidender Bedeutung fĂŒr modernes Datenschutzmanagement. Sie erweitert die ISO 27001 um spezifische Anforderungen zum Schutz personenbezogener Daten.
ⶠBlogHighlightedPosts â Zeigt gezielt ausgewĂ€hlte BeitrĂ€ge per postIds=[]. Anders als BlogLatestPosts: manuelle Auswahl.
BlogHighlightedPosts â AusgewĂ€hlte BeitrĂ€ge
Alle BeitrÀge »Im Unterschied zu BlogLatestPosts werden hier konkrete BeitrÀge per ID ausgewÀhlt.
10 Chancen der NIS2 Richtlinie fĂŒr die Unternehmenswelt
Unternehmen und Mitarbeiter erhalten durch die NIS2 Richtlinie Chancen und Vorteile. Hier sind die 10 der wichtigsten Chancen der NIS2 Richtlinie.
Ablenkung fördert KreativitÀt
Ablenkung und öffentliche RÀume fördern die KreativitÀt. Warum Remote Work von zu Hause der KreativitÀt schaden kann und was dagegen hilft.
ⶠCustomerCarousel â Automatisch scrollendes Kunden-Karussell
Referenzen
CustomerCarousel â Kunden-Logos
ⶠBrands â Logo-Reihe via icons=[] (Iconify-Namen) oder images=[]. Flaches, zentrisches Layout.
Technologien
Brands â Partner- & Technologie-Logos
Icons aus Iconify (z.B. flat-color-icons:*) oder eigene Bilder per images=[].
ⶠAnnouncement â Schmaler Top-Banner (dunkel). Inhalt ist im Widget fest hinterlegt (NIS-2). Props: lang="de"|"en".
Aktuell NIS-2-Richtlinie: Neue Cybersicherheitspflichten fĂŒr Unternehmen â sind Sie vorbereitet? Mehr erfahren â
ⶠContact â Kontaktformular. Props: inputs=[], textarea, button, disclaimer, action (URL des Handlers).
Kontakt
Contact â Kontaktformular
Formular-Widget mit frei konfigurierbaren Feldern. Der action-Prop gibt den Handler-Endpunkt an.
ⶠLocations â Standort-Karten mit Adresse, Telefon, E-Mail und optionalem Maps-Link. Props: columns=7.
Standorte
Locations â Unsere Standorte
Karten mit Adresse, Telefon, E-Mail und Link zu Google Maps.
ⶠTeam â Mitglieder-Karten mit Foto/Avatar, Rolle, Bio, Social-Links. Props: columns=7, members=[].
Unser Team
Team â Mitglieder vorstellen
Karten mit Foto, Rolle und Bio. Ohne Bild wird ein Initial-Avatar angezeigt.
Anna MĂŒller
Datenschutzbeauftragte
Expertin fĂŒr DSGVO und ISO 27001 mit ĂŒber 10 Jahren Erfahrung in der Beratung mittelstĂ€ndischer Unternehmen.
Thomas Berger
IT-Sicherheitsberater
Zertifizierter CISM und Penetrationstester. Schwerpunkt: ISMS-Aufbau und NIS-2-Compliance.
S
Sandra Koch
Projektmanagerin
Ohne Bild wird automatisch ein farbiger Initial-Avatar angezeigt. Gut als Fallback.
ⶠTimeline â Vertikale Zeitleiste mit Datum, Titel, Beschreibung, optionalem Icon. Props: items=[].
Geschichte
Timeline â Chronologische Zeitleiste
FĂŒr Unternehmensgeschichte, Meilensteine oder Projektphasen. Datum links, Inhalt rechts.
2008
GrĂŒndung
machCon wird in Engen gegrĂŒndet. Fokus auf IT-Beratung fĂŒr den Mittelstand.
2013
ISO 9001 Zertifizierung
Erstzertifizierung nach DIN EN ISO 9001 â QualitĂ€tsmanagement als Fundament.
2018
Erweiterung Datenschutz
Mit Inkrafttreten der DSGVO baut machCon den Bereich Datenschutz & Compliance aus.
2022
Standort Basel
Eröffnung des zweiten Standorts in Basel fĂŒr die Betreuung von Kunden in der Schweiz.
2024
NIS-2 Beratungsportfolio
Launch des NIS-2-Leistungspakets zur UnterstĂŒtzung betroffener Unternehmen.
ⶠComparison â Zwei-Spalten-Vergleich mit â/â pro Zeile. highlight=true markiert die empfohlene Spalte.
Vergleich
Comparison â GegenĂŒberstellung
Ideal fĂŒr 'Ohne Beratung vs. Mit machCon' oder Paket-Vergleiche. highlight=true hebt die empfohlene Seite hervor.
Ohne Beratung
- Keine strukturierte Risikoanalyse
- DSGVO-KonformitÀt unklar
- Kein zertifiziertes ISMS
- NIS-2-Pflichten unerfĂŒllt
- Haftungsrisiko fĂŒr GeschĂ€ftsfĂŒhrung
Empfohlen Mit machCon
- Strukturierte Risikoanalyse & Gap-Assessment
- Nachweisbare DSGVO-KonformitÀt
- ISO 27001-konformes ISMS
- NIS-2-Umsetzung begleitet
- Haftungsschutz durch Dokumentation
ⶠAlert â Vier Typen: info | success | warning | error. Props: type, title, message, dismissible.
Information
Das ist ein Info-Banner. Gut fĂŒr neutrale Hinweise oder ergĂ€nzende Informationen.
Erfolgreich
Ihre Anfrage wurde erfolgreich ĂŒbermittelt. Wir melden uns innerhalb eines Werktags.
Achtung
NIS-2-Frist lĂ€uft ab. Bitte prĂŒfen Sie Ihre Compliance-MaĂnahmen zeitnah.
Fehler
Die Ăbermittlung ist fehlgeschlagen. Bitte versuchen Sie es erneut oder kontaktieren Sie uns direkt.
ⶠDownloads â Download-Karten mit Icon, Dateityp, GröĂe und optionalem Badge. Props: columns=7, items=[].
Downloads
Downloads â Dokumente & PDFs
Karten mit Icon, Dateiname, Beschreibung und direktem Download-Link.
ⶠLogoGrid â Statisches Logo-Raster, grayscale mit Hover-Effekt. Props: columns=(2-6), items=[{src, alt, href}].
Zertifizierungen & Mitgliedschaften
LogoGrid â Partner & Zertifikate
Statisches Raster fĂŒr Logos. Grayscale-Filter, bei Hover farbig. Optional verlinkt.
ⶠVideoEmbed â YouTube/Vimeo mit Consent-Placeholder. LĂ€dt Iframe erst nach Klick. Props: src, poster, aspectRatio, caption.
Video
VideoEmbed â DSGVO-konformes Video
Zeigt zuerst einen Placeholder. Iframe wird erst nach Klick auf 'Video laden' eingesetzt â kein Tracking ohne Einwilligung.
Zum Abspielen des Videos stimmen Sie bitte den funktionalen Cookies zu.
Rammstein â Feuer Frei! (Official Video) â der Iframe lĂ€dt erst nach BestĂ€tigung.
ⶠChecklist â Interaktive Checkbox-Liste mit Fortschrittsbalken. Props: sections=[] oder items=[], successMessage, callToAction.
Selbst-Check
Checklist â NIS-2 Selbst-Bewertung
Interaktive Checkliste mit Fortschrittsbalken. UnterstĂŒtzt Sektionen fĂŒr thematische Gruppierung.
Organisatorische MaĂnahmen
Schriftlich dokumentiert und von der GeschĂ€ftsfĂŒhrung freigegeben.
Technische MaĂnahmen
Kritische Patches innerhalb von 72 Stunden eingespielt.
Fortschritt 0 / 0
ⶠSnakeGame â Spielbares Snake. Space = Start/Pause, Pfeiltasten/WASD, Swipe auf Mobile. Highscore im localStorage.
Easter Egg
đ Snake
Pfeiltasten oder WASD zum Steuern. Space zum Pausieren. Auf Mobile wischen.
Punkte: 0 Highscore: 0
Snake DrĂŒcke Space oder tippe um zu starten
â â â â oder WASD Space = Pause Mobile: Swipe
ⶠProcessFlow â Visuelle Prozessschritte. Props: items[], orientation="horizontal"|"vertical", title, subtitle, tagline.
Ablauf
So lÀuft ein Datenschutz-Audit ab
Von der ersten Analyse bis zum abgeschlossenen Bericht â transparent und strukturiert.
1
Schritt 1
ErstgesprÀch & Analyse
Wir erfassen den Ist-Zustand Ihrer Datenschutzprozesse und definieren den PrĂŒfumfang.
2
Schritt 2
Audit-DurchfĂŒhrung
Systematische PrĂŒfung aller relevanten Bereiche â vor Ort oder remote.
3
Schritt 3
Bewertung & Bericht
Detaillierter PrĂŒfbericht mit Risikoklassifizierung und konkreten Empfehlungen.
4
Schritt 4
MaĂnahmen & Follow-up
Gemeinsame Umsetzung der MaĂnahmen und optionaler Re-Audit nach 6 Monaten.
Vertikal
Vertikale Variante
Kontaktaufnahme
Kostenfreies ErstgesprÀch, um Ihren Bedarf zu verstehen.
Angebot
Individuelles Angebot innerhalb von 48 Stunden.
Projektstart
Nach Auftragserteilung beginnen wir sofort.
ⶠAccordionFAQ â Accordion-FAQ mit Kategorien-Tabs. Props: items[] (question, answer, category?), title, subtitle, tagline, defaultOpen?.
FAQ
HĂ€ufig gestellte Fragen
Antworten auf die wichtigsten Fragen rund um Datenschutz, Compliance und IT-Sicherheit.
Unternehmen, die regelmĂ€Ăig mindestens 20 Personen mit der automatisierten Verarbeitung personenbezogener Daten beschĂ€ftigen, sind nach DSGVO verpflichtet, einen Datenschutzbeauftragten (DSB) zu bestellen. Wir ĂŒbernehmen diese Funktion fĂŒr Sie als externer DSB.
Die Kosten richten sich nach UnternehmensgröĂe und KomplexitĂ€t. Typisch sind monatliche Pauschalen ab 250 âŹ. Im Vergleich zu einem internen DSB ist das deutlich kostengĂŒnstiger â und Sie profitieren von breiterem Fachwissen.
Die NIS-2-Richtlinie erweitert den Kreis der betroffenen Unternehmen erheblich. Betroffen sind u.a. mittlere und groĂe Unternehmen in kritischen Sektoren wie Energie, Gesundheit, Transport und digitale Infrastruktur. Wir helfen Ihnen bei der EinschĂ€tzung und Umsetzung.
Ein Pentest beginnt mit einer Scoping-Phase, in der wir gemeinsam den PrĂŒfumfang definieren. AnschlieĂend fĂŒhren unsere Experten die Tests durch und dokumentieren alle Schwachstellen. Sie erhalten einen detaillierten Bericht mit priorisierten Empfehlungen.
Der Weg zur ISO 9001-Zertifizierung dauert je nach Ausgangssituation typischerweise 6 bis 18 Monate. Wir begleiten Sie von der Gap-Analyse ĂŒber den Aufbau des QMS bis zum erfolgreichen Zertifizierungsaudit.
ⶠMapEmbed â Eingebettete Karte mit Standort-Sidebar. Props: locations[] (label, address, embedUrl, phone?, email?, mapsUrl?), height?, title, subtitle, tagline.
Standorte
Unsere BĂŒros
Persönlich vor Ort oder remote â wir sind da, wo Sie uns brauchen.
MĂŒnchen
MusterstraĂe 12
80331 MĂŒnchen
+49 89 123 456 78 muenchen@machcon.com In Google Maps öffnen80331 MĂŒnchen
ⶠTrustBadges â Zertifikate und Siegel. Props: items[] (icon, label, description?, href?, verified?), columns?, variant="cards"|"strip"|"minimal", title, subtitle, tagline.
Zertifizierungen
Anerkannte Standards und Zertifizierungen
Unsere Expertise ist durch fĂŒhrende Industriestandards belegt.
Zertifiziert
ISO 27001
Informationssicherheits-Managementsystem
Zertifiziert
ISO 9001
QualitÀtsmanagementsystem
Zertifiziert
DSGVO-konform
Datenschutz nach europÀischem Standard
BSI-Grundschutz
IT-Grundschutz nach BSI-Standard
NIS-2 Ready
Vorbereitung auf EU-Cybersicherheitsrichtlinie
SOC 2 Type II
Sicherheit und VerfĂŒgbarkeit geprĂŒft
Zertifiziert
TĂV-geprĂŒft
RegelmĂ€Ăige externe PrĂŒfung
IHK-zertifiziert
Anerkannte AusbildungsqualitÀt
Strip-Variante
ISO 27001
ISO 9001
DSGVO-konform
BSI-Grundschutz
NIS-2 Ready
Minimal-Variante
ISO 27001
Informationssicherheits-Managementsystem
ISO 9001
QualitÀtsmanagementsystem
DSGVO-konform
Datenschutz nach europÀischem Standard
ⶠReadingProgress â Fixierter Fortschrittsbalken oben. Props: color?, height?, zIndex?, target?. Einbinden in Layout oder Blog-Seite.
Das ReadingProgress-Widget lĂ€uft bereits auf dieser Seite â der blaue Balken ganz oben zeigt deinen Scrollfortschritt. Einfach in das Layout oder direkt in eine Blog-Seite einbinden:
import ReadingProgress from '~/components/widgets/ReadingProgress.astro';
// In Layout.astro oder Blog-Seite:
<ReadingProgress /> // Standard: mc-primary, 3px
<ReadingProgress height={4} /> // Dicker
<ReadingProgress color="#FF9933" /> // Andere Farbe (mc-secondary)ⶠSchriftarten-Vergleich â Kandidaten fĂŒr machcon.es. Aktuell: Inter Variable.
Schriftarten-Vergleich
Welche Schrift passt zu machcon.es?
Gleicher Inhalt, fĂŒnf verschiedene Schriften. Alle Karten zeigen denselben spanischen Beispieltext â so siehst du den Unterschied im echten Kontext.
Aktuell
Inter Variable
Neutral, technisch, sehr lesbar
Beratung · Compliance · IT-Sicherheit
Datenschutz und IT-Sicherheit fĂŒr Ihr Unternehmen
Wir beraten mittelstĂ€ndische Unternehmen in Datenschutz, QualitĂ€tsmanagement und digitaler Transformation â praxisnah und ergebnisorientiert.
Mehr erfahren â
AaBbCcĂĂ€ĂöĂĂŒĂ Â· 0123456789
Plus Jakarta Sans
Modern, leicht expressiv, professionell
Beratung · Compliance · IT-Sicherheit
Datenschutz und IT-Sicherheit fĂŒr Ihr Unternehmen
Wir beraten mittelstĂ€ndische Unternehmen in Datenschutz, QualitĂ€tsmanagement und digitaler Transformation â praxisnah und ergebnisorientiert.
Mehr erfahren â
AaBbCcĂĂ€ĂöĂĂŒĂ Â· 0123456789
DM Sans
WĂ€rmer als Inter, sehr lesbar
Beratung · Compliance · IT-Sicherheit
Datenschutz und IT-Sicherheit fĂŒr Ihr Unternehmen
Wir beraten mittelstĂ€ndische Unternehmen in Datenschutz, QualitĂ€tsmanagement und digitaler Transformation â praxisnah und ergebnisorientiert.
Mehr erfahren â
AaBbCcĂĂ€ĂöĂĂŒĂ Â· 0123456789
Bricolage Grotesque
Viel Persönlichkeit, Editorial-Feeling
Beratung · Compliance · IT-Sicherheit
Datenschutz und IT-Sicherheit fĂŒr Ihr Unternehmen
Wir beraten mittelstĂ€ndische Unternehmen in Datenschutz, QualitĂ€tsmanagement und digitaler Transformation â praxisnah und ergebnisorientiert.
Mehr erfahren â
AaBbCcĂĂ€ĂöĂĂŒĂ Â· 0123456789
Manrope
Freundlicher, runder als Inter
Beratung · Compliance · IT-Sicherheit
Datenschutz und IT-Sicherheit fĂŒr Ihr Unternehmen
Wir beraten mittelstĂ€ndische Unternehmen in Datenschutz, QualitĂ€tsmanagement und digitaler Transformation â praxisnah und ergebnisorientiert.
Mehr erfahren â
AaBbCcĂĂ€ĂöĂĂŒĂ Â· 0123456789
Empfehlung
Plus Jakarta Sans (Heading) + DM Sans (Text)
Kombination fĂŒr maximale Wirkung
Beratung · Compliance · IT-Sicherheit
Datenschutz und IT-Sicherheit fĂŒr Ihr Unternehmen
Wir beraten mittelstĂ€ndische Unternehmen in Datenschutz, QualitĂ€tsmanagement und digitaler Transformation â praxisnah und ergebnisorientiert.
Mehr erfahren â
AaBbCcĂĂ€ĂöĂĂŒĂ Â· 0123456789
Schriften liegen lokal unter public/fonts/ â kein externer Request. Quellen: @fontsource-variable/plus-jakarta-sans, @fontsource-variable/dm-sans, @fontsource-variable/bricolage-grotesque, @fontsource-variable/manrope.
Ende der Widget-Demo · ZurĂŒck zur Startseite