FABELHAFT

  • Swinger Welle, Raglan

    Swinger Welle, Raglan

    Art. 27909 209,00 inkl. 19% MwSt. zzgl. Versandkosten

    Wunderschöne lange Swingerjacke in einer feinen Wellenstruktur. Offen zu tragende Longjacke mit einem sehr schönen Spiel von längs- und querverlaufender Struktur und aufwändig verarbeiteten Leistentaschen.

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Walk Poncho-Jacke, Schmetterlinge

    Walk Poncho-Jacke, Schmetterlinge

    Art. 26318 269,00 inkl. 19% MwSt. zzgl. Versandkosten

    Ein exclusiver Artikel unserer Kollektion – Walkponcho mit Reißverschluß in 2-farbigem Jacquard – moderne und besondere Alternative zu Mantel und Winterjacke. Mit großem Kragen und aufgesetzten Taschen hat dieser Poncho echtes Potential zum Lieblingsstück!

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Mantel Strukturstrick mit Tunnelzug

    Mantel Strukturstrick mit Tunnelzug

    Art. 26309 219,00 inkl. 19% MwSt. zzgl. Versandkosten

    Mantel mit Struktur-Kragen und Saum mit Tunnelzug zum beliebigen Zusammenraffen. Der Kragen kann somit entweder glatt liegen (wirkt klassicher) oder zusammengerafft voluminöser (wirkt sportiver) getragen werden.

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Chasuble

    Chasuble

    Art. 26785

    Ungeprüfte Gesamtbewertungen

    149,00 inkl. 19% MwSt. zzgl. Versandkosten

    Ein sehr cooles Chasuble! Passt über jeden Pullover und jede Hose und ist sehr modern mit festen Plateau-Stiefeletten. Frau ist immer gut angezogen und macht eine super Figur. Ein wirkliches must-have.

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Poncho Grobstrick

    Poncho Grobstrick

    Art. 26332 189,00 inkl. 19% MwSt. zzgl. Versandkosten

    Einfach überwerfen und schon sind Sie warm angezogen. Der neue Poncho aus Wolle ist super als Jackenersatz an kälteren Tagen oder auch gemütlich zu Hause auf der Couch.

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Cape Karo

    Cape Karo

    Art. 26661 239,00 inkl. 19% MwSt. zzgl. Versandkosten

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Swinger Welle zweifarbig

    Swinger Welle zweifarbig

    Art. 27982 209,00 inkl. 19% MwSt. zzgl. Versandkosten

    Der Schnitt dieser Jacke ist bekannt von unserem Swinger. Die Welle fällt gut und weich, die A-Form schmeichelt der Figur. Zwei Eingrifftaschen dürfen nicht fehlen. Das Besondere: Die Zweifarbigkei!. In drei schönen Farbkombinationen schimmert eine Farbe immer etwas durch. Super chic!

    /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-dpYXHd7hU5M { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }

    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); }); /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-ziLwmchRHaM { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }
    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); });

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Tunika Strukturbiese Welle

    Tunika Strukturbiese Welle

    Art. 22329 149,00 inkl. 19% MwSt. zzgl. Versandkosten

    Diese schöne Tunika hat eine Biesenstruktur, die von leichten Wellen von oben nach unten durchbrochen wird, der verwendete Schnitt ist sehr beliebt. Mit einer Länge von ca. 85 cm kann dieses Modell für manche schon als Kleid getragen werden. Der Langarm ist für eine gute Passform eingesetzt, die zwei runden Taschen machen die Tunika komplett.

    /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-kzUwele9KTU { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }
    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); });

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullunder

    Pullunder

    Art. 22419 139,00 inkl. 19% MwSt. zzgl. Versandkosten

    Dieser lockere Pullunder ist fast komplett fertig gestrickt, was den schönen Hals- und Rumpfabschluss ermöglicht. Der Versatz lässt eine Art Zickzack entstehen, der jedoch weich fällt. Der lockere Grobstrick ermöglicht Beweglichkeit. Schön solo zu tragen oder auch in Kombination über eine Leinenbluse oder einen Longsleeve. Die zarten Farben Wachs und Arctic bringen die Struktur schön zur Geltung.

    /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-ma31vZ_iKlE { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }

    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); }); /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-nCc3ylxPQ8Q { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }
    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); });

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Kastenpullover Piqué

    Kastenpullover Piqué

    Art. 21655 119,00 inkl. 19% MwSt. zzgl. Versandkosten

    Dieser lässige Pullover zeigt etwas Dekolleté. Die luftige Piqué-Struktur fällt locker um die Figur, der Rumpf ist kürzer geschnitten, die Ärmel enden unter dem Ellenbogen. Lässig passt er zu jedem Outfit, egal welcher Anlass.

    /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-XF5fRNNjPVQ { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }
    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); });

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover mit Volant

    Pullover mit Volant

    Art. 21654 109,00 inkl. 19% MwSt. zzgl. Versandkosten

    Süße Volants schmücken diesen etwas kürzeren Pullover an Ärmel- und Rumpfsaum. Er ist fein und glatt gestrickt mit flachem Rundhalsausschnitt, eingesetzen Ärmeln bei geradem Schnitt. Er wirkt jung und etwas verspielt, ohne dabei an Klasse zu verlieren.

    /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player-Sndxl9kXy8E { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }
    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); });

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Welle zweifarbig

    Pullover Welle zweifarbig

    Art. 21658 149,00 inkl. 19% MwSt. zzgl. Versandkosten

    Ein neuer Liebling: Drei frische, coole Farbkombinationen überzeugen bei diesem Modell. Die Wellenstruktur, bei der die Reihen abwechselnd erhaben sind, wird durch die Zweifarbigkeit unterstützt. So schimmert die hintere Farbe mal mehr, mal weniger durch. Der Rundhals ist mit einem 2-farbigen Röllchensaum geschmückt, an Ärmel- und Rumpfsaum gibt es eine Welle in der Kontrastfarbe. Super schön, bis ins Detail!

    /* Modal-Hintergrund */ .youtube-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; justify-content: center; align-items: center; } /* Modal-Inhalt mit weißem Rahmen */ .youtube-modal-content { position: relative; max-width: 800px; border: 3px solid white; /* Hier der neue Rahmen */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* Optional */ overflow: hidden; /* Wichtig für korrekte Darstellung */ padding: 10px 5px; background: #000; } /* Schließen-Button (X) */ .youtube-modal-close { position: absolute; top: -40px; right: 0; color: white; font-size: 30px; cursor: pointer; z-index: 10000; /* Über dem Rahmen */ } /* Responsives Video */ #youtube-player--DPIcJLO5iE { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ }
    ×
    document.addEventListener('DOMContentLoaded', function() { // YouTube API laden (falls nicht vorhanden) if (typeof YT === 'undefined') { const tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; document.body.appendChild(tag); } // Modal-Steuerung const buttons = document.querySelectorAll('.youtube-modal-button'); buttons.forEach(button => { const videoId = button.getAttribute('data-video-id'); const modal = document.getElementById(`youtube-modal-${videoId}`); const closeBtn = modal.querySelector('.youtube-modal-close'); let player; button.addEventListener('click', () => { modal.style.display = 'flex'; if (!player) { player = new YT.Player(`youtube-player-${videoId}`, { videoId: videoId, playerVars: { autoplay: 1, mute: 1, controls: 1, rel: 0 }, events: { 'onReady': function(event) { // Erzwinge 720p Qualität nachdem der Player geladen ist event.target.setPlaybackQuality('hd720'); event.target.playVideo(); }, 'onStateChange': (event) => { if (event.data === YT.PlayerState.ENDED) { modal.style.display = 'none'; } } } }); } else { // Video neu starten (wenn Player bereits existiert) player.seekTo(0); // Zurückspulen auf Start player.playVideo(); // Neu abspielen } }); closeBtn.addEventListener('click', () => { modal.style.display = 'none'; if (player) player.stopVideo(); }); window.addEventListener('click', (event) => { if (event.target === modal) { modal.style.display = 'none'; if (player) player.stopVideo(); } }); }); });

    inkl. MwSt.

    Ausführung wählenLoading Done Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden