FABELHAFT

  • Kastenpullover Doubleface

    Kastenpullover Doubleface

    Art. 21653

    Ungeprüfte Gesamtbewertungen

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

    Dieser kastige Pullover ist ein Knaller. Nicht nur die Farbkombinationen sind stark, auch das Muster: Breite Blockstreifen. Ansonsten ist der Pullover schlicht mit angesetztem Arm und flachem Rundhalsausschnitt gearbeit.

    /* 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-hD-uN7dkS3s { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt 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 */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Kleid, Leinen

    Kleid, Leinen

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

    Modernes und legeres Leinen Kleid mit Teilungsnähten und seitlichem Gummizug am Saum. Eingriffstaschen in den Seitennähten verleihen dem Kleid einen extra lässigen Look.

    inkl. MwSt.

    Ausführung wählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Leinenhose

    Leinenhose

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

    Unsere neue Leinenhose. Ganz easy mit Gummibund und etwas weiterem Bein. Das ist die richtige Hose für den Sommer!

    /* 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: 1600px; 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-oEWI3DKhti0 { width: 100%; aspect-ratio: 16/9; height:75vh; display: block; /* Entfernt Standard-Lücken */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Leinen-Tunika

    Leinen-Tunika

    Art. 22304 129,00 inkl. 19% MwSt. zzgl. Versandkosten

    Leinen zeigt sich in diesem Jahr von seiner coolen Seite. Hochwertige Leinen-Tunika aus gewaschenem Leinen in einem used Look. Ein wunderschönes Modell mit langen Seitenschlitzen, angenehm weich auf der Haut. Als Tunika mit einer Hose und Legging darunter oder auch einfach als Kleid tragbar.

    /* 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--pXP5abyLf4 { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Chasuble

    Chasuble

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

    Dieses Chasuble kommt sommerleicht in tollen Farbkombis und einem grafischen Muster daher. Gute Laune garantiert!

    inkl. MwSt.

    Ausführung wählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Kasten mit Rippe Viskose

    Kasten mit Rippe Viskose

    Art. 21430 129,00 inkl. 19% MwSt. zzgl. Versandkosten

    Ein ausgefallener 2-Farb-Effekt entsteht bei diesem Modell durch ein leichtes mehrfarbiges Rippengestrick. In den Farben changierend wirkt der Pulli sportlich bis edel-elegant. Der Schnitt ist locker, mit angenehmen Bündchen.

    inkl. MwSt.

    Ausführung wählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Kastenpullover, Viskose

    Kastenpullover, Viskose

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

    Dieser Pullover wird das neue Must-Have! Die Viskose fällt leicht und luftig, der Schnitt sorgt für angenehme Lockerheit. Die Ärmel sind leicht trompetenförmig. Der Ausschnitt fällt durch einen Schlitz schön auf.

    /* 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-MATYk-P9ouw { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt 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 */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Stoffhose, bedruckt

    Stoffhose, bedruckt

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

    Eine lässige Hose, die Sie durch den Sommer begleiten wird. Der Stoff ist angenehm weich und leicht. Die Prints sind sehr modern und zu allem kombinierbar. Wir freuen uns über dieses neue Lieblingsteil!

    inkl. MwSt.

    Ausführung wählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Ringel-Pullover, dünn

    Ringel-Pullover, dünn

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

    Ein leichter Ringel-Pullover darf im Sommer nicht fehlen! Diese Baumwoll/Viskose Mischung umspielt luftig die Figur. Es den Pullover in verschiedenen Farben – immer mit frischem Weiß geringelt. Die Ärmel enden unter den Ellbogen, der Rundhalsausschnitt ist etwas tiefer.

    /* 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-yUyZotYEKlo { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Leinenhose

    Leinenhose

    Art. 22102 129,00 inkl. 19% MwSt. zzgl. Versandkosten

    Unsere neue Leinenhose. Ganz easy mit Gummibund, Taschen und modischen Nähten am Bein, das gerade geschnitten ist. Passt wunderbar im Lagenlook zu unserer Leinentunika.

    /* 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-gyuhIktknWA { width: 100%; aspect-ratio: 4/5; height:75vh; display: block; /* Entfernt Standard-Lücken */ } .video-button-wrapper { display: inline-block; /* oder flex, je nach Bedarf */ text-align: center; /* sorgt dafür, dass Button + Text mittig sind */ margin: 10px; /* Abstand zwischen den Blöcken */ } .video-button-wrapper small { display: block; /* Text unter den Button */ font-size: 0.8em; /* etwas kleiner */ margin-top: 4px; /* kleiner Abstand nach oben */ color: #555; /* etwas dezenter */ }
    ×
    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ählenWird geladen Erledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden