Energiekrise
Wie Russland deutsche Politiker, Manager und Anwälte einspannte, um Deutschland von russischem Gas abhängig zu machen.
Topline
Storytelling Design System
One of the top principles of good UX is to keep the interface consistent. CORRECTIV’s design is simple, but attractive. It serves trustbuilding. The thoughtful typography system, spacing, and consistency makes it easy for users to read and to understand.
Topline
Titel (no mobile box)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Topline
Titel (no mobile box)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Topline
Titel (no mobile box)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Topline
Title (with mobile box)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Topline
Title (white mobile gradient)
Topline
Title (mobile top)
Storytelling Design System
von Justus von Daniels und Marcus Bensmann
26. Oktober 2022
Storytelling Design System
von Justus von Daniels und Marcus Bensmann
26. Oktober 2022
Storytelling Design System
von Justus von Daniels und Marcus Bensmann
26. Oktober 2022
Storytelling Design System
von Justus von Daniels und Marcus Bensmann
26. Oktober 2022
Storytelling Design System
von Justus von Daniels und Marcus Bensmann
26. Oktober 2022
Storytelling Design System
Der Privatdetektiv, der das Ibiza-Video gedreht hat
Das Ibiza-Video brachte eine Regierung zum Einsturz und markierte den Beginn eines nicht enden wollenden Kampf gegen Korruption. Wir haben Julian Hessenthaler, der es orchestrierte, in den ersten Stunden der Freiheit aus dem Gefängnis begleitet und neue Dokumente zu dem Fall sichten können. Sein Fall dürfte Österreich noch lange beschäftigen.
Von Jean Peters
Fixed Elements
Die folgenden Bausteine gibt es im Hauptteil jeder Story. Die Credits stehen immer am Ende.
The main part of each story will contain the following elements. Credits go last.
von Justus von Daniels und Marcus Bensmann
26. Oktober 2022
Zwischenüberschrift
Fließtext Boateng hat das alles bestritten. Bereits vor gut einem Jahr verurteilte das Münchner Amtsgericht ihn wegen vorsätzlicher Körperverletzung gegen Sherin S. zur Zahlung von 60 Tagessätzen à 30.000 Euro, 1,8 Millionen Euro insgesamt. Boateng wäre damit nicht vorbestraft, das wäre erst ab 90 Tagessätzen der Fall. Der Fußballer wies die Vorwürfe zurück, sein Verteidiger forderte einen Freispruch. Sowohl Boateng als auch die Staatsanwaltschaft und Sherin S. als Nebenklägerin gingen in Berufung.
Jetzt im Berufungsprozess äußerte sich Boateng nicht, er ließ seine Anwälte sprechen: „Herr Boateng bestreitet strafbares Tun.“ Der Fußballer kam umgeben von Bodyguards in den Saal des Gerichts. Nun sitzt er zwischen seinen drei Verteidigern, fast reaktionslos, schüttelt ab und an den Kopf. Sherin S. indes bleibt mehr als drei Stunden lang im Zeugenstand und wird die Ereignisse des Abends vom 29. Juli 2018 durchgehen, im Detail, zum Teil mehrfach.
Jean Peters
ist Investigativ-Journalist bei CORRECTIV, Deutschlands erstem spendenfinanzierte Medium. Als vielfach ausgezeichnete Non-Profit-Organisation stehen wir für investigativen Journalismus. Wir lösen öffentliche Debatten aus, arbeiten mit Bürgerinnen und Bürger an unseren Recherchen und fördern die Gesellschaft mit unseren Bildungsprogrammen.
Credits
- Text und Recherche: Justus von Daniels, Anette Dowideit
- Illustrationen: Mohamed Anwar
- Design: Mohamed Anwar, Maximilian Bornmann
- Redaktion: Justus von Daniels, Miriam Lenz
- Faktencheck: Till Eckert
- Kommunikation: Valentin Zick
- Veröffentlicht am: 24. März 2023
Credits
Text und Recherche: Justus von Daniels, Anette Dowideit Illustrationen: Mohamed Anwar Design: Mohamed Anwar, Maximilian Bornmann Redaktion: Justus von Daniels, Miriam Lenz Faktencheck: Till Eckert Kommunikation: Valentin Zick
Visual Elements
Die folgenden Bausteine können je nach Bedarf verwendet werden.
The following modules can be added if needed.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Vorname Nachname
„CORRECTIV ist Deutschlands größtes gemeinwohlorientiertes Medienhaus. Mit Journalismus, Medienbildung und offenen Technologien stärken wir die Demokratie.“
„CORRECTIV ist Deutschlands größtes gemeinwohlorientiertes Medienhaus. Mit Journalismus, Medienbildung und offenen Technologien stärken wir die Demokratie.“
Infobox Ea rerum illo ut obcaecati autem non velit rerum et saepe officiis? Ab laborum alias ut dolores tempore cum repellendus voluptas aut iure sint ea accusamus voluptatem et assumenda soluta. Qui dolores perferendis in optio autem eos eaque eligendi laborum commodi vel distinctio numquam sed commodi praesentium.
Julian Hessenthaler, geboren am 15.11.1980, ist ein österreichischer Detektiv, der durch Regie und Organisation des berühmten Ibiza-Videos bekannt geworden ist. Das Ibiza-Video wurde 2019 veröffentlicht und löste einen der größten politischen Skandale Europas aus. Das Video zeigte Heinz-Christian Strache, den damaligen Chef der rechtspopulistischen FPÖ und späteren Vizekanzler Österreichs, im Gespräch über mögliche Korruption.
Hessenthaler spielte eine entscheidende Rolle bei der Aufnahme des Videos und wurde später wegen des Verkaufs von Drogen und Urkundenfälschung, nicht jedoch wegen seiner Verwicklung in das Ibiza-Video verurteilt. Hessenthaler selbst sagt bis heute, er sei unschuldig verurteilt worden. Er verbrachte rund zweieinhalb Jahre in Haft, darunter 23 Monate Untersuchungshaft und einige Wochen Freigang mit elektronischer Überwachung, bevor er am 7. April 2023 freigelassen wurde.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Lorem ipsum dolor sit amet. Voluptas aspernatur ut voluptatem eius et distinctio commodi id modi libero. Aut dolor temporibus eum corrupti atque et ullam praesentium nam soluta rerum quo natus tenetur ut amet veniam eum sunt nobis. Eos omnis itaque ut eaque rem perspiciatis illo et quam explicabo.
Aut voluptas dicta est tempore adipisci quasi reprehenderit ut aliquid maiores.
0
Mio.
Webdesigner
50%
Webdesigner
70%
Webdesigner
90%
Our CORRECTIV newsroom is located in Berlin
Hotspot
We can use the Hotspot widget to add interactivity to static images. A well-known example of hotspots on images is the IKEA online catalogue.
We could also use it on graphics and maps. It is possible to add a tooltip that is triggered by hover or click.
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.
Scrollama
Scrollama ist eine JavaScript Bibliothek für Scrollytelling. Mit den folgenden Elementen können wir Schritt für Schritt erzählen.
Scrollama is a JavaScript library for scrollytelling. We can use the following elements to tell a story step-by-step.
Sit expedita error quo assumenda consequatur aut odit adipisci qui consectetur esse ad consectetur error et sapiente quod. Vel itaque accusamus 33 repellat quia sed iste possimus non suscipit itaque. Qui fugit doloribus sit eius culpa cum laudantium tenetur sit facilis doloribus! Vel vero laudantium ea eius omnis aut consequatur numquam ea rerum omnis ad aspernatur explicabo?
Vel voluptate asperiores qui dolor quos ut ducimus dicta! Ad porro quibusdam sed maxime quasi aut enim animi. Id magni laboriosam a soluta sunt et itaque dicta ut obcaecati autem sed quia facere rem laboriosam eius ut praesentium molestiae!Sit expedita error quo assumenda consequatur aut odit adipisci qui consectetur esse ad consectetur error et sapiente quod.
Lorem ipsum dolor sit amet. Aut velit sint sed dicta quia quo delectus exercitationem aut veritatis consequuntur cum eligendi quia cum accusantium numquam ut amet quis. Sit expedita error quo assumenda consequatur aut odit adipisci qui consectetur esse ad consectetur error et sapiente quod. Id expedita voluptas sit facere esse ab nemo laboriosam.
Lorem ipsum dolor sit amet. Aut velit sint sed dicta quia quo delectus exercitationem aut veritatis consequuntur cum eligendi quia cum accusantium numquam ut amet quis. Sit expedita error quo assumenda consequatur aut odit adipisci qui consectetur esse ad consectetur error et sapiente quod. Id expedita voluptas sit facere esse ab nemo laboriosam.
Lorem ipsum dolor sit amet. Aut velit sint sed dicta quia quo delectus exercitationem aut veritatis consequuntur cum eligendi quia cum accusantium numquam ut amet quis. Sit expedita error quo assumenda consequatur aut odit adipisci qui consectetur esse ad consectetur error et sapiente quod. Id expedita voluptas sit facere esse ab nemo laboriosam.
Lorem ipsum dolor sit amet. Aut velit sint sed dicta quia quo delectus exercitationem aut veritatis consequuntur cum eligendi quia cum accusantium numquam ut amet quis. Sit expedita error quo assumenda consequatur aut odit adipisci qui consectetur esse ad consectetur error et sapiente quod. Id expedita voluptas sit facere esse ab nemo laboriosam.
Von 310 Frauenhäusern haben fast 70 Prozent keinen Platz (). Sehr viele Häuser machen keine Angabe (). Auf der Karte suchst du nach den Häusern, die euch aufnehmen können. ().
Du hast Glück: Zehn Häuser haben gerade etwas frei. Aber kommen dort auch alle deine Kinder unter? Denn wie viele Betten in den Frauenhäusern frei sind, zeigt die Karte erst einmal nicht.
Über einen Filter findest du heraus, dass zwei Häuser auch Platz für deine Kinder haben: Eines in Schleswig-Holstein, eines in Bayern. Du googelst die Entfernungen: Beide sind knapp 500 Kilometer weit weg.
Wie sollst du das schaffen? Deine Kinder sind noch klein. Der Gedanke an eine weite Reise macht dir Angst. Dein Partner kommt bald wieder nach Hause.
Versuchst du es an einem anderen Tag?
Was wird bis dahin passieren?
Nav Elements
Related Content
Bitte immer auf mindestens zwei verwandte Artikel verweisen. Zusätzlich zu Links im Fließtext gibt es hierfür folgende visuelle Elemente zur Auswahl.
Please list at least two related articles. Additionally to hyperlinks in the text you can choose from the following visual elements.
Mehr von CORRECTIV
Topline
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
Related Article
Related Article
Aut dolores autem aut commodi dolor
Lorem ipsum dolor
Mehr von CORRECTIV
Podcast
Pausenbrot
Podcast
Klima
Podcast
Politik
Podcast
Kurz erklärt
Call-to-Action
Mit diesen Elementen möchten wir die Lesenden aktivieren.
These elements are a call-to-action.
Die besten Recherchen der Woche
Unser Spotlight-Newsletter mit den besten Recherchen aus Deutschland und der Welt – jeden Samstag für Sie zusammengestellt
CORRECTIV Spotlight - Story
Ihre Spende für unabhängigen Journalismus
Dieser Artikel wird von Spenden unserer Leserinnen und Lesern finanziert. Investigativer Journalismus und die Eindämmung von Desinformation sind für unsere Demokratie wichtiger den je. Unterstützen Sie die gemeinnützige Arbeit unserer vielfach ausgezeichneten Redaktion mit Ihrer Spende.
„Ich hatte immer Angst, irgendwo zu spät anzukommen – in der Kita, in der Schule, auf der Arbeit“, sagt Julia Bauer, Mutter von drei Kindern in Berlin. „Es ist ein Hamsterrad, aus dem man nicht herauskommt.“ Sie lebt vom Vater der Kinder getrennt und betreut sie abwechselnd mit ihm.
In ihrer Kita konnten zwei Stellen nicht mehr besetzt werden. Also war sie nicht mehr neun Stunden am Tag geöffnet, sondern nur noch sieben, bis sie im Frühling 2023 ganz geschlossen wurde. CORRECTIV.Lokal liegen Dokumente vor, die beides belegen.
Bauer jonglierte von da an die Betreuung ihrer drei Kinder und ihren Job. Noch immer plagen sie Albträume, wenn sie an die Zeit damals zurückdenkt.
Weil die verkürzten Öffnungszeiten der Kita nicht mit ihren Arbeitszeiten zu vereinbaren waren, wechselte sie in die Selbständigkeit. Als die Kita ankündigte, aufgrund von Personalmangel ganz zu schließen, suchte Bauer mehrere Monate nach einem neuen Platz für ihre Tochter. „Ich war wirklich verzweifelt.“
Unterstützen Sie Non-Profit-Journalismus
Ihre Spende fließt direkt in unsere Arbeit – in investigative Recherchen, hunderte Faktenchecks und zahlreiche Bildungsangebote.
CORRECTIV ist das erste spendenfinanzierte Medium in Deutschland mit rund 80 Mitarbeitenden an 6 Standorten. Die Arbeit unserer vielfach ausgezeichneten Redaktion richtet sich am Gemeinwohl aus. Unsere Inhalte sind für alle Menschen kosten- und werbefrei zugänglich.
Code Snippets
Code, den wir immer mal wieder brauchen, sammeln wir hier.
Code we use frequently can be collected here.
Accordions per default einklappen
Als html Element vor dem Accordion einfügen
<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>
Erstellen einer Legende im Scrollama-Text
- Custom CSS
.dot-a,
.dot-b,
.dot-c, {
min-width: 10px;
min-height: 10px;
display: inline-block;
border-radius: 50%;
}
.dot-a {
border: 1px solid hsl(168deg 100% 26%);
background: hsl(168deg 100% 26% / 50%);
}
.dot-b {
border: 1px solid hsl(113deg 31% 66%);
background: hsl(113deg 31% 66% / 50%);
}
.dot-c {
border: 1px solid hsl(28deg 80% 67%);
background: hsl(28deg 80% 67% / 50%);
}
- HTML
<p style=“font-family: source sans pro; line-height: 1.5em; font-size: 14px;“>Titel der Legende hier<br>
<span class=“dot-a“></span> Beschreibung hier 
<span class=“dot-b“></span> Beschreibung hier 
<span class=“dot-c“></span> Beschreibung hier </p>
Zwischenüberschriften (h3)
h3 {
font: 23px Source Sans Pro, sans-serif;
line-height: 1.3;
font-weight: 700;
margin: 30px 0 18px;
}
@media only screen and (max-width: 767px) {
h3{
font-size: 19px;
}
}
Link-Style
.elementor-widget-text-editor a {
border-bottom: 1px solid #F2574A;
color: #333333;
}