entwurf

Claude KI: KI-Gedächtnisprobleme und Lösungen

 

Um die Gedächtnisprobleme der KI (speziell bei Claude Code) zu lösen, müssen technische Hürden überwunden werden, die ab einer bestimmten Menge an Informationen auftreten. Hier sind die konkreten Lösungen, um die „Vergesslichkeit“ und Fehlerquote zu minimieren:

 

1. Aktive Überwachung des „Gedächtnisses“ (Status Line)

Die KI fängt oft schon an zu halluzinieren (erfindet Dinge), wenn das Kontextfenster (ihr Kurzzeitgedächtnis) zu etwa 50 % gefüllt ist.

  • Lösung: Installiere eine Status-Leiste mit dem Befehl npx claudecode-status-line@latest.

  • Nutzen: Du siehst jederzeit in Prozent, wie voll das Gedächtnis ist. Sobald die 50 % erreicht sind, solltest du vorsichtig werden.

 

2. Neustart statt Komprimierung (Kein /compact)

Viele Nutzer verwenden den Befehl /compact, um Platz im Gedächtnis zu schaffen.

  • Das Problem: Dabei werden oft auch die Fehler oder doppelter Code in das neue, komprimierte Gedächtnis übernommen. Die KI trägt den „Giftmüll“ also weiter mit sich herum.

  • Lösung: Starte bei 50 % Auslastung lieber eine komplett neue Konversation (Session). So erhältst du ein frisches, sauberes Arbeitsumfeld ohne Altlasten.

 

3. Das Subagenten-Prinzip (Superpowers Plugin)

Anstatt einer einzigen KI-Instanz alles zu erzählen, nutzt man spezialisierte „Unter-Assistenten“.

  • Lösung: Installiere das Plugin Superpowers über den Befehl plugins.

  • Arbeitsweise: Es gibt einen Haupt-Planer (Orchestrator), der die Aufgabe in kleine Stücke teilt. Diese Stücke werden von „Subagenten“ (Minions) in deren eigenen, kleinen Gedächtnis-Fenstern erledigt. Der Haupt-Assistent fasst am Ende nur die Ergebnisse zusammen. Das schont das Haupt-Gedächtnis massiv.

 

4. Strukturiertes Denken erzwingen (Sequential Thinking)

Die KI neigt dazu, voreilig Lösungen zu präsentieren, wenn sie den Überblick verliert.

  • Lösung: Aktiviere den Sequential Thinking MCP Server.

  • Nutzen: Dies zwingt die KI dazu, Schritt für Schritt logisch nachzudenken und verschiedene Lösungswege abzuwägen, bevor sie Code schreibt. Das reduziert logische Fehler im Gedächtnis.

 

5. Zugriff auf aktuelle Daten (Context 7 Plugin)

Oft entstehen Probleme, weil das interne Wissen der KI veraltet ist und sie versucht, Lücken durch „Raten“ zu füllen.

  • Lösung: Installiere das Plugin Context 7.

  • Nutzen: Damit kann die KI aktuelle Dokumentationen und Schnittstellen (APIs) in Echtzeit abrufen. Sie muss sich also nicht auf ihr (eventuell lückenhaftes) Gedächtnis verlassen, sondern liest die Fakten frisch nach.

Zusammenfassung für den Laien: Man löst das Problem, indem man der KI nicht zu viel auf einmal zumutet, ihr Gedächtnis ständig beobachtet und sie in kleinen, frischen Arbeitsschritten mit spezialisierten Helfer-Programmen arbeiten lässt.

===================

 

Installation von Context7

Befehl im Chat von Claude Desktop: Installiere https://github.com/upstash/context7 in Claude

Registrieren bei Context7.

json von Claude Desktop erstellen / anpassen

 

am besten den Inhalt der JSON von Claude neu erstellen lassen und bemerken, dass die JSON um die Einträge von Context7 ergänzt werden sollen:

{
„mcpServers“: {
„context7“: {
„type“: „http“,
„url“: „https://mcp.context7.com/mcp“,
„headers“: {
„CONTEXT7_API_KEY“: „DEIN-API-KEY-HIER“
}
}
}
}

 


Prüfen ob es geklappt hat

In Claude Desktop: Einstellungen → dort sollte unter „Developer“ oder „MCP“ der Server context7 als verbunden angezeigt werden.

 

 

Fehlerbehebung:

winget install astral-sh.uv

winget install OpenJS.NodeJS.LTS

Claude AI: KI-Skill-Verbesserung durch Schleifenmethode

 

 

Stell dir vor, du hättest einen kleinen Roboter, der für dich Hausaufgaben macht oder Texte schreibt. Am Anfang ist er noch ein bisschen tollpatschig. Aber anstatt ihm jedes Mal zu sagen, was er falsch gemacht hat, gibst du ihm eine Checkliste und sagst: „Übe so lange von allein weiter, bis du jeden Punkt auf der Liste perfekt schaffst!“

Genau das ist die „Loop-Methode“ (Schleifen-Methode). Das Video zeigt, wie man eine KI dazu bringt, sich selbst immer weiter zu verbessern, bis das Ergebnis genau so ist, wie du es willst [03:13].

Hier ist die Anleitung, wie das funktioniert – erklärt für dich Schritt für Schritt:


 

Teil 1: Die allgemeine Beschreibung (Wie der Loop funktioniert)

Man kann diesen Prozess in drei große Phasen unterteilen:

  1. Die Anleitung (Der Skill): Du schreibst der KI eine erste Anleitung, was sie tun soll (z. B. „Schreibe eine Video-Beschreibung“).

  2. Die Prüfung (Die Eval): Du erstellst Test-Beispiele und eine Checkliste mit Fragen, die man nur mit „Ja“ oder „Nein“ beantworten kann (z. B. „Sind Emojis drin?“, „Ist der Text länger als 10 Sätze?“) [03:30].

  3. Der Trainer (Der Loop): Die KI lässt ihre Anleitung gegen die Test-Beispiele laufen. Wenn sie eine Regel bricht (z. B. doch ein Emoji benutzt), muss sie ihre eigene Anleitung umschreiben und es nochmal versuchen. Das macht sie so lange, bis sie 100 % der Punkte erreicht [08:14].

 


 

Teil 2: Ein konkretes Beispiel

Beispiel: Ein „Gaming-Tipp-Schreiber“ für YouTube. Du möchtest, dass die KI Tipps zu Spielen schreibt, aber sie soll keine Schimpfwörter benutzen, maximal 3 Tipps geben und am Ende immer schreiben: „Viel Spaß beim Zocken!“.

Schritt 1: Den Skill erstellen

Du sagst der KI, sie soll eine Datei namens gaming_skill.md anlegen, in der steht, wie man gute Tipps schreibt.

Schritt 2: Die Prüfung festlegen (Eval)

Du gibst der KI 5 verschiedene Spiele vor. Für jedes Spiel soll sie Tipps schreiben. Danach wird geprüft:

  • Hat der Text weniger als 100 Wörter? (Ja/Nein)

  • Sind es genau 3 Tipps? (Ja/Nein)

  • Fehlen Schimpfwörter? (Ja/Nein)

  • Ist der Satz „Viel Spaß beim Zocken!“ am Ende? (Ja/Nein)

Schritt 3: Den Loop starten

Die KI merkt vielleicht: „Oh, bei Minecraft habe ich 4 Tipps gegeben.“ Dann verbessert sie ihre Anleitung so lange, bis sie bei allen 5 Spielen immer genau 3 Tipps gibt [12:05].

 


 

Teil 3: Die Prompts (Die Befehle für die KI)

Hier sind die Befehle, die du nacheinander eingeben kannst (z. B. in Claude oder ChatGPT).

Wichtig: Wenn du mit Programmier-Code arbeitest, füge ich die Kommentare so ein, wie du es dir gewünscht hast.

Prompt 1: Den ersten Skill erstellen

„Erstelle mir einen Skill für einen [HIER THEMA EINSETZEN, z.B. Gaming-Tipp-Schreiber]. Schreibe die Anleitung in eine Datei namens skill.md. Die Anleitung soll erklären, wie man [DEIN ZIEL] erreicht.“

Prompt 2: Die Test-Datei (Eval) erstellen

„Erstelle eine Datei namens eval.json mit 5 Testfällen. Jeder Testfall braucht einen Beispiel-Input. Erstelle für jeden Testfall 5 Regeln (Assertions), die man nur mit JA oder NEIN beantworten kann. Die Regeln sollen prüfen, ob die Vorgaben aus der skill.md (z. B. keine Emojis, kurze Sätze) eingehalten werden.“

Prompt 3: Den Loop (die Selbstverbesserung) starten

„Starte jetzt einen Loop:

  1. Führe den Skill aus der skill.md für alle Testfälle in der eval.json aus.

  2. Prüfe für jeden Output die JA/NEIN-Regeln und berechne einen Score (Punkte).

  3. Schreibe die Ergebnisse in eine loop-log.md.

  4. Wenn der Score nicht perfekt ist: Analysiere die Fehler, verbessere die Anleitung in der skill.md und starte den Test von vorn.

  5. Wiederhole das so lange, bis der Score perfekt ist, ohne mich zwischendurch zu fragen.“

 


 

Das Skript-Gerüst (für deine Unterlagen)

Wenn du der KI sagst, sie soll ein Log-Skript erstellen, kannst du ihr dieses Format vorgeben:

SQL

 
/* * BESCHREIBUNG: Protokoll-Struktur für die KI-Selbstverbesserung
 * AUTOR: MN
 * DATUM: 2026-03-26 / 20:22
 */
-- In der loop-log.md Datei werden folgende Dinge gespeichert:
-- 1. Durchlauf-Nummer (Iteration)
-- 2. Erreichter Score (z.B. 23 von 25 Punkten)
-- 3. Welche Regel wurde gebrochen? (z.B. "Emoji gefunden")
-- 4. Was wurde an der Anleitung geändert?

Was du beachten solltest (Tipps für 12-Jährige):

  • Fachausdruck „Binäre Assertion“: Das klingt kompliziert, heißt aber nur: Eine Frage, die man nur mit „Wahr“ (Ja) oder „Falsch“ (Nein) beantworten kann [03:30].

  • Geduld: Manchmal braucht die KI 2 oder 3 Versuche, bis sie ihre eigene Anleitung so umgebaut hat, dass sie keine Fehler mehr macht [12:08].

  • Präzision: Je genauer deine Ja/Nein-Fragen sind, desto schneller lernt dein „Roboter“. Anstatt „Ist der Text gut?“ frage lieber „Hat der Text mehr als 50 Wörter?“.

Claude AI Agent Teams & Claude Swarm: Ein Leitfaden für Deinen Claude Workspace

Die Einführung von Claude 4.6 und Claude Code hat eine neue Ära der Zusammenarbeit zwischen KI-Agenten eingeläutet. Anstatt nur einen einzelnen Assistenten zu haben, kannst du nun ganze Teams (oft als „Swarms“ oder „Agent Teams“ bezeichnet) orchestrieren, die parallel arbeiten und miteinander kommunizieren.

1. Was sind Agent Teams / Swarms? (Für Anfänger)

Stell dir vor, du hast nicht nur einen Mitarbeiter, dem du eine Aufgabe gibst, sondern eine ganze Abteilung.

  • Früher (Sub-Agents): Ein Chef-Agent hat Aufgaben an Unter-Agenten verteilt. Diese konnten aber nur dem Chef antworten, nicht untereinander reden.

  • Heute (Agent Teams): Mehrere Agenten arbeiten gleichzeitig in ihren eigenen „Fenstern“. Sie teilen sich eine gemeinsame Aufgabenliste und können sich gegenseitig Nachrichten in eine Art „Posteingang“ (Inbox) schicken.

Der Vorteil: Sie können Probleme gemeinsam lösen, sich gegenseitig korrigieren (z. B. einer schreibt Code, einer testet, einer schreibt die Doku) und arbeiten deutlich schneller durch Parallelisierung.

 


 

2. Die Architektur (Für Experten)

Das System basiert auf drei Kernkomponenten in Claude Code:

  1. Shared Task List: Alle Agenten greifen auf dieselbe Liste zu. Aufgaben können Abhängigkeiten („Blocker“) haben. Ein Agent beginnt erst, wenn seine Voraufgabe erledigt ist.

  2. Inbox System: Agenten können Nachrichten an die inbox anderer Teammitglieder senden. Dies verhindert, dass Agenten auf Basis veralteter Annahmen arbeiten.

  3. Parallel Execution: Mehrere Instanzen laufen gleichzeitig, was die Effizienz steigert, aber auch den Token-Verbrauch erhöht.

 


 

3. Einrichtung in deinem Workspace

Um Agent Teams nutzen zu können, musst du Claude Code installiert haben und sicherstellen, dass die Umgebungsvariablen richtig gesetzt sind.

Voraussetzungen:

Stelle sicher, dass in deiner settings.local.json (im .claude-Ordner deines Projekts) keine Telemetrie-Blocker aktiv sind, die die Team-Funktion stören könnten:

JSON

 
{
  "DISABLE_TELEMETRY": 0,
  "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": 0
}

Führe danach claude update aus, um auf der neuesten Version zu sein.

 


 

4. Praktische Umsetzung & Prompts

Du startest ein Team direkt über das Terminal in Claude Code. Hier sind Beispiele für verschiedene Szenarien:

Szenario A: SEO- & Content-Analyse (Mediterrane Rezepte)

Da du gerne pikant und ohne Zusatzstoffe kochst, hier ein Team-Prompt für deine Rezept-Website:

Prompt:

„Erstelle ein Agenten-Team, um meine Rezeptsammlung für den Thermomix TM7 zu analysieren.

  • Agent 1 (SEO-Experte): Optimiere die Keywords für ‚pikante mediterrane Küche‘.

  • Agent 2 (Gesundheits-Coach): Prüfe die Zutaten auf schädliche Zusatzstoffe und schlage natürliche Alternativen vor.

  • Agent 3 (Struktur-Editor): Wandle die Texte in das Format für ‚Meine Kreationen‘ in Cookidoo um. Sie sollen ihre Ergebnisse abstimmen und einen gemeinsamen Redaktionsplan erstellen.“

Szenario B: IT / SQL-Entwicklung (Linked Server AS400)

Für deine Arbeit mit SQL Server 2019/2022 und DB2:

Prompt:

„Starte ein Team aus zwei Agenten, um eine komplexe Abfrage über einen LinkedServer zur AS400 zu optimieren.

  • Agent 1 (T-SQL Spezialist): Analysiere die OpenQuery-Syntax auf Performance-Flaschenhälse.

  • Agent 2 (DB2 Experte): Prüfe die Index-Nutzung auf der AS400 Seite. Agent 2 soll Agent 1 informieren, sobald die Remote-Tabellenstruktur validiert ist.“

 


 

5. Steuerung im Terminal

Wenn das Team läuft, kannst du zwischen den Agenten wechseln:

  • Shift + Pfeiltaste Hoch/Runter: Wechselt die Ansicht zwischen den aktiven Agenten (z. B. vom „Team Lead“ zum „Developer“).

  • Nachricht senden: Du kannst während des Prozesses direkt in das Fenster eines Agenten schreiben, um manuell einzugreifen.

  • Effort Level: Du kannst mit den Pfeiltasten den „Effort“ (Aufwand) für Opus 4.6 einstellen:

    • Low: Einfache Aufgaben, spart Token.

    • Medium: Standard für agentische Aufgaben.

    • High: Komplexe logische Probleme (kostet mehr).

 


 

Zusammenfassung: „Das Wichtigste in Kürze“ (SEO-optimiert)

  • Konzept: Agent Teams sind spezialisierte KI-Einheiten, die in Claude Code parallel an einem Ziel arbeiten.

  • Kommunikation: Über ein internes Postfach-System tauschen sie Infos aus, um Fehler zu vermeiden.

  • Vorteil: Massive Zeitersparnis bei komplexen Projekten (Programmierung, Content-Erstellung).

  • Kosten: Beachte, dass 3 Agenten gleichzeitig auch den 3-fachen Token-Verbrauch bedeuten.

Claude Code: AI SEO Analyse & Audit

Dieser AI-Marketing-Skill ist ein leistungsstarkes System für Claude Code (das neue Terminal-Tool von Anthropic). Es verwandelt Claude in eine automatisierte Marketing-Agentur, die Webseiten analysiert, SEO-Audits durchführt und fertige Berichte erstellt.

Hier ist die lückenlose Anleitung, wie du diesen Skill aufbaust und nutzt.


Voraussetzungen

Bevor du startest, benötigst du diese Grundlagen:

  1. Visual Studio Code (VS Code): Dein Editor.

  2. Claude Code Erweiterung: Suche in den VS Code Extensions nach „Claude Code“ (von Anthropic) und installiere sie.

  3. Claude Pro Abonnement: Da Claude Code über die API oder das Pro-Modell läuft, ist ein aktiver Account erforderlich.

  4. Python: Für die PDF-Berichtserstellung (optional, aber empfohlen).


Schritt-für-Schritt Installation

1. Claude Code einrichten

Öffne VS Code und logge dich in der Claude Code Erweiterung ein. Du siehst dann ein „Spark“-Icon (ein kleiner Stern) oben rechts oder in der Seitenleiste. Klicke darauf, um das Claude-Terminal zu öffnen.

2. Den Marketing-Skill installieren

Der Skill von Zubair Trabzada wird über ein GitHub-Repository bereitgestellt. Du kannst ihn mit einem einzigen Befehl direkt in deinem Terminal installieren:

Kopiere diesen Befehl und füge ihn in dein VS Code Terminal (oder ein normales Terminal im Projektordner) ein:

Bash

 
curl -fsSL https://raw.githubusercontent.com/zubair-trabzada/ai-marketing-claude/main/install.sh | bash

Was passiert hier? Dieses Skript lädt die notwendigen Prompts und Logiken herunter und registriert sie als „Slash-Commands“ (Befehle, die mit / beginnen) in deiner Claude Code Umgebung.

3. PDF-Support aktivieren (Optional)

Damit Claude professionelle PDF-Berichte für Kunden erstellen kann, musst du eine Python-Bibliothek installieren:

Bash

 
pip install reportlab

Detaillierte Funktionsweise & Logik (Der Aufbau)

Der Skill basiert auf einer Multi-Agenten-Architektur. Wenn du einen Befehl ausführst, passiert im Hintergrund folgendes:

  1. Parallele Agenten: Der Befehl /market audit startet 5 spezialisierte KI-Agenten gleichzeitig.

    • Agent 1 (Content): Analysiert Texte und Botschaften.

    • Agent 2 (Conversion): Prüft Call-to-Actions und Nutzerführung.

    • Agent 3 (SEO): Scant Metadaten und Durchsuchbarkeit.

    • Agent 4 (Wettbewerb): Vergleicht die Seite mit ähnlichen Anbietern.

    • Agent 5 (Brand & Trust): Bewertet die Vertrauenswürdigkeit und das Branding.

  2. Datenextraktion: Claude nutzt seine Browser-Funktion, um die angegebene URL live zu besuchen und den Quellcode sowie den sichtbaren Text zu lesen.

  3. Synthese: Die Ergebnisse der 5 Agenten werden zusammengeführt, gewichtet (Scoring-System von 0-100) und in eine strukturierte Markdown-Datei (MARKETING-AUDIT.md) geschrieben.

  4. Output: Am Ende wird auf Wunsch die Python-Logik (reportlab) genutzt, um die Markdown-Daten in ein schönes PDF-Layout zu konvertieren.


So nutzt du den Skill

Sobald die Installation fertig ist, kannst du im Claude-Fenster einfach folgende Befehle tippen:

BefehlFunktion
/market audit [URL]Der Hauptbefehl. Erstellt ein komplettes Marketing-Audit mit Score und Prioritätenliste.
/market quick [URL]Ein schneller 60-Sekunden-Check der wichtigsten Punkte.
/market copy [URL]Generiert optimierte Werbetexte basierend auf der aktuellen Seite.
/market emails [Thema]Erstellt eine vollständige E-Mail-Sequenz für eine Kampagne.
/market social [Thema]Erstellt einen 30-Tage-Social-Media-Redaktionsplan.
/market ads [URL]Generiert Ad-Creatives und Texte für Meta, Google und LinkedIn.

Beispiel für die Anwendung:

Gib einfach ein: /market audit https://deine-webseite.de

Claude beginnt sofort mit der Arbeit, zeigt dir den Fortschritt der 5 Agenten und speichert den Bericht in deinem aktuellen Ordner.

Pichelsteiner Eintopf aus dem Römertopf

Vorbereitung

Ganz wichtig: Wässere deinen Römertopf (Deckel und Unterteil) für mindestens 15–20 Minuten in kaltem Wasser, damit er im Ofen die nötige Feuchtigkeit abgeben kann.

Zutaten

  • Fleisch: 400 g Rindfleisch (Wade oder Schulter), 400 g Schweinenacken (beides in 2 cm große Würfel).

  • Gemüse: 500 g Kartoffeln (festkochend), 3 Karotten, 1 Stange Lauch, 1 kleiner Kopf Wirsing (ca. 300 g), 1 Stück Knollensellerie.

  • Flüssigkeit: ca. 250 ml kräftige Fleischbrühe (oder Rinderfond).

  • Gewürze: Salz, frisch gemahlener Pfeffer, 1 TL edelsüßes Paprikapulver, 1 Lorbeerblatt, frische Petersilie.

  • Fett: 20 g Butterschmalz (für den Geschmack).

 


 

Schritt-für-Schritt-Zubereitung

  1. Das Schichten (Das Herzstück): Traditionell wird ein Pichelsteiner nicht umgerührt, sondern geschichtet. Beginne mit einer Lage Fleischwürfel am Boden des gewässerten Römertopfs. Würze diese Schicht mit etwas Salz und Pfeffer.

  2. Die Gemüse-Etagen: Schichte nun abwechselnd das Gemüse darüber: erst die Kartoffelwürfel, dann Karotten und Sellerie, darauf den in Streifen geschnittenen Wirsing und zum Schluss die Lauchringe.

  3. Würzen: Streue das restliche Salz, Pfeffer und das Paprikapulver über die Schichten. Lege das Lorbeerblatt obenauf und verteile kleine Flöckchen Butterschmalz.

  4. Aufgießen: Gieße die Fleischbrühe vorsichtig am Rand an. Es sollte nicht zu viel Flüssigkeit sein, da das Gemüse im Römertopf viel eigenen Saft abgibt.

  5. Garen: Setze den Deckel auf den Römertopf. Wichtig: Schiebe den Topf in den kalten Backofen.

    • Temperatur: Stelle den Ofen auf 200°C (Ober-/Unterhitze) oder 180°C (Umluft).

    • Zeit: Lass den Eintopf ca. 90 bis 120 Minuten schmoren.

  6. Servieren: Nimm den Topf vorsichtig aus dem Ofen (Vorsicht, heißer Dampf!). Erst jetzt wird der Eintopf einmal vorsichtig durchgehoben und mit reichlich frisch gehackter Petersilie bestreut.

 

Ein kleiner Tipp

Wenn man es pikant mag, kannst du beim Schichten eine kleine, fein gehackte Chilischote oder etwas scharfes Rosenpaprika unter das Fleisch mischen. Das gibt dem Ganzen eine schöne Tiefe, die wunderbar zum Rindfleisch passt.

Breakdance – Professionelle Produktseiten mit Sticky-Sidebar

Pixel-Perfect Produktseiten mit Sticky-Sidebar & Menu Builder

✨ 100% Wartungsfrei – Kein CSS-Update bei neuen Produkten! ✨

Zielgruppe: Autohaus-Webseiten, E-Commerce, Dienstleister, Produktkataloge
Schwierigkeit: Fortgeschritten (aber Schritt-für-Schritt erklärt)
Zeitaufwand: 2-3 Stunden Setup, danach 5-10 Min pro neues Produkt
Breakdance Version: 2.6+ (getestet mit 2.6.3)


 Das Wichtigste in Kürze

FeatureStatus
✅ Pixel-Perfect DesignExakte Nachbildung des Mockups
✅ Menu BuilderMaximale Flexibilität & Kontrolle
✅ Zentrale VerwaltungEin Global Block für alle Seiten
✅ KEIN CSS-Update nötig!Active State via JavaScript
✅ Professioneller SchattenSidebar mit elegantem Box Shadow
✅ Automatisches HighlightingFunktioniert bei jeder neuen Seite
✅ Smooth AnimationsAccordion & Hover-Effekte
✅ Responsive FirstMobile, Tablet, Desktop optimiert

 Farbpalette (aus Mockup extrahiert)

FarbeHex-CodeVerwendung
Primary Orange#ff5722Aktive Links, CTA-Button, Icons
Orange Lightrgba(255,87,34,0.08)Active Link Background
Orange Hoverrgba(255,87,34,0.05)Hover Background
Text Dunkel#1a1a1aÜberschriften (H1, H2)
Text Medium#333333Body-Text, Menü-Links
Text Light#666666Taglines, Secondary Text
Text Grau#999999Icons, Dropdown-Arrows
Background#ffffffHaupt-Hintergrund
Background Light#f9f9f9Sidebar-Hintergrund
Border#e5e5e5Trennlinien, Card-Borders
Shadow Lightrgba(0,0,0,0.08)Subtile Schatten
Shadow Mediumrgba(0,0,0,0.15)Bild-Schatten

 Layout-Struktur

┌─────────────────────────────────────────────────────────────┐
│  CONTAINER (max-width: 1440px, centered)                    │
│  ┌──────────┬────────────────────────────────────────────┐  │
│  │  SIDEBAR │         HAUPTINHALT (Content-Area)         │  │
│  │   25%    │                  75%                       │  │
│  │  Sticky  │                                            │  │
│  │          │  • Hero-Bild mit Schatten                  │  │
│  │  Menü:   │  • H1 + Tagline                            │  │
│  │ Produkte │  • Beschreibung (2-Spalten)                │  │
│  │  ↓ Cupra │  • 4 Icon-Boxes (Leistung, Sicherheit…)   │  │
│  │  - Cupra │  • Accordion (Technische Details)          │  │
│  │  - Seat  │  • Bildergalerie (3 Spalten)               │  │
│  │          │  • CTA (Orange Gradient + Button)          │  │
│  └──────────┴────────────────────────────────────────────┘  │
└─────────────────────────────────────────────────────────────┘

Column Gap: 40px (Desktop) | 30px (Tablet) | 15px (Mobile)


 PHASE 1: WordPress-Grundstruktur

Schritt 1: Hauptseite erstellen

  1. WordPress → Seiten → Erstellen
  2. Titel: Produkte
  3. (Inhalt bleibt leer – dient nur als Parent)
  4. Veröffentlichen

✅ Checkpoint: Leere Seite „Produkte“ existiert.


 PHASE 2: Global Block „Produkt-Sidebar“ (Menu Builder)

Schritt 1: Global Block erstellen

  1. WordPress → Breakdance → Global Blocks
  2. „Add Global Block“
  3. Name: Produkt-Sidebar
  4. „Edit in Breakdance“

Schritt 2: Container-Div mit Schatten-Effekt

⚠️ Zuerst den Container stylen, dann Menu Builder einfügen!

  1. + Add → Div
  2. Klicke auf das Div-Element

A) Background:

Design → Backgrounds
├─ Background Type: Color
└─ Color: #f9f9f9

B) Border Radius:

Design → Borders
└─ Border Radius: 12px (alle Ecken)

C) Box Shadow (⭐ WICHTIG FÜR MOCKUP-LOOK!):

CSS-Schatten für SSELECTOR:

/* Schatten nur nach rechts, links abgeschnitten */
box-shadow:
2px 0px 1px rgba(3, 7, 18, 0.01),
5px 0px 6px rgba(3, 7, 18, 0.02),
10px 0px 13px rgba(3, 7, 18, 0.03),
15px 0px 23px rgba(3, 7, 18, 0.04),
25px 0px 36px rgba(3, 7, 18, 0.05);

/* Verhindert das Überlappen nach links */
clip-path: inset(0px -100px 0px 0px);

 

Design → Container → Borders → Box Shadow
├─ ✅ Aktivieren
├─ Horizontal: 0px
├─ Vertical: 4px
├─ Blur: 20px
├─ Spread: 0px
└─ Color: rgba(0, 0, 0, 0.08)

Profi-Tipp: Für noch mehr Tiefe zweiten Schatten hinzufügen:

+ Add Another Shadow
├─ Horizontal: 0px
├─ Vertical: 1px
├─ Blur: 4px
├─ Spread: 0px
└─ Color: rgba(0, 0, 0, 0.04)

D) Padding:

Design → Size
└─ Padding: 20px (alle Seiten)

Schritt 3: Menu Builder mit manuellen Links

A) Menu Builder hinzufügen:

  1. Im Div: + Add → Menu Builder
  2. Klicke auf das Menu Builder-Element

B) Content Tab:

Content
├─ ✅ Keep Menu Selected While Styling (aktivieren!)
└─ Menu: "— None —" (wir bauen das Menü manuell!)

Schritt 4: Vertical Accordion aktivieren

Design → Desktop Menu:

Desktop Menu
├─ ✅ Vertical (Toggle aktivierenwird grün)
├─ Vertical Layout: "Accordion" (aus Dropdown)
└─ ✅ Open Dropdowns on Click (aktivieren)

Schritt 5: Link-Styling (Native Breakdance)

A) Typography:

Design → Desktop Menu → Links → Typography
├─ Font Family: System UI (oder Corporate Font)
├─ Font Size: 15px
├─ Font Weight: 500
├─ Line Height: 1.6
├─ Letter Spacing: 0px
└─ Text Color: #333333

B) Hover Effect:

DesignDesktop MenuLinksEffect (Hover)
├─ Effect Type: Background
└─ Color: rgba(255, 87, 34, 0.05)
DesignDesktop MenuLinksSize
├─ Padding: 10px 16px (oben/unten links/rechts)
└─ Space Between: 4px

Schritt 6: Dropdown Arrows (Caret)

Design → Desktop Menu → Links → Dropdown Arrows
├─ Disable: ❌ Nein (Pfeile sichtbar lassen)
├─ Color: #999999
├─ Size: 12px
├─ Gap: 8px
├─ Offset: 0px
├─ Closed Rotation: 0°   ← Pfeil nach unten ▼
└─ Open Rotation: 180°   ← Pfeil nach oben ▲

Schritt 7: Transition Duration

Design → Desktop Menu
└─ Transition Duration: 0.3s

Schritt 8: Dropdown-Styling (Untermenüs)

Design → Desktop Menu → Dropdowns → Wrapper
├─ Background: #ffffff
├─ Padding: 8px 0
├─ Border Radius: 6px
└─ Box Shadow: 0 2px 8px rgba(0,0,0,0.06)

Design → Desktop Menu → Dropdowns → Links
├─ Padding: 8px 16px 8px 24px  ← Mehr Indent
├─ Color: #666666
└─ Hover Color: #ff5722

Schritt 9: Menü-Struktur erstellen

Jetzt bauen wir die Menü-Hierarchie manuell im Menu Builder:

A) Hauptkategorie „Produkte“:

  1. Im Menu Builder: + Elements (oben links)
  2. Menu Link hinzufügen
  3. Klicke auf den Menu Link
Content
├─ Text: "Produkte"
└─ Link: /produkte

Design (optional – Haupteintrag hervorheben):

Design → Typography
├─ Font Size: 16px
└─ Font Weight: 600

B) Dropdown für Untermenü erstellen:

  1. + Elements → Menu Dropdown
  2. Drag & Drop: Den „Produkte“-Link IN den Dropdown ziehen

Im Menu Dropdown:

Link 1: Cupra Formentor

+ Elements → Menu Link

Content
├─ Text: "Cupra Formentor"
└─ Link: /produkte/cupra-formentor

Link 2: Cupra Ateca

+ Elements → Menu Link

Content
├─ Text: "Cupra Ateca"
└─ Link: /produkte/cupra-ateca

Link 3: Seat Leon

+ Elements → Menu Link

Content
├─ Text: "Seat Leon"
└─ Link: /produkte/seat-leon

Link 4: Seat Ibiza

+ Elements → Menu Link

Content
├─ Text: "Seat Ibiza"
└─ Link: /produkte/seat-ibiza

Struktur-Übersicht:

Menu Builder
└─ Menu Dropdown
    ├─ Menu Link: "Produkte"
    └─ Dropdown-Inhalt:
        ├─ Menu Link: "Cupra Formentor"
        ├─ Menu Link: "Cupra Ateca"
        ├─ Menu Link: "Seat Leon"
        └─ Menu Link: "Seat Ibiza"

Schritt 10: Global Block speichern

  1. Save (oben rechts)
  2. Deaktiviere „Keep Menu Selected While Styling“
  3. Builder verlassen

✅ Checkpoint: Sidebar mit Schatten und Menü-Struktur ist fertig!


️ PHASE 3: Template mit Sticky-Sidebar

Schritt 1: Custom Template erstellen

  1. WordPress → Breakdance → Templates
  2. „Add Template“
  3. Scrolle zu „Add Custom Template“
  4. Wähle „Page“
  5. ⚠️ Warnhinweis: „Are you sure you want to create a custom template?“
    → „Yes, Create Template“ klicken
  6. Name: Produktseiten Template

Schritt 2: Condition setzen

+ Add Condition
├─ Type: Page Parent
├─ Operator: is
└─ Value: Produkte

„Save Conditions“

→ Template lädt automatisch auf allen Unterseiten von „Produkte“!


Schritt 3: Template öffnen

„Edit in Breakdance“


Schritt 4: Section mit Background

  1. + Add → Section
  2. Klicke auf die Section
Design → Backgrounds
└─ Color: #ffffff

Design → Size
├─ Padding: 40px 60px
└─ Max Width: 1440px

Schritt 5: Columns (25% / 75%)

  1. In Section: + Add → Columns
  2. Klicke auf Columns-Element
  3. Layout: Wähle 25% / 75%

⚠️ WICHTIG: Column Gap richtig setzen!

Layout → Spacing
├─ Column Gap: 40px  ← Desktop
├─ (Tablet-Icon): 30px
└─ (Mobile-Icon): 15px
Layout → Alignment
└─ Align Items: Start

Schritt 6: Linke Spalte (Sidebar)

A) Global Block einfügen:

  1. Klicke in linke Spalte
  2. + Add → Global Block
  3. Content → Global Block: Produkt-Sidebar

B) Spalten-Styling:

Design → Size
├─ Width: 25%
└─ Min Height: 400px  ← Damit Sticky funktioniert

Schritt 7: Sticky aktivieren (⚠️ KORRIGIERT!)

NICHT unter „Advanced“, sondern unter „Settings → Animations“!

  1. Linke Spalte  Das Menu-Element ist ausgewählt
  2. Klicke auf ⚙️ Settings (Zahnrad-Icon oben im Properties Panel)
  3. Gehe zu Animations
  4. Scrolle zu Sticky
  5. Toggle aktivieren (wird grün)
Sticky Settings
├─ Position: Top
├─ Top Offset: 100100px Abstand vom oberen Rand
└─ Z-Index: 999

Schritt 8: Rechte Spalte (Content-Area)

Die rechte Spalte bleibt LEER!

Design → Size
├─ Width: 75%
└─ Padding: 0

Schritt 9: Template speichern

Save (oben rechts)

✅ Checkpoint: Template mit sticky Sidebar ist fertig!


✨ PHASE 4: Produktseite – Pixel-Perfect Mockup-Nachbau

Schritt 1: Neue Produktseite anlegen

  1. WordPress → Seiten → Erstellen
  2. Titel: Cupra Formentor
  3. Elternseite: Produkte
  4. Beitragsbild festlegen: SUV-Bild hochladen
  5. „Edit in Breakdance“ klicken

→ Template lädt automatisch! Linke Sidebar ist bereits da.


️ SECTION 1: Hero / Produktheader

A) Section erstellen:

  1. Klicke in rechte Spalte (75%)
  2. + Add → Section
Design → Size
└─ Padding: 0 0 40px 0

B) Hero-Bild mit Schatten:

+ Add → Image
└─ Bild auswählen

Design → Size
├─ Width: 100%
├─ Height: auto
└─ Margin Bottom: 30px
Design → Borders
└─ Border Radius: 12px
Design → Effects → Box Shadow
├─ Horizontal: 0px
├─ Vertical: 10px
├─ Blur: 40px
├─ Spread: 0px
└─ Color: rgba(0, 0, 0, 0.15)

C) Heading H1:

+ Add → Heading
├─ Text: "Cupra Formentor"
└─ HTML Tag: H1

Design → Typography
├─ Font Size: 48px
├─ Font Weight: 700
├─ Line Height: 1.2
├─ Letter Spacing: -0.5px
└─ Color: #1a1a1a

Design → Size
├─ Margin Top: 0px
└─ Margin Bottom: 15px

D) Tagline:

+ Add → Text
├─ Text: "Entfesseln Sie sich – Performance trifft auf pure Eleganz."

Design → Typography
├─ Font Size: 20px
├─ Font Weight: 400
├─ Line Height: 1.6
└─ Color: #666666

Design → Size
├─ Max Width: 700px
└─ Margin Bottom: 0px

 SECTION 2: Beschreibung

A) Section:

+ AddSection

Design → Size
└─ Padding: 60px 0

B) Heading H2:

+ Add → Heading
├─ Text: "Übersicht"
└─ HTML Tag: H2

Design → Typography
├─ Font Size: 32px
├─ Font Weight: 700
└─ Color: #1a1a1a

Design → Size
└─ Margin Bottom: 25px

C) Rich Text:

+ Add → Rich Text

Design → Typography
├─ Font Size: 16px
├─ Font Weight: 400
├─ Line Height: 1.8
└─ Color: #333333

Design → Size
└─ Margin Bottom: 40px

Beispiel-Text:

Der Cupra Formentor ist kein Typ fürs Hinterherlaufen: Kraftvolles Design, 
moderne Technologie und vielfältige Personalisierungsmöglichkeiten machen 
ihn zum Eyecatcher auf der Straße.

D) Columns für Text + Bild:

+ Add → Columns
└─ Layout: 50% / 50%

Layout → Spacing
└─ Column Gap: 40px

Layout → Alignment
└─ Align Items: Center

Linke Spalte: Text
Rechte Spalte: Bild mit Schatten


 SECTION 3: Features (Icon Boxes)

A) Section:

+ Add → Section

Design → Backgrounds
└─ Color: #f9f9f9

Design → Size
└─ Padding: 60px 0

B) Heading H2:

+ AddHeading
├─ Text: "Ausstattung"
└─ HTML Tag: H2
DesignSize
├─ Margin Bottom: 40px
└─ Text Align: Center

C) Columns für 4 Icon Boxes:

+ Add → Columns
└─ Layout: 25% / 25% / 25% / 25%

Layout → Spacing
├─ Column Gap: 30px
└─ Row Gap: 30px

D) Icon Box 1: Leistung

+ Add → Icon Box

Content
├─ Icon: "bolt" → ⚡
├─ Heading: "Leistung"
└─ Text: "Bis zu 390 PS & 4,9sek"

Design → Layout
├─ Layout: Top
└─ Alignment: Center

Design → Icon
├─ Size: 48px
├─ Color: #ff5722
└─ Background: Deaktiviert

Design → Backgrounds
└─ Color: #ffffff

Design → Borders
├─ Border: 1px solid #e5e5e5
└─ Border Radius: 12px

Design → Effects → Box Shadow
├─ Vertical: 2px
├─ Blur: 10px
└─ Color: rgba(0, 0, 0, 0.06)

Design → Size
├─ Padding: 30px 20px
└─ Min Height: 200px

E) Icon Boxes 2-4:

Dupliziere Icon Box 1 (Rechtsklick → Duplicate) 3x

Box 2: Sicherheit ️
Box 3: Komfort ️
Box 4: Design


 SECTION 4: Accordion

A) Section:

+ AddSection

Design → Size
└─ Padding: 60px 0

B) Heading H2:

+ Add → Heading
├─ Text: "Technische Details"
└─ HTML Tag: H2

C) Accordion Element:

+ Add → Accordion

Design → Style
└─ Style: Bordered

Design → Icon
├─ Closed Icon: Angle Down ▼
├─ Open Icon: Angle Up ▲
├─ Icon Color: #999999
└─ Icon Size: 16px

Design → Borders
├─ Border: 1px solid #e5e5e5
└─ Border Radius: 8px

Design → Backgrounds
├─ Item Background: #ffffff
└─ Item Background (Active): #f9f9f9

D) Accordion Items:

Item 1: Motor & Antrieb
Item 2: Abmessungen
Item 3: Serienausstattung
Item 4: Downloads


️ SECTION 5: Bildergalerie

+ Add → Section

Design → Backgrounds
└─ Color: #f9f9f9

+ Add → Heading (H2: "Galerie")

+ Add → Image Gallery
├─ Columns: 3
├─ Gap: 20px
├─ Aspect Ratio: 16:9
└─ ✅ Enable Lightbox

 SECTION 6: Call-to-Action

+ Add → Section

Design → Backgrounds
├─ Type: Gradient
├─ Angle: 135deg
├─ Color Stop 1: #ff5722 (0%)
└─ Color Stop 2: #e64a19 (100%)

Design → Size
└─ Padding: 80px 40px

+ Add → Heading (H2: "Interesse geweckt?")
+ Add → Text (CTA-Text)
+ Add Button
├─ Text: "Jetzt anfragen"
├─ Background: #ffffff
├─ Text Color: #ff5722
└─ Border Radius: 50px

Speichern & Veröffentlichen

  1. Save
  2. Publish
  3. View Page

 PHASE 5: CSS + JavaScript (100% Wartungsfrei!)

⭐ DIE LÖSUNG: Active State via JavaScript

Dieses Setup funktioniert automatisch für jede neue Seite – kein CSS-Update nötig!

/*
 * ============================================
 * PRODUKTSEITEN - WARTUNGSFREIES CSS + JS
 * ============================================
 * Version: 6.0 (Automatisches Active-State-Highlighting)
 * Funktioniert bei jeder neuen Seite – kein Update nötig!
 * ============================================
 */
/* ============================================
   1. SMOOTH ACCORDION ANIMATION
   ============================================ */
.breakdance-menu-builder .breakdance-menu-list {
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

/* ============================================
   2. CARET SMOOTH ROTATION
   ============================================ */
.breakdance-menu-link-caret {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
}

.breakdance-menu-link[aria-expanded="true"] .breakdance-menu-link-caret {
    transform: rotate(180deg);
}

/* ============================================
   3. ACTIVE STATE STYLING
   ============================================
   Wird via JavaScript automatisch gesetzt!
   ============================================ */
/* Aktive Seite: Orange Text + Hintergrund */
.breakdance-menu-link.js-active-page {
    color: #ff5722 !important;
    background-color: rgba(255, 87, 34, 0.08) !important;
    font-weight: 600 !important;
    position: relative;
}

/* Parent-Kategorie: Orange Balken links */
.breakdance-menu-link.js-active-parent {
    border-left: 3px solid #ff5722;
    padding-left: 13px !important;
    background-color: rgba(255, 87, 34, 0.06) !important;
    color: #ff5722 !important;
    font-weight: 600 !important;
}

/* ============================================
   4. LINK HOVER TRANSITIONS
   ============================================ */
.breakdance-menu-link {
    transition: all 0.2s ease;
}

.breakdance-menu-link:hover {
    transform: translateX(2px);
}

/* ============================================
   5. SMOOTH SCROLL
   ============================================ */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

/* ============================================
   6. GPU-BESCHLEUNIGUNG
   ============================================ */
.breakdance-menu-list,
.breakdance-menu-link-caret {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* ============================================
   7. RESPONSIVE: STICKY OFF ON MOBILE
   ============================================ */
@media (max-width: 767px) {
    .breakdance-column[class*="sticky"] {
        position: relative !important;
    }
}

JavaScript für automatisches Active-State-Highlighting:

/*
 * ============================================
 * AUTOMATISCHES MENU-HIGHLIGHTING
 * ============================================
 * Setzt automatisch die Klasse "js-active-page" 
 * auf den aktiven Link basierend auf der URL.
 * Funktioniert für JEDE neue Seite ohne Änderung!
 * ============================================
 */

(function() {
    'use strict';
    
    // Aktuelle URL ohne Domain
    const currentPath = window.location.pathname;
    
    // Alle Menu-Links finden
    const menuLinks = document.querySelectorAll('.breakdance-menu-link');
    
    if (!menuLinks.length) return;
    
    menuLinks.forEach(function(link) {
        const linkHref = link.getAttribute('href');
        
        // Exakter Match: Aktive Seite
        if (linkHref === currentPath) {
            link.classList.add('js-active-page');
        }
        
        // Parent-Match: Wenn aktuelle URL mit Link beginnt
        // z.B. /produkte/cupra-formentor → /produkte ist Parent
        if (currentPath.startsWith(linkHref) && linkHref !== '/' && linkHref !== currentPath) {
            link.classList.add('js-active-parent');
        }
    });
})();

CSS + JavaScript einfügen:

Schritt 1: CSS einfügen

  1. Settings (⚙️) → Global → Custom CSS
  2. CSS-Code (oben) einfügen
  3. „Save Global Settings“

Schritt 2: JavaScript einfügen

  1. Settings (⚙️) → Global → Custom Javascript
  2. JavaScript-Code (oben) einfügen
  3. „Save Global Settings“

Schritt 3: Cache leeren

  1. Falls Caching-Plugin aktiv → Cache leeren
  2. Browser-Cache leeren (Strg + Shift + R)

Fertig! Jetzt funktioniert es automatisch!

So funktioniert es:

  1. JavaScript läuft beim Seitenladen
  2. Liest die aktuelle URL (z. B. /produkte/cupra-formentor)
  3. Findet den passenden Link im Menu Builder
  4. Setzt automatisch die Klasse js-active-page
  5. CSS färbt den Link orange via .js-active-page

→ Neue Produkte? Einfach Link im Global Block hinzufügen – fertig!


 PHASE 6: Responsive Design

Tablet (768-1023px):

Template → Tablet-Breakpoint wählen

Columns:
├─ Layout → Column Direction: Vertical
└─ Layout → Spacing → Column Gap: 30px

Icon Boxes:
└─ Columns: 2 Spalten (50% / 50%)

Mobile (<767px):

Mobile-Breakpoint wählen

Linke Spalte (Sidebar):
└─ Settings → Responsive → Hide On Mobile

Icon Boxes:
└─ Columns: 1 Spalte (100%)
Typography:
├─ H1: 36px (statt 48px)
├─ H2: 28px (statt 32px)
└─ Body: 15px (statt 16px)

✅ VOLLSTÄNDIGE CHECKLISTE

Setup:

  •  Hauptseite „Produkte“ erstellt
  •  Global Block mit Schatten-Effekt
  •  Menu Builder mit Links:
    •  Produkte
    •  Cupra Formentor
    •  Cupra Ateca
    •  Seat Leon
    •  Seat Ibiza
  •  Template mit Sticky (Settings → Animations)
  •  Column Gap: 40px
  •  CSS eingefügt
  •  JavaScript eingefügt ⭐
  •  Cache geleert

Produktseite:

  •  Hero mit Schatten-Bild
  •  H1: 48px Bold #1a1a1a
  •  Tagline: 20px #666666
  •  4 Icon Boxes mit Schatten
  •  Accordion (Bordered)
  •  Gallery: 3 Spalten
  •  CTA: Orange Gradient + Button

 WORKFLOW FÜR NEUE PRODUKTSEITEN (100% WARTUNGSFREI!)

1. Seite anlegen:

WordPress → Seiten → Neu
├─ Titel: z. B. "VW Golf"
├─ Elternseite: "Produkte"
└─ Slug: "vw-golf"

2. Mit Breakdance bearbeiten:

"Edit in Breakdance" → Rechte Spalte füllen
(Copy/Paste aus vorheriger Produktseite!)

3. Link im Global Block hinzufügen:

  1. Breakdance → Global Blocks → Produkt-Sidebar → Edit
  2. Im Menu Dropdown: + Elements → Menu Link
Content
├─ Text: "VW Golf"
└─ Link: /produkte/vw-golf
  1. Global Block speichern

4. Fertig!

→ Kein CSS-Update nötig!
→ JavaScript erkennt automatisch den neuen Link!
→ Active State funktioniert sofort!

Zeitaufwand: 5-10 Minuten pro neues Produkt


 BONUS-TIPPS

1. Icons vor Menu-Links:

Im Menu Link:
+ Add → Icon (vor dem Text)
├─ Icon: z. B. "car" 
├─ Size: 16px
└─ Color: #666666

2. „NEU“-Badge:

Im Menu Link (nach dem Text):
+ AddText
├─ Text: "NEU"
├─ Background: #ff5722
├─ Color: #ffffff
├─ Padding: 2px 8px
└─ Border Radius: 12px

3. Kategorie-Überschriften:

+ Elements → Heading
├─ Text: "CUPRA MODELLE"
├─ Font Size: 12px
├─ Font Weight: 700
├─ Color: #999999
├─ Letter Spacing: 1px
└─ Text Transform: Uppercase

4. Performance-Optimierungen:

Settings → Global → Performance
├─ ✅ Minify CSS
├─ ✅ Remove Unused CSS
└─ ✅ Defer Non-Critical CSS

Bilder:

  •  WebP-Format (< 100 KB)
  •  Lazy-Load aktivieren

Caching:

  •  WP Rocket installieren
  •  PageSpeed-Ziel: > 90

 ERGEBNIS

FeatureStatus
✅ Menu BuilderZentrale Verwaltung im Global Block
✅ Automatischer Active StateVia JavaScript – kein CSS-Update!
✅ 100% WartungsfreiNeue Seiten = nur Link hinzufügen
✅ Smooth Accordion0.3s Transition
✅ Caret-Rotation0° → 180°
✅ Parent-HighlightingOrange Balken automatisch
✅ Schatten-SidebarBox Shadow perfekt
✅ Pixel-PerfectExakt wie Mockup
✅ ResponsiveMobile, Tablet, Desktop

 ZUSAMMENFASSUNG

Was du erreicht hast:

✅ Menu Builder – Maximale Flexibilität
✅ JavaScript-basiertes Highlighting – Automatisch!
✅ Kein CSS-Update nötig – Neue Seiten? Einfach Link hinzufügen!
✅ Pixel-Perfect Design – Exakt wie Mockup
✅ Performance-Optimiert – Core Web Vitals > 90

Das ist Website-Design auf Premium-Niveau – komplett wartungsfrei! 


 TROUBLESHOOTING

Active State funktioniert nicht?

  1. Cache leeren:

    Settings → Global → Clear All Caches
    Browser-Cache: Strg + Shift + R
    
  2. JavaScript prüfen:

    Browser: F12 → Console → Keine Fehler?
    
  3. URL-Format prüfen:

    Link im Menu Builder: /produkte/cupra-formentor
    Seiten-URL: /produkte/cupra-formentor
    → Müssen exakt übereinstimmen!
    
  4. Slash am Ende?

    Richtig: /produkte/cupra-formentorFalsch: /produkte/cupra-formentor/
    

Parent-Highlighting funktioniert nicht?

  1. URL-Hierarchie prüfen:

    Parent: /produkte
    Child: /produkte/cupra-formentor
    → Child muss mit Parent beginnen!
    
  2. Slash-Konsistenz:

    Alle Links: Ohne Slash am Ende
    Oder alle: Mit Slash am Ende
    

Viel Erfolg mit deinen Produktseiten!

 BREAKDANCE EXPORT-VORLAGEN (JSON)

Hier sind die Export-Vorlagen für alle wichtigen Komponenten. Da Breakdance-Exports sehr umfangreich sein können, gebe ich dir strukturierte JSONs für:

  1.  PAKET-ÜBERSICHT

    Du erhältst 5 Dateien zum Download/Kopieren:

    DateiZweckImport-Methode
    1-global-block-produkt-sidebar.jsonSidebar mit Menu BuilderBreakdance Import
    2-template-produktseiten.jsonTemplate mit Sticky-SidebarBreakdance Import
    3-page-cupra-formentor.jsonBeispiel-ProduktseiteBreakdance Import
    4-isolated-css.cssIsoliertes CSS (Custom Classes)Copy & Paste
    5-isolated-javascript.jsActive-State JavaScriptCopy & Paste

     DATEI 1: Global Block – Produkt-Sidebar

    Dateiname: 1-global-block-produkt-sidebar.json

    {
      "version": "1.0.0",
      "breakdance_version": "2.6.0",
      "type": "global_block",
      "metadata": {
        "name": "Produkt-Sidebar",
        "description": "Vertikales Accordion-Menü mit Schatten-Effekt für Produktseiten",
        "author": "Breakdance Master-Anleitung",
        "date_created": "2024-01-15",
        "custom_classes": {
          "container_div": "produktseiten-menu"
        }
      },
      "content": {
        "id": "root",
        "type": "document",
        "children": [{
          "id": "div_container",
          "type": "EssentialElements\\Div",
          "settings": {
            "advanced": {
              "css_classes": "produktseiten-menu"
            },
            "design": {
              "backgrounds": {
                "layers": [{
                  "type": "color",
                  "color": "#f9f9f9",
                  "id": "bg_sidebar"
                }]
              },
              "borders": {
                "radius": {
                  "topLeft": {
                    "number": 12,
                    "unit": "px"
                  },
                  "topRight": {
                    "number": 12,
                    "unit": "px"
                  },
                  "bottomLeft": {
                    "number": 12,
                    "unit": "px"
                  },
                  "bottomRight": {
                    "number": 12,
                    "unit": "px"
                  }
                }
              },
              "effects": {
                "boxShadow": {
                  "shadows": [{
                    "horizontal": {
                      "number": 0,
                      "unit": "px"
                    },
                    "vertical": {
                      "number": 4,
                      "unit": "px"
                    },
                    "blur": {
                      "number": 20,
                      "unit": "px"
                    },
                    "spread": {
                      "number": 0,
                      "unit": "px"
                    },
                    "color": "rgba(0, 0, 0, 0.08)",
                    "inset": false
                  }, {
                    "horizontal": {
                      "number": 0,
                      "unit": "px"
                    },
                    "vertical": {
                      "number": 1,
                      "unit": "px"
                    },
                    "blur": {
                      "number": 4,
                      "unit": "px"
                    },
                    "spread": {
                      "number": 0,
                      "unit": "px"
                    },
                    "color": "rgba(0, 0, 0, 0.04)",
                    "inset": false
                  }]
                }
              },
              "size": {
                "padding": {
                  "top": {
                    "number": 20,
                    "unit": "px"
                  },
                  "right": {
                    "number": 20,
                    "unit": "px"
                  },
                  "bottom": {
                    "number": 20,
                    "unit": "px"
                  },
                  "left": {
                    "number": 20,
                    "unit": "px"
                  }
                }
              }
            }
          },
          "children": [{
            "id": "menu_builder",
            "type": "EssentialElements\\MenuBuilder",
            "settings": {
              "content": {
                "menu": {
                  "type": "custom",
                  "id": null
                },
                "keep_menu_selected": false
              },
              "design": {
                "desktop_menu": {
                  "vertical": true,
                  "vertical_layout": "accordion",
                  "links": {
                    "typography": {
                      "family": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto",
                      "size": {
                        "number": 15,
                        "unit": "px"
                      },
                      "weight": "500",
                      "lineHeight": {
                        "number": 1.6,
                        "unit": ""
                      },
                      "letterSpacing": {
                        "number": 0,
                        "unit": "px"
                      },
                      "color": "#333333"
                    },
                    "effect": {
                      "type": "background",
                      "hover": {
                        "background": "rgba(255, 87, 34, 0.05)"
                      }
                    },
                    "size": {
                      "padding": {
                        "top": {
                          "number": 10,
                          "unit": "px"
                        },
                        "right": {
                          "number": 16,
                          "unit": "px"
                        },
                        "bottom": {
                          "number": 10,
                          "unit": "px"
                        },
                        "left": {
                          "number": 16,
                          "unit": "px"
                        }
                      }
                    },
                    "space_between": {
                      "number": 4,
                      "unit": "px"
                    },
                    "dropdown_arrows": {
                      "disable": false,
                      "color": "#999999",
                      "size": {
                        "number": 12,
                        "unit": "px"
                      },
                      "gap": {
                        "number": 8,
                        "unit": "px"
                      },
                      "offset": {
                        "number": 0,
                        "unit": "px"
                      },
                      "closed_rotation": {
                        "number": 0,
                        "unit": "deg"
                      },
                      "open_rotation": {
                        "number": 180,
                        "unit": "deg"
                      }
                    }
                  },
                  "dropdowns": {
                    "open_on_click": true,
                    "wrapper": {
                      "background": "#ffffff",
                      "padding": {
                        "top": {
                          "number": 8,
                          "unit": "px"
                        },
                        "bottom": {
                          "number": 8,
                          "unit": "px"
                        }
                      },
                      "borderRadius": {
                        "number": 6,
                        "unit": "px"
                      },
                      "boxShadow": [{
                        "horizontal": {
                          "number": 0,
                          "unit": "px"
                        },
                        "vertical": {
                          "number": 2,
                          "unit": "px"
                        },
                        "blur": {
                          "number": 8,
                          "unit": "px"
                        },
                        "spread": {
                          "number": 0,
                          "unit": "px"
                        },
                        "color": "rgba(0, 0, 0, 0.06)"
                      }]
                    },
                    "links": {
                      "padding": {
                        "top": {
                          "number": 8,
                          "unit": "px"
                        },
                        "right": {
                          "number": 16,
                          "unit": "px"
                        },
                        "bottom": {
                          "number": 8,
                          "unit": "px"
                        },
                        "left": {
                          "number": 24,
                          "unit": "px"
                        }
                      },
                      "color": "#666666",
                      "hover_color": "#ff5722"
                    }
                  },
                  "transition_duration": {
                    "number": 0.3,
                    "unit": "s"
                  }
                }
              }
            },
            "children": [{
              "id": "menu_dropdown_main",
              "type": "EssentialElements\\MenuDropdown",
              "children": [{
                "id": "menu_link_produkte",
                "type": "EssentialElements\\MenuLink",
                "settings": {
                  "content": {
                    "text": "Produkte",
                    "link": {
                      "type": "url",
                      "url": "/produkte",
                      "target": "_self",
                      "nofollow": false
                    }
                  },
                  "design": {
                    "typography": {
                      "size": {
                        "number": 16,
                        "unit": "px"
                      },
                      "weight": "600"
                    }
                  }
                }
              }, {
                "id": "menu_link_cupra_formentor",
                "type": "EssentialElements\\MenuLink",
                "settings": {
                  "content": {
                    "text": "Cupra Formentor",
                    "link": {
                      "type": "url",
                      "url": "/produkte/cupra-formentor",
                      "target": "_self"
                    }
                  }
                }
              }, {
                "id": "menu_link_cupra_ateca",
                "type": "EssentialElements\\MenuLink",
                "settings": {
                  "content": {
                    "text": "Cupra Ateca",
                    "link": {
                      "type": "url",
                      "url": "/produkte/cupra-ateca",
                      "target": "_self"
                    }
                  }
                }
              }, {
                "id": "menu_link_seat_leon",
                "type": "EssentialElements\\MenuLink",
                "settings": {
                  "content": {
                    "text": "Seat Leon",
                    "link": {
                      "type": "url",
                      "url": "/produkte/seat-leon",
                      "target": "_self"
                    }
                  }
                }
              }, {
                "id": "menu_link_seat_ibiza",
                "type": "EssentialElements\\MenuLink",
                "settings": {
                  "content": {
                    "text": "Seat Ibiza",
                    "link": {
                      "type": "url",
                      "url": "/produkte/seat-ibiza",
                      "target": "_self"
                    }
                  }
                }
              }]
            }]
          }]
        }]
      }
    }
    

     DATEI 2: Template – Produktseiten

    Dateiname: 2-template-produktseiten.json

    {
      "version": "1.0.0",
      "breakdance_version": "2.6.0",
      "type": "template",
      "metadata": {
        "name": "Produktseiten Template",
        "description": "Template mit 25/75 Layout und Sticky-Sidebar für Produktseiten",
        "template_type": "page",
        "author": "Breakdance Master-Anleitung",
        "date_created": "2024-01-15",
        "custom_classes": {
          "sidebar_column": "produktseiten-sidebar-column"
        }
      },
      "conditions": [{
        "type": "page_parent",
        "operator": "is",
        "value": "produkte",
        "relation": "and"
      }],
      "content": {
        "id": "root",
        "type": "document",
        "children": [{
          "id": "section_main",
          "type": "EssentialElements\\Section",
          "settings": {
            "design": {
              "backgrounds": {
                "layers": [{
                  "type": "color",
                  "color": "#ffffff"
                }]
              },
              "size": {
                "padding": {
                  "top": {
                    "number": 40,
                    "unit": "px"
                  },
                  "right": {
                    "number": 60,
                    "unit": "px"
                  },
                  "bottom": {
                    "number": 40,
                    "unit": "px"
                  },
                  "left": {
                    "number": 60,
                    "unit": "px"
                  }
                },
                "maxWidth": {
                  "number": 1440,
                  "unit": "px"
                }
              }
            }
          },
          "children": [{
            "id": "columns_main",
            "type": "EssentialElements\\Columns",
            "settings": {
              "layout": {
                "columnLayout": "custom",
                "columns": [{
                  "width": {
                    "number": 25,
                    "unit": "%"
                  }
                }, {
                  "width": {
                    "number": 75,
                    "unit": "%"
                  }
                }],
                "spacing": {
                  "columnGap": {
                    "desktop": {
                      "number": 40,
                      "unit": "px"
                    },
                    "tablet_landscape": {
                      "number": 30,
                      "unit": "px"
                    },
                    "phone_landscape": {
                      "number": 15,
                      "unit": "px"
                    }
                  }
                },
                "alignment": {
                  "alignItems": "start"
                }
              }
            },
            "children": [{
              "id": "column_sidebar",
              "type": "EssentialElements\\Column",
              "settings": {
                "advanced": {
                  "css_classes": "produktseiten-sidebar-column"
                },
                "design": {
                  "size": {
                    "width": {
                      "number": 25,
                      "unit": "%"
                    },
                    "minHeight": {
                      "number": 400,
                      "unit": "px"
                    }
                  }
                },
                "settings": {
                  "animations": {
                    "sticky": {
                      "enabled": true,
                      "position": "top",
                      "offset": {
                        "top": {
                          "number": 100,
                          "unit": "px"
                        }
                      },
                      "zIndex": 999
                    }
                  },
                  "responsive": {
                    "phone_landscape": {
                      "hide": true
                    }
                  }
                }
              },
              "children": [{
                "id": "global_block_sidebar",
                "type": "EssentialElements\\GlobalBlock",
                "settings": {
                  "content": {
                    "globalBlock": {
                      "id": "produkt-sidebar",
                      "name": "Produkt-Sidebar"
                    }
                  }
                }
              }]
            }, {
              "id": "column_content",
              "type": "EssentialElements\\Column",
              "settings": {
                "design": {
                  "size": {
                    "width": {
                      "number": 75,
                      "unit": "%"
                    },
                    "padding": {
                      "top": {
                        "number": 0,
                        "unit": "px"
                      },
                      "right": {
                        "number": 0,
                        "unit": "px"
                      },
                      "bottom": {
                        "number": 0,
                        "unit": "px"
                      },
                      "left": {
                        "number": 0,
                        "unit": "px"
                      }
                    }
                  }
                }
              },
              "children": []
            }]
          }]
        }]
      }
    }
    

     DATEI 3: Beispiel-Produktseite

    Dateiname: 3-page-cupra-formentor.json

    {
      "version": "1.0.0",
      "breakdance_version": "2.6.0",
      "type": "page_content",
      "metadata": {
        "name": "Cupra Formentor - Beispiel-Content",
        "description": "Vollständiger Seiteninhalt für die rechte Content-Spalte (75%)",
        "author": "Breakdance Master-Anleitung",
        "date_created": "2024-01-15",
        "note": "Dieser Content wird in die rechte Spalte des Templates eingefügt"
      },
      "content": [{
        "id": "section_hero",
        "type": "EssentialElements\\Section",
        "settings": {
          "design": {
            "size": {
              "padding": {
                "top": {
                  "number": 0,
                  "unit": "px"
                },
                "right": {
                  "number": 0,
                  "unit": "px"
                },
                "bottom": {
                  "number": 40,
                  "unit": "px"
                },
                "left": {
                  "number": 0,
                  "unit": "px"
                }
              }
            }
          }
        },
        "children": [{
          "id": "image_hero",
          "type": "EssentialElements\\Image",
          "settings": {
            "content": {
              "image": {
                "source": "dynamic",
                "dynamic": {
                  "type": "featured_image",
                  "fallback": {
                    "type": "url",
                    "url": "https://placehold.co/1200x600/ff5722/ffffff?text=Hero+Bild"
                  }
                }
              },
              "altText": "Cupra Formentor Hero-Bild"
            },
            "design": {
              "size": {
                "width": {
                  "number": 100,
                  "unit": "%"
                },
                "height": "auto",
                "margin": {
                  "bottom": {
                    "number": 30,
                    "unit": "px"
                  }
                }
              },
              "borders": {
                "radius": {
                  "topLeft": {
                    "number": 12,
                    "unit": "px"
                  },
                  "topRight": {
                    "number": 12,
                    "unit": "px"
                  },
                  "bottomLeft": {
                    "number": 12,
                    "unit": "px"
                  },
                  "bottomRight": {
                    "number": 12,
                    "unit": "px"
                  }
                }
              },
              "effects": {
                "boxShadow": {
                  "shadows": [{
                    "horizontal": {
                      "number": 0,
                      "unit": "px"
                    },
                    "vertical": {
                      "number": 10,
                      "unit": "px"
                    },
                    "blur": {
                      "number": 40,
                      "unit": "px"
                    },
                    "spread": {
                      "number": 0,
                      "unit": "px"
                    },
                    "color": "rgba(0, 0, 0, 0.15)",
                    "inset": false
                  }]
                }
              }
            }
          }
        }, {
          "id": "heading_h1",
          "type": "EssentialElements\\Heading",
          "settings": {
            "content": {
              "text": "Cupra Formentor",
              "htmlTag": "h1"
            },
            "design": {
              "typography": {
                "size": {
                  "number": 48,
                  "unit": "px",
                  "breakpoints": {
                    "tablet_landscape": {
                      "number": 36,
                      "unit": "px"
                    },
                    "phone_landscape": {
                      "number": 28,
                      "unit": "px"
                    }
                  }
                },
                "weight": "700",
                "lineHeight": {
                  "number": 1.2,
                  "unit": ""
                },
                "letterSpacing": {
                  "number": -0.5,
                  "unit": "px"
                },
                "color": "#1a1a1a"
              },
              "size": {
                "margin": {
                  "top": {
                    "number": 0,
                    "unit": "px"
                  },
                  "bottom": {
                    "number": 15,
                    "unit": "px"
                  }
                }
              }
            }
          }
        }, {
          "id": "text_tagline",
          "type": "EssentialElements\\Text",
          "settings": {
            "content": {
              "text": "Entfesseln Sie sich – Performance trifft auf pure Eleganz."
            },
            "design": {
              "typography": {
                "size": {
                  "number": 20,
                  "unit": "px",
                  "breakpoints": {
                    "phone_landscape": {
                      "number": 16,
                      "unit": "px"
                    }
                  }
                },
                "weight": "400",
                "lineHeight": {
                  "number": 1.6,
                  "unit": ""
                },
                "color": "#666666"
              },
              "size": {
                "maxWidth": {
                  "number": 700,
                  "unit": "px"
                },
                "margin": {
                  "bottom": {
                    "number": 0,
                    "unit": "px"
                  }
                }
              }
            }
          }
        }]
      }, {
        "id": "section_description",
        "type": "EssentialElements\\Section",
        "settings": {
          "design": {
            "size": {
              "padding": {
                "top": {
                  "number": 60,
                  "unit": "px"
                },
                "bottom": {
                  "number": 60,
                  "unit": "px"
                }
              }
            }
          }
        },
        "children": [{
          "id": "heading_uebersicht",
          "type": "EssentialElements\\Heading",
          "settings": {
            "content": {
              "text": "Übersicht",
              "htmlTag": "h2"
            },
            "design": {
              "typography": {
                "size": {
                  "number": 32,
                  "unit": "px",
                  "breakpoints": {
                    "phone_landscape": {
                      "number": 24,
                      "unit": "px"
                    }
                  }
                },
                "weight": "700",
                "color": "#1a1a1a"
              },
              "size": {
                "margin": {
                  "bottom": {
                    "number": 25,
                    "unit": "px"
                  }
                }
              }
            }
          }
        }, {
          "id": "richtext_description",
          "type": "EssentialElements\\RichText",
          "settings": {
            "content": {
              "html": "<p>Der Cupra Formentor ist kein Typ fürs Hinterherlaufen: Kraftvolles Design, moderne Technologie und vielfältige Personalisierungsmöglichkeiten machen ihn zum Eyecatcher auf der Straße.</p><p>Mit seinem markanten Äußeren und der kraftvollen Motorisierung bietet der Formentor ein außergewöhnliches Fahrerlebnis. Die Kombination aus Allradantrieb und adaptivem Fahrwerk garantiert optimalen Grip in jeder Situation.</p>"
            },
            "design": {
              "typography": {
                "size": {
                  "number": 16,
                  "unit": "px",
                  "breakpoints": {
                    "phone_landscape": {
                      "number": 15,
                      "unit": "px"
                    }
                  }
                },
                "weight": "400",
                "lineHeight": {
                  "number": 1.8,
                  "unit": ""
                },
                "color": "#333333"
              },
              "size": {
                "margin": {
                  "bottom": {
                    "number": 40,
                    "unit": "px"
                  }
                }
              }
            }
          }
        }]
      }, {
        "id": "section_features",
        "type": "EssentialElements\\Section",
        "settings": {
          "design": {
            "backgrounds": {
              "layers": [{
                "type": "color",
                "color": "#f9f9f9"
              }]
            },
            "size": {
              "padding": {
                "top": {
                  "number": 60,
                  "unit": "px"
                },
                "bottom": {
                  "number": 60,
                  "unit": "px"
                }
              }
            }
          }
        },
        "children": [{
          "id": "heading_ausstattung",
          "type": "EssentialElements\\Heading",
          "settings": {
            "content": {
              "text": "Ausstattung",
              "htmlTag": "h2"
            },
            "design": {
              "typography": {
                "size": {
                  "number": 32,
                  "unit": "px"
                },
                "weight": "700",
                "color": "#1a1a1a"
              },
              "size": {
                "margin": {
                  "bottom": {
                    "number": 40,
                    "unit": "px"
                  }
                },
                "textAlign": "center"
              }
            }
          }
        }, {
          "id": "columns_iconboxes",
          "type": "EssentialElements\\Columns",
          "settings": {
            "layout": {
              "columnLayout": "custom",
              "columns": [{
                "width": {
                  "number": 25,
                  "unit": "%"
                }
              }, {
                "width": {
                  "number": 25,
                  "unit": "%"
                }
              }, {
                "width": {
                  "number": 25,
                  "unit": "%"
                }
              }, {
                "width": {
                  "number": 25,
                  "unit": "%"
                }
              }],
              "spacing": {
                "columnGap": {
                  "desktop": {
                    "number": 30,
                    "unit": "px"
                  }
                },
                "rowGap": {
                  "desktop": {
                    "number": 30,
                    "unit": "px"
                  }
                }
              },
              "responsive": {
                "tablet_landscape": {
                  "columns": [{
                    "width": {
                      "number": 50,
                      "unit": "%"
                    }
                  }, {
                    "width": {
                      "number": 50,
                      "unit": "%"
                    }
                  }]
                },
                "phone_landscape": {
                  "columns": [{
                    "width": {
                      "number": 100,
                      "unit": "%"
                    }
                  }]
                }
              }
            }
          },
          "children": [{
            "id": "iconbox_leistung",
            "type": "EssentialElements\\IconBox",
            "settings": {
              "content": {
                "icon": {
                  "library": "font-awesome",
                  "icon": "fas fa-bolt"
                },
                "heading": "Leistung",
                "description": "Bis zu 390 PS & 4,9sek"
              },
              "design": {
                "layout": {
                  "layout": "top",
                  "alignment": "center"
                },
                "icon": {
                  "size": {
                    "number": 48,
                    "unit": "px"
                  },
                  "color": "#ff5722",
                  "background": {
                    "enabled": false
                  }
                },
                "typography": {
                  "heading": {
                    "size": {
                      "number": 18,
                      "unit": "px"
                    },
                    "weight": "600",
                    "color": "#1a1a1a"
                  },
                  "description": {
                    "size": {
                      "number": 14,
                      "unit": "px"
                    },
                    "weight": "400",
                    "lineHeight": {
                      "number": 1.6,
                      "unit": ""
                    },
                    "color": "#666666"
                  }
                },
                "backgrounds": {
                  "layers": [{
                    "type": "color",
                    "color": "#ffffff"
                  }]
                },
                "borders": {
                  "border": {
                    "top": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "right": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "bottom": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "left": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    }
                  },
                  "radius": {
                    "topLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "topRight": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomRight": {
                      "number": 12,
                      "unit": "px"
                    }
                  }
                },
                "effects": {
                  "boxShadow": {
                    "shadows": [{
                      "horizontal": {
                        "number": 0,
                        "unit": "px"
                      },
                      "vertical": {
                        "number": 2,
                        "unit": "px"
                      },
                      "blur": {
                        "number": 10,
                        "unit": "px"
                      },
                      "spread": {
                        "number": 0,
                        "unit": "px"
                      },
                      "color": "rgba(0, 0, 0, 0.06)",
                      "inset": false
                    }]
                  }
                },
                "size": {
                  "padding": {
                    "top": {
                      "number": 30,
                      "unit": "px"
                    },
                    "right": {
                      "number": 20,
                      "unit": "px"
                    },
                    "bottom": {
                      "number": 30,
                      "unit": "px"
                    },
                    "left": {
                      "number": 20,
                      "unit": "px"
                    }
                  },
                  "minHeight": {
                    "number": 200,
                    "unit": "px"
                  }
                }
              }
            }
          }, {
            "id": "iconbox_sicherheit",
            "type": "EssentialElements\\IconBox",
            "settings": {
              "content": {
                "icon": {
                  "library": "font-awesome",
                  "icon": "fas fa-shield-alt"
                },
                "heading": "Sicherheit",
                "description": "Rundum-Sicherheitspaket, Fahrerassistenzsysteme"
              },
              "design": {
                "layout": {
                  "layout": "top",
                  "alignment": "center"
                },
                "icon": {
                  "size": {
                    "number": 48,
                    "unit": "px"
                  },
                  "color": "#ff5722"
                },
                "typography": {
                  "heading": {
                    "size": {
                      "number": 18,
                      "unit": "px"
                    },
                    "weight": "600",
                    "color": "#1a1a1a"
                  },
                  "description": {
                    "size": {
                      "number": 14,
                      "unit": "px"
                    },
                    "weight": "400",
                    "lineHeight": {
                      "number": 1.6,
                      "unit": ""
                    },
                    "color": "#666666"
                  }
                },
                "backgrounds": {
                  "layers": [{
                    "type": "color",
                    "color": "#ffffff"
                  }]
                },
                "borders": {
                  "border": {
                    "top": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "right": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "bottom": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "left": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    }
                  },
                  "radius": {
                    "topLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "topRight": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomRight": {
                      "number": 12,
                      "unit": "px"
                    }
                  }
                },
                "effects": {
                  "boxShadow": {
                    "shadows": [{
                      "horizontal": {
                        "number": 0,
                        "unit": "px"
                      },
                      "vertical": {
                        "number": 2,
                        "unit": "px"
                      },
                      "blur": {
                        "number": 10,
                        "unit": "px"
                      },
                      "spread": {
                        "number": 0,
                        "unit": "px"
                      },
                      "color": "rgba(0, 0, 0, 0.06)"
                    }]
                  }
                },
                "size": {
                  "padding": {
                    "top": {
                      "number": 30,
                      "unit": "px"
                    },
                    "right": {
                      "number": 20,
                      "unit": "px"
                    },
                    "bottom": {
                      "number": 30,
                      "unit": "px"
                    },
                    "left": {
                      "number": 20,
                      "unit": "px"
                    }
                  },
                  "minHeight": {
                    "number": 200,
                    "unit": "px"
                  }
                }
              }
            }
          }, {
            "id": "iconbox_komfort",
            "type": "EssentialElements\\IconBox",
            "settings": {
              "content": {
                "icon": {
                  "library": "font-awesome",
                  "icon": "fas fa-couch"
                },
                "heading": "Komfort",
                "description": "Hochwertigster Innenraum, modernste Infotainment"
              },
              "design": {
                "layout": {
                  "layout": "top",
                  "alignment": "center"
                },
                "icon": {
                  "size": {
                    "number": 48,
                    "unit": "px"
                  },
                  "color": "#ff5722"
                },
                "typography": {
                  "heading": {
                    "size": {
                      "number": 18,
                      "unit": "px"
                    },
                    "weight": "600",
                    "color": "#1a1a1a"
                  },
                  "description": {
                    "size": {
                      "number": 14,
                      "unit": "px"
                    },
                    "weight": "400",
                    "lineHeight": {
                      "number": 1.6,
                      "unit": ""
                    },
                    "color": "#666666"
                  }
                },
                "backgrounds": {
                  "layers": [{
                    "type": "color",
                    "color": "#ffffff"
                  }]
                },
                "borders": {
                  "border": {
                    "top": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "right": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "bottom": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "left": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    }
                  },
                  "radius": {
                    "topLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "topRight": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomRight": {
                      "number": 12,
                      "unit": "px"
                    }
                  }
                },
                "effects": {
                  "boxShadow": {
                    "shadows": [{
                      "horizontal": {
                        "number": 0,
                        "unit": "px"
                      },
                      "vertical": {
                        "number": 2,
                        "unit": "px"
                      },
                      "blur": {
                        "number": 10,
                        "unit": "px"
                      },
                      "spread": {
                        "number": 0,
                        "unit": "px"
                      },
                      "color": "rgba(0, 0, 0, 0.06)"
                    }]
                  }
                },
                "size": {
                  "padding": {
                    "top": {
                      "number": 30,
                      "unit": "px"
                    },
                    "right": {
                      "number": 20,
                      "unit": "px"
                    },
                    "bottom": {
                      "number": 30,
                      "unit": "px"
                    },
                    "left": {
                      "number": 20,
                      "unit": "px"
                    }
                  },
                  "minHeight": {
                    "number": 200,
                    "unit": "px"
                  }
                }
              }
            }
          }, {
            "id": "iconbox_design",
            "type": "EssentialElements\\IconBox",
            "settings": {
              "content": {
                "icon": {
                  "library": "font-awesome",
                  "icon": "fas fa-palette"
                },
                "heading": "Design",
                "description": "Einzigartiges, sportliches Karosseriedesign"
              },
              "design": {
                "layout": {
                  "layout": "top",
                  "alignment": "center"
                },
                "icon": {
                  "size": {
                    "number": 48,
                    "unit": "px"
                  },
                  "color": "#ff5722"
                },
                "typography": {
                  "heading": {
                    "size": {
                      "number": 18,
                      "unit": "px"
                    },
                    "weight": "600",
                    "color": "#1a1a1a"
                  },
                  "description": {
                    "size": {
                      "number": 14,
                      "unit": "px"
                    },
                    "weight": "400",
                    "lineHeight": {
                      "number": 1.6,
                      "unit": ""
                    },
                    "color": "#666666"
                  }
                },
                "backgrounds": {
                  "layers": [{
                    "type": "color",
                    "color": "#ffffff"
                  }]
                },
                "borders": {
                  "border": {
                    "top": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "right": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "bottom": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    },
                    "left": {
                      "style": "solid",
                      "width": {
                        "number": 1,
                        "unit": "px"
                      },
                      "color": "#e5e5e5"
                    }
                  },
                  "radius": {
                    "topLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "topRight": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomLeft": {
                      "number": 12,
                      "unit": "px"
                    },
                    "bottomRight": {
                      "number": 12,
                      "unit": "px"
                    }
                  }
                },
                "effects": {
                  "boxShadow": {
                    "shadows": [{
                      "horizontal": {
                        "number": 0,
                        "unit": "px"
                      },
                      "vertical": {
                        "number": 2,
                        "unit": "px"
                      },
                      "blur": {
                        "number": 10,
                        "unit": "px"
                      },
                      "spread": {
                        "number": 0,
                        "unit": "px"
                      },
                      "color": "rgba(0, 0, 0, 0.06)"
                    }]
                  }
                },
                "size": {
                  "padding": {
                    "top": {
                      "number": 30,
                      "unit": "px"
                    },
                    "right": {
                      "number": 20,
                      "unit": "px"
                    },
                    "bottom": {
                      "number": 30,
                      "unit": "px"
                    },
                    "left": {
                      "number": 20,
                      "unit": "px"
                    }
                  },
                  "minHeight": {
                    "number": 200,
                    "unit": "px"
                  }
                }
              }
            }
          }]
        }]
      }, {
        "id": "section_cta",
        "type": "EssentialElements\\Section",
        "settings": {
          "design": {
            "backgrounds": {
              "layers": [{
                "type": "gradient",
                "gradient": {
                  "type": "linear",
                  "angle": {
                    "number": 135,
                    "unit": "deg"
                  },
                  "stops": [{
                    "color": "#ff5722",
                    "position": {
                      "number": 0,
                      "unit": "%"
                    }
                  }, {
                    "color": "#e64a19",
                    "position": {
                      "number": 100,
                      "unit": "%"
                    }
                  }]
                }
              }]
            },
            "size": {
              "padding": {
                "top": {
                  "number": 80,
                  "unit": "px"
                },
                "right": {
                  "number": 40,
                  "unit": "px"
                },
                "bottom": {
                  "number": 80,
                  "unit": "px"
                },
                "left": {
                  "number": 40,
                  "unit": "px"
                }
              }
            },
            "layout": {
              "alignment": {
                "alignItems": "center",
                "textAlign": "center"
              }
            }
          }
        },
        "children": [{
          "id": "heading_cta",
          "type": "EssentialElements\\Heading",
          "settings": {
            "content": {
              "text": "Interesse geweckt?",
              "htmlTag": "h2"
            },
            "design": {
              "typography": {
                "size": {
                  "number": 40,
                  "unit": "px",
                  "breakpoints": {
                    "phone_landscape": {
                      "number": 28,
                      "unit": "px"
                    }
                  }
                },
                "weight": "700",
                "color": "#ffffff"
              },
              "size": {
                "margin": {
                  "bottom": {
                    "number": 20,
                    "unit": "px"
                  }
                }
              }
            }
          }
        }, {
          "id": "text_cta",
          "type": "EssentialElements\\Text",
          "settings": {
            "content": {
              "text": "Kontaktieren Sie uns für eine unverbindliche Beratung oder Probefahrt!"
            },
            "design": {
              "typography": {
                "size": {
                  "number": 18,
                  "unit": "px",
                  "breakpoints": {
                    "phone_landscape": {
                      "number": 16,
                      "unit": "px"
                    }
                  }
                },
                "weight": "400",
                "lineHeight": {
                  "number": 1.6,
                  "unit": ""
                },
                "color": "#ffffff"
              },
              "size": {
                "maxWidth": {
                  "number": 600,
                  "unit": "px"
                },
                "margin": {
                  "top": {
                    "number": 0,
                    "unit": "px"
                  },
                  "right": "auto",
                  "bottom": {
                    "number": 30,
                    "unit": "px"
                  },
                  "left": "auto"
                }
              }
            }
          }
        }, {
          "id": "button_cta",
          "type": "EssentialElements\\Button",
          "settings": {
            "content": {
              "text": "Jetzt anfragen",
              "link": {
                "type": "url",
                "url": "/kontakt",
                "target": "_self",
                "nofollow": false
              }
            },
            "design": {
              "style": {
                "background": {
                  "type": "color",
                  "color": "#ffffff"
                },
                "color": "#ff5722",
                "border": {
                  "enabled": false
                }
              },
              "typography": {
                "size": {
                  "number": 18,
                  "unit": "px"
                },
                "weight": "600",
                "letterSpacing": {
                  "number": 0.5,
                  "unit": "px"
                }
              },
              "size": {
                "padding": {
                  "top": {
                    "number": 18,
                    "unit": "px"
                  },
                  "right": {
                    "number": 50,
                    "unit": "px"
                  },
                  "bottom": {
                    "number": 18,
                    "unit": "px"
                  },
                  "left": {
                    "number": 50,
                    "unit": "px"
                  }
                }
              },
              "borders": {
                "radius": {
                  "topLeft": {
                    "number": 50,
                    "unit": "px"
                  },
                  "topRight": {
                    "number": 50,
                    "unit": "px"
                  },
                  "bottomLeft": {
                    "number": 50,
                    "unit": "px"
                  },
                  "bottomRight": {
                    "number": 50,
                    "unit": "px"
                  }
                }
              },
              "effects": {
                "boxShadow": {
                  "shadows": [{
                    "horizontal": {
                      "number": 0,
                      "unit": "px"
                    },
                    "vertical": {
                      "number": 8,
                      "unit": "px"
                    },
                    "blur": {
                      "number": 20,
                      "unit": "px"
                    },
                    "spread": {
                      "number": 0,
                      "unit": "px"
                    },
                    "color": "rgba(0, 0, 0, 0.25)",
                    "inset": false
                  }]
                },
                "hover": {
                  "background": {
                    "type": "color",
                    "color": "#f5f5f5"
                  },
                  "transform": {
                    "scale": {
                      "number": 1.05,
                      "unit": ""
                    }
                  },
                  "boxShadow": {
                    "shadows": [{
                      "horizontal": {
                        "number": 0,
                        "unit": "px"
                      },
                      "vertical": {
                        "number": 12,
                        "unit": "px"
                      },
                      "blur": {
                        "number": 30,
                        "unit": "px"
                      },
                      "spread": {
                        "number": 0,
                        "unit": "px"
                      },
                      "color": "rgba(0, 0, 0, 0.3)"
                    }]
                  }
                }
              }
            }
          }
        }]
      }]
    }
    

     DATEI 4: Isoliertes CSS

    Dateiname: 4-isolated-css.css

    /*
     * ============================================
     * PRODUKTSEITEN-SIDEBAR - 100% ISOLIERTES CSS
     * ============================================
     * Version: 1.0.0
     * Datum: 2024-01-15
     * Autor: Breakdance Master-Anleitung
     * 
     * WICHTIG: Betrifft NUR Elemente mit den Custom Classes:
     * - .produktseiten-menu (Sidebar Container)
     * - .produktseiten-sidebar-column (Template Spalte)
     * 
     * Beeinflusst KEINE anderen Teile der Website!
     * ============================================
     */
    /* ============================================
       1. SMOOTH ACCORDION ANIMATION
       ============================================ */
    .produktseiten-menu .breakdance-menu-list {
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
    }
    
    
    /* ============================================
       2. CARET SMOOTH ROTATION
       ============================================ */
    .produktseiten-menu .breakdance-menu-link-caret {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: inline-block;
    }
    
    .produktseiten-menu .breakdance-menu-link[aria-expanded="true"] .breakdance-menu-link-caret {
        transform: rotate(180deg);
    }
    
    
    /* ============================================
       3. ACTIVE STATE (Via JavaScript)
       ============================================ */
    /* Aktive Seite: Orange Text + Hintergrund */
    .produktseiten-menu .breakdance-menu-link.js-active-page {
        color: #ff5722 !important;
        background-color: rgba(255, 87, 34, 0.08) !important;
        font-weight: 600 !important;
        position: relative;
    }
    
    /* Parent-Kategorie: Orange Balken links */
    .produktseiten-menu .breakdance-menu-link.js-active-parent {
        border-left: 3px solid #ff5722;
        padding-left: 13px !important;
        background-color: rgba(255, 87, 34, 0.06) !important;
        color: #ff5722 !important;
        font-weight: 600 !important;
    }
    
    
    /* ============================================
       4. LINK HOVER TRANSITIONS
       ============================================ */
    .produktseiten-menu .breakdance-menu-link {
        transition: all 0.2s ease;
    }
    
    .produktseiten-menu .breakdance-menu-link:hover {
        transform: translateX(2px);
    }
    
    
    /* ============================================
       5. GPU-BESCHLEUNIGUNG (Performance)
       ============================================ */
    .produktseiten-menu .breakdance-menu-list,
    .produktseiten-menu .breakdance-menu-link-caret {
        transform: translateZ(0);
        backface-visibility: hidden;
    }
    
    
    /* ============================================
       6. RESPONSIVE: STICKY OFF ON MOBILE
       ============================================ */
    @media (max-width: 767px) {
        .produktseiten-sidebar-column {
            position: relative !important;
        }
    }
    
    
    /* ============================================
       7. OPTIONAL: SMOOTH SCROLL (Falls gewünscht)
       ============================================
       Kommentar entfernen, falls du sanftes Scrollen aktivieren möchtest.
       ACHTUNG: Falls bereits in deinem Theme vorhanden, NICHT aktivieren!
       ============================================ */
    /*
    html {
        scroll-behavior: smooth;
        scroll-padding-top: 120px;
    }
    */
    /* ============================================
       ENDE: PRODUKTSEITEN-SIDEBAR CSS
       ============================================ */
    

     DATEI 5: Isoliertes JavaScript

    Dateiname: 5-isolated-javascript.js

    /*
     * ============================================
     * PRODUKTSEITEN-SIDEBAR - ACTIVE STATE
     * ============================================
     * Version: 1.0.0
     * Datum: 2024-01-15
     * Autor: Breakdance Master-Anleitung
     * 
     * WICHTIG: Betrifft NUR Links innerhalb von .produktseiten-menu
     * Beeinflusst KEINE anderen Menüs auf der Website!
     * 
     * FUNKTIONSWEISE:
     * 1. Läuft beim Seitenladen
     * 2. Liest die aktuelle URL
     * 3. Findet passende Links im Sidebar-Menü
     * 4. Setzt automatisch CSS-Klassen:
     *    - .js-active-page (exakter Match)
     *    - .js-active-parent (übergeordnete Kategorie)
     * 
     * KEINE PFLEGE NÖTIG! Funktioniert automatisch für neue Seiten.
     * ============================================
     */
    
    (function() {
        'use strict';
        
        // Debug-Modus (auf false setzen für Produktion)
        const DEBUG = true;
        
        // Logger-Funktion
        function log(message, data) {
            if (DEBUG) {
                if (data) {
                    console.log('[Produktseiten-Sidebar] ' + message, data);
                } else {
                    console.log('[Produktseiten-Sidebar] ' + message);
                }
            }
        }
        
        // Warte bis DOM fertig geladen ist
        if (document.readyState === 'loading') {
            log('DOM lädt noch, warte auf DOMContentLoaded...');
            document.addEventListener('DOMContentLoaded', initProductMenu);
        } else {
            log('DOM bereits geladen, starte sofort');
            initProductMenu();
        }
        
        /**
         * Hauptfunktion: Initialisiert das Produktseiten-Menü
         */
        function initProductMenu() {
            log('=== INITIALISIERUNG GESTARTET ===');
            
            // Aktuelle URL ohne Domain und Query-Parameter
            const currentPath = window.location.pathname;
            log('Aktuelle URL:', currentPath);
            
            // Alle Menu-Links im Sidebar finden
            // WICHTIG: Nur Links innerhalb von .produktseiten-menu!
            const menuLinks = document.querySelectorAll('.produktseiten-menu .breakdance-menu-link');
            
            if (!menuLinks.length) {
                log('❌ FEHLER: Keine Menu-Links gefunden!');
                log('Mögliche Ursachen:');
                log('1. Custom Class "produktseiten-menu" fehlt am Div');
                log('2. Global Block wurde nicht eingefügt');
                log('3. Seite nutzt nicht das Produktseiten-Template');
                return;
            }
            
            log('✅ ' + menuLinks.length + ' Menu-Links gefunden');
            
            let activePageFound = false;
            let activeParentFound = false;
            
            // Jeden Link durchgehen und prüfen
            menuLinks.forEach(function(link, index) {
                const linkHref = link.getAttribute('href');
                
                if (!linkHref) {
                    log('⚠️ Link ' + (index + 1) + ' hat keine href-Attribut');
                    return;
                }
                
                log('Prüfe Link ' + (index + 1) + ':', linkHref);
                
                // EXAKTER MATCH: Aktive Seite
                if (linkHref === currentPath) {
                    link.classList.add('js-active-page');
                    activePageFound = true;
                    log('✅ AKTIVE SEITE gefunden:', linkHref);
                }
                
                // PARENT MATCH: Übergeordnete Kategorie
                // z.B. /produkte/cupra-formentor → /produkte ist Parent
                if (currentPath.startsWith(linkHref) && linkHref !== '/' && linkHref !== currentPath) {
                    link.classList.add('js-active-parent');
                    activeParentFound = true;
                    log('✅ AKTIVER PARENT gefunden:', linkHref);
                }
            });
            
            // Zusammenfassung
            log('=== ERGEBNIS ===');
            log('Aktive Seite gefunden:', activePageFound ? 'JA' : 'NEIN');
            log('Aktiver Parent gefunden:', activeParentFound ? 'JA' : 'NEIN');
            
            if (!activePageFound && !activeParentFound) {
                log('⚠️ HINWEIS: Kein Match gefunden!');
                log('Mögliche Ursachen:');
                log('1. URL-Format stimmt nicht überein (Slash am Ende?)');
                log('2. Link im Menu Builder fehlt');
                log('3. Du bist nicht auf einer Produktseite');
            }
            
            log('=== INITIALISIERUNG BEENDET ===');
        }
        
    })();
    
    
    /*
     * ============================================
     * ENDE: PRODUKTSEITEN-SIDEBAR JAVASCRIPT
     * ============================================
     */
    

     

 



SCHRITT-FÜR-SCHRITT-ANLEITUNG

Produktseiten-Vorlage mit den 5 Dateien erstellen


 WAS DU BEKOMMST

Am Ende hast du:

✅ Fertige Produktseiten-Vorlage zum Duplizieren
✅ Sticky-Sidebar mit Accordion-Menü (links, 25%)
✅ Automatisches Active-State-Highlighting (orange)
✅ Template das bei allen Produktseiten automatisch lädt
✅ Beispiel-Produktseite „Cupra Formentor“ als Kopiervorlage


⚠️ WICHTIG: Die JSON-Dateien

Die JSON-Dateien 1-3 sind STRUKTURREFERENZEN, da Breakdance keinen direkten JSON-Import für Custom-Built-Strukturen unterstützt.

Du hast 2 Optionen:

Option A: Schnell (empfohlen für Anfänger)

→ Nutze nur Datei 4 (CSS) und Datei 5 (JavaScript)
→ Baue die Struktur manuell (dauert 30-40 Min mit meiner Anleitung)
→ Erstelle eine Master-Produktseite als Duplikat-Vorlage

Option B: Vollständig

→ Nutze die JSON-Dateien als Nachschlagewerk
→ Baue alles manuell nach den exakten Settings
→ Nutze CSS & JavaScript für Active State

→ Ich zeige dir jetzt OPTION A (am praktischsten!)


 GESAMTABLAUF (40 MINUTEN)

PhaseWas du machstZeitDateien
1Sidebar mit Menü erstellen15 Min
2Template mit Sticky-Sidebar10 Min
3Master-Produktseite erstellen10 MinJSON als Referenz
4CSS + JavaScript einfügen5 MinDatei 4 + 5
5Testen & Duplikat-Workflow5 Min

 VORBEREITUNG: Dateien bereitstellen

Schritt 0: Dateien auf Desktop speichern

Erstelle einen Ordner „Produktseiten-Breakdance“ und speichere dort:

  1. 1-global-block-produkt-sidebar.json → Als Nachschlagewerk
  2. 2-template-produktseiten.json → Als Nachschlagewerk
  3. 3-page-cupra-formentor.json → Als Nachschlagewerk
  4. 4-isolated-css.css → Zum Copy & Paste
  5. 5-isolated-javascript.js → Zum Copy & Paste

→ Öffne Datei 4 und 5 in einem Texteditor (Windows: Notepad, Mac: TextEdit)


️ PHASE 1: SIDEBAR ERSTELLEN (15 Min)

Schritt 1: Hauptseite „Produkte“ anlegen

  1. WordPress → Seiten → Erstellen
  2. Titel: Produkte
  3. Veröffentlichen
  4. Notiere dir die URL: z.B. /produkte

Schritt 2: Global Block „Produkt-Sidebar“ erstellen

  1. WordPress → Breakdance → Global Blocks
  2. „Add Global Block“
  3. Name: Produkt-Sidebar
  4. „Edit in Breakdance“

Schritt 3: Container mit Schatten bauen

A) Div hinzufügen:

+ Add Div

B) ⭐ WICHTIG: Custom Class setzen

Div auswählenSidebar rechtsAdvanced (ganz unten scrollen)CSS Classes: produktseiten-menuEnter drücken

→ Diese Klasse isoliert das CSS später!

C) Styling (öffne JSON Datei 1 als Referenz):

Design → Backgrounds:

  • Type: Color
  • Color: #f9f9f9

Design → Borders:

  • Border Radius: 12px (alle Ecken)

Design → Effects → Box Shadow:

Shadow 1:

Horizontal: 0
Vertical: 4
Blur: 20
Spread: 0
Color: rgba(0, 0, 0, 0.08)

+ Add Shadow (Shadow 2):

Horizontal: 0
Vertical: 1
Blur: 4
Spread: 0
Color: rgba(0, 0, 0, 0.04)

Design → Size → Padding:

Alle Seiten: 20px

Schritt 4: Menu Builder einfügen

A) Menu Builder hinzufügen:

Im Div: + AddMenu Builder

B) Settings (siehe JSON Datei 1, Zeile 74-180):

Content Tab:

  • Keep Menu Selected While Styling: ✅ AN
  • Menu: — None — (manuell bauen)

Design → Desktop Menu:

  • Vertical: ✅ AN
  • Vertical Layout: Accordion
  • Open Dropdowns on Click: ✅ AN
  • Transition Duration: 0.3s

Design → Desktop Menu → Links:

Typography:

Font Size: 15px
Font Weight: 500
Color: #333333

Effect (Hover):

Effect Type: Background
Color: rgba(255, 87, 34, 0.05)

Size:

Padding: 10px 16px
Space Between: 4px

Dropdown Arrows:

Color: #999999
Size: 12px
Gap: 8px
Closed Rotation: 0
Open Rotation: 180

Design → Desktop Menu → Dropdowns → Wrapper:

Background: #ffffff
Padding: 8px 0
Border Radius: 6px
Box Shadow: 0 2px 8px rgba(0,0,0,0.06)

Dropdowns → Links:

Padding: 8px 16px 8px 24px
Color: #666666
Hover Color: #ff5722

Schritt 5: Menü-Struktur aufbauen

A) Menu Dropdown hinzufügen:

Menu Builder ausgewählt
→ + Elements (oben links)
→ Menu Dropdown
+ ElementsMenu Link
Content:
├─ Text: Produkte
└─ Link: /produkte
DesignTypography (optional):
├─ Font Size: 16px
└─ Font Weight: 600Ziehe den Link IN den Menu Dropdown (Drag & Drop)

Im Menu Dropdown (unter „Produkte“):

+ Elements → Menu Link
├─ Text: Cupra Formentor
└─ Link: /produkte/cupra-formentor
+ Elements → Menu Link
├─ Text: Cupra Ateca
└─ Link: /produkte/cupra-ateca
+ Elements → Menu Link
├─ Text: Seat Leon
└─ Link: /produkte/seat-leon
+ Elements → Menu Link
├─ Text: Seat Ibiza
└─ Link: /produkte/seat-ibiza

Struktur-Check:

Menu Builder
└─ Menu Dropdown
    ├─ Menu Link: "Produkte"
    └─ [Dropdown-Inhalt:]
        ├─ Menu Link: "Cupra Formentor"
        ├─ Menu Link: "Cupra Ateca"
        ├─ Menu Link: "Seat Leon"
        └─ Menu Link: "Seat Ibiza"

Schritt 6: Global Block speichern

Deaktiviere "Keep Menu Selected While Styling"Save (oben rechts)
→ Builder verlassen

✅ SIDEBAR FERTIG!


️ PHASE 2: TEMPLATE ERSTELLEN (10 Min)

Schritt 7: Custom Template anlegen

WordPress → Breakdance → Templates
→ Add Template
→ Scrolle zu: "Add Custom Template"
→ Wähle: Page
→ Warnhinweis: "Yes, Create Template"Name: Produktseiten Template

Schritt 8: Condition setzen

+ Add Condition
├─ Type: Page Parent
├─ Operator: is
└─ Value: Produkte

→ Save Conditions

→ Template lädt automatisch bei allen Unterseiten von „Produkte“!


Schritt 9: Template-Layout bauen (siehe JSON Datei 2)

A) Section:

+ Add → Section

Design → Backgrounds:
└─ Color: #ffffff

Design → Size:
├─ Padding: 40px 60px
└─ Max Width: 1440px

B) Columns (25% / 75%):

In Section: + Add → Columns
→ Layout: 25% / 75%

Columns-Element auswählen:

Layout → Spacing:
├─ Column Gap: 40px (Desktop)
├─ Tablet-Icon: 30px
└─ Mobile-Icon: 15px

Layout → Alignment:
└─ Align Items: Start

Schritt 10: Linke Spalte (Sidebar) konfigurieren

A) ⭐ Custom Class setzen:

Klicke in linke Spalte (25%)
→ Advanced → CSS Classes: produktseiten-sidebar-column
→ Enter

B) Spalten-Größe:

Design → Size:
├─ Width: 25%
└─ Min Height: 400px

C) Global Block einfügen:

In linker Spalte: + AddGlobal Block
→ Content → Global Block: Produkt-Sidebar

D) ⭐ Sticky aktivieren:

Linke Spalte auswählen (nicht das Global Block!)Settings (⚙️ Zahnrad-Icon oben rechts)AnimationsSticky:
    ├─ Toggle:AN
    ├─ Position: Top
    ├─ Top Offset: 100
    └─ Z-Index: 999

E) Mobile verbergen:

Settings → Responsive
→ Wechsle zu Mobile-Icon (Handy)
→ Hide On Mobile: ✅ AN

Schritt 11: Rechte Spalte (Content-Area)

Klicke in rechte Spalte (75%)

Design → Size:
├─ Width: 75%
└─ Padding: 0 (alle Seiten)

→ Bleibt LEER (Content kommt später pro Seite)

Schritt 12: Template speichern

Save (oben rechts)

✅ TEMPLATE FERTIG!


✨ PHASE 3: MASTER-PRODUKTSEITE ERSTELLEN (10 Min)

Schritt 13: Erste Produktseite anlegen

WordPress → Seiten → Erstellen
├─ Titel: Cupra Formentor
├─ Elternseite: Produkte
└─ Beitragsbild: Auto-Bild hochladen

→ "Edit in Breakdance"

→ Template lädt automatisch! Sidebar ist bereits da!


Schritt 14: Content-Sections bauen (Referenz: JSON Datei 3)

Jetzt füllst du die RECHTE SPALTE (75%) mit Content:

SECTION 1: Hero

+ AddSection

Design → Size → Padding: 0 0 40px 0

A) Bild:

+ Add → Image
→ Featured Image auswählen

Design → Size:
├─ Width: 100%
├─ Margin Bottom: 30px
Design → Borders:
└─ Border Radius: 12px
Design → Effects → Box Shadow:
├─ Vertical: 10px
├─ Blur: 40px
└─ Color: rgba(0, 0, 0, 0.15)

B) H1:

+ Add → Heading
├─ Text: Cupra Formentor
└─ HTML Tag: H1

Design → Typography:
├─ Font Size: 48px
├─ Font Weight: 700
├─ Letter Spacing: -0.5px
└─ Color: #1a1a1a

Design → Size:
└─ Margin Bottom: 15px

C) Tagline:

+ Add → Text
└─ Text: "Entfesseln Sie sich – Performance trifft auf pure Eleganz."

Design → Typography:
├─ Font Size: 20px
├─ Font Weight: 400
└─ Color: #666666

Design → Size:
├─ Max Width: 700px
└─ Margin Bottom: 0

SECTION 2: Beschreibung

+ AddSection

Design → Size → Padding: 60px 0

A) H2:

+ Add → Heading
├─ Text: Übersicht
└─ HTML Tag: H2

Design → Typography:
├─ Font Size: 32px
├─ Font Weight: 700
└─ Color: #1a1a1a

Design → Size:
└─ Margin Bottom: 25px

B) Text:

+ Add → Rich Text

→ Füge 2-3 Absätze ein:
"Der Cupra Formentor ist kein Typ fürs Hinterherlaufen: Kraftvolles Design, 
moderne Technologie und vielfältige Personalisierungsmöglichkeiten machen 
ihn zum Eyecatcher auf der Straße.

Mit seinem markanten Äußeren und der kraftvollen Motorisierung bietet der 
Formentor ein außergewöhnliches Fahrerlebnis..."

Design → Typography:
├─ Font Size: 16px
├─ Line Height: 1.8
└─ Color: #333333

SECTION 3: Icon-Boxes (4 Features)

+ Add → Section

Design → Backgrounds → Color: #f9f9f9
Design → Size → Padding: 60px 0

A) H2:

+ Add → Heading
├─ Text: Ausstattung
└─ HTML Tag: H2
Design → Size:
├─ Margin Bottom: 40px
└─ Text Align: Center

B) Columns:

+ Add → Columns
→ Layout: 4 Spalten (25% / 25% / 25% / 25%)

Layout → Spacing:
├─ Column Gap: 30px
└─ Row Gap: 30px

C) Icon Box 1 (in erster Spalte):

+ Add → Icon Box

Content:
├─ Icon: bolt (⚡)
├─ Heading: Leistung
└─ Text: "Bis zu 390 PS & 4,9sek"

Design → Layout:
├─ Layout: Top
└─ Alignment: Center

Design → Icon:
├─ Size: 48px
├─ Color: #ff5722
└─ Background: Deaktiviert

Design → Typography → Heading:
├─ Font Size: 18px
├─ Font Weight: 600
└─ Color: #1a1a1a

Design → Typography → Description:
├─ Font Size: 14px
├─ Line Height: 1.6
└─ Color: #666666

Design → Backgrounds:
└─ Color: #ffffff

Design → Borders:
├─ Border: 1px solid #e5e5e5
└─ Border Radius: 12px

Design → Effects → Box Shadow:
├─ Vertical: 2px
├─ Blur: 10px
└─ Color: rgba(0, 0, 0, 0.06)

Design → Size:
├─ Padding: 30px 20px
└─ Min Height: 200px

D) Dupliziere Icon Box 1 → 3x (Rechtsklick → Duplicate)

Box 2: Icon shield-alt ️, Heading „Sicherheit“, Text „Rundum-Sicherheitspaket“
Box 3: Icon couch ️, Heading „Komfort“, Text „Hochwertigster Innenraum“
Box 4: Icon palette , Heading „Design“, Text „Einzigartiges Karosseriedesign“


SECTION 4: CTA

+ Add  Section
Design  Backgrounds:
├─ Type: Gradient
├─ Gradient Type: Linear
├─ Angle: 135deg
├─ Color Stop 1: #ff5722 (0%)
└─ Color Stop 2: #e64a19 (100%)
Design  Size  Padding: 80px 40px
Layout  Alignment:
├─ Align Items: Center
└─ Text Align: Center

A) H2:

+ Add → Heading
├─ Text: Interesse geweckt?
└─ HTML Tag: H2

Design → Typography:
├─ Font Size: 40px
├─ Font Weight: 700
└─ Color: #ffffff

Design → Size:
└─ Margin Bottom: 20px

B) Text:

+ Add → Text
└─ Text: "Kontaktieren Sie uns für eine unverbindliche Beratung!"

Design → Typography:
├─ Font Size: 18px
├─ Line Height: 1.6
└─ Color: #ffffff

Design → Size:
├─ Max Width: 600px
└─ Margin: 0 auto 30px auto

C) Button:

+ Add → Button
├─ Text: Jetzt anfragen
└─ Link: /kontakt

Design → Style:
├─ Background: #ffffff
├─ Text Color: #ff5722
└─ Border: None

Design → Typography:
├─ Font Size: 18px
├─ Font Weight: 600
└─ Letter Spacing: 0.5px

Design → Size:
└─ Padding: 18px 50px

Design → Borders:
└─ Border Radius: 50px (Pill-Shape)

Design → Effects → Box Shadow:
├─ Vertical: 8px
├─ Blur: 20px
└─ Color: rgba(0, 0, 0, 0.25)

Schritt 15: Master-Produktseite speichern

Save (oben rechts)
→ Publish
→ View Page

✅ MASTER-PRODUKTSEITE FERTIG!

→ Diese Seite wirst du später für neue Produkte duplizieren!


 PHASE 4: CSS & JAVASCRIPT EINFÜGEN (5 Min)

⚠️ Schritt 16: Backup erstellen

Settings (⚙️) → GlobalCustom CSS
→ Alles markieren (Strg+A) → Kopieren
→ In Textdatei speichern: backup-css.txt

Settings (⚙️) → GlobalCustom Javascript
→ Alles markieren (Strg+A) → Kopieren
→ In Textdatei speichern: backup-js.txt

✅ Backup gesichert!


Schritt 17: CSS einfügen (Datei 4)

1. Öffne Datei: 4-isolated-css.css
2. Alles markieren (Strg+A) → Kopieren

3. Settings (⚙️) → Global → Custom CSS
4. Scrolle GANZ NACH UNTEN (nach deinem bestehenden CSS)
5. Füge 2-3 Leerzeilen ein
6. Einfügen (Strg+V)
7. Save Global Settings

Schritt 18: JavaScript einfügen (Datei 5)

1. Öffne Datei: 5-isolated-javascript.js
2. Alles markieren (Strg+A) → Kopieren

3. Settings (⚙️) → Global → Custom Javascript
4. Scrolle GANZ NACH UNTEN
5. Füge 2-3 Leerzeilen ein
6. Einfügen (Strg+V)
7. Save Global Settings

Schritt 19: Cache leeren

Settings (⚙️) → Global → Clear All Caches

Falls WP Rocket installiert:
→ WP Rocket → Clear Cache

Browser:
→ Strg + Shift + R (Windows)
→ Cmd + Shift + R (Mac)

✅ INSTALLATION ABGESCHLOSSEN!


 PHASE 5: TESTEN & DUPLIKAT-WORKFLOW (5 Min)

Schritt 20: Funktionstest

1. Öffne: /produkte/cupra-formentor
2. Drücke F12 → Tab: Console
3. Prüfe Meldungen:

✅ [Produktseiten-Sidebar] Aktuelle URL: /produkte/cupra-formentor
✅ [Produktseiten-Sidebar] ✅ 5 Menu-Links gefunden
✅ [Produktseiten-Sidebar] ✅ AKTIVE SEITE gefunden
✅ [Produktseiten-Sidebar] ✅ AKTIVER PARENT gefunden

Schritt 21: Visuelle Prüfung

Checkliste:

  •  Sidebar links sichtbar? ✅
  •  „Produkte“ aufklappbar? ✅
  •  „Cupra Formentor“ orange? ✅
  •  „Produkte“ auch orange? ✅
  •  Pfeil rotiert beim Öffnen? ✅
  •  Hover-Effekt (Maus drüber)? ✅
  •  Sticky beim Scrollen? ✅
  •  Mobile: Sidebar ausgeblendet? ✅

Schritt 22: Duplikat-Workflow testen

A) Neue Produktseite per Duplikat erstellen:

WordPress → Seiten → Alle Seiten
→ Finde: "Cupra Formentor"
→ Hover → "Duplicate" (via Plugin z.B. "Duplicate Page")

ODER manuell:

WordPress → Seiten → Neu hinzufügen
├─ Titel: VW Golf
├─ Elternseite: Produkte
└─ "Edit in Breakdance"

→ Öffne "Cupra Formentor" in separatem Tab
→ Markiere ALLE Sections in rechter Spalte
→ Strg+C (Kopieren)
→ Wechsle zu "VW Golf"
→ Klicke in rechte Spalte (75%)
→ Strg+V (Einfügen)

→ Texte & Bilder anpassen
→ Save & Publish

BreakdanceGlobal BlocksProdukt-SidebarEditIm Menu Dropdown: + ElementsMenu Link
├─ Text: VW Golf
└─ Link: /produkte/vw-golfSaveCache leeren

C) Testen:

→ Öffne: /produkte/vw-golfLink "VW Golf" sollte orange sein ✅
→ Link "Produkte" auch orange ✅

✅ DUPLIKAT-WORKFLOW FUNKTIONIERT!


 FERTIG! WAS DU JETZT HAST:

Dein fertiges System:

✅ Global Block „Produkt-Sidebar“ – zentrale Menü-Verwaltung
✅ Template „Produktseiten Template“ – lädt automatisch bei Unterseiten von „Produkte“
✅ Master-Produktseite „Cupra Formentor“ – perfekte Duplikat-Vorlage
✅ Automatisches Active-State-Highlighting – orange Links ohne CSS-Pflege
✅ Responsive Design – funktioniert auf Desktop, Tablet, Mobile
✅ Isoliertes CSS & JavaScript – beeinflusst nur Produktseiten


 WORKFLOW: NEUE PRODUKTSEITE ERSTELLEN (5 MIN)

Standard-Prozess:

1. Seite duplizieren:

WordPress → Seiten → "Cupra Formentor"
→ Duplicate (via Plugin)

ODER manuell:
→ Neue Seite → Copy/Paste Content aus Master-Seite

2. Anpassen:

├─ Titel: z.B. "Audi Q5"
├─ Elternseite: "Produkte" ✓
├─ Slug: audi-q5
├─ Beitragsbild: Neues Auto-Bild
└─ Edit in Breakdance:
    ├─ Texte anpassen
    ├─ Bilder austauschen
    └─ Save & Publish
BreakdanceGlobal BlocksProdukt-SidebarEditMenu Dropdown: + ElementsMenu Link
├─ Text: Audi Q5
└─ Link: /produkte/audi-q5Save

4. Cache leeren & Testen:

Settings → Clear All Caches
→ Öffne: /produkte/audi-q5
→ Link sollte orange sein ✅

⏱️ Zeitaufwand: 5-10 Minuten pro Produkt


 FINALE CHECKLISTE

Installation:

  •  Hauptseite „Produkte“ erstellt
  •  Global Block „Produkt-Sidebar“ gebaut
    •  Custom Class: produktseiten-menu gesetzt ✓
    •  Menu Builder konfiguriert ✓
    •  Schatten-Effekt eingestellt ✓
    •  4 Produkt-Links hinzugefügt ✓
  •  Template „Produktseiten Template“ gebaut
    •  Condition: Page Parent = Produkte ✓
    •  25% / 75% Layout ✓
    •  Linke Spalte: Custom Class produktseiten-sidebar-column ✓
    •  Sticky aktiviert (Settings → Animations) ✓
  •  Master-Produktseite „Cupra Formentor“ erstellt
    •  Hero-Section ✓
    •  Beschreibung ✓
    •  4 Icon-Boxes ✓
    •  CTA-Section ✓
  •  CSS eingefügt (Datei 4) ✓
  •  JavaScript eingefügt (Datei 5) ✓
  •  Cache geleert ✓
  •  Backup erstellt ✓

Test:

  •  Produktseite öffnet sich ✓
  •  Sidebar sichtbar ✓
  •  Accordion funktioniert ✓
  •  Active State orange ✓
  •  Parent-Highlighting orange ✓
  •  Hover-Effekt funktioniert ✓
  •  Sticky beim Scrollen ✓
  •  Console-Logs korrekt ✓
  •  Duplikat-Workflow getestet ✓
  •  Andere Seiten unverändert ✓

 PROFI-TIPPS

1. Duplicate-Plugin installieren:

Plugin: "Duplicate Page" oder "Yoast Duplicate Post"
→ Macht Duplizieren einfacher
→ 1-Klick-Kopie von Produktseiten

2. Snippets für schnellere Bearbeitung:

→ Speichere wiederkehrende Sections als "Global Blocks"
→ Z.B. "CTA-Section" als eigenen Global Block
Einfügen per Drag & Drop

3. Bilder vorbereiten:

→ Alle Produktbilder in einheitlicher Größe
→ Empfehlung: 1200x800px, WebP-Format
→ Dateiname: produkt-name-hero.webp

4. SEO-Checkliste pro Produktseite:

- [ ] Meta Title (60 Zeichen)
- [ ] Meta Description (155 Zeichen)
- [ ] Alt-Texte bei Bildern
- [ ] H1 nur einmal
- [ ] Interne Links zu anderen Produkten

 HÄUFIGE PROBLEME

Problem: Active State funktioniert nicht

Lösung:

1. Custom Classes prüfen:
   → Global Block: produktseiten-menu ✓
   → Template Spalte: produktseiten-sidebar-column ✓

2. Cache leeren:
   → Breakdance + Plugin + Browser

3. URL-Format prüfen:
   → Link im Menü: /produkte/cupra-formentorSeiten-URL:   /produkte/cupra-formentor
   → Müssen EXAKT übereinstimmen!
4. JavaScript-Fehler?
   → F12 → Console → Rote Fehler?

Problem: Duplikat übernimmt kein Template

Lösung:

1. Prüfe Elternseite:
   → Muss "Produkte" sein!

2. Template-Condition:
   → Breakdance → Templates → Produktseiten Template
   → Edit → Conditions
   → Page Parent = Produkte ✓

3. Cache leeren

Problem: Sticky funktioniert nicht

Lösung:

1. Min Height gesetzt?Linke SpalteDesignSizeMin Height: 400px2. Sticky aktiviert?Settings (⚙️)AnimationsStickyToggle AN, Position Top, Offset 1003. Custom Class gesetzt?Linke SpalteAdvancedCSS Classes: produktseiten-sidebar-column

 ZUSAMMENFASSUNG

Was du geschafft hast:

✅ Sidebar mit Menu Builder – 15 Min
✅ Template mit Sticky-Layout – 10 Min
✅ Master-Produktseite – 10 Min
✅ CSS + JavaScript – 5 Min
✅ Testen & Duplikat-Workflow – 5 Min

Gesamt: 45 Minuten

Ab jetzt:

  • Neue Produktseite in 5-10 Minuten erstellen
  • Automatisches Active-State-Highlighting
  • Zentrale Menü-Verwaltung
  • Pixel-Perfect Design wie im Mockup

Glückwunsch! Dein Produktseiten-System ist einsatzbereit!

Breakdance: Interaktiver Maus-Schatten – so baust du den genialen Hover-Effekt

Was macht dieser Effekt?

Wenn ein Besucher mit der Maus über einen Container auf deiner Website fährt, erscheint ein weicher, kreisförmiger Schatten, der der Maus folgt. Der Effekt ist subtil und elegant – er wirkt wie ein sanfter Lichtschimmer im Hintergrund und gibt deiner Seite eine hochwertige, interaktive Note.

Du kannst zwischen einem dunklen Schatten und einem hellen Schein wählen, je nachdem ob dein Container einen hellen oder dunklen Hintergrund hat.

 


 

Schritt 1: CSS einfügen

 

Öffne in deinem WordPress-Backend den Breakdance Builder und navigiere zu Breakdance → Settings → Custom Code. Erstelle dort einen neuen Eintrag und wähle als Position Header aus. Füge folgenden CSS-Code ein und umschließe ihn mit <style> Tags:

<style>
/*
 * AUTOR: MN
 * DATUM: 2026-02-19
 * BESCHREIBUNG: Subtiler, eleganter Maus-Schatten mit dynamischem Radius.
 * Weicher Verlauf, dezente Deckkraft – wirkt atmosphärisch im Hintergrund.
 * Radius: 65% der kürzeren Container-Seite.
 */

.mouse-shadow-box {
  position: relative;
  overflow: hidden;
  --mouse-x: 50%;
  --mouse-y: 50%;
  --shadow-radius: 300px;
}

.mouse-shadow-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mouse-shadow-box:hover::after {
  opacity: 1;
}

/* Dunkler Schatten – für helle Hintergründe */
.mouse-shadow-box.shadow-dark-effect::after {
  background: radial-gradient(
    circle var(--shadow-radius) at var(--mouse-x) var(--mouse-y),
    rgba(0, 0, 0, 0.10) 0%,
    rgba(0, 0, 0, 0.04) 45%,
    rgba(0, 0, 0, 0) 100%
  );
}

/* Heller Schein – für dunkle Hintergründe */
.mouse-shadow-box.shadow-light-effect::after {
  background: radial-gradient(
    circle var(--shadow-radius) at var(--mouse-x) var(--mouse-y),
    rgba(255, 255, 255, 0.10) 0%,
    rgba(255, 255, 255, 0.04) 45%,
    rgba(255, 255, 255, 0) 100%
  );
}
</style>

 

Schritt 2: JavaScript einfügen

 

Navigiere im Breakdance Builder zu Breakdance → Settings → Custom Code. Erstelle einen weiteren Eintrag und wähle als Position Global aus. Das ist wichtig, denn Breakdance rendert seine Elemente dynamisch – das Script muss daher als Global eingebunden werden, damit es die Elemente zuverlässig findet. Füge folgenden JavaScript-Code ein und umschließe ihn mit <script> Tags:

<script>
/*
 * AUTOR: MN
 * DATUM: 2026-02-19
 * BESCHREIBUNG: Maus-Schatten mit MutationObserver für Breakdance Builder.
 * Direkte 1:1 Mausverfolgung, dynamische Radius-Berechnung,
 * WeakSet gegen Doppelbindung.
 * Radius: 65% der kürzeren Container-Seite.
 */

(function() {

  // ========================================================
  // TUNING-PARAMETER:
  // ========================================================
  const RADIUS_ANTEIL = 0.65;
  // ========================================================

  const initialisierteBoxen = new WeakSet();

  function boxInitialisieren(box) {
    if (initialisierteBoxen.has(box)) return;
    initialisierteBoxen.add(box);

    function radiusBerechnen() {
      const rect = box.getBoundingClientRect();
      const radius = Math.min(rect.width, rect.height) * RADIUS_ANTEIL;
      box.style.setProperty('--shadow-radius', `${radius}px`);
    }

    radiusBerechnen();
    window.addEventListener('resize', radiusBerechnen);

    box.addEventListener('mousemove', (e) => {
      const rect = box.getBoundingClientRect();
      box.style.setProperty('--mouse-x', `${e.clientX - rect.left}px`);
      box.style.setProperty('--mouse-y', `${e.clientY - rect.top}px`);
    });

    box.addEventListener('mouseenter', radiusBerechnen);
  }

  function alleSuchen() {
    document.querySelectorAll('.mouse-shadow-box').forEach(boxInitialisieren);
  }

  alleSuchen();

  setTimeout(alleSuchen, 500);
  setTimeout(alleSuchen, 1500);
  setTimeout(alleSuchen, 3000);

  const observer = new MutationObserver(() => {
    alleSuchen();
  });

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });

})();
</script>

 

Schritt 3: CSS-Klassen im Breakdance Builder zuweisen

 

Jetzt musst du dem Container, der den Effekt erhalten soll, die richtigen CSS-Klassen geben. So geht’s:

Öffne die Seite im Breakdance Builder und klicke auf den Container (oder die Section, das Div – jedes Block-Element funktioniert), auf dem der Schatten erscheinen soll. Navigiere im rechten Panel zu Advanced → CSS Classes.

Dort trägst du zwei Klassen ein, getrennt durch ein Leerzeichen:

Für einen dunklen Schatten auf hellem Hintergrund:

mouse-shadow-box shadow-dark-effect

Für einen hellen Schein auf dunklem Hintergrund:

mouse-shadow-box shadow-light-effect

Das war’s! Speichere die Seite und teste den Effekt im Frontend, indem du mit der Maus über den Container fährst.


 

Effekt anpassen – Farbe, Deckkraft und Größe

 

Deckkraft ändern

Die Deckkraft wird im CSS über die rgba-Werte gesteuert. Der vierte Wert in der Klammer ist die Deckkraft. Im folgenden Beispiel siehst du die drei Farbstufen des Gradienten:

rgba(0, 0, 0, 0.10) 0%      /* Kern – die letzte Zahl ist die Deckkraft */
rgba(0, 0, 0, 0.04) 45%     /* Übergang */
rgba(0, 0, 0, 0) 100%       /* Rand – immer 0 (unsichtbar) */

Willst du den Schatten stärker sichtbar machen, erhöhe die Werte:

rgba(0, 0, 0, 0.20) 0%      /* Kern deutlich sichtbar */
rgba(0, 0, 0, 0.08) 45%     /* Stärkerer Übergang */
rgba(0, 0, 0, 0) 100%

Willst du ihn noch subtiler, senke die Werte:

rgba(0, 0, 0, 0.06) 0%      /* Kern kaum sichtbar */
rgba(0, 0, 0, 0.02) 45%     /* Sehr sanfter Übergang */
rgba(0, 0, 0, 0) 100%

Die Spanne geht von 0 (unsichtbar) bis 1 (volle Deckkraft). Für diesen Effekt empfehle ich Werte zwischen 0.05 und 0.25 für den Kern.


 

Farbe ändern

Die Farbe steckt in den ersten drei Zahlen der rgba-Werte. Das Format ist rgba(Rot, Grün, Blau, Deckkraft) mit Werten von 0 bis 255.

Du kannst eine komplett eigene Farbvariante erstellen, indem du einen neuen Block im CSS ergänzt. Hier ein Beispiel für einen blauen Schatten:

/* Blauer Schatten – eigene Farbe */
.mouse-shadow-box.shadow-blue-effect::after {
  background: radial-gradient(
    circle var(--shadow-radius) at var(--mouse-x) var(--mouse-y),
    rgba(0, 100, 255, 0.10) 0%,
    rgba(0, 100, 255, 0.04) 45%,
    rgba(0, 100, 255, 0) 100%
  );
}

Die CSS-Klassen im Breakdance wären dann mouse-shadow-box shadow-blue-effect. Hier einige Farbbeispiele als Orientierung:

Rot:     rgba(255, 0, 0, 0.10)
Grün:    rgba(0, 180, 0, 0.10)
Blau:    rgba(0, 100, 255, 0.10)
Gold:    rgba(255, 185, 0, 0.10)
Violett: rgba(140, 0, 255, 0.10)

 

Größe ändern

Die Größe des Schattens wird im JavaScript über den RADIUS_ANTEIL gesteuert. Du findest ihn ganz oben im Script im Bereich “Tuning-Parameter”:

const RADIUS_ANTEIL = 0.65;

Dieser Wert bedeutet: Der Schatten-Radius ist 65% der kürzeren Seite des Containers. Einige Richtwerte:

0.3  = Kleiner, fokussierter Schatten (30%)
0.5  = Mittlerer Schatten (50%)
0.65 = Aktueller Wert – groß und weich (65%)
0.8  = Sehr großer Schatten (80%)
1.0  = Schatten so groß wie der halbe Container (100%)

Je größer der Container, desto größer wird der Schatten automatisch. Bei einem 600px hohen Container mit RADIUS_ANTEIL = 0.65 wäre der Radius zum Beispiel 390px.


 

Warum Global und nicht Footer?

Breakdance Builder rendert seine Elemente dynamisch ins DOM. Das bedeutet, dass die HTML-Elemente zum Zeitpunkt des klassischen DOMContentLoaded Events oft noch gar nicht existieren. Ein Script im Footer würde die Container nicht finden, weil Breakdance sie erst danach einfügt.

Die Position Global zusammen mit dem MutationObserver im Script löst dieses Problem: Der Observer überwacht das gesamte DOM dauerhaft auf Änderungen. Sobald Breakdance einen Container mit der Klasse mouse-shadow-box in die Seite einfügt, erkennt das Script ihn sofort und aktiviert den Effekt. Die zusätzlichen setTimeout-Fallbacks nach 500ms, 1500ms und 3000ms fangen Sonderfälle ab, in denen der Observer nicht schnell genug reagiert.


 

Gut zu wissen

Der Effekt funktioniert nur auf Desktop-Geräten, da er die Mausposition benötigt. Auf Smartphones und Tablets passiert nichts – der Container sieht ganz normal aus, ohne sichtbare Veränderung.

Du kannst den Effekt auf beliebig vielen Containern gleichzeitig verwenden. Jeder Container berechnet seinen eigenen Radius basierend auf seiner Größe. Du kannst auch verschiedene Container mit unterschiedlichen Effekten mischen – einer mit shadow-dark-effect, ein anderer mit shadow-light-effect und ein dritter mit einer eigenen Farbe.

Der Effekt beeinflusst keine Klicks. Die Zeile pointer-events: none im CSS sorgt dafür, dass der Schatten-Layer komplett durchlässig für Mausklicks ist. Buttons, Links und andere klickbare Elemente innerhalb des Containers funktionieren ganz normal.

Performance: Das Script nutzt kein rechenintensives Easing oder Animationsschleifen. Die Mausposition wird direkt per mousemove Event an CSS-Variablen weitergereicht. Der Browser erledigt das Rendering des Gradienten hardwarebeschleunigt – auch auf älteren Rechnern kein Problem.

Breakdance: Dynamischer, interaktiver Hover-Schatten von actiware (Subtil & Edel)

Kennst du diese modernen, hochwertigen Webseiten, bei denen Elemente fast magisch auf deine Mausbewegung reagieren? Ein starrer Schatten (Drop Shadow) wirkt oft altbacken. Heute zeige ich dir, wie du in Breakdance einen interaktiven, dynamischen Schatten baust, der deiner Maus sanft folgt.

Wir bauen eine extrem edle, „flache“ Variante. Das bedeutet: Der Schatten bricht nicht wild aus, sondern bleibt dicht an der Karte, was für einen sehr hochwertigen, subtilen Tiefeneffekt sorgt.

Das Beste daran: Wir nutzen reines Vanilla JavaScript und modernes CSS. Keine schweren Plugins, keine Performance-Einbußen!

 

Schritt 1: Die Struktur in Breakdance vorbereiten

Damit der Effekt reibungslos funktioniert, brauchen wir ein sauberes Container-Setup in Breakdance.

  1. Füge ein Div-Element zu deiner Seite hinzu. Dieses Div wird unsere interaktive Karte.

  2. Gehe auf den Tab Settings -> Advanced -> Classes und gib dem Div die Klasse .aw-hover-card.

  3. optional: Gehe auf Design -> Borders und stelle deinen gewünschten Ecken-Radius ein (z. B. 12px). Unser Code wird diesen Radius später automatisch für den Schatten übernehmen.

 

Schritt 2: Das CSS (Das Design des Schattens)

Nun geben wir der Karte ihr Aussehen und sorgen dafür, dass der Schatten nicht abgeschnitten wird. Gehe in Breakdance auf Global Settings -> Custom Code -> CSS (oder füge es direkt in ein Stylesheet ein) und kopiere diesen Code:

CSS

 
/* AUTOR: MN / DATUM: 2026-02-19 / 20:15
   BESCHREIBUNG: Breakdance Hover-Schatten – Subtiles und flaches Design
*/
.aw-hover-card {
  --shadow-x: 0px;
  --shadow-y: 0px;
  
  position: relative;
  /* Wichtig: Eine feste Farbe verdeckt den Schatten im Inneren der Karte */
  background-color: #ffffff !important; 
  border-radius: inherit; 
  border: 1px solid rgba(0, 0, 0, 0.08); 
  
  z-index: 1;
  /* Zwingt Breakdance dazu, den Schatten außen sichtbar zu machen */
  overflow: visible !important; 
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.aw-hover-card::after {
  content: "";
  position: absolute;
  inset: 0; 
  border-radius: inherit;
  z-index: -1; 
  opacity: 0;
  pointer-events: none;
  
  transition: opacity 0.3s ease;
  
  /* Der kompakte, edle Schatten:
     5px Blur sorgen für einen definierten, nahen Schattenwurf.
  */
  box-shadow: var(--shadow-x) var(--shadow-y) 5px rgba(0, 0, 0, 0.15);
}

/* Schatten einblenden, wenn die Maus über die Karte fährt */
.aw-hover-card:hover::after {
  opacity: 1;
}

/* Minimales Anheben der Karte für den 3D-Effekt */
.aw-hover-card:hover {
  transform: translateY(-1px);
}

Schritt 3: Das JavaScript (Die Interaktion)

Damit der Schatten weiß, wo deine Maus ist, brauchen wir ein kleines Skript. Gehe in Breakdance auf Global Settings -> Custom Code -> Scripts und füge Folgendes ein:

JavaScript

 
/* AUTOR: MN / DATUM: 2026-02-19 / 20:15
   BESCHREIBUNG: Breakdance Hover-Effekt – Schatten folgt der Maus (Dezente Tiefe)
*/
document.addEventListener("mousemove", function(event) {
    // Prüfen, ob die Maus über einem Element mit unserer Klasse ist
    const card = event.target.closest(".aw-hover-card");
    if (!card) return;

    // Maße der Karte auslesen
    const rect = card.getBoundingClientRect();
    
    // Das exakte Zentrum der Karte berechnen
    const centerX = rect.width / 2;
    const centerY = rect.height / 2;

    // Position der Maus relativ zum Zentrum ermitteln
    const x = event.clientX - rect.left - centerX;
    const y = event.clientY - rect.top - centerY;

    // Faktor 0.035 sorgt für eine extrem feine, kaum merkliche Bewegung (edler Look)
    const moveX = (x * 0.035).toFixed(1);
    const moveY = (y * 0.035).toFixed(1);

    // Die berechneten Werte live an unser CSS senden
    card.style.setProperty('--shadow-x', `${moveX}px`);
    card.style.setProperty('--shadow-y', `${moveY}px`);
});

// Schatten sanft auf 0 zurücksetzen, wenn die Maus die Karte verlässt
document.addEventListener("mouseout", function(event) {
    const card = event.target.closest(".aw-hover-card");
    
    if (card && (!event.relatedTarget || !card.contains(event.relatedTarget))) {
        card.style.setProperty('--shadow-x', '0px');
        card.style.setProperty('--shadow-y', '0px');
    }
});

Speichere deine Seite ab und lade sie neu. Fahre mit der Maus über deine Karte – du wirst sehen, wie der Schatten nun sanft und extrem hochwertig auf deine Bewegungen reagiert!


💡 Kleine Begriffserklärung für Anfänger (Fachausdrücke)

  • Vanilla JavaScript: Das bedeutet „reines“ JavaScript. Wir nutzen keine externen, schweren Code-Bibliotheken (wie z. B. jQuery), die deine Webseite langsam machen könnten.

  • Event Delegation: Anstatt jeder einzelnen Karte ein eigenes Skript zuzuweisen, „lauscht“ unser Skript auf das gesamte Dokument (document.addEventListener). Das ist enorm zuverlässig und funktioniert in Breakdance fehlerfrei, egal wann ein Element geladen wird.

  • inset: 0: Ein moderner CSS-Befehl. Er spannt den unsichtbaren Schatten exakt auf die gleichen Außenkanten wie deine weiße Karte.

  • Blur-Radius: Der Weichzeichner im CSS (5px in unserem Code). Je kleiner der Wert, desto schärfer und näher wirkt der Schatten.

  • Overflow visible: Ein CSS-Befehl, der sicherstellt, dass grafische Effekte, die über den eigentlichen Rand eines Elements hinausragen (wie unser Schatten), nicht unsichtbar abgeschnitten werden.

Zitronen-Knoblauch-Hähnchen

Zutaten für 2 Portionen

  • 2 Hähnchenbrustfilets
  • Salz und Pfeffer
  • 3 Knoblauchzehen
  • 1 Bio-Zitrone
  • 2 EL Olivenöl
  • 150 ml Hühnerbrühe intensiv
  • 100  ml Sahne
  • 3 Zweige frischer Thymian
  • Chiliflocken nach Geschmack
  • 1 TL Honig optional
  • Petersilie nach Geschmack

 

 

Zubereitung

  1. Würze die Hähnchenfilets mit Salz und Pfeffer. Schäle und hacke den Knoblauch fein. Reibe die Zitronenschale ab und schneide die Zitrone in Scheiben.
  2. Erhitze 1 EL Olivenöl in einer Pfanne und brate die Filets bei mittlerer Hitze von beiden Seiten goldbraun an (je Seite ca. 4–5 Minuten). Nimm sie heraus und stelle sie beiseite.
  3. Gib das restliche Öl in die Hähnchenpfanne und dünste den Knoblauch bei niedriger Hitze leicht an. Achte darauf, dass er nicht braun wird.
  4. Gieße mit Brühe und Sahne auf, rühre Zitronenabrieb und -scheiben unter und füge den Thymian hinzu. Lass die Soße 5 Minuten leicht köcheln.
  5. Schmecke mit Salz, Pfeffer, Chiliflocken und optional etwas Honig ab. Lege die Hähnchenfilets zurück in die Pfanne und lasse sie weitere 5 Minuten in der Soße ziehen.
  6. Streue etwas geschnittene Petersilie darüber, wenn du magst.

Cinnamon Rolls – Luftige Zimtschnecken

Rezept für große, luftige Cinnamon Rolls mit dezenter Süße. Man kann sie sofort backen oder erst am nächsten Tag zum Frühstück (siehe Tipp unten). Ich bestreue diese Zimtschnecken nur mit Staubzucker.
 
 
Ergibt: 15 -16 Stück (23 x 33 cm Form oder 28er Springform)

 

Zutaten

Teig:

  • 300 ml warme Milch
  • 65 g (ca. 4 leicht gehäufte EL) Zucker
  • 7 g Trockenhefe oder 1/2 Würfel (21 g) frische Hefe
  • 75 g zerlassene Butter, abgekühlt
  • 1 Ei (M)
  • 2 gestr. TL Salz (8 g)
  • 530 g Mehl (W700 oder Type 550) *

Füllung:

  • 65 g sehr weiche Butter, bei Raumtemperatur
  • 40 g Zucker
  • 2 leicht gehäufte TL Zimt (ergibt dezent zimtige Schnecken, gerne mehr)

Außerdem:

  • 1 Eigelb + 2 TL Milch zum Bestreichen (optional, siehe Punkt 6)
  • Staubzucker zum Bestreuen

Zubereitung

  • Milch, Zucker und Hefe in einer großen Rührschüssel mischen. Butter, Ei, Salz und die Hälfte des Mehls unterrühren, entweder mit einem Kochlöffel oder in der Küchenmaschine mit Knethaken. Wenn alles gründlich vermengt ist, das restliche Mehl einrühren und alles zu einem glatten Teig kneten, rund 5-7 Minuten. Nachdem der Teig sehr weich ist, empfehle ich die Zubereitung in einer Küchenmaschine, ein Kneten von Hand ist eine sehr klebrige Angelegenheit. Tipps zum Arbeiten mit weichen Teigen finden sich im Artikel oben.
  • Den Teig in eine saubere, geölte Schüssel geben und zugedeckt bei Raumtemperatur auf das doppelte Volumen gehen lassen, ca. 1 Stunde, je nach Temperatur (für kalte Gare über Nacht siehe Tipp). Währenddessen die Butter für die Füllung, am besten in Scheiben geschnitten, bei Zimmertemperatur weich werden lassen. Besonders schnell wird die Butter weich, wenn man sie in dünnen Scheiben auf einem heiß abgespülten und abgetrockneten Teller verteilt.
  • Den Teig nach dem Gehen kurz kneten um die Luft rauszulassen, dann auf einer gut bemehlten Arbeitsfläche auf 45 cm x 60 cm ausrollen (siehe Tipp unten zu Spiralen). Während des Ausrollens immer wieder Arbeitsfläche und Teig bemehlen. So klebt er nicht an der Arbeitsfläche fest.
  • Den ausgerollten Teig mit der weichen Butter bestreichen. Wenn die Butter nicht sehr weich ist, gestaltet sich das übrigens schwierig. Zucker und Zimt vermengen und den Teig damit bestreuen. Den Teig von der kurzen Seite her aufrollen, und die Rolle in rund 3 cm breite Stücke schneiden.
  • Die Cinnamon Rolls mit etwas Abstand zueinander in eine mit Backpapier ausgelegte oder geölte Form (ca. 23 x 33 cm) legen. Anmerkung: Man kann auch eine große Springform verwenden und falls nicht alle Zimtschnecken Platz haben, die restlichen in einer Kastenform backen.
  • Die Zimtschnecken noch einmal zugedeckt bei Raumtemperatur gehen lassen bis sie deutlich aufgegangen sind, rund 1/2 bis 1 Stunde (für kalte Gare über Nacht siehe Tipp). Für etwas Glanz kann man die Cinnamon Rolls vor dem Backen noch mit 1 Eigelb vermengt mit 2 TL Milch bepinseln – wer sie später aber ohnehin mit Staubzucker bestreut, kann diesen Schritt weglassen.
  • Bei 170°C Heißluft (190 °C Ober- und Unterhitze) im vorgeheizten Ofen goldbraun backen, ca. 15-20 Minuten . Etwas auskühlen lassen und mit Staubzucker bestreuen. Wer möchte, kann sie auch mit Cream Cheese Frosting bestreichen, wenn sie etwas abgekühlt sind.

Tipps

Update Mehl- und Milchmenge: Im Originalrezept hatte ich 510 g Mehl und 330 ml Milch angegeben. Das funktioniert bei mir (und bei vielen, die dieses Rezept bereits probiert haben) tadellos. Nachdem der Teig ziemlich weich ist, ist er aber etwas schwieriger in der Handhabung. Ich habe das Rezept daher überarbeitet und mit den aktuellen Mengen nochmal getestet. Der Teig ist damit nicht ganz so klebrig und das Resultat sind super-luftige Zimtschnecken.

 

Feine versus dicke Spiralen: Mit einem rechteckig ausgerollten Teig von 45 x 60 cm erhält man relativ feinspiralige Cinnamon Rolls mit 7 cm Durchmesser. Wer dickere, flaumigere Lagen will, rollt den Teig etwas dicker aus, auf ca. 35 x 45 cm, rollt den Teig zu einer Rolle und schneidet die 45 cm lange Teigrolle ebenfalls in 3 cm breite Stücke.

 

Zubereitung im Voraus / Gare über Nacht:

 

Diese Cinnamon Rolls kann man entweder an einem Tag zubereiten, wie im Rezept oben. Man kann sich aber die Arbeit ebenso auf zwei Tage aufteilen und die erste oder zweite Gare kalt über Nacht machen.

 

1. Ungeformten Teig über Nacht gehen lassen:

 

Am Abend den Teig zubereiten und in einer geölten Rührschüssel luftdicht verpackt mit passendem Deckel (oder Folie) nur 20 Minuten bei Raumtemperatur gehen lassen. Dann über Nacht (ca. 8-15 Stunden) in den Kühlschrank stellen. Am nächsten Tag lässt man den Teig kurz bei Zimmertemperatur anwärmen und rollt ihn aus.

 

2. Fertig geformte Cinnamon Rolls über Nacht gehen lassen:

 

Für frisch gebackene Zimtschnecken zum Frühstück: Dem Rezept oben inklusive Schritt 5 folgen. Die geformten Zimtschnecken nur ca. 20 Minuten gut zugedeckt (z. B. Frischhaltefolie über gesamte Form) bei Raumtemperatur gehen lassen und über Nacht kühl stellen. Sie sollen vor dem Kühlen kaum oder nur ein bisschen aufgegangen sein, aber weniger als üblich, da sie den Gehvorgang im Kühlschrank fortsetzen. Lieber etwas zu wenig aufgehen lassen als zu viel, denn wenn sie im Kühlschrank zu stark aufgehen, dann fallen sie zusammen.

 

Die Zimtschnecken am nächsten Tag in der Früh backen. Während des Vorheizens nehme ich sie aus dem Kühlschrank. Falls die Schnecken im Kühlschrank nicht weiter aufgegangen sind, Folie entfernen und in den nicht vorgeheizten Ofen stellen. Backtemperatur einstellen und backen. Durch das langsame Erwärmen gehen die Zimtschnecken noch schön auf. Die Backdauer verlängert sich geringfügig.

—————————–

Rezept für große, luftige Cinnamon Rolls mit dezenter Süße. Man kann sie sofort backen – oder erst am nächsten Tag zum Frühstück.

Cinnamon Rolls bestes Rezept

Fast niemand kann luftig-weichen amerikanischen Cinnamon Rolls widerstehen. Dieses Gebäck hat bei mir eine Kehrtwende in Sachen Zimt eingeläutet. Bis vor meinem USA-Aufenthalt war ich von Zimt nicht wirklich angetan, das konnte auch Omas Apfelstrudel nicht ändern. Ein sehr sparsamer Umgang mit dem Gewürz war schon in Ordnung, aber mehr war nicht drin.

Während meiner Zeit in Boston bekam ich dann eine ganz andere Dosis ab: Zimt-Rosinen Bagels, Zimtschnecken, Pumpkin Spice Latte & Co. waren alles andere als dezent mit Zimt versetzt. Die anfänglich Abneigung brachte über die Jahre einen Gewöhnungseffekt mit sich: Nun mag ich Zimt. Und ganz besonders in diesen Zimtschnecken.

 

Luftige Zimtschnecken Cinnamon Rolls Rezept

Cinnamon Rolls, Zimtschnecken oder Kanelbullar

Die Vorfahren der in den USA allgegenwärtigen Cinnamon Rolls sind in Großbritannien, Schweden und Deutschland zu finden. In US-Bäckereien sind die großen, hohen und sehr luftigen Zimtschnecken oft großzügig mit Frischkäse-Frosting bestrichen oder mit Zuckerglasur übergossen.

Die schwedischen Kanelbullar sind meist nicht ganz so luftig und groß, etwas flacher und weniger süß und fast immer mit Hagelzucker bestreut. Außerdem enthalten schwedische Zimtschnecken oft zusätzlich noch etwas Kardamom.

Diese Zimtschnecken hier sind sind eine Mischung aus beiden Versionen: luftig, groß, aber nur dezent süß. Auf eine Glasur oder ein Frosting verzichte ich, sie werden lediglich mit Staubzucker bestreut (das ist wohl die österreichische Variante). Wer sie gerne mit Frischkäse-Frosting probieren möchte, findet ein Rezept im Beitrag zur Karottentorte.

Schritt-für-Schritt Rezept luftige Zimtschnecken

Die Zimtschnecken nach diesem Rezept werden luftig, hoch und dezent süß. Die genauen Zutatenangaben findet ihr unten im Rezeptteil.

Teig luftige Zimtschnecken Rezept

Die Zutaten für den Teig vermengen und auf das doppelte Volumen Gehen lassen.

Zuerst werden Milch, Zucker, Hefe, Butter, Ei, Mehl und Salz in einer großen Rührschüssel vermengt und zu einem Teig geknetet. Nachdem der Teig sehr weich ist, empfehle ich die Zubereitung mit einer Küchenmaschine. Den Teig zugedeckt bei Raumtemperatur auf das doppelte Volumen gehen lassen , rund 1 Stunde, je nach Raumtemperatur.

Teig Cinnamon Rolls Rezept

Teig ausrollen und mit Butter bestreichen.

Den Teig nach dem Gehen auf ein Rechteck ausrollen. Mit einem rechteckig ausgerollten Teig von 45 x 60 cm (im Bild) erhält man relativ feinspiralige Cinnamon Rolls mit 7 cm Durchmesser. Wer dickere, flaumigere Lagen will, rollt den Teig etwas dicker aus, auf ca. 45 x 45 cm.

Den Teig mit weicher Butter bestreichen. Wenn die Butter nicht sehr weich ist, gestaltet sich das übrigens schwierig, diese daher rechtzeitig aus dem Kühlschrank nehmen.

Teig Cinnamon Rolls luftige Zimtschnecken

Den Teig mit Zucker und Zimt bestreuen.

Zucker und Zimt vermengen und den Teig damit bestreuen. Im Bild oben habe ich den Teig zuerst mit Zucker, anschließend mit Zimt bestreut. Das Zimt verteilt sich aber am gleichmäßigsten, wenn man Zucker und Zimt vorher gründlich vermengt.

Zimtschnecken Teig rollen Rezept

Den Teig aufrollen.

Den Teig von der kurzen Seite her aufrollen.

Amerikanische Cinnamon Rolls Rezept

Die Teigrolle in 3 cm breite Stücke schneiden (ca. 15-16 Schnecken).

Die Rolle in rund 3 cm breite Stücke schneiden. Die Cinnamon Rolls mit etwas Abstand zueinander in eine mit Backpapier ausgelegte oder geölte Form (ca. 28 x 32 cm) legen. Anmerkung: Die hier verwendete Form ist kleiner und misst 20 x 24 cm. Ich habe 12 Schnecken in diese Form bekommen und zusätzliche 3 Cinnamon Rolls in einer eigenen Kastenform gebacken.

Luftige Cinnamon Rolls amerikanisches Rezept

Zimtschnecken vor dem Gehen.

Die Zimtschnecken noch einmal zugedeckt bei Raumtemperatur gehen lassen bis sie deutlich aufgegangen sind, rund 1/2 bis 1 Stunde.

Luftige Cinnamon Rolls Zimtschnecken Rezept

Zimtschnecken nach dem Gehen.

Einfache Zimtschnecken Rezept

Gebackene Zimtschnecken.

Bei 170°C Heißluft für ca. 15 Minuten im vorgeheizten Ofen backen, bis sie goldbraun sind.

Cinnamon Rolls Zimtschnecken Rezept

Etwas auskühlen lassen und mit Staubzucker bestreuen. Wer möchte, kann sie mit Cream-Cheese Frosting (Rezept hier)  bestreichen, wenn sie ganz abgekühlt sind.

Hier noch ein kleines Experiment für dickere, flaumigere Teigspiralen:

Große Cinnamon Rolls Rezept

Dicker ausgerollter Teig (35 x 45 cm) mit weniger Spiralen. Vor dem 2. Mal Gehen.

Im Bild oben habe ich den Teig auf rund 35 x 45 cm ausgerollt, zu einer 45 cm langen Rolle geformt und und ebenfalls in 3 cm breite Stücke (15 Stück) geschnitten. Anmerkung: Im Bild sind 12 Stück zu sehen, 3 Rolls habe ich in einer zusätzlichen Kastenform gebacken.

Große Zimtschnecken Rezept

Dicker ausgerollter Teig nach dem Gehen. Die rechten 6 Stück mit Ei bepinselt.

So sieht der dicker ausgerollte Teig nach dem Gehen aus. Die Zimtschnecken auf der rechten Seite habe ich zusätzlich mit Ei-Milch-Mischung bepinselt.

Luftige Zimtschnecken Rezept

Dicker ausgerollter Teig nach dem Backen.

Nach dem Backen: Die Zimtschnecken, die ich mit Ei-Milch Mischung bepinselt hatte, glänzen nach dem Backen.

Super luftige Cinnamon Rolls Rezept

Zimtschnecken mit dicker ausgerolltem Teig.

Die einzelnen Lagen der Zimtschnecken mit dem dicker ausgerollten  Teig (oben) sind noch flaumiger.

Luftige Cinnamon Rolls Rezept Zimtschnecken

Zimtschnecken mit dünn ausgerolltem Teig.

Die Zimtschnecken etwas auskühlen lassen und mit Staubzucker bestreuen. Wer möchte, kann sie mit Cream-Cheese Frosting (Rezept hier)  bestreichen, wenn sie ganz abgekühlt sind.

Tipps für weiche Teige

Weiche Teige sind gerade für Backanfänger oft etwas schwierig in der Handhabung. Mit diesen Tricks lassen sich weiche Hefeteige besser bearbeiten.

1. Mixer verwenden

Weiche Teige wie dieser lassen sich einfacher in einem Standmixer mit Knethaken zuzubereiten. Nach dem ersten Gehvorgang ist der Teig wesentlich weniger klebrig.

2. Tipps für Zubereitung von Hand

Wer diesen Teig von Hand knetet (ich mache das nach wie vor hin und wieder), rührt alles in der im Rezept angegebenen Reihenfolge mit einem Kochlöffel zusammen, bis sich die Bestandteile halbwegs zu einem Teig verbinden. Diesen Teig knete ich dann zuerst einige Minuten direkt in der Schüssel, bevor ich ihn auf einer bemehlten Arbeitsfläche weiterknete.

Ist der Teig in der Schüssel zu weich zum Kneten, den Teig 5-10 Minuten zugedeckt rasten lassen. Das Mehl nimmt in dieser Zeit noch Flüssigkeit auf und der Teig ist danach oft weniger klebrig. Falls immer noch zu klebrig: So viel Mehl zugeben, bis sich daraus ein Teig kneten lässt, der sich zwar etwas feucht und klebrig anfühlt, aber nicht unausstehlich an der Arbeitsfläche klebt.

3. Eine Kalte-Übernacht-Gare

Ich teile mir die Arbeit oft auf zwei Tage auf: Am Abend den Teig kneten und luftdicht verpackt in einer geölten Rührschüssel mit passendem Deckel (oder Folie) nur kurz (20 Minuten) bei Raumtemperatur gehen lassen. Dann über Nacht (ca. 8-15 Stunden) in den Kühlschrank stellen. Dadurch wird die Butter im Teig fester und der Teig klebt nicht mehr so stark. Am nächsten Tag lässt man den Teig kurz bei Zimmertemperatur anwärmen und rollt ihn aus.

4. Den Teig kurz kühl stellen

Auch wenn man den Teig nicht über Nacht gehen lassen möchte, hilft kühlen. Wenn der Teig schon gut aufgegangen ist, aber sich noch nicht ganz verdoppelt hat, stellt man ihn noch für eine Stunde in den Kühlschrank. Die Butter im Teig wird etwas fester und klebt weniger beim Ausrollen.

5. Mehr Mehl im Teig verwenden

Ich habe dieses Rezept schon sehr oft gemacht – sowie auch viele Leserinnen. Bei den meisten hat es auf Anhieb super geklappt. Bei einigen Kommentaren unten war der Teig aber zu weich, um ihn auszurollen und es musste mehr Mehl zugegeben werden. Mein Tipp: Die Angaben vom Rezept verwenden und sollte der Teig dann immer noch zu klebrig sein, nach und nach so viel Mehl zugeben, bis ein weicher Teig entsteht, der sich etwas feucht anfühlt, aber nicht an der Arbeitsfläche kleben bleibt.

6. Beim Ausrollen genügend Mehl verwenden

Ich bemehle die Arbeitsfläche großzügig mit Mehl, bevor ich den Teig ausrolle – und auch die Teigoberfläche. Wenn der Teig noch relativ klein und handlich ist, öfters während des Ausrollens wenden. Ist der Teig bereits groß ausgerollt, die Teigenden hochheben und gut darunter bemehlen, so wie auch die Oberfläche.

7. Den Teig dicker ausrollen

Das Ausrollen und Füllen gelingt leichter, wenn man den Teig nicht so dünn ausrollt, zum Beispiel auf 35 x 45 cm wie im Rezept-Tipp. Man bekommt dann zwar nicht ganz so viele Spiralen, dafür sind die einzelnen Teigspiralen dicker und luftiger. Ich bevorzuge mittlerweile wenige dicke Spiralen im Gegensatz zu vielen dünnen.

Einfache Nussschnecken Rezept

Wer gerne Zimtschnecken isst, mag vielleicht auch diese Nussschnecken.

Was man beim Kochen von Kartoffeln ins Wasser geben sollte: Sie garen schneller und schmecken besser.

Einführung in die Grundlagen des Kartoffelkochens

Die richtige Wassertemperatur beim Start

Eine grundlegende Entscheidung beim Kartoffelkochen betrifft die Starttemperatur des Wassers. Experten empfehlen, Kartoffeln stets in kaltem Wasser anzusetzen und gemeinsam mit dem Wasser zu erhitzen. Diese Methode ermöglicht ein gleichmäßiges Garen von innen nach außen, während ein Eintauchen in bereits kochendes Wasser zu einer zu schnellen Garung der äußeren Schichten führt.

Warum die Kartoffelsorte eine Rolle spielt

Unterschiedliche Kartoffelsorten reagieren verschieden auf Kochwasser-Zusätze. Die wichtigsten Kategorien sind :

  • Festkochende Sorten mit geringem Stärkegehalt für Salate und Bratkartoffeln
  • Vorwiegend festkochende Kartoffeln als Allrounder
  • Mehligkochende Varianten mit hohem Stärkegehalt für Pürees und Suppen

Die Wahl der richtigen Zusätze im Kochwasser sollte immer die spezifische Kartoffelsorte berücksichtigen, da diese unterschiedlich auf chemische Prozesse reagieren.

Die Kenntnis dieser Grundlagen bildet das Fundament für die gezielte Verwendung von Zusätzen, die sowohl die Garzeit als auch das Endergebnis optimieren.

Einfluss von Salz auf die Textur

Wie Salz die Zellstruktur beeinflusst

Salz ist weit mehr als nur ein Geschmacksträger beim Kartoffelkochen. Es beeinflusst aktiv die Zellstruktur der Kartoffeln während des Garprozesses. Durch osmotische Prozesse dringt Salz in die äußeren Schichten ein und festigt das Pektin in den Zellwänden. Dies führt dazu, dass die Kartoffeln ihre Form besser behalten und nicht so leicht zerfallen.

 

Die optimale Salzmenge

Die richtige Dosierung ist entscheidend für das gewünschte Ergebnis. Folgende Richtwerte haben sich in der Praxis bewährt :

WassermengeSalzmengeErgebnis
1 Liter10-15 gFestere Textur
1 Liter5-8 gMittlere Festigkeit
1 Liter2-4 gWeichere Konsistenz

Der richtige Zeitpunkt der Salzzugabe

Für festkochende Kartoffeln empfiehlt sich die Salzzugabe bereits zu Beginn des Kochvorgangs. Bei mehligkochenden Sorten kann eine spätere Zugabe vorteilhaft sein, um ein zu starkes Zerfallen zu verhindern. Das Salz sollte sich vollständig auflösen, bevor die Kartoffeln weich werden.

Während Salz die Struktur beeinflusst, gibt es weitere Zusätze, die auf chemischer Ebene den Garprozess verändern können.

Die Rolle der Säure beim Kochen von Kartoffeln

Essig und Zitronensaft als Garhelfer

Säurehaltige Zusätze wie Essig oder Zitronensaft bewirken eine bemerkenswerte Veränderung beim Kartoffelkochen. Ein bis zwei Esslöffel Essig oder der Saft einer halben Zitrone pro Liter Wasser reichen aus, um die Zellwände zu stabilisieren. Die Säure verhindert, dass die Kartoffeln zu schnell aufbrechen und matschig werden.

 

Wissenschaftliche Erklärung der Säurewirkung

Auf molekularer Ebene verstärkt die Säure die Bindungen zwischen den Pektinmolekülen in den Kartoffelzellen. Dieser Prozess ist besonders wichtig bei :

  • Kartoffelsalaten, bei denen die Stücke formstabil bleiben sollen
  • Bratkartoffeln aus vorgekochten Kartoffeln
  • Kartoffeln für kalte Speisen und Beilagen

Praktische Anwendung im Alltag

Die Zugabe von Säure eignet sich besonders für ältere Kartoffeln, die zum Zerfallen neigen. Auch bei mehligkochenden Sorten, die eigentlich für Pürees gedacht sind, kann dieser Trick helfen, wenn man sie ausnahmsweise für Gerichte verwenden möchte, die festere Stücke erfordern.

 

Neben Salz und Säure bieten auch aromatische Zutaten interessante Möglichkeiten zur Geschmacksverbesserung.

 

Verwendung von Kräutern für einen verbesserten Geschmack

Klassische Kräuter für das Kartoffelwasser

Die Zugabe von frischen oder getrockneten Kräutern zum Kochwasser verleiht den Kartoffeln ein subtiles Aroma, das besonders bei einfachen Zubereitungen geschätzt wird. Zu den bewährtesten Kräutern gehören :

 
  • Lorbeerblätter für eine würzige Grundnote
  • Rosmarinzweige für mediterrane Aromen
  • Thymianzweige für erdige Nuancen
  • Petersilienstängel für frische Akzente
  • Dillspitzen für nordische Gerichte

Kombination mit Gewürzen

Neben Kräutern können auch ganze Gewürze das Kochwasser bereichern. Pfefferkörner, Kümmel oder Knoblauchzehen entfalten während des Kochens ihre Aromen und durchdringen die Kartoffeln von außen nach innen. Diese Methode eignet sich besonders für Kartoffeln, die später als eigenständige Beilage serviert werden.

Dosierung und Timing

Für ein ausgewogenes Ergebnis genügen zwei bis drei Lorbeerblätter oder ein kleiner Zweig Rosmarin pro Liter Wasser. Die Kräuter sollten bereits zu Beginn ins kalte Wasser gegeben werden, damit sie ihre Aromen während der gesamten Garzeit abgeben können. Nach dem Kochen werden sie einfach entfernt.

 

Während Kräuter den Geschmack verfeinern, gibt es auch chemische Zusätze, die den Garprozess selbst beschleunigen können.

Warum Natron das Kochen beschleunigt

Die chemische Wirkung von Natron

Eine Messerspitze Natron im Kochwasser kann die Garzeit von Kartoffeln um bis zu 20 Prozent reduzieren. Das Natron erhöht den pH-Wert des Wassers und schafft ein alkalisches Milieu, das die Zellwände der Kartoffeln schneller aufweicht. Dieser Effekt ist besonders nützlich, wenn Zeit ein kritischer Faktor ist.

 

Vor- und Nachteile der Natron-Methode

VorteileNachteile
Deutlich verkürzte GarzeitKann zu weicher Konsistenz führen
EnergieersparnisLeichter Eigengeschmack möglich
Gleichmäßigeres GarenNicht für alle Gerichte geeignet

Richtige Anwendung von Natron

Die Dosierung ist entscheidend : maximal eine Messerspitze pro Liter Wasser reicht völlig aus. Eine Überdosierung führt zu matschigen Kartoffeln und einem unangenehmen seifigen Geschmack. Diese Methode eignet sich besonders für Kartoffelpüree oder Suppen, bei denen eine weichere Konsistenz erwünscht ist. Für Salate oder Bratkartoffeln sollte man auf Natron verzichten.

Die Beschleunigung durch Natron ist nur ein Aspekt, weitere praktische Tipps sorgen für optimale Ergebnisse.

 

Tipps für gleichmäßiges und schnelles Kochen

Gleichmäßige Größe der Kartoffelstücke

Der wichtigste Faktor für gleichmäßiges Garen ist die einheitliche Größe der Kartoffelstücke. Unterschiedlich große Stücke führen dazu, dass kleinere Teile bereits zerfallen, während größere noch hart sind. Idealerweise sollten alle Stücke einen Durchmesser von etwa vier bis fünf Zentimetern haben.

Die richtige Wassermenge

Kartoffeln sollten knapp mit Wasser bedeckt sein, aber nicht darin schwimmen. Zu viel Wasser verlängert die Aufheizzeit und verdünnt die Zusätze im Kochwasser. Eine Faustregel besagt : das Wasser sollte etwa einen Zentimeter über den Kartoffeln stehen.

 

Deckel verwenden oder nicht

Das Kochen mit geschlossenem Deckel beschleunigt den Prozess erheblich, da weniger Energie durch Verdunstung verloren geht. Folgende Vorgehensweise hat sich bewährt :

  • Bis zum Kochen mit geschlossenem Deckel erhitzen
  • Nach dem Aufkochen Deckel leicht versetzt auflegen
  • Regelmäßig die Garstufe mit einer Gabel prüfen
  • Sofort nach Erreichen der gewünschten Konsistenz abgießen

Nachbehandlung für optimale Ergebnisse

Nach dem Abgießen sollten die Kartoffeln kurz ausdampfen können. Dazu legt man sie für eine Minute zurück in den noch warmen Topf ohne Wasser. Dies verhindert übermäßige Feuchtigkeit und sorgt für eine bessere Konsistenz, besonders bei Bratkartoffeln oder Püree.

 

Die Kunst des Kartoffelkochens liegt in der Kombination verschiedener Faktoren, die gemeinsam zu perfekten Ergebnissen führen. Die Zugabe von Salz stabilisiert die Struktur und verhindert das Zerfallen, während Säure zusätzlich die Festigkeit unterstützt. Kräuter und Gewürze im Kochwasser verleihen den Kartoffeln subtile Aromen, die das Endergebnis deutlich aufwerten. Natron kann in bestimmten Situationen die Garzeit verkürzen, sollte aber mit Bedacht eingesetzt werden. Entscheidend bleiben immer die gleichmäßige Größe der Stücke, die richtige Wassermenge und die aufmerksame Kontrolle während des Garvorgangs. Mit diesen einfachen Tricks gelingen Kartoffeln in jeder gewünschten Konsistenz und mit optimalem Geschmack.

Apfel-Zimt-Kuchen vom Blech: Saftig, einfach und blitzschnell

Zutaten

 
 
 
 
 
 
 
 
 
 
 

Utensilien

 
 
 
 
 
 

Zubereitung

1. Vorbereitung des Backblechs und Ofens

Den Backofen auf 180 Grad Ober- und Unterhitze vorheizen. Das Backblech mit Backpapier auslegen, sodass der Teig später nicht anhaftet. Diese Vorbereitung spart Zeit und erleichtert das spätere Herauslösen des Kuchens erheblich. Das Vorheizen, also das Aufwärmen des Ofens vor dem Backen, sorgt für eine gleichmäßige Temperatur und optimale Backergebnisse.

 

2. Zubereitung des Grundteigs

In einer großen Rührschüssel die Eier mit dem Zucker und Vanillezucker schaumig schlagen, bis eine helle, cremige Masse entsteht. Dies dauert etwa drei bis vier Minuten mit dem Handrührgerät. Das Aufschlagen der Eier mit Zucker nennt man Aufschlagen zur Rose, dabei wird Luft eingearbeitet, die den Teig später schön locker macht. Anschließend das Sonnenblumenöl und die Milch unterrühren, bis sich alles gut verbunden hat.

 

3. Mehlmischung hinzufügen

In einer separaten Schüssel das Mehl mit dem Backpulver, einer Prise Salz und dem Zimt vermischen. Diese trockenen Zutaten nun portionsweise zur Ei-Zucker-Mischung sieben und vorsichtig unterheben. Das Sieben, also das Durchstreichen durch ein feines Sieb, verhindert Klümpchen und sorgt für eine luftige Konsistenz. Mit dem Teigschaber von unten nach oben arbeiten, damit die eingearbeitete Luft nicht entweicht. Der Teig sollte nun glatt und geschmeidig sein.

4. Teig auf dem Blech verteilen

Den fertigen Teig gleichmäßig auf dem vorbereiteten Backblech verstreichen. Mit dem Teigschaber oder einem Löffel den Teig bis in die Ecken schieben und die Oberfläche glatt streichen. Eine gleichmäßige Verteilung garantiert, dass der Kuchen überall die gleiche Höhe hat und einheitlich durchbackt.

5. Apfelmus als Topping verteilen

Das Apfelmus löffelweise auf dem Teig verteilen. Mit einem Löffelrücken oder einer Gabel das Apfelmus leicht in wellenförmigen Bewegungen in den Teig einarbeiten, sodass ein marmoriertes Muster entsteht. Diese Technik nennt man Marmorieren, dabei entstehen dekorative Schlieren, die den Kuchen optisch aufwerten. Das Apfelmus sinkt beim Backen teilweise in den Teig und macht ihn herrlich saftig.

 

6. Backvorgang

Das Blech in den vorgeheizten Ofen schieben und den Kuchen etwa 30 bis 35 Minuten backen. Nach 25 Minuten die Stäbchenprobe durchführen: Ein Holzstäbchen in die Mitte des Kuchens stechen. Bleibt kein Teig daran haften, ist der Kuchen fertig. Die Oberfläche sollte goldbraun sein und leicht federn, wenn man sanft darauf drückt. Je nach Ofen kann die Backzeit leicht variieren, daher empfiehlt sich eine Kontrolle gegen Ende der Backzeit.

7. Abkühlen und Bestäuben

Den fertigen Kuchen aus dem Ofen nehmen und auf dem Blech etwa zehn Minuten abkühlen lassen. Dann vorsichtig auf ein Kuchengitter heben, damit er von allen Seiten auskühlen kann. Das Auskühlen auf einem Gitter verhindert, dass sich Feuchtigkeit am Boden sammelt und der Kuchen matschig wird. Sobald der Kuchen vollständig ausgekühlt ist, mit Puderzucker bestäuben. Dafür den Puderzucker durch ein kleines Sieb über den Kuchen streuen, um eine gleichmäßige, schneeweiße Schicht zu erhalten.

 

8. Portionieren und Anrichten

Den Apfel-Zimt-Kuchen mit einem scharfen Messer in gleichmäßige Rechtecke oder Quadrate schneiden. Für vier Personen empfehlen sich großzügige Stücke, die den saftigen Charakter des Kuchens zur Geltung bringen. Die Stücke auf Kuchentellern anrichten und nach Belieben mit einer Kugel Vanilleeis oder einem Klecks Schlagsahne servieren.

 

Tipp vom Chefkoch

Für noch mehr Apfelgeschmack können zusätzlich kleine Apfelwürfel aus Trockenobst unter den Teig gehoben werden. Wer es besonders zimtig mag, kann die Zimtmenge leicht erhöhen oder eine Prise Kardamom hinzufügen. Der Kuchen lässt sich hervorragend vorbereiten und hält sich in einer luftdichten Dose etwa drei bis vier Tage frisch. Zum Aufbewahren den Kuchen vollständig auskühlen lassen und portionsweise einfrieren, so hat man immer einen schnellen Nachtisch parat. Ein Schuss Rum im Teig verleiht dem Kuchen eine besondere Note für erwachsene Genießer.

Dieser Apfel-Schmand-Kuchen vom Blech zergeht auf der Zunge

Zutaten

 
 
 
 
 
 
 
 
 
 
 
 
 

Utensilien

 
 
 
 
 
 

Zubereitung

1. Den Teig vorbereiten

Zunächst die weiche Butter mit 80 g Zucker und einem Päckchen Vanillezucker in einer Rührschüssel schaumig schlagen. Diese Technik nennt man cremig rühren, dabei werden Luftbläschen eingearbeitet, die den Teig später locker machen. Anschließend die Eier einzeln unterrühren und jedes Ei vollständig einarbeiten, bevor das nächste hinzugefügt wird. Das Mehl mit dem Backpulver vermischen und abwechselnd mit der Milch unter die Masse heben. Dabei nicht zu lange rühren, sonst wird der Teig zäh.

 

2. Das Blech vorbereiten

Das Backblech mit Backpapier auslegen und den Teig gleichmäßig darauf verteilen. Mit einem Teigschaber oder Löffel die Masse in alle Ecken streichen, sodass eine ebene Fläche entsteht. Diese Grundlage bildet das Fundament für die saftige Schmandschicht und die Äpfel.

 

3. Die Äpfel schneiden

Die Äpfel schälen, vierteln und das Kerngehäuse entfernen. Anschließend in dünne Scheiben schneiden, etwa 3-4 mm dick. Mit Zitronensaft beträufeln, damit sie nicht braun werden und eine frische Säure behalten. Die Apfelscheiben gleichmäßig auf dem Teig verteilen und leicht andrücken.

4. Die Schmandmasse herstellen

Für die cremige Schicht den Schmand mit 40 g Zucker, einem Päckchen Vanillezucker, der Speisestärke und einem Ei gründlich verrühren. Die Speisestärke sorgt dafür, dass die Masse beim Backen bindet und nicht verläuft. Diese Mischung vorsichtig über die Äpfel gießen und mit einem Löffel gleichmäßig verteilen, sodass alle Apfelstücke bedeckt sind.

5. Backen und verfeinern

Den Kuchen im vorgeheizten Backofen bei 180 Grad Celsius etwa 40 Minuten backen. Die Oberfläche sollte goldbraun werden und die Schmandschicht fest sein. Eine Stäbchenprobe gibt Sicherheit: bleibt kein Teig am Holzstäbchen hängen, ist der Kuchen fertig. Nach dem Backen vollständig auskühlen lassen, mit Zimt und Puderzucker bestäuben.

 

 

Tipp vom Chefkoch

Um eine besonders saftige Konsistenz zu erreichen, können Sie zusätzlich 2 Esslöffel Apfelmus unter den Teig mischen. Dies erhöht die Feuchtigkeit ohne die Struktur zu beeinträchtigen. Verwenden Sie säuerliche Apfelsorten wie Boskoop oder Granny Smith, da diese beim Backen nicht zu süß werden und einen schönen Kontrast zur cremigen Schmandschicht bilden. Der Kuchen schmeckt am zweiten Tag sogar noch besser, da die Aromen Zeit hatten sich zu verbinden.

Schoko-Käsekuchen ohne Boden: Cremiger geht’s nicht

Der schoko-käsekuchen ohne boden erobert seit einigen jahren die deutschen backstuben und begeistert mit seiner unvergleichlich cremigen konsistenz. Diese variante verzichtet vollständig auf einen traditionellen mürbeteig- oder keksboden und setzt stattdessen auf eine konzentrierte mischung aus frischkäse, schokolade und eiern. Das ergebnis überzeugt selbst kritische gaumen: eine samtige, fast mousse-artige textur, die auf der zunge zergeht. Der verzicht auf den boden macht diesen kuchen nicht nur einfacher in der zubereitung, sondern auch deutlich leichter im geschmack. Perfekt für alle, die intensive schokoladennoten mit der milden säure von quark kombinieren möchten, ohne dabei von einem knusprigen boden abgelenkt zu werden.

 

Zutaten

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Zubereitung

1. vorbereitung der backform und des ofens

Den backofen auf 160 grad celsius umluft vorheizen. Die springform gründlich mit butter einfetten, dabei besonders den rand beachten, damit sich der kuchen später problemlos lösen lässt. Alternativ kann die form mit backpapier ausgelegt werden, was das spätere herauslösen noch einfacher macht. Diese vorbereitung ist entscheidend, da der kuchen ohne boden direkt an der form haftet.

 

2. schokolade schmelzen

Die zartbitterschokolade in kleine stücke brechen und in einer schüssel über einem wasserbad (bain-marie: eine schüssel über einem topf mit leicht siedendem wasser, ohne direkten kontakt zwischen wasser und schüssel) langsam schmelzen lassen. Dabei regelmäßig umrühren, damit die schokolade gleichmäßig schmilzt und nicht anbrennt. Die temperatur sollte moderat bleiben, zu hohe hitze kann die schokolade körnig werden lassen. Sobald die masse vollständig geschmolzen ist, vom herd nehmen und leicht abkühlen lassen.

3. frischkäse-masse vorbereiten

Den frischkäse in eine große rührschüssel geben und mit dem elektrischen handrührgerät auf mittlerer stufe cremig rühren. Der frischkäse sollte zimmertemperatur haben, damit er sich besser verarbeiten lässt. Anschließend den zucker nach und nach einrieseln lassen und weiterrühren, bis eine glatte, luftige masse entsteht. Diese basis sorgt für die charakteristische cremigkeit des kuchens.

4. eier einarbeiten

Die eier einzeln zur frischkäse-zucker-mischung geben und jedes ei vollständig unterrühren, bevor das nächste hinzugefügt wird. Dieser schritt ist wichtig, damit die masse ihre bindung behält und nicht gerinnt. Nach jedem ei etwa 30 sekunden rühren, um eine homogene konsistenz zu erreichen. Die masse sollte nun deutlich voluminöser und heller sein.

5. schokolade und trockene zutaten einrühren

Die leicht abgekühlte geschmolzene schokolade zur frischkäse-ei-masse geben und vorsichtig mit einem teigschaber unterziehen. Dabei von unten nach oben falten, um möglichst viel luft in der masse zu bewahren. Anschließend kakaopulver, speisestärke, vanilleextrakt und eine prise salz durch ein sieb zur masse geben und erneut vorsichtig unterrühren. Die speisestärke stabilisiert den kuchen und verhindert, dass er zu flüssig wird.

 

6. masse in die form füllen und backen

Die fertige masse in die vorbereitete springform gießen und mit dem teigschaber glattstreichen. Die oberfläche sollte möglichst eben sein. Die form auf der mittleren schiene in den vorgeheizten ofen schieben und etwa 50 minuten backen. Der kuchen ist fertig, wenn die ränder fest sind, die mitte aber noch leicht wackelt. Diese konsistenz ist gewünscht, da der kuchen beim abkühlen weiter nachfest wird. Nicht zu lange backen, sonst verliert er seine cremigkeit.

7. abkühlen lassen

Den kuchen im ausgeschalteten ofen bei leicht geöffneter tür etwa 15 minuten ruhen lassen. Diese phase verhindert, dass die oberfläche durch den plötzlichen temperaturunterschied reißt. Anschließend die form aus dem ofen nehmen und vollständig auf einem kuchengitter abkühlen lassen. Danach mindestens 4 stunden, idealerweise über nacht, im kühlschrank durchkühlen lassen. Erst dann erreicht der kuchen seine perfekte schnittfeste konsistenz.

 

Tipp vom Chefkoch

für eine noch intensivere schokoladennote kann ein teil der zartbitterschokolade durch vollmilchschokolade ersetzt werden. wer es weniger süß mag, reduziert den zucker auf 100 gramm. der kuchen lässt sich hervorragend einen tag im voraus zubereiten und gewinnt über nacht sogar an geschmack. zum servieren den kuchen mit einem in heißes wasser getauchten messer schneiden, das ergibt saubere schnittkanten. eine prise espressopulver im teig verstärkt das schokoladenaroma, ohne einen kaffeegeschmack zu hinterlassen.

Dieser Trick macht Bratkartoffeln extra knusprig – vom Profi verraten

Was macht Kartoffeln knusprig ?

Die Rolle der Stärke

Die Knusprigkeit von Bratkartoffeln hängt maßgeblich vom Stärkegehalt und der Oberflächenstruktur ab. Wenn Kartoffeln erhitzt werden, verdunstet die Feuchtigkeit an der Oberfläche, während die Stärke karamellisiert und eine goldbraune Kruste bildet. Dieser Prozess funktioniert jedoch nur optimal, wenn die Kartoffeloberfläche trocken genug ist und ausreichend Hitze bekommt.

Der Feuchtigkeitsfaktor

Überschüssige Feuchtigkeit ist der größte Feind knuspriger Bratkartoffeln. Wenn zu viel Wasser vorhanden ist, dampfen die Kartoffeln eher, als dass sie braten. Die Flüssigkeit verhindert, dass die Oberfläche die notwendige Temperatur erreicht, um eine knusprige Textur zu entwickeln. Profis wissen, dass das Entfernen von Feuchtigkeit der Schlüssel zum Erfolg ist.

Temperatur und Reaktion

Bei der richtigen Brattemperatur zwischen 160 und 180 Grad Celsius findet die sogenannte Maillard-Reaktion statt. Diese chemische Reaktion zwischen Aminosäuren und Zuckerarten sorgt nicht nur für die appetitliche Bräunung, sondern auch für den charakteristischen Geschmack und die gewünschte Kruste.

Diese wissenschaftlichen Grundlagen bilden die Basis für die praktische Umsetzung, bei der die richtige Auswahl der Zutaten eine zentrale Rolle spielt.

Die Wahl der wesentlichen Zutaten

Die passende Kartoffelsorte

Nicht alle Kartoffeln eignen sich gleichermaßen für knusprige Bratkartoffeln. Die festkochenden Sorten sind die erste Wahl, da sie ihre Form behalten und nicht zerfallen. Besonders empfehlenswert sind folgende Sorten :

 
  • Linda mit ihrem festen Fruchtfleisch und buttrigen Geschmack
  • Nicola als zuverlässige Allroundsorte mit geringem Stärkegehalt
  • Sieglinde mit ihrer länglichen Form und guten Brateignung
  • Annabelle für ihre besonders feste Konsistenz

Das richtige Fett

Die Wahl des Bratfetts beeinflusst sowohl Geschmack als auch Knusprigkeit erheblich. Butterschmalz gilt als klassische Option, da es hohe Temperaturen verträgt und einen hervorragenden Geschmack liefert. Alternativ eignen sich auch :

FettartRauchpunktGeschmack
Butterschmalz205°CIntensiv, nussig
Rapsöl220°CNeutral
Sonnenblumenöl225°CSehr neutral
Gänseschmalz190°CTraditionell, herzhaft

Zusätzliche Komponenten

Zwiebeln und Speck sind traditionelle Begleiter von Bratkartoffeln, sollten aber separat zubereitet werden, um die Knusprigkeit nicht zu beeinträchtigen. Sie geben zusätzliche Feuchtigkeit ab, die das Ergebnis negativ beeinflussen kann.

Mit den richtigen Zutaten in der Hand kommt es nun auf die entscheidende Zubereitungsmethode an, die den Unterschied ausmacht.

Die Technik des Kochs : das Geheimnis des perfekten Garens

Der Profi-Trick : Kartoffeln vorgaren und abkühlen

Der entscheidende Trick der Profis besteht darin, die Kartoffeln am Vortag zu kochen und über Nacht im Kühlschrank ruhen zu lassen. Dieser Schritt bewirkt mehrere wichtige Veränderungen. Die Stärke in den Kartoffeln kristallisiert beim Abkühlen neu aus, wodurch die Struktur fester wird. Gleichzeitig verdunstet überschüssige Feuchtigkeit, was eine deutlich knusprigere Kruste ermöglicht.

 

Die richtige Vorbereitungssequenz

Die optimale Vorbereitung folgt diesem Schema :

  • Kartoffeln mit Schale in Salzwasser kochen, bis sie bissfest sind
  • Sofort abgießen und vollständig auskühlen lassen
  • Mindestens vier Stunden, besser über Nacht, im Kühlschrank lagern
  • Erst kurz vor dem Braten pellen und in gleichmäßige Scheiben schneiden
  • Kartoffelscheiben mit Küchenpapier gründlich trocken tupfen

Die Bratmethode

In einer schweren Pfanne, idealerweise aus Gusseisen, wird reichlich Fett auf mittlerer bis hoher Stufe erhitzt. Die Kartoffelscheiben werden in einer einzigen Schicht ausgelegt, ohne sich zu überlappen. Nun kommt der wichtigste Teil : Geduld haben und nicht rühren. Die Kartoffeln müssen mindestens fünf bis sieben Minuten ungestört braten, damit sich eine goldbraune Kruste bilden kann. Erst dann werden sie gewendet und auf der anderen Seite ebenso behandelt.

 

Selbst mit der perfekten Technik lauern jedoch typische Fallen, die das Ergebnis zunichte machen können.

 

Wie man häufige Fehler vermeidet

Zu frühes Wenden

Der häufigste Fehler besteht darin, die Kartoffeln zu früh zu bewegen oder zu wenden. Wenn die Kruste noch nicht ausreichend gebildet ist, reißt sie beim Wenden auf und die Kartoffeln bleiben weich. Profis warten, bis sich die Scheiben von selbst vom Pfannenboden lösen lassen, was ein sicheres Zeichen für eine fertige Kruste ist.

 

Überfüllung der Pfanne

Eine überladene Pfanne führt zu mehreren Problemen :

  • Die Temperatur sinkt zu stark ab
  • Feuchtigkeit kann nicht entweichen
  • Die Kartoffeln dämpfen statt zu braten
  • Eine gleichmäßige Bräunung wird unmöglich

Besser ist es, in mehreren Durchgängen zu arbeiten und die fertigen Portionen im Backofen bei 80 Grad warmzuhalten.

 

Falsche Temperatur

Zu niedrige Hitze führt zu matschigen Kartoffeln, zu hohe Hitze verbrennt die Außenseite, während das Innere kalt bleibt. Die optimale Temperatur erkennt man daran, dass das Fett leicht schimmert und eine eingeworfene Kartoffelscheibe sofort zu brutzeln beginnt, ohne dass das Fett raucht.

Salzen zur falschen Zeit

Salz entzieht Feuchtigkeit, was grundsätzlich erwünscht ist. Allerdings sollte man niemals während des Bratens salzen, da die austretende Flüssigkeit die Kruste aufweicht. Das Würzen erfolgt erst unmittelbar vor dem Servieren.

 

Die richtige Würzung zum optimalen Zeitpunkt hebt Bratkartoffeln auf ein neues Geschmacksniveau.

Techniken für eine optimale Würzung

Der richtige Zeitpunkt

Wie bereits erwähnt, erfolgt die Hauptwürzung erst nach dem Braten. Direkt aus der Pfanne genommen, werden die heißen Bratkartoffeln mit Salz und frisch gemahlenem Pfeffer bestreut. Die Restwärme hilft den Gewürzen, ihr Aroma optimal zu entfalten.

 

Klassische Gewürzkombinationen

Neben Salz und Pfeffer bieten sich verschiedene Variationen an :

  • Kümmel für eine traditionell deutsche Note
  • Paprikapulver edelsüß für milde Würze
  • Rosmarin und Thymian für mediterrane Aromen
  • Knoblauchpulver für intensiven Geschmack

Frische Kräuter

Frische gehackte Petersilie ist der Klassiker schlechthin und sollte erst unmittelbar vor dem Servieren über die Kartoffeln gestreut werden. Auch Schnittlauch, Dill oder Majoran harmonieren hervorragend. Wichtig ist, dass die Kräuter nicht mitgebraten werden, da sie sonst verbrennen und bitter schmecken.

 

Wer seine Gäste besonders beeindrucken möchte, kann mit kreativen Variationen experimentieren.

Varianten und Tipps, um Ihre Gäste zu überraschen

Internationale Interpretationen

Bratkartoffeln lassen sich vielfältig abwandeln. Spanische Patatas Bravas mit scharfer Tomatensauce und Aioli bieten eine würzige Alternative. Schwedische Hasselback-Bratkartoffeln mit fächerartigen Einschnitten sehen spektakulär aus und werden besonders knusprig.

 

Besondere Zubereitungsformen

Für zusätzliche Knusprigkeit kann man die Kartoffelscheiben vor dem Braten leicht mit Speisestärke bestäuben. Diese Technik stammt aus der asiatischen Küche und erzeugt eine außergewöhnlich kross gebratene Oberfläche. Eine andere Methode ist das Anbraten in der Pfanne und anschließende Fertiggaren im Backofen bei 200 Grad, was eine gleichmäßig knusprige Textur garantiert.

Überraschende Toppings

Folgende Ergänzungen sorgen für besondere Geschmackserlebnisse :

 
  • Gehobelter Parmesan direkt nach dem Braten
  • Crispy Bacon-Würfel als knuspriger Kontrast
  • Karamellisierte Zwiebeln für süßliche Noten
  • Saure Sahne mit Kräutern als frisches Topping
  • Geröstete Pinienkerne für nussige Aromen

Die Kombination aus perfekter Technik, hochwertigen Zutaten und dem entscheidenden Trick des Vorgarens und Abkühlens garantiert Bratkartoffeln mit unvergleichlicher Knusprigkeit. Der Schlüssel liegt in der Geduld während der Vorbereitung und der Disziplin beim Braten, die Kartoffeln nicht zu früh zu bewegen. Mit diesen professionellen Methoden und der Vermeidung typischer Fehler gelingen knusprige Bratkartoffeln zuverlässig. Die verschiedenen Würzvarianten und kreativen Interpretationen bieten zudem unzählige Möglichkeiten, diesen Klassiker immer wieder neu zu entdecken und Gäste zu begeistern.

Gnocchi-Pfanne mit Salbei-Butter: Fertig in nur 15 Minuten

Zutaten

 
 
 
 
 
 
 
 
 

Zubereitung

1. Vorbereitung der Gnocchi

Öffne die Packung Gnocchi und lass sie kurz abtropfen, falls sie in Flüssigkeit gelagert waren. Tupfe sie vorsichtig mit Küchenpapier trocken. Dieser Schritt ist wichtig, damit die Gnocchi später in der Pfanne schön anbraten können und nicht matschig werden. Trockene Gnocchi entwickeln beim Braten eine appetitliche goldbraune Kruste, die dem Gericht eine wunderbare Textur verleiht.

2. Erhitzen der Pfanne

Stelle eine große beschichtete Pfanne auf mittlere bis hohe Hitze. Gib das Olivenöl hinein und lass es etwa 30 Sekunden warm werden. Das Öl sollte heiß sein, aber nicht rauchen. Die richtige Temperatur erkennst du daran, dass das Öl leicht glänzt und sich beim Schwenken der Pfanne schnell verteilt. Eine gut vorgeheizte Pfanne ist entscheidend für das perfekte Anbraten.

3. Anbraten der Gnocchi

Gib die Gnocchi in die heiße Pfanne und verteile sie gleichmäßig. Lass sie etwa 3 bis 4 Minuten ungestört braten, ohne sie zu bewegen. Dies ermöglicht die Bildung einer schönen goldbraunen Kruste auf der Unterseite. Widerstehe der Versuchung, sie zu früh zu wenden. Wenn die erste Seite schön gebräunt ist, wende die Gnocchi vorsichtig mit einem Holzlöffel und brate sie weitere 2 bis 3 Minuten auf der anderen Seite.

4. Zubereitung der Salbei-Butter

Reduziere die Hitze auf mittlere Stufe und füge die Butter direkt zu den Gnocchi in die Pfanne hinzu. Lass die Butter schmelzen und beobachte sie aufmerksam. Sie wird zunächst schäumen und dann eine leicht nussige, goldbraune Farbe annehmen. Dieser Prozess wird als beurre noisette bezeichnet, was übersetzt Nussbutter bedeutet. Streue den getrockneten Salbei über die schmelzende Butter und rühre alles gut um. Das Knoblauchpulver ebenfalls hinzugeben.

 

5. Würzen und verfeinern

Würze die Gnocchi-Pfanne mit einer Prise Salz und frisch gemahlenem schwarzen Pfeffer. Schwenke die Pfanne leicht, damit sich die aromatische Salbei-Butter gleichmäßig über alle Gnocchi verteilt. Jedes einzelne Gnocchi sollte mit der goldenen Butter überzogen sein. Lass alles noch etwa eine Minute gemeinsam in der Pfanne ziehen, damit sich die Aromen gut verbinden können.

6. Finalisierung mit Parmesan

Nimm die Pfanne vom Herd und streue den geriebenen Parmesan über die Gnocchi. Rühre den Käse vorsichtig unter, sodass er leicht schmilzt und eine cremige Konsistenz entsteht. Der Parmesan bindet die Butter zusätzlich und verleiht dem Gericht einen intensiven, würzigen Geschmack. Serviere die Gnocchi-Pfanne sofort, solange sie noch heiß ist und der Käse perfekt geschmolzen ist.

 

Tipp vom Chefkoch

Für eine noch intensivere Geschmacksnote kannst du die Gnocchi vor dem Braten leicht mit etwas Mehl bestäuben. Dies sorgt für eine extra knusprige Kruste. Achte darauf, die Butter nicht zu dunkel werden zu lassen, da sie sonst bitter schmeckt. Die perfekte beurre noisette hat eine haselnussbraune Farbe und duftet angenehm nussig. Falls du keine beschichtete Pfanne hast, verwende etwas mehr Olivenöl, um ein Ankleben zu verhindern. Du kannst auch zusätzlich getrocknete Tomaten oder Pinienkerne hinzufügen, um dem Gericht eine mediterrane Note zu verleihen. Reste lassen sich am nächsten Tag in der Pfanne aufwärmen und schmecken fast genauso gut wie frisch zubereitet.

Gerösteter Rosenkohl mit Honig-Senf-Glasur

Zutaten

 

 
 
 
 
 
 
 
 
 
 

Zubereitung

1.

Den backofen auf 200 grad celsius vorheizen. Dies ist wichtig, damit der rosenkohl von beginn an bei der richtigen temperatur röstet und nicht einfach nur dampft. Ein gut vorgeheizter ofen sorgt für die gewünschte karamellisierung und knusprigkeit.

2.

Den rosenkohl gründlich waschen und die äußeren welken blätter entfernen. Die stielenden mit einem scharfen messer abschneiden, aber nicht zu viel, damit die röschen nicht auseinanderfallen. Besonders große exemplare halbieren oder vierteln, damit alle stücke gleichmäßig garen. Dies ist der schlüssel für ein einheitliches ergebnis.

3.

Die vorbereiteten rosenkohlröschen in eine große schüssel geben und mit zwei esslöffeln olivenöl beträufeln. Mit salz und schwarzem pfeffer würzen und mit den händen gut durchmischen, sodass jedes röschen gleichmäßig mit öl überzogen ist. Das öl sorgt dafür, dass die oberfläche schön knusprig wird.

4.

Ein backblech mit backpapier auslegen und den rosenkohl darauf verteilen. Wichtig ist, dass die röschen nicht zu dicht liegen, sondern raum zum atmen haben. Überlappende stücke werden nicht knusprig, sondern dämpfen nur. Idealerweise sollten sie in einer einzigen schicht mit etwas abstand zueinander liegen.

 

5.

Das blech in den vorgeheizten ofen schieben und den rosenkohl etwa 20 minuten rösten. Nach der hälfte der zeit einmal wenden, damit alle seiten gleichmäßig bräunen. Die röschen sollten außen goldbraun und leicht karamellisiert sein, innen aber noch bissfest bleiben.

6.

Während der rosenkohl röstet, die glasur vorbereiten. In einer kleinen schüssel honig, dijon-senf, den restlichen esslöffel olivenöl, knoblauchpulver und balsamico-essig mit einem schneebesen zu einer glatten mischung verrühren. Die konsistenz sollte flüssig genug sein, um den rosenkohl gut zu ummanteln, aber nicht zu dünn.

 

7.

Nach den ersten 20 minuten röstzeit das backblech aus dem ofen nehmen und die honig-senf-glasur gleichmäßig über den rosenkohl träufeln. Mit einem löffel oder direkt auf dem blech alles gut vermischen, sodass jedes röschen von der glasur benetzt wird. Diese mischung wird nun im ofen karamellisieren und eine wunderbare kruste bilden.

8.

Das blech zurück in den ofen schieben und weitere 8 bis 10 minuten backen, bis die glasur eingedickt ist und stellenweise karamellisiert. Dabei den rosenkohl im auge behalten, denn der honig kann schnell verbrennen. Die röschen sollten glänzend und leicht klebrig aussehen, mit dunklen, karamellisierten stellen.

 

9.

Den fertigen rosenkohl aus dem ofen nehmen und etwa 2 minuten ruhen lassen, bevor er serviert wird. In dieser zeit setzt sich die glasur etwas und die aromen verbinden sich optimal. Bei bedarf mit etwas zusätzlichem salz und frisch gemahlenem pfeffer abschmecken.

 

 

Tipp vom Chefkoch

Ein profi-trick für noch intensiveren geschmack: die äußeren, lockeren blätter, die beim putzen abfallen, nicht wegwerfen. Diese separat mit etwas öl auf ein eigenes kleines blech geben und mitrösten. Sie werden wunderbar knusprig wie chips und können als dekoration oder knuspriges topping über den fertigen rosenkohl gestreut werden. Wer es gerne etwas nussiger mag, kann in den letzten 5 minuten der garzeit gehackte walnüsse oder gehobelten parmesan über den rosenkohl streuen. Für eine vegane variante den honig durch ahornsirup oder agavendicksaft ersetzen. Der rosenkohl lässt sich auch hervorragend vorbereiten: bis zum glasieren komplett fertig rösten, dann abkühlen lassen und im kühlschrank aufbewahren. Vor dem servieren einfach die glasur hinzufügen und nochmals kurz im ofen erhitzen.

Quark-Grieß-Auflauf: Das süße Soulfood aus Omas Küche

Zutaten

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Zubereitung

1. Den grießbrei zubereiten

Die milch in einem mittelgroßen topf zum kochen bringen und eine prise salz hinzufügen. Sobald die milch kocht, die hitze reduzieren und den grieß unter ständigem rühren einstreuen. Dies verhindert klumpenbildung, die den auflauf ungleichmäßig machen würde. Den grießbrei etwa 3 minuten unter rühren köcheln lassen, bis er dick und cremig wird. Grießbrei ist eine breiige masse aus gekochtem grieß, die als grundlage für viele süßspeisen dient. Anschließend 30 gramm butter unterrühren und den brei vom herd nehmen. Komplett abkühlen lassen, damit die eier später nicht gerinnen.

 

2. Eier trennen und eigelb verarbeiten

Während der grießbrei abkühlt, die vier eier sehr sorgfältig trennen. Das eigelb in eine große schüssel geben und mit 80 gramm zucker sowie beiden päckchen vanillezucker schaumig schlagen. Dieser vorgang dauert etwa 3 bis 4 minuten mit dem handrührgerät. Die masse sollte hell und luftig werden. Den quark hinzufügen und gründlich unterrühren, bis eine homogene masse entsteht. Die abgeriebene zitronenschale einarbeiten, sie verleiht dem auflauf eine frische note, die perfekt mit der süße harmoniert.

3. Den grießbrei einarbeiten

Den vollständig abgekühlten grießbrei zur quark-eigelb-mischung geben und vorsichtig, aber gründlich unterrühren. Achtet darauf, dass sich keine grießklumpen bilden. Die masse sollte gleichmäßig verteilt sein. Dieser schritt ist entscheidend für die spätere konsistenz des auflaufs. Eine ungleichmäßige verteilung würde zu unterschiedlichen texturen im fertigen gericht führen.

4. Eiweiß zu schnee schlagen

Das eiweiß in eine fettfreie schüssel geben. Dies ist wichtig, denn selbst kleinste fettreste verhindern, dass der eischnee steif wird. Mit dem handrührgerät auf höchster stufe schlagen, bis sich weiche spitzen bilden. Dann die restlichen 20 gramm zucker einrieseln lassen und weiterschlagen, bis der eischnee fest und glänzend ist. Eischnee ist aufgeschlagenes eiweiß, das durch eingeschlagene luft sein volumen vervielfacht und für luftigkeit sorgt. Der schnee sollte so fest sein, dass er beim umdrehen der schüssel nicht herausfällt.

5. Eischnee unterheben

Den festen eischnee in drei portionen zur quarkmasse geben. Die erste portion etwas kräftiger unterrühren, um die masse aufzulockern. Die restlichen portionen sehr vorsichtig mit einem teigschaber von unten nach oben unterheben. Dieser vorgang erfordert geduld und eine sanfte hand. Zu kräftiges rühren würde die luftbläschen zerstören und der auflauf würde nicht schön aufgehen. Die masse sollte am ende luftig und voluminös sein.

 

6.

Den backofen auf 180 grad celsius ober-unterhitze vorheizen. Eine auflaufform mit etwa 20 bis 25 zentimeter durchmesser mit der restlichen butter großzügig ausfetten. Für extra sicherheit die form zusätzlich mit etwas zucker ausstreuen, so löst sich der auflauf später besser. Die masse gleichmäßig in die form füllen und die oberfläche glattstreichen. Im vorgeheizten ofen auf mittlerer schiene etwa 45 minuten backen. Der auflauf ist fertig, wenn die oberfläche goldbraun ist und die masse beim leichten schütteln nicht mehr wackelt. In den letzten 10 minuten die ofentür nicht mehr öffnen, da der auflauf sonst zusammenfallen könnte.

7.

Den fertigen auflauf aus dem ofen nehmen und etwa 10 minuten in der form ruhen lassen. Dies erleichtert das portionieren erheblich. Mit einem sieb puderzucker über die oberfläche stäuben, was dem dessert den letzten optischen schliff verleiht. Der auflauf kann warm oder lauwarm serviert werden, beide varianten haben ihren eigenen charme.

 

 

 

Tipp vom Chefkoch

Für eine fruchtige variante könnt ihr den boden der auflaufform mit entsteinten kirschen, aprikosenhälften oder pflaumen auslegen, bevor ihr die masse einfüllt. Die früchte sinken beim backen leicht ein und ergeben eine wunderbare geschmackskombination. Alternativ könnt ihr auch rosinen in die masse einarbeiten, die zuvor in rum eingeweicht wurden. Wer es besonders cremig mag, ersetzt 100 gramm quark durch schmand. Achtet beim eischnee darauf, dass wirklich kein eigelb hineingerät, sonst wird er nicht steif. Die auflaufform sollte nicht zu klein sein, da die masse beim backen aufgeht. Serviert den auflauf mit vanillesoße, fruchtsoße oder einfach mit etwas sahne.

Die passende begleitung zum quark-grieß-auflauf

 

Zu diesem traditionellen deutschen dessert passt hervorragend eine tasse kaffee oder ein glas kalte milch. Wer es festlicher mag, kann einen süßen dessertwein wie einen deutschen auslese riesling servieren, dessen fruchtige süße perfekt mit der cremigkeit des auflaufs harmoniert. Für kinder eignet sich kakao oder ein fruchtiger apfelsaft. An sommerlichen tagen ist auch ein eisgekühlter holunderblütensirup mit sprudelwasser eine erfrischende begleitung. Die süße des getränks sollte dabei nicht zu dominant sein, um den feinen geschmack des auflaufs nicht zu überdecken.

Flammkuchen aus dem Airfryer: Knusprig in nur 10 Minuten

Zutaten

 
 

Zubereitung

1. Den Teig vorbereiten

Den Flammkuchenteig aus der Verpackung nehmen und auf einer leicht bemehlten Arbeitsfläche ausrollen. Der Teig sollte sehr dünn sein, etwa zwei bis drei Millimeter dick. Mit einem Nudelholz (Küchengerät zum Ausrollen von Teig) arbeiten und von der Mitte nach außen rollen, damit der Teig gleichmäßig dünn wird. Die Größe des Teiges an den Korb des Airfryers anpassen, eventuell in zwei oder drei Portionen teilen, je nach Größe des Geräts.

 

2. Die Zwiebeln schneiden

Die Zwiebeln schälen und in sehr dünne Ringe schneiden. Je dünner die Ringe, desto besser werden sie im Airfryer garen und desto harmonischer fügen sie sich in den Belag ein. Die Zwiebelringe beiseite stellen und mit etwas Salz würzen, damit sie Wasser ziehen und milder werden.

3. Die Crème-Mischung zubereiten

In einer Schüssel die Crème fraîche mit einer Prise Muskatnuss, Salz und Pfeffer vermengen. Die Muskatnuss verleiht der Crème eine typisch elsässische Note und hebt den Geschmack des gesamten Flammkuchens. Gut umrühren, bis eine homogene Masse entsteht.

4. Den Teig belegen

Den ausgerollten Teig auf ein Stück Backpapier legen, das in den Airfryer-Korb passt. Die Crème-Mischung gleichmäßig auf dem Teig verteilen, dabei einen Rand von etwa einem Zentimeter frei lassen. Die Crème sollte dünn aufgetragen werden, damit der Boden knusprig bleibt und nicht durchweicht.

5. Speck und Zwiebeln verteilen

Die Speckwürfel gleichmäßig über die Crème verteilen. Darüber die vorbereiteten Zwiebelringe legen. Nicht zu viele Zwiebeln verwenden, damit der Flammkuchen nicht zu feucht wird. Ein Esslöffel Olivenöl kann leicht über den Belag geträufelt werden, um zusätzliche Röstaromen zu erzeugen.

 

6. Im Airfryer backen

Den Airfryer auf 180 Grad Celsius vorheizen. Den belegten Flammkuchen vorsichtig in den Korb legen. Bei 180 Grad etwa acht bis zehn Minuten backen, bis der Rand goldbraun und knusprig ist und der Speck leicht gebräunt erscheint. Die genaue Zeit hängt vom Modell des Airfryers ab, daher nach acht Minuten kontrollieren.

7. Servieren und genießen

Den Flammkuchen aus dem Airfryer nehmen und sofort servieren. Mit einem Pizzaschneider oder scharfen Messer in Stücke schneiden. Der Flammkuchen schmeckt am besten heiß und frisch, wenn der Teig noch richtig knusprig ist.

Mit diesem Trick werden Pommes aus dem Airfryer endlich richtig knusprig

Zutaten

 
 
 
 
 
 

Zubereitung

1. vorbereitung der pommes

Nehmt die tiefgefrorenen pommes aus der verpackung und lasst sie etwa 5 minuten bei raumtemperatur antauen. Dies ist wichtig, damit die oberfläche leicht feucht wird und die nachfolgende beschichtung besser haftet. Tupft die pommes dann vorsichtig mit küchenpapier ab, um überschüssige feuchtigkeit zu entfernen. Dieser schritt verhindert, dass die pommes während des garens zu viel dampf abgeben, was sie weich statt knusprig machen würde.

 

2. der entscheidende trick mit stärke

Gebt die leicht angetauten pommes in eine große schüssel. Streut die speisestärke darüber und mischt alles gründlich durch. Die stärke bildet eine dünne schicht um jede einzelne pommes und wird beim erhitzen zu einer knusprigen kruste. Dieser trick ist das geheimnis für extra knusprige pommes aus dem airfryer. Die stärke absorbiert restliche feuchtigkeit und sorgt für die perfekte textur.

3. öl hinzufügen

Gebt nun den esslöffel pflanzenöl zu den mit stärke umhüllten pommes. Auch wenn der airfryer mit wenig fett auskommt, ist diese kleine menge öl entscheidend für die bräunung und den geschmack. Verteilt das öl gleichmäßig, indem ihr die schüssel kräftig schwenkt oder mit den händen durchmischt. Jede pommes sollte einen hauch öl abbekommen, aber nicht triefend nass sein.

4. würzen nach geschmack

Würzt die pommes bereits vor dem garen mit salz und paprikapulver. Das paprikapulver verleiht eine schöne farbe und ein leicht rauchiges aroma. Ihr könnt auch andere gewürze verwenden, je nach vorliebe. Wichtig ist, dass die gewürze vor dem garen aufgetragen werden, damit sie sich mit der stärkeschicht verbinden und nicht nach dem garen einfach abfallen.

5. vorheizen des airfryers

Heizt den airfryer auf 200 grad celsius vor. Das vorheizen ist wichtig, damit die pommes sofort mit der richtigen temperatur in kontakt kommen. Ein kalter airfryer würde die garzeit verlängern und die pommes würden mehr feuchtigkeit verlieren, ohne knusprig zu werden. Lasst das gerät etwa 3 bis 5 minuten vorheizen.

 

6. erste garphase

Verteilt die vorbereiteten pommes gleichmäßig im korb des airfryers. Achtet darauf, dass sie nicht übereinander liegen, sondern in einer einzigen schicht ausgebreitet sind. Überfüllt den korb nicht, sonst garen die pommes ungleichmäßig. Stellt die temperatur auf 180 grad celsius und lasst die pommes 12 minuten garen. Diese erste phase bei niedrigerer temperatur sorgt dafür, dass die pommes innen gar werden.

7. schütteln für gleichmäßiges garen

Nach 12 minuten öffnet ihr den airfryer und schüttelt den korb kräftig oder wendet die pommes mit einem pfannenwender. Dieser schritt ist entscheidend, damit alle seiten gleichmäßig gebräunt werden. Die pommes sollten jetzt schon eine leichte bräunung zeigen, aber noch nicht vollständig knusprig sein. Schließt den airfryer wieder.

 

8. zweite garphase für maximale knusprigkeit

Erhöht nun die temperatur auf 200 grad celsius und lasst die pommes weitere 10 bis 13 minuten garen. Diese höhere temperatur am ende ist der zweite teil des tricks. Die stärkeschicht wird jetzt richtig kross und die pommes bekommen ihre goldbraune farbe. Schüttelt den korb nach etwa 6 minuten erneut, damit wirklich alle pommes perfekt werden.

 

9. finale kontrolle

Öffnet den airfryer und prüft die pommes. Sie sollten goldbraun und knusprig aussehen. Wenn ihr mit einer gabel oder einem pfannenwender dagegen tippt, sollten sie fest sein und nicht nachgeben. Falls sie noch nicht knusprig genug sind, lasst sie noch 2 bis 3 minuten bei 200 grad weiter garen. Jeder airfryer ist etwas anders, daher kann die garzeit leicht variieren.

 

10. servieren

Nehmt die pommes sofort aus dem airfryer und serviert sie heiß. Knusprige pommes verlieren ihre textur, wenn sie zu lange stehen bleiben. Ihr könnt sie noch einmal leicht nachsalzen oder mit frischen kräutern bestreuen. Serviert sie mit euren lieblingsdips wie ketchup, mayonnaise oder aioli.

Hackbraten aus dem Airfryer wird außen kross und innen saftig-zart

Zutaten

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Zubereitung

1. Vorbereitung der Hackmasse

Gebt das gemischte Hackfleisch in eine große Rührschüssel und lasst es kurz bei Raumtemperatur ruhen. Dies erleichtert die Verarbeitung erheblich. Fügt nun die Semmelbrösel hinzu, die als Bindemittel fungieren und überschüssige Flüssigkeit aufnehmen. Gebt Zwiebelpulver, Knoblauchpulver, getrocknete Kräuter der Provence und Paprikapulver dazu. Diese Gewürzmischung verleiht dem Hackbraten seine charakteristische Würze.

 

2. Einarbeiten der feuchten Zutaten

Schlagt die beiden Eier in einer separaten kleinen Schüssel auf und verquirlt sie leicht mit einer Gabel. Gebt Senf, Tomatenmark und Worcestershire-Sauce zur Hackmasse. Die Worcestershire-Sauce ist eine würzige englische Sauce, die dem Fleisch eine besondere Geschmackstiefe verleiht. Fügt die verquirlten Eier hinzu. Würzt mit Salz und schwarzem Pfeffer.

 

3. Kneten der Masse

Verknetet nun alle Zutaten gründlich mit sauberen Händen für etwa drei bis vier Minuten. Achtet darauf, dass sich alle Gewürze gleichmäßig verteilen und die Masse eine homogene Konsistenz erhält. Die Mischung sollte gut zusammenhalten, aber nicht zu fest sein. Wenn die Masse zu trocken erscheint, fügt einen Esslöffel kaltes Wasser hinzu. Ist sie zu feucht, gebt noch etwas Semmelbrösel dazu.

4. Formen des Hackbratens

Formt aus der Hackmasse einen länglichen Laib von etwa 20 Zentimetern Länge und 8 Zentimetern Breite. Die Form sollte gleichmäßig sein, damit der Hackbraten überall gleichzeitig gar wird. Drückt die Oberfläche glatt und achtet darauf, dass keine Lufteinschlüsse in der Masse verbleiben. Diese könnten beim Garen zu unschönen Hohlräumen führen.

5. Vorbereitung des Airfryers

Heizt den Airfryer auf 180 Grad Celsius vor. Dies dauert etwa drei Minuten. Legt den Korb mit Backpapier aus oder besprüht ihn leicht mit Olivenöl-Spray. Das Backpapier sollte Löcher haben, damit die heiße Luft zirkulieren kann. Alternativ könnt ihr spezielles Airfryer-Backpapier verwenden, das bereits perforiert ist.

 

6. Erster Garvorgang

Legt den geformten Hackbraten vorsichtig in den vorgeheizten Airfryer-Korb. Besprüht die Oberfläche leicht mit Olivenöl-Spray. Dies fördert die Krustenbildung. Schließt den Airfryer und stellt die Temperatur auf 180 Grad Celsius ein. Lasst den Hackbraten 20 Minuten garen. Die Heißluft umströmt das Fleisch gleichmäßig von allen Seiten.

7. Wenden und Weitergaren

Öffnet nach 20 Minuten vorsichtig den Airfryer. Wendet den Hackbraten behutsam mit zwei Pfannenwendern oder Gabeln, damit er nicht auseinanderbricht. Besprüht auch die zweite Seite leicht mit Olivenöl-Spray. Garzeit weitere 15 Minuten bei gleicher Temperatur. Die Außenseite sollte nun eine schöne goldbraune Farbe annehmen und knusprig werden.

 

8. Temperaturkontrolle

Prüft die Kerntemperatur mit einem Fleischthermometer. Stecht dazu in die dickste Stelle des Hackbratens. Die Kerntemperatur sollte mindestens 70 Grad Celsius betragen. Dies garantiert, dass das Fleisch vollständig durchgegart ist. Das Thermometer ist ein Messgerät zur Bestimmung der Innentemperatur von Fleisch. Falls die Temperatur noch nicht erreicht ist, lasst den Hackbraten weitere fünf Minuten garen.

 

9. Ruhezeit einhalten

Nehmt den fertigen Hackbraten aus dem Airfryer und legt ihn auf ein Schneidebrett. Deckt ihn locker mit Alufolie ab und lasst ihn fünf Minuten ruhen. Diese Ruhezeit ist entscheidend, damit sich die Fleischsäfte gleichmäßig verteilen können. Würdet ihr sofort schneiden, würde viel Saft auslaufen und das Fleisch würde trocken wirken.

 

10. Anrichten und Servieren

Schneidet den Hackbraten mit einem scharfen Messer in etwa zwei Zentimeter dicke Scheiben. Die Kruste sollte schön knusprig sein und beim Schneiden leicht knacken. Das Innere zeigt sich saftig und zart. Arrangiert die Scheiben auf einer vorgewärmten Servierplatte. Serviert den Hackbraten sofort, solange er noch heiß ist.

Tiefkühl-Brötchen wie frisch vom Bäcker mit dem Airfryer

Zutaten

 
 

Utensilien

 
 
 

Zubereitung

1. Die gefrorenen Brötchen vorbereiten

Nehmen Sie die tiefgekühlten Brötchen direkt aus dem Gefrierfach. Nicht auftauen lassen – dies ist der erste wichtige Trick für perfekte Ergebnisse. Die gefrorenen Brötchen behalten ihre Form besser und entwickeln während des Backens die optimale Textur. Legen Sie die Brötchen zunächst auf eine saubere Arbeitsfläche und besprühen Sie jedes Brötchen rundherum gleichmäßig mit Wasser aus der Sprühflasche. Dieser Schritt ist entscheidend, denn die Feuchtigkeit auf der Oberfläche verwandelt sich im Airfryer in Dampf, der die Kruste knusprig macht und gleichzeitig verhindert, dass die Brötchen austrocknen. Besprühen Sie jedes Brötchen etwa drei bis vier Mal, sodass die gesamte Oberfläche leicht feucht ist, aber nicht tropfnass.

 

2. Den Airfryer richtig vorheizen

Heizen Sie Ihren Airfryer auf 160 Grad Celsius vor. Das Vorheizen dauert etwa drei Minuten und ist ein wesentlicher Schritt für gleichmäßige Backergebnisse. Vorheizen bedeutet, das Gerät ohne Inhalt auf die gewünschte Temperatur zu bringen, damit die Hitze von Beginn an optimal wirkt. Während viele Rezepte diesen Schritt überspringen, macht er bei Backwaren einen enormen Unterschied. Die sofortige Hitzeeinwirkung sorgt dafür, dass die Oberfläche der Brötchen schnell eine Kruste bildet, während das Innere langsam und gleichmäßig durchbackt. Stellen Sie sicher, dass der Korb des Airfryers sauber und trocken ist, bevor Sie mit dem Vorheizen beginnen.

3. Die Brötchen im Airfryer platzieren

Legen Sie die befeuchteten Brötchen mit ausreichend Abstand in den vorgeheizten Airfryer-Korb. Wichtig ist, dass sich die Brötchen nicht berühren, da die heiße Luft von allen Seiten zirkulieren muss, um eine gleichmäßige Bräunung zu erreichen. Je nach Größe Ihres Airfryers können Sie zwei bis vier Brötchen gleichzeitig backen. Achten Sie darauf, dass zwischen den Brötchen mindestens zwei Zentimeter Platz bleiben. Falls Ihr Gerät über mehrere Ebenen verfügt, nutzen Sie diese, aber beachten Sie, dass die Brötchen auf der unteren Ebene möglicherweise etwas schneller bräunen. Platzieren Sie die Brötchen mit der Oberseite nach oben, also so, wie sie später serviert werden sollen.

4. Der erste Backvorgang bei niedriger Temperatur

Starten Sie den Backvorgang bei 160 Grad Celsius für sechs Minuten. Diese niedrigere Temperatur zu Beginn ermöglicht es den gefrorenen Brötchen, langsam aufzutauen und durchzubacken, ohne dass die Außenseite zu schnell bräunt oder verbrennt. Während dieser Phase findet die eigentliche Transformation statt: der gefrorene Teig erwärmt sich, die Hefe (mikroskopisch kleine Pilze, die Teig aufgehen lassen) wird reaktiviert, und die Brötchen beginnen, ihr Volumen zu entfalten. Öffnen Sie den Airfryer während dieser Zeit nicht, da der Temperaturverlust das Ergebnis beeinträchtigen würde. Sie werden bereits nach etwa vier Minuten den verführerischen Duft frischer Backwaren wahrnehmen.

5. Die Brötchen erneut befeuchten

Nach den ersten sechs Minuten öffnen Sie vorsichtig den Airfryer und besprühen die Brötchen erneut leicht mit Wasser. Dieser zweite Feuchtigkeitsschub ist das Geheimnis für eine besonders knusprige Kruste. Das Wasser verdampft sofort an der heißen Oberfläche und erzeugt zusätzlichen Dampf, der die Krustenbildung verstärkt. Seien Sie sparsam mit dem Wasser – zwei bis drei Sprühstöße pro Brötchen genügen vollkommen. Zu viel Feuchtigkeit würde die Brötchen durchweichen lassen. Falls Sie eine besonders glänzende Oberfläche wünschen, können Sie die Brötchen stattdessen mit einem in Öl getränkten Pinsel leicht einstreichen. Dies verleiht ihnen einen professionellen Glanz, wie Sie ihn von Bäckereien kennen.

 

6. Der zweite Backvorgang bei höherer Temperatur

Erhöhen Sie nun die Temperatur auf 180 Grad Celsius und backen Sie die Brötchen weitere sechs Minuten. Diese höhere Temperatur sorgt für die finale Bräunung und die charakteristische knusprige Kruste. Die Maillard-Reaktion (eine chemische Reaktion zwischen Aminosäuren und Zuckern, die Bräunung und Geschmack erzeugt) setzt nun vollständig ein und entwickelt die typischen Röstaromen, die frische Brötchen auszeichnen. Beobachten Sie die Brötchen in den letzten zwei Minuten aufmerksam, da jeder Airfryer etwas unterschiedlich arbeitet. Die Brötchen sollten eine goldbraune Farbe annehmen, ohne zu dunkel zu werden. Falls sie nach fünf Minuten bereits perfekt aussehen, können Sie den Vorgang vorzeitig beenden.

7. Die Brötchen ruhen lassen

Nehmen Sie die fertigen Brötchen mit einer Küchenzange aus dem Airfryer und legen Sie sie auf ein Küchengitter oder einen Teller. Lassen Sie die Brötchen mindestens zwei Minuten ruhen, bevor Sie sie aufschneiden. Dieser Schritt wird oft unterschätzt, ist aber essentiell für die perfekte Konsistenz. Während der Ruhezeit verteilt sich die Restfeuchtigkeit im Inneren gleichmäßig, und die Kruste festigt sich. Wenn Sie die Brötchen zu früh aufschneiden, entweicht der Dampf zu schnell, und das Innere kann trocken werden. Die Brötchen sind heiß, also seien Sie vorsichtig beim Anfassen. Nach zwei Minuten können Sie sie aufschneiden und genießen – das Innere sollte luftig und weich sein, während die Außenseite appetitlich knuspert.

Gulasch aus dem Airfryer

Zutaten 

  • 600 g Rindfleisch
  • 3 rote Zwiebeln
  • 3 Knoblauchzehen
  • 2 Paprikaschoten z.B. rot und gelb
  • 2 EL neutrales Pflanzenöl
  • 2 EL Tomatenmark
  • 1 Dose stückige Tomaten 400g
  • 250 ml Gemüsebrühe
  • 2 TL Paprikapulver edelsüß
  • 1 TL Paprikapulver geräuchert
  • 1 TL Kümmel gemahlen
  • 1 TL Majoran getrocknet
  • Salz und Pfeffer nach Geschmack

 

 

Zubereitung

  1. Schneide das Rindfleisch in mundgerechte Stücke.
  2. Schäle die Zwiebeln und würfle sie. Ziehe die Knoblauchzehen ab und hacke sie fein.
  3. Wasche die Paprika, entkerne sie und schneide sie in mundgerechte Stücke.
  4. Vermische das Öl mit dem gewürfelten Fleisch und gib sie in eine passende Airfryer-From. Gare das Fleisch bei 190 °C für etwa 12 Minuten, bis es kräftige gebräunt ist.
  5. Gib anschließend Zwiebeln und Knoblauch dazu, mische alles gut durch und gare es für weitere 5 Minuten, bis die Zwiebeln glasig werden.
  6. Füge Paprika und Tomatenmark hinzu und verrühre alles gründlich. Röste die Mischung für 2-3 Minuten weiter.
  7. Gib die stückigen Tomaten, Gemüsebrühe, alle Gewürze und eine Prise Salz und Pfeffer hinein.
  8. Reduziere die Temperatur auf 160 °C und gare das Gulasch 30 Minuten. Rühre alle 10 Minuten um.
  9. Schmecke das Gulasch am Ende noch einmal mit Salz und Pfeffer ab.

Hähnchenschenkel aus dem Airfryer: Der Geheimtipp für knusprige Haut

Zutaten für 4 Personen:

 

Zubereitung

1. vorbereitung der hähnchenschenkel

Nehmen sie die hähnchenschenkel etwa 20 minuten vor der zubereitung aus dem kühlschrank. Das fleisch sollte zimmertemperatur erreichen, damit es gleichmäßiggart. Tupfen sie die schenkel mit küchenpapier gründlich trocken. Dieser schritt ist entscheidend für die knusprige haut, denn feuchtigkeit ist der feind der krosse. Je trockener die hautoberfläche, desto besser wird das endergebnis.

2. die geheimzutat für extra knusprigkeit

Mischen sie in einer kleinen schüssel das backpulver mit dem salz. Reiben sie diese mischung gleichmäßig auf die haut der hähnchenschenkel ein. Das backpulver ist der geheimtipp vieler profiköche: es erhöht den ph-wert der haut, was zu einer schnelleren bräunung und einer knusprigeren textur führt. dieser chemische prozess nennt sich maillard-reaktion und ist verantwortlich für die appetitliche farbe und den röstgeschmack. Lassen sie die schenkel nach dem einreiben etwa 10 minuten ruhen.

3. würzmischung herstellen

Während die schenkel ruhen, bereiten sie die gewürzmischung vor. Kombinieren sie in einer schüssel das olivenöl mit paprikapulver, knoblauchpulver, zwiebelpulver, geräuchertem paprikapulver, thymian und schwarzem pfeffer. Verrühren sie alles zu einer gleichmäßigen paste. Diese gewürzmischung verleiht den hähnchenschenkeln ein wunderbar aromatisches profil mit einer leicht rauchigen note.

4. hähnchenschenkel würzen

Bestreichen sie die hähnchenschenkel rundherum mit der gewürzmischung. Achten sie darauf, dass alle bereiche gleichmäßig bedeckt sind. Die ölhaltige paste hilft dabei, dass die gewürze an der haut haften bleiben und sorgt zusätzlich für eine schöne bräunung. Massieren sie die würzpaste sanft in die haut ein, damit die aromen besser eindringen können.

5. airfryer vorheizen

Heizen sie ihren airfryer auf 180 grad celsius vor. Das vorheizen dauert etwa 3 bis 5 minuten und ist wichtig für ein gleichmäßiges garergebnis. Ein vorgeheizter airfryer sorgt dafür, dass die haut sofort zu bräunen beginnt, sobald das fleisch hineingelegt wird.

6. erste garphase

Legen sie die hähnchenschenkel mit der hautseite nach unten in den korb des airfryers. Achten sie darauf, dass sich die schenkel nicht berühren, damit die luft optimal zirkulieren kann. Garen sie die schenkel bei 180 grad celsius für 15 minuten. In dieser phase wird die unterseite schön knusprig und das fleisch beginnt durchzugaren.

 

7. wenden und weiterbraten

Nach 15 minuten öffnen sie vorsichtig den airfryer und wenden die hähnchenschenkel mit einer küchenzange. Die hautseite sollte nun nach oben zeigen. Erhöhen sie die temperatur auf 200 grad celsius und garen sie die schenkel weitere 12 bis 15 minuten. Die höhere temperatur in der zweiten phase sorgt für die ultimative knusprigkeit der haut.

 

8. kerntemperatur prüfen

Um sicherzugehen, dass die hähnchenschenkel perfekt durchgegart sind, messen sie die kerntemperatur mit einem küchenthermometer. Stechen sie das thermometer in den dicksten teil des schenkels, ohne dabei den knochen zu berühren. Die ideale kerntemperatur liegt bei 75 bis 80 grad celsius. bei dieser temperatur ist das fleisch saftig und gleichzeitig sicher durchgegart. Falls die temperatur noch nicht erreicht ist, geben sie die schenkel für weitere 3 bis 5 minuten in den airfryer.

 

9. ruhezeit einhalten

Nehmen sie die hähnchenschenkel aus dem airfryer und legen sie sie auf einen teller. Decken sie sie locker mit aluminiumfolie ab und lassen sie das fleisch etwa 5 minuten ruhen. Während dieser ruhezeit verteilen sich die fleischsäfte gleichmäßig im inneren, was für besondere saftigkeit sorgt. Außerdem wird die haut in dieser zeit noch etwas knuspriger, da die restliche feuchtigkeit entweicht.

Knoblauch-Garnelen aus dem Airfryer

Zutaten für 2 Portionen

  • 2 Knoblauchzehen
  • 250 g Garnelen roh, geschält und entdarmt
  • 1 EL Olivenöl
  • 1 TL Paprikapulver edelsüß
  • 1/2 Bio-Zitrone Saft und Abrieb
  • 1 Prise Chiliflocken
  • Salz und Pfeffer
  • 1 EL gehackte Petersilie

 

 

Zubereitung

  1. Heize den Airfryer auf 200 °C vor.
  2. Schäle den Knoblauch und hacke ihn fein.
  3. Gib die Garnelen in eine Schüssel und vermenge sie mit Olivenöl, Knoblauch, Paprikapulver, Zitronenabrieb, Zitronensaft, Chiliflocken, Salz und Pfeffer.
  4. Lege die marinierten Garnelen in den Airfryer-Korb. Achte darauf, sie möglichst nicht übereinander zu legen, damit sie gleichmäßig garen.
  5. Gare die Garnelen für 4–5 Minuten, bis sie leicht gebräunt sind.
  6. Bestreue die fertigen Knoblauch-Garnelen mit frischer Petersilie und serviere sie sofort.

Gefüllte Fleischberliner (Fleisch-Raffaelos) / Frikadellen a la BBQ Bear

 

Diese besonderen Frikadellen zeichnen sich durch einen flüssigen Kern aus Käse und Schinken sowie eine knusprige Panko-Panierung aus. Da Du gerne pikant kochst und Zusatzstoffe vermeidest, ist dieses Rezept ideal, da die Würze durch frische Zutaten wie Frühlingszwiebeln und Chili erzeugt wird.

Die Frikadellen schmecken auch gut als „normale“ Frikadellen ohne Füllung.

Zutaten

Für die Hackfleischmasse:

  • Hackfleisch: Ca. 500g – 1kg (gemischt, Rind oder Schwein nach Belieben)

  • Frühlingszwiebeln: Ein kleiner Bund

  • Eier: 2 Stück

  • Gewürze: Senf (mittelscharf), Salz, Pfeffer, Chiliflocken (für die pikante Note)

  • Bindung: Semmelbrösel (nach Bedarf)

Für die Füllung:

  • Käse: Raclettekäse (oder ein anderer gut schmelzender Käse am Stück)

  • Schinken: Kochschinken

Für die Panierung (Panierstraße):

  • Mehl

  • Eier (verquirlt)

  • Panko-Mehl: (Japanisches Paniermehl für extra Knusprigkeit)

 


 

Zubereitungsschritte

1. Die Würzpaste herstellen: [01:45] Anstatt die Zwiebeln zu würfeln, werden die Frühlingszwiebeln mit einem Zauberstab (Pürierstab) fein püriert. Dadurch verteilt sich der Geschmack optimal, ohne dass Zwiebelstücke beim Braten verbrennen. Mische unter dieses Püree eine ordentliche Portion Senf, Salz, Pfeffer und die Chiliflocken.

2. Hackfleischmasse anmischen: [02:54] Gib die Würzpaste und zwei Eier zum Hackfleisch. Knete alles gründlich durch. Wenn die Masse zu feucht oder „patschig“ ist, gib nach und nach Semmelbrösel hinzu, bis eine gute Bindung entsteht und die Masse nicht mehr an den Händen klebt. [03:54]

3. Den Kern vorbereiten: [04:27] Schneide den Käse in kleine Würfel. Nimm eine Scheibe Kochschinken, halbiere sie und wickle den Käse darin ein, sodass ein kompaktes, dichtes Paket entsteht. [05:13]

4. Fleischberliner formen: [05:41] Nimm eine Portion Hackfleisch (etwa die Größe eines Tennisballs) und forme eine Kuhle (wie einen Napf). Lege das Schinken-Käse-Paket hinein. Decke alles mit etwas mehr Hackfleisch ab und forme eine gleichmäßige, dichte Kugel. Achte darauf, dass keine Risse entstehen, damit der Käse später nicht ausläuft. [06:24]

5. Panieren: [07:01] Wälze die Fleischkugeln nacheinander in Mehl, dann in den verquirlten Eiern und zum Schluss im Panko-Mehl. Das Panko sorgt für die charakteristische Optik, die an Kokosraspeln erinnert.

6. Anbraten (Pfanne): [07:27] Erhitze Öl in einer Pfanne. Brate die Fleischberliner von beiden Seiten goldbraun an, bis die Panierung eine schöne Farbe hat. Der Kern muss hier noch nicht gar sein.

7. Fertigstellen (Indirekt): [08:48] Da die Kugeln sehr dick sind, müssen sie nachgegart werden.

  • Im Grill: Indirekt bei ca. 150 °C für etwa 45 Minuten garziehen lassen.

  • Im Backofen: Bei Umluft (ca. 150-160 °C) für die gleiche Zeit backen.

  • Tipp für Deinen Airfryer: Du kannst sie auch im Cosori Turboblaze fertig garen – hierbei die Temperatur evtl. auf 140-150 °C reduzieren und die Zeit beobachten, bis der Käse im Inneren geschmolzen ist.

Apfelkrapfen aus dem Airfryer

Zutaten :

  • 2 kleine Äpfel (Elstar oder Boskoop)
  • 1 Ei
  • 50 g Zucker
  • 1 Pck. Vanillezucker
  • 2 EL Joghurt
  • 100 g Mehl
  • 1 TL Backpulver
 
 

Zubereitung

Schritt 1: Äpfel vorbereiten

Äpfel sollten geschält und in winzige Stücke geschnitten oder grob gerieben werden. Drücken Sie überschüssige Flüssigkeit leicht aus, um zu verhindern, dass die Krapfen beim Backen zu matschig werden.

Schritt 2: Teig vorbereiten

Schlagen Sie das Ei zusammen mit Zucker, Vanillezucker und Joghurt schaumig. Nach diesem Schritt rühren Sie Mehl und Backpulver vorsichtig ein, bis sich ein glatter Teig bildet. Hebt die Apfelstücke nun vorsichtig unter, sodass sie gleichmäßig verteilt sind.

Schritt 3: Airfryer bereit machen

Geben Sie etwas Öl auf die Schale des Airfryers oder nutzen Sie eine Silikonform. Kleine Teigportionen setzen Sie mit zwei Löffeln als Häufchen ein. Dank der Silikonform bleibt der Krapfen nicht kleben und lässt sich leicht herausnehmen.

Schritt 4: Kuchen backen

Bei 170°C sollten Sie die Apfelkrapfen etwa 12–14 Minuten backen, bis sie goldbraun sind und aufgegangen sind. Überprüfen Sie den Bräunungsgrad zwischendurch, um ein Verbrennen zu verhindern.

Schritt 5: Anrichten

Lassen Sie die Krapfen kurz abkühlen und bestreuen Sie sie nach Wunsch mit Puderzucker. Sie schmecken am besten, wenn man sie warm serviert, können aber auch gut aufbewahrt und später genossen werden.

Darf serviert werden

  • Mit Puderzucker: Ein Klassiker und hübsch dekoriert.
  • Ob mit Apfelmus oder Vanillesoße: Für ein kleines Dessert-Fest.
  • Zum Frühstück: Mit einem Klecks Joghurt und frischen Beeren.

Top-Tipps für perfekte Apfelkrapfen

  • Greifen Sie zu Äpfeln, die eine leichte Säure haben – das passt perfekt zu dem süßen Teig.
  • Um zu verhindern, dass der Teig zu feucht wird, drücken Sie die geriebenen Äpfel gut aus.
  • Kleine Teighäufchen sind gleichmäßiger gebacken und schneller fertig.

Aufbewahren und Aufwärmen

  • Im Kühlschrank: 1–2 Tage in einem geschlossenen Behälter.
  • Aufwärmen: Kurz bei 160 °C im Airfryer oder 3–5 Minuten in der Mikrowelle. So behalten sie ihre Fluffigkeit.

Spiralkartoffeln aus dem Airfryer

Zutaten 

  • 4 große Kartoffeln festkochend
  • 2 EL Olivenöl
  • 1 TL Paprikapulver
  • 1/2 TL Knoblauchpulver
  • 1/2 TL Salz
  • 1/4 TL Pfeffer

 

Zubehör

  • 4 Holzspieße
  • 1 Spiralschneider 

 

Zubereitung

  1. Wasche die Kartoffeln und schäle sie nach Belieben. Stecke die Kartoffeln dann auf einen Holzspieß und drehe sie durch einen Spiralschneider. Ziehe die Kartoffelspirale eventuell vorsichtig etwas auseinander.
  2. Vermische Öl, Paprikapulver, Knoblauchpulver, Salz und Pfeffer in einer Schüssel miteinander.
  3. Pinsle die Spiralen mit der Ölmischung gründlich ein.
  4. Lege die Spieße nebeneinander in den Korb des Airfryers.
  5. Stelle den Airfryer auf 180 °C und gare die Spiralkartoffeln 15 bis 18 Minuten. Drehe sie nach der Hälfte der Zeit einmal um, damit sie gleichmäßig garen.
  6. Serviere sie anschließend noch warm mit einem Lieblingsdip.

Rotweinjus wie von Oma

 

Rotweinjus ist eine klassische, aromatische Sauce, die besonders zu Braten, Rind, Lamm oder Wild passt. Das Geheimnis einer richtig guten Rotweinjus liegt in der Geduld beim Reduzieren und in der Verwendung hochwertiger Zutaten. Hier kommt ein traditionelles Rezept, das an Omas Küche erinnert:


Zutaten:

  • 1 große Zwiebel (fein gewürfelt)
  • 1-2 Möhren (in kleine Würfel geschnitten)
  • 1 Stück Sellerie (optional, fein gewürfelt)
  • 2 EL Tomatenmark
  • 500 ml kräftiger Rotwein (z.B. Bordeaux, Merlot)
  • 500 ml Rinderfond oder Kalbsfond
  • 2 EL Butter (eiskalt, in Würfeln)
  • 1-2 TL Zucker
  • 1-2 Lorbeerblätter
  • 2 Zweige Thymian
  • Salz & frisch gemahlener Pfeffer

Zubereitung:

  1. Gemüse anrösten:
    Zwiebeln, Möhren und Sellerie in etwas Butter oder Öl in einem Topf kräftig anrösten, bis sie schön braun sind.
  2. Tomatenmark zugeben:
    Tomatenmark dazugeben und kurz mitrösten, bis es leicht karamellisiert.
  3. Mit Rotwein ablöschen:
    Mit etwa der Hälfte des Rotweins ablöschen und kräftig einkochen lassen. Diesen Vorgang 2-3 Mal wiederholen, damit sich die Aromen intensivieren.
  4. Fond und Gewürze:
    Rinder- oder Kalbsfond, Lorbeer und Thymian zugeben. Alles auf mittlerer Hitze langsam einkochen lassen, bis die Sauce deutlich reduziert und sämig ist (das kann 30-45 Minuten dauern).
  5. Abschmecken:
    Mit Salz, Pfeffer und Zucker abschmecken. Der Zucker rundet die Säure des Weins ab.
  6. Passieren:
    Die Sauce durch ein feines Sieb passieren, damit sie schön klar wird.
  7. Montieren:
    Die eiskalte Butter in kleinen Stücken unter die heiße, aber nicht mehr kochende Sauce rühren, bis sie glänzt und leicht bindet.

Omas Geheimtipps:

  • Geduld beim Reduzieren: Je länger die Sauce einkocht, desto intensiver wird der Geschmack.
  • Eiskalte Butter: Die Butter erst ganz zum Schluss einrühren und die Sauce nicht mehr kochen lassen, damit sie schön glänzt und nicht gerinnt.
  • Optional: Wer mag, kann noch einen Schuss Portwein oder einen Spritzer Balsamico für mehr Tiefe zugeben.

Serviertipp:
Rotweinjus passt perfekt zu Rinderbraten, Rinderfilet, Lamm oder Wild. Auch zu festlichen Gerichten wie Gänsebraten ein Genuss!

Gutes Gelingen und guten Appetit – wie bei Oma!

Steffen Hensslers saftige Frikadellen

https://youtu.be/pFTXOno58t0%3Fsi%3DvIRMSiGodXSCE5_C

Dieses Rezept besticht durch seine besondere Saftigkeit und Fluffigkeit, die durch eingeweichtes Toastbrot und eine geheime Würzmischung erreicht wird.

Zutaten:

  • Fleisch: 400 g gemischtes Hackfleisch (Schwein und Rind) [02:45]
  • Brot: 2–3 Scheiben Toastbrot [09:17]
  • Gemüse & Kräuter: 1 weiße Zwiebel, ½ Bund krause Petersilie, 2–3 Zweige Bohnenkraut [09:24]
  • Bindung: 1 Ei, ca. 100 ml Milch [02:45], [02:01]
  • Gewürze: 1–2 EL Senf (gerne grobkörnig für mehr Power), Salz, Pfeffer [02:55]
  • „Geheimzutaten“: Ein Spritzer Sojasauce oder flüssige Würzkraft (z.B. Hensslers Würzkraft oder Maggi) [03:21]
  • Zum Braten: Bratöl, 2 große Flocken Butter [01:40]

Zubereitung:

  1. Vorbereitung der Aromen: Halbiere die Zwiebel und schneide sie in sehr feine Würfel. Schneide die Rinde vom Toastbrot ab und hacke diese fein. Erhitze etwas Bratöl in einer Pfanne und röste die Zwiebelwürfel zusammen mit der Brotrinde an [00:53]. Hacke die Petersilie (mit Stielen) und das Bohnenkraut fein und gib beides zusammen mit einer Flocke Butter in die Pfanne, bis alles schön glasig und aromatisch ist [01:40].
  2. Brot einweichen: Schneide das restliche Toastbrot (ohne Rinde) in Würfel, gib es in eine Schüssel und übergieße es mit der Milch. Drücke es leicht an, damit es sich voll saugt [02:01].
  3. Die Hackmasse mischen: Gib das Hackfleisch in eine Schüssel. Füge die geröstete Zwiebel-Brot-Mischung, das Ei, den Senf, Salz, Pfeffer und die Würzkraft/Sojasauce hinzu [03:12]. Nimm das eingeweichte Toastbrot aus der Milch (nicht zu stark ausdrücken, damit es saftig bleibt) und gib es ebenfalls dazu [03:41]. Vermenge alles gründlich und lass die Masse 10 Minuten ziehen [04:01].
  4. Formen: Feuchte deine Hände mit Wasser an (so wird die Oberfläche schön glatt). Forme aus der Masse etwas dickere Frikadellen – sie sollten nicht so flach wie Burger-Patties sein, sondern kompakt und cremig ohne Risse [04:16].
  5. Braten: Erhitze reichlich Fett (Öl und die zweite Flocke Butter) in der Pfanne. Brate die Frikadellen bei mittlerer Hitze ca. 10 Minuten lang. Übergieße sie währenddessen immer wieder mit dem heißen Fett aus der Pfanne (Arosieren), damit sie gleichmäßig garen und saftig bleiben [07:03].

Superzartes saftiges Gulasch

  • 800 g Rindergulasch
  • 800 g Zwiebeln
  • 1 Paprika
  • 2 EL Butterschmalz
  • 2 EL Paprika edelsüß
  • 3 EL Rotweinessig
  • 2 Lorbeerblätter
  • Schwarzer Pfeffer nach Geschmack
  • 3 Knoblauchzehen
  • 2 EL Tomatenmark, 3-fach konzentriert
  • 400 ml Fleischbrühe
  1. Die Zwiebeln schälen und mittel grob  würfeln
  2. In einer hohen Pfanne das Butterschmalz erhitzen, Paprika rösten und entnehmen. Das Fleisch kurz scharf anbraten. Anschließend die Zwiebelwürfel bei schwacher Hitze 5–10 Min. schmoren. Gelegentlich umrühren. Das Tomatenmark mit schmoren.
  3. Knoblauch schälen und fein hacken
  4. In einer Schüssel das Paprikapulver, den Essig und die Fleischbrühe verrühren und zu den Zwiebeln in den Topf geben
  5. Nun die Lorbeerblätter und den Knoblauch dazugeben.
  6. Salzen, pfeffern, alles in den Römertopf umfüllen, den Deckel auflegen und 3–4 Stunden bei 200 Grad Ober-/Unterhitze im Römertopf schmoren lassen
  7. Evtl. nachwürzen, mit Crème fine verfeinern und servieren.

Airfryer-Brot mit Rosmarin

Zutaten 

  • 250 g Weizenvollkornmehl
  • 200 g Weizenmehl Type 405
  • 50 g Haferflocken
  • 2 TL Backpulver
  • 1 TL Salz
  • 4 Rosmarinzweige
  • 1 Ei
  • 150 ml Milch
  • 150 ml Buttermilch
  • 100 g Käse z. B. Cheddar + etwas mehr zum Bestreuen
  • 1 TL Olivenöl

Zubereitung

  1. Vermenge beide Mehlsorten mit den Haferflocken und dem Backpulver in einer großen Schüssel. Füge einen gestrichenen Teelöffel Salz hinzu.
  2. Zupfe den Rosmarin ab, hacke ihn fein und mische ihn unter.
  3. Drücke eine Mulde in die Mehlmischung. Schlage das Ei hinein und gieße die Milch sowie Buttermilch dazu. Verrühre alles mit einer Gabel und arbeite nach und nach das Mehl vom Rand ein. Verknete den Teig gleichmäßig mit den Händen.
  4. Schneide den Käse in kleine Würfel und mische ihn gleichmäßig unter den Teig. Forme mit leicht eingeölten Händen einen runden Fladen von etwa 3 cm Dicke. Bestreue ihn mit Haferflocken sowie ein wenig klein geschnittenem Käse und drücke beides sanft in die Oberfläche. Schneide den Teig sonnenförmig ein.
  5. Lege den Teigfladen dann vorsichtig direkt in den Korb deines Airfryers oder in eine Brotbackform und backe ihn für 30 Minuten bei 180 °C, bis er aufgeht und leicht gebräunt ist. Prüfe, ob das Brot fertig ist, indem du auf die Unterseite klopfst – es sollte hohl klingen.
  6. Lass das Airfryer-Brot zum Schluss kurz auf einem Kuchengitter abkühlen, bevor du es anschneidest.

Windows 11: Kioskmodus einrichten

Sie wollen, etwa zur Präsentation, einen PC mit Windows 11 nutzen, auf dem nur eine Anwendung läuft? Dann ist der Kioskmodus genau richtig.

Einstellungen öffnen

In dieser Betriebsart startet der Computer nur eine Anwendung im Vollbildmodus mit einem eingeschränkten Benutzerkonto. Somit kann ohne Weiteres niemand auf den Desktop zugreifen oder die Konfiguration ändern. Ideal also zum Beispiel für Demos, die ungestört ablaufen sollen.

Um den Kioskmodus zu aktivieren, rufen Sie als Erstes die Einstellungen auf. Dazu können Sie das Kontextmenü nutzen, das nach einem Rechtsklick auf den Start-Button erscheint. Am schnellsten gelingt das Ganze aber, indem Sie die Windows-Taste + i drücken.

Kiosk einrichten

Wechseln Sie nun linker Hand zur Rubrik Konten. Weiter geht es im rechten Bereich des Fensters, wo Sie den Punkt Familie & andere Benutzer auswählen. Im folgenden Dialog scrollen Sie nach unten bis zum Abschnitt Kiosk einrichten. Darunter klicken Sie auf die Schaltfläche Los geht’s.

Ein Assistent führt danach durch das weitere Setup. Zunächst werden Sie aufgefordert, einen Namen für das Kiosk-Benutzerkonto anzugeben. Sie können zwar auch einen vorhandenen Account verwenden, es empfiehlt sich aber zur besseren Trennung ein separater User-Name, etwa Kiosk-Browser.

Nach einem Klick auf den Weiter-Button müssen Sie die Anwendung für den Kioskmodus angeben, zum Beispiel den Edge-Browser. Je nach ausgewählter App stehen im nächsten Dialog verschiedene Optionen für den Modus der Anwendung zur Verfügung. Microsoft Edge etwa lässt sich für die Anzeige einer Website im Vollbildmodus oder als öffentlicher Browser mit eingeschränktem Funktionsumfang konfigurieren.

Wenn Sie sich für erstere Option entschieden haben, geben Sie dann die URL ein, die der Browser automatisch laden soll. Über das Pulldown-Menü darunter haben Sie die Möglichkeit, festzulegen, ob die App nach einer gewissen Zeit der Inaktivität neu gestartet werden soll.

Haben Sie alles nach Ihren Wünschen konfiguriert, klicken Sie auf den Weiter-Button. Danach beenden Sie den Assistenten per Klick auf Schließen. Wenn Sie nun den Rechner neu booten, meldet sich das eingerichtete Kiosk-Konto automatisch an und startet die festgelegte Anwendung.

Mit der Tastenkombination Strg + Alt + Entf können Sie den Kioskmodus beenden. Anschließend landen Sie beim Login-Bildschirm, auf dem Sie eines der auf dem Computer vorhandenen Benutzerkonten auswählen und sich nachfolgend damit anmelden können.

Produkte: Der Trick funktioniert mit Windows 11, Version 21H2. In anderen Versionen kann die Vorgehensweise abweichen.

Windows 11 – Kioskmodus einrichten

Windows 11, Version 21H2
Windows 11, Version 21H2

Um den Kioskmodus zu aktivieren, rufen Sie zunächst die Einstellungen auf, etwa per Rechtsklick auf den Start-Button.

Windows 11, Version 21H2
Windows 11, Version 21H2

Dann navigieren Sie auf der linken Seite zur Rubrik „Konten“.

Windows 11, Version 21H2
Windows 11, Version 21H2

Wählen Sie nun im rechten Fensterbereich den Punkt „Familie & andere Benutzer“.

Windows 11, Version 21H2
Windows 11, Version 21H2

Auf der folgenden Dialogseite scrollen Sie bis zum Abschnitt „Kiosk einrichten“ und klicken darunter auf die Schaltfläche „Los geht’s“.

Windows 11, Version 21H2
Windows 11, Version 21H2

Ein Assistent startet und fordert Sie im ersten Schritt auf, einen Namen für den Kiosk-Account anzugeben.

Windows 11, Version 21H2
Windows 11, Version 21H2

Danach legen Sie die Kiosk-App fest, die automatisch starten soll, zum Beispiel wie hier zu sehen Microsoft Edge.

Windows 11, Version 21H2
Windows 11, Version 21H2

Je nach ausgewählter Anwendung sind verschiedene Optionen für den genauen App-Modus verfügbar, etwa zur Anzeige im Vollbildmodus.

Windows 11, Version 21H2
Windows 11, Version 21H2

Wenn Sie einen Browser als Kiosk-App gewählt haben, tragen Sie die URL ein, die automatisch geladen werden soll. Zudem lässt sich festlegen, ob die App nach einer bestimmten Zeit der Inaktivität neu gestartet werden soll.

Windows 11, Version 21H2
Windows 11, Version 21H2

Die Einrichtung des Kioskmodus ist damit beendet, und Sie können den Dialog schließen.

Windows 11, Version 21H2
Windows 11, Version 21H2

Nach einem Neustart wird automatisch die Anwendung mit den festgelegten Optionen geöffnet.

Windows 11, Version 21H2
Windows 11, Version 21H2

Wenn Sie die Tastenkombination „Strg + Alt + Entf“ drücken, können Sie den Kioskmodus wieder verlassen und sich mit einem anderen Konto auf dem PC anmelden.

🍽️ Omas schnelle Bratensoße in 25 Minuten

Diese klassische Bratensoße ist die perfekte Begleitung für Fleischgerichte aller Art. Sie ist schnell zubereitet und schmeckt wie selbstgemacht, ganz ohne langes Einkochen und unnötige Zusatzstoffe.

VorbereitungZubereitungGesamtzeit
5 Minuten20 Minuten25 Minuten

Zutaten

  • 1 Zwiebel (mittelgroß)
  • 1-2 Knoblauchzehen
  • 2 EL Butter (oder Margarine für eine vegane Variante)
  • 2 EL Mehl (glatt)
  • 1 EL Tomatenmark
  • 100 ml Rotwein (trocken)
  • 500 ml Gemüsebrühe (oder Fleischbrühe, am besten selbst gemacht oder ohne Zusätze)
  • 1 Lorbeerblatt
  • ½ TL Knoblauchgranulat
  • ½ TL Zwiebelgranulat
  • ½ TL Paprikapulver (edelsüß oder geräuchert, je nach Geschmack)
  • ¼ TL Chiliflocken (optional, für eine pikante Note)
  • Salz und frisch gemahlener Pfeffer zum Abschmecken

👩‍🍳 Zubereitung

  1. Vorbereitung: Schäle die Zwiebel und den Knoblauch und hacke beides fein. Stelle alle weiteren Zutaten griffbereit.
  2. Zwiebeln anschwitzen: Lasse die Butter (oder Margarine) in einem Topf bei mittlerer Hitze schmelzen. Gib die gehackten Zwiebelstücke dazu und schwitze sie an, bis sie glasig sind.
  3. Röstaromen erzeugen: Füge den gehackten frischen Knoblauch, das Knoblauchgranulat, Zwiebelgranulat, Paprikapulver und optional die Chiliflocken hinzu. Röste alles nur so lange mit, bis es duftet (ca. 30-60 Sekunden). Achtung: Die Gewürze und der Knoblauch verbrennen leicht.
  4. Einmehlen und Tomatenmark rösten: Rühre das Mehl in den Topf ein und vermenge es gut mit der Zwiebel-Knoblauch-Mischung (es entsteht eine sogenannte Mehlschwitze oder Roux). Gib anschließend das Tomatenmark dazu und lasse es kurz karamellisieren (ca. 1 Minute), bevor du es mit der Mehlschwitze vermengst. Das sorgt für eine intensivere Farbe und einen besseren Geschmack.
  5. Ablöschen und Köcheln lassen: Lösche die Zutaten mit dem Rotwein ab und lasse ihn kurz einkochen. Gieße dann die Gemüsebrühe auf und gib das Lorbeerblatt hinzu.
  6. Kochen und Abschmecken: Lasse die Soße bei sanfter Hitze und geschlossenem Deckel etwa 15 Minuten köcheln. Nimm den Topf vom Herd, entferne das Lorbeerblatt und schmecke die Soße mit Salz und Pfeffer ab.
  7. Pürieren (optional): Wenn du eine besonders feine Soße wünschst, kannst du sie jetzt mit einem Pürierstab pürieren.

✨ Tipps für die perfekte Soße

  • Vorbereitung ist alles: Koche die Bratensoße schon am Vortag! Sie lässt sich wunderbar aufwärmen und die Aromen können über Nacht noch besser durchziehen.
  • Vegan/Vegetarisch: Ersetze die Butter einfach durch Margarine und nutze ausschließlich Gemüsebrühe.
  • Tiefere Farbe/Geschmack: Das kurze Rösten (Karamellisieren) des Tomatenmarks ist essenziell für einen intensiveren Geschmack und eine schöne Farbe. Achte darauf, dass es nicht zu lange röstet, um Bitterkeit zu vermeiden.
  • Alternative zum Pürieren: Wenn du keine Stücke in der Soße möchtest, aber nicht pürieren willst, kannst du die Zwiebeln und den Knoblauch nach dem Kochen auch durch ein feines Sieb passieren.
  • Pikante Note: Du liebst es pikant! Nutze hochwertiges Paprikapulver, z.B. Pimentón de la Vera (geräuchertes Paprikapulver), oder füge einen Hauch Cayennepfeffer hinzu, um deine Vorliebe für die mediterrane Küche zu betonen.

Röstzwiebel aus dem Airfryer

Röstzwiebeln sind in Fett oder Öl gebratene bzw. frittierte Zwiebeln, meist in Form von feinen Ringen oder Streifen, die knusprig-goldbraun werden und als Topping für herzhafte Gerichte dienen.

Was Röstzwiebeln sind

Röstzwiebeln entstehen, indem rohe Zwiebelringe in Fett bei relativ hoher Hitze gebraten oder frittiert werden, bis sie knusprig sind; oft werden sie vorher in Mehl gewendet, damit sie besser bräunen und kross werden. In der schwäbischen und Wiener Küche sind sie eine klassische Beilage zu Gerichten wie Zwiebelrostbraten oder als Krönung auf Kartoffelpüree und Spätzle.

Verwendung in der Küche

Typische Einsatzgebiete sind Käsespätzle, Kartoffelpüree, Burger, Hotdogs und Braten, wo sie für Röstaroma, Textur und eine leichte Süße sorgen. Sie passen auch gut zu Suppen, Aufläufen, asiatischen Gemüsepfannen oder einfach als knuspriges Topping auf Brot mit Schmalz oder Butter.

Einfaches Grundrezept

Für ein einfaches Rezept schälst du Zwiebeln, schneidest sie in feine Ringe, wendest sie in etwas Mehl und Salz und frittierst sie in heißem Öl oder Butterschmalz, bis sie gleichmäßig goldbraun sind. Anschließend lässt du sie auf Küchenpapier abtropfen; luftdicht verpackt und kühl gelagert bleiben sie noch einige Tage bis etwa 1–2 Wochen knusprig.

Grundprinzip im Airfryer

Im Airfryer brauchst du im Kern dasselbe Setup wie in der Pfanne: fein geschnittene Zwiebeln, etwas Mehl und ein wenig Öl für Bräunung und Knusprigkeit. Wichtig sind dünne Ringe/Scheiben, genügend Luftzirkulation (nicht zu voll schichten) und zwischendurches Schütteln oder Wenden, damit nichts zusammenklebt und gleichmäßig bräunt.

Einfaches Praxis‑Rezept

  • Zwiebeln schälen, in sehr feine Ringe (ca. 2–3 mm) schneiden und in einer Schüssel lockern.
  • 1–2 EL Mehl mit Salz, ggf. Paprika/Knoblauch mischen, über die Zwiebeln geben und gut vermengen, bis alles leicht mehlig überzogen ist.
  • 1–3 EL neutrales Öl zugeben, alles gründlich mischen, sodass die Zwiebeln dünn benetzt sind, aber nicht „baden“.
  • Airfryer auf 160–180 °C vorheizen, Zwiebeln in einer möglichst dünnen Schicht in den Korb geben.
  • Je nach Gerät und Menge etwa 10–20 Minuten garen: nach 4–5 Minuten und dann alle paar Minuten Korb kräftig schütteln bzw. umrühren, bis sie goldbraun und knusprig sind.
  • Auf Küchenpapier kurz abkühlen lassen; beim Abkühlen werden sie noch etwas krosser.

Tipps, damit sie wirklich knusprig werden

Für Vorrat: komplett auskühlen lassen und luftdicht trocken lagern, dann bleiben sie mehrere Tage kross.

Nicht zu dick schneiden und den Korb nicht überladen, sonst werden sie weich statt knusprig.

Wenn sie außen schon gut braun, innen aber noch leicht weich sind, Temperatur etwas senken und ein paar Minuten länger laufen lassen, statt einfach heißer zu stellen.

Kabeljau-Schlemmerfilet à la Bordelaise aus dem Airfryer & Dillsauce

Zutaten

  • 400–500 g Kabeljaufilet (frisch oder aufgetaut), möglichst dicke Stücke.
  • 40 g weiche Butter oder Kräuterbutter.
  • 2–3 EL Semmelbrösel oder Panko.
  • 2 EL gehackte Kräuter (z. B. Petersilie, Dill, Schnittlauch oder TK-Kräutermischung).
  • 1 kleine Knoblauchzehe, fein gehackt oder gepresst (optional).
  • 2 EL frisch geriebener Parmesan (optional, gibt extra Würze).
  • 1–2 TL Zitronensaft.
  • Salz und Pfeffer.
  • Etwas Öl zum Einfetten oder ein Stück Backpapier für den Airfryer-Korb.

Vorbereitung

  1. Kabeljau trocken tupfen, evtl. noch vorhandene Gräten entfernen, dann mit Salz, Pfeffer und Zitronensaft würzen und kurz beiseitestellen.
  2. Airfryer auf 180–190 °C vorheizen (Programm „Air Fry“ oder ähnlich).
  3. Korb oder Airfryer-Blech mit etwas Öl einfetten oder mit hitzebeständigem Backpapier auslegen, damit der Fisch nicht klebt.

Kräuterkruste / Bordelaise-Masse

  1. Weiche Butter/Kräuterbutter mit Semmelbröseln/Panko, Kräutern, Knoblauch, Parmesan (falls verwendet), einer Prise Salz und Pfeffer zu einer formbaren, feuchten Masse verrühren.
  2. Wenn die Masse zu trocken ist, noch etwas Butter oder einen Spritzer Öl zugeben; wenn sie zu weich ist, etwas mehr Brösel einarbeiten, bis sie wie ein weicher Streusel-/Teig wirkt.

Garen im Airfryer

  1. Gewürzte Kabeljaufilets in den Korb legen; sie sollten sich möglichst nicht überlappen.
  2. Kräuterbrösel-Masse gleichmäßig und relativ dick auf die Oberseite der Filets drücken, sodass sie gut haften.
  3. Bei 180–190 °C etwa 12–18 Minuten garen, je nach Dicke der Filets und Gerät:
    • Dünnere Filets (ca. 2 cm): ab ca. 10–12 Minuten prüfen.
    • Dickere Filets (3–4 cm): eher 15–18 Minuten.
  4. Der Fisch ist gar, wenn er sich leicht in Lamellen teilen lässt und innen nicht mehr glasig ist; Kerntemperatur etwa 62–65 °C.
  5. Für extra knusprige Kruste die Temperatur in den letzten 2–3 Minuten auf 190–200 °C erhöhen, sofern dein Airfryer das erlaubt.

Serviervorschläge

  • Klassisch dazu passen Salzkartoffeln oder Kartoffelpüree und ein grüner Salat oder Rahmspinat.
  • Für eine leichtere Variante kannst du den Fisch mit Ofengemüse oder Reis und Zitronenspalten servieren.

Wenn du möchtest, kann das Rezept auch auf TK-Kabeljau angepasst werden (Garzeit etwas verlängern und zunächst ein paar Minuten ohne Kruste an- oder auftauen lassen).

Dillsauce

Eine klassische, cremige Dillsauce passt super zu Lachs, Kabeljau oder Forelle und ist schnell gemacht. Hier ein einfaches Grundrezept für ca. 4 Portionen:

Zutaten

  • 40 g Butter
  • 40 g Mehl
  • 200 ml Milch
  • 250 ml Gemüsebrühe (oder Fisch-/Geflügelfond)
  • 1 Bund frischer Dill, fein gehackt (ca. 20–25 g)
  • 1 TL Senf oder etwas Sahne-Meerrettich (optional, für mehr Würze)
  • 1–2 EL Zitronensaft oder etwas Zitronenabrieb
  • Salz, Pfeffer

Zubereitung

  1. Butter in einem Topf schmelzen, Mehl einrühren und 2–3 Minuten bei mittlerer Hitze anschwitzen, bis eine helle Mehlschwitze entsteht.
  2. Unter Rühren erst die Milch, dann die Brühe nach und nach zugeben, damit keine Klümpchen entstehen; einige Minuten leicht köcheln lassen, bis die Sauce sämig wird.
  3. Senf oder Sahne-Meerrettich einrühren (falls verwendet) und mit Salz, Pfeffer und Zitrone abschmecken.
  4. Ganz zum Schluss den fein gehackten Dill unterheben, nur noch kurz ziehen lassen, nicht mehr stark kochen, damit der Dill schön grün bleibt.

Tipps

  • Für eine leichtere Variante kannst du einen Teil der Milch durch Wasser ersetzen oder weniger Butter verwenden.
  • Glutenfrei: Mehlschwitze weglassen, Sauce nur aus Milch/Brühe kochen und mit in kaltem Wasser angerührter Speisestärke andicken, dann Dill zugeben.

Salatdressings: Französische Vinaigrette, Amerikanisches Ranch Dressing, Balsamico Dressing & Mango Dressing

1. Französische Vinaigrette (Wini)

Die Vinaigrette ist ein Klassiker und besteht im Grunde aus einer Emulsion von Essig und Öl.

Zubereitung

  1. Vorbereitung [01:10]:
    • Für eine „Schalotten-Vinaigrette“ kleine Schalottenstückchen hacken und in ein Glas oder eine Schüssel geben.
    • Ein Emulgator hinzufügen, beispielsweise Senf.
  2. Mischen der flüssigen Zutaten [01:19]:
    • Essig (z.B. Weißweinessig) oben drauf geben.
    • Einen Schuss Wasser hinzufügen, um den Essig abzumildern, damit er nicht zu stark ist.
  3. Würzen [01:24]:
    • Mit Salz, Pfeffer und etwas Zucker würzen.
  4. Öl hinzufügen [01:28]:
    • Die vierfache Menge Öl im Verhältnis zum Essig einfüllen (Grundverhältnis 4:1).
    • Es wird eine Mischung aus hochwertigen Salatspeiseölen empfohlen (z.B. Olivenöl und Lein-/Walnussöl).
  5. Emulgieren [01:57]:
    • Das Glas verschließen und kräftig schütteln, bis sich die Zutaten zu einem Dressing mit einer schönen Viskosität verbunden haben.

2. Amerikanisches Ranch Dressing

Ein cremiges Dressing, das durch seine Konsistenz auch hervorragend als Dip (z.B. für Fries oder Chicken Wings) oder Burgersoße dienen kann.

Zutaten

  • Mayonnaise
  • Buttermilch
  • Sauerrahm (oder Schmand)
  • Frische Kräuter: Dill, Petersilie, Schnittlauch
  • Getrocknete Gewürze: Knoblauchgranulat/Pulver, Zwiebelpulver
  • Gewürze: Geräuchertes Paprikapulver, MSG (Geschmacksverstärker, optional), Salz, Pfeffer, Zitronensaft

Zubereitung

  1. Basis mischen [02:46]:
    • Die Basis wird im Verhältnis 1:1:1 gemischt: Mayonnaise zu Buttermilch zu Sauerrahm.
    • Tipp: Wenn Sie das Dressing dicker als Dip haben möchten, sparen Sie mit der Buttermilch [04:32].
  2. Kräuter und Aromen hinzufügen [03:04]:
    • Frische Kräuter (Dill, Petersilie, Schnittlauch) hacken und hinzufügen. (Alternativ können auch getrocknete oder gefrorene Kräuter verwendet werden [03:11]).
  3. Würzbasis [03:28]:
    • Zwiebelpulver und Knoblauchgranulat/Pulver hinzufügen, da dies für den authentischen Original-Ranch-Geschmack sorgt.
  4. Geschmacks-Boost (optional) [04:00]:
    • Für mehr Geschmack ein bisschen geräuchertes Paprikapulver und eine kleine Prise MSG (Zauberpulver) hinzufügen.
  5. Finales Abschmecken [04:15]:
    • Final mit Salz, frisch gemahlenem Pfeffer und etwas Zitronensaft (für die Säure, geht auch mit Apfelessig) würzen.
  6. Ziehen lassen [04:41]:
    • Das Dressing sollte idealerweise mindestens 2-4 Stunden, am besten aber über Nacht im Kühlschrank stehen gelassen werden, damit sich die Aromen (insbesondere die getrockneten Gewürze) entfalten können.

3. Balsamico Dressing

Dieses Dressing liefert die klassischen Geschmäcker eines Salats beim „guten Italiener“.

Zubereitung

  1. Vorbereitung [05:09]:
    • Klein geschnittene Schalottenwürfel in ein Glas oder eine Schüssel geben.
  2. Zutaten hinzufügen [05:22]:
    • Frische Kräuter (z.B. Thymian oder Rosmarinblätter) abstreifen und hinzugeben.
    • Zwei Teelöffel groben Senf hinzufügen (sorgt für eine schöne Struktur).
    • Balsamico Essig (keine zuckerhaltige, reduzierte Crema verwenden) hinzugeben.
  3. Würzen und Abschmecken [05:51]:
    • Mit Salz und frisch gemahlenem Pfeffer würzen.
    • Für die Süße passt Honig hervorragend.
  4. Öl hinzufügen [05:59]:
    • Eine Mischung aus Olivenöl und Salatöl (z.B. 50/50) einfüllen.
  5. Emulgieren [06:03]:
    • Das Gefäß verschließen und schütteln, bis das Dressing emulgiert ist.

4. Mango Dressing

Ein fruchtiges, leichtes und angenehmes Dressing für warme Sommertage, das eine sommerliche Säurekomponente liefert.

Zubereitung

  1. Mango vorbereiten [06:22]:
    • Eine reife Mango schälen und das Fruchtfleisch vom Kern lösen.
    • Das Fruchtfleisch in kleine Stücke schneiden und in ein hohes Gefäß geben.
    • Tipp: Andere Früchte wie Himbeeren, Ananas oder Erdbeeren können ebenfalls verwendet werden [07:16].
  2. Säure und Süße [07:25]:
    • Den Saft einer ganzen Zitrone (oder mehrere Zitronen, je nach Menge) hinzufügen.
    • Einen Teelöffel Honig (da die Mango im besten Fall schon süß ist) hinzufügen.
  3. Würzen [07:51]:
    • Ein bis zwei Teelöffel Senf hinzufügen.
    • Mit frisch gemahlenem Pfeffer und einer Prise Salz würzen.
  4. Pürieren [07:59]:
    • Die Grundmasse mit einem Stabmixer oder Standmixer pürieren.
  5. Öl einarbeiten [08:08]:
    • Nach und nach Öl (z.B. Salatöl) unter das pürierte Fruchtmus geben, um die Emulsion herzustellen.
  6. Optionaler Crunch [08:12]:
    • Für einen farblichen Kontrast und Crunch können Blaumohnsamen hinzugefügt werden.

Saucen Guide: Béchamelsauce, Beurre Blanc (weiße Buttersauce), Tomatensauce, Kräutersauce / Salsa & Sauce Hollandaise

1. Béchamelsauce (Die Basis-Sauce)

Die Béchamelsauce ist eine einfache Grundsauce, die als Basis für Aufläufe (Gratin), Lasagne, Käsesauce (Sauce Mornay) oder Senfsauce dient.

Zutaten

  • Ca. 80 g Butter
  • Mehl (Menge wird nach und nach eingerührt)
  • Sahne (alternativ Milch, im Video wird Sahne verwendet)
  • Gewürze/Aromaten: Zwiebel, Nelke, Lorbeerblatt
  • Zum Abschmecken: Salz, frisch gemahlener weißer Pfeffer

Zubereitung

  1. Aromaten ziehen lassen [01:06]:
    • Die Zwiebel in Würfel schneiden (anstatt die klassische Methode der gespickten Zwiebel zu verwenden).
    • Die Zwiebeln mit etwas Butter in einem Topf bei kleiner Hitze glasig andünsten.
    • Kurz bevor die Zwiebeln Farbe annehmen, die Sahne (oder Milch) angießen.
    • Die Aromaten (Nelke und Lorbeerblatt) hinzufügen [01:36].
    • Die Hitze ausschalten und die Sahne nur durchziehen lassen (nicht kochen).
  2. Mehlschwitze (Roux) herstellen [01:46]:
    • In einem zweiten Topf bei niedriger Hitze ca. 80 g Butter schmelzen.
    • Nach und nach Mehl einrühren, bis die Mischung immer dicker wird. Wichtig: Achten Sie darauf, dass die Mehlschwitze nicht zu dunkel wird.
  3. Binden der Sauce [01:57]:
    • Kurz bevor die Mehlschwitze dunkler wird, die aromatisierte Sahne dazugeben (entweder die Aromaten vorher entfernen oder die Flüssigkeit durch ein Sieb gießen).
    • Die Sahne Stück für Stück unter die Mehlschwitze mischen, damit das Mehl die Flüssigkeit aufnehmen kann.
    • Die Sauce bei niedriger Hitze leicht köcheln lassen [02:17]. Dadurch verschwindet der rohe Mehlgeschmack und die Sauce wird runder, samtiger und dickt nach und nach an.
  4. Abschmecken [02:31]:
    • Die Sauce mit Salz und frisch gemahlenem weißem Pfeffer würzen (weißer Pfeffer, damit die Sauce schön hell/weiß bleibt).

Ableitungen der Béchamelsauce

  • Sauce Mornay (Käsesauce) [03:05]:
    • Béchamelsauce in einen Topf geben.
    • Käse nach Wahl (z.B. Blauschimmelkäse, Bergkäse) in der Béchamelsauce schmelzen.
  • Senfsauce [03:37]:
    • Etwas Senf und einen Hauch Kurkuma für die Farbe hinzufügen.
  • Sauce Aurore (Tomaten-Béchamelsauce) [03:50]:
    • Ein wenig Tomatenpüree in die Béchamelsauce einarbeiten.

2. Beurre Blanc (Weiße Buttersauce)

Die Beurre Blanc ist eine emulgierte Buttersauce, die zu Fisch oder Gemüse serviert wird.

Zubereitung

  1. Reduktion herstellen [04:48]:
    • In einem Topf Schalotten oder Zwiebeln anbraten, bis keine Flüssigkeit mehr vorhanden ist.
  2. Emulgieren [04:59]:
    • Viel kalte Butter in die Reduktion geben, um den Topfinhalt herunterzukühlen.
    • Die Butter langsam einarbeiten, um Fett und Wasser aus der Reduktion und der Butter zu emulgieren. Dies ergibt eine cremige, volle Sauce. Wichtig: Die Sauce darf nicht kochen, da sich sonst die Butter trennt [05:04].
  3. Abschmecken [05:30]:
    • Mit Pfeffer, etwas Zucker (gleicht die Säure aus) und Salz würzen.
  4. Fertigstellen [05:39]:
    • Die Zwiebeln absieben.

Tipps zur Stabilisierung

  • Etwas Brühe (Hühnerbrühe, Fischfond) einarbeiten [06:04].
  • Etwas Crème fraîche oder Crème double einarbeiten (wird dann zur Sauce Nantaise).
  • Frische Kräuter (z.B. Kerbel, Petersilie) hacken und unterheben [06:21].

3. Tomatensauce

Eine gute Grund-Tomatensauce, ideal für Pasta.

Zubereitung

  1. Vorbereitung [08:00]:
    • Olivenöl in einem Topf erhitzen (gutes, nicht natives Olivenöl).
    • Zwiebeln glasig dünsten.
    • Knoblauch hinzufügen [08:43].
  2. Rösten [08:48]:
    • Tomatenmark mit anrösten (für Umami und intensiven Tomatengeschmack).
  3. Kochen [09:12]:
    • Dosentomaten hinzufügen (z.B. Kirschtomaten oder San Marzano Tomaten).
    • Einen Kräuterstrauß (z.B. Oregano, Basilikum, Thymian, Rosmarin) zusammenbinden und in die Sauce geben [09:37].
    • Die Sauce auf niedriger Hitze für mindestens 30 Minuten köcheln lassen [09:50].
  4. Abschmecken [10:05]:
    • Mit Salz, Pfeffer und einer Prise Zucker (gegen die Tomatensäure) abschmecken.
  5. Pürieren (optional) [10:22]:
    • Um eine schöne rote Farbe zu behalten, die Sauce durch eine Flotte Lotte passieren (drückt die Sauce durch, ohne sie zu mixen und orange zu machen) [10:30]. Die Tomatenschalen bleiben zurück [10:59].

4. Kräutersauce / Salsa (Freestyle)

Eine frische, vielseitige Sauce, die zu gegrilltem Fleisch (z.B. Rib-Eye) passt.

Zubereitung

  1. Speck auslassen (optional für Crunch) [12:07]:
    • Geschnittenen Speck in Würfel schneiden und bei niedriger Hitze langsam auslassen, bis er knusprig ist (das Fett beiseite stellen).
  2. Lauch angrillen [12:25]:
    • Frühlingszwiebeln (Lauch) grob schneiden.
    • Den Lauch über dem Feuer (oder in einer Pfanne) angrillen, bis er leicht verbrannte Stellen hat.
  3. Kräuter vorbereiten [13:08]:
    • Frische Kräuter (z.B. Petersilie, Kerbel, Estragon) fein hacken.
  4. Mischen [13:29]:
    • Alle Zutaten in eine Schüssel geben:
      • Fein gehackte Kräuter
      • Knoblauch
      • Frisch gehackte Tomate
      • Saft und Abrieb von Zitrone
      • Grobes Meersalz, frisch gemahlener Pfeffer
      • Gutes Olivenöl
      • Etwas von dem ausgelassenen Speckfett (falls verwendet) [13:40].
    • Den knusprig gehackten Speck oder geröstete Kerne (z.B. Sonnenblumenkerne, Erdnüsse) hinzufügen [14:04].

5. Sauce Hollandaise

Eine emulgierte Buttersauce, die zu Spargel, Eiern Benedict oder als Basis für Ableitungen dient.

Zubereitung

  1. Eigelb aufschlagen [15:34]:
    • Einen Topf mit Wasser erhitzen (Wasserbad). Eine größere Schüssel daraufstellen, um die Hitze zu kontrollieren.
    • Zwei bis drei Eigelb mit etwas Weißwein-Reduktion (die gleiche Basis wie bei Beurre Blanc) in die Schüssel geben.
    • Die Masse über dem Wasserbad langsam und kontrolliert erhitzen und schlagen, bis sie eine helle, luftige, dickflüssige Konsistenz wie Vanillepudding hat [16:27].
  2. Butter einrühren [16:34]:
    • Geschmolzene Butter nach und nach wie bei einer Mayonnaise in die Eigelbmasse einrühren, bis die Sauce cremig wird.
    • Einen Schluck Wasser hinzufügen, um die Sauce zu umhüllen und geschmeidiger zu machen [17:00].
  3. Abschmecken [17:15]:
    • Mit Salz, weißem Pfeffer, ein paar Tropfen Worcestershiresauce und Zitronensaft abschmecken.

Ableitungen der Sauce Hollandaise

  • Sauce Béarnaise [17:48]:
    • Fein gehackte Kerbel und Estragon unter die Sauce Hollandaise mengen.
  • Sauce Choron [17:53]:
    • Ein Teelöffel Tomatenmark in die Sauce Béarnaise geben.

Marmor-Nusskuchen mit Kirschen

Zutaten:

  • 4 Eier
  • 200 g Zucker
  • 1 Päckchen Vanillezucker
  • 100 ml Öl
  • 250 ml Milch
  • 400 g Mehl
  • 1 Päckchen Backpulver
  • 100 g gemahlene Haselnüsse
  • Nutella
  • 2 EL Kakao
  • 1 Glas Sauerkirschen (Abtropfgewicht ca. 350 g)

Zubereitung:

  1. Heize den Backofen auf 180 °C Ober-/Unterhitze vor. Fette eine Gugelhupfform oder eine andere Kuchenform gut ein und bestäube sie mit etwas Mehl.
  2. In einer großen Schüssel die Eier, Zucker und Vanillezucker mit einem Handrührgerät schaumig schlagen, bis die Masse hell und cremig ist.
  3. Gib das Öl und die Milch hinzu und rühre es kurz unter.
  4. In einer separaten Schüssel das Mehl und das Backpulver vermischen und dann löffelweise zur Eier-Zucker-Masse geben und kurz verrühren, bis ein glatter Teig entsteht.
  5. Teile den Teig in zwei gleich große Hälften.
  6. Unter die eine Hälfte rührst du die gemahlenen Haselnüsse.
  7. Unter die andere Hälfte rührst du den Kakao, das Nutella und einen kleinen Schuss Milch, falls der Teig zu fest wird.
  8. Gieße den hellen und den dunklen Teig abwechselnd in die vorbereitete Form, um den Marmoreffekt zu erzielen.
  9. Lass die Kirschen gut abtropfen und verteile sie gleichmäßig auf dem Teig.
  10. Backe den Kuchen im vorgeheizten Ofen auf mittlerer Schiene für ca. 40-50 Minuten. Mache eine Stäbchenprobe, um zu sehen, ob er gar ist. Bleibt kein Teig am Holzstäbchen kleben, ist der Kuchen fertig.
  11. Lass den Kuchen nach dem Backen kurz in der Form abkühlen, bevor du ihn auf ein Kuchengitter stürzt.

Lass es dir schmecken!

Ezme (Scharfe türkische Paste für Döner / Dönersauce)

Das Wichtigste in Kürze

  • Ezme ist eine scharfe türkische Paste aus gehacktem Gemüse.
  • Wichtig ist, die Flüssigkeit nach dem Pürieren abtropfen zu lassen.
  • Granatapfelsirup und scharfes Paprikamark (Acı Biber Salçası) sind entscheidend für den authentischen Geschmack.
  • Passt nicht nur zum Döner, sondern auch zu gegrilltem Fleisch oder als Dip. Keywords: Ezme, Dönersauce, türkisches Rezept, scharfe Soße, Acili Ezme Long-Tail-Keywords: Ezme Rezept Döner, scharfe türkische Sauce selber machen, Ezme Zutaten, Ezme Paste Döner, türkische Gewürzpaste

Ezme ist eine köstliche, scharfe und frische Beilage aus der türkischen Küche, die perfekt zu Döner, gegrilltem Fleisch oder einfach als Dip mit Brot passt. Die Zubereitung ist unkompliziert, erfordert aber ein wenig Schnippelarbeit oder einen guten Mixer.

Zutaten

  • 2-3 große reife Tomaten
  • 1 rote Spitzpaprika
  • 1-2 grüne Spitzpaprika (Sivri Biber, falls erhältlich, sonst milde grüne Paprika)
  • 1/2 rote Zwiebel
  • 2-3 Knoblauchzehen (nach Geschmack)
  • 1-3 frische rote Chilischoten (je nach gewünschter Schärfe)
  • 1/2 Bund glatte Petersilie
  • 1 EL Tomatenmark
  • 1-2 EL Paprikamark, scharf (Acı Biber Salçası) – falls nicht erhältlich, kann es notfalls weggelassen oder durch mehr Tomatenmark und Chilipulver ersetzt werden, aber es gibt den besten Geschmack!
  • 1-2 EL Granatapfelsirup (Nar Ekşisi) – unerlässlich für den authentischen Geschmack
  • 2-3 EL Olivenöl
  • Saft einer halben Zitrone
  • 1 TL Sumach (optional, aber sehr empfehlenswert für eine leicht säuerliche Note)
  • 1/2 TL Pul Biber (scharfe türkische Paprikaflocken, optional)
  • Salz und frisch gemahlener schwarzer Pfeffer nach Geschmack
  • Eine Prise getrocknete Minze (optional)

Zubereitung

  1. Vorbereitung des Gemüses:
  • Wasche die Tomaten, Paprika, Chilischoten und Petersilie gründlich.
  • Entkerne die Tomaten und schneide sie grob.
  • Entkerne die Spitzpaprika und Chilischoten und schneide sie ebenfalls grob.
  • Schäle die Zwiebel und Knoblauchzehen und schneide sie grob.
  • Hacke die Petersilie grob.
  1. Pürieren der Zutaten:
  • Gib alle vorbereiteten Gemüse- und Kräuterstücke (Tomaten, Paprika, Chili, Zwiebel, Knoblauch, Petersilie) in einen Mixer oder Food Processor.
  • Püriere die Zutaten, bis eine feine, aber noch leicht stückige Paste entsteht. Achte darauf, dass es nicht zu einem Brei wird, sondern noch etwas Textur hat.
  1. Flüssigkeit abtropfen lassen:
  • Gib die pürierte Masse in ein feines Sieb und lasse sie für etwa 15-20 Minuten abtropfen. Dies ist wichtig, damit die Ezme nicht zu wässrig wird und die Aromen konzentrierter sind. Du kannst die Flüssigkeit auffangen und für Suppen oder Soßen verwenden.
  1. Abschmecken und Anmachen:
  • Gib die abgetropfte Gemüsemasse in eine Schüssel.
  • Füge das Tomatenmark, das scharfe Paprikamark (Acı Biber Salçası), Granatapfelsirup, Olivenöl und Zitronensaft hinzu.
  • Gib Sumach, Pul Biber und getrocknete Minze (falls verwendet) dazu.
  • Verrühre alles gut miteinander, bis eine homogene Paste entsteht.
  • Schmecke die Ezme mit Salz und Pfeffer ab. Sei hier ruhig mutig, aber taste dich langsam heran. Es sollte eine ausgewogene Schärfe und Säure haben.
  1. Ziehen lassen:
  • Am besten schmeckt die Ezme, wenn sie vor dem Servieren mindestens 30 Minuten im Kühlschrank ziehen kann, damit sich die Aromen voll entfalten. Noch besser ist es, wenn du sie 1-2 Stunden oder sogar über Nacht ziehen lässt.

Tipps für die perfekte Ezme

  • Qualität der Zutaten: Verwende reife Tomaten und frische Kräuter für den besten Geschmack.
  • Schärfegrad: Passe die Menge der Chilischoten und des Pul Biber deinem persönlichen Schärfeempfinden an. Für eine mildere Variante weniger Chili verwenden.
  • Textur: Ezme sollte nicht ganz glatt sein. Eine leicht stückige Konsistenz ist ideal.
  • Aufbewahrung: Die Ezme hält sich in einem luftdichten Behälter im Kühlschrank etwa 3-4 Tage.

Guten Appetit!

Chili con Carne Geheimrezept

Zutaten

  • 500 g Rinderhack
  • 2 Zwiebeln, gewürfelt
  • 2 Knoblauchzehen, fein gehackt
  • 2 Dosen (je ca. 400 g) gehackte Tomaten
  • 2 Dosen (je ca. 400 g) Kidneybohnen, abgetropft und abgespült
  • 500 ml Rinderbrühe
  • 2 EL Chilipulver
  • 1 EL Kreuzkümmel
  • 1 TL Paprikapulver (am besten geräuchert)
  • 1 TL Oregano
  • 1 Prise Zimt
  • 30 g Zartbitterschokolade (mindestens 70 % Kakaoanteil), fein gehackt oder gerieben
  • Salz und Pfeffer zum Abschmecken
  • Öl zum Anbraten

Zubereitung

  1. Vorbereitung: Erhitze etwas Öl in einem großen Topf oder Schmortopf. Brate das Rinderhack darin krümelig an, bis es schön braun ist.
  2. Gemüse anbraten: Füge die gewürfelten Zwiebeln und den gehackten Knoblauch hinzu und dünste alles, bis die Zwiebeln glasig sind.
  3. Gewürze hinzufügen: Gib das Chilipulver, den Kreuzkümmel, das Paprikapulver, den Oregano und den Zimt dazu. Rühre die Gewürze kurz unter, bis sie anfangen zu duften.
  4. Kochen: Gieße die Rinderbrühe und die gehackten Tomaten in den Topf. Bringe die Masse zum Kochen, reduziere dann die Hitze und lass das Chili bei geringer Hitze mindestens 30 Minuten köcheln. Je länger es köchelt, desto intensiver wird der Geschmack.
  5. Fertigstellen: Gib die abgespülten Kidneybohnen in den Topf. Kurz vor dem Servieren rührst du die gehackte Zartbitterschokolade unter, bis sie vollständig geschmolzen ist.
  6. Abschmecken: Schmecke das Chili mit Salz und Pfeffer ab.

Geheimtipps

  • Schokolade: Die Zartbitterschokolade gibt dem Chili eine samtige Textur und eine tiefe, komplexe Geschmacksnote, die perfekt zu den scharfen und herzhaften Aromen passt.
  • Brühe: Anstelle von Wasser Rinderbrühe zu verwenden, sorgt für ein noch intensiveres und runderes Geschmackserlebnis.

Dazu passen Reis, Nachos, ein Klecks saure Sahne und frische Kräuter wie Koriander oder Petersilie. Guten Appetit!

Russischer Karottensalat (Morkov po-korejski) – Das einfache Rezept

Dieser würzige und leicht süß-saure Karottensalat ist in Russland sehr beliebt und passt hervorragend als Beilage oder Snack.

Benötigte Küchenutensilien:

  • Julienneschneider oder Julienne-Reibe: Das ist das wichtigste Werkzeug, um die Karotten in die charakteristischen feinen, langen Streifen zu schneiden. Alternativ geht auch ein sehr scharfes Messer und viel Geduld.
  • Große Schüssel: Zum Mischen der Zutaten.
  • Kleine Pfanne: Zum Erhitzen des Öls.
  • Knoblauchpresse oder kleines Messer: Zum Zerkleinern des Knoblauchs.
  • Löffel oder Spatel: Zum Vermischen.

Zutaten:

  • 500 g Karotten: Frisch und knackig.
  • 2-3 Knoblauchzehen: Je nach gewünschter Intensität.
  • 1 kleine Zwiebel (optional): Für zusätzlichen Geschmack, wird kurz angebraten.
  • 2 EL Pflanzenöl: Ein geschmacksneutrales Öl wie Sonnenblumenöl.
  • 1-2 TL Zucker: Für die Süße, Menge nach Geschmack anpassen.
  • 1 TL Salz: Zum Würzen und um den Karotten Saft zu entziehen.
  • 2-3 EL Essig: Weißer Essig, Apfelessig oder Reisessig sind gut geeignet. Für mehr Schärfe geht auch Weißweinessig.
  • 1/2 TL gemahlener Koriander: Gibt dem Salat sein typisches Aroma.
  • 1/4 TL schwarzer Pfeffer: Frisch gemahlen schmeckt er am besten.
  • ⅛ – 1/4 TL scharfes Chilipulver: Für die Schärfe, Menge nach Belieben anpassen.
  • Optional: Eine Prise Glutamat  / Sojasauce (Geschmacksverstärker), falls du den authentischen Geschmack noch verstärken möchtest.

Zubereitungsschritte:

  1. Karotten vorbereiten: Die Karotten schälen und mit dem Julienneschneider in sehr feine, lange Streifen hobeln. Gib die gehobelten Karotten in eine große Schüssel.
  2. Würzen der Karotten: Füge das Salz und den Zucker zu den Karotten in der Schüssel hinzu. Knete die Karotten nun leicht mit den Händen durch. Dadurch werden sie weicher und geben etwas Saft ab, was später die Marinade besser aufnehmen lässt.
  3. Gewürze und Knoblauch hinzufügen: Streue den gemahlenen Koriander, schwarzen Pfeffer und das Chilipulver über die Karotten. Presse oder hacke den Knoblauch sehr fein und gib ihn ebenfalls dazu.
  4. Öl erhitzen (der Trick für den Geschmack!): Erhitze das Pflanzenöl in einer kleinen Pfanne, bis es richtig heiß ist, aber nicht anfängt zu rauchen. Wenn du die Zwiebel verwendest, schneide sie in feine Halbringe oder Würfel und brate sie kurz im heißen Öl an, bis sie leicht goldbraun sind. Das gibt dem Öl ein tolles Aroma.
  5. Heißes Öl über die Gewürze gießen: Gieße das sehr heiße Öl (mit oder ohne die angebratenen Zwiebeln) direkt über die Gewürze und den Knoblauch in der Schüssel. Du wirst ein leichtes Zischen hören – das ist gut, denn dadurch entfalten die Gewürze ihr volles Aroma.
  6. Essig und Vermischen: Gib den Essig hinzu. Vermische nun alles gründlich mit einem Löffel oder Spatel, sodass sich alle Zutaten und die Marinade gut mit den Karotten verbinden.
  7. Ziehen lassen: Decke die Schüssel ab und stelle den Karottensalat für mindestens 2-3 Stunden in den Kühlschrank. Am besten schmeckt er jedoch, wenn er über Nacht ziehen kann, damit die Karotten die Aromen vollständig aufnehmen.

Vor dem Servieren noch einmal gut umrühren. Guten Appetit!

—————-

Koreanische Salate

aus Karotten oder: Rüben, Radieschen, Kohl, Kimchi

Mischen Sie 1 kg rohe Karotten, die auf einer speziellen Reibe (dünn und der Länge nach) gerieben wurden, mit 4–5 Esslöffeln Essig, einem halben Glas Sonnenblumenöl, 3 Esslöffeln Zucker, 1 Teelöffel gemahlenem schwarzen Pfeffer und einer großen, durch eine Knoblauchpresse gepressten Knoblauchknolle.

Fügen Sie eine Prise gemahlenen Koriander hinzu.

Guten Appetit!

Cremiges Salat-Dressing mit Salat-Mayo

Es passt super zu Blattsalaten, Tomaten oder auch einem Hähnchensalat.

Zutaten

  • 3 Esslöffel Salat-Mayonnaise
  • 2 Esslöffel Naturjoghurt (3,5 % Fett)
  • 1 Esslöffel Essig (z.B. Weißweinessig oder Apfelessig)
  • 1 Teelöffel Dijon-Senf
  • 1 Teelöffel Ahornsirup oder Honig
  • ½ Teelöffel Knoblauchpulver
  • Salz und frisch gemahlener Pfeffer zum Abschmecken
  • Optional: Frische Kräuter wie Schnittlauch oder Dill, fein gehackt

Zubereitung

  1. Alle Zutaten vermischen: Gib die Salat-Mayonnaise, den Joghurt, den Essig, den Senf, den Ahornsirup und das Knoblauchpulver in eine kleine Schüssel.
  2. Cremig rühren: Rühre die Zutaten mit einem Schneebesen oder einer Gabel, bis eine glatte, cremige Konsistenz entsteht.
  3. Abschmecken: Schmecke das Dressing mit Salz und Pfeffer ab. Die Süße und Säure kannst du nach deinem Geschmack anpassen, indem du mehr Ahornsirup oder Essig hinzufügst.
  4. Kräuter hinzufügen (optional): Wenn du möchtest, mische jetzt die frischen, fein gehackten Kräuter unter.
  5. Ziehen lassen: Für ein intensiveres Aroma kannst du das Dressing für 15-20 Minuten im Kühlschrank ziehen lassen, bevor du es über den Salat gibst.

Das Dressing hält sich in einem geschlossenen Behälter im Kühlschrank etwa 3-4 Tage.

Beliebige Website mit ClonewebX auf WordPress Breakdance Builder klonen

Best Practice Empfehlung: Website mit ClonewebX auf WordPress (Breakdance Builder) klonen

Hier findest du eine Schritt-für-Schritt-Best-Practice-Anleitung, wie du mit ClonewebX von Softlite.io eine Website effizient auf WordPress mit dem Breakdance Builder klonst:


1. Voraussetzungen prüfen

  • WordPress-Installation: Stelle sicher, dass WordPress korrekt installiert ist.
  • Breakdance Builder: Installiere und aktiviere den Breakdance Builder auf deiner WordPress-Seite.
  • ClonewebX Extension: Lade die neueste Version der ClonewebX-Erweiterung von Softlite.io herunter und installiere sie in deinem Browser .

2. ClonewebX einrichten

  • Lizenz wählen: Wähle die passende Lizenz (oder teste die Trial-Version) und logge dich in das ClonewebX-Dashboard ein .
  • Kompatibilität: ClonewebX unterstützt Breakdance vollständig, sodass du direkt für diesen Builder exportieren kannst  .

3. Website auswählen und klonen

  • Zielseite öffnen: Öffne die zu klonende Website in deinem Browser.
  • ClonewebX aktivieren: Starte die ClonewebX-Erweiterung und wähle die gewünschten Seitenbereiche (z.B. den gesamten Body oder spezifische Sektionen) aus .
  • Export-Format wählen: Wähle als Ziel „Breakdance Builder“ aus.

4. Import in WordPress (Breakdance Builder)

  • Exportierte Datei: Lade die von ClonewebX generierte Datei herunter.
  • Import in Breakdance: Gehe in WordPress zu einer neuen Seite, öffne den Breakdance Builder und importiere die Datei. Die Struktur und das Design werden übernommen  .
  • Hinweis: ClonewebX überträgt HTML und CSS, aber kein JavaScript. Interaktive Funktionen müssen ggf. manuell nachgebaut werden .

5. Nachbearbeitung & Optimierung

  • Bilder & Medien: Ersetze Platzhalterbilder durch eigene oder lade fehlende Medien hoch.
  • Responsivität prüfen: Überprüfe die Darstellung auf verschiedenen Geräten. ClonewebX bietet zwar Standard-Responsive-Einstellungen, aber Feintuning ist oft nötig.
  • SEO & Rechtliches: Klone keine urheberrechtlich geschützten Inhalte ohne Erlaubnis. Passe Meta-Tags, Alt-Texte und SEO-Einstellungen an.

6. Testen & Veröffentlichen

  • Funktionstest: Prüfe alle Seiten, Links und Formulare.
  • Performance: Optimiere ggf. die Ladezeiten und überprüfe die Kompatibilität mit anderen Plugins.

Zusätzliche Tipps

  • Regelmäßig sichern: Erstelle vor größeren Änderungen Backups deiner WordPress-Seite.
  • Support nutzen: Bei Problemen hilft der Softlite.io-Support weiter.

Fazit:
Mit ClonewebX kannst du Websites schnell und effizient in den Breakdance Builder von WordPress klonen. Achte auf Nachbearbeitung und rechtliche Aspekte, um ein optimales Ergebnis zu erzielen 



Anleitung: Website-Transfer mit ClonewebX zu Breakdance

1. Vorbereitung und Projektanlage

  1. CloneWebX Chrome-Erweiterung installieren: Stellen Sie sicher, dass die Erweiterung in Ihrem Browser installiert ist.
  2. Bei CloneWebX anmelden.
  3. Neues Projekt erstellen: Erstellen Sie ein neues Projekt für die Ziel-Website.
    • Projektname zuweisen: Geben Sie einen Namen für das Projekt ein (z.B. „Elementor“).
    • Quell-Domain-URL einbetten: Fügen Sie die URL der Website ein, die Sie klonen möchten. Dies kann das vollständige oder ein verkürztes Domain-Format sein.

2. Seite scannen und Sektionen klonen

  1. Zur Quell-Webseite navigieren: Gehen Sie zu der spezifischen Seite, die Sie klonen möchten.
  2. Seite vollständig laden: Scrollen Sie bis zum Ende der Quellseite, um sicherzustellen, dass alle Elemente geladen sind.
  3. CloneWebX Extension-Icon klicken: Klicken Sie auf das Icon oben rechts in Ihrem Browser.
  4. Seite hinzufügen: Wählen Sie das zuvor erstellte Projekt aus und klicken Sie auf „add page“.
    • Umleitungs-Tab: Ein neuer Tab wird geöffnet, der die ursprüngliche Seite simuliert und für das Klonen vorbereitet ist.

3. Auswahl und Export

  1. Ziel-Sektion/Element auswählen: Bewegen Sie die Maus über die Seite, um die gewünschte Sektion oder das Element auszuwählen.
  2. Selektor identifizieren:
    • Klicken Sie auf den gewünschten Bereich, um ein kleines Popup zu öffnen.
    • Identifizieren Sie den richtigen Ziel-Selektor, indem Sie auf die Augen-Icons klicken, um Elemente auszublenden. Wenn die gewünschten Daten verschwinden, gehört das Element zum gewählten Selektor.
    • Klicken Sie auf den Selektor, um ihn auszuwählen, oder geben Sie ihn direkt in das Feld ein.
  3. Page Builder auswählen: Wählen Sie im Steuerungspanel als Ziel-Page Builder „breakdance“.
  4. Dom-Kapazität reduzieren (Optimierung): Das Tool optimiert automatisch die Dom-Kapazität, indem es die Menge der benötigten Layout-Ressourcen reduziert.
  5. Exportieren: Klicken Sie am Ende des Panels auf den „export“-Button.
    • Die geklonten Daten werden in die Zwischenablage kopiert. Bei großen Datenmengen kann es sein, dass die Daten stattdessen in eine Datei übertragen werden.

4. Daten in Breakdance einfügen und anpassen

  1. Breakdance Editor aufrufen.
  2. Einfügen: Klicken Sie mit der rechten Maustaste in den Canvas-Bereich und wählen Sie „Paste“ (Einfügen), um die geklonten Daten einzufügen.
  3. Layout-Anpassung: Es wird automatisch ein Covered Section Layout erstellt.
    • Breite anpassen: Passen Sie die Breite dieser Sektion auf 100% an, damit der Inhalt vollständig angezeigt wird.
    • Abstand (Padding) anpassen: Setzen Sie die Padding-Seiten auf 0 Pixel.
  4. Inhalt und Design anpassen: Sie können den Inhalt nun im Breakdance-Editor frei anpassen und bearbeiten, z.B. eine Überschrift überarbeiten.
  5. Responsiveness prüfen: Überprüfen Sie das Ergebnis in verschiedenen Geräten (Desktop, Tablet, Mobile), um die Responsive-Fähigkeit zu testen.

⚠️ Wichtige Hinweise für den Klonvorgang

  • Gesamte Seite klonen: Sie können auch eine gesamte Seite klonen, indem Sie im Selektor-Feld „body“ eingeben.
    • Empfehlung: Diese Methode ist meist nur für einfache Websites geeignet. Bei komplexen Dom-Strukturen kann der Page Builder langsamer werden.
    • Optimale Funktionalität: Es wird empfohlen, einzelne Sektionen zu exportieren, um eine optimale Funktionalität zu gewährleisten.
  • Keine exakte Garantie: Es kann nicht garantiert werden, dass die Ausgabe exakt mit der Quellseite übereinstimmt, da das Ergebnis von vielen Elementen abhängt.

DivMagic in Verbindung mit WordPress und Breakdance

Kannst du DivMagic mit WordPress und speziell mit dem Breakdance Builder nutzen?

Ja, du kannst DivMagic grundsätzlich mit WordPress und dem Breakdance Builder nutzen. DivMagic generiert HTML- und CSS-Code von bestehenden Webseiten-Elementen, den du dann in deine eigene Seite einfügen kannst. Breakdance bietet die Möglichkeit, eigenen Code (HTML, CSS, ggf. auch JS) über sogenannte Code-Blöcke oder Custom-Elemente einzubinden 

.

Best Practice für die Nutzung von DivMagic mit Breakdance

1. Code mit DivMagic generieren:
Nutze DivMagic, um das gewünschte Element auf einer Webseite auszuwählen und den generierten HTML- und CSS-Code zu kopieren.2. Breakdance öffnen:
Gehe in den WordPress-Editor und öffne die Seite oder das Template, das du mit Breakdance bearbeiten möchtest.3. Code-Block in Breakdance einfügen:
Füge einen „Code Block“ oder „HTML Block“ in Breakdance ein. Dort kannst du den von DivMagic generierten HTML-Code einfügen.

  • Für das CSS gibt es zwei Möglichkeiten:
    • Inline im Code-Block: Füge das CSS direkt im <style>-Tag innerhalb des Code-Blocks ein.
    • Globales CSS: Füge das CSS in den globalen CSS-Bereich von Breakdance ein (zu finden unter „Website Settings“ → „Custom Code“ oder ähnlich).

4. Ressourcen prüfen:
Achte darauf, dass eventuell benötigte externe Ressourcen (z.B. Fonts, Icons) ebenfalls eingebunden werden.5. Responsivität und Kompatibilität testen:
Teste das eingefügte Element auf verschiedenen Geräten und Browsern, um sicherzustellen, dass es wie gewünscht funktioniert. Breakdance ist sehr flexibel und unterstützt auch individuelles CSS und HTML sehr gut.

6. Performance im Blick behalten:
Vermeide es, zu viele externe Codeschnipsel einzubinden, um die Ladezeiten und die Wartbarkeit deiner Seite nicht zu beeinträchtigen 

.

Zusätzliche Tipps

  • Nutze Breakdance für das Grundlayout: Baue das Grundgerüst deiner Seite mit den nativen Breakdance-Elementen und verwende DivMagic nur für spezielle, komplexe Elemente, die du nicht direkt mit Breakdance nachbauen kannst.
  • Dokumentiere deinen Custom-Code: Damit du oder andere später nachvollziehen können, was eingebunden wurde.

Fazit

DivMagic und Breakdance ergänzen sich gut, wenn du gezielt einzelne, komplexe Elemente übernehmen möchtest. Nutze Breakdance für das Hauptlayout und DivMagic für spezielle Komponenten, indem du den Code sauber in Code-Blöcken oder im globalen CSS einbindest. So profitierst du von der Flexibilität beider Tools und hältst deine Seite performant und wartbar.

SSD-Tipps, die die Leistung Ihres PCs steigern

Wenn es um Leistungsverbesserungen geht, denken wir in der Regel an kleine Änderungen, die wir an unseren CPU- oder GPU-Einstellungen vornehmen können und die einen Unterschied machen. Aber es ist auch möglich, mehr Leistung aus Ihrer SSD herauszuholen. Hier sind einige vielversprechende Möglichkeiten, wie Sie mehr Durchsatz aus Ihren SSDs herausholen können.

Belegen Sie maximal 80 Prozent des Speicherplatzes

SSDs neigen dazu, deutlich langsamer zu werden, wenn die Kapazität zu mehr als 80 Prozent ausgeschöpft ist. Aus diesem Grund sollten Sie die Kapazität unter dieser Grenze halten. Wenn Sie beispielsweise eine 1-TB-SSD haben, sollten Sie nicht mehr als 800 GB an Dateien darauf speichern.

Passen Sie den Windows-Energiesparplan an

Wenn Sie den Energiesparplan Ihres PCs anpassen, verhindern Sie, dass die SSD in den Ruhezustand übergeht, sodass die Wartezeit bis zum Aufwachen entfällt.

Teil 1:

  • Geben Sie Energieplan bearbeiten in das Suchfeld ein und klicken Sie auf Enter. Wählen Sie das oberste Ergebnis.
  • Klicken Sie nun auf die Schaltfläche Erweiterte Energieeinstellungen ändern.
  • Ändern Sie dort Festplatte ausschalten nach auf Nie.
Windows Energieplan bearbeiten

Teil 2:

Unterbinden Sie anschließend, dass der PCIe-Bus heruntergetaktet wird – was die Leistung der SSD leicht verbessert, da sie jetzt schneller reagieren kann.

  • Ändern Sie unter PCI Express die Verbindungszustand-Energieverwaltung von Maximale Energieverwaltung auf Aus.
Windows Energieplan PCI Express

Installieren Sie das neueste Firmware-Update

Firmware-Updates für SSDs beheben häufig Fehler und können auch Leistungsverbesserungen bringen. Das klassische Beispiel dafür ist die Firmware 5B2QGXA7 für Samsung 980 Pro SSDs. Dieses Update beendete ein Problem, bei dem sich der Gesundheitszustand der 980 bis zu dem Punkt verschlechterte, an dem die SSD unbrauchbar wurde.

Vergewissern Sie sich, dass Sie wissen, welche Dienstprogramme Sie verwenden müssen, um die neuesten Firmware-Updates herunterzuladen. Für Samsung-SSDs können Sie die Samsung Magician Software verwenden, für Crucial-SSDs gibt es Crucial Storage Executive.

Aktivieren Sie TRIM in der Eingabeaufforderung

TRIM hilft der SSD, regelmäßig Müll-Dateien zu löschen. Eine saubere SSD läuft natürlich schneller. Um zu überprüfen, ob TRIM aktiviert ist, geben Sie cmd in die Suchleiste ein, um die Eingabeaufforderung zu öffnen. Geben Sie dort folgenden Befehl ein: 

fsutil behavior query DisableDeleteNotify 

und klicken Sie auf Enter. Wenn das Ergebnis 0 ist, ist TRIM aktiviert. Wenn das Ergebnis 1 ist, ist TRIM deaktiviert und Sie müssen es einschalten.

Sie können TRIM manuell einschalten, indem Sie den folgenden Befehl im Eingabeaufforderungsfenster ausführen: 
fsutil behavior set DisableDeleteNotify 0

Umgekehrt können Sie TRIM auf einer SSD deaktivieren, indem Sie den folgenden Befehl eingeben: 
fsutil behavior set DisableDeleteNotify 1

TRIM check

Add Drama to an Environmental Portrait in Radiant Photo 2

  • Switch to the Professional (2) workspace so every control is visible. Radiant’s workspaces are designed to show complete tool groups and you can toggle among them quickly with number keys 1–0. 
  • Radiant’s adjustments are live and fully non-destructive, so you can revisit any slider at any time. 
  • Use the Histogram and clipping indicators (press J) to keep highlights/shadows in check as you push contrast. 
  • Start better with a scene aware preset to get rid of color casts and perfectly balance skin tones and exposure.
  • Change your views as needed to use options like Split View and Before/After View to track your editing progress.

1) Super Contrast — instant “pop”

Open Tone → Super Contrast and add a controlled punch to lift midtone separation and texture in the shirt, arms, and rubber floor. Super Contrast is designed to add depth and pop and often makes images feel sharper—perfect when a scene looks a little flat. 

How I dial it: start around 30–50. Watch skin highlights and the grey walls; if red areas get too aggressive, we’ll tame them later with Selective Color.

2) Depth — carve out 3-D clarity

Depth increases contrast per pixel for clearer detail and dimensionality. If the image darkens slightly, nudge Exposure afterwards. 

How I dial it: set Depth: 50, and tried Definition variation for richer shadows.  If the room was underexposed, keep Depth modest; for very dark files, consider backing it off (Depth can make dark scenes look darker). 

3) Skin Tone — keep the athlete natural

Enable Smart Editing → Skin Tone for an optimized balance between skin and the background while removing color-cast issues.  The Color Cast removal is the key to remove odd color casts from the mixed and poor quality light often found in gyms.


If sweat sheen is distracting, try Skin → Shine Removal in Portrait Tools to tone it down—handy with gym lighting. 

4) Sharpen — make grit look crisp

Jump to Details → Sharpening. Zoom to 100% and increase Amount until edges (beard, hair, kettlebell handle, shoe knit) are crisp without halos. If ISO noise shows, pair with a touch of Noise Reduction. (Sharpening and NR live under Details Tools.) Be sure to zoom to 100% to accurately judge sharpening

5) Face Light — fill in the shadows

A little extra light on the face can go a long way.  Use all three controls to get the right balance of fill and shadows.

6) Color Grading — set the mood

Now the creative spice. In Color Grading, pick a Look that suits a gritty gym vibe, then balance with the Strength, Saturation, and Contrast sliders—these three are intentionally versatile for fine-tuning. Color Grading is a finishing step that remaps tone and color independently from other controls.  

Suggestions: try a warmer, steely grade to push the colors and tones.  We’re using the expansive Rock Posters Looks Pack here;

7) Selective Color — control the red + cool the room

Use Selective Color Tools → Selective Color. Click the Eyedropper and sample the red shirt/kettlebell. Then adjust Hue/Saturation/Luminance only for that target—this tool is built specifically for transforming a chosen color without painting masks. 

  • If the reds are shouting, drop Saturation a touch and lower Luminance a few points for a deep, luxurious red.
  • Next, target Greys/Blues in the background and desaturate slightly to push the subject forward. You can refine the selected hue range precisely using RAMP handles (Lowest/Highest Hue affected and feathering points). 
  • Want extra separation? Use Split Color Warmth to warm warm areas and cool cool areas—essentially a color-split tone for extra drama. 

8) Graduated Filter — shape the light

Use Targeted Adjustment → Graduated Filter to guide the eye:

  • Add a Radial gradient centered slightly above the sternum (Place Center) and Feather generously for a believable vignette; rotate to match the room’s top-light angle.  
  • Be sure to tweak the center point as well as the shape, rotation and feather to best frame the subject.

Inside/Outside (radial) or Top/Bottom (linear) let you set two different corrections—perfect for brightening the athlete while dimming the room. 

Use the built-in Adjustments (Exposure/Contrast/Highlights/Shadows, etc.) right in the filter—same family as Finishing Tools—so you don’t have to leave the tool.  

9) Finishing Tools — polish and protect

Wrap with Finishing Tools for the overall look. This group is intended for fine-tuning the photo’s final appearance and includes sharpening/noise cleanup and final color finishing—ideal for web- or print-ready output.  

What to Watch For (and Fix Fast)

  • Over-crispy skin: If pores start screaming after Super Contrast + Depth + Sharpen, back off Sharpen first, then nudge Super Contrast down. 
  • Too-dark overall after Depth: Add a little Exposure; Depth can lower overall brightness. 
  • Color shifts from heavy grading: Remember Color Grading is a finishing remap; reduce Strength/Saturation or revisit Selective Color to protect key hues. 
  • Be sure to save a custom preset for easy reuse.
  • The Exponential sliders in the Top Bar are a great way to refine the look with quick controls.

Windows-Explorer per Kontextmenü neu starten

Ein Neustart des ganzen PCs dauert meist viel länger als ein Neustart des Windows-Explorers. Und recht häufig reicht er aus, etwa wenn Registry-Änderungen übernommen werden sollen oder zur Lösung kleinerer Probleme, wie diesem hier, das Microsoft zumindest für mich immer noch nicht gelöst hat. Auf dem Arbeits-Notebook brauche ich diesen Explorer-Neustart darum mindestens einmal täglich. Daher bin ich es Leid, jedes Mal zum Task-Manager greifen zu müssen, um dort den Explorer-Task zu erspähen und neu zu starten. Zeit für etwas mehr Effizienz!

Der Neustart des Explorers lässt sich auch ins Desktop-Kontextmenü stecken. Damit brauchts später nur noch zwei Klicks. Das funktioniert unter Windows 11 genauso wie unter Windows 10.

Lösung: Wir stellen hier zwei Registry-Einträge vor, die wir im Elevenforum entdeckt haben. Weil zumindest der eine etwas komplizierter ist, bieten wir in der untenstehenden Zip-Datei zwei .reg-Dateien zum Download, über die Sie die Einstellung direkt importieren können:

  • «01 Hinzufuegen Restart Explorer Kontextmenu.reg» fügt den Kontextmenü-Eintrag hinzu
  • «02 Entfernen Restart Explorer Kontextmenu.reg» entfernt den Kontextmenü-Eintrag wieder
Die Rückfrage, die um Bestätigung zum Registry-Import bittet

Eine der Rückfragen, die Sie mit Ja bestätigen

So gehts: Laden Sie die Zip-Datei «RegDateiRestartExplorerKontextmenu.zip» herunter. Klicken Sie mit rechts drauf und wählen Sie Alle extrahieren. Klicken Sie auf Extrahieren und öffnen Sie den entstandenen Ordner. Doppelklicken Sie auf die Datei 01 Hinzufuegen Restart Explorer Kontextmenu.reg und bestätigen Sie die zwei Rückfragen mit Ja.

Zip-Datei enthält zwei .reg-Dateien. Mit der einen fügt man im Desktop-Kontextmenü von Windows einen Befehl «Restart Explorer» hinzu. Die andere kann man verwenden, um den Eintrag wieder zu entfernen.

Jetzt ist noch ein letztes Mal ein manueller PC-Neustart (Start/Ein/Aus/Neu starten) oder ein Explorer-Neustart nötig. Für Letzteres öffnen Sie mit Ctrl+Shift+Esc (Strg+Umschalt+Esc) den Task-Manager. Im Reiter Prozesse machen Sie jenen Task namens Windows-Explorer ausfindig, dessen Befehlszeile nur explorer.exe lautet. Klicken Sie mit rechts darauf und wählen Sie Neu starten. Das startet den Explorer neu.

Ab sofort finden Sie beim Rechtsklick auf eine freie Stelle auf dem Desktop (und nur dort) im Kontextmenü ein Untermenü Restart Explorer mit zwei Befehlen: Restart Explorer Now startet den Explorer sofort neu. Der Befehl Restart Explorer with Pause bietet eine andere, wenn auch seltener genutzte Option. Er beendet die Explorer-Tasks und wartet mit deren Neustart, während er eine Eingabeaufforderung zeigt. Erst, wenn Sie zur Eingabeaufforderung wechseln und darin eine beliebige Taste drücken, startet der Explorer wieder.

Die Eingabeaufforderung wartet auf Ihre Bestätigung

«Restart Explorer with Pause» beendet den Explorer-Task, wartet aber mit dessen Neustart, bis Sie ihm hier das OK geben

Hinweis: Unter Windows 11 erscheinen die Befehle unter Umständen nicht direkt im Desktop-Kontextmenü, sondern tauchen erst nach einem Klick auf Weitere Befehle auf. Falls Sie das ändern wollen und stets alle Befehle im Rechtsklick-Menü haben wollen, lesen Sie diesen Artikel.

Eintrag wieder entfernen

Falls Sie den neuen Restart-Explorer-Eintrag eines Tages nicht mehr brauchen, lässt er sich auch wieder entfernen. Doppelklicken Sie in diesem Fall die entzippte Datei 02 Entfernen Restart Explorer Kontextmenu.reg und bestätigen Sie die Rückfrage.

Für Interessierte noch die folgende Information. Die .reg-Dateien enthalten folgenden Code:

Die Datei «01 Hinzufuegen Restart Explorer Kontextmenu.reg»

Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\DesktopBackground\Shell\Restart Explorer]
"icon"="explorer.exe"
"Position"="Bottom"
"SubCommands"=""

[HKEY_CLASSES_ROOT\DesktopBackground\Shell\Restart Explorer\shell\01menu]
"MUIVerb"="Restart Explorer Now"

[HKEY_CLASSES_ROOT\DesktopBackground\Shell\Restart Explorer\shell\01menu\command]
@=hex(2):63,00,6d,00,64,00,2e,00,65,00,78,00,65,00,20,00,2f,00,63,00,20,00,74,\
  00,61,00,73,00,6b,00,6b,00,69,00,6c,00,6c,00,20,00,2f,00,66,00,20,00,2f,00,\
  69,00,6d,00,20,00,65,00,78,00,70,00,6c,00,6f,00,72,00,65,00,72,00,2e,00,65,\
  00,78,00,65,00,20,00,20,00,26,00,20,00,73,00,74,00,61,00,72,00,74,00,20,00,\
  65,00,78,00,70,00,6c,00,6f,00,72,00,65,00,72,00,2e,00,65,00,78,00,65,00,00,\
  00

[HKEY_CLASSES_ROOT\DesktopBackground\Shell\Restart Explorer\shell\02menu]
"MUIVerb"="Restart Explorer with Pause"
"CommandFlags"=dword:00000020

[HKEY_CLASSES_ROOT\DesktopBackground\Shell\Restart Explorer\shell\02menu\command]
@=hex(2):63,00,6d,00,64,00,2e,00,65,00,78,00,65,00,20,00,2f,00,63,00,20,00,40,\
  00,65,00,63,00,68,00,6f,00,20,00,6f,00,66,00,66,00,20,00,26,00,20,00,65,00,\
  63,00,68,00,6f,00,2e,00,20,00,26,00,20,00,65,00,63,00,68,00,6f,00,20,00,53,\
  00,74,00,6f,00,70,00,70,00,69,00,6e,00,67,00,20,00,65,00,78,00,70,00,6c,00,\
  6f,00,72,00,65,00,72,00,2e,00,65,00,78,00,65,00,20,00,70,00,72,00,6f,00,63,\
  00,65,00,73,00,73,00,20,00,2e,00,20,00,2e,00,20,00,2e,00,20,00,26,00,20,00,\
  65,00,63,00,68,00,6f,00,2e,00,20,00,26,00,20,00,74,00,61,00,73,00,6b,00,6b,\
  00,69,00,6c,00,6c,00,20,00,2f,00,66,00,20,00,2f,00,69,00,6d,00,20,00,65,00,\
  78,00,70,00,6c,00,6f,00,72,00,65,00,72,00,2e,00,65,00,78,00,65,00,20,00,26,\
  00,20,00,65,00,63,00,68,00,6f,00,2e,00,20,00,26,00,20,00,65,00,63,00,68,00,\
  6f,00,2e,00,20,00,26,00,20,00,65,00,63,00,68,00,6f,00,20,00,57,00,61,00,69,\
  00,74,00,69,00,6e,00,67,00,20,00,74,00,6f,00,20,00,73,00,74,00,61,00,72,00,\
  74,00,20,00,65,00,78,00,70,00,6c,00,6f,00,72,00,65,00,72,00,2e,00,65,00,78,\
  00,65,00,20,00,70,00,72,00,6f,00,63,00,65,00,73,00,73,00,20,00,77,00,68,00,\
  65,00,6e,00,20,00,79,00,6f,00,75,00,20,00,61,00,72,00,65,00,20,00,72,00,65,\
  00,61,00,64,00,79,00,20,00,2e,00,20,00,2e,00,20,00,2e,00,20,00,26,00,20,00,\
  70,00,61,00,75,00,73,00,65,00,20,00,26,00,26,00,20,00,73,00,74,00,61,00,72,\
  00,74,00,20,00,65,00,78,00,70,00,6c,00,6f,00,72,00,65,00,72,00,2e,00,65,00,\
  78,00,65,00,20,00,26,00,26,00,20,00,65,00,78,00,69,00,74,00,00,00

Die Datei «02 Entfernen Restart Explorer Kontextmenu.reg»

Windows Registry Editor Version 5.00

[-HKEY_CLASSES_ROOT\DesktopBackground\Shell\Restart Explorer]

WhatsApp, Threema und Co.: Was tun, wenn das Smartphone geklaut wurde?

Sie haben Ihr Telefon verloren oder es wurde gestohlen? Das können Sie tun, damit niemand Ihre Messenger verwendet.
Jeder Fünfte hat laut einer Umfrage vom vergangenen Jahr schon einmal sein Smartphone verloren oder es wurde geklaut. Wir zeigen Ihnen, wie Sie pro Messenger-App vorgehen können, damit ein allfälliger Dieb keinen Zugriff auf WhatsApp, Threema, Telegram und Co. hat. Wir haben dies mit einem Android-Smartphone (Android 9) ausprobiert. Je nach Hersteller und Gerät können die Bezeichnungen variieren.

WhatsApp

Falls das Smartphone gestohlen wurde, ist es generell ratsam, über den Mobilfunkanbieter die SIM-Karte sperren zu lassen. Danach gibt es für WhatsApp zwei Optionen:
  • Option 1: Sie verwenden eine neue SIM-Karte mit derselben Nummer. Dies ist laut WhatsApp die schnellste Variante, um den beliebten Messenger auf einem gestohlenen Telefon zu deaktivieren, denn WhatsApp kann (noch) nur mit einer Telefonnummer auf einem Gerät gleichzeitig aktiviert sein.
  • Option 2: Sie können WhatsApp eine E-Mail mit dem Inhalt «Verloren/Gestohlen: Bitte deaktivieren Sie meinen Account» und Ihrer Telefonnummer (vollständiges, internationales Format) schreiben.

Threema

Richtet man Threema auf einem neuen Gerät ein, gehen neue Nachrichten an dieses Gerät. Wer Zugriff auf das alte Gerät hat, kann die bereits empfangenen Nachrichten dort weiterhin lesen – die neuen allerdings nicht (Stand: 2019).
 
Option 1: Sie haben Ihr Gerät verschlüsselt
Haben Sie Ihr Gerät durch einen sicheren Code oder ein sicheres Passwort verschlüsselt (mindestens sechs Stellen, Buchstaben, Zahlen etc.)? Dann gibt es gute Nachrichten. Wie man PCtipp auf Nachfrage bei Threema versichert hat, ist es unwahrscheinlich, dass jemand an die Daten bzw. an Threema herankommt. 
 
Option 2: Sie haben Ihr Gerät nicht verschlüsselt
Der ID-Widerruf muss vorsorglich – also vor einem Diebstahl – eingerichtet werden
Quelle: Screenshot/PCtipp.ch

Falls Sie Ihr Gerät nicht verschlüsselt haben, sollten Sie Ihre Threema-ID widerrufen (revoke). Falls sich jemand anderes mit Ihrer Threema-ID verbindet, werden Sie mit einer Nachricht vom Threema-Server darauf hingewiesen. Informationen dazu finden Sie hier.

Hinweis: Damit das Widerrufen der ID bei Bedarf möglich ist, muss man vorsorglich ein Widerrufs-Passwort setzen (Mein Profil > ID-Widerruf). 
 
Wenn Sie ein Backup Ihrer Threema-ID erstellt haben (z.B. Threema Safe), können Sie Ihre Threema-Identität danach auf einem anderen Gerät wiederherstellen. Ohne ein Backup gehen gewisse Kontakte und Gruppenzugehörigkeiten verloren.
Threema-Safe-Backup wiederherstellen:
Für Threema-Safe-Backups gibt es einen Einrichtungsassistenten:
  1. Wählen Sie im Einrichtungsassistenten Backup wiederherstellen.
  2. Geben Sie Ihre Threema-ID ein und folgen Sie den Bildschirmanweisungen.
  3. Falls Sie Ihre Threema-ID vergessen und zuvor mit einer E-Mail-Adresse oder Telefonnummer verknüpft haben, können Sie diese durch Tippen auf ID vergessen? abfragen.

Hinweis: Haben Sie allerdings Ihr Threema-Safe-Passwort vergessen, können Sie die Threema-ID nicht mehr wiederherstellen und müssen eine neue ID erstellen!

Wire

Wenn Ihre Kontodaten eine E-Mail-Adresse beinhalten:
  1. Loggen Sie sich mit der E-Mail-Adresse über die Wire-Webseite ein.
  2. Entfernen Sie das verlorene/gestohlene Gerät unter Einstellungen und dann Geräte. Klicken Sie auf das Papierkorb-Symbol. 
  3. Ändern Sie das Passwort. Wählen Sie erneut Einstellungen, dann Benutzerkonto und scrollen Sie nach unten. Dort finden Sie Passwort zurücksetzen. Klicken Sie darauf, geben Sie Ihre E-Mail-Adresse an und klicken Sie auf den Button. Sie erhalten eine E-Mail, um das Passwort zu ändern.
Bei Wire kann man – wenn man die E-Mail-Adresse hinterlegt hat – leicht das Gerät entfernen und das Passwort zurücksetzen
Falls Sie das Konto nur mit der Telefonnummer erstellt haben, müssen Sie ein neues Konto mit einer neuen Nummer erstellen.
 

Telegram

Laut FAQ auf der Telegram-Webseite ist auch 2020 die Telefonnummer die einzige Möglichkeit für Telegram, einen Nutzer zu identifizieren. Das bedeutet, wer das Smartphone und folglich die Nummer hat, hat Zugriff auf das Konto. Somit kann Telegram leider keine Daten löschen, solange Sie nicht von mindestens einem Gerät Zugriff auf das Telegram-Konto haben.
Bei Telegram kann man ein Gerät entfernen. Ausserdem sieht man hier auch «Aktive Sitzungen»
 

Falls Sie auf keinem anderen Gerät angemeldet sind, müssten Sie Ihren Mobilfunkanbieter kontaktieren und die SIM sperren lassen. Nachdem Sie eine neue SIM-Karte haben, können Sie sich erneut anmelden.

Falls Sie sich auf einem anderen Handy anmelden können respektive angemeldet sind, können Sie die Sitzung des ersten/gestohlenen/verlorenen Handys folgendermassen beenden:
  1. Tippen Sie auf das Hamburger-Menü.
  2. Wählen Sie Einstellungen.
  3. Hier gehts nun zu Geräte.
  4. Unterhalb von Aktive Sitzungen sehen Sie die letzten Geräte, über die Sie sich bei Telegram angemeldet haben. Um ein Gerät zu entfernen, tippen Sie darauf und wählen Beenden.

Alternativ können Sie sich am PC auf Telegram Web anmelden. Wenn von Ihrem Gerät eine Anmeldung geschehen ist, sehen Sie dies dort.

 
 

Signal

Signal informierte uns vergangenes Jahr auf Anfrage folgendermassen: Bis Sie wieder Zugriff auf Ihre Telefonnummer haben, gibt es nichts, was Signal oder Sie als Benutzer unternehmen können. Gemäss dieser (deutschen) Webseite trifft dies noch immer zu.
Falls Sie die SIM-Karte sperren lassen und eine neue SIM-Karte (mit der gleichen Nummer) in einem anderen Gerät verwenden: Installieren Sie Signal und registrieren Sie Ihre Telefonnummer. Nach der Registrierung kann das alte Telefon keine Signalübertragung mehr senden oder empfangen, wie man uns bei Signal bestätigte. Wer Zugriff auf das alte Gerät hat, kann die früheren Nachrichten dort weiterhin lesen – die neuen allerdings nicht.

Gmail gesendeten Mails erscheinen im Posteingang

Problem

Meine gesendeten Mails erscheinen im Posteingang, ich möchte diese aber nur unter „gesendet“ sehen.

 
Dabei ist es egal, ob ich die Mail unter Android mit der Gmail-App oder in Windows mit Chrome (oder einem anderen Browser) oder via E-Mail-Client versende.
 

Lösung

 
Nach langer Zeit bin ich mal wieder dazu gekommen dem Problem auf den Grund zu gehen.

Es lag an einer Regel…:-(
 
Und wieso auch immer, … es lag an einer Regel meiner eigenen Domain, welche besagte das alle Sender aus dieser Domain nie als Spam eingestuft werden sollen.
Das war es… 🙂

Wichtige Gmail-Einstellungen inkl. Spamfilter deaktivieren

Gmail Einstellungen, die jeder anpassen sollte

 

Google Mail ist ein leistungsfähiges Werkzeug. Mit einige grundlegenden individuellen Einstellungen, wird es noch besser nutzbar.

Allgemeine Einstellungen

In Gmail gelangt man zu den Einstellungen über das „Rad“ rechts oben. Danach wählt man „Einstellungen„.

 

Bevorzugte Landeseinstellungen

Passend zu den individuellen Bedürfnissen, kann man die benötigten Sprachen für Oberfläche, Rechtschreibprüfung und landesspezifische Eigenheiten adaptieren.

Landesspezifische Einstellungen in Gmail

  • Unter Gmail Einstellungen, „Allgemein
  • Wähle Anzeigesprache sowie Eingabesprachen für die Texterkennung
  • Wähle die bevorzuten Ländervorwahl für Telefonnumern  (sinnvoll für die Darstellung der Konakte)

Landesspezifische Einstellungen im Google Kalender

  • Siehe auch Pimp deinen Google Kalender
  • Wechsle zu Google Kalender
  • Gehe zu den Kalender „Einstellungen“
  • Unter den „Allgemeinen Einstellungen“ sollte man die Optionen für Sprache, Land, Datumsformat, Zeitformat, Wochenstart amStandortWetter (°F vs. °C) anpassen. Danach nicht vergessen auf „Speichern“ zu drücken (am Ende der Seite)

E-Mail Weiterleitung

Wird ein Gmail Account nicht als Haupt E-Mail Adresse genutzt und man möchte trotzdem über einlangende E-Mails informiert werden, kann eine Weiterleitung eingerichtet werden.

Einrichten einer Weiterleitungsadresse

  • Jede Adresse, auf die später weitergeleitet werden soll, muss einmalig aktiviert werden
  • Gehe zu Gmail „Einstellungen“ → „Weiterleitung und POP/IMAP
  • Auf “Weiterleitungsadresse hinzufügen“ klicken und die gewünschte Adresse eingeben
  • Anschließend sendet Google einen E-Mail mit einem Bestätigungscode an diese Adresse. Dieser Code ist im Bestätigungsfeld einzugeben, alternativ kann man auch den mitgeschickten Bestätigungslink aufrufen.  
  • Danach kann die verifizierte E-Mail Adresse für eine allgemeine Weiterleitung genutzt werden. In diesem Fall werden alle E-Mails (ausgenommen Spam) weitergeleitet. Alternativ können auch nur bestimmte E-Mails weitergeleitet werden.

Einrichtung einer Weiterleitung für bestimmte E-Mails

Möchte man nur spezielle E-Mails weiterleiten (z.B. von einem bestimmten Absender oder mit einem speziellem Schlüsselwort), so gelingt dies über die Filter Optionen.

  • Gehe zu Gmail „Einstellungen“ → „Filter“
  • Wähle “Neuen Filter erstellen
  • Definiere eine Regel für die weiterzuleitenden E-Mails – beispielsweise von der Absendeadresse “mom@domain.com
  • Klicke “Filter mit diesen Suchkriterien erstellen
  • Wähle „Weiterleiten an“ sowie die zuvor eingerichtete Weiterleitungsadresse – siehe oberhalb “Einrichten einer Weiterleitungsadresse“)
  • Klicke “Filter erstellen

Standard Ordner

Gmail kategorisiert den Posteingang automatisch nach „Allgemein“, „Soziale Netzwerke“, „Werbung“,.. . Diese Ordner bzw. Tabs finden man am Beginn des Posteingangs. Möchte man alle E-Mails an einem Ort sehen, sollte man diese Filter deaktivieren:

  • Klicke auf das Plus Zeichen gleich rechts neben den Ordnern oder wähle „Einstellungsrad“ oben rechts und „Posteingang konfigurieren
  • Deaktiviere alle Punkte außer „Allgemein“ 

Spam

Gmail hat einen eingebauten Spamfilter. Dieser kann grundsätzlich nicht deaktiviert werden. Mails die durch den Spamfilter abgefangen werden, werden auch nicht weitergeleitet. Problematisch ist dies, wenn man den Spamordner eines Gmail Accounts nicht permanent auf falsch eingestufte Nachrichten überprüfen möchte.  Glücklicherweise gibt es eine Möglichkeit als Spam identifizierte Nachrichten mit einer Filterregel abzufangen.

Spamfilter deaktivieren

  • Gehe zu Gmail „Einstellungen“ und „Filter
  • Wähle “Neuen Filter erstellen
  • In dem Feld “Enthält die Worte” den Begriff “is:spam” (ist immer englisch zu schreiben) eingeben
  • Bestätige mit “OK” für alle danach erscheinenden Benachrichtigungen, die mit der Nutzung von „is:“ zusammenhängen
  • Wähle “Nie als Spam einstufen
  • Klicke “Filter erstellen

Windows 10: Programme direkt mit Admin-Rechten starten

Der „normale“ Weg führt per Rechtsklick auf den Startmenüeintrag der betreffenden Anwendung und weiteren Klicks im Kontextmenü auf Mehr | Als Administrator ausführen.

Viel schneller geht es, wenn du das Programm mit einem Doppelklick und gedrückter Tastenkombination [Strg][Umschalt] startest.

Dies funktioniert auch über die Cortana-Suche oder den Ausführen-Dialog, der mit [Windows][R] aufgerufen wird. Hier tippst du den entsprechenden Befehl ein, drückst dann auf [Strg][Umschalt] und bestätigst den Start mit einem Klick auf OK.

iPhone: E-Mail als Entwurf speichern und blitzschnell wieder hervorholen

Sobald Sie beim iPhone oder iPad das Verfassen einer E-Mail abbrechen, können Sie die angefangene Mail als Entwurf speichern. Um später weiterzuschreiben, müssen Sie normalerweise den Ordner “Entwürfe” öffnen und auf den Entwurf klicken. Mit einem kaum bekannten Trick kommen Sie viel viel schneller dran.

Schneller an die Entwürfe kommen

Normalerweise läuft es so: Um den gespeicherten Entwurf wieder zu öffnen, wechseln Sie in der Mail-App zur Startseite und greifen über “Entwürfe” auf die gespeicherten Entwürfe zu.

Schneller geht’s, wenn Sie einfach unten rechts lange auf das Icon zum Erstellen einer neuer E-Mail drücken. Und siehe da: nach rund einer halben Sekunde erscheint sofort der zuletzt gespeicherte Entwurf und Sie können sofort drauflos tippen.