Wunderbar kaschiert dieser A-Fomr Pullover mit V-Ausschnitt durch seine Längsrillen, diese schaffen“Platz“. Ärmel mit 7/8 Länge und die sonst glatte Struktur machen diesen Artikel zu einem perfekten Basic mit dem gewissen Etwas. In drei wunderschönen sommerlichen Farben passt er sich jeder Garderobe 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: 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-zZV0cgKnkTg {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Diese Tunika ist das ganze Jahr tragbar. Das Muster wirkt in den Farbkombinationen lebensfroh ohne aufdringlich zu sein. Der leichtere Jacquard fällt schmeichelnd, der Ausschnitt ist mäßig rund und der Langarm eingesetzt.
/* 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-zY9NDN8OlaM {
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();
}
});
});
});
/* 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-Jv82hJm-RqY {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
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 */
}
.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: 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 */
}
.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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Eine klassische Hemdbluse aus 100% weichem Leinen: Durchgeknöpft, mit Manschetten und Schlitzen, Kragen und Rückenfalte. Diese Bluse ist ein Alleskönner und ein Must-Have für jeden Kleiderschrank. Leinen ist perfekt für warme bis heiße Tage, da die Faser sehr atmungsaktiv ist. Das Knittern gehört übrigens dazu und nennt man auch gerne „edle Falten“.
/* 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-ZLTKHGYYkzA {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Dieser leichte Pullover mit eingesetztem Arm hat eine Biesenstruktur, die von Wellen von oben nach unten durchbrochen wird. Ein sommerliches Teil für den Übergang, mit rundem Halsausschnitt. Der Rumpf ist gerade geschnitten und umspielt leicht die Figur. Der Pullover ist in drei sommerlichen Farben erhältlich.
/* 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-PHd-RlTpqYE {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Unser beliebtes Paisley-Muster gibt es nun auch für den Sommer in frischen Farbkombinationen. Der Rumpf ist gerade geschnitten, die Ärmel reichen bis zum Ellenbogen. Der Fledermaus-Schnitt bietet Platz im Brustbereich und genug Bewegungsfreiheit.
/* 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-cMzAXMg4SoI {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Unser beliebtes Paisley-Muster gibt es nun auch für den Sommer. In frischen Farbkombinationen, mit Halbarm und tiefem Rundhalsausschnitt. Der Pullover ist klassisch, gerade geschnitten. An den Seiten hat er kleine Schlitze.
/* 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-cJkSZuzAJX4 {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Dieser wunderschöne Pullover ist mehr als nur ein Basic: Er ist schlicht, glatt gestrickt, mit Halbarm und einem flachen Rundhalsausschnitt. Die Kanten sind fein in Kontrastfarben gestrickt. Ein Pullover der immer und zu allem toll aussieht.
/* 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-sisCNXAJHCo {
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();
}
});
});
});
/* 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-kiKuE0qGn_Q {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Dieser Sommerpullover ist für alle, die Ringel und Farben lieben! Er ist glatt gestrickt mit geräumigem Fledermaus-Arm und angenehmer Rumpflänge. Der leichte feine, Strick fällt locker, ein perfekter „Gute-Laune-Pullover“ für jeden Tag.
/* 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-oull5DBtjeE {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden