DJ EQ-Techniken – Interaktiver Vortrag<\/title>\n <style>\n :root {\n --color-bg-base: #0f172a;\n --color-bg-elevated: #020617;\n --color-bg-surface: #1e293b;\n --color-text-primary: #f1f5f9;\n --color-text-secondary: #cbd5e1;\n --color-text-muted: #94a3b8;\n --color-accent: #38bdf8;\n --color-accent-hover: #0ea5e9;\n --color-low: #ef4444;\n --color-mid: #22c55e;\n --color-high: #eab308;\n --color-cat1: #38bdf8;\n --color-cat2: #a78bfa;\n --color-cat3: #f472b6;\n --color-cat4: #34d399;\n --color-cat5: #fb923c;\n --color-cat6: #facc15;\n --color-cat7: #f87171;\n --color-cat8: #818cf8;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: var(--color-bg-base);\n color: var(--color-text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n .container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; }\n header {\n background: linear-gradient(135deg, var(--color-bg-elevated) 0%, var(--color-bg-surface) 100%);\n padding: 3rem 0; text-align: center;\n border-bottom: 3px solid var(--color-accent);\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n }\n h1 { font-size: 3rem; margin-bottom: 1rem; color: var(--color-accent); text-shadow: 0 0 20px rgba(56,189,248,0.5); }\n .subtitle { font-size: 1.3rem; color: var(--color-text-secondary); }\n nav { background: var(--color-bg-surface); padding: 1rem 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }\n .nav-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.7rem; }\n .nav-btn {\n background: var(--color-bg-base); color: var(--color-text-primary);\n border: 2px solid var(--color-accent); padding: 0.6rem 1.2rem;\n cursor: pointer; border-radius: 8px; font-size: 0.9rem;\n transition: all 0.3s ease; font-weight: 600;\n }\n .nav-btn:hover { background: var(--color-accent); color: var(--color-bg-base); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(56,189,248,0.4); }\n .nav-btn.active { background: var(--color-accent); color: var(--color-bg-base); }\n section { padding: 4rem 0; min-height: 100vh; display: none; }\n section.active { display: block; }\n h2 { font-size: 2.5rem; margin-bottom: 2rem; color: var(--color-accent); text-align: center; }\n h3 { font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; color: var(--color-text-primary); }\n .intro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; }\n .card { background: var(--color-bg-surface); padding: 2rem; border-radius: 12px; border: 2px solid rgba(56,189,248,0.2); transition: all 0.3s ease; }\n .card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(56,189,248,0.3); border-color: var(--color-accent); }\n .freq-section { background: var(--color-bg-surface); padding: 2rem; margin: 2rem 0; border-radius: 12px; border-left: 5px solid var(--color-accent); }\n .freq-low { border-left-color: var(--color-low); }\n .freq-mid { border-left-color: var(--color-mid); }\n .freq-high { border-left-color: var(--color-high); }\n .technique-item { background: var(--color-bg-elevated); padding: 2rem; margin: 1.5rem 0; border-radius: 10px; border: 1px solid rgba(56,189,248,0.3); }\n .technique-title { font-size: 1.5rem; color: var(--color-accent); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }\n .icon { font-size: 1.8rem; }\n .eq-simulator { background: var(--color-bg-elevated); padding: 3rem; border-radius: 15px; margin: 3rem 0; border: 2px solid var(--color-accent); }\n .knob-container { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 2rem; margin: 2rem 0; }\n .knob-group { text-align: center; }\n .knob-label { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; }\n .knob { width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(145deg, #1e293b, #0f172a); position: relative; box-shadow: 0 8px 20px rgba(0,0,0,0.5), inset 0 2px 5px rgba(255,255,255,0.1); cursor: pointer; transition: all 0.3s ease; }\n .knob:hover { box-shadow: 0 10px 25px rgba(56,189,248,0.4), inset 0 2px 5px rgba(255,255,255,0.1); }\n .knob-indicator { width: 4px; height: 50px; background: var(--color-accent); position: absolute; bottom: 50%; left: 50%; transform-origin: bottom center; transform: translateX(-50%) rotate(0deg); transition: transform 0.1s ease; border-radius: 2px; box-shadow: 0 0 10px var(--color-accent); }\n .knob-value { font-size: 1.5rem; font-weight: bold; margin-top: 1rem; color: var(--color-accent); }\n .audio-visualizer { width: 100%; height: 200px; background: var(--color-bg-base); border-radius: 10px; margin: 2rem 0; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 1rem; border: 2px solid var(--color-accent); }\n .bar { width: 15px; background: linear-gradient(to top, var(--color-accent), var(--color-accent-hover)); border-radius: 3px 3px 0 0; transition: height 0.1s ease; }\n .example-box { background: var(--color-bg-surface); padding: 1.5rem; margin: 1rem 0; border-radius: 8px; border-left: 4px solid var(--color-accent); }\n .audience-impact { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0; }\n .impact-card { background: linear-gradient(135deg, var(--color-bg-surface) 0%, var(--color-bg-elevated) 100%); padding: 1.5rem; border-radius: 10px; border: 2px solid rgba(56,189,248,0.3); text-align: center; }\n .impact-icon { font-size: 3rem; margin-bottom: 1rem; }\n .comparison-table { width: 100%; border-collapse: collapse; margin: 2rem 0; background: var(--color-bg-surface); border-radius: 10px; overflow: hidden; }\n .comparison-table th, .comparison-table td { padding: 1.2rem; text-align: left; border-bottom: 1px solid rgba(56,189,248,0.2); }\n .comparison-table th { background: var(--color-bg-elevated); color: var(--color-accent); font-weight: bold; font-size: 1.1rem; }\n .comparison-table tr:hover { background: rgba(56,189,248,0.1); }\n .tip-box { background: linear-gradient(135deg, rgba(56,189,248,0.1) 0%, rgba(56,189,248,0.05) 100%); border: 2px solid var(--color-accent); padding: 1.5rem; border-radius: 10px; margin: 2rem 0; }\n .tip-box strong { color: var(--color-accent); font-size: 1.2rem; }\n footer { background: var(--color-bg-elevated); padding: 2rem 0; text-align: center; margin-top: 4rem; border-top: 3px solid var(--color-accent); }\n\n \/* ===== TECHNIQUES REFERENCE ===== *\/\n .techniques-toc { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 2rem 0 3rem 0; }\n .toc-card { border-radius: 10px; padding: 1.2rem 1.5rem; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; font-weight: 600; font-size: 0.95rem; }\n .toc-card:hover { transform: translateY(-3px); filter: brightness(1.2); }\n .cat-section { margin: 2.5rem 0; border-radius: 14px; overflow: hidden; border: 2px solid rgba(255,255,255,0.08); }\n .cat-header { padding: 1.2rem 2rem; display: flex; align-items: center; gap: 1rem; cursor: pointer; user-select: none; transition: filter 0.2s; }\n .cat-header:hover { filter: brightness(1.15); }\n .cat-header h3 { margin: 0; font-size: 1.4rem; color: #fff; }\n .cat-count { margin-left: auto; background: rgba(0,0,0,0.3); border-radius: 20px; padding: 0.2rem 0.8rem; font-size: 0.85rem; color: rgba(255,255,255,0.8); }\n .cat-arrow { font-size: 1.2rem; transition: transform 0.3s; margin-left: 0.5rem; }\n .cat-arrow.open { transform: rotate(180deg); }\n .cat-body { padding: 0 1.5rem 1.5rem 1.5rem; background: var(--color-bg-elevated); }\n .tech-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; margin-top: 1.2rem; }\n .tech-card { background: var(--color-bg-surface); border-radius: 10px; padding: 1.2rem 1.5rem; border-left: 4px solid; transition: all 0.2s ease; cursor: pointer; }\n .tech-card:hover { transform: translateX(4px); background: #243048; }\n .tech-card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.4rem; }\n .tech-card-level { display: inline-block; font-size: 0.72rem; padding: 0.15rem 0.6rem; border-radius: 20px; margin-bottom: 0.6rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }\n .level-beginner { background: rgba(34,197,94,0.2); color: #4ade80; }\n .level-intermediate { background: rgba(234,179,8,0.2); color: #fbbf24; }\n .level-advanced { background: rgba(239,68,68,0.2); color: #f87171; }\n .level-expert { background: rgba(168,85,247,0.2); color: #c084fc; }\n .tech-card-desc { font-size: 0.88rem; color: var(--color-text-secondary); line-height: 1.5; }\n .tech-card-tags { margin-top: 0.6rem; display: flex; flex-wrap: wrap; gap: 0.3rem; }\n .tag { font-size: 0.7rem; padding: 0.1rem 0.5rem; border-radius: 10px; background: rgba(56,189,248,0.1); color: var(--color-accent); border: 1px solid rgba(56,189,248,0.2); }\n .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 9999; justify-content: center; align-items: center; padding: 2rem; }\n .modal-overlay.active { display: flex; }\n .modal { background: var(--color-bg-surface); border-radius: 16px; max-width: 750px; width: 100%; max-height: 88vh; overflow-y: auto; padding: 2.5rem; border: 2px solid var(--color-accent); position: relative; }\n .modal-close { position: absolute; top: 1rem; right: 1.5rem; font-size: 1.8rem; cursor: pointer; color: var(--color-text-muted); background: none; border: none; transition: color 0.2s; }\n .modal-close:hover { color: var(--color-accent); }\n .modal h3 { color: var(--color-accent); font-size: 1.6rem; margin-bottom: 0.5rem; }\n .modal-section { margin: 1.2rem 0; }\n .modal-section h4 { color: var(--color-text-primary); margin-bottom: 0.5rem; font-size: 1rem; border-bottom: 1px solid rgba(56,189,248,0.15); padding-bottom: 0.3rem; }\n .modal-section p, .modal-section li { color: var(--color-text-secondary); font-size: 0.95rem; line-height: 1.7; }\n .modal-section ol, .modal-section ul { padding-left: 1.5rem; }\n .modal-section li { margin-bottom: 0.3rem; }\n .modal-audience { background: rgba(56,189,248,0.08); border: 1px solid rgba(56,189,248,0.3); border-radius: 8px; padding: 1rem; margin-top: 1rem; }\n .modal-audience p { color: #7dd3fc; font-size: 0.95rem; }\n .signature-box { background: rgba(168,85,247,0.08); border: 1px solid rgba(168,85,247,0.3); border-radius: 8px; padding: 1rem; margin-top: 1rem; }\n .signature-box p { color: #c084fc; font-size: 0.95rem; }\n .search-bar-wrap { margin: 0 0 2rem 0; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }\n .search-input { flex: 1; min-width: 250px; background: var(--color-bg-elevated); border: 2px solid rgba(56,189,248,0.3); color: var(--color-text-primary); padding: 0.8rem 1.2rem; border-radius: 10px; font-size: 1rem; transition: border-color 0.2s; }\n .search-input:focus { outline: none; border-color: var(--color-accent); }\n .search-input::placeholder { color: var(--color-text-muted); }\n .filter-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n .filter-btn { padding: 0.5rem 1rem; border-radius: 20px; border: 2px solid rgba(255,255,255,0.15); background: transparent; color: var(--color-text-muted); font-size: 0.82rem; cursor: pointer; transition: all 0.2s; font-weight: 600; }\n .filter-btn:hover, .filter-btn.active { background: var(--color-accent); color: var(--color-bg-base); border-color: var(--color-accent); }\n .tech-count-badge { background: var(--color-bg-surface); border: 1px solid rgba(56,189,248,0.3); color: var(--color-accent); border-radius: 8px; padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 700; }\n .no-results { text-align: center; padding: 3rem; color: var(--color-text-muted); font-size: 1.1rem; }\n .hidden { display: none !important; }\n @media (max-width: 768px) {\n h1 { font-size: 2rem; } h2 { font-size: 1.8rem; }\n .nav-btn { padding: 0.5rem 1rem; font-size: 0.85rem; }\n .knob { width: 90px; height: 90px; } .knob-indicator { height: 40px; }\n .tech-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"container\">\n <h1>\ud83c\udfa7 DJ EQ-Techniken Masterclass<\/h1>\n <p class=\"subtitle\">Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum<\/p>\n <\/div>\n<\/header>\n\n<nav>\n <div class=\"nav-container\">\n <button class=\"nav-btn active\" onclick=\"showSection('intro',this)\">Einf\u00fchrung<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('frequencies',this)\">Frequenzbereiche<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('techniques',this)\">\ud83d\udcda Mischtechniken<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('simulator',this)\">EQ-Simulator<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('audience',this)\">Publikumswirkung<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('tips',this)\">Profi-Tipps<\/button>\n <\/div>\n<\/nav>\n\n<main class=\"container\">\n\n\n<section id=\"intro\" class=\"active\">\n <h2>Was ist EQ beim DJing?<\/h2>\n <div class=\"freq-section\">\n <p style=\"font-size:1.2rem;line-height:1.8;\">\n <strong>Equalizer (EQ)<\/strong> ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen.\n Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, dass zwei Tracks gleichzeitig um denselben klanglichen Raum konkurrieren.\n <\/p>\n <\/div>\n <div class=\"intro-grid\">\n <div class=\"card\"><div class=\"icon\">\ud83d\udd0a<\/div><h3>Klangformung<\/h3><p>EQ formt den Klang jedes Tracks individuell und passt ihn an den Mix an.<\/p><\/div>\n <div class=\"card\"><div class=\"icon\">\ud83c\udf9b\ufe0f<\/div><h3>\u00dcberg\u00e4nge<\/h3><p>Smooth Transitions entstehen durch geschicktes Austauschen von Frequenzbereichen zwischen Tracks.<\/p><\/div>\n <div class=\"card\"><div class=\"icon\">\ud83c\udfb5<\/div><h3>Raumanpassung<\/h3><p>EQ kompensiert die Akustik des Raums und sorgt daf\u00fcr, dass der Mix in verschiedenen Locations optimal klingt.<\/p><\/div>\n <div class=\"card\"><div class=\"icon\">\u26a1<\/div><h3>Energie-Kontrolle<\/h3><p>Durch gezieltes Boosten und Cutten von Frequenzen steuerst du die Energie auf der Tanzfl\u00e4che.<\/p><\/div>\n <\/div>\n <div class=\"tip-box\" style=\"margin-top:3rem;\">\n <strong>\ud83d\udca1 Grundprinzip:<\/strong> Die meisten DJ-Mixer haben ein 3-Band-EQ (Low, Mid, High). Die goldene Regel: <em>Lieber cutten als boosten!<\/em>\n <\/div>\n<\/section>\n\n\n<section id=\"frequencies\">\n <h2>Die drei Frequenzbereiche<\/h2>\n <div class=\"freq-section freq-low\">\n <h3 style=\"color:var(--color-low);\">\ud83d\udd34 LOWS (20 Hz \u2013 200 Hz)<\/h3>\n <p><strong>Enth\u00e4lt:<\/strong> Kick Drum, Bassline, Sub-Bass | <strong>Funktion:<\/strong> Fundament des Tracks<\/p>\n <div class=\"example-box\"><h4>Charakteristik:<\/h4><ul><li>Erzeugt k\u00f6rperliche Vibration und Energie<\/li><li>Tr\u00e4gt die meiste Energie im Dance-Music-Spektrum<\/li><li>Zwei Basslines gleichzeitig = matschiger Sound<\/li><li>Wichtigster Bereich f\u00fcr Bass-Swaps<\/li><\/ul><\/div>\n <div class=\"example-box\"><h4>Wirkung:<\/h4><p>\ud83c\udfaf Der Bass wird <strong>k\u00f6rperlich gesp\u00fcrt<\/strong>, nicht nur geh\u00f6rt. Er treibt die Tanzfl\u00e4che an.<\/p><\/div>\n <\/div>\n <div class=\"freq-section freq-mid\">\n <h3 style=\"color:var(--color-mid);\">\ud83d\udfe2 MIDS (200 Hz \u2013 5 kHz)<\/h3>\n <p><strong>Enth\u00e4lt:<\/strong> Vocals, Melodien, Synths, Gitarren | <strong>Funktion:<\/strong> Seele des Tracks<\/p>\n <div class=\"example-box\"><h4>Charakteristik:<\/h4><ul><li>Hier leben Hooks, Melodien und Vocals<\/li><li>Am schnellsten \u00fcberladen<\/li><li>Upper Mids (2\u20134 kHz) = Pr\u00e4senz und Durchsetzungskraft<\/li><\/ul><\/div>\n <div class=\"example-box\"><h4>Wirkung:<\/h4><p>\ud83c\udfaf Die Mids tragen die <strong>emotionale Botschaft<\/strong>. Vocals erzeugen Verbindung und Wiedererkennung.<\/p><\/div>\n <\/div>\n <div class=\"freq-section freq-high\">\n <h3 style=\"color:var(--color-high);\">\ud83d\udfe1 HIGHS (5 kHz \u2013 20 kHz)<\/h3>\n <p><strong>Enth\u00e4lt:<\/strong> Hi-Hats, Cymbals, Claps, Percussion | <strong>Funktion:<\/strong> Groove und Brillanz<\/p>\n <div class=\"example-box\"><h4>Charakteristik:<\/h4><ul><li>Erzeugt Luftigkeit und Sparkle<\/li><li>K\u00f6nnen am besten gelayert werden<\/li><li>Zu viel = schrill, zu wenig = dumpf<\/li><\/ul><\/div>\n <div class=\"example-box\"><h4>Wirkung:<\/h4><p>\ud83c\udfaf Die Highs erzeugen <strong>Bewegung und Groove<\/strong>. Oft zuerst eingef\u00fchrt bei neuen Tracks.<\/p><\/div>\n <\/div>\n <div class=\"tip-box\">\n <strong>\u26a0\ufe0f Die Clash-Regel:<\/strong><br>\n \u2022 <span style=\"color:var(--color-high);\">HIGHS<\/span> k\u00f6nnen \u00fcbereinander liegen \u2705<br>\n \u2022 <span style=\"color:var(--color-mid);\">MIDS<\/span> konkurrieren stark (nur einer dominant) \u26a0\ufe0f<br>\n \u2022 <span style=\"color:var(--color-low);\">LOWS<\/span> d\u00fcrfen NIE gleichzeitig voll laufen \u274c\n <\/div>\n<\/section>\n\n\n<section id=\"techniques\">\n <h2>\ud83d\udcda Mischtechniken \u2013 Vollst\u00e4ndiges Nachschlagewerk<\/h2>\n <p style=\"text-align:center;font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem;\">\n 57 Techniken in 8 Kategorien \u00b7 Klicke auf eine Technik f\u00fcr alle Details\n <\/p>\n <div class=\"search-bar-wrap\">\n <input class=\"search-input\" type=\"text\" id=\"techSearch\" placeholder=\"\ud83d\udd0d Technik suchen...\" oninput=\"filterTechniques()\">\n <div class=\"filter-btns\">\n <button class=\"filter-btn active\" onclick=\"setLevelFilter('all',this)\">Alle Level<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('beginner',this)\" style=\"color:#4ade80;\">Beginner<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('intermediate',this)\" style=\"color:#fbbf24;\">Intermediate<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('advanced',this)\" style=\"color:#f87171;\">Advanced<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('expert',this)\" style=\"color:#c084fc;\">Expert<\/button>\n <\/div>\n <div class=\"tech-count-badge\" id=\"techCount\">57 Techniken<\/div>\n <\/div>\n <div class=\"techniques-toc\" id=\"techTOC\">\n <div class=\"toc-card\" style=\"background:rgba(56,189,248,0.1);border:2px solid var(--color-cat1);\" onclick=\"scrollToCategory('cat1')\">\ud83c\udf9b\ufe0f Grundlegende EQ<small style=\"opacity:0.7;display:block;\">7 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(167,139,250,0.1);border:2px solid var(--color-cat2);\" onclick=\"scrollToCategory('cat2')\">\ud83c\udf0a Filter-Techniken<small style=\"opacity:0.7;display:block;\">6 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(244,114,182,0.1);border:2px solid var(--color-cat3);\" onclick=\"scrollToCategory('cat3')\">\ud83d\udd00 \u00dcberg\u00e4nge<small style=\"opacity:0.7;display:block;\">10 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(52,211,153,0.1);border:2px solid var(--color-cat4);\" onclick=\"scrollToCategory('cat4')\">\ud83c\udfa8 Kreativ & Harmonic<small style=\"opacity:0.7;display:block;\">9 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(251,146,60,0.1);border:2px solid var(--color-cat5);\" onclick=\"scrollToCategory('cat5')\">\ud83c\udfa4 Performance & Scratch<small style=\"opacity:0.7;display:block;\">8 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(250,204,21,0.1);border:2px solid var(--color-cat6);\" onclick=\"scrollToCategory('cat6')\">\ud83c\udf9a\ufe0f FX-gest\u00fctzt<small style=\"opacity:0.7;display:block;\">8 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(248,113,113,0.1);border:2px solid var(--color-cat7);\" onclick=\"scrollToCategory('cat7')\">\u26a1 Energie-Management<small style=\"opacity:0.7;display:block;\">6 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(129,140,248,0.1);border:2px solid var(--color-cat8);\" onclick=\"scrollToCategory('cat8')\">\ud83c\udfb5 Genre-spezifisch<small style=\"opacity:0.7;display:block;\">6 Techniken<\/small><\/div>\n <\/div>\n <div id=\"techContent\"><\/div>\n <div class=\"no-results hidden\" id=\"noResults\">Keine Techniken gefunden.<\/div>\n<\/section>\n\n\n<section id=\"simulator\">\n <h2>Interaktiver EQ-Simulator<\/h2>\n <p style=\"text-align:center;font-size:1.2rem;margin-bottom:2rem;\">Experimentiere mit den EQ-Reglern und beobachte die Auswirkungen!<\/p>\n <div class=\"eq-simulator\">\n <h3 style=\"text-align:center;margin-bottom:2rem;\">Track A (Aktueller Track)<\/h3>\n <div class=\"knob-container\">\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-low);\">LOW<\/div><div class=\"knob\" id=\"knobLowA\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-low);\"><\/div><\/div><div class=\"knob-value\" id=\"valueLowA\">50%<\/div><small style=\"color:var(--color-text-muted);\">20\u2013200 Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-mid);\">MID<\/div><div class=\"knob\" id=\"knobMidA\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-mid);\"><\/div><\/div><div class=\"knob-value\" id=\"valueMidA\">50%<\/div><small style=\"color:var(--color-text-muted);\">200\u20135k Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-high);\">HIGH<\/div><div class=\"knob\" id=\"knobHighA\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-high);\"><\/div><\/div><div class=\"knob-value\" id=\"valueHighA\">50%<\/div><small style=\"color:var(--color-text-muted);\">5\u201320k Hz<\/small><\/div>\n <\/div>\n <div class=\"audio-visualizer\" id=\"visualizerA\"><\/div>\n <\/div>\n <div class=\"eq-simulator\" style=\"margin-top:3rem;\">\n <h3 style=\"text-align:center;margin-bottom:2rem;\">Track B (Einkommender Track)<\/h3>\n <div class=\"knob-container\">\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-low);\">LOW<\/div><div class=\"knob\" id=\"knobLowB\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-low);\"><\/div><\/div><div class=\"knob-value\" id=\"valueLowB\">50%<\/div><small style=\"color:var(--color-text-muted);\">20\u2013200 Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-mid);\">MID<\/div><div class=\"knob\" id=\"knobMidB\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-mid);\"><\/div><\/div><div class=\"knob-value\" id=\"valueMidB\">50%<\/div><small style=\"color:var(--color-text-muted);\">200\u20135k Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-high);\">HIGH<\/div><div class=\"knob\" id=\"knobHighB\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-high);\"><\/div><\/div><div class=\"knob-value\" id=\"valueHighB\">50%<\/div><small style=\"color:var(--color-text-muted);\">5\u201320k Hz<\/small><\/div>\n <\/div>\n <div class=\"audio-visualizer\" id=\"visualizerB\"><\/div>\n <\/div>\n <div class=\"tip-box\" style=\"margin-top:3rem;\">\n <strong>\ud83c\udfae Szenarien:<\/strong><br>\n <button class=\"nav-btn\" onclick=\"setScenario('bassSwap')\" style=\"margin:0.5rem;\">Bass-Swap<\/button>\n <button class=\"nav-btn\" onclick=\"setScenario('layering')\" style=\"margin:0.5rem;\">High-Mid-Low<\/button>\n <button class=\"nav-btn\" onclick=\"setScenario('frequency')\" style=\"margin:0.5rem;\">Freq. Layering<\/button>\n <button class=\"nav-btn\" onclick=\"setScenario('reset')\" style=\"margin:0.5rem;\">Reset<\/button>\n <\/div>\n<\/section>\n\n\n<section id=\"audience\">\n <h2>Wirkung auf das Publikum<\/h2>\n <div class=\"freq-section\"><h3>Psychoakustische Effekte<\/h3><p>Jede EQ-Entscheidung hat eine direkte Auswirkung auf die emotionale und k\u00f6rperliche Reaktion des Publikums.<\/p><\/div>\n <div class=\"audience-impact\">\n <div class=\"impact-card\"><div class=\"impact-icon\">\ud83d\udcaa<\/div><h3>Bass-Energie<\/h3><p><strong>Low-Frequenzen (20\u2013200 Hz)<\/strong><\/p><p>Werden k\u00f6rperlich gesp\u00fcrt, erzeugen Vibration, treiben Bewegung an<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Macht das Publikum aktiver<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\u2764\ufe0f<\/div><h3>Emotionale Verbindung<\/h3><p><strong>Mid-Frequenzen (200\u20135k Hz)<\/strong><\/p><p>Vocals und Melodien erzeugen emotionale Resonanz und Wiedererkennung<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Schafft Verbindung und Erinnerungen<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\u2728<\/div><h3>Groove & Detail<\/h3><p><strong>High-Frequenzen (5\u201320k Hz)<\/strong><\/p><p>Hi-Hats erzeugen rhythmische Textur und Bewegung<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: H\u00e4lt das Publikum engaged<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\ud83c\udf0a<\/div><h3>Flow & Kontinuit\u00e4t<\/h3><p><strong>Sanfte \u00dcberg\u00e4nge<\/strong><\/p><p>Smooth EQ-Wechsel verhindern Unterbrechungen und halten den Fluss<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Publikum bleibt in Trance<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\u26a1<\/div><h3>Spannung & Release<\/h3><p><strong>Dramatische Cuts<\/strong><\/p><p>Entfernen von Frequenzen baut Spannung auf, Re-Entry erzeugt Euphorie<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Energie-Explosionen<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\ud83c\udfaf<\/div><h3>Klarheit<\/h3><p><strong>Sauberes Mixing<\/strong><\/p><p>Keine Frequenz-Clashes = klarer, definierter Sound<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Publikum kann genie\u00dfen<\/p><\/div>\n <\/div>\n <div class=\"technique-item\" style=\"margin-top:3rem;\">\n <h3>Energie-Management durch EQ<\/h3>\n <table class=\"comparison-table\">\n <thead><tr><th>Situation<\/th><th>EQ-Technik<\/th><th>Publikumsreaktion<\/th><\/tr><\/thead>\n <tbody>\n <tr><td><strong>Build-Up<\/strong><\/td><td>Schrittweises Reduzieren der Lows, High-Pass Filter<\/td><td>Spannung steigt, Publikum erwartet den Drop<\/td><\/tr>\n <tr><td><strong>Drop<\/strong><\/td><td>Explosives Wiedereinf\u00fchren aller Frequenzen<\/td><td>Euphorie, maximale Energie<\/td><\/tr>\n <tr><td><strong>Breakdown<\/strong><\/td><td>Lows raus, Mids und Highs dominieren<\/td><td>Entspannung, melodischer Moment<\/td><\/tr>\n <tr><td><strong>Intensivierung<\/strong><\/td><td>Graduelles Hinzuf\u00fcgen von Lows und Mids<\/td><td>Steigende Energie, Vorfreude<\/td><\/tr>\n <tr><td><strong>Transition<\/strong><\/td><td>Smooth Frequency-Swap zwischen Tracks<\/td><td>Nahtlose Fortsetzung, kein Energie-Verlust<\/td><\/tr>\n <tr><td><strong>Peak-Time<\/strong><\/td><td>Volle Frequenzen, minimale Manipulation<\/td><td>Maximale Energie, Ekstase<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"tip-box\"><strong>\ud83c\udfad Die psychologische Dimension:<\/strong> Das Publikum nimmt EQ-\u00c4nderungen oft unbewusst wahr. Ein schlechter Mix erzeugt Unbehagen ohne erkennbaren Grund. Deine EQ-Skills sind der Unterschied zwischen „Das war okay“ und „Das war unglaublich!“<\/div>\n<\/section>\n\n\n<section id=\"tips\">\n <h2>Profi-Tipps & Best Practices<\/h2>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83c\udfaf<\/span><span>Cut Before Boost \u2013 Die goldene Regel<\/span><\/div><div class=\"example-box\"><p><strong>Warum?<\/strong> Boosten erh\u00f6ht den Gesamtpegel und f\u00fchrt zu Verzerrungen. Cutten schafft Raum bei konstanter Dynamik. Nutze den Gain-Regler zum Ausgleich, nicht den EQ-Boost.<\/p><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83d\udc42<\/span><span>Split Cue Mixing<\/span><\/div><div class=\"example-box\"><p>Master im rechten Ohr, Cue im linken Ohr. Du h\u00f6rst beide Tracks gleichzeitig in Stereo und kannst Frequenz-Clashes pr\u00e4zise identifizieren.<\/p><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83c\udf9a\ufe0f<\/span><span>Isolator Mode vs. Standard EQ<\/span><\/div><div class=\"example-box\"><p>Im Isolator-Modus wird bei Minimum die Frequenz komplett eliminiert (Kill). F\u00fcr dramatische Effekte ideal. Standard-EQ ist besser f\u00fcr smooth Transitions.<\/p><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83d\udd0a<\/span><span>Raumanpassung (Room EQ)<\/span><\/div><div class=\"example-box\"><p>In den ersten 30 Minuten Kopfh\u00f6rer abnehmen und lauschen:<\/p><ul><li>Zu dumpf? \u2192 Highs anheben<\/li><li>Zu viel Bass? \u2192 Lows global reduzieren<\/li><li>Vocals unter? \u2192 Mids betonen<\/li><\/ul><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\u23f1\ufe0f<\/span><span>Timing & Phrasierung<\/span><\/div><div class=\"example-box\"><ul><li><strong>8 Beats:<\/strong> Techno, Drum & Bass<\/li><li><strong>16 Beats:<\/strong> Standard f\u00fcr House, Dance, EDM<\/li><li><strong>32 Beats:<\/strong> Lange, epische Transitions<\/li><\/ul><\/div><\/div>\n <div class=\"freq-section\" style=\"margin-top:3rem;\">\n <h3>H\u00e4ufige Fehler vermeiden<\/h3>\n <div class=\"example-box\" style=\"background:rgba(239,68,68,0.1);border-left-color:var(--color-low);\">\n <h4>\u274c Die „No-Go“ Liste:<\/h4>\n <ul>\n <li>Zwei volle Basslines gleichzeitig<\/li><li>Alle EQs dauerhaft auf 12 Uhr<\/li><li>Zu viel Boosten<\/li>\n <li>EQs nach \u00dcbergang nicht zur\u00fccksetzen<\/li><li>Zu schnelle EQ-Bewegungen<\/li>\n <li>Nur auf Kopfh\u00f6rer vertrauen<\/li><li>Phrasierung ignorieren<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"tip-box\"><strong>\ud83c\udfc6 Master-Tipp:<\/strong> Die besten DJs bewegen die EQs konstant, aber subtil. Kleine, kontinuierliche Korrekturen halten den Mix perfekt ausbalanciert \u2013 wie das Lenken eines Autos.<\/div>\n<\/section>\n\n<\/main>\n\n<footer>\n <div class=\"container\">\n <p>\u00a9 2026 DJ EQ-Techniken Masterclass | Vollst\u00e4ndiges Nachschlagewerk f\u00fcr professionelles DJing<\/p>\n <p style=\"margin-top:0.5rem;color:var(--color-text-muted);\">57 Techniken \u00b7 8 Kategorien \u00b7 Vollst\u00e4ndig dokumentiert<\/p>\n <\/div>\n<\/footer>\n\n\n<div class=\"modal-overlay\" id=\"techModal\" onclick=\"closeModalOnOverlay(event)\">\n <div class=\"modal\" id=\"modalContent\">\n <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\n <div id=\"modalBody\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ============================================================\n\/\/ TECHNIQUE DATA \u2013 57 Techniken, 8 Kategorien\n\/\/ ============================================================\nconst CATEGORIES = [\n {\n id:'cat1', name:'\ud83c\udf9b\ufe0f Grundlegende EQ-Techniken', color:'#38bdf8', bg:'rgba(56,189,248,0.08)',\n techniques:[\n { name:'Bass-Swap', level:'beginner', tags:['EQ','Bass','Must-Know'],\n summary:'Sauberer Austausch der Basslines zwischen zwei Tracks.',\n description:'Der Low-EQ von Track B wird komplett runtergedreht, bevor er in den Mix kommt. Beim \u00dcbergang wird Low A langsam reduziert und Low B gleichzeitig auf 12 Uhr hochgedreht.',\n steps:['Track B beatmatchen, Low-EQ auf Minimum','Beim Phrasenwechsel: Low A langsam runterdrehen','Gleichzeitig: Low B auf 12 Uhr hochdrehen','Sicherstellen, dass nie beide B\u00e4sse voll laufen','Track A vollst\u00e4ndig entfernen'],\n why:'Zwei Basslines gleichzeitig erzeugen matschigen Sound und Phasenausl\u00f6schung.',\n audience:'\ud83d\udca5 Kaum als \u00dcbergang h\u00f6rbar \u2013 die Energie bleibt konstant, die Tanzfl\u00e4che bleibt in Bewegung.',\n signature:'\ud83c\udfa4 Carl Cox: Bekannt f\u00fcr extrem pr\u00e4zise Bass-Swaps in 4-Deck-Sets.',\n genres:'House, Techno, Trance, EDM' },\n { name:'High-Mid-Low Layering', level:'beginner', tags:['EQ','Layering','Smooth'],\n summary:'Schrittweise Einf\u00fchrung von Highs \u2192 Mids \u2192 Lows f\u00fcr seidenweiche \u00dcberg\u00e4nge.',\n description:'Track B wird in drei Phasen eingef\u00fchrt: zuerst nur die H\u00f6hen, dann Mitten, schlie\u00dflich Bass. Parallel werden diese B\u00e4nder bei Track A reduziert.',\n steps:['Track B: Low + Mid auf Minimum, High auf 12 Uhr','Fader hochziehen \u2013 nur Hi-Hats von B h\u00f6rbar','Mid B hoch + Mid A runter (gleichzeitig)','Low B hoch + Low A runter (gleichzeitig)','Track A vollst\u00e4ndig entfernen'],\n why:'Das schrittweise Einf\u00fchren schont den Frequenzraum und erzeugt einen nat\u00fcrlichen, evolution\u00e4ren \u00dcbergang.',\n audience:'\ud83c\udf0a F\u00fchlt sich wie eine sanfte Welle an. Das Publikum erlebt eine nat\u00fcrliche Evolution.',\n signature:'\ud83c\udfa4 Ricardo Villalobos: Meister des langsamen, minimalen Layerings.',\n genres:'House, Minimal, Techno' },\n { name:'Frequency Layering', level:'intermediate', tags:['EQ','3 Decks','Kreativ'],\n summary:'Mehrere Tracks gleichzeitig, jeder in seinem eigenen Frequenzraum.',\n description:'Verschiedene Tracks \u00fcbernehmen unterschiedliche Frequenzbereiche: Track A liefert Bass, Track B die Melodie, Track C die Percussion.',\n steps:['Track A: Lows voll, Mids + Highs reduziert','Track B: Mids voll, Lows + Highs reduziert','Track C: Highs voll, Lows + Mids reduziert','Kontinuierlich balancieren und Elemente bei Bedarf tauschen'],\n why:'Jeder Track \u00fcbernimmt eine klare Rolle im Spektrum, was Clashes vermeidet.',\n audience:'\ud83c\udfa8 Erzeugt einen reicheren, dynamischeren Sound wie eine einzige organische Komposition.',\n signature:'\ud83c\udfa4 Jeff Mills: Nutzt bis zu 3 Turntables mit Frequenz-Rollenteilung.',\n genres:'Techno, House, Drum & Bass' },\n { name:'Carving (Frequenz-Aush\u00f6hlen)', level:'intermediate', tags:['EQ','Cut','Klarheit'],\n summary:'Schaffe Platz f\u00fcr Elemente durch gezieltes Cutten konkurrierender Frequenzen.',\n description:'Statt ein Element zu boosten, werden andere Elemente im gleichen Frequenzbereich leicht reduziert \u2013 das \"carves out\" Platz.',\n steps:['Identifiziere das Element, das hervorstechen soll','Suche konkurrierende Frequenzen in anderen Tracks','Reduziere diese Frequenzen leicht (\u20133 bis \u20136 dB)','Kompensiere Lautst\u00e4rkeverlust mit Gain-Regler'],\n why:'Boosten erh\u00f6ht den Gesamtpegel. Cutten schafft Raum ohne Dynamikverlust.',\n audience:'\ud83c\udfaf Jedes Element hat seinen Platz \u2013 das Publikum h\u00f6rt jeden Teil klar.',\n genres:'Alle Genres' },\n { name:'EQ Kill', level:'beginner', tags:['EQ','Effekt','Dramatisch'],\n summary:'Komplettes Entfernen eines Frequenzbandes f\u00fcr dramatische Effekte.',\n description:'Ein EQ-Band wird auf das absolute Minimum gedreht (Kill), wodurch dieser Frequenzbereich komplett verschwindet. Besonders effektiv als Bass-Kill.',\n steps:['EQ-Regler schnell auf Minimum (7-Uhr-Position)','Kill f\u00fcr 2, 4 oder 8 Beats halten','Band explosiv zur\u00fcck auf 12 Uhr bringen','Mit anderen Effekten kombinieren'],\n why:'Die pl\u00f6tzliche Abwesenheit erzeugt Spannung, der Re-Entry einen \u00dcberraschungseffekt.',\n audience:'\u26a1 Der Moment wenn der Bass zur\u00fcckkommt kann die Tanzfl\u00e4che explodieren lassen.',\n signature:'\ud83c\udfa4 Richie Hawtin: Meister subtiler, kontinuierlicher EQ-Micro-Kills.',\n genres:'Techno, House, EDM' },\n { name:'Gain Staging', level:'beginner', tags:['EQ','Pegel','Grundlage'],\n summary:'Korrektes Einstellen der Eingangspegel aller Tracks als Basis f\u00fcr alle EQ-Techniken.',\n description:'Den Gain-Regler so einstellen, dass alle Tracks bei gleichem Fader-Stand gleich laut klingen. Verhindert Verzerrungen beim Layern.',\n steps:['Track alleine abspielen, EQ auf 12 Uhr','Gain einstellen bis Pegelanzeige \u20136 bis \u20133 dB','Clipping (rote LED) vermeiden','F\u00fcr jeden Track vor dem Mix wiederholen'],\n why:'Ohne korrektes Gain Staging riskierst du Verzerrungen und inkonsistente Lautst\u00e4rken.',\n audience:'\ud83c\udfaf Unsichtbar, aber fundamental \u2013 korrekt gestaged Tracks klingen klarer.',\n genres:'Alle Genres \u2013 absolute Grundlage' },\n { name:'Cut Before Boost (Goldene Regel)', level:'beginner', tags:['EQ','Grundregel','Headroom'],\n summary:'Lieber Frequenzen absenken als anheben \u2013 das wichtigste EQ-Prinzip.',\n description:'Wenn ein Element mehr Pr\u00e4senz braucht: zuerst konkurrierende Elemente cutten, nicht das gew\u00fcnschte Element boosten.',\n steps:['Identifiziere: Welches Element klingt nicht laut genug?','Vermeide den Impuls zu boosten','Finde konkurrierende Elemente im gleichen Band','Reduziere diese anderen Elemente leicht','Kompensiere mit Gain, nicht mit EQ-Boost'],\n why:'EQ-Boost erh\u00f6ht den Gesamtpegel, reduziert Headroom und f\u00fchrt zu Verzerrungen.',\n audience:'\ud83c\udfaf Klarer, verzerrungsfreier Mix bei konstanter Lautst\u00e4rke.',\n genres:'Alle Genres' }\n ]\n },\n {\n id:'cat2', name:'\ud83c\udf0a Filter-Techniken', color:'#a78bfa', bg:'rgba(167,139,250,0.08)',\n techniques:[\n { name:'High-Pass Filter Sweep (HPF)', level:'beginner', tags:['Filter','Build-Up','Spannung'],\n summary:'Entfernung tiefer Frequenzen durch Hochpassfilter \u2013 Spannung vor dem Drop.',\n description:'Ein High-Pass Filter l\u00e4sst nur Frequenzen oberhalb eines Cutoffs durch. Wird der Cutoff hochgedreht, verschwindet erst Bass, dann Mitten.',\n steps:['High-Pass Filter auf ausgehendem Track aktivieren','Cutoff langsam nach oben drehen (16\u201332 Beats)','Track klingt immer d\u00fcnner und h\u00f6her','Am H\u00f6hepunkt: nur noch Hi-Hats h\u00f6rbar','Neuen Track ohne Filter einbringen'],\n why:'Das Reduzieren der tiefen Frequenzen erzeugt physisches Gef\u00fchl von Leere.',\n audience:'\u26a1 Das Publikum sp\u00fcrt die zunehmende Spannung k\u00f6rperlich und erwartet den Drop.',\n signature:'\ud83c\udfa4 Armin van Buuren: HPF-Sweep als Standard-Build-Up in Trance-Sets.',\n genres:'Trance, EDM, House, Techno' },\n { name:'Low-Pass Filter Sweep (LPF)', level:'beginner', tags:['Filter','Breakdown','Dumpf'],\n summary:'Entfernung hoher Frequenzen f\u00fcr einen dumpfen, unterirdischen Sound.',\n description:'Ein Low-Pass Filter l\u00e4sst nur Frequenzen unterhalb des Cutoffs durch. Beim Runterdrehen verschwinden Hi-Hats, dann Melodien.',\n steps:['Low-Pass Filter aktivieren','Cutoff schrittweise nach unten drehen','Track klingt immer dumpfer (\"unter Wasser\")','Neuen Track einbringen','Filter langsam \u00f6ffnen f\u00fcr Re-Entry'],\n why:'Ein ged\u00e4mpfter Sound erzeugt Distanz und Raum, perfekt f\u00fcr Breakdowns.',\n audience:'\ud83c\udf0a Erzeugt ein Gef\u00fchl von Unterwasser. Das Publikum tritt kurz aus der Energie heraus.',\n genres:'House, Techno, Minimal, Ambient' },\n { name:'Bandpass Filter', level:'intermediate', tags:['Filter','Kreativ','Lo-Fi'],\n summary:'Nur ein schmales Frequenzband bleibt h\u00f6rbar \u2013 Radio- oder Telefon-Sound.',\n description:'Kombiniert HPF + LPF: Nur ein schmales Band in der Mitte bleibt h\u00f6rbar, ergibt einen lo-fi, telefonartigen Klang.',\n steps:['HPF + LPF kombinieren (Bandpass-Modus)','Schmales Frequenzband einstellen (z.B. 500 Hz\u20132 kHz)','F\u00fcr kurze Momente nutzen (2\u20134 Beats)','Filter explosiv \u00f6ffnen f\u00fcr Full-Spectrum-Drop'],\n why:'Der Kontrast zwischen Bandpass und Full-Spectrum ist enorm.',\n audience:'\ud83c\udfa4 Erzeugt ein \"Radio-Nostalgie\"-Gef\u00fchl. Der Contrast-Drop ist sehr wirkungsvoll.',\n genres:'House, Techno, Electro, Experimental' },\n { name:'Filter + EQ Kombination', level:'intermediate', tags:['Filter','EQ','Kreativ'],\n summary:'Maximale kreative Kontrolle durch simultanes Bewegen von Filter und EQ.',\n description:'Filter und EQ werden gleichzeitig manipuliert. W\u00e4hrend ein HPF-Sweep l\u00e4uft, wird der Bass-EQ des anderen Tracks eingeblendet.',\n steps:['HPF auf Track A langsam \u00f6ffnen','Gleichzeitig Low-EQ Track B einblenden','Mid A herausdrehen, Mid B einblenden','Filter schlie\u00dfen wenn Track B \u00fcbernommen hat'],\n why:'Zwei Werkzeuge gleichzeitig erm\u00f6glichen fl\u00fcssigere, komplexere \u00dcberg\u00e4nge.',\n audience:'\ud83d\udd25 Professionell klingende \u00dcberg\u00e4nge die das Publikum begeistern.',\n genres:'Alle Genres' },\n { name:'Filter Drop', level:'intermediate', tags:['Filter','Drop','Dramatisch'],\n summary:'Filter komplett schlie\u00dfen vor dem Drop, dann explosiver Re-Entry mit vollem Spektrum.',\n description:'In den letzten 4\u20138 Beats vor dem Drop wird ein Filter komplett geschlossen. Der Drop \u00f6ffnet den Filter schlagartig.',\n steps:['Build-Up: HPF langsam nach oben drehen','Letzte 4 Beats: Filter auf Maximum','Beat 1 des Drops: Filter sofort zur\u00fcck auf 0','Gleichzeitig: Bass mit voller Kraft'],\n why:'Totales Entfernen aller Frequenzen maximiert den Kontrast und die emotionale Wirkung.',\n audience:'\ud83d\udca5 Das Publikum wird f\u00f6rmlich in den Drop geschossen \u2013 Euphorie garantiert.',\n signature:'\ud83c\udfa4 Martin Garrix, Hardwell: Filter Drop als Standard-Dramaturgie im Big Room.',\n genres:'EDM, Trance, Big Room House' },\n { name:'Resonance Sweep', level:'advanced', tags:['Filter','Resonanz','Acid','Wobble'],\n summary:'Erh\u00f6hen der Filter-Resonanz beim Sweep erzeugt den charakteristischen Acid-Wobble.',\n description:'Beim Filter-Sweep wird der Q-Faktor (Resonanz) erh\u00f6ht, was einen singenden, quiekenden Sweep erzeugt \u2013 typisch f\u00fcr Acid House.',\n steps:['Filter-Sweep starten','Resonanz-Regler (Q) gleichzeitig erh\u00f6hen','Charakteristischen Wobble\/Quieken erzeugen','Resonanz vor dem Drop zur\u00fcckdrehen','Filter f\u00fcr Drop \u00f6ffnen'],\n why:'Hohe Resonanz am Cutoff-Punkt erzeugt Selbstoszillation \u2013 ein melodisches Element.',\n audience:'\ud83c\udf00 Hypnotische, psychedelische Wirkung. Typisch f\u00fcr Acid House und Techno.',\n signature:'\ud83c\udfa4 Aphex Twin, 808 State: Acid-Resonanz als Markenzeichen.',\n genres:'Acid House, Techno, Electro, Psytrance' }\n ]\n },\n {\n id:'cat3', name:'\ud83d\udd00 \u00dcbergangs-Techniken', color:'#f472b6', bg:'rgba(244,114,182,0.08)',\n techniques:[\n { name:'Hard Cut (Schnitt)', level:'beginner', tags:['\u00dcbergang','Dramatisch','Schnell'],\n summary:'Abrupter Wechsel von Track A zu Track B ohne \u00dcberblendung.',\n description:'Track A wird durch schnelles Faderziehen oder direktes Stoppen beendet. Track B beginnt sofort. Kein EQ-\u00dcbergang, kein Blending.',\n steps:['Track B beatmatchen und auf Beat vorbereiten','Crossfader scharf von A nach B schieben','Oder: Fader A schlagartig schlie\u00dfen','Track B l\u00e4uft sofort mit vollem Spektrum'],\n why:'Maximaler Kontrast und \u00dcberraschung. Funktioniert besonders bei \u00e4hnlicher Energie.',\n audience:'\u26a1 Der Hard Cut funktioniert wie ein Reset \u2013 Energie springt sofort auf neues Level.',\n signature:'\ud83c\udfa4 DJ EZ: Blitzschnelle Hard Cuts als Signature im UK Garage Style.',\n genres:'UK Garage, Drum & Bass, Hip-Hop, Techno' },\n { name:'Smooth Blend', level:'beginner', tags:['\u00dcbergang','Blend','Lang','Flie\u00dfend'],\n summary:'Langsames, seidenweichen Ineinanderflie\u00dfen zweier Tracks \u00fcber 16\u201364 Beats.',\n description:'Track B wird graduell eingeblendet, w\u00e4hrend Track A ausgeblendet wird. EQ und Fader werden schrittweise bewegt.',\n steps:['Track B beatmatchen','Fader Track B langsam hochziehen (16\u201332 Beats)','EQ-Anpassungen (Bass-Swap etc.) durchf\u00fchren','Track A schrittweise ausblenden','\u00dcbergang nahtlos \u2013 Publikum merkt nicht wann A endet'],\n why:'Erh\u00e4lt den energetischen Fluss, erzeugt keine Unterbrechung.',\n audience:'\ud83c\udf0a Kontinuierliche Reise ohne Bruch \u2013 ideal f\u00fcr lange hypnotische Sets.',\n genres:'Techno, Minimal, House, Ambient' },\n { name:'Echo-Out Transition', level:'intermediate', tags:['\u00dcbergang','Echo','FX'],\n summary:'Track A verblasst mit Echo-Effekt, Track B kommt sauber herein.',\n description:'Ein Hall\/Echo-Effekt wird auf Track A gelegt bevor der Fader runtergeht. Das Echo l\u00e4sst den Track \"ausklingen\" und maskiert den \u00dcbergang.',\n steps:['Echo\/Reverb auf Track A aktivieren (hohe Decay-Zeit)','Fader Track A langsam runterziehen','Track B sauber ohne Echo einbringen','Echo auf A lassen bis vollst\u00e4ndig verklungen'],\n why:'Das Echo f\u00fcllt die akustische L\u00fccke und l\u00e4sst den \u00dcbergang nahtlos klingen.',\n audience:'\ud83c\udf05 Filmischer, atmosph\u00e4rischer Effekt \u2013 poetic statt technisch.',\n genres:'House, Deep House, Techno, Ambient' },\n { name:'Spinback (Backspin)', level:'intermediate', tags:['\u00dcbergang','Performance','Dramatic'],\n summary:'Track A wird r\u00fcckw\u00e4rts gespult \u2013 dramatischer, expressiver \u00dcbergang.',\n description:'Der Plattenteller oder Jog Wheel wird gegen die Spielrichtung gedreht, was das charakteristische \"Whoosh\"-Ger\u00e4usch erzeugt.',\n steps:['Track B auf Cue-Punkt setzen','Auf gew\u00fcnschtem Beat: Jog Wheel schnell gegen Uhrzeigersinn','Spinback-Ger\u00e4usch erzeugt \u00dcbergangsmoment','Track B sofort danach auf Beat 1 starten','Optional: EQ-Kill gleichzeitig f\u00fcr Dramatik'],\n why:'Visuelles und akustisches Statement: Hier beginnt etwas Neues.',\n audience:'\ud83c\udfa4 Publikum sieht und h\u00f6rt den Spinback \u2013 erzeugt Aufmerksamkeit und Begeisterung.',\n signature:'\ud83c\udfa4 A-Trak: Spektakul\u00e4re Spinbacks als Markenzeichen.',\n genres:'Hip-Hop, Reggae, Open Format, UK Garage' },\n { name:'Brake (Bremsen)', level:'intermediate', tags:['\u00dcbergang','Performance','Dramatisch'],\n summary:'Track A wird wie eine abbremsende Schallplatte immer langsamer bis zum Stillstand.',\n description:'Der Plattenteller wird abgebremst, sodass der Track immer langsamer wird und wie eine sterbende Batterie klingt.',\n steps:['Brake-Button aktivieren oder Teller manuell abbremsen','Track A verlangsamt sich \u00fcber 2\u20134 Beats','Im Moment des Stillstands: Track B starten','Kontrast: B kommt mit voller Energie'],\n why:'Das Abbremsen erzeugt einen einpr\u00e4gsamen, dramatischen Effekt.',\n audience:'\ud83d\ude04 Erzeugt Reaktion beim Publikum \u2013 \u00dcberraschung oder Lachen.',\n genres:'Hip-Hop, Reggae, Open Format, Pop' },\n { name:'Loop Transition', level:'intermediate', tags:['\u00dcbergang','Loop','Zeit','Flexibel'],\n summary:'Phrase von Track A loopen um Zeit f\u00fcr die Vorbereitung von Track B zu gewinnen.',\n description:'DJ setzt einen Loop auf Track A. Dieser Loop l\u00e4uft, w\u00e4hrend Track B vorbereitet wird. Der Loop wird aufgehoben, wenn B bereit ist.',\n steps:['Loop auf Track A setzen (4\u201316 Beats)','Loop aktivieren','Track B in Ruhe beatmatchen und vorbereiten','Track B auf Cue-Punkt setzen','Loop aufheben, \u00dcbergang durchf\u00fchren'],\n why:'Gibt wertvolle Vorbereitungszeit ohne Zeitdruck und ohne den Fluss zu unterbrechen.',\n audience:'\ud83d\udd01 Das Publikum merkt den Loop kaum \u2013 Tanzbewegung bleibt konstant.',\n genres:'Alle Genres' },\n { name:'Cue Button Build-up', level:'intermediate', tags:['\u00dcbergang','Cue','Build-Up'],\n summary:'Hot-Cue-Button nutzen um Fragmente von Track B als Akzente einzuf\u00fcgen.',\n description:'Der DJ triggert den Cue-Punkt von Track B wiederholt und f\u00fcgt kurze Fragmente in den Mix ein \u2013 antizipatorischer Build-Up-Effekt.',\n steps:['Track B vorbereiten, Hot Cue auf Beat 1','W\u00e4hrend Track A l\u00e4uft: Track B via Hot Cue kurz antippen','Fragmente werden immer l\u00e4nger','Volligen \u00dcbergang durchf\u00fchren wenn Zeitpunkt stimmt','Track A rausnehmen'],\n why:'Fragmente von Track B erzeugen Vorfreude und Wiedererkennung noch vor dem \u00dcbergang.',\n audience:'\ud83c\udfaf Das Publikum ahnt was kommt \u2013 der \u00dcbergang f\u00fchlt sich wie eine Erf\u00fcllung an.',\n signature:'\ud83c\udfa4 Carl Cox: Pr\u00e4ziser Einsatz des Cue-Buttons f\u00fcr Techno-Build-Ups.',\n genres:'Techno, House, EDM' },\n { name:'Double Drop', level:'advanced', tags:['\u00dcbergang','Energie','Impact','Timing'],\n summary:'Zwei Tracks droppen gleichzeitig auf Beat 1 \u2013 maximale Energie.',\n description:'Beide Tracks werden so synchronisiert, dass ihre Drops exakt auf demselben Beat landen.',\n steps:['Track A und B beatmatchen','Track B stummschalten (EQ Kills oder Fader unten)','Track B auf Drop-Punkt vorh\u00f6ren','Track A l\u00e4uft in seinen Drop','Exakt auf Beat 1: Track B mit vollem EQ einblenden'],\n why:'Zwei Drops gleichzeitig verdoppeln die wahrgenommene Energie.',\n audience:'\ud83d\udca5 Einer der st\u00e4rksten Crowd-Moments im DJing \u2013 sparsam einsetzen!',\n signature:'\ud83c\udfa4 DJ EZ und UK Garage DJs: Blitzschnelle Double Drops als Signature.',\n genres:'UK Garage, Drum & Bass, House, EDM' },\n { name:'Acapella Bridge', level:'advanced', tags:['\u00dcbergang','Vocals','Kreativ','3 Decks'],\n summary:'Eine Acapella wird als emotionale Br\u00fccke zwischen zwei Instrumentals verwendet.',\n description:'W\u00e4hrend Track A ausgeblendet wird, l\u00e4uft eine Vocal-Only-Version (Acapella). Danach kommt Track B Instrumental herein.',\n steps:['Track A l\u00e4uft normal','Acapella-Track auf Deck C starten','Track A Instrumental ausblenden, Acapella bleibt','Track B Instrumental einblenden (Bass-Swap mit Acapella)','Acapella nach 16\u201332 Beats ausblenden'],\n why:'Die Acapella schafft emotionale Verbindung zwischen zwei Instrumentals.',\n audience:'\u2764\ufe0f Vocals haben direkte emotionale Wirkung \u2013 k\u00f6nnen Stimmungen komplett ver\u00e4ndern.',\n genres:'House, Hip-Hop, Pop, Soul' },\n { name:'Reverse Transition', level:'expert', tags:['\u00dcbergang','R\u00fcckw\u00e4rts','Experimentell'],\n summary:'Ein Segment wird r\u00fcckw\u00e4rts abgespielt f\u00fcr einen surrealen \u00dcbergangsmoment.',\n description:'Ein Segment von Track A oder B wird umgekehrt abgespielt \u2013 avantgardistisch und unerwartetet.',\n steps:['Kurze Loop (2\u20134 Beats) aus Track A schneiden','Loop umkehren (Reverse-Funktion)','Reverse-Loop abspielen','Track B am Ende der Reverse-Loop starten'],\n why:'Extrem ungewohnt f\u00fcr das Gehirn, erzeugt sofortige Aufmerksamkeit.',\n audience:'\ud83c\udf00 Surrealer \"Was war das gerade?\"-Moment \u2013 perfekt f\u00fcr experimentelle Sets.',\n genres:'Experimental, Psytrance, Industrial' }\n ]\n },\n {\n id:'cat4', name:'\ud83c\udfa8 Kreative & Harmonic Techniken', color:'#34d399', bg:'rgba(52,211,153,0.08)',\n techniques:[\n { name:'Harmonic Mixing (Key Mixing)', level:'intermediate', tags:['Harmonie','Tonart','Emotions'],\n summary:'Tracks nach musikalischer Tonart mischen f\u00fcr harmonisch klingende \u00dcberg\u00e4nge.',\n description:'Statt Random-Tracks aneinanderzureihen werden Tracks in kompatiblen Tonarten ausgew\u00e4hlt. Die Camelot Wheel zeigt kompatible Keys.',\n steps:['Tonart jedes Tracks analysieren (Mixed In Key, Rekordbox)','Camelot Wheel f\u00fcr kompatible Keys nutzen','Kompatibel: Gleicher Key, +1\/\u20131, relative Dur\/Moll','Set mit harmonischen \u00dcberg\u00e4ngen aufbauen'],\n why:'Inkompatible Tonarten klingen dissonant. Kompatible Tonarten f\u00fchlen sich nat\u00fcrlich an.',\n audience:'\u2764\ufe0f Tiefes emotionales Erlebnis. Das Publikum sp\u00fcrt die Koh\u00e4renz ohne sie zu erkl\u00e4ren.',\n signature:'\ud83c\udfa4 Carl Craig & Detroit Techno Legenden: Intuitives Harmonic Mixing als Kunst.',\n genres:'House, Techno, Trance, alle Genres' },\n { name:'Key Shifting', level:'advanced', tags:['Tonart','Digital','Pitch','Software'],\n summary:'Tonart eines Tracks digital verschieben ohne das Tempo zu ver\u00e4ndern.',\n description:'Mit moderner DJ-Software kann die Tonart ge\u00e4ndert werden, ohne BPM zu beeinflussen. Erm\u00f6glicht \u00dcberg\u00e4nge zwischen eigentlich inkompatiblen Tracks.',\n steps:['Tonarten beider Tracks analysieren','Halbton-Unterschied berechnen','Key-Shift-Funktion in Software nutzen (Rekordbox, Traktor, Serato)','Track um n\u00f6tige Halbt\u00f6ne verschieben','Max. 2 Halbt\u00f6ne (sonst h\u00f6rbare Artefakte)'],\n why:'Erweitert die Track-Auswahl erheblich \u2013 \u00dcberg\u00e4nge die sonst unm\u00f6glich w\u00e4ren.',\n audience:'\ud83c\udfaf Das Publikum h\u00f6rt keinen Unterschied, aber der Mix klingt harmonisch koh\u00e4rent.',\n genres:'Alle Genres, besonders Open Format' },\n { name:'BPM Shifting \/ Tempo Arc', level:'advanced', tags:['Tempo','BPM','Energie','Set-Struktur'],\n summary:'Graduelles Erh\u00f6hen oder Senken des Tempos \u00fcber mehrere Tracks f\u00fcr eine Energie-Reise.',\n description:'Statt alle Tracks auf gleiches BPM zu setzen, wird das Tempo schrittweise erh\u00f6ht (z.B. 124 \u2192 132 BPM). Das erzeugt eine nat\u00fcrliche Energie-Kurve.',\n steps:['Tempo-B\u00f6gen im Set planen','Pitch-Fader f\u00fcr schrittweise BPM-Anpassung nutzen','Beim \u00dcbergang: BPM von Track B leicht h\u00f6her als A','Tempo-Steigerung \u00fcber 30\u201360 Minuten spreizen'],\n why:'Eine graduelle Tempo-Steigerung ist wie eine musikalische Erz\u00e4hlung \u2013 hat Anfang, H\u00f6hepunkt und Ende.',\n audience:'\ud83d\ude80 Das Publikum bemerkt die Beschleunigung nicht bewusst, f\u00fchlt sich aber mitgerissen.',\n signature:'\ud83c\udfa4 Sven V\u00e4th: Bekannt f\u00fcr meisterhaft komponierte Tempo-Arcs in Stunden-langen Sets.',\n genres:'Techno, House, Trance' },\n { name:'Polyrhythmic Mixing', level:'expert', tags:['Rhythmus','Komplex','Fortgeschritten'],\n summary:'Zwei Tracks mit unterschiedlichen rhythmischen Strukturen gleichzeitig \u2013 bewusst polyrhythmisch.',\n description:'Statt perfektem Beatmatch l\u00e4uft Track B absichtlich in einem anderen rhythmischen Verh\u00e4ltnis zu Track A. Erzeugt komplexe, organische Rhythmusgeflechte.',\n steps:['Zwei rhythmisch komplement\u00e4re Tracks w\u00e4hlen','Track B leicht versetzt starten','EQ-Balancierung f\u00fcr klare Rhythmusdifferenzierung','Beide Tracks gleichzeitig h\u00f6rbar halten','Rhythmen aufl\u00f6sen wenn gew\u00fcnscht'],\n why:'Zwei \u00fcbereinander liegende Rhythmen erzeugen eine hypnotische, organische Textur.',\n audience:'\ud83c\udf00 Erzeugt ein hypnotisches, meditatives Gef\u00fchl \u2013 typisch f\u00fcr Afro House und Deep Techno.',\n signature:'\ud83c\udfa4 DJ Harvey, \u00c2me: Meister des polyrhythmischen Mixings.',\n genres:'Afro House, Deep Techno, Experimental' },\n { name:'Stem Mixing', level:'expert', tags:['Stems','Digital','Kreativ','Modern'],\n summary:'Einzelne Elemente (Stems) eines Tracks isolieren und separat EQen und mischen.',\n description:'Moderne DJ-Software erlaubt das Aufteilen von Tracks in Stems (Drums, Bass, Melodie, Vocals). Jeder Stem wird separat gesteuert.',\n steps:['Stem-Separation in Software aktivieren (Rekordbox, Virtual DJ)','Stems individuell EQen und pegelrn','Drums von Track A + Melodie von Track B kombinieren','Stufenweise Stems tauschen anstatt komplette Tracks'],\n why:'Ultimative Kontrolle: Du kannst aus zwei Tracks einen komplett neuen kreieren.',\n audience:'\ud83c\udfa8 Das Publikum erlebt einen Mix der nirgendwo so existiert \u2013 einzigartig und kreativ.',\n genres:'House, Techno, Hip-Hop, Pop, alle Genres' },\n { name:'Live Mashup \/ Vocal Overlay', level:'advanced', tags:['Mashup','Vocal','3 Decks','Kreativ'],\n summary:'Vocals eines Tracks \u00fcber das Instrumental eines anderen legen \u2013 spontaner Live-Mashup.',\n description:'Eine Acapella (Vocals only) wird \u00fcber ein kompatibles Instrumental gelegt. Funktioniert wenn Tempo und Tonart kompatibel sind.',\n steps:['Instrumental auf Deck A, Acapella auf Deck B','Beatmatchen und Keys angleichen','Acapella via Fader einblenden','EQ: Mids der Acapella ggf. betonen','Dynamisch: Vocals ein- und ausblenden'],\n why:'Zwei bekannte Elemente aus verschiedenen Tracks verbinden \u2013 Wiedererkennungsmoment.',\n audience:'\ud83c\udfa4 Wenn das Publikum die Vocals erkennt: sofortiger Euphorie-Moment.',\n signature:'\ud83c\udfa4 DJ Shadow, Jazzy Jeff: Meister des Live-Mashups mit Vinyl.',\n genres:'Hip-Hop, House, Pop, Funk' },\n { name:'Live Sampling \/ Resampling', level:'expert', tags:['Sampling','Loop','Performance','Kreativ'],\n summary:'Echtzeit-Aufnahme von Mix-Elementen und sofortige Wiedergabe als Loop.',\n description:'Ein Abschnitt des aktuellen Mixes wird live aufgenommen und sofort als neuer Loop verwendet. Das Sample wird Teil des n\u00e4chsten \u00dcbergangs.',\n steps:['Sample-Recorder in Software aktivieren','Gew\u00fcnschtes Element aufnehmen (2\u20138 Beats)','Sample sofort in neuen Track\/Loop einbinden','Sample EQen und in den Mix integrieren'],\n why:'Das Live-Sampling erzeugt einzigartige Momente die nirgendwo anders existieren.',\n audience:'\ud83c\udfa4 Das Publikum erlebt echte Kreativit\u00e4t in Echtzeit \u2013 unwiederholbar.',\n signature:'\ud83c\udfa4 Four Tet, Floating Points: Live-Sampling als Performance-Kunst.',\n genres:'Experimental, Electronic, Hip-Hop' },\n { name:'Pitch-Perfect Transition', level:'advanced', tags:['Pitch','Tonart','Nahtlos'],\n summary:'\u00dcbergang bei dem Tonart, Tempo und EQ perfekt aufeinander abgestimmt sind.',\n description:'Die \"heilige Dreifaltigkeit\" des Mixens: Key-Kompatibilit\u00e4t + exaktes BPM-Match + saubere EQ-\u00dcberg\u00e4nge = ein scheinbar perfekter \u00dcbergang.',\n steps:['Key-Kompatibilit\u00e4t sicherstellen (Camelot Wheel)','BPM exakt matchen (Sync oder manuell)','Bass-Swap durchf\u00fchren','Smooth Blend \u00fcber 32 Beats','Resultat: \u00dcbergang kaum h\u00f6rbar'],\n why:'Wenn alle drei Elemente stimmen, wird der \u00dcbergang zu einem nahtlosen musikalischen Moment.',\n audience:'\ud83c\udf0a Das Publikum erlebt einen Flow-Zustand \u2013 zwei Tracks werden zu einem.',\n genres:'House, Trance, Techno, Melodic' },\n { name:'Genre-Crossing Transition', level:'expert', tags:['Genre','Kreativ','Mut','\u00dcberraschung'],\n summary:'Bewusster Wechsel zwischen zwei verschiedenen Genres f\u00fcr \u00fcberraschende Momente.',\n description:'Mit gezielten EQ-Techniken wird ein \u00dcbergang zwischen Tracks unterschiedlicher Genres erm\u00f6glicht. Erfordert Kreativit\u00e4t und gutes Crowd-Reading.',\n steps:['Kompatibles Element identifizieren (gleicher Beat, \u00e4hnlicher Key)','\u00dcbergangsmoment w\u00e4hlen (oft Breakdown)','EQ-Kill um Energie zu neutralisieren','Genre-Wechsel vollziehen','Publikumsreaktion beobachten und reagieren'],\n why:'Genre-Crossing Momente k\u00f6nnen ein Set definieren und unvergesslich machen.',\n audience:'\ud83d\ude2e Erzeugt \u00dcberraschung und Aufmerksamkeit \u2013 kann das Publikum begeistern oder spalten.',\n signature:'\ud83c\udfa4 DJ Harvey, Andrew Weatherall: Meister des Genre-Crossings.',\n genres:'Open Format, Disco, House, Rock' }\n ]\n },\n {\n id:'cat5', name:'\ud83c\udfa4 Performance & Turntablism', color:'#fb923c', bg:'rgba(251,146,60,0.08)',\n techniques:[\n { name:'Baby Scratch', level:'beginner', tags:['Scratch','Turntablism','Grundlage'],\n summary:'Der einfachste Scratch: Platte vor und zur\u00fcck bewegen im Rhythmus.',\n description:'Die Platte wird gleichm\u00e4\u00dfig vor und zur\u00fcck bewegt w\u00e4hrend der Fader offen bleibt. Erzeugt das charakteristische \"Wika-Wika\"-Ger\u00e4usch.',\n steps:['Platte\/Jog Wheel mit einer Hand halten','Fader offen lassen','Platte im Rhythmus vor und zur\u00fcck bewegen','Gleichm\u00e4\u00dfige Auf\/Ab-Bewegung \u00fcben'],\n why:'Basis aller Scratch-Techniken \u2013 Grundlage f\u00fcr komplexere Moves.',\n audience:'\ud83c\udfa4 Visuell und akustisch ansprechend \u2013 zeigt Kontrolle \u00fcber das Instrument.',\n genres:'Hip-Hop, Funk, Breakbeat' },\n { name:'Chirp Scratch', level:'intermediate', tags:['Scratch','Fader','Rhythmisch'],\n summary:'Scratch mit gleichzeitigem Fader-Bewegung f\u00fcr einen \"zwitschernden\" Sound.',\n description:'Der Fader wird beim Vor-Bewegen der Platte schnell ge\u00f6ffnet und beim Zur\u00fcckziehen geschlossen. Erzeugt einen \"Chirp\"-Sound.',\n steps:['Platte auf gew\u00fcnschtes Sample positionieren','Beim Vorw\u00e4rtsschieben: Fader \u00f6ffnen','Beim R\u00fcckw\u00e4rtsschieben: Fader schlie\u00dfen','Timing von Hand und Fader synchronisieren'],\n why:'Der Fader macht den Scratch musikalischer und rhythmischer.',\n audience:'\ud83c\udfb5 Klingt melodisch und rhythmisch \u2013 zeigt echtes Instrument-Feeling.',\n signature:'\ud83c\udfa4 Grandmaster Flash: Einer der Erfinder des Fader-Scratchings.',\n genres:'Hip-Hop, Breakbeat' },\n { name:'Flare Scratch', level:'advanced', tags:['Scratch','Fader','Komplex','Rhythmisch'],\n summary:'Hochgeschwindigkeit-Scratch mit schnellen Fader-Klicks f\u00fcr perkussive Effekte.',\n description:'Beim Flare Scratch werden kurze Klicks auf dem Fader gesetzt w\u00e4hrend die Platte gleichm\u00e4\u00dfig bewegt wird. Erzeugt perkussive Tonfolgen.',\n steps:['Platte gleichm\u00e4\u00dfig bewegen','Kurze Fader-Klicks im Rhythmus setzen','Anzahl der Klicks pro Bewegung variieren','Onomatopoetisch: \"Ba-ba-click\"'],\n why:'Extrem rhythmische Technik die Scratching zu einem Percussion-Instrument macht.',\n audience:'\ud83e\udd41 Klingt wie ein Perkussion-Instrument \u2013 beeindruckend f\u00fcr kenntnisorientierte Fans.',\n signature:'\ud83c\udfa4 DJ Flare: Erfinder des gleichnamigen Scratchs.',\n genres:'Hip-Hop, DMC-Battles' },\n { name:'Crab Scratch', level:'expert', tags:['Scratch','Fader','Virtuos','DMC'],\n summary:'Die technisch anspruchsvollste Scratch-Technik \u2013 vier Finger auf dem Fader.',\n description:'Vier Finger werden rollend \u00fcber den Fader bewegt, jeder Finger erzeugt einen kurzen \u00d6ffnungs-Klick. Erm\u00f6glicht extrem schnelle Fader-Sequenzen.',\n steps:['Fader-Hand: Alle vier Finger hinter dem Fader','Finger rollend \u00fcber den Fader \"krabbeln\"','Jeder Finger erzeugt einen Klick','Kombiniert mit Plattenmovement f\u00fcr komplexe Patterns'],\n why:'Erm\u00f6glicht Tempos und Rhythmen die mit einem\n \/\/ \u2500\u2500 BLOCK 1: cat4 Rest + cat5 komplett \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n id:'cat4', name:'\ud83c\udfa8 Kreative & Harmonic Techniken', color:'#34d399', bg:'rgba(52,211,153,0.08)',\n techniques:[\n { name:'Harmonic Mixing (Key Mixing)', level:'intermediate', tags:['Harmonie','Tonart','Emotions'],\n summary:'Tracks nach musikalischer Tonart mischen f\u00fcr harmonisch klingende \u00dcberg\u00e4nge.',\n description:'Statt Random-Tracks aneinanderzureihen werden Tracks in kompatiblen Tonarten ausgew\u00e4hlt. Die Camelot Wheel zeigt kompatible Keys.',\n steps:['Tonart jedes Tracks analysieren (Mixed In Key, Rekordbox)','Camelot Wheel f\u00fcr kompatible Keys nutzen','Kompatibel: Gleicher Key, +1\/\u20131, relative Dur\/Moll','Set mit harmonischen \u00dcberg\u00e4ngen aufbauen'],\n why:'Inkompatible Tonarten klingen dissonant. Kompatible Tonarten f\u00fchlen sich nat\u00fcrlich an.',\n audience:'\u2764\ufe0f Tiefes emotionales Erlebnis. Das Publikum sp\u00fcrt die Koh\u00e4renz ohne sie zu erkl\u00e4ren zu k\u00f6nnen.',\n signature:'\ud83c\udfa4 Carl Craig & Detroit Techno Legenden: Intuitives Harmonic Mixing als Kunst.',\n genres:'House, Techno, Trance, alle Genres' },\n { name:'Key Shifting', level:'advanced', tags:['Tonart','Digital','Pitch','Software'],\n summary:'Tonart eines Tracks digital verschieben ohne das Tempo zu ver\u00e4ndern.',\n description:'Mit moderner DJ-Software kann die Tonart ge\u00e4ndert werden ohne BPM zu beeinflussen. Erm\u00f6glicht \u00dcberg\u00e4nge zwischen eigentlich inkompatiblen Tracks.',\n steps:['Tonarten beider Tracks analysieren','Halbton-Unterschied berechnen','Key-Shift-Funktion in Software nutzen (Rekordbox, Traktor, Serato)','Track um n\u00f6tige Halbt\u00f6ne verschieben','Max. 2 Halbt\u00f6ne \u2013 sonst h\u00f6rbare Artefakte'],\n why:'Erweitert die Track-Auswahl erheblich \u2013 \u00dcberg\u00e4nge die sonst unm\u00f6glich w\u00e4ren.',\n audience:'\ud83c\udfaf Das Publikum h\u00f6rt keinen Unterschied, der Mix klingt aber harmonisch koh\u00e4rent.',\n genres:'Alle Genres, besonders Open Format' },\n { name:'BPM Shifting \/ Tempo Arc', level:'advanced', tags:['Tempo','BPM','Energie','Set-Struktur'],\n summary:'Graduelles Erh\u00f6hen des Tempos \u00fcber mehrere Tracks f\u00fcr eine nat\u00fcrliche Energie-Reise.',\n description:'Statt alle Tracks auf gleiches BPM zu setzen wird das Tempo schrittweise erh\u00f6ht (z.B. 124 \u2192 132 BPM). Das erzeugt eine nat\u00fcrliche Energie-Kurve.',\n steps:['Tempo-B\u00f6gen im Set planen (+1 BPM alle 2\u20133 Tracks)','Pitch-Fader f\u00fcr schrittweise BPM-Anpassung nutzen','Beim \u00dcbergang: BPM von Track B leicht h\u00f6her als A','Tempo-Steigerung \u00fcber 30\u201360 Minuten spreizen','Optional: Tempo am Ende des Sets wieder senken'],\n why:'Eine graduelle Tempo-Steigerung ist wie eine musikalische Erz\u00e4hlung mit H\u00f6hepunkt.',\n audience:'\ud83d\ude80 Das Publikum merkt die Beschleunigung nicht bewusst, f\u00fchlt sich aber mitgerissen.',\n signature:'\ud83c\udfa4 Sven V\u00e4th: Meisterhaft komponierte Tempo-Arcs in stundenlangen Sets.',\n genres:'Techno, House, Trance' },\n { name:'Polyrhythmic Mixing', level:'expert', tags:['Rhythmus','Komplex','Hypnotisch'],\n summary:'Zwei Tracks mit unterschiedlichen rhythmischen Strukturen gleichzeitig \u2013 bewusst polyrhythmisch.',\n description:'Statt perfektem Beatmatch l\u00e4uft Track B absichtlich in einem anderen rhythmischen Verh\u00e4ltnis. Erzeugt komplexe, organische Rhythmusgeflechte.',\n steps:['Zwei rhythmisch komplement\u00e4re Tracks w\u00e4hlen','Track B leicht versetzt starten','EQ-Balancierung f\u00fcr klare Rhythmusdifferenzierung','Beide Tracks gleichzeitig h\u00f6rbar halten','Rhythmen aufl\u00f6sen wenn gew\u00fcnscht'],\n why:'Zwei \u00fcbereinander liegende Rhythmen erzeugen eine hypnotische, organische Textur.',\n audience:'\ud83c\udf00 Erzeugt ein hypnotisches, meditatives Gef\u00fchl \u2013 typisch f\u00fcr Afro House und Deep Techno.',\n signature:'\ud83c\udfa4 DJ Harvey, \u00c2me: Meister des polyrhythmischen Mixings.',\n genres:'Afro House, Deep Techno, Experimental' },\n { name:'Stem Mixing', level:'expert', tags:['Stems','Digital','Kreativ','Modern'],\n summary:'Einzelne Elemente (Stems) isolieren und separat EQen \u2013 ultimative kreative Kontrolle.',\n description:'Moderne DJ-Software trennt Tracks in Stems (Drums, Bass, Melodie, Vocals). Jeder Stem wird separat gesteuert und EQed.',\n steps:['Stem-Separation in Software aktivieren (Rekordbox, Virtual DJ)','Stems individuell EQen und pegeln','Drums von Track A + Melodie von Track B kombinieren','Stufenweise Stems tauschen statt komplette Tracks'],\n why:'Ultimative Kontrolle: Aus zwei Tracks einen komplett neuen kreieren.',\n audience:'\ud83c\udfa8 Das Publikum erlebt einen Mix der so nirgendwo existiert \u2013 einzigartig und kreativ.',\n genres:'House, Techno, Hip-Hop, Pop, alle Genres' },\n { name:'Live Mashup \/ Vocal Overlay', level:'advanced', tags:['Mashup','Vocal','3 Decks','Kreativ'],\n summary:'Vocals eines Tracks \u00fcber das Instrumental eines anderen legen \u2013 spontaner Live-Mashup.',\n description:'Eine Acapella (Vocals only) wird \u00fcber ein kompatibles Instrumental gelegt. Funktioniert wenn Tempo und Tonart kompatibel sind.',\n steps:['Instrumental auf Deck A, Acapella auf Deck B','Beatmatchen und Keys angleichen','Acapella via Fader einblenden','EQ: Mids der Acapella ggf. betonen','Dynamisch: Vocals ein- und ausblenden nach Gef\u00fchl'],\n why:'Zwei bekannte Elemente aus verschiedenen Tracks verbinden \u2013 starker Wiedererkennungsmoment.',\n audience:'\ud83c\udfa4 Wenn das Publikum die Vocals erkennt: sofortiger kollektiver Euphorie-Moment.',\n signature:'\ud83c\udfa4 DJ Shadow, Jazzy Jeff: Meister des Live-Mashups mit Vinyl.',\n genres:'Hip-Hop, House, Pop, Funk' },\n { name:'Live Sampling \/ Resampling', level:'expert', tags:['Sampling','Loop','Performance','Echtzeit'],\n summary:'Echtzeit-Aufnahme von Mix-Elementen und sofortige Wiedergabe als Loop.',\n description:'Ein Abschnitt des aktuellen Mixes wird live aufgenommen und sofort als neuer Loop verwendet. Das Sample wird Teil des n\u00e4chsten \u00dcbergangs.',\n steps:['Sample-Recorder in Software aktivieren','Gew\u00fcnschtes Element aufnehmen (2\u20138 Beats)','Sample sofort als Loop einbinden','Sample EQen und in den Mix integrieren','Loop weiterentwickeln oder ausblenden'],\n why:'Live-Sampling erzeugt einzigartige Momente die so nie wieder existieren.',\n audience:'\ud83c\udfa4 Das Publikum erlebt echte Kreativit\u00e4t in Echtzeit \u2013 absolut unwiederholbar.',\n signature:'\ud83c\udfa4 Four Tet, Floating Points: Live-Sampling als Performance-Kunst.',\n genres:'Experimental, Electronic, Hip-Hop' },\n { name:'Pitch-Perfect Transition', level:'advanced', tags:['Pitch','Tonart','Nahtlos','Pr\u00e4zision'],\n summary:'\u00dcbergang bei dem Tonart, Tempo und EQ perfekt aufeinander abgestimmt sind.',\n description:'Die heilige Dreifaltigkeit des Mixens: Key-Kompatibilit\u00e4t + exaktes BPM-Match + saubere EQ-\u00dcberg\u00e4nge = ein scheinbar perfekter, nahtloser \u00dcbergang.',\n steps:['Key-Kompatibilit\u00e4t sicherstellen (Camelot Wheel)','BPM exakt matchen (Sync oder manuell)','Bass-Swap pr\u00e4zise durchf\u00fchren','Smooth Blend \u00fcber 32 Beats','Resultat: \u00dcbergang kaum h\u00f6rbar'],\n why:'Wenn alle drei Elemente stimmen wird der \u00dcbergang zu einem nahtlosen musikalischen Moment.',\n audience:'\ud83c\udf0a Das Publikum erlebt einen Flow-Zustand \u2013 zwei Tracks werden zu einem.',\n genres:'House, Trance, Techno, Melodic' },\n { name:'Genre-Crossing Transition', level:'expert', tags:['Genre','Kreativ','\u00dcberraschung','Mut'],\n summary:'Bewusster Wechsel zwischen zwei verschiedenen Genres f\u00fcr \u00fcberraschende Momente.',\n description:'Mit gezielten EQ-Techniken wird ein \u00dcbergang zwischen Tracks unterschiedlicher Genres erm\u00f6glicht. Erfordert Kreativit\u00e4t und gutes Crowd-Reading.',\n steps:['Kompatibles Element identifizieren (gleicher Beat oder Key)','\u00dcbergangsmoment w\u00e4hlen (oft Breakdown oder Fill)','EQ-Kill um Energie zu neutralisieren','Genre-Wechsel vollziehen','Publikumsreaktion beobachten und reagieren'],\n why:'Genre-Crossing Momente k\u00f6nnen ein Set definieren und unvergesslich machen.',\n audience:'\ud83d\ude2e Erzeugt \u00dcberraschung und Aufmerksamkeit \u2013 kann das Publikum begeistern oder herausfordern.',\n signature:'\ud83c\udfa4 DJ Harvey, Andrew Weatherall: Legenden des Genre-Crossings.',\n genres:'Open Format, Disco, House, Rock' }\n ]\n },\n {\n id:'cat5', name:'\ud83c\udfa4 Performance & Turntablism', color:'#fb923c', bg:'rgba(251,146,60,0.08)',\n techniques:[\n { name:'Baby Scratch', level:'beginner', tags:['Scratch','Turntablism','Grundlage'],\n summary:'Der einfachste Scratch: Platte rhythmisch vor und zur\u00fcck bewegen.',\n description:'Die Platte wird gleichm\u00e4\u00dfig vor und zur\u00fcck bewegt w\u00e4hrend der Fader offen bleibt. Erzeugt das charakteristische \"Wika-Wika\"-Ger\u00e4usch.',\n steps:['Platte\/Jog Wheel mit einer Hand halten','Fader offen lassen','Platte im Rhythmus vor und zur\u00fcck bewegen','Gleichm\u00e4\u00dfige Auf\/Ab-Bewegung \u00fcben','Tempo variieren f\u00fcr musikalische Effekte'],\n why:'Basis aller Scratch-Techniken \u2013 ohne Baby Scratch keine komplexeren Moves.',\n audience:'\ud83c\udfa4 Visuell und akustisch ansprechend \u2013 zeigt Kontrolle \u00fcber das Instrument.',\n genres:'Hip-Hop, Funk, Breakbeat' },\n { name:'Chirp Scratch', level:'intermediate', tags:['Scratch','Fader','Rhythmisch'],\n summary:'Scratch mit gleichzeitiger Fader-Bewegung f\u00fcr einen zwitschernden Sound.',\n description:'Der Fader wird beim Vorw\u00e4rtsbewegen der Platte ge\u00f6ffnet und beim Zur\u00fcckziehen geschlossen. Erzeugt einen \"Chirp\"-Sound.',\n steps:['Platte auf gew\u00fcnschtes Sample positionieren','Beim Vorw\u00e4rtsschieben: Fader \u00f6ffnen','Beim R\u00fcckw\u00e4rtsschieben: Fader schlie\u00dfen','Timing von Hand und Fader exakt synchronisieren','Geschwindigkeit schrittweise erh\u00f6hen'],\n why:'Der Fader macht den Scratch musikalischer und pr\u00e4ziser rhythmisch.',\n audience:'\ud83c\udfb5 Klingt melodisch und rhythmisch \u2013 zeigt echtes Instrument-Feeling.',\n signature:'\ud83c\udfa4 Grandmaster Flash: Miterfinder des Fader-Scratchings in den 1970ern.',\n genres:'Hip-Hop, Breakbeat, Funk' },\n { name:'Flare Scratch', level:'advanced', tags:['Scratch','Fader','Perkussiv','Komplex'],\n summary:'Hochgeschwindigkeit-Scratch mit schnellen Fader-Klicks f\u00fcr perkussive Effekte.',\n description:'Beim Flare Scratch werden kurze Klicks auf dem Fader gesetzt w\u00e4hrend die Platte gleichm\u00e4\u00dfig bewegt wird. Erzeugt perkussive Tonfolgen.',\n steps:['Platte gleichm\u00e4\u00dfig in eine Richtung bewegen','Kurze Fader-Klicks im Rhythmus setzen','Anzahl der Klicks pro Bewegung variieren (1, 2, 3 Klicks)','Kombinationen \u00fcben: Forward Flare, Backward Flare'],\n why:'Extrem rhythmische Technik die Scratching zu einem Percussion-Instrument macht.',\n audience:'\ud83e\udd41 Klingt wie perkussives Instrument \u2013 beeindruckend f\u00fcr kenntnisorientierte Fans.',\n signature:'\ud83c\udfa4 DJ Flare (Apollo): Erfinder und Namensgeber des Flare Scratch.',\n genres:'Hip-Hop, DMC-Battles, Turntablism' },\n { name:'Crab Scratch', level:'expert', tags:['Scratch','Fader','Virtuos','DMC'],\n summary:'Die technisch anspruchsvollste Scratch-Technik \u2013 vier Finger rollen \u00fcber den Fader.',\n description:'Vier Finger werden rollend \u00fcber den Fader bewegt, jeder erzeugt einen kurzen \u00d6ffnungs-Klick. Erm\u00f6glicht extrem schnelle Fader-Sequenzen.',\n steps:['Alle vier Finger hinter dem Fader positionieren','Finger rollend \u00fcber den Fader \"krabbeln\"','Jeder Finger erzeugt einen Klick beim \u00dcberrollen','Mit Plattenmovement f\u00fcr komplexe Patterns kombinieren','Jahrelanges \u00dcben erforderlich'],\n why:'Erm\u00f6glicht Tempos und Rhythmen die mit einem Finger physisch unm\u00f6glich sind.',\n audience:'\ud83e\udd2f Visuell spektakul\u00e4r \u2013 selbst Nicht-DJs erkennen die technische Meisterleistung.',\n signature:'\ud83c\udfa4 DJ Craze, DJ Qbert: Weltmeister mit dem Crab Scratch als Signature.',\n genres:'Turntablism, DMC Battles, Hip-Hop' },\n { name:'Beat Juggling', level:'expert', tags:['Zwei Decks','Rhythmus','Percussion','Virtuos'],\n summary:'Zwei Kopien desselben Tracks werden wechselnd gespielt um neue Rhythmen zu erzeugen.',\n description:'Auf zwei Decks liegt dieselbe Platte. Der DJ wechselt zwischen beiden hin und her und manipuliert die Position, um v\u00f6llig neue Rhythmen und Patterns zu erzeugen.',\n steps:['Gleiche Platte auf beiden Decks','Beide auf denselben Beat-Punkt setzen','Fader zwischen Decks wechseln im Rhythmus','Plattenposition manuell zur\u00fccksetzen zwischen den Wechseln','Neue Rhythmus-Patterns aus den Fragmenten kreieren'],\n why:'Beat Juggling verwandelt vorhandenes Material in v\u00f6llig neue Kompositionen.',\n audience:'\ud83c\udfaa Absolute Performance-Kunst \u2013 das Publikum sieht wie neue Musik entsteht.',\n signature:'\ud83c\udfa4 DJ Steve Dee: Erfinder des Beat Jugglings in den fr\u00fchen 1990ern.',\n genres:'Hip-Hop, Breakbeat, Turntablism' },\n { name:'Power Block Mixing', level:'intermediate', tags:['Energie','Timing','Dramatisch'],\n summary:'Mehrere kurze, harte Cuts in schneller Folge f\u00fcr maximale Energie und Dramatik.',\n description:'Der DJ vollf\u00fchrt eine Reihe von schnellen Hard Cuts zwischen zwei oder mehr Tracks in rascher Folge. Jeder Cut sitzt exakt auf dem Beat.',\n steps:['Zwei Tracks auf kompatiblen Punkten vorbereiten','Schnelle abwechselnde Fader-Bewegungen','Jeden Cut exakt auf den Beat setzen','3\u20138 schnelle Wechsel in Folge','Mit EQ-Kills f\u00fcr zus\u00e4tzliche Dramatik kombinieren'],\n why:'Schnelle Abfolge von Cuts erzeugt perkussive, rhythmische Energie.',\n audience:'\u26a1 Das Publikum erlebt einen Energie-Schauer \u2013 ideal f\u00fcr H\u00f6hepunkte im Set.',\n signature:'\ud83c\udfa4 Carl Cox: Bekannt f\u00fcr Power-Block-Sequenzen in seinen Live-Sets mit 3 Decks.',\n genres:'Techno, House, Drum & Bass, Hip-Hop' },\n { name:'Cue Drumming', level:'intermediate', tags:['Cue','Percussion','Performance','Kreativ'],\n summary:'Hot-Cue-Punkte werden wie Drum-Pads gespielt um Percussion-Elemente live einzuf\u00fcgen.',\n description:'Verschiedene Hot-Cue-Punkte werden auf Percussion-Sounds (Snare, Clap, Hi-Hat) gesetzt und rhythmisch getriggert wie ein Drum-Pad.',\n steps:['Hot-Cues auf einzelne Percussion-Elemente setzen','Cue 1: Kick, Cue 2: Snare, Cue 3: Hi-Hat etc.','Diese Cues rhythmisch triggern w\u00e4hrend anderer Track l\u00e4uft','Mit EQ-Kill des Haupttracks kombinieren','Improvisiert spielen wie ein Schlagzeug'],\n why:'Verwandelt den DJ-Controller in ein Percussion-Instrument.',\n audience:'\ud83e\udd41 Das Publikum sieht echtes musikalisches Spiel \u2013 der DJ wird zum Live-Musiker.',\n genres:'House, Techno, Hip-Hop, alle Genres' },\n { name:'Loop Roll Build', level:'intermediate', tags:['Loop','Build-Up','Spannung','Rhythmisch'],\n summary:'Immer k\u00fcrzer werdende Loops erzeugen einen stotternden Build-Up-Effekt.',\n description:'Ein Loop wird aktiviert und seine L\u00e4nge schrittweise halbiert: 4 Beats \u2192 2 Beats \u2192 1 Beat \u2192 \u00bd Beat. Erzeugt einen charakteristischen Stutter-Build-Up.',\n steps:['Loop auf 4 Beats setzen und aktivieren','Nach 4 Wiederholungen: Loop auf 2 Beats halbieren','Wieder 4 Wiederholungen, dann auf 1 Beat','Weiter bis \u00bd Beat f\u00fcr Stutter-Effekt','Loop aufheben f\u00fcr explodierenden Drop'],\n why:'Die zunehmende Frequenz der Wiederholungen erzeugt physisch sp\u00fcrbare Spannung.',\n audience:'\u26a1 Das Stottern kommuniziert \"gleich passiert etwas Gro\u00dfes\" \u2013 Spannung bis zum Bersten.',\n signature:'\ud83c\udfa4 Deadmau5, Eric Prydz: Loop Roll als Standard-Build-Up in Progressive House.',\n genres:'Progressive House, EDM, Techno, Trance' }\n ]\n },\n \/\/ \u2500\u2500 BLOCK 2: cat6 (FX) + cat7 (Energie-Management) \u2500\u2500\n {\n id:'cat6', name:'\ud83c\udf9a\ufe0f FX-gest\u00fctzte Techniken', color:'#facc15', bg:'rgba(250,204,21,0.08)',\n techniques:[\n { name:'Reverb Throw', level:'intermediate', tags:['FX','Reverb','\u00dcbergang','Atmosph\u00e4re'],\n summary:'Kurzer Reverb-Burst auf ein einzelnes Element f\u00fcr einen atmosph\u00e4rischen Effekt.',\n description:'Ein Reverb-Effekt wird kurz auf ein einzelnes Element (z.B. Snare, Vocal) geworfen \u2013 der \"Throw\". Der Hall schwebt kurz im Raum bevor er abklingt.',\n steps:['Reverb-Einheit auf gew\u00fcnschten Kanal routen','Decay-Zeit auf 2\u20134 Sekunden einstellen','Reverb kurz auf 100% hochdrehen (1\u20132 Beats)','Sofort wieder zur\u00fcck auf 0','Effekt auf Phrasenwechseln einsetzen'],\n why:'Ein kurzer Reverb-Burst erzeugt Tiefe und Raum ohne den Mix dauerhaft zu \u00fcberladen.',\n audience:'\u2728 Erzeugt magische, atmosph\u00e4rische Momente \u2013 das Publikum f\u00fchlt den Raum sich weiten.',\n signature:'\ud83c\udfa4 Jamie Jones, Hot Since 82: Reverb Throw als charakteristisches Element im Deep House.',\n genres:'Deep House, Techno, Ambient, House' },\n { name:'Delay Automation', level:'intermediate', tags:['FX','Delay','Echo','Rhythmisch'],\n summary:'Delay-Effekt rhythmisch ein- und ausblenden f\u00fcr rhythmische Echo-Muster.',\n description:'Ein Delay wird so eingestellt dass es zum BPM des Tracks synchronisiert ist (1\/4, 1\/8 Note). Das Delay wird rhythmisch aktiviert und deaktiviert.',\n steps:['Delay auf BPM synchronisieren (Beat-Sync aktivieren)','Delay-Zeit auf 1\/4 oder 1\/8 Note einstellen','Feedback auf 30\u201360% f\u00fcr mehrere Wiederholungen','Delay auf H\u00f6hepunkten kurz einschalten','Delay vor dem Drop langsam ausblenden'],\n why:'Synchronisiertes Delay f\u00fchlt sich musikalisch an statt wie ein technischer Effekt.',\n audience:'\ud83c\udfb5 Rhythmische Echo-Patterns erzeugen ein Gef\u00fchl von Tiefe und Bewegung im Mix.',\n genres:'House, Techno, Dub, Reggae, alle Genres' },\n { name:'Echo Build-Up', level:'intermediate', tags:['FX','Echo','Build-Up','Spannung'],\n summary:'Feedback des Echo-Effekts schrittweise erh\u00f6hen f\u00fcr einen wachsenden Klangteppich.',\n description:'Das Feedback eines Echo\/Delay-Effekts wird langsam auf fast 100% erh\u00f6ht. Das Signal wiederholt sich immer \u00f6fter und baut sich zu einem Klangteppich auf.',\n steps:['Echo auf Track A aktivieren','Feedback schrittweise von 20% auf 80\u201390% erh\u00f6hen','Track A Fader langsam runterziehen','Echo f\u00fcllt den Raum w\u00e4hrend Track A verschwindet','Track B sauber ohne Echo einbringen'],\n why:'Das anschwellende Echo f\u00fcllt die Frequenzl\u00fccke beim \u00dcbergang und erzeugt Spannung.',\n audience:'\ud83c\udf0a Das Publikum erlebt ein anschwellendes Klangbad \u2013 perfekter \u00dcbergangsmoment.',\n signature:'\ud83c\udfa4 Dub-Pioniere wie King Tubby: Echo als musikalisches Instrument.',\n genres:'Dub, Reggae, Techno, Deep House, Experimental' },\n { name:'Stutter \/ Repeat FX', level:'intermediate', tags:['FX','Stutter','Rhythmisch','Modern'],\n summary:'Kurze Wiederholung eines Klangsegments f\u00fcr einen modernen Stutter-Effekt.',\n description:'Ein kurzes Segment (1\/8 oder 1\/16 Beat) wird mehrfach wiederholt. Erzeugt einen charakteristischen Stutter-Sound typisch f\u00fcr modernes EDM.',\n steps:['Stutter\/Loop-Effekt auf 1\/8 oder 1\/16 Note einstellen','Effekt kurz aktivieren (1\u20132 Beats)','Auf Vocals oder Percussion anwenden','Mit Fader-Automation kombinieren','Sparsam einsetzen f\u00fcr maximale Wirkung'],\n why:'Stutter-Effekte unterbrechen den Flow kurz und erzeugen rhythmische Spannung.',\n audience:'\u26a1 Moderne, energetische Wirkung \u2013 das Publikum erkennt den Sound sofort.',\n signature:'\ud83c\udfa4 Skrillex, Boys Noize: Stutter-FX als charakteristisches Stilmerkmal.',\n genres:'EDM, Dubstep, Electro, Future Bass' },\n { name:'Pitch Bend', level:'intermediate', tags:['FX','Pitch','\u00dcbergang','Kreativ'],\n summary:'Kurzzeitiges Anheben oder Absenken der Tonh\u00f6he f\u00fcr kreative \u00dcbergangseffekte.',\n description:'Die Tonh\u00f6he eines Tracks wird kurz nach oben oder unten gebogen \u2013 \u00e4hnlich wie ein Gitarren-Bend. Erzeugt einen charakteristischen \"Warp\"-Sound.',\n steps:['Pitch-Bend-Funktion auf Jog Wheel oder Software aktivieren','Kurzes Hochziehen der Tonh\u00f6he (1\u20132 Beats)','Oder: Langsames Runterziehen f\u00fcr Brake-Effekt','Mit Filter kombinieren f\u00fcr maximalen Effekt','Zur\u00fcck auf normales Pitch f\u00fcr sauberen Weitergang'],\n why:'Ein kurzer Pitch-Bend verleiht dem Mix ein expressives, menschliches Element.',\n audience:'\ud83c\udfb8 Klingt lebendig und ausdrucksstark \u2013 \u00e4hnlich wie ein Solo-Instrument.',\n genres:'House, Techno, Trance, Experimental' },\n { name:'Roll \/ Beat Repeat', level:'beginner', tags:['FX','Roll','Rhythmisch','Einfach'],\n summary:'Automatische rhythmische Wiederholung eines Beats f\u00fcr Fills und \u00dcberg\u00e4nge.',\n description:'Der Roll-Effekt wiederholt automatisch einen kurzen Abschnitt in gleichm\u00e4\u00dfigen Intervallen. Einer der einfachsten FX-Eins\u00e4tze mit gro\u00dfer Wirkung.',\n steps:['Roll-Effekt auf gew\u00fcnschten Track aktivieren','Roll-L\u00e4nge w\u00e4hlen (1\/4, 1\/8, 1\/16 Beat)','Effekt f\u00fcr 1\u20134 Beats halten','Deaktivieren auf Beat 1 des n\u00e4chsten Segments','Mit EQ-Kill f\u00fcr Fill-Effekt kombinieren'],\n why:'Automatischer Roll f\u00fcllt L\u00fccken zwischen Phrasen und erzeugt nahtlose \u00dcberg\u00e4nge.',\n audience:'\ud83d\udd01 Das Publikum erlebt einen perkussiven Fill \u2013 kurze Unterbrechung steigert Vorfreude.',\n genres:'House, EDM, Techno, Drum & Bass' },\n { name:'Reverb + Filter Sweep', level:'advanced', tags:['FX','Reverb','Filter','Kombination'],\n summary:'Reverb und Filter gleichzeitig bewegen f\u00fcr einen cinematischen \u00dcbergangseffekt.',\n description:'W\u00e4hrend ein HPF- oder LPF-Sweep l\u00e4uft wird gleichzeitig ein langes Reverb aktiviert. Erzeugt einen filmischen \"in die Ferne gleiten\"-Effekt.',\n steps:['Langes Reverb auf Track A aktivieren (4\u20138 Sek. Decay)','HPF-Sweep gleichzeitig starten','Track A Fader langsam senken','Reverb und Filter schweben gemeinsam aus','Track B kommt sauber und trocken herein'],\n why:'Die Kombination aus Raumgef\u00fchl und Frequenzreduktion erzeugt maximale Tiefenwirkung.',\n audience:'\ud83c\udfac Cinematisch und emotional \u2013 das Publikum taucht kurz in eine andere Dimension.',\n signature:'\ud83c\udfa4 Burial, The Orb: Reverb + Filter als atmosph\u00e4risches Kompositionsmittel.',\n genres:'Ambient, Deep House, Techno, Experimental' },\n { name:'Beatmasher \/ Slicer', level:'advanced', tags:['FX','Slicer','Kreativ','Modern'],\n summary:'Track wird in Echtzeit in Segmente geschnitten und neu angeordnet.',\n description:'Ein Slicer\/Beatmasher-Effekt zerteilt den Track in kleine Segmente und arrangiert sie in einem neuen rhythmischen Pattern \u2013 Live-Remixing.',\n steps:['Beatmasher-Effekt aktivieren (Native Instruments, Pioneer etc.)','Slice-L\u00e4nge einstellen (1\/8, 1\/16 Note)','Effekt f\u00fcr kurze Momente aktivieren (2\u20134 Beats)','Pattern variieren f\u00fcr verschiedene Sounds','Effekt auf Beat 1 deaktivieren f\u00fcr sauberes Ende'],\n why:'Beatmasher erzeugt neue rhythmische Patterns aus bestehendem Material.',\n audience:'\ud83e\udd16 Klingt futuristisch und technisch \u2013 zeigt kreative Software-Beherrschung.',\n signature:'\ud83c\udfa4 Richie Hawtin, Boys Noize: Slicer-Effekte als charakteristisches Stilmittel.',\n genres:'Techno, Electro, EDM, Experimental' }\n ]\n },\n {\n id:'cat7', name:'\u26a1 Energie-Management', color:'#f87171', bg:'rgba(248,113,113,0.08)',\n techniques:[\n { name:'Build-Up + Drop Mixing', level:'beginner', tags:['Energie','Drop','Spannung','Must-Know'],\n summary:'Die fundamentale Energie-Kurve: Spannung aufbauen und mit einem Drop entladen.',\n description:'Der klassische Arc: Energie wird \u00fcber 16\u201332 Beats durch EQ-Cuts und Filter aufgebaut, dann mit einem explosiven Drop entladen. Grundprinzip jeder Dance Music.',\n steps:['Build-Up: Lows schrittweise reduzieren (HPF oder EQ)','Optional: Stutter, Roll oder andere FX hinzuf\u00fcgen','Letzte 4 Beats: Maximale Spannung (fast alles weg)','Drop: Alle Frequenzen explosiv zur\u00fcckbringen','Danach: Peak-Time-Phase ohne zu viel Manipulation'],\n why:'Spannung und Entspannung sind das fundamentale Prinzip emotionaler Wirkung in Musik.',\n audience:'\ud83d\udca5 Das Publikum erwartet den Drop und wird mit Euphorie belohnt \u2013 st\u00e4rkster Crowd-Moment.',\n genres:'EDM, House, Techno, Trance, alle Dance-Genres' },\n { name:'Breakdown Mixing', level:'intermediate', tags:['Energie','Breakdown','Emotional','Ruhig'],\n summary:'Gezielt die Energie absenken f\u00fcr einen emotionalen, melodischen Moment.',\n description:'Lows werden entfernt, Mids und Highs dominieren. Der Mix wird ruhiger und melodischer. Perfekt f\u00fcr emotionale Momente die das Publikum atmen lassen.',\n steps:['Lows von laufendem Track schrittweise reduzieren','Melodische Elemente (Mids) betonen','Tempo optional leicht reduzieren','F\u00fcr 16\u201332 Beats in diesem ruhigeren Zustand bleiben','Dann neue Energie aufbauen'],\n why:'Kontrast ist das Geheimnis: Ohne Ruhe kein H\u00f6hepunkt, ohne Tief kein Hoch.',\n audience:'\u2764\ufe0f Emotionale Verbindung, Singalong-Momente, kollektives Atemholen vor dem n\u00e4chsten Peak.',\n signature:'\ud83c\udfa4 Eric Prydz: Meister des emotionalen Breakdown-Moments in Progressive House.',\n genres:'Trance, Progressive House, Melodic Techno, Deep House' },\n { name:'Peak-Time Mixing', level:'intermediate', tags:['Energie','Peak','Vollgas','Maximum'],\n summary:'Maximale Energie halten durch minimale EQ-Manipulation und volle Frequenzen.',\n description:'Beim Peak-Time l\u00e4sst du die Tracks f\u00fcr sich sprechen: Volle Frequenzen, wenig Filter-Manipulation, schnelle \u00dcberg\u00e4nge. Energie auf Maximum halten.',\n steps:['Tracks mit maximaler Energie w\u00e4hlen','EQ nahe an 12 Uhr lassen (wenig Manipulation)','\u00dcberg\u00e4nge schnell und pr\u00e4zise (Hard Cuts oder kurze Blends)','Keine langen Build-Ups \u2013 sofort volle Energie','Lautst\u00e4rke auf absolutem Maximum halten'],\n why:'Peak-Time ist nicht der Moment f\u00fcr Experimente \u2013 hier z\u00e4hlt rohe Energie.',\n audience:'\ud83d\udd25 Das Publikum ist im Rausch \u2013 jede Unterbrechung oder Manipulation w\u00fcrde den Moment zerst\u00f6ren.',\n signature:'\ud83c\udfa4 Jeff Mills: Unnachgiebige Peak-Time-Energie ohne Kompromisse.',\n genres:'Techno, Drum & Bass, Hard Techno, Hardcore' },\n { name:'Energy Arc (Set-Struktur)', level:'advanced', tags:['Set-Struktur','Energie','Planung','Langzeit'],\n summary:'Das gesamte Set als Energie-Kurve planen \u2013 von Warm-Up bis zum Finale.',\n description:'Ein professionelles Set hat eine durchdachte Energie-Reise: langsamer Einstieg, schrittliche Steigerung, H\u00f6hepunkte und T\u00e4ler, explosives Finale.',\n steps:['Set in Phasen aufteilen: Warm-Up (30%), Build (40%), Peak (20%), Outro (10%)','Tracks f\u00fcr jede Phase vorsortieren','Energie-Kurve bewusst steuern \u2013 nicht immer nur steigern','T\u00e4ler einbauen f\u00fcr Kontrast','Finale mit st\u00e4rksten Tracks'],\n why:'Ein gut geplanter Energy Arc h\u00e4lt das Publikum \u00fcber Stunden engaged ohne zu erm\u00fcden.',\n audience:'\ud83c\udfa2 Das Publikum erlebt eine emotionale Reise \u2013 von Neugier zu Ekstase zu Erf\u00fcllung.',\n signature:'\ud83c\udfa4 Sven V\u00e4th, Richie Hawtin: Architekten langer Set-Energieb\u00f6gen.',\n genres:'Alle Genres \u2013 besonders wichtig bei Sets \u00fcber 2 Stunden' },\n { name:'Tension and Release', level:'intermediate', tags:['Energie','Spannung','Psychologie','Effekt'],\n summary:'Bewusstes Aufbauen und Aufl\u00f6sen von Spannung als psychologisches Werkzeug.',\n description:'Nicht nur beim Drop \u2013 auch im laufenden Mix kann Spannung durch EQ-Kills, Filter oder rhythmische Unterbrechungen aufgebaut und wieder aufgel\u00f6st werden.',\n steps:['Spannung: EQ-Kill (z.B. Bass weg) f\u00fcr 4\u20138 Beats','Spannung halten: Rhythmische Elemente weiter laufen lassen','Release: Basis-Frequenz explosiv zur\u00fcckbringen','Timing ist alles: Release immer auf Beat 1','H\u00e4ufigkeit: Maximal alle 32\u201364 Beats'],\n why:'Das Gehirn reagiert stark auf unerf\u00fcllte Erwartungen. Spannung + Release = Dopamin-Aussch\u00fcttung.',\n audience:'\ud83e\udde0 Physiologische Reaktion: G\u00e4nsehaut, Adrenalinsto\u00df, kollektive Euphorie beim Release.',\n genres:'Alle Dance-Genres' },\n { name:'Crowd Reading & Reactive Mixing', level:'expert', tags:['Crowd','Reaktion','Erfahrung','Kunst'],\n summary:'Das Publikum beobachten und den Mix in Echtzeit auf die Reaktion anpassen.',\n description:'Die h\u00f6chste Kunst des DJing: Nicht nach Plan mischen, sondern auf die tats\u00e4chliche Energie der Tanzfl\u00e4che reagieren. EQ-Entscheidungen basieren auf Publikumsbeobachtung.',\n steps:['Tanzfl\u00e4che regelm\u00e4\u00dfig beobachten (nicht nur auf Mixer schauen)','Energie-Einbr\u00fcche erkennen: weniger Bewegung, Leute gehen','Reaktion: Track wechseln, Energie-Boost, Crowd-Favorite spielen','Positive Reaktion nutzen: Energie halten oder steigern','Antizipieren: Was will das Publikum als n\u00e4chstes?'],\n why:'Kein vorbereitetes Set kann jede Situation vorhersehen \u2013 Reaktionsf\u00e4higkeit ist unbezahlbar.',\n audience:'\ud83c\udfaf Wenn der DJ das Publikum \"liest\" f\u00fchlen sich alle individuell angesprochen und verstanden.',\n signature:'\ud83c\udfa4 Larry Heard, Frankie Knuckles: Die V\u00e4ter des Crowd Readings aus der Chicago House Szene.',\n genres:'Alle Genres \u2013 die universellste aller DJ-F\u00e4higkeiten' }\n ]\n },\n \/\/ \u2500\u2500 BLOCK 3: cat8 + alle Render\/Filter-Funktionen \u2500\u2500\n {\n id:'cat8', name:'\ud83c\udfb5 Genre-spezifische Techniken', color:'#818cf8', bg:'rgba(129,140,248,0.08)',\n techniques:[\n { name:'Techno Long Blend', level:'intermediate', tags:['Techno','Blend','Lang','Minimal'],\n summary:'Extrem langer \u00dcbergang \u00fcber 64+ Beats \u2013 typisch f\u00fcr Techno und Minimal.',\n description:'Im Techno werden \u00dcberg\u00e4nge oft sehr lang gezogen \u2013 manchmal \u00fcber mehrere Minuten. Beide Tracks laufen lange parallel, EQ-\u00c4nderungen sind minimal und graduell.',\n steps:['Track B bei \u201320 dB einblenden','\u00dcber 32\u201364 Beats schrittweise Fader erh\u00f6hen','EQ-Manipulation extrem subtil halten','Bass-Swap sehr langsam \u00fcber 16+ Beats','Track A erst nach 2\u20134 Minuten vollst\u00e4ndig entfernen'],\n why:'Techno-Publikum liebt die hypnotische Wirkung langer, gradueller \u00dcberg\u00e4nge.',\n audience:'\ud83c\udf00 Erzeugt einen Trance-Zustand \u2013 das Publikum merkt nicht wann ein Track endet und ein neuer beginnt.',\n signature:'\ud83c\udfa4 Ben Klock, Marcel Dettmann: Berliner Techno-Schule mit langen, pr\u00e4zisen Blends.',\n genres:'Techno, Minimal, Dark Techno, Industrial' },\n { name:'House 32-Beat Mix', level:'beginner', tags:['House','Standard','32 Beats','Klassisch'],\n summary:'Der klassische 32-Beat-\u00dcbergang \u2013 Standard-Technik im House-Bereich.',\n description:'Track B wird \u00fcber exakt 32 Beats (2 Phrasen) eingeblendet w\u00e4hrend Track A ausgeblendet wird. Bass-Swap in der Mitte. Klare, saubere Struktur.',\n steps:['Track B auf Beat 1 einer neuen Phrase starten','Fader Track B auf 50% hochziehen','Nach 16 Beats: Bass-Swap durchf\u00fchren','Nach 32 Beats: Track A vollst\u00e4ndig raus','Track B l\u00e4uft mit vollem EQ'],\n why:'32 Beats entsprechen exakt 2 musikalischen Phrasen \u2013 klingt immer nat\u00fcrlich.',\n audience:'\ud83c\udfe0 Das Publikum erlebt einen flie\u00dfenden, nat\u00fcrlichen \u00dcbergang ohne Energie-Verlust.',\n genres:'House, Deep House, Disco House, Afro House' },\n { name:'Drum & Bass Quick Cut', level:'intermediate', tags:['DnB','Schnell','Pr\u00e4zision','Energie'],\n summary:'Blitzschnelle \u00dcberg\u00e4nge im Drum & Bass \u2013 wenige Beats, maximale Pr\u00e4zision.',\n description:'Bei 170+ BPM sind lange \u00dcberg\u00e4nge unpraktisch. DnB-\u00dcberg\u00e4nge passieren in 4\u20138 Beats mit pr\u00e4zisen EQ-Bewegungen und oft einem Hard Cut.',\n steps:['Track B auf Cue-Punkt stellen','Beim Einsetzen des Drops von Track A: B starten','4\u20138 Beat Bass-Swap \u2013 sehr schnell','Crossfader scharf wenn n\u00f6tig','Kein langer Blend \u2013 Energie sofort \u00fcbertragen'],\n why:'Bei hohem Tempo wirken lange \u00dcberg\u00e4nge schleppend. Geschwindigkeit ist das Ziel.',\n audience:'\u26a1 Das Publikum erwartet bei DnB Geschwindigkeit und Pr\u00e4zision \u2013 lange Blends w\u00fcrden die Energie t\u00f6ten.',\n signature:'\ud83c\udfa4 LTJ Bukem, Goldie: Pioniere des fl\u00fcssigen DnB-Mixings.',\n genres:'Drum & Bass, Jungle, Neurofunk, Liquid DnB' },\n { name:'Hip-Hop Beat Juggle Mix', level:'advanced', tags:['Hip-Hop','Juggle','Vinyl','Klassisch'],\n summary:'Klassische Hip-Hop-Mixing-Technik: Breaks werden durch Juggling verl\u00e4ngert und variiert.',\n description:'Der DJ verl\u00e4ngert den Breakbeat eines Tracks indem er zwischen zwei Kopien wechselt. Scratches und EQ-Manipulation f\u00fcgen expressive Elemente hinzu.',\n steps:['Gleichen Track auf beiden Decks','Beide auf den Breakbeat-Anfang setzen','Zwischen Decks wechseln wenn Break endet','Scratches und EQ-Kills einbauen','Variationen durch unterschiedliche Beat-Punkte'],\n why:'Hip-Hop Mixing ist Performance-Kunst \u2013 der DJ zeigt technisches K\u00f6nnen.',\n audience:'\ud83c\udfa4 Hip-Hop-Publikum sch\u00e4tzt technisches K\u00f6nnen \u2013 Reaktion auf gute Juggles ist unmittelbar.',\n signature:'\ud83c\udfa4 DJ Premier, Pete Rock: Legenden des Hip-Hop Beat-Jugglings.',\n genres:'Hip-Hop, Boom Bap, Funk, Breakbeat' },\n { name:'UK Garage Double Drop', level:'advanced', tags:['UK Garage','Double Drop','Pr\u00e4zision','Energie'],\n summary:'Zwei Tracks droppen zeitgleich auf Beat 1 \u2013 Signature-Move des UK Garage.',\n description:'Im UK Garage wird der Double Drop auf die Spitze getrieben: Extrem kurze Vorlaufzeit, blitzschnelle Vorbereitung, beide Drops landen auf demselben Beat.',\n steps:['Track B w\u00e4hrend Track A l\u00e4uft vorbereiten','Track B stumm auf Drop-Punkt vorh\u00f6ren','Exakt 8 Beats vor dem Drop von A: B einblenden','Beat 1 beider Drops: volle Energie beider Tracks','Sofortiger Bass-Swap wenn n\u00f6tig'],\n why:'UK Garage lebt von \u00dcberraschungsmomenten und blitzschnellen Reaktionen.',\n audience:'\ud83d\udca5 Einer der energiereichsten Momente im DJing \u2013 das Publikum explodiert.',\n signature:'\ud83c\udfa4 DJ EZ: Weltber\u00fchmt f\u00fcr seine blitzschnellen UK Garage Double Drops.',\n genres:'UK Garage, Speed Garage, 2-Step, Bassline' },\n { name:'Trance Filter Sweep Build', level:'intermediate', tags:['Trance','Filter','Build-Up','Emotional'],\n summary:'Der klassische Trance Build-Up: langer HPF-Sweep mit orchestralen Elementen.',\n description:'Typischer Trance-\u00dcbergang: HPF-Sweep \u00fcber 32\u201364 Beats, w\u00e4hrend orchestrale Synths und Pads ansteigen. Dann explosiver Drop mit vollem Bass.',\n steps:['HPF-Sweep \u00fcber 32 Beats starten','Melodische\/orchestrale Elemente des neuen Tracks einblenden','Steigende Spannung durch zunehmende Synth-Layers','Letzte 8 Beats: Alles au\u00dfer Melodie gefiltert','Drop: HPF weg, Bass rein, volle Energie'],\n why:'Trance-Publikum liebt emotionale Reisen \u2013 der lange Build-Up macht den Drop katartisch.',\n audience:'\ud83c\udf1f Kollektive Euphorie beim Drop nach langem Build-Up \u2013 Trance-Feeling pur.',\n signature:'\ud83c\udfa4 Paul van Dyk, Ti\u00ebsto (fr\u00fche Jahre): Meister des emotionalen Trance Build-Ups.',\n genres:'Trance, Uplifting Trance, Progressive Trance, Psytrance' }\n ]\n }\n]; \/\/ \u2190 ENDE des CATEGORIES-Arrays\n\n\/\/ ============================================================\n\/\/ STATE\n\/\/ ============================================================\nlet currentLevelFilter = 'all';\n\n\/\/ ============================================================\n\/\/ RENDER FUNCTIONS\n\/\/ ============================================================\nfunction renderTechniques() {\n const container = document.getElementById('techContent');\n const searchVal = (document.getElementById('techSearch').value || '').toLowerCase();\n let totalVisible = 0;\n\n container.innerHTML = '';\n\n CATEGORIES.forEach(cat => {\n const filtered = cat.techniques.filter(t => {\n const matchLevel = currentLevelFilter === 'all' || t.level === currentLevelFilter;\n const matchSearch = !searchVal ||\n t.name.toLowerCase().includes(searchVal) ||\n t.summary.toLowerCase().includes(searchVal) ||\n (t.tags && t.tags.some(tag => tag.toLowerCase().includes(searchVal))) ||\n (t.genres && t.genres.toLowerCase().includes(searchVal));\n return matchLevel && matchSearch;\n });\n\n if (filtered.length === 0) return;\n totalVisible += filtered.length;\n\n const section = document.createElement('div');\n section.className = 'cat-section';\n section.id = cat.id;\n\n section.innerHTML = `\n <div class=\"cat-header\" style=\"background:${cat.bg};border-bottom:2px solid ${cat.color}20;\" onclick=\"toggleCategory('${cat.id}')\">\n <h3 style=\"color:${cat.color};\">${cat.name}<\/h3>\n <span class=\"cat-count\">${filtered.length} Techniken<\/span>\n <span class=\"cat-arrow open\" id=\"arrow-${cat.id}\">\u25bc<\/span>\n <\/div>\n <div class=\"cat-body\" id=\"body-${cat.id}\">\n <div class=\"tech-grid\" id=\"grid-${cat.id}\"><\/div>\n <\/div>`;\n\n container.appendChild(section);\n\n const grid = document.getElementById('grid-' + cat.id);\n filtered.forEach(t => {\n const card = document.createElement('div');\n card.className = 'tech-card';\n card.style.borderLeftColor = cat.color;\n card.innerHTML = `\n <div class=\"tech-card-title\" style=\"color:${cat.color};\">${t.name}<\/div>\n <span class=\"tech-card-level level-${t.level}\">${levelLabel(t.level)}<\/span>\n <div class=\"tech-card-desc\">${t.summary}<\/div>\n <div class=\"tech-card-tags\">${(t.tags||[]).map(tag=>`<span class=\"tag\">${tag}<\/span>`).join('')}<\/div>`;\n card.onclick = () => openModal(t, cat.color);\n grid.appendChild(card);\n });\n });\n\n const countEl = document.getElementById('techCount');\n if (countEl) countEl.textContent = totalVisible + ' Techniken';\n\n const noResults = document.getElementById('noResults');\n if (noResults) {\n noResults.classList.toggle('hidden', totalVisible > 0);\n }\n\n const toc = document.getElementById('techTOC');\n if (toc) toc.style.display = (searchVal || currentLevelFilter !== 'all') ? 'none' : 'grid';\n}\n\nfunction levelLabel(level) {\n const map = { beginner:'Beginner', intermediate:'Intermediate', advanced:'Advanced', expert:'Expert' };\n return map[level] || level;\n}\n\nfunction toggleCategory(catId) {\n const body = document.getElementById('body-' + catId);\n const arrow = document.getElementById('arrow-' + catId);\n if (!body) return;\n const isOpen = body.style.display !== 'none';\n body.style.display = isOpen ? 'none' : 'block';\n if (arrow) arrow.classList.toggle('open', !isOpen);\n}\n\nfunction scrollToCategory(catId) {\n renderTechniques();\n setTimeout(() => {\n const el = document.getElementById(catId);\n if (el) el.scrollIntoView({ behavior:'smooth', block:'start' });\n }, 100);\n}\n\nfunction filterTechniques() {\n renderTechniques();\n}\n\nfunction setLevelFilter(level, btn) {\n currentLevelFilter = level;\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n if (btn) btn.classList.add('active');\n renderTechniques();\n}\n\n\/\/ ============================================================\n\/\/ MODAL\n\/\/ ============================================================\nfunction openModal(tech, color) {\n const body = document.getElementById('modalBody');\n const modal = document.getElementById('techModal');\n\n const stepsHTML = tech.steps\n ? `<div class=\"modal-section\"><h4>\ud83d\udccb Schritt-f\u00fcr-Schritt<\/h4><ol>${tech.steps.map(s=>`<li>${s}<\/li>`).join('')}<\/ol><\/div>`\n : '';\n const whyHTML = tech.why\n ? `<div class=\"modal-section\"><h4>\ud83d\udd2c Warum funktioniert das?<\/h4><p>${tech.why}<\/p><\/div>`\n : '';\n const sigHTML = tech.signature\n ? `<div class=\"signature-box\"><p>${tech.signature}<\/p><\/div>`\n : '';\n const genreHTML = tech.genres\n ? `<div class=\"modal-section\"><h4>\ud83c\udfb5 Genres<\/h4><p>${tech.genres}<\/p><\/div>`\n : '';\n\n body.innerHTML = `\n <h3 style=\"color:${color};\">${tech.name}<\/h3>\n <span class=\"tech-card-level level-${tech.level}\" style=\"margin-bottom:1rem;display:inline-block;\">${levelLabel(tech.level)}<\/span>\n <div class=\"tech-card-tags\" style=\"margin-bottom:1rem;\">${(tech.tags||[]).map(tag=>`<span class=\"tag\">${tag}<\/span>`).join('')}<\/div>\n <div class=\"modal-section\"><h4>\ud83d\udcd6 Beschreibung<\/h4><p>${tech.description}<\/p><\/div>\n ${stepsHTML}\n ${whyHTML}\n <div class=\"modal-audience\"><p>${tech.audience}<\/p><\/div>\n ${sigHTML}\n ${genreHTML}`;\n\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeModal() {\n document.getElementById('techModal').classList.remove('active');\n document.body.style.overflow = '';\n}\n\nfunction closeModalOnOverlay(e) {\n if (e.target === document.getElementById('techModal')) closeModal();\n}\n\ndocument.addEventListener('keydown', e => {\n if (e.key === 'Escape') closeModal();\n});\n \/\/ \u2500\u2500 BLOCK 4: Navigation + Knob-Simulator + Visualizer + Init \u2500\u2500\n\n \/\/ ============================================================\n \/\/ NAVIGATION\n \/\/ ============================================================\n function showSection(sectionId, btn) {\n document.querySelectorAll('section').forEach(s => s.classList.remove('active'));\n document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));\n document.getElementById(sectionId).classList.add('active');\n if (btn) btn.classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n if (sectionId === 'techniques') renderTechniques();\n }\n\n \/\/ ============================================================\n \/\/ KNOB SIMULATOR\n \/\/ ============================================================\n const knobConfigs = [\n { id:'knobLowA', valueId:'valueLowA', track:'A', band:'Low' },\n { id:'knobMidA', valueId:'valueMidA', track:'A', band:'Mid' },\n { id:'knobHighA', valueId:'valueHighA', track:'A', band:'High' },\n { id:'knobLowB', valueId:'valueLowB', track:'B', band:'Low' },\n { id:'knobMidB', valueId:'valueMidB', track:'B', band:'Mid' },\n { id:'knobHighB', valueId:'valueHighB', track:'B', band:'High' }\n ];\n\n knobConfigs.forEach(cfg => {\n const knob = document.getElementById(cfg.id);\n if (!knob) return;\n let isDragging = false;\n let startY = 0;\n let startValue = 50;\n\n knob.addEventListener('mousedown', e => {\n isDragging = true;\n startY = e.clientY;\n startValue = parseInt(knob.getAttribute('data-value'));\n knob.style.cursor = 'grabbing';\n e.preventDefault();\n });\n\n knob.addEventListener('touchstart', e => {\n isDragging = true;\n startY = e.touches[0].clientY;\n startValue = parseInt(knob.getAttribute('data-value'));\n e.preventDefault();\n }, { passive: false });\n\n document.addEventListener('mousemove', e => {\n if (!isDragging || knob !== document.querySelector('[style*=\"grabbing\"]')) return;\n const delta = startY - e.clientY;\n const newVal = Math.max(0, Math.min(100, startValue + delta));\n applyKnobValue(cfg.id, cfg.valueId, newVal);\n updateVisualizer('visualizer' + cfg.track);\n });\n\n document.addEventListener('touchmove', e => {\n if (!isDragging) return;\n const delta = startY - e.touches[0].clientY;\n const newVal = Math.max(0, Math.min(100, startValue + delta));\n applyKnobValue(cfg.id, cfg.valueId, newVal);\n updateVisualizer('visualizer' + cfg.track);\n }, { passive: false });\n\n document.addEventListener('mouseup', () => {\n if (isDragging) {\n isDragging = false;\n knob.style.cursor = 'pointer';\n }\n });\n\n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n\n function applyKnobValue(knobId, valueId, value) {\n const knob = document.getElementById(knobId);\n const display = document.getElementById(valueId);\n if (!knob || !display) return;\n const val = Math.round(value);\n knob.setAttribute('data-value', val);\n display.textContent = val + '%';\n const rotation = (val \/ 100) * 270 - 135;\n const indicator = knob.querySelector('.knob-indicator');\n if (indicator) indicator.style.transform = `translateX(-50%) rotate(${rotation}deg)`;\n }\n\n function setKnob(knobId, value) {\n const valueId = knobId.replace('knob', 'value');\n applyKnobValue(knobId, valueId, value);\n }\n\n \/\/ ============================================================\n \/\/ VISUALIZER\n \/\/ ============================================================\n function updateVisualizer(vizId) {\n const viz = document.getElementById(vizId);\n if (!viz) return;\n const track = vizId === 'visualizerA' ? 'A' : 'B';\n\n const lowVal = parseInt(document.getElementById('knobLow' + track).getAttribute('data-value'));\n const midVal = parseInt(document.getElementById('knobMid' + track).getAttribute('data-value'));\n const highVal = parseInt(document.getElementById('knobHigh' + track).getAttribute('data-value'));\n\n viz.innerHTML = '';\n const barCount = 24;\n\n for (let i = 0; i < barCount; i++) {\n const bar = document.createElement('div');\n bar.className = 'bar';\n\n let baseHeight, color1, color2;\n\n if (i < 8) {\n baseHeight = (lowVal \/ 100) * 160;\n color1 = '#ef4444'; color2 = '#fca5a5';\n } else if (i < 16) {\n baseHeight = (midVal \/ 100) * 160;\n color1 = '#22c55e'; color2 = '#86efac';\n } else {\n baseHeight = (highVal \/ 100) * 160;\n color1 = '#eab308'; color2 = '#fde047';\n }\n\n const jitter = Math.random() * 18;\n bar.style.height = Math.max(4, baseHeight + jitter) + 'px';\n bar.style.background = `linear-gradient(to top, ${color1}, ${color2})`;\n bar.style.opacity = baseHeight < 5 ? '0.2' : '1';\n viz.appendChild(bar);\n }\n }\n\n \/\/ ============================================================\n \/\/ SCENARIOS\n \/\/ ============================================================\n function setScenario(scenario) {\n const scenarios = {\n bassSwap: { LowA:85, MidA:50, HighA:50, LowB:10, MidB:50, HighB:50 },\n layering: { LowA:80, MidA:55, HighA:30, LowB:15, MidB:35, HighB:75 },\n frequency: { LowA:85, MidA:15, HighA:15, LowB:15, MidB:85, HighB:50 },\n reset: { LowA:50, MidA:50, HighA:50, LowB:50, MidB:50, HighB:50 }\n };\n\n const s = scenarios[scenario];\n if (!s) return;\n\n setKnob('knobLowA', s.LowA);\n setKnob('knobMidA', s.MidA);\n setKnob('knobHighA', s.HighA);\n setKnob('knobLowB', s.LowB);\n setKnob('knobMidB', s.MidB);\n setKnob('knobHighB', s.HighB);\n\n updateVisualizer('visualizerA');\n updateVisualizer('visualizerB');\n }\n\n \/\/ ============================================================\n \/\/ INIT\n \/\/ ============================================================\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ Initiale Knob-Positionen setzen\n knobConfigs.forEach(cfg => {\n applyKnobValue(cfg.id, cfg.valueId, 50);\n });\n\n \/\/ Visualizer initial rendern\n updateVisualizer('visualizerA');\n updateVisualizer('visualizerB');\n\n \/\/ Visualizer animieren (live Jitter-Effekt)\n setInterval(() => {\n const simSection = document.getElementById('simulator');\n if (simSection && simSection.classList.contains('active')) {\n updateVisualizer('visualizerA');\n updateVisualizer('visualizerB');\n }\n }, 120);\n\n \/\/ Techniques beim ersten \u00d6ffnen rendern\n const techBtn = document.querySelector('.nav-btn[onclick*=\"techniques\"]');\n if (techBtn) {\n techBtn.addEventListener('click', () => {\n setTimeout(renderTechniques, 50);\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>DJ EQ-Techniken – Interaktiver Vortrag \ud83c\udfa7 DJ EQ-Techniken Masterclass Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum Einf\u00fchrung Frequenzbereiche \ud83d\udcda Mischtechniken EQ-Simulator Publikumswirkung Profi-Tipps Was ist EQ beim DJing? Equalizer (EQ) ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen. Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- flyfishing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metalmotion.de\/flyfishing\/13-2\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- flyfishing\" \/>\n<meta property=\"og:description\" content=\"DJ EQ-Techniken – Interaktiver Vortrag \ud83c\udfa7 DJ EQ-Techniken Masterclass Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum Einf\u00fchrung Frequenzbereiche \ud83d\udcda Mischtechniken EQ-Simulator Publikumswirkung Profi-Tipps Was ist EQ beim DJing? Equalizer (EQ) ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen. Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metalmotion.de\/flyfishing\/13-2\/\" \/>\n<meta property=\"og:site_name\" content=\"flyfishing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-09T14:17:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/13-2\\\/\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/13-2\\\/\",\"name\":\"- flyfishing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/#website\"},\"datePublished\":\"2026-03-09T14:17:15+00:00\",\"dateModified\":\"2026-03-09T14:17:17+00:00\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/13-2\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/#website\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/\",\"name\":\"flyfishing\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n","yoast_head_json":{"title":"- flyfishing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","og_locale":"de_DE","og_type":"article","og_title":"- flyfishing","og_description":"DJ EQ-Techniken – Interaktiver Vortrag \ud83c\udfa7 DJ EQ-Techniken Masterclass Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum Einf\u00fchrung Frequenzbereiche \ud83d\udcda Mischtechniken EQ-Simulator Publikumswirkung Profi-Tipps Was ist EQ beim DJing? Equalizer (EQ) ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen. Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, […]","og_url":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","og_site_name":"flyfishing","article_modified_time":"2026-03-09T14:17:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","url":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","name":"- flyfishing","isPartOf":{"@id":"https:\/\/metalmotion.de\/flyfishing\/#website"},"datePublished":"2026-03-09T14:17:15+00:00","dateModified":"2026-03-09T14:17:17+00:00","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metalmotion.de\/flyfishing\/13-2\/"]}]},{"@type":"WebSite","@id":"https:\/\/metalmotion.de\/flyfishing\/#website","url":"https:\/\/metalmotion.de\/flyfishing\/","name":"flyfishing","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metalmotion.de\/flyfishing\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13,"date":"2026-03-09T15:17:15","date_gmt":"2026-03-09T14:17:15","guid":{"rendered":"https:\/\/metalmotion.de\/flyfishing\/?page_id=13"},"modified":"2026-03-09T15:17:17","modified_gmt":"2026-03-09T14:17:17","slug":"13-2","status":"publish","type":"page","link":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n DJ EQ-Techniken – Interaktiver Vortrag<\/title>\n <style>\n :root {\n --color-bg-base: #0f172a;\n --color-bg-elevated: #020617;\n --color-bg-surface: #1e293b;\n --color-text-primary: #f1f5f9;\n --color-text-secondary: #cbd5e1;\n --color-text-muted: #94a3b8;\n --color-accent: #38bdf8;\n --color-accent-hover: #0ea5e9;\n --color-low: #ef4444;\n --color-mid: #22c55e;\n --color-high: #eab308;\n --color-cat1: #38bdf8;\n --color-cat2: #a78bfa;\n --color-cat3: #f472b6;\n --color-cat4: #34d399;\n --color-cat5: #fb923c;\n --color-cat6: #facc15;\n --color-cat7: #f87171;\n --color-cat8: #818cf8;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: var(--color-bg-base);\n color: var(--color-text-primary);\n line-height: 1.6;\n overflow-x: hidden;\n }\n .container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; }\n header {\n background: linear-gradient(135deg, var(--color-bg-elevated) 0%, var(--color-bg-surface) 100%);\n padding: 3rem 0; text-align: center;\n border-bottom: 3px solid var(--color-accent);\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n }\n h1 { font-size: 3rem; margin-bottom: 1rem; color: var(--color-accent); text-shadow: 0 0 20px rgba(56,189,248,0.5); }\n .subtitle { font-size: 1.3rem; color: var(--color-text-secondary); }\n nav { background: var(--color-bg-surface); padding: 1rem 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.2); }\n .nav-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.7rem; }\n .nav-btn {\n background: var(--color-bg-base); color: var(--color-text-primary);\n border: 2px solid var(--color-accent); padding: 0.6rem 1.2rem;\n cursor: pointer; border-radius: 8px; font-size: 0.9rem;\n transition: all 0.3s ease; font-weight: 600;\n }\n .nav-btn:hover { background: var(--color-accent); color: var(--color-bg-base); transform: translateY(-2px); box-shadow: 0 4px 15px rgba(56,189,248,0.4); }\n .nav-btn.active { background: var(--color-accent); color: var(--color-bg-base); }\n section { padding: 4rem 0; min-height: 100vh; display: none; }\n section.active { display: block; }\n h2 { font-size: 2.5rem; margin-bottom: 2rem; color: var(--color-accent); text-align: center; }\n h3 { font-size: 1.8rem; margin-top: 2rem; margin-bottom: 1rem; color: var(--color-text-primary); }\n .intro-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; }\n .card { background: var(--color-bg-surface); padding: 2rem; border-radius: 12px; border: 2px solid rgba(56,189,248,0.2); transition: all 0.3s ease; }\n .card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(56,189,248,0.3); border-color: var(--color-accent); }\n .freq-section { background: var(--color-bg-surface); padding: 2rem; margin: 2rem 0; border-radius: 12px; border-left: 5px solid var(--color-accent); }\n .freq-low { border-left-color: var(--color-low); }\n .freq-mid { border-left-color: var(--color-mid); }\n .freq-high { border-left-color: var(--color-high); }\n .technique-item { background: var(--color-bg-elevated); padding: 2rem; margin: 1.5rem 0; border-radius: 10px; border: 1px solid rgba(56,189,248,0.3); }\n .technique-title { font-size: 1.5rem; color: var(--color-accent); margin-bottom: 1rem; display: flex; align-items: center; gap: 0.5rem; }\n .icon { font-size: 1.8rem; }\n .eq-simulator { background: var(--color-bg-elevated); padding: 3rem; border-radius: 15px; margin: 3rem 0; border: 2px solid var(--color-accent); }\n .knob-container { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 2rem; margin: 2rem 0; }\n .knob-group { text-align: center; }\n .knob-label { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; }\n .knob { width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(145deg, #1e293b, #0f172a); position: relative; box-shadow: 0 8px 20px rgba(0,0,0,0.5), inset 0 2px 5px rgba(255,255,255,0.1); cursor: pointer; transition: all 0.3s ease; }\n .knob:hover { box-shadow: 0 10px 25px rgba(56,189,248,0.4), inset 0 2px 5px rgba(255,255,255,0.1); }\n .knob-indicator { width: 4px; height: 50px; background: var(--color-accent); position: absolute; bottom: 50%; left: 50%; transform-origin: bottom center; transform: translateX(-50%) rotate(0deg); transition: transform 0.1s ease; border-radius: 2px; box-shadow: 0 0 10px var(--color-accent); }\n .knob-value { font-size: 1.5rem; font-weight: bold; margin-top: 1rem; color: var(--color-accent); }\n .audio-visualizer { width: 100%; height: 200px; background: var(--color-bg-base); border-radius: 10px; margin: 2rem 0; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 1rem; border: 2px solid var(--color-accent); }\n .bar { width: 15px; background: linear-gradient(to top, var(--color-accent), var(--color-accent-hover)); border-radius: 3px 3px 0 0; transition: height 0.1s ease; }\n .example-box { background: var(--color-bg-surface); padding: 1.5rem; margin: 1rem 0; border-radius: 8px; border-left: 4px solid var(--color-accent); }\n .audience-impact { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0; }\n .impact-card { background: linear-gradient(135deg, var(--color-bg-surface) 0%, var(--color-bg-elevated) 100%); padding: 1.5rem; border-radius: 10px; border: 2px solid rgba(56,189,248,0.3); text-align: center; }\n .impact-icon { font-size: 3rem; margin-bottom: 1rem; }\n .comparison-table { width: 100%; border-collapse: collapse; margin: 2rem 0; background: var(--color-bg-surface); border-radius: 10px; overflow: hidden; }\n .comparison-table th, .comparison-table td { padding: 1.2rem; text-align: left; border-bottom: 1px solid rgba(56,189,248,0.2); }\n .comparison-table th { background: var(--color-bg-elevated); color: var(--color-accent); font-weight: bold; font-size: 1.1rem; }\n .comparison-table tr:hover { background: rgba(56,189,248,0.1); }\n .tip-box { background: linear-gradient(135deg, rgba(56,189,248,0.1) 0%, rgba(56,189,248,0.05) 100%); border: 2px solid var(--color-accent); padding: 1.5rem; border-radius: 10px; margin: 2rem 0; }\n .tip-box strong { color: var(--color-accent); font-size: 1.2rem; }\n footer { background: var(--color-bg-elevated); padding: 2rem 0; text-align: center; margin-top: 4rem; border-top: 3px solid var(--color-accent); }\n\n \/* ===== TECHNIQUES REFERENCE ===== *\/\n .techniques-toc { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 2rem 0 3rem 0; }\n .toc-card { border-radius: 10px; padding: 1.2rem 1.5rem; cursor: pointer; transition: all 0.3s ease; border: 2px solid transparent; font-weight: 600; font-size: 0.95rem; }\n .toc-card:hover { transform: translateY(-3px); filter: brightness(1.2); }\n .cat-section { margin: 2.5rem 0; border-radius: 14px; overflow: hidden; border: 2px solid rgba(255,255,255,0.08); }\n .cat-header { padding: 1.2rem 2rem; display: flex; align-items: center; gap: 1rem; cursor: pointer; user-select: none; transition: filter 0.2s; }\n .cat-header:hover { filter: brightness(1.15); }\n .cat-header h3 { margin: 0; font-size: 1.4rem; color: #fff; }\n .cat-count { margin-left: auto; background: rgba(0,0,0,0.3); border-radius: 20px; padding: 0.2rem 0.8rem; font-size: 0.85rem; color: rgba(255,255,255,0.8); }\n .cat-arrow { font-size: 1.2rem; transition: transform 0.3s; margin-left: 0.5rem; }\n .cat-arrow.open { transform: rotate(180deg); }\n .cat-body { padding: 0 1.5rem 1.5rem 1.5rem; background: var(--color-bg-elevated); }\n .tech-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem; margin-top: 1.2rem; }\n .tech-card { background: var(--color-bg-surface); border-radius: 10px; padding: 1.2rem 1.5rem; border-left: 4px solid; transition: all 0.2s ease; cursor: pointer; }\n .tech-card:hover { transform: translateX(4px); background: #243048; }\n .tech-card-title { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.4rem; }\n .tech-card-level { display: inline-block; font-size: 0.72rem; padding: 0.15rem 0.6rem; border-radius: 20px; margin-bottom: 0.6rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }\n .level-beginner { background: rgba(34,197,94,0.2); color: #4ade80; }\n .level-intermediate { background: rgba(234,179,8,0.2); color: #fbbf24; }\n .level-advanced { background: rgba(239,68,68,0.2); color: #f87171; }\n .level-expert { background: rgba(168,85,247,0.2); color: #c084fc; }\n .tech-card-desc { font-size: 0.88rem; color: var(--color-text-secondary); line-height: 1.5; }\n .tech-card-tags { margin-top: 0.6rem; display: flex; flex-wrap: wrap; gap: 0.3rem; }\n .tag { font-size: 0.7rem; padding: 0.1rem 0.5rem; border-radius: 10px; background: rgba(56,189,248,0.1); color: var(--color-accent); border: 1px solid rgba(56,189,248,0.2); }\n .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.85); z-index: 9999; justify-content: center; align-items: center; padding: 2rem; }\n .modal-overlay.active { display: flex; }\n .modal { background: var(--color-bg-surface); border-radius: 16px; max-width: 750px; width: 100%; max-height: 88vh; overflow-y: auto; padding: 2.5rem; border: 2px solid var(--color-accent); position: relative; }\n .modal-close { position: absolute; top: 1rem; right: 1.5rem; font-size: 1.8rem; cursor: pointer; color: var(--color-text-muted); background: none; border: none; transition: color 0.2s; }\n .modal-close:hover { color: var(--color-accent); }\n .modal h3 { color: var(--color-accent); font-size: 1.6rem; margin-bottom: 0.5rem; }\n .modal-section { margin: 1.2rem 0; }\n .modal-section h4 { color: var(--color-text-primary); margin-bottom: 0.5rem; font-size: 1rem; border-bottom: 1px solid rgba(56,189,248,0.15); padding-bottom: 0.3rem; }\n .modal-section p, .modal-section li { color: var(--color-text-secondary); font-size: 0.95rem; line-height: 1.7; }\n .modal-section ol, .modal-section ul { padding-left: 1.5rem; }\n .modal-section li { margin-bottom: 0.3rem; }\n .modal-audience { background: rgba(56,189,248,0.08); border: 1px solid rgba(56,189,248,0.3); border-radius: 8px; padding: 1rem; margin-top: 1rem; }\n .modal-audience p { color: #7dd3fc; font-size: 0.95rem; }\n .signature-box { background: rgba(168,85,247,0.08); border: 1px solid rgba(168,85,247,0.3); border-radius: 8px; padding: 1rem; margin-top: 1rem; }\n .signature-box p { color: #c084fc; font-size: 0.95rem; }\n .search-bar-wrap { margin: 0 0 2rem 0; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }\n .search-input { flex: 1; min-width: 250px; background: var(--color-bg-elevated); border: 2px solid rgba(56,189,248,0.3); color: var(--color-text-primary); padding: 0.8rem 1.2rem; border-radius: 10px; font-size: 1rem; transition: border-color 0.2s; }\n .search-input:focus { outline: none; border-color: var(--color-accent); }\n .search-input::placeholder { color: var(--color-text-muted); }\n .filter-btns { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n .filter-btn { padding: 0.5rem 1rem; border-radius: 20px; border: 2px solid rgba(255,255,255,0.15); background: transparent; color: var(--color-text-muted); font-size: 0.82rem; cursor: pointer; transition: all 0.2s; font-weight: 600; }\n .filter-btn:hover, .filter-btn.active { background: var(--color-accent); color: var(--color-bg-base); border-color: var(--color-accent); }\n .tech-count-badge { background: var(--color-bg-surface); border: 1px solid rgba(56,189,248,0.3); color: var(--color-accent); border-radius: 8px; padding: 0.5rem 1rem; font-size: 0.9rem; font-weight: 700; }\n .no-results { text-align: center; padding: 3rem; color: var(--color-text-muted); font-size: 1.1rem; }\n .hidden { display: none !important; }\n @media (max-width: 768px) {\n h1 { font-size: 2rem; } h2 { font-size: 1.8rem; }\n .nav-btn { padding: 0.5rem 1rem; font-size: 0.85rem; }\n .knob { width: 90px; height: 90px; } .knob-indicator { height: 40px; }\n .tech-grid { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<header>\n <div class=\"container\">\n <h1>\ud83c\udfa7 DJ EQ-Techniken Masterclass<\/h1>\n <p class=\"subtitle\">Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum<\/p>\n <\/div>\n<\/header>\n\n<nav>\n <div class=\"nav-container\">\n <button class=\"nav-btn active\" onclick=\"showSection('intro',this)\">Einf\u00fchrung<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('frequencies',this)\">Frequenzbereiche<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('techniques',this)\">\ud83d\udcda Mischtechniken<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('simulator',this)\">EQ-Simulator<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('audience',this)\">Publikumswirkung<\/button>\n <button class=\"nav-btn\" onclick=\"showSection('tips',this)\">Profi-Tipps<\/button>\n <\/div>\n<\/nav>\n\n<main class=\"container\">\n\n\n<section id=\"intro\" class=\"active\">\n <h2>Was ist EQ beim DJing?<\/h2>\n <div class=\"freq-section\">\n <p style=\"font-size:1.2rem;line-height:1.8;\">\n <strong>Equalizer (EQ)<\/strong> ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen.\n Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, dass zwei Tracks gleichzeitig um denselben klanglichen Raum konkurrieren.\n <\/p>\n <\/div>\n <div class=\"intro-grid\">\n <div class=\"card\"><div class=\"icon\">\ud83d\udd0a<\/div><h3>Klangformung<\/h3><p>EQ formt den Klang jedes Tracks individuell und passt ihn an den Mix an.<\/p><\/div>\n <div class=\"card\"><div class=\"icon\">\ud83c\udf9b\ufe0f<\/div><h3>\u00dcberg\u00e4nge<\/h3><p>Smooth Transitions entstehen durch geschicktes Austauschen von Frequenzbereichen zwischen Tracks.<\/p><\/div>\n <div class=\"card\"><div class=\"icon\">\ud83c\udfb5<\/div><h3>Raumanpassung<\/h3><p>EQ kompensiert die Akustik des Raums und sorgt daf\u00fcr, dass der Mix in verschiedenen Locations optimal klingt.<\/p><\/div>\n <div class=\"card\"><div class=\"icon\">\u26a1<\/div><h3>Energie-Kontrolle<\/h3><p>Durch gezieltes Boosten und Cutten von Frequenzen steuerst du die Energie auf der Tanzfl\u00e4che.<\/p><\/div>\n <\/div>\n <div class=\"tip-box\" style=\"margin-top:3rem;\">\n <strong>\ud83d\udca1 Grundprinzip:<\/strong> Die meisten DJ-Mixer haben ein 3-Band-EQ (Low, Mid, High). Die goldene Regel: <em>Lieber cutten als boosten!<\/em>\n <\/div>\n<\/section>\n\n\n<section id=\"frequencies\">\n <h2>Die drei Frequenzbereiche<\/h2>\n <div class=\"freq-section freq-low\">\n <h3 style=\"color:var(--color-low);\">\ud83d\udd34 LOWS (20 Hz \u2013 200 Hz)<\/h3>\n <p><strong>Enth\u00e4lt:<\/strong> Kick Drum, Bassline, Sub-Bass | <strong>Funktion:<\/strong> Fundament des Tracks<\/p>\n <div class=\"example-box\"><h4>Charakteristik:<\/h4><ul><li>Erzeugt k\u00f6rperliche Vibration und Energie<\/li><li>Tr\u00e4gt die meiste Energie im Dance-Music-Spektrum<\/li><li>Zwei Basslines gleichzeitig = matschiger Sound<\/li><li>Wichtigster Bereich f\u00fcr Bass-Swaps<\/li><\/ul><\/div>\n <div class=\"example-box\"><h4>Wirkung:<\/h4><p>\ud83c\udfaf Der Bass wird <strong>k\u00f6rperlich gesp\u00fcrt<\/strong>, nicht nur geh\u00f6rt. Er treibt die Tanzfl\u00e4che an.<\/p><\/div>\n <\/div>\n <div class=\"freq-section freq-mid\">\n <h3 style=\"color:var(--color-mid);\">\ud83d\udfe2 MIDS (200 Hz \u2013 5 kHz)<\/h3>\n <p><strong>Enth\u00e4lt:<\/strong> Vocals, Melodien, Synths, Gitarren | <strong>Funktion:<\/strong> Seele des Tracks<\/p>\n <div class=\"example-box\"><h4>Charakteristik:<\/h4><ul><li>Hier leben Hooks, Melodien und Vocals<\/li><li>Am schnellsten \u00fcberladen<\/li><li>Upper Mids (2\u20134 kHz) = Pr\u00e4senz und Durchsetzungskraft<\/li><\/ul><\/div>\n <div class=\"example-box\"><h4>Wirkung:<\/h4><p>\ud83c\udfaf Die Mids tragen die <strong>emotionale Botschaft<\/strong>. Vocals erzeugen Verbindung und Wiedererkennung.<\/p><\/div>\n <\/div>\n <div class=\"freq-section freq-high\">\n <h3 style=\"color:var(--color-high);\">\ud83d\udfe1 HIGHS (5 kHz \u2013 20 kHz)<\/h3>\n <p><strong>Enth\u00e4lt:<\/strong> Hi-Hats, Cymbals, Claps, Percussion | <strong>Funktion:<\/strong> Groove und Brillanz<\/p>\n <div class=\"example-box\"><h4>Charakteristik:<\/h4><ul><li>Erzeugt Luftigkeit und Sparkle<\/li><li>K\u00f6nnen am besten gelayert werden<\/li><li>Zu viel = schrill, zu wenig = dumpf<\/li><\/ul><\/div>\n <div class=\"example-box\"><h4>Wirkung:<\/h4><p>\ud83c\udfaf Die Highs erzeugen <strong>Bewegung und Groove<\/strong>. Oft zuerst eingef\u00fchrt bei neuen Tracks.<\/p><\/div>\n <\/div>\n <div class=\"tip-box\">\n <strong>\u26a0\ufe0f Die Clash-Regel:<\/strong><br>\n \u2022 <span style=\"color:var(--color-high);\">HIGHS<\/span> k\u00f6nnen \u00fcbereinander liegen \u2705<br>\n \u2022 <span style=\"color:var(--color-mid);\">MIDS<\/span> konkurrieren stark (nur einer dominant) \u26a0\ufe0f<br>\n \u2022 <span style=\"color:var(--color-low);\">LOWS<\/span> d\u00fcrfen NIE gleichzeitig voll laufen \u274c\n <\/div>\n<\/section>\n\n\n<section id=\"techniques\">\n <h2>\ud83d\udcda Mischtechniken \u2013 Vollst\u00e4ndiges Nachschlagewerk<\/h2>\n <p style=\"text-align:center;font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem;\">\n 57 Techniken in 8 Kategorien \u00b7 Klicke auf eine Technik f\u00fcr alle Details\n <\/p>\n <div class=\"search-bar-wrap\">\n <input class=\"search-input\" type=\"text\" id=\"techSearch\" placeholder=\"\ud83d\udd0d Technik suchen...\" oninput=\"filterTechniques()\">\n <div class=\"filter-btns\">\n <button class=\"filter-btn active\" onclick=\"setLevelFilter('all',this)\">Alle Level<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('beginner',this)\" style=\"color:#4ade80;\">Beginner<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('intermediate',this)\" style=\"color:#fbbf24;\">Intermediate<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('advanced',this)\" style=\"color:#f87171;\">Advanced<\/button>\n <button class=\"filter-btn\" onclick=\"setLevelFilter('expert',this)\" style=\"color:#c084fc;\">Expert<\/button>\n <\/div>\n <div class=\"tech-count-badge\" id=\"techCount\">57 Techniken<\/div>\n <\/div>\n <div class=\"techniques-toc\" id=\"techTOC\">\n <div class=\"toc-card\" style=\"background:rgba(56,189,248,0.1);border:2px solid var(--color-cat1);\" onclick=\"scrollToCategory('cat1')\">\ud83c\udf9b\ufe0f Grundlegende EQ<small style=\"opacity:0.7;display:block;\">7 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(167,139,250,0.1);border:2px solid var(--color-cat2);\" onclick=\"scrollToCategory('cat2')\">\ud83c\udf0a Filter-Techniken<small style=\"opacity:0.7;display:block;\">6 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(244,114,182,0.1);border:2px solid var(--color-cat3);\" onclick=\"scrollToCategory('cat3')\">\ud83d\udd00 \u00dcberg\u00e4nge<small style=\"opacity:0.7;display:block;\">10 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(52,211,153,0.1);border:2px solid var(--color-cat4);\" onclick=\"scrollToCategory('cat4')\">\ud83c\udfa8 Kreativ & Harmonic<small style=\"opacity:0.7;display:block;\">9 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(251,146,60,0.1);border:2px solid var(--color-cat5);\" onclick=\"scrollToCategory('cat5')\">\ud83c\udfa4 Performance & Scratch<small style=\"opacity:0.7;display:block;\">8 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(250,204,21,0.1);border:2px solid var(--color-cat6);\" onclick=\"scrollToCategory('cat6')\">\ud83c\udf9a\ufe0f FX-gest\u00fctzt<small style=\"opacity:0.7;display:block;\">8 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(248,113,113,0.1);border:2px solid var(--color-cat7);\" onclick=\"scrollToCategory('cat7')\">\u26a1 Energie-Management<small style=\"opacity:0.7;display:block;\">6 Techniken<\/small><\/div>\n <div class=\"toc-card\" style=\"background:rgba(129,140,248,0.1);border:2px solid var(--color-cat8);\" onclick=\"scrollToCategory('cat8')\">\ud83c\udfb5 Genre-spezifisch<small style=\"opacity:0.7;display:block;\">6 Techniken<\/small><\/div>\n <\/div>\n <div id=\"techContent\"><\/div>\n <div class=\"no-results hidden\" id=\"noResults\">Keine Techniken gefunden.<\/div>\n<\/section>\n\n\n<section id=\"simulator\">\n <h2>Interaktiver EQ-Simulator<\/h2>\n <p style=\"text-align:center;font-size:1.2rem;margin-bottom:2rem;\">Experimentiere mit den EQ-Reglern und beobachte die Auswirkungen!<\/p>\n <div class=\"eq-simulator\">\n <h3 style=\"text-align:center;margin-bottom:2rem;\">Track A (Aktueller Track)<\/h3>\n <div class=\"knob-container\">\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-low);\">LOW<\/div><div class=\"knob\" id=\"knobLowA\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-low);\"><\/div><\/div><div class=\"knob-value\" id=\"valueLowA\">50%<\/div><small style=\"color:var(--color-text-muted);\">20\u2013200 Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-mid);\">MID<\/div><div class=\"knob\" id=\"knobMidA\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-mid);\"><\/div><\/div><div class=\"knob-value\" id=\"valueMidA\">50%<\/div><small style=\"color:var(--color-text-muted);\">200\u20135k Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-high);\">HIGH<\/div><div class=\"knob\" id=\"knobHighA\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-high);\"><\/div><\/div><div class=\"knob-value\" id=\"valueHighA\">50%<\/div><small style=\"color:var(--color-text-muted);\">5\u201320k Hz<\/small><\/div>\n <\/div>\n <div class=\"audio-visualizer\" id=\"visualizerA\"><\/div>\n <\/div>\n <div class=\"eq-simulator\" style=\"margin-top:3rem;\">\n <h3 style=\"text-align:center;margin-bottom:2rem;\">Track B (Einkommender Track)<\/h3>\n <div class=\"knob-container\">\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-low);\">LOW<\/div><div class=\"knob\" id=\"knobLowB\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-low);\"><\/div><\/div><div class=\"knob-value\" id=\"valueLowB\">50%<\/div><small style=\"color:var(--color-text-muted);\">20\u2013200 Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-mid);\">MID<\/div><div class=\"knob\" id=\"knobMidB\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-mid);\"><\/div><\/div><div class=\"knob-value\" id=\"valueMidB\">50%<\/div><small style=\"color:var(--color-text-muted);\">200\u20135k Hz<\/small><\/div>\n <div class=\"knob-group\"><div class=\"knob-label\" style=\"color:var(--color-high);\">HIGH<\/div><div class=\"knob\" id=\"knobHighB\" data-value=\"50\"><div class=\"knob-indicator\" style=\"background:var(--color-high);\"><\/div><\/div><div class=\"knob-value\" id=\"valueHighB\">50%<\/div><small style=\"color:var(--color-text-muted);\">5\u201320k Hz<\/small><\/div>\n <\/div>\n <div class=\"audio-visualizer\" id=\"visualizerB\"><\/div>\n <\/div>\n <div class=\"tip-box\" style=\"margin-top:3rem;\">\n <strong>\ud83c\udfae Szenarien:<\/strong><br>\n <button class=\"nav-btn\" onclick=\"setScenario('bassSwap')\" style=\"margin:0.5rem;\">Bass-Swap<\/button>\n <button class=\"nav-btn\" onclick=\"setScenario('layering')\" style=\"margin:0.5rem;\">High-Mid-Low<\/button>\n <button class=\"nav-btn\" onclick=\"setScenario('frequency')\" style=\"margin:0.5rem;\">Freq. Layering<\/button>\n <button class=\"nav-btn\" onclick=\"setScenario('reset')\" style=\"margin:0.5rem;\">Reset<\/button>\n <\/div>\n<\/section>\n\n\n<section id=\"audience\">\n <h2>Wirkung auf das Publikum<\/h2>\n <div class=\"freq-section\"><h3>Psychoakustische Effekte<\/h3><p>Jede EQ-Entscheidung hat eine direkte Auswirkung auf die emotionale und k\u00f6rperliche Reaktion des Publikums.<\/p><\/div>\n <div class=\"audience-impact\">\n <div class=\"impact-card\"><div class=\"impact-icon\">\ud83d\udcaa<\/div><h3>Bass-Energie<\/h3><p><strong>Low-Frequenzen (20\u2013200 Hz)<\/strong><\/p><p>Werden k\u00f6rperlich gesp\u00fcrt, erzeugen Vibration, treiben Bewegung an<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Macht das Publikum aktiver<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\u2764\ufe0f<\/div><h3>Emotionale Verbindung<\/h3><p><strong>Mid-Frequenzen (200\u20135k Hz)<\/strong><\/p><p>Vocals und Melodien erzeugen emotionale Resonanz und Wiedererkennung<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Schafft Verbindung und Erinnerungen<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\u2728<\/div><h3>Groove & Detail<\/h3><p><strong>High-Frequenzen (5\u201320k Hz)<\/strong><\/p><p>Hi-Hats erzeugen rhythmische Textur und Bewegung<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: H\u00e4lt das Publikum engaged<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\ud83c\udf0a<\/div><h3>Flow & Kontinuit\u00e4t<\/h3><p><strong>Sanfte \u00dcberg\u00e4nge<\/strong><\/p><p>Smooth EQ-Wechsel verhindern Unterbrechungen und halten den Fluss<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Publikum bleibt in Trance<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\u26a1<\/div><h3>Spannung & Release<\/h3><p><strong>Dramatische Cuts<\/strong><\/p><p>Entfernen von Frequenzen baut Spannung auf, Re-Entry erzeugt Euphorie<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Energie-Explosionen<\/p><\/div>\n <div class=\"impact-card\"><div class=\"impact-icon\">\ud83c\udfaf<\/div><h3>Klarheit<\/h3><p><strong>Sauberes Mixing<\/strong><\/p><p>Keine Frequenz-Clashes = klarer, definierter Sound<\/p><p style=\"color:var(--color-accent);margin-top:1rem;\">Effekt: Publikum kann genie\u00dfen<\/p><\/div>\n <\/div>\n <div class=\"technique-item\" style=\"margin-top:3rem;\">\n <h3>Energie-Management durch EQ<\/h3>\n <table class=\"comparison-table\">\n <thead><tr><th>Situation<\/th><th>EQ-Technik<\/th><th>Publikumsreaktion<\/th><\/tr><\/thead>\n <tbody>\n <tr><td><strong>Build-Up<\/strong><\/td><td>Schrittweises Reduzieren der Lows, High-Pass Filter<\/td><td>Spannung steigt, Publikum erwartet den Drop<\/td><\/tr>\n <tr><td><strong>Drop<\/strong><\/td><td>Explosives Wiedereinf\u00fchren aller Frequenzen<\/td><td>Euphorie, maximale Energie<\/td><\/tr>\n <tr><td><strong>Breakdown<\/strong><\/td><td>Lows raus, Mids und Highs dominieren<\/td><td>Entspannung, melodischer Moment<\/td><\/tr>\n <tr><td><strong>Intensivierung<\/strong><\/td><td>Graduelles Hinzuf\u00fcgen von Lows und Mids<\/td><td>Steigende Energie, Vorfreude<\/td><\/tr>\n <tr><td><strong>Transition<\/strong><\/td><td>Smooth Frequency-Swap zwischen Tracks<\/td><td>Nahtlose Fortsetzung, kein Energie-Verlust<\/td><\/tr>\n <tr><td><strong>Peak-Time<\/strong><\/td><td>Volle Frequenzen, minimale Manipulation<\/td><td>Maximale Energie, Ekstase<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <div class=\"tip-box\"><strong>\ud83c\udfad Die psychologische Dimension:<\/strong> Das Publikum nimmt EQ-\u00c4nderungen oft unbewusst wahr. Ein schlechter Mix erzeugt Unbehagen ohne erkennbaren Grund. Deine EQ-Skills sind der Unterschied zwischen „Das war okay“ und „Das war unglaublich!“<\/div>\n<\/section>\n\n\n<section id=\"tips\">\n <h2>Profi-Tipps & Best Practices<\/h2>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83c\udfaf<\/span><span>Cut Before Boost \u2013 Die goldene Regel<\/span><\/div><div class=\"example-box\"><p><strong>Warum?<\/strong> Boosten erh\u00f6ht den Gesamtpegel und f\u00fchrt zu Verzerrungen. Cutten schafft Raum bei konstanter Dynamik. Nutze den Gain-Regler zum Ausgleich, nicht den EQ-Boost.<\/p><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83d\udc42<\/span><span>Split Cue Mixing<\/span><\/div><div class=\"example-box\"><p>Master im rechten Ohr, Cue im linken Ohr. Du h\u00f6rst beide Tracks gleichzeitig in Stereo und kannst Frequenz-Clashes pr\u00e4zise identifizieren.<\/p><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83c\udf9a\ufe0f<\/span><span>Isolator Mode vs. Standard EQ<\/span><\/div><div class=\"example-box\"><p>Im Isolator-Modus wird bei Minimum die Frequenz komplett eliminiert (Kill). F\u00fcr dramatische Effekte ideal. Standard-EQ ist besser f\u00fcr smooth Transitions.<\/p><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\ud83d\udd0a<\/span><span>Raumanpassung (Room EQ)<\/span><\/div><div class=\"example-box\"><p>In den ersten 30 Minuten Kopfh\u00f6rer abnehmen und lauschen:<\/p><ul><li>Zu dumpf? \u2192 Highs anheben<\/li><li>Zu viel Bass? \u2192 Lows global reduzieren<\/li><li>Vocals unter? \u2192 Mids betonen<\/li><\/ul><\/div><\/div>\n <div class=\"technique-item\"><div class=\"technique-title\"><span class=\"icon\">\u23f1\ufe0f<\/span><span>Timing & Phrasierung<\/span><\/div><div class=\"example-box\"><ul><li><strong>8 Beats:<\/strong> Techno, Drum & Bass<\/li><li><strong>16 Beats:<\/strong> Standard f\u00fcr House, Dance, EDM<\/li><li><strong>32 Beats:<\/strong> Lange, epische Transitions<\/li><\/ul><\/div><\/div>\n <div class=\"freq-section\" style=\"margin-top:3rem;\">\n <h3>H\u00e4ufige Fehler vermeiden<\/h3>\n <div class=\"example-box\" style=\"background:rgba(239,68,68,0.1);border-left-color:var(--color-low);\">\n <h4>\u274c Die „No-Go“ Liste:<\/h4>\n <ul>\n <li>Zwei volle Basslines gleichzeitig<\/li><li>Alle EQs dauerhaft auf 12 Uhr<\/li><li>Zu viel Boosten<\/li>\n <li>EQs nach \u00dcbergang nicht zur\u00fccksetzen<\/li><li>Zu schnelle EQ-Bewegungen<\/li>\n <li>Nur auf Kopfh\u00f6rer vertrauen<\/li><li>Phrasierung ignorieren<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"tip-box\"><strong>\ud83c\udfc6 Master-Tipp:<\/strong> Die besten DJs bewegen die EQs konstant, aber subtil. Kleine, kontinuierliche Korrekturen halten den Mix perfekt ausbalanciert \u2013 wie das Lenken eines Autos.<\/div>\n<\/section>\n\n<\/main>\n\n<footer>\n <div class=\"container\">\n <p>\u00a9 2026 DJ EQ-Techniken Masterclass | Vollst\u00e4ndiges Nachschlagewerk f\u00fcr professionelles DJing<\/p>\n <p style=\"margin-top:0.5rem;color:var(--color-text-muted);\">57 Techniken \u00b7 8 Kategorien \u00b7 Vollst\u00e4ndig dokumentiert<\/p>\n <\/div>\n<\/footer>\n\n\n<div class=\"modal-overlay\" id=\"techModal\" onclick=\"closeModalOnOverlay(event)\">\n <div class=\"modal\" id=\"modalContent\">\n <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\n <div id=\"modalBody\"><\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ ============================================================\n\/\/ TECHNIQUE DATA \u2013 57 Techniken, 8 Kategorien\n\/\/ ============================================================\nconst CATEGORIES = [\n {\n id:'cat1', name:'\ud83c\udf9b\ufe0f Grundlegende EQ-Techniken', color:'#38bdf8', bg:'rgba(56,189,248,0.08)',\n techniques:[\n { name:'Bass-Swap', level:'beginner', tags:['EQ','Bass','Must-Know'],\n summary:'Sauberer Austausch der Basslines zwischen zwei Tracks.',\n description:'Der Low-EQ von Track B wird komplett runtergedreht, bevor er in den Mix kommt. Beim \u00dcbergang wird Low A langsam reduziert und Low B gleichzeitig auf 12 Uhr hochgedreht.',\n steps:['Track B beatmatchen, Low-EQ auf Minimum','Beim Phrasenwechsel: Low A langsam runterdrehen','Gleichzeitig: Low B auf 12 Uhr hochdrehen','Sicherstellen, dass nie beide B\u00e4sse voll laufen','Track A vollst\u00e4ndig entfernen'],\n why:'Zwei Basslines gleichzeitig erzeugen matschigen Sound und Phasenausl\u00f6schung.',\n audience:'\ud83d\udca5 Kaum als \u00dcbergang h\u00f6rbar \u2013 die Energie bleibt konstant, die Tanzfl\u00e4che bleibt in Bewegung.',\n signature:'\ud83c\udfa4 Carl Cox: Bekannt f\u00fcr extrem pr\u00e4zise Bass-Swaps in 4-Deck-Sets.',\n genres:'House, Techno, Trance, EDM' },\n { name:'High-Mid-Low Layering', level:'beginner', tags:['EQ','Layering','Smooth'],\n summary:'Schrittweise Einf\u00fchrung von Highs \u2192 Mids \u2192 Lows f\u00fcr seidenweiche \u00dcberg\u00e4nge.',\n description:'Track B wird in drei Phasen eingef\u00fchrt: zuerst nur die H\u00f6hen, dann Mitten, schlie\u00dflich Bass. Parallel werden diese B\u00e4nder bei Track A reduziert.',\n steps:['Track B: Low + Mid auf Minimum, High auf 12 Uhr','Fader hochziehen \u2013 nur Hi-Hats von B h\u00f6rbar','Mid B hoch + Mid A runter (gleichzeitig)','Low B hoch + Low A runter (gleichzeitig)','Track A vollst\u00e4ndig entfernen'],\n why:'Das schrittweise Einf\u00fchren schont den Frequenzraum und erzeugt einen nat\u00fcrlichen, evolution\u00e4ren \u00dcbergang.',\n audience:'\ud83c\udf0a F\u00fchlt sich wie eine sanfte Welle an. Das Publikum erlebt eine nat\u00fcrliche Evolution.',\n signature:'\ud83c\udfa4 Ricardo Villalobos: Meister des langsamen, minimalen Layerings.',\n genres:'House, Minimal, Techno' },\n { name:'Frequency Layering', level:'intermediate', tags:['EQ','3 Decks','Kreativ'],\n summary:'Mehrere Tracks gleichzeitig, jeder in seinem eigenen Frequenzraum.',\n description:'Verschiedene Tracks \u00fcbernehmen unterschiedliche Frequenzbereiche: Track A liefert Bass, Track B die Melodie, Track C die Percussion.',\n steps:['Track A: Lows voll, Mids + Highs reduziert','Track B: Mids voll, Lows + Highs reduziert','Track C: Highs voll, Lows + Mids reduziert','Kontinuierlich balancieren und Elemente bei Bedarf tauschen'],\n why:'Jeder Track \u00fcbernimmt eine klare Rolle im Spektrum, was Clashes vermeidet.',\n audience:'\ud83c\udfa8 Erzeugt einen reicheren, dynamischeren Sound wie eine einzige organische Komposition.',\n signature:'\ud83c\udfa4 Jeff Mills: Nutzt bis zu 3 Turntables mit Frequenz-Rollenteilung.',\n genres:'Techno, House, Drum & Bass' },\n { name:'Carving (Frequenz-Aush\u00f6hlen)', level:'intermediate', tags:['EQ','Cut','Klarheit'],\n summary:'Schaffe Platz f\u00fcr Elemente durch gezieltes Cutten konkurrierender Frequenzen.',\n description:'Statt ein Element zu boosten, werden andere Elemente im gleichen Frequenzbereich leicht reduziert \u2013 das \"carves out\" Platz.',\n steps:['Identifiziere das Element, das hervorstechen soll','Suche konkurrierende Frequenzen in anderen Tracks','Reduziere diese Frequenzen leicht (\u20133 bis \u20136 dB)','Kompensiere Lautst\u00e4rkeverlust mit Gain-Regler'],\n why:'Boosten erh\u00f6ht den Gesamtpegel. Cutten schafft Raum ohne Dynamikverlust.',\n audience:'\ud83c\udfaf Jedes Element hat seinen Platz \u2013 das Publikum h\u00f6rt jeden Teil klar.',\n genres:'Alle Genres' },\n { name:'EQ Kill', level:'beginner', tags:['EQ','Effekt','Dramatisch'],\n summary:'Komplettes Entfernen eines Frequenzbandes f\u00fcr dramatische Effekte.',\n description:'Ein EQ-Band wird auf das absolute Minimum gedreht (Kill), wodurch dieser Frequenzbereich komplett verschwindet. Besonders effektiv als Bass-Kill.',\n steps:['EQ-Regler schnell auf Minimum (7-Uhr-Position)','Kill f\u00fcr 2, 4 oder 8 Beats halten','Band explosiv zur\u00fcck auf 12 Uhr bringen','Mit anderen Effekten kombinieren'],\n why:'Die pl\u00f6tzliche Abwesenheit erzeugt Spannung, der Re-Entry einen \u00dcberraschungseffekt.',\n audience:'\u26a1 Der Moment wenn der Bass zur\u00fcckkommt kann die Tanzfl\u00e4che explodieren lassen.',\n signature:'\ud83c\udfa4 Richie Hawtin: Meister subtiler, kontinuierlicher EQ-Micro-Kills.',\n genres:'Techno, House, EDM' },\n { name:'Gain Staging', level:'beginner', tags:['EQ','Pegel','Grundlage'],\n summary:'Korrektes Einstellen der Eingangspegel aller Tracks als Basis f\u00fcr alle EQ-Techniken.',\n description:'Den Gain-Regler so einstellen, dass alle Tracks bei gleichem Fader-Stand gleich laut klingen. Verhindert Verzerrungen beim Layern.',\n steps:['Track alleine abspielen, EQ auf 12 Uhr','Gain einstellen bis Pegelanzeige \u20136 bis \u20133 dB','Clipping (rote LED) vermeiden','F\u00fcr jeden Track vor dem Mix wiederholen'],\n why:'Ohne korrektes Gain Staging riskierst du Verzerrungen und inkonsistente Lautst\u00e4rken.',\n audience:'\ud83c\udfaf Unsichtbar, aber fundamental \u2013 korrekt gestaged Tracks klingen klarer.',\n genres:'Alle Genres \u2013 absolute Grundlage' },\n { name:'Cut Before Boost (Goldene Regel)', level:'beginner', tags:['EQ','Grundregel','Headroom'],\n summary:'Lieber Frequenzen absenken als anheben \u2013 das wichtigste EQ-Prinzip.',\n description:'Wenn ein Element mehr Pr\u00e4senz braucht: zuerst konkurrierende Elemente cutten, nicht das gew\u00fcnschte Element boosten.',\n steps:['Identifiziere: Welches Element klingt nicht laut genug?','Vermeide den Impuls zu boosten','Finde konkurrierende Elemente im gleichen Band','Reduziere diese anderen Elemente leicht','Kompensiere mit Gain, nicht mit EQ-Boost'],\n why:'EQ-Boost erh\u00f6ht den Gesamtpegel, reduziert Headroom und f\u00fchrt zu Verzerrungen.',\n audience:'\ud83c\udfaf Klarer, verzerrungsfreier Mix bei konstanter Lautst\u00e4rke.',\n genres:'Alle Genres' }\n ]\n },\n {\n id:'cat2', name:'\ud83c\udf0a Filter-Techniken', color:'#a78bfa', bg:'rgba(167,139,250,0.08)',\n techniques:[\n { name:'High-Pass Filter Sweep (HPF)', level:'beginner', tags:['Filter','Build-Up','Spannung'],\n summary:'Entfernung tiefer Frequenzen durch Hochpassfilter \u2013 Spannung vor dem Drop.',\n description:'Ein High-Pass Filter l\u00e4sst nur Frequenzen oberhalb eines Cutoffs durch. Wird der Cutoff hochgedreht, verschwindet erst Bass, dann Mitten.',\n steps:['High-Pass Filter auf ausgehendem Track aktivieren','Cutoff langsam nach oben drehen (16\u201332 Beats)','Track klingt immer d\u00fcnner und h\u00f6her','Am H\u00f6hepunkt: nur noch Hi-Hats h\u00f6rbar','Neuen Track ohne Filter einbringen'],\n why:'Das Reduzieren der tiefen Frequenzen erzeugt physisches Gef\u00fchl von Leere.',\n audience:'\u26a1 Das Publikum sp\u00fcrt die zunehmende Spannung k\u00f6rperlich und erwartet den Drop.',\n signature:'\ud83c\udfa4 Armin van Buuren: HPF-Sweep als Standard-Build-Up in Trance-Sets.',\n genres:'Trance, EDM, House, Techno' },\n { name:'Low-Pass Filter Sweep (LPF)', level:'beginner', tags:['Filter','Breakdown','Dumpf'],\n summary:'Entfernung hoher Frequenzen f\u00fcr einen dumpfen, unterirdischen Sound.',\n description:'Ein Low-Pass Filter l\u00e4sst nur Frequenzen unterhalb des Cutoffs durch. Beim Runterdrehen verschwinden Hi-Hats, dann Melodien.',\n steps:['Low-Pass Filter aktivieren','Cutoff schrittweise nach unten drehen','Track klingt immer dumpfer (\"unter Wasser\")','Neuen Track einbringen','Filter langsam \u00f6ffnen f\u00fcr Re-Entry'],\n why:'Ein ged\u00e4mpfter Sound erzeugt Distanz und Raum, perfekt f\u00fcr Breakdowns.',\n audience:'\ud83c\udf0a Erzeugt ein Gef\u00fchl von Unterwasser. Das Publikum tritt kurz aus der Energie heraus.',\n genres:'House, Techno, Minimal, Ambient' },\n { name:'Bandpass Filter', level:'intermediate', tags:['Filter','Kreativ','Lo-Fi'],\n summary:'Nur ein schmales Frequenzband bleibt h\u00f6rbar \u2013 Radio- oder Telefon-Sound.',\n description:'Kombiniert HPF + LPF: Nur ein schmales Band in der Mitte bleibt h\u00f6rbar, ergibt einen lo-fi, telefonartigen Klang.',\n steps:['HPF + LPF kombinieren (Bandpass-Modus)','Schmales Frequenzband einstellen (z.B. 500 Hz\u20132 kHz)','F\u00fcr kurze Momente nutzen (2\u20134 Beats)','Filter explosiv \u00f6ffnen f\u00fcr Full-Spectrum-Drop'],\n why:'Der Kontrast zwischen Bandpass und Full-Spectrum ist enorm.',\n audience:'\ud83c\udfa4 Erzeugt ein \"Radio-Nostalgie\"-Gef\u00fchl. Der Contrast-Drop ist sehr wirkungsvoll.',\n genres:'House, Techno, Electro, Experimental' },\n { name:'Filter + EQ Kombination', level:'intermediate', tags:['Filter','EQ','Kreativ'],\n summary:'Maximale kreative Kontrolle durch simultanes Bewegen von Filter und EQ.',\n description:'Filter und EQ werden gleichzeitig manipuliert. W\u00e4hrend ein HPF-Sweep l\u00e4uft, wird der Bass-EQ des anderen Tracks eingeblendet.',\n steps:['HPF auf Track A langsam \u00f6ffnen','Gleichzeitig Low-EQ Track B einblenden','Mid A herausdrehen, Mid B einblenden','Filter schlie\u00dfen wenn Track B \u00fcbernommen hat'],\n why:'Zwei Werkzeuge gleichzeitig erm\u00f6glichen fl\u00fcssigere, komplexere \u00dcberg\u00e4nge.',\n audience:'\ud83d\udd25 Professionell klingende \u00dcberg\u00e4nge die das Publikum begeistern.',\n genres:'Alle Genres' },\n { name:'Filter Drop', level:'intermediate', tags:['Filter','Drop','Dramatisch'],\n summary:'Filter komplett schlie\u00dfen vor dem Drop, dann explosiver Re-Entry mit vollem Spektrum.',\n description:'In den letzten 4\u20138 Beats vor dem Drop wird ein Filter komplett geschlossen. Der Drop \u00f6ffnet den Filter schlagartig.',\n steps:['Build-Up: HPF langsam nach oben drehen','Letzte 4 Beats: Filter auf Maximum','Beat 1 des Drops: Filter sofort zur\u00fcck auf 0','Gleichzeitig: Bass mit voller Kraft'],\n why:'Totales Entfernen aller Frequenzen maximiert den Kontrast und die emotionale Wirkung.',\n audience:'\ud83d\udca5 Das Publikum wird f\u00f6rmlich in den Drop geschossen \u2013 Euphorie garantiert.',\n signature:'\ud83c\udfa4 Martin Garrix, Hardwell: Filter Drop als Standard-Dramaturgie im Big Room.',\n genres:'EDM, Trance, Big Room House' },\n { name:'Resonance Sweep', level:'advanced', tags:['Filter','Resonanz','Acid','Wobble'],\n summary:'Erh\u00f6hen der Filter-Resonanz beim Sweep erzeugt den charakteristischen Acid-Wobble.',\n description:'Beim Filter-Sweep wird der Q-Faktor (Resonanz) erh\u00f6ht, was einen singenden, quiekenden Sweep erzeugt \u2013 typisch f\u00fcr Acid House.',\n steps:['Filter-Sweep starten','Resonanz-Regler (Q) gleichzeitig erh\u00f6hen','Charakteristischen Wobble\/Quieken erzeugen','Resonanz vor dem Drop zur\u00fcckdrehen','Filter f\u00fcr Drop \u00f6ffnen'],\n why:'Hohe Resonanz am Cutoff-Punkt erzeugt Selbstoszillation \u2013 ein melodisches Element.',\n audience:'\ud83c\udf00 Hypnotische, psychedelische Wirkung. Typisch f\u00fcr Acid House und Techno.',\n signature:'\ud83c\udfa4 Aphex Twin, 808 State: Acid-Resonanz als Markenzeichen.',\n genres:'Acid House, Techno, Electro, Psytrance' }\n ]\n },\n {\n id:'cat3', name:'\ud83d\udd00 \u00dcbergangs-Techniken', color:'#f472b6', bg:'rgba(244,114,182,0.08)',\n techniques:[\n { name:'Hard Cut (Schnitt)', level:'beginner', tags:['\u00dcbergang','Dramatisch','Schnell'],\n summary:'Abrupter Wechsel von Track A zu Track B ohne \u00dcberblendung.',\n description:'Track A wird durch schnelles Faderziehen oder direktes Stoppen beendet. Track B beginnt sofort. Kein EQ-\u00dcbergang, kein Blending.',\n steps:['Track B beatmatchen und auf Beat vorbereiten','Crossfader scharf von A nach B schieben','Oder: Fader A schlagartig schlie\u00dfen','Track B l\u00e4uft sofort mit vollem Spektrum'],\n why:'Maximaler Kontrast und \u00dcberraschung. Funktioniert besonders bei \u00e4hnlicher Energie.',\n audience:'\u26a1 Der Hard Cut funktioniert wie ein Reset \u2013 Energie springt sofort auf neues Level.',\n signature:'\ud83c\udfa4 DJ EZ: Blitzschnelle Hard Cuts als Signature im UK Garage Style.',\n genres:'UK Garage, Drum & Bass, Hip-Hop, Techno' },\n { name:'Smooth Blend', level:'beginner', tags:['\u00dcbergang','Blend','Lang','Flie\u00dfend'],\n summary:'Langsames, seidenweichen Ineinanderflie\u00dfen zweier Tracks \u00fcber 16\u201364 Beats.',\n description:'Track B wird graduell eingeblendet, w\u00e4hrend Track A ausgeblendet wird. EQ und Fader werden schrittweise bewegt.',\n steps:['Track B beatmatchen','Fader Track B langsam hochziehen (16\u201332 Beats)','EQ-Anpassungen (Bass-Swap etc.) durchf\u00fchren','Track A schrittweise ausblenden','\u00dcbergang nahtlos \u2013 Publikum merkt nicht wann A endet'],\n why:'Erh\u00e4lt den energetischen Fluss, erzeugt keine Unterbrechung.',\n audience:'\ud83c\udf0a Kontinuierliche Reise ohne Bruch \u2013 ideal f\u00fcr lange hypnotische Sets.',\n genres:'Techno, Minimal, House, Ambient' },\n { name:'Echo-Out Transition', level:'intermediate', tags:['\u00dcbergang','Echo','FX'],\n summary:'Track A verblasst mit Echo-Effekt, Track B kommt sauber herein.',\n description:'Ein Hall\/Echo-Effekt wird auf Track A gelegt bevor der Fader runtergeht. Das Echo l\u00e4sst den Track \"ausklingen\" und maskiert den \u00dcbergang.',\n steps:['Echo\/Reverb auf Track A aktivieren (hohe Decay-Zeit)','Fader Track A langsam runterziehen','Track B sauber ohne Echo einbringen','Echo auf A lassen bis vollst\u00e4ndig verklungen'],\n why:'Das Echo f\u00fcllt die akustische L\u00fccke und l\u00e4sst den \u00dcbergang nahtlos klingen.',\n audience:'\ud83c\udf05 Filmischer, atmosph\u00e4rischer Effekt \u2013 poetic statt technisch.',\n genres:'House, Deep House, Techno, Ambient' },\n { name:'Spinback (Backspin)', level:'intermediate', tags:['\u00dcbergang','Performance','Dramatic'],\n summary:'Track A wird r\u00fcckw\u00e4rts gespult \u2013 dramatischer, expressiver \u00dcbergang.',\n description:'Der Plattenteller oder Jog Wheel wird gegen die Spielrichtung gedreht, was das charakteristische \"Whoosh\"-Ger\u00e4usch erzeugt.',\n steps:['Track B auf Cue-Punkt setzen','Auf gew\u00fcnschtem Beat: Jog Wheel schnell gegen Uhrzeigersinn','Spinback-Ger\u00e4usch erzeugt \u00dcbergangsmoment','Track B sofort danach auf Beat 1 starten','Optional: EQ-Kill gleichzeitig f\u00fcr Dramatik'],\n why:'Visuelles und akustisches Statement: Hier beginnt etwas Neues.',\n audience:'\ud83c\udfa4 Publikum sieht und h\u00f6rt den Spinback \u2013 erzeugt Aufmerksamkeit und Begeisterung.',\n signature:'\ud83c\udfa4 A-Trak: Spektakul\u00e4re Spinbacks als Markenzeichen.',\n genres:'Hip-Hop, Reggae, Open Format, UK Garage' },\n { name:'Brake (Bremsen)', level:'intermediate', tags:['\u00dcbergang','Performance','Dramatisch'],\n summary:'Track A wird wie eine abbremsende Schallplatte immer langsamer bis zum Stillstand.',\n description:'Der Plattenteller wird abgebremst, sodass der Track immer langsamer wird und wie eine sterbende Batterie klingt.',\n steps:['Brake-Button aktivieren oder Teller manuell abbremsen','Track A verlangsamt sich \u00fcber 2\u20134 Beats','Im Moment des Stillstands: Track B starten','Kontrast: B kommt mit voller Energie'],\n why:'Das Abbremsen erzeugt einen einpr\u00e4gsamen, dramatischen Effekt.',\n audience:'\ud83d\ude04 Erzeugt Reaktion beim Publikum \u2013 \u00dcberraschung oder Lachen.',\n genres:'Hip-Hop, Reggae, Open Format, Pop' },\n { name:'Loop Transition', level:'intermediate', tags:['\u00dcbergang','Loop','Zeit','Flexibel'],\n summary:'Phrase von Track A loopen um Zeit f\u00fcr die Vorbereitung von Track B zu gewinnen.',\n description:'DJ setzt einen Loop auf Track A. Dieser Loop l\u00e4uft, w\u00e4hrend Track B vorbereitet wird. Der Loop wird aufgehoben, wenn B bereit ist.',\n steps:['Loop auf Track A setzen (4\u201316 Beats)','Loop aktivieren','Track B in Ruhe beatmatchen und vorbereiten','Track B auf Cue-Punkt setzen','Loop aufheben, \u00dcbergang durchf\u00fchren'],\n why:'Gibt wertvolle Vorbereitungszeit ohne Zeitdruck und ohne den Fluss zu unterbrechen.',\n audience:'\ud83d\udd01 Das Publikum merkt den Loop kaum \u2013 Tanzbewegung bleibt konstant.',\n genres:'Alle Genres' },\n { name:'Cue Button Build-up', level:'intermediate', tags:['\u00dcbergang','Cue','Build-Up'],\n summary:'Hot-Cue-Button nutzen um Fragmente von Track B als Akzente einzuf\u00fcgen.',\n description:'Der DJ triggert den Cue-Punkt von Track B wiederholt und f\u00fcgt kurze Fragmente in den Mix ein \u2013 antizipatorischer Build-Up-Effekt.',\n steps:['Track B vorbereiten, Hot Cue auf Beat 1','W\u00e4hrend Track A l\u00e4uft: Track B via Hot Cue kurz antippen','Fragmente werden immer l\u00e4nger','Volligen \u00dcbergang durchf\u00fchren wenn Zeitpunkt stimmt','Track A rausnehmen'],\n why:'Fragmente von Track B erzeugen Vorfreude und Wiedererkennung noch vor dem \u00dcbergang.',\n audience:'\ud83c\udfaf Das Publikum ahnt was kommt \u2013 der \u00dcbergang f\u00fchlt sich wie eine Erf\u00fcllung an.',\n signature:'\ud83c\udfa4 Carl Cox: Pr\u00e4ziser Einsatz des Cue-Buttons f\u00fcr Techno-Build-Ups.',\n genres:'Techno, House, EDM' },\n { name:'Double Drop', level:'advanced', tags:['\u00dcbergang','Energie','Impact','Timing'],\n summary:'Zwei Tracks droppen gleichzeitig auf Beat 1 \u2013 maximale Energie.',\n description:'Beide Tracks werden so synchronisiert, dass ihre Drops exakt auf demselben Beat landen.',\n steps:['Track A und B beatmatchen','Track B stummschalten (EQ Kills oder Fader unten)','Track B auf Drop-Punkt vorh\u00f6ren','Track A l\u00e4uft in seinen Drop','Exakt auf Beat 1: Track B mit vollem EQ einblenden'],\n why:'Zwei Drops gleichzeitig verdoppeln die wahrgenommene Energie.',\n audience:'\ud83d\udca5 Einer der st\u00e4rksten Crowd-Moments im DJing \u2013 sparsam einsetzen!',\n signature:'\ud83c\udfa4 DJ EZ und UK Garage DJs: Blitzschnelle Double Drops als Signature.',\n genres:'UK Garage, Drum & Bass, House, EDM' },\n { name:'Acapella Bridge', level:'advanced', tags:['\u00dcbergang','Vocals','Kreativ','3 Decks'],\n summary:'Eine Acapella wird als emotionale Br\u00fccke zwischen zwei Instrumentals verwendet.',\n description:'W\u00e4hrend Track A ausgeblendet wird, l\u00e4uft eine Vocal-Only-Version (Acapella). Danach kommt Track B Instrumental herein.',\n steps:['Track A l\u00e4uft normal','Acapella-Track auf Deck C starten','Track A Instrumental ausblenden, Acapella bleibt','Track B Instrumental einblenden (Bass-Swap mit Acapella)','Acapella nach 16\u201332 Beats ausblenden'],\n why:'Die Acapella schafft emotionale Verbindung zwischen zwei Instrumentals.',\n audience:'\u2764\ufe0f Vocals haben direkte emotionale Wirkung \u2013 k\u00f6nnen Stimmungen komplett ver\u00e4ndern.',\n genres:'House, Hip-Hop, Pop, Soul' },\n { name:'Reverse Transition', level:'expert', tags:['\u00dcbergang','R\u00fcckw\u00e4rts','Experimentell'],\n summary:'Ein Segment wird r\u00fcckw\u00e4rts abgespielt f\u00fcr einen surrealen \u00dcbergangsmoment.',\n description:'Ein Segment von Track A oder B wird umgekehrt abgespielt \u2013 avantgardistisch und unerwartetet.',\n steps:['Kurze Loop (2\u20134 Beats) aus Track A schneiden','Loop umkehren (Reverse-Funktion)','Reverse-Loop abspielen','Track B am Ende der Reverse-Loop starten'],\n why:'Extrem ungewohnt f\u00fcr das Gehirn, erzeugt sofortige Aufmerksamkeit.',\n audience:'\ud83c\udf00 Surrealer \"Was war das gerade?\"-Moment \u2013 perfekt f\u00fcr experimentelle Sets.',\n genres:'Experimental, Psytrance, Industrial' }\n ]\n },\n {\n id:'cat4', name:'\ud83c\udfa8 Kreative & Harmonic Techniken', color:'#34d399', bg:'rgba(52,211,153,0.08)',\n techniques:[\n { name:'Harmonic Mixing (Key Mixing)', level:'intermediate', tags:['Harmonie','Tonart','Emotions'],\n summary:'Tracks nach musikalischer Tonart mischen f\u00fcr harmonisch klingende \u00dcberg\u00e4nge.',\n description:'Statt Random-Tracks aneinanderzureihen werden Tracks in kompatiblen Tonarten ausgew\u00e4hlt. Die Camelot Wheel zeigt kompatible Keys.',\n steps:['Tonart jedes Tracks analysieren (Mixed In Key, Rekordbox)','Camelot Wheel f\u00fcr kompatible Keys nutzen','Kompatibel: Gleicher Key, +1\/\u20131, relative Dur\/Moll','Set mit harmonischen \u00dcberg\u00e4ngen aufbauen'],\n why:'Inkompatible Tonarten klingen dissonant. Kompatible Tonarten f\u00fchlen sich nat\u00fcrlich an.',\n audience:'\u2764\ufe0f Tiefes emotionales Erlebnis. Das Publikum sp\u00fcrt die Koh\u00e4renz ohne sie zu erkl\u00e4ren.',\n signature:'\ud83c\udfa4 Carl Craig & Detroit Techno Legenden: Intuitives Harmonic Mixing als Kunst.',\n genres:'House, Techno, Trance, alle Genres' },\n { name:'Key Shifting', level:'advanced', tags:['Tonart','Digital','Pitch','Software'],\n summary:'Tonart eines Tracks digital verschieben ohne das Tempo zu ver\u00e4ndern.',\n description:'Mit moderner DJ-Software kann die Tonart ge\u00e4ndert werden, ohne BPM zu beeinflussen. Erm\u00f6glicht \u00dcberg\u00e4nge zwischen eigentlich inkompatiblen Tracks.',\n steps:['Tonarten beider Tracks analysieren','Halbton-Unterschied berechnen','Key-Shift-Funktion in Software nutzen (Rekordbox, Traktor, Serato)','Track um n\u00f6tige Halbt\u00f6ne verschieben','Max. 2 Halbt\u00f6ne (sonst h\u00f6rbare Artefakte)'],\n why:'Erweitert die Track-Auswahl erheblich \u2013 \u00dcberg\u00e4nge die sonst unm\u00f6glich w\u00e4ren.',\n audience:'\ud83c\udfaf Das Publikum h\u00f6rt keinen Unterschied, aber der Mix klingt harmonisch koh\u00e4rent.',\n genres:'Alle Genres, besonders Open Format' },\n { name:'BPM Shifting \/ Tempo Arc', level:'advanced', tags:['Tempo','BPM','Energie','Set-Struktur'],\n summary:'Graduelles Erh\u00f6hen oder Senken des Tempos \u00fcber mehrere Tracks f\u00fcr eine Energie-Reise.',\n description:'Statt alle Tracks auf gleiches BPM zu setzen, wird das Tempo schrittweise erh\u00f6ht (z.B. 124 \u2192 132 BPM). Das erzeugt eine nat\u00fcrliche Energie-Kurve.',\n steps:['Tempo-B\u00f6gen im Set planen','Pitch-Fader f\u00fcr schrittweise BPM-Anpassung nutzen','Beim \u00dcbergang: BPM von Track B leicht h\u00f6her als A','Tempo-Steigerung \u00fcber 30\u201360 Minuten spreizen'],\n why:'Eine graduelle Tempo-Steigerung ist wie eine musikalische Erz\u00e4hlung \u2013 hat Anfang, H\u00f6hepunkt und Ende.',\n audience:'\ud83d\ude80 Das Publikum bemerkt die Beschleunigung nicht bewusst, f\u00fchlt sich aber mitgerissen.',\n signature:'\ud83c\udfa4 Sven V\u00e4th: Bekannt f\u00fcr meisterhaft komponierte Tempo-Arcs in Stunden-langen Sets.',\n genres:'Techno, House, Trance' },\n { name:'Polyrhythmic Mixing', level:'expert', tags:['Rhythmus','Komplex','Fortgeschritten'],\n summary:'Zwei Tracks mit unterschiedlichen rhythmischen Strukturen gleichzeitig \u2013 bewusst polyrhythmisch.',\n description:'Statt perfektem Beatmatch l\u00e4uft Track B absichtlich in einem anderen rhythmischen Verh\u00e4ltnis zu Track A. Erzeugt komplexe, organische Rhythmusgeflechte.',\n steps:['Zwei rhythmisch komplement\u00e4re Tracks w\u00e4hlen','Track B leicht versetzt starten','EQ-Balancierung f\u00fcr klare Rhythmusdifferenzierung','Beide Tracks gleichzeitig h\u00f6rbar halten','Rhythmen aufl\u00f6sen wenn gew\u00fcnscht'],\n why:'Zwei \u00fcbereinander liegende Rhythmen erzeugen eine hypnotische, organische Textur.',\n audience:'\ud83c\udf00 Erzeugt ein hypnotisches, meditatives Gef\u00fchl \u2013 typisch f\u00fcr Afro House und Deep Techno.',\n signature:'\ud83c\udfa4 DJ Harvey, \u00c2me: Meister des polyrhythmischen Mixings.',\n genres:'Afro House, Deep Techno, Experimental' },\n { name:'Stem Mixing', level:'expert', tags:['Stems','Digital','Kreativ','Modern'],\n summary:'Einzelne Elemente (Stems) eines Tracks isolieren und separat EQen und mischen.',\n description:'Moderne DJ-Software erlaubt das Aufteilen von Tracks in Stems (Drums, Bass, Melodie, Vocals). Jeder Stem wird separat gesteuert.',\n steps:['Stem-Separation in Software aktivieren (Rekordbox, Virtual DJ)','Stems individuell EQen und pegelrn','Drums von Track A + Melodie von Track B kombinieren','Stufenweise Stems tauschen anstatt komplette Tracks'],\n why:'Ultimative Kontrolle: Du kannst aus zwei Tracks einen komplett neuen kreieren.',\n audience:'\ud83c\udfa8 Das Publikum erlebt einen Mix der nirgendwo so existiert \u2013 einzigartig und kreativ.',\n genres:'House, Techno, Hip-Hop, Pop, alle Genres' },\n { name:'Live Mashup \/ Vocal Overlay', level:'advanced', tags:['Mashup','Vocal','3 Decks','Kreativ'],\n summary:'Vocals eines Tracks \u00fcber das Instrumental eines anderen legen \u2013 spontaner Live-Mashup.',\n description:'Eine Acapella (Vocals only) wird \u00fcber ein kompatibles Instrumental gelegt. Funktioniert wenn Tempo und Tonart kompatibel sind.',\n steps:['Instrumental auf Deck A, Acapella auf Deck B','Beatmatchen und Keys angleichen','Acapella via Fader einblenden','EQ: Mids der Acapella ggf. betonen','Dynamisch: Vocals ein- und ausblenden'],\n why:'Zwei bekannte Elemente aus verschiedenen Tracks verbinden \u2013 Wiedererkennungsmoment.',\n audience:'\ud83c\udfa4 Wenn das Publikum die Vocals erkennt: sofortiger Euphorie-Moment.',\n signature:'\ud83c\udfa4 DJ Shadow, Jazzy Jeff: Meister des Live-Mashups mit Vinyl.',\n genres:'Hip-Hop, House, Pop, Funk' },\n { name:'Live Sampling \/ Resampling', level:'expert', tags:['Sampling','Loop','Performance','Kreativ'],\n summary:'Echtzeit-Aufnahme von Mix-Elementen und sofortige Wiedergabe als Loop.',\n description:'Ein Abschnitt des aktuellen Mixes wird live aufgenommen und sofort als neuer Loop verwendet. Das Sample wird Teil des n\u00e4chsten \u00dcbergangs.',\n steps:['Sample-Recorder in Software aktivieren','Gew\u00fcnschtes Element aufnehmen (2\u20138 Beats)','Sample sofort in neuen Track\/Loop einbinden','Sample EQen und in den Mix integrieren'],\n why:'Das Live-Sampling erzeugt einzigartige Momente die nirgendwo anders existieren.',\n audience:'\ud83c\udfa4 Das Publikum erlebt echte Kreativit\u00e4t in Echtzeit \u2013 unwiederholbar.',\n signature:'\ud83c\udfa4 Four Tet, Floating Points: Live-Sampling als Performance-Kunst.',\n genres:'Experimental, Electronic, Hip-Hop' },\n { name:'Pitch-Perfect Transition', level:'advanced', tags:['Pitch','Tonart','Nahtlos'],\n summary:'\u00dcbergang bei dem Tonart, Tempo und EQ perfekt aufeinander abgestimmt sind.',\n description:'Die \"heilige Dreifaltigkeit\" des Mixens: Key-Kompatibilit\u00e4t + exaktes BPM-Match + saubere EQ-\u00dcberg\u00e4nge = ein scheinbar perfekter \u00dcbergang.',\n steps:['Key-Kompatibilit\u00e4t sicherstellen (Camelot Wheel)','BPM exakt matchen (Sync oder manuell)','Bass-Swap durchf\u00fchren','Smooth Blend \u00fcber 32 Beats','Resultat: \u00dcbergang kaum h\u00f6rbar'],\n why:'Wenn alle drei Elemente stimmen, wird der \u00dcbergang zu einem nahtlosen musikalischen Moment.',\n audience:'\ud83c\udf0a Das Publikum erlebt einen Flow-Zustand \u2013 zwei Tracks werden zu einem.',\n genres:'House, Trance, Techno, Melodic' },\n { name:'Genre-Crossing Transition', level:'expert', tags:['Genre','Kreativ','Mut','\u00dcberraschung'],\n summary:'Bewusster Wechsel zwischen zwei verschiedenen Genres f\u00fcr \u00fcberraschende Momente.',\n description:'Mit gezielten EQ-Techniken wird ein \u00dcbergang zwischen Tracks unterschiedlicher Genres erm\u00f6glicht. Erfordert Kreativit\u00e4t und gutes Crowd-Reading.',\n steps:['Kompatibles Element identifizieren (gleicher Beat, \u00e4hnlicher Key)','\u00dcbergangsmoment w\u00e4hlen (oft Breakdown)','EQ-Kill um Energie zu neutralisieren','Genre-Wechsel vollziehen','Publikumsreaktion beobachten und reagieren'],\n why:'Genre-Crossing Momente k\u00f6nnen ein Set definieren und unvergesslich machen.',\n audience:'\ud83d\ude2e Erzeugt \u00dcberraschung und Aufmerksamkeit \u2013 kann das Publikum begeistern oder spalten.',\n signature:'\ud83c\udfa4 DJ Harvey, Andrew Weatherall: Meister des Genre-Crossings.',\n genres:'Open Format, Disco, House, Rock' }\n ]\n },\n {\n id:'cat5', name:'\ud83c\udfa4 Performance & Turntablism', color:'#fb923c', bg:'rgba(251,146,60,0.08)',\n techniques:[\n { name:'Baby Scratch', level:'beginner', tags:['Scratch','Turntablism','Grundlage'],\n summary:'Der einfachste Scratch: Platte vor und zur\u00fcck bewegen im Rhythmus.',\n description:'Die Platte wird gleichm\u00e4\u00dfig vor und zur\u00fcck bewegt w\u00e4hrend der Fader offen bleibt. Erzeugt das charakteristische \"Wika-Wika\"-Ger\u00e4usch.',\n steps:['Platte\/Jog Wheel mit einer Hand halten','Fader offen lassen','Platte im Rhythmus vor und zur\u00fcck bewegen','Gleichm\u00e4\u00dfige Auf\/Ab-Bewegung \u00fcben'],\n why:'Basis aller Scratch-Techniken \u2013 Grundlage f\u00fcr komplexere Moves.',\n audience:'\ud83c\udfa4 Visuell und akustisch ansprechend \u2013 zeigt Kontrolle \u00fcber das Instrument.',\n genres:'Hip-Hop, Funk, Breakbeat' },\n { name:'Chirp Scratch', level:'intermediate', tags:['Scratch','Fader','Rhythmisch'],\n summary:'Scratch mit gleichzeitigem Fader-Bewegung f\u00fcr einen \"zwitschernden\" Sound.',\n description:'Der Fader wird beim Vor-Bewegen der Platte schnell ge\u00f6ffnet und beim Zur\u00fcckziehen geschlossen. Erzeugt einen \"Chirp\"-Sound.',\n steps:['Platte auf gew\u00fcnschtes Sample positionieren','Beim Vorw\u00e4rtsschieben: Fader \u00f6ffnen','Beim R\u00fcckw\u00e4rtsschieben: Fader schlie\u00dfen','Timing von Hand und Fader synchronisieren'],\n why:'Der Fader macht den Scratch musikalischer und rhythmischer.',\n audience:'\ud83c\udfb5 Klingt melodisch und rhythmisch \u2013 zeigt echtes Instrument-Feeling.',\n signature:'\ud83c\udfa4 Grandmaster Flash: Einer der Erfinder des Fader-Scratchings.',\n genres:'Hip-Hop, Breakbeat' },\n { name:'Flare Scratch', level:'advanced', tags:['Scratch','Fader','Komplex','Rhythmisch'],\n summary:'Hochgeschwindigkeit-Scratch mit schnellen Fader-Klicks f\u00fcr perkussive Effekte.',\n description:'Beim Flare Scratch werden kurze Klicks auf dem Fader gesetzt w\u00e4hrend die Platte gleichm\u00e4\u00dfig bewegt wird. Erzeugt perkussive Tonfolgen.',\n steps:['Platte gleichm\u00e4\u00dfig bewegen','Kurze Fader-Klicks im Rhythmus setzen','Anzahl der Klicks pro Bewegung variieren','Onomatopoetisch: \"Ba-ba-click\"'],\n why:'Extrem rhythmische Technik die Scratching zu einem Percussion-Instrument macht.',\n audience:'\ud83e\udd41 Klingt wie ein Perkussion-Instrument \u2013 beeindruckend f\u00fcr kenntnisorientierte Fans.',\n signature:'\ud83c\udfa4 DJ Flare: Erfinder des gleichnamigen Scratchs.',\n genres:'Hip-Hop, DMC-Battles' },\n { name:'Crab Scratch', level:'expert', tags:['Scratch','Fader','Virtuos','DMC'],\n summary:'Die technisch anspruchsvollste Scratch-Technik \u2013 vier Finger auf dem Fader.',\n description:'Vier Finger werden rollend \u00fcber den Fader bewegt, jeder Finger erzeugt einen kurzen \u00d6ffnungs-Klick. Erm\u00f6glicht extrem schnelle Fader-Sequenzen.',\n steps:['Fader-Hand: Alle vier Finger hinter dem Fader','Finger rollend \u00fcber den Fader \"krabbeln\"','Jeder Finger erzeugt einen Klick','Kombiniert mit Plattenmovement f\u00fcr komplexe Patterns'],\n why:'Erm\u00f6glicht Tempos und Rhythmen die mit einem\n \/\/ \u2500\u2500 BLOCK 1: cat4 Rest + cat5 komplett \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n {\n id:'cat4', name:'\ud83c\udfa8 Kreative & Harmonic Techniken', color:'#34d399', bg:'rgba(52,211,153,0.08)',\n techniques:[\n { name:'Harmonic Mixing (Key Mixing)', level:'intermediate', tags:['Harmonie','Tonart','Emotions'],\n summary:'Tracks nach musikalischer Tonart mischen f\u00fcr harmonisch klingende \u00dcberg\u00e4nge.',\n description:'Statt Random-Tracks aneinanderzureihen werden Tracks in kompatiblen Tonarten ausgew\u00e4hlt. Die Camelot Wheel zeigt kompatible Keys.',\n steps:['Tonart jedes Tracks analysieren (Mixed In Key, Rekordbox)','Camelot Wheel f\u00fcr kompatible Keys nutzen','Kompatibel: Gleicher Key, +1\/\u20131, relative Dur\/Moll','Set mit harmonischen \u00dcberg\u00e4ngen aufbauen'],\n why:'Inkompatible Tonarten klingen dissonant. Kompatible Tonarten f\u00fchlen sich nat\u00fcrlich an.',\n audience:'\u2764\ufe0f Tiefes emotionales Erlebnis. Das Publikum sp\u00fcrt die Koh\u00e4renz ohne sie zu erkl\u00e4ren zu k\u00f6nnen.',\n signature:'\ud83c\udfa4 Carl Craig & Detroit Techno Legenden: Intuitives Harmonic Mixing als Kunst.',\n genres:'House, Techno, Trance, alle Genres' },\n { name:'Key Shifting', level:'advanced', tags:['Tonart','Digital','Pitch','Software'],\n summary:'Tonart eines Tracks digital verschieben ohne das Tempo zu ver\u00e4ndern.',\n description:'Mit moderner DJ-Software kann die Tonart ge\u00e4ndert werden ohne BPM zu beeinflussen. Erm\u00f6glicht \u00dcberg\u00e4nge zwischen eigentlich inkompatiblen Tracks.',\n steps:['Tonarten beider Tracks analysieren','Halbton-Unterschied berechnen','Key-Shift-Funktion in Software nutzen (Rekordbox, Traktor, Serato)','Track um n\u00f6tige Halbt\u00f6ne verschieben','Max. 2 Halbt\u00f6ne \u2013 sonst h\u00f6rbare Artefakte'],\n why:'Erweitert die Track-Auswahl erheblich \u2013 \u00dcberg\u00e4nge die sonst unm\u00f6glich w\u00e4ren.',\n audience:'\ud83c\udfaf Das Publikum h\u00f6rt keinen Unterschied, der Mix klingt aber harmonisch koh\u00e4rent.',\n genres:'Alle Genres, besonders Open Format' },\n { name:'BPM Shifting \/ Tempo Arc', level:'advanced', tags:['Tempo','BPM','Energie','Set-Struktur'],\n summary:'Graduelles Erh\u00f6hen des Tempos \u00fcber mehrere Tracks f\u00fcr eine nat\u00fcrliche Energie-Reise.',\n description:'Statt alle Tracks auf gleiches BPM zu setzen wird das Tempo schrittweise erh\u00f6ht (z.B. 124 \u2192 132 BPM). Das erzeugt eine nat\u00fcrliche Energie-Kurve.',\n steps:['Tempo-B\u00f6gen im Set planen (+1 BPM alle 2\u20133 Tracks)','Pitch-Fader f\u00fcr schrittweise BPM-Anpassung nutzen','Beim \u00dcbergang: BPM von Track B leicht h\u00f6her als A','Tempo-Steigerung \u00fcber 30\u201360 Minuten spreizen','Optional: Tempo am Ende des Sets wieder senken'],\n why:'Eine graduelle Tempo-Steigerung ist wie eine musikalische Erz\u00e4hlung mit H\u00f6hepunkt.',\n audience:'\ud83d\ude80 Das Publikum merkt die Beschleunigung nicht bewusst, f\u00fchlt sich aber mitgerissen.',\n signature:'\ud83c\udfa4 Sven V\u00e4th: Meisterhaft komponierte Tempo-Arcs in stundenlangen Sets.',\n genres:'Techno, House, Trance' },\n { name:'Polyrhythmic Mixing', level:'expert', tags:['Rhythmus','Komplex','Hypnotisch'],\n summary:'Zwei Tracks mit unterschiedlichen rhythmischen Strukturen gleichzeitig \u2013 bewusst polyrhythmisch.',\n description:'Statt perfektem Beatmatch l\u00e4uft Track B absichtlich in einem anderen rhythmischen Verh\u00e4ltnis. Erzeugt komplexe, organische Rhythmusgeflechte.',\n steps:['Zwei rhythmisch komplement\u00e4re Tracks w\u00e4hlen','Track B leicht versetzt starten','EQ-Balancierung f\u00fcr klare Rhythmusdifferenzierung','Beide Tracks gleichzeitig h\u00f6rbar halten','Rhythmen aufl\u00f6sen wenn gew\u00fcnscht'],\n why:'Zwei \u00fcbereinander liegende Rhythmen erzeugen eine hypnotische, organische Textur.',\n audience:'\ud83c\udf00 Erzeugt ein hypnotisches, meditatives Gef\u00fchl \u2013 typisch f\u00fcr Afro House und Deep Techno.',\n signature:'\ud83c\udfa4 DJ Harvey, \u00c2me: Meister des polyrhythmischen Mixings.',\n genres:'Afro House, Deep Techno, Experimental' },\n { name:'Stem Mixing', level:'expert', tags:['Stems','Digital','Kreativ','Modern'],\n summary:'Einzelne Elemente (Stems) isolieren und separat EQen \u2013 ultimative kreative Kontrolle.',\n description:'Moderne DJ-Software trennt Tracks in Stems (Drums, Bass, Melodie, Vocals). Jeder Stem wird separat gesteuert und EQed.',\n steps:['Stem-Separation in Software aktivieren (Rekordbox, Virtual DJ)','Stems individuell EQen und pegeln','Drums von Track A + Melodie von Track B kombinieren','Stufenweise Stems tauschen statt komplette Tracks'],\n why:'Ultimative Kontrolle: Aus zwei Tracks einen komplett neuen kreieren.',\n audience:'\ud83c\udfa8 Das Publikum erlebt einen Mix der so nirgendwo existiert \u2013 einzigartig und kreativ.',\n genres:'House, Techno, Hip-Hop, Pop, alle Genres' },\n { name:'Live Mashup \/ Vocal Overlay', level:'advanced', tags:['Mashup','Vocal','3 Decks','Kreativ'],\n summary:'Vocals eines Tracks \u00fcber das Instrumental eines anderen legen \u2013 spontaner Live-Mashup.',\n description:'Eine Acapella (Vocals only) wird \u00fcber ein kompatibles Instrumental gelegt. Funktioniert wenn Tempo und Tonart kompatibel sind.',\n steps:['Instrumental auf Deck A, Acapella auf Deck B','Beatmatchen und Keys angleichen','Acapella via Fader einblenden','EQ: Mids der Acapella ggf. betonen','Dynamisch: Vocals ein- und ausblenden nach Gef\u00fchl'],\n why:'Zwei bekannte Elemente aus verschiedenen Tracks verbinden \u2013 starker Wiedererkennungsmoment.',\n audience:'\ud83c\udfa4 Wenn das Publikum die Vocals erkennt: sofortiger kollektiver Euphorie-Moment.',\n signature:'\ud83c\udfa4 DJ Shadow, Jazzy Jeff: Meister des Live-Mashups mit Vinyl.',\n genres:'Hip-Hop, House, Pop, Funk' },\n { name:'Live Sampling \/ Resampling', level:'expert', tags:['Sampling','Loop','Performance','Echtzeit'],\n summary:'Echtzeit-Aufnahme von Mix-Elementen und sofortige Wiedergabe als Loop.',\n description:'Ein Abschnitt des aktuellen Mixes wird live aufgenommen und sofort als neuer Loop verwendet. Das Sample wird Teil des n\u00e4chsten \u00dcbergangs.',\n steps:['Sample-Recorder in Software aktivieren','Gew\u00fcnschtes Element aufnehmen (2\u20138 Beats)','Sample sofort als Loop einbinden','Sample EQen und in den Mix integrieren','Loop weiterentwickeln oder ausblenden'],\n why:'Live-Sampling erzeugt einzigartige Momente die so nie wieder existieren.',\n audience:'\ud83c\udfa4 Das Publikum erlebt echte Kreativit\u00e4t in Echtzeit \u2013 absolut unwiederholbar.',\n signature:'\ud83c\udfa4 Four Tet, Floating Points: Live-Sampling als Performance-Kunst.',\n genres:'Experimental, Electronic, Hip-Hop' },\n { name:'Pitch-Perfect Transition', level:'advanced', tags:['Pitch','Tonart','Nahtlos','Pr\u00e4zision'],\n summary:'\u00dcbergang bei dem Tonart, Tempo und EQ perfekt aufeinander abgestimmt sind.',\n description:'Die heilige Dreifaltigkeit des Mixens: Key-Kompatibilit\u00e4t + exaktes BPM-Match + saubere EQ-\u00dcberg\u00e4nge = ein scheinbar perfekter, nahtloser \u00dcbergang.',\n steps:['Key-Kompatibilit\u00e4t sicherstellen (Camelot Wheel)','BPM exakt matchen (Sync oder manuell)','Bass-Swap pr\u00e4zise durchf\u00fchren','Smooth Blend \u00fcber 32 Beats','Resultat: \u00dcbergang kaum h\u00f6rbar'],\n why:'Wenn alle drei Elemente stimmen wird der \u00dcbergang zu einem nahtlosen musikalischen Moment.',\n audience:'\ud83c\udf0a Das Publikum erlebt einen Flow-Zustand \u2013 zwei Tracks werden zu einem.',\n genres:'House, Trance, Techno, Melodic' },\n { name:'Genre-Crossing Transition', level:'expert', tags:['Genre','Kreativ','\u00dcberraschung','Mut'],\n summary:'Bewusster Wechsel zwischen zwei verschiedenen Genres f\u00fcr \u00fcberraschende Momente.',\n description:'Mit gezielten EQ-Techniken wird ein \u00dcbergang zwischen Tracks unterschiedlicher Genres erm\u00f6glicht. Erfordert Kreativit\u00e4t und gutes Crowd-Reading.',\n steps:['Kompatibles Element identifizieren (gleicher Beat oder Key)','\u00dcbergangsmoment w\u00e4hlen (oft Breakdown oder Fill)','EQ-Kill um Energie zu neutralisieren','Genre-Wechsel vollziehen','Publikumsreaktion beobachten und reagieren'],\n why:'Genre-Crossing Momente k\u00f6nnen ein Set definieren und unvergesslich machen.',\n audience:'\ud83d\ude2e Erzeugt \u00dcberraschung und Aufmerksamkeit \u2013 kann das Publikum begeistern oder herausfordern.',\n signature:'\ud83c\udfa4 DJ Harvey, Andrew Weatherall: Legenden des Genre-Crossings.',\n genres:'Open Format, Disco, House, Rock' }\n ]\n },\n {\n id:'cat5', name:'\ud83c\udfa4 Performance & Turntablism', color:'#fb923c', bg:'rgba(251,146,60,0.08)',\n techniques:[\n { name:'Baby Scratch', level:'beginner', tags:['Scratch','Turntablism','Grundlage'],\n summary:'Der einfachste Scratch: Platte rhythmisch vor und zur\u00fcck bewegen.',\n description:'Die Platte wird gleichm\u00e4\u00dfig vor und zur\u00fcck bewegt w\u00e4hrend der Fader offen bleibt. Erzeugt das charakteristische \"Wika-Wika\"-Ger\u00e4usch.',\n steps:['Platte\/Jog Wheel mit einer Hand halten','Fader offen lassen','Platte im Rhythmus vor und zur\u00fcck bewegen','Gleichm\u00e4\u00dfige Auf\/Ab-Bewegung \u00fcben','Tempo variieren f\u00fcr musikalische Effekte'],\n why:'Basis aller Scratch-Techniken \u2013 ohne Baby Scratch keine komplexeren Moves.',\n audience:'\ud83c\udfa4 Visuell und akustisch ansprechend \u2013 zeigt Kontrolle \u00fcber das Instrument.',\n genres:'Hip-Hop, Funk, Breakbeat' },\n { name:'Chirp Scratch', level:'intermediate', tags:['Scratch','Fader','Rhythmisch'],\n summary:'Scratch mit gleichzeitiger Fader-Bewegung f\u00fcr einen zwitschernden Sound.',\n description:'Der Fader wird beim Vorw\u00e4rtsbewegen der Platte ge\u00f6ffnet und beim Zur\u00fcckziehen geschlossen. Erzeugt einen \"Chirp\"-Sound.',\n steps:['Platte auf gew\u00fcnschtes Sample positionieren','Beim Vorw\u00e4rtsschieben: Fader \u00f6ffnen','Beim R\u00fcckw\u00e4rtsschieben: Fader schlie\u00dfen','Timing von Hand und Fader exakt synchronisieren','Geschwindigkeit schrittweise erh\u00f6hen'],\n why:'Der Fader macht den Scratch musikalischer und pr\u00e4ziser rhythmisch.',\n audience:'\ud83c\udfb5 Klingt melodisch und rhythmisch \u2013 zeigt echtes Instrument-Feeling.',\n signature:'\ud83c\udfa4 Grandmaster Flash: Miterfinder des Fader-Scratchings in den 1970ern.',\n genres:'Hip-Hop, Breakbeat, Funk' },\n { name:'Flare Scratch', level:'advanced', tags:['Scratch','Fader','Perkussiv','Komplex'],\n summary:'Hochgeschwindigkeit-Scratch mit schnellen Fader-Klicks f\u00fcr perkussive Effekte.',\n description:'Beim Flare Scratch werden kurze Klicks auf dem Fader gesetzt w\u00e4hrend die Platte gleichm\u00e4\u00dfig bewegt wird. Erzeugt perkussive Tonfolgen.',\n steps:['Platte gleichm\u00e4\u00dfig in eine Richtung bewegen','Kurze Fader-Klicks im Rhythmus setzen','Anzahl der Klicks pro Bewegung variieren (1, 2, 3 Klicks)','Kombinationen \u00fcben: Forward Flare, Backward Flare'],\n why:'Extrem rhythmische Technik die Scratching zu einem Percussion-Instrument macht.',\n audience:'\ud83e\udd41 Klingt wie perkussives Instrument \u2013 beeindruckend f\u00fcr kenntnisorientierte Fans.',\n signature:'\ud83c\udfa4 DJ Flare (Apollo): Erfinder und Namensgeber des Flare Scratch.',\n genres:'Hip-Hop, DMC-Battles, Turntablism' },\n { name:'Crab Scratch', level:'expert', tags:['Scratch','Fader','Virtuos','DMC'],\n summary:'Die technisch anspruchsvollste Scratch-Technik \u2013 vier Finger rollen \u00fcber den Fader.',\n description:'Vier Finger werden rollend \u00fcber den Fader bewegt, jeder erzeugt einen kurzen \u00d6ffnungs-Klick. Erm\u00f6glicht extrem schnelle Fader-Sequenzen.',\n steps:['Alle vier Finger hinter dem Fader positionieren','Finger rollend \u00fcber den Fader \"krabbeln\"','Jeder Finger erzeugt einen Klick beim \u00dcberrollen','Mit Plattenmovement f\u00fcr komplexe Patterns kombinieren','Jahrelanges \u00dcben erforderlich'],\n why:'Erm\u00f6glicht Tempos und Rhythmen die mit einem Finger physisch unm\u00f6glich sind.',\n audience:'\ud83e\udd2f Visuell spektakul\u00e4r \u2013 selbst Nicht-DJs erkennen die technische Meisterleistung.',\n signature:'\ud83c\udfa4 DJ Craze, DJ Qbert: Weltmeister mit dem Crab Scratch als Signature.',\n genres:'Turntablism, DMC Battles, Hip-Hop' },\n { name:'Beat Juggling', level:'expert', tags:['Zwei Decks','Rhythmus','Percussion','Virtuos'],\n summary:'Zwei Kopien desselben Tracks werden wechselnd gespielt um neue Rhythmen zu erzeugen.',\n description:'Auf zwei Decks liegt dieselbe Platte. Der DJ wechselt zwischen beiden hin und her und manipuliert die Position, um v\u00f6llig neue Rhythmen und Patterns zu erzeugen.',\n steps:['Gleiche Platte auf beiden Decks','Beide auf denselben Beat-Punkt setzen','Fader zwischen Decks wechseln im Rhythmus','Plattenposition manuell zur\u00fccksetzen zwischen den Wechseln','Neue Rhythmus-Patterns aus den Fragmenten kreieren'],\n why:'Beat Juggling verwandelt vorhandenes Material in v\u00f6llig neue Kompositionen.',\n audience:'\ud83c\udfaa Absolute Performance-Kunst \u2013 das Publikum sieht wie neue Musik entsteht.',\n signature:'\ud83c\udfa4 DJ Steve Dee: Erfinder des Beat Jugglings in den fr\u00fchen 1990ern.',\n genres:'Hip-Hop, Breakbeat, Turntablism' },\n { name:'Power Block Mixing', level:'intermediate', tags:['Energie','Timing','Dramatisch'],\n summary:'Mehrere kurze, harte Cuts in schneller Folge f\u00fcr maximale Energie und Dramatik.',\n description:'Der DJ vollf\u00fchrt eine Reihe von schnellen Hard Cuts zwischen zwei oder mehr Tracks in rascher Folge. Jeder Cut sitzt exakt auf dem Beat.',\n steps:['Zwei Tracks auf kompatiblen Punkten vorbereiten','Schnelle abwechselnde Fader-Bewegungen','Jeden Cut exakt auf den Beat setzen','3\u20138 schnelle Wechsel in Folge','Mit EQ-Kills f\u00fcr zus\u00e4tzliche Dramatik kombinieren'],\n why:'Schnelle Abfolge von Cuts erzeugt perkussive, rhythmische Energie.',\n audience:'\u26a1 Das Publikum erlebt einen Energie-Schauer \u2013 ideal f\u00fcr H\u00f6hepunkte im Set.',\n signature:'\ud83c\udfa4 Carl Cox: Bekannt f\u00fcr Power-Block-Sequenzen in seinen Live-Sets mit 3 Decks.',\n genres:'Techno, House, Drum & Bass, Hip-Hop' },\n { name:'Cue Drumming', level:'intermediate', tags:['Cue','Percussion','Performance','Kreativ'],\n summary:'Hot-Cue-Punkte werden wie Drum-Pads gespielt um Percussion-Elemente live einzuf\u00fcgen.',\n description:'Verschiedene Hot-Cue-Punkte werden auf Percussion-Sounds (Snare, Clap, Hi-Hat) gesetzt und rhythmisch getriggert wie ein Drum-Pad.',\n steps:['Hot-Cues auf einzelne Percussion-Elemente setzen','Cue 1: Kick, Cue 2: Snare, Cue 3: Hi-Hat etc.','Diese Cues rhythmisch triggern w\u00e4hrend anderer Track l\u00e4uft','Mit EQ-Kill des Haupttracks kombinieren','Improvisiert spielen wie ein Schlagzeug'],\n why:'Verwandelt den DJ-Controller in ein Percussion-Instrument.',\n audience:'\ud83e\udd41 Das Publikum sieht echtes musikalisches Spiel \u2013 der DJ wird zum Live-Musiker.',\n genres:'House, Techno, Hip-Hop, alle Genres' },\n { name:'Loop Roll Build', level:'intermediate', tags:['Loop','Build-Up','Spannung','Rhythmisch'],\n summary:'Immer k\u00fcrzer werdende Loops erzeugen einen stotternden Build-Up-Effekt.',\n description:'Ein Loop wird aktiviert und seine L\u00e4nge schrittweise halbiert: 4 Beats \u2192 2 Beats \u2192 1 Beat \u2192 \u00bd Beat. Erzeugt einen charakteristischen Stutter-Build-Up.',\n steps:['Loop auf 4 Beats setzen und aktivieren','Nach 4 Wiederholungen: Loop auf 2 Beats halbieren','Wieder 4 Wiederholungen, dann auf 1 Beat','Weiter bis \u00bd Beat f\u00fcr Stutter-Effekt','Loop aufheben f\u00fcr explodierenden Drop'],\n why:'Die zunehmende Frequenz der Wiederholungen erzeugt physisch sp\u00fcrbare Spannung.',\n audience:'\u26a1 Das Stottern kommuniziert \"gleich passiert etwas Gro\u00dfes\" \u2013 Spannung bis zum Bersten.',\n signature:'\ud83c\udfa4 Deadmau5, Eric Prydz: Loop Roll als Standard-Build-Up in Progressive House.',\n genres:'Progressive House, EDM, Techno, Trance' }\n ]\n },\n \/\/ \u2500\u2500 BLOCK 2: cat6 (FX) + cat7 (Energie-Management) \u2500\u2500\n {\n id:'cat6', name:'\ud83c\udf9a\ufe0f FX-gest\u00fctzte Techniken', color:'#facc15', bg:'rgba(250,204,21,0.08)',\n techniques:[\n { name:'Reverb Throw', level:'intermediate', tags:['FX','Reverb','\u00dcbergang','Atmosph\u00e4re'],\n summary:'Kurzer Reverb-Burst auf ein einzelnes Element f\u00fcr einen atmosph\u00e4rischen Effekt.',\n description:'Ein Reverb-Effekt wird kurz auf ein einzelnes Element (z.B. Snare, Vocal) geworfen \u2013 der \"Throw\". Der Hall schwebt kurz im Raum bevor er abklingt.',\n steps:['Reverb-Einheit auf gew\u00fcnschten Kanal routen','Decay-Zeit auf 2\u20134 Sekunden einstellen','Reverb kurz auf 100% hochdrehen (1\u20132 Beats)','Sofort wieder zur\u00fcck auf 0','Effekt auf Phrasenwechseln einsetzen'],\n why:'Ein kurzer Reverb-Burst erzeugt Tiefe und Raum ohne den Mix dauerhaft zu \u00fcberladen.',\n audience:'\u2728 Erzeugt magische, atmosph\u00e4rische Momente \u2013 das Publikum f\u00fchlt den Raum sich weiten.',\n signature:'\ud83c\udfa4 Jamie Jones, Hot Since 82: Reverb Throw als charakteristisches Element im Deep House.',\n genres:'Deep House, Techno, Ambient, House' },\n { name:'Delay Automation', level:'intermediate', tags:['FX','Delay','Echo','Rhythmisch'],\n summary:'Delay-Effekt rhythmisch ein- und ausblenden f\u00fcr rhythmische Echo-Muster.',\n description:'Ein Delay wird so eingestellt dass es zum BPM des Tracks synchronisiert ist (1\/4, 1\/8 Note). Das Delay wird rhythmisch aktiviert und deaktiviert.',\n steps:['Delay auf BPM synchronisieren (Beat-Sync aktivieren)','Delay-Zeit auf 1\/4 oder 1\/8 Note einstellen','Feedback auf 30\u201360% f\u00fcr mehrere Wiederholungen','Delay auf H\u00f6hepunkten kurz einschalten','Delay vor dem Drop langsam ausblenden'],\n why:'Synchronisiertes Delay f\u00fchlt sich musikalisch an statt wie ein technischer Effekt.',\n audience:'\ud83c\udfb5 Rhythmische Echo-Patterns erzeugen ein Gef\u00fchl von Tiefe und Bewegung im Mix.',\n genres:'House, Techno, Dub, Reggae, alle Genres' },\n { name:'Echo Build-Up', level:'intermediate', tags:['FX','Echo','Build-Up','Spannung'],\n summary:'Feedback des Echo-Effekts schrittweise erh\u00f6hen f\u00fcr einen wachsenden Klangteppich.',\n description:'Das Feedback eines Echo\/Delay-Effekts wird langsam auf fast 100% erh\u00f6ht. Das Signal wiederholt sich immer \u00f6fter und baut sich zu einem Klangteppich auf.',\n steps:['Echo auf Track A aktivieren','Feedback schrittweise von 20% auf 80\u201390% erh\u00f6hen','Track A Fader langsam runterziehen','Echo f\u00fcllt den Raum w\u00e4hrend Track A verschwindet','Track B sauber ohne Echo einbringen'],\n why:'Das anschwellende Echo f\u00fcllt die Frequenzl\u00fccke beim \u00dcbergang und erzeugt Spannung.',\n audience:'\ud83c\udf0a Das Publikum erlebt ein anschwellendes Klangbad \u2013 perfekter \u00dcbergangsmoment.',\n signature:'\ud83c\udfa4 Dub-Pioniere wie King Tubby: Echo als musikalisches Instrument.',\n genres:'Dub, Reggae, Techno, Deep House, Experimental' },\n { name:'Stutter \/ Repeat FX', level:'intermediate', tags:['FX','Stutter','Rhythmisch','Modern'],\n summary:'Kurze Wiederholung eines Klangsegments f\u00fcr einen modernen Stutter-Effekt.',\n description:'Ein kurzes Segment (1\/8 oder 1\/16 Beat) wird mehrfach wiederholt. Erzeugt einen charakteristischen Stutter-Sound typisch f\u00fcr modernes EDM.',\n steps:['Stutter\/Loop-Effekt auf 1\/8 oder 1\/16 Note einstellen','Effekt kurz aktivieren (1\u20132 Beats)','Auf Vocals oder Percussion anwenden','Mit Fader-Automation kombinieren','Sparsam einsetzen f\u00fcr maximale Wirkung'],\n why:'Stutter-Effekte unterbrechen den Flow kurz und erzeugen rhythmische Spannung.',\n audience:'\u26a1 Moderne, energetische Wirkung \u2013 das Publikum erkennt den Sound sofort.',\n signature:'\ud83c\udfa4 Skrillex, Boys Noize: Stutter-FX als charakteristisches Stilmerkmal.',\n genres:'EDM, Dubstep, Electro, Future Bass' },\n { name:'Pitch Bend', level:'intermediate', tags:['FX','Pitch','\u00dcbergang','Kreativ'],\n summary:'Kurzzeitiges Anheben oder Absenken der Tonh\u00f6he f\u00fcr kreative \u00dcbergangseffekte.',\n description:'Die Tonh\u00f6he eines Tracks wird kurz nach oben oder unten gebogen \u2013 \u00e4hnlich wie ein Gitarren-Bend. Erzeugt einen charakteristischen \"Warp\"-Sound.',\n steps:['Pitch-Bend-Funktion auf Jog Wheel oder Software aktivieren','Kurzes Hochziehen der Tonh\u00f6he (1\u20132 Beats)','Oder: Langsames Runterziehen f\u00fcr Brake-Effekt','Mit Filter kombinieren f\u00fcr maximalen Effekt','Zur\u00fcck auf normales Pitch f\u00fcr sauberen Weitergang'],\n why:'Ein kurzer Pitch-Bend verleiht dem Mix ein expressives, menschliches Element.',\n audience:'\ud83c\udfb8 Klingt lebendig und ausdrucksstark \u2013 \u00e4hnlich wie ein Solo-Instrument.',\n genres:'House, Techno, Trance, Experimental' },\n { name:'Roll \/ Beat Repeat', level:'beginner', tags:['FX','Roll','Rhythmisch','Einfach'],\n summary:'Automatische rhythmische Wiederholung eines Beats f\u00fcr Fills und \u00dcberg\u00e4nge.',\n description:'Der Roll-Effekt wiederholt automatisch einen kurzen Abschnitt in gleichm\u00e4\u00dfigen Intervallen. Einer der einfachsten FX-Eins\u00e4tze mit gro\u00dfer Wirkung.',\n steps:['Roll-Effekt auf gew\u00fcnschten Track aktivieren','Roll-L\u00e4nge w\u00e4hlen (1\/4, 1\/8, 1\/16 Beat)','Effekt f\u00fcr 1\u20134 Beats halten','Deaktivieren auf Beat 1 des n\u00e4chsten Segments','Mit EQ-Kill f\u00fcr Fill-Effekt kombinieren'],\n why:'Automatischer Roll f\u00fcllt L\u00fccken zwischen Phrasen und erzeugt nahtlose \u00dcberg\u00e4nge.',\n audience:'\ud83d\udd01 Das Publikum erlebt einen perkussiven Fill \u2013 kurze Unterbrechung steigert Vorfreude.',\n genres:'House, EDM, Techno, Drum & Bass' },\n { name:'Reverb + Filter Sweep', level:'advanced', tags:['FX','Reverb','Filter','Kombination'],\n summary:'Reverb und Filter gleichzeitig bewegen f\u00fcr einen cinematischen \u00dcbergangseffekt.',\n description:'W\u00e4hrend ein HPF- oder LPF-Sweep l\u00e4uft wird gleichzeitig ein langes Reverb aktiviert. Erzeugt einen filmischen \"in die Ferne gleiten\"-Effekt.',\n steps:['Langes Reverb auf Track A aktivieren (4\u20138 Sek. Decay)','HPF-Sweep gleichzeitig starten','Track A Fader langsam senken','Reverb und Filter schweben gemeinsam aus','Track B kommt sauber und trocken herein'],\n why:'Die Kombination aus Raumgef\u00fchl und Frequenzreduktion erzeugt maximale Tiefenwirkung.',\n audience:'\ud83c\udfac Cinematisch und emotional \u2013 das Publikum taucht kurz in eine andere Dimension.',\n signature:'\ud83c\udfa4 Burial, The Orb: Reverb + Filter als atmosph\u00e4risches Kompositionsmittel.',\n genres:'Ambient, Deep House, Techno, Experimental' },\n { name:'Beatmasher \/ Slicer', level:'advanced', tags:['FX','Slicer','Kreativ','Modern'],\n summary:'Track wird in Echtzeit in Segmente geschnitten und neu angeordnet.',\n description:'Ein Slicer\/Beatmasher-Effekt zerteilt den Track in kleine Segmente und arrangiert sie in einem neuen rhythmischen Pattern \u2013 Live-Remixing.',\n steps:['Beatmasher-Effekt aktivieren (Native Instruments, Pioneer etc.)','Slice-L\u00e4nge einstellen (1\/8, 1\/16 Note)','Effekt f\u00fcr kurze Momente aktivieren (2\u20134 Beats)','Pattern variieren f\u00fcr verschiedene Sounds','Effekt auf Beat 1 deaktivieren f\u00fcr sauberes Ende'],\n why:'Beatmasher erzeugt neue rhythmische Patterns aus bestehendem Material.',\n audience:'\ud83e\udd16 Klingt futuristisch und technisch \u2013 zeigt kreative Software-Beherrschung.',\n signature:'\ud83c\udfa4 Richie Hawtin, Boys Noize: Slicer-Effekte als charakteristisches Stilmittel.',\n genres:'Techno, Electro, EDM, Experimental' }\n ]\n },\n {\n id:'cat7', name:'\u26a1 Energie-Management', color:'#f87171', bg:'rgba(248,113,113,0.08)',\n techniques:[\n { name:'Build-Up + Drop Mixing', level:'beginner', tags:['Energie','Drop','Spannung','Must-Know'],\n summary:'Die fundamentale Energie-Kurve: Spannung aufbauen und mit einem Drop entladen.',\n description:'Der klassische Arc: Energie wird \u00fcber 16\u201332 Beats durch EQ-Cuts und Filter aufgebaut, dann mit einem explosiven Drop entladen. Grundprinzip jeder Dance Music.',\n steps:['Build-Up: Lows schrittweise reduzieren (HPF oder EQ)','Optional: Stutter, Roll oder andere FX hinzuf\u00fcgen','Letzte 4 Beats: Maximale Spannung (fast alles weg)','Drop: Alle Frequenzen explosiv zur\u00fcckbringen','Danach: Peak-Time-Phase ohne zu viel Manipulation'],\n why:'Spannung und Entspannung sind das fundamentale Prinzip emotionaler Wirkung in Musik.',\n audience:'\ud83d\udca5 Das Publikum erwartet den Drop und wird mit Euphorie belohnt \u2013 st\u00e4rkster Crowd-Moment.',\n genres:'EDM, House, Techno, Trance, alle Dance-Genres' },\n { name:'Breakdown Mixing', level:'intermediate', tags:['Energie','Breakdown','Emotional','Ruhig'],\n summary:'Gezielt die Energie absenken f\u00fcr einen emotionalen, melodischen Moment.',\n description:'Lows werden entfernt, Mids und Highs dominieren. Der Mix wird ruhiger und melodischer. Perfekt f\u00fcr emotionale Momente die das Publikum atmen lassen.',\n steps:['Lows von laufendem Track schrittweise reduzieren','Melodische Elemente (Mids) betonen','Tempo optional leicht reduzieren','F\u00fcr 16\u201332 Beats in diesem ruhigeren Zustand bleiben','Dann neue Energie aufbauen'],\n why:'Kontrast ist das Geheimnis: Ohne Ruhe kein H\u00f6hepunkt, ohne Tief kein Hoch.',\n audience:'\u2764\ufe0f Emotionale Verbindung, Singalong-Momente, kollektives Atemholen vor dem n\u00e4chsten Peak.',\n signature:'\ud83c\udfa4 Eric Prydz: Meister des emotionalen Breakdown-Moments in Progressive House.',\n genres:'Trance, Progressive House, Melodic Techno, Deep House' },\n { name:'Peak-Time Mixing', level:'intermediate', tags:['Energie','Peak','Vollgas','Maximum'],\n summary:'Maximale Energie halten durch minimale EQ-Manipulation und volle Frequenzen.',\n description:'Beim Peak-Time l\u00e4sst du die Tracks f\u00fcr sich sprechen: Volle Frequenzen, wenig Filter-Manipulation, schnelle \u00dcberg\u00e4nge. Energie auf Maximum halten.',\n steps:['Tracks mit maximaler Energie w\u00e4hlen','EQ nahe an 12 Uhr lassen (wenig Manipulation)','\u00dcberg\u00e4nge schnell und pr\u00e4zise (Hard Cuts oder kurze Blends)','Keine langen Build-Ups \u2013 sofort volle Energie','Lautst\u00e4rke auf absolutem Maximum halten'],\n why:'Peak-Time ist nicht der Moment f\u00fcr Experimente \u2013 hier z\u00e4hlt rohe Energie.',\n audience:'\ud83d\udd25 Das Publikum ist im Rausch \u2013 jede Unterbrechung oder Manipulation w\u00fcrde den Moment zerst\u00f6ren.',\n signature:'\ud83c\udfa4 Jeff Mills: Unnachgiebige Peak-Time-Energie ohne Kompromisse.',\n genres:'Techno, Drum & Bass, Hard Techno, Hardcore' },\n { name:'Energy Arc (Set-Struktur)', level:'advanced', tags:['Set-Struktur','Energie','Planung','Langzeit'],\n summary:'Das gesamte Set als Energie-Kurve planen \u2013 von Warm-Up bis zum Finale.',\n description:'Ein professionelles Set hat eine durchdachte Energie-Reise: langsamer Einstieg, schrittliche Steigerung, H\u00f6hepunkte und T\u00e4ler, explosives Finale.',\n steps:['Set in Phasen aufteilen: Warm-Up (30%), Build (40%), Peak (20%), Outro (10%)','Tracks f\u00fcr jede Phase vorsortieren','Energie-Kurve bewusst steuern \u2013 nicht immer nur steigern','T\u00e4ler einbauen f\u00fcr Kontrast','Finale mit st\u00e4rksten Tracks'],\n why:'Ein gut geplanter Energy Arc h\u00e4lt das Publikum \u00fcber Stunden engaged ohne zu erm\u00fcden.',\n audience:'\ud83c\udfa2 Das Publikum erlebt eine emotionale Reise \u2013 von Neugier zu Ekstase zu Erf\u00fcllung.',\n signature:'\ud83c\udfa4 Sven V\u00e4th, Richie Hawtin: Architekten langer Set-Energieb\u00f6gen.',\n genres:'Alle Genres \u2013 besonders wichtig bei Sets \u00fcber 2 Stunden' },\n { name:'Tension and Release', level:'intermediate', tags:['Energie','Spannung','Psychologie','Effekt'],\n summary:'Bewusstes Aufbauen und Aufl\u00f6sen von Spannung als psychologisches Werkzeug.',\n description:'Nicht nur beim Drop \u2013 auch im laufenden Mix kann Spannung durch EQ-Kills, Filter oder rhythmische Unterbrechungen aufgebaut und wieder aufgel\u00f6st werden.',\n steps:['Spannung: EQ-Kill (z.B. Bass weg) f\u00fcr 4\u20138 Beats','Spannung halten: Rhythmische Elemente weiter laufen lassen','Release: Basis-Frequenz explosiv zur\u00fcckbringen','Timing ist alles: Release immer auf Beat 1','H\u00e4ufigkeit: Maximal alle 32\u201364 Beats'],\n why:'Das Gehirn reagiert stark auf unerf\u00fcllte Erwartungen. Spannung + Release = Dopamin-Aussch\u00fcttung.',\n audience:'\ud83e\udde0 Physiologische Reaktion: G\u00e4nsehaut, Adrenalinsto\u00df, kollektive Euphorie beim Release.',\n genres:'Alle Dance-Genres' },\n { name:'Crowd Reading & Reactive Mixing', level:'expert', tags:['Crowd','Reaktion','Erfahrung','Kunst'],\n summary:'Das Publikum beobachten und den Mix in Echtzeit auf die Reaktion anpassen.',\n description:'Die h\u00f6chste Kunst des DJing: Nicht nach Plan mischen, sondern auf die tats\u00e4chliche Energie der Tanzfl\u00e4che reagieren. EQ-Entscheidungen basieren auf Publikumsbeobachtung.',\n steps:['Tanzfl\u00e4che regelm\u00e4\u00dfig beobachten (nicht nur auf Mixer schauen)','Energie-Einbr\u00fcche erkennen: weniger Bewegung, Leute gehen','Reaktion: Track wechseln, Energie-Boost, Crowd-Favorite spielen','Positive Reaktion nutzen: Energie halten oder steigern','Antizipieren: Was will das Publikum als n\u00e4chstes?'],\n why:'Kein vorbereitetes Set kann jede Situation vorhersehen \u2013 Reaktionsf\u00e4higkeit ist unbezahlbar.',\n audience:'\ud83c\udfaf Wenn der DJ das Publikum \"liest\" f\u00fchlen sich alle individuell angesprochen und verstanden.',\n signature:'\ud83c\udfa4 Larry Heard, Frankie Knuckles: Die V\u00e4ter des Crowd Readings aus der Chicago House Szene.',\n genres:'Alle Genres \u2013 die universellste aller DJ-F\u00e4higkeiten' }\n ]\n },\n \/\/ \u2500\u2500 BLOCK 3: cat8 + alle Render\/Filter-Funktionen \u2500\u2500\n {\n id:'cat8', name:'\ud83c\udfb5 Genre-spezifische Techniken', color:'#818cf8', bg:'rgba(129,140,248,0.08)',\n techniques:[\n { name:'Techno Long Blend', level:'intermediate', tags:['Techno','Blend','Lang','Minimal'],\n summary:'Extrem langer \u00dcbergang \u00fcber 64+ Beats \u2013 typisch f\u00fcr Techno und Minimal.',\n description:'Im Techno werden \u00dcberg\u00e4nge oft sehr lang gezogen \u2013 manchmal \u00fcber mehrere Minuten. Beide Tracks laufen lange parallel, EQ-\u00c4nderungen sind minimal und graduell.',\n steps:['Track B bei \u201320 dB einblenden','\u00dcber 32\u201364 Beats schrittweise Fader erh\u00f6hen','EQ-Manipulation extrem subtil halten','Bass-Swap sehr langsam \u00fcber 16+ Beats','Track A erst nach 2\u20134 Minuten vollst\u00e4ndig entfernen'],\n why:'Techno-Publikum liebt die hypnotische Wirkung langer, gradueller \u00dcberg\u00e4nge.',\n audience:'\ud83c\udf00 Erzeugt einen Trance-Zustand \u2013 das Publikum merkt nicht wann ein Track endet und ein neuer beginnt.',\n signature:'\ud83c\udfa4 Ben Klock, Marcel Dettmann: Berliner Techno-Schule mit langen, pr\u00e4zisen Blends.',\n genres:'Techno, Minimal, Dark Techno, Industrial' },\n { name:'House 32-Beat Mix', level:'beginner', tags:['House','Standard','32 Beats','Klassisch'],\n summary:'Der klassische 32-Beat-\u00dcbergang \u2013 Standard-Technik im House-Bereich.',\n description:'Track B wird \u00fcber exakt 32 Beats (2 Phrasen) eingeblendet w\u00e4hrend Track A ausgeblendet wird. Bass-Swap in der Mitte. Klare, saubere Struktur.',\n steps:['Track B auf Beat 1 einer neuen Phrase starten','Fader Track B auf 50% hochziehen','Nach 16 Beats: Bass-Swap durchf\u00fchren','Nach 32 Beats: Track A vollst\u00e4ndig raus','Track B l\u00e4uft mit vollem EQ'],\n why:'32 Beats entsprechen exakt 2 musikalischen Phrasen \u2013 klingt immer nat\u00fcrlich.',\n audience:'\ud83c\udfe0 Das Publikum erlebt einen flie\u00dfenden, nat\u00fcrlichen \u00dcbergang ohne Energie-Verlust.',\n genres:'House, Deep House, Disco House, Afro House' },\n { name:'Drum & Bass Quick Cut', level:'intermediate', tags:['DnB','Schnell','Pr\u00e4zision','Energie'],\n summary:'Blitzschnelle \u00dcberg\u00e4nge im Drum & Bass \u2013 wenige Beats, maximale Pr\u00e4zision.',\n description:'Bei 170+ BPM sind lange \u00dcberg\u00e4nge unpraktisch. DnB-\u00dcberg\u00e4nge passieren in 4\u20138 Beats mit pr\u00e4zisen EQ-Bewegungen und oft einem Hard Cut.',\n steps:['Track B auf Cue-Punkt stellen','Beim Einsetzen des Drops von Track A: B starten','4\u20138 Beat Bass-Swap \u2013 sehr schnell','Crossfader scharf wenn n\u00f6tig','Kein langer Blend \u2013 Energie sofort \u00fcbertragen'],\n why:'Bei hohem Tempo wirken lange \u00dcberg\u00e4nge schleppend. Geschwindigkeit ist das Ziel.',\n audience:'\u26a1 Das Publikum erwartet bei DnB Geschwindigkeit und Pr\u00e4zision \u2013 lange Blends w\u00fcrden die Energie t\u00f6ten.',\n signature:'\ud83c\udfa4 LTJ Bukem, Goldie: Pioniere des fl\u00fcssigen DnB-Mixings.',\n genres:'Drum & Bass, Jungle, Neurofunk, Liquid DnB' },\n { name:'Hip-Hop Beat Juggle Mix', level:'advanced', tags:['Hip-Hop','Juggle','Vinyl','Klassisch'],\n summary:'Klassische Hip-Hop-Mixing-Technik: Breaks werden durch Juggling verl\u00e4ngert und variiert.',\n description:'Der DJ verl\u00e4ngert den Breakbeat eines Tracks indem er zwischen zwei Kopien wechselt. Scratches und EQ-Manipulation f\u00fcgen expressive Elemente hinzu.',\n steps:['Gleichen Track auf beiden Decks','Beide auf den Breakbeat-Anfang setzen','Zwischen Decks wechseln wenn Break endet','Scratches und EQ-Kills einbauen','Variationen durch unterschiedliche Beat-Punkte'],\n why:'Hip-Hop Mixing ist Performance-Kunst \u2013 der DJ zeigt technisches K\u00f6nnen.',\n audience:'\ud83c\udfa4 Hip-Hop-Publikum sch\u00e4tzt technisches K\u00f6nnen \u2013 Reaktion auf gute Juggles ist unmittelbar.',\n signature:'\ud83c\udfa4 DJ Premier, Pete Rock: Legenden des Hip-Hop Beat-Jugglings.',\n genres:'Hip-Hop, Boom Bap, Funk, Breakbeat' },\n { name:'UK Garage Double Drop', level:'advanced', tags:['UK Garage','Double Drop','Pr\u00e4zision','Energie'],\n summary:'Zwei Tracks droppen zeitgleich auf Beat 1 \u2013 Signature-Move des UK Garage.',\n description:'Im UK Garage wird der Double Drop auf die Spitze getrieben: Extrem kurze Vorlaufzeit, blitzschnelle Vorbereitung, beide Drops landen auf demselben Beat.',\n steps:['Track B w\u00e4hrend Track A l\u00e4uft vorbereiten','Track B stumm auf Drop-Punkt vorh\u00f6ren','Exakt 8 Beats vor dem Drop von A: B einblenden','Beat 1 beider Drops: volle Energie beider Tracks','Sofortiger Bass-Swap wenn n\u00f6tig'],\n why:'UK Garage lebt von \u00dcberraschungsmomenten und blitzschnellen Reaktionen.',\n audience:'\ud83d\udca5 Einer der energiereichsten Momente im DJing \u2013 das Publikum explodiert.',\n signature:'\ud83c\udfa4 DJ EZ: Weltber\u00fchmt f\u00fcr seine blitzschnellen UK Garage Double Drops.',\n genres:'UK Garage, Speed Garage, 2-Step, Bassline' },\n { name:'Trance Filter Sweep Build', level:'intermediate', tags:['Trance','Filter','Build-Up','Emotional'],\n summary:'Der klassische Trance Build-Up: langer HPF-Sweep mit orchestralen Elementen.',\n description:'Typischer Trance-\u00dcbergang: HPF-Sweep \u00fcber 32\u201364 Beats, w\u00e4hrend orchestrale Synths und Pads ansteigen. Dann explosiver Drop mit vollem Bass.',\n steps:['HPF-Sweep \u00fcber 32 Beats starten','Melodische\/orchestrale Elemente des neuen Tracks einblenden','Steigende Spannung durch zunehmende Synth-Layers','Letzte 8 Beats: Alles au\u00dfer Melodie gefiltert','Drop: HPF weg, Bass rein, volle Energie'],\n why:'Trance-Publikum liebt emotionale Reisen \u2013 der lange Build-Up macht den Drop katartisch.',\n audience:'\ud83c\udf1f Kollektive Euphorie beim Drop nach langem Build-Up \u2013 Trance-Feeling pur.',\n signature:'\ud83c\udfa4 Paul van Dyk, Ti\u00ebsto (fr\u00fche Jahre): Meister des emotionalen Trance Build-Ups.',\n genres:'Trance, Uplifting Trance, Progressive Trance, Psytrance' }\n ]\n }\n]; \/\/ \u2190 ENDE des CATEGORIES-Arrays\n\n\/\/ ============================================================\n\/\/ STATE\n\/\/ ============================================================\nlet currentLevelFilter = 'all';\n\n\/\/ ============================================================\n\/\/ RENDER FUNCTIONS\n\/\/ ============================================================\nfunction renderTechniques() {\n const container = document.getElementById('techContent');\n const searchVal = (document.getElementById('techSearch').value || '').toLowerCase();\n let totalVisible = 0;\n\n container.innerHTML = '';\n\n CATEGORIES.forEach(cat => {\n const filtered = cat.techniques.filter(t => {\n const matchLevel = currentLevelFilter === 'all' || t.level === currentLevelFilter;\n const matchSearch = !searchVal ||\n t.name.toLowerCase().includes(searchVal) ||\n t.summary.toLowerCase().includes(searchVal) ||\n (t.tags && t.tags.some(tag => tag.toLowerCase().includes(searchVal))) ||\n (t.genres && t.genres.toLowerCase().includes(searchVal));\n return matchLevel && matchSearch;\n });\n\n if (filtered.length === 0) return;\n totalVisible += filtered.length;\n\n const section = document.createElement('div');\n section.className = 'cat-section';\n section.id = cat.id;\n\n section.innerHTML = `\n <div class=\"cat-header\" style=\"background:${cat.bg};border-bottom:2px solid ${cat.color}20;\" onclick=\"toggleCategory('${cat.id}')\">\n <h3 style=\"color:${cat.color};\">${cat.name}<\/h3>\n <span class=\"cat-count\">${filtered.length} Techniken<\/span>\n <span class=\"cat-arrow open\" id=\"arrow-${cat.id}\">\u25bc<\/span>\n <\/div>\n <div class=\"cat-body\" id=\"body-${cat.id}\">\n <div class=\"tech-grid\" id=\"grid-${cat.id}\"><\/div>\n <\/div>`;\n\n container.appendChild(section);\n\n const grid = document.getElementById('grid-' + cat.id);\n filtered.forEach(t => {\n const card = document.createElement('div');\n card.className = 'tech-card';\n card.style.borderLeftColor = cat.color;\n card.innerHTML = `\n <div class=\"tech-card-title\" style=\"color:${cat.color};\">${t.name}<\/div>\n <span class=\"tech-card-level level-${t.level}\">${levelLabel(t.level)}<\/span>\n <div class=\"tech-card-desc\">${t.summary}<\/div>\n <div class=\"tech-card-tags\">${(t.tags||[]).map(tag=>`<span class=\"tag\">${tag}<\/span>`).join('')}<\/div>`;\n card.onclick = () => openModal(t, cat.color);\n grid.appendChild(card);\n });\n });\n\n const countEl = document.getElementById('techCount');\n if (countEl) countEl.textContent = totalVisible + ' Techniken';\n\n const noResults = document.getElementById('noResults');\n if (noResults) {\n noResults.classList.toggle('hidden', totalVisible > 0);\n }\n\n const toc = document.getElementById('techTOC');\n if (toc) toc.style.display = (searchVal || currentLevelFilter !== 'all') ? 'none' : 'grid';\n}\n\nfunction levelLabel(level) {\n const map = { beginner:'Beginner', intermediate:'Intermediate', advanced:'Advanced', expert:'Expert' };\n return map[level] || level;\n}\n\nfunction toggleCategory(catId) {\n const body = document.getElementById('body-' + catId);\n const arrow = document.getElementById('arrow-' + catId);\n if (!body) return;\n const isOpen = body.style.display !== 'none';\n body.style.display = isOpen ? 'none' : 'block';\n if (arrow) arrow.classList.toggle('open', !isOpen);\n}\n\nfunction scrollToCategory(catId) {\n renderTechniques();\n setTimeout(() => {\n const el = document.getElementById(catId);\n if (el) el.scrollIntoView({ behavior:'smooth', block:'start' });\n }, 100);\n}\n\nfunction filterTechniques() {\n renderTechniques();\n}\n\nfunction setLevelFilter(level, btn) {\n currentLevelFilter = level;\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\n if (btn) btn.classList.add('active');\n renderTechniques();\n}\n\n\/\/ ============================================================\n\/\/ MODAL\n\/\/ ============================================================\nfunction openModal(tech, color) {\n const body = document.getElementById('modalBody');\n const modal = document.getElementById('techModal');\n\n const stepsHTML = tech.steps\n ? `<div class=\"modal-section\"><h4>\ud83d\udccb Schritt-f\u00fcr-Schritt<\/h4><ol>${tech.steps.map(s=>`<li>${s}<\/li>`).join('')}<\/ol><\/div>`\n : '';\n const whyHTML = tech.why\n ? `<div class=\"modal-section\"><h4>\ud83d\udd2c Warum funktioniert das?<\/h4><p>${tech.why}<\/p><\/div>`\n : '';\n const sigHTML = tech.signature\n ? `<div class=\"signature-box\"><p>${tech.signature}<\/p><\/div>`\n : '';\n const genreHTML = tech.genres\n ? `<div class=\"modal-section\"><h4>\ud83c\udfb5 Genres<\/h4><p>${tech.genres}<\/p><\/div>`\n : '';\n\n body.innerHTML = `\n <h3 style=\"color:${color};\">${tech.name}<\/h3>\n <span class=\"tech-card-level level-${tech.level}\" style=\"margin-bottom:1rem;display:inline-block;\">${levelLabel(tech.level)}<\/span>\n <div class=\"tech-card-tags\" style=\"margin-bottom:1rem;\">${(tech.tags||[]).map(tag=>`<span class=\"tag\">${tag}<\/span>`).join('')}<\/div>\n <div class=\"modal-section\"><h4>\ud83d\udcd6 Beschreibung<\/h4><p>${tech.description}<\/p><\/div>\n ${stepsHTML}\n ${whyHTML}\n <div class=\"modal-audience\"><p>${tech.audience}<\/p><\/div>\n ${sigHTML}\n ${genreHTML}`;\n\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n}\n\nfunction closeModal() {\n document.getElementById('techModal').classList.remove('active');\n document.body.style.overflow = '';\n}\n\nfunction closeModalOnOverlay(e) {\n if (e.target === document.getElementById('techModal')) closeModal();\n}\n\ndocument.addEventListener('keydown', e => {\n if (e.key === 'Escape') closeModal();\n});\n \/\/ \u2500\u2500 BLOCK 4: Navigation + Knob-Simulator + Visualizer + Init \u2500\u2500\n\n \/\/ ============================================================\n \/\/ NAVIGATION\n \/\/ ============================================================\n function showSection(sectionId, btn) {\n document.querySelectorAll('section').forEach(s => s.classList.remove('active'));\n document.querySelectorAll('.nav-btn').forEach(b => b.classList.remove('active'));\n document.getElementById(sectionId).classList.add('active');\n if (btn) btn.classList.add('active');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n if (sectionId === 'techniques') renderTechniques();\n }\n\n \/\/ ============================================================\n \/\/ KNOB SIMULATOR\n \/\/ ============================================================\n const knobConfigs = [\n { id:'knobLowA', valueId:'valueLowA', track:'A', band:'Low' },\n { id:'knobMidA', valueId:'valueMidA', track:'A', band:'Mid' },\n { id:'knobHighA', valueId:'valueHighA', track:'A', band:'High' },\n { id:'knobLowB', valueId:'valueLowB', track:'B', band:'Low' },\n { id:'knobMidB', valueId:'valueMidB', track:'B', band:'Mid' },\n { id:'knobHighB', valueId:'valueHighB', track:'B', band:'High' }\n ];\n\n knobConfigs.forEach(cfg => {\n const knob = document.getElementById(cfg.id);\n if (!knob) return;\n let isDragging = false;\n let startY = 0;\n let startValue = 50;\n\n knob.addEventListener('mousedown', e => {\n isDragging = true;\n startY = e.clientY;\n startValue = parseInt(knob.getAttribute('data-value'));\n knob.style.cursor = 'grabbing';\n e.preventDefault();\n });\n\n knob.addEventListener('touchstart', e => {\n isDragging = true;\n startY = e.touches[0].clientY;\n startValue = parseInt(knob.getAttribute('data-value'));\n e.preventDefault();\n }, { passive: false });\n\n document.addEventListener('mousemove', e => {\n if (!isDragging || knob !== document.querySelector('[style*=\"grabbing\"]')) return;\n const delta = startY - e.clientY;\n const newVal = Math.max(0, Math.min(100, startValue + delta));\n applyKnobValue(cfg.id, cfg.valueId, newVal);\n updateVisualizer('visualizer' + cfg.track);\n });\n\n document.addEventListener('touchmove', e => {\n if (!isDragging) return;\n const delta = startY - e.touches[0].clientY;\n const newVal = Math.max(0, Math.min(100, startValue + delta));\n applyKnobValue(cfg.id, cfg.valueId, newVal);\n updateVisualizer('visualizer' + cfg.track);\n }, { passive: false });\n\n document.addEventListener('mouseup', () => {\n if (isDragging) {\n isDragging = false;\n knob.style.cursor = 'pointer';\n }\n });\n\n document.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n\n function applyKnobValue(knobId, valueId, value) {\n const knob = document.getElementById(knobId);\n const display = document.getElementById(valueId);\n if (!knob || !display) return;\n const val = Math.round(value);\n knob.setAttribute('data-value', val);\n display.textContent = val + '%';\n const rotation = (val \/ 100) * 270 - 135;\n const indicator = knob.querySelector('.knob-indicator');\n if (indicator) indicator.style.transform = `translateX(-50%) rotate(${rotation}deg)`;\n }\n\n function setKnob(knobId, value) {\n const valueId = knobId.replace('knob', 'value');\n applyKnobValue(knobId, valueId, value);\n }\n\n \/\/ ============================================================\n \/\/ VISUALIZER\n \/\/ ============================================================\n function updateVisualizer(vizId) {\n const viz = document.getElementById(vizId);\n if (!viz) return;\n const track = vizId === 'visualizerA' ? 'A' : 'B';\n\n const lowVal = parseInt(document.getElementById('knobLow' + track).getAttribute('data-value'));\n const midVal = parseInt(document.getElementById('knobMid' + track).getAttribute('data-value'));\n const highVal = parseInt(document.getElementById('knobHigh' + track).getAttribute('data-value'));\n\n viz.innerHTML = '';\n const barCount = 24;\n\n for (let i = 0; i < barCount; i++) {\n const bar = document.createElement('div');\n bar.className = 'bar';\n\n let baseHeight, color1, color2;\n\n if (i < 8) {\n baseHeight = (lowVal \/ 100) * 160;\n color1 = '#ef4444'; color2 = '#fca5a5';\n } else if (i < 16) {\n baseHeight = (midVal \/ 100) * 160;\n color1 = '#22c55e'; color2 = '#86efac';\n } else {\n baseHeight = (highVal \/ 100) * 160;\n color1 = '#eab308'; color2 = '#fde047';\n }\n\n const jitter = Math.random() * 18;\n bar.style.height = Math.max(4, baseHeight + jitter) + 'px';\n bar.style.background = `linear-gradient(to top, ${color1}, ${color2})`;\n bar.style.opacity = baseHeight < 5 ? '0.2' : '1';\n viz.appendChild(bar);\n }\n }\n\n \/\/ ============================================================\n \/\/ SCENARIOS\n \/\/ ============================================================\n function setScenario(scenario) {\n const scenarios = {\n bassSwap: { LowA:85, MidA:50, HighA:50, LowB:10, MidB:50, HighB:50 },\n layering: { LowA:80, MidA:55, HighA:30, LowB:15, MidB:35, HighB:75 },\n frequency: { LowA:85, MidA:15, HighA:15, LowB:15, MidB:85, HighB:50 },\n reset: { LowA:50, MidA:50, HighA:50, LowB:50, MidB:50, HighB:50 }\n };\n\n const s = scenarios[scenario];\n if (!s) return;\n\n setKnob('knobLowA', s.LowA);\n setKnob('knobMidA', s.MidA);\n setKnob('knobHighA', s.HighA);\n setKnob('knobLowB', s.LowB);\n setKnob('knobMidB', s.MidB);\n setKnob('knobHighB', s.HighB);\n\n updateVisualizer('visualizerA');\n updateVisualizer('visualizerB');\n }\n\n \/\/ ============================================================\n \/\/ INIT\n \/\/ ============================================================\n document.addEventListener('DOMContentLoaded', () => {\n\n \/\/ Initiale Knob-Positionen setzen\n knobConfigs.forEach(cfg => {\n applyKnobValue(cfg.id, cfg.valueId, 50);\n });\n\n \/\/ Visualizer initial rendern\n updateVisualizer('visualizerA');\n updateVisualizer('visualizerB');\n\n \/\/ Visualizer animieren (live Jitter-Effekt)\n setInterval(() => {\n const simSection = document.getElementById('simulator');\n if (simSection && simSection.classList.contains('active')) {\n updateVisualizer('visualizerA');\n updateVisualizer('visualizerB');\n }\n }, 120);\n\n \/\/ Techniques beim ersten \u00d6ffnen rendern\n const techBtn = document.querySelector('.nav-btn[onclick*=\"techniques\"]');\n if (techBtn) {\n techBtn.addEventListener('click', () => {\n setTimeout(renderTechniques, 50);\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>DJ EQ-Techniken – Interaktiver Vortrag \ud83c\udfa7 DJ EQ-Techniken Masterclass Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum Einf\u00fchrung Frequenzbereiche \ud83d\udcda Mischtechniken EQ-Simulator Publikumswirkung Profi-Tipps Was ist EQ beim DJing? Equalizer (EQ) ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen. Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- flyfishing<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/metalmotion.de\/flyfishing\/13-2\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- flyfishing\" \/>\n<meta property=\"og:description\" content=\"DJ EQ-Techniken – Interaktiver Vortrag \ud83c\udfa7 DJ EQ-Techniken Masterclass Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum Einf\u00fchrung Frequenzbereiche \ud83d\udcda Mischtechniken EQ-Simulator Publikumswirkung Profi-Tipps Was ist EQ beim DJing? Equalizer (EQ) ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen. Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/metalmotion.de\/flyfishing\/13-2\/\" \/>\n<meta property=\"og:site_name\" content=\"flyfishing\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-09T14:17:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/13-2\\\/\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/13-2\\\/\",\"name\":\"- flyfishing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/#website\"},\"datePublished\":\"2026-03-09T14:17:15+00:00\",\"dateModified\":\"2026-03-09T14:17:17+00:00\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/13-2\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/#website\",\"url\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/\",\"name\":\"flyfishing\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/metalmotion.de\\\/flyfishing\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n","yoast_head_json":{"title":"- flyfishing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","og_locale":"de_DE","og_type":"article","og_title":"- flyfishing","og_description":"DJ EQ-Techniken – Interaktiver Vortrag \ud83c\udfa7 DJ EQ-Techniken Masterclass Die Kunst des Frequenz-Mischens und ihre Wirkung auf das Publikum Einf\u00fchrung Frequenzbereiche \ud83d\udcda Mischtechniken EQ-Simulator Publikumswirkung Profi-Tipps Was ist EQ beim DJing? Equalizer (EQ) ist das wichtigste Werkzeug eines DJs, um verschiedene Tracks nahtlos zu mischen. Es erm\u00f6glicht die gezielte Kontrolle \u00fcber verschiedene Frequenzbereiche und verhindert, […]","og_url":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","og_site_name":"flyfishing","article_modified_time":"2026-03-09T14:17:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","url":"https:\/\/metalmotion.de\/flyfishing\/13-2\/","name":"- flyfishing","isPartOf":{"@id":"https:\/\/metalmotion.de\/flyfishing\/#website"},"datePublished":"2026-03-09T14:17:15+00:00","dateModified":"2026-03-09T14:17:17+00:00","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/metalmotion.de\/flyfishing\/13-2\/"]}]},{"@type":"WebSite","@id":"https:\/\/metalmotion.de\/flyfishing\/#website","url":"https:\/\/metalmotion.de\/flyfishing\/","name":"flyfishing","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/metalmotion.de\/flyfishing\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":1,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/pages\/13\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/metalmotion.de\/flyfishing\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}