Mit KI zum Feedbackprofi: Jetzt Whitepaper kostenlos downloaden 

Viele Themen.
Noch mehr Möglichkeiten.

Flexibel. Praxisnah. Wirksam.

Übersicht der Inhalte

Entdecke unser Trainingsangebot.  Wir erweitern das Angebot kontinuierlich. 
 Lassen Sie uns wissen, welche Themen Sie begeistern.

.nav-content-list li::marker { color: #1E9096; } .nav-content-list li{ list-style-type: disc; } .nav-component-container { max-width: 1200px; margin: 40px auto; display: flex; min-height: 550px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; position: relative; background: transparent; } .nav-menu-sidebar { width: 42%; padding: 2rem; display: flex; flex-direction: column; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #6c757d transparent; } .nav-menu-sidebar::-webkit-scrollbar { width: 6px; } .nav-menu-sidebar::-webkit-scrollbar-track { background: transparent; } .nav-menu-sidebar::-webkit-scrollbar-thumb { background: #6c757d; border-radius: 3px; } .nav-menu-item { display: flex; align-items: baseline; margin-bottom: 15px; cursor: pointer; transition: all 0.3s ease; padding-left: 20px; gap: 15px; min-height: 50px; } .nav-menu-item.nav-item-active .nav-item-title { font-size: 1.1rem; } .nav-item-number { width: 30px; height: 30px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: 700; color: #1E9096; flex-shrink: 0; } .nav-item-content { flex: 1; display: flex; flex-direction: column; font-style: italic; } .nav-item-title { font-size: 1rem; font-weight: 700; line-height: 1.3; color: #fff; margin-bottom: 8px; transition: all 0.3s ease; font-style: italic; } .nav-item-active-text { font-size: 1.0rem; font-weight: 300; color: #fff; line-height: 1.4; opacity: 0; max-height: 0; overflow: hidden; transition: all 0.3s ease; font-style: italic; } .nav-menu-item.nav-item-active .nav-item-active-text { opacity: 1; max-height: 100px; } .nav-scroll-indicator { position: absolute; left: 42%; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 12px; z-index: 10; } .nav-scroll-dot { width: 8px; height: 8px; border-radius: 50%; background: #d0d0d0; cursor: pointer; transition: all 0.3s ease; } .nav-scroll-dot.nav-dot-active { width: 12px; height: 30px; background: #b0ef43; border-radius: 10px; } .nav-content-display { width: 58%; padding: 40px; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } /* Inhalt-Card */ .nav-content-display-inner{ padding: 2rem; width: 100%; border-radius: 25px; background: #f0f4f7; } /* Listen-Styles */ .nav-content-list { list-style: disc; text-align: left; max-width: 700px; margin: 0; padding-left: 1.2rem; font-size: 1.06rem; color: #001429; line-height: 1.6; } .nav-content-list li { margin: 6px 0; } /* Mobile Header - wird nur auf Mobile angezeigt */ .mobile-slide-header { display: none; text-align: center; margin-bottom: 20px; } .mobile-slide-number { width: 40px; height: 40px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: 700; color: #1E9096; margin: 0 auto 15px; } .mobile-slide-title { font-size: 1.3rem; font-weight: 700; color: #fff; margin-bottom: 0; font-style: italic; } @media (max-width: 768px) { .nav-component-container { flex-direction: column; margin: 0; min-height: auto; overflow: hidden; position: relative; } .nav-menu-sidebar { display: none; } .nav-scroll-indicator { position: relative; left: auto; top: auto; transform: none; flex-direction: row; justify-content: center; margin: 20px 0; order: 2; } .nav-scroll-dot { width: 10px; height: 10px; margin: 0 5px; } .nav-scroll-dot.nav-dot-active { width: 10px; height: 10px; border-radius: 50%; background: #b0ef43; } .nav-content-display { width: 100%; padding: 0; order: 1; position: relative; overflow: hidden; } .nav-content-display-inner { margin-top: 0; min-height: 440px; } /* Mobile Header anzeigen */ .mobile-slide-header { display: block; } /* Touch-Gesten aktivieren */ .nav-content-display { touch-action: pan-y; } } function initNavComponent(container, navData) { const items = container.querySelectorAll('.nav-menu-item'); const indicator = container.querySelector('.nav-scroll-indicator'); const listContainer = container.querySelector('.nav-content-list'); const mobileHeader = container.querySelector('.mobile-slide-header'); const mobileNumber = container.querySelector('.mobile-slide-number'); const mobileTitle = container.querySelector('.mobile-slide-title'); let currentIdx = 0; // 1) Dots dynamisch erzeugen (entspricht Anzahl der Sidebar-Items) indicator.innerHTML = ''; items.forEach((_, i) => { const dot = document.createElement('div'); dot.classList.add('nav-scroll-dot'); if (i === 0) dot.classList.add('nav-dot-active'); indicator.appendChild(dot); }); const dots = indicator.querySelectorAll('.nav-scroll-dot'); // 2) Content‐Update: Liste rendern function update(id) { const c = navData[id]; if (!c) return; // Liste neu aufbauen listContainer.innerHTML = ''; if (Array.isArray(c.list)) { c.list.forEach(item => { const li = document.createElement('li'); li.textContent = item; listContainer.appendChild(li); }); } // Mobile Header Update if (mobileNumber) mobileNumber.textContent = id; if (mobileTitle) mobileTitle.textContent = c.title; } // 3) Aktivierungs‐Funktion function activate(idx) { // Menü und Dots ent-aktivieren items.forEach(i => i.classList.remove('nav-item-active')); dots.forEach(d => d.classList.remove('nav-dot-active')); // Menü und Dot aktivieren items[idx].classList.add('nav-item-active'); dots[idx].classList.add('nav-dot-active'); // Content updaten const id = items[idx].getAttribute('data-content'); update(id); currentIdx = idx; } // 4) Event‐Listener für Desktop items.forEach((it, i) => it.addEventListener('click', () => activate(i))); dots.forEach((dt, i) => dt.addEventListener('click', () => activate(i))); // Desktop Scroll (im Sidebar) const sidebar = container.querySelector('.nav-menu-sidebar'); if (sidebar) { sidebar.addEventListener('wheel', e => { e.preventDefault(); const dir = e.deltaY > 0 ? 1 : -1; const next = currentIdx + dir; if (next >= 0 && next { startX = e.touches[0].clientX; startY = e.touches[0].clientY; isDragging = true; }, { passive: true }); contentDisplay.addEventListener('touchmove', (e) => { if (!isDragging) return; const currentX = e.touches[0].clientX; const currentY = e.touches[0].clientY; const diffX = Math.abs(currentX - startX); const diffY = Math.abs(currentY - startY); // Nur horizontale Swipes verhindern das Scrollen if (diffX > diffY && diffX > 10) { e.preventDefault(); } }, { passive: false }); contentDisplay.addEventListener('touchend', (e) => { if (!isDragging) return; isDragging = false; const endX = e.changedTouches[0].clientX; const endY = e.changedTouches[0].clientY; const diffX = startX - endX; const diffY = Math.abs(startY - endY); // Nur bei horizontalem Swipe (mehr horizontal als vertikal) if (Math.abs(diffX) > 50 && Math.abs(diffX) > diffY) { if (diffX > 0 && currentIdx < items.length - 1) { // Swipe nach links = nächster Slide activate(currentIdx + 1); } else if (diffX 0) { // Swipe nach rechts = vorheriger Slide activate(currentIdx - 1); } } }); // 6) Erstes Item laden activate(0); } // Daten für Komponente 1 – aktualisiert auf Listen & ohne Bilder const data1 = { 1: { alt: "Texte auf den Punkt bringen", title: "Texte auf den Punkt bringen", list: [ "Souverän statt holprig.", "Stopp! Diese Worte sabotieren dein Gespräch.", "Weg vom Problem: Denk in Lösungen, sprich in Chancen.", "Worte, die wirken. Deine Sprache als Erfolgstool.", "Sag, was es bringt. Klar und direkt.", "Krise oder Chance? Deine Wahl.", "Frühwarnsystem Kommunikation.", "Souverän in der Stresszone – deeskalieren bei schwierigen Gesprächen.", "Empathie gewinnt – denk dich in dein Gegenüber.", "Hör hin. Hör zu. Frag nach. Verstehen ist keine Glückssache.", "Auf Kurs – Gespräche lenken statt laufen lassen." ] }, 2: { alt: "Gespräche souverän führen", title: "Gespräche souverän führen", list: [ "Weniger ist mehr: Bring dein Thema auf den Punkt!", "Alltagssprache rockt! Schreib wie du sprichst.", "\"Bitte\" mit Wirkung: Direkt und höflich auffordern.", "Sorry mit Stil. So gelingt deine Entschuldigung.", "Schreib’s ohne Blabla: Sag, was Sache ist!", "Deine Message? Klartext wirkt.", "Mit Farbe zum Erfolg: Lesetypengerecht schreiben.", "Betreff mit Biss – So wird deine Mail gelesen.", "Business trifft Chat – Klar. Höflich. Smart.", "Zeig den Weg – Führe durch Absätze und Optik." ] }, 3: { alt: "Führung & Teamarbeit", title: "Führung & Teamarbeit", list: [ "Führung beginnt bei dir – Sei, wie du bist.", "Feedback, das wirkt – Klar, konstruktiv, motivierend.", "Kündigung? Nicht mit dir!", "Klar. Offen. Wirksam. Personalgespräche, die weiterbringen.", "Das perfekte Match! Gestalte Bewerbungsgespräche treffsicher.", "Kennzahlen verstehen – das 1x1 für Führungskräfte.", "Führung in Zahlen denken – mit KPIs zum Ziel.", "Personalführung? Lass die Zahlen sprechen.", "Vision bauen statt Ziele jagen: dein Fahrplan zum Erfolg.", "Klartext statt Nebelkerzen. Visionen rüberbringen.", "Wer? Was? Wann? Klarheit statt Chaos.", "So moderierst du Meetings zum Erfolg.", "Klick, klack, kommunizier! So klappt’s mit Mail & Intranet.", "Gruppe tanzt – du gibst den Takt!", "Teamspirit? Führe ihn bewusst.", "Typisch Team: Erkenne Individuen und führe Persönlichkeiten.", "Leadership upgraden – so entwickelst du Führungstalente.", "Compliance? Setze Standards als Führungskraft." ] }, 4: { alt: "Verkauf & Kundenkommunikation", title: "Verkauf & Kundenkommunikation", list: [ "Vom Service-Profi zum Sales-Champion.", "Verkauf beginnt im Kopf. Denke dich zum Erfolg.", "Reden ist Silber, Vorbereitung ist Gold.", "Keine Glaskugel? Frag einfach!", "Vom Hallo bis zum Tschüss – verkaufen mit Empathie und Verstand.", "Sag Ja zum Nein! Einwände gekonnt meistern.", "Von „Vielleicht“ zu „Klar, ich nehm’s!“ Erkenne die Zeichen.", "Kein Feature ohne Wow. Nutzen, der begeistert.", "Schluss mit Gezerre – Preisverhandlung mit Köpfchen!", "Klarheit statt Kuddelmuddel: Triff klare Absprachen im Verkauf.", "Finger weg! Verkaufsfallen, die du vermeiden solltest.", "Mehr als Wetter und Fußball – so gelingt Small Talk." ] }, 5: { alt: "Selbstmanagement & Resilienz", title: "Selbstmanagement & Resilienz", list: [ "To-do oder not to do – Zeit effizient nutzen.", "Houston, wir haben kein Problem! Lösungen finden statt ausbrennen.", "Ich und ich – wir müssen reden!", "Stark im Sturm: deine Resilienz im Job." ] }, 6: { alt: "Kreativität & Content", title: "Kreativität & Content", list: [ "Corporate Identity leben.", "Schreib, was klickt. Erfolgreich texten fürs Social Web.", "Sicher posten statt teuer zahlen. Nutze Medien ohne böse Überraschungen.", "Form, Farbe, Fokus – so gestaltest du wow!", "Ideen-Blitz statt Ideen-Blackout! Mach deinen Kopf frei für kreative Höhenflüge." ] } }; // Slider initialisieren document.addEventListener('DOMContentLoaded', () => { initNavComponent( document.getElementById('navComponent1'), data1 ); });
.ui-e-media-wrp img { object-fit: fill; }

Leadership

Gesprächsführung

Marketing

Medizin

Sales

Schriftliche Kommunikation

Stress Mangement

Jetzt Demo-Termin sichern

Buche ganz einfach und unkompliziert mit einem Klick via Outlook deinen nächsten Termin.

    Social Media

    Kontakt

    Besuche uns

    koviko GmbH
    August-Bebel-Straße 28
    14482 Potsdam

    Die InfinityBox ist ein Produkt von koviko

    koviko GmbH, All Rights reserved.