dienadel.de

100 Hit Tracks - Ultimate Driving Songs - 5CD Box

100 Hit Tracks - Ultimate Driving Songs - 5CD Box

Auf Lager.

inkl. MwSt. zzgl. Versandkosten /* Versandzeile Artikelseite (Stand 2026-10-06). Ersetzt "inkl. ges. MwSt. zzgl. Versandkosten" je nach Preis der aktuellen Variante: unter 44 EUR: Versandkosten 6,90 EUR + Hinweis auf die Grenze, ab 44 EUR: versandkostenfrei. Ohne JavaScript bleibt der allgemeine Text oben stehen. Werte unten anpassen, wenn sich die Versandkosten oder die Grenze aendern. */ (function () { var GRENZE = 44; // ab diesem Bruttopreis versandkostenfrei (DE) var PORTO = "6,90"; // Versandkosten DE unter der Grenze var zuletzt = null, versuche = 0; // Link auf das Versandkosten-Fenster. Bewusst per DOM gebaut statt als HTML-Text: // der plenty-Editor haelt Tags in JS-Strings fuer offene HTML-Tags und speichert sonst nicht. function versandLink(text) { var a = document.createElement("a"); a.setAttribute("data-toggle", "modal"); a.setAttribute("href", "#shippingscosts"); a.setAttribute("title", "Versandkosten"); a.textContent = text; return a; } function zeigeVersand() { try { var preis = vueApp.$store.getters.currentItemVariation.prices.default.price.value; // z.B. 39 var box = document.getElementById("nadel-versandzeile"); if (!box || !(preis > 0) || preis === zuletzt) return; zuletzt = preis; box.textContent = ""; if (preis >= GRENZE) { box.appendChild(document.createTextNode(" inkl. MwSt.")); box.appendChild(document.createElement("br")); // Zeilenumbruch var fett = document.createElement("strong"); fett.appendChild(versandLink("Versandkostenfrei")); box.appendChild(fett); box.appendChild(document.createTextNode(" innerhalb Deutschlands")); } else { box.appendChild(document.createTextNode(" inkl. MwSt. zzgl. ")); box.appendChild(versandLink(PORTO + " € Versand")); box.appendChild(document.createTextNode(".")); box.appendChild(document.createElement("br")); // Zeilenumbruch box.appendChild(document.createTextNode("(ab " + GRENZE + " € Versandkostenfreie Lieferung in DE)")); } } catch (e) {} } function start() { // warten, bis der Shop (Vue) bereit ist, wie beim Klarna-Banner if (!(window.vueApp && vueApp.$store && document.getElementById("nadel-versandzeile"))) { if (++versuche < 100) setTimeout(start, 200); return; } zeigeVersand(); vueApp.$store.watch( function (s, g) { return g.currentItemVariation; }, function () { setTimeout(zeigeVersand, 0); } ); } start(); })();
if(!document.getElementById('paypal-smart-payment-script')) { var script = document.createElement("script"); script.type = "module"; script.id = "paypal-smart-payment-script"; script.src = "https://cdn02.plentyone.com/inxhhi1199w1/plugin/139/paypal/js/smartPaymentScript.min.js"; script.setAttribute("data-client-id", "AfslQana4f4CQjHvRBnUc6vBJg5jgJuZFwM-SbrTiGKUAqB7MrxQv3QWFdQ6U1h7ogMDokT1DNBzRxMw"); script.setAttribute("data-user-id-token", ""); script.setAttribute("data-merchant-id", "RB36BJJ4XV98W"); script.setAttribute("data-currency", "EUR"); script.setAttribute("data-append-trailing-slash", "true"); script.setAttribute("data-locale", "de_DE"); script.setAttribute("sandbox", ""); script.setAttribute("googlePayComponent", 1); script.setAttribute("applePayComponent", 1); script.setAttribute("logToken", "aa5664b65bbe8083cce9364af068fa8b"); document.body.appendChild(script); } else { var script = document.getElementById('paypal-smart-payment-script'); script.src = "https://cdn02.plentyone.com/inxhhi1199w1/plugin/139/paypal/js/smartPaymentScript.min.js"; script.setAttribute("data-client-id", "AfslQana4f4CQjHvRBnUc6vBJg5jgJuZFwM-SbrTiGKUAqB7MrxQv3QWFdQ6U1h7ogMDokT1DNBzRxMw"); script.setAttribute("data-user-id-token", ""); script.setAttribute("data-merchant-id", "RB36BJJ4XV98W"); script.setAttribute("data-currency", "EUR"); script.setAttribute("data-append-trailing-slash", "true"); script.setAttribute("data-locale", "de_DE"); script.setAttribute("sandbox", ""); script.setAttribute("googlePayComponent", 1); script.setAttribute("applePayComponent", 1); script.setAttribute("logToken", "aa5664b65bbe8083cce9364af068fa8b"); }
if (typeof paypal_plenty_sdk === 'undefined' || typeof renderPayPalButtons !== 'function') { document.addEventListener('payPalScriptInitialized', () => { renderPayPalButtons('6aea8435f3108', 'paylater', 'paypal', 'pill', 'white'); }); } else { renderPayPalButtons('6aea8435f3108', 'paylater', 'paypal', 'pill', 'white'); }
(function(){ var box = document.getElementById('dnGenre'); if (!box) return; var tries = 0; function current(){ var app = document.querySelector('#vue-app'); var st = app && app.__vue__ && app.__vue__.$store; if (!st) return null; var k = Object.keys(st.getters).filter(function(x){ return /\/currentItemVariation$/.test(x); })[0]; return k ? st.getters[k] : null; } var T = '/tontraeger-lp-vinyl-sacd-cd/'; var CAT = { 'Blues': 'blues/', 'Jazz': 'jazz/', 'Rock': 'rock/', 'Pop': 'pop-international/', 'Soul & Funk': 'soul-funk/', 'Folk & Country': 'folk-and-country/', 'Klassik': 'klassik/', 'Weltmusik': 'world-music/', 'Reggae & HipHop': 'reggae-hiphop-rap/', 'Soundtrack': 'soundtrack/', 'Sampler': 'compilation-sampler/' }; function catOf(name){ return CAT[name] ? T + CAT[name] : ''; } function chip(text, url, ober){ var el = document.createElement(url ? 'a' : 'span'); el.textContent = text; if (url) { el.href = url; } var bg = ober ? '#fdecef' : '#fff', fg = ober ? '#dc143c' : '#1a1a1a'; var bgH = ober ? '#dc143c' : '#1a1a1a'; el.style.cssText = 'display:inline-block;padding:5px 12px;border-radius:999px;font-size:13.5px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color .15s,color .15s;background:' + bg + ';color:' + fg; el.addEventListener('mouseenter', function(){ el.style.background = bgH; el.style.color = '#fff'; }); el.addEventListener('mouseleave', function(){ el.style.background = bg; el.style.color = fg; }); return el; } function render(genre, stil){ if (!genre.length && !stil.length) return; var disc = document.createElement('span'); disc.setAttribute('aria-hidden', 'true'); disc.style.cssText = 'flex:0 0 38px;height:38px;border-radius:50%;background:radial-gradient(circle,#dc143c 0 5px,#1a1a1a 5.5px 7px,#3a3a3a 7.5px 9px,#1a1a1a 9.5px 12px,#3a3a3a 12.5px 14px,#1a1a1a 14.5px)'; var wrap = document.createElement('div'); wrap.style.cssText = 'display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0'; var label = document.createElement('span'); label.textContent = 'Genre'; label.style.cssText = 'width:100%;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9a9aa0'; wrap.appendChild(label); var home = genre.length ? catOf(genre[0].name) : ''; genre.forEach(function(v){ wrap.appendChild(chip(v.name, catOf(v.name), true)); }); stil.forEach(function(v){ wrap.appendChild(chip(v.name, home ? home + '?facets=' + v.id : '', false)); }); box.appendChild(disc); box.appendChild(wrap); box.style.display = 'flex'; } function run(){ var v = current(); if (!v || !v.variation || !v.variation.number) { if (++tries > 40) return; return setTimeout(run, 250); } fetch('/rest/io/item/search?query=' + encodeURIComponent(v.variation.number) + '&facets=&items=1', { headers: { Accept: 'application/json' } }) .then(function(r){ return r.json(); }) .then(function(a){ var d = a && a.data; if (!d || !d.itemList || d.itemList.total !== 1) return; var f = d.facets || []; function vals(name){ var x = f.filter(function(y){ return y.name === name; })[0]; return x ? x.values : []; } render(vals('Genre'), vals('Stilrichtung')); }) .catch(function(){}); } run(); })();
Artikelnummer: 80121082
/* Klarna-Ratenbanner Artikelseite (Stand 2026-09-24). Legt den Banner erst an, wenn der Preis bekannt ist, und baut ihn beim Variantenwechsel neu. Grund: Klarna zeichnet einen Banner nur einmal; startet er mit leerem Betrag, bleibt er leer, auch nach refresh(). */ (function () { var zuletzt = null, versuche = 0; function zeigeKlarna() { try { var preis = vueApp.$store.getters.currentItemVariation.prices.default.price.value; // z.B. 49.9 var cent = Math.round(preis * 100); // 4990 var box = document.getElementById("klarna-box"); if (!box || !(cent > 0) || cent === zuletzt) return; zuletzt = cent; box.innerHTML = ''; if (window.Klarna && window.Klarna.OnsiteMessaging) window.Klarna.OnsiteMessaging.refresh(); } catch (e) {} } function start() { // warten, bis der Shop (Vue) bereit ist, statt auf DOMContentLoaded zu setzen if (!(window.vueApp && vueApp.$store && document.getElementById("klarna-box"))) { if (++versuche < 100) setTimeout(start, 200); return; } zeigeKlarna(); vueApp.$store.watch( function (s, g) { return g.currentItemVariation; }, function () { setTimeout(zeigeKlarna, 0); } ); } start(); })();

Ob für lange Autofahrten oder für nette Feiern mit Verwandten und Freunden.
Hier ist für alle was dabei.

Disc 1

  • 1 Alright Now - (Free)
  • 2 Stuck In The Middle With You - (Stealers Wheel)
  • 3 Crocodile Rock - (Elton John)
  • 4 You Aint Seen Nothing Yet - (Bachman Turner Overdrive)
  • 5 Jessica - (The Allman Brothers)
  • 6 Whatever You Want - (Status Quo)
  • 7 On The Road Again - (Canned Heat)
  • 8 Sweet Home Alamba - (Lynyrd Skynyrd)
  • 9 I Was Made For Loving You - (Kiss)
  • 10 Bad Case Of Loving You (Doctor, Doctor) - (Robert Palmer)
  • 11 Don't Believe A Word - (Thin Lizzy)
  • 12 Fast Cars - (Nazareth)
  • 13 Louie Louie - (Motorhead)
  • 14 Love Potion No.9 - (Tygers Of Pan Tang)
  • 15 Mr Jones - (Counting Crows)
  • 16 Cats In The Cradle - (Ugly Kid Joe)
  • 17 More Than Words - (Extreme)
  • 18 Fat Lip - (Sum 41)
  • 19 All The Small Things - (Blink 182)
  • 20 Smooth Criminal - (Alien Ant Farm)


Disc 2

  • 1 Hersham Boys - (Sham 69)
  • 2 Do Anything You Wanna Do - (Eddie & The Hot Rods)
  • 3 Nellie The Elephant - (Toy Dolls)
  • 4 Happy Hour - (The Housemartins)
  • 5 There She Goes - (The LA's)
  • 6 Sit Down - (James)
  • 7 This Is How It Feels - (Inspiral Carpets)
  • 8 Common People - (Pulp)
  • 9 The Riverboat Song - (Ocean Colour Scene)
  • 10 Hush - (Kula Shaker)
  • 11 Sing It Back - (Moloko)
  • 12 Walkaway - (Cast)
  • 13 Erase / Rewind - (The Cardigans)
  • 14 Spread Your Love - (Black Rebel Motorcycle Club)
  • 15 Chelsea Dagger - (The Fratellis)
  • 16 In The Morning - (Razorlight)
  • 17 All Together Now - (The Farm)
  • 18 Jilited John - (Jilted John)
  • 19 Hurry Up Harry - (Sham 69)
  • 20 No More Heroes (Live) - (The Stranglers)


Disc 3

  • 1 Don't You (Forget About Me) - (Simple Minds)
  • 2 Come On Eileen - (Dexys Midnight Runners)
  • 3 Driving In My Car - (Madness)
  • 4 Everybody Wants To Rule The World - (Tears For Fears)
  • 5 Two Tribes - (Frankie Goes To Hollywood)
  • 6 Doctor! Doctor! - (The Thompson Twins)
  • 7 Shout To The Top - (The Style Council)
  • 8 In A Big Country - (Big Country)
  • 9 Perfect Skin - (Lloyd Cole and The Commotions)
  • 10 Digging Your Scene - (The Blow Monkeys)
  • 11 Real Wild Child (Wild One) - (Iggy Pop)
  • 12 All Of The Day And All Of The Night - (The Stranglers)
  • 13 Senses Working Overtime - (XTC)
  • 14 I Ran - (A Flock Of Seagulls)
  • 15 Love Resurrection - (Alison Moyet)
  • 16 (You Gotta) Fight For Your Right (To Party) - (The Beastie Boys)
  • 17 White Lines (Don't Do It) - (Grandmaster Flash & Melle Mel)
  • 18 Swords Of A Thousand Men - (Tenpole Tudor)
  • 19 Going Underground - (The Jam)
  • 20 I Don't Like Mondays - (Boomtown Rats)


Disc 4

  • 1 Our House - (Madness)
  • 2 Born To Run - (Frankie Goes To Hollywood)
  • 3 You Take Me Up - (The Thompson Twins)
  • 4 Echo Beach - (Martha & The Muffins)
  • 5 Pop Musik - (M)
  • 6 My Sharona - (The Knack)
  • 7 One Way Or Another - (Blondie)
  • 8 My White Bicycle - (Nazareth)
  • 9 Blockbuster - (Sweet)
  • 10 One Rule For You - (After The Fire)
  • 11 Video Killed The Radio Star - (The Buggles)
  • 12 Wishing (I Had A Photograph Of You) - (A Flock Of Seagulls)
  • 13 99 Red Balloons - (Nena)
  • 14 Walking Down Madison - (Kirsty MacColl)
  • 15 If I Could Turn Back Time - (Cher)
  • 16 Nothing Ever Happens - (Del Amitri)
  • 17 Dizzy - (Vic Reeves & The Wonder Stuff)
  • 18 Govinda - (Kula Shaker)
  • 19 You Get What You Give - (The New Radicals)
  • 20 Rush Hour - (Jane Wiedlin)


Disc 5

  • 1 Is This The Way To Amarillo - (Tony Christie)
  • 2 It's Not Unusual - (Tom Jones)
  • 3 Build Me Up Buttercup - (The Foundations)
  • 4 Downtown - (Petula Clark)
  • 5 Ob - La
  • 6 Spirit In The Sky - (Norman Greenbaum)
  • 7 Wild Thing - (The Troggs)
  • 8 Do You Love Me? - (The Tremeloes)
  • 9 Needles & Pins - (The Searchers)
  • 10 No Particular Place To Go - (Chuck Berry)
  • 11 (There's) Always Something There To Remind Me - (Sandie Shaw)
  • 12 In The Summertime - (Mungo Jerry)
  • 13 Everlasting Love - (Love Affair)
  • 14 Ballroom Blitz - (Sweet)
  • 15 Melting Pot - (Blue Mink)
  • 16 I Got You (I Feel Good) - (James Brown)
  • 17 How Long - (Ace)
  • 18 Run For Home - (Lindisfarne)
  • 19 Baby Now That I've Found You - (The Foundations)
  • 20 Monday Monday - (The Mamas And The Papas)

NACH OBEN
(function(){var ft=document.getElementById('dnft');if(!ft||!window.matchMedia)return;var mq=window.matchMedia('(max-width:767px)');function sync(){var d=ft.querySelectorAll('details');for(var i=0;d.length>i;i++){d[i].open=!mq.matches}}sync();if(mq.addEventListener){mq.addEventListener('change',sync)}})();
/* Versandzeile in den Artikel-Kacheln, der Doofinder-Suche und den Doofinder-Empfehlungen, Stand 2026-10-07. Ersetzt "inkl. ges. MwSt. zzgl. Versandkosten" je nach Preis, gleicher Wortlaut wie auf der Artikelseite. Shop-Kacheln (.vat-thumb): Preis aus .final-price der Kachel, Versandkosten als Link. Doofinder-Karten (.dfd-card-pricing): Preis aus data-value (Angebotspreis vor Normalpreis), ohne Link, weil die Karte komplett anklickbar ist und das Versandkosten-Fenster hinter der Suche aufginge. Doofinder-Empfehlungen (.dfwidget-card, "Beliebte Kombinationen" usw.): Preis aus dem Text im span, ohne Link. Ein Beobachter faengt nachgeladene Kacheln ab (Blaettern, Filter, Sortierung). Artikel mit Preis 0 (Montageservice) bekommen gar keine Versandzeile. Werte unten anpassen, wenn sich die Versandkosten oder die Grenze aendern. */ (function () { var GRENZE = 44; // ab diesem Bruttopreis versandkostenfrei (DE) var PORTO = "6,90"; // Versandkosten DE unter der Grenze var geplant = false; // Link auf das Versandkosten-Fenster, per DOM gebaut (der plenty-Editor lehnt Tags in JS-Strings ab) function versandLink(text) { var a = document.createElement("a"); a.setAttribute("data-toggle", "modal"); a.setAttribute("href", "#shippingscosts"); a.setAttribute("title", "Versandkosten"); a.className = "text-dark"; a.textContent = text; return a; } // "1.249,00 €" wird 1249 function leseKachelpreis(zeile) { var kachel = zeile.closest(".thumb-content"); var feld = kachel && kachel.querySelector(".final-price"); if (!feld) return null; var zahl = parseFloat(feld.textContent.replace(/[^\d,]/g, "").replace(",", ".")); return zahl >= 0 ? zahl : null; // 0 = kostenloser Artikel (z.B. Montageservice) } // Doofinder: data-value="9.8" wird 9.8; Angebotspreis zaehlt, wenn vorhanden function leseSuchpreis(preisblock) { var feld = preisblock.querySelector(".dfd-card-price--sale") || preisblock.querySelector(".dfd-card-price"); var zahl = feld ? parseFloat(feld.getAttribute("data-value")) : NaN; return zahl >= 0 ? zahl : null; } function leseWidgetpreis(preisblock) { var feld = preisblock.querySelector(".card-price--sale") || preisblock.querySelector(".card-price"); if (!feld) return null; var text = ""; for (var k = 0; k !== feld.childNodes.length; k++) { if (feld.childNodes[k].nodeType === 3) text += feld.childNodes[k].textContent; } var zahl = parseFloat(text.replace(/[^\d,]/g, "").replace(",", ".")); return zahl >= 0 ? zahl : null; } // mitLink = false: reiner Text statt Link (Doofinder-Karten) function baueZeile(zeile, preis, mitLink) { function teil(text) { return mitLink ? versandLink(text) : document.createTextNode(text); } zeile.textContent = ""; // Doofinder setzt den Preisbereich auf nowrap: ohne Umbruch wird die Zeile abgeschnitten // und drueckt in der Ergebnisliste die Karten auseinander (Abstand verschwindet) zeile.style.whiteSpace = "normal"; // Doofinder: der Preis-span (Flex-Element, schrumpft nicht) waere sonst so breit wie die laengste Zeile // und ragt in schmalen Karten (Highlights) ueber den Rand. Auf die verfuegbare Breite begrenzen. if (!mitLink && zeile.parentElement) { zeile.parentElement.style.maxWidth = "100%"; zeile.parentElement.style.minWidth = "0"; zeile.parentElement.style.flexShrink = "1"; } if (preis >= GRENZE) { zeile.appendChild(document.createTextNode("inkl. MwSt.")); zeile.appendChild(document.createElement("br")); var fett = document.createElement("strong"); fett.appendChild(teil("Versandkostenfrei")); zeile.appendChild(fett); zeile.appendChild(document.createTextNode(" innerhalb Deutschlands")); } else { zeile.appendChild(document.createTextNode("inkl. MwSt. zzgl. ")); zeile.appendChild(teil(PORTO + " € Versand")); zeile.appendChild(document.createTextNode(".")); zeile.appendChild(document.createElement("br")); zeile.appendChild(document.createTextNode("(ab " + GRENZE + "\u00a0€ Versandkostenfreie Lieferung in\u00a0DE)")); // \u00a0 = festes Leerzeichen } } // schon erledigt: gleicher Preis und unser Text steht noch drin (Shop und Doofinder koennen neu zeichnen) function anpassen(zeile, preis, mitLink) { if (!zeile || preis === null) return; // Preis 0 (z.B. kostenloser Montageservice): gar keine Versandzeile if (preis === 0) { if (zeile.style.display !== "none") zeile.style.display = "none"; return; } if (zeile.getAttribute("data-nadel-preis") === String(preis) && zeile.textContent.indexOf("Versandkostenfrei") !== -1 && zeile.style.whiteSpace === "normal" && (mitLink || zeile.parentElement.style.maxWidth === "100%")) return; zeile.setAttribute("data-nadel-preis", String(preis)); baueZeile(zeile, preis, mitLink); } function allesAnpassen() { geplant = false; var i; var zeilen = document.querySelectorAll(".vat-thumb"); for (i = 0; i !== zeilen.length; i++) anpassen(zeilen[i], leseKachelpreis(zeilen[i]), true); var karten = document.querySelectorAll(".dfd-card-pricing"); for (i = 0; i !== karten.length; i++) anpassen(karten[i].querySelector(".dfd-card-price p"), leseSuchpreis(karten[i]), false); var empfehlungen = document.querySelectorAll(".dfwidget-card .card-pricing"); for (i = 0; i !== empfehlungen.length; i++) anpassen(empfehlungen[i].querySelector(".card-price p"), leseWidgetpreis(empfehlungen[i]), false); } function planen() { if (geplant) return; geplant = true; setTimeout(allesAnpassen, 50); } function start() { allesAnpassen(); new MutationObserver(planen).observe(document.body, { childList: true, subtree: true, characterData: true }); } if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", start); else start(); })();
/* Lieferschein fuer Kunden ausblenden (Mein Konto + Bestellbestaetigung), Rechnung bleibt. 2026-10-24 */ (function(){ function h(){document.querySelectorAll('a[href*="/order-document/"]').forEach(function(a){if(a.textContent.trim()==='Lieferschein'&&a.style.display!=='none'){var b=a.closest('.buttons')||a;b.style.setProperty('display','none','important');a.style.setProperty('display','none','important');}});} h();new MutationObserver(h).observe(document.documentElement,{childList:true,subtree:true}); })();
/* Anmelde-Fenster: Hinweis "Noch kein Kundenkonto? Jetzt registrieren" (2026-10-24) */ (function(){ var L=document.getElementById('login');if(!L)return; function add(){var c=L.querySelector('.modal-content');if(!c||!c.querySelector('.modal-footer')||c.querySelector('.dn-reg'))return; var d=document.createElement('div');d.className='dn-reg';d.style.cssText='background:#f7f3ee;padding:16px 28px;text-align:center;color:#5f5f63;font-size:14px;'; var a=document.createElement('a');a.href='/registrieren/';a.textContent='Jetzt registrieren \u2192';a.style.cssText='color:#dc143c;font-weight:700;text-decoration:none;'; d.appendChild(document.createTextNode('Noch kein Kundenkonto? '));d.appendChild(a);c.appendChild(d);} add();new MutationObserver(add).observe(L,{childList:true,subtree:true}); })();
/* Favoritenliste: grosse Bilder statt Vorschau (preview 150 px >> middle 300 px), 2026-10-24 */ (function(){ if(!document.body.classList.contains('category-wish-list'))return; function up(){var w=document.querySelector('.widget-wish-list');if(!w)return; w.querySelectorAll('picture source, picture img').forEach(function(e){['srcset','src','data-srcset','data-src'].forEach(function(k){var v=e.getAttribute(k);if(v&&v.indexOf('/preview/')!==-1)e.setAttribute(k,v.split('/preview/').join('/middle/'));});});} up();new MutationObserver(up).observe(document.body,{childList:true,subtree:true}); })();
(function(){ if (window.dnNlModal) return; window.dnNlModal = 1; var SRC = 'https://news.dienadel.shop/207/1565/eb063ae847/subscribe/form.html?_g=1780011594'; var FONT = '"Wix Madefor Display",Arial,sans-serif'; var HFONT = '"bc-alphapipe","Wix Madefor Display",Arial,sans-serif'; var wrap = null, frameBox = null, closeBtn = null, lastFocus = null, oldOverflow = ''; function el(tag, css, text){ var e = document.createElement(tag); if (css) e.style.cssText = css; if (text) e.textContent = text; return e; } function build(){ wrap = el('div', 'position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(20,20,20,.62);'); wrap.id = 'dn-nl-modal'; wrap.setAttribute('role', 'dialog'); wrap.setAttribute('aria-modal', 'true'); wrap.setAttribute('aria-label', 'Newsletter-Anmeldung'); var card = el('div', 'position:relative;width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:' + FONT + ';color:#1a1a1a;'); var head = el('div', 'background:#141414;color:#fff;padding:26px 24px 22px;border-radius:24px 24px 0 0;'); head.appendChild(el('div', 'color:#ff5470;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;', 'Newsletter')); head.appendChild(el('div', 'font-family:' + HFONT + ';font-weight:700;font-size:28px;line-height:1.15;margin:0 40px 10px 0;', 'Nichts mehr verpassen')); head.appendChild(el('div', 'color:#d2d2d6;font-size:15px;line-height:1.5;margin-bottom:' + (window.innerWidth > 479 ? '14px' : '0') + ';', 'Stets informiert \u00fcber neue Produkte, Aktionen und TOP-Deals, direkt in Ihr Postfach.')); var pills = el('div', 'display:flex;flex-wrap:wrap;gap:8px;'); ['Neue Produkte', 'Aktionen & TOP-Deals', 'Jederzeit abbestellbar'].forEach(function(t){ pills.appendChild(el('span', 'background:rgba(255,255,255,.1);border-radius:999px;padding:5px 12px;font-size:13px;color:#fff;', t)); }); if (window.innerWidth > 479) head.appendChild(pills); /* am Handy ohne Pillen, damit das Formular ganz ins Fenster passt */ closeBtn = el('button', 'position:absolute;top:14px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;', '\u00d7'); closeBtn.type = 'button'; closeBtn.setAttribute('aria-label', 'Schlie\u00dfen'); closeBtn.addEventListener('click', hide); frameBox = el('div', 'container-type:inline-size;padding:6px 10px 4px;'); card.appendChild(head); card.appendChild(frameBox); card.appendChild(closeBtn); wrap.appendChild(card); wrap.addEventListener('click', function(e){ if (e.target === wrap) hide(); }); document.body.appendChild(wrap); } function show(){ if (!wrap) build(); if (!frameBox.firstChild){ var f = document.createElement('iframe'); f.src = SRC; f.title = 'Newsletter-Anmeldung'; f.setAttribute('frameborder', '0'); f.style.cssText = 'display:block;width:100%;border:0;height:max(470px,calc(716px - 55.3cqw));'; frameBox.appendChild(f); } lastFocus = document.activeElement; oldOverflow = document.documentElement.style.overflow; document.documentElement.style.overflow = 'hidden'; wrap.style.display = 'flex'; closeBtn.focus(); } function hide(){ if (!wrap || wrap.style.display === 'none') return; wrap.style.display = 'none'; document.documentElement.style.overflow = oldOverflow; if (lastFocus && lastFocus.focus) lastFocus.focus(); } document.addEventListener('click', function(e){ var t = e.target; var a = t && t.closest ? t.closest('a[href$="#newsletter"],.dn-nl-open') : null; if (!a) return; e.preventDefault(); show(); }); document.addEventListener('keydown', function(e){ if (e.key === 'Escape') hide(); }); if (location.hash === '#newsletter') { if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', show); else show(); } })();