U-Boot-Ausschnitte zaubern ja bekanntlich eine feine Silhouette. Der lässige Look entsteht durch den lockeren Schnitt, die feinen Ripp-Bündchen und die aufwendige Strickart aus einem Wechsel aus glattem Strick und feiner Rippe.
/* 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-29sGS8jDlIY {
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 */
}
Arctic
×
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-ie8p-O2Ck1c {
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 */
}
Hortensie
×
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 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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
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 */
}
KIWI/ZITRONE
×
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 */
}
SCHWARZ/BRILL
×
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
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Ein lässiger, sehr moderner Hoodie ist dieses Modell. Der Clou: die 2-Nähte-Kapuze fällt schön rund und schlitzt dabei gleichzeitig in aufwendiger Verarbeitung vorne den Ausschnitt. Glattes Gestrick geht über in feine Rippen, welche ebenso an allen Säumen zu finden sind. Die kleinen Seitenschlitze sorgen für einen lockeren Fall, das Vorderteil ist etwas kürzer als das Rückteil. Dieser Hoodie kann echt was!
/* 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-Kj5oMSicjOg {
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 */
}
Hellblau-Moul
×
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-z1Ce6fWI4mM {
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 */
}
Gobi
×
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: 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-k3ECOB9zMXU {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Dieser extra weite Fledermaus-Pullover überzeugt in seiner Einfachheit: Der fertig gestrickte U-Boot Ausschnitt und die Rollsäume erzeugen dazu eine gewisse Eleganz. Erhältlich ist er in vielen wunderschönen Farben, für jeden Typ und jeden Anlass.
inkl. MwSt.
Ausführung wählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Für schlichte Eleganz steht dieser Pullover. Die griffige Links-Links Struktur wird entlang der Ärmel, vorn und hinten von einem Streifen Glatt-Rechts unterbrochen. Einfach, aber genial! Die frohen Farben bringen Sie zum Strahlen.
/* 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-zcy6Mim2GVs {
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ählen
Dieses Produkt weist mehrere Varianten auf. Die Optionen können auf der Produktseite gewählt werden
Sie sehen gerade einen Platzhalterinhalt von Accessibility Widget. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Sie sehen gerade einen Platzhalterinhalt von Vimeo. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Sie sehen gerade einen Platzhalterinhalt von Facebook. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Sie sehen gerade einen Platzhalterinhalt von Instagram. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Sie sehen gerade einen Platzhalterinhalt von X. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.