Übersicht über alle 2025 Module
Bitte alle Abstände und Einzüge sowie Spaltenverteilung (Margin, Padding, Prozenteinstellungen…) definieren und direkt in den Modulen umsetzen. Wichtig: Auch Mobildarstellung beachten.
Kacheln (3-spaltiges Laout)
Medientypen & Interaktive Module
- Missionsteaser Modul
- Audio-Modul / Podcast-Player
(Audio-Integration für Podcasts oder Interviews) - Video-Teaser / Intro-Video
(Kombinationen aus Video und Text) - Newsletter CTA / Popup-Abo-Modul
(Popup oder Button zur Newsletter-Anmeldung) - Pressekontakt
(Kontaktinformationen für Medienanfragen) - Geografie
(Weltkarte oder regionale Darstellung für Projekte)
Verlinkung & Interaktion
- Hyperlink-Modul
(Inline-Verlinkungen innerhalb von Textinhalten) - Call-to-Action Link
(Auffälliger Link mit Pfeil oder Icon zur Aktion) - CTA-Elemente Buttons
(Primär- und Sekundär-Buttons für Navigation oder Aktionen) - Info-Highlight / Faktenkasten
- Publikations-Teaser / Bildvorschau
(Vorschau auf Publikationen mit Bild und Link)
Textmodule & Inhaltsblöcke
- Text Modul-Bild (Quadrat)
(Standard-Layout für Artikel oder Projektinfos) - Text Modul-Bild (Querformat)
(Für breitere Bildwirkung, z. B. Reportagen) - Text Modul-Button (Querformat)
- Standard -ohne Bild
- Projekt kompakt
(Für Projektteaser oder Kurzbeschreibungen)
Visuals/Grafikmodule
- Aktuelles Modul / News-Stream
(Aktuelle Inhalte im Feed-Stil, z. B. für Presse & News) - Bilder Slider / Dreier-Bild quadrat
(Bildkarussell mit Swipe-Funktion, z. B. für Events oder Projekte) - Bilder Slider / Einzel-Bild + Quer
(Bildkarussell mit Swipe-Funktion, z. B. für Events oder Projekte) - Logo-Slider / Partner-Visuals
(Karussell für Partnerlogos oder Unterstützer) - Presse-Slider / Medienmodul mit Text
(Medienkarussell mit begleitendem Text rechts/links) - Icon / Sammlung (Sammlung von Symbolgrafiken, z. B. für Infoboxen)
- Icon / Featurebox
(Icons mit begleitendem Text, z. B. für Leistungsübersicht) - SDG / Visuals / Nachhaltigkeits-Icons
(Darstellung der UN-Nachhaltigkeitsziele als Icons oder Logos)
Zitat-Module (gliedernd)
- Erzählmodul / Narrative Box (rund)
- Zitat-Highlight mit Portrait
- Zitat-Box mit Rundbild
- Interview-Block / Gesprächsmodul rechts/links
- Mini-Story-Grid / Kurztext-Galerie
Sonstiges
- Abschluss-spezifische Module (bei Bedarf)
Header-Bereich (Seitenkopf)
Feature-Header / Reportage-Intro
Anmerkungen:
@ Bernhard, ist das Modul Beiträge bei Hintergründe so aktuell?
Überschrift (H2) Siemens Slab Bold
Weichenstellung auf der COP30 in Belém: Warum Klimawandelbildung jetzt zentral ist
- Bildung hat bei der COP30 in Belém an Sichtbarkeit und Bedeutung gewonnen. Das Office for Climate Education (OCE) und die Siemens Stiftung stellen gemeinsam mit ihren Partner*innen erfolgreiche Praxisbeispiele der Klimawandelbildung in Lateinamerika und Afrika vor.
Online Panel-Diskussion: Between Weaving and the Mangrove
- Das Projekt „Confluencias“ lädt zu einem Austausch über neue Wege ein, unsere Umgebung zu gestalten und zu beleben. Es regt dazu an, die Beziehung zwischen dem Menschen und den Ökosystemen, zu denen wir gehören, neu zu denken. Wo können wir eine Form des Zusammenlebens finden, die uns für bislang unerkannte Verbindungen öffnet?
„Education as Resistance“: Die kollektive Lernausstellung von LA ESCUELA___ im MoMA PS1
- Auf Einladung des MoMA PS1 verwandelt LA ESCUELA___ die Homeroom-Galerie des Museums in eine kollektive Lernumgebung. Die Ausstellung „Education as Resistance” ist vom 6. November 2025 bis zum 23. Februar 2026 zu sehen und stellt Bildung als experimentelle künstlerische Praxis in den Vordergrund.
Kreativ, komplex, transformativ – und ganz konkret
- Was haben Fischerlampen mit Motorrädern zu tun? Und welche Rolle spielen sauberes Trinkwasser, Eis und recycelte Elektrogeräte dabei? Wer das herausfinden möchte, begibt sich am besten auf eine Reise nach Kisumu, der drittgrößten Stadt Kenias, und von dort weiter über Homa Bay bis nach Mbita, immer am Lake Viktoria entlang.
Header-Bereich (Seitenkopf)
Stiftungs-Header zweifarbig / Dual-Tone Header
Anmerkungen:
- Eingeben auf Edit Abschnitt > Erweiter -> CCS-KLasse: headermodul
- Text ändern: In Texteditor auf Inhalt > Text. Dort im Code den Titeltext ändern. Code nicht ändern.
- Farben an drei Stellen anpassen:
- Edit Abschnitt > Stil > Hintergrundüberlagerung (2x ändern)
- Edit Spalte (mit Text) > Stil > Backgroundcolor (1x ändern)
- Edit Spalte (mit Bild) > Stil > Backgroundcolor (1x ändern)
Hier H1 angeben
Fokus text large black in H1 eingebettet
Hier H1 angeben
Titel M / Fokus L
Header-Bereich (Seitenkopf)
News-Header / Presse-Introbereich
Anmerkungen:
- Bild bleibt im Format 16:9
- Bildunterschrift und Copyright rechts neben Bild in rechte 1/3-Spalte im Text-Editor einfügen
- Copyright und Fotograf (Photograph) > Bildunterschrift als „inline-copyright“ einstellen (Einstellbar über Text-Editor)
- Desktop > Bildunterschrift bündig unten, rechts beginnend, vom Bildende aus. kann ohne Margin über Spalte bearbeiten und dann Vertikale Ausrichtung „unten“ eingestellt werden.
- Trenner beibehalten
- Headerüberschrift ist Fokus Text medium, wir haben hier H1 definiert, keine CSS-Klasse möglich?
- Abstand zwischen Header und Pressemitteilung einfügen
Copyright / Könnte das Global, wie bei Carousel Image angepasst werden ?
Climate Change Education in focus
at Climate Week NYC 2025
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
© Copyright: 14 pxl, Fotograf:
Header-Bereich (Seitenkopf)
Projekt-Header / Projektintro mit Bild/Text
Anmerkungen:
Der zweite einstieg und zweite Section beginnt in weiß!
Bildunterschrift: Desktop
© Siemens Sans, Roman, 18 pxl, line space 19 pxlBildunterschrift: Tablet
© Siemens Sans, Roman, 14 pxl, line space 19 pxlBildunterschrift: Mobil
© Siemens Sans, Roman, 14 pxl, line space 19 pxlCopyright: 14 pxl
Modules 2026
Überschrift H1 Vorgabe
Programm Überschrift H2
Fokus Text Medium: Experimento ist das internationale MINT-Bildungsprogramm der Siemens Stiftung. Es basiert auf dem Prinzip des Forschenden Lernens, bei dem Schülerinnen und Schüler aktiv ihre individuellen Lernprozesse gestalten. Im Mittelpunkt steht das eigenständige Experimentieren, Erforschen und Verstehen von Phänomenen in den Themenbereichen Energie, Umwelt und Gesundheit.
Medientypen
Missionsteaser Modul
Anmerkungen:
Texteditor Link: No underline nötig! Sonst ist die Verlinkung zu z.B. zu Grundversorgung sichern unterstrichen.!
Grundversorgung
sichern
Die Welt ist im Wandel. Gestalten wir ihn. Gemeinsam
Digitalität
leben
Foto 1: Section-Titel
© Siemens Stiftung
Foto 2: Section-Titel
© Siemens Stiftung
Foto 3: Section-Titel
© Siemens Stiftung
Footer-Bereich (Seitenabschluss)
Kontaktmodul / Kontaktinformationen
Anmerkungen:
- Inpage Navigation nutzen ?
Leitung Bildung
Dr. Barbara Filtzinger
barbara.filtzinger@siemens-stiftung.org
+49 89 540487 0
Ansprechpartnerin MINT-Bildung & Digitalität
Corinna Hartung
corinna.hartung@siemens-stiftung.org
+49 89 540487 325
Ansprechpartner MINT-Bildung & Klima
Badin Borde
badin.borde@siemens-stiftung.org
+49 89 540487 326
Ansprechpartnerin MINT-Bildung & Gesundheit
Franziska von Einem
franziska.einem@siemens-stiftung.org
+49 162 428 7541
Footer-Bereich (Seitenabschluss)
Linkliste Footer / Weiterführende Ressourcen
Anmerkungen:
- Bei jedem neuem Abschnitt, 50 pxl Abstand.
Was ist hier sinvoll, Überschriften, Formate oder Inpage Navigation ?
Sie wollen tiefer ins Thema einsteigen? (Überschrift H2 Vorgabe)
Artikel (Überschrift H2 Siemens Slab Bold)
Hintergrundmaterial (Überschrift H2 Siemens Slab Bold)
Social Media (Überschrift H2 Siemens Slab Bold)
Interviews & Blogbeiträge (Überschrift H2 Siemens Slab Bold)
- "Learning to act: STEAM education for sustainable development": Projektbeispiel aus Chile
- „Neue Wege wagen: Design Thinking in der Klimawandelbildung“: Beitrag von Dr. Nina Smidt im Blog Schule21
- CIECC 2021: Keynote von Dr. Nina Smidt bei der Konferenz für Klimawandelbildung
Downloads (Überschrift H2 Siemens Slab Bold)
- Broschüre „Klimawandelbildung in Lateinamerika“
- Stiftungsleitfaden Klimawandel
- Positionspapier: STEM Education for Sustainable Development
Footer-Bereich (Seitenabschluss)
Copyright-Hinweis / Rechtlicher Abschluss
Anmerkungen:
- Copyrightangabe am Seitenende, wenn quadratische Fotos oder Header keine Copyrightangabe enthalten; Section-Titel möglichst kurz halten
Bildnachweise (Überschrift H2 Vorgabe) Siemens Slab Bold
Grundversorgung
© Siemens Stiftung / Pontifícia
Universidad Católica de Valparaíso
© WeTu/Siemens Stiftung / Anthony Ochieng
Digitalität
© iStock.com/insta_photos
© iStock.com / golero
Klima
© iStock.com / FG Trade
© Courtesy: Vamos a Sembrar, Costa Rica /Wilson Méndez
Bildnachweise (Überschrift H2 Vorgabe) Siemens Slab Bold
Foto 1: Bildunterschrift: Desktop
© Siemens Sans, Roman, 18 pxl, line space 19 pxl
Foto 2: Bildunterschrift: Mobil
© Siemens Sans, Roman, 14 pxl, line space 19 pxl
Foto 3: Bildunterschrift: Tablet
© Siemens Sans, Roman, 14 pxl, line space 19 pxl
Footer-Bereich (Seitenabschluss)
Visuelle Trennlinie / Footer-Divider
Anmerkungen:
- 75 px Abstand zwischen Newsletter und Kontaktbox
- Einsatz auf Seiten, die mit weißem Hintergrund enden zum Abtrennen von der Newsletter-Section.
Fokuskacheln (3-spaltiges Laout)
Komptenzzentren (3-spaltig)
(3-spaltig)
Anmerkungen:
Copyright on Hover?
Unsere Kompetenzzentren /Überschrift H2 Siemens Slab Bold
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Wir arbeiten mit Sozial-unternehmen, die mit innovativen Ideen und technischen Lösungen Gesellschaft positiv verändern.
Wir stärken Kunstproduktionen und Kulturnetzwerke, die Perspektiven eröffnen und gesellschaftlichen Dialog anstoßen.
Fokuskacheln (3-spaltiges Laout)
Schwerpunkte / Themenfelder (3-spaltig)
Anmerkungen:
Copyright on Hover?
Schwerpunkte Überschrift / H2 Siemens Slab Bold
MINT + Klima
Für eine ganzheitliche Klimawandelbildung (vorher)
Um dem Klimawandel zu begegnen, braucht es ein Umdenken auf gesellschaftlicher, ökologischer und ökonomischer Ebene. Mit unseren Projekten fördern wir Klimawandelbildung, die dazu beiträgt, die Komplexität des Themas greifbar zu machen, das globale Klima zu stabilisieren und Resilienz gegen die Folgen des Klimawandels zu stärken.
MINT + Digitalität:
Titel S / Fokus S
Die Digitalisierung verändert unsere Gesellschaft und somit auch das Lehren und Lernen. Mit Open Educational Resources und Fortbildungen unterstützen wir ein Umdenken in der Lernkultur hin zu einer Kultur der Digitalität. Denn nur mit Kompetenzen wie Kreativität, Kollaboration, Kommunikation und kritischem Denken kann aktive Mitgestaltung gelingen.
MINT + Digitalität:
Titel S / Fokus S
Die individuelle Gesundheit ist eng verwoben mit der Gesundheit des unmittelbaren Lebensumfelds sowie der unserer Erde. Mit unseren Bildungsprogrammen fördern wir das Verständnis dieser Ganzheitlichkeit, damit Lehrkräfte und Schüler*innen Verantwortung für ihre Gesundheit sowie die ihrer Mitmenschen und Umwelt übernehmen können.
Gib hier deine Überschrift ein
Grundversorgung:
Für den Zugang zu lebenswichtigen Produkten
Zusammen mit Sozialunternehmen leisten wir einen Beitrag zu einer langfristigen Verbesserung der Grundversorgung, insbesondere in den Bereichen Wasser & Hygiene, Nachhaltige Energie und E-Mobilität. Der gesicherte Zugang zu diesen lebenswichtigen Produkten und Dienstleistungen erhöht die Lebensqualität und schafft Raum für neue Perspektiven.
Klima & Umwelt:
Für ein nachhaltiges Wirtschaften
Klimawandel und Umweltzerstörung erfordern ein schnelles und gemeinsames Handeln. Menschen im globalen Süden sind besonders von den Auswirkungen des Klimawandels betroffen. Mit unseren Partner*innen fördern wir die Entwicklung von umweltfreundlichen Technologien und sozialen Geschäftsmodellen, die Ressourcen nachhaltig nutzen und regenerative Systeme schaffen.
Ökonomische Perspektiven:
Für Jobs mit Zukunftsaussichten und fairen Arbeitsbedingungen
Starke Sozialunternehmen ermöglichen Menschen ihre individuellen Fähigkeiten zu entfalten und Kompetenzen zu entwickeln – und schaffen gleichzeitig dringend benötigte Arbeitsplätze. Deshalb unterstützen wir besonders wachstumsstarke Sozialunternehmen, die faire Arbeitsbedingungen und Möglichkeiten für Entwicklung bieten.
Sozialer Zusammenhalt:
Für mehr Gemeinsinn
Kulturelle Diversität:
Für Sensibilität gegenüber sozialen Ausschlüssen
Nachhaltige Kunstproduktion:
Für nachhaltiges Handeln in allen Bereichen
Für uns alle gilt es, nachhaltig zu handeln. Doch der Weg dahin ist lang. Unsere Kulturinitiativen gehen der Frage nach, was einem nachhaltigen Handeln im Weg steht – in der Gesellschaft wie in der Kunst. Mit dieser Arbeit stärken wir die Rolle der Kunst als Agentin nachhaltigen Handelns.
Fokuskacheln (3-spaltiges Laout)
Themenkacheln (3-spaltig)
Anmerkungen:
Texteditor Link: No underline nötig! Sonst ist die Verlinkung zu z.B. E-Mobilität unterstrichen.
Copyright on Hover?
Gib hier deine Überschrift ein (Überschrift H2 Vorgabe)
Fokuskacheln (3-spaltiges Laout)
Fokuskachel mit CTA & Text
Anmerkungen:
Unsere Handlungsfelder
Gesicherte
Grundversorgung
Eine gesicherte Grundversorgung ist Lebensgrundlage und Voraussetzung für weitere Entwicklungen. Mit unseren Aktivitäten stärken wir deshalb Menschen und Organisationen, die bestehende Versorgungssysteme verbessern. Innerhalb der UN-Nachhaltigkeitsziele (SDGs) konzentrieren wir uns auf die Bereiche Nachhaltige Energie, E-Mobilität und Wasser & Hygiene. Unsere Partner*innen sind Sozialunternehmen, öffentliche Institutionen sowie Akteur*innen der Bildung und Zivilgesellschaft, mit denen wir vor allem Gemeinden in unterversorgten Regionen erreichen wollen.
Vernetzte
Gesellschaften
Den Planeten auch für künftige Generationen zu schützen und zu bewahren, erfordert sektorübergreifende Zusammenarbeit und eine Transformation zu nachhaltigem Handeln. Gefragt sind Ansätze, die soziale, ökologische und ökonomische Ziele verbinden. Mit Klimawandelbildung, künstlerischen und sozialunternehmerischen Projekten befördern wir diesen notwendigen Veränderungsprozess. Gemeinsam mit unseren Partner*innen wollen wir in Zukunft einen Schritt weitergehen und nicht nur negative Einflüsse auf Ökosysteme reduzieren, sondern regenerative Praktiken und Resilienz stärken.
Fokuskacheln (3-spaltiges Laout)
Fokuskachel mit CTA & Bild
Anmerkungen:
Copyright on Hover?
Kopf-/Navigation
Fokuskacheln Zahlen & Fakten
(3-spaltig)
Anmerkungen:
Gründungsjahr
2008
Mitarbeiter*innen
50
€ 390 M
12,5 Mio.
Liter sicheres Trinkwasser produziert
21.400
Menschen täglich mit Wasser versorgt
10
Tonnen Elektroschrott gesammelt
Fokuskacheln (3-spaltiges Laout)
Projektübersicht (3-spaltig)
Anmerkungen:
Projektportale (Überschrift H2 Siemens Slab Bold)
Bild und Titel / mit Button (Banderlore) Format:Titel M / Fokus L
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Diversity
Accessibility
Die Kunstplattform LA ESCUELA___ vernetzt Künstler*innen, Wissenschaftler*innen und lokale Gemeinschaften aus ganz Lateinamerika. In einem hybriden Modell eröffnet sie Raum für Ko-Kreation und erfahrungsbasiertes Lernen im öffentlichen Raum.
Medientypen & Interaktive Module
Aktuelles Modul / News-Stream
Anmerkungen:
Hier neues Modul Related News Element „Loop Grid“ verwenden
Aktuelles / Überschrift H2
Visuals/Grafikmodule
Bilder Slider / Dreier-Bild quadratisch
Anmerkungen:
- Achten auf richtige Spracheinstellung im Backend
- Bilder nur noch im Format 362×362 genutzt werden, da sonst die Pfeilposition nicht mehr passt
- neue Bilder hochladen wenn BUs auf andere Seite unterschiedlich
- Darstellung mit Nagivagionspunkten und Pfeil
Überschrift ist bislang Fokus Text Medium Black?
Copyright on Over?
Bildung, Sozialunternehmertum H2?
Gib hier deine Überschrift ein (Überschrift H2 Vorgabe ?)
© Siemens Stiftung /
Fotograf René Arnold
© The Index Project
© Siemens Stiftung /
Fotograf Uli Reinhardt
© Siemens Stiftung
© Siemens Stiftung /
Fotograf René Arnold
© Gorodenkoff Productions OU
© Proof Africa/Siemens Stiftung /
Fotograf Jonathon Rees
© Siemens Stiftung /
Fotograf Cristobal Saaveda
© Siemens Stiftung
© Siemens Stiftung
© Siemens Stiftung /
Fotograf Jerry Tolu
Visuals/Grafikmodule
Icon-Sammlung Modul
Anmerkungen:
Icons Freigegeben
Icons Freigegeben
Visuals/Grafikmodule
Icon-Featurebox
Anmerkungen:
Unser Angebot (Überschrift H2)
Text ? Format: Fokus Text Small Black
- Gesellschaft aktiv mitgestalten
- Vernetzung im internationalen Stiftungssektor
- Enger Kontakt zu den Zielgruppen der Stiftungsarbeit
Text? Format: Fokus Text Small Black
- Raum für Kreativität und Eigenverantwortung
- Flache Hierarchien
- Offene Dialogkultur in einem diversen Team
Work-Life-Balance (vorher?)
- Flexible Arbeitszeiten
- Option von mobilem Arbeiten
Gehalt & Entwicklungschancen (vorher)
- Wettbewerbsfähige Vergütung
- Vielfältige interne und externe Fortbildungsmöglichkeiten
Format: Fokus Text Medium Black
Netzwerke
Wir initiieren und beteiligen uns aktiv an Netzwerken für Wissens- und Erfahrungsaustausch, die systemischen Wandel anstoßen.
Learning & Development
Social Ventures
Im Rahmen unserer Projekte unterstützen wir Sozialunternehmer*innen und Initiativen, die mit lokalen Lösungen Gemeinschaften positiv verändern.
Visuals/Grafikmodule
SDG-Visuals / Nachhaltigkeits-Icons
Anmerkungen:
Textgröße definieren
Lorem ipsum (Überschrift (H2) Siemens Slab Bold)
Überschrift H3 Vorgabe (vorher anders) nicht bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Zitat-Modul
Zitat-Modul, zweifarbig, Text 66 %
Anmerkungen:
- Copyright on Hover ?
- Hoveraktion mit Information des Dateinamens bitte entfernen
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Inpage Navigation nutzen?
»Zitat/Überschrift in Fokus Text Small Black« (vorher)
Formate: Titel s / Fokus S (fett?)
Lorem ipsum dolor sit amet
»Zitat/Überschrift in Fokus Text Samll Black« (vorher)
»Zitat/Überschrift: Formate: Titel S / Fokus S (fett?)
Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
Visuals/Grafikmodule
Logo-Slider / Partner-Visuals
Anmerkungen:
Partner*innen (Überschrift H2 Siemens Slab Bold)
Gib hier deine Überschrift ein (Überschrift H3 Vorgabe)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Visuals/Grafikmodule
Pressebild-Galerie / Bildvorschau Slider
Anmerkungen:
Copyright on Hover ?
Pressefotos
Pressekontakt
Medientypen
Video-Teaser
Anmerkungen:
- Bild in Mobil oberhalb vom Text eingestellt
- Button kann weggelassen werden
- Abstand Text und Button =25 px
- Buttongröße „groß“
- Bei dunklem Hintergrund Textfarbe weiß mit Button weißer Rahmen , ansonsten schwarz
Videomodul, 1-farbig, 33-66 > Format: Fokus Text Small Black (vorher)
Format: Titel S / Fokus S
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Videomodul, 1-farbig, 66-33 > Format: Fokus Text Small Black
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Videomodul, 1-farbig, 33-66 > Format: Fokus Text Small Black
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Videomodul, 1-farbig, 66-33 > Format: Fokus Text Small Black
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Medientypen & Interaktive Module
Audio-Modul / Podcast-Player
Anmerkungen:
Format: Fokus Text Small Black
David Neil Nethen im Gespräch mit Dr. Nina Smidt und Prof. Dr. Reiss – verfügbar als Pod- und Videocast:
Überschrift (H2) Siemens Slab Bold
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Goodcast #53, 22. Mai 2024 (Podcast, Deutsch)
Überschrift H4 Siemens Sans Black
Sauberes Wasser ist ein Menschenrecht und eine treibende Kraft für nachhaltige Entwicklung. In einem Podcast mit Julius Bertram erklärt Dr. Nina Smidt, wie lokal verankerte soziale Unternehmen einen entscheidenden Beitrag zur Reduzierung des Wasserversorgungsdefizits in Kenia leisten.
Überschrift (H2) Siemens Slab Bold Wie die Siemens Stiftung Klimawandelbildung weltweit fördern will
Dr. Nina Smidt, unsere Geschäftsführende Vorständin und Sprecherin, sprach im „Trending Topics“ Podcast am 9. November 2023 mit Oliver Janko, Chefredakteur des Magazins, über die weltweite Förderung von Klimawandelbildung.
Medientypen & Interaktive Module
Bild-Text-Slider / Medienmodul mit Text
Anmerkungen:
Bitte das neue Modul hier einbinden!
Medientypen & Interaktive Module
Video-Teaser / Intro-Video
Anmerkungen:
- Bild in Mobil oberhalb vom Text eingestellt
- Button kann weggelassen werden
- Abstand Text und Button =25 px
- Buttongröße „groß“
- Bei dunklem Hintergrund Textfarbe weiß mit Button weißer Rahmen , ansonsten schwarz
Videomodul, 1-farbig, 33-66
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
»Hydrocommons Cultures«
Videomodul, 1-farbig, 66-33
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Videomodul, 2-farbig, 33-66
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Medientypen
Newsletter CTA / Popup-Abo-Modul
Anmerkungen:
Medientypen
Publikations-Teaser / Bildvorschau
Anmerkungen:
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Inpage Naviagtion nutzen?
- Letzte Dreier-Publikationen: Gibt es eine bessere Darstellung, wenn die Publikationen im Hochformat vorliegen, oder sollte man davon absehen, da es bei den Redakteuren sehr beliebt ist?
- Wir empfehlen generell keine bilder mit text drauf zu nutzen, da nicht barrierefrei.
- Zur dreier-publikation – bitte mit denise besprechen
- Überschriften Hierarchie sonst korrekt
Publikation /Format: Titel M / Fokus L
Study Überschrift (H2 Siemens Slab Bold) ?
Format: Fokus Text Medium
Format: Fokus Smal Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet,
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Format: Titel M / Fokus L
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Format: Titel M / Fokus L
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Medientypen
Pressekontakt Modul
Anmerkungen:
Presse (Überschrift H1 Vorgabe)
Herzlich Willkommen im Pressebereich der Siemens Stiftung! (Überschrift H2 Vorgabe)
Sie sind Journalistin oder Journalist? Unsere Ansprechpartnerinnen unterstützen Sie gerne bei allen Fragen zu unseren Projekten sowie zu Stiftungs- und Vorstandsthemen.
Pressekontakt (Überschrift H3 Vorgabe)
Karolin Timm-Wachter
Pressesprecherin
(Stiftungsthemen und Bildung)
Kontakt
+49 89 540487 111
Karolin Timm-Wachter
Pressesprecherin (Entwicklungskooperation und Kultur)
Kontakt
+49 89 540487 111
Medientypen & Interaktive Module
Geografie-Modul
Anmerkungen:
Strategische & Thematische Teaser
Strategie-Teaser / Thematische Vorschau
Anmerkungen:
Texteditor Link: No underline nötig! Sonst ist die Verlinkung zu z.B. zu Grundversorgung sichern unterstrichen.!
Überschrift H2 Siemens Slab Bold
Unsere Projekte entstehen gemeinsam mit Partner*innen weltweit. Internationale Netzwerke bilden Ökosysteme für nachhaltige gesellschaftliche Entwicklung.
Phase 1 (2023-2024) Überschrift H 3 Siemens Slab Bold
Klimawandelbildung für die Küstenregion von Veracruz / Überschrift H2 (Vorgabe)
Ziel der ersten Phase war es, Wissen und pädagogische Fähigkeiten der Lehrkräfte zu stärken. Damit sollten sie ihre Schüler*innen befähigen, den Klimawandel sowie dessen Folgen zu verstehen und für Anpassungsmaßnahmen zu sensibilisieren, um Handlungskompetenzen in den Gemeinden zu stärken.
Verlinkung & Interaktion
Call-to-Action Link
Anmerkungen:
- wenn Linktext sehr lang oder zwei gleichwertige Links, die nicht als Buttons dargestellt werden sollen.
- Spaltenabstand bei leere 1/3 Spalte rechts auf „Erweitert (Mobil: ohne)“ eingestellt
- Inpage Navigation nutzen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Strategische & Thematische Teaser
Thematische Vorschau
Anmerkungen:
Edit inner section > Erweitert > CSS-Klassen: infomodul
- Edit Spalte (mit Text) > Erweitert > CSS-Klasse: infomodultext
- Bild mobil quadratisch)
Achtung für Mobil muss Bild zusätzlich quadtratisch eingepflegt werden. - Modul mobil so eingestellt, dass zuerst das Bild gezeigt wird und dann der Text (redaktionell)
- Margin oben / unten 50px (Edit Abschnitt) kann nach Bedarf ausgestellt werden!
Bei Zitaten mit Foto das Bild eher quadratisch anlegen, mit Video passt Querformat!
Format: Titel S / Fokus S (Fett?)
Fokus text small black, (vorher)
Format: Titel S / Fokus S
Format: Titel S / Fokus S (Fett?)
Fokus text small black, (vorher)
Format: Titel S / Fokus S
Format: Titel S / Fokus S (Fett?)
Fokus text small black, (vorher)
Format: Titel S / Fokus S
Verlinkung & Interaktion
Hyperlink-Modul
Anmerkungen:
- Links sind unterstrichen im Bodytext,
- Bei weißem/hellem oder beim Stone Hintergrund (#BECDD7) wird die Hoverfarbe sein: Schrift Stone Dark #5F6D75
–> dies ist bereits als Default-Hoverfarbe im CMS integriert und muss somit nicht angepasst werden - Bei dunklen Hintergründen (insbesondere mit weißer Schrift) ist es die Hoverfarbe : Schrift Stone Light #8CA3AF
–> bitte beachtet hier, das ihr das Format in “Link Hover Light Gray” umbenennt:
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Verlinkung & Interaktion
Call-to-Action Link
Anmerkungen:
- wenn Linktext sehr lang oder zwei gleichwertige Links, die nicht als Buttons dargestellt werden sollen.
- Spaltenabstand bei leere 1/3 Spalte rechts auf „Erweitert (Mobil: ohne)“ eingestellt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Verlinkung & Interaktion
CTA-Elemente Buttons
Anmerkungen:
- Orange (kein Rahmen, oranger Hintergrund, schwarze Schrift)
- Transparent (schwarzer Rahmen, transparenter Hintergrund, schwarze Schrift)
- Brombeer (kein Rahmen, brombeer Hintergrund, weiße Schrift)
- Deep blue (kein Rahmen, dunkelblauer Hintergrund, weiße Schrift)
- Olive green (kein Rahmen, grüner Hintergrund, weiße Schrift)
1. Button weißer Rahmen:
Background color: transparent2
Weißer Rahmen, weiße Schrift, transparenter Hintergrund → (wird zu) schwarzer Rahmen, schwarze Schrift und weißer Hintergrund
2. Button Weiß:
Background color: white
schwarzer Rahmen, schwarze Schrift und weißer Hintergrund → (wird zu) schwarzer Rahmen, schwarze Schrift und grauer (stone) Hintergrund
Verlinkung & Interaktion
Infobox-Modul
Anmerkungen:
- 1 Icon pro box
- Wenn Fließtext länger als Box, dann kann die Box untenbündig eingestellt werden (Über Edit Spalte, vertikalte Ausrichtung: Unten)
- Dazu bei den Spalteneinstellungen im Elementor -> Layout-Tab den „HTML-Tag“ auf „aside“ einstellen.
- Spaltenabstand bei Text 2/3 links auf „Erweitert“ eingestellt
- Spaltenabstand bei Text 2/3 rechts auf „Vorgabe“ eingestellt
- Infobox immer unterhalb des Textes (Infobox links auf „Edit Inner Section“ > Erweitert > Responsive > Spalte umkehren (Tablet/Mobil))
- Wenn die Boxfarbe als Hintergrund eingestellt werden soll, muss ein Code ins Eigenes CSS eingefügt werden; dadurch bleibt der grüne Hintergrund sichtbar und Endet mit Fließtext Box. Die Spalte selbst sollte dann auf die Hintergrundfarbe des Abschnitts eingestellt werden.
Schwerpunkte (Überschrift (H2) Siemens Slab Bold)
Content Titel H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Content Titel H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Content Titel H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Verlinkung & Interaktion
Related Content Box, 1-farbig, 66% Text
Anmerkungen:
- Der Titel sollte als H3 gesetzt werden
Gib hier deine Überschrift ein
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Gib hier deine Überschrift ein
Gib hier deine Überschrift ein
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
Related Content Box, 1-farbig, 33% Text
Related Content Box, 1-farbig,
Anmerkungen:
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Copyright on Hover möglich?
- Hoveraktion mit Information des Dateinamens bitte entfernen
- Der Textstil auf der Seite sollte ruhig H3 sein, das ist dann automatisch viusell das gleiche wie Fokus Text Small Black.
Verlinkung & Interaktion
Siemens Stiftung in den Medien
Anmerkungen:
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Inpage Navigation nutzen?
- Hier wird die H4 genutzt, welche andere Schriftart möglich
Arne:
- Hier bitte statt h4 einfach die H3 nutzen, und oben die inpage navigation
ENTECH ONLINE, 30.07.2025 (Artikel, Englisch)
H4 Siemens Sans Black
In diesem Artikel zeigen Dr. Nina Smidt und Dr. Barbara Filtzinger, wie die Siemens Stiftung mit Projekten wie MINTplus, OER und Design Thinking dazu beiträgt, Bildung in verschiedenen Ländern neu zu gestalten, um Schüler auf eine nachhaltige, technologiegetriebene Zukunft vorzubereiten.
africa.table, 09.06.2025 (Artikel, Deutsch)
„Sozialunternehmer: Neue Chancen für Entwicklung im Globalen Süden“
Sozialunternehmen spielen eine wachsende Rolle in der Entwicklungszusammenarbeit – besonders im Globalen Süden, wo die Finanzierungslücke laut OECD bis 2030 stark ansteigen könnte. Der Artikel bei africa.table beleuchtet das Potenzial und die Herausforderungen dieser Unternehmen, verweist auf Studien der Siemens Stiftung und stellt mit WeTu ein innovatives Beispiel aus Kenia vor.
Textmodule & Inhaltsblöcke
Text-Bild-Modul (Quadrat)
Anmerkungen:
- Bei Absprung auf Projektseite hat Bild keine BU und kein Copyright. Copyrightangabe am Seitenende (Format siehe unten, Section-Titel möglichst kurz halten).
- Spaltenabstand bei Text 2/3 links auf „Erweitert“ eingestellt; Abstand Text – Button: 50px
- Spaltenabstand bei Text 2/3 rechts auf „Vorgabe“ eingestellt; Abstand Text – Button: 50px
- Kann mit und ohne Trenner verwendet werden; ohne Trenner kann Überschrift ggf. auch über dem 2/3-Modul stehen
- Wenn Bild rechts, dann über Erweitert > Responsive > Spalten unkehren (in Tablet und Mobil Bild immer oben)
- Copyright on Hover ?
Copyright on Hover möglich ?
Überschrift H2 (Siemens Slab Bold)
Überschrift H3
Überschrift H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Foto 1: Section-Titel
© Siemens Stiftung
Foto 2: Section-Titel
© Siemens Stiftung
Textmodule & Inhaltsblöcke
Text-Bild-Modul (Querformat)
Anmerkungen:
- Bei Absprung auf Projektseite hat Bild keine BU und kein Copyright. Copyrightangabe am Seitenende (Format siehe unten, Section-Titel möglichst kurz halten).
- Spaltenabstand bei Text 2/3 links auf „Erweitert“ eingestellt; Abstand Text – Button: 50px
- Spaltenabstand bei Text 2/3 rechts auf „Vorgabe“ eingestellt; Abstand Text – Button: 50px
- Kann mit und ohne Trenner verwendet werden; ohne Trenner kann Überschrift ggf. auch über dem 2/3-Modul stehen
- Wenn Bild rechts, dann über Erweitert > Responsive > Spalten unkehren (in Tablet und Mobil Bild immer oben)
- Copyright on Hover ?
Copyright on Hover möglich ?
Projekt (Überschrift H2 Siemens Slab Bold)
Gib hier deine Überschrift ein (Überschrift H3 Vorgabe)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Projekt (Überschrift H2 Siemens Slab Bold)
Gib hier deine Überschrift ein (Überschrift H3 Vorgabe)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Textmodule & Inhaltsblöcke
Text-Button-Modul
Anmerkungen:
- Button können neben den Text oder unteren den Text stehen / farbig/transparent und Größe = groß
- Spaltenabstand bei Text 2/3 links auf „Erweitert“ eingestellt
- Spaltenabstand bei Text 2/3 rechts auf „Vorgabe“ eingestellt
Überschrift H2 Siemens Slab Bold
Überschrift H3 Vorgabe
Überschrift H3 Vorgabe
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Textmodule & Inhaltsblöcke
Text-ohne Bild
Anmerkungen:
- Button können neben den Text oder unteren den Text stehen / farbig/transparent und Größe = groß
- Spaltenabstand bei Text 2/3 links auf „Erweitert“ eingestellt
- Spaltenabstand bei Text 2/3 rechts auf „Vorgabe“ eingestellt
Projekt (Überschrift H2 Siemens Slab Bold)
Gib hier deine Überschrift ein (Überschrift H3 Vorgabe)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Projekt (Überschrift H2 Siemens Slab Bold)
Gib hier deine Überschrift ein (Überschrift H3 Vorgabe)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Textmodule & Inhaltsblöcke
Projektmodul kompakt
Anmerkungen:
- Bei Fokustext hat Bild keine BU und kein Copyright. Copyrightangabe am Seitenende (Format siehe unten, Section-Titel möglichst kurz halten
- Projekt (H2)
- Fokus-text-medium-sans-black
- Spaltenabstand bei Text 2/3 links auf „Erweitert“ eingestellt
- Button Größe „groß“, Abstand Button und Text 50px
Copyright on Hover ?
Projekt (Überschrift (H2) Siemens Slab Bold)
Überschrift (H3 Vorgabe) / Siehe alte H3 Vorgabe nicht bold?
Titel M / Focus L , consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Textmodule & Inhaltsblöcke
Akkordions
Anmerkungen:
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Inpage Navigation nutzen?
Gib hier deine Überschrift ein
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Textmodule & Inhaltsblöcke
InpageNavigation
Anmerkungen:
- Inpage Navigation nutzen?
- Für Headlines, wie Projekt, Unser Beitrag, Mission, ec.
- Für weiterührende Links wie Partern, Kontakt, Download, Links, ec.
Zitat-Modul
Zitat-Modul mit Bild (Querformat)
Anmerkungen:
- Spaltenabstand auf „Erweitert“ eingestellt
- Fokus Text Small
- Copyright on Hover ?
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Inpage Navigation nutzen?
Projekt (Überschrift H2 Siemens Slab Bold)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Zitat-Modul
Anmerkungen:
- Copyright on Hover ?
- Überschriftenformate korrekt umgesetzt, sinnvolle Hierarchie ?
- Bitte Abstände zwischen den Bildern prüfen, da sie inkonsistent sind.
Projekt (Überschrift H2 Siemens Slab Bold)
Blockzitat weiter nehmen?
Mtra. Maribel Fernández Baeza
Dir. Escuela Primaria “Francisco H. Santos”
Coatzacoalcos, Veracruz.
«Lorem ipsum dolor sit amet, consetetur sadipscing elitr»
Mtra. Maribel Fernández Baeza
Dir. Escuela Primaria “Francisco H. Santos”
Coatzacoalcos, Veracruz.
«Lorem ipsum dolor sit amet, consetetur sadipscing elitr»
Mtra. Maribel Fernández Baeza
Dir. Escuela Primaria “Francisco H. Santos”
Coatzacoalcos, Veracruz.
Zitat-Modul
Interview mit Zitaten, mit Text rechts/links
Anmerkungen:
- entweder Zitattexten oder Bilder nutzen
- Zitate, bzw. Bilder können obenbündig, mittig oder unten gesetzt werden (einheitlich)
- Modul Mobil sollte so eingestellt, dass zuerst der Text gezeigt wird und dann das Zitat
Edit inner section –> Erweitert –> Responsive –> Spalten umkehren (Tablet / Mobil) - Spaltenabstand bei Text 2/3 rechts mit Zitat links auf „Vorgabe“ eingestellt
- Bei Text 2/3 rechts und links leere Spalte, dann Spaltenabstand auf „Vorgabe (mobil:ohne) eingestellt
- Spaltenabstand bei Text 2/3 links mit Zitat rechts auf „Erweitert“ eingestellt
- Bei Text 2/3 links und rechts leere Spalte, dann Spaltenabstand auf „Erweitert (mobil:ohne)“ eingestellt
- Spaltenbreite Mobil 100 % und Tablet 70 %
»Blockzitat weiter anwenden?«
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
«ENGLISCH: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore»
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
»DEUTSCH: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.«
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
«ENGLISCH: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore»
Zitat-Modul
Zitat-Modul mit Bild, rund
Anmerkungen:
Spaltenabstand auf „Erweitert“ eingestellt
- Zitat kann auch ohne Bild stehen
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Berthold Huber, Präsident des Stiftungsrats der Siemens Stiftung
Zitat-Modul
Zitat-Modul: Story-in-Story mit Bild (rund)
Anmerkungen:
- Zitat-Modul wird nur selten angewendet, da fehleranfählig bezüglich hinterlegtem HTML-COde.
Spaltenabstand auf „Erweitert“ eingestellt
- Zitat kann auch ohne Bild stehen
Gib hier deine Überschrift ein
Julia Akinyi, Finanz- und Personalmanagerin bei WeTu, erzählt ihren Weg durch eine Männerwelt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Sonstiges
Newsletter-Signup-Footer-Element de/en
Anmerkungen:
Neues Layout
Impulse für nachhaltige
Veränderung:
Der Newsletter der Siemens Stiftung
Unser Newsletter hält Sie auf dem Laufenden über unsere Arbeit in den Handlungsfeldern Digitalität, Klima und Grundversorgung.
Alle zwei Monate erhalten Sie Updates zu Projekten, Ausschreibungen, Fortbildungen und Events!
Impulses for Sustainable Change:
The Newsletter of the Siemens Foundation
Our newsletter keeps you up to date on our work in the areas of digitalization, climate, and basic services.
Every two months, you’ll receive updates on projects, calls for proposals, training opportunities, and events!
Sonstiges
E-Mail Bestatigungswebseiten, Doppel-OptIn
Anmerkungen:
Nach initialem Absenden des Formulars kommt diese Seite:
https://www.siemens-stiftung.org/en/projects/climate-change-education-in-focus-at-climate-week-nyc-2025/registration-successful/
2) Dieser Link muss nach 1) zum Anklicken in der Antwort-eMail enthalten sein (für Bestätigung der Anmeldung bzw. eMail-Adresse):
https://www.siemens-stiftung.org/en/projects/climate-change-education-in-focus-at-climate-week-nyc-2025/confirm-email/
Mit diesem Link-Klick wird die Anmeldung/eMail bei Salesforce bestätigt, bei Matomo getracked und danach passiert sofort ein redirect auf 3)
3) wenn ein Interessent mit dem Link aus der eMail seine Anmeldung/seine eMail dann bestätigt, kommt er hier raus:
https://www.siemens-stiftung.org/en/projects/climate-change-education-in-focus-at-climate-week-nyc-2025/email-confirmed/
Confirmation of your registration required
Thank you for your registration. A confirmation email with an activation link has been sent to the email address you provided. Please confirm your registration within 14 days by clicking on the link.
Registration confirmed – We look forward to seeing you!
Thank you for confirming your registration. You have been added to the distribution list and will receive further information related to the event and Climate Change Education.
Sonstiges
Anmeldungsformular mit Datenimport zu Salesforce
Anmerkungen:
Neues Layout in Zukunft angedacht!