News-Laufschrift in der Kopf- & Fußzeile

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � News-Laufschrift in der Kopf- & Fußzeile

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows Betriebssystem MS Windows 10, 8.1, 8 und 7 - Tricks & Tipps MS Windows 10, 8.1, 8 und 7 - Fragen & Antworten �rger mit Ihrem PC? �rger mit dem PC - Vorbeugung und Hilfe �rger mit dem PC - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | News-Laufschrift in der Kopf- & Fußzeile datum

05.07.2022 12:18 (zuletzt bearbeitet: 01.02.2023 20:32)

Daishi

Informationen anzeigen

Beitr�ge:	268
Registriert seit:	08.01.2022

Homepage:	Link
Letzte Spende	Betrag 15 � Forum Spende
Likes	226

Ich habe mir ein News Fußzeile gebastelt, wie im Fernsehen.

Alles schön und gut, habe es so weit im Xobor-Forum hinbekommen. Was nur nicht geht, ist die glänzende Animation, da kann man die Größe also die Höhe einstellen. Da ich die CSS - Tags geändert habe macht im Xobor - Forum der CSS - Tag ( " div:after " ) Probleme.

Er zeigt die Animation über das ganze Forum an.

Das sind die Codes, die in Codepen gehen, aber nicht im Xobor-Forum. Damit sie im Xobor-Forum gehen, muss ich die CSS Tags ändern.

Die geänderten CSS Tags fürs Xobor - Forum sind, "footer1" "news1" "text1", diese sind in HTML und in CSS geändert.

Das Hauptproblem meiner Meinung nach macht der CSS - Tag ( " div:after " ). Den habe ich allein geändert in ( " div1:after " ). Wenn ich den CSS - Tag geändert habe geht die glänzende Animation nicht mehr.

Das sind die Codes, die in Codepen gehen, ohne Veränderungen, also originale Feder.

Der HTML Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<!--    Fußzeile    -->
<div class="footer">
<!--    News    -->
  <div class="news">
  <!--    News Text in Blau, unten links   -->
  <span><b>News</b></span>
  </div>
  <!--    Text im roten Feld, unten mittig   -->
  <p class="text">
    <!--    Der Text läuft im roten Feld von rechts nach links    -->
    <marquee direction = "left">
      <span>� Der Treffpunkt für Hilfe, Tricks & Tipps</span>
      <span> &nbsp;� Xobor-Spoiler mit Grafik in der Titelleiste</span>
      <span> &nbsp;� Xobor-Spoiler mit vergrößerter Titelleiste</span>
      <span> &nbsp;�  Beispiel Foren-Code mit Grafik!
      Der Erkennungswert der Grafik ist in dieser Version sehr hoch!</span>
    </marquee>
  </p>
</div>
 

Schlie�en

Der CSS Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
/* Fußzeile */
.footer{
  
  position: fixed;
  bottom: 0 ;
  margin:0;
  width: 100%;
  background-color: red;
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
 
}
/* Text */
.text
{ 
padding-top: 10px;
    vertical-align: middle;
    font-size: 25px;
    color: yellow;
    margin: 0;
  width:100%;
    animation: marquee 10s linear infinite;
  display: inline-block;
  padding-right: 10px;
}
/* News */
.news{
  height:auto;
  background-color:Blue;
  padding: 10px 30px 10px 30px;
  font-size: x-large;
  color: white;
  z-index:1;
   display: block;
}
/* Hier kann man die Größe der leuchtenden Animation  einstellen */
div:after {
	content:'';
  top:0;
	transform:translateX(100%);
	width:100%;
	height:220px;
	position: absolute;
	z-index:1;
	animation: slide 5s infinite;
	 
  /* CSS Gradient - vollständige Browserunterstützung von http://www.colorzilla.com/gradient-editor/ */
  
  /* Firefox&#8203; 3.6 + */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
  /* Chrome,Safari 4 + */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
  /* Chrome10+,Safari 5.1 + */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
  /* Opera 11. 10 + */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
  /* IE 10 + */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
  /* W3C */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
  /* IE 6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
 
/* Animation */
 
@keyframes slide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}
 

Schlie�en

Ich weiß nicht, wo ich hier einen Fehler reingehauen habe. Wenn ich die ("CSS Gradient - vollständige Browserunterstützung von") weglasse, geht die Animation komplett nicht. Habe ich eingefügt wegen der blauen Farbe für Fuß News, unten Links.

Ich hoffe, du verstehst, was ich meine. Ich kann den Fehler nicht finden, den ich gemacht habe, dass es im Xobor - Forum nicht geht. Würde mich freuen um einer Erklärung welchen Fehler ich gemacht habe.

Mit freundlichen Grüßen
Daishi

Daishi

Antworten

#2 | Angepasst fürs Forum, News-Laufschrift in der Kopf- & Fußzeile datum

10.07.2022 15:14 (zuletzt bearbeitet: 01.11.2023 10:54)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3185
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Likes	1095

Angepasst fürs Forum, News-Laufschrift in der Kopf- & Fußzeile
Aktualisiert 14.07.22

Hallo Daishi,
das Skript läuft schon recht gut!
Besten Dank für diese Ideen und Deine mühevolle Arbeit!
Auch hier, ein großes Händeschütteln!

CSS Einträge die das Forum durcheinander bringen:

Die Class .footer gibt es bereits im Business-Template! Kann sich ungünstig auswirken!
Lösung: Class umbenennen (.footer_news)!
Der CSS-Tag "div:after" würde an allen Div-Containern im Forum den Eintrag anhängen, super schlecht!!
Lösung: Den Div-Container mit einer passenden Class versehen (div.footer_news:after)!
Auch bei den unkritischen Classes und ID's muss man aufpassen, dass sich beim neu Erstellen nicht wiederholen, z.B.: .text + news!
Lösung: Class umbenennen (.footer_news, .news_div, .text_news)!

Was ist super:

Die Animation, wie sie bei Windows-Installationen zu finden ist, finde ich gelungen!
In Zeile 54-67 ist der Farbverlauf der Animation zu finden und auch für alle gängigen Browser ausgelegt! Sie wegzulassen, würde das Highlight der Laufschrift verschwinden lassen!

Installation für alle Templates & Mobil

Was habe ich geändert?

Die Laufschrift hat ein Start-Befehl und ein Stop-Befehl bekommen und kann somit durch ein Mouseover angehalten werden!!
Die Laufschrift hat eine Verlinkung zur Forum-Startseite mit "Onclick"!
Habe die Classes erweitert und umbenannt!
Die Laufschrift in der Fußzeile hat einen Abstand bekomme, damit der "Datenschutz-Link", der "Xobor-Link" und der Scroll-Button im V6 nicht verdeckt werden!

Der geänderte HTML Code

Laufschrift ganz unten:

Das Skript und der CSS-Eintrag wird als PIugin in "Untere Leiste - Header" kopiert!
Kann aber auch zum Testen in die "Fußzeile"
In Zeile 13-16 wird der Lauftext eingefügt!

Laufschrift ganz oben:

Das Skript und der CSS-Eintrag wird als PIugin in "Obere Leiste - Header" kopiert!
Kann aber auch zum Testen in die "Kopfzeile"
In Zeile 13-16 wird der Lauftext eingefügt!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<!--    Laufschrift    -->
<div class="footer_news" onclick="parent.location='/forum.php';" >
<!--    News    -->
  <div class="news_div">
  <!--    News Feld - Hintergrund Blau - Unten links   -->
  <span><b>News</b></span>
  </div>
  <!--    Lauftext - Hintergrund Rot - Unten mittig   -->
  <p class="text_news">
  <!--    Der Text läuft im roten Feld von rechts nach links    -->
  <marquee direction="left" onmouseover="this.stop();" onmouseout="this.start();">
 
    <span> &nbsp;� Der Treffpunkt für Hilfe, Tricks & Tipps</span>
    <span> &nbsp;� Xobor-Spoiler mit Grafik in der Titelleiste</span>
    <span> &nbsp;� Xobor-Spoiler mit vergrößerter Titelleiste</span>
    <span> &nbsp;� Beispiel Foren-Code mit Grafik! Der Erkennungswert der Grafik ist in dieser Version sehr hoch!</span>
 
  </marquee>
  </p>
</div>
 

Schlie�en

Der geänderte CSS Code für die Laufschrift ganz unten!

Das Skript und der CSS-Eintrag wird als PIugin in "Untere Leiste - header" kopiert!
Kann aber auch zum Testen in die "Fußzeile"

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
 
<style>
/* Fußzeile */
.footer_news {
  position: fixed;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  background-color: #D00000; /* Hintergrundfarbe Laufschrift */
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  z-index: 111111;
}
/* Text */
.text_news a, .text_news { 
  font-size: 20px;
  color: #FFFF00; /* Schriftfarbe Laufschrift */
  margin: auto 0;
  width: 100%;
  animation: marquee 10s linear infinite;
  display: flex;
  align-items: center;
  text-decoration: none;
}
/* Hover-Farbe */
.text_news:hover { 
  color: #AAAA00; /* Mouseover-Farbe Laufschrift */
}
/* News */
.news_div{
  background-color: #111188; /* Hintergrundfarbe News-Box */
  padding: 10px 30px;
  font-size: 20px;
  color: #EEEEEE; /* Schriftfarbe News-Box */
  z-index: 111111;
  display: block;
}
/* Hier kann man die Größe der leuchtenden Animation  einstellen */
div.footer_news:after {
  content:'';
  top:0;
  transform: translateX(100%);
  width: 100%;
  height: 220px;
  position: absolute;
  z-index: 111111;
  animation: slide 6s infinite;
	 
  /* CSS Gradient - vollständige Browserunterstützung von http://www.colorzilla.com/gradient-editor/ */
  
  /* Firefox&#8203; 3.6 + */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
  /* Chrome,Safari 4 + */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
  /* Chrome10+,Safari 5.1 + */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
  /* Opera 11. 10 + */
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
  /* IE 10 + */
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
  /* W3C */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
  /* IE 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
 
/* Animation */
@keyframes slide {
  0% {transform:translateX(-100%);}
  100% {transform:translateX(100%);}
}
/* Unterer Abstand */ 
body, #scrollUpImg {
margin-bottom: 60px;
}
</style>
 

Schlie�en

Nachtrag

Der geänderte CSS Code für die Laufschrift ganz oben!

Das Skript und der CSS-Eintrag wird als PIugin in "Obere Leiste - header" kopiert!
Dadurch wird die Laufschrift über der oberen Navileiste platziert!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
 
<style>
/* Kopfzeile */
.footer_news {
  position: relative;
 
  left: 0;
  width: 100%;
  background-color: #D00000;  /* Hintergrundfarbe Laufschrift */
  display: inline-flex;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
 
/* Text */
.text_news a, .text_news { 
  font-size: 20px;
  color: #FFFF00;  /* Schriftfarbe Laufschrift */
  margin: auto 0;
  width: 100%;
  animation: marquee 10s linear infinite;
  text-decoration: none;
  display: flex;
  align-items: center;
}
/* Hover-Farbe */
.text_news:hover { 
  color: #AAAA00; /* Mouseover-Farbe Laufschrift */
}
/* News */
.news_div {
  background-color: #111188;  /* Hintergrundfarbe News-Box */
  padding: 10px 30px;
  font-size: 20px;
  color: #EEEEEE; /* Schriftfarbe News-Box */
  z-index: 111111;
  display: block;
}
/* Hier kann man die Groesse der leuchtenden Animation  einstellen */
div.footer_news:after {
  content:'';
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 220px;
  position: absolute;
  z-index: 111111;
  animation: slide 6s infinite;
 

  /* CSS Gradient - vollstaendige Browserunterstutzung von http://www.colorzilla.com/gradient-editor/ */
 
  /* Firefox&#8203; 3.6 + */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
  /* Chrome,Safari 4 + */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
  /* Chrome10+,Safari 5.1 + */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
  /* Opera 11. 10 + */
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
  /* IE 10 + */
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
  /* W3C */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
  /* IE 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
/* Animation */
@keyframes slide {
  0% {transform:translateX(-100%);}
  100% {transform:translateX(100%);}
}
</style>
 

Schlie�en

PS:

Beim Kopieren in die Kopfzeile, wird die obere Navi-Leiste verdeckt.
Hier sollte unbedingt, wie beschrieben, ein Plugin angelegt werden!

In Aktion: Damit man den Effekt sehen kann:

News-Laufschrift in der Fußleiste

Bis dann
Wolfgang

Daishi und Gabriella finden das Top!

Antworten

Moderations-Kommentar:

Installationsanweisung überarbeitet, genauer beschrieben!

#3 | Nachtrag: Angepasst fürs Forum, News-Laufschrift in der Kopf- & Fußzeile datum

14.07.2022 00:19 (zuletzt bearbeitet: 01.02.2023 20:36)

Nachtrag: Angepasst fürs Forum, News-Laufschrift in der Kopf- & Fußzeile

Hallo Daishi,
mir ist noch etwas aufgefallen und habe alles in Beitrag #2 nachgebessert!

Was sich in der CSS geändert hat:

Nur die Laufschrift in der Fußzeile hat einen Abstand bekomme, damit der "Datenschutz-Link", der "Xobor-Link" und der Scroll-Button im V6 nicht verdeckt werden!
Korrektur durch Zeile 75-77!
Nur im V6 und nur bei der Fußzeile wird die Laufschrift durch die Boxen verdeckt!
Korrektur durch Zeile 14!
Die Laufschrift in der Kopf- & Fußzeile wurde vertikal nicht genau zentriert.
Korrektur durch Zeile 23+24!
Laufschrift in der Kopf- & Fußzeile nicht gleich zu sehen, ohne Information!
Korrektur durch Zeile 6!

Bis dann
Wolfgang

Daishi findet das Top!

Antworten

Bunte Eier � � Baustellen - Wartung - Screen

�hnliche Themen

Antworten

Letzter Beitrag

RSS-Feed bzw. News auf der Portalseite
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Kipper-Spedition 7 19.07.2023 21:37
creator • Zugriffe: 141

Präsentationskalender - Darstellung interessanter Themen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

05.04.2023 13:47
von

Wolfgang • Zugriffe: 1101

Laufschriften und Ticker
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von charlie1965 0 02.10.2022 13:27
charlie1965 • Zugriffe: 166
Laufschriften mobil ausblenden!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Devil-su 1 13.02.2017 15:49
Wolfgang • Zugriffe: 1678

Wechselnde, durchlaufende und verlinkte News Ticker
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Magister

13.05.2022 21:06
von

Wolfgang • Zugriffe: 2344

RE: Einlaufender Text - Effekte fürs Forum oder die Homepage
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

20.01.2021 21:45
von

Wolfgang • Zugriffe: 1554

Animierte Browser-Titelleiste mit Laufschrift
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 4 05.05.2020 20:38
Wolfgang • Zugriffe: 3069

Durchgehende Laufschrift (Ticker) mit vielseitigen Funktionen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

01.01.2015 20:48
von

Wolfgang • Zugriffe: 13443

Minimierter Styleswitcher / Hintergrundwechsler für alle Template (auch V6)
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 21 16.08.2022 18:44
EaglePipe • Zugriffe: 13414

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 85 €

141%