Kollektion Frühjahr/ Sommer

  • Jacke Casual

    Jacke Casual

    189,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Eine lässige Wohlfühl-Jacke für den Alltag. Die Kapuze, der Reißverschluss und die Leistentaschen kreieren den dezent sportlichen Look. Der Rumpf ist gerade geschnitten und in Taillenhöhe abgesetzt. Die Ärmel sind eingesetzt und haben breite Manschetten als Abschluss. Hinten sehen sie aus wie Raglan-Ärmel. Sehr cool! Diese Jacke begeleitet Sie durch das Jahr und kommt daher auch in Farben, die immer passen.

    /* 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-YdyjUfgU6ss { 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(); } }); }); }); /* 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-xN10kbJtHfs { 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(); } }); }); }); /* 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--Tz9B6L0JAY { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Fleur

    Pullover Fleur

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

    Ein neues Blütenmuster schmückt die Kollektion mit diesem Pullover. Feine Konturen zeigen ein volles Bumenbouquet auf kontrastierender Grundfarbe. Der gerade Rumpf mit weitem Rundhals fällt locker und ist eher länger über die Hüften. Die Ärmel sind knapp länger als der Ellenbogen und kaschiert dadurch sehr gut. Das Gestrick fällt weich und ist super für den Übergang.

    /* 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-DZPscGimmS4 { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Rechteck

    Pullover Rechteck

    129,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Dieser Viskose Pullover ist ein sommer-leichter Begleiter mit grafischem Strukturmuster. Der Viskose-Mix liegt kühl und weich auf der Haut. Der Schnitt mit eingesetzten Ärmeln fällt eher schmal. In frischem Rosé-Pink und Navy passt er sich der Sommergarderobe im Nu an.

    /* 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-for_4nqo4QU { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Blume

    Pullover Blume

    129,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Ringel oder Blumen? Sie müssen sich nicht entscheiden, denn dieses Modell bringt beides mit! In drei kontrastierenden Farben versprüht dieser Pulli Frühlingsstimmung. Auf der Rückseite und an den Ärmeln gibt es je einen Ringel in der dritten Farbe. Die Ärmel sind halblang, der Rumpf ist leicht kastig geschnitten. Dieser Pulli fällt leicht umspielend.

    /* 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-04H4ZrhrTlg { 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(); } }); }); }); /* 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-zivpfn2l4Tk { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Kastenponcho Zebra

    Kastenponcho Zebra

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

    Einen sportlich-lässigen Look hat dieser Pullover im angesagten Zebra-Muster! Die Kapuze, der weite Schnitt und die längeren seitlichen Schlitze sind ideal für die Frühlingstage. Die Ärmel bedecken knapp die Ellenbogen und kaschieren. Übergeworfen – und fertig ist Ihr Outfit!

    /* 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-TNTjquoLuPg { 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(); } }); }); }); /* 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-HOpszGU-hhg { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Easy

    Pullover Easy

    99,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Dieses schöne Shirt hat eine besondere Strickart, die an Trikot erinnert, jedoch etwas leichter ist. Dieses Modell ist ein wunderschönes Teil, da es so vielseitig zu tragen und kombinieren ist. Die Nähte sind anders gesetzt, als man es von einem Fledermaus Pullover kennt, was eine schlichte Modernität verleiht. Das hintere Teil ist abgrundet und länger als das Vorderteil. Die Saumabschlüsse sind kleine Bündchen aus gleicher Strickart. Ein absolutes Must-Have für diesen 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-hhpYclDbi3M { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Kastenpullover Blumen

    Kastenpullover Blumen

    139,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Wer sich nicht entscheiden kann zwischen Blumen und Ringel, nimmt einfach beides! Dieser großzügig geschnittene Kastenpullover verbindet Verspieltheit mit Klassikern und hält dadurch etwas Neues bereit: Understatement als Eyecatcher. Die schmaleren angesetzten Ärmel stehen im Kontrast zum weiten Rumpf. Das Gestrick fällt locker und umspielt die Figur. Der Pullover ist perfekt für den Übergang und macht gute Laune!

    /* 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-X8ZGQzlBRfs { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Rippeneinsatz

    Pullover Rippeneinsatz

    119,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Dieser Pullover mit 7/8 Ärmel hat das Potenzial zu einem neuen Klassiker: Die Strickart ist im Wechsel von glatt zu feiner Rippe, aufwendig in der Herstellung. Ein echter Hingucker in sommerlich fröhlichen Farben, trotz der schlichten Erscheinung! Der Ausschnitt ist fein geschlitzt, aber nicht zu tief. Kleine Seitenschlitze schenken ihm einen lockeren Fall um die Hüfte.

    /* 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-ySY7dmwYiFM { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Fledermaus, Zebra

    Pullover Fledermaus, Zebra

    139,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Ein alter Freund in neuem Kleid: Dieser leichte Pullover hat einen extrem weiten Fledermausärmel, der in den Rumpf übergeht. Seine Form erhält er durch die Bündchen an Ärmeln und Saum. Diese sind im angesagten Zebra-Look gestaltet.

    /* 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-EaFg1QRF65o { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Struktur-Elemente

    Pullover Struktur-Elemente

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

    Ein lässiger, moderner Pullover in gerader Form. Glattes Gestrick und ein fein geripptes Muster wechseln sich ab. Die Ärmel sind eingesetzt, der Rundhals sorgt für eine vielseitige Anmutung. Er kann elegant oder auch sportiv getragen werden. Auch hier finden Sie praktische Seitenschlitze. Das Modell kommt in sommerlich-kräftigen Farben.

    /* 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-sriZvYE7Euc { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Tunika Buchstaben

    Tunika Buchstaben

    119,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Diese A-Form Tunika ist aus leichter, kühlender Viskose und somit perfekt für warme Sommertage. Der V-Ausschnitt und die 3/4 Ärmel zaubern tolle Proportionen. Das Strickmuster ist aus einer feinen Biesenstruktur mit sich absetzenden Buchstaben.

    /* 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-RCxUJk692Ww { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
  • Pullover Rechteck

    Pullover Rechteck

    139,00 €inkl. 19% MwSt. zzgl. Versandkosten

    Dieser Baumwollpulli ist ein sommer-leichter Begleiter mit grafischem Strukturmuster. Der Viskose-Mix liegt kühl und weich auf der Haut. Der Schnitt mit schmalen Fledermausärmeln ist eher locker. In frischem Weiß, Schwarz und knalliger Zitrone passt er sich der Sommergarderobe im Nu an.

    /* 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-V_Byva8FnQA { 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ählenErledigt Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden