Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →
Dr. Web » Webdesign » 42 CSS Buttons mit Hover-Effekt & Code Snippets

42 CSS Buttons mit Hover-Effekt & Code Snippets

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
Lesedauer: 8 Minuten
  • von Markus Seyfferth
  • 23. Mai 2022

Das <button> Element ist für die Benutzerinteraktion konzipiert, um Beispielsweise ein Kontaktformular abzusenden, etwas hoch- oder herunterzuladen oder um etwas zu „liken“. Mithilfe von Tastatur, Maus, „Touch“ oder gar per Sprachbefehl kann ein sogenanntes  click Event ausgelöst werden, welches die Interaktion auslöst.

Jeder Browser bringt seine eigenen Standard-Styles für das Button-Element mit sich, so dass sie direkt und ohne Anpassung verwenden werden können.  Im Folgenden wollen wir uns verschiedene Beispiele ansehen, wie du die Buttons noch aufpeppen kannst.

Barrierefreie Buttons

https://www.drweb.de/wp-content/uploads/2021/04/button-building.mp4

Ein Überblick über die Erstellung barrierefreier Buttons, welche sowohl im Dark Mode als auch im Light Mode funktionieren. Link zum Artikel von Adam Argyle und zum Source Code auf Github.

3D-Button

Josh Comeaus Tutorial featured nicht nur einen richtig schönen Button, auch seine Erklärungen sind einfach zu verstehen und mit einigen interaktiven Elementen versehen.

Hier der 3D-Button mitsamt dem dazugehörigen HTML & CSS:

Hier das CSS zum 3D-Button

.pushable {
    position: relative;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    outline-offset: 4px;
    transition: filter 250ms;
  }
  .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: hsl(0deg 0% 0% / 0.25);
    will-change: transform;
    transform: translateY(2px);
    transition:
      transform
      600ms
      cubic-bezier(.3, .7, .4, 1);
  }
  .edge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: linear-gradient(
      to left,
      hsl(340deg 100% 16%) 0%,
      hsl(340deg 100% 32%) 8%,
      hsl(340deg 100% 32%) 92%,
      hsl(340deg 100% 16%) 100%
    );
  }
  .front {
    display: block;
    position: relative;
    padding: 12px 42px;
    border-radius: 12px;
    font-size: 1.25rem;
    color: white;
    background: hsl(345deg 100% 47%);
    will-change: transform;
    transform: translateY(-4px);
    transition:
      transform
      600ms
      cubic-bezier(.3, .7, .4, 1);
  }
  .pushable:hover {
    filter: brightness(110%);
  }
  .pushable:hover .front {
    transform: translateY(-6px);
    transition:
      transform
      250ms
      cubic-bezier(.3, .7, .4, 1.5);
  }
  .pushable:active .front {
    transform: translateY(-2px);
    transition: transform 34ms;
  }
  .pushable:hover .shadow {
    transform: translateY(4px);
    transition:
      transform
      250ms
      cubic-bezier(.3, .7, .4, 1.5);
  }
  .pushable:active .shadow {
    transform: translateY(1px);
    transition: transform 34ms;
  }
  .pushable:focus:not(:focus-visible) {
    outline: none;
  }

Und hier das HTML zum 3D-Button

<button class="pushable">
  <span class="shadow"></span>
  <span class="edge"></span>
  <span class="front">
    Push me
  </span>
</button>

Knopf

Symbol - Logo
Ob zum schnellen Testen oder in der Produktion: Mit der Knopf-CSS-Bibliothek lassen sich verschiedene Buttons im Nu einbetten.

Knopf ist eine CSS-Bibliothek zum einfachen Erstellen verschiedener Schaltflächenstile, die über CSS-Variablen an das Design Deiner Marke angepasst werden können.

Papierflugzeug-Button

large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur auf Codepen.io

Der “Paperplane“-Button von Aaron Ikers Stift faltet sich zusammen und fliegt mit ein wenig Hilfe von Greensock-JS sehr hübsch davon.

Neumorphische CSS-Radio-Buttons

Marke - Produktdesign
Wenn CSS-Buttons täuschend echt aussehen. Link zu Codepen. Screenshot: Dr. Web. Kreiert von halvves.com

Neumorphische CSS-Toggle-Buttons

Logo - Marke
Link zu Codepen. Screenshot: Dr. Web. Erschaffen von halvves.com

Allgemeine Call-to-Action Buttons

Gradient Text Overlay Button

large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io

Ein Pen von Sarah Fossheim.

Click me!

click me example 1 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf CodePen.

Click me! (2)

click me example 2 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf CodePen.

Liquid Fill

liquid fill 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf CodePen

Some Text

click me example 3 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf CodePen.

Smash to Submit Button

large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Mit diesem Button von Aaron Iker muss man schon echt hart ran, um zum Ziel zu gelangen. Sie schaffen das! 😉 Link zur Demo auf Codepen.io

Mehr erfahren (Learn more)

learn more example 1 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf CodePen.

Learn more (2)

CodePen Embed rZRaNe
Link zur Demo auf Codepen.io

Go!

CodePen Embed rGLxbP
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io
large 42 CSS Buttons mit Hover-Effekt & Code Snippets
Link zur Demo auf Codepen.io

Alle Buttons sind für private und kommerzielle Zwecke freigegeben. Da sich Nutzungsbedingungen stets ändern können, solltest du vor der konkreten Verwendung die Lizenz noch einmal überprüfen. Sicher ist sicher.

Minimalistische Ghost CSS Buttons im Trend

Die Zeiten der Gloss- und 3D-Effekte sind – zumindest vorerst – vorbei. Beim Webdesign ist derzeit vor allem Minimalismus angesagt. Das spiegelt sich auch beim Aussehen von Buttons wieder. Sogenannte Ghost-Buttons sind im Kommen und passen perfekt in die zurückhaltende Gestaltung vieler zeitgemäßer Websites, die auf Flat-Design oder Material-Design setzen. Der eigentliche Ghost-Button besteht nur aus einem meist dünnen Rahmen und dem darin stehenden Text. Weniger zurückhaltend lässt sich ein Button kaum gestalten – vorausgesetzt, man soll ihn auch noch als Button erkennen können.

ghost-buttons-parallax-website
Website der Agentur „Parallax“ mit einfachem Ghost-Button

Einfach gestaltet und ausgezeichnet

Ghost-Buttons sind einfach gestaltet und ebenso einfach und schnell per Stylesheets ausgezeichnet. Bei klassischen Buttons, die per „<button>“- oder „<input>“-Element ausgezeichnet werden, reicht es im Grunde aus, eine Rahmenfarbe zu setzen und den Hintergrund zu entfernen. Standardmäßig sind diese Elemente nämlich immer mit einer Hintergrundfarbe ausgestattet.

input {
  background: none;
  border: 1px solid black;
  color: black;
}

Nicht immer ist ein Button durch ein entsprechendes Button-Element ausgezeichnet. Oft verbergen sich dahinter auch Links, die per „<a>“-Element ausgezeichnet sind. Hier ist die Gestaltung ebenso einfach. Optisch unterscheiden sich echte Buttons von einfachen Links dann nicht mehr.

Auf den Hintergrund kommt es an

Minimalismus alleine ist kein Garant für eine gut gestaltete Website. Das gilt auch für Ghost-Buttons. Das Umfeld muss passen, damit Ghost-Buttons auch elegant wirken und vor allem auch aufgrund ihrer Schlichtheit nicht untergehen.

Da vor allem großformatige Bilder derzeit im Trend sind, lassen sich Ghost-Buttons ausgezeichnet in Kombination mit ausdrucksstarken Hintergrundbildern darstellen.

In den meisten Fällen werden per Ghost-Buttons keine klassischen Button-Funktionen – wie das Versenden eines Formulars – ausgelöst. Meist sind es Links, die besonders hervorgehoben werden sollen. Im Beispiel der beiden Agenturen „Parallax“ und „Creative Ad Awards“ sind es die Links zu Arbeitsproben, die durch Ghost-Buttons dargestellt werden. Präsentiert werden die Buttons auf Bildern, die das Browserfenster (annähernd) ausfüllen.

ghost-buttons-createiveadawards-website
Website der Agentur „Creative Ad Awards“

Neben großformatigen Bildern sieht man immer häufiger auch formatfüllende Videos als Hintergrund. In Kombination mit diesem Trend wirken Ghost-Buttons ebenfalls sehr eindrucksvoll – vor allem, weil sie aufgrund ihrer Schlichtheit wenig Platz brauchen und dem Video wenig Sichtbarkeit nehmen. Stehen die Buttons in einem guten Kontrast zum Video, bleiben sie trotz des animierten Hintergrunds gut sichtbar und fallen auf.

ghost-buttons-unionroom-website
Website der Agentur „Union Room“ mit Videohintergrund

Mit Details und Besonderheiten glänzen

Wer auf den Ghost-Button-Trend aufspringen will, sollte zusehen, dass die Buttons trotz ihrer Schlichtheit dennoch etwas Besonderes haben. Gerade bei einem minimalistischen Design ist das immer eine Herausforderung. Daher sollte man sich gut überlegen, wie man den Buttons eine eigene individuelle Note hinzufügen kann. Dank CSS3 sind hier der Kreativität kaum Grenzen gesetzt. Man kann mit abgerundeten Ecken und Transparenzen arbeiten, eine ausdrucksstarke Schriftart verwenden und vor allem mit dezenten Animationen und Transitions aufwarten.

ghost-buttons-juvo-website
Website der Agentur „Iuvo“ mit animierten Ghost-Buttons

Dabei müssen die Animationen nicht zwingend so aufwendig sein, wie bei der Agentur „Iuvo“. Oft sind dezente Fade-in- und Fade-out-Effekte eleganter. Oder man lässt einfach den Rahmen des Ghost-Buttons animieren – wie auf der Website des Entwicklers Nicolas Zezuka.

ghost-buttons-nzk-website
Website mit schlichtem animiertem Ghost-Button

Ghost-Buttons nicht beschränkt auf einen Link

Der Einsatz von Ghost-Buttons muss bei weitem nicht darauf beschränkt sein, dass per Klick eine Seite geladen wird. Er kann auch verwendet werden, um die Funktion eines Radio-Buttons zu übernehmen. Die Website der App „Couple“ nutzt Ghost-Buttons, um darüber das Geschlecht auswählen zu können.

ghost-buttonsalice-website
Website mit Radio-Ghost-Button

Bei vielen Ghost-Buttons werden per Hover-Effekt Rahmenfarbe und -form verändert oder eine Hintergrundfarbe hinein animiert. Eine Alternative dazu ist, den Buttontext zu animieren. Dieser kann beispielsweise zu einer Seite hin verschwinden. Bei Bedarf lässt sich auch während des Hover-Status ein anderer Text einblenden, um eine Zusatzinformation im Button unterzubringen.

ghost-brahma-website
Website mit animiertem Buttontext

Fazit

Richtig in Szene gesetzt, können Ghost-Buttons sehr eindrucksvoll sein. Die Beispiele zeigen, dass vor allem der Hintergrund stimmen muss und kleine Animationseffekte für die individuelle Note sorgen. Je schlichter ein Design ist, desto prägnanter muss es auch sein. Nur so hebt man sich ab und verhindert, im Design-Allerlei unterzugehen.

Markus Seyfferth

Markus Seyfferth

ist seit 2019 Geschäftsführer & WordPress-Entwickler bei Dr. Web. Zuvor war er sechs Jahre lang Vorstand des Smashing Magazine, im Rahmen dessen er u.a. das Online-Marketing, die Betreuung der Werbekunden sowie diverse Online-Projekte geleitet hat.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Coco logo.

COCO Content Marketing

München

Ads Masters Erkelenz Amazon SEO Agentur.

AdsMasters GmbH

Düsseldorf

Logo der Berliner Webdesign Agentur Primaline. Zu sehen ist ein grünes Schutzschild mit Stern oben links.

PRIMA LINE

Berlin

Agentur novomyo Logo.

novomyo – Online Marketing Agentur

Hamburg

Logo für Opus Marketing aus Bayreuth. Links zu sehen ist eine schwarze Schachfigur, der schwarzer Turm. Daneben in Großbuchstaben die Buchstaben OPUS.

OPUS Marketing

Bayreuth

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Digitalagentur finden

Wir unterstützen Sie bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
Junger Mann, der in einer SEO-Agentur arbeitet arbeitet und in die Kamera lächelt.
SEO

SEO Agentur finden

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Inhaber einer WordPress-Agentur, am Tisch sitzt und in die Kamera schaut.
WordPress

WordPress Agentur finden

Wir unterstützen Sie bei der Auswahl Ihrer WordPress Agentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→

8 Antworten

  1. Waldemar Krieg sagt:
    8. März 2021 um 11:59 Uhr

    Sehr informativer Beitrag, vielen Dank

  2. Jan Hartmann sagt:
    27. Februar 2021 um 19:45 Uhr

    Vielen lieben Dank für diese Mega-Buttonsammlung!

  3. Inga-Lena sagt:
    21. Januar 2020 um 21:23 Uhr

    Wirklich tolle Button Kollektion! Erspart mir eines an Zeit bei einigen Projekten, vielen Dank dafür!

  4. Daniel Knoden sagt:
    29. Dezember 2019 um 13:27 Uhr

    Wahnsinns gute Button! 🙂 Danke fürs Teilen!

  5. Klaus sagt:
    26. November 2019 um 22:51 Uhr

    Hallo, jemand eine Idee, wie ich das hinbekomme, dass die CSS nur auf den Hover Button angeand wird und nicht gleich auf die ganze Seite

    1. MarkusSeyfferth sagt:
      26. November 2019 um 22:58 Uhr

      Hallo Klaus, vielleicht hilft Dir ja einer der CSS-Selektoren weiter?

    2. Klaus sagt:
      26. November 2019 um 23:14 Uhr

      Hi Markus,

      nicht so ganz 🙁 – bin auch ehrlich gesagt mit css nicht so fit.

      Also. mit „link“ kann ich die css ja laden, wirkt sich dann aber auf die gesamte Seite aus
      Ich suche aber, wenn überhaupt möglich, eine Lösung, dass die css eben nur auf dem div Auswirkungen hat.

      Hintergrund: Ich nutze ein Content System und will da nur eines der hier vorgestellten Buttons einbauen

  6. Julia B. sagt:
    19. November 2019 um 17:20 Uhr

    WOW, Meeegaaa! Vielen Dank für die Bereitstellung 🙂

    Cheers
    Julia

Kommentare sind geschlossen.

Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Allgemein
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Allgemein
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑